@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto.eot');
  src: url('../fonts/roboto.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto.woff2') format('woff2'),
       url('../fonts/roboto.woff') format('woff');
        font-display: swap;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/roboto_medium.eot');
  src: url('../fonts/roboto_medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto_medium.woff2') format('woff2'),
       url('../fonts/roboto_medium.woff') format('woff');
        font-display: swap;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/roboto_bold.eot');
  src: url('../fonts/roboto_bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto_bold.woff2') format('woff2'),
       url('../fonts/roboto_bold.woff') format('woff');
        font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

ul {
  list-style: none;
}

body {
  min-width: 330px;
  font-family: 'Roboto';
  font-weight: 100;
  -webkit-font-smoothing: antialised;
}

main {
  overflow: hidden;
}

a {
  font-family: 'Roboto-Bold';
  text-decoration: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

img {
  display: block;
  max-width: 100%;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto-Bold';
  font-weight: 100;
  -webkit-font-smoothing: antialised;
  margin-top: 30px;
}

h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child {
  margin-top: 0;
}

strong {
  font-family: 'Roboto-Bold';
}

h2 {
  font-size: 49px;
  line-height: 1.1;
  color: #125b61;
}

h3 {
  font-size: 40px;
  line-height: 1.1;
  color: #125b61;
  text-transform: uppercase;
}

.normal {
  text-transform: none;
}

h4 {
  font-size: 36px;
  line-height: 1.1;
}

h5 {
  font-size: 30px;
  line-height: 1.22;
}

h6 {
  font-family: 'Roboto';
  font-size: 26px;
  line-height: 1.1;
  color: #125b61;
}

.container {
  position: relative;
  max-width: 1148px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media (max-width: 1260px){
  .container {
    max-width: 990px;
    width: 100%;
  }  
  h2 {
    font-size: 47px;
  }
  h3 {
    font-size: 38px;
  }
  h4 {
    font-size: 34px;
  }
  h5 {
    font-size: 29px;
  }
  h6 {
    font-size: 24px;
  }
}

@media (max-width: 991px){
  .container {
    max-width: 760px;
    width: 100%;
  }
  br {
    display: none;
  }
  h1,h2,h3,h4,h5,h6, .tcm {
    text-align: center;
  }
  h2 {
    font-size: 44px;
  }
  h3 {
    font-size: 35px;
  }
  h4 {
    font-size: 31px;
  }
  h5 {
    font-size: 28px;
  }
}

@media (max-width: 767px){
  .container  {
    max-width: 510px;
  }
  h2 {
    font-size: 41px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 27px;
  }
  h5 {
    font-size: 26px;
  }
  h6 {
    font-size: 24px;
  }
}

p, ul li {
  font-size: 20px;
  line-height: 1.7;
}

p {
  font-size: 20px;
  color: #000;
  margin-top: 25px;
}

p:first-child {
  margin-top: 0;
}

.text-white p, .text-white h3, .text-white h5 {
  color: #fff;
}

.fs-43 {
  font-size: 43px;
  line-height: 1.1;
}

.fs-47 {
  font-size: 47px;
  line-height: 1.1;
}

.text-22 p {
  font-size: 22px;
  line-height: 1.6;
}

.text-26 p {
  font-size: 26px;
  line-height: 1.35;
}

.text-25 p {
  font-size: 25px;
  line-height: 1.35;
}

@media(max-width: 1260px) {
  .fs-43 {
    font-size: 40px;
  }
  .fs-47 {
    font-size: 45px;
  }
  .text-25 p {
    font-size: 23px;
  }
  .text-26 p {
    font-size: 24px;
  }
}

@media(max-width: 991px) {
  .fs-43 {
    font-size: 38px;
  }
  .fs-47 {
    font-size: 42px;
  }
  .text-25 p {
    font-size: 21px;
  }
  .text-26 p {
    font-size: 22px;
  }
}

@media(max-width: 991px) {
  .fs-43 {
    font-size: 33px;
  }
  .fs-47 {
    font-size: 37px;
  }
}

@media(max-width: 767px) {
  .fs-43 {
    font-size: 30px;
  }
  .fs-47 {
    font-size: 33px;
  }
}

ul {
  list-style: none;
  margin-top: 25px;
}

ul:first-child {
  margin-top: 0;
}

ul li {
  position: relative;
  line-height: 1.4;
  border-top: 1px solid #239579;
  padding: 17px 0 15px 40px;
}

.text-26 li {
  font-size: 26px;
  line-height: 1.3;
  padding-left: 50px;
}

@media (max-width: 1260px){
  .text-26 li {
    font-size: 23px;
  }
}

@media (max-width: 767px){
  .text-26 li {
    font-size: 22px;
    padding-left: 35px;
  }
}

ul li:last-child {
  border-bottom: 1px solid #239579;
}

ul li:before {
  content: url(../img/list_small.svg);
  width: 25px;
  position: absolute;
  left: 3px;
  top: 20px;
}

.text-26 li:before {
  content: url(../img/list.svg);
}

@media (max-width: 767px){
  .text-26 li:before {
    content: url(../img/list_small.svg);
  }
}

.greenbg {
  background-color: #125b61;
}

.redc {
  color: #dc1928;
}

.greenc, .text-green p {
  color: #125b61;
}

.blackc {
  color: #000;
}

.text-bold, .ff-bold {
  font-family: 'Roboto-Bold';
}

.ff-medium {
  font-family: 'Roboto-Medium';
}

.pad70, header {
  padding: 70px 0;
}

@media (max-width: 991px){
  .pad70, header {
    padding: 40px 0;
  }
}

.p35 {
  padding: 35px 0;
}

.title2, .title3 {
  margin-top: 2px;
}

@media (max-width: 991px){
  .title2, .title3 {
    margin-top: 5px;
  }
}

.fl, .items, .spb {
  display: flex;
  flex-wrap: wrap;
}

.va {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.spb {
  justify-content: space-between;
}

.jc, .items {
  justify-content: center;
}

.tc {
  text-align: center;
}

.mx {
  margin: 0 auto;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mt45 {
  margin-top: 45px;
}

.items-pt {
  padding-top: 70px;
}

.items-pt2 {
  padding-top: 45px;
}

@media(max-width: 991px) {
  .items-pt, .items-pt2 {
    padding-top: 35px;
  }  
  .mt60, .mt45, .mt80 {
    margin-top: 40px;
  }
}

.lgreen {
  background-color: #f1f7f6;
}

.block {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #239579;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.border-top {
  border-top: 1px solid #239579;
}

.bordertb {
  border-top: 1px solid #239579;
  border-bottom: 1px solid #239579;
}

.pt {
  padding-top: 90px;
}

.pb {
  padding-bottom: 100px;
}

.pad {
  padding: 90px 0 100px 0;
}

.block-pad {
  padding: 30px;
}

@media(max-width: 991px) {
  .pt {
    padding-top: 55px;
  }
  .pb {
    padding-bottom: 65px;
  }
  .pad {
    padding: 55px 0 60px 0;
  }
  .pbm0 {
    padding-bottom: 0;
  }
}

@media(max-width: 767px) {
  .block-pad {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.sub-block {
  border-bottom: 1px solid #239579;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.sub-block:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.mb0 {
  margin-bottom: 0;
}

.text-right {
  width: 100%;
  flex: 1 1;
  padding-left: 25px;
}

@media(max-width: 1260px) {
  .text-right {
    text-align: center;
  }
}

@media(max-width: 991px) {
  .text-right {
    flex: none;
    padding-left: 0;
    padding-top: 20px;
  }
}

/*top text - begin*/
.main-logo img {
  max-height: 130px;
}

@media(max-width: 767px) {
  .main-logo img {
    max-height: 90px;
  }
  .main-logo {
    margin: 0 auto;
  }
}

.number, .reviews-rating {
  font-family: 'Roboto-Bold';
  line-height: 1.1;
  margin-top: 0;
}

.number {
  font-size: 55px;
  color: #dd1f26;
}

.reviews-rating {
  font-size: 33px;
  padding-top: 7px;
}

.top-text {
  padding-left: 60px;
}

@media(max-width: 767px) {
  .top-text {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
  .number {
    font-size: 47px;
  }
  .reviews-rating {
    font-size: 26px;
  }
}
/*top text - end*/

.cream-top {
  max-width: none;
  position: absolute;
  bottom: 0;
  left: 59%;
  transform: translateX(-48%) translateY(-10%);
}

@media(max-width: 1260px) {
  .cream-top {
    max-width: 100%;
    min-height: auto;
    bottom: auto;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}

@media(max-width: 991px) {
  .cream-top {
    max-height: 700px;
    position: relative;
    top: auto;
    transform: translateX(-50%);
    margin-top: -20px;
  }
}

.maxw {
  position: relative;
  width: 100%;
  max-width: 560px;
}

@media(max-width: 1260px) {
  .maxw {
    max-width: 520px;
  }
}

@media(max-width: 991px) {
  .maxw {
    max-width: 100%;
  }
}

.col-flex {
  position: relative;
  width: 100%;
  flex: 1 1;
}

@media(max-width: 991px) {
  .col-flex {
    flex: none;
    padding-top: 30px;
  }
  .ptm0 {
    padding-top: 0;
  }
}

.btn-block {
  display: flex;
}

@media(max-width: 991px) {
  .btn-block {
    width: 100%;
    justify-content: center;
  }
}

.btn {
  font-family: 'Roboto-Bold';
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
  background-color: #239579;
  border-radius: 50px;
  text-align: center;
  padding: 25px 60px;
  transition: .3s;
}

@media(max-width: 1260px) {
  .btn {
    font-size: 26px;
  }
}

@media(max-width: 991px) {
  .btn {
    font-size: 24px;
  }
}

@media(max-width: 767px) {
  .btn {
    font-size: 22px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media(max-width: 500px) {
   .btn {
    font-size: 21px;
    border-radius: 15px;
   }
}

.style2 {
  font-size: 20px;
  background-color: #fff;
  color: #125b61;
  border: 2px solid #125b61;
  border-radius: 50px;
}

.btn:hover {
  background-color: #019a35;
  transition: .3s;
}

.style2:hover {
  color: #fff;
  background-color: #125b61;
}

/*logos*/

.logo {
  margin-left: 30px;
}

.logo img {
  max-height: 80px;
}

.logo .cbs, .logo .almanac {
  max-height: 45px;
}

.logo .espn {
  max-height: 40px;
}

.logo .nbc {
  max-height: 70px;
}

.logo .fox {
  max-height: 60px;
}

@media(max-width: 1260px) {
  .logos-title {
    width: 100%;
    text-align: center;
  }
  .logo {
    margin-top: 20px;
  }
  .logos {
    justify-content: center;
    padding-right: 30px;
  }
}

/*items - begin*/
.items {
  margin: -12px -12px 0 0;
}

.pad12 {
  margin: -12px -12px 0 0;
}

.item {
  margin-top: 12px;
}

.itemr {
  margin-right: 20px;
}

.pad12 .itemr {
  margin-right: 12px;
}

.item-content, .item-content2 {
  border: 1px solid #239579;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.item-content {
  padding: 35px 40px;
  padding-bottom: 40px;
}

.item-content2 {
  padding: 50px 15px 40px 15px;
}

@media(max-width: 1260px) {
  .item-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .item-content2 {
    padding: 40px 15px 30px 15px;
  }
}

@media(max-width: 767px) {
  .item-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 35px;
  }
}

.item-content2 h6 {
  margin-top: 38px;
}

@media(max-width: 1260px) {
  .item-content2 h6 {
    margin-top: 30px;
  }
}

.w2 {
  width: 50%;
}

.w5 {
  width: 20%;
}

@media(max-width: 1260px) {
  .w5 {
    width: 33.333%;
  }
}

@media(max-width: 991px) {
  .w2 {
    width: 100%;
  }
}

@media(max-width: 767px) {
  .w5 {
    width: 50%;
  }
}

@media(max-width: 450px) {
  .w5 {
    width: 100%;
  }
}

.equal .itemr, .equal .item-content, .equal .item-content2 {
  height: 100%;
}

.ingredient-image {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.ingredient-image img {
  max-height: 250px;
}

@media(max-width: 991px) {
  .ingredient-image {
    height: auto;
  } 
}

@media(max-width: 767px) {
  .ingredient-image img {
    max-height: 220px;
  }
}

.item-icon {
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-icon img {
  max-height: 85px;
  margin: 0 auto;
}
/*items - end*/

/*how to use - begin*/
.item3 {
  width: 33.3333%;
  border-left: 1px solid rgba(255,255,255,0.3);
  padding: 20px 15px;
}

.item3:last-child {
  border-right: 1px solid rgba(255,255,255,0.3);
}

@media(max-width: 991px) {
  .item3 {
    width: 50%;
  }
  .item3:nth-child(2) {
    border-right: 1px solid rgba(255,255,255,0.3);
  }
  .item3:last-child {
    margin-top: 30px;
  }
}

@media(max-width: 767px) {
  .item3 {
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding-left: 0;
    padding-right: 0;
  }
  .item3:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .item3:nth-child(2), .item3:last-child {
    border-right: 0;
  }
}

.item3-icon {
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item3-icon img {
  max-height: 71px;
}

.item3 p {
  margin-top: 10px;
}
/*how to use - end*/
/*offer - begin*/
.item4 {
  width: 33.3333%;
  border-left: 1px solid rgba(255,255,255,0.3);
  padding: 0px 2px;
}

.item4:last-child {
  border-right: 1px solid rgba(255,255,255,0.3);
}

@media(max-width: 991px) {
  .item4 {
    width: 50%;
  }
  .item4:nth-child(2) {
    border-right: 1px solid rgba(255,255,255,0.3);
  }
  .item4:last-child {
    margin-top: 30px;
  }
}

@media(max-width: 767px) {
  .item4 {
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding-left: 0;
    padding-right: 0;
  }
  .item4:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .item4:nth-child(2), .item3:last-child {
    border-right: 0;
  }
}

.item4-icon {
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item4-icon img {
  max-height: 71px;
}

.item4 p {
  margin-top: 10px;
}
/*offer - end*/

.note {
  border: 1px solid #239579;
  border-radius: 12px;
  padding: 23px 15px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  text-align: center;
}
/*resons - begin*/
.reasons {
  position: relative;
  border: 1px solid #239579;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 60px;
}

@media(max-width: 1260px) {
  .reasons {
    padding: 45px 30px;
  }
}

@media(max-width: 991px) {
  .reasons {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 163px;
  height: 163px;
  border-radius: 50%;
  background-color: #e7f2f0;
}

.reason-col {
  width: 100%;
  max-width: 222px;
}

@media(max-width: 991px) {
  .reason-col {
    max-width: 100%;
    margin-top: 30px;
  }
  .reason-col:first-child {
    margin-top: 0;
  }
  .reason-cols {
    margin-top: 35px;
  }
}

.reason-col:last-child .reason-item {
  text-align: right;
}

.reason-col:last-child .circle-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media(max-width: 991px) {
  .reason-col .reason-item, .reason-col:last-child .reason-item {
    text-align: center;
  }
  .reason-col:last-child .circle-block {
    display: block;
  }
  .circle {
    margin: 0 auto;
  }
}

.reason-item {
  min-height: 615px;
  margin-top: 25px;
}

@media(max-width: 991px) {
  .reason-item {
    min-height: auto;
  }
}

.reason-item:first-child {
  margin-top: 0;
}

.reason-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100px;
}

@media(max-width: 1260px) {
  .reason-title {
    top: 90px;
  }
}

@media(max-width: 991px) {
  .reason-title {
    position: relative;
    top: auto;
  }
}

.reasons-product {
  max-height: 710px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media(max-width: 1260px) {
  .reasons-product {
    max-height: 590px;
  }
}

@media(max-width: 991px) {
  .reasons-product {
    max-height: 450px;
    position: relative;
    top: auto;
    transform: translateX(-50%);
    margin-top: 30px;
  }
}
/*resons - end*/

/*reviews*/
.review {
  height: 100%;
  border-radius: 15px;
  border: 1px solid #239579;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 20px 15px;
}

.review-top-block {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.slider img {
  width: auto !important;
}

.review-stars {
  height: 14px;
}

.review-date, .review-p {
  width: 100%;
  flex: 1 1;
  margin-top: 0;
  padding-left: 5px;
}

.review-date, .review-name p {
  font-size: 14px;
}

.review-name {
  margin-top: 10px;
}

.review-name p {
  margin-top: 0;
}

.verified {
  color: #fff;
  background-color: #000;
  padding: 3px 5px;
}

.review-desc-block p {
  font-size: 16px;
  line-height: 1.4;
  margin-top: 15px;
}

.review-desc-block p:first-child {
  margin-top: 0;
}

.review-bef-desc {
  min-height: 45px;
}

.owl-stage {
  display: flex;
}

.owl-item {
  height: auto;
  padding: 2px;
}
/*reviews - end*/

/*videos - begin*/
iframe {
	width: 100%;
}

.video {
	position:relative;
	z-index: 900;
	width: 100%;
	height: 630px;
	border-radius: 20px;
  border: 1px solid #239579;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
	overflow: hidden;
}

@media(max-width: 1260px) {
  .video {
    height: 550px;
  }
}

@media(max-width: 991px) {
  .video {
    height: 450px;
  }
}

@media(max-width: 767px) {
  .video {
    height: 300px;
  }
}

@media(max-width: 500px) {
  .video {
    height: 230px;
  }
}
  
.video iframe, .video video {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
  
.video .video-js {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: 100% !important;
  object-fit: cover;
}
  
.video .video-js button.vjs-big-play-button {
	background: none;
	border: 0;
	top: auto;
	left: auto;
	width: 108px;
	height: 77px;
}
  
.video .vjs-poster {
	background-size: cover;
}

.vjs-big-play-button {
	width: 70px;
	height: 70px;
	top: 50% !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(-50%);
  margin: 0 !important;
}
  
.video .vjs-big-play-button:before {
	content: url(../img/play.svg);
	width: 108px;
	height: 77px;
}
  
.video .vjs-big-play-button span.vjs-icon-placeholder:before {
	display: none;
}
  
.video .video-js:hover .vjs-big-play-button:before {
	content: url(../img/play.svg);
	width: 70px;
	height: 70px;
}

@media(max-width: 767px) {
  .video .vjs-big-play-button:before {
    content: url(../img/play2.svg);
  }
  .video .video-js:hover .vjs-big-play-button:before {
    content: url(../img/play2.svg);
  }
}
/*videos  - end*/

/*footer*/
footer {
  display: flex;
  background-color: #20757c;
  padding-bottom: 60px;
  margin-top: 42px;
}

footer p {
  font-size: 16px;
}

footer .main-logo {
  margin-top: 60px;
}

footer .btn-block {
  margin-top: -42px;
}