* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Poppins", sans-serif;
  margin: 0;
  padding: 0;
  color: #121212;
}

@font-face {
  font-family: "Georgia", sans-serif;
  src: url("fonts/Georgia.woff2") format("woff2"), url("fonts/Georgia.woff") format("woff"), url("fonts/Georgia.eot") format("eot"), url("fonts/Georgia.ttf") format("ttf"), url("fonts/Georgia.svg") format("svg");
}

@font-face {
  font-family: 'Circularblack';
  src: url('fonts/CircularStd-Black.otf');
  font-weight: bold;
} 

@font-face {
  font-family: 'Circularregular';
  src: url('fonts/CircularStd-Book.otf');
  font-weight: normal;
}

/* NO Margin & NO Padding */
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

/* 'hg' FOR height */
.hg1{height:1px}.hg2{height:2px}.hg3{height:3px}.hg4{height:4px}.hg5{height:5px}.hg6{height:6px}.hg7{height:7px}.hg8{height:8px}.hg9{height:9px}.hg10{height:10px}.hg11{height:11px}.hg12{height:12px}.hg13{height:13px}.hg14{height:14px}.hg15{height:15px}.hg16{height:16px}.hg17{height:17px}.hg18{height:18px}.hg19{height:19px}.hg20{height:20px}.hg21{height:21px}.hg22{height:22px}.hg23{height:23px}.hg24{height:24px}.hg25{height:25px}.hg26{height:26px}.hg27{height:27px}.hg28{height:28px}.hg29{height:29px}.hg30{height:30px}.hg31{height:31px}.hg32{height:32px}.hg33{height:33px}.hg34{height:34px}.hg35{height:35px}.hg36{height:36px}.hg37{height:37px}.hg38{height:38px}.hg39{height:39px}.hg40{height:40px}.hg41{height:41px}.hg42{height:42px}.hg43{height:43px}.hg44{height:44px}.hg45{height:45px}.hg46{height:46px}.hg47{height:47px}.hg48{height:48px}.hg49{height:49px}.hg50{height:50px}.hg51{height:51px}.hg52{height:52px}.hg53{height:53px}.hg54{height:54px}.hg55{height:55px}.hg56{height:56px}.hg57{height:57px}.hg58{height:58px}.hg59{height:59px}.hg60{height:60px}.hg61{height:61px}.hg62{height:62px}.hg63{height:63px}.hg64{height:64px}.hg65{height:65px}.hg66{height:66px}.hg67{height:67px}.hg68{height:68px}.hg69{height:69px}.hg70{height:70px}.hg71{height:71px}.hg72{height:72px}.hg73{height:73px}.hg74{height:74px}.hg75{height:75px}.hg76{height:76px}.hg77{height:77px}.hg78{height:78px}.hg79{height:79px}.hg80{height:80px}.hg81{height:81px}.hg82{height:82px}.hg83{height:83px}.hg84{height:84px}.hg85{height:85px}.hg86{height:86px}.hg87{height:87px}.hg88{height:88px}.hg89{height:89px}.hg90{height:90px}.hg91{height:91px}.hg92{height:92px}.hg93{height:93px}.hg94{height:94px}.hg95{height:95px}.hg96{height:96px}.hg97{height:97px}.hg98{height:98px}.hg99{height:99px}.hg100{height:100px}

.container {
 max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}

h1 {
  font-size: 25px;
}
@media (min-width: 767px) {
  h1 {
    font-size: 44px;
  }
}

h2 {
  font-size: 23px;
}
@media (min-width: 767px) {
  h2 {
    font-size: 34px;
  }
}

h3 {
  font-size: 20px;
}
@media (min-width: 767px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 17px;
}
@media (min-width: 767px) {
  h4 {
    font-size: 20px;
  }
}

.italic {
  font-style: italic;
}

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

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

.bold {
  font-weight: 600;
}

img {
  width: 100%;
}

p {
  font-size: 16px;
}
@media (min-width: 767px) {
  p {
    font-size: 18px;
  }
}

.button {
  display: block;
  border-radius: 5px;
  background-color: #0025de;
  max-width: 220px;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  margin: 20px auto;
  font-size: 22px;
  text-align: center;
}
@media (min-width: 767px) {
  .button {
    font-size: 27px;
    max-width: 270px;
  }
}
.button:hover {
  background-color: #1a2d90;
  color: #fff;
}
.button i {
  margin-left: 5px;
}

header {
  /*background-image: url("images/bg.webp");*/
  background: #202020;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0px 0;
  /*min-height: 560px;*/
  position: relative; max-height: 1160px;
}
@media (min-width: 767px) {
  header {
    height: auto;
    padding-bottom: 192px;
  }
}
header .mobile_video.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}
header .placeholder {
  cursor: pointer;
}
header .bottom-title {
  position: absolute;
  bottom: 1rem;
  font-size: 21px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 767px) {
  header .bottom-title {
    font-size: 46px;
    bottom: 3rem;
  }
}

.main {
  background-color: #f7f6f6;
  padding-bottom: 20px;
}
@media (min-width: 767px) {
  .main {
    padding-bottom: 90px;
  }
}
.main .side-by-side {
  background-color: #fff;
}
.main .side-by-side h2 {
  font-family: "Georgia", sans-serif;
}
.main .side-by-side-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .main .side-by-side-item {
    flex-wrap: nowrap;
  }
}
.main .side-by-side-item.reverse {
  flex-direction: column-reverse;
}
@media (min-width: 767px) {
  .main .side-by-side-item.reverse {
    flex-direction: row;
  }
}
.main .side-by-side-item-txt {
  padding: 20px;
}
@media (min-width: 767px) {
  .main .side-by-side-item-txt {
    padding: 0 30px;
  }
}
.main .side-by-side-item-txt .right {
  float: none;
}
@media (min-width: 767px) {
  .main .side-by-side-item-txt .right {
    float: right;
    clear: both;
  }
}
.main .side-by-side-item-txt .text-right {
  text-align: left;
}
@media (min-width: 767px) {
  .main .side-by-side-item-txt .text-right {
    text-align: right;
  }
}
.main .side-by-side-item img {
  max-width: 810px;
}
.main .side-by-side-item .button {
  font-size: 20px;
  max-width: 220px;
  margin-top: 40px;
}
.main .side-by-side-item h4 {
  font-weight: 400;
}
.main .single-product {
  border-width: 2px;
  border-color: white;
  border-style: solid;
  background-color: white;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px;
  padding: 30px 30px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.main .single-product.veryTop { padding-top: 50px; }
.main .single-product img { 
  max-width: 70%;
  display: block;
  margin: 20px auto;
}
.main .single-product a {
  border-radius: 5px;
  background-color: #ffcb17;
  color: #121212;
  font-weight: 500;
  margin-top: 30px;
}
.main .single-product a:hover {
  background-color: #ae9332;
  color: #121212;
}
.main .guarantee-section {
  border-width: 2px;
  border-color: white;
  border-style: solid;
  background-color: white;
  padding: 30px;
  box-shadow: 0 5px 29px 0 rgba(0, 3, 4, 0.04);
}
@media (min-width: 767px) {
  .main .guarantee-section {
    padding: 30px 90px;
  }
}
.main .guarantee-section h3 {
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 767px) {
  .main .guarantee-section h3 {
    text-align: left;
  }
}
.main .guarantee-section img {
  display: block;
  max-width: 50%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .main .guarantee-section img {
    max-width: 100%;
  }
}
.main .faq {
  margin-top: 50px;
  margin-bottom: 30px;
}
.main .faq-item {
  border-width: 1px;
  border-color: #cfcdd3;
  border-style: solid;
  border-radius: 5px;
  background-color: white;
  margin-bottom: 20px;
  padding: 20px;
}
.main .faq-item p {
  margin: 0;
}
.main .alert-section {
  background-image: url("images/alert-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 0 0 0;
}
.main .alert-section h1 {
  color: #ab0000;
}
.main .alert-section h3 {
  max-width: 100%;
  margin: 20px auto;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 767px) {
  .main .alert-section h3 {
    max-width: 50%;
  }
}
.main .alert-section img {
  max-width: 80px;
  display: block;
  margin: 20px auto;
}
.main .alert-section .red-line {
  background-image: none;
  background-color: #d12003;
  padding: 10px;
}
@media (min-width: 767px) {
  .main .alert-section .red-line {
    background-image: url("images/red.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
  }
}
.main .alert-section i {
  margin: 0 10px;
  color: #fff;
}
.main .alert-section h2 {
  color: #fff;
  font-size: 20px;
}
@media (min-width: 767px) {
  .main .alert-section h2 {
    font-size: 34px;
  }
}
.main .bottles {
  margin: 50px 0;
}
.main .bottles-item {
  border-width: 2px;
  border-color: #cfcdd3;
  border-style: solid;
  border-radius: 5px;
  background-color: white;
  padding: 10px;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .main .bottles-item {
    padding: 30px;
  }
}
.main .bottles-item .mobile-view {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (min-width: 767px) {
  .main .bottles-item .mobile-view {
    display: none;
  }
}
.main .bottles-item .title {
  font-size: 30px;
  font-weight: 900;
  display: block;
  margin: 10px auto;
  text-align: center;
}
@media (min-width: 767px) {
  .main .bottles-item .title {
    font-size: 50px;
    margin: 20px auto;
  }
}
.main .bottles-item h3 {
  font-family: "Georgia", sans-serif;
  font-style: italic;
  font-weight: 100;
  text-align: center;
  color: #525252;
  font-size: 18px;
}
@media (min-width: 767px) {
  .main .bottles-item h3 {
    font-size: 24px;
  }
}
.main .bottles-item .price {
  display: block;
  font-size: 20px;
  color: #525252;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 767px) {
  .main .bottles-item .price {
    font-size: 28px;
  }
}
.main .bottles-item img {
  display: block;
  margin: 0;
  max-width: 100px;
}
@media (min-width: 767px) {
  .main .bottles-item img {
    max-width: 240px;
    margin: 20px auto;
  }
}
.main .bottles-item img.bottle1 {
  max-width: 70px;
}
@media (min-width: 767px) {
  .main .bottles-item img.bottle1 {
    max-width: 132px;
  }
}
.main .bottles-item .button {
  background-color: #ffcb17;
  color: #121212;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 767px) {
  .main .bottles-item .button {
    font-size: 26px;
  }
}
.main .bottles-item .button:hover {
  background-color: #ae9332;
  color: #121212;
}

footer {
  padding: 30px;
  text-align: center;
}
footer p {
  font-size: 12px;
}
footer img {
  max-width: 200px;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
footer ul li {
  position: relative;
  margin: 0 20px;
}
footer ul li a {
  font-size: 12px;
  font-weight: 600;
  color: #006ddf;
  text-decoration: none;
}
@media (min-width: 767px) {
  footer ul li a {
    font-size: 14px;
  }
}
footer ul li:after {
  content: "";
  display: block;
  background-color: #006ddf;
  width: 2px;
  height: 40%;
  position: absolute;
  top: 6px;
  right: -19px;
}
@media (min-width: 767px) {
  footer ul li:after {
    height: 58%;
  }
}





.title-new {
	font-family: 'Circularblack', sans-serif;
	font-size: 52px; font-weight: 700;
	color: #2f2f2f;
	text-align: center;
}

.title-sub {
	font-family: 'Circularblack', sans-serif;
	font-size: 44px; font-weight: 700;
	color: #2f2f2f;
	text-align: center;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding: 10px 0;
	margin-bottom: 50px;
}

.guarantee-box {
	background: #f8f0f3;
	padding: 10px 30px !important;
	border: 2px dashed #ab1a4c;
	border-radius: 10px;
}

.faq-wrapper {
	padding: 40px 40px;
}

.bodytext-20 {
	font-family: 'Circularregular', sans-serif;
	font-size: 20px; line-height: 29px; font-weight: 400 !important;
	color: #888888;
}
.bodytext-22 {
	font-family: 'Circularregular', sans-serif;
	font-size: 22px; line-height: 31px; font-weight: 400 !important;
	color: #2f2f2f;
}
.bodytext-24 {
	font-family: 'Circularregular', sans-serif;
	font-size: 24px; line-height: 33px; font-weight: 700 !important;
	color: #2f2f2f;
}

.btn-yellow {
  display: block;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.2);
  border-bottom: 3px solid rgba(0,0,0,0.2);
  background-color: #F6B759 !important;
  max-width: 280px;
  padding: 10px;
  color: #fff !important;
  text-decoration: none;
  margin: 10px auto;
  font-size: 32px; line-height: 46px; font-weight: 700 !important;
  text-align: center;
}
@media (max-width: 767px) {
  .btn-yellow {
    font-size: 25px; line-height: 25px; font-weight: 500 !important;
  }
}
.btn-yellow:hover {
  opacity: 0.9;
}
.btn-yellow i {
  margin-left: 5px;
}

.btn-yellow-clone {
  font-family: 'Poppins', sans-serif;
  display: block; 
  border-top: 2px solid #fdba00;
  border-right: 2px solid #e9ab00;
  border-bottom: 2px solid #7b4600;
  border-left: 2px solid #bc7704; 
  background: url('images/btn-bg3.jpg') repeat-x; 
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  max-width: 250px;
  padding: 15px; 
  color: #000 !important;
  text-decoration: none;
  margin: 10px auto;
  font-size: 22px !important; font-weight: 600 !important;
  text-shadow: 2px 2px 4px #ffffff;
  text-align: center;
  transition: all 300ms ease;
}
.btn-yellow-clone:hover {
  opacity: 0.9;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}

.faq-line { margin: 30px 0 30px 0; }
@media (max-width: 767px) {
  .faq-line { margin: 20px 0 20px 0; }
}


/* 3 PRODUCT OPTIONS */
.wrap-bottle {
	background: #ffffff;
	padding: 20px 30px 0 30px; 

	box-sizing: border-box;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-clip: padding-box;
	border-radius: 10px;
}
.wrap-bottle h1 { font-family: 'Poppins', sans-serif; font-size: 32px !important; line-height: 40px; font-weight: 700; color: #1e0c30; margin-top: 20px;}
.wrap-bottle h2 { font-family: 'Poppins', sans-serif; font-size: 23px !important; line-height: 32px; font-weight: 400; letter-spacing: 3px; margin-top: -10px; color: #999999;}
.wrap-bottle h3 { font-family: 'Poppins', sans-serif; font-size: 20px !important; line-height: 24px; font-weight: 400; color: #121212; }
.wrap-bottle h3 span { font-size: 32px !important; line-height: 38px; font-weight: 800; color: #121212; }
.wrap-bottle h3 b { font-weight: 600; }
.wrap-bottle h3 em { font-weight: 600; color: #cc0000; }
.wrap-bottle h4 { font-family: 'Poppins', sans-serif; font-size: 18px !important; line-height: 27px; font-weight: 400; color: #121212; margin-top: -8px; }
/*.wrap-bottle a { max-width: 72%; font-size: 22px; line-height: 33px; }*/

.tip-top { max-width:80%; height:20px; background:#d4a8c0; border-top-left-radius:10px; border-top-right-radius:10px; margin:-40px auto 0 auto; }
.tip-bottom { max-width:80%; height:20px; background:#d4a8c0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin:0 auto -60px auto; }

.tip-top-mid { max-width:80%; height:20px; background:#ab1a4c; border-top-left-radius:10px; border-top-right-radius:10px; margin:-40px auto 0 auto; }
.tip-bottom-mid { max-width:80%; height:20px; background:#ab1a4c; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin:0 auto -43px auto; }

.pos-rel { position: relative; padding: 20px 0; }

.wrap-bottle.wb-side { margin-top: 60px; }

.wrap-bottle.wb-middle { 
	background: url('images/bg-bottle.png') no-repeat center top; 
	background-size: cover;
	position: relative;
	margin-left: 0 !important; margin-right: 0 !important; margin-bottom: -25px;
	border-top-left-radius: 40px; border-top-right-radius: 40px;
	border-bottom-left-radius: 0; border-bottom-right-radius: 0;
	border: 3px solid #ab1a4c;
	border-bottom: 6px solid #ab1a4c;
}
.wrap-bottle.wb-middle img.bestseller { 
	position: absolute; top: -15px; left: -15px; width: 127px;
}

.wrap-bottle.wb-left { 
	border-top-left-radius: 40px; border-top-right-radius: 0; 
	border-bottom-left-radius: 0; border-bottom-right-radius: 0;
	border: 3px solid #d4a8c0;
	border-right: 0 none;
	border-bottom: 6px solid #d4a8c0;
}

.wrap-bottle.wb-right { 
	border-top-left-radius: 0; border-top-right-radius: 40px; 
	border-bottom-left-radius: 0; border-bottom-right-radius: 0;
	border: 3px solid #d4a8c0;
	border-left: 0 none;
	border-bottom: 6px solid #d4a8c0;
}

.imgbtl-1 { max-width: 100px; }
.imgbtl-2 { max-width: 150px; }
.imgbtl-4 { max-width: 200px; }

.img-1btl4all { max-width: 120px; position: relative; top: 20%;  left:-10px }
.img-x { width: 40px; position: absolute; top: 0; left: 90px; z-index: 200; }

img.atc { transition: all 300ms ease; }
img.atc:hover { opacity: 0.8; }

.wrapper-bottle { padding-top: 25px !important; }

@media (max-width: 767px) { 
	.img-x { top: 5px; left: 50px; }
	.wrap-bottle.wb-left { border-right: 3px solid #d4a8c0; border-top-right-radius: 40px; }
	.wrap-bottle.wb-right { margin-bottom: -25px; border-left: 3px solid #d4a8c0; border-top-left-radius: 40px; }
	.wrap-bottle.wb-middle img.bestseller { top: -6px; left: -6px; }
}



/* FOOTER NAVBAR */
.footer-navbar { background: #ffffff; padding-top: 30px; padding-bottom: 30px; }
.footer-navbar p {
	font-family: 'Poppins', sans-serif;
	font-size: 12px; line-height: 18px;
	color: #121212;
}
.footer-nav li:hover { border-top: 2px solid #c40000; }
.footer-nav li:hover a { color: #c40000; }

.footer-links { 
	padding: 25px 16px; 
	font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 21px; font-weight: 600; color: #0a58ca;
}
.footer-links span { padding: 0 15px; }
.footer-links a:hover { color: #c40000; }





/* ADDITIONAL RESPONSIVE PART */
@media (max-width: 767px) {
	.title-new { font-size: 40px; line-height: 40px; }
	.title-sub { font-size: 32px; line-height: 32px; }
	.bodytext-20 { font-size: 18px; line-height: 26px; }
	.bodytext-22 { font-size: 20px; line-height: 27px; }
	.bodytext-24 { font-size: 22px; line-height: 28px; }

	.wrapper-bottle { padding-top: 100px !important; }

	.wrap-bottle.wb-side { margin-top: 60px; }
	.wrap-bottle.wb-middle { margin-top: -90px !important; }
}