@charset "utf-8";
/* CSS Document */

body {
	font-family: Montserrat, sans-serif;
}
.top-bar .navbar-default {
	background: none;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	padding: 5px 0;
}

.top-bar .navbar-brand
{ padding:13px 0;
}



.top-bar {
	background: #333;
}
.top-bar .navbar-default .navbar-nav > li {
	margin-left: 20px;
}

.top-bar .navbar-collapse
{ padding-left:0;
padding-right:0;
}


.common-wrapper {
	margin: 0 6%;
}
.top-bar .navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 20px;
}
#od-btn-top {
	margin-top: 5px;
}
#od-btn-top a {
	padding: 10px 15px;
	background: #2296C7;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 600;
}
.first-section {
	background: #00b3ff;
	background: -moz-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: -webkit-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	padding: 3% 0;
}
.br-nw {
	color: #fff;
	font-weight: 600;
	font-size: 38px;
	line-height: 134%;
}
.first-section p {
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}
.second-section {
	padding: 5% 0;
}
.second-section h2 {
	font-size: 36px;
	line-height: 135%;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 0;
}
.second-section p {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 150%;
}
.third-section {
	background: #00b3ff;
	background: -moz-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: -webkit-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	padding: 3% 0;
}
.third-section h2 {
	color: #fff;
	font-weight: 600;
	font-size: 38px;
	line-height: 134%;
	text-align: center;
	margin-top: 0;
}
.third-section p {
	color: #fff;
	font-size: 21px;
	padding: 0 5%;
	margin-bottom: 20px;
	margin-top: 17px;
}
.third-section li {
	padding-right: 20px;
	background-image: url(../images/wh-tick.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	list-style-type: none !important;
	padding-left: 35px;
	padding-bottom: 15px;
	font-size: 20px;
	color: #fff;
}
.third-section li:last-child {
	padding-bottom: 0;
}
.mr10-tp {
	margin-top: 10px;
}
.fourth-section {
	padding: 3% 0;
}
.fourth-section h2 {
	margin-top: 0;
	font-weight: 600;
	text-align: center;
	font-size: 38px;
	margin-bottom: 6%;
}
.ing-name {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 9px;
	color: #4f5050;
}
.fourth-section p {
	font-size: 20px;
	line-height: 142%;
}
.fourth-section p:last-child {
	margin-bottom: 0;
	line-height: 148%;
}
.ing {
	border: 3px solid #fbcd28;
}
.ing-area .row {
	margin-bottom: 15px;
}
.highest {
	font-size: 30px;
	font-weight: 600;
}
.fifth-section {
	background: #00b3ff;
	background: -moz-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: -webkit-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	padding: 2% 0;
	text-align: center;
	color: #fff;
}
.fifth-section h1 {
	font-weight: 600;
	font-size: 54px;
	line-height: 134%;
	margin: 0;
}
.fifth-section h3 {
	font-weight: 600;
	font-size: 38px;
	line-height: 134%;
	margin: 0;
	color: #fbcd28;
}
.product-sec {
	margin-top: 4%;
	margin-bottom: 4%;
}
.outr-wrp-pro {
	border-radius: 16px;
	box-shadow: 1px 4px 16px rgb(0 0 0 / 20%);
	-webkit-transition: all 0.5s ease;
}
#mr-tp {
	margin-top: 25px;
}
.bottle-item {
	padding: 30px 35px 35px;
	background: linear-gradient(to bottom, #ffffff 0%, #e6e7e8 100%);
	border: 1px solid rgb(0 173 246);
	text-align: center;
}
.price-box {
	transition: transform 0.2s;
}
.bottle-item h2 {
	font-family: Poppins, sans-serif;
	font-size: 40px;
	letter-spacing: -0.5px;
	font-weight: 700;
	color: rgb(40, 40, 40);
	margin: 0;
}
.bottle-item h3 {
	font-family: Poppins, sans-serif;
	font-size: 29px;
	line-height: 1.3em;
	font-weight: 500;
	color: #054120;
	margin-top: 5px;
	margin-bottom: 15px;
}
.bottle-item .price-per-bottle {
	font-family: "Oswald", sans-serif;
	padding-top: 18px;
	color: #1b497a;
	line-height: 45px;
}
.bottle-item .price-large {
	font-family: "Oswald", sans-serif;
	font-size: 84px;
	font-weight: bold;
	padding-right: 10px;
}
.bottle-item .per-bottle-span {
	font-family: "Oswald", sans-serif;
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	display: inline-block;
}
.bottle-item .money-saving {
	font-family: Poppins, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: rgb(204, 0, 0);
	min-height: 35px;
}
.bottle-item .price-data {
	padding-top: 25px;
	max-width: 460px;
	margin: 0 auto;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: rgba(33, 37, 41, 0.8);
}
.pro-Guarantee {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 19px;
	margin-top: 4px;
}
.seventh-section {
	background: #00b3ff;
	background: -moz-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: -webkit-radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	background: radial-gradient(circle, #00b3ff 0, #0074a7 100%);
	padding: 3% 0;
	color: #fff;
}
.seventh-section h2 {
	font-weight: 600;
	font-size: 50px;
	line-height: 134%;
	margin: 0;
	text-align: center;
	margin-bottom: 0;
}
.seventh-section h3 {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
	color: #ffd74a;
}
.grt {
	margin-top: 15px;
}
.seventh-section p {
	color: #fff;
	font-size: 17px;
	margin-bottom: 20px;
}

.eight-section
{ padding:3% 0;
}

.eight-section h2
{ margin-top:0;
margin-bottom:7%;
font-weight:600;
font-size:38px;
text-align:center;
}

.eight-section p
{ font-size:20px;
line-height:142%;
margin-bottom:10px;
}

.faq-area h3
{ font-size:30px;
font-weight:600;
margin-top:0;
line-height:132%;
}

.faq-area .row
{ margin-bottom:30px;
}

.mr30-right
{ margin-right:30px;
}

.faq-pic{
    border: 3px solid #fbcd28;
	margin-top:6px;
}

.sci-section
{ padding:3% 0;
  background:#f5f5f5;
}

.sci-section p
{ font-size:13px;
color:#7a7a7a;
}

@media only screen and (max-width:1200px)
{ 
.bottle-item h2 {
    font-size: 32px;
}

.bottle-item h3 {
    font-size: 25px;
}
}


@media only screen and (max-width:991px)
{ 

.video-wrapper {
    margin: 0;
    padding: 0;
}


.sixth-section .container
{ width:95%;
}

.bottle-item .price-large {
    font-size: 60px;
}

.bottle-item {
    padding: 30px 15px 35px;
}

.bottle-item h2 {
    font-size: 30px;
}

.bottle-item h3 {
    font-size: 20px;
}

.sixth-section .container .common-wrapper
{ margin:0;
}
}

@media only screen and (max-width:767px)
{ 

#middle-item {
    margin-top: 25px;
}

.grt
{ margin:15px auto 0;
display:block;

}


@media only screen and (max-width:480px)
{ 

.sixth-section .container .common-wrapper
{ margin:0 6%;
}

.top-bar .navbar-default .navbar-nav > li > a {
  font-size: 18px;
}

.top-bar .navbar-default .navbar-nav > li {
     margin-left: 0; 
}

#od-btn-top a {
    text-align: center;
}

.three-bottle
{ width: 70%;
    margin: 0 auto;
    display: block;
}

.br-nw {
    font-size: 30px;
}

.first-section
{ padding-bottom:20px;
}

.second-section h2 {
    font-size: 30px;
}

.sleepless
{ margin:0 auto;
display:block;
width:70%;
}

.third-section h2 {
    font-size: 30px;
    margin-top: 20px;
}
	
.third-section ul
{ padding-left:0;
}

.single-bottle
{ margin: 0 auto 10px;
    display: block;
}


.fourth-section h2 {
    font-size: 30px;
    margin-top: 20px;
}	

.fourth-section p:last-child {
    margin-bottom: 20px;
}

.ing-name
{ line-height:125%;
font-size:28px;
}

.highest {
    line-height: 132%;
}

.fifth-section h1 {
    font-size: 34px;
    margin: 20px 0 0;
}
	
.fifth-section h3 {
    font-size: 28px;
    line-height: 134%;
}
	.product-sec .col-md-4.col-sm-4
	{ margin-bottom:30px;
	padding:0;
	}
	
.seventh-section h2 {
    font-size: 32px;
	margin-top:20px;
}	
	
.seventh-section h3 {
    font-size: 30px;
	margin-bottom:10px;
}	

.grt
{ margin:0 auto 10px;
}

.seventh-section p {
    font-size: 20px;
}	

.eight-section h2 {
    margin-top: 20px;
    font-size: 32px;
}

.faq-pic
{ margin:0 auto 20px;
float:none !important;
}

.faq-area h3
{ font-size:28px;
}

.faq-area .row {
    margin-bottom: 20px;
}

  .faq-area .col-md-12
  { padding:0;
  }

}