*,::before,::after{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
[tabindex="-1"]:focus{outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
h3{font-size: 18px; color: #00557D; font-weight: 700}
p{margin-top:0;margin-bottom:1rem}
abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#007bff;text-decoration:none;background-color:transparent}
a:hover{color:#24AED4;text-decoration:underline}
a:not([href]):not([tabindex]){color:#fff;text-decoration:none; cursor: pointer}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:#fff; cursor: pointer; text-decoration: underline}
a:not([href]):not([tabindex]):focus{outline:0}
pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:0px dotted;outline:0px auto -webkit-focus-ring-color}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{outline-offset:-2px;-webkit-appearance:none}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
html{box-sizing:border-box;-ms-overflow-style:scrollbar}
*,::before,::after{box-sizing:inherit}
.btn {font-size:16px;padding: 15px 20px;min-width: 280px; border: solid 1px #00557D; display: inline-block;color: #00557D; background: none; border-radius: 40px; font-weight: 700 }
.btn:hover {background: #00557D;color: #fff;}
.errormsg{color: red; font-size: 12px; text-align: center}
.mb-20{margin-bottom: 20px}
.mb-30{margin-bottom: 30px}
.mb-40{margin-bottom: 40px}
.mb-60{margin-bottom: 60px}
.margin-t30{margin-top: 30px;}
.font-small{font-size: 12px}
.full-img{width: 100%}
.modal-box {display: none;}
.sky-text{color: #24AED6; border-color: #24AED6}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1050px}
@media (min-width: 576px) {
.container{max-width:540px}
}
@media (min-width: 768px) {
.container{max-width:720px}
}
@media (min-width: 992px) {
.container{max-width:960px}
.mini-container{max-width:900px}
.container-sm{max-width:720px}	
.container-news{max-width:700px; margin: 0 auto}		
	.new-intence-items div:nth-child(2) .nI_img h2 {
    margin-bottom: 15px;
}
}
@media (min-width: 1200px) {
.container{max-width:1050px}
.mini-container{max-width:930px}
.container-sm{max-width:750px}	
.container-news{max-width:865px; margin: 0 auto}		
}
@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansCJKjp-Light.woff2') format('woff2'), url('../fonts/NotoSansCJKjp-Light.woff') format('woff'), url('../fonts/NotoSansCJKjp-Light.ttf') format('truetype'), url('../fonts/NotoSansCJKjp-Light.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'), url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'), url('../fonts/NotoSansCJKjp-Regular.ttf') format('truetype'), url('../fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'), url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'), url('../fonts/NotoSansCJKjp-Medium.ttf') format('truetype'), url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'), url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'), url('../fonts/NotoSansCJKjp-Bold.ttf') format('truetype'), url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'VELOSansBold';
    src: url(../fonts/VELOSansBold.eot);
    src: url(../fonts/VELOSansBold.eot) format('embedded-opentype'),
         url(../fonts/VELOSansBold.woff2) format('woff2'),
         url(../fonts/VELOSansBold.woff) format('woff'),
         url(../fonts/VELOSansBold.ttf) format('truetype'),
         url(../fonts/VELOSansBold.svg#VELOSansBold) format('svg');
}
@font-face {
    font-family: 'VELOSansMedium';
    src: url(../fonts/VELOSansMedium.eot);
    src: url(../fonts/VELOSansMedium.eot) format('embedded-opentype'),
         url(../fonts/VELOSansMedium.woff2) format('woff2'),
         url(../fonts/VELOSansMedium.woff) format('woff'),
         url(../fonts/VELOSansMedium.ttf) format('truetype'),
         url(../fonts/VELOSansMedium.svg#VELOSansMedium) format('svg');
}
@font-face {
    font-family: 'velo_wwangleregular';
    src: url('../fonts/velowwangle-regular-webfont.woff2') format('woff2'),
         url('../fonts/velowwangle-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'velo_wwanglebold';
    src: url('../fonts/velowwangle-bold-webfont.woff2') format('woff2'),
         url('../fonts/velowwangle-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}@font-face {
    font-family: 'velo_wwanglemedium';
    src: url('velowwangle-medium-webfont.woff2') format('woff2'),
         url('velowwangle-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}
/* custom css */
body{font-family: velo_wwangleregular, nitalago-ruika, sans-serif!important;font-weight: 400; font-size: 16px; color: #00557D}
p{margin-bottom:1.68rem; line-height: 30px;font-size: 16px;}
h1{font-weight: 700;color: #00557D; font-size: 32px}
h2{font-size: 24px; color: #00557D;font-weight: 700}

*:focus { outline: solid 0px #996F00; outline-offset: -2px; }
:focus { outline: solid 0px #996F00; outline-offset: -2px; }
a { color: #00AED6; }
a:hover { color: #00AED6; text-decoration: underline}
img { max-width: 100%; vertical-align: top; }
/*button:focus, div:focus { outline: none; box-shadow: none; }*/
ul, li, ol { list-style: none; margin: 0; padding: 0; }

input, select, textarea, .upload-box label { background: #FCFCFC; border: solid 1px #DDDDDD; border-radius: 4px; min-height: 44px; padding: 0 15px; font-size: 14px; line-height: 2; width: 100%; }
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { border-color: #ddd ; background-color: #FCFCFC ; box-shadow: none ; }
input::placeholder, textarea::placeholder { color: #595959; }
form textarea{height: 200px;}
input[type="file"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #041E42;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #041E42; opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #041E42;
}
:-moz-placeholder { /* Firefox 18- */
  color: #041E42;
}


.overflow { overflow: hidden;}

/* header */
.header {top: 0;left: 0; right: 0;    background: #fff;    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);transition: .4s all ease-in-out;    min-height: 120px;
z-index: 99; position: fixed;}
.header-contents {position: relative; background: #00557D}
.mypoints_header {
    background: #F6F6F6;
    padding: 10px 12px;
    color: #00557D;
    min-width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 26px;
}.mypoints_header span {
    font-size: 16px;
    line-height: 10px;
    padding: 0 5px;
    font-weight: bold;
    top: 3px;
    position: relative;
}
.mypoints_header img{margin-right:3px;}
span.points_heading {font-size: 16px; color: #00AED6;font-weight: 600; padding-left: 20px;background: url("../img/menu-list-arrow.png") no-repeat left center; display: block}
.mypoints_header span.points {display: flex;/* justify-content: center; */align-items: center; font-size: 28px;font-family: 'VELOSansBold';}
.header-center-items{text-align: left; padding: 20px 0 0;}
.header-right-items {position: absolute;right: 10px;top: 24px;display: flex;}
.velozone-header .header-right-items{justify-content: center;
    align-items: center;}
.header-action {display: flex; justify-content: center;align-items: center;}
.header-action .cart-region, .header-action .user-region{padding: 0 10px 0 0}
.secondary-navigation ul{display: flex; justify-content: center;  padding: 0px 10px;}
.secondary-navigation ul li{ position: relative;padding: 0 15px;line-height: 12px; line-height: 26px;}


.secondary-navigation ul li a{color: #00557D; font-size:10px; font-weight: bold; position: relative; line-height: 26px; display: flex; align-items: center}
.secondary-navigation ul li a.anchor_link {position: relative;}
.secondary-navigation ul li a.anchor_link:after {position: absolute; background: url("../img/nav-arrow.png") no-repeat right center; content: ""; width: 10px; height: 10px; right: -19px; opacity: 0.5; top: 50%;transform: translateY(-50%);}


/* menu */
.hamburger-menu{  width: 30px; height: 30px; display: inline-block; position: absolute; right: 0;  border-radius: 100%; cursor: pointer; z-index: 100; outline: 0px}
.main_menu_wrp{width: 30px; height: 30px;}
.hamburger-menu .hamburger-icons{background: url("../img/hamburger.svg") no-repeat center ; width: 30px; height: 30px; display: inline-block; position: absolute;   background-size: 100%; }
.velozone .hamburger-menu .hamburger-icons{background: url("../img/velozone/hamburger.svg") no-repeat center ; width: 30px; height: 30px; display: inline-block; position: absolute;   background-size: 100%; }
.hamburger-menu.active .hamburger-icons{ background-image: url("../img/hamburger-close.svg");    width: 30px;height: 30px;   }
.velozone .hamburger-menu.active .hamburger-icons{ background-image: url("../img/velozone/hamburger-close.svg");    width: 30px;height: 30px;   }
.menu {bottom: 0px;width: 100%; max-width: 335px; position: fixed; padding-top: 0px;    font-size: 16px;display: none;  background-color: #00557D; border-radius: 0px;right: 20px; top: 140px; padding: 10px 40px;  }
.menu nav#nav-list{overflow-y: scroll; height: 400px;}
.menu a.btn {
    background: #FFF200;
    color: #00557D;
    border-radius: 10px;
    text-align: center;
        min-width: 270px;
    font-size: 18px;
}.main_menu_wrp a.btn.btn-yellow {
   
    display: flex;
    justify-content: center;
   
    align-items: center;
    width: 280px;
    margin-bottom: 10px;
}.menu h3 {
    color: #fff;
    font-size: 18px;
    text-align: left;
}
.menu li{/* opacity:0; */transition:.3s all ease-in-out;transition-delay: 0.5s;top:30px; text-align: left; padding-left: 0px}
.menu li a {color: #fff; padding: 4px 0; font-size: 14px; font-weight: 600;display: block; text-decoration: underline}
.menu li.is__active{ opacity:1; top:0px}
.menu nav ul { padding: 5px 0;}
.menu nav h3{color: #FFF200; font-size: 18px; text-align: left; margin-top: 30px}
/* footer */
footer { padding: 40px 0 0; clear: both;background: #00557D; }
/*.ungated_footer{margin-bottom: 100px}*/
.field-contactus {margin: 0 auto 10px;padding-top: 20px;}
.field-contactus h2 { font-weight: bold; font-size: 18px; text-align: center;color: #fff; }
.field-contactus p{font-size: 14px;margin-bottom: 15px;text-align: center;color: #fff;font-weight: 400;}
.col-contactus a { color: #041E42;min-height: 60px;font-weight: bold; font-size: 18px;line-height: 28px;background: #fff}
.btn-contactus {position: relative;display: flex;align-items: center;justify-content: center; box-sizing: content-box;height: 100%;padding-top: 11px;padding-right: 5px;padding-bottom: 14px;padding-left: 5px;font-size: 14px;border-radius: 5px; border: solid 1px #EEEEEE;}
.btn-contactus > span:nth-child(2) {padding-right: 10px;padding-left: 10px; color: #041E42;}
.col-contactus .small-text { font-size: 13px;font-weight: normal;line-height: 16px;display: block;}
.gated_footer_links a {color: #fff;font-weight: bold; font-size: 14px;line-height: 18px; }
.gated_footer_links a:hover{text-decoration: none}
.gated_footer_links li { line-height: 18px; padding: 5px 0;}
.gated_footer_info p{color:#00557D; font-size: 12px; line-height: 24px; margin-bottom: 12px }
.gated_footer_bottom { background: #00557D;}
.gated_footer_top {padding: 0px 0 20px;width: 100%;}
.gated_footer_top .row{margin: 0px;   align-items: flex-start;}
.ungated_footer .gated_footer_top .row{margin: 0px;   align-items: flex-start; justify-content: center}
.gated_footer_copyright{padding: 20px 10px;width: 100%;}
.gated_footer_copyright p { font-weight: 400;font-size: 14px; margin: 0px; color: #fff;}
.gated_footer_copyright p a { display: inline-block;margin-bottom: 5px;text-decoration: underline;color: #fff;}
.col-contactus div.case-call { margin-right: 0px;}
.gated_footer_links {width: 100%;max-width: 255px;}
.gated_footer_links h3{color: #FFF200;     font-size: 18px;min-height: 43px;}
.gated_footer_info {width: 100%;background: #F6F6F6;border-radius:10px; padding: 15px; margin-top: 30px}
.gated_footer_info p:last-child {margin: 0;}

/* mypage */
.site-mypage { padding-top: 60px; padding-bottom: 60px; }
.site-navmypage{ padding: 35px  0; background: #F5F5F5;box-shadow: inset 0 7px 9px -7px rgb(0 0 0 / 20%);}
.field-navmypage { max-width: 750px; margin: 0 auto; }
.col-navmypage { display: flex; align-items: center; justify-content: center; text-align: center; list-style: none; margin: 0;}
.col-navmypage>li { /*width: 25%;*/ padding: 0 60px; }
.col-navmypage>li a { display: inline-block; color: #00AED6; font-size: 16px;  font-weight: 700; line-height: 28px; text-align: center; }
.col-navmypage>li a.current{ color: #041E42 ; text-decoration: none; border-bottom: solid 2px #041E42}
.grid-mypage { max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
.col-mypage { text-align: left;display: flex; padding: 20px 0; border-bottom: 1px solid #DADADE; /*align-items: center;*/}.col-mypage
.col-myblock{border-bottom: 1px solid #DADADE;}
.item-mypage * { word-break: break-all; }
.field-mypage {
	background: #fff;
	padding: 10px;
}
.col-mypage>div{ width: 100%;}
.col-mypage>div:first-child { max-width: 250px;  font-weight: 500; font-size: 16px; line-height: 1.5;  color: #232323; }
.item-mypage { display: flex; justify-content: space-between; width: 100%; /*align-items: center;*/}
.item-mypage>div:first-child { width: 100%; }
.item-mypage button{ color: #fff; margin-bottom: 0; min-width: 128px; width: 100%; padding: 8px 10px;}
.item-mypage button:focus{ outline: none;}
.item-mypage>div .btn-primypage, .item-mypage>div .fgroup-mypedit{ display: none; }
.item-mypage>div>*.is-hide { display: none !important; }
.item-mypage>div>*.is-show { display: block !important; }
.item-mypage>div p{ margin-bottom: 0;}
.read-mypage.case-name span:last-child { margin-left: .2em; }
.btn-secmypage {display: inline-block;min-width: 128px;padding: 10px 20px;color: #fff;font-size: 16px;text-align: center;background: #3D5567; border-width: 0;border-radius: 30px;}
.hed-mypage-bor {border-bottom: 1px solid #DADADE;}
.field-mypage+.field-mypage {padding-top: 35px;}
.font12, .font12 a{font-size: 12px; color: #3D5567}
.hed-mypage { color: #3D5567;font-weight: bold; font-size: 18px;line-height: 1.5;padding-bottom: 30px;}

/* news */
.news-wrap {padding: 30px 0 60px;}
.news-wrap h1{text-align: center; font-size: 32px; font-weight: 700; color: #041E42; margin-bottom: 40px; text-align: left}
.news-inner-box {margin-bottom: 30px;}
.news-date{color: #041E42; font-size: 14px; font-weight: 700; margin: 10px 0}
.news-wrap h2{font-size: 20px;}
.news-wrap p{line-height: 26px; margin-bottom: 10px}

.news-wrap .readmore a{text-decoration: underline}
.stm-button_center{text-align: center; display: block}
.single_image-wrapper{margin-bottom: 80px}
.news-details-top-col {margin-bottom: 60px;}
.news-details-top-col p.news-date{margin-bottom: 10px}
.news-details-rightBox{margin-bottom: 30px}
.news-details-rightBox h5, .news-details-rightBox p.heading{font-size: 14px; font-weight: 700;margin-bottom: 20px;}
.news-details-rightBox .img-block{max-width: 100px; max-height: 100px;}
.news-details-rightBox.cn-left .img-block {float: left;margin-right: 30px;}
.news-details-rightBox.cn-right .img-block {float: right;margin-left: 30px;}
.news-details-rightBox.cn-right h5, .news-details-rightBox.cn-right p.heading{text-align: right}
.news-details-rightBox .gray_box{background: #F6F6F6; padding: 25px 25px 22px; border-radius: 20px; }
.news-details-rightBox .gray_box { background: #F6F6F6;padding: 20px 20px 17px; border-radius: 6px; display: inline-block;max-width: 510px;position: relative; font-size: 14px; width: 100%}
.news-wrap-banner{margin: 0px 0px 30px;}
.news-dt-heading h3{font-size: 24px; font-weight: 700; margin-bottom: 30px; text-align: center; position: relative; padding: 0 50px}
.news-dt-heading h3:before{content: ""; left: 0px; background: url("../img/news/kv-heading-left-icon.png") no-repeat left center; position: absolute; width: 90px; height: 143px; top: -10px;}
.news-dt-heading h3:after{content: ""; right: 0px; background: url("../img/news/kv-heading-right-icon.png") no-repeat right center; position: absolute; width: 90px; height: 143px; top: -10px;}
.cl-section{margin: 50px 0;}
.cl-clumn{margin-bottom: 50px;}
.cl-section h2, .two-clum-section h2{font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.two-clum-section{margin: 0 0 30px}
.two-clum-section-row .stm-button{margin: 20px 0}
.ahalogo {text-align: center; margin: 40px 0;}
.news-cards-wrp h2{margin-bottom: 30px;}
.new-born-section{margin: 0 0 50px}
.details-items{margin: 40px 0 40px;}
.news-wrap h6{font-size: 16px; font-weight: normal; margin-bottom: 25px;}
.two-clum-section-row { margin: 40px -15px;}

/*club*/
.vc_image-wrapper {margin: 0 0 20px;}
.introducing_voices {text-align: center;}
.introducing_voices h3, .column-content-inner h3 {font-size: 20px;padding-bottom: 5px;text-align: center;margin-bottom: 20px;color: #041E42;font-weight: 700; border-bottom: solid 2px #041E42; display:inline-block}
.introducing_voicesgated{margin-bottom: 50px}
.introducing_voices .img_block{margin-bottom: 20px}
.btn.btn-medium { padding: 10px 50px;}
.btn.btn-large { padding: 10px 50px; min-width: 340px}
.column-content-inner p{clear: both}
.form-group ::-webkit-input-placeholder, .form-group [type=text]::-webkit-input-placeholder { color: #041E42; }
.column-content-inner {margin-bottom: 30px;}
.cn-success .thank-you-msg{font-size: 20px; font-weight: 400;color: #041E42; margin-bottom: 15px;}
.cn-success .points-msg{font-size: 20px; font-weight: 700;color: #041E42}
.comments-wrp{padding: 20px 0; text-align: center}
.back-to-home{padding: 30px 0 0;}
.back-to-home a{font-weight: 700}
.free-gift-wrp {position: relative}
.free-gift-con {position: absolute;top: 142px;max-width: 280px; left: 40px;}
.free-gift-con p{color: #73FCD5;left: 33px;  font-size: 16px; margin-bottom: 12px; line-height: 24px}



/*generic-oral-tobacco*/
.generic-oral-section{margin-bottom: 40px}
.generic-oral_tabaco_heading { padding: 40px 0; margin: 0 auto; text-align: center;}
.generic-oral-section h2{color: #000; font-size: 40px;display: inline-block; text-align: center;font-weight: 700;line-height: 47px;position: relative;}
.generic-oral_tabaco_heading .left-icon {position: absolute; left: -70px;top: -30px;}
.generic-oral_tabaco_heading .right-icon { position: absolute;right: -60px;top: -20px;}
.choice_block .heading { text-align: center;margin-bottom: 15px;}
.generic-oral-section h3 {text-align: center;  font-weight: bold;color: #001B4E;font-size: 20px;margin-top: 15px; }
.charm_sec p {color: #232323;font-size: 14px; font-weight: bold; line-height: 18px; }
.disclaimer-gen {padding-left: 150px;font-size: 12px;line-height: 20px;}


/*modal-popup*/
.modal-box{ position: relative; z-index: 9999;}
.aha-sitemodal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.97); }
.sm-container{ position: relative; box-sizing: border-box; width: 100%; max-width: 940px; max-height: calc(100vh - 90px); margin-right: 20px; margin-left: 20px; overflow-y: auto; padding-right: 20px; overflow-x: hidden}
.aha-sitemodal-content{ padding: 35px 25px 50px;}
.modal-close{ position: absolute; top: 35px; right: 25px; z-index: 1; width: 20px; height: 20px; color: #00BFC3; background-color: transparent; border: none;}
.modal-close:focus{ outline: none;}
.modal-close:after { position: relative; left: -5px; display: block; width: 30px; height: 2px; background: #00BFC3; transform: rotate(-45deg); content: ""; }
.modal-close:before { position: relative; top: 2px; left: -5px; display: block; width: 30px; height: 2px; background: #00BFC3; transform: rotate(45deg); content: "";}
.aha-sitemodal-content h3{ font-weight: bold; font-size: 20px; line-height: 29px; text-decoration: underline; color: #00BFC3; margin-bottom: 30px;}
.aha-sitemodal-content h3 a{ text-decoration: underline; color: #00BFC3;}
.aha-sitemodal-content p{ font-size: 12px; line-height: 17px; color: #232323; margin-bottom: 35px;}
.aha-sitemodal-content p span{ font-weight: bold; font-size: 12px; line-height: 17px; color: #00BFC3; margin-bottom: 12px; display: block;}
.btn-2-center {display: flex;justify-content: center;}
.btn.btn-auto { min-width: auto;padding: 10px 32px;}
.btn-2-center div { margin: 0 10px;}
.club-popup-inner h3 {font-size: 20px;margin-bottom: 30px;}
.club-popup-inner textarea.form-control{background: #F6F6F6; border: 0px}
.pointpopup .content-wrp {background: #00557D;border: solid 1px #eee;}
.pointpopup-heading h2{color: #fff; font-size: 30px; font-weight: bold; margin: 20px 0 10px }
.pointpopup-heading h2 span{color: #fff; font-size:80px; font-weight: bold; display: block}
.pointpopup-heading p{ font-size: 25px; color: #FFF200; font-weight: 700}
.pointpopup-heading {display: flex; justify-content: center;margin: 0 30px;align-items: center; border-bottom: solid 2px #FFF200;}
.pointpopup .win-close{right: 35px;}
.coin_acquisition {position: relative; font-size: 16px; color: #fff;font-weight: 7000; text-align: left;padding-left: 40px; max-width: 300px; width: 100%;margin: 15px auto 15px;}
.coin_acquisition:before {content: "";background-image: url(../img/icon-sm-forbiden.png);position: absolute; left: 0px; width: 30px; height: 30px;background-repeat: no-repeat;top: 9px;}
.pointpopup-bottom-wrp {background: #fff; padding: 15px 40px;}
.pointpopup-bottom-wrp .btn{border-radius: 0px; background:#00557D; color: #fff; font-size: 24px; font-weight: 700; display: block; width: 100%; margin-bottom: 10px; padding: 10px;}
.white-text{color: #fff}
.pointpopup-bottom-wrp p{color: #757778; font-size: 14px; font-weight: 700; line-height: 20px; padding-left: 10px; margin: 0px;}
.pointpopup-bottom-wrp span{color: #00557D; font-size: 20px;}
.content-sec_normal {padding: 0 25px 20px;}
.content-sec_normal h1 { color: #041e42;font-weight: bold;font-size: 30px; text-align: center;padding-top: 45px;}
.arrow-right:after {position: absolute; content: ""; width: 10px;  height: 15px;right: 0px; top: calc(50% - 6px); background: url(../img/arrow1.png) left top no-repeat;}
.btn_wrp .btn { min-width: 150px;margin: 0 10px; font-size: 16px;}
.arrow-right {padding-right: 15px;position: relative;clear: both;}
.fgroup-myptext { display: flex;}
.fgroup-myptext > div { width: calc(50% - 5px);}
.btn_wrp {display: flex; align-items: center;justify-content: center;}
.btn_sky { background: #00557D; color: #fff;  font-weight: 700;font-size: 16px; margin-bottom: 10px;border: 0px;}
.btn_skyborder { border: solid 2px #00AED6!important;background-color: #fff;font-weight: 700; font-size: 16px;margin-bottom: 10px;color: #00557D; outline: 0px;
}.quiz-popup-inner .form-group--radio .input-radio + .input-radio {margin-left: 0px;}
.section_ageGate .aha-sitemodal-overlay {background: none;}
.sm-container.ageGate {background: none;}
.sm-container.ageGate {outline: 0;max-width: 100%;text-align: center; padding: 20px 0;height: 100%;width: 100%;max-height: 100vh;margin: 0px;box-shadow: 0 0 0;border: 0px;}
.ageGate .modal-dialog-centered {min-height: 100%;}
.pointPopup-content.section_ageGate {margin-top: 0px!important;}
.sm-container.ageGate .section_caption p { color: #00557D;font-size: 18px; line-height: 40px;}
.btn_age_over, .btn_age_under { min-width: 12rem;height: 3.5rem; background: #00557D; border: 0px;color: #FFF;margin: .5rem .25rem;text-align: center; border-radius: 35px}
.btn_age_under { background: #FFF;color: #00AED6; border: solid 1px #00AED6;}
.modal-dialog-centered::before {display: block;height: calc(100vh - 1rem); content: "";}
.modal-gry-bg { background: rgba(0,0,0,0.7);}
.section_ageGate .modal-content { padding: 2rem;}
/* about oral toboco */
.gray-background { background: #F6F6F6; padding: 30px 0}
.oraltobacco-inner-links li a{font-weight: 700; position: relative}
.oraltobacco-inner-links li a:after{content: "v"; position: absolute; right: -20px; font-weight: normal; color: #00AED6; opacity: 0.5}
.oral-video-wrp{margin: 20px 0 20px}
.oral-video-wrp .stm-button.stm-button_center{margin-top: 30px}
.generic-oral_tabaco-slider .heading {text-align: center;margin: 10px 0 20px;}
.generic-oral-section3 { margin-top: 30px; padding-bottom: 50px; margin-bottom: 50px}
.generic-oral-section3 h2 {font-size: 38px;text-align: center;margin:0px 0 30px;font-weight: bold; padding-top: 20px; display: block}
.voices_block {display: flex; justify-content: center; align-items: center;   margin: 0 20px 0px;}
.voices_list{width: 25%;text-align: center;margin: 10px;}
.voices_list .box {border: solid 2px #009DD9; background: #fff;min-height: 125px;padding: 10px;border-radius: 15px;font-size: 15px;text-align: left; position: relative;line-height: 20px;color: #001E45; margin-bottom: 30px;font-weight: bold;}
.voices_list .box span.arrow{position: absolute; bottom: -20px; left: calc(50% - 15px);}
.easytouse-sec {text-align: center;}
.easytouse-sec h2{color: #fff; display: inline-block; padding: 0px; margin-bottom: 50px;   position: relative;font-size: 40px;line-height: 47px;font-family: 'Noto Sans Japanese';}
.easytouse-sec .left-icon{position: absolute; left: -70px;top: -30px;}
.easytouse-sec .right-icon{position: absolute; right: -50px;top: -20px;}
.disclaimer_generic{font-size: 12px; color: #fff; padding-left: 20px; margin-bottom: 60px}
.tabaco-indicators2 ul li h3{color: #fff; margin-bottom: 20px;font-family: VELOSansBold;font-size: 32px;}
.tabaco_step {position: relative;}
.tabaco-indicators2 span.Polygon {  position: absolute; top: 100px; right: -10px;}
.tabaco-indicators2.ahatopicindicators span.Polygon{top: 55px}
.tabaco-indicators2.ahatopicindicators .tabaco_step_con{ padding: 0 40px;}
.tabaco-indicators2.ahatopicindicators ul li p{color: #041E42; text-align: left}
.tabaco-indicators2 ul li p {color: #fff;font-size: 16px; line-height: 20px; padding-top: 15px}
.tobocco-b-text{font-size: 18px; font-weight: 700; margin-bottom: 50px}
.lineup-cigarettes-wrp {font-weight: bold; font-size: 18px; margin-bottom: 40px}
.lineup-cigarettes-wrp h2{font-weight: 700; font-size: 22px;text-align: center;}
.lineup-cigarettes-wrp h3{font-weight: 700; font-size: 20px;}
.lineup-cigarettes-wrp .price{font-size: 16px; font-weight: 700}
.lineup-cigarettes-wrp p{font-size: 16px; font-weight: 400}
.productlineup{margin-bottom: 40px}
.blod_text{font-size: 20px; font-weight: 700}
.charge_con h3 {font-size: 22px;}
.store_loop .heading { display: flex; justify-content: center;align-content: center; align-items: center;}
.store_loop h4 { font-weight: bold; font-size: 16px;display: inline-block;padding-left: 10px;}
.store_loop a { background: #001e45;display: block; color: #fff;padding: 8px; margin: 5px;}
ul.lineup_list{margin-bottom: 30px}

/*oral toboco slider*/
.fullwidth-banner ul.slick-dots{text-align: center;margin-top:0px;padding: 10px 0 20px;z-index: 9;position: relative;}
.fullwidth-banner .custom-dots, .fullwidth-banner .slide-controls {position: absolute;left: 0; right: 0;bottom: 0px;}
.fullwidth-banner .slick-prev, .fullwidth-banner .slick-next{ outline: 0px;   position: absolute; top: 38%; padding: 30px 23px;border: 0px; font-size: 0px; width:60px; height:60px;  z-index: 9; background: none;}
.fullwidth-banner .slick-next{right: 150px}
.fullwidth-banner .slick-prev:focus, .fullwidth-banner .slick-next:focus{outline: 0px;}
/*.fullwidth-banner .slick-next {right:130px; background-image: url(../img/ungated-arrow-right.png); background-repeat: no-repeat; background-position: center;}
.fullwidth-banner .slick-prev {left: 130px;background-image: url(../img/ungated-arrow-left.png);background-repeat: no-repeat;background-position: center;}*/
.fullwidth-banner .slick-dots li {position: relative;display: inline-block;margin: 0 10px;padding: 0;cursor: pointer;}
.fullwidth-banner .slick-dots li button {font-size: 0;line-height: 0; display: block;width: 10px;height: 10px;padding: 0px;cursor: pointer;color: transparent;outline: none; background:none;border-radius: 10px; border: solid 1.5px #fff;}
.fullwidth-banner .slick-dots .slick-active button{background: #fff;}
.top-Ubanner .title{margin: 0px; font-size: 28px;font-family: 'Noto Sans Japanese'; color: #001E45; font-weight: bold; text-align: center; padding: 30px 0;background: #F9F9F9;}
.image-section img.imgSrcChange {width: 100%;}
.green{color: #4F868E; font-size: 14px; font-weight: 700; margin: 20px 0;}
.generic-oral-section4 h2 { color: #000;font-size: 40px; display: inline-block; text-align: center; font-weight: 700;line-height: 47px; position: relative;}
.store_loop { background: #ebf9fc; border-radius: 15px; margin: 10px 0;padding: 10px 20px;}
.ready-to-charge {width: 80%;margin: 0 10%;}
.generic-oral-section4 {display: block;width: 100%; margin-bottom: 50px; float: left;}
.pro-001{margin-bottom: 50px;}

/*quiz*/
.quiz_wrp{margin: 40px 0}
.quiz_wrp h2{font-size: 24px; font-weight: 700; margin-bottom: 30px}
.quiz_wrp h3{font-size: 30px; font-weight: 700;color: #00AED6;margin-bottom: 20px}
.quiz_wrp h4{font-size: 20px; font-weight: 700;}
.quiz_wrp h5{font-size: 20px; font-weight: 700;color: #00AED6;margin-bottom: 20px}

.quiz_wrp .green{margin: 0px 0 30px}
.quiz-popup-inner .input-radio [type=radio] + label:before {background: url(../img/icon-radio.png) no-repeat 0 0;content: "";display: inline-block;margin-right: 5px;width: 24px;height: 24px; position: relative;top: 6px;}
.quiz-popup-inner .input-radio [type=radio] + label {height: 40px;line-height: 40px;}
.form-group--radio .input-radio {display: inline-block;vertical-align: middle;}
.quiz-popup-inner .input-radio [type=radio] {display: none;}
.quiz-popup-inner .input-radio [type=radio]:checked + label:before {background-position: 0 100%;}
.quiz-popup-inner h2{margin-bottom: 30px;}
.quiz-popup-inner h3 {font-size: 16px;background: #041E42; padding: 15px 20px 15px 30px; color: #fff}
.form-group--radio .input-radio { display: inline-block;vertical-align: top; padding-left: 15px; }
.form-group--radio .input-radio.full-width-input{width: 100%}
.quiz-popup-inner .form-group{margin-bottom: 50px}
.quiz-popupclosebtn { background: url(../img/quiz-close-icon.svg) left top no-repeat;position: absolute; width: 40px;height: 40px;top: 10px;right: 25px; z-index: 9999; border: 0px;cursor: pointer;}
.popup-content-inner.quiz-popup-inner {margin-top: 90px;}
.topic-des {margin: 30px 0 40px}
.topic-des h3, .feature-pro-des h3, .topic-des h2{font-size: 20px; color: #041E42; font-weight: 700}
.topic-featurepro-wrp{margin-bottom: 50px;}
.topic-blog{margin-bottom: 60px}
.topic-feature-wrp{margin: 30px 0}
.topic-feature-wrp .img-block{margin-bottom: 20px}
.btn.disabled-btn { background: #fff;border-color: #DDDDDD; color: #ddd!important; pointer-events: none;}	
.application-requirements h3 {text-align: center;margin: 0 0 30px;border-bottom: solid 1px #041E42;padding-bottom: 10px; display: inline-block;}
.aha-sitemodal-overlay .sm-content {
    position: initial;margin-bottom: 0px;
}
.application-re-heading { text-align: center;}
.quiz-popup-inner form textarea{height: 80px}
.q1, .q2, .q3, .q4, .q5, .q6, .q3a, .q3b, .q7a, .q7b {font-weight: bold;font-size: 16px;padding-left: 2em;margin-top: 5px;text-indent: -2em;}
.q1:before {content: 'Q1:';padding-left: 20px;padding-right: 5px;}
.q2:before {content: 'Q2:';padding-right: 5px;    padding-left: 20px;}
.q3:before {content: 'Q3:';padding-right: 5px;    padding-left: 20px;}
.q4:before {content: 'Q4:';padding-right: 5px;    padding-left: 20px;}
.q5:before {content: 'Q5:';padding-right: 5px;    padding-left: 20px;}
.q6:before {content: 'Q6:';padding-right: 5px;    padding-left: 20px;}
.btn.audio-btn{font-weight: normal; border: solid 1px #041E42; background: #fff; color: #041E42; font-size: 16px;}



/*Home*/
.fullwidth-banner{margin-bottom: 50px}
.fullwidth-banner .image-section{position: relative}
.toppage-slider {margin-bottom: 30px;}
.fullwidth-banner-toppages .toppage-slider{margin-bottom: 0px; background: #041E42; padding-top: 5px;}
.fullwidth-banner-toppages .toppage-slider .image-section img.imgSrcChange{border: solid 1px #fff; border-radius: 21px}
.btn.btn-white {background: #fff; color: #00AED6;}

/*open-cp*/
.opencp-heading .heading{font-size: 18px; line-height: 30px; font-weight: 700}
.steps_indicator_con li{text-align: center;padding: 0 32px 0 32px;}
.rewards_steps{width: 100%; padding: 60px 0 0;}
.steps_indicator_con li{width: 100%; text-align: center;}
.steps_indicator_con li p{ font-size: 16px;line-height: 24px; font-weight: 400; margin: 15px 0 30px;}
.steps_indicator_con li .steps_arrow {position: relative; display: block;}

.steps_indicator_con{ list-style: none; padding: 0px; margin: 50px 0; position: relative;}	
.steps_indicator_con li img{width: 100%}
.rewards_steps_indicator{text-align: center}
.rewards_steps_indicator h2, .rewards-poinnts-heading h2{padding-bottom: 5px;display: inline;border-bottom: solid 2px #041E42; font-size: 24px; font-weight: 700}
.v-coins-top {justify-content: space-between!important;display: flex; background:#F6F6F6; padding: 5px 15px}
.acquisition{display: block;position: relative;padding-left: 25px; font-size: 14px;}
.acquisition:before {position: absolute; width: 22px; left: 0px; background: url(../img/open-cp/time.png) left center no-repeat;height: 22px;content: "";}
.v-coins-top .heading-left{font-size: 16px; font-weight: 700}
.v-coins-top span.points, .single-product-info .price span.points-details { display: flex; align-items: center;font-size: 40px;font-family: 'VELOSansBold'; color: #041E42}
.rewards-poinnts-heading{text-align: center}
.rewards-poinnts-heading p{padding-top: 30px;}
.ahaitems-wrp{margin: 60px 0}
.aha-items{margin-bottom: 40px;}
.aha-items-des{margin-bottom: 40px;}
.ahaitems-wrp h2{font-size: 24px; text-align: center; margin-bottom: 35px; font-weight: 700}
.ahaitems-wrp .heading h2{color: #24aed4}
.aha-items-des p{text-align: center; font-size: 18px; font-weight: 700; margin: 20px 0}
.notice-con { min-height: 340px; color: #fff; background: #ddd;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 24px;  font-weight: 700;margin-bottom: 60px;}
.application-requirements.bg-gray {background: #F6F6F6;padding: 20px;border-radius: 20px; margin-bottom: 60px}
.product-view{padding: 20px 0 60px}
.single-product-info .product_title {font-size:20px; font-weight: 700; line-height: 25px; margin-bottom: 20px;}
.single-product-info .price{color: #00AED6; font-size: 40px; font-weight: 700; margin-bottom: 10px;}
.single-product-info .price span{font-weight: 700; font-size: 16px;}
.single-product-info p{line-height: 32px;}
.back-to-mainpage{text-align: center; margin: 0px 0 60px}
.back-to-mainpage .back-to-home{padding: 0px}
.application-rulestext{font-size: 20px; color: #00AED6; font-weight: 700}



/*win or lose popup*/
.win-popup { position: relative;}
.smallpopup-container {max-width: 400px;}
.smallpopup-container1 {max-width: 700px;}
.win-close {background: url(../img/plus.png) left top no-repeat; position: absolute;width: 29px;height: 29px; top: 5px; right: 25px;z-index: 9999;border: 0px;  cursor: pointer;}
.QR-popup .win-close {background: url("../img/velozone/close.png") left top no-repeat; position: absolute;width: 29px;height: 29px; top: 17px; right: 45px;z-index: 9999;border: 0px;  cursor: pointer;}
.QR-popup.movie-popup1 .win-close {background: url("../img/velozone/white-close-icon.png") left top no-repeat; position: absolute;width: 29px;height: 29px; top: 25px; right: 45px;z-index: 9999;border: 0px;  cursor: pointer;}

.win-popup .pop-content {position: relative; background: #fff;}
.sm-content.win-popup .content-wrp, .sm-content.losepopup .content-wrp {position: relative;z-index: 9; text-align: center;}
.win-popup .pop-content:before, .losepopup .pop-content:before {position: absolute; width: 100%; left: 0px;top: -1px; background: url(../img/blue-rectangle-bg.png) left top no-repeat;  height: 100%;  content: "";}
.sm-content.win-popup .content-wrp h2 {color: #fff;font-family: 'VELOSansBold';font-size: 62px;
font-weight: 700;padding: 20px 0 0px;}
.sm-content.win-popup .content-wrp p { color: #00AED6;font-weight: 700;font-size: 26px;padding: 0px 0 0px;margin: 0px;}
.sm-content.win-popup .content-wrp h3 {color: #041E42;font-size: 26px;font-weight: 7 600; margin: 0px 0 0px;padding-bottom: 30px;}
.sm-content.losepopup h2 {color: #fff; font-family: 'VELOSansBold'; font-size: 82px; font-weight: 700; padding: 20px 0 0px;}
.sm-content.losepopup h2 { color: #fff;font-family: 'VELOSansBold'; font-size: 82px;  font-weight: 700; padding: 20px 0 0px;}
.sm-content.losepopup p {color: #00aed6;font-family: 'Noto Sans Japanese'; font-weight: 900;font-size: 26px; padding: 0px 0 0px;margin: 0px;}
.shape_lose { position: relative; display: inline-block;padding: 60px 0 130px;}
.btn_sky {background:#041E42;color: #fff;font-family: 'VELOSansMedium';font-weight: 600; font-size: 16px; margin-bottom: 10px;border: 0px; border-radius: 0px;}
.btn_skyborder {
 border: solid 2px #00AED6!important; background-color: #fff;font-family: 'VELOSansMedium';font-weight: 600;font-size: 16px;margin-bottom: 10px; color: #00AED6;outline: 0px; border-radius: 0px;}

.social-links { margin-bottom: 50px; text-align: center}
.footer-social-links{margin-bottom: 80px;}
.social-links p{margin-bottom: 12px;}
.social-links ul { display: flex;justify-content: center;}
.social-links ul li {padding: 0 10px;}
.social-links ul li img:hover{opacity: 0.7;}



.hy-app-select-details .form-group input { padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.hy-app-select-details .form-group label {position: relative;  cursor: pointer; font-size: 16px; font-weight: normal; line-height: 1.63;color: #3d5567; display: flex; margin: 0px;}
.hy-app-select-details .form-group label:before {content: ''; -webkit-appearance: none;background-color: transparent; border: 2px solid #24AED4;  padding: 10px;display: inline-block;position: relative;  vertical-align: middle;cursor: pointer;margin-right: 9px;  border-radius: 4px;height: 15px; width: 15px;}
.hy-app-select-details .form-group input:checked + label:after {  content: ''; display: block; position: absolute;top: 2px; left: 8px; width: 9px;height: 16px;border: solid #24AED4;border-width: 0 2px 2px 0;transform: rotate(45deg); border-radius: 0px;}
.hy-app-select-details { background: #F6F6F6; text-align: center; /* margin: 0 auto; */ padding: 20px 10px;border-radius: 5px;margin: 40px 0 20px;}
ul.select_neo li {background: #F6F6F6;margin: 0 10px;padding-bottom: 30px;}
.hy-app-select-details-one { justify-content: center;}
.hy-app-select-details-one .form-group { margin: 0px;}
.application-rules-notice p {font-size: 10px; text-align: left; margin: 0px; line-height: 18px;}
ul.select_neo li label div, ul.select_use li label > img { cursor: pointer;}
p.space-top {font-size: 12px;line-height: 18px;}
ul.select_neo li label input[type="radio"] + .neo_img:before {position: absolute; content: '';bottom:25px;left: 50%;width: 20px; height: 20px; padding: 3px;margin-top: -10px;border: 1px solid #24AED4;border-radius: 50%;transform: translateX(-50%); background: #fff}p.small-text {
    font-size: 12px;    line-height: 20px;
}
ul.select_neo li label input[type="radio"]:checked + .neo_img:before {padding: 5px;border-color: #24AED4; }
ul.select_neo li label input[type="radio"]:checked + .neo_img:after { position: absolute;content: '';bottom: 29px;left: 50%; background: #24AED4;width: 12px;height: 12px; padding: 3px;margin-top: -10px;border: 1px solid #24AED4;border-radius: 50%; transform: translateX(-50%);}
ul.select_neo li label input[type="radio"] {display: none;}
.application-rules-notice { margin-bottom: 30px;}
.hy-app-select-con .stm-button{margin-bottom: 20px;}
ul.select_neo li{width: 44%}
ul.select_neo li label{width: 100%}

/*faq*/

.faq-content-wrp li.tab-list {margin-right: 20px;}
.faq-content-wrp li.tab-list:last-child {margin-right: 0px;}
.faq-banner .imgSrcChange {width: 100%}
.faq-content-wrp ul{margin-bottom: 60px;}
.content-faq span a{color: #0047BB}
.content-heading { background: #F9F9F9;padding: 12px 15px;}
.content-faq {background: #fff;padding: 15px 15px 15px 25px; }
.faq-title { background: #00AED6;color: #fff; font-weight: bold;padding: 20px 0 20px 0; margin-bottom: 10px;font-size: 20px;text-align: center;}
.tab-content { color: #232323;font-size: 14px;}
.faq-banner h2{text-align: center; font-size: 30px; font-weight: bold; color: #000; margin: 0px 0 30px}
.faq-banner .image-section {margin-bottom: 30px;}
.form-group span.disclaimer, .grid-mypage span.disclaimer{font-size: 12px;padding: 5px 0 0 0;}
.blue-btn2{    background: #00AED6; border-color: #00AED6; color: #FFF;}
.questionnaire-input{display: none}	
.full-width-input.active .questionnaire-input{display: block}	
/*STORE LOCATOR*/
.storeMapWrap{background: #00AED6;}
.gps-loctation, .storeTxt h1{color:#00AED6}
.store-velo-logo{padding: 100px 0 }
.store-velo-logo img{width: 150px;}
.storeLocator_wrapper{ position: relative; padding: 30px 0 50px;}
.store_bg { position: absolute; bottom: 0; left: 0; right: 0; /*height: calc(100% + calc(100vw * 0.15) - 300px);*/ z-index: -1; /*background-image: url("../images/store-bg-mob.png");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; text-align: right;}
.store_bg img{ max-width: 100%;}
.storeTxt > div{ text-align: center; max-width: 240px; margin: 0 auto; padding-bottom: 40px; position: relative; z-index: 2;padding-top: 0px;  }
.storeTxt h1{ font-weight: 500; font-size: 25px; line-height: 36px; margin-bottom: 15px; color: #00AED6;}
.storeTxt p{ font-weight: normal; font-size: 14px; line-height: 20px;}
.locationInput{ display: flex; background: #FFFFFF; border: 1px solid #DADADA; flex-wrap: wrap;}
.locationInput input:focus, .locationInput select:focus{ outline: none;}
.locationInput input, .locationInput select{ width: auto; height: auto; margin: 0; border: none; padding: 8px 5px; font-size: 10px; line-height: 14px; text-align: center; color: rgba(115, 115, 115, 0.9); border-radius: 0;}
.locationInput .currentLocation{ width: 100%; border: none; border-bottom: 1px solid #DADADA;}
.locationInput .locationPin{ flex: 1; text-align: center;  border-right: 1px solid #DADADA; width: 100%;}
.locationInput .locationMile{ width: 100px; flex: 0 0 100px; border: none; border-right: 1px solid #DADADA;}
.locationInput .submit{ width: 33px; flex: 0 0 33px; font-size: 0; background: url("../img/search.svg") no-repeat center; cursor: pointer;}
.storeMap{ position: relative;}
.storeMap.active{ background: #DADADA;  min-height: 499px;}
.mapTxt{ font-size: 14px; line-height: 20px; text-align: center; color: #000000; background: #FFFFFF; border: 1px solid #00AED6; padding: 20px 50px; position: absolute; top: 60px; right: 20px; bottom: 60px; left: 20px; display: flex; justify-content: center; align-items: center;}
.storeMapWrap{ padding: 40px 20px 20px; background: #00ABC8;}
/*.ungated_s3_3{ border: none;}*/
.storeMapText{ max-width: 230px; margin: 0 auto; padding-bottom: 40px; font-weight: bold; font-size: 16px; line-height: 22px; text-align: center; color: #fff;}
.storeDropdown{ background: #F8F8F8; border: 1px solid rgba(0, 0, 0, 0.24); height: 48px; position: relative; margin: 0 auto 20px;}
.storeDropdown:after{ content: ''; clear: both; background: url("../img/down-arrow-gray.svg") no-repeat right center; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 9px; right: 10px;}
.storeDropdown select{ font-size: 18px; line-height: 26px; text-align: center; color: rgba(115, 115, 115, 0.9); border: none; width: 100%; height: 100%; background: transparent;  -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; padding: 0 30px;}
.storeDropdown select::-ms-expand { display:none;}
.storeDropdown select:focus{ outline: none;}
.storeDropdown select { text-align: center; text-align-last: center;}
.storeDropdown option { text-align: left;}
.gps-loctation{ background: #fff; text-align: center; font-size: 18px; line-height: 26px; color: #00AED6; border: none; display: block; width: 100%; padding: 10px 0;  margin: 0 auto;}
.gps-loctation span{ display: inline-block; background: url("../img/gps.svg") no-repeat left center; padding-left: 35px;}
.selectCheck{ text-align: center; margin-top: 35px}
.selectCheck label{ display: inline-block; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; color: #FFFFFF; margin-right: 30px; margin-bottom: 0; vertical-align: top;}
.customCheckbox{ display: inline-block;}
.customCheckbox [type="checkbox"]:not(:checked), 
.customCheckbox [type="checkbox"]:checked {left: -9999px; position: absolute;}
.customCheckbox [type="checkbox"]:not(:checked) + label, 
.customCheckbox [type="checkbox"]:checked + label { cursor: pointer; padding-left: 30px; position: relative; }
.customCheckbox [type="checkbox"]:not(:checked) + label::before, 
.customCheckbox [type="checkbox"]:checked + label::before { background: #F8F8F8; border: 1px solid rgba(0, 0, 0, 0.24); content: "";  left: 0; position: absolute; top: 0; width: 20px; height: 20px;}
.customCheckbox [type="checkbox"]:not(:checked) + label::after, 
.customCheckbox [type="checkbox"]:checked + label::after { content: ''; height: 13px; width: 7px; left: 7px; position: absolute; top: 2px; transition: all 0.1s ease 0.1s; border-bottom: 3px solid transparent; border-right: 3px solid transparent; transform: rotate(40deg);}
.customCheckbox [type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0);}
.customCheckbox [type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1) rotate(40deg); border-color: #00BFC3;}
/*.loctionBtn{ padding: 30px 0; background: #fff;}*/
.loctionBtn .btn{ margin: 0; font-size: 14px;}
.hide-result, .modal-box {display: none;}
.store-result{ padding-bottom: 45px;}
.store-nosearch{ display: none; background: #f5f5f7; text-align: center;}
.store-nosearch.is-active{ display: block;}
.store-nosearch img{ max-width: 100%;}
.store-sptabs .list-tab { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none;}
.store-sptabs .list-tab>* { width: 50%; }
.store-sptabs .list-tab button{ display: inline-block; width: 100%; padding: 20px 15px; font-size: 14px; background: #C4C4C4; border: 0 none; outline: none; color: #fff;}
.store-sptabs .list-tab button>span { position: relative; display: inline-block; padding-left: 30px; font-weight: bold;}
.store-sptabs .list-tab button>span:before { position: absolute; top: 0; left: 0; display: block; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; content: "";}
.store-sptabs .list-tab button.btn-tablist span:before { top: 4px; width: 17px; height: 14px; background-image: url("../img/icon-list.svg");}
.store-sptabs .list-tab button.btn-tabmap span:before { width: 17px; height: 19px; background-image: url("../img/icon-map.svg"); }
.store-sptabs .list-tab button.is-active { background: #00BFC3; }
.noteDiv{ font-weight: 500; font-size: 12px; line-height: 17px; text-align: center; padding: 15px 15px 0; color: #fff;}
.velo-searchresult { position: relative; max-height: 575px; overflow: hidden;}
.velo-searchresult.is-active{ display: block;}
.field-map { position: relative; padding-bottom: 56.5%; background-color: #CCCCCC; }
.field-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.velo-resultdetail{ width: 100%; background: #fff;}
.velo-resultdetail-head{ background: #00BFC3; padding: 17px 0 16px 27px; font-size: 18px; line-height: 26px; color: #fff; position: relative;}
.velo-resultdetail-head:after{ content: ''; background:  url("../img/expand.svg") no-repeat center; width: 24px; height: 24px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);}
.filed-resultdetail{ flex: 1; overflow: auto; position: relative;}
.filed-resultdetail li{ border-bottom: 1px solid #878787; padding: 20px 30px 30px 33px;}
.filed-resultdetail li:last-child{ border: none;}
.result-head{ font-weight: bold; font-size: 22px; line-height: 32px; color: #00BFC3; margin-bottom: 30px;}
.result-head a{ color: #00BFC3; text-decoration: underline;}
.filed-resultdetail p{ font-size: 16px; line-height: 23px; color: #232323;}
.seeMap{ font-size: 12px; line-height: 17px; text-decoration: underline; color: #00BFC3; background: url("../img/gps_velo.svg") no-repeat left center; padding-left: 18px; display: inline-block; background-size: 10px;}
.filed-resultdetail .mCSB_inside>.mCSB_container { margin-right: 7px;}
.filed-resultdetail .mCSB_scrollTools{ width: 7px;}
.filed-resultdetail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 7px; margin: 0; background: #00BFC3; border-radius: 0;}
.filed-resultdetail .mCSB_scrollTools .mCSB_draggerContainer{ background: #DADADA;}
.filed-resultdetail .mCSB_scrollTools .mCSB_draggerRail{ display: none;}
.hide-result, .modal-box{ display: none;}
.modal-box{ position: relative; z-index: 9999;}
.velo-sitemodal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); }
.velo-container{ position: relative; box-sizing: border-box; width: 100%; max-width: 800px; max-height: calc(100vh - 90px); margin-right: 20px; margin-left: 20px; overflow-y: auto; background-color: #FFFFFF; border-radius: 20px;}
.velo-sitemodal-content{ padding: 35px 25px 50px;}
.modal-close{ position: absolute; top: 35px; right: 25px; z-index: 1; width: 20px; height: 20px; color: #00BFC3; background-color: transparent; border: none;}
.modal-close:focus{ outline: none;}
.modal-close:after { position: relative; left: -5px; display: block; width: 30px; height: 2px; background: #00BFC3; transform: rotate(-45deg); content: ""; }
.modal-close:before { position: relative; top: 2px; left: -5px; display: block; width: 30px; height: 2px; background: #00BFC3; transform: rotate(45deg); content: "";}
.velo-sitemodal-content h3{ font-weight: bold; font-size: 20px; line-height: 29px; text-decoration: underline; color: #00BFC3; margin-bottom: 30px;}
.velo-sitemodal-content h3 a{ text-decoration: underline; color: #00BFC3;}
.velo-sitemodal-content p{ font-size: 12px; line-height: 17px; color: #232323; margin-bottom: 35px;}
.velo-sitemodal-content p span{ font-weight: bold; font-size: 12px; line-height: 17px; color: #00BFC3; margin-bottom: 12px; display: block;}
.modal-text{ font-weight: bold; font-size: 16px; line-height: 23px; color: #00BFC3; padding-left: 45px; margin-bottom: 30px; background-position: left top; background-repeat: no-repeat;}
.modal-text a{ color: #00BFC3; text-decoration: underline;}
.modal-text a:hover{ text-decoration: none;}
.location-icon{ background-image: url("../img/gps_velo.svg");}
.ph-icon{ background-image: url("../img/icon-ph.svg");}
.storeTxt{ position: relative;}
.storeTxt img{ position: absolute; right: 0; bottom: 0;}
.loctionBtn .btn:disabled {background: rgba(0,0,0, .2);}
.toppage-carousel-con h2{font-size: 16px; margin-bottom: 20px;}
.color1 h2{ color: #98E7DF}
.color2 h2{ color: #470841}
.color3 h2{ color: #11145B}
.color4 h2{color: #F3B3CD}
.color5 h2{ color: #11145B}
.video-block{margin-bottom: 20px;}
.check-out-orallineup{background:#00AED6; padding: 30px 60px; text-align: center; border-radius: 20px; color: #fff}
.check-out-orallineup.bluebg{background:#041E42 }
.check-out-orallineup .btn:hover{color: #24AED4}
.store-ungated-banner{text-align: center; margin: 40px 0}


/*signup*/
.newReg p{ color: #00557D;}
.no-gap-page{ padding-top: 0 !important;}
.section-inner.newReg {padding: 30px 0;}
.newReg .steps-indicator{ display: flex; justify-content: center;    font-size: 10px; margin-bottom: 20px}
.newReg .steps-indicator li{ padding: 0 3px;}
.newReg .steps-indicator li { display: inline-block;vertical-align: top; color: #a1a3a9;width: 23%;text-align: center; position: relative;}
.newReg .steps-indicator li:first-child{ width: 31%;}
.newReg .steps-indicator li .circle{ display: none;}
.newReg .steps-indicator li .copy{ background: #a1a3a9; border-radius: 5px; color: #fff; padding: 5px; position: relative; z-index: 2; margin-top: 0px; display: block}
.steps-indicator li .bar{position: absolute;width: 100%;height: 4px;    right: 50%;    z-index: 1;ht: 50%; background-color: #424652;    opacity: .2;}
.newReg h2 { position: relative;padding-bottom: .3em;font-size: 20px;    text-align: center;font-weight: 900;margin-bottom: 20px;}
.section-inner h2:after{    transform: translateX(-50%);    width: 30px;height: 1px;left: 50%;    bottom: -1px;position: absolute;display: block;content: "";    background: #000;}
.newReg .steps-indicator li .bar{ top: 50%; transform: translateY(-50%);}
.newReg .steps-indicator li.active  .copy{ background: #00557D; }
.newReg .steps-indicator li.active .bar{ background: #00557D;}
.newReg .steps-indicator li .bar {top: 50%;transform: translateY(-50%);}
.newReg .verCode{ text-align: center;  padding-bottom: 15px;}
.newReg .verCode{ padding-bottom: 15px;}
.newReg .loginDiv{  text-align: center; padding:15px 10px;color: #00557D;}
.newReg .loginDiv a{color:  #00557D; text-decoration: underline}
.newReg .steps-indicator li:first-child .bar{display: none}
.newReg .form-group--2-col .input-group { float: left; width: 47%; margin-top: 0;    display: block;}
.newReg .form-group--2-col .input-group + .input-group { margin-left: 6%;}
.newReg .zip-inpWrap .group-input{ border-bottom: none; border-radius: 0; max-width: 95px; float: left;}
.newReg .zip-inpWrap .group-input input{ border-radius: 0;}
.newReg .zip-inpWrap .group-input:first-child { max-width: 75px;}
.newReg .zip-inpWrap .separate{ width: 10px;}
.newReg .auCode{ font-size: 12px; text-align: center; padding-top: 15px;}
.newReg .memberPoints{    margin: 0 auto 25px;padding: 10px;}
.mb_regiser_container .mb_regiser_form .form-general .form-group { padding: 0;}
.auCode .btn{ border-radius: 30px;}
.newReg h3{ text-align: center; font-size: 18px; font-weight: bold; margin: 0 0 1em;}
.mIcon { text-align: center;}
.mIcon img { width: auto; max-width: 100px;}
.form-general .input-group{ position: relative;}
.passwordSug{ background: #fef9f9; border-radius:0 0 8px 8px; position: absolute; left: 0; top: 54px; width: 100%; max-width: 320px; padding: 15px; z-index: -1;  opacity: 0; transition: opacity 1s ease;}
.sugPassword:focus ~ .passwordSug{ z-index: 1; opacity: 1;}
.passwordSug ul{ list-style: none; padding: 0 15px;}

.passwordSug li{ font-size: 14px; padding: 8px;}
.passwordSug li.invalid { background:url(../img/signup/close_icon.png) no-repeat 0 10px; padding-left:30px;}
.passwordSug li.valid { background:url(../img/signup/tick_icon.png) no-repeat 0 10px; padding-left:30px;}
.nobor{ border: none;}
.tick-input{ position: relative; padding-right: 30px; }
.correct-field, .incorrect-field{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); vertical-align: top;}
.correct-field img, .incorrect-field img{ display: block; vertical-align: top;}
.inline-b{ display: inline-block;}
.text-left{ text-align: left !important;}
.memberPoints.nobor{ padding: 0; margin-bottom: 20px;}
.hide-password.active{ display: none;}
.domain-disclaimer{ max-width: 580px; margin: 0 auto;}
.newReg p.noMar{ margin-bottom: 0}
.line_active{ max-width: 560px; margin: 0 auto;}
.line_active .form-group{ padding-left: 0; margin: 0 auto;}
.pointCon p {margin-bottom: 0;line-height: 2;font-size: 14px;}
.newReg sup {font-size: 50%;line-height: 1; top: -7px;}
.mb_signup_order {display: flex;flex-direction: column; margin-top: 20px;}
.mb_signup_order form { display: block; margin: 0 0 20px; padding: 0;}
.form-general .input-group { position: relative;}
.form-general input{background-color: #e6edf2;    border: none;font-size: 14px;    height: 54px;    line-height: 1;padding: 0 20px; margin: 0px;    width: 100%;}
.mb_signup+.mb_regiser_form {text-align: left;}
.form-general label.error { position: static; margin: 5px 0 0;font-size: 14px; height: auto;line-height: inherit; color: #e35205;}
.font12{ margin-top: 0;  margin-bottom: 1em;line-height: 1.7;}
.font12 a{color: #505050}
.newReg ::-webkit-input-placeholder, #form-login [type=text]::-webkit-input-placeholder { color: #ccc; }
.newReg :-ms-input-placeholder { color: #ccc}
.newReg ::placeholder { color: #ccc}
.newReg .form-group [type=submit] { background: #00557D;color: #fff;}
.pointCon p.font11 {font-size: 11px;}
.memberPoints{ max-width:480px;    display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;align-items: center; border: 2px solid rgba(0,0,0,.1); border-radius: 0px; padding: 8px;}
.nobor {border: none;}
.form-general select{  appearance: none;border: none;   height: 54px;font-size: 14px;   background: url(../img/signup/icon-arrow-down-blue.png) no-repeat #e6edf2;background-position: calc(100% - 20px) 50%;padding: 0 20px;}
.section-inner a {text-decoration: underline; color: #00557D;}
.input-radio [type=radio] + label:before {background: url(../img/signup/icon-radio.png) no-repeat 0 0;content: ""; display: inline-block; margin-right: 5px;width: 18px;height: 18px;position: relative;top: 3px;}
.input-radio [type=radio]:checked + label:before { background-position: 0 100%;}
.form-group--radio .input-radio {display: inline-block;vertical-align: middle;}
.form-group--birthday .input-group .st-prizes--selects .file-upload, .form-group--birthday .input-group select, .st-prizes--selects .form-group--birthday .input-group .file-upload {width: calc(100% - 30px);    margin-bottom: 25px;}
.form-general .form-edit { top: 0; height: auto; line-height: inherit;}
.form-group--radio label {top: 0; }
.quiz-popup-inner .form-group--radio label {top: 0; font-size: 16px}
.input-radio [type=radio] {display: none;}
.form-group--radio .input-radio + .input-radio {margin-left: 30px;}
.input-radio [type=radio] + label {height: 40px;line-height: 40px;}
.form-group--radio .input-radio label {position: static;}
.form-group--birthday .input-group { float: left;width: 33.33%;margin-top: 0;}
.form-general hr { clear: both;margin-top: 30px; margin-bottom: 30px;border-top-color: #ccc;}
.form-general .width-50 { width: 50%;}
.toggle-pass .shown {display: none;}
.toggle-pass i {font-size: 1.4em;display: inline-block;margin-right: 5px; position: absolute;right: 100%;top: -1px;}
.fa-eye:before { content: "";  background: url(../img/signup/eye.jpg) no-repeat left center; width: 21px; height: 13px;position: absolute; left: -20px;}
.form-group--password p {text-align: right;position: absolute;width: 100%;left: 0;top: 18px;z-index: 1;}
.toggle-pass {display: inline-block;color: #3d3935;text-decoration: none;border-bottom: 1px solid #989695;font-size: 12px;line-height: 1.1;position: relative;}
p.checked .input-checkbox input {height: 15px;width: 15px;vertical-align: top;}
p.checked .input-checkbox {top: -3px;}
p.checked .input-checkbox, p.checked i {position: absolute;left: 25px;color: #e35205;font-size: 1.3em;}
p.checked label { position: static;height: auto;line-height: inherit;display: inline;}
p.checked {padding-left: 50px;position: relative;}
.form-group--password {border-top: 1px solid #ccc;position: relative;}
.form-group.form-group--2-col, .form-group.form-group--birthday{float: left; width: 100%}
.form-general label { display: block;margin-bottom: 10px;}
a.btn.btn-continue{background: #00557D;    border-radius: 4px;display: inline-block;      position: relative;  height: 56px;    line-height: 56px;text-align: center;  width: auto;text-decoration: none !important;color: #fff;min-width: 290px;    padding: 0 40px;}
.btn-continue:after {background: url(../img/signup/icon-arrow-white-leftright.png) 0 100% no-repeat; content: ""; margin-top: -7px; position: absolute; top: 50%;width: 8px;height: 13px;right: 20px;}
.section-inner p{margin-bottom: 1em;}
.pointsTxt {border: 2px solid rgba(0,0,0,.1);border-radius: 100%;padding: 12px 8px;width: 80px; margin-right: 10px;height: 80px;text-align: center; font-weight: bold;}
.kent_login_form, .kent_social_login {width: 100%;float: none;}
.kent_social_btns {display: flex;flex-direction: column;float: none;padding: 15px 0 0px;margin: 0 auto;width: auto;}
.kent_social_btns #frm_social_Line {order: inherit;}
.kent_social_btns form { margin: 0px auto 0;padding: 0;}
.kent_social_btns #frm_social_YahooJp { margin-top: 20px;}
.kent_login_form [type=email], .kent_login_form [type=password], .kent_login_form [type=text], .kent_login_form select {background: #fff;border: 1px solid #999; height: 40px;line-height: 40px; padding: 0 10px;}
.form-group [type=submit] {background: #00557D;color: #fff;border-radius: 4px; display: inline-block;padding: 0 10px;font-size: 16px; height: 56px;line-height: 56px;text-align: center;border: none;width: 100%;outline: none;position: relative;cursor: pointer;text-decoration: none !important;}
.kent_login_form #form-login input {width: 100%;}
#form-login { margin-top: 50px;text-align: center;}
.btn--white {background: #fff;color: #005587;border: 1px solid #005587;    height: 56px;text-decoration: none !important;}
.btn--white:hover{}
.section-inner h2 {font-size: calc(20px + 8 * (100vw - 320px) / 430);
text-align: center;margin: 0 0 50px;line-height: 1.5;padding-bottom: .3em;position: relative;font-weight: 700;}
.section-inner{padding: 40px 20px;}
.kent_login_form {border-left: none;border-bottom: solid 1px #a7a7a7;}

.modal-2 .sm-container { width: 90%;max-width: 780px;}
.modal-2 .modal__content{    padding: 34px 20px 10px;    border: 3px solid #e16624;    background-color: #fff;    overflow-y: auto;    max-height: 70vh;webkit-overflow-scrolling: touch;}
.modal-2 .scroll {overflow-y: auto; max-height: calc(70vh - 130px);margin-bottom: 20px;}
a.btn.modal__close { background: #00AED6; color: #fff;}
.modal-2 .scroll p { margin: 0px!important;}
.grid-mypage{    max-width:1100px;}
.col-navmypage>li a{position: relative; text-decoration: none}
.col-navmypage>li a.current{text-decoration: none}
.col-navmypage>li a.current:after {position: absolute;bottom: -10px;left: 0;width: 100%;border-bottom: 0px solid #00AED6!important ;content: "";}
.btn-secmypage {display: inline-block; min-width: 128px;padding: 10px 20px; color: #fff; font-size: 16px;text-align: center; background: #3D5567;border-width: 0;border-radius: 30px;}.btn-secmypage:hover{color: #fff; text-decoration: none}
#form-login [type=text]{border: 1px solid #999;    line-height: 40px;height: 40px;    padding: 0 10px;}
.btn-border-box {border: 1px solid #00AED6;color: #00AED6;display: inline-block;font-size: 14px;font-weight: 700;margin: 0 auto 10px;padding: 3px 16px 3px 22px;}
.links-on-top3 .links-wrp{display: flex; text-align: center; align-content: center; justify-content: center;    width: 100%;position: absolute;bottom: 50px; }
.links-wrp .btn{line-height: 18px;    padding: 12px 0; border-radius: 0px;margin: 0 10px}
.links-wrp .btn.btn-blue {background: #4e559c;}
.links-wrp .btn.btn-white{border: solid 2px #4e559c; color: #4e559c}
.links-on-top3 .disclaimer { font-size: 10px;position: absolute; right: 100px; margin: 0px; bottom: 10px;}
.form-group-dateofb .input-group{    width: 33.3%;    display: block;float: left;}
.form-group-dateofb { display: flex; justify-content: flex-start;flex-wrap: wrap;}
.form-group-dateofb .input-group > select {margin: 0px;width: calc(100% - 15px) !important; height: 40px;}
#form-inquiry .info-text {background: #e3e3e5; margin-bottom: 30px;padding: 20px;}
.mb_signup_btns {max-width: 300px;}
.mb_signup_order img {width: 100%;}
.form-general .text-center.form-group {padding: 0px;}
.form-group--radio .input-radio {display: inline-block;vertical-align: middle;}
.w-100 {
    width: 100%!important;
}
.section_video_wrapper {
    position: relative;
    padding-bottom: 55.25%;
    padding-top: 15px;
    height: 0;
}.section_video_wrapper iframe, .section_video_wrapper object, .section_video_wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.case-subscribe .item-mypage>div {
    width: auto!important;
    margin-left: auto!important;
}

@media (min-width: 768px){
.steps_indicator_con{display: flex; }	
.steps_indicator_con li { width: 33.333%;}
.left-lins-logo {width: 40%;}	
.coins-wrp {width: 60%;}
.v-coins-wrp, .v-coins-top {display: flex;justify-content: center;align-items: center;}
.steps_indicator_con li .steps_arrow:after{position: absolute; right: -45px; height:40px; transform: translateY(-50%);width: 24px;top: 50%; content: ""; background: url("../img/open-cp/arrow.png") no-repeat right center}
.product-view{padding: 60px 0}
/*STORE LOCATOR*/	
.storeTxt h1{ font-size: 40px; line-height: 58px; margin-bottom: 10px;}
.storeTxt{  margin:0 auto; padding-top: 40px;}
.storeTxt > div{ max-width: 670px;}
.storeTxt p{ font-size: 18px; line-height: 26px;}
.locationInput{ background: #F8F8F8;}
.locationInput input, .locationInput select{ font-size: 20px; line-height: 29px; background: #F8F8F8;}
.locationInput .locationMile{ width: 200px; flex: 0 0 200px; }
.locationInput .submit{ width: 55px; flex: 0 0 55px; }
.mapTxt{ font-size: 20px; line-height: 29px; max-width: 314px; top: 60px; right: inherit; bottom: 60px; left: 50%; transform: translateX(-50%);}
.storeLocator_wrapper{ padding: 0;}
.storeMap.active{  min-height: 530px;}
.storeMapWrap{ padding-top: 45px; padding-bottom: 45px;}
.storeMapText{ max-width: 570px; font-size: 20px; line-height: 27px; padding-bottom: 24px;}

/*signup*/
.newReg .mb_signup {width: 50%;display: inline-block;padding: 25px 30px 0 0; margin-right: -4px; vertical-align: top;border: none; border-right: solid 1px #a7a7a7;}
.newReg {padding: 30px 20px;}
.newReg .steps-indicator { max-width: 480px; margin: 0 auto 25px; font-size: 14px;}
.newReg .mb_signup{ padding-top: 0px; min-height: 220px;}
.newReg .auCode{ text-align: left; font-size: 14px; /*margin-left: 50px;*/}
.newReg .auCode br{ display: none;}
.form-general .form-group.stepLeft{ padding-left: 138px;}
 .pointCon p.font14{ font-size: 14px; line-height: 1.7;}
.member-confirmation p{ font-size: 14px;}
.form-general select.select475{ max-width: 475px;}
.newReg .steps-indicator li .bar { height: 5px;}
.newReg .steps-indicator li .bar { position: absolute;width: 100%;height: 4px;top: 13px;right: 50%;background-color: #424652;opacity: .2;z-index: 1;}
.newReg h2, .section-inner h2 {text-align: center; position: relative; color: #00557D;font-size: 38px; font-weight: 900;margin: 0 0 20px;     padding-bottom: .5em;   line-height: 1.5;}
.newReg h2:after{    position: absolute;background: #00557D;    content: ""; display: block;bottom: -1px;left: 50%;transform: translateX(-50%);height: 1px;width: 30px;}
.mb_signup_btns {float: right;padding: 0;}
.mb_regiser_container .mb_regiser_form { width: 50%;max-width: inherit;padding: 0 30px;display: inline-block; margin-right: -4px; vertical-align: top;}
.mb_regiser_container .mb_regiser_form label {padding-left: 15px;    font-weight: 500;}
.form-general .input-group {margin-top: 0px;}
.form-general .form-group.stepLeft {
    padding-left: 138px;position: relative;margin-bottom: 20px;}
.form-general select.select475 {max-width: 475px;line-height: 50px !important;width: 100%;}
.form-general label { position: absolute;left: 0;top: 8px;display: block;height: 40px;line-height: 40px;margin-bottom: 10px;}
.form-general { max-width: 760px;margin: 0 auto;}
.form-general .form-group {position: relative;padding-left: 180px;clear: both;}
.form-group--password p {position: static;}
p.checked {padding-left: 56px;}
.section-inner { padding: 80px 30px;font-size: 16px;}
.login .section-inner { padding: 80px 0px;font-size: 16px;}
.section-inner h2 {font-size: 36px;padding-bottom: .5em; font-weight: 900; text-align: center}
.kent_social_login {order: 1;}
.kent_login_form, .kent_social_login { width: 50%;float: left;}
.kent_login_form {border-left: solid 1px #a7a7a7;border-bottom: none;}
.kent_social_btns {}
.kent_social_btns #frm_social_Line {order: 4;}
.kent_login_form {border-left: solid 1px #a7a7a7; border-bottom: none; padding: 0 70px;}
.kent_container {width: 100%;display: flex;justify-content: center;margin: 30px 0;}
.kent_login_form #form-login, .kent_login_form #form-login + p {max-width: 300px;}
.btn--white {padding: 0 40px;width: auto;min-width: 290px;line-height: 56px;}
.newReg .form-group [type=submit]{min-width: 290px;    width: 100%;}	
.modal-2 .modal__content {padding: 40px 60px;max-height: 90vh;}
.modal-2 .scroll { max-height: calc(70vh - 150px);margin-bottom: 40px;}
.modal-2, .account-wrap {font-size: 16px;}
#form-login [type=submit] { min-width: inherit;margin-bottom: 10px;}
	.mb_signup a.btn.btn-continue {
    width: 100%;
}
#form-login [type=text] {width: 500px;}
#form-inquiry .form-group {margin-bottom: 30px; padding-top: 30px;width: 100%;    float: left;}
#form-inquiry label {float: left;width: 40%;height: 45px;line-height: 40px;}
#form-inquiry .st-prizes--selects .file-upload, #form-inquiry [type=email], #form-inquiry [type=password], #form-inquiry [type=text], #form-inquiry select, #form-inquiry textarea, .st-prizes--selects #form-inquiry .file-upload {float: left;  width: 59%;}
#form-inquiry .form-group + .form-group {border-top: 1px solid #ccc;}
#form-inquiry .info-text {padding: 20px 50px;}
#form-inquiry [type=submit] {min-width: 220px;margin: 0 auto; width: auto; text-align: center;display: block;}
		
	
	
	
	
	
}


@media (min-width:1024px) {
	
/* header */
body{font-size: 20px;}	
p, .btn, .news-wrap h6, .tab-content{font-size: 16px}
.header {min-height: 120px;}	
.header-left-items {
	position: absolute;
	left: 20px;
	top: 10px;
	display: flex;
	justify-content: center;
	/* height: 300px; */
	vertical-align: middle;
	align-content: center;
	align-items: center;
	gap: 20px;
}
.header-center-items{text-align: center; }	
.header-action .cart-region, .header-action .user-region{padding: 0 20px 0 0}
.header-action .cart-region a, .header-action .user-region a{ color: #fff; font-size: 16px; font-weight: bold}	
.header-right-items {right: 30px;top: 20px;}
	.gated-header .header-right-items {right: 30px;top: 15px;}

.secondary-navigation ul li {
    padding: 10px 7px 10px;
    width: 250px;
    text-align: center;
    /* margin: 0 auto; */
    /* vertical-align: middle; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
}	
	.gated-header .secondary-navigation ul li {
    padding: 10px 7px 10px;
    width: auto;
    text-align: center;
    /* margin: 0 auto; */
    /* vertical-align: middle; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
}
	.gated-header .secondary-navigation ul li a {
    font-size: 14px;
     background:none;
    padding: 0;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.secondary-navigation ul li a {
    font-size: 14px;
    background: #FFF200;
    padding: 5px 10px;justify-content: center;
    width: 100%;
    text-align: center;
}	
.secondary-navigation ul li a span {
    margin-right: 5px; position: relative; top: 0px;
}	
/* menu */	
.menu{max-width:400px; right: 0; top: 0;padding:130px 0 0 80px; scrollbar-width: none; height: 100vh }.velozone .menu{max-width: 496px;padding: 10px 15px 10px 15px;}	
.hamburger-menu, .hamburger-menu .hamburger-icons, .hamburger-menu.active .hamburger-icons, .main_menu_wrp{  width: 60px; height: 60px;}
.velozone-header .main_menu_wrp{  width: 28px; height: 28px;}	
.velozone-header .hamburger-menu{  width: 28px; height: 28px;}	

.menu li a{font-size: 14px;}
.menu li.menu_top_text a{font-size: 18px;}	
/* footer */	
.col-contactus {display: flex; justify-content: center;}	
.col-contactus div {display: inline-block; height: 100%;padding-right: 0px;vertical-align: top;width: 33.333%;margin-right: 15px;}	
	
/*news*/
	
.news-wrap {padding: 50px 0;}	
.news-details-row{display: flex;}	
.news-details-col-left{max-width: 400px; margin-right:60px; width: 100%}	
.news-details-col-right{max-width: 590px; width: 100%}
.news-details-rightBox h5, .news-details-rightBox p.heading{font-size: 16px}	
.news-details-top-col p.news-date{margin-bottom: 10px; font-size: 16px;}
.news-details-top-col p{font-size: 16px;}	
.news-details-rightBox .gray_box{font-size: 16px;max-width: 460px; min-width: 460px;}	
.news-details-rightBox .gray_box:after {content: " ";position: absolute; left: -15px; top: 15px;border-top: 3px solid transparent; border-right: 15px solid #F6F6F6;border-left: none;border-bottom: 15px solid transparent;}
.news-details-rightBox.cn-right .gray_box:after {content: " ";position: absolute;right: -15px; left: inherit;top: 15px;border-top: 3px solid transparent; border-left: 15px solid #F6F6F6; border-right: none;border-bottom: 15px solid transparent;}
.details-items{margin: 80px 0 50px;}
.news-dt-heading h3{font-size: 31px;}
	.news-details-col-right h2{margin-bottom: 30px;}	
	
/*club*/
.vc_image-wrapper {margin: 0 0 40px;}	
.generic-oral-section{margin-bottom: 80px}	
.charm_sec {text-align: center;display: flex;justify-content: center;align-items: center;}
.charm-loop {margin: 0 20px;}	
.column-content-inner {margin-bottom: 50px;}	
.comments-wrp{padding: 80px 0; text-align: center}
.back-to-home{padding: 60px 0 0;}
	
.oraltobacco-inner-links{display: flex; justify-content: space-around; align-items: center}	
.generic-carousel .slick-list, .toppage-carousel .slick-list { padding-left: 160px;padding-right: 120px;}
.generic-carousel .image-section, .toppage-carousel .image-section{margin-right: 40px; opacity: 0.5}
.generic-carousel .image-section.slick-active, .toppage-carousel .image-section.slick-active{opacity: 1;}
.tabaco-indicators ul { display: flex;}
.tabaco-indicators ul li{text-align: center; width: 33.333%}
.none-desk { display: none;}	
.vp_btns.none-desk { display: none;}		
	
.tobocco-b-text{font-size: 20px; font-weight: 700}
.oral-video-wrp{margin: 60px 0 60px}
.lineup-cigarettes-wrp {margin-bottom: 80px}	
ul.lineup_list {display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}	
ul.lineup_list li{margin: 0 10px;}	
.green{ margin: 20px 0 30px 120px;}
.charge_con { text-align: center; width: 46%; margin: 0 15px; float: left;}	

/*quiz*/
.quiz_wrp{margin: 80px 0}
.quiz-popup-inner .form-group--radio .input-radio { display: inline-block;vertical-align: top; padding-left: 15px; width: 48%; margin: 0px;}
.quiz-popup-inner textarea{line-height: 20px;height: 70px; resize: none; overflow-y: auto; }
/*home*/

.toppage-carousel-con{position: absolute; max-width: 435px; z-index: 9;  right: 50px; height: 100%; top: 0px; width: 100%}	
.toppage-carousel-con h2{position: absolute;  z-index: 9; top: 40%; }
.toppage-carousel-con .stm-button_center{position: absolute; bottom: 30px; width: 100%}	
	.toppage-carousel-con .btn.btn-large {
    width: 100%;
    max-width: 100%;
    min-width: initial;
}
.ungated5banner .toppage-carousel-con.float-left h2{top: 43%}	
.ungated1banner .toppage-carousel-con.float-left h2{top: 42%}	

.toppage-carousel-con.float-left {left:50px;right: inherit;  }
.toppage-carousel-con.float-left h2{top: 48%;}	
.toppage-carousel-con.gated3rdbanner h2{top: 45%}	
.application-requirements.bg-gray {padding: 40px 75px 40px ;}
ul.select_neo {list-style: none;padding-left: 0; display: -webkit-box;display: -ms-flexbox;display: flex; /* justify-content: center; */margin-bottom:50px;flex-wrap: wrap; }	
	.application-rules-notice{padding-left: 200px;}
.hy-app-select-con h2{font-size: 20px; text-align: left; margin-bottom: 15px}
ul.select_neo li{width: 22.333%; position: relative; margin-bottom: 15px;}
.neo_img P{text-align: center; font-size: 16px; line-height: 22px; padding: 0 12px;}
	.neo_img P.small-text{font-size: 12px; text-align: left}
.full-width-input .questionnaire-input{margin-left: 36px; }
.locationInput .currentLocation{ width: 30%; border-bottom: none; border-right: 1px solid #DADADA;}
.storeDropsection{ max-width: 780px; margin: 0 auto; display: flex; flex-wrap: wrap;border-bottom: solid 1px #f5f5f5;padding-bottom: 16px;}.selectCheck2{display: flex;justify-content: center;align-items: center;}
.storeDropdown{ max-width: 290px; width: 100%; margin:0 20px 0 0; }.selectCheck2 .storeDropdown { max-width: 370px;}
.gps-loctation{ max-width: 160px;}
.store-sptabs { display: none;}
.toppage-carousel-con h2{font-size: 20px; }	
.productlineup{margin-bottom: 80px}
.gated-oral-pro .btn{ min-width: 385px;}	
.nanoseries .btn{min-width: 350px;}
.freeze-mint-block > div .polar__, .polar-mint-block > div .polar__ {
    /* width: 49%; */
    margin: 0 15px;
}	
	
}

@media (min-width:992px) and (max-width:1024px) {
.news-details-rightBox .gray_box{    max-width: 340px;min-width: 340px;}	
	
}


@media (min-width:768px) and (max-width:991px) {
.fullwidth-banner .slick-prev, .fullwidth-banner .slick-next{top: 16%;}	
.charm_sec {text-align: center;display: flex;justify-content: center;align-items: center;}
.tabaco-indicators ul li {text-align: center; width: 33.333%;}	
.tabaco-indicators ul { display: flex;}	
	.login .kent_login_form, .login .kent_social_login{    padding: 20px 15px;}	
	.info-steps ul li:after{right: -33px;    width: 33px;}
}


@media (max-width:1023px) {
.header-left-items {
    position: absolute;
    left: 10px;
    top: 70px;
}.mypoints_header span {
   
    top: 2px;
    position: relative;
}
	.mypoints_header{    padding: 7px 12px;font-size: 22px}
	.gated-header .header-right-items{top: 75px;}
	.gated-header .header-center-items{    padding: 5px 0 0;}
	.gated-header .secondary-navigation{margin-top: 65px;}
.col-contactus div{margin-bottom: 12px;}
.gated_footer_links {width: 50%; margin-bottom: 12px; padding-right: 10px}
/*.gated_footer_links + div.gated_footer_links {width: 40%; margin-bottom: 12px;padding-right: 0px}	*/
.news-details-rightBox h5{padding-top: 40px;}
.news-details-rightBox .img-block{margin-bottom: 30px}
.news-details-rightBox .gray_box:after { content: " "; position: absolute;left: 15px;top: -20px;border-top: none;border-right: 23px solid transparent;border-left: 5px solid transparent;border-bottom: 25px solid #F6F6F6;}
.news-details-rightBox.cn-right .gray_box:after {content: " "; position: absolute;right: 20px;left: inherit;top: -23px;border-top: none;border-right: 5px solid transparent;border-left: 23px solid transparent;border-bottom: 25px solid #F6F6F6;}
.news-details-col-right h2 {margin: 20px 0; font-size: 20px;}
	
/* about oral toboco */	
.generic-oral-section3{background:#001e45 url("../img/about-Oral-Tobacco/blue_bg1.png") no-repeat!important; padding-bottom: 3px }
.oraltobacco-inner-links{text-align: center;}	
.oraltobacco-inner-links li{padding: 10px 0}
	
/*slick*/
.fullwidth-banner .slick-next {right:0px; background-image: url(../img/ungated-arrow-right-sp.png); background-repeat: no-repeat; background-position: center;}
.fullwidth-banner .slick-prev {left: 0px;background-image: url(../img/ungated-arrow-left-sp.png);background-repeat: no-repeat;background-position: center;}	
.fullwidth-banner .slick-prev, .fullwidth-banner .slick-next{width: 50px; height: 100px;}	
.none-mb { display: none;}	
.vp_btns.none-mb { display: none;}		
.toppage-carousel-con{position: absolute; max-width: 370px; z-index: 9; bottom: 40px; left:20px; }
ul.select_neo{display: flex; flex-wrap: wrap}
.questionnaire-input {padding-left: 35px;}	
	
/*faq	*/
.faq-content-wrp li.tab-list { margin-right: 28px; width: 46%; margin: 2%;}
.faq-content-wrp .tab-list img{width: 100%}
.faq-content-wrp ul{text-align: center; padding: 0 10px;}	
.store-sptabs, .velo-resultdetail, .velo-resultmap { display: none;}	
.ahatopicindicators .tabaco_step{display: block;}
.tabaco-indicators.ahatopicindicators ul li img{display: block; text-align: center; float: none; margin: 0 auto; width: auto}	
.ahatopicindicators{margin-bottom: 30px;}	
.tabaco-indicators2.ahatopicindicators span.Polygon {top: inherit;bottom: -60px;left: 46%; text-align: center;width: 24px; display: block;height: 40px;}	
.check-out-orallineup{margin: 0 20px;padding: 30px 20px;}	
.generic-carousel-mb{margin: 0 20px;}
.gated-oral-pro .col-sm-6{margin-bottom: 40px}
.pro-001 {margin-bottom: 20px;}
/*menu*/
	.secondary-navigation ul li, .secondary-navigation ul li a{line-height: 15px;}
	.secondary-navigation ul li a{background: #F7EB55;padding: 5px 0px;
    line-height: 10px;font-size: 9px;
    min-height: 61px;}
	.mypoints_header img {
  
    width: 30px;
}.menu {
    top: 0;
    width: 100%;
    max-width: 100%;
    right: 0px;
    left: 0px;    padding-top: 80px;
    height: 100vh;
    max-height: 100vh;
}.ungated-header a.hamburger-menu.active {
    top: 0px;
    right: 10px;
}
	a.hamburger-menu.active {
    top: -30px;
    right: 10px;
}
	.ungated_footer .gated_footer_links{max-width: 100%;    width: 100%;}
	
	.ungated_footer .gated_footer_links li {
    line-height: 18px;
    padding: 5px 0;
    width: 48%;
    display: inline-block;
}.gated_footer_links h3 {
    color: #FFF200;
    margin-top: 10px;
}
}
 	
@media (max-width:767px) {
.case-subscribe .item-mypage>div{ margin-left: 0!important;}	
.header-contents{padding: 0 10px;}
.user-region img.user_icon, .cart-region img.cart_icon{width: 28px;height: 28px;}	
/* menu */	
.logo-holder img.ungatedlogo_main { height: 65px;width: 169px;}
.gated-header .logo-holder img.ungatedlogo_main { width: 102px;}
.secondary-navigation{margin-right: -15px; margin-left: -15px;}
.secondary-navigation ul li{padding: 5px 3px; text-align: center; line-height: 12px;min-width: 25%;}	
.velozone-header .secondary-navigation ul li{padding: 5px 15px; text-align: center; line-height: 12px;}	
.secondary-navigation ul li img{width: 28px; height: 28px;}
 	
.secondary-navigation ul li:first-child{border: 0px;}
.secondary-navigation ul li:last-child{border-right:0px;}
.secondary-navigation ul li a span{text-align: center;display: block;    margin-bottom: 3px;}
.gated-header .secondary-navigation ul li img {
    width: 100%;
    height: auto;
}	.gated-header .secondary-navigation ul li a {
    background: none;
    padding: 0;
    line-height: 10px;
    font-size: 9px;
    min-height: 58px;
}
.secondary-navigation.secondary-nav-sp ul li { padding: 0 5px;}	
/* footer */		
.gated_footer_links a{font-size: 12px;}	
	
/* mypage */
.col-navmypage>li { padding: 0 10px 10px; width: 50%;display: inline-block;float: left; }
.col-mypage { display: block; padding: 20px 0; text-align: left}
.col-mypage>div:first-child { max-width: none; margin-bottom: 5px; }	
.item-mypage>div:first-child{ padding-right: 10px;}
.fgroup-mypage .fgroup-myptext, .fgroup-mypage>*{ margin-bottom: 10px;}
.case-subscribe .item-mypage>div{ margin-left: 0;} 
.hed-title {  font-size: 22px; line-height: 32px;}	
.site-navmypage {padding: 15px 0 0; float: left;width: 100%; margin-bottom: 30px;box-shadow: inset 0 7px 9px -7px rgb(0 0 0 / 20%);}	
.field-navmypage {float: left; width: 100%;}
.col-navmypage {display: block;text-align: left;float: left;width: 100%; padding: 0 40px}	
.col-navmypage>li a{font-size: 14px;}
.col-navmypage>li:last-child{clear: both;width: 100%}	
.no-paading{padding: 0px;}
.news-inner-box .newsImg img{width: 100%; height: auto}
	 

/* club */
.generic-oral-section h2{font-size: 24px;line-height: 30px;}
.generic-oral_tabaco_heading .left-icon {top: -20px;left: -35px;}	
.generic-oral_tabaco_heading .right-icon {top: -10px;right: -20px;}
.generic-oral_tabaco_heading .right-icon img {width: 35px;}	
.generic-oral_tabaco_heading .left-icon img {width: 40px;}	
.charm_sec, .voices_block { display: block; margin: 0px;}
.charm-loop { display: flex;justify-content: left; align-items: center;margin: 0; text-align: left;}	
.charm-loop img {margin-right: 10px;width: 100px;}	
.generic-oral-section h3 {text-align: left; font-size: 16px;}
.disclaimer-gen { padding-left: 0px; font-size: 12px;line-height: 20px;}
.btn{min-width: 180px;}	
	
/* about oral toboco */		
.generic-oral-section2 h2, .generic-oral-section4 h2{font-size: 24px; line-height: 30px;	}
.generic-oral_tabaco_heading .left-icon{top: -20px;left: -35px;}	
.generic-oral_tabaco_heading .left-icon img{    width: 40px;}
.generic-oral_tabaco_heading .right-icon img{    width: 35px;}
.generic-oral_tabaco_heading .right-icon{    top: -10px;right: -20px;}
.generic-oral-section2{ background-size: cover!important}
.charm_sec, .voices_block{display: block;margin: 0px;}	
.generic-oral-section3 h2{font-size: 20px;}
.voices_list{    width: 100%;margin: 0px; }
.voices_list .box { min-height: 87px;float: right;width: 75%; font-size: 14px;}
img.voices-img { float: left;width: 22%; margin-right: 10px;}
.voices_list .box span.arrow { position: absolute;bottom: 36%;left: -17px; transform: rotate(90deg);}
.disclaimer_generic{clear: both}	
section.generic-oral-section3{background:#001e45 url("../img/Generic-Oral-Tobacco/blue_bg1.png") no-repeat!important; padding-bottom: 3px }
.disclaimer_generic{line-height: 20px;}
.tabaco-indicators2 ul li p{margin: 0px;}
.tabaco-indicators2 ul li h3{font-size: 22px; margin-bottom: 0}
.tabaco_step{align-items: center;text-align: left; display: flex}
.tabaco-indicators ul li img{margin: 0 20px 0 0;}
.tabaco-indicators ul li img  {display: inline-block;float: left;width: 35%;}
.choose_indcator ul li{width: 100%; margin-bottom: 0px;}	
.tabaco-indicators ul li img.step2-captin-sp { width: auto; position: absolute; left: 37%; top: 105px;}
.tabaco-indicators2 span.Polygon {position: absolute; top: inherit;right: inherit;transform: rotate(90deg);bottom: -67px;left:35px;}
.tabaco-indicators2 .none-desk{display: block}
.tabaco-indicators2 ul li{margin-bottom: 80px;}
.generic-oral_tabaco_heading{padding: 60px 0 30px;}
.ungated-banner .slick-prev, .ungated-banner .slick-next{top: 29%;}
.generic-oral-section4 .generic-oral_tabaco_heading .right-icon { right: -26px;}
.charge_con { text-align: center; width: 100%;margin: 0 0 30px; float: left;}
.ready-to-charge { width: 100%; margin: 0;}
.oral_tabaco-blog-holders.oral_tabaco-blog-holders2 a {right: 0px;border-radius: 0;top: inherit;background: #19223d;position: relative;width: 60%;float: right;padding: 8px 0 8px 10px; text-align: left; margin-right: 5px;}
img.arrow-1 {position: absolute; right: 5px;top: 12px;}
.generic-oral_tabaco_03 .generic-oral_tabaco_heading {padding: 45px 0 20px;}
.tabaco-indicators2 ul li:last-child{margin: 0px}
.Generic-banner-content p {font-weight: bold;line-height: 25px;font-size: 14px;}
.generic-oral-section2 h3 {text-align: left; font-size: 16px;}
.disclaimer-gen{ padding-left: 0px; font-size: 12px; line-height: 20px;}
p.disclaimer-case-packsample, .case-subscribe>div:first-child {white-space:initial}	
.container.container-mb {padding: 0px;}	
.generic-oral-section3 {padding: 0 15px 30px;}	
.tabaco-indicators2 ul li p{font-size: 14px;}		
.tobocco-b-text{padding: 0 15px}	
.form-group--radio .input-radio label{font-size: 14px;}

.btn.btn-large {padding: 10px 30px; min-width: 100%;}
.steps_indicator_con li{position: relative;padding-bottom: 50px;}	
.steps_indicator_con li:after{position: absolute;  height:40px; transform: translateX(-50%);width: 40px;bottom: 25px; content: ""; background: url("../img/open-cp/arrow1.png") no-repeat right center;}	
.left-lins-logo{    margin-bottom: 10px;text-align: center;}
.aha-items img{width: 100%}	
.single-product-image{margin-bottom: 20px;}	
.short-description p{font-size: 14px; line-height: 28px;}	
.btn.fullwidth-sp{width: 100%}
.two-clum-section .stm-button .btn, .news-cards-wrp .btn{width: 100%}	
ul.select_neo li{margin-bottom: 30px;position: relative;}
.quiz_wrp{padding: 0 25px;}	
.quiz_wrp h3{font-size: 22px;}
.quiz_wrp p, .application-requirements p{font-size: 14px; line-height: 24px; text-align: left}
.application-rulestext{font-size: 18px;}
.quiz_wrp h2, .hy-app-select-con h2{font-size: 20px; margin-bottom: 20px; text-align: center}
.neo_img p{text-align: center;padding: 0 10px;}
.quiz-popup-inner h3{padding: 15px 20px 15px 45px;}	
.pointpopup-heading{margin: 0 5px;}	
.sm-container{padding-right: 0px;}
.quiz-popup-inner .form-group--radio .input-radio {display: block;	 width: 100%; margin: 0px}
.toppage-carousel-con.gated5rdbanner .stm-button {padding-top: 160px;}	
.ungated5banner .toppage-carousel-con.gated5rdbanner .stm-button{padding-top: 70px}
.free-gift-con {position: absolute; top: inherit;max-width: 280px;left: 50%; bottom: 20px;transform: translate(-50%);}
.quiz-popup-inner .input-radio [type=radio] + label{line-height: 25px;}	
.q1, .q2, .q3, .q4, .q5, .q6, .q3a, .q3b, .q7a, .q7b {font-weight: bold;font-size: 16px;padding-left: 2em;margin-top: 5px;text-indent: -3em;}
.news-dt-heading h3{padding: 0 20px;}
.news-dt-heading h3:before{left: -20px;}	
.news-dt-heading h3:after{right: -20px;}	
.news-dt-heading h3:before, .news-dt-heading h3:after{background-size: 60%;    height: 73px; top: 0px;}	
.cl-clumn-img img{margin-bottom: 20px;}	
.cl-section .btn, .news-dt-heading .btn{width: 100%;    white-space: normal;	}
.toppage-carousel-con.gated5rdbanner.float-left {bottom: 20px; width: 100%}	
	.radio-box div input {
    border-radius: 12px;
}
	
}
@media (max-width:375px) {
.toppage-carousel-con.gated5rdbanner .stm-button {padding-top: 140px;}		
.ungated5banner .toppage-carousel-con.gated5rdbanner .stm-button{padding-top: 70px}	
.toppage-carousel-con.gated5rdbanner.float-left {bottom: 12px;}	
	.toppage-carousel-con{max-width: 335px;}	
	
}
@media (max-width:360px) {
span.points_heading{font-size: 14px}	
.mypoints_header span.points{font-size: 22px}	
.menu{max-width: 320px;}
.generic-oral_tabaco_heading{padding: 20px 0;}
.generic-oral-section2 h2{font-size: 20px;}
.ungated-banner .slick-prev, .ungated-banner .slick-next{top: 21%;}
.tabaco-indicators2 ul li:last-child {margin: 0px;}
.generic-oral-section3{padding-bottom: 15px;}
.tabaco-indicators2 span.Polygon{left: 22px;}
.voices_list .box{    width: 68%;font-size: 13px;}
img.voices-img{width: 28%;}
.tabaco-indicators ul li img.step2-captin-sp {width: 60%;}	
.secondary-navigation.secondary-nav-sp ul li { padding: 0 3	px;}		
.gated_footer_links a{font-size: 12px;}
ul.select_neo li{width: 43%}
.toppage-carousel-con.gated5rdbanner .stm-button {padding-top: 130px;}	
	.toppage-carousel-con.gated5rdbanner.float-left{bottom: 7px;}
	.toppage-carousel-con{max-width: 320px;}	
	
}


@media (min-width: 576px){
.modal-dialog-centered::before {height: calc(100vh - 3.5rem);}
}
.customCheckbox.customCheckbox-uservoice [type="checkbox"]:not(:checked) + label::before, .customCheckbox.customCheckbox-uservoice [type="checkbox"]:checked + label::before{ border-color: #24AED4; border: solid 2px #24AED4}
.customCheckbox.customCheckbox-uservoice [type="checkbox"]:not(:checked) + label.disabled::before, .customCheckbox.customCheckbox-uservoice [type="checkbox"]:checked + label.disabled::before{ border-color: #ccc; border: solid 2px #ccc; pointer-events: none}
.customCheckbox [type="checkbox"]:not(:checked) + label.disabled, .customCheckbox [type="checkbox"]:checked + label.disabled{pointer-events: none}
.customCheckbox.customCheckbox-uservoice label{line-height: 20px; font-size: 16px}
.customCheckbox.customCheckbox-uservoice{margin-bottom: 15px}
.post-your-impressions form textarea{height: 100px; background: #FCFCFC; margin-bottom: 20px}
.post-your-impressions p{font-size: 14px; color: #00557D}
@media (max-width: 991px){
	.store-sptabs, .velo-resultdetail, .velo-resultmap{ display: none;}
	.store-sptabs.is-active, .velo-resultdetail.is-active, .velo-resultmap.is-active{ display: block;}
	.velo-searchresult{ max-height: inherit;}
	
	.store-nosearch.is-active { display: flex; height: 450px; justify-content: center; align-items: center; }
	.filed-resultdetail .mCSB_inside>.mCSB_container{ margin-right: 0;}
	.velo-resultdetail-head.is-active.hide-result{ display: block; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);}
	.velo-resultdetail-head.is-active, .velo-resultdetail-head:after{ display: none;}
	.velo-resultdetail-head{ text-align: center;}
	.filed-resultdetail{ max-height: 430px;}
	
	.selectCheck.selectCheck2 label {
    display: block;
    padding-bottom: 10px; margin-right: 0px;
}
.selectCheck.selectCheck2 {
    border: solid 1px #f5f5f5;
  
}.selectCheck.selectCheck2 label:first-child {
    background: #67D4EE;
    padding: 10px;
    margin: 0px 0 10px;
}
.selectCheck.selectCheck2 .storeDropdown{margin: 0 9px 20px;}
	.selectCheck.selectCheck2 label:first-child {
    background: #67D4EE;
}
	
}
@media (max-width: 767px){
	.field-map { padding-bottom: 140%; }
	
}
@media (min-width: 768px){
	
	.storeTxt h1{ font-size: 40px; line-height: 58px; margin-bottom: 10px;}
	.storeTxt{  margin:0 auto; padding-top: 65px;}
	.storeTxt > div{ max-width: 690px;}
	.storeTxt p{ font-size: 18px; line-height: 26px; color: #00557D; font-weight: bold}
	.locationInput{ background: #F8F8F8;}
	.locationInput input, .locationInput select{ font-size: 20px; line-height: 29px; background: #F8F8F8;}
	.locationInput .locationMile{ width: 200px; flex: 0 0 200px; }
	.locationInput .submit{ width: 55px; flex: 0 0 55px; }
	.mapTxt{ font-size: 20px; line-height: 29px; max-width: 314px; top: 60px; right: inherit; bottom: 60px; left: 50%; transform: translateX(-50%);}
	.storeLocator_wrapper{ padding: 0;}
	.storeMap.active{  min-height: 530px;}
	.storeMapWrap{ padding-top: 45px; padding-bottom: 45px;}
	.storeMapText{ max-width: 780px; font-size: 26px; line-height: 27px; padding-bottom: 24px;}
	.selectCheck-wrp {
    margin: 0 auto 20px; padding-bottom: 30px; max-width: 780px;  border-bottom: solid 1px #f5f5f5; 
}
	.storesearch{
		}
	.velo-sitemodal-content{ padding: 50px 120px 40px 40px;}
	.velo-sitemodal-content h3{ font-size: 30px; line-height: 43px;}
	.velo-sitemodal-content p{ font-size: 16px; line-height: 23px;}
	.velo-sitemodal-content p span{ font-size: 18px; line-height: 26px;}
	.modal-text{ font-size: 18px;}
	.modal-close{ width: 40px; height: 40px;}
	.modal-close:after, .modal-close:before{ width: 50px;}
	.store-result{ padding-bottom: 80px;}
	.selectCheck label{ margin-right: 25px;}
	
}
@media (min-width: 991px){
	.locationInput .currentLocation{ width: 30%; border-bottom: none; border-right: 1px solid #DADADA;}
	.storeDropsection{ max-width: 780px; margin: 0 auto 30px; display: flex; flex-wrap: wrap;border-bottom: solid 1px #f5f5f5;
    padding-bottom: 25px;}
	
	.storesearch{max-width: 780px; margin: 0 auto 0px; display: flex;align-items: center;padding: 10px 40px 30px;}
	.selectCheck2{display: flex; 
    justify-content: center;
    align-items: center;}
	.storeDropdown{ max-width: 290px; width: 100%; margin:0 20px 0 0; }
	.selectCheck2 .storeDropdown {
    max-width: 370px;
}
	.gps-loctation{ max-width: 160px;}
	.selectCheck{ margin-top: 24px;}
	.loctionBtn .btn{ line-height: 30px;}
	.velo-resultdetail{ max-width: 350px; height: 490px; position: absolute; top: 40px; left: 60px; z-index: 2; display: flex; flex-wrap: wrap; flex-direction: column;}
	.store-sptabs{ display: none;}
	.storeTxt img{ display: none;}
}



/* 28-04-2021 */
.application-tabs{position: relative;}
.application-tabs .tab-row{display: flex;}
.application-tabs .tab-row a{width: calc(100% / 3);cursor: pointer; pointer-events: visible; text-decoration: none; padding: 3px 0 10px; font-family: 'VELOSansBold';position: relative; text-align: center; display: block;background: #fb3bb8;color: #fff;border: 2px solid #fb3bb8;font-weight: bold;font-size: 20px;}
.application-tabs .tab-row a:nth-child(2n+1){background: #fff; color: #fb3bb8; z-index: 2;}
.application-tabs .tab-row a.disabled{cursor: default; pointer-events: none; background: #c4c4c4;border-color:#c4c4c4; color: #FFF;}
.application-tabs .tab-row a.active:after { content: ''; position: absolute;width: 16px;height: 16px;border-right: 2px solid #fb3bb8;border-bottom: 2px solid #fb3bb8;left: 50%;bottom: -15px;transform: rotate(45deg) translateX(-50%);background: #fff;z-index: -1;-webkit-transform: rotate(45deg) translateX(-50%);-moz-transform: rotate(45deg) translateX(-50%);-ms-transform: rotate(45deg) translateX(-50%);-o-transform: rotate(45deg) translateX(-50%);}
.application-tabs .tab-row a:nth-child(2n+1) + .active::after{background: #fb3bb8;}
.application-tabs .tab-row a.disabled.active::after{display: none;}
.application-tabs .tab-row a span{ display: block;font-weight: normal;font-size: 14px;text-align: center; margin-top: -5px}
.application-requirements{font-size: 14px;line-height: 26px;color: #041e42;}
.application-requirements .application-re-heading h2{     border-bottom: 3px solid #041E42; display: inline-block;  padding-bottom: 2px;}
@media (min-width: 991px){
    .application-tabs.ungated_tab{padding: 65px 0 50px;}
    .application-tabs.gated_tab{padding: 20px 0 50px;}
    .application-tabs .tab-row{margin-right: -25px;line-height: 30px;}
    .application-tabs .tab-row a {width: calc((100% / 3) - 20px); margin-right: 25px; font-size: 30px;padding: 5px 0 5px; border-width: 4px;}
    .application-tabs .tab-row a span{font-size: 22px; font-weight: bold}
    .application-tabs .tab-row a.active:after{width: 20px; height: 20px;border-width: 4px; bottom: -20px;}
    .topic-des h1{margin-bottom: 40px;}
    .application-requirements{font-size: 16px;line-height: 30px;}
    .application-requirements.bg-gray{ border-radius:16px ; -webkit-border-radius:16px ; -moz-border-radius:16px ; -ms-border-radius:16px ; -o-border-radius:16px ;  padding: 60px 75px 100px;}
}

/* downtime */
.downtime-block {margin: 30px 0 0;}
.downtime-con{background: #F5F5F5; border: solid 1px #00AED6;}
.heading_0{background:#00AED6; color: #fff; font-size: 20px; font-weight:700; padding: 10px 0}
.downtime-con p{font-size: 14px; line-height: 20px; padding: 15px 0; margin: 0px}
.heading_01{background: #fff; margin:0 20px; padding: 0px 20px 10px}
.heading_01 span{color: #00AED6; font-weight: 700; font-size: 16px;}
.heading_01 p{font-size: 16px; padding: 0}
.downtime-con .disclaimer-text{font-size: 11px; padding: 15px 10px;}
.pointpopup-bottom-wrp2 {background: #fff;padding: 15px 64px;}
.pointpopup-bottom-wrp.pointpopup-bottom-wrp4 {padding: 15px 20px;}
.round-black.pink{ background: #FB3BB8;}
.round-black.blue{ background: #9CE7E0; color: #000}


.user-block { display: flex;    align-items: center;}
.user-block .username {font-weight: 700; padding-left: 15px; line-height: 22px}
.user-block .username span{display: block; font-weight: normal; font-size:14px;}
.pink-btn, .pink-btn:hover { background: #00AED6; color: #fff;  border: none;}
.video-bottom-section {display: flex; justify-content: space-between;    align-items: center;}
.application-tabs .tab-row a.active{background: #fb3bb8;color: #fff;}
.application-tabs .tab-row a.active:after{background: #fb3bb8;}
.application-tabs .tab-row a.arrow-right.gray-border{ border:solid 3px #8E898C; background: #fff; color: #8E898C}
.arrow-right:after{background: url(../img/arrow-gray.png) left top no-repeat; height: 21px; width: 13px; right:10px;top: calc(50% - 11px);

}.campaign-wap button#btnSub {
    background: #00557D;
    color: #fff;
}
@media (max-width: 990px){
	.heading_0{font-size: 18px;}
	.disclaimer-text{text-align: left}
	.heading_01{margin: 0 10px}
	.downtime-con p{font-size: 13px;}
	.pointpopup-bottom-wrp2 {background: #fff;padding: 15px 40px;}
	.pointpopup .win-close { right: 13px;}
	.pointpopup-bottom-wrp3 p, .pointpopup-bottom-wrp4 p{font-size: 12px;}
	.user-block.none-mb {
    display: none;}
	.video-bottom-section .stm-button, .video-bottom-section .stm-button .btn{width: 96%; text-align: center;}
	.round-black{ min-width: 100px;}
	.round-top { display: flex;justify-content: space-between; align-items: center;}
.user-block img { width: 50px;   height: auto;}
.round-black { text-align: center;  padding: 5px; color: #fff}	
	.application-tabs .tab-row a{font-size: 18px;}	
	.arrow-right:after{right: 5px;}
}

@media (min-width: 991px){
.pointpopup-bottom-wrp.pointpopup-bottom-wrp4 button { margin: 10px auto;width: auto;}
.round-top { position: relative;/* top: 40px; */margin: 0 0 -70px -40px;z-index: 9;}	
.user-block.none-desk{display: none}
.round-black { width: 130px; text-align: center; color: #fff;height: 130px; font-weight: 700;border-radius: 200px; line-height: 20px; vertical-align: middle; justify-content: center;display: flex;align-items: center;}	
.round-black span {  display: block;}
	
}
/*09-06-21*/
.campaign-wap .btn.btn-continue { min-width: 290px; width: auto;   background: #00AED6; color: #fff;}
.campaign-wap .col-3 { padding: 0px;}
@media (max-width: 767px){
.campaign-wap label.col-md-6.col-form-label.content-right { padding-left: 15px;}	
.application-tabs .tab-row a span{margin-top: -5px;}	
.arrow-right:after{right: 1px;top: calc(50% - 4px);background-size: 60%;}
	.application-tabs .tab-row a{padding: 3px 0}
	.application-tabs .tab-row a.arrow-right.gray-border{border: solid 2px #8E898C;}
	.application-tabs .tab-row a:nth-child(2n+1){border-right: 0px!important;}
}

/*testimonial*/
.testimonial-banner .toppage-carousel .image-section{margin-right: 0px; opacity: 1}
.fullwidth-banner.testimonial-banner .slick-prev{background-image: url("../img/testimonial/testimonial-arrow-right.png"); background-repeat: no-repeat;}
.fullwidth-banner.testimonial-banner .slick-next{background-image: url("../img/testimonial/testimonial-arrow-left.png");
 background-repeat: no-repeat;}
.testimonial-wrp {
    position: relative;
    padding-top: 80px;
    background: url("../img/testimonial/testimonial-bg.png") no-repeat top 140px center;
    background-size: 100%;
}
.testimonial-wrp1{ position: relative;margin-top: 0px;background: url("../img/topnew/testimonial-bg1.png") no-repeat top 180px center; background-size: 100%}
.testimonial-wrp1.fmc-wrp{ position: relative;margin-top: 0px;background: url("../img/topnew/fmc-testimonial-bg1.jpg") no-repeat top 0px center; background-size: 100%}
.testimonial-top1, .testimonial-top3{position: relative}
.testimonial-top1 p{font-weight: bold; color: #00557D}




.btn.btn-800-blue {border: solid 2px #00557D;color: #00557D;width: 100%; position: relative; display: block;margin: 0 auto 20px; font-size: 18px; background: #fff}
.btn.btn-800-blue:hover {background: #fff; }
.btn.btn-800-blue img{  padding-top: 10px;  }
.blue-text{color:#00557D; font-weight: bold; font-size: 16px;}
.testimonial-top1 .blue-text, .testimonial-top3 .blue-text{padding-bottom: 40px;}
.testimonial-top2{background: #00557D; padding: 20px 0;}
.testimonial-wrp .testimonial-top2 .container{background: none}
.hastags .btn.btn-white { border: 0px;  color: #041E42;  border-radius: 10px;margin: 0 4px 15px; font-size: 14px;}
.hastags .btn.btn-white.active { background: #00D5E3; color: #fff; outline: 0px;}
.hastags .btn.btn-white:focus{border: 0px;}
ul.checkbox-clum li label:before {position: absolute;content: ''; top: 50%;left: 10px; width: 20px; height: 20px;margin-top: -10px;background: #fff; border: 2px solid #05D9C3;border-radius:4px;}
ul.checkbox-clum li label.active:before {border: 2px solid #05D9C3;}
ul.checkbox-clum li label.active:before { border-radius: 0;}
ul.checkbox-clum li label.active:after {  content: ""; display: block; position: absolute; top: 47%;left: 17px;width: 6px;height: 13px;transform: translateY(-50%) rotate(35deg);border-bottom: 2px solid #05D9C3;border-right: 2px solid #05D9C3;}
ul.checkbox-clum li input {display: none;}
ul.checkbox-clum li label {display: block;font-weight: bold;width: 100%;padding: 20px 35px 20px 45px;box-sizing: border-box;line-height: 22px;position: relative; cursor: pointer;}
ul.checkbox-clum {background: #fff;border-radius: 10px;margin: 0 12px; padding: 15px 10px 5px;}
ul.checkbox-clum li{display: inline-block}
.tow-clumn-btn { margin: 30px 0; display: flex; justify-content: center;}
.tow-clumn-btn .btn{ margin: 10px; padding: 10px; border: 0px; color: #11145B;}
.tow-clumn-btn .btn.turguoise{background: #00D5E3; color: #fff}
.age20s{background: url("../img/testimonial/age20sbg-pc.png") no-repeat;}
.age20bg {position: absolute; width: 100%; background: #009681;height: calc(100% - 201px);bottom: 0; top: 201px; left: 0px;}
.age30s{background:url("../img/testimonial/age30sbg-pc.png") no-repeat;}
.age30bg {position: absolute; width: 100%; background: #FD495C;height: calc(100% - 201px);bottom: 0; top: 201px; left: 0px;}
.age40s{background: url("../img/testimonial/age40sbg-pc.png") no-repeat;}
.age40bg {position: absolute; width: 100%; background: #5181D8;height: calc(100% - 201px);bottom: 0; top: 201px; left: 0px;}

.age50s{background:url("../img/testimonial/age50sbg-pc.png") no-repeat;}
.age50bg {position: absolute; width: 100%; background: #F7EB55;height: calc(100% - 201px);bottom: 0; top: 201px; left: 0px;}
.age60s{background: url("../img/testimonial/age60sbg-pc.png") no-repeat;}
.age60bg {position: absolute; width: 100%; background: #00ABC8;height: calc(100% - 201px);bottom: 0; top: 201px; left: 0px;}

.testimonial-top3 .read-more-less{padding: 70px 0 0}
.testimonial-blog { display: flex;align-items: start; justify-content: center; margin-bottom: 50px; position: relative}
.testimonial-blog .user-block{ width: 150px;padding-top: 55px;}
.testimonial-blog .user-description{ position: relative;width: 800px; background: #fff; border-radius: 10px; margin: 30px 10px 30px 50px; padding:10px 90px 25px 30px}
.testimonial-blog .user-description:before{background: url("../img/testimonial/Path-496.png") no-repeat; left: -40px; position: absolute; width: 48px; height: 43px; content: ""; top: 72px;}
.short-description{color: #115E67; font-size: 18px;font-weight: bold; margin-bottom: 15px;line-height: 30px; }
.short-description a{color: #115E67; text-decoration: underline; font-size: 20px}
ul.user-details li{display: inline-block; margin-right: 10px; margin-bottom: 10px}
.user-description .age{color: #115E67; font-size: 16px; font-weight: bold}
.user-description .readmore, .user-description .read-less  {position: absolute; right: 35px; bottom: 25px}
.user-description .readmore,  .user-description .read-less{font-size: 18px; font-weight: bold}
.user-description .readmore, .user-description .read-less{color: #115E67;text-decoration: none;}
.user-description .readmore:hover, .user-description .read-less:hover{text-decoration: underline}
.user-description .readmore:before, .user-description .read-less:before { display: block;position: absolute; width: 7px; height: 7px;  border-top: 2px solid #fff;border-right: 2px solid #fff;content: "";bottom: 9px; left: -12px;transform: translateX(-50%) rotate(45deg);}
ul.user-details li  { color: #009681; font-size: 14px; border: solid 2px #98E7DF; padding: 7px 5px;  border-radius: 5px;}
.user-description span.heading-icon {  position: absolute;right: -30px; top: -32px;}
.age20s .user-description .readmore:before, .age20s .user-description .read-less:before{ border-top: 2px solid #115E67; border-right: 2px solid #115E67;}
.age30s .user-description .readmore, .age30s .user-description .read-less{color: #B6111A; }
.age30s .user-description .readmore:before, .age30s .user-description .read-less:before{ border-top: 2px solid #B6111A; border-right: 2px solid #B6111A;}
.age40s .user-description .readmore, .age40s .user-description .read-less{color: #254AA2; }
.age40s .user-description .readmore:before, .age40s .user-description .read-less:before{ border-top: 2px solid #254AA2; border-right: 2px solid #254AA2;}
.age50s .user-description .readmore, .age50s .user-description .read-less{color: #00557D; }
.age50s .user-description .readmore:before, .age50s .user-description .read-less:before{ border-top: 2px solid #00557D; border-right: 2px solid #00557D;}
.age60s .user-description .readmore, .age60s .user-description .read-less{color: #00557D; }
.age60s .user-description .readmore:before, .age60s .user-description .read-less:before{ border-top: 2px solid #00557D; border-right: 2px solid #00557D;}
.age30s ul.user-details li {color: #FD495C; border-color: #FD495C }
 .age20s .short-description span.text-border{ border-color:#115E67;padding-bottom: 4px; font-weight: bold; font-size:20px }
.age30s .short-description, .age30s .user-description .age, .age30s .short-description a{color: #B6111A; border-color:#B6111A }
.age30s .short-description span.text-border{color: #B6111A; border-color:#B6111A;font-weight: bold; font-size:20px }
.age40s ul.user-details li {color: #5181D8; border-color: #71B6E9 }
.age40s .short-description, .age40s .user-description .age{color: #254AA2; }
.age40s .short-description span.text-border{color: #254AA2;  border-color:#254AA2; font-weight: bold; font-size:20px }
.age50s ul.user-details li {color: #00557D; border-color: #F7EB55 }
.age50s .short-description, .age50s .user-description .age{color: #00557D; }
.age50s .short-description span.text-border{color: #00557D; border-color:#00557D; font-weight: bold; font-size:20px}
.age60s ul.user-details li {color: #00557D; border-color: #3CA9D9  }
.age60s .short-description, .age60s .user-description .age{color: #00557D; border-color:#00557D}
.age60s .short-description span.text-border{color: #00557D; border-color:#00557D;font-weight: bold; font-size:20px}
.testimonial-top3 .morecontent span {display: none;}
.testimonial-top3 .readmore { display: block;}
.profile-wrp{margin: 80px 0 50px}
.testimonial-blog.age60s {
    margin-bottom: 65px;
}
.yuyanara{background: url("../img/testimonial/YuyaNara-bg.png") no-repeat;}
.terushan{background: url("../img/testimonial/terushan-bg.jpg") no-repeat; min-height: 470px}
.yuyanara .testimonial-blog .user-block, .terushan .testimonial-blog .user-block {width: 330px; padding-top: 105px;padding-left: 40px;position: relative;}
.yuyanara .testimonial-blog .user-description, .terushan .testimonial-blog .user-description{margin: 80px 40px 50px 50px; width: 600px;    padding: 25px 50px 25px 50px;}
.yuyanara .short-description, .terushan .short-description {color: #470841;font-size: 20px;font-weight: bold;  margin-bottom: 15px;line-height: 34px;padding-top: 10px;}
.yuyanara .user-description .age{color: #470841;}
.terushan .user-description .age, .terushan .short-description{color: #115E67;}
.yuyanara ul.user-details li {border-color: #E5B4D3; color: #A20067}
.terushan ul.user-details li {border-color: #98E7DF; color: #009681}
.terushan .user-description span.heading-icon {position: absolute;right: -63px; top: -43px;}
.yuyanara span.beforeicon{position: absolute;right: -30px; top: 40px;}
.terushan span.beforeicon {position: absolute;right: -80px; top: 50px;}
.yuyanara span.aftericon, .terushan span.aftericon {position: absolute;bottom: -100px; left: -30px}
.uservoiceform-wrp{ background: #00D9E6; padding: 40px 0; margin-bottom: 50px;}
.uservoiceform-wrp h3{margin: 20px 0;line-height: 30px; color: #00557D}
.fullwidth-banner.testimonial-banner .slick-dots li button{background: #F3F3F3}
.fullwidth-banner.testimonial-banner .slick-dots .slick-active button{background: #CCCCCC}
.winner-wrp {
    margin-bottom: 40px;
}.topic-blog .topic-blog-header {
    margin-bottom: -80px;
}

.short-description span.text-border{border-bottom: solid 2px #000; padding-bottom: 5px}
@media (min-width: 991px){
.tow-clumn-btn .btn{    min-width: 350px;}	
.btn.btn-800-blue{width: 720px;font-size: 30px}
.blue-text{font-size: 22px;}

.testimonial-top2{background: #00557D; padding: 50px 50px 10px;}	
.hastags .btn.btn-white { border: 0px;  color: #041E42;  border-radius: 10px;min-width: auto; margin: 0 6px 25px; font-size: 16px; font-weight:500}	
.age60s .user-description span.heading-icon { position: absolute;right: -50px;top: -5px;}	
.age40s .user-description span.heading-icon { position: absolute;right: -13px; top: -11px;}	
.testimonial-top1:before, .testimonial-top1:after{height: 650px;}	
.yuyanara span.aftericon {  position: absolute;  bottom: -68px;left: -3px;}
 .terushan span.aftericon {position: absolute; bottom: -70px;left: -60px;}
.fullwidth-banner.testimonial-banner .slick-next{right: 86px;}	
	.yuyanara{min-height: 520px;}

}

@media (max-width: 1023px){
.fullwidth-banner.testimonial-banner .slick-prev{background-image: url("../img/testimonial/testimonial-arrow-right-sp.png"); background-repeat: no-repeat;padding: 30px 15px;    width: 33px;}
.fullwidth-banner.testimonial-banner .slick-next{background-image: url("../img/testimonial/testimonial-arrow-left-sp.png");
 background-repeat: no-repeat;padding: 30px 15px;    width: 33px;}	
	
}

@media (max-width: 768px){
ul.checkbox-clum{float: left;margin: 10px 0 0;padding: 7px 10px 10px;width: 100%;}
ul.checkbox-clum li{float: left;}	
ul.checkbox-clum li label{padding: 15px 25px 5px 35px;margin-bottom: 0px;width: 100%;min-width: 103px;}
	.testimonial-top2{padding-bottom: 0px;}
ul.checkbox-clum li label:before{top: 39%;    margin-top: 0;}
ul.checkbox-clum li label.active:after{top: 60%}
.tow-clumn-btn .btn{margin: 10px 5px;min-width: 165px;}	
.tow-clumn-btn{padding: 20px 0; margin: 0px;clear: both;}
.age20s{background: url("../img/testimonial/age20sbg-sp.png") no-repeat;}
.age30s{background: url("../img/testimonial/age30sbg-sp.png") no-repeat;}
.age40s{background: url("../img/testimonial/age40sbg-sp.png") no-repeat;}
.age50s{background: url("../img/testimonial/age50sbg-sp.png") no-repeat;}
.age60s{background: url("../img/testimonial/age60sbg-sp.png") no-repeat;}
.testimonial-blog.age20s .user-description{border-color:#009681 }
.testimonial-blog.age30s .user-description{border-color:#FD495C }
.testimonial-blog.age40s .user-description{border-color:#5181D8 }
.testimonial-blog.age50s .user-description{border-color:#f7eb55 }
.testimonial-blog.age60s .user-description{border-color:#00abc8 }
.testimonial-blog{display: block; padding: 20px; position: relative; }
.testimonial-blog .user-block{position: absolute;left: 35px;top: 10px; z-index: 9;padding-top: 0px;}	
.testimonial-blog .user-block img{width: 85px;}
.testimonial-blog .user-description {position: relative; width: 100%; background: #fff;  margin: 30px 0 0 0; padding: 70px 20px 25px 20px; border: solid 3px; border-radius: 14px;}
ul.user-details li{margin-right: 3px;}	
ul.user-details li a{font-size: 12px;    padding: 7px 5px;}	
.short-description, .user-description .readmore, .user-description .read-less, .user-description .age{font-size: 14px;}
.user-description span.heading-icon img {	width: 80px;}
.testimonial-blog .user-description:before{ background: url("../img/testimonial/Path-496-sp.png") no-repeat;left: 100px;top: -20px;}	
.yuyanara { background: url(../img/testimonial/YuyaNara-bg-sp.png) no-repeat center; min-height: 650px;}
	.yuyanara.ungated { background: url(../img/testimonial/YuyaNara-bg-sp-ungated.png) no-repeat center; min-height: 590px;}
.yuyanara .testimonial-blog .user-block, .terushan .testimonial-blog .user-block {width: 100%; padding-top: 0;padding-left: 0; position: relative;text-align: center; left: inherit;display: block;top: inherit;}	
.yuyanara .testimonial-blog .user-block img, .terushan .testimonial-blog .user-block img{width: 200px}
.yuyanara .testimonial-blog .user-block span.beforeicon img, .yuyanara .testimonial-blog .user-block span.aftericon img{width: 50px;}
.terushan .testimonial-blog .user-block span.beforeicon img, .terushan .testimonial-blog .user-block span.aftericon img{width: 80px;}	
.yuyanara span.aftericon{bottom: -411px;
    left: -20px;}
.terushan span.aftericon{bottom: -341px;left: -20px;}		
.yuyanara span.beforeicon{right: 20px;top: -20px;}
.terushan span.beforeicon { position: absolute;right: 0;top: 0;}	
.yuyanara .testimonial-blog .user-description, .terushan .testimonial-blog .user-description { margin: 40px auto 20px auto; width: 305px; padding: 25px 20px 35px 20px; border: 0px;}
.yuyanara .short-description, .terushan .short-description { font-size: 14px; font-weight: bold;margin-bottom: 10px; line-height: 22px;padding-top: 10px;}

.yuyanara .testimonial-blog .user-description:before, .terushan .testimonial-blog .user-description:before{ background: url("../img/testimonial/Path-497-sp.png") no-repeat;top: -33px; left: 60px;}
.terushan { background: url(../img/testimonial/terushan-bg-sp.png) no-repeat center;min-height: 630px; margin-top: 40px}	.checkbox-clum{display: none}.checkbox-clum.active{display: block}
.terushan.ungated { background: url(../img/testimonial/terushan-bg-sp-ungated.png) no-repeat center;min-height: 590px;}
a.slidedownbtn { color: #fff;text-decoration: none; position: relative;margin: 10px 0 20px;text-align: center; padding-left: 25px; display: inline;}
a.slidedownbtn:before{transform: rotate(180deg); background: url("../img/testimonial/up-icon.png") no-repeat left center; content: ""; width: 15px; height: 10px; position: absolute; left: 0px; top: 3px;}
a.slidedownbtn.on:before{transform: rotate(0deg);}
.tow-clumn-btn .btn{width: 100%; }
.topic-blog .topic-blog-header { margin-bottom: 30px;}
	.testimonial-top1:after, .testimonial-top3:after{display: none}
	.testimonial-top1:before, .testimonial-top3:before{width: 100%;background: url(../img/testimonial/testimonial-bg-left-sp.png) repeat-y;}
	.testimonial-wrp .container{background: none;}
	.testimonial-wrp{margin-top: -40px;}
	.yuyanara.ungated span.aftericon {
    bottom: -342px;
    left: -10px;
}
	.terushan.ungated span.aftericon {
    bottom: -321px;
    left: -20px;
}
	.terushan .user-description span.heading-icon, .yuyanara .user-description span.heading-icon{display: none}
	.testimonial-blog .short-description span.text-border{font-size: 16px;}
	.free-gift-wrp{margin-bottom: 20px;}
	.testimonial-wrp {
    position: relative;
    background: url(../img/testimonial/testimonial-bg-sp.png) no-repeat top 70px center;
    background-size: 100%;
    margin-top: 0;
    padding-top: 20px;
}
	.testimonial-wrp1 {
    position: relative;
    background:url("../img/topnew/testimonial-bg-sp1.png") no-repeat top 0px center;
    background-size: 100%;
   margin-top: -30px;
    padding-top: 45px;
}
	.testimonial-wrp1.user-wrp {
    position: relative;
    background:url("../img/glo_onPack_sticker/Group8403.png") no-repeat top 0px center;
    background-size: 100%;
   margin-top: 0px;
    padding-top: 45px;
}
	.testimonial-wrp1.fmc-wrp{ background:url("../img/topnew/fmc-testimonial-bg-sp1.png") no-repeat top 100px center;}
	.testimonial-wrp1 .container.text-center{ background:#fff}
.stm-button.stm-button_center.m-5 { margin-right: 0px!important; margin-left: 0px!important;}
.stm-button.stm-button_center.m-4 { margin-right: 0px!important; margin-left: 0px!important;}
	
.btn.m-full { width: 100%;}
.hastags .btn.btn-white{min-width: auto}
}
@media (max-width: 375px){

.yuyanara span.beforeicon { right: -20px;top: -30px;}
.terushan span.beforeicon{right: -30px}
ul.user-details li{margin-right: 0px;}	
	ul.user-details li{font-size: 12px;}
	.btn.btn-800-blue{font-size: 16px;}
}
@media (max-width: 360px){
.hastags .btn.btn-white{min-width: auto}
ul.user-details li{font-size: 11px;}
.yuyanara .testimonial-blog .user-description, .terushan .testimonial-blog .user-description{width: 290px;}
}
@media (max-width: 320px){
	.hastags .btn.btn-white{min-width: auto;font-size: 12px;}	
	
	
}
@media (min-width: 1920px){
.testimonial-banner  .slick-list, .toppage-carousel .slick-list {padding-left: 250px; padding-right: 250px;}
.fullwidth-banner.testimonial-banner  .slick-prev{left: 220px;}	
.fullwidth-banner.testimonial-banner .slick-next{right: 220px;}
.btn.btn-800-blue{margin: 30px auto 80px}	
.testimonial-top1 .blue-text{margin-bottom: 20px;}
.profile-wrp { margin: 80px 0 80px;}
.testimonial-blog{margin-bottom: 55px;}
.testimonial-top3{padding-bottom: 50px;}
.testimonial-top1:before, .testimonial-top1:after{height: 760px;}
.testimonial-wrp .single_image-wrapper{margin-top: 50px}
		
}

/*point-campaign*/

.points-kv-wrp{position: relative;}
.points-kv-wrp .cta {position: absolute;bottom: 40px;z-index: 9; }
.points-kv-wrp .cta a {
	color: #fff;
	text-decoration: none;
	background: #3ddcc0;
	border-radius: 50px;
	padding: 25px 25px;
	border: solid 4px #fff;
}
.points-kv-wrp .cta.ungated a{color: #fff; text-decoration: none;background: #FC3BB8; border-radius: 35px;padding: 15px 25px;display: block; line-height: 22px;text-align: center}
.points-kv-wrp .cta a:hover{ }
.points-heading{margin-bottom: 50px;}
.points-heading h1{text-align: center; color: #11145B; font-size: 24px; line-height: 32px}
.points-store2, .points-store1 { background: #F6F6F6; float: left; width: 100%; padding: 0 0 50px;}
.points-store1 .heading, .points-store3 .heading { /*background: #F3B3CD;*/ padding: 35px 0;text-align: center; margin: 0px 0 40px;}
.points-store2 .heading { background: #98E7DF; padding: 35px 0;text-align: center; margin: 0px 0 40px;}
.points-store1 h2{ color: #11145B;line-height: 40px; font-weight: bold}
.links-wrp{margin: 50px 0 0}
.links-wrp ul{display: flex;    flex-wrap: wrap;}
.links-wrp li{width: 45%; margin:0 auto }
.links-wrp li a{background: #041E42 ; color: #fff;border:1px solid #11145B;padding: 12px 25px; border-radius: 50px; width: 100%; display: block; text-align: center; font-weight: bold; text-decoration: none}
.links-wrp li a:hover{background: #fff ; color:#11145B; border:1px solid #11145B; }

.links-wrp li a span { display: flex; justify-content: center;   color: #FC3BB8; font-weight: lighter;font-size: 17px;}
.left-image-block{background: #fff; padding: 10px; margin-bottom: 50px;}
.left-image-block p{font-size: 18px; line-height: 26px; font-weight: normal; position: relative}
.left-image-block p.align-text-bottom{font-weight: bold}
.left-image-block .text-block{ position: relative;margin-top: 15px;}

a.blue-roundbtn {
   
    bottom: 10px;
    right: 5px;
    border: solid 1px #fff;
    line-height: 0px;
    background: #00557D;
    padding: 20px 14px;
    border-radius: 250px;
    color: #fff;
}.multipic-carousel__con .title {
    color: #00557D;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
}.multipic-carousel__con {
    position: absolute;
    bottom: 0;
    width: 97%;
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding-bottom: 0;
    vertical-align: middle;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 84px;
}
a.blue-roundbtn:hover{background: #fff; color: #11145B; text-decoration: none; border: solid 1px #11145B}
.white-box {position: relative;margin-bottom: 30px;}
.white-box span.title {text-align: center;font-weight: bold;display: block;font-size: 18px;line-height: 22px;margin: 20px 0 0}
.white-box a.blue-roundbtn {right: 15px;}
.white-box a.active{position: relative}
.white-box a.active {
    position: relative;
    height: 100%;
    display: block;
}
.white-box a.active:after {
    background-image: url(../img/points/point-active.png);
    z-index: 9;
    position: absolute;
    width: 306px;background-color: rgba(0, 0, 0, 0.1);
    height: 100%; content: "";    top: 0px;
    display: block;
}
.btn.blue-btn{background: #11145B; color: #fff;  border: 1px solid #11145B;}
.btn.blue-btn:hover{background: #fff; color: #11145B; border: 1px solid #11145B;}
.pointcam-details .left-image-block p{font-size: 20px;}
.right-bt{position: absolute; bottom: 0px; right: 20px;}
.btn.m-full.pink-btn {background: #ff8200; padding: 10px 20px;margin: 0 0 70px; min-width: 300px}
.new-intence-news1 .btn.m-full.pink-btn {background: #C1A292;}
.clearboth{clear: both}
.section_ageGate .aha-sitemodal-overlay{ background-image: url(../img/velo_Age-Verification-pc.png); background-position: center center;
    background-size: cover;background-color: #fff;}


.blue-btn-ungated {
    padding: 10px 45px;
    border-radius: 50px;
}
.single_image-wrapper .single_imgblock{position: relative}
.single_image-wrapper-btn{position: absolute; left: 30px; bottom: 20px}
.single_image-wrapper-btn .btn{width: 100%; min-width: 280px;  background: #05D9C3; color: #fff; border: 0px;}
.single_image-wrapper-btn .btn:hover{min-width: 350px; background: #fff; color: #05D9C3; }

@media (min-width: 991px){
.points-kv-wrp .cta {position: absolute;bottom: 100px;z-index: 9; left: 60px }
.points-kv-wrp .cta.ungated {position: absolute;bottom: 75px;z-index: 9; left: calc(100% - 87%) }	
.pointcam-details .left-image-block .col-sm-5{padding-left: 0px;}
	.left-image-block .text-block{padding-bottom: 100px;}
	.single_image-wrapper-btn .btn{min-width: 350px; }
	.single_image-wrapper-btn{position: absolute; left: 30px; bottom: 50px}

}

@media (min-width: 1680px){
.points-kv-wrp .cta {bottom: 142px;left:60px; }
.freeze-mint-block > div .polar__, .polar-mint-block > div .polar__ {
    /* width: 49%; */
    margin: 0 50px;
}
}
@media (max-width: 767px){
.points-kv-wrp .cta{position: absolute; bottom: 20px; width: 100%}
.points-kv-wrp .cta a{margin: 0 auto;width: 94%;display: block; text-align: center}
.points-heading h1{font-size: 20px; padding: 0 15px}
.points-heading{margin: 30px 0;}	
.points-store1 h2{font-size: 20px;}	
.links-wrp li{width: 100%}
.left-image-block .text-block p.mb-5 { margin-top: 70px;}	
.left-image-block .align-text-bottom{top: 0px;width: 100%;left: 0px;}	
.left-image-block{margin: 0 15px 30px;padding: 15px 0}
.pointcam-details .left-image-block{margin: 0px;padding: 15px 0}		
a.blue-roundbtn{right: 5px; padding: 18px 14px;}	
.white-box a.active:after {
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}
.right-bt{display: none}
.btn.m-full.pink-btn{margin-bottom: 40px;}
.points-store2.pointcam-details{padding-bottom: 10px;}
.section_ageGate .aha-sitemodal-overlay{ background-image: url(../img/velo_Age-Verification-sp.png); background-position: center center;
    background-size: cover;}
	
	.hastags .btn.btn-white{float: left; font-weight:500; font-size: 12px;padding-top: 13px;padding-bottom:13px;}.none-desk.none-desk-block {
    clear: both;
}.testimonial-top3 .read-more-less {
    padding: 55px 0 0;
}
	.btn.btn-800-blue img{width: 15px;padding-top: 8px;}
	.row.white-box-row .col-6 {
    padding: 0px 10px;
}.row.white-box-row {
    padding: 0px 5px;z-index: 9;
    position: relative;
}.links-wrp li a {
    background: #11145B;
    color: #fff;
    border: 1px solid #11145B;
    padding: 5px 15px;
    border-radius: 50px;
    width: 100%;
/*    display: flex;*/
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    justify-content: space-between;
}.single_image-wrapper-btn {
    position: absolute;
    left: 3%;
    bottom: 20px;
    width: 94%;
    right: 3%;
}
}







/*21-06-2021*/
.custom-checkbox input { position: absolute; opacity: 0; width: 17px;height: 0;left: 0px;z-index: 999;cursor: pointer;min-height: 20px;}
.custom-checkbox label { position: relative;padding-left: 28px;width: 100%;  display: block;cursor: pointer;font-size: 14px; line-height: 18px;}
.custom-checkbox label:before {  content: '';  width: 18px;height: 18px; border: solid 1px #00022d;background: #fff;position: absolute; left: 0;   top: 8px; }
 .custom-checkbox input:checked + label:after {  opacity: 1;  }
  .custom-checkbox label:after {content: '';width: 18px; height: 18px; background: #ffff url(../img/tick.png) no-repeat center; border: solid 1px #00022d;  position: absolute; left: 0;  top: 8px; opacity: 0;    transition: all 0.2s ease-in-out;}
.custom-checkbox input:checked + input + label:after {     opacity: 1; }
.custom-checkbox label:before {     top: 0; } .custom-checkbox label:after {     top: 0; }
.verifyaddresscheckbox{display: flex!important;align-items: center;justify-content: center;text-align: center!important;min-width: 209px;margin: 0px auto;}
.btn[disabled], button[disabled]{cursor: default;opacity:.5;}



/*sp landing page*/
.landing-page-container{max-width:420px; margin: 0 auto;}
.lp-container{}
.ahalogo.lp-logo{margin: 14px 0;}
.lp--features-wrap{display: flex; justify-content: center; align-items: center;gap: 8px; margin: 35px 0;}
.lp-font-12{ font:400 12px/1.67 'NotoSansCJKjp'; text-align: left; color: #041e42;}
.lp-font-16{ font:600 16px/1.13 'NotoSansCJKjp'; text-align: center; color: #031f44;}
.lp-font-24{ font:600 24px/1.25 'NotoSansCJKjp'; text-align: center; color: #11145b;}
.lp-font-18{ font:600 18px/1.33 'NotoSansCJKjp'; text-align: center; color: #11145b;}
.font-weight-500{font-weight: 500;}
.lp--features-wrap .lp-f-img-right{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.lp--btn{ max-width: 335px; width: 100%; display: block;color: #fff; margin: 0 auto;  padding: 15px; border-radius: 40px; border: solid 2px #11145b; background-color: #041E42;}
a.lp--btn{text-decoration: none;}
.lp--btn:hover{color: #fff; }
.my-35{margin-top: 35px; margin-bottom: 35px;}
.mb-80{margin-bottom: 80px;}
.mb-50{margin-bottom: 50px;}
.mb-30{margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 38px;}
.p-11{padding: 11px}
.lp-cards-row{display: flex; flex-wrap: wrap;row-gap: 30px;padding: 0 10px;}
.lp-cards-row .lp-card{ width: calc(100% / 2);}
.lp-cards-row .lp-card p{ margin: 12px 0 8px;}
.lp--voices-of-people h2{color: #fff;}
.lp--voices-of-people{padding-top:31px; background-color: #470841;}
.terms-conditions{ padding: 20px; border-radius: 8px; background-color: #f6f6f6; max-width: 335px; margin: 60px auto;}
footer.footer1{padding: 24px 0; background-color: #041e42; margin-bottom:0px;}
footer.footer1 a{font-family: 'NotoSansCJKJP'; font-size: 13px; font-weight: normal; display: block; text-decoration: underline;  line-height: 2.31; text-align: center; color: #fff;}
footer.footer1 p {font-family: 'NotoSansCJKJP'; font-size: 12px; font-weight: normal;  line-height: 2; text-align: center; color: #fff; margin-bottom: 0px}
.sticky-button{ padding: 14px 0 14px; background-color: rgba(255, 255, 255, 0.8); position: fixed; bottom: 0px; left: 0; right: 0; transition:all ease-in .5s ; -webkit-transition:all ease-in .5s ; -moz-transition:all ease-in .5s ; -ms-transition:all ease-in .5s ; z-index: 9 }span.superscript {
    top: -4px;
    position: relative;
    font-size: 10px;
}
.testimonial-wrp .btn{background: #fff}
.text-center{text-align: center}

@media screen and (min-width:429px) {
    .landing-page-container{border: 1px dotted rgb(222 222 222);}
}
@media screen and (max-width:376px) {
    .lp-font-24 {font-size:20px;}
    .lp-font-18 {font-size:16px;}
    .lp-font-16 {font-size:14px;}
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.points-kv-wrp .cta {
		position: absolute;
		bottom: 40px;
		z-index: 9;
		left: calc(100% - 92%);
		min-width: 311px;
	}
}

.form-general .custom-file label{top: 0px;height: 38px;line-height: 24px;}

img.img-fluid.z-depth-1 {
    width: 50%;
}div.license {
    margin: 15px 0 0;
}img#form-image-license {
    width: 100%;
}
#option2 .custom-file-label::after {
    content: "ブラウズ";
}
.btn.btn-continue {
	background: #00AED6;}.col-3row .col-3 {
    padding: 0px;
}
@media (min-width: 768px){
.content-right {
    text-align: right;
    padding-right: 15px;
}
	.col-md-6.mb-3{padding: 0 15px;}

}
@media (max-width: 767px){
.col-3row .col-3 {
    padding: 0px;
}.custom-control.custom-radio.custom-control-inline {
    padding: 0 0 0 20px;
    margin: 0px!important;
}
	img.img-fluid.z-depth-1 {
    width: 100%;
}
}



.verifyaddresscheckbox {
    display: flex!important;
    align-items: center;
    justify-content: center;
    text-align: center!important;
    min-width: 209px;
    margin: 0px auto;
}

.newReg .col-3 {padding: 0px;}



/*form*/
.form-general .custom-file label{top: 0px;height: 38px;line-height: 24px;}
img.img-fluid.z-depth-1 {width: 50%;}
div.license { margin: 15px 0 0;}
img#form-image-license { width: 100%;}
#option2 .custom-file-label::after {content: "ブラウズ";}
.btn.btn-continue {background: #00557D;}.col-3row .col-3 {padding: 0px;}
@media (min-width: 768px){
.content-right { text-align: right; padding-right: 15px;}.col-md-6.mb-3{padding: 0 15px;}}
@media (max-width: 767px){
.col-3row .col-3 { padding: 0px;}
.custom-control.custom-radio.custom-control-inline {padding: 0 0 0 20px;margin: 0px!important;}
img.img-fluid.z-depth-1 {width: 100%;}
}
.verifyaddresscheckbox {display: flex!important;align-items: center;justify-content: center;text-align: center!important;min-width: 209px;margin: 0px auto;}
.mb_signup .small-text{font-size: 10px; line-height: 20px; color: #00557D}
.mb_signup p{font-size: 16px; font-weight: 500; color: #00557D}
.mb_signup ::placeholder, .mb_regiser_form ::placeholder{ opacity: 0.7;}
.mb_signin_btns ul li {display: inline-block; /*float: left;*/margin-bottom: 20px;}
.info-steps ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 40px;
}
.info-steps ul li {
    font-size: 13px;
    color: #00557D;
    border: solid 1px #00557D;
    padding: 10px;
    line-height: 15px;
    font-weight: 500;
    width: 26%;
    min-height: 55px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    position: relative;}
.info-steps ul li:after {
    position: absolute;
    content: "";
    height: 2px;
    background: #00557D;
    width: 40px;
    right: -40px;}
p.px16.text-center {color: #19223D;font-weight: 500; margin-bottom: 50px;}
.velo-information-colms{margin: 40px 0;}
.velo-information h3{font-weight: 500}
.velo-information-colms h3{margin: 20px 0; font-weight: 500}
.info-steps ul li:last-child:after{display: none}
.px16{font-size: 16px;}
.login h2.no-border:after{display: none}
.login h3.kodeaccount{font-size: 24px; color: #19223D}
.kent_login_form .mb_signup h2, .kent_social_login  h2{ font-size: 24px; color: #00557D; font-weight: 500}
.kent_login_form .mb_signup h2:after, .kent_social_login  h2:after{display: none}
.win-close.win-close_blueclosebtn {right: 43px; top: 15px;background: url(../img/plus-blue.png) left top no-repeat;}
.login .kent_login_form, .login .kent_social_login {margin: 0 10px;border: solid 0.5px #ddd;padding: 20px 53px;}

@media (max-width: 767px){
.section-inner h2{margin-bottom: 20px;}	
.login h3.kodeaccount {font-size: 20px;}
	.mb_signup_btns{margin: 0 auto}	
	.mb_signup p{font-size: 14px;}
	.mb_signin_btns {
    text-align: center;
}
	.mb_signin_btns li.mr-3{margin-right: 0!important}
	.mb_signin_btns ul li{float: none; display: block}
	.login .kent_login_form, .login .kent_social_login{margin: 20px 0;padding: 10px;}
	.login .section-inner{padding: 40px 0}
	.info-steps ul li:after{    right: -41px;    width: 41px;}
}
@media (max-width: 375px){.info-steps ul li:after{    right: -38px;    width: 38px;}}
@media (max-width: 360px){.info-steps ul li:after{    right: -36px;    width: 36px;}}
@media (max-width: 320px){.info-steps ul li:after{    right: -31px;    width: 30px;}.info-steps ul li{font-size: 11px;}}

@media (min-width:768px) and (max-width:991px) {

	.login .kent_login_form, .login .kent_social_login{    padding: 20px 15px;}	
	.info-steps ul li:after{right: -33px;    width: 33px;}
}

@media (min-width:991px) and (max-width:1024px) {  .info-steps ul li:after{ width: 38px;    right: -39px;} }

/*29-07-21*/
.secondary-navigation {background: #fff;margin-top: 0px; padding-bottom: 0px; padding-top: 0px;	}
.fullwidth-banner-toppages {margin-bottom: 0;}
.toppage-carousel.slick-next{display: none}
.fullwidth-banner-toppages .toppage-carousel .slick-prev, .fullwidth-banner-toppages .toppage-carousel .slick-next{display: none!important}
a.btn.btn-blue {background: #00557D;     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);color: #fff; border: 0px;}
.testimonial-wrp1{padding-bottom: 40px;padding-top: 60px;}
.testimonial-wrp1 .uservoice-blog ul li:last-child{margin-bottom: 60px;}
.single-full-wrp, .bottom-toppage-wrp{padding:60px 0; display: block}
.single-full-wrp img{width: 100%}
.sticky-button ul { display: flex; text-align: center;align-items: center;justify-content: center;gap:10px;}
.product-top1-wrp{position: relative; margin: 0px 0 0px 0}
.product-top22-wrp{position: relative; margin:80px 0 100px 0}
.product-top33-wrp{position: relative; margin: 30px 0 0px 0}
.product-top66-wrp{position: relative; margin:0px 0 0px 0}
.product-top1-wrp.product-top1-wrp-bg{background:#05D9C3 url("../img/topnew/product-top1-pc.png") no-repeat left center;padding: 130px 0;z-index: 9;margin-bottom: 0px; }

.product-top22-wrp-bg{background: url("../img/topnew/Group13886.png") no-repeat left  center; padding: 100px 0 140px}
.product-top33-wrp-bg{background: url("../img/topnew/Group-13886.png") no-repeat left  center; padding: 80px 0 70px}
.product-top33-wrp.product-top1-wrp-bg{}
.product-top66-wrp.product-top1-wrp-bg{background: url("../img/topnew/product-gated-top66-pc-bg.png") no-repeat left  center;padding: 156px 0 20px;z-index: 9; position: relative; margin-bottom: 0}
.product-top2-wrp.product-top3-wrp{background: url("../img/topnew/product-top3bg-pc.png") no-repeat top center;padding: 130px 0;z-index: 9; }
.product-top1-wrp.product-top4-wrp{background: url("../img/topnew/product-top4bg-pc.png") no-repeat top center; z-index: 9;margin:0px 0 0 0; padding: 80px 0 170px}
.product-top2-wrp.product-top5-wrp{background: url("../img/topnew/product-top5bg-pc.png") no-repeat top center; margin: -78px 0 0 0; padding: 150px 0 120px;background-size: cover;}
.testimonial-wrp1.product-top6-wrp{background: url("../img/topnew/product-top6bg-pc.png") no-repeat top center; margin: 0px 0 0 0; padding:40px 0 50px}
.product-top2-wrp.product-top7-wrp{background: url("../img/topnew/product-top7bg-pc.png") no-repeat top center; margin: 0px 0 0 0; padding:120px 0}
.bottom-toppage-wrp{background: url("../img/topnew/bottom-toppage-wrp-bg.png") no-repeat top center; padding: 80px 0!important; margin-top: 40px;}
.product-top7-wrp .heading{position: relative}
.product-top7-wrp .heading:after {content: "";right: -210px;background: url("../img/topnew/right-icon.png") no-repeat right center;position: absolute; width: 190px;height: 150px; bottom: -20px;}
.product-top7-wrp .box{display: flex; margin: 60px 0 90px}
.fixed-btn{position: absolute; width: 100%; bottom: 60px; text-align: center; left: 0px; z-index: 9}
.fixed-btn .btn{line-height:20px}
input#btnForgotPwd { min-width: 300px; width: 280px;}
a.btn.btn-pink {background: #FC3BB8;color: #fff; border: 0px; padding: 12px 60px;}
a.btn.btn-green {background: #358230;color: #fff; border: 0px; padding: 12px 60px;}
.referred-top-wrapper p{font-size: 20px;}
.pinfullbar-wrp{background: #F3B3CD; padding: 20px 0}
.accumulated-member-wrp{color: #11145B; font-size: 20px; font-weight: bold}
.accumulated-img{position: relative}
.accumulated-btn { position: absolute; bottom: 60px;  left: 90px;}
.referred-top-wrapper{margin: 30px 0 0 0; padding-bottom: 30px;}
.grey-wrp{background: url("../img/referred-friend/gry-bg.png") no-repeat top center; margin: 0px 0 0 0; padding:120px 0}
.url-block{margin: 40px 0}
.url-block img {display: block;text-align: center; margin: 0 auto 20px;}
.accumulated-gatedbtn{right: 0px;}
.accumulated-gatedbtn a{color: #000000; font-weight:normal; text-decoration: underline}
.accumulated-gatedbtn { right: 96px; position: absolute;bottom: 105px;}
.site-mypage-banner{background: #0DAED6; padding: 50px 20px; text-align: center; color: #fff}
.site-mypage-banner input{max-width: 300px;}
.site-mypage-banner .item-mypage > div p { padding-right: 10px;
	margin-bottom: 0;
	color: #00AED6;
}
.site-mypage-banner a.btn.blue-btn2{background: #041E42; color: #fff; width: auto; margin: 0 10px;min-width: 150px;}
section.text-center.bottom-toppage-wrp.bottom-toppageungated-wrp {
    margin-top: -72px;
}
.ungated-top1-wrp-heading{text-align: center}
.ungated-top1-wrp h1{ font:900 50px/1.33 'NotoSansCJKjp';  text-align: center; margin-bottom: 90px; margin-top: 50px;color: #11145B}
.ungated-top1-wrp h2{    display: inline-block; font:900 50px/1.33 'NotoSansCJKjp';text-align: center; color: #11145B; position: relative}
.ungated-top1-wrp h2 .left-icon { position: absolute; left: -100px;top: -50px;}
.ungated-top1-wrp h2 .right-icon { position: absolute; right: -150px;top: -30px;}
.testimonial-wrp1 h2{font:900 28px/1.33 'NotoSansCJKjp'; color: #11145B}
.lesson-block-middle{background: #18d1be;padding-bottom:40px;}
.lesson-block-middle ul li img{width: auto}
.bottom-toppageungated-wrp h2{font:900 38px/1.33 'NotoSansCJKjp'; margin: 20px 0 40px }
.bottom-toppageungated-wrp h3{font:700 28px/1.33 'NotoSansCJKjp'; margin-bottom: 20px; }
.member-information-list{position: relative}
ul.member-information-list li span { display: block;margin:10px 30px;font:700 18px/1.33 'NotoSansCJKjp'; }
ul.member-information-list {display: flex;justify-content: center;align-items: center; margin: 20px 0 40px;}
.member-information-list::before{
content: '';
position: absolute;top: -100px;left: 40px;width:141px; height: 141px; background-size: 100% 100%;background-position: top center;background-repeat: no-repeat;background-image: url(../img/topnew/online-store-list-left-icon.svg); }
.member-information-list::after{
    content: '';
    position: absolute;
    top: -20px;
    right: -10px;
    width: 160px; height: 160px; 
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(../img/topnew/online-store-list-right-icon.svg); }
.ungated-top2-wrp{background: #424D9E;padding: 80px 0; }
.ungated-top2-wrp-blue{background: #A0AAD5;padding: 80px 0; }
.onepackstandard-flex{display:flex;}
.section-content-right {
	padding-right: 100px;
}
@media (max-width:1680px){
.testimonial-top1.text-center { }
section.single-full-wrp { padding: 0; position: relative}
.single-full-wrp, .bottom-toppage-wrp{padding: 40px 0;}
section.text-center.bottom-toppage-wrp.bottom-toppageungated-wrp {
    margin-top: -72px;
}
}
@media (min-width: 768px){
.testimonial-wrp1 .uservoice-blog{margin: 0px 0; display: inline-block}
.testimonial-wrp1 .uservoice-blog ul li {margin: 130px 0;}
	.testimonial-wrp1 .uservoice-blog ul li:first-child{margin: 50px 0;}
.sticky-button ul li{margin: 0 10px;}
.site-mypage-banner .email-btn { display: flex; margin: 20px 0; justify-content: center;}}
.sticky-button ul li a.register-icon img{margin-right: 5px; width: 26px;}
.sticky-button ul li img{margin-right: 5px; width: 24px;}
.gated-sticky.sticky-button ul li{margin-bottom: 20px;}
.gated-sticky.sticky-button ul li a {width: 100px;border-radius: 80px;padding: 0px;
height: 100px;min-width: 100px;align-items: center;display: flex;flex-direction: column;justify-content: center;margin: 0 5px; font-size: 12px;}
.product-gatedtop-wrp{background: #fff; width:100%; padding:0px 0}
.product-gatedtop-wrp .heading{position: relative}
.product-gatedtop-wrp .heading:after{content: ""; right: -70px; background: url("../img/topnew/Group1162.svg") no-repeat right center; position: absolute; width:163px; height: 120px; bottom: 50px;}
.product-gatedtop-wrp .heading:before{content: ""; left: -90px; background: url("../img/topnew/Group1163.png") no-repeat right center; position: absolute; width:218px; height: 188px; bottom: 0px;}
@media (min-width: 1024px){
.secondary-navigation {margin: 25px 0 0;	}.gated-sticky.sticky-button {background: none; right: 0px; top: 50%; left: inherit;}.gated-sticky.sticky-button  ul{display: block}
.gated-header .header-center-items {text-align: center}
.product-top7-wrp .box span { width: 33%;}
.product-top7-wrp .heading:after { right: -80px; width: 80px;height: 80px; background-size: 100%;}
.testimonial-wrp1.product-top6-wrp{background-size: 100%}
.product-top7-wrp .heading{display: inline-block}
.mb_regiser_container .mb_regiser_form{padding: 0 64px;}	
.newReg .mb_signup{padding-right: 60px;}
}
@media (max-width: 991px){
.generic-carousel .image-section, .toppage-carousel .image-section{margin: 0px 10px; }
.toppage-carousel .slick-list {padding-left: 20px; padding-right: 20px;}
.header-center-items {text-align: left;padding: 0px 0 0;}
.product-top7-wrp .box span { width: 32.9%;}
}
@media (max-width: 767px){
.generic-carousel .image-section, .toppage-carousel .image-section{margin: 0px 10px; }
 .toppage-carousel .slick-list {padding-left: 20px; padding-right: 20px;}
.header-center-items {text-align: left;padding: 0px 0 0;}

.gated-header .logo-holder {text-align: center;}
.single-full-wrp, .bottom-toppage-wrp{padding: 20px 0; display: block}
.testimonial-wrp1 .uservoice-blog ul li { margin: 70px 0;}
.bottom-toppage-wrp .col-sm-6{margin-bottom: 40px;}
.sticky-button ul li a {width: 100px;border-radius: 80px;padding: 0px;height: 100px;min-width: 100px;align-items: center;display: flex;flex-direction: column;justify-content: center;margin: 0 5px;font-size: 12px;}
.product-gatedtop-wrp{padding: 0px 0}	

.ungated-top2-wrp{padding: 50px 0 100px;  text-align: center;clear: both; 	}
	.product-top2-wrp.product-top5-wrp .container{padding: 0px;}	
.product-top1-wrp.product-top1-wrp-bg .container{padding: 0px;}
a.btn.btn-blue {width: 90%;}
.product-top7-wrp .heading:after {
 right: 0px;width: 60px; height: 60px;background-size: 100%;}
.product-top7-wrp .box{margin-bottom: 40px; display: inline-block; }
.product-top7-wrp .box span{float: left}
.product-top2-wrp.product-top7-wrp{padding-bottom: 50px;}

/*footer{margin-bottom: 140px}*/
.gated-sticky.sticky-button ul li { margin-bottom: 0;}
.mb_signup a.btn.btn-continue{width: 100% }
.referred-top-wrapper{margin: 20px 0 0 0}
.single_image-wrapper{    margin-bottom: 50px;}	
.accumulated-btn { position: absolute; bottom: 40px;left: 0;width: 100%;}	
.referred-top-wrapper p{font-size: 16px;}
.grey-wrp{background: url("../img/referred-friend/gry-bg-sp.png") no-repeat top center; margin: 0px 0 0 0; padding:60px 0}	
.accumulated-gatedbtn {right: 0;position: absolute;bottom: -34px;text-align: center;width: 100%;}
.accumulated-gatedbtn a{font-size: 12px;}
.site-mypage-banner{padding: 15px;}	
.site-mypage-banner a.btn.blue-btn2{margin: 10px 0; width: 100%}
.email-btn{margin: 10px 0}
.bottom-toppageungated-wrp h2{font:900 14px/1.33 'NotoSansCJKjp'; margin: 50px 0 40px }
ul.member-information-list li span { margin: 10px 10px;font: 700 13px/1.33 'NotoSansCJKjp';}	
ul.member-information-list li img {width: 80px;}	
.member-information-list::after { right: 0; width: 50px; height: 50px; background-image: url(../img/topnew/online-store-list-right-icon.svg); left: 0px; top: -150px;transform: rotatey(180deg);}	
.member-information-list::before{    width: 70px;height: 70px;top: 110px;}	
.bottom-toppageungated-wrp h3{font-size: 20px;}	
.lesson-block-middle {background: #18d1be; float: left;width: 100%; margin-top: -6px;}	
.lesson-block-middle ul li {margin-bottom: 15px;}	
.testimonial-wrp1 .container.container-sm.text-center { background-color: #fff;}	
.testimonial-wrp1 h2 {font: 900 14px/1.63 'NotoSansCJKjp';  color: #11145B;padding-top: 0px;}	
.testimonial-wrp1 .btn{font-size: 14px;}
.ungated-top1-wrp h2{font: 900 26px/1.33 'NotoSansCJKjp';}	
.ungated-top1-wrp h1{font: 900 26px/1.33 'NotoSansCJKjp';    margin-bottom: 60px;}	
.ungated-top1-wrp h2 .right-icon{    right: -20px;top: -40px;}	
.ungated-top1-wrp h2 .right-icon img, .ungated-top1-wrp h2 .left-icon img { width: 50px;}
.ungated-top1-wrp h2 .left-icon {position: absolute; left: -40px; top: 20px;}	
.ungated-top1-wrp .vc_image-wrapper{margin: 0 0px 20px;}	
.product-top33-wrp-bg {
    background: url("../img/topnew/Group-13886-sp.png") no-repeat left  center;
    padding: 50px 20px 30px;
}.product-top1-wrp.green-strength-block.product-top1-wrp-bottom {
    margin: 20px 0;
}
}

/* 10-Aug-2021 */
.renewal-gated-main-header-wrap{ overflow: hidden;}
.renewal-main-header{padding-bottom: 60px;padding-top: 50px;}
.renewal-main-sub-header{padding-bottom: 12px;}
.renewal-gated-collect-points-wrap{ margin-bottom: 50px; display: flex; flex-wrap: wrap; gap: 12px; position: relative; justify-content: center}
.renewal-gated-collect-points-wrap .rgc-point-box{width: calc(100%/ 2 - 6px); position: relative; }
.renewal-gated-collect-points-wrap::before{content: '';position: absolute;top: -115px;left: -35px;width: 72px;height: 72px;background: url(../img/renewal-gated-point/d-left-pc.png) no-repeat;    background-size: 100% 100%;background-position: top center;}
.protfolio-gated-wrp{position: relative}

.protfolio-gated-wrp .renewal-gated-collect-points-wrap::after, .protfolio-gated-wrp .renewal-gated-collect-points-wrap::before{display: none}
.renewal-gated-collect-points-wrap::after{content: '';position: absolute;bottom: 0;right: 0;width: 100px; height: 100px; background: url(../img/renewal-gated-point/d-right-pc.png) no-repeat; background-size: 100% 100%;background-position: top center;}
.renewal-gated-collect-points-wrap .rgc-point-box a{display: block;}
.renewal-gated-collect-points-wrap .rgc-point-box.completed a,
.renewal-gated-collect-points-wrap .rgc-point-box.pending a{cursor: default;pointer-events: none;}
.renewal-gated-collect-points-wrap .rgc-point-box.completed::after,
.renewal-gated-collect-points-wrap .rgc-point-box.pending::after{ content: ''; position: absolute;  bottom: 0;right: 0; top: 0;left: 0;width: 100%; height: 100%;  background-size: 100% 100%; background-position: top center;background-repeat: no-repeat;}
.renewal-gated-collect-points-wrap .rgc-point-box.completed::after{background-image: url(../img/renewal-gated-point/completed.png); }
.renewal-gated-collect-points-wrap .rgc-point-box.pending::after{background-image: url(../img/renewal-gated-point/pending.png); }
.renewal-gated-point-popups .aha-sitemodal-overlay{background-color: rgb(0 0 0 / 75%);}
.renewal-gated-point-popups .sm-container{background-color: #F5F5F5; position: relative;}
.renewal-gated-point-popups  .content-sec_normal{padding-left: 0;padding-right: 0;}
.renewal-gated-point-popups .sm-container{padding: 30px;}
.renewal-gated-point-popups .sm-container .win-close.win-close_blueclosebtn {right: 10px; top: 10px;}
.renewal-gated-point-popups .btn{ min-width: 235px; border-radius:35px ; -webkit-border-radius:35px ; -moz-border-radius:35px ; -ms-border-radius:35px ; -o-border-radius:35px ; }
.renewal-gated-point-popups .renewal-popup-banner{margin-bottom: 40px;}
.renewal-gated-secondary-wrap{padding-top: 50px; position: relative; overflow: hidden;}
.renewal-secondary-header{margin-bottom: 30px; padding-left: 30px;padding-right: 30px;}
.renewal-secondary-sub-header{margin-bottom: 100px;}
.renewal-gated-secondary-wrap::after{background-image: url(../img/renewal-gated-point/sec-bg.png);  z-index: -1; background-color: #f6f6f6;}
.renewal-gated-secondary-wrap .container{position: relative;}
/*.renewal-gated-secondary-wrap .container::before{content: '';position: absolute;top: 20%; left: -330px;width: 330px; height: 255px; background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; background-image: url(../img/renewal-gated-point/d-left-1-pc.png); }
.renewal-gated-secondary-wrap .container::after{ content: ''; position: absolute; bottom: -20px; right: -210px; width: 210px; height: 162px; background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;background-image: url(../img/renewal-gated-point/d-right-1-pc.png); }*/
/*.renewal-gated-point-popups .sm-container:after{margin-top: -80px;content: '';position: absolute;right: 0; width: 110px; height: 148px;background: url(../img/renewal-gated-point/pop-d.png) no-repeat; background-size: 100%;}*/
@media (min-width: 768px){
.renewal-main-sub-header{padding-bottom: 30px;}
.renewal-gated-collect-points-wrap{ gap: 70px 30px; margin-bottom: 50px; }
.renewal-gated-collect-points-wrap .rgc-point-box{width: calc(100% / 3 - 20px); }
.renewal-gated-collect-points-wrap::before {
    top: -80px;
    bottom: 0;
    left: -150px;
    width: 125px;
    height: 125px;
}.renewal-gated-collect-points-wrap::after {
    /* top: -170px; */
    bottom: 0;
    right: -100px;
    width: 125px;
    height: 125px;
}
}
@media (min-width: 992px){
 .renewal-main-header{padding-bottom: 70px;padding-top: 50px;}
 .renewal-main-sub-header{padding-bottom: 40px;}
 .renewal-gated-collect-points-wrap{ gap: 0; }
	.renewal-gated-collect-points-wrap .rgc-point-box{margin: 20px 0px 0}
 .renewal-gated-collect-points-wrap .rgc-point-box{width: 270px; padding: 0 7px}
 .renewal-gated-point-popups .sm-container{max-width: 769px;padding: 50px 70px;}
 .product-details-gated-popup .sm-container{max-width: 990px;padding: 50px 70px;}	
 .renewal-gated-point-popups .sm-container .win-close.win-close_blueclosebtn {right: 25px; top: 25px;}
 .renewal-gated-point-popups .renewal-popup-banner{margin-bottom: 80px;}
 .renewal-gated-point-popups  .content-sec_normal{padding-bottom: 30px;}
 .renewal-gated-point-popups .btn{ min-width: 265px;}
.product-details-gated-popup .content-sec .content-sec_normal {width: 60%;}
.product-details-gated-popup .content-sec .content-sec_left-img {width: 40%;}
.product-details-testimonial .product-details-rewie {min-width: 230px; margin-top: 7px;}	
.product-details-testimonial {display: flex;align-items: flex-start;}
.product-details-testimonial .testimonial-con {min-width: 250px;}	
	
	
} 
.msg-list .msg-item.is-active .msg-block {-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg); opacity: 0; }
.msg-list .msg-item:nth-of-type(2).is-active .rep-block {z-index: 4;}
.msg-list .msg-item .msg-block { -webkit-transition: all .3s; transition: all .3s;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-origin: 50% 50% 0;transform-origin: 50% 50% 0;}
.msg-list .msg-item.is-active .rep-block { -webkit-transform: rotateY(0deg);transform: rotateY(0deg);opacity: 1;}
.msg-list .msg-item .rep-block {-webkit-transition: all .3s;
transition: all .3s; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0;}
.msg-list .msg-item {position: relative; height: 421px; cursor: pointer;}
.msg-list .msg-item .msg-block {
 padding: 0px; -webkit-transition: all 0.3s linear;transition: all 0.3s linear; opacity: 1; z-index: 1; position: absolute; top: 0; left: 0;width: 100%;background: none; background-size: 120px auto;}
 .msg-list .msg-item .rep-block {
 opacity: 0; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; background: none;padding: 0px;position: absolute;top: 0;  left: 0;   width: 100%;}
.left-hand { position: absolute;  top: 40%;}
.right-hand { position: absolute;  top: 20%; right: 0px;}
.msg-list-gated li { width: 47%; display: inline-block; margin: 10px;}
.single-full-wrp .msg-list img, .single-full-wrp.msg-wrp img{width: auto}
.soft-category-wrp{background: #F6F6F6; padding: 60px 0 130px}
.category-content-block { background: #fff; padding: 50px; margin-bottom: 70px;border-radius: 10px;}
.soft-category-wrp + .ungated-top2-wrp{margin-top: -57px;}
.soft-category-wrp + .ungated-top2-wrp + .lesson-block.single-full-wrp.msg-wrp{margin-top: -57px;}
.category-content-block h2{font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 30px;}
.category-content-block p{font-size: 20px; line-height: 25px; font-weight: 100}
.information-block h2{margin-bottom: 40px; line-height: 35px;}
.information-block .btn{margin: 0 15px}
.sitemap-wrp{padding: 90px 0; position: relative; float: left; width: 100%}
.sitemap-wrp:before{position: absolute; height: 180px; width: 178px; right: 0px; background: url("../img/sitemap/sitemap-righticon.svg"); content: ""; top: 30px;}
.sitemap-wrp:after{position: absolute; height: 190px; width: 198px; left: 0px; background: url("../img/sitemap/sitemap-lefticon.svg"); content: ""; bottom: 30px;}
.sitemap-wrp .heading h1{font-size: 47px; font-weight: 900}
.sitemap-wrp .heading {text-align: center; position: relative;display: inline-block; padding-bottom: 50px;}
.sitemap-wrp .heading .left-icon{ position: absolute;     left: -60px;top: -40px; height: 68px; width: 60px;}
.sitemap-list ul li .title { background: #00AED6;color: #fff; border-radius: 5px;text-align: center;font-size: 20px;font-weight: bold;  padding: 5px 50px;}
.sitemap-list li.list {display: inline-block;margin: 0 30px;    min-width: 260px;float: left;}
.sitemap-list li.list ul{margin-bottom: 50px;}
.sitemap-list li.list ul li {font-size: 14px; padding: 10px 35px 0px 0; position: relative;font-weight: 400; display: table}
.sitemap-list li.list ul li a{color: #000}
.sitemap-list li.list ul li:after{position: absolute; height: 14px; width: 8px; right: 0px; background: url("../img/sitemap/arrow.svg"); content: "";top: calc(100% - 18px);}
.bottom-toppage-wrp .left-icon.none-mb {
    position: absolute;
    left: -100px;
}
.bottom-toppage-wrp .right-icon.none-mb {
    position: absolute;
    right: -120px;
	bottom: -30px;
}
.bottom-toppage-wrp .container {
    position: relative;
}
.ungated-top2-wrp .container {
    position: relative;
}
.smokeorodor-section{ color: #fff; line-height: 20px;   z-index: 9;
    position: relative;}
.smokeorodor-section p{margin: 0px;line-height: 20px; font: 900 14px/1.03 'NotoSansCJKjp'; }
.smokeorodor-section h3{font: 900 22px/1.33 'NotoSansCJKjp';color: #fff; margin-bottom: 0px;  }
.se-01, .se-02, .se-03{display: flex; margin-bottom:75px;    align-items: center;}
.se-01-con{margin-right: 20px;}
.se-01{margin-top: 20px;}
.onepackstandard {
    color: #424D9E;
    font-size: 26px;
    font-weight: bold;
}
.ungated-top2-wrp .left-space{margin-left:140px;}
.onepackstandard span{font: 900 50px/1.53 'NotoSansCJKjp';}
.onepackstandard-300 .standard-300 {
    background: #424D9E;
    display: inline-block;font: 900 40px/1.33 'NotoSansCJKjp';
    border-radius: 10px;
    padding: 5px 35px;
}.onepackstandard-icon {
    position: absolute;
    left: 190px;
    bottom: -40px;
}.smokeorodor-section .section-content-right p {
    text-align: left; line-height: 25px; font-size: 19px;
}
.flavors {
    color: #424D9E;font: 900 24px/1.33 'NotoSansCJKjp';
}
.onepackstandard-300 { position: relative; margin-bottom: 70px;width: 300px;
padding-left: 20px;}
.onepackstandard-300 .standard-300 span{font-size: 16px;}
.onepackstandard-300 .standard-300 span.small-text{font-size: 12px;}
.mt-30.ungated-top1-wrp .ungated-top1-wrp-con {
    position: absolute;
    width: 100%;
    min-height: 600px;
}.ungated-top1-wrp-con1 {
    position: absolute;
    bottom: 0px;
    right:80px;
}
.mt-30.ungated-top1-wrp .ungated-top1-wrp-con .container, .mt-30.ungated-top1-wrp{position: relative}
.ungated-top1-wrp-con1 p{color: #172C5D;font: 900 18px/1.33 'NotoSansCJKjp'; line-height: 36px;}
.ungated-top1-wrp-con1 p span {
    color: #FC34AF;
    position: relative;
    transform: rotate(-4deg);
    display: inline-block;
}.ungated-top1-wrp-con1 p span:before{position: absolute; height: 25px; width: 25px; left: -20px; background: url("../img/topnew/Union13.png"); content: ""; top:-10px;}
.mt-30.ungated-top1-wrp .ungated-top1-wrp-con .container { position: relative}
.renewal-main-header.text-center span {
    position: absolute;
    right: 160px;
    top: 10px;
}.renewal-main-header.text-center {
    position: relative;
}

.content-sec_normal .left-icon {
    position: absolute;left: 10px;
}.content-sec_normal {
    position: relative;
}
@media (min-width: 1024px){
.smokeorodor-section { display: flex;justify-content: space-between;}
 .product-details-gated-popup .sm-container{max-width: 1050px;padding: 50px 70px;}	
.product-details-testimonial .testimonial-con {
    min-width: 300px;
}	
.section-content-center {
    position: absolute;
    top: 80px;
    width: 100%; left: -50px;
    text-align: center;}	
	
}

@media (max-width: 1022px){.smokeorodor-section p{text-align: left} .se-01-con{order: 2;}.se-01-con.se-01-con-img{order: 1}
.smokeorodor-section h3 {
	font: 900 16px/1.33 'NotoSansCJKjp';}
	.smokeorodor-section p{font-size: 12px;}
	.flavors {
    color: #424D9E;
    font: 900 18px/1.33 'NotoSansCJKjp';
    text-align: left;
}.smokeorodor-section .section-content-right p {
    text-align: left;
    line-height: 32px;
    font-size: 14px;
}.onepackstandard-icon {
    position: absolute;
    left: 280px;
    bottom: -40px;
}.onepackstandard-300 {
    margin-bottom: 50px;
	}.se-01, .se-02, .se-03{margin-bottom: 15px;}
}
@media (max-width: 767px){
	.section-content-right {
	padding-right: 0;
	text-align: center;
}
.ungated-top2-wrp .left-space{margin-left:0px;}	
.se-01-con {margin-right: 5px;}
	.se-01-con2::after{right:-48px;}
.right-hand, .left-hand  {display: none;}	
.msg-list .msg-item {position: relative; height: 170px; cursor: pointer; text-align: center;}
.msg-list-gated li { width: 100%;display: inline-block; margin: 0px;}
.msg-list .msg-item { text-align: center;}
.msg-list.msg-list-gated .msg-item { text-align: left;}
.msg-list.msg-list-gated .msg-item:nth-child(2), .msg-list.msg-list-gated .msg-item:nth-child(4) { text-align: right;}
.msg-list.msg-list-gated .msg-item{height: 250px;}
.msg-list.msg-list-gated .msg-item:nth-child(3){height: 300px;}
.category-content-block h2 {font-size: 20px;margin-bottom: 20px;}
.category-content-block p { font-size: 16px; line-height: 25px;}
.information-block .btn { margin: 0 0 20px;}
.category-content-block { padding: 30px;margin-bottom: 40px; border-radius: 10px;}
.sitemap-list li.list{width: 100%; margin: 0px;}
.sitemap-list li.list ul li{border-bottom: solid 1px #ccc; display: block; padding-bottom: 10px;}
	.sitemap-list li.list ul li:after{top: calc(100% - 28px);}
.sitemap-wrp .heading h1 {
    font-size: 32px;
    font-weight: 900;
	}.sitemap-wrp .heading{padding-bottom: 20PX;}
	.sitemap-wrp{padding: 70PX 0}
	.sitemap-wrp:before{top: 50px;position: absolute; height: 70px; width: 70px; background-size: 100%}
.sitemap-wrp:after{height: 70px; width: 70px; background-size: 100%}
	.ungated-top1-wrp-con1 p {
    color: #172C5D;
    font: 900 14px/1.33 'NotoSansCJKjp';
    line-height: 30px;
    padding-left: 10px;
}.ungated-top1-wrp-con1 {
    position: absolute;
    bottom: 90px;
    right: 0;
    left: 25px;
}
	.renewal-gated-collect-points-wrap{margin-bottom: 50px;}
	.renewal-gated-point-popups .sm-container:after{    margin-top: -40px;
    width: 50px;height: 70px;}
.renewal-main-header.text-center span {
    position: absolute;
    right: 10px;
    top: 47px;
}.renewal-main-header.text-center span img {
    width: 40px;
}.renewal-gated-collect-points-wrap .rgc-point-box {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding: 0 5px;
    box-sizing: border-box;}
.renewal-main-sub-header img {width: 100%;}
.renewal-gated-collect-points-wrap{gap:0px;}
.content-sec_normal .left-icon {position: absolute;left: 0px;top: -10px;}
.content-sec_normal .left-icon img {width: 40px;}
	.renewal-gated-collect-points-wrap .rgc-point-box{margin: 10px 0px 0}

}

@media (min-width:1024px) and (max-width:1440px) {
.single-full-wrp.msg-wrp .left-hand img, .single-full-wrp.msg-wrp .right-hand img  {width: 100%;}
.single-full-wrp.msg-wrp .left-hand, .single-full-wrp.msg-wrp .right-hand   { width: 200px;}
	
}
@media (max-width: 360px){
.renewal-main-header.text-center span { right: -10px; top: 47px;}
.content-sec_normal .left-icon {left: -20px;}
}
@media (max-width: 375px){
.renewal-main-header.text-center span { right: 0px; top: 47px;}
.content-sec_normal .left-icon {left: -10px;}
}
.eclp-table table{width: 100%}
.eclp-table{margin: 40px 0; text-align: left}
.eclp-table td, .eclp-table th{padding:15px 15px;}
.eclp-table th{background: #11145B; color: #fff; font-size: 25px;border: solid 1px #11145B; text-align: center}
.eclp-table td{font-size: 20px; font-weight: bold; color: #11145B; border: solid 1px #707070}
.eclp-table td a{color:#00AED6; text-decoration: underline}
.single-full-wrp.msg-wrp { position: relative; }
.product-btn-section .product-btn-group{ display: flex; justify-content: center}
.product-btn-section .product-btn-group a{margin: 0 30px}
.product-btn-group {margin: 50px;display: flex; justify-content: center}
.product-btn-group a{margin: 0 10px;}
.product-top22-wrp .vc_image-wrapper, .product-top33-wrp .vc_image-wrapper{position: relative}
.product-top22-wrp .vc_image-wrapper .icon-right{position: absolute; right: -120px; top: 100px;}
.product-top33-wrp .vc_image-wrapper .icon-right{position: absolute; left: -90px; top: 290px;}
.product-btn-section{padding: 0px 0 30px;position: relative;}
.product-btn-section .container{position: relative}
.product-btn-section .left-icon{position: absolute; left: 50px; bottom: -50px;}
.product-btn-section .right-icon{position: absolute; right: 0px; top:-50px;}
.renewal-gated-point-popups.product-details-gated-popup .sm-container{background: #fff;padding: 30px 30px;}
.product-details-gated-popup .content-sec{display: flex; margin-bottom: 30px;}
.product-details-gated-popup .content-sec .content-sec_normal{padding: 50px 0 0 30px}
.product-details-gated-popup .content-sec .content-sec_normal h2{color: #11145B}
.product-details-gated-popup .content-sec .content-sec_normal p{font-weight: 400; line-height: 20px; color: #11145B}
.product-details-gated-popup .content-sec .content-sec_normal p span.small-text{margin: 15px 0 0}
.content-sec_normal.green-theme .user-description {background: #00abc8;border-radius: 10px; padding: 30px 20px 15px;color: #fff; position: relative}
.content-sec_normal.pink-theme .user-description {background: #fd495c;border-radius: 10px; padding: 30px 20px 15px;color: #fff; position: relative}
.content-sec_normal.blue-theme .user-description {background: #5181D8;border-radius: 10px; padding: 30px 20px 15px;color: #fff; position: relative}
.content-sec_normal.light-theme .user-description {background: #C1A292;border-radius: 10px; padding: 40px 20px 15px;color: #fff; position: relative}
.content-sec_normal.yellow-theme .user-description {background: #FF8200;border-radius: 10px; padding: 30px 20px 15px;color: #fff; position: relative}
.content-sec_normal .user-description p {color: #fff;font-size: 14px; margin-bottom: 0px;}
.product-details-gated-popup .content-sec .content-sec_normal .user-description p{color: #fff; margin-bottom: 8px}
/*.content-sec_normal.green-theme .user-description:before{position: absolute; width: 33px; height: 22px; content: ""; top: -21px; right: 120px;background: url(../img/product-portfolio/green-arrow.png) no-repeat right center;}
.content-sec_normal.pink-theme .user-description:before{position: absolute; width: 33px; height: 22px; content: ""; top: -21px; right: 120px;background: url(../img/product-portfolio/pink-arrow.png) no-repeat right center;}
.content-sec_normal.blue-theme .user-description:before{position: absolute; width: 33px; height: 22px; content: ""; top: -21px; right: 120px;background: url(../img/product-portfolio/blue-arrow.png) no-repeat right center;}
.content-sec_normal.light-theme .user-description:before{position: absolute; width: 33px; height: 22px; content: ""; top: -21px; right: 120px;background: url(../img/product-portfolio/light-arrow.png) no-repeat right center;}
.content-sec_normal.yellow-theme .user-description:before{position: absolute; width: 33px; height: 22px; content: ""; top: -21px; right: 110px;background: url(../img/product-portfolio/yellow-arrow.png) no-repeat right center;}*/
.content-sec_normal .user-description span.user-img {position: absolute; right: 20px; top: -55px;}
.renewal-gated-point-popups.product-details-gated-popup .sm-container:after{display: none}
.product-details-testimonial .testimonial-con .username {font-size: 18px;font-weight: bold;color: #11145B;}
.product-details-testimonial .testimonial-con .userage{font-weight: bold;font-size: 14px;color: #11145B;}
.protfolio-header{margin: 20px 0;    position: relative; z-index: 9}
.protfolio-header h2{text-align: center; margin-bottom: 20px;}
.protfolio-nav ul{display: flex; justify-content: center; align-items: center}
.protfolio-nav li {
    color: #00557D;
    font-weight: normal;
    font-size: 14px;
    padding: 5px 0;
    border: solid 1px #00557D;
    border-radius: 25px;
    min-width: 140px;
    text-align: center;
    margin: 0 5px;
    min-height: 45px;
    align-items: center; cursor: pointer;
    display: flex;
    justify-content: center;
    line-height: 16px;
}
 .protfolio-nav li.activetab{text-decoration: none; color: #00557D; font-weight: bold}
p.text-center.fixed-top-des {
    position: absolute;
    width: 100%;
    top: 10px;
    font-size: 12px;
}
@media (max-width: 767px){
.eclp-table th{background: #11145B; color: #fff; font-size: 15px;border: solid 1px #11145B; text-align: center}
.eclp-table td{font-size: 12px; font-weight: bold; color: #11145B; border: solid 1px #707070}
.eclp-table td, .eclp-table th{padding:5px 5px;}
	.product-btn-group a {
    margin: 0 5px;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 10px;
    min-width: auto;
}.product-btn-section {
    padding: 20px 0 20px;
}.product-btn-section .right-icon img, .product-btn-section .left-icon img {
    width: 60px;}
	.product-top22-wrp .vc_image-wrapper .icon-right{display: none}
	.product-gatedtop-wrp .heading h1{margin: 20px 0 70px}
.product-top22-wrp-bg {
    background: url("../img/topnew/Group13886-sp.png") no-repeat left  center;
    padding: 30px 0 40px;
}
	.product-btn-group{margin-bottom: 20px;}
	.product-top22-wrp{    margin: 40px 0 0px 0;}
	.product-top33-wrp .btn.btn-pink{padding: 12px 20px;}
	.product-top33-wrp .vc_image-wrapper .icon-right{display: none}
	.product-btn-section .product-btn-group a {
    margin: 15px 10px;min-width: 150px;}
	.eclp-content-wrp h2{font-size: 16px;}
	.eclp-content-wrp .small-text{font-size: 11px;}
	.eclp-content-wrp .mt-5{margin-top: 2rem!important;}
	.protfolio-nav ul {display: flex;text-align: center;flex-wrap: wrap;}
	.protfolio-nav ul li {display: flex;margin: 10px 5px 0;justify-content: center;float: left;background: #fff;}
	.protfolio-gated-wrp::before {top: 170px;width: 248px;background-size: 100%;}
	.renewal-gated-collect-points-wrap{clear: both}
	.product-details-gated-popup .content-sec {flex-wrap: wrap;}
	.product-details-gated-popup .content-sec .content-sec_normal { padding: 0;}
	.user-pro {display: flex;gap: 6px; align-items: center; max-width: 180px}
	.product-details-testimonial .testimonial-con .username{font-size: 12px;}
	.product-details-rewie, .product-details-testimonial .testimonial-con {
    margin-bottom: 40px;
}p.text-center.fixed-top-des {
    position: absolute;
    width: 100%;
    top: 0px;line-height: 18px;
    font-size: 9px;
}.product-btn-section .product-btn-group {
    display: block;
    
}
	
}


/* New Intence page */
.news-intence-content1 {margin-top: 80px; margin-bottom: 50px; text-align: center;}
.news-intence-content1 h2{color: #0A1F8F; font-size: 32px; font-weight: bold; line-height: 37px; margin-bottom: 51px;}
.news-intence-content1 p{color: #031F44; font-size: 20px; line-height: 30px; }
.news-intence-content1 p:not(:last-child){margin-bottom: 15px;}

.news-intence-content2 {margin-top: 50px; margin-bottom: 80px; text-align: center}
.news-intence-content2 h2{color: #031F44; font-size: 32px; font-weight: bold; line-height: 37px; margin-bottom: 31px;}
.news-intence-content2 p{color: #031F44; font-size: 20px; line-height: 30px;}
.news-intence-content2 p:not(:last-child){margin-bottom: 15px;}

@media (max-width: 767px){
    .news-intence-content1 h2{font-size: 24px; margin-bottom: 31px;}
    .news-intence-content2 h2{font-size: 24px; margin-bottom: 15px;}
    .news-intence-content1 p br{display: none;}
    .news-intence-content1 p, 
    .news-intence-content2 p{font-size: 16px; line-height: 1.5;}
}


.new-intence-items{margin-bottom: 50px;}
.new-intence-items .nI_img{width: 100%;}
.new-intence-items .nI_img figure{width: 100%; margin-bottom: 5px; display: block; margin: 10px auto;}
.new-intence-items .nI_img figure img{ display: block;margin: 0 auto; max-width: inherit}
.new-intence-items .nI_img h2{color: #031F44; font-size: 24px; line-height: 29px; margin-bottom: 20px; text-align: center;}
.new-intence-items .nI_img p{color: #031F44; font-size: 20px; line-height: 30px;}
.new-intence-items .nI_img p:not(:last-child){margin-bottom: 20px;}
.new-intence-items .nI_img p span{font-size: 14px;}
.new-intence-items .slick-arrow{
    width: 30px; height: 30px; background-size: 100%; background-repeat: no-repeat; 
    text-indent: -9999px; border: none; position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 9;
}
.new-intence-items .slick-arrow.slick-prev{
    background: url(../img/news/arrow-left.svg); left: 5px;
}
.new-intence-items .slick-arrow.slick-next{
    background: url(../img/news/arrow-right.svg); left: auto; right: 5px;
}
.new-intence-items .slick-arrow.slick-disabled{opacity: 0.5;}

@media (max-width: 767px){
    .new-intence-items{margin-bottom: 20px;}
    .new-intence-items .nI_img{background-color: #F6F6F6; border: solid 1px #DDDDDD; padding:0 20px;text-align: center;}
    .new-intence-items .nI_img figure{ max-width: inherit; }
    .new-intence-items .nI_img h2{font-size: 20px; line-height: 24px;}
    .new-intence-items .nI_img p{font-size: 14px; line-height: 22px;}
}


.new-intence-news1{margin-bottom: 80px; position: relative}
.new-intence-news1 figure{margin-bottom: 80px;}
.new-intence-news1_btns{display: flex; flex-wrap: wrap; justify-content: center; }
.new-intence-news1 h2{color: #031F44; font-size: 24px; line-height: 29px;}

.new-intence-news1_btns a{margin: 0 15px; width: 100%; max-width: 376px;}
.product-details-testimonial .product-details-rewie {
    min-width: 210px;
    margin-top: 7px;
    border: solid 2px #041E42;
    border-radius: 10px;
    margin-right: 30px; margin-bottom: 20px;
    padding: 20px 10px 5px;
}.product-details-rewie span.stars {
    display: flex; margin-bottom: 15px;text-align: right;
    align-items: center; gap:7px;
}span.small-text {
    font-size: 12px;
    display: block;
    font-weight: normal;
}.content-sec_normal .user-description p.small-text {
    font-size: 10px;
    font-weight: normal;
}.product-details-testimonial .product-details-rewie p {
    margin: 0px;
}.product-details-rewie span.stars .review-text {
    
}
@media (min-width: 992px){
    .new-intence-news1 p{color: #031F44; font-size: 20px; line-height: 30px;}
}
@media (max-width: 991px){
    .new-intence-news1_btns a{margin: 0;}
    .new-intence-news1_btns a:not(:last-child){margin-bottom: 20px;}
}
@media (max-width: 767px){
.new-intence-news1{margin-bottom: 50px;}
.new-intence-news1 figure{margin-bottom: 50px;}
.new-intence-news1 p.mb-80{margin-bottom: 56px;}
.product-details-testimonial .product-details-rewie {margin: 0 0 50px;}
.product-details-rewie span.stars {display: block;    margin: 0px;text-align: center;}
.product-details-rewie span.stars .review-text { display: block; text-align: center;margin: 0 auto;}
.product-details-gated-popup .content-sec .content-sec_normal p.product-details-con {display: flex;gap: 15px; justify-content: space-around;  align-items: center;}
.product-details-testimonial .product-details-rewie{padding: 10px;}
.renewal-gated-point-popups.product-details-gated-popup .sm-container { background: #fff;  padding: 30px 15px;}
.new-intence-news1 img {width: 100%;}
}

.storeMapWrap .btn.btn-white {
    border-radius: 0px;
    margin-left: 10px;
    padding: 10px 20px;
    border: 0px;
    min-width: 180px;
}.storeDropWrap {
    text-align: center;
}
.storesearch input{border-radius: 0px;}
.lp--features-wraps {position: relative;}
.lp--features-wraps .lp-f-img-left { position: absolute;top: 0px}
.lp--features-wraps .lp-f-img-right {position: absolute; right: 0px; top: 0px}
.lp-banner-center{margin-top: -20px;}
.lp-font-18.pink-btn {
    background: #FC3BB8;
    border: 0px;
    margin: -80px auto 50px;
    z-index: 9;
    position: relative;
    width: 100%;
}.page .group-specbtn .btn-prim {
    min-width: 160px;
    width: auto;
}
.store-con-top1{background-color: #00D5E3; padding: 90px 0 50px; background-repeat: no-repeat}
.store-con-top1-ungated{background-color: #00D5E3; padding: 90px 0 110px; background-position: left center; background-repeat: no-repeat}
.store-con-top2{background:#254AA2; padding: 80px 0 70px; margin-top:0}
.store-con-top2-ungated{background:#254AA2; padding: 120px 0 10px; margin-top: -85px}
.store-con-top1 .heading h2, .store-con-top2 .heading h2{font-size: 36px; font-weight: 900; text-align: center; color: #fff; text-shadow: 1px 1px 1px #666}
.store-con-top1 .heading, .store-con-top2 .heading{position: relative}
.store-con-top1 .heading:before {
    content: "";
    left: 40px;
/*    background: url("../img/store/Group1704.svg") no-repeat right center;*/
    position: absolute;
    width: 92px;
    height: 95px;
    bottom: 30px;
}

.store-con-top1 .heading:after {
    content: "";
    right: 50px;
/*    background: url("../img/store/Group1705.svg") no-repeat right center;
*/    position: absolute;
    width: 122px;
    height: 115px;
    bottom: 40px;
}
/*.store-con-top2 .heading:before {
    content: "";
    left: 30px;
    background: url("../img/store/Group1707.svg") no-repeat right center;
    position: absolute;
    width:115px;
    height: 115px;
    bottom: -10px;
}
.store-con-top2 .heading:after {
    content: "";
    right: 30px;
    background: url("../img/store/Group1706.svg") no-repeat right center;
    position: absolute;
    width:115px;
    height: 115px;
    bottom: 20px;}*/
button.btn.btn-white.text-center {margin-left: -25px; margin-top: 15px;}
.storeMapWrap p{color: #fff; text-align: center;line-height: 20px;}
.familymart-wrp{display: flex;align-items: flex-start;  margin-top: 0px; justify-content: center;}
.familymart-wrp p{color: #fff; font-weight: bold; font-size: 18px; text-align: center; line-height: 20px;}
.fl-col-6{display: flex; }
.familymart-wrp .col-55{margin: 0 -27px}
.familymart-wrp.tobacconist-store .col-55{margin: 0 0px 20px}
.familymart-wrp .col-55:first-child {z-index: 9;}



@media (max-width: 767px){
.store-con-top1, .store-con-top2{text-align: center}
.store-con-top2{padding-bottom: 40px;}
.storeMapWrap .btn.btn-white{width: 100%;margin: 10px 0;}	
.storesearch{padding: 10px 0px;border-bottom: solid 0px #f5f5f5; margin-bottom: 20px}	
.storeDropsection{border-bottom: solid 1px #f5f5f5;padding-bottom: 25px;margin: 0 auto 20px;}	
.storeMapText{padding-bottom: 10px;}
.selectCheck.selectCheck2 {border: solid 0px #F5F5F4;}
button.btn.btn-white.text-center {margin-left: 0; margin-top: 15px;}
.store-con-top1 .heading h2, .store-con-top2 .heading h2{font-size: 16px}
.store-con-top1 .heading:before{height: 40px;width: 40px;background-size: 100%;bottom: 0px;left: -10px;}
.store-con-top1 .heading:after{height: 45px;width: 45px;background-size: 100%;bottom: 45px; right: -10px}
.store-con-top2 .heading:before{height: 40px;width: 40px;background-size: 100%;bottom: 0px;left: -10px;}
.store-con-top2 .heading:after{height: 48px;width: 40px;background-size: 100%;bottom: 20px; right: -10px}	
.onepackstandard-300 .standard-300 span.small-text {font-size: 12px; display: inherit;}

.fl-col-6 {width: 90%;align-items: center;margin: 0 auto;}
	.familymart-wrp .fl-col-6 {width: 100%;align-items: center;margin: 0 auto;}
.familymart-wrp p{font-size: 16px;line-height: 18px;}	
.store-con-top2{    padding: 40px 0 40px; }
.store-con-top1{   padding: 40px 0 40px; }
	.store-con-top2-ungated{    padding: 50px 0 0px; }
.store-con-top1-ungated{    padding: 50px 0 90px; }
	
}

.serach-tabs {border: solid 3px #00BFC3; background: #fff; padding: 20px;position: relative;}
.serach-tabs ul.tabs{margin: 0px;padding: 0px;list-style: none;border-bottom: solid 2px #ededed;}
.serach-tabs ul.tabs li{background: none;color: #19223D ;font-size: 16px;display: inline-block; 	padding: 10px 35px;cursor: pointer; font-weight: bold}
.serach-tabs ul.tabs li.current{background: #fff;color: #00AED6; border-top: solid 2px #ededed;border-right: solid 2px #ededed;border-left: solid 2px #ededed; position: relative;bottom: -2px;}
.serach-tabs .tab-content{display: none;padding: 15px 0;}
.serach-tabs .tab-content.current{display: inherit;}
.reset-btn .btn, .reset-btn .btn:focus {
    margin: 0px!important;
    position: absolute;
    background: none;
    border: none; outline: 0px;
    right: 0px;
    width: auto;
    top: 16px;box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);
    min-width: 120px;
    color: #19223D;
    font-weight: bold;
    font-size: 16px;
}
.srch-inp input{border: solid 1px #041E42; border-radius: 0px;min-height: 32px;}
.srch-inp.srch-faq input{min-height: 40px;border: solid 2px #041E42;padding-right: 36px;}
.srch-inp{position: relative}
.srch-inp .surname-btn {
    font-size: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
    background: url(../img/search.png) no-repeat left center;
}
.srch-inp.srch-faq .surname-btn{background: url(../img/faq/search-icon.png) no-repeat left center; right: 6px;}
@media (max-width: 767px){
.serach-tabs ul.tabs li{width: 48.5%;}
	.reset-btn .btn, .reset-btn .btn:focus {

    position: relative;
    top: 0;
    min-width: 120px;
    text-align: center;
    width: 100%;
}
}


/*FAQ*/

.faq-heading{position: relative; margin: 50px 0}
.faq-heading span.icon {
    position: absolute;
    right: 230px;
    top: -20px;
}
.green-con .faq-title{background: #00557D}
.pink-con .faq-title{background: #FD495C}
.yellow-con .faq-title{background: #5181D8}
.blue-con .faq-title{background: #00ABC8}

ul.faq-main-btn{margin: 40px auto 30px; text-align: center}
ul.faq-main-btn li{display: inline-block; margin: 0 2px; color: #041E42; font-size: 16px; font-weight: bold;position: relative;}
ul.faq-main-btn li a{color: #041E42;}
.pink-con  ul.faq-main-btn-sp li a{    background: url(../img/faq/pink-arrow.svg) no-repeat right  center;}
.yellow-con  ul.faq-main-btn-sp li a{    background: url(../img/faq/yellow-arrow.svg) no-repeat right  center;}
.blue-con  ul.faq-main-btn-sp li a{    background: url(../img/faq/blue-arrow.svg) no-repeat right  center;}
ul.faq-main-btn-sp li a {
    background: url(../img/faq/arrow.svg) no-repeat right  center;padding-right: 25px;}
ul.faq-main-btn-sp li {
  
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #041E42;
    padding: 15px 20px;
    margin: 0px 15px;
}ul.faq-main-btn.benefits.benefits-mem {
    margin: 0px;
}.benefits-mem {
    margin-bottom: 80px;
}
ul.faq-main-btn-sp li a{color: #00557D; display: flex; align-items: center;width: 100%;}
ul.faq-main-btn-sp li span{margin-right: 10px;float: left;}
ul.faq-main-btn-sp li:last-child{margin-bottom: 30px;}
.green-con ul.faq-main-btn-sp li{border-bottom: solid 2px #00557D}
.pink-con ul.faq-main-btn-sp li{border-bottom: solid 2px #FD495C}
.yellow-con ul.faq-main-btn-sp li{border-bottom: solid 2px #5181D8}
.blue-con ul.faq-main-btn-sp li{border-bottom: solid 2px #00ABC8}
.breadcrumb.green-bg{background: #00557D; border-radius: 0px;}
.breadcrumb.pink-bg{background: #FD495C; border-radius: 0px;}
.breadcrumb.yellow-bg{background: #5181D8; border-radius: 0px;}
.breadcrumb.blue-bg{background: #00ABC8; border-radius: 0px;}
.breadcrumb ul li { display: inline-block;  margin: 0 10px; position: relative}
.breadcrumb ul li a { color: #fff; font-size: 16px;font-weight: bold;}
.breadcrumb ul li:after {content: ""; position: absolute; right: -15px; width: 15px; height: 25px;
 color: #fff; padding-right: 20px; top: 65%;    background: url(../img/faq/arrow-2.svg) no-repeat right center;transform: translateY(-50%);}
.set .content{background-color: #fff;  display:none;}
.set .set-link{padding:5px 0 5px 38px; color: #fff; font-weight: bold;width: 100%;display: block;text-align: left; position: relative;font-size: 16px;}
.set.green-left-accordion .set-link {background-color: #00557D;}
.set.pink-left-accordion .set-link {background-color: #FD495C;}
.set.yellow-left-accordion .set-link {background-color: #5181D8;}
.set.blue-left-accordion .set-link {background-color: #00ABC8;}

.set .set-link:before{content: "";position: absolute;  left:10px; width: 14px;height: 12px;
color: #fff; padding-right: 20px; top: 52%;    background: url(../img/faq/arrow-222.svg) no-repeat right  center;transform: translateY(-50%);}
.set .content li {text-align: left;padding: 5px 0 7px;}
.set.green-left-accordion .content li{border-bottom: solid 1px #00557D}
.set.pink-left-accordion .content li{border-bottom: solid 1px #FD495C}
.set.yellow-left-accordion .content li{border-bottom: solid 1px #5181D8}
.set.blue-left-accordion .content li{border-bottom: solid 1px #00ABC8}

.set .content li:last-child{border-bottom: 0px;}
.set .content li a{color: #041E42; font-size: 14px; padding-left: 30px;display: block;}
.set.green-left-accordion .content li a.active{background: url("../img/faq/Polygon-green.svg") no-repeat left 12px  top 6px;}
.set.pink-left-accordion .content li a.active{background: url("../img/faq/Polygon-pink.svg") no-repeat left 12px  top 6px;}
.set.yellow-left-accordion .content li a.active{background: url("../img/faq/Polygon-yellow.svg") no-repeat left 12px  top 6px;}
.set.blue-left-accordion .content li a.active{background: url("../img/faq/Polygon-blue.svg") no-repeat left 12px  top 6px;}
.set .set-link.active:before{background: url(../img/faq/arrow-22.svg) no-repeat right  center;}

/*green*/
.green-accordion-content ul{padding-left: 30px;}
.green-accordion-content ul li{color: #041E42; font-size: 18px; font-weight: bold; padding: 25px 35px 25px 20px; border-bottom: solid 1px #00557D;border-top: solid 1px #00557D;  line-height: 20px; position: relative}
.green-accordion-content ul li a:hover{text-decoration: none;}
.green-accordion-content ul li a{color: #041E42; position: relative; display: block;    width: 100%;}
.green-accordion-content ul li a:after{content: "";position: absolute;  right:-35px; width: 32px;height: 32px;
color: #fff; padding-right: 20px; top: 50%;    background: url("../img/faq/green-arrow.png") no-repeat right  center;transform: translateY(-50%);}
.green-accordion-content ul li span{ color: #24AED4; font-size: 24px; padding-right: 10px; display: none}
.green-accordion-content ul li:first-child{border-top: solid 2px #00557D;}
.green-accordion-content ul li:last-child{border-bottom: solid 2px #00557D;}
.green-accordion-content h2, .green-accordion-content h1 {color: #041E42;border-bottom: solid 2px #00557D;padding-bottom: 10px;font-size: 18px;}
.green-accordion-content h2 span, .green-accordion-content h1 span {display: none;color: #24AED4; font-size: 25px;}

/*pink*/
.pink-accordion-content ul{padding-left: 30px;}
.pink-accordion-content ul li{color: #041E42; font-size: 18px; font-weight: bold; padding: 25px 35px 25px 20px; border-bottom: solid 1px #FD495C;border-top: solid 1px #FD495C;  line-height: 20px; position: relative}
.pink-accordion-content ul li a:hover{text-decoration: none;}
.pink-accordion-content ul li a{color: #041E42; position: relative; display: block;    width: 100%;}
.pink-accordion-content ul li a:after{content: "";position: absolute;  right:-35px; width: 32px;height: 32px;
color: #fff; padding-right: 20px; top: 50%;    background: url("../img/faq/pink-arrow.png") no-repeat right  center;transform: translateY(-50%);}
.pink-accordion-content ul li span{ color: #FD495C; font-size: 24px; padding-right: 10px; display: none}
.pink-accordion-content ul li:first-child{border-top: solid 2px #FD495C;}
.pink-accordion-content ul li:last-child{border-bottom: solid 2px #FD495C;}
.pink-accordion-content h2, .pink-accordion-content h1 {color: #041E42;border-bottom: solid 2px #FD495C;padding-bottom: 10px;font-size: 18px;}
.pink-accordion-content h2 span, .pink-accordion-content h1 span {display: none;color: #FD495C;font-size: 25px;}

/*yellow*/
.yellow-accordion-content ul{padding-left: 30px;}
.yellow-accordion-content ul li{color: #041E42; font-size: 18px; font-weight: bold; padding: 25px 35px 25px 20px; border-bottom: solid 1px #5181D8;border-top: solid 1px #5181D8;  line-height: 20px; position: relative}
.yellow-accordion-content ul li a:hover{text-decoration: none;}
.yellow-accordion-content ul li a{color: #041E42; position: relative; display: block;    width: 100%;}
.yellow-accordion-content ul li a:after{content: "";position: absolute;  right:-35px; width: 32px;height: 32px;
color: #fff; padding-right: 20px; top: 50%;    background: url("../img/faq/yellow-arrow.png") no-repeat right  center;transform: translateY(-50%);}
.yellow-accordion-content ul li span{ color: #5181D8; font-size: 24px; padding-right: 10px; display: none}
.yellow-accordion-content ul li:first-child{border-top: solid 2px #5181D8;}
.yellow-accordion-content ul li:last-child{border-bottom: solid 2px #5181D8;}
.yellow-accordion-content h2, .yellow-accordion-content h1{color: #041E42; border-bottom: solid 2px #5181D8; padding-bottom: 10px; font-size: 18px;}
.yellow-accordion-content h2 span, .yellow-accordion-content h1 span{display: none; color: #5181D8; font-size: 25px;}

/*pink*/
.blue-accordion-content ul{padding-left: 30px;}
.blue-accordion-content ul li{color: #041E42; font-size: 18px; font-weight: bold; padding: 25px 35px 25px 20px; border-bottom: solid 1px #00ABC8;border-top: solid 1px #00ABC8;  line-height: 20px; position: relative}
.blue-accordion-content ul li a:hover{text-decoration: none;}
.blue-accordion-content ul li a{color: #041E42; position: relative; display: block;    width: 100%;}
.blue-accordion-content ul li a:after{content: "";position: absolute;  right:-35px; width: 32px;height: 32px;
color: #fff; padding-right: 20px; top: 50%;    background: url("../img/faq/blue-arrow.png") no-repeat right  center;transform: translateY(-50%);}
.blue-accordion-content ul li span{ color: #00ABC8; font-size: 24px; padding-right: 10px; display: none}
.blue-accordion-content ul li:first-child{border-top: solid 2px #00ABC8;}
.blue-accordion-content ul li:last-child{border-bottom: solid 2px #00ABC8;}
.blue-accordion-content h2, .blue-accordion-content h1 {color: #041E42;border-bottom: solid 2px #00ABC8;padding-bottom: 10px;font-size: 18px;}
.blue-accordion-content h2 span, .blue-accordion-content h1 span {display: none;color: #00ABC8; font-size: 25px; }
.breadcrumb ul li:last-child:after{display: none}

.tab-con{padding-left: 30px;}


@media (max-width: 767px){
.faq-title img{width: 222px; height: auto}
.faq-content-wrp ul { margin-bottom: 30px;}	
.faq-title{padding: 10px 0 10px 0;margin-bottom: 15px;}
.green-accordion-content ul {padding-left: 0;}	
.green-accordion-content ul li{padding-right: 20px; padding-left: 5px}	
.green-accordion-content ul li a:after{right: -20px;}
.tab-con {padding-left: 0;}	
.breadcrumb ul li a {font-size: 12px;}	
.mb-60 {margin-bottom: 30px;}	

}



/*sampling*/
.sampling-banner{position: relative;}
.campaign-period-wrp{position: absolute;    width: 100%;}
.campaign-period-wrp .container{position: relative}
.campaign-period{position: absolute; right: 0px; bottom: 60px; text-align: center; min-width: 320px}
.campaign-period .heading{color:#11145B; font-size:21px; font-weight:bold}
.campaign-period .heading span{color:#11145B; font-size:18px; font-weight:bold; display: block}
.campaign-period p{font-size: 14px;color:#11145B;font-weight:bold;}
.sampling-steps{position: relative}
.sampling-steps:before{position: absolute; left: -280px; top: -100px; width: 287px; height: 276px; content: "";background: url("../img/sampling/sampling-steps-lefticon.png") no-repeat right  center; }
.sampling-steps:after{position: absolute; right: 0px; bottom: 0px; width: 287px; height: 276px; content: "";background: url("../img/sampling/sampling-steps-lefticon.png") no-repeat right  center; }
.sampling-selection-wrp{position: relative; margin-bottom: 80px;}
.sampling-selection-wrp:before{position: absolute; left: 100px; top: 0px; width: 187px; height: 215px; content: "";background: url("../img/sampling/Group1196.png") no-repeat right  center; }
.sampling-selection-wrp:after{position: absolute; right:160px; bottom: -80px; width: 207px; height: 249px; content: "";background: url("../img/sampling/Group1194.png") no-repeat right  center; }
.sampling-steps_wrp{padding: 70px 0;}
.sampling-steps_wrp h1{margin-bottom: 40px}

.sampling-steps ul {
    padding-left: 50px;
}
.sampling-steps ul li {
    display: block;
    text-align: left; position: relative;
    clear: both;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 70px;
}


.sampling-steps ul li span {
    clear: both;
    display: block;
    font-size: 14px;
    color: #19223D;
    font-weight: bold;
    padding-left: 250px; margin-top: -30px;
}
.checkout-wrp{position: relative; margin: 50px auto 90px;max-width: 610px; text-align: center}
.checkout-wrp .left-icon {   position: absolute;left: 50px;bottom: -10px;}
.checkout-wrp .right-icon {   position: absolute;right: 50px;bottom: -20px;}

.sampling-steps ul li:after{background: url("../img/sampling/down-arrow.png") no-repeat bottom center; content: ""; width: 50px; height: 30px; bottom: 0px; left: 50%; transform: translateX(-50%);   position: absolute}
.sampling-steps ul li:last-child:after{display: none}
.sampling-selection{display: flex;}
.sampling-selection-right, .sampling-selection-left{width: 45%; background: #F6F6F6; padding: 50px; margin: 25px}
.sampling-dropdown {text-align: center;  margin: 30px 0; position: relative}
.sampling-dropdown select{text-align: center; border-color: #041E42;border-radius: 10px;appearance: none;    background: none;}
.sampling-dropdown:before {
    content: '';
    background: url("../img/arrow-dropdown.png") no-repeat center;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 28px;
    right: 15px;
    margin-top: -15px;
    z-index: 1;
}
.sampling-selection a{color: #11145B; text-decoration: underline}
.sampling-selection .customCheckbox label{font-size: 14px;}
.sampling-selection .customCheckbox{margin-bottom: 20px;}
.sampling-selection .btn.btn-blue{text-decoration: none; width: 100%}
.sampling-selection .hy-app-select-details{margin: 0px 0 30px;padding: 0px;}
.sampling-selection .hy-app-select-details .form-group label{font-size: 14px;}
.sampling-selection .hy-app-select-details .form-group label:before{border-radius: 0px; border: 2px solid #11145B;}
.sampling-selection .hy-app-select-details .form-group input:checked + label:after{border-color:  #11145B;}
.result-wrp{margin: 50px auto}
.result-wrp h2{color: #00AED6; font-size: 40px; font-weight: bold}
.result-wrp h3{margin-bottom: 30px; line-height: 40px;}
.result-wrp h4{margin-bottom: 10px; line-height: 30px; font-size: 20px; font-weight: bold}
.result-wrp p{font-weight: bold; font-size: 18px;}
.result-wrp p span{font-weight: bold}
.new-intence-items .nI_img p.small-text, .news-intence-content2 p.small-text{font-size: 14px;}
.new-intence-items .nI_img p, .new-intence-items .nI_img h2{padding:0 30px }
.pink-fixed-btn {
    position: absolute;
    bottom: 10px;
    left: 110px;
}
@media (min-width: 1024px) and (max-width: 1440px){
.sampling-steps:before{position: absolute; left: -150px; top: -100px; width: 187px; height: 176px; content: "";background: url("../img/sampling/sampling-steps-lefticon.png") no-repeat right  center; background-size: 100%; }
.sampling-steps:after{position: absolute; right: -130px; bottom: -10px; width: 187px; height: 176px; content: "";background: url("../img/sampling/sampling-steps-righticon.png") no-repeat right  center; background-size: 100%; }
.sampling-selection-wrp:before{position: absolute; left: 70px; top: 0px; width: 112px; height: 145px; content: "";background: url("../img/sampling/Group1196.png") no-repeat right  center; background-size: 100%; }
.sampling-selection-wrp:after{position: absolute; right: 40px; bottom: -10px; width: 120px; height: 159px; content: "";background: url("../img/sampling/Group1194.png") no-repeat right  center; background-size: 100%; }	
	
}
@media (max-width: 767px){
	.campaign-period{width: 100%}
.campaign-period .heading{font-size:18px; }	
	.campaign-period {
    bottom: 97px;
}
.campaign-period .heading span{font-size:14px; }	
.campaign-period p{font-size: 12px;margin: 0px;}
.sampling-steps_wrp{padding: 30px 0;}	
.sampling-steps ul { padding-left: 0;}
.sampling-steps ul li{padding-bottom: 40px;}	
.sampling-steps ul li:after{ background-size: 100%; width:30px; height: 20px;}	
.sampling-steps ul li span{font-size: 11px;    margin-top: -20px;padding-left: 110px;}
.sampling-steps:before { left: 0;top: -70px;width: 67px; height: 60px; content: ""; background-size: 100%;}	
.sampling-steps:after { right: 0;bottom: -20px;width: 67px; height: 60px; content: ""; background-size: 100%;}	
.sampling-selection-right, .sampling-selection-left { width: 100%; background: #F6F6F6; padding: 10px; margin:0 0 50px;}	
.sampling-selection { display: block;}	
.sampling-selection-wrp h2{margin-bottom: 40px}	
.sampling-selection-wrp:before {left: 20px; top: -50px; width: 67px;height: 85px; background-size: 100%;}	
.sampling-selection-wrp:after{display: none}
.checkout-wrp .left-icon{display: none}
.checkout-wrp .right-icon img {width: 80px;}
.checkout-wrp .right-icon { position: absolute; right: 0; bottom: -73px;}
.result-wrp p { font-weight: bold;font-size: 16px;}
	.pink-fixed-btn{left: 50%;transform: translateX(-50%);  bottom: 0px;}	
	
	
}


#nav-list {overflow: auto;position: relative;}
.ssb_down, .ssb_up { display: none;}
.ssb_sb { background-color: #041E42;cursor:pointer; position:absolute; height: 336px;right:0;border-radius: 0px; width: 4px!important;}
.menu nav::-webkit-scrollbar {display: none;}
.ssb_st { background: #00AED6;cursor:pointer; height:100%; position:absolute;right:0; top:0;border-radius: 0px;}
.srch-inp.srch-faq {
    max-width: 320px;
    margin: 0 auto 40px;
}
.search-word {
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}
.result-list{margin-bottom: 25px;}
.result-list .morelink{text-align: right;}
.result-list .qustion {
    margin-bottom: 10px;
    font-weight: bold;
}
/* Velo-Pocket */
.vp_section_top{padding: 100px 20px 70px; overflow: hidden;}
.vp_section_top_cont{text-align: center;}
.vp_maintitle{position: relative; display: inline-block;}
.vp_maintitle .vp_qtL{position: absolute; top: 0; left: 100%; display: inline-block;}
.vp_maintitle .vp_qtR{position: absolute; top: 0; right: 100%; display: inline-block;}
.vp_maintitle .vp_qtL img,
.vp_maintitle .vp_qtR img{display: inline-block; max-width: inherit;}
.vp_btns{display: flex; justify-content: space-between; margin-top:  50px; margin-bottom: 50px}
.vp_btns li{width: 100%; padding: 0 15px;}
.vp_btns a{background-color: #041E42; border:  solid 1px #041E42; color: #fff; font-weight: bold; font-size: 16px; border-radius: 25px; padding: 10px 15px; display: block; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16); width: 100%; text-align: center;font-family: 'NotoSansCJKjp', sans-serif;}

@media (max-width: 991px){
    .vp_maintitle > img{max-width: 70%;}
    .vp_maintitle .vp_qtL{left: 90%; top: -50px;}
    .vp_maintitle .vp_qtR{right: 90%; top: -50px;}
}
@media (max-width: 767px){
    .vp_section_top{padding: 50px 20px;}
    .vp_maintitle > img{max-width: 70%;}
    .vp_maintitle .vp_qtL{left: 85%; top: 0px;}
    .vp_maintitle .vp_qtR{right: 85%; top: auto; bottom: -20px; }
    .vp_btns{margin-top:10px; margin-bottom: 0px}
    .vp_btns li{padding: 0 5px;}
    .vp_btns a{font-size: 10px; border-radius: 9px; padding: 10px 5px;}
}


/* vp_blue_section */
.vp_blue_section{padding: 100px 20px 100px; background-color: #13105F; background-image: url("../img/velopocket/shape-1.png"); background-repeat: no-repeat; background-position: left 35%; background-size: 40% auto; }

@media (max-width: 1100px){
    .vp_blue_section{padding-bottom: 100px; }
}
@media (max-width: 767px){
    .vp_blue_section{padding-top: 50px; padding-bottom: 160px; background-size: 55% auto;}
}

.vp_section3{padding: 0 20px; background-color: #13105F; position: relative;}
.vp_section3:before{
    content: ''; display: inline-block; width: 50%; height: 100%; position: absolute; top: 0; left: 0; 
    background-color: #18D1BE;
}
.vp_section3:after{
    content: ''; display: inline-block; width: 50%; height: 100%; position: absolute; top: 0; right: 0;
    background-color: #EA6193;
}
.vp_section3_cont{position: relative; z-index: 1; width: 100%;}
.vp_top_row, .vp_bottom_row{text-align: center;}
.vp_section3Img{margin-top: -70px;}
.vp_section3_cont .vp_btns{justify-content: center; margin-bottom: 30px;}
.vp_section3_cont .vp_btns li{display: inline-block; width: auto; justify-content: center;}

.vp_disclimer{color: #fff; font-size: 14px; font-weight: normal; text-align: center; padding: 0 20px; line-height: normal; display: inline-block; width: 100%; }

@media (max-width: 767px){
    .vp_section3:before, .vp_section3:after{display: none;}

    .vp_top_row, .vp_bottom_row{position: relative; margin: 0 -20px;}
    .vp_top_row:before, .vp_top_row:after, .vp_bottom_row:before{
        z-index: -1;
    }
    .vp_top_row{padding-bottom: 100px;}
    .vp_bottom_row{padding-bottom: 0px;}
    .vp_top_row:before{
        width: 100%; height: 51%; top: 0;
        transform: skew(0deg, 4deg) scale(1, 1.1);
        content: ''; display: inline-block; position: absolute; left: 0; 
        background-color: #18D1BE;
    }
    .vp_top_row:after{
        width: 100%; height: 49%; bottom: 0; top: auto;
        transform: skew(0deg, -4deg) scale(1, 1.1);
        content: ''; display: inline-block; position: absolute; right: 0;
        background-color: #EA6193;
    }
    .vp_section3Img{margin-top: -120px;}
    .vp_section3Img2{margin-top: -100px;}
    .vp_bottom_row{
        background-image: url("../img/velopocket/shape-2.png"); background-repeat: no-repeat; background-position: left 35%; background-size: 55% auto;
    }
    .vp_bottom_row:before{
        width: 100%; height: 100%; top: 0;
        content: ''; display: inline-block; position: absolute; right: 0;
        background-color: #FFAC00;
    }
    .vp_section3_cont .vp_btns a{font-size: 18px; border-radius: 30px; padding: 15px 20px; }
}


.vp_section4{padding: 100px 20px; background: #520241}
.vp_section4 img{max-width: 100%;}
.vp_section4 .vp_btns{justify-content: start; margin-top: 30px;}
.vp_section4 .vp_btns a{min-width: 320px; display: inline-block; width: auto; background-color: #FC3BB8; border-color: #FC3BB8;}
.campaign-period-bottom {
    position: absolute;
    bottom: -15px;
    font-size: 12px;
    left: 200px;
}
.campaign-period-bottom p{font-size: 14px; line-height: 20px;}
.explanation-wrp.text-center{justify-content: center;}
@media (max-width: 767px){
    .vp_section4{padding-bottom: 40px;}
    .vp_section4 .vp_btns a{font-size: 18px; border-radius: 30px; padding: 15px 20px; width: 100% }
.campaign-period-bottom {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    left: 10px;
    right: 10px;
}
	.campaign-period-bottom p {
    font-size: 12px;
    line-height: 20px;
}
	
}


.vp_section5{padding: 50px 20px 0; background-color: #05D9C3;}
.vp_section5 .vp_btns a{min-width: 320px;}
.vp_section5:before, .vp_section5:after, .vp_section5 .vp_bottom_row:before{display: none;}
.fixed-box {
    position: absolute; display: none;
    top: -50px;left: 50px;
}
@media (max-width: 767px){
.vp_section5 .vp_bottom_row{background-image: url("../img/velopocket/shape-3.png");}
.vp_section5 .vp_disclimer{font-size: 10px;}
.faq-heading span.icon {
    position: absolute;
    right: -10px;
    top: -10px;
}.faq-heading span.icon img {
    width: 50%;
}	
ul.faq-main-btn-sp li{padding: 15px 0px 15px 10px;white-space: nowrap;}	
.blue-accordion-content ul, .green-accordion-content ul, .pink-accordion-content ul, .yellow-accordion-content ul {
    padding-left: 0;
}	
	.blue-accordion-content ul li a:after, .green-accordion-content ul li a:after, .pink-accordion-content ul li a:after, .yellow-accordion-content ul li a:after{right: -25px}	
	.blue-accordion-content ul li, .green-accordion-content ul li, .pink-accordion-content ul li, .yellow-accordion-content ul li  {padding-right: 25px; padding-left: 0px;}
	.srch-inp.srch-faq {max-width:310px;}
}
@media (max-width: 375px){ul.faq-main-btn-sp li{font-size:12px;}.vp_btns a{font-size: 8px}}
p.answer {margin-bottom: 0px;}
.result-list .morelink a {color: #00AED6;}
.result-list p{margin-bottom: 0px;}

/*bypass page*/

.bypass-blog-section{background: #F6F6F6; padding: 80px 0}

.bypass-blog-section2{ background: url("../img/bypass/bg.png") no-repeat center top 140px; padding: 80px 0}

.bypass-blog-section .container{position: relative}


.blog-bypass .colums {
	width: 48%;
	background: #fff;
	padding: 20px;
	margin: 1%;
	box-shadow: 0px 0px 6px #ddd;
}
.blog-bypass .colums p{font-size: 20px; font-weight: 700; font-family: 'NotoSansCJKjp', sans-serif; color: #000; margin-bottom: 12px}
.blog-bypass .colums p.small-text{font-size: 12px; font-weight: 400; font-family: 'NotoSansCJKjp', sans-serif; color: #000}
.blog-bypass .colums a{color: #11145B; font-size: 16px;}
.site-prouter{background: #3B3B3B; padding: 60px 0 30px}
.col-prouter {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.col-prouter > div:first-child {
	padding-right: 40px;
}
.col-prouter > div {
	position: relative;
	width: 50%;
}
.col-prouter p{color: #fff}
.col-prouter .btn{color: #F04923; border-color: #F04923;font-family: 'NotoSansCJKjp', sans-serif;}
.glo-store{padding: 60px 0}
.glo-store-list{display: flex;flex-wrap: wrap;}
.glo-store-list div{width: 25%; padding: 25px}
.glo-store-list h2{font-size: 20px; font-weight: 700;font-family: 'NotoSansCJKjp', sans-serif;}
.glo-store-list p{font-size: 16px; margin-bottom: 12px; line-height: 20px; font-weight: 300} 
.glo-store-list a{color: #24AED6; font-size: 16px;font-weight: bold;}
.sticky-l-button {
	padding: 14px 0 14px;
	background-color: rgba(255, 255, 255, 0.8);
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	transition: all ease-in .5s;
	-webkit-transition: all ease-in .5s;
	-moz-transition: all ease-in .5s;
	-ms-transition: all ease-in .5s;
	z-index: 9;
}
.gated-sticky.sticky-l-button ul{display: flex; justify-content: center}
.gated-sticky.sticky-l-button ul li a {
	
	border-radius: 25px;
	padding: 15px 0;
	min-width: 300px;

	align-items: center;
	display: inline-block; 
	flex-direction: column;
	justify-content: center;
	margin: 0 5px;font-family: 'NotoSansCJKjp', sans-serif;
	font-size: 14px;
}
@media (min-width: 1280px){
.bypass-blog-section .container:before{content: "";  background: url("../img/bypass/left-s.png") no-repeat left center; position: absolute; width: 180px; height: 206px; top:-30px; left: -130px;background-size: 100%;}
.bypass-blog-section .container:after{content: "";  background: url("../img/bypass/right-s.png") no-repeat right center; position: absolute; width: 180px; height: 206px; bottom: -50px;right: -120px;background-size: 100%;}
}
@media (min-width: 1680px){
.bypass-blog-section .container:before{content: "";  background: url("../img/bypass/left-s.png") no-repeat left center; position: absolute; width: 332px; height: 296px; top:-30px; left: -250px;background-size: 100%;}
.bypass-blog-section .container:after{content: "";  background: url("../img/bypass/right-s.png") no-repeat right center; position: absolute; width: 332px; height: 296px; bottom: -50px;right: -250px;background-size: 100%;}
}
.pb-70{padding-bottom: 70px;}

@media (max-width: 767px){
.gated-sticky.sticky-l-button ul li a {padding: 8px 0;min-width: 117px;margin: 0 2px;font-size: 10px;}
.bypass-blog-section, .bypass-blog-section2 {    padding: 40px 0;}	
.blog-bypass .colums{width: 100%}	
.col-prouter{flex-wrap: wrap; margin-bottom: 0px}
.site-prouter{padding: 60px 0 30px;}
.glo-store{padding-bottom: 0px;}
.col-prouter div{width: 100%; padding: 0px!important}	
.col-prouter > div:first-child{order: 2;padding-top: 40px!important;}	
.glo-store-list div {width: 100%;padding: 25px;}	
.bypass-blog-section2{ background: url("../img/bypass/bg-sp.png") no-repeat center top 310px; background-size: 100%;}
.site-prouter .btn.btn-white{width: 100%}
}

.n-article, .news-summary-con, .referrer-urls-links{padding: 60px 0px 30px; position: relative}
.n-article h1{font-size:40px; margin-bottom: 30px;color: #070C5C;font-weight: 500; }
.n-article h2{font-size: 20px; color: #00ABC8; margin-bottom: 40px}
.n-article p{margin-bottom: 8px}
.n-article a{font-size: 14px}

.n-article .labout-tobacco .float-left{margin-right: 20px; margin-bottom: 20px; width: 180px}
.n-article .float-right{margin-left: 20px; margin-bottom: 20px;}

.n-article h3{clear: both; color: #070C5C}
.news-summary{background: #F6F6F6; margin: 20px 0}
.referrer-urls-links li a {font-size: 14px;margin-bottom: 15px;word-break: break-all;}

@media (min-width: 1024px){
.n-article .n-art-inner-f p {
    min-height: 60px;
}
	.n-article .float-left{margin-right: 20px; margin-bottom: 20px;}

}
/*@media (min-width: 1680px){

	.n-article-two:before{content: "";  background: url("../img/news/shape2-b.png") no-repeat left center; position: absolute; width: 276px; height: 253px; bottom:-30px; left: -150px;background-size: 100%;}
.n-article-two:after{content: "";  background: url("../img/news/shape2.png") no-repeat right center; position: absolute; width: 276px; height: 273px; top: 50px;right: -230px;background-size: 100%;}
}*/

@media (max-width: 768px){
.n-article, .news-summary-con, .referrer-urls-links {padding: 20px 0px 30px;	position: relative;}
.n-article h2,h1 {font-size: 22px;margin-bottom: 10px;}	
.n-article .float-left {margin-right: 0;}	
.n-article .float-right{margin-left: 0px; float: none!important}	
	.n-art-inner, .n-art-inner1{position: relative}
/*.n-art-inner:before{content: "";  background: url("../img/news/shape1-b.png") no-repeat left center; position: absolute; width: 66px; height: 63px; bottom:-70px; left:0px;background-size: 100%;}
.n-art-inner:after{content: "";  background: url("../img/news/shape1.png") no-repeat right center; position: absolute; width: 66px; height: 63px; top: -15px;right:0px;background-size: 100%;}*/
	
	
	
/*.n-art-inner1:before{content: "";  background: url("../img/news/shape2-b.png") no-repeat left center; position: absolute; width: 66px; height: 73px; bottom:-70px; left: 0px;background-size: 100%;}
.n-art-inner1:after{content: "";  background: url("../img/news/shape2.png") no-repeat right center; position: absolute; width: 66px; height: 63px; top: -35px;right: 0px;background-size: 100%;}*/	
	
.store-con-top2 .familymart-wrp .fl-col-6 {display: block;}	

	.fl-col-12 .col-55 {
	width: 50%;
}
.store-con-top2 .familymart-wrp .col-55 img{width: 100%}
.familymart-wrp{margin-top: 30px;}
.vp_section3_cont .col-6{padding: 0px;}
.vp_section3_cont .mini-container .row{margin: 0px;}
.vp_section4 .vp_btns{margin: 20px auto}
}


.vp_section5 .vp_btns a {min-width: 320px;min-height: 70px;justify-content: center;align-items: center;display: flex;vertical-align: middle;border-radius: 40px;}
 .vp_btns.bypass-btns a{  font-size: 10px;border-radius: 10px;  min-height: 52px;justify-content: center; align-items: center; display: flex}
.lp-font-24{margin: 0px;}
.vp_btns.bypass-btns li:nth-child(2) a{background: #F75B00; border-color: #F75B00}
.vp_btns.bypass-btns li{padding: 0 5px}
a.lp--btn.lp-font-18.mb-20 {margin-bottom: 20px;}
.glo-block{background: #3B3B3B; padding: 30px 20px;}
.glo-block p{color: #fff}
.lp--btn.orange-btn{background: #F04923; border: 0px;}
.omoiyari-wrp{margin: 40px 0 80px}
.omoiyari-block{display: flex; justify-content: center; align-items: center;}
.omoiyari-img, .omoiyari-con{width: 50%}
.user-wrp .heading{margin-bottom: 80px; margin-top: 50px;}
.user-wrp{padding-bottom: 100px;}
.user-wrp .title-4{margin-top: 100px;}
.user-bottom-block{margin-bottom: 60px}
.user-bottom-block .heading{margin: 60px 0 40px}
.product-btn-group.edm-btns a:nth-child(2) {background: #F75B00;border-color: #F75B00;}
.two-clum-btn a.btn.btn-blue{min-width: 330px; margin: 0 10px}
.col-prouter .btn.btn-orange{background: #F04923; color: #fff;}
.site-prouter p{color: #fff; font-size: 14px;}
.header.edm-header {
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	min-height: 100px;
}
.terms-conditions.terms-conditions1{max-width: inherit}
.edm_footer{padding-top: 0px;}
.site-prouter.glo-prouter .col-prouter{padding-right: 20px; padding-left: 20px}
.site-prouter.glo-prouter p{font-size: 18px; font-weight: bold;line-height: 36px; margin-bottom: 35px}
.site-prouter.glo-prouter p.small-text{font-size: 14px; font-weight: normal; line-height: 20px;}
.col-prouter .btn.btn-orange{width: 100%}
.site-prouter.glo-prouter .heading{margin-bottom: 20px}
.fmc-title {margin-top: 80px; margin-bottom: 80px}
.ungated-top1-wrp.fmc-title h2 .left-icon{top: 20px;}
.ungated-top1-wrp.fmc-title h2 .right-icon{top: 0px;}
.bottom-cards-list .bottom-cards-link a span {
    padding-right: 8px;
}

@media (max-width: 768px){
.omoiyari-block{display: block}	
.omoiyari-img, .omoiyari-con{width: 100%; text-align: center}
.omoiyari-img{margin-bottom: 20px;}	
.product-btn-group{margin: 30px 0}
.user-wrp .title-4 { margin-top: 10px;}	
.user-wrp {  padding-bottom: 60px;}	
.user-bottom-block .heading { margin: 40px 0 20px;}	
.user-wrp .heading { margin-bottom: 60px; margin-top: 20px;}	
.product-btn-group.edm-btns a {min-height: 50px;	display: flex;justify-content: center;align-items: center;}	
.site-prouter.glo-prouter .col-prouter{padding-right: 0px; padding-left: 0px}.col-prouter .btn.btn-orange {background: #F04923;color: #fff;width: 100%;	margin-bottom: 20px;}	
.site-prouter p{line-height: 20px; font-size: 12px;}	
.two-clum-btn a.btn.btn-blue{margin-bottom: 10px;}	
.product-btn-group a{justify-content: center;display: flex; align-items: center;}
.ungated-top1-wrp.fmc-title h2 .right-icon{right: -54px;}
.ungated-top1-wrp.fmc-title h2 .left-icon{left: -50px;}
.points-kv-wrp .cta a {
padding: 15px 25px;

}	
}

/*point-campain*/
.points-store1 .heading {
	background: #F3B3CD;
}


/*velozone*/

.header-action .user-region a.mypageicons{ display: flex; align-items: center}
.velozone h3 {
	color: #fff;padding: 10px 0;
}
.white-rank-box {
	background: #fff; padding: 2px; margin-right: 5px;
}
.white-rank-box-inner{border: solid 1px #00AED6; display: flex; padding: 25px;justify-content: space-around;}
.white-rank-box-inner .rank-text span {
	color: #00AED6;
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
.white-rank-box-inner .rank-text {
	color: #11145B;
	font-weight: bold;
}
.white-rank-box-inner .rank-list {
	margin-bottom: 20px;
	text-align: left;
	color: #11145B;
	font-weight: bold;
	font-size: 16px;
}.white-rank-box-inner .rank-list span {
	background: #00AED6;
	color: #fff;
	padding: 6px;
	font-weight: bold;
	display: block;
}
.white-rank-box-inner.rank-box-right {
	width: 55%;
}.white-rank-box-inner .rank-more-link a{display: flex;align-items: center;color: #11145B;font-weight: bold;gap:5px;}
.address-registration {background: #11145B;color: #fff; margin-bottom: 30px; margin-top: 20px;padding: 15px; margin-right: 5px;}
.address-registration p {text-align: left;font-weight: bold;font-size: 18px; margin-bottom: 10px;}
.address-registration-link a {display: flex;align-items: center;gap: 10px;justify-content: end;color: #fff;font-weight: bold;}
.velozone .menu {background-image: url("../img/velozone/velozonemenu-bg.svg");background-repeat: no-repeat;background-size: auto;background-position: right bottom;}
.velozone .menu nav ul{border: 0px;}

.fullwidth-banner .velozone-carousel ul.slick-dots {position: absolute;bottom: 0px;text-align: center; width: 100%;}
.fullwidth-banner .velozone-carousel .slick-dots .slick-active button{background: #05D9C3}
.velozone-slider{margin-bottom: 0px;}
.vlz-video-sec{background:#00AED6;position: relative; padding: 25px 0}
.left-velo-pro.none-mb {
    position: absolute;
    left: 0px;
    top: 100px;
}




.right-velo-pillow.none-mb {
    position: absolute;
    right: 0px;
    top: 200px;
}
.velozone-status-section, .bottom-cards-wrp{ position: relative; padding: 60px 0 60px}
.velozone-status-bg.none-mb{z-index: -1;position: absolute; top: 150px; left: 0px; right: 0px; text-align: center}
.velozone-status-bg.none-mb{top: 0px;}
.velozone-status-bg2.none-mb{z-index: -1;position: absolute; top: 50px; left: 0px; right: 0px; text-align: center}
.velozone-status-blue-box{background: #11145B; padding: 10px;position: relative; z-index: 9}
.status_material ul {
    display: flex;
justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    margin: 50px 0 100px 40px;
}.velozone-giftcard {
    background: #C2A392;
    padding: 120px 30px 60px; position: relative;
}.velozone-giftcard-bg.none-mb {
    position: absolute;
    top: 100px;
}
.yellow-rank-box{background: #FF8400; padding: 30px; position: relative}
.ribbon-sec{position: relative}
.yellow-rank-box .yellow-left-icon, .giftcard-left-icon{position: absolute; left: 20px; bottom: 20px;}
.yellow-rank-box .yellow-right-icon, .giftcard-right-icon{position: absolute; right: 20px; top: 20px;}
.yellow-rank-box .center-icon{position: absolute; right: 0px; top: -35px; left: 0px; text-align: center}
.yellow-rank-list ul li {
    background: #fff; text-align: center;
    width: 31.1%; border-radius: 5px; margin-bottom: 30px;
    padding: 20px;
}.yellow-rank-list ul {
    display: flex;
    flex-wrap: wrap; column-gap: 30px;
}
.yellow-rank-list ul li.yellow-rank-list ul li p, .giftcard-white-box p{color: #11145B; font-size: 14px; margin: 20px 0 0; font-weight: bold;line-height: 20px;}
.giftcard-white-box {
    background: #fff;
    padding: 50px 30px;
    z-index: 9; margin-bottom: 40px;
    position: relative;
}
.bottom-cards-list {z-index: 9; position: relative; margin-bottom: 60px;}
.bottom-cards-list ul{display: flex; flex-wrap: wrap;}

.bottom-cards-list ul li {
	width: 31%;
	padding: 20px 10px 50px;
	gap: 10px; position: relative;
	margin: 10px;
	border-radius: 10px;
	text-align: center;
	background: #fff;
}.bottom-cards-list ul li.pink-border{border: solid 2px #FC3BB8; }
.bottom-cards-list ul li.blue-border{border: solid 2px #05D9C3; }
.bottom-cards-list ul li.yellow-border{border: solid 2px #FFAC00; }
.bottom-cards-list .bottom-cards-link a{display: flex; color: #11145B; gap: 0px; justify-content: center; align-items: center; text-align: right; font-size: 12px; font-weight: bold}
.bottomcards-left-icon{position: absolute; left: 0px; top: 50px;}
.bottomcards-right-icon{position: absolute; right: 0px; bottom: 0px;}
.bottom-cards-list .bottom-cards-link {
	text-align: right;
	margin: 0px auto;
	display: block ruby;
	position: absolute;
	right: 6px;
	bottom: 10px;
}.marguee-wrp {
	background: #FF8400;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	margin: 40px 0;
	border-radius: 3px;
}.velozone-accordion-wrp {
	background: #05D9C3;
	padding: 10px; margin:70px 0 30px;
}
.velozone-accordion-wrp .velozone-accordion{border: solid 2px #fff; padding: 30px;}
.committee-wrp .faq_heading, .faq_heading-1, .faq_heading-2 {
	display: flex;
	justify-content: left;
	align-items: center;
}
.faq_heading-1 .numbers {
	color: #11145B;
	width: 75px; padding-top: 8px;
	margin-right: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	min-height: 80px;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
}.faq_heading-1 .numbers{color: #11145B; width: 75px; margin-right: 20px; text-align: center; font-weight: bold; font-size: 20px;}

.committee-wrp .active.set-link .faq_heading-1 .numbers{color: #fff}
.faq_heading-1{min-width: 450px;}
.faq-member-logo {
	margin-right: 20px;padding-right: 40px; position: relative;
}.referrals-numbers {
	color: #FF8400;
	font-size: 20px;
	width: 140px;
	margin: 0 10px;
	display: flex;
	align-items: center;
}.referrals-number, .purchases-nmber {
	display: flex;
	justify-content: center;
	align-items: center;
}
.committee-wrp .active.set-link:hover, .committee-wrp .set-link:hover {
	border: 0px;
	text-decoration: none;
}
.committee-wrp .set{margin-bottom: 20px;}
.committee-wrp .set .set-link{background: #fff; border-radius: 10px; padding-left: 10px}
.committee-wrp .active.set-link{border-radius: 10px 10px 0 0}
.committee-wrp .set .content{border-radius: 0 0 10px 10px;}
.committee-wrp .set .set-link::before, .committee-wrp .set .set-link.active::before{background: url("../img/velozone/faq-arrow.svg") no-repeat right center; left: inherit; right: 25px;width: 30px;}

.committee-wrp .set .set-link.active::before{
transform: rotate(180deg);top: 35%;}
.purchases-member-list a.btn.btn-blue {
	padding: 7px; margin-right: 10px;
	min-width: 200px;
}.purchases-member-list {
	margin-left: 100px;
	padding: 30px 0;
}.purchases-member-list div{margin: 0 0 10px;}
.committee-wrp .active.set-link .faq_heading{border-bottom: solid 2px #FF8400;margin:0 0px 10px; padding-bottom: 10px;}
.bottom-bought-text {
	text-align: center;
	font-weight: bold;
	color: #11145B;
}
.set .set-link .name{color: #11145B;font-size: 18px;}
.bottom-bought-text span{background: #fff; color: #FF8400; padding: 5px; border-radius: 5px; }
.numbers.gold{background: url("../img/velozone/gold-icon.png") no-repeat right center; color: #fff}
.numbers.bronze{background: url("../img/velozone/bronze-bg.png") no-repeat right center; color: #fff}

.numbers.silver{background: url("../img/velozone/silver-icon.png") no-repeat right center; color: #fff}

.menu-velozone {
	overflow-y: scroll;
	height: 540px;
}
.menu{overflow-y: scroll}
.menu::-webkit-scrollbar-track {
  background: #00557D; 
}
.menu::-webkit-scrollbar-thumb {
  background: #FFF200; 
}
/* width */
.committee-accordion::-webkit-scrollbar, .menu::-webkit-scrollbar {
  width: 7px;
}
.committee-accordion {
	overflow-y: scroll;
	height: 540px;
	margin-bottom: 20px;
	padding-right: 20px;
}
/* Track */
.committee-accordion::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.menu-velozone{scrollbar-width: thin ;}
/* Handle */
.committee-accordion::-webkit-scrollbar-thumb {
  background: #FF8400; 
}
/* width */
.menu-velozone::-webkit-scrollbar {
  width: 3px;
}
.velozone_skyblue_sec-in__con{scrollbar-width: thin ;}
.velozone_skyblue_sec-in__con::-webkit-scrollbar-thumb {
  background: #FF8400; 
}
.velozone_skyblue_sec-in__con::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.menu-velozone::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 /* Handle */
.velozone_skyblue_sec-in__con::-webkit-scrollbar-thumb {
  background: #041E42; 
}
/* Handle */
.menu-velozone::-webkit-scrollbar-thumb {
  background: #041E42; 
}
.velozone-news{background: #00AED6; padding: 50px 0; position: relative; min-height: 520px}
.velozone-news-left-icon{position: absolute; top: 50%;transform: translateY(-50%);left: 0px;}
.velozone-news-right-icon{position: absolute; bottom: 0%;  right: 0px;}
.velozone-news-list li{background: #fff; position: relative; height: 160px; display: flex; align-items: center;margin-bottom: 5px; border-radius: 5px; padding:30px 10px 10px 20px;}
.velozone-news-list li .right-img{position: absolute; right: 0px;top: 0px;}
.velozone-news-list-con {
    width: 80%; font-size: 16px; font-weight: bold
}
.velozone-news-list-con span{font-size: 12px}
.velozone-news .text-center.mt-4 {
    position: relative;
}
.activity-top-section{position: relative; padding: 50px 0}

.table-lcomparison {
    display: table;
    width: 100%;
    min-height: 78px;
    table-layout: fixed;
}
.table-lcomparison>div:first-child {
    border-left: none;
}
.table-lcomparison>div {
    display: table-cell;
    min-height: 78px;
    padding: 0 10px;
    vertical-align: middle;
}.table-lcomparison > div.hgroup-lcomparison {

	border-left: none;
	/* background: #fff; */
	border-spacing: 10px;
	border-collapse: collapse;
}

.table-lcomparison .border-collapse{border-spacing: 10px;
	border-collapse: collapse;}
.table-lcomparison .gray-bg{background: #9B9999;border-spacing: 10px;padding: 10px 15px 8px; text-align: center;
	border-collapse: collapse;}
.table-lcomparison .gold-bg, .hgroup-lcomparison-main .gold-bg{background: #D9B30D;border-spacing: 10px;padding: 10px 15px 8px;text-align: center;
	border-collapse: collapse;}
.hgroup-lcomparison-main .gold-bg{background: #D9B30D;border-spacing: 10px;padding: 10px 10px 8px;text-align: center;
	border-collapse: collapse;border-radius: 0px 0px 5px 5px;}
.table-lcomparison .blue-bg{background: #4641BF;border-spacing: 10px;padding: 10px 15px 8px;text-align: center;
	border-collapse: collapse;}
.hgroup-lcomparison-main .blue-bg{background: #4641BF;border-spacing: 10px;padding: 10px 10px 8px;text-align: center;border-radius: 0px 0px 5px 5px;
	border-collapse: collapse;}
.hed-lcomparison {
	background: #fff;
	position: relative;margin-bottom: 0px;
	margin-right: 50px;
	padding:22px 10px;
	line-height: 22px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 17px;
}.table-lcomparison > div:first-child {
	border-left: none;
	width: 33%;
}.hed-lcomparison::after {
	position: absolute;
	content: "";
	right: -40px;
	top: 0px;
	height: 88px;
	background: url("../img/velozone/white-bg-right-shape.png") no-repeat right center;
	width: 44px;
}

.hgroup-lcomparison {
    text-align: center;
}.image-lcomparison {
    width: auto;
    max-width: 100%;
}
.whit-bg {
	background: #fff;
	border-radius: 4px;
	padding: 10px;
}
.table-lcomparison .gray, .label-lcomparison.gray{color: #9B9999; font-weight: bold}
.table-lcomparison .gold, .label-lcomparison.gold{color: #D9B30D; font-weight: bold}
.table-lcomparison .blue, .label-lcomparison.blue{color: #4641BF; font-weight: bold}
.blue-color{color: #11145B; font-weight: bold}
.velozone-status-blue-box-border {
	border: solid 2px #fff;
	padding: 10px;
}
.yellow-wrapper{background: #FF8400; padding: 10px; margin-top: 60px; margin-bottom: 60px}
.yellow-inside-wrapper{border: solid 2px #fff;padding: 40px;}
.silper-rank-block{background: #fff; padding: 20px; margin-bottom: 45px;}
.silper-rank-block .yellow-rank-list ul li {
    border: solid 2px #FFAC00;border-radius: 8px;
}
.ribbin-right-icon {
	position: absolute;
	left: 150px;
	top: 20px;
}
.header-action .user-region {
    position: relative;
}
.velozone-header .header-action .user-region a.mypageicons img {
    margin-right: 45px;
}
.status-icon_mypage {
    left: 48px;
    position: absolute;
    top: 2px;
}
.rank-box-left{position: relative}
.status-icon_menu {
	position: absolute;
	top: 13px;
	right: -49px;
}
.velozone-news-list .velozone-news-left-icon {
	position: absolute;
	top: 100px;
	transform: translateY(0%);
	left: 0px;
}
.renewal-main-header .username {
	position: absolute;
	left: 50%;
	right: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	top: 90px;
}.coins-user {
	position: absolute;
	top: 13px;
	right: 0px;
}

.yellow-steps-wrp{background: #FFAC00; margin: 150px 0 0; position: relative; padding: 120px 50px 40px}
.yellow-steps-wrp .top-yellow-stick {
	position: absolute;
	top: -90px;
	left: 40px;
}
.yellow-steps-wrp ul li {
	background: #fff;position: relative;
	width: 33.333%; text-align: center;
	margin-right: 50px; padding: 50px 20px 20px; margin-bottom: 30px;
}
.yellow-steps-wrp ul li:last-child{margin-right: 0px; }
.yellow-steps-wrp ul li:after{content: ""; background: url("../img/velozone/direction-arrow.png") no-repeat left bottom; position: absolute; width: 24px; height: 44px; right: -50px; top: 50%; bottom: 50%;	transform: translate(-50%, -50%);}
.yellow-steps-wrp ul li:last-child:after{display: none}
.yellow-steps-wrp ul{display: flex;}
.yellow-steps-wrp ul li .number{position: absolute; left: 20px; top: -40px;}
.velozone-accordion-wrp.download{margin-bottom: 0px;}
.velozone-news .white{color: #fff}
.introduce-velo-wrp{background: #05D9C3; padding: 30px;}
.rankup-popup{background: #FF8400; padding: 5px;}
.rankup-popup-inner{background: #FF8400; padding: 25px; border: solid 2px #fff}

.introduce-two-clums ul{display: flex; z-index: 9; position: relative}
.introduce-two-clums ul li{position: relative; width: 50%; text-align: center; }
.introduce-two-clums ul li div{position: relative}
.introduce-two-clums .top-img {
	position: absolute;
	top: 0px;
	right: 0px;
}.introduce-two-clums ul li div {
	position: relative;
	margin-bottom: 30px;
}
.introduce-two-clums .bottom-img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.introduce-two-clums .right-img {
	position: absolute;
	top: 20px;
	right: 50px;
}
.introduce-two-clums .left-img {
	position: absolute;
	bottom: 20px;
	left: 50px;
}.introduce-two-clums ul li .input {
	padding: 91px 0;
}
.introduce-two-clums ul {
	display: flex;
	z-index: 9;
	position: relative;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.introduce-two-clums ul li input {
	min-width: 120px;
	width: 270px;
}
.aha-sitemodal-overlay.QR-popup {
	background: rgba(66,66,66.97);
}
.plan-content-inner {
	display: flex;
	justify-content: center;
	align-items: center;
}.plan-content-inner-right {
	padding-left: 20px;
}.rankup-popup .plans .plan-content {
	background: #fff;
	border: solid 1px #000;
	padding: 30px;
}
.rankup-popup .plans .plan-content {
	background: #fff;margin-left: 30px;
	border: solid 1px #000;
	padding: 30px;
}.rankup-popup .plans .plan-content p {
	font-size: 12px;
	line-height: 16px;
	color: #11145B;
	font-weight: bold;

}.rankup-popup .plans .plan-content p.small-text {
	font-weight: normal;
	font-size: 10px;
}
.plan-content-inner-right h2{margin-bottom: 20px; font-size: 20px;}

.plans .plan .plan-content:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}
.plans .plan input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.plans .plan .plan-content{position: relative}
.plans .plan input[type="radio"] + .plan-content:after {
  content: "";
  position: absolute;
  height: 15px;
  width: 15px;
  background: none;
  left: -50px;
  top: 50%;
  border-radius: 100%;
  border: 2px solid #fff;
  
}
.plans .plan input[type="radio"]:checked + .plan-content:after {
  content: "";
  position: absolute;
  height: 15px;
  width: 15px;
  background: #11145B;
  left: -50px;
  top: 50%;
  border-radius: 100%;
  border: 2px solid #fff;
  
}

.plans .plan input[type="radio"]:checked + .plan-content {
  border: 2px solid #216ee0;
  background: #eaf1fe;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}
.rankup-popup a.underline{color: #fff; text-decoration: underline; font-size: 12px;}

.velozone-news.explanation-popup {
	background: #FFAC00;padding-bottom: 5px; padding: 10px 0;
}

.explanation-wrp {
	background: #fff;
	padding: 20px;
	display: flex; margin-bottom: 40px;
	justify-content: space-between;
	align-items: center;
}
.explanation-wrp input::placeholder  { /* Edge */
  color: #11145B;
}
.xplanation-wrp-popup {
	display: block;
	position: relative;
	padding: 70px 10px;
}.xplanation-wrp-popup .velozone-news-right-icon {
	position: absolute;
	top: 10px;
	right: 20px;
}.xplanation-wrp-popup .velozone-news-left-icon {
	position: absolute;
	bottom: 13px;
	transform: inherit;
	left: 18px;
}
.se-01-con2{position:relative}
.se-01-con2::after {
	position: absolute;
	content: "";
	background: url("../img/topnew/ungated-wave-top1.png") no-repeat right bottom;
	right: -70px;
	top: -30px;
	width: 62px;
	height: 54px;
}

.pop-content .explanation-wrp {position:relative
}
.pop-content .explanation-wrp::after {
	position: absolute;
	content: "";
	background: url("../img/velozone/Path18950.png") no-repeat right bottom;
	bottom: -30px;
	width: 30px; left: 49%; right: 50%;
	height: 20px;
}
.pop-content .explanation-wrp:last-child::after { display: none
}
.velozone-news.movie-popup {
	background:none;
	padding: 40px 50px;
}.sticky-button.velozone-sticky ul li img {
	width: auto;
}.gated-sticky.sticky-button.velozone-sticky ul li a {
	background: none;
	padding: 0px;
}
.smokeorodor-sections{display: flex; align-items: center; justify-content: center}
.registration-top-text {
	color: #11145B;
	margin: 20px 0;
	font-weight: bold;
	font-size: 15px;
}
.text-center.mb-30.registration-heading {
	padding: 60px 0 0;
}
.bottom-vlp-wrp{background: #00AED6; padding: 50px;}
.bottom-vlp-wrp ul{display: flex; }
.bottom-vlp-wrp ul li{margin: 10px;}
.normal_text{font-size: 18px; color: #11145B; font-weight: bold; margin-bottom: 20px; display: inline-block}
.normal_text:hover{font-size: 18px; color: #11145B; font-weight: bold; margin-bottom: 20px; text-decoration: none}
.minus-top{margin-top: -20px;}
.minus-top1{margin-top: -100px; position: relative}
.mypageprofilepic{background: #fff;}
.mypageprofilepic ul{display: flex; flex-wrap: wrap; padding: 50px 20px;}

.mypageprofilepic ul li{margin: 10px}
.yellow-rank-list p {
    font-weight: bold;margin-bottom: 0px;
    line-height: 22px;
    margin-top: 15px;
}

.giftcard-white-box .no-bold{font-weight: normal; font-size: 12px;}
.rankup-popup-inner .plans label {
	width: 100%;
}

.row.royalmilk-twocall {
	justify-content: center;
	align-items: center; text-align: center;
}
.row.royalmilk-twocall h2{color: #C1A292}

.royalmik-steps-wrp{background: #C1A292; width: 100%; padding: 60px 0; text-align: center;margin-bottom: 70px; margin-top: 60px;}
.row.royalmilk-twocall p{color: #000;    margin: 0px;}


.fl-col-12 {
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.status_material_con p {
	font-size: 22px;
	line-height: 25px;
	margin: 0 0 12px;
}.status_material_con {
	position: absolute;
	color: #fff;
	text-align: center;
	top: 30px;
	width: 100%;
	height: 300px;
	justify-content: center;
	display: flex;
	align-items: center;
	font-weight: bold;
}.status_material ul li {
	position: relative;
}.status_material_con .number {
	font-size: 26px;
	margin-bottom: 20px;
}
.status_material_con .number span{color: #FF8400}
.velozone_logoB_header {
	position: absolute;
	left: 200px;
	top: 10px;
}

.committee-wrp .set .set-link.hide-arrow::before, .committee-wrp .set .set-link.active.hide-arrow::before
{display: none}
.velozone-news-list-con p{margin: 0px;}
.velozone-news-list-con a{text-decoration: none; color: #041E42}

.committee-wrp .active.set-link .faq_heading-1 .numbers.no-profile {
	color: #11145b;
}.bg-gate {
    margin-top: -30px;
}
@media (min-width: 768px){
.menu-velozone {
	max-height: 420px;
}
	.vlz-video-sec{background:#00AED6 url("../img/velozone/video-bg-shape.png") no-repeat left bottom 20px;position: relative; padding: 25px 0}
.velozone-status-section .text-center.mt-5 .btn {
    line-height: 20px;
    padding: 10px 35px;
}
	
	
}
@media (min-width: 1680px){
	.left-velo-pro.none-mb {left: 100px;}
	.right-velo-pillow.none-mb { right: 220px;}
	.activity-top-section {
		padding: 70px 0 0;}
	.status_material.status_material1 ul{    margin:30px 0;}
	.velozone .menu{max-height: 890px;}
	.menu-velozone { overflow: hidden;
   height: 920px;    max-height: 870px;
}
	
	
	
	
}
@media (max-width: 767px){
	.jsc-mpf-content.profile-icon-div {
margin-bottom: 10px;
}
	.velozone_logoB_header {
	position: absolute;
	left: 10px;
	top: 0;
	/* width: 100px; */
	/* height: 100px; */
}.velozone_logoB_header img {
	width: 50px;
	height: 50px;
}
	.fl-col-12 {
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
	.smokeorodor-sections{display: block; align-items: center; justify-content: center}
	.new-intence-items .nI_img{margin-bottom: 20px;}
	
	.gated-sticky.sticky-button ul li a {
    width: 100%;
    margin: 0 0;
    font-size: 12px;
}
	.explanation-wrp{display: block; text-align: center}
	.leftmrgn{margin-left: 30px}
	.rankup-popup .plans .plan-content {

	padding: 15px;
}
.rankup-popup h2 {
	font-size: 14px;
	color: #fff; margin-left: 35px;
}.plan-content-inner {text-align: center;
	display: block;
	justify-content: center;
	align-items: center;
}.plan-content-inner-right { text-align: left;
	padding-left: 0; margin-top: 10px;
}.velozone-news.rankup-popup {
	padding: 5px;
}
	.rankup-popup-inner{padding: 20px;}
	.rankup-popup .plans .plan-content{margin-left: 0px;}
	
	.plans .plan input[type="radio"] + .plan-content:after {left:5px;
top: -40px;}
.plans .plan input[type="radio"]:checked + .plan-content::after{left:5px;
top: -40px;}	
	
.velozone h3 {

	font-size: 15px;
}
	.velozone .menu {
	max-height: 380px; background-size: 50%;
	max-width: 360px;padding: 15px; top: 104px;
}
	.menu-velozone{max-height: 330px; }
	.header-action .user-region a.mypageicons{display: none}	
	
	
.rank-box-left img.rank-img {
	width: 50px;
	height: 50px;
	text-align: left;
	left: -18px;
	position: relative;
}.rank-box-right {
    width: 59%;
	}.white-rank-box-inner .rank-list span, .white-rank-box-inner .rank-list, .white-rank-box-inner .rank-more-link{font-size: 12px;gap:10px;}
	.header-right-items{align-items: center}
	.white-rank-box-inner{padding: 10px;}
	.address-registration p{font-size: 14px;}
	.status_material ul{flex-wrap: nowrap}
	.yellow-rank-list ul li {
    background: #fff;
    text-align: left;
    width: 100%;
    border-radius: 5px; margin-bottom: 10px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}.yellow-rank-box {
    background: #FF8400;
    padding: 15px 15px 25px;
    position: relative;
}.mb-50 {
    margin-bottom: 30px;
}
	.yellow-rank-list ul li p, .giftcard-white-box p {
    color: #11145B;
    font-size: 11px;
    margin: 10px 0 0px 10px;
    font-weight: bold;
    line-height: 14px;
}.yellow-rank-list {
    margin-bottom: 0;
}
	
	.giftcard-white-box p {
    
    margin: 0px;
	}
	.yellow-rank-list ul li img {
    width: 75px;
}.yellow-rank-box a.btn.btn-blue {
    width: 100%;
    font-size: 14px;
}.velozone-status-blue-box {
    padding: 4px;

}.velozone-accordion-wrp {
    background: #05D9C3;
    padding: 5px;
    margin: 30px 0;
}.velozone-accordion-wrp .velozone-accordion {
    border: solid 2px #fff;
    padding: 20px 0px 20px;
}.committee-wrp .active.set-link .faq_heading {
    display: block;
}.faq_heading-1 {
    min-width: 0;
}
	.referrals-number{width: 43%}
	.faq_heading-1 .numbers{width: 45px;    background-size: 100%; font-size: 14px;}
.faq-member-logo {
	margin-right: 10px;
	width: 45px;
	padding: 0 10px 0;
}.coins-user {
	position: absolute;
	top: 11px;
	right: 0px;
}.committee-wrp .active.set-link .faq_heading-1 .numbers {
	color: #fff;
	margin-right: 0px;
}.set .set-link .name {
    color: #11145B;
    font-size: 16px;
}
	.committee-wrp .faq_heading {
    display: block;
}.purchases-member-list {
    margin-left: 0;
    padding: 30px 20px;
    text-align: left;
}.giftcard-right-icon img {
    width: 20%;
}.giftcard-right-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
}.velozone-giftcard {
    background: #C2A392;
    padding: 70px 15px 40px;
    position: relative;
}.giftcard-left-icon {
    position: absolute;
    left: 10px;
    bottom: 0;
    top: 240px;
}.giftcard-left-icon img {
    width: 20%;
}
	.committee-accordion{overflow-x: hidden;}
.purchases-member-list a.btn.btn-blue {
    padding: 7px;
    min-width: 81px; margin-right: 10px;
    width: 106px;
    font-size: 12px;
}.velozone-news-list li .right-img {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100px;
}.velozone-news-list-con p {
    font-size: 12px;
    line-height: 20px;
}.velozone-news-list-con {
    width: 70%;
    font-size: 16px;
    font-weight: bold;
}.velozone-news-list li {
    background: #fff;
    position: relative;
    height: 82px;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 5px 9px 0px 10px;
}.velozone-news-list-con p {
    font-size: 12px;
    line-height: 17px;
    margin: 0px;
}.bottom-cards-list ul li {
    width: 46%;margin: 5px; padding: 20px 5px 50px;
  
	}.bottom-cards-list .bottom-cards-link a{font-size: 6px;}
	.bottom-cards-list .bottom-cards-link a span{padding-right: 8px}
	.committee-wrp .set .set-link::before{top: 35%;background-size: 17px;}
	.committee-wrp .set .set-link.active::before{top: 29px;background-size: 17px;}
	.referrals-number img{ width: 32%;}
	.purchases-nmber img{ width: 45%;}
	.bottom-cards-list .bottom-cards-link{float: right}.velozone-news {
   
    padding: 20px 0;
    position: relative;
    min-height: auto;
}.secondary-navigation ul li a {
	display:block;
}.velozone-header .velozone {

}.gated-header.velozone-header .secondary-navigation {
    margin-top: 75px;
}.velozone-header .velozonelogo {
    width: 190px;
    height: auto;
    position: absolute;
    left: 10px;
    top: 22px;
}.gated-header.velozone-header .header-right-items {
    top: 22px;
}
	.hgroup-lcomparison-main-wrp{text-align: center}
	.hgroup-lcomparison-main-wrp h2{font-size: 14px; font-weight: bold; color: #11145B;}	
	.hgroup-lcomparison-01 {
	width: 30%;
	margin: 0 5px 5px;
	clear: both;
}.hgroup-lcomparison-main {
	display: flex; margin-bottom: 25px;
	flex-wrap: wrap;
}
	.hgroup-lcomparison-main .gray-bg{background: #9B9999;border-spacing: 10px;padding: 10px 10px 8px; text-align: center; border-radius: 0px 0px 5px 5px

}.text-center.mt-30.blue-color {
	text-align: left !important;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 20px 0;
}.yellow-inside-wrapper {
	border: solid 2px #fff;
	padding: 40px 10px 25px;
}.silper-rank-block {
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
}.renewal-main-header {
    padding-bottom: 30px;
    padding-top: 30px;
}.status_material {
    margin-bottom: 51px;
}.committee-wrp .set .set-link{padding-right: 10px;}
	.status_material ul {
	
	margin: 50px 0 30px;
}.yellow-wrapper{background: #FF8400; padding: 10px; margin-top: 20px; margin-bottom: 20px;}

	.whit-bg{border-radius: 5px 5px 0 0}.purchases-nmber img.vlo {
    width: 18px;
}
	
.ribbin-right-icon img {
	width: 70px;
}.ribbin-right-icon {
	position: absolute;
	left: 30px;
	top: 10px;
}	.status-icon_mypage {
    left: 28px;
    position: absolute;
    top: 5px;
    width: 40px;
    height: 40px;
}
	.velozone-header .header-action .user-region  img {
    margin-right: 20px;
}
.status-icon_menu {
	position: absolute;
	top: 0px;
	right: -20px;
}
	.renewal-main-header .username {
	position: absolute;
	left: 50%;
	right: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	top: 50px;
}.yellow-steps-wrp ul {
    display: block;
}.yellow-steps-wrp ul li {
    background: #fff;
    position: relative;
    width: 100%;
    text-align: center;
    margin-right: 50px;
    padding: 20px 20px 20px;
    margin-bottom: 60px;
}.yellow-steps-wrp ul li:after {
    content: "";
    background: url("../img/velozone/direction-arrow.png") no-repeat left bottom;
    position: absolute;
    width: 24px;
    height: 44px;
    right: 50%;
    top: inherit;
    bottom: -54px;
    transform: rotate(90deg);
    left: 0;
    text-align: center;
    /* width: 100%; */
    display: block;
    left: 50%;
}.introduce-two-clums ul li {
    position: relative;
    width: 100%;
    text-align: center;
}.introduce-two-clums ul {
    display: block;
    z-index: 9;
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.yellow-steps-wrp {
    background: #FFAC00;
    margin: 70px 0 0;
    position: relative;
    padding: 80px 20px 40px;
}.yellow-steps-wrp .top-yellow-stick {
    position: absolute;
    top: -40px;
    left: 40px;
}.bottom-cards-list ul li img {
    width: auto;
    height: 90px;
}.bottom-cards-list ul li div img {
    width: 20px;
    height: 20px;
}
	.coins-user img {
	width: 20px;
}
	.faq_heading-1 .numbers{margin-right: 5px; min-height: 60px;}
	.velozone-status-section, .bottom-cards-wrp {
	position: relative;
	padding: 10px 0 40px;
}.activity-top-section {
	position: relative;
	padding: 30px 0;
}.xplanation-wrp-popup .velozone-news-left-icon {
	position: absolute;
	bottom: 10px;
	/* transform: inherit; */
	left: 12px;
	height: 50px;
	top: inherit;
}.onepackstandard-flex {
	display: block;
}.onepackstandard-icon {
	position: absolute;
	left: 250px;
	bottom: -40px;
}.sticky-button.velozone-sticky ul li {
    width: 50%;
}.explanation-popup .text-center.mt-30.mb-30 {
    margin-top: 60px;
}.velozone-news21.introduce-velo-wrp21 {
    border: solid 1px #fff;
}.velozone-news.introduce-velo-wrp {
    padding:40px 5px;
}
	.col-mypage > div:first-child {
	max-width: none;
	margin-bottom: 5px;
	text-align: center;
}.item-mypage {
	display: block;
	justify-content: space-between;
	width: 100%;
	/* align-items: center; */
	text-align: center;
}.referrals-numbers span {
	font-size: 14px;
	display: flex;
	justify-content: flex-end;
	align-items: end;
	margin-bottom:0px;
}
	.field-mypage{margin-top: 30px;}
	.bottom-cards-list{margin-bottom: 0px;}.velozone-news .white {
    color: #fff;
    margin-top: 20px;
}.bottom-vlp-wrp ul {
	display: block;
}.bottom-vlp-wrp {
	background: #00AED6;
	padding: 20px 10px;
}#velozone-top-video iframe {
    height: 400px;
}.status_material ul li {
	position: relative;
	width: 48%;
}.status_material ul {
	flex-wrap: wrap;
	margin: 50px 0; gap:10px;
}.status_material_con p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px;
}.status_material_con {
	position: absolute;
	color: #fff;
	text-align: center;
	top: 20px;
	width: 100%;
	height: 155px;
	justify-content: center;
	display: flex;
	align-items: center;
	font-weight: bold;
}.status_material_con .number {
	font-size: 16px;
	margin-bottom: 5px;
}
	.committee-accordion.committee-accordion-limit {
height: 470px;
overflow: hidden;
}
	

	
}
@media (max-width: 375px){
	.imgSrcChange.lazyloaded.smalimg {
	width: 70%;
}
	.xplanation-wrp-popup .velozone-news-right-icon img {
	width: 40px;
}
	.xplanation-wrp-popup .velozone-news-left-icon img {
	width: 40px;
}
.white-rank-box-inner .rank-list span, .white-rank-box-inner .rank-list, .white-rank-box-inner .rank-more-link {
    font-size: 10px;
    gap: 10px;
}
}

@media (min-width: 1280px) and  (max-width: 1290px){
.ribbin-right-icon {
    position: absolute;
    left: 130px;
    top: 7px;
}
	.giftcard-right-icon img {
    width: 170px;
}
}
@media (min-width: 1280px){#velozone-top-video iframe {
height: 200px;
}
	
	
	.committee-accordion.committee-accordion-limit {
height: 360px;
overflow: hidden;
}
	.silper-rank-block .yellow-rank-list ul li img {
    height: 121px;
    width: auto;
}
	.text-center.mb-30.space-bottom {
	margin-bottom: 70px;
}
	.rankup-popup-inner .heading{position: relative}
.rankup-popup-inner .heading::before {
	content: "";
	right: -90px;
	background: url("../img/velozone/popup-right-shape.png") no-repeat right center;
	position: absolute;
	width: 91px;
	height: 88px;
	bottom: -20px;
}.rankup-popup-inner .heading {
	position: relative;
	display: inline;
	/* padding: 50px 0; */
	/* line-height: 100px; */
}
	.velozone-status-section{ position: relative; padding: 60px 0 0px}
	.velozone_skyblue_sec-block1-item img{height: 209px }
}



li.profile-active {
background:lightblue}
.imgpointer {
cursor: pointer;
}

@media (max-width: 480px){

	.xplanation-wrp-popup .velozone-news-right-icon img {
	width: 40px;
}
	.xplanation-wrp-popup .velozone-news-left-icon img {
	width: 40px;
}
.quiz-popupclosebtn {
		background: url(../img/quiz-close-icon.svg) left top no-repeat;
		position: absolute;
		width: 25px;
		height: 25px;
		top: 10px;
		right: 10px;
		z-index: 9999;
		border: 0px;
		cursor: pointer;
		background-size: 100%;
	}
}
/* 11-Jun-2022 */
.velo-tidbits-header{ box-shadow: 0 2px 10px rgb(0 0 0 / 10%);}
.velo-ahalogo{padding: 14px 0; text-align: center;}
.velo-title-container{width: 100%; max-width: 1452px; margin-left: auto;margin-right: auto; padding: 0 20px;}
.bg-blue{background: #11145B; color: #fff;}
.velo-tidbits-box{position: relative; padding: 50px 35px;}
.velo-tidbits-box::after{content: ""; background: url(../img/quiz/right-fig.png) no-repeat; background-size: 100%; background-position: center; width: 112px; height: 114px; position: absolute; right: 0;top: 16px; }
.velo-tidbits-box::before{content: ""; background: url(../img/quiz/left-fig.png) no-repeat; background-size: 100%; background-position: center; width: 112px; height: 114px; position: absolute; left: 0;bottom: 52px; }
.m-b-0{margin-bottom: 0 !important;}
.m-b-30{margin-bottom: 30px !important;}
.m-b-50{margin-bottom: 50px !important;}
.m-b-60{margin-bottom: 60px !important;}
.m-b-80{margin-bottom: 60px !important;}
.m-b-100{margin-bottom: 100px !important;}
.m-b-d-80-m-40{margin-bottom: 80px !important;}
.m-b-d-30-m-15{margin-bottom: 30px !important;}
.m-b-d-50-m-30{margin-bottom: 50px !important;}
.m-b-d-100-m-60{margin-bottom: 100px !important;}
.velo-title{margin-top: 15px;}
.velo-tidbits-box-title,.velo-tidbits-box-para{font-size: 24px; font-weight: bold; text-align: center;}
.velo-tidbits-box-title .gre{color: #05D9C3;}
.velo-tidbits-box-para{padding-top: 40px;}
.velo-tidbits-content h2{ font-size: 22px; font-weight: bold;color: #11145B;}
.velo-tidbits-table-title{font-size: 16px; font-weight: bold; padding: 18px 20px;}
.velo-tidbits-table {border: 1px solid #11145B; max-width: 900px; margin-left: auto; margin-right: auto; }
.velo-tidbits-table .velo-tidbits-option{color: #11145B;padding:10px 0 10px 58px; font-size: 16px; font-weight: 500;}
.velo-tidbits-question h3{color: #11145B;}
.velo-tidbits-question-s-title{color: #11145B;padding:15px 0; font-size: 16px; font-weight: 500; margin: 0;}
.velo-tidbits-table .velo-tidbits-option input[type=radio], .velo-tidbits-table .velo-tidbits-option input[type=checkbox] {
    /* display: none; */
    float: left;
    width: 20px;
    margin-left: 10px;
}
.velo-tidbits-table .velo-tidbits-option label{margin: 0; cursor: pointer;}
.velo-tidbits-table .velo-tidbits-option:not(:last-child){border-bottom: 1px solid #11145B;}
.velo-tidbits-table .velo-tidbits-option.active{position: relative;}
/*.velo-tidbits-table .velo-tidbits-option.active::after{
    content: "";
    background: url(../img/quiz/polygon.png) no-repeat;
    background-size: 100%;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}*/
.velo-tidbits-question-only-input{ max-width: 900px; margin-left: auto; margin-right: auto;}
.velo-tidbits-btn{text-align: center;}
.velo-tidbits-btn .btn{font-size: 18px; font-weight: bold; text-align: center;width: 100%;max-width: 394px; margin: 0 20px;}
.velo-tidbits-btn .btn-custom{padding:20px; margin-bottom: 30px;}
.btn-orange,.btn-orange:hover{ background: #FF8200;color: #fff; border-color: #FF8200; box-shadow: 0 5px 5px rgb(0 0 0 / 16%);}
.btn-blue1,.btn-blue1:hover{ background: #11145B; color: #fff; border-color: #11145b;}
.velo-tidbits-question input{background-color: #fff;border: solid 2px #ddd;}
.full-width{max-width:100%; width: 100%;}
.lp-font-14{ font: 400 14px/24px NotoSansCJKjp; text-align: left; color: #041e42;}
.d-block{display: block;}
.d-none{display: none;}
.color-red{color: #FD0D1B;}
.text-underline {color: #FD0D1B; text-decoration: underline;}
.velo-tidbits-thank-you-note{font-size: 24px; font-weight: bold;color: #11145B; line-height: 35px;}
.coreect-note{font-size: 24px; font-weight: bold;color: #FD0D1B; margin-top: 30px; margin-bottom: 0;}
.incoreect-note{font-size: 24px; font-weight: bold; margin-top: 30px; margin-bottom: 0;line-height: 35px;}
@media screen and (max-width:991px) {
    .velo-tidbits-box-title, .velo-tidbits-box-para{font-size: 20px;}
    .velo-tidbits-box::after{ right: 20px; top: 5px; width: 90px; height: 93px;}
    .velo-tidbits-box::before{ width: 92px; height: 82px; left: 0px; bottom: 20px;}
}
@media screen and (max-width:767px) {
    .velo-tidbits-btn .btn{ max-width: 345px; margin-left: 0; margin-right: 0;}
    .d-md-none{display: none;}
    .d-md-block{display: block;}
    .m-b-d-80-m-40{margin-bottom: 40px !important;}
    .m-b-d-30-m-15{margin-bottom: 15px !important;}
    .m-t-d-0-m-40{margin-top: 40px !important;}
    .m-b-d-50-m-30{margin-bottom: 30px !important;}
    .m-b-d-100-m-60{margin-bottom: 60px !important;}

    .velo-tidbits-box::after { right: 14px; top: 24px; width: 54px; height: 54px; }
    .velo-tidbits-box-title, .velo-tidbits-box-para{ line-height: 40px;}
    .velo-tidbits-box{padding: 50px 30px;}
    .velo-tidbits-box::before { width: 54px; height: 54px; left: -10px; bottom: 12px;}
    .velo-tidbits-content h2 {  font-size: 18px;}
    .velo-tidbits-question h3{font-size: 16px;}
    .velo-tidbits-table-title{font-size: 14px;padding: 16px 20px}
    .velo-tidbits-table .velo-tidbits-option{font-size: 14px;}
    .coreect-note{margin-top: 20px; font-size: 20px;}
    .incoreect-note{margin-top: 20px; font-size: 20px;}
    .velo-tidbits-thank-you-note{ font-size: 20px; }
}
/* 16-06-2022  quiz page feedback changes */
.velo-tidbits-table .velo-tidbits-option{padding: 0}
.velo-tidbits-table .velo-tidbits-option label{padding: 10px 0 10px 38px; display: block;}
.velo-input-option {
    margin: 5px 10px 10px;
}
.velo-input-option input[type="text"] {
    height: 11px;
    min-height: 35px;
}
.velo-tidbits-table .velo-tidbits-option.active label{text-decoration: underline;}
.velo-tidbits-question .velo-tidbits-question-only-input .velo-tidbits-question-s-title{font-weight: 700;}
.text-underline:hover,
.color-red:hover{color: #FD0D1B; text-decoration: none;}
.not_edit .velo-tidbits-option{pointer-events: none;}
.returntomainpage a {
    color: #11145B;
    font-weight: bold;
    font-size: 14px;
}
.faq-title h2 { margin: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 40px;
}
.fixed-span {
	position: absolute;color: #00557D;
	left: 0;
	top: 22px;
	width: 100%;
	text-align: center;
}h2.heading {
    border: 0px;
    padding: 0px;
}.breadcrumb h1 {
    margin: 0px;
    line-height: 16px;
}.text-center.small-text {
	font-size: 16px;
}
.field-lcomparison-col{display: flex;  justify-content: center;margin-top: 150px; }
.field-lcomparison-col .col{background: #fff; width: 32%; max-width: 32%; border-radius: 5px; margin: 0 10px; padding: 0 37px 25px;}
.field-lcomparison-col .col h2{font-size: 20px; margin-bottom: 30px;}
.field-lcomparison-col .col .col-img-1 {
	margin-top: -100px;
}.field-lcomparison-col .pol-c {
	margin: -95px 0 0 0;z-index: 9;
    position: relative;
}
.field-lcomparison-col .col h2 {
	font-size: 20px;
	margin-bottom: 5px;
	border-bottom: solid 1px #30D9C4;
	padding-bottom: 20px;
	line-height: 24px;
	margin-top: 15px;
}.field-lcomparison-col .pol-c.-b {
	margin:52px 0 0 0;
}.field-lcomparison-col .pol-c.-b .no-border {
	margin-top: -75px;
	margin-bottom: 32px;
}.field-lcomparison-col .col h2 img {
	display: inline-block;
	margin: 4px 0 0 8px;cursor: pointer;
}.field-lcomparison-col .pol-c .btn {
    min-width: 230px;
}
.field-lcomparison-col .col h2.no-border{border-bottom: solid 0px #30D9C4;}
@media screen and (max-width:767px) {
	.faq-title h2 {font-size: 20px;}	
	.field-lcomparison-col {
	display: block;padding: 0 10px;
}.field-lcomparison-col .col {
	background: #fff;
	width: 100%;
	max-width: 100%;
	border-radius: 5px;
	margin: 0 0 140px;
	padding: 0 55px 30px;
}.field-lcomparison-col .col .col-img-1 {
	top: -100px; margin-top: 0px;
	position: relative;
}.field-lcomparison-col .pol-c {
	margin: -196px -40px 0 -40px;
	position: relative;
	z-index: 1;
}.field-lcomparison-col .pol-c.-b {
	margin: -180px 0 0 0;
}.field-lcomparison-col .pol-c.-b {
	margin: -180px -40px 0 -40px;
}.field-lcomparison-col .pol-c.-b .no-border {
	margin-bottom: 0;
	}.field-lcomparison-col .col h2{padding-bottom: 15px;font-size: 16px;}
	.field-lcomparison-col .col:last-child{margin-bottom: 20px}
	.field-lcomparison-col .pol-c .btn {font-size: 14px;
    min-width: 100%;
}.-ab {
    padding: 0px 45px 0;
    display: block;
}.velo-tidbits-table .velo-tidbits-option {
	padding: 0;
	clear: both;
}
}@media (min-width:768px) and (max-width:991px) {
.field-lcomparison-col .pol-c {
    margin: -65px 0 0 0;
   
}.field-lcomparison-col .col {
   
    margin: 0 10px;
    padding: 0 20px 15px;
}.field-lcomparison-col .col .col-img-1 {
    margin-top: -60px;
}.field-lcomparison-col {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}.field-lcomparison-col .pol-c.-b .no-border {
    margin-top: -75px;
    margin-bottom: 32px;
}.field-lcomparison-col .col h2 {
    font-size: 12px;
    margin-bottom: 5px;
    border-bottom: solid 1px #30D9C4;
    padding-bottom: 20px;
    line-height: 24px;
    margin-top: 15px;
}.field-lcomparison-col .pol-c .btn {
    min-width: 185px;
    font-size: 10px;
    margin-left: -15px;
}.field-lcomparison-col .pol-c.-b {
    margin: 82px 0 0 0;
}
}


/* velozone_event */
.velozone_event_banner{ display: block; }
.velozone_event_banner img{ width: 100%; display: block; }

.velozone_event_txt_banner{padding-top: 100px; padding-bottom: 30px;
    background: #fff url(../img/topnew/product-top1-pc.png) no-repeat left center;
}
.velozone_event_txt_banner.velozone_event_txt_banner0{padding-top: 100px; padding-bottom: 30px;
    background: #fff url(../img/velozone_event/product-top1-pc0.png) no-repeat left center;
}
.velozone_event_txt_banner .product-btn-group a{ margin-bottom: 10px; }

@media (max-width: 767px){
    .velozone_event_txt_banner{padding-top: 50px; padding-bottom: 10px; background-image: none;}
	
}


.velozone_blue_banner{
    background: #11145B url(../img/topnew/product-top1-pc.png) no-repeat left center;
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: hidden;
}
.velozone_blue_banner .heading{margin-bottom: 56px;}
.velozone_blue_banner .heading h2{margin-bottom: 30px; display: block;}
.velozone_blue_banner .velozone_blue_bann_prod .heading  h2{font-size: 40px; font-weight: bold}

.velozone_blue_banner .heading p{color: #fff; font-size: 24px; line-height: normal; font-weight: 500;}
.velozone_blue_banner .heading p span{color: #fff; font-size: 15px; line-height: normal; font-weight: 500;}
.velozone_blue_bann_prod{
    padding-top: 55px;
    padding-bottom: 36px;
    background-color: #fff;
    position: relative;
}
.velozone_blue_bann_prod .heading{padding: 0 50px;}
.velozone_blue_bann_prod .heading img{max-width: 100%;}
.velozone_blue_bann_prod:before{content: "";
    background: url(../img/velozone_event/patch-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    width: 190px;
    height: 190px;
    display: inline-block;
    position: absolute; top: -80px; left: -100px;
}
.velozone_blue_bann_prod:after{content: "";
    background: url(../img/velozone_event/patch-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    width: 190px;
    height: 190px;
    display: inline-block;
    position: absolute; bottom: -80px; right: -100px;
}

@media (max-width: 767px){
    .velozone_blue_banner{
        padding-top: 50px;
        padding-bottom: 50px;
        background-image: none;
    }
    .velozone_blue_bann_prod{
        padding-top: 30px;
        padding-bottom: 30px;
    }
	.velozone_blue_banner .velozone_blue_bann_prod .heading h2 {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 0px;
}.velozone_blue_banner .heading {
	margin-bottom: 36px;
}
}

.velozone_blue_bann_prod-list{padding: 0 100px;}
.velozone_blue_bann_prod-list ul{display: flex; flex-wrap: wrap;}
.velozone_blue_bann_prod-list ul li{width: 100%; max-width: 50%; padding: 0 15px; margin-bottom: 30px;}
.velozone_blue_bann_prod-list-item{display: block; width: 100%; height: 100%; padding: 20px; border: solid 1px #30D9C4; text-decoration: none !important; }
.velozone_blue_bann_prod-list-item-img{margin-top: 10px; margin-bottom: 10px;}
.velozone_blue_bann_prod-list-item p{margin-bottom: 0; text-decoration: none !important; color: #11145B; font-weight: 500;}
.velozone_blue_bann_prod-list ul li._full_width{max-width: 100%;}

@media (max-width: 991px){
    .velozone_blue_bann_prod-list{padding: 0 30px;}
}
@media (max-width: 767px){
    .velozone_blue_bann_prod-list ul li{
        max-width: 100%;
        padding: 0;
    }
    .velozone_blue_bann_prod-list-item{
        padding: 20px;
    }
	.velozone_event_txt_banner.velozone_event_txt_banner0{background: none;padding-top: 40px;}
	.velozone_event_txt_banner .product-btn-group a {
	margin-bottom: 10px;max-width: 230px;
	border-radius: 20px;
}.velozone_blue_bann_prod::before {
	
	width: 100px;
	height: 120px;
	
	top: -60px;
	left: -10px;
}.velozone_blue_bann_prod::after {
	
	width: 100px;
	height: 110px;
	
	bottom: -70px;
	right: -10px;
}
}




.velozone_skyblue_sec{
    background-color: #30D9C4; 
    background-image: url(../img/velozone_event/velozone-pattren-pc-bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 60px;
    padding-bottom: 100px;
    overflow: hidden;
}
.velozone_skyblue_sec__con{
    padding-top: 56px;
    padding-bottom: 56px;
    padding-left: 70px;
    padding-right:30px;
    background-color: #fff;
    position: relative;
    margin-bottom: 56px;
}
.velozone_skyblue_sec__con:last-child{margin-bottom: 0;}

.velozone_skyblue_sec__con .heading {
    padding: 0 24px;
}


.velozone_skyblue_sec-block1 ul{display: flex; margin-top: 30px;}
.velozone_skyblue_sec-block1 ul li{width: 100%; max-width: 33.3%; padding: 0 15px; margin-bottom: 30px;}
.velozone_skyblue_sec-block1-item{width: 100%; text-decoration: none; }
.velozone_skyblue_sec-block1-item img{width: 100%; margin-bottom: 15px;}
.velozone_skyblue_sec-block1-item span{ display: block; color: #041E42; font-weight: bold;}


.velozone_skyblue-finding{
    border: solid 2px #11145B;
}
.velozone_skyblue-finding-title{
    padding: 10px;
    background: #041E42;
}
.velozone_skyblue-finding-list{padding:40px 20px; position: relative; z-index: 1;}
.velozone_skyblue-finding-list:after{content: ""; 
    background-image: url(../img/velozone_event/patch-3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    width: 190px;
    height: 190px;
    display: inline-block;
    position: absolute; bottom: 0; right: 0; z-index: -1;
}
.velozone_skyblue-finding-list ul{width: 100%; counter-reset: counter1; margin: 0; display: block;}
.velozone_skyblue-finding-list ul li{width: 100%; max-width: 100%; background: #F4F4F4; padding:35px 20px; border-radius: 15px; margin-bottom: 15px; position: relative; text-align: left; 
    /* padding-left: 80px; */
    display: flex;}

.velozone_skyblue-finding-list ul li p{font-size: 18px; font-weight: bold; margin-right: 10px; margin-bottom: 0; position: relative; padding-left: 80px; display: flex; align-items: center; margin: 0; }
.velozone_skyblue-finding-list ul li p::before {
    counter-increment: counter1; content: counter(counter1);
    background: #30D9C4;
    min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px;
    line-height: 44px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-left: -80px;
    margin-right: 20px;
    /* position: absolute; top: 5px; left: -60px; */
}

.velozone_skyblue_sec__con .product-btn-group{
    margin: 40px 0 0;
}
.velozone_skyblue_sec__con .heading h3 {
	padding-left: 20px; margin-bottom: 30px;
}
.velozone_skyblue_sec__con .heading h4{font-size:20px; color: #11145B; font-weight: bold}
[class*=velozone_skyblue_sec-block] p{margin-bottom: 0; margin-top: 20px; color: #11145B; font-weight: bold}
[class*=velozone_skyblue_sec-block] h4{margin-bottom: 20px;}
.velozone_skyblue_sec__con.velozone_skyblue_sec__con1 {
	padding-top: 40px;
	padding-bottom: 20px;
}
@media (max-width: 991px){
    .velozone_skyblue_sec__con{
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
	.velozone_skyblue_sec__con .heading h3 {
	padding-left: 0px; margin-bottom: 0px;
}.velozone_skyblue_sec-block1 ul {

	margin-top: 10px;
}
}

@media (max-width: 767px){
    .velozone_skyblue_sec{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .velozone_skyblue_sec__con{
        padding-left: 20px;
        padding-right: 20px;
    }
    .velozone_skyblue_sec-block1 ul{
        display: block;
    }
.velozone_skyblue_sec-block1 ul li {
	max-width: 100%;
	display: block;
	padding: 15px 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
    .velozone_skyblue-finding-list ul li p::before{
        min-width: 35px; min-height: 35px; max-width: 35px; max-height: 35px; line-height: 35px;
    }
    .velozone_skyblue-finding-list ul li p{font-size: 14px; line-height: normal; margin:0; font-weight: bold}
    .velozone_skyblue-finding-list ul li img{margin-top: 15px;}
    .velozone_skyblue_sec__con{margin-bottom: 24px;}
}


.veloevent_pt_sec{ padding: 50px 0;}
.veloevent_pt_sec .heading{margin-bottom: 30px;}
.veloevent_pt_con{
    border: solid 1px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    padding: 24px;
    text-align: left;
    max-height: 512px;
    overflow: hidden;
    overflow-y: auto;
}
.veloevent_pt_con p{color: #000000; }
.veloevent_pt_con p a{color: #000000; text-decoration: underline;}


.veloevent_external_site{
    padding: 50px 0;
}
.veloevent_external_site .product-btn-group {margin:60px 0 20px;}
.veloevent_external_site .product-btn-group .btn{
    background-color: #30D9C4;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.24); color: #11145B
}.veloevent_external_site p{font-weight: bold}

.velozone_skyblue_sec{position: relative; overflow: hidden;}
.velozone_skyblue_sec .patch-4,
.velozone_skyblue_sec .patch-5,
.velozone_skyblue_sec .patch-6,
.velozone_skyblue_sec .patch-7{position: absolute; max-width: 15%; }

.velozone_skyblue_sec .patch-4{ top: 5%; left: 0;}
.velozone_skyblue_sec .patch-4.patch-4{ top: inherit; left: 0;bottom: 5%; }



.velozone_skyblue_sec .patch-5{ top: 5%; right: 0;}
.velozone_skyblue_sec .patch-5.patch-5-0{ bottom: 5%; right: 0; top: inherit}

.velozone_skyblue_sec .patch-6{ bottom: 5%; left: 0;}
.velozone_skyblue_sec .patch-6.patch-6-0{ top: 5%; left: 0;}

.velozone_skyblue_sec .patch-7{ bottom: 0%; right: 0;}
.velozone_skyblue_sec .patch-7.patch-7-0{ top: 3%; right: 0;}

.velozone_skyblue_sec-block1 ul li:first-child {
	padding-left: 0px;
}
.velozone_skyblue_sec-block1 .velozone_skyblue-finding-list ul li:first-child{padding-left: 20px}
.velozone_skyblue_sec-block1 ul li:last-child {
	padding-right: 0px;
}
@media (max-width: 767px){
    .velozone_skyblue_sec .patch-4,
    .velozone_skyblue_sec .patch-5,
    .velozone_skyblue_sec .patch-6,
    .velozone_skyblue_sec .patch-7{
        display: none;
    }
    .veloevent_pt_sec,
    .veloevent_external_site{
        padding: 40px 0;
    }.velozone_skyblue-finding-list ul li img {
	margin-top: 15px;
	/* width: 100%; */
	text-align: center;
	margin: 20px auto 0px;
	justify-content: center;
	display: flex;
}
	.velozone_skyblue-finding-list ul li{margin-bottom: 15px; padding-bottom: 20px}
	.velozone_blue_banner .heading p{font-size: 22px;}
	.velozone_skyblue_sec-block1 ul li:last-child {
	padding-right: 0px;
	padding-bottom: 10px;
}
}


.velozone_skyblue_sec-in__con {
	display: flex;
	justify-content: space-around;
	overflow-y: scroll;
max-height: 1240px;flex-wrap: wrap;
	align-items: center;
}
.velozone_skyblue_sec-in__con p {
	clear: both; font-size: 20px;
	margin: 10px 0 20px;
	font-weight: bold;
}
.velozone_skyblue_sec-in__con .btn.btn-blue{min-width: 180px;margin: 0px 0 30px ; background:#041E42;color:#fff;border:0px;}
.velozone_skyblue_sec-in__con .btn.btn-blue-close{min-width: 180px;margin: 0px 0 9px ; background:#041E42;color:#fff;border:0px;}
.velozone_skyblue_sec-in__con h2{color:black;margin-top:15px;margin-bottom:-0.5px;font-size:23px;}
.velozone_event_txt_banner .bg-blue h1{font-size: 16px; color: #fff; line-height: 30px; padding: 40px 0}
@media (min-width: 767px) {
    .secondary-navigation ul li a span img {
        height: 35px;
    }.familymart-wrp.tobacconist-store .fl-col-12 {
    margin-left: -30px;
}
}

.pr-heading p{color: #11145B; font-size: 22px; font-weight: bold; line-height:40px; margin: 30px 0}
.pr-heading .border-blue{border-bottom: solid 2px #05D9C3}
.pink-text{color: #FD495C}
.testimonial-wrp1.pr-page {
    background: url("../img/pr/pr-bg1.png") repeat-y top 160px center;
}
.pr-bottom{background: #F6F6F6; padding: 90px 0; position: relative}
.interview-banner{background: #FFE1E7; padding: 60px 0 90px; position: relative}
.interview-banner p{font-weight: bold; color: #00557D}
.interview-banner .shap1 {
    position: absolute;
    right: -110px;
    top: -40px;
}
.interview-banner .shap1.shap1__ {
    position: absolute;
    left: -110px; right: inherit;
    top: -40px;
    transform: rotate(260deg);
}
.interview-banner .shap2 {
    position: absolute;
    left:0px;
    bottom:60px;
}
.interview-banner .shap2.shap2__ {
    position: absolute;
    right:0px;
    bottom:60px;
	left: inherit;
}
.interview-banner .container {
    position: relative;
}
.interview-qus{margin: 50px 0}

.lp-r{margin-bottom: 50px; text-align: left; color: #11145B}
.interview-qus h3{font-size: 18px; font-weight: bold;color: #11145B}
.interview-qus p{font-size: 18px; font-weight: normal;color: #11145B}
.pink-box {
    background: #FFE1E7; padding: 70px 0; position: relative;
}.pink-box .two-clum-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.pink-box .left-icon {
    position: absolute;
    bottom: 20px;
    left: 10px;
}.pink-box a.btn.btn-blue.mt-3 {
    padding: 6px 0;
    min-height: 60px;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    display: flex;
}
.pink-box .right-icon {
    position: absolute;
    top: 10px;
    right: 20px;
}
.pr-bottom .shape-left-icon {
    left: 0px;
    bottom: 0px;
    position: absolute;
}
.pr-bottom .shape-right-icon {
    right: 0px;
    top: -140px;
    position: absolute;
}.gh-r {
    position: relative;
    z-index: 9;
}.interview-banner .shap3 {
    position: absolute;
    left: 0px;
    top: 41%;
}.interview-banner .shap4 {
    position: absolute;
    right: 0px;
    bottom: 30px;
}.sticky-new-button {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 99;
}.pr-video-wrp {
    margin-top: 60px;
}
.velozone_event_txt_3{padding: 80px 0 60px;}
.velozone_darkblue_sec {
    background-color: #11145B;
    background-image: url(../img/velozone_event/Path33696.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 60px;
    padding-bottom: 100px; 
    overflow: hidden;
}
.eve-pr{border: solid 2px #30D9C4;color: #11145B; padding: 40px 30px;margin: 30px 0}
.eve-pr-con {
    display: flex;
    justify-content: center; font-weight: bold; font-size: 14px;
    position: relative;
    padding: 0 140px 50px;border-bottom: solid 2px #30D9C4;
    align-items: center;gap:50px;
    text-align: left;
    margin: 50px 0;
}
.eve-pr-con p{ font-size: 14px;}
.eve-pr-con .icon1 {
    position: absolute;
    left: 60px;
    top: -100px;
}.eve-pr-con .icon2 {
    position: absolute;
    right: 20px;
    bottom: 60px;
}
.eve-pro-con{  display: flex;margin: 20px 120px 20px 170px;
    justify-content: center;text-align: left; font-weight: bold; color: #11145B;
    position: relative; align-items: center;gap:30px;}
.box-x {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left; font-size: 14px;  font-weight: bold;
    padding: 40px 170px 0;
    vertical-align: middle;
    gap: 30px;
}.eve-pr .icon1-1 {
    position: absolute;
    right: 40px;
}
.box-x h2{font-size: 20px;}
.box-x h2 span{padding-left: 20px;}

.eve-pr .icon1-2 {
    position: absolute;
    bottom: 50px;
}
.eve-second-col {
    position: relative;
    border-bottom: solid 2px #30D9C4;
    padding-bottom: 20px;
}
.eve-pr .eve-pro-con p {
    margin: 0px;
    font-size: 12px;
    line-height: 22px;
}
.eve-pro-con h3 {
    font-size: 14px;
}
.eve-pr-testimonial {
    display: flex;
    padding: 0 125px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    text-align: left;
}.eve-pr-testimonial .con {
    background: #F4F4F4; position: relative;
    padding: 20px; font-weight: bold;
    border-radius: 10px;font-size: 24px;
}
.eve-pr-testimonial .con:after{top: 30%;position: absolute; content: "";    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;border-left: 30px solid #F4F4F4;}
.eve-pr .small-text {
    font-size: 14px;font-weight: bold; color: #11145B;
}
.eve-pr-testimonial .con span {
    border-bottom: solid 2px #30D9C4;
}
.velozone_skyblue_sec.velozone_skyblue_sec-new .patch-4.patch-4 {
    top: 160px;
    z-index: 9;
}
.velozone_skyblue_sec.velozone_skyblue_sec-new .patch-5.patch-5-0 {
    z-index: 9;
    bottom: 0px;
}
.container-news-new .row.royalmilk-twocall h2 {
    color: #006AC6;
}.container-news-new .row.royalmilk-twocall {
    text-align: left;
}
.container.container-news-new {
    margin-top: 80px; margin-bottom: 70px;
}.two-clum-btn.new-intence-news-new {
    display: flex;
    justify-content: center;
}
.new-intence-newsection{position: relative}
.Umiko-san h3 {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    gap: 10px;
    color: #11145B;
}.Umiko-san {
    position: relative;
}
@media (max-width: 767px) {

.mb-60.soft_gated_1006 {
    margin: 0px 0px 50px;
}
	.member-information-list::before {
    width: 60px;
    height: 60px;
    top: 120px;
    left: 0px;
}.interview-banner .shap1 {
    position: absolute;
    right: 0;
    top: -20px;
}
	.interview-banner .shap1.shap1__ {
    position: absolute;
    left: 0px; right: inherit;
    top: -20px;
    transform: rotate(260deg);
}
	
	.interview-banner .shap1 img {
    width: 50px;
}.interview-banner .shap2 img {
    width: 100px;
}.pink-box .two-clum-btn {
    display: block;
    
}.pink-box .right-icon img {
    width: 60px;
}.pink-box .left-icon img {
    width: 50px;
}
	.pr-bottom .shape-right-icon{display: none}
	.pr-bottom .shape-left-icon{display: none}.sticky-new-button {
    position: fixed;
    bottom: 160px;
    right: 20px;
    z-index: 99;
}.pr-video-wrp {
    margin-top: 30px;
}.interview-banner .shap4 img {
    width: 100px;
}.interview-banner .shap4 {
    position: absolute;
    right: 0px;
    bottom: 0;
}.interview-banner .shap3 {
    position: absolute;
    left: 0px;
    top: 43%;
}
.interview-banner .shap3 img {width: 60%;}
.eve-pr-con p { font-size: 13px;}
.eve-pr-con .icon2, .eve-pr-con .icon1, .eve-pr .icon1-1, .eve-pr .icon1-2{display: none;}	
.eve-pr-con {display: block; padding: 0;text-align: center;}	
.eve-pr-con h2, .box-x h2, .eve-pro-con h3{margin-top: 20px;}
.velozone_event_txt_3 {
    padding: 40px 0 10px;
}	
.eve-pro-con, .eve-pr-testimonial {
    display: block;    text-align: center;
    margin: 0; padding: 0px;
    gap: 0;
}.eve-pr-testimonial .con {
    padding: 16px;
    font-size: 18px;
    margin: 20px 0;
}
.box-x {
    display: block;
    text-align: center;
    padding: 0;font-size: 12px;
    gap: 0; margin-top:20px;
}	.container.container-news-new {
    margin-top: 40px;
    margin-bottom: 40px;
}
	.testimonial-wrp1.pr-page {
    background: url("../img/velozone_event/pr-bg1-sp.png") no-repeat top 160px center;
}
	.testimonial-wrp1.pr-page.testimonial-wrp1 {
    background: url("../img/velozone_event/pr-bg1-sp1.png") no-repeat top 160px center;
}
	.pr-heading p {
    color: #11145B;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    margin: 30px 0;
}.familymart-wrp.tobacconist-store.none-mb {
    display: none;
}.two-clum-btn.new-intence-news-new {
    display: block;
    justify-content: center;
}.container-news-new .row.royalmilk-twocall p {
    margin-bottom: 30px;
}.ScrollGroup-sp {-webkit-overflow-scrolling: touch;overflow-y: scroll;
    overflow-x: scroll;
}.ScrollGroup-sp img {
    max-width: initial;
}
}





.lineup-heading {padding: 60px 0 30px;text-align: center;color: #00557D;}

.lineup-heading h1 {
    color: #00557D;
    font-size: 48px;
}

.lineup-heading p{color: #00557D; font-size: 28px; font-weight: bold}



.pack-s {
    color: #00557D;
    font-weight: bold;
    text-align: center;
    display: flex; font-size: 28px;
    justify-content: center;
    margin: 0px 0 0;
}.pack-number {
    background: #EF1111;
    color: #fff;
    border-radius: 100px;
    padding: 2px 12px;
    margin: 0 10px;
}
.pack-s span {
    font-size: 12px;
}
.light-wrp {
    background: #05D9C3;
    text-align: center;
    padding: 70px 0 120px;
}.light-wrp .container, .medium-wrp .container, .intense-wrp .container, .black-wrp .container, .white-wrp .container {
    position: relative;
}
.light-wrp-left {
    position: absolute;
    right: -130px;
    top: 0;
}
.light-wrp-right {
    position: absolute;
    left: -180px;
    top: 200px;
}
.medium-wrp .light-wrp-left {
    position: absolute;
    right: -90px;
    bottom: 100px; top: inherit;
}
.medium-wrp .light-wrp-right {
    position: absolute;
    left: -180px;
    top: 00px;
}
.intense-wrp .light-wrp-left {
    position: absolute;
    left: 40px;
    bottom: 0px; top: inherit;
    width: 219px;
    /* display: block; */
    right: inherit;
}
.intense-wrp .light-wrp-right {
    position: absolute;
    right: -120px;
    top: 0px;
    width: 219px;
    /* display: block; */
    left: inherit;
}
.black-wrp .light-wrp-left {
    position: absolute;
    left: 80px;
    top: 0;
    width: 219px;
    /* display: block; */
    right: inherit;
}
.black-wrp .light-wrp-right {
    position: absolute;
    right: 70px;
    bottom: 90px; top: inherit;
    width: 219px;
    /* display: block; */
    left: inherit;
}
.white-wrp .light-wrp-left {
    position: absolute;
    left: -80px;
    top: 20px;
    width: 134px;
    /* display: block; */
    right: inherit;
}
.white-wrp .light-wrp-right {
    position: absolute;
    right: -120px;
    bottom: 0px; top: inherit;
    width: 168px;
    /* display: block; */
    left: inherit;
}.white-wrp ul {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.storeLocator_wrapper {
    position: relative;
    padding: 0;
}.white-wrp .light-wrp-right {
    right: 0px;
    display: block;
    top: -90px;
    width: 120px;
    bottom: 0px;
    height: 80px;
}.product-heading {
    margin-bottom: 35px;
}
.light-wrp h4, .medium-wrp h4, .intense-wrp h4, .black-wrp h4{color: #fff; font-size: 20px; text-shadow: 1px 0px 1px #666; font-weight: bold}
.lineupslider{display: flex; flex-wrap: wrap}
.medium-wrp{background: url("../img/lineup/yellow-bg.png") no-repeat top center; text-align: center;z-index: 9;margin:-130px 0 0 0; padding: 120px 0 190px}
.intense-wrp{background: url("../img/lineup/Union24.png") no-repeat top center; text-align: center;z-index: 9;margin:-160px 0 0 0; padding: 120px 0 170px}
.black-wrp{background: url("../img/lineup/black-bg.png") no-repeat top center; text-align: center;z-index: 9;margin:-160px 0 0 0; padding: 120px 0 70px}
.white-wrp{ text-align: center;z-index: 9;margin: 0; padding: 120px 0 90px; background: #fff; }
.lineupslider .slick-dots {
  display: block;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  margin: 0;
  bottom: -50px;
  list-style: none;
}
  .lineupslider .slick-dots li {
    display: inline-block;
    margin-right: 10px;
}
    .lineupslider .slick-dots button {
      width: 15px;
      height: 15px;
      border: solid 1px #fff;
      border-radius: 100%; padding: 0px;
      background-color:inherit;
      text-indent: -999999px;
    }
.lineupslider .slick-dots .slick-active button {
        background-color: #fff;
      }
.lineup-heading h2{color: #11145B; font-size: 69px; font-weight: bold;position: relative;
    display: inline;}
.lineup-heading h2 span{font-size: 58px;}
.lineup-heading h2:before {
    content: "";
    left: -160px;
    background: url("../img/lineup/Group4329.png") no-repeat right center;
    position: absolute;
    width: 128px;
    height: 84px;
    bottom: 0px;
}

.lineup-heading h2:after {
    content: "";
    right: -160px;
    background: url("../img/lineup/Group4327.png") no-repeat right center;
    position: absolute;
    width: 128px;
    height: 84px;
    bottom: 0px;
}
.product-heading h3{color: #fff; font-size: 49px; font-weight: bold;position: relative;
    display: inline; text-shadow:1px 2px 1px #666;}
.lineup-heading h2 span{font-size: 58px;}
.product-heading h3:before {
    content: "";
    left: -60px;
    background: url("../img/lineup/Group8969.png") no-repeat right center;
    position: absolute;
    width: 62px;
    height: 65px;
    bottom: -40px;
}

.product-heading h3:after {
    content: "";
    right: -80px;
    background: url("../img/lineup/Group8970.png") no-repeat right center;
    position: absolute;
    width: 72px;
    height: 65px;
    top: -30px;
}


@media (max-width: 767px) {.light-wrp-right, .light-wrp-left{display: none}
.white-wrp ul {
    display: block;
    
}
	.white-wrp ul li {
    margin: 10px 0;
}
.white-wrp .light-wrp-left {
    display: block;
    bottom: -80px;
    left: 0px;
    top: inherit;
}.familymart-wrp .col-6 {
    max-width: 100%;
}
	.lineup-heading h2{font-size: 40px;}	
	.lineup-heading h2 span{font-size: 30px;}
	
	.lineup-heading h2:before {
    left: -140px;
    position: absolute;
    width: 58px;bottom: 10px;
    height: 44px;
    background-size: 100%;
}.lineup-heading {
    padding: 30px 0 0;
    text-align: center;
}
	.lineup-heading h2:after{ width: 58px;
    height: 44px;
    background-size: 100%; right: -70px; bottom: 10px;}
	.product-heading h3{    font-size: 25px;}
} 







#signuppopup .aha-sitemodal-overlay{    background: rgba(255,255,255,0.7);}
.signuppopup {
    background: #fff;
    text-align: left;padding:30px 30px!important;
}.sm-container.ageGate .signuppopup  .section_caption p {
    text-align: left;
}
.signuppopup {
    background: #fff;
    text-align: left;
    padding: 30px 30px!important;
    border: solid 3px #00AED6;
}
.signuppopup .section_caption {
    overflow-y: auto;
    min-height: 500PX;
    max-height: 500px;
}


.dropdown-content {
  display: none;
  position: relative;
 cursor: pointer;
  min-width: 160px;
  overflow: auto;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


.dropdown-content.show {display: block;}

/*27-3-23*/

.pr-bottom .product-btn-group a{border-radius: 30px}
.pink-wrp{ padding: 80px 0 20px;
background:#F3B3CD url("../img/velo-sampling/pink-shape.png") no-repeat left center;	
}
.steps-wrp{position: relative}
.steps-wrp .link1 {
    position: absolute;
    right: 280px;
    top: 270px;
}

.steps-wrp .link2 {
    position: absolute;
    right: 310px;
    top: 570px;
}
.v-points-wrp{background: #F7F7F7; padding: 50px;}
.v-points-box {
    background: #fff;
    /* display: inline-block; */
    padding: 15px;
    border: solid 2px #000;
    border-radius: 10px;
    clear: both;
    max-width: 350px;
    margin: 0 auto 50px; position: relative;
}
.v-points-box:after {position: absolute; background: url("../img/velo-sampling/Polygon.png") no-repeat right center; content: ""; width: 48px; height:23px;   bottom: -50px;    left: 43%;transform: translateY(-50%);}
.step-total{font-size: 24px; text-align: center; font-weight: bold}

.step-total .price{font-size: 30px;}
.step-total .price span{font-size: 60px; line-height: 55px;color: white;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;}

.interviewed-pink{background: #4D004B; color: #F3B3CD; padding: 30px; text-align: center; font-size: 45px; font-weight: bold}
.gray-sampling{background: #F7F7F7; padding: 50px 250px; text-align: left; margin: 80px 0}
.gray-sampling h2{font-size: 35px; margin-bottom: 20px}
.gray-sampling p{font-size: 22px; line-height: 45px}
.small-text a{color: #000000; text-decoration: underline}
 .product-btn-group a{clear: both}
@media (max-width: 767px) {
.pr-bottom .product-btn-group{ display: block; margin:  0 auto}
.pr-bottom .product-btn-group a{ margin: 0 auto 10px; width: 70%}
	.steps-wrp .link1 {
    position: absolute;
    right: 47px;
    top: 270px;
}.steps-wrp .link2 {
    position: absolute;
    right: 70px;
    top: 600px;
}.step-total {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
	}.interviewed-pink{    font-size: 23px;}
	.v-points-box h2{font-size: 22px;}
	.v-points-box h4{font-size: 14px;}
	.step-total .price span{display: block}.gray-sampling {
    background: #F7F7F7;
    padding: 20px 10px;
    text-align: left;
    margin: 20px 0;
}.gray-sampling p {
    font-size: 20px;
    line-height: 34px;
}.gray-sampling h2 {
    font-size: 28px;
    margin-bottom: 20px;
}.v-points-wrp {
    background: #F7F7F7;
    padding: 20px;
}
	.storeTxt > div{  padding-bottom: 10px; padding-top: 30px;  }

}
@keyframes blink{
0%{background: #041E42}
100%{background:#00AED6 }
}
.blink{animation: blink 1s linear infinite;}

@media (max-width: 767px) {
iframe#vimeoVdID {height: 190px;}
	.gated_footer_links h3{font-size: 14px; min-height: inherit}	
	
}
@media (min-width: 1280px) {
.container-large {max-width: 1200px;}
	.yellow-accordion-content ul li a {
  
     padding-right: 50px; 
}
}
/*04-04-2023*/
.famipay_sec1{background: #05D9C3; margin-bottom: 20px; padding: 0 }
.famipay_sec1.pink{background: #F3B3CD; margin-bottom: 20px}
.famipay_sec2{margin: 40px 0}
.famipay_sec2 h2{margin-bottom: 20px}
.green-btn {
    background: #05D9C3;
    text-align: center;
    color: #fff; font-size: 22px;
    padding: 10px;
    margin: 0 auto;
    max-width: 320px; border: 0px; border-radius: 0px;
    
}
.pink1-btn {
    background: #FF00BC;
    text-align: center;
    color: #fff; font-size: 22px;
    padding: 10px;
    margin: 0 auto;
    max-width: 320px; border: 0px; border-radius: 0px;
    
}
.famipay_sec3{background: #11145B; padding: 30px 15px}
.famipay_sec3.blue-1{background: #424E9E}
.famipay_sec3 p{color: #fff}
.famipay_sec3 h2{margin: 20px 0; color:#fff }
.whit-wrp{background: #fff; margin: 30px 0 0 0; padding: 20px; border-radius: 20px}
.whit-wrp p{color: #11145B; text-align: left}
.famipay_sec4{background: #05D9C3; padding: 20px}
.famipay_sec4.pink1{background: #F3B3CD; padding: 20px}

.white-wrp{background: #fff; margin: 30px 0 0 0; padding:20px 10px; border-radius: 20px;color: #000; text-align: left;}
.white-wrp div{padding: 2px;overflow-y: scroll; height: 500px}
.white-wrp div{scrollbar-width: thin ;}
/* Handle */
.white-wrp div::-webkit-scrollbar-thumb {
  background: #05D9C3; margin-right: 2px;
}
.famipay_sec4.pink1 .white-wrp div::-webkit-scrollbar-thumb {
  background: #F3B3CD; margin-right: 2px;
}
/* width */
.white-wrp div::-webkit-scrollbar {
  width: 3px; 
}
.labout-tobacco{margin: 50px 0}
.labout-tobacco h2{color: #00557D; font-size: 28px; font-weight: 500}
.n-art-inner-f{display: flex;gap:40px; margin-bottom: 30px;max-width: 900px;
    justify-content: center; margin:0 auto 20px;}
.n-art-inner-f img{width: 428px;height: 428px}
.l-about-tf {
    display: flex;max-width: 900px;
    justify-content: left;margin:0 auto 20px;
    gap: 20px;    
}
.itsprb h2{color:#00557D; font-size: 40px; margin-bottom: 10px}
.benefits h2{color: #00557D; font-size: 40px; margin-top: 30px; margin-bottom: 15px}
.article-list ul li{ border-bottom: solid 1px #00ABC8; display: block; margin-bottom: 10px;padding-bottom: 8px}
.article-list ul li a{background: url("../img/news/arrow-ar.png") no-repeat right center; color: #000000; padding-right: 12px}
.article-list {
    /* max-width: 900px; */
    padding-left: 85px;
    padding-right: 60px;
    padding: 40px 60px 40px 85px;
}
.uservoice-bottom{background: #FFE1E7; padding: 40px 0 40px}
.gre-right{background: linear-gradient(90deg, rgba(239,137,158,1) 0%, rgba(254,107,135,1) 14%, rgba(253,73,92,1) 35%, rgba(253,73,92,1) 84%, rgba(161,13,20,1) 100%); margin: 0 3% 40px; padding: 50px 0; text-align: center; width: 94%}
.gre-right h2{color: #fff; font-size: 38px; font-weight: bold}
.l-about-tf div {
    width: 50%;
}
a.btn.btn-800-blue.btn-800-blue1 {
    color: #00ABC8;
    border-color: #00ABC8;
    margin-bottom: 20px;
}
.red-b{background: #B6111A; color: #FFE1E7; font-size: 40px; font-weight: bold; line-height: 50px; padding: 20px; text-align: center}
.bottom-white{padding: 60px  0 0 }
.content-sec_normal.darkblue-theme .user-description {background: #254AA2;border-radius: 10px; padding: 30px 20px 15px;color: #fff; position: relative}
.light-grey{background: #F6F6F6}
.n-art-inner-f div {
    width: 50%;
}
.headlines {
    background: #E6F6F9;
    margin: 20px 0;
    padding: 20px;
    font-size: 16px;
    color: #00557D;
    font-weight:500;
    line-height: 22px;
    display: flex;
    gap: 15px;
}.headlines span {
    background: #FD495C;
    height: 22px;
    padding: 0 5px;
    color: #fff;
}
.weird-ab{position: relative}
.weird-won {
    overflow: auto;height: 74vh;background: url("../img/home/Group14893.png") no-repeat right top; border: solid 1px #707070;
}
.weird-con{overflow: auto;}
.weird-won::-webkit-scrollbar {
  display: none;
}
.product-strength-block{margin: 80px 0}
.product-strength-bg{background: url("../img/home/Group14893-bg.png") no-repeat right top; padding: 100px 0 200px}
.product-strength-p{color: #FFFFFF; margin: 30px 0 30px 30px;}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}.slick-next {
    right: 100px;
}
.slick-prev {
    left: 100px;
}
.gatedtop-carousel .slick-prev:before {
    width: 66px;
    height: 66px;
    content: '';
    background: url("../img/home/Group13849-left.png") no-repeat right top;
    right: 30px;
    position: absolute;
    z-index: 9;
}
.gatedtop-carousel .slick-next:before {
    width: 66px;
    height: 66px;
    content: '';
    background: url("../img/home/Group12934-right.png") no-repeat right top;
    left: 30px;
    position: absolute;
    z-index: 9;
}.slick-dots {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    text-align: center;
  border-radius: 100px;
    color: black; background: #fff; border: solid 1px #00557D;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.slick-dots li.slick-active button:before {
     background: #00557D;border: solid 1px #00557D;
}
.red-strength-block{background: linear-gradient(180deg, rgba(161,13,20,1) 0%, rgba(254,107,135,1) 100%); padding: 80px 0}

.red-strength-block .slideshow {
   
    padding: 50px 0 50px;
}
.red-strength-block.red-strength-block-ungated .slideshow {
    
    background: #fff;
}
.red-strength-block .slick-dots{bottom: -40px}
.green-strength-block{padding: 80px 0;background: linear-gradient(180deg, rgba(0,85,125,1) 0%, rgba(0,213,200,1) 100%); position: relative}
.single_prize_img{margin-bottom: 60px}
.multipic-carousel .slick-prev:before {
    width: 66px;
    height: 66px;
    content: '';
    background: url("../img/home/Group13180-left.png") no-repeat right top;
    right: 30px;
    position: absolute;
    z-index: 9;
}
.multipic-carousel .slick-next:before {
    width: 66px;
    height: 66px;
    content: '';
    background: url("../img/home/Group13180-right.png") no-repeat right top;
    left: 30px;
    position: absolute;
    z-index: 9;
}
.multipic-carousel .slick-prev {
    left: -50px;
}
.multipic-carousel .slick-next {
    right: -50px;
}.green-strength-lefticon {
    position: absolute;
    left: 00px;
    top: 100px;
}
.green-strength-righticon {
    position: absolute;
    right: 00px;
    bottom: 100px;
}
.multipic-carousel .image-section{margin: 0 5px; position: relative}
.mews-list-wrp ul li {
    display: inline-block;
    gap: 15px;
    /* justify-content: space-evenly; */
    width: 33.3333%;
}.mews-list-wrp ul {
    display: flex;
    gap: 15px;
}
.mews-list-wrp ul li p{margin: 0 0 10px; font-size: 16px; color: #fff; line-height: 22px;}
.mews-list-wrp ul li p.date{margin: 0 0 10px; font-size: 12px}

.mews-list-wrp ul li a{color: #F7EB55;font-size: 12px}
.red-strength-block.news-gatedtop, .red-strength-block.news-ungatedtop{position: relative}
.red-strength-block.news-gatedtop::after{content: ""; position: absolute;background: url("../img/home/news-bg.png") no-repeat right top; left: 0px; top: 16px; height: 100%;width: 100%;}
.red-strength-block.news-ungatedtop::after{content: ""; position: absolute;background: url("../img/home/news-bg-ungated.png") no-repeat right top; left: 0px; top: 16px; height: 100%;width: 100%;}
.white-footer-block{padding: 80px 0}
.contact-bottom-block {
    display: flex;
    margin: 15px 0;
    gap: 15px;
}.contact-number-block {
    position: relative;
}.contact-number-block .phone-number {
    position: absolute;
    top: 120px;
    left: 170px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
}
.softgatedtop1__banner{background: url("../img/home/Group13780.png") no-repeat center top; padding: 80px 0 90px;}

.softgatedtop1__banner h1{color: #F7EB55; text-align: center;  font-size: 45px}
.no-smoke {
    display: flex;
    margin: 30px 0 10px;
    justify-content: center;
    align-items: center;
}
.no-smoke .no-smoke-img{width: 40%}
.no-smoke div{width: 70%; color:#fff}
.no-smoke-list ul{display: flex}
.no-smoke-list .gifani{width: 145px; margin-bottom: 30px}
.no-smoke-list ul {
    display: flex;
    justify-content: center;
    gap: 70px;
    text-align: center;
}
.no-smoke-list h3{color: #F7EB55}
.no-smoke-list p{color: #fff; line-height: 20px;}
.softgatedtop1__banner .text-center p{color: #fff; margin: 0px; font-size: 20px; font-weight: bold}
.softgatedtop2__banner{background: #fff;padding: 80px 0 90px;}
.softgatedtop2__banner h2{color: #00557D; font-size: 45px; text-align: center; margin-bottom: 20px}
.softgatedtop2__banner__inner{background: url("../img/home/Group137811.png") no-repeat center top; padding: 60px 0 30px;}
.softgatedtop3__banner h2{color: #FFF200; font-size: 30px}
.strength__ani-block{position: relative}
.strength__ani-block .ani__ {
    width: 114px;
}
.strength__ani-block .ani__.ani__1 {
    position: absolute;
    top: 8px;
    left: 370px;
}
.strength__ani-block .ani__.ani__2 {
    position: absolute;
    top: 128px;
    left: 383px;
    width: 100px;
}
.strength__ani-block .ani__.ani__3 {
    position: absolute;
    top: 8px;
    left: 710px;   width: 100px;
}
.red-strength-block a.btn.btn-blue.mt-3 {
    z-index: 1;
    position: relative;
}.mews-list-wrp {
    z-index: 1;
    position: relative;
}
.menthol-wrp{background: #E6F6F9; padding: 50px 50px 0}
.flavorsystem-wrp{background: #FFE1E7; padding: 50px 50px 0}


.menthol-wrp h2, .flavorsystem-wrp h2 {
    color: #00557D;
    font-size: 52px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.flavorsystem-wrp h2{color: #B6111A}
.polar-mint-block {
    background: linear-gradient(90deg, rgba(230,246,249,1) 0%, rgba(0,195,216,1) 0%, rgba(0,171,200,1) 46%, rgba(0,85,125,1) 100%);
    padding: 60px 30px 140px;
    width: 50%;
    justify-content: space-around;float: left;
    display: flex;
    text-align: center;
    color: #fff;
}
.ruby-berry{background: linear-gradient(90deg, rgba(255,225,231,1) 0%, rgba(254,107,135,1) 0%, rgba(253,73,92,1) 46%, rgba(91,9,13,1) 100%);}
.freeze-mint-block {
   background: linear-gradient(90deg, rgba(214,236,253,1) 0%, rgba(113,182,233,1) 0%, rgba(81,129,216,1) 46%, rgba(37,74,162,1) 100%);
    padding: 60px 15px 140px;
    width: 50%;float: left;
    justify-content: space-around;
    display: flex;
    text-align: center;
    color: #fff;
}
.freeze-mint-block.breeze{width: 25%;background:#FFAF68;}
.freeze-mint-block.royalmilk {
    width: 25%;background:#D5A293;
}
.pack-s__.clearboth {
    background: #fff;
    max-width: 430px;
    padding: 20px 0 20px;
    border-radius: 8px;
}

.polar-mint-block h3, .freeze-mint-block h3{color: #fff; font-size: 28px;font-weight: bold}

.polar__ {
    display: inline-block;
}.polar__ p {
    line-height: 20px;font-weight: bold;    margin-bottom: 20px;
}
.Ellipse-blcok {
    color: #FFF200;
    font-weight: bold;
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.pack-s__.clearboth {
    background: #fff;
    max-width: 430px;
    padding: 20px 0 20px;
    border-radius: 8px;
    margin: 0 auto;
    top: -110px;
    position: relative;
}.Ellipse-blcok span {
    margin-right: 7px;
}
.red-strength-block h2{color: #FFF200; font-size: 46px;}
.red-strength-block p{color: #fff; font-size: 24px;}
.left-image-block p{color: #00557D; font-size: 18px}
.left-image-block p.align-text-bottom {
    font-weight: bold;
    position: absolute;
    bottom: 30px;
}
.points-store3 .heading{margin-bottom: 10px}
.points-store3 .heading h2{margin-bottom: 20px}
.point-strip {
    background: #00D5E3;
    border-radius: 5px;
    padding: 20px 10px;
    text-align: center;
    margin: 30px 0;
}.points-store3 .green-strength-righticon {
    position: absolute;
    right: 0px;
    bottom: 0;
}section.red-strength-block.red-strength-block-points, .points-store3.green-strength-block {
    margin: 4% 2%;
}.points-store3.green-strength-block.blue-strength-block {
background: linear-gradient(180deg, rgba(37,74,162,1) 0%, rgba(81,129,216,1) 48%, rgba(113,182,233,1) 100%); padding: 30px 0 ;
}.points-store3 .heading h2 {
    color: #F7EB55;
    font-size: 42px;
    margin-bottom: 40px;
}.left-image-block a.blue-roundbtn {
    position:absolute;
}section.product-top1-wrp.green-strength-block.product-top1-wrp-bottom {
    margin: 60px 0;
}
.red-strength-block h3{color: #fff; font-size: 30px;}

.selectCheck-wrp {
   
    border-bottom: solid 1px #f5f5f5; padding-bottom: 20px; margin-bottom: 20px;
}
.hastags .btn.btn-white:hover {
    color: #fff;background: #00D5E3;
}
.pointpopup .content-wrp .historypoint_middlesection {
text-align: center;
color: #fff;
}.Ellipse-blcok img {
    margin: 0 1px;
}.read-more-less .user-description span.heading-icon{
display:none;
}.interestingvideos .heading {
    position: relative;
    margin: -130px 0 62px 0;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}footer a.btn.btn-yellow {
    background: #FFF200;
    color: #00557D;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px; min-height: 56px;
    max-width: 140px;border-radius: 8px;
    min-width: 220px;
    margin: -13px 0 0;
}.radio-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.radio-box div{display: flex; justify-content: center; align-content: center; align-items: center; margin-right: 10px;}
.radio-box div label{margin: 0px 5px; padding: 0px;}
@media (max-width: 767px) {
	.red-strength-block.news-gatedtop::after{display: none}
.red-strength-block .slideshow {padding: 30px 0;}
.red-strength-block{ padding: 40px 0; margin-top: 50px}	
	.red-strength-block .slick-dots{bottom: -30px}
.contact-bottom-block {
    display: block;
    margin: 15px 0;
}.contact-number-block {
    position: relative;
    margin: 15px 0 0;
}.contact-number-block .phone-number {
    position: absolute;
    top: 62px;
    left: 138px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3px;
}.white-footer-block {
    padding: 30px 0;
}.mews-list-wrp ul {
    display: block;
   
}.mews-list-wrp ul li {
   
    width: 100%;
}.mews-list-wrp ul li img {
    width: 50%;
}.mews-list-wrp ul li {
    width: 100%;align-items: center;
    display: flex; margin-bottom: 15px;
}
.n-art-inner-f {
    display: flex;
    gap: 0;
    margin-bottom: 20px;
}.n-art-inner-f div {
    width: 46%;
    margin: 2%;
}.n-article p {
    margin-bottom: 8px;
    font-size: 12px;
    word-wrap: break-word;
    line-height: 16px;
}	
.n-article a {
    font-size: 12px;
}	.n-article h2 {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 20px;
}
	.l-about-tf div {
    clear: both;
}.labout-tobacco {
    margin: 30px 0;
}.l-about-tf {
    display: block;
    gap: 20px;
}
	.n-article .float-left{margin-right: 20px;}
	.benefits h2{color: #00557D; font-size: 20px; margin-top: 30px}
.article-list {
    /* max-width: 900px; */
   clear: both;
    padding: 10px 0px 10px 0px;
}.article-list ul li a {
    padding-right: 40px;
    display: block;
}ul.faq-main-btn.benefits li {
    /* display: flex; */
    width: 44%;
    margin: 0 5px 10px;
}.n-article h1 {
    font-size: 25px;
    margin-bottom: 30px;
    color: #070C5C;
	
}
	.n-art-inner-f img {
    width: 100%;
    height: 160px;margin-bottom: 10px;
}.l-about-tf div {
    width: 100%;
}.red-b {
    background: #B6111A;
    color: #FFE1E7;
    font-size: 26px;
    font-weight: bold;
    line-height: 34px;
    padding: 20px;
    text-align: center;
}.gre-right h2 {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}
	.product-strength-bg{background: url("../img/home/Group-14902.png") no-repeat right top; padding: 150px 0 80px; background-size: 100%}

	.gatedtop-carousel .slick-next:before, .multipic-carousel .slick-next:before{background-size: 30px;left: 0;}
	.gatedtop-carousel .slick-prev:before, .multipic-carousel .slick-prev:before{background-size: 30px;}
	.slick-prev {
    left: 50px;
}
	.slick-next {
    right: 50px;
}.multipic-carousel .slick-prev {
    left: 30px;
}.multipic-carousel .slick-next {
    right: 36px;
}
	.multipic-carousel .slick-dots{display: none!important}
	.slick-dots{bottom: 10px;}
	.headlines{display: block}
	.headlines span {
    background: #FD495C;
   
    padding: 5px 7px;
    color: #fff;
}.weird-won {
    overflow: auto;padding-top: 50px;
    height: 494px;
    background: url("../img/home/Group14893-sp.png") no-repeat right top;
    border: solid 1px #707070;background-size: cover;
}.product-strength-block {
    margin: 20px 0;
}.weird-ab {
    position: relative;
    margin-bottom: 40px;
}
	.softgatedtop2__banner {
    padding: 30px 0 0px;
}.softgatedtop2__banner h2 {
    font-size: 26px;
}.softgatedtop2__banner__inner {
    background: url("../img/home/Group137811-sp.png") no-repeat center top;
    padding: 50px 25px 30px;
}.softgatedtop1__banner {
    background: url("../img/home/Group13780-sp.png") no-repeat center top;
    padding: 100px 0 100px;
}.softgatedtop1__banner h1 {
    font-size: 30px;
}.no-smoke .no-smoke-img, .no-smoke div {
    width: 100%; 
}
	.no-smoke .no-smoke-img{margin-left: -15px;}
	.no-smoke, .no-smoke-list ul {
    display: block;
    
    text-align: center;
}.strength__ani-block .ani__.ani__1 {
    position: absolute;
    top: -110px;
    left: 25px;
    width: 110px;
}.strength__ani-block .ani__.ani__2 {
    position: absolute;
    top: 87px;
    left: 30px;
    width: 110px;
}
	.strength__ani-block .ani__.ani__3 {
    position: absolute;
    top: -110px;
    left: 213px;
    width: 100px;
}.multipic-carousel__con {
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    /* justify-content: center; */
}
	.multipic-carousel .image-section img{width: 100%}
	.menthol-wrp, .flavorsystem-wrp {
    
    padding: 20px 20px 0;
}
	
	
	.lineup-heading h1 {
    color: #00557D;
    font-size: 32px;
}.lineup-heading p {
    color: #00557D;
    font-size: 24px;
    font-weight: bold;
}.menthol-wrp h2, .menthol-wrp h2, .flavorsystem-wrp h2 {
    font-size: 30px;
   
}.polar-mint-block, .freeze-mint-block {
    padding: 30px 30px 30px;
    width: 100%;
    float: none;display: inline-block;
    text-align: center;
    color: #fff;
}.polar__ {
    display: inline-block;
    float: left;
    width: 50%;
}.polar__ p {
    line-height: 16px;
    font-weight: bold;
    font-size: 12px;
}.pack-s__.clearboth {
    background: #fff;
    max-width: 270px;
    padding: 20px 0 20px;
    border-radius: 8px;
    margin: 10px auto;
    top: 15px;
    position: relative;
    clear: both;
  
}.pack-s {
    
    font-size: 16px;
   
}.freeze-mint-block.breeze, .freeze-mint-block.breeze .polar__, .freeze-mint-block.royalmilk, .freeze-mint-block.royalmilk .polar__{
    width: 100%;
}
	.freeze-mint-block.royalmilk{margin-bottom: 20px;}
	.red-strength-block h2{color: #FFF200; font-size: 28px;}
.red-strength-block p{color: #fff; font-size: 18px;}
	.left-image-block p.align-text-bottom {
    font-weight: bold;
    position: relative;
    bottom: 30px;
}.col-sm-5.p-0 {
    padding: 0 15px!important;
}.white-box {
    position: relative;
    margin-bottom: 20px;
}.left-image-block p {
    color: #00557D;
    font-size: 18px;
}
	.points-store3.green-strength-block{position: relative; padding: 25px 0;}
	.points-store3.green-strength-block:after{background-image: url(../img/points/shapes-bg-sp.png);
   
    position: absolute;
    width: 350px;
    height: 1022px;
    content: "";
    top: 20px;
    display: block;
    left: 10px;
    }

.points-store3.green-strength-block.blue-strength-block:after{background-image: url(../img/points/Group14714.png); background-repeat: no-repeat; width: 95%}
	.softgatedtop1__banner .text-center p {
  
    font-size: 16px;
}.no-smoke-list {
    padding: 30px 0 0px;
}
	.points-store3 .heading h2 {
    /* color: #F7EB55; */
    font-size: 24px;
    margin-bottom: 10px; 
}

	
.selectCheck-wrp {padding-bottom: 10px;margin-bottom: 10px;}.multipic-carousel .image-section {
    margin: 0 25px;
    position: relative;
}	.social-blocks .social {
    width: 100%;
}.weird-con {
    overflow: auto;
    text-align: center;
}
	.headlines{font-size: 14px;}
	.interestingvideos .heading {
    position: relative;
    margin: -85px 0 32px 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}.protfolio-header + .row {
    justify-content: center;
}.renewal-gated-collect-points-wrap .rgc-point-box img {
    margin: 0 auto 15px;
}footer.ungated_footer a.btn.btn-yellow {
    background: #FFF200;
    color: #00557D;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    min-height: 50px;
    max-width: 140px;
    border-radius: 8px;
    min-width: 180px;
    margin-bottom: 20px;
}
}

@media (max-width: 390px) {
.weird-won {
    overflow: auto;
    padding-top: 50px;
    height: 463px;
    border: solid 1px #707070;
    background-size: 100%;
    background-position: left;
}	.weird-con {
    overflow: auto;
    padding: 0 20px;
}
}

@media (max-width: 375px) {
	.strength__ani-block .ani__.ani__1 {
    position: absolute;
    top: -110px;
    left: 18px;
    width: 110px;
}.strength__ani-block .ani__.ani__2 {
    position: absolute;
    top: 77px;
    left: 23px;
    width: 110px;
}
	.strength__ani-block .ani__.ani__3 {
    position: absolute;
    top: -110px;
    left: 183px;
    width: 100px;
}
	.weird-con {
    overflow: auto;
    padding: 0 30px;
}
.weird-won {
    
    height: 438px;
    
}	
}
@media (min-width:1024px) and (max-width:1366px) {
.freeze-mint-block.royalmilk, .freeze-mint-block.breeze { width: 25%;}	
.polar-mint-block h3, .freeze-mint-block h3 {font-size: 24px;}	
	.weird-won {
    overflow: auto;
    height: 470px;
   
    border: solid 1px #707070;
    background-size: 100%;
}
}
@media (min-width:1360px) and (max-width:1400px) {.freeze-mint-block.royalmilk, .freeze-mint-block.breeze { width: 25%;}	
.polar-mint-block h3, .freeze-mint-block h3 {font-size: 24px;}	
	.weird-won {
    overflow: auto;
    height: 510px;
   
    border: solid 1px #707070;
    background-size: 100%;
}}
@media (min-width:1440px) and (max-width:1440px) {.freeze-mint-block.royalmilk, .freeze-mint-block.breeze { width: 25%;}	
.polar-mint-block h3, .freeze-mint-block h3 {font-size: 24px;}	
	.weird-won {
    overflow: auto;
    height: 525px;
   
    border: solid 1px #707070;
    background-size: 100%;
}.testimonial-wrp h1{font-size: 48px; margin-bottom: 20px;}	}
@media (min-width: 1600px) {
	
	.weird-won {
    height: 580px;
    width: 100%;
    background-size: 100%;
}
	.testimonial-wrp h1{font-size: 48px; margin-bottom: 20px;}	
}
@media (min-width: 1920px) {
.softgatedtop2__banner__inner {
    padding: 180px 0 180px;
}
.text-center.mb-30.mt-35 {
    margin-top: 80px;
}	.freeze-mint-block > div .polar__, .polar-mint-block > div .polar__ {
    /* width: 49%; */
    margin: 0 75px;
}
	.product-strength-bg {

    padding: 100px 0 200px;
    background-size: 100%;
}
	.weird-won {
   
    height: 695px;
   
    
}
}
@media (min-width: 2500px) {
    .weird-won {
        height: 935px;
        text-align: center;
    }
}
@media (min-width: 3000px) {
    .weird-won {
        height: 1105px;
        text-align: center;
    }
}

/*14-08-23*/
.floating-gif {
    position: fixed;
    bottom: 10px;
    z-index: 99999; cursor: pointer;
    right: 0px;
}
.floating-gif img {
    width: 460px;
    height: auto;
}

@media (max-width: 800px) {
    .floating-gif img {
        width: 260px;
        height: auto;
    }
}
/*18-08-23*/
.hyp-read-specnote {
    background-color: #00557D;
    font-size: 12px;
    padding: 6px 0 10px;
    clear: both;
    z-index: 1;
    color: #fff;
    position: relative;
    text-align: left;
    margin: 0px;
}

.hed-newssec {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 2.25;
}

.read-newsdetail a {
    color: #fff
}

a.btn--white.btn--white1 {
    padding: 15px 40px;
    font-weight: bold;
}

.accessary-glow-hyper {
    padding: 40px 0
}

.x2second-wrp,  .footer-cp {
    background-color: #00557D;
    color: #fff
}

    .accessary-glow-hyper h2 {
        font-size: 40px !important;
        color: #fff;
        margin: 0px 0 40px;
        line-height: 60px !important;
    }

.cool_device_teaser-block .col-3 {
    color: #fff;
    text-align: center;
}

.ejoica-wrp {
    text-align: center;
    padding: 60px 0;
    color: #000
}

    .ejoica-wrp h2 {
        margin-bottom: 30px
    }

.cool_device_teaser-block .col-3 span {
    padding: 20px 0;
    display: block;
    font-size: 16px
}

.cool_device_teaser-block .col-3 .small-text {
    font-size: 12px !important;
    font-weight: 100;
    color: #aaaaaa;
}

.cool_device_teaser-block .col-3 {
    position: relative;
}

@media (min-width: 768px) {
    .cool_device_teaser-block .col-3::after {
        display: block;
        position: absolute;
        width: 15px;
        height: 15px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        content: "";
        bottom: 70%;
        right: -4px;
        transform: translateX(-50%) rotate(45deg);
    }

    .cool_device_teaser-block .col-3:last-child::after {
        display: none
    }
}

.small-text a {
    color: #fff
}

.grid-block-beat {
    background: #fff;
}

.grid-block-beat {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.ejoica-list-block {
    margin: 60px 0 0px;
}

.ejoica-list {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .ejoica-list div {
        padding: 0 30px 30px;
    }

.banner-contenthyp .glow-hyperbtn-wrp .hyp-btn a {
    background: #FFF200;
}

@media (min-width: 769px) {
    .cool_device_teaser-block .grid-block-mini .col-6 {
        width: 25.000%;
        color: #fff;
        margin: 0px 0 35px;
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    .packlist {
        width: 870px;
    }
}

@media (max-width: 768px) {
    .accessary-glow-hyper h2 {
        font-size: 26px !important;
        color: #fff;
        margin: 0px 0 40px;
        line-height: 40px !important;
    }

    .banner-contenthyp p {
        font-size: 15px;
    }

    .cool_device_teaser-block .col-3 {
        max-width: 100%;
        width: 100%;
        margin: 15px 0;
        font-size: 11px;
        COLOR: #FFF;
        text-align: left;
        flex: auto;
        display: flex;
        justify-content: left;
        position: relative;
        align-items: center;
    }

        .cool_device_teaser-block .col-3 img {
            width: 130px;
            margin: 0 30px 0 0;
        }

        .cool_device_teaser-block .col-3::after {
            display: block;
            position: absolute;
            transform: rotate(135deg);
            width: 7px;
            height: 7px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            content: "";
            bottom: -17px;
            left: 21%;
            transform: translateX(-50%) rotate(135deg);
        }

        .cool_device_teaser-block .col-3 span {
            padding: 0px 0;
            display: block;
            font-size: 16px;
        }

        .cool_device_teaser-block .col-3:last-child::after {
            display: none
        }

    .ejoica-wrp {
        text-align: center;
        padding: 0px 0;
        color: #000;
    }

    .ejoica-list div {
        padding: 0 10px 10px;
    }
}

/*06-9-23*/
.special-challenge {
    position: relative
}

.special-challenge-btn {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.white-wrp-2 {
    background: none;
    border: solid 1px #fff;
    color: #fff;
    border-radius: 0px;
    font-weight: bold
}

.white-wrp-3 {
    background: none;
    border: solid 1px #00557D;
    color: #00557D;
    border-radius: 0px;
    font-weight: bold;
    overflow:auto;
}

    .white-wrp-2 div, .white-wrp-3 div {
        height: 200px;
        background: none
    }

.footre-light-green {
    background: #71B6E9;
    padding: 10px 0
}

.white-r-box {
    background: #fff;
    border-radius: 10px;
    margin: 0px 10px;
    padding: 10px
}


.heder-p {
    background: #00557D;
    min-height: 100px;
    margin-bottom: 15px;
    border-bottom: solid 10px #fff;
}

.pouch3 {
    padding: 0px;
}

.pouch2 ul {
    display: flex;
}

    .pouch2 ul li {
        margin: 10px 10px;
    }

.slideshow-pouch .slick-next {
    right: 80px;
}

.slideshow-pouch .slick-prev {
    left: 30px;
}

.slideshow-pouch1 .slick-next:before {
    width: 66px;
    height: 66px;
    content: '';
    background: url("../img/5pouch/Path 39221.png") no-repeat right top;
    left: 0px;
    position: absolute;
    z-index: 9;
}

.slideshow-pouch1 .slick-prev:before {
    width: 66px;
    height: 66px;
    content: '';
    background: url("../img/5pouch/test.png") no-repeat right top;
    right: 40px;
    position: absolute;
    z-index: 9;
}

.pouch3 {
    position: relative;
}

.slideshow-pouch {
    position: absolute;
    bottom: 360px;
    width: 100%;
    padding: 0 15px;
}

.pouch3 {
    color: #fff;
    position: relative;
    margin-bottom: 10px;
    .btn1

{
    position: absolute;
    bottom: 210px;
    left: 60px;
}

.btn2 {
    position: absolute;
    bottom: 60px;
    left: 60px;
}

}

.blues-strength-block {
    padding: 30px 0;
    color: #fff;
    background: linear-gradient(0deg, rgba(113,182,233,1) 0%, rgba(37,74,162,1) 75%);
    position: relative;
    margin-top: 15px;
}


.blues-strength-block h2 {
    color: #fff;
}

.w-bar {
    border: 2px solid #fff;
    padding: 10px;
    margin: 20px;
}

    .w-bar h3 {
        color: #fff;
        font-size: 14px;
    }

    .w-bar p {
        color: #fff;
        font-size: 10px;
        margin: 0px;
    }

.blues-strength-block input {
    width: auto;
}

.blues-strength-block input {
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 20px;
    min-height: auto;
    margin: 0 10px 0 30px;
}

.blues-strength-block label {
    font-size: 12px;
    display: inline-grid;
    text-align: left;
}

.qustion-block form {
    text-align: left;
    margin-left: 40px;
}

.blues-strength-block label {
    font-size: 12px;
    display: inline-grid;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0px;
    position: relative;
    top: -8px;
}

.blues-strength-block .btn.disable {
    background: #8F8F8F;
    cursor: none;
}

.blues-strength-block .white-wrp {
    background: none;
    border: solid 3px #fff;
    padding: 20px;
    border-radius: 0px;
    margin: 0 20px;
}

    .blues-strength-block .white-wrp div {
        padding: 12px;
        overflow-y: scroll;
        color: #fff;
        height: 210px;
    }

.pouchyellow-nav ul {
    display: flex;
    text-align: center;
    margin: 20px 0;
    align-items: center;
    justify-content: center;
}

    .pouchyellow-nav ul li {
        margin: 0 10px;
        background: #F7EB55;
        padding: 10px 40px;
        font-weight: bold;
    }

        .pouchyellow-nav ul li span {
            min-height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 24px;
        }

.green-pouch-bg {
    background: linear-gradient(0deg, rgba(0,213,200,1) 0%, rgba(0,171,200,1) 44%, rgba(0,85,125,1) 86%);
    padding: 50px 0;
}

.strength__ani-block1 {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

    .strength__ani-block1 .ani__.ani__1 img, .strength__ani-block1 .ani__.ani__2 img, .strength__ani-block1 .ani__.ani__3 img {
        width: 130px;
    }

    .strength__ani-block1 .ani__.ani__1 {
        position: absolute;
        top: 8px;
        left: 100px;
    }

    .strength__ani-block1 .ani__.ani__2 {
        position: absolute;
        top: 8px;
        left: 530px;
    }

    .strength__ani-block1 .ani__.ani__3 {
        position: absolute;
        top: 178px;
        left: 100px;
    }

.green-pouch-bg {
    color: #fff;
    position: relative;
}

    .green-pouch-bg p {
        color: #fff;
        position: relative;
    }

.pouch-carousel {
    margin: 30px 0;
}
.slideshow-pouch1 button.slick-prev.slick-arrow.slick-disabled {
    display: none;
}

.green-pouch-bg .clear {
    margin: 30px 0;
    text-align: center;
}

    .green-pouch-bg .clear .btn {
        margin: 20px 0;
    }



.green-pouch-bg::before {
    background-image: url(../img/5pouch/left-top-p.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 765px;
    height: 62px;
    content: "";
    top: 0;
    display: block;
    left: 0;
}

.green-pouch-bg::after {
    background-image: url(../img/5pouch/right-top-p.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 62px;
    height: 740px;
    content: "";
    top: 0;
    display: block;
    right: 0;
}

.bottom--bg::before {
    background-image: url(../img/5pouch/right-top-p.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 62px;
    height: 740px;
    content: "";
    bottom: 0;
    transform: rotate(-180deg);
    display: block;
    left: 0;
}

.bottom--bg::after {
    background-image: url(../img/5pouch/left-top-p.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 765px;
    height: 62px;
    content: "";
    bottom: 0;
    transform: rotate(-180deg);
    display: block;
    right: 0;
}

.left-imgblock div.img__ {
    display: flex;
    justify-content: left;
    gap: 30px;
    /* justify-content: center; */
    align-items: center;
    text-align: left;
    margin-bottom: 40px;
}

.light__gray {
    background: #EFEFEF;
    display: flex;
    padding: 15px;
    gap: 10px;
    color: #00557D;
    font-weight: bold;
}

.w-bar {
    border: 1px solid #fff;
    padding: 10px;
    margin: 20px;
    text-align: left;
    max-width: 700px;
    margin: 0 auto 30px;
}

.qustion-block {
    margin: 30px 0;
}

.text-left {
    text-align: left;
}

.blues-strength-block .white-wrp {
    background: none;
    border: solid 1px #fff;
    padding: 20px;
    border-radius: 0px;
    margin: 0 20px;
    max-width: 720px;
    margin: 0 AUTO;
}

    .blues-strength-block .white-wrp div::-webkit-scrollbar-thumb {
        background: #fff;
    }

.white-wrp::-webkit-scrollbar-track {
    background: #fff;
}

@media (min-width: 768px) {
    .pouch-carousel {
        display: flex;
        justify-content: space-around;
        margin: 60px 0;
    }
}

@media (max-width: 767px) {
    .green-pouch-bg::before, .bottom--bg::after {
        width: 185px;
        background-size: 100%;
    }

    .green-pouch-bg::after, .bottom--bg::before {
        width: 16px;
        height: 180px;
        background-size: 100%;
    }

    .pouchyellow-nav ul li span {
        min-height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 22px;
        font-size: 12px;
    }

    .pouchyellow-nav ul li {
        margin: 0 5px;
        background: #F7EB55;
        padding: 10px 10px 0px;
        font-weight: bold;
        font-size: 10px;
        line-height: 24px;
        min-height: 100px;
        min-width:30%;
    }

    .strength__ani-block1 .ani__.ani__1 {
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .strength__ani-block1 .ani__.ani__2 {
        position: absolute;
        top: 214px;
        left: 20px;
    }

    .strength__ani-block1 .ani__.ani__3 {
        position: absolute;
        top: 5px;
        left: 200px;
    }

        .strength__ani-block1 .ani__.ani__1 img, .strength__ani-block1 .ani__.ani__2 img, .strength__ani-block1 .ani__.ani__3 img {
            width: 110px;
        }

    .left-imgblock div.img__ {
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }

    .qustion-block form {
        text-align: left;
        margin-left: 0;
    }

    .blues-strength-block label {
        font-size: 12px;
        display: inline-grid;
        text-align: left;
        margin: 0 0 0 0;
        padding: 0px;
        position: relative;
        top: 0;
    }

    form .formgroup {
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .blues-strength-block input {
        width: auto;
        margin-left: 0px;
    }

    .heder-p .logo-holder {
        text-align: center;
    }

    .heder-p {
        background: #00557D;
        min-height: 80px;
    }
}

/* 19-02-2024 - VELO_VELORIAN_00_SG_top_PC */
.velorian_page_links{padding: 20px 0; background-color: #00557D; border-bottom: solid 1px #707070; }
.velorian_page_links .secondary-navigation{margin: 0; background-color: #00557D; }
.velorian_page_links .secondary-navigation ul {margin: 0 -10px; }
.velorian_page_links .secondary-navigation ul li{width: 100%; max-width: 33.3%; }
.velorian_page_links .secondary-navigation a{flex-direction: column; height: 100%; padding: 20px; padding-bottom: 40px; font-size: 24px; font-weight: 500; position: relative; text-decoration: none; background-color: #FFF200; }
.velorian_page_links .secondary-navigation a:after{content: ""; position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; width: 12px; height: 12px; border: solid 2px #00557D; border-top: 0; border-right: 0; transform: rotate(-45deg);}
.velorian_page_links .secondary-navigation a span{font-size: 18px; margin: 0 0 8px 0; font-weight: normal;}

.velorian_interview{padding: 80px 0 50px; background-color: #00557D; background-image: linear-gradient(#00557D, #00ABC8, #00D5C8);}
.velorian_section_head{text-align: center;}
.velorian_section_head .subtitle{font-size: 24px; font-weight: 500; color: #00557D; margin-bottom: 30px;}
.velorian_section_head .title{font-size: 44px; color: #FFF200; margin-bottom: 30px;}
.velorian_section_head p{font-size: 24px; color: #fff; margin-bottom: 30px;}

.velorian_interview_body ul{margin: 0 -15px -50px; display: flex; flex-wrap: wrap;}
.velorian_interview_body li{padding: 0 15px 50px; width: 100%; max-width: 33.3%; }
.velorian_interview_body li a{text-decoration: none; }
.velorian_interview_body img{margin-bottom: 20px; width: 100%;}
.velorian_interview_body .card_title{color: #fff; font-size: 18px; font-weight: 500;}
.velorian_interview_body p{font-size: 24px; color: #fff; margin-bottom: 0;}


.velorian_testimonial{background-color: #E6F6F9; padding: 80px 0 40px;}
.velorian_testimonial .velorian_section_head{margin-bottom: 40px;}
.velorian_testimonial .velorian_section_head .title{color: #00557D;}
.velorian_testimonial .velorian_section_head p{color: #2B2B2B;}
.velorian_testimonial .velorian_section_head .short_desc{color: #2B2B2B; font-size: 12px; font-weight: 500; margin-bottom: 20px;}
.velorian_btns a.btn, 
.velorian_btns button.btn{font-weight: normal; padding-left: 50px; padding-right: 50px; position: relative; border-color: #254AA2; border-width: 2px; margin-left: 10px; margin-right: 10px; }
.velorian_btns a.btn:hover, 
.velorian_btns button.btn:hover{background-color: #254AA2;}
.velorian_btns a.btn.btn-blue, 
.velorian_btns button.btn.btn-blue{background-color: #254AA2; border-color: #254AA2; color: #fff; }
.velorian_btns a.btn.btn-yellow, 
.velorian_btns button.btn.btn-yellow{background-color: #FFF300; border-color: #FFF300; color: #254AA2; }
.velorian_btns a.btn.arrow:after, 
.velorian_btns button.btn.arrow:after{content: ""; position: absolute; top: 17px; right: 30px; margin: 0 auto; width: 12px; height: 12px; border: solid 2px #fff; border-top: 0; border-right: 0; transform: rotate(-45deg);}
.velorian_testimonial .testimonial-blog{margin-bottom: 20px;}

.velorian_section_forms{background-color: #fff; padding: 40px; margin-bottom: 20px; }
.velorian_section_forms ul{display: flex; flex-wrap: wrap; margin:0 -10px}
.velorian_section_forms ul li{ width: 100%; max-width: 25%; padding-left: 10px; padding-right: 10px;}
.velorian_section_forms .storeDropdown select{color: #5D5F63; font-size: 14px; border-bottom: solid 1px #2A2A2A; border-radius: 0;}
.velorian_section_forms .storeDropdown:after{pointer-events: none; background: none; width: 10px; height: 10px; border: solid 2px #2A2A2A; border-top: 0; border-right: 0; transform: rotate(-45deg); top: 14px}


.testimonial-blog .like_box{display: flex; align-items: center; position: absolute; top: 10px; right:20px; background: #FFF200; border-color: #FFF200; border-radius: 30px; box-shadow: 0 3px 0 rgba(0,0,0,0.3); padding: 0 20px; height: 38px; line-height: 38px; cursor: pointer; font-size: 14px; font-weight: 500; text-decoration:none;}
.testimonial-blog .like_box:before{content: ""; width:18px; height: 17px; background: url("../img/VELO_VELORIAN_SG_top_PC/like-empty.svg"); background-size: 18px; display: inline-block; margin-right: 6px;}
.testimonial-blog .like_box.active:before{background: url("../img/VELO_VELORIAN_SG_top_PC/like-filled.svg"); background-size: 18px;}
.age60bg-blue {position: absolute; width: 100%; background: #00aeca;height: calc(100% - 201px);bottom: 0; top: 201px; left: 0px;}

.velorian_testimonial .post-your-impressions{text-align: left;}



@media only screen and (max-width: 991px){
    .velorian_page_links .secondary-navigation ul{padding: 0;}
    .velorian_page_links .secondary-navigation a{font-size: 10px; padding: 10px; padding-bottom: 24px;}
    .velorian_page_links .secondary-navigation a span{font-size: 8px;}
    .velorian_interview_body li{max-width: 50%; }
    .velorian_section_head .subtitle{font-size: 16px;}
    .velorian_section_head .title{font-size: 34px;}
    .velorian_section_head p{font-size: 16px;}
    .velorian_interview{padding-top: 40px; padding-bottom: 40px;}
    .velorian_interview_body .card_title{font-size: 12px; line-height: 14px; margin-bottom: 4px;}
    .velorian_interview_body p{font-size: 16px; line-height: 18px;}
    .velorian_testimonial{padding-top: 40px; padding-bottom: 40px; }
}

@media only screen and (max-width: 767px){
    .velorian_interview_body ul{margin-bottom: -20px;}
    .velorian_interview_body li{max-width: 100%; padding-bottom: 20px;}
    .velorian_interview_body li a{display: flex;}
    .velorian_interview_body li a img{width: 100%; max-width: 40%; margin-bottom: 0; object-fit: contain; object-position: top;}
    .velorian_interview_body li a > div{width: 100%; max-width: 60%; padding-left: 15px;}
    .velorian_btns a.btn.btn-blue, .velorian_btns button.btn.btn-blue{padding-left: 10px; padding-right: 10px}
    .velorian_section_forms{padding: 20px;}
    .velorian_section_forms ul li{max-width: 50%; }
    .velorian_section_forms ul li.w-md-100{max-width: 100%;}
    .velorian_section_forms .velorian_btns .btn{width: 100%; margin: 0 0 20px;}   
}

/* 20-02-2024 - VELO_VELORIAN_01_G_interview_PC */
.interview_velorian_banner,
.interview_velorian_content{background-color: #E6F6F9;}
.interview_velorian_banner img{width: 100%; }
.velorian_testimonial .velorian_interview_body .card_title{color: #00557D}
.velorian_testimonial .velorian_interview_body p{color: #00557D}
.interview_velorian_content_blog{background-color: #fff; padding: 80px;}
.interview_velorian_content_blog h3{font-size: 18px; font-weight: 500; color: #00557D; }
.interview_velorian_content_blog p{font-size: 14px; line-height: 22px; font-weight: 400; color: #2B2B2B; }
.interview_velorian_content_blog .interview-qus-img{display: flex; margin-bottom: 0px;}
.interview_velorian_content_blog .interview-qus-img .image{max-width: 100%; flex: 1; padding-right: 30px; margin-bottom:30px;}
.interview_velorian_content_blog .interview-qus-img .image img{width:100%; }
.interview_velorian_content_blog .interview-qus-img .lp-r{max-width: 100%; flex: 1; margin-bottom: 0;}
.interview_velorian_content_blog .interview-qus{margin-top: 0; margin-bottom: 0;}
.interview_velorian_content_blog .interview-qus > div:last-child{margin-bottom: 0;}

@media only screen and (max-width: 991px){
    .interview_velorian_content_blog{padding: 60px 20px;}
    .interview_velorian_content_blog .interview-qus-img{flex-direction: column;}
    .interview_velorian_content_blog .interview-qus-img .image{padding: 0;}
    .velorian_interview_body li a{text-align: left;}
}
@media only screen and (max-width: 767px){
    .velorian_btns a.btn.btn-blue, .velorian_btns button.btn.btn-blue{ width: 100%; margin-left: 0; margin-right: 0;}
}

.velorian_section_forms ul li button.multiselect {
    border: 0;
    height: 48px;
    background: none !important;
    color: initial;
    color: #5D5F63 !important;
    font-size: 12px;
    border-bottom: solid 1px #2A2A2A;
    border-radius: 0;
    width: 100%;
    text-align: left;
    padding-right: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 100%;
}

    .velorian_section_forms ul li button.multiselect:after {
        display: none;
    }

.velorian_section_forms ul li .btn-group {
    width: 100%
}

.velorian_section_forms ul.multiselect-container.dropdown-menu {
    display: none;
    width: 100%;
    transform: none !important;
    top: 100% !important;
    left: 0 !important;
    margin: 0;
    padding: 16px;
    z-index:1;
    max-height: 200px;
    overflow-y: auto;
}

    .velorian_section_forms ul.multiselect-container.dropdown-menu.show {
        display: block;
    }

    .velorian_section_forms ul.multiselect-container.dropdown-menu li {
        max-width: 100%;
        padding: 0;
    }

        .velorian_section_forms ul.multiselect-container.dropdown-menu li a {
            width: 100%;
            color: #5D5F63;
            text-decoration: none;
        }

        .velorian_section_forms ul.multiselect-container.dropdown-menu li label {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            padding: 6px 0;
            align-items: center;
            text-align: left;
            font-size: 12px;
        }


.velorian_section_forms ul.multiselect-container > li > a > label > input[type=checkbox] {
    width: 15px;
    margin: 0 8px 0 0;
}
.velorian_section_forms .storeDropdown select.singleSelect {
    text-align: left;
    text-align-last: left;
    padding-left: 20px;
}

/* 06-03-2024 */
@media only screen and (min-width: 1025px){
    .two_column_blog{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .two_column_blog .testimonial-blog {
        max-width: 49%;
    }
    .two_column_blog .testimonial-blog .short-description,
    .two_column_blog .testimonial-blog .short-description span{font-size: 12px; line-height: 20px;}
    .two_column_blog .user-block{min-width: 100px;}
    .two_column_blog .user-description{margin-left: 20px;}
}
@media only screen and (min-width: 992px){
.two_column_blog .testimonial-blog .user-description .user-details {
    margin-top: -40px; padding-right: 90px;
    
}
.two_column_blog .testimonial-blog .user-description{padding-top: 56px; padding-right: 20px; height: calc(100% - 60px);}
}


.store_accordion{display: block; padding: 40px 0;}
.store_accordion_item{border-bottom: solid 2px #041E42;}
.store_accordion_item_head{color: #041E42; font-size: 18px; font-weight: 700; cursor: pointer; padding: 10px 0; position: relative; }
.store_accordion_item_head:after{content: ""; position: absolute; top: 7px; right:0; width: 32px; height: 32px; background: url(../img/faq/green-arrow.png) no-repeat right center; transform: rotate(90deg);}
.store_accordion_item_content{display: none; }
.store_accordion_item.active .store_accordion_item_head:after{transform: rotate(-90deg);}

/* Floating - image design update */
.floating-gif{ max-width: 460px; bottom: 0; }
.floating-gif img{ width: 100%; height: auto; max-width: 100%; }
.floating-gif-left, 
.floating-gif-right{
    width: 100%; text-align: center; display: flex; padding: 0; justify-content: center; 
    font-size: 18px; font-weight: 500; color: #fff;
    height: 47px;
    line-height: 47px;
}
.floating-gif-left img, 
.floating-gif-right img {
    height: 47px; 
    object-fit: contain;
}
.floating-gif-left{background-color: #7d7d7d;  color: #fff;}
.floating-gif-right{background-color: #fff117;  color: #254AA2;}

.floating-image-modal .floating-gif{position: static;}
.floating-image-modal .modal-dialog {max-width: fit-content; margin: 0 auto;}
.floating-image-modal .modal-content{border: 0}
.floating-image-modal .modal-header,
.floating-image-modal .modal-body{padding: 0; border: 0; background-color: #fff;}
.floating-image-modal .modal-header .close{
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    background: #fff023;
    border-radius: 100%;
    z-index: 1;
    opacity: 1;
    line-height: 24px; 
}
@media (max-width: 991px){
    .floating-image-modal .modal-dialog { margin: 0 auto;}
}
@media (max-width: 767px){
    .floating-image-modal .floating-gif{max-width: 320px;}
}
.floating-gif-left button {
    border: none;
    padding: 0;
}



/* 24-04-2024 */
.punchscan_stamp_sheet_head .velorian_section_head p {
    margin-bottom: 0;
}

    .punchscan_stamp_sheet_head .velorian_section_head p span {
        color: #FFF200;
    }

.velo_punchscan_stamp_sheet {
    margin-top: 80px;
    margin-bottom: 60px;
}

.velo_punchscan_stamp_sheet-title {
    background: #FFF200;
    padding: 0px 24px;
    color: #00557D;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
}

.velo_punchscan_stamp_sheet-desc {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}

    .velo_punchscan_stamp_sheet-desc span {
        color: #FFF200;
    }

.velo_punchscan_stamp_sheet-content {
    padding: 40px 0;
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
    display: block;
}

.punchscan_stamp_sheet_head .velorian_section_head .short_disc span {
    font-size: 12px;
    color: #fff;
    margin-bottom: 20px;
}



.velo_punchscan_stamp_sheet_htp ul {
    display: flex;
    margin: 0 -23px;
}

.velo_punchscan_stamp_sheet_htp li {
    width: 100%;
    max-width: 25%;
    padding: 0 23px;
}

    .velo_punchscan_stamp_sheet_htp li:last-child .htp-carousel-card:after {
        display: none;
    }

.htp-carousel-card {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 10px;
    text-align: center;
    position: relative;
    height: 100%;
}

    .htp-carousel-card:after {
        display: block;
        content: "";
        width: 24px;
        height: 40px;
        background: url("../img/VELO_Pouchscan_and_stamp_sheet_LP/htp_carousel_arrow.png") no-repeat right top;
        position: absolute;
        top: 50%;
        right: -36px;
        transform: translateY(-50%);
    }

.htp-carousel-card-step {
    font-size: 30px;
    font-weight: bold;
    color: #00557D;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.htp-carousel-card-step-title {
    font-size: 24px;
    font-weight: 500;
    color: #00557D;
    margin-bottom: 16px;
    line-height: 24px;
}

.htp-carousel-card-step-disc {
    color: #00557D;
    line-height: 19px;
}

.htp_icon {
    display: block;
    margin-bottom: 16px;
}

    .htp_icon img {
        display: block;
        margin: 0 auto;
    }

.velo_punchscan_stamp_sheet_htp .slick-prev,
.velo_punchscan_stamp_sheet_htp .slick-next {
    width: 40px;
    height: 40px;
    background: url("../img/VELO_Pouchscan_and_stamp_sheet_LP/htp_carousel_arrow.png") no-repeat center top;
    background-size: auto 100%;
    z-index: 1;
}

.velo_punchscan_stamp_sheet_htp .slick-prev {
    left: -16px;
    transform: rotate(180deg);
}

.velo_punchscan_stamp_sheet_htp .slick-next {
    right: -16px;
    left: auto;
}

.velo_punchscan_stamp_sheet_htp .slick-disabled {
    display: none !important;
}

.velo_punchscan_stamp_sheet .velorian_interview_body .card_title {
    font-size: 22px;
}

.velo_punchscan_stamp_sheet .velorian_interview_body p {
    font-size: 16px;
}


.htp_get_points .htp-carousel-card:after {
    display: none;
}

.htp_get_points {
    padding-top: 60px;
    padding-bottom: 100px;
    background-color: #B6111A;
    background-image: linear-gradient(#B6111A, #FD495C, #FE6B87);
}

.htp_get_points-content {
    background: #fff;
    border-radius: 20px;
}

    .htp_get_points-content ul {
        display: flex;
        justify-content: center;
        margin: 0;
        padding-top: 30px;
        padding: 30px;
    }

        .htp_get_points-content ul li {
            max-width: 33.33%;
            padding: 0 10px;
        }

            .htp_get_points-content ul li .htp-carousel-card {
                padding: 0;
            }

            .htp_get_points-content ul li .red_text {
                font-size: 32px;
                line-height: normal;
                margin: 0;
                color: #B6111A;
            }

    .htp_get_points-content .htp_icon {
        width: 100%;
    }

        .htp_get_points-content .htp_icon img {
            width: 140px;
            height: 140px;
            object-fit: contain;
            object-position: center;
        }

    .htp_get_points-content ul li .htp-carousel-card .shot_disc {
        font-size: 16px;
    }

    .htp_get_points-content ul li .note {
        font-size: 12px;
        color: #00557D;
        text-align: right;
        margin-left: auto;
        width: 100%;
        display: block;
        margin-top: 16px
    }

.yellow_bg {
    position: relative;
    z-index: 1;
}

    .yellow_bg:after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 70%;
        height: 50%;
        background-color: #FFF200;
        z-index: -1;
    }

@media only screen and (max-width: 992px) {
    .htp-carousel-card:after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .velo_punchscan_stamp_sheet-title {
        font-size: 26px;
    }

    .velo_punchscan_stamp_sheet_htp ul {
        margin: 0;
    }

    .htp-carousel-card:after {
        display: none;
    }

    .velo_punchscan_stamp_sheet .velorian_interview_body .card_title {
        font-size: 16px;
        line-height: 22px;
    }
}



.htp_punches {
    padding-top: 60px;
    padding-bottom: 100px;
    background-color: #00557D;
    background-image: linear-gradient(#00557D, #00ABC8, #00D5C8);
}

.htp_punches-content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

    .htp_punches-content ul li {
        width: 100%;
        max-width: 33.33%;
        padding: 0 15px;
    }

.htp_punches-card {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 16px;
    position: relative;
}

    .htp_punches-card ol {
        display: flex;
        margin-bottom: 16px;
    }

        .htp_punches-card ol li {
            padding: 0 5px;
        }

            .htp_punches-card ol li img {
                width: 100%;
                height: auto;
                display: inline-block;
                cursor: pointer;
            }

            .htp_punches-card ol li img {
                opacity: 0.2;
            }

            .htp_punches-card ol li input:checked + img {
                opacity: 1;
            }

    .htp_punches-card p {
        margin: 0;
    }


    .htp_punches-card:after {
        display: block;
        content: "";
        width: 24px;
        height: 35px;
        background: url("../img/VELO_Pouchscan_and_stamp_sheet_LP/htp_carousel_arrow.png") no-repeat right top;
        background-size: auto 100%;
        position: absolute;
        top: 50%;
        right: -28px;
        transform: translateY(-50%);
    }

.htp_punches ul li:last-child .htp_punches-card:after {
    display: none;
}

.htp_punches .yellow_bg {
    position: relative;
}


.htp_punches-content-cta .note {
    color: #fff;
    margin-bottom: 0;
    margin-top: 30px;
}


@media only screen and (max-width: 767px) {
    .htp_get_points-content ul li {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .velo_punchscan_stamp_sheet_htp ul {
        display: block;
    }

    .htp_get_points-content ul li .red_text {
        font-size: 26px;
    }



    .htp_punches-content ul {
        display: block;
    }

        .htp_punches-content ul li {
            max-width: 100%;
            margin-bottom: 10px;
        }

    .htp_punches-card:after {
        right: 50%;
        transform: rotate(90deg);
        top: auto;
        bottom: -20px;
    }
}


.htp_participation_requirements {
    padding-top: 60px;
    padding-bottom: 100px;
    background-color: #00ABC8;
}

.htp_participation_requirements-title {
    color: #00557D;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .htp_get_points,
    .htp_punches,
    .htp_participation_requirements {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}



.time_stamp_functions {
    width: 100%;
    background-color: #00b1cc;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .time_stamp_functions ul {
        display: flex;
        align-self: center;
    }

        .time_stamp_functions ul li {
            width: 25%;
            position: relative;
            cursor: pointer;
            padding: 2px;
        }

            .time_stamp_functions ul li img.before {
                display: block;
            }

            .time_stamp_functions ul li img.after {
                display: none;
            }

            .time_stamp_functions ul li.active img.before {
                display: none;
            }

            .time_stamp_functions ul li.active img.after {
                display: block;
            }

            .time_stamp_functions ul li .label {
                font-weight: bold;
                color: #000;
                font-size: 0px;
                display: inline-block;
                position: absolute;
                top: 40%;
                left: 0;
                right: 0;
                transform: translateY(-50%);
                text-align: center;
            }

            .time_stamp_functions ul li.active .label {
                font-size: 14px;
            }

@media only screen and (max-width: 767px) {
    .time_stamp_functions ul li.active .label {
        font-size: 10px;
    }
}

.quiz-container {
    padding: 40px 0px;
    background: linear-gradient(180deg, rgba(0,116,153,1) 0%,rgba(99,237,252,1) 100%)
}
.pop-content.quizpoints-pop-content h2 {
    position: absolute;
    top: 150px;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pop-content.quizpoints-pop-content.correctanswer h2 {   
    top: 10%;   
}
.pop-content.quizpoints-pop-content .pointpopup-bottom-wrp {
    background: transparent;
    padding: 39px 40px;
    position: absolute;
    z-index: 10;
    bottom: 0;
}
.pop-content.quizpoints-pop-content .content-wrp {
    background: none;
}

.pop-content.quizpoints-pop-content .pointpopup-bottom-wrp .btn {
    border: none;
    background: #BC1020;
    border-radius: 50px;
    outline: none;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    transform:translate(8%, 20%)
}
.radio-box.question-options {
    flex-direction: column ;
    margin: 40px auto 20px;
    max-width: fit-content;
    align-items: flex-start;
}
.quiz-container .radio-box div input {
    width: 20px;
}

.question-submit, .question-next {
    background: #00557D;
    color: white;
}

.quiz-container .pointpopup .win-close {
    right: 42px;
}
.question-image {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.question-image img {
    max-width: 500px;
    margin-bottom: 30px;
}
.answer-content, .quiz-container, .answer-desc p, .itsprb h2 {
    text-align: center;
    color: #ffffff;
}
.question-content p, .answer-content p {
    font-size: 28px;
    line-height: 1.5;   
}
.answer-content .answer-correct {   
   color: #FFF200;
   line-height: unset;
   margin-top: 20px;
   margin-bottom: 10px;
}
.pop-content.quizpoints-pop-content.correctanswer .pointpopup-bottom-wrp .btn {
    background: #00557D;
}
@media (max-width: 990px) {
    .quiz-container .pointpopup .win-close {
        right: 18px;
    }
    .quiz-container .radio-box div label {
        font-size: 16px;
    }
}
@media only screen and (max-width:768px) {  
    .question-image img {
        max-width: 80%;
    }
    .pop-content.quizpoints-pop-content .pointpopup-bottom-wrp .btn {
        transform:translate(30%,20%)
    }
    .answer-desc {
        padding-left: 15px;
        padding-right: 15px;
    }
    .question-content p, .answer-content p {
        font-size: 20px;
    }
}
 .quiz-popup-score { 
     display: flex;
     align-items: center;
     text-align: center;
     flex-direction: column;
     color: #ffffff;
     justify-content: center;
     max-width: 600px;
     margin: 0 auto;
     background: #065580;
     position: relative;
     overflow: hidden;
 
 } 
 .quiz-score-content {
     padding-top: 20px;
 } 
 .quiz-score-content p {
     font-size: 24px;     
 } 
 .quiz-score-content span {
     font-size: 80px;
 } 
 .quiz-score-text {
     margin: 0px;
 } 
 .quiz-score-text p {
     font-size: 20px;   
 } 
 .quiz-score-text span {
     color: #FFF200;
 } 
 .quiz-score-desc p {
     font-size: 20px;
 } 
 .quiz-score-close {
     color: #ffffff;
     background-color: #47BED2;
     padding: 10px 50px;
     font-size: 28px;
     max-width: 426px;
     margin: 5px 0 20px 0;
     border-radius: 50px;
     border:none; 
 } 
 .quiz-score-close:hover {
     text-decoration: none;
     cursor: pointer;
     color: #ffffff;
 }
 
 @media only screen and (max-width:767px) {
.quiz-popup-score {
   padding-left: 20px;
   padding-right: 20px;
     }
.quiz-score-content p {
  font-size: 24px;
}
.quiz-score-content span {
   font-size: 80px;
}
.quiz-score-text p {
    font-size: 20px;
}
.quiz-score-desc p {
    font-size: 20px;
} 
.quiz-score-close {
    font-size: 24px;

}
}