/*========================================================
	Main Style for Taveling Robert 2022
=========================================================*/
/* colors declaration */
:root {
  --main-text: #000;
  --white: #fff;
  --light-blue: #0d80d9;
  --dark-blue: #0e4875;
  --nav-hover: #cf2950;
  --yellow: #fdf54b;
  --gray-suppgr: #d0d0d0;
  --copy-sec: #003056;
  --copy-text: #359dee;
  --products-border: #aaa8a8;
}

/* fonts declaration */
@font-face {
  font-family: helveticablack;
  src: url('../fonts/helveticablack.ttf');
}

@font-face {
  font-family: helveticabold;
  src: url('../fonts/helveticabold.ttf');
}

@font-face {
  font-family: helveticamedium;
  src: url('../fonts/helveticamedium.ttf');
}

@font-face {
  font-family: helveticaregular;
  src: url('../fonts/helveticaregular.ttf');
}

@font-face {
  font-family: ftyspeed;
  src: url('../fonts/ftyspeedycasual001ncv.otf');
}

@font-face {
  font-family: roboto-black;
  src: url('../fonts/roboto-black.ttf');
}

@font-face {
  font-family: gilroy-bold;
  src: url('../fonts/gilroy-bold.ttf');
}
@font-face {
  font-family: gilroy-black;
  src: url('../fonts/gilroy-black.ttf');
}

/* reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* end reset */

/***********************************************************************************************/

/* common layout sections  - ALL common layouts for frame exist in this section */
body {
  font-size: 21px;
  font-family: arial, sans-serif;
  font-weight: 400;
  color: var(--main-text);
}

p {
  line-height: 1.5;
  font-family: helveticaregular, arial, sans-serif;
  color: var(--main-text);
}


/***********************************************************************************************/

/* common styling */


/* end common styling */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {}

@media only screen and (min-width: 768px) and (max-width: 1023px) {}

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

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

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.phoneMob,
.logoMob,
.telMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlink,
.fooList ul li.mlogo,
.fooList ul li.mphone,
.fooList ul li.madr,
.fooList ul li.mhours,
.fooList ul li.msocial,
.fooList ul li.mmlink {
  display: none;
}

/* end not display */
.nextPageToken{width: 100%;}

.pageFull {
  width: 100%;
}

.pageSize {
  width: 1920px;
  margin: 0 auto;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .pageSize {
    width: 90%;
  }
}

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

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .pageSize {
    width: 90%;
  }
}

/* top section  */
.navTopbg {
  background: var(--light-blue);
  height: 80px;
}

.navTop {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 80px;
}

.navLogo {
  width: 20%;
  position: relative;
}

.navLogo img {
  position: absolute;
  top: -25px;
  left: 0;
  width: 240px;
}

.navMenu {
  width: 80%;
  text-align: right;
}

/*** menu section ***/
.menu ul li {
  display: inline-block;
}

.menu ul li.flinks,
.menu ul li.podlinks,
.menu ul li.mSubscribe,
.menu ul li.maddress,
.menu ul li.msocial {
  display: none;
}

.menu ul li.mlinks a {
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  text-transform: capitalize;
  padding: 0 25px;
  font-family: helveticamedium, arial, sans-serif;
  color: var(--white);
}

.menu ul li.mlinks:hover {
  background: var(--nav-hover);
}

/*** end menu section ***/
/* end top section  */

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .menu ul li.mlinks a {
    font-size: 19px;
    padding: 0 20px;
  }

  .navLogo img {
    width: 185px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .navLogo img {
    width: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navLogo img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .navLogo img {
    width: 150px;
  }
}

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

/*========================================================
									Buttons
=========================================================*/
.subsBtn {
  display: inline-block;
  padding: 35px 45px;
  text-align: center;
  background: var(--nav-hover);
  border: 4px solid var(--white);
  color: var(--white);
  font-size: 28px;
  font-family: helveticamedium, arial, sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 60px;
}

input[type="submit"].subscribeBtn {
  display: inline-block;
  padding: 20px 52px;
  text-align: center;
  background: var(--nav-hover);
  border: 4px solid var(--white);
  color: var(--white);
  font-size: 28px;
  font-family: helveticamedium, arial, sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 60px;
}

.merchBtn {
  display: inline-block;
  color: var(--white);
  border: 4px solid var(--white);
  border-radius: 60px;
  text-align: center;
  padding: 25px 45px;
  font-size: 26px;
  line-height: 1;
  background: var(--nav-hover);
  font-family: helveticamedium, arial, sans-serif;
  cursor: pointer;
  margin: 0 auto;
  width: 300px;
  text-transform: uppercase;
}

.prodBtn {
  display: inline-block;
  color: var(--white);
  border: 4px solid var(--white);
  border-radius: 60px;
  text-align: center;
  padding: 25px 45px;
  font-size: 26px;
  line-height: 1;
  background: var(--light-blue);
  font-family: helveticamedium, arial, sans-serif;
  cursor: pointer;
  margin: 0 auto;
  width: 320px;
  text-transform: uppercase;
}

.btnMain {
  background: #EE2761;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #fff;
  display: inline-block;
  border-radius: 60px;
  text-align: center;
  padding: 15px 40px;
  text-transform: capitalize;
  height: 54px;
}

.startBtn {
  width: 300px;
  height: auto;
  padding: 15px 25px;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 18px;
  border-radius: 60px;
}

.startBtn span {
  font-weight: 700;
  color: #000;
  display: block;
  padding-top: 5px;
  text-transform: none;
  font-size: 15px;
}

.affiBtn {
  display: inline-block;
  color: var(--white);
  border: 4px solid var(--white);
  border-radius: 60px;
  text-align: center;
  padding: 25px 45px;
  font-size: 26px;
  line-height: 1;
  background: var(--light-blue);
  font-family: helveticamedium, arial, sans-serif;
  cursor: pointer;
  margin: 0 auto;
  width: 320px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .subsBtn {
    padding: 32px 45px;
    font-size: 24px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .affiBtn {
    padding: 20px 40px;
    font-size: 21px;
    width: 250px;
  }

  .subsBtn {
    padding: 28px 45px;
    font-size: 24px;
  }

  .prodBtn {
    padding: 20px 40px;
    font-size: 21px;
    width: 270px;
  }

  .merchBtn {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .subsBtn {
    padding: 25px 45px;
    font-size: 21px;
  }

  .affiBtn {
    padding: 20px 40px;
    font-size: 19px;
    width: 250px;
  }

  input[type="submit"].subscribeBtn {
    padding: 18px 28px;
    font-size: 19px;
  }

  .prodBtn {
    padding: 20px 40px;
    font-size: 21px;
    width: 260px;
  }

  .merchBtn {
    padding: 25px 45px;
    font-size: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .affiBtn {
    padding: 20px 40px;
    font-size: 19px;
    width: 250px;
  }

  .subsBtn {
    padding: 22px 40px;
    font-size: 21px;
  }

  input[type="submit"].subscribeBtn {
    padding: 20px 52px;
    font-size: 21px;
  }

  .prodBtn {
    padding: 20px 40px;
    font-size: 21px;
    width: 270px;
  }

  .merchBtn {
    font-size: 21px;
    width: 285px;
  }
}

@media only screen and (max-width: 767px) {
  .affiBtn {
    padding: 20px 40px;
    font-size: 19px;
    width: 250px;
  }

  .subsBtn {
    padding: 21px 18px;
    border: 3px solid var(--white);
    font-size: 19px;
    width: 290px;
  }

  .meetrbtn {
    bottom: -30px;
  }

  input[type="submit"].subscribeBtn {
    font-size: 21px;
  }

  .prodBtn {
    padding: 20px 40px;
    font-size: 19px;
    width: 270px;
  }
}

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

/*========================================================
	INDEX Banner
=========================================================*/
.bannermainbg {
  background: url('../images/index/bannerMain.jpg') center center no-repeat;
  background-size: cover;
  height: 1228px;
}

.bannerMerch {
  background-image: url('../images/merch/banner-merch.jpg');
}

.bannerProducts {
  background-image: url('../images/products/banner-products.jpg');
}

.bannerMain {
  padding-top: 160px;
}

.bannerMain h1 {
  text-transform: uppercase;
  font-size: 180px;
  color: var(--white);
  font-family: ftyspeed, arial, sans-serif;
  line-height: 1.1;
  text-shadow: 12px -12px 5px #06518d;
  letter-spacing: 8px;
}

.bannerMain h1 span {
  display: block;
}

.bannerSocial {
  padding-top: 400px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 700px;
}

.bannerSocial a {
  width: 24%;
}

.bannerSocial img {
  width: 140px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .bannermainbg {
    height: 980px;
  }
  .bannerMain {
  	padding-top: 135px;
  }

  .bannerMain h1 {
    font-size: 160px;
  }

  .bannerSocial a {
    width: 22%;
  }
  .bannerSocial {
  	padding-top: 300px;
  }
  .bannerSocial img {
    width: 120px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .bannermainbg {
    height: 690px;
  }

  .bannerMain {
    padding-top: 90px;
  }

  .bannerMain h1 {
    font-size: 125px;
  }

  .bannerSocial {
    padding-top: 170px;
  }

  .bannerSocial a {
    width: 18%;
  }

  .bannerSocial img {
    width: 100px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .bannermainbg {
    height: 630px;
  }

  .bannerMain {
    padding-top: 85px;
  }

  .bannerMain h1 {
    font-size: 100px;
  }

  .bannerSocial {
    padding-top: 200px;
  }

  .bannerSocial a {
    width: 14%;
  }

  .bannerSocial img {
    width: 76px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .bannermainbg {
    height: 570px;
  }

  .bannerMain {
    padding-top: 90px;
  }

  .bannerMain h1 {
    font-size: 80px;
  }

  .bannerSocial {
    padding-top: 180px;
  }

  .bannerSocial a {
    width: 12%;
  }

  .bannerSocial img {
    width: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .bannermainbg {
    background: url('../images/index/banner-mobile.jpg') center center no-repeat;
    height: 590px;
    background-size: 100% 590px;
  }

  .bannerMain {
    padding-top: 100px;
  }

  .bannerMain h1 {
    font-size: 54px;
    text-shadow: 9px -5px 5px #06518d;
  }

  .bannerSocial a {
    width: 25%;
  }

  .bannerSocial img {
    width: 60px;
  }

  .bannerSocial {
    width: 290px;
    padding-top: 250px;
    padding-left: 10px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bannermainbg {
  	background: url('../images/index/banner-mobile.jpg') center center no-repeat;
  	height: 666px;
  	background-position: center;
  	background-size: cover;
  }
  .bannerSocial {
    padding-top: 320px;
  }
}

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

/*========================================================
	INDEX Below Banner
=========================================================*/
.bannerbelowbg {
  padding: 160px 0;
}

.belowBannWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.belowBannWrap a {
  display: inline-block;
  width: 31%;
  cursor: pointer;
}

.belowBannBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.belowImg {
  width: 100%;
}

.belowBtn {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 200px;
}

.belowBannBox h2,
.belowBannBox h3 {
  margin-top: 70px;
  font-size: 42px;
  font-family: helveticabold, arial, sans-serif;
  text-align: center;
  text-transform: capitalize;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .belowBtn {
    bottom: 65px;
    width: 170px;
  }

  .belowBannBox h2,
  .belowBannBox h3 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .belowBtn {
    bottom: 55px;
    width: 165px;
  }

  .belowBannBox h2,
  .belowBannBox h3 {
    font-size: 26px;
  }

  .bannerbelowbg {
    padding: 100px 0 130px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .belowBtn {
    bottom: 40px;
    width: 130px;
  }

  .belowBannBox h2,
  .belowBannBox h3 {
    margin-top: 50px;
    font-size: 19px;
  }

  .bannerbelowbg {
    padding: 60px 0 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .bannerbelowbg {
    padding: 50px 0 90px;
  }

  .belowBannWrap {
    width: 423px;
  }

  .belowBannWrap a {
    width: 100%;
  }

  .belowBannBox h2,
  .belowBannBox h3 {
    font-size: 26px;
  }

  .belowBtn {
    width: 140px;
  }

  .belowBannWrap a:nth-child(1),
  .belowBannWrap a:nth-child(2) {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .bannerbelowbg {
    padding: 50px 0 70px;
  }

  .belowBannWrap {
    max-width: 337px;
    margin: 0 auto;
  }

  .belowBannWrap a {
    width: 100%;
  }

  .belowBannBox h2,
  .belowBannBox h3 {
    font-size: 21px;
  }

  .belowBtn {
    bottom: 55px;
    width: 150px;
  }

  .belowBannWrap a:nth-child(1),
  .belowBannWrap a:nth-child(2) {
    margin-bottom: 80px;
  }
}

/*========================================================
	Event Index
=========================================================*/
.eventSec{
  padding: 0 0 50px;
}
.eventWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 70px 0 0;
}
.eventLeft,
.eventRight{
  width: 48%;
}
.eventName{
  font-family: helveticabold, arial, sans-serif;
  font-size: 48px;
  line-height: 1.3;
}
.eventRight iframe{
  border-radius: 10px;
  width: 100%;
  height: 450px;
}
.eventDate,
.eventLocat,
.eventDescr{
  padding-left: 50px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  font-size: 24px;
  line-height: 1.3;
  min-height: 32px;
}
.eventDate{
  background-image: url('../images/index/timetable.png');
  color: var(--nav-hover);
}
.eventLocat{
  background-image: url('../images/index/location.png');
  color: var(--light-blue);
}
.eventDescr{
  background-image: url('../images/index/message.png');
  max-width: 65%;
}
.eventDate,
.eventLocat{
  margin: 0 0 20px;
}
.eventDate{
  margin-top: 40px;
}
.eventBtnPlace{
  margin: 40px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .eventDescr {
  	max-width: 72%;
  }
  .eventBtnPlace {
  	margin: 50px 0 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .eventName {
  	font-size: 42px;
  }
  .eventDate,
  .eventLocat,
  .eventDescr {
  	font-size: 21px;
  }
  .eventDescr {
  	max-width: 81%;
  }
  .eventBtnPlace {
  	margin: 50px 0 0;
  }
  .eventRight iframe{
    height: 420px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .eventName {
  	font-size: 33px;
  }
  .eventDate,
  .eventLocat,
  .eventDescr {
  	font-size: 19px;
  }
  .eventDate span{
    display: block;
  }
  .eventDescr {
  	max-width: 96%;
  }
  .eventRight iframe{
    height: 490px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .eventWrap{
    flex-direction: column-reverse;
    margin: 50px 0 0;
  }
  .eventLeft,
  .eventRight{
    width: 100%;
  }
  .eventLeft{
    margin: 40px 0 0;
  }
  .eventName {
  	font-size: 34px;
  }
  .eventDate,
  .eventLocat,
  .eventDescr {
  	font-size: 19px;
  }
  .eventDescr {
  	max-width: 61%;
  }
  .eventRight iframe{
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .eventSec {
  	padding: 50px 0;
  }
  .eventWrap{
    flex-direction: column-reverse;
    margin: 50px 0 0;
  }
  .eventLeft,
  .eventRight{
    width: 100%;
  }
  .eventLeft{
    margin: 40px 0 0;
  }
  .eventName {
  	font-size: 34px;
  }
  .eventName span{
    display: block;
  }
  .eventDate,
  .eventLocat,
  .eventDescr {
  	font-size: 19px;
  }
  .eventDate span{
    display: block;
  }
  .eventDescr {
  	max-width: 100%;
  }
  .eventRight iframe{
    height: 300px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .eventDescr {
  	max-width: 90%;
  }
}





/*========================================================
	purpSec Index
=========================================================*/
.top10index {
  background: #212032;
  color: #fff;
  padding: 60px 0;
}

.top10index p {
  color: #fff;
  font-family: 'Spartan', sans-serif, arial;
  font-size: 72px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
  line-height: 52px;
  height: 52px;
  margin: 0 20px 0 20px;
}

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

.top10indexWrap img {
  width: 64px;
}

.purpSec {
  background: url("../images/index/purpbg.png") center center no-repeat;
  background-size: contain;
  padding: 145px 0;
}

.purpWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: 780px;
}

.purpLeft {
  width: 47%;
}

.purpLeft img {
  width: 100%;
}

.purpRight {
  width: 50%;
}

.purpLeft {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.purpRight h2 span,
.purpRight h2,
.purpText p span {
  font-family: 'Spartan', sans-serif, arial;
}

.purpRight h2 {
  font-size: 54px;
  font-weight: 800;
  text-transform: none;
  line-height: 1.2;
  color: #232424;
  margin-bottom: 20px;
  text-align: left;
}

.purpRight h2 span {
  font-size: 15px;
  text-transform: uppercase;
  color: #ef2261;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
}

.purpRightSm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 37px;
}

.purpRCircle {
  width: 98px;
  height: 98px;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
}

.purpRCircle img {
  width: 56%;
}

.purpText {
  width: calc(100% - 123px);
}

.purpText p span {
  display: block;
  font-size: 21px;
  font-weight: 800;
  color: #232424;
  margin-bottom: 2px;
  text-transform: capitalize;
}

.purpText p,
.purpText ul li {
  font-size: 19px;
  color: #646464;
}

.purpText ul li {
  text-transform: capitalize;
}

.priceText {
  font-family: 'Spartan', sans-serif, arial;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  color: #ef2261;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.priceText span {
  font-size: 50px;
}

.priceText2 {
  font-family: 'Spartan', sans-serif, arial;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  color: #646464;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.priceText2 span {
  font-size: 35px;
}

.purpList {
  margin-bottom: 35px;
}

.purpList ul li {
  font-size: 28px;
  font-weight: 600;
  color: #232424;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.purpList ul li img {
  width: 24px;
  margin-right: 5px;
}

.purpList p img {
  width: 24px;
  margin-right: 5px;
}

.btnVegetOrgan {
  display: inline-block;
  background: #ef2261;
  color: #fff;
  text-align: center;
  padding: 21px 38px;
  border-radius: 2px;
  letter-spacing: 1px;
  font-size: 19px;
  line-height: 16px;
  margin: 0 auto;
  text-transform: capitalize;
  font-weight: 400;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .purpSec {
    padding: 105px 0 0;
  }

  .purpLeft {
    height: 640px;
  }

  .purpLeft img {
    width: 530px;
  }

  .purpRight,
  .purpWrap {
    height: 750px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .top10index {
    padding: 60px 0;
    margin-bottom: 50px;
  }

  .top10index p {
    font-size: 62px;
  }

  .purpSec {
    padding: 90px 0 75px;
  }

  .purpWrap {
    height: 700px;
  }

  .purpLeft,
  .purpRight {
    height: 720px;
  }

  .purpText p,
  .purpText ul li {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .top10indexWrap {
    max-width: 90%;
    margin: 0 auto;
  }

  .top10indexWrap img {
    width: 54px;
  }

  .top10index {
    padding: 60px 0;
    margin-bottom: 40px;
  }

  .top10index p {
    font-size: 48px;
  }

  .purpSec {
    padding: 50px 0;
  }

  .purpWrap {
    flex-direction: column;
    height: auto;
  }

  .purpLeft,
  .purpRight {
    width: 100%;
    height: auto;
  }

  .purpLeft {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .top10indexWrap {
    max-width: 90%;
    margin: 0 auto;
  }

  .top10indexWrap img {
    width: 54px;
  }

  .purpSec {
    padding: 25px 0 55px;
  }

  .purpWrap {
    flex-direction: column;
    height: auto;
  }

  .purpLeft,
  .purpRight {
    width: 100%;
    height: auto;
  }

  .purpLeft {
    margin-bottom: 50px;
  }

  .purpRight h2,
  .priceText span {
    font-size: 40px;
  }

  .purpLeft img {
    width: 100%;
  }

  .btnPlace {
    text-align: center;
  }

  .btnVegetOrgan {
    padding: 15px 25px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top10index {
    padding: 40px 0;
    margin-bottom: 35px;
  }

  .top10index p {
    font-size: 62px;
    line-height: 68px;
    height: auto;
  }
}

@media only screen and (max-width: 479px) {
  .top10index {
    padding: 40px 0;
    margin-bottom: 40px;
  }

  .top10index p {
    font-size: 42px;
    line-height: 56px;
    height: auto;
  }

  .purpRightSm {
    flex-direction: column;
  }

  .purpText {
    width: 100%;
  }

  .purpRCircle {
    margin: 0 auto 25px;
  }

  .purpText p,
  .purpText ul li {
    text-align: center;
  }
}

/*========================================================
	RV Camp Section - rvCamp
=========================================================*/
.rvCampPadd {
  padding: 15px 0 0;
}

.rvCamp {
  background: url("../images/index/bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 120px 0;
}

.rvCampWrap {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.rvCampLeft {
  width: 55%;
  position: relative;
}

.rvCampRight {
  width: 40%;
}

.mobraptorlink {
  text-align: center;
}

.mobraptorlink a {
  /* text-align: center; */
  font-family: helveticabold, arial, sans-serif;
  font-size: 18px;
  color: var(--light-blue);
}

.rvCampLeft img {
  width: 100%;
  margin-top: 40px;
}

.rvCampRegular p {
  font-family: helveticamedium, arial, sans-serif;
  font-size: 36px;
  line-height: 0.9;
}

.rvCampRegular p span {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
}

.rvCampTitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.rvCampTitleRV p {
  font-family: ftyspeed, arial, sans-serif;
  font-size: 165px;
  line-height: 1;
  transform: rotate(-25deg);
  color: var(--nav-hover);
}

.rvCampTitleCampgr p {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 64px;
  line-height: 0.9;
  color: var(--light-blue);
  margin-left: 10px;
  text-transform: capitalize;
}

.rvCampTitleCampgr p span {
  display: block;
  font-family: barricada-pro, serif;
  font-size: 80px;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}

.rvCampList {
  padding-left: 40px;
}

.rvCampList ul li {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #232424;
  margin-bottom: 25px;
  text-transform: none;
  background: url('../images/index/icon-mark.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 27px 33px;
  padding-left: 50px;
  text-transform: capitalize;
}

.rvCampList ul li span {
  font-family: helveticabold, arial, sans-serif;
  font-size: 24px;
  display: block;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.rvCampList ul li img {
  width: 40px;
  margin-right: 5px;
}

.bannLeft ul li {
  background: url('../images/check-white.png');
  background-position: left top 10px;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  padding: 10px 0 10px 60px;
  font-size: 42px;
  color: #fff;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, .8);
  text-align: left;
}

.rvCampCoverAndBonus {
  width: 100%;
  position: relative;
}

.rvCampBonusbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
}

.plus {
  display: none;
}

.rvCampDiscbg {
  display: none;
}

.rvCampBonusWrap {
  padding: 60px 0 0 100px;
  width: 100%;
}

.rvCampBonus {
  width: 435px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rvCampBonus img {
  width: 50px;
  height: 50px;
}

.rvCampBonus p {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 21px;
  line-height: 1.1;
}

.rvCampbon {
  display: block;
  font-family: helveticabold, arial, sans-serif;
  font-size: 24px;
}

.rvCampBtnPlace {
  text-align: center;
}

.subsBtn2 {
  padding: 32px 75px;
}

.rvbetweenbg {
  padding: 50px 0;
  background: var(--light-blue);
}

.rvbetweenWrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.rvbetweenLogo {
  width: 32%;
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.rvbetweenLogo p {
  margin-right: 35px;
  font-family: ftyspeed, arial, sans-serif;
  font-size: 90px;
  line-height: 0.9;
  color: var(--white);
  text-transform: capitalize;
}

.rvbetweenCont {
  width: 45%;

}

.rvbetweenLogo img {
  width: 430px;
  float: right;
  margin-right: 60px;
}

.rvbetRest {
  position: relative;
  padding-left: 200px;
}

.rvbetTrans {
  font-family: ftyspeed, arial, sans-serif;
  font-size: 200px;
  line-height: 1;
  transform: rotate(-30deg);
  color: var(--nav-hover);
  text-shadow: 3px 0 0 #ffffff;
  position: absolute;
  left: 0;
  bottom: -120px;

}

.rvbetCamp {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 64px;
  line-height: 0.9;
  color: var(--white);
  /* margin-left: 10px; */
  text-transform: capitalize;
}

.rvbetWeb {
  font-family: barricada-pro, serif;
  font-size: 80px;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1;
  color: var(--white);
}

.rvbetWeb span {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 64px;
  line-height: 0.9;
  text-transform: lowercase;
  padding-left: 15px;
}

.rvCampLWrap {
  width: 100%;
  margin: 0 auto 25px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.rvCampLIco {
  width: 24px;
  margin-right: 20px;
}

.rvCampLCont {
  width: calc(100% - 47px);
}

.rvCampLIco img {
  width: 100%;
}

.rvCampLCont p {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #232424;
  text-transform: capitalize;
  line-height: 1.1;
}

.rvCampLCont p span {
  color: var(--nav-hover);
}

.mobraptorlink {
  display: none;
}

@media only screen and (min-width: 2560px) {
  .rvCampWrap {
    margin-bottom: 70px;
  }

  .rvCampRight {
    width: 36%;
  }


  .rvCampLeft img {
    width: 96%;
    margin-top: 40px;
  }

  .rvbetweenLogo {
    width: 28%;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .rvCampPadd {
    padding: 15px 0 0;
  }

  .rvCampLeft {
    width: 52%;
  }

  .rvCampRight {
    width: 44%;
  }

  .rvCampTitleRV p {
    font-size: 145px;
  }

  .rvCampTitleCampgr p {
    font-size: 58px;
  }

  .rvCampTitleCampgr p span {
    font-size: 72px;
  }

  .rvCampList {
    padding-left: 20px;
  }

  .rvCampCoverAndBonus {
    height: 175px;
    background-size: 50%;
  }

  .rvCampBonus {
    width: 360px;
  }

  .rvCampBonus p {
    font-size: 18px;
  }

  .rvCampbon {
    font-size: 18px;
  }

  .rvCampLeft img {
    width: 96%;
    margin-top: 100px;
  }

  .subsBtn2 {
    padding: 28px 75px;
  }

  .rvCamp {
    padding: 50px 0;
  }

  .rvCampTitle {
    padding-bottom: 40px;
  }

  .rvCampList ul li {
    font-size: 21px;
    background-size: 18px 23px;
    padding-left: 35px;
  }

  .rvbetTrans {
    font-size: 150px;
  }

  .rvbetRest {
    padding-left: 150px;
  }

  .rvbetCamp,
  .rvbetWeb span {
    font-size: 52px;
  }

  .rvbetWeb {
    font-size: 60px;
  }

  .rvbetWeb span {
    padding-left: 5px;
  }

  .rvbetweenLogo {
    width: 30%;
  }

  .rvbetweenLogo p {
    margin-right: 25px;
    font-size: 64px;
  }

  .rvbetweenLogo img {
    width: 320px;
    margin-right: 30px;
  }

  .rvbetweenbg {
    padding: 35px 0;
  }

  .rvCampLIco {
    margin-right: 10px;
  }

  .rvCampLCont p {
    font-size: 21px;
  }

  .rvCampLWrap img {
    width: 20px;
  }

  .rvCampBonusWrap {
    padding: 50px 0 0 50px;
  }
    .rvCampBonusWrap img {
        width: 300px;
    }

  .rvbetTrans {
    bottom: -90px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .rvCamp {
    padding: 50px 0 80px;
  }
  .rvCampWrap {
  	margin-bottom: 0;
  }
  .rvCampTitleRV p {
    font-size: 76px;
  }

  .rvCampTitleCampgr p {
    font-size: 35px;
  }

  .rvCampTitleCampgr p span {
    font-size: 44px;
  }

  .rvCampList {
    padding-left: 20px;
  }

  .rvCampList ul li span {
    font-size: 22px;
  }

  .rvCampList ul li {
    font-size: 16px;
  }

  .rvCampCoverAndBonus {
    height: 155px;
  }

  .rvCampBonusbg {
    width: 300px;
  }

  .rvCampBonusWrap {
    padding: 20px 0 0 50px;
  }
    .rvCampBonusWrap img {
        width: 260px;
    }

  .rvCampBonus {
    width: 97%;
    justify-content: center;
  }

  .rvCampBonus img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
  }

  .rvCampbon {
    font-size: 19px;
  }

  .rvCampBonus p {
    font-size: 18px;
  }

  .rvCampRegular p {
    font-size: 33px;
  }

  .rvCampRegular p span {
    font-size: 16px;
  }

  .subsBtn2 {
    padding: 25px 45px;
  }

  .rvCampRight {
    width: 43%;
  }

  .rvCamp {
    padding: 50px 0;
  }

  .rvCampTitle {
    padding-bottom: 40px;
  }

  .rvCampList ul li {
    font-size: 21px;
    background-size: 18px 23px;
    padding-left: 35px;
    line-height: 1.3;
  }

  .rvbetTrans {
    bottom: -80px;
    font-size: 120px;
  }

  .rvbetRest {
    padding-left: 120px;
  }


  .rvbetCamp,
  .rvbetWeb span {
    font-size: 42px;
  }

  .rvbetWeb {
    font-size: 48px;
  }

  .rvbetWeb span {
    padding-left: 5px;
  }

  .rvbetweenCont {
    width: 50%;
  }

  .rvbetweenLogo {
    width: 36%;
  }

  .rvbetweenLogo p {
    width: 36%;
    font-size: 58px;
  }

  .rvbetweenLogo img {
    width: 260px;
    margin-right: 30px;
  }

  .rvbetweenbg {
    padding: 35px 0;
  }

  .rvCampPadd {
    padding: 15px 0 0;
  }

  .rvCampLCont p {
    font-size: 19px;
  }

  .rvCampLWrap {
    align-items: center;
  }
}

@media only screen and (max-width: 1023px) {
  .rvCampWrap {
    margin-bottom: 0;
  }

  .rvCampBonusbg {
    display: none;
  }

  .rvCampCoverAndBonus {
    position: relative;
  }

  .rvCampDiscbg {
    display: block;
  }

  .plus {
    display: block;
    position: absolute;
  }

  .rvCampDiscbg {
    width: 100%;
  }

  .mobraptorlink {
    display: block;
  }
    .rvbetweenWrap {
        flex-direction: column;
        position: relative;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .rvCampLeft,
  .rvCampRight {
    width: 80%;
    margin: 0 auto 70px;
  }

  .mobraptorlink a {
    font-size: 21px;
  }

  .rvCampRegular p {
    font-size: 33px;
  }

  .rvCampRegular p span {

    margin-left: 7px;
    font-size: 16px;
  }

  .subsBtn2 {
    padding: 22px 40px;
  }

  .rvCampTitleRV p {
    font-size: 132px;
  }

  .rvCampTitleCampgr p {
    font-size: 54px;
  }

  .rvCampTitleCampgr p span {
    font-size: 68px;
  }

  .rvCampList {
    padding-left: 40px;
  }

  .rvCampList ul li span {
    font-size: 22px;
  }

  .rvCampList ul li {
    font-size: 19px;
    line-height: 23px;
    background-size: 18px 23px;
    padding-left: 35px;
  }

  .rvCampCoverAndBonus {
    margin-top: 50px;
  }

  .plus {
    width: 100px;
    top: 70px;
    left: 20px;
  }

  .rvCampBonusbg {
    display: none;
  }

  .rvCampBonusWrap {
    padding: 0 0 0 60px;
  }
    .rvCampBonusWrap img {
        width: 360px;
    }
  .rvCampBonus {
    width: 390px;
  }

  .rvCampbon {
    font-size: 21px;
  }

  .rvCampBonus p {
    font-size: 19px;
  }
    .rvbetweenCont {
        width: 500px;
        margin: 0 auto;
    }
    .rvbetweenLogo p {
        font-size: 32px;
    }

  .rvbetTrans {
    font-size: 150px;
  }

  .rvbetRest {
    text-align: right;
    padding-left: 0;
  }

  .rvbetCamp,
  .rvbetWeb span {
    padding-top: 20px;
    font-size: 60px;
  }

  .rvbetWeb {
    font-size: 67px;
  }

  .rvbetTrans {
    bottom: -80px;
  }

  .rvbetWeb span {
    padding-left: 5px;
  }

    .rvbetweenWrap {
        height: 140px;
        width: 500px;
        margin: 0 auto;
    }

  .rvbetweenLogo {
    position: absolute;
      bottom: -80px;
      left: 190px;
  }

  .rvbetweenLogo img {
    float: none;
    margin: 0 auto;
    width: 200px;
  }

  .rvbetweenbg {
    padding: 15px 0 115px;
  }

  .rvCamp {
    padding: 35px 0 60px;
  }

  .rvCampLCont p {
    font-size: 24px;
  }

  .rvCampBonusbg {
    width: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .rvCampPadd {
    padding: 0;
  }

  .rvCampWrap {
    width: 100%;
    margin: 0 auto 50px;
    /* flex-wrap: wrap-reverse; */
  }

  .rvCampLeft,
  .rvCampRight {
    width: 100%;
  }

  .rvCampLeft {
    margin-bottom: 40px;
  }

  .rvCampRegular p {
    display: flex;
    font-size: 40px;
  }

  .rvCampRegular p span {
    width: 85px;
    margin-left: 5px;
    font-size: 17px;
  }

  .subsBtn2 {
    padding: 22px 40px;
  }



  .rvCampTitleRV p {
    font-size: 86px;
  }

  .rvCampTitleCampgr p {
    font-size: 30px;
  }

  .rvCampTitleCampgr p span {
    font-size: 38px;
  }

  .rvCampList {
    padding-left: 0;
    width: 420px;
    margin: 0 auto;
  }

  .rvCampList ul li span {
    font-size: 21px;
  }

  .rvCampList ul li {
    font-size: 19px;
    padding-left: 60px;
  }

  .rvCampCoverAndBonus {
    margin-top: 5px;
    justify-content: center;
  }

  .rvCampDiscbg {
    width: 100%;
  }

  .rvCampBonusWrap {
    padding: 25px 0 0;
      width: 420px;
    margin: 0 auto;
  }
    .rvCampBonusWrap img {
        width: 360px;
    }
  .rvCampBonus {
    width: 360px;
  }

  .rvCampBonus img {
    width: 42px;
    height: 42px;
  }

  .rvCampbon {
    font-size: 19px;
  }

  .rvCampBonus p {
    font-size: 18px;
  }

  .rvbetweenWrap {
    width: 432px;
    margin: 0 auto;
      height: 83px;
  }

  .rvbetweenLogo {
    position: absolute;
      bottom: -70px;
      left: 190px;
  }

    .rvbetweenLogo p {
        font-size: 26px;
    }

  .rvbetweenCont {
    width: 432px;
    margin: 0 auto;
  }

  .rvbetTrans {
    font-size: 120px;
    bottom: -60px;
      left: 25px;
  }

  .rvbetRest {
    padding-left: 0;
    text-align: right;
  }

  .rvbetCamp,
  .rvbetWeb span {
    padding-top: 0;
    font-size: 46px;
  }

  .rvbetWeb {
    font-size: 52px;
      line-height: .8;
  }

  .rvbetWeb span {
    padding-left: 5px;
  }

  .rvbetweenLogo {
    text-align: center;
    margin-top: 55px;
    font-size: 48px;
  }

  .rvbetweenLogo img {
    float: none;
    margin: 0 auto;
    width: 160px;
  }

  .rvbetweenbg {
    padding: 15px 0 85px;
  }

  .rvCamp {
    padding: 20px 0 50px;
  }

  .rvCampLeft img {
    margin-top: 20px;
  }

  .rvCampLCont p {
    font-size: 20px;
  }

  .rvCampLIco {
    width: 20px;
    margin-right: 10px;
  }

  .plus {
    width: 80px;
    top: 60px;
    left: 10px;
  }
}

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

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

  .rvbetweenCont {
    width: 280px;
  }

  .rvbetCamp,
  .rvbetWeb span {
    font-size: 34px;
  }

  .rvCampLIco {
    width: 16px;
  }

  .rvbetWeb {
    font-size: 38px;
  }

  .rvbetCamp {
    padding-top: 10px;
  }

  .rvCampList {
    width: 100%;

  }

  .rvCampBonus {
    width: 100%;
    flex-direction: column;
  }

  .rvCampBonus img {
    display: none;
  }


  .rvCampBonus p {
    text-align: center;
    font-size: 21px;
  }

  .rvCampbon {
    font-size: 21px;
  }

  .rvCampcd {
    display: block;
  }

  .rvCampDiscbg {
    width: 100%;
  }

  .rvCampBonusWrap {
    padding: 0;
    width: 288px;
    margin: 0;
  }

  .rvbetRest {
  }

  .rvbetTrans {
    font-size: 80px;
    bottom: -45px;
      left: -10px;
  }

  .plus {
    width: 55px;
    top: 50px;
    left: 25px;
  }
    .rvCampBonusWrap img {
        width: 280px;
    }
    .rvbetweenWrap {
        width: 280px;
    }
    .rvbetweenLogo {
        left: 80px;
    }
    .rvbetweenLogo p {
        margin-right: 7px;
        font-size: 24px;
    }
}

/*========================================================
	INDEX Raptor Media Divider
=========================================================*/
.raptorSepa{
  background: url('../images/index/raptor-media/raptor-media-bg.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.raptorSepaSize{
  width: 90%;
  margin: 0 auto;
}
.raptorSepaWrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.raptorLogo,
.raptorDesigns{
  max-width: 100%;
}
.raptorSepa p{
  color: var(--white);
  font-family: gilroy-black, arial, sans-serif;
  font-size: 78px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.raptorSepa p span{
  display: block;
}
.raptorMobDesigns{
  display: none;
}
.raptorSepa .subsBtn {
	padding: 28px 45px;
	border: 4px solid var(--white);
	color: var(--white);
	font-size: 28px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .raptorSepaSize{
    width: 95%;
  }
  .raptorLogoLink{
    max-width: 17%;
  }
  .raptorDesigns{
    max-width: 40%;
  }
  .raptorSepa p {
  	font-size: 62px;
  }
  .raptorSepa .subsBtn {
  	padding: 24px 45px;
  	font-size: 24px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .raptorSepaSize{
    width: 95%;
  }
  .raptorLogoLink{
    max-width: 17%;
  }
  .raptorDesigns{
    max-width: 38%;
  }
  .raptorSepa p {
  	font-size: 50px;
  }
  .raptorSepa .subsBtn {
  	padding: 18px 45px;
  	font-size: 24px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .raptorSepa{
    padding: 50px 0;
  }
 .raptorSepaWrap{
   flex-direction: column;
   justify-content: center;
 }
 .raptorLogo{
   width: 400px;
 }
 .raptorDesigns{
   margin: 30px 0;
   max-width: 80%;
 }
 .raptorSepa p {
 	 font-size: 60px;
   margin: 0 0 30px;
 }
 .raptorSepa .subsBtn {
 	padding: 25px 45px;
 	font-size: 21px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .raptorSepa{
    padding: 50px 0;
  }
 .raptorSepaWrap{
   flex-direction: column;
   justify-content: center;
 }
 .raptorLogo{
   width: 320px;
 }
 .raptorDesigns{
   margin: 30px 0;
   max-width: 80%;
 }
 .raptorSepa p {
 	 font-size: 56px;
   margin: 0 0 30px;
 }
 .raptorSepa .subsBtn {
 	padding: 22px 40px;
 	font-size: 21px;
 }
}
@media only screen and (max-width: 767px) {
  .raptorSepa{
    padding: 50px 0;
  }
 .raptorSepaWrap{
   flex-direction: column;
   justify-content: center;
 }
 .raptorLogo{
   width: 280px;
 }
 .raptorDesigns{
   display: none;
 }
 .raptorMobDesigns{
   display: block;
   margin: 30px 0;
 }
 .raptorSepa p {
 	 font-size: 48px;
   margin: 0 0 30px;
 }
 .desktopDes,
 .desktopCaro {
     display: none;
 }

 .mobileCaro {
     display: block;
 }
 .raptorSepa .subsBtn {
 	padding: 21px 18px;
 	border: 3px solid var(--white);
 	font-size: 19px;
 	width: 290px;
 }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
	INDEX citr
=========================================================*/
.citrbg{
  background: url("../images/index/citr-bg.jpg") center center no-repeat;
  background-size: cover;
}
.citrWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.citrLeft{
  width: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 100px 0 60px;
}
.citrRight{
  width: 50%;
  position: relative;
}
.citrLeft h3{
  font-family: helveticabold;
  font-size: 70px;
  color: var(--yellow);
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 80px;
}
.pourriMob,
.citrPriceMob{
  display: none;
}
.citrLeft ul li{
  background: url("../images/index/lemon-icon.png") left center no-repeat;
  background-size: 40px 40px;
  color: #fff;
  font-family: helveticaregular;
  font-size: 40px;
  line-height: 1.2;
  padding-left: 70px;
  margin-bottom: 30px;
  min-height: 40px;
}
.citrBtnPlace{
  width: 100%;
  margin-top: 80px;
  text-align: center;
}
.citrRight img{
  display: block;
  width: 100%;
  margin-top: 30px;
}
.citrPrice{
  position: absolute;
  left: 2%;
  top: 20%;
  width: 260px;
  height: 260px;
  background: url(../images/index/label-citr.png) center center no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.citrPrice p{
  color: #fff;
  font-family: helveticabold;
  font-size: 60px;
  line-height: 1.1;
  text-align: center;
}
.citrPrice p span{
  display: block;
  font-family: helveticaregular;
  font-size: 32px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .citrLeft h3 {
  	font-size: 64px;
  }
  .citrLeft ul li {
  	font-size: 36px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .citrLeft {
  	padding: 80px 0 60px;
  }
  .citrLeft h3 {
  	font-size: 52px;
    margin-bottom: 60px;
  }
  .citrLeft ul li {
  	font-size: 31px;
    padding-left: 60px;
  }
  .citrBtnPlace {
  	margin-top: 50px;
  }
  .citrPrice {
  	width: 210px;
  	height: 210px;
  }
  .citrPrice p {
  	font-size: 50px;
  }
  .citrPrice p span {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .citrLeft {
  	padding: 60px 0;
  }
  .citrLeft h3 {
  	font-size: 34px;
    margin-bottom: 40px;
  }
  .citrLeft ul li {
  	font-size: 19px;
    padding-left: 50px;
  }
  .citrBtnPlace {
  	margin-top: 30px;
  }
  .citrPrice {
  	width: 165px;
  	height: 165px;
    left: 0%;
    top: 12%;
  }
  .citrPrice p {
  	font-size: 40px;
  }
  .citrPrice p span {
  	font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .citrLeft {
  	padding: 60px 0;
    align-items: center;
  }
  .citrLeft,
  .citrRight{
    width: 100%;
  }
  .citrRight{
    display: none;
  }
  .pourriMob{
    display: block;
    position: relative;
    margin-bottom: 20px;
  }
  .pourMobImg{
    width: 100%;
  }
  .citrLeft h3 {
  	font-size: 50px;
    margin-bottom: 20px;
  }
  .citrLeft ul li {
  	font-size: 19px;
    padding-left: 55px;
  }
  .citrBtnPlace {
  	margin-top: 50px;
  }
  .citrPriceMob{
    display: block;
    width: 165px;
    height: 165px;
    position: absolute;
    left: 26%;
    top: 21%;
    background: url(../images/index/label-citr.png) center center no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .citrPriceMob p {
    color: #fff;
    font-family: helveticabold;
    font-size: 40px;
    line-height: 1.1;
    text-align: center;
  }
  .citrPriceMob p span {
    display: block;
    font-family: helveticaregular;
    font-size: 24px;
    text-transform: capitalize;
  }
}
@media only screen and (max-width: 767px) {
  .citrLeft {
  	padding: 60px 0;
  }
  .citrLeft,
  .citrRight{
    max-width: 337px;
    margin: 0 auto;
    width: 100%;
  }
  .citrRight{
    display: none;
  }
  .pourriMob{
    display: block;
    position: relative;
    padding-top: 0;
    margin-bottom: 20px;
  }
  .pourMobImg{
    width: 100%;
  }
  .citrLeft h3 {
  	font-size: 26px;
  	margin-bottom: 5px;
  }
  .citrLeft ul li {
  	font-size: 21px;
    padding-left: 50px;
  }
  .citrBtnPlace {
  	margin-top: 25px;
  }
  .citrPriceMob {
  	display: block;
  	width: 130px;
  	height: 130px;
  	position: absolute;
  	left: 24%;
  	top: 16%;
  	background: url(../images/index/label-citr.png) center center no-repeat;
  	background-size: contain;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  .citrWave {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .citrPriceMob p {
    color: #fff;
    font-family: helveticabold;
    font-size: 31px;
    line-height: 1.1;
    text-align: center;
  }
  .citrPriceMob p span {
    display: block;
    font-family: helveticaregular;
    font-size: 19px;
    text-transform: capitalize;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .citrLeft h3 {
  	font-size: 34px;
  }
  .citrLeft,
  .citrRight {
  	max-width: 432px;
  }
  .citrPriceMob {
  	width: 150px;
  	height: 150px;
  	left: 27%;
  	top: 16%;
  }
  .citrBtnPlace {
  	margin-top: 20px;
  }
}
@media only screen and (max-width: 479px) {}

/*========================================================
	INDEX Youtube section
=========================================================*/
.youtbg {
  padding: 120px 0 30px;
}

.youtTit {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.youtTit img {
  width: 110px;
  margin: 0 auto;
}

.lineYout {
  height: 30px;
  padding-bottom: 25px;
  border-bottom: 7px solid var(--light-blue);
  width: 300px;
  margin: 0 auto 25px;
}

.youtTit h3,
.youtTit h1 {
  text-transform: uppercase;
  font-size: 54px;
  font-family: helveticabold, arial, sans-serif;
  color: var(--light-blue);
  text-align: center;
}

.youtBoxesWrap {
  width: 100%;
  margin: 60px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.youtBox {
  width: 24%;
  display: flex;
  flex-direction: column;

}

.youtBox img {
  width: 100%;
}

.youtBox h3 {
  width: 100%;
  padding: 15px 0;
  background: var(--light-blue);
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  color: var(--white);
  font-family: helveticaregular, arial, sans-serif;
  margin-top: -5px;
}

.youtBox p {
  padding: 15px 0;
  text-align: center;
  line-height: 1.3;
  font-family: helveticabold, arial, sans-serif;
  font-size: 26px;
}

.youtBtnWrap {
  text-align: center;
  padding-bottom: 70px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .youtTit img {
    width: 100px;
  }

  .youtTit h3,
  .youtTit h1 {
    font-size: 52px;
  }

  .youtBox h3 {
    font-size: 26px;
  }

  .youtBox p {
    font-size: 22px;
  }
}

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

  .youtTit h3,
  .youtTit h1 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .youtTit img {
    width: 100px;
  }

  .youtTit h3,
  .youtTit h1 {
    font-size: 48px;
  }

  .youtBox h3 {
    font-size: 22px;
  }

  .youtBox p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .youtTit img {
    width: 100px;
  }

  .youtBox h3 {
    font-size: 16px;
  }

  .youtBox p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .youtTit img {
    width: 100px;
  }

  .youtbg .youtTit h3 {
    max-width: 70%;
    margin: 0 auto;
  }

  .youtBox {
    width: 48%;
  }

  .youtBox:nth-child(1),
  .youtBox:nth-child(2) {
    margin-bottom: 30px;
  }

  .youtBox h3 {
    font-size: 24px;
  }

  .youtBox p {
    font-size: 19px;
  }

  .youtBtnWrap {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .youtTit img {
    width: 100px;
  }

  .youtBoxesWrap {
    max-width: 337px;
  }

  .youtBox {
    width: 100%;
    margin-bottom: 40px;
  }

  .youtBox:last-child {
    margin-bottom: 0;
  }

  .youtBox h3,
  .youtBox p {
    font-size: 21px;
  }

  .youtBtnWrap {
    padding-bottom: 0;
  }

  .youtbg {
    padding: 80px 0 30px;
  }

}

/*========================================================
	INDEX Music section
=========================================================*/
.musicbg {
  background: url('../images/index/musicBg.jpg') left center no-repeat;
  background-size: cover;
  height: 1040px;
  position: relative;
  margin-bottom: 90px;
  display: flex;
  justify-content: flex-end;
}

.musicBoxesWrap {
  width: 66%;
  padding-top: 60px;
}

.musicBoxTitWrap {
  text-align: left;
  width: 730px;
}

.musicBoxTitBox {}

.musicBoxTit {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.musicBoxTit img {
  width: 110px;
  margin: 0 auto;
}

.musicBoxTit h3 {
  text-transform: uppercase;
  font-size: 54px;
  font-family: helveticabold, arial, sans-serif;
  color: var(--light-blue);
  text-align: center;
}

.musicColsWrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 90px 0;
}

.musicCol {
  width: 48%;
  display: flex;
  flex-direction: column;
}

.musicRow {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 50px;
  min-height: 150px;
}

.musicRowLeft {
  width: 65%;
}

.musicRowRight {
  width: 35%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.musicRowLeft p {
  background: url('../images/index/song-icon.png') left center no-repeat;
  background-size: 70px 70px;
  padding: 10px 0 10px 100px;
  font-size: 32px;
  font-family: helveticabold, arial, sans-serif;
  text-align: left;
  text-transform: capitalize;
  line-height: 1.2;
}

.musicRowLeft p span {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 28px;
  display: block;
  padding-top: 5px;
}

.musicTime {
  width: 50%;
}

.musicTime p {
  font-size: 30px;
  font-family: helveticamedium, arial, sans-serif;
  text-align: center;
  color: var(--light-blue);
}

.musicPlay {
  width: 50%;
}

.musicPlay img {
  width: 40px;
  margin: 0 auto;
}

.musicPlay img:hover {
  cursor: pointer;
}

.musicbtn {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .musicColsWrap {
    padding: 60px 0;
  }

  .musicRowLeft p span {
    font-size: 18px;
  }

  .musicRow {
    padding-bottom: 45px;
  }

  .musicRowLeft p {
    font-size: 24px;
    background-size: 74px 74px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .musicbg {
    height: 985px;
  }

  .musicBoxTit img {
    width: 100px;
  }

  .musicBoxTit h3 {
    font-size: 48px;
  }

  .musicColsWrap {
    padding: 70px 0;
  }

  .musicRowLeft p {
    font-size: 22px;
  }

  .musicRowLeft p span {
    font-size: 19px;
  }

  .musicTime p {
    font-size: 28px;
  }

  .musicPlay img {
    width: 35px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .musicbg {
    background: url('../images/index/musicBg.jpg') center center no-repeat;
    justify-content: center;
  }

  .musicBoxesWrap {
    width: 95%;
    padding-top: 60px;
  }

  .musicBoxTitWrap {
    width: 100%;
  }

  .musicBoxTitBox {
    display: flex;
    justify-content: center;
  }

  .musicBoxTit img {
    width: 100px;
  }

  .musicBoxTit h3 {
    font-size: 40px;
  }

  .musicRowLeft p {
    font-size: 19px;
  }

  .musicRowLeft p span {
    font-size: 17px;
  }

  .musicTime p {
    font-size: 28px;
  }

  .musicPlay img {
    width: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .musicbg {
    background: #f4f0f1;
    justify-content: center;
  }

  .musicBoxesWrap {
    width: 92%;
    padding-top: 60px;
  }

  .musicBoxTitWrap {
    width: 100%;
  }

  .musicBoxTitBox {
    display: flex;
    justify-content: center;
  }

  .musicBoxTit img {
    width: 100px;
  }

  .musicBoxTit h3 {
    font-size: 40px;
  }

  .musicRowLeft p {
    font-size: 19px;
    background-size: 40px 40px;
    padding-left: 50px;
  }

  .musicRowLeft p span {
    font-size: 17px;
  }

  .musicTime p {
    font-size: 28px;
    margin-right: 5px;
  }

  .musicPlay img {
    width: 30px;
  }

  .musicColsWrap {
    padding: 90px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .musicbg {
    background: #f4f0f1;
    justify-content: center;
    height: auto;
  }

  .musicBoxesWrap {
    width: 92%;
    padding-top: 60px;
  }

  .musicBoxTitWrap {
    width: 100%;
  }

  .musicBoxTitBox {
    display: flex;
    justify-content: center;
  }

  .musicBoxTit img {
    width: 100px;
  }

  .musicBoxTit h3 {
    font-size: 40px;
  }

  .musicRowLeft p {
    font-size: 19px;
  }

  .musicRowLeft p span {
    font-size: 17px;
  }

  .musicRowLeft p {
    background-size: 50px 50px;
    padding: 10px 0 10px 70px;
    margin-right: 10px;
  }

  .musicTime p {
    font-size: 28px;
    margin-right: 5px;
  }

  .musicPlay img {
    width: 30px;
  }

  .musicColsWrap {
    flex-wrap: wrap;
    padding: 90px 0 0;
  }

  .musicCol {
    width: 100%;
  }
}

/*========================================================
	INDEX suppInd section
=========================================================*/
.suppInd {
  background: url('../images/index/banner-payment-road.jpg') center center no-repeat;
  background-size: cover;
  padding: 80px 0 540px;
}

.suppInd h3 {
  font-family: helveticabold, arial, sans-serif;
  color: var(--nav-hover);
  font-size: 80px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 75px;
}

.suppGrRect {
  background: var(--gray-suppgr);
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.suppLeft img,
.suppPaypMe img,
.suppInflu img,
.suppYoutu img,
.suppPatron img,
.suppRight img {
  width: 100%;
  height: auto;
  filter: grayscale(100%);
}

.suppLeft:hover img,
.suppPaypMe:hover img,
.suppInflu:hover img,
.suppYoutu:hover img,
.suppPatron:hover img,
.suppRight:hover img {
  filter: none;
}

.suppLeft {
  width: 36%;
  max-height: 736px;
}

.suppMidd {
  width: 26%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 736px;
}

.suppPaypMe {
  height: 160px;
  margin-bottom: 20px;
}

.suppInflu {
  height: 160px;
}

.suppYoutu {
  height: 160px;
}

.suppPatron {
  height: 120px;
}

.suppRight {
  width: 32%;
  background: #fff;
  max-height: 736px;
}

.centerPay {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.centerPay .btnSingle {
  margin-top: 5px;
  cursor: pointer;
}

.paymOpt {
  text-align: center;
}

.centerPay td {
  color: #363636;
  font-size: 22px;
  text-align: center;
}

.centerPay table {
  margin-bottom: 50px;
}

.centerPay form {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.newSelect {
  margin-top: 5px;
  font-size: 20px;
}

.paypImg {
  border: 0;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .suppInd h3 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .suppInd {
    padding: 50px 0 450px;
  }

  .suppInd h3 {
    font-size: 48px;
  }

  .suppPaypMe {
    height: 140px;
    margin-bottom: 0;
  }

  .suppInflu {
    height: 130px;
  }

  .suppYoutu {
    height: 135px;
  }

  .suppPatron {
    height: 87px;
  }

  .suppRight {
    max-height: 520px;
  }

  .centerPay {
    margin-top: 5px;
  }
    .centerPay form {
        width: 90%;
        margin: 0 auto;
    }
    .newSelect {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .suppInd {
    padding: 60px 0 240px;
  }

  .suppInd h3 {
    font-size: 40px;
  }

  .suppLeft {
    max-height: 341px;
  }

  .suppPaypMe {
    height: 86px;
    margin-bottom: 15px;
  }

  .suppInflu {
    height: 95px;
  }

  .suppYoutu {
    height: 85px;
  }

  .suppPatron {
    height: 56px;
  }

  .suppRight {
    max-height: 341px;
    text-align: center;
  }

  .suppRight img {
    width: 70%;
  }

  .newSelect {
    font-size: 13px;
  }
     .centerPay form {
        width: 90%;
        margin: 0 auto;
    }
  .centerPay {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .suppInd {
    padding: 0 0 200px;
  }

  .suppGrRect {
    width: 420px;
    margin: 0 auto;
  }

  .suppInd h3 {
    font-size: 40px;
  }

  .suppLeft {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }

  .suppMidd {
    width: 100%;
    height: auto;
  }

  .suppRight {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
      max-height: inherit;
  }

  .supportbg {
    padding-top: 60px;
  }
     .centerPay form {
        width: 90%;
        margin: 0 auto;
    }
     .newSelect {
    font-size: 16px;
  }
    .payppix {
        width: 1px!important;
        height: 1px!important;
    }
}

@media only screen and (max-width: 767px) {
  .suppInd {
    padding: 0 0 140px;
  }

  .suppInd h3 {
    font-size: 40px;
    margin-bottom: 35px;
  }

  .suppGrRect {
    max-width: 337px;
    margin: 0 auto;
    padding: 20px;
  }

  .suppLeft {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }

  .suppMidd {
    width: 100%;
    height: auto;
  }

  .suppRight {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    max-height: 452px;
  }

  .suppPaypMe {
    height: 130px;
  }

  .suppInflu,
  .suppYoutu {
    height: 135px;
  }

  .suppPatron {
    height: 110px;
  }

  .supportbg {
    padding-top: 80px;
  }
    .centerPay form {
        width: 90%;
        margin: 0 auto;
    }
     .newSelect {
    font-size: 13px;
  }
    .payppix {
        width: 1px!important;
        height: 1px!important;
    }
}
@media only screen and (max-width: 479px) {
    .centerPay table {
        margin-bottom: 20px;
    }
    .newSelect {
    font-size: 11px;
  }
}
/*========================================================
	INDEX frmSec section
=========================================================*/
.frmSecWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.frmLeft,
.frmRight {
  width: 50%;
  height: 1100px;
}

.frmLeft {
  background: var(--light-blue);
  padding: 0 100px 0 315px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.frmLeft p {
  color: var(--white);
  font-size: 28px;
}

.separWhite {
  height: 10px;
  border-bottom: 10px solid var(--white);
  border-radius: 20px;
  width: 300px;
  margin: 80px 0 75px;
}

.frmLeft h3 {
  font-family: helveticabold, arial, sans-serif;
  color: var(--yellow);
  font-size: 48px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.frmRight {
  background: url('../images/index/pic-photo-contact.jpg') center center no-repeat;
  background-size: cover;
}

.signupformnew {
  display: flex;
  justify-content: flex-start;
  margin-top: 25px;
}



.mapForm {
  margin-top: 100px;
}

.mapBoxForm {
  padding-top: 350px;
  margin-left: 520px;
  height: 555px;
  width: 760px;
}

.formMapWrap {
  width: 100%;
  margin: 0 auto;
}

.mapFirst,
.mapSec {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.mapFirstCol1,
.mapFirstCol2 {
  width: 48%;
}

.mapSecCol1 {
  width: 60%;
}

.mapSecCol2 {
  width: 36%;
}

#name,
#emailp {
  border: 1px solid #fff;
  height: 80px;
  box-shadow: none;
  display: block;
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 28px;
  color: #222;
  padding: 12px 25px;
  background: #fff;
  border-radius: 50px;
  width: 100%;
}

.contSubm {
  text-align: center;
  padding-top: 30px;
}

.mapForm input[type="submit"] {
  display: inline-block;
  color: var(--white);
  border: 4px solid var(--white);
  border-radius: 60px;
  text-align: center;
  padding: 25px 45px;
  font-size: 28px;
  line-height: 1;
  background: var(--nav-hover);
  font-family: helveticamedium, arial, sans-serif;
  cursor: pointer;
  width: 370px;
  margin: 0 auto;
  text-transform: uppercase;
}

/*========================================================
	AWeber Web Form
=========================================================*/
.AW-Form-972452490 {
  width: 100% !important;
}

#af-form-972452490 .af-body .af-textWrap {
  width: 100% !important;
  float: none !important;
}

#af-form-972452490,
#af-form-972452490 .quirksMode {
  max-width: 100% !important;
}

#af-form-972452490 .af-header {
  display: none !important;
}

#af-form-972452490 {
  background: none !important;
  border: none !important;
}

#af-form-972452490 .af-body .af-element {
  width: 48% !important;
  float: left !important;
}

#af-form-972452490 .af-standards .af-element {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#af-form-972452490 .af-body .af-element:first-child {
  margin-right: 2% !important;
}

#af-form-972452490 .buttonContainer {
  text-align: left !important;
}

#af-form-972452490 .af-body .privacyPolicy {
  display: none !important;
}

#af-form-972452490 .af-body .af-element p {
  display: none !important;
}

#af-form-972452490 .af-body input.text {
  background: #fff !important;
  height: 50px !important;
  border-radius: 50px !important;
  outline: none !important;
  padding: 4px 4px 4px 10px !important;
  border: none !important;
  box-shadow: 2px 2px 7px #ccc !important;
}

#af-form-972452490 .af-body label.previewLabel {
  color: #fff !important;
  padding-bottom: 5px !important;
  font-size: 16px !important;
}

#af-form-972452490 .af-body {
  padding-top: 0 !important;
}

#af-form-972452490 .buttonContainer input.submit {
  background: #EE2761 !important;
  border: 1px solid #EE2761 !important;
  border-radius: 5px !important;
  padding: 13px 25px !important;
  outline: none !important;
  cursor: pointer !important;
  width: 100% !important;
  height: 50px !important;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .frmLeft {
    padding: 0 95px;
    height: 1010px;
  }

  .frmLeft h3 {
    font-size: 42px;
  }

  .frmLeft p {
    font-size: 24px;
  }

  .frmRight {
    height: 1010px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .frmLeft {
    padding: 0 77px;
    height: 960px;
  }

  .frmLeft p {
    font-size: 21px;
  }

  .frmLeft h3 {
    font-size: 28px;
  }

  #name,
  #emailp,
  .mapForm input[type="submit"] {
    font-size: 24px;
  }

  .frmRight {
    height: 960px;
  }

  .separWhite {
    margin: 50px 0 45px;
  }

  .mapForm {
    margin-top: 60px;
  }

  #af-form-972452490 .af-body .af-element {
    width: 100% !important;
    float: none !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .frmLeft {
    padding: 0 50px;
  }

  .separWhite {
    margin: 50px 0 55px;
  }

  .frmLeft p {
    font-size: 19px;
  }

  .frmLeft h3 {
    font-size: 24px;
  }

  .mapForm {
    margin-top: 50px;
  }

  #name,
  #emailp {
    height: 65px;
    font-size: 21px;
  }

  .mapForm input[type="submit"] {
    padding: 22px 45px;
    font-size: 21px;
    width: 320px;
  }

  .contSubm {
    padding-top: 0px;
  }

  .frmLeft,
  .frmRight {
    height: 860px;
  }

  .frmRight {
    background: url('../images/index/pic-photo-contact.jpg') left center no-repeat;
  }

  #af-form-972452490 .af-body .af-element {
    width: 100% !important;
    float: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .frmLeft,
  .frmRight {
    width: 100%;
    height: auto;
  }

  .frmLeft {
    padding: 50px 40px;
  }

  .frmRight {
    height: 700px;
  }

  .frmLeft p {
    font-size: 21px;
  }

  .frmLeft h3 {
    font-size: 38px;
  }

  #name,
  #emailp {
    height: 66px;
    font-size: 21px;
  }

  .mapForm {
    margin-top: 70px;
  }

  .mapForm input[type="submit"] {
    padding: 21px 45px;
    font-size: 21px;
    width: 290px;
  }
}

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

  .frmLeft,
  .frmRight {
    width: 100%;
  }

  .frmLeft {
    padding: 50px 15px 0;
  }

  .frmLeft p {
    font-size: 21px;
  }

  .frmLeft h3 {
    font-size: 40px;
  }

  .mapFirstCol1,
  .mapFirstCol2 {
    width: 100%;
  }

  .mapFirst {
    flex-wrap: wrap;
  }

  #name,
  #emailp {
    height: 65px;
    margin-bottom: 20px;
    font-size: 21px;
  }

  .mapForm input[type="submit"] {
    font-size: 21px;
    width: 320px;
    padding: 21px 18px;
  }

  .frmRight {
    height: 500px;
    min-height: 500px;
    max-height: 550px;
  }

  .separWhite {
    margin: 30px 0 25px;
    width: 200px;
  }

  .frmLeft,
  .frmRight {
    height: auto;
  }

  .mapForm {
    margin-top: 30px;
  }

  #af-form-972452490 .af-body .af-element {
    width: 100% !important;
    float: none !important;
  }
}

@media only screen and (max-width: 479px) {
  .mapForm input[type="submit"] {
    width: 280px;
  }
}

/*========================================================
		Footer
=========================================================*/
.footer {
  background: var(--dark-blue);
  padding: 135px 0 125px;
  color: var(--white);
}

.fooWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fooCol1 {
  width: 35%;
}

.logoFoo img {
  max-width: 450px;
}

.fooAddr p {
  margin-top: 120px;
  font-size: 28px;
  text-transform: uppercase;
  color: var(--white);
}

.fooAddr p span {
  display: block;
}

.fooCol2 {
  width: 30%;
}

.fooCol2 ul li {
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.fooCol2 ul li a {
  padding: 12px 30px;
}

.fooCol2 ul li a:hover {
  background: var(--light-blue);
  border-radius: 15px;
}

.fooCol3 {
  width: 26%;
}

.podcastFoot {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.podBoxes a {
  display: inline-block;
  width: 98%;
  margin: 0 1%;
}

.podBox {
  border: 1px solid #ccc;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 12px;
  width: 100%;
  background: var(--white);
}

.vioBox {
  border-left: 3px solid #AA1DD2;
}

.oraBox {
  border-left: 3px solid #F9BA01;
}

.greBox {
  border-left: 3px solid #8BC34A;
}

.bluBox {
  border-left: 3px solid #1E88E5;
}

.rssBox {
  border-left: 3px solid #FF6600;
}


.leftPod {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.leftPod img {
  width: 50px;
  height: 52px;
  margin-right: 17px;
}

.leftPod p {
  font-size: 26px;
  color: #222;
}

.rightPod {
  width: 34px;
  height: 21px;
}

.rightPod img {
  width: 100%;
  margin-bottom: 5px;
}

.fooSocial img {
  margin: 0 4px;
}

.fooCopy {
  background: var(--copy-sec);
  padding: 40px 0;
  text-align: center;
}

.fooCopy p {
  color: var(--copy-text);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fooSocial img {
    width: 77px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .logoFoo img {
    max-width: 385px;
  }

  .fooAddr p,
  .fooCol2 ul li {
    font-size: 24px;
  }

  .podBox {
    padding: 15px 12px;
  }

  .leftPod p {
    font-size: 24px;
  }

  .fooSocial img {
    width: 58px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fooCol1 {
    width: 30%;
  }

  .logoFoo img {
    max-width: 270px;
  }

  .fooCol2 ul li {
    font-size: 21px;
  }

  .fooAddr p {
    font-size: 21px;
  }

  .fooCol3 {
    width: 31%;
  }

  .leftPod p {
    font-size: 19px;
    color: #222;
  }

  .leftPod img {
    width: 40px;
    height: 42px;
    margin-right: 12px;
  }

  .rightPod {
    width: 28px;
    height: 19px;
  }

  .podBox {
    padding: 12px 12px;
  }

  .fooSocial img {
    width: 44px;
  }

  .fooCopy {
    padding: 30px 0 45px;
  }

  .fooCopy p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer {
    padding: 85px 0;
  }

  .fooCol1,
  .fooCol2 {
    width: 45%;
  }

  .fooCol3 {
    width: 100%;
  }

  .logoFoo img {
    max-width: 250px;
  }

  .fooAddr p,
  .fooCol2 ul li {
    font-size: 21px;
  }

  .podcastFoot {
    width: 47%;
    margin-top: 30px;
  }

  .podBox {
    padding: 10px 12px;
    margin-bottom: 24px;
  }

  .leftPod p {
    font-size: 21px;
  }

  .leftPod img {
    width: 40px;
    height: 42px;
    margin-right: 12px;
  }

  .rightPod img {
    width: 85%;
  }

  .fooSocial img {
    width: 52px;
  }

  .fooCopy {
    padding: 30px 0 45px;
  }

  .fooCopy p {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .footer {
    padding: 65px 0;
  }

  .fooWrap {
    max-width: 337px;
    margin: 0 auto;
  }

  .fooCol1,
  .fooCol2,
  .fooCol3 {
    width: 100%;
  }

  .fooCol1,
  .fooCol2 {
    margin-bottom: 60px;
  }

  .logoFoo img {
    width: 100%;
  }

  .fooCol2 ul li a {
    padding: 12px 0;
  }

  .fooAddr p,
  .fooCol2 ul li {
    font-size: 21px;
    text-align: center;
  }

  .fooAddr p {
    margin-top: 70px;
    text-align: center;
  }

  .podBox {
    padding: 10px 12px;
    margin-bottom: 24px;
  }

  .leftPod p {
    font-size: 21px;
  }

  .leftPod img {
    width: 40px;
    height: 42px;
    margin-right: 12px;
  }

  .rightPod img {
    width: 85%;
  }

  .fooSocial img {
    width: 53px;
  }

  .fooCopy {
    padding: 30px 0 50px;
  }

  .fooCopy p {
    font-size: 18px;
  }

  .fooCopy p span {
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  .fooSocial img {
    margin: 0 2px;
  }
}



/*========================================================
    Merchandise page
=========================================================*/
.merchBelow {
  padding: 65px 0;
}

.merchBelWrap {
  margin-top: 65px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.merchBelBox {
  width: 31%;
  margin-bottom: 65px;
  text-align: center;
}

.merchBelBoxEmpty {
  width: 31%;
}

.merchBelBox img {
  width: 100%;
}

.merchBelBox p {
  font-family: helveticabold, arial, sans-serif;
  font-size: 32px;
  margin: 20px 0 30px;
}
.merchBtnPaypal {
	max-width: 300px;
	margin: 0 auto;
}
.merchBtnPlace input[type=image]{
  max-width: 300px;
  margin: 0 auto;
  display: block;
  height: 76px;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .merchBelBox p {
    font-size: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .merchBelBox p {
    font-size: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .merchBelBox {
    width: 46%;
  }

  .merchBelBox p {
    font-size: 26px;
  }
  .merchBtnPlace input[type="image"] {
  	max-width: 285px;
    height: 73px;
  }
}

@media only screen and (max-width: 767px) {
  .merchBelWrap {
    max-width: 337px;
    margin: 65px auto 0;
  }

  .merchBelBox {
    width: 100%;
  }

  .merchBelBox:nth-child(5) {
    margin-bottom: 0;
  }

  .merchBelBox p {
    font-size: 21px;
  }

  .merchBtn {
    font-size: 19px;
    padding: 21px 45px;
    width: 260px;
  }
  .merchBtnPlace input[type="image"] {
  	max-width: 260px;
    height: 65px;
  }
}

/*========================================================
    Products Categories page
=========================================================*/
.prodCat {
  padding: 65px 0;
}

.prodCat h3 span {
  display: block;
  color: var(--nav-hover);
  margin-top: 10px;
}

.prodCatWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prodCatBox {
  width: 23%;
  margin-top: 85px;
  border: 2px solid var(--products-border);
  border-radius: 80px;
  padding: 35px 20px 45px 20px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.prodCatBox:hover img {
  filter: none;
}

.prodCatBox:hover .prodBtn {
  background: var(--nav-hover);
}

.prodCatBox img {
  filter: grayscale(100%) brightness(200%);
}

.prodCatBox p {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 26px;
  margin: 30px 0 40px;
  min-height: 156px;
}

.prodCatBox p span {
  display: block;
  font-family: helveticabold, arial, sans-serif;
  text-transform: uppercase;
}
/* Ewa: I updated below style  on 11/16/24 @ 1:44pm EST */
.prodStoveVideo {
    width: 1730px;
    margin: 90px auto 50px;
}
.prodStoveVideo img {
    width: 100%;
    display: block;
}
.prodStoveImg {
    max-width: 600px;
    margin: 0 auto;
}
.prodStoveBoxWrap {
    max-width: 1200px;
    margin: 0 auto 90px;
    display: flex;
    justify-content: space-between;
}
.prodStoveBox {
    margin-top: 85px;
    padding: 35px 20px 45px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
}
.prodStoveBox p {
    font-size: 32px;
    text-align: center;
    padding-bottom: 20px;
}
.prodStove {
    width: 100%;
    display: block;
    filter: none!important;
}
.prodStoveBtn {
    width: 350px;
    padding: 25px 25px;
}
.prodStoveBtn span {
    display: block;
    font-size: 24px;
    margin-top: 10px;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .prodCatBox p {
    font-size: 21px;
    min-height: 130px;
  }

  .prodCatBox img {
    width: 140px;
  }
    .prodStoveVideo {
        width: 1200px;
    }
    .prodStoveBox p {
        font-size: 26px;
    }
    .prodStoveBtn {
        width: 320px;
        font-size: 24px;
    }
    .prodStoveBoxWrap {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .prodCatBox {
    width: 32%;
  }

  .prodCatBox img {
    width: 140px;
  }

  .prodCatBox p {
    font-size: 21px;
    min-height: 130px;
  }
    .prodStoveVideo {
        width: 980px;
    }
    .prodStoveBox p {
        font-size: 28px;
    }
    .prodStoveBtn {
        width: 260px;
    }
    .prodStoveBoxWrap {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .prodCatBox {
    width: 46%;
  }

  .prodCatBox p {
    font-size: 21px;
  }

  .prodCatBox img {
    width: 140px;
  }
     .prodStoveVideo {
        width: 700px;
        margin: 40px auto 0;
    }
    .prodStoveBox p {
        font-size: 28px;
    }
    .prodStoveBtn {
        width: 220px;
        padding: 15px 5px;
        font-size: 18px;
    }
    .prodStoveBtn span {
        font-size: 16px;
        margin-top: 5px;
    }
    .prodStoveBoxWrap {
        margin-bottom: 0;
    }
    .prodStoveBox {
        margin-top: 0;
        padding: 35px 20px 20px 20px;
    }
}

@media only screen and (max-width: 767px) {
  .prodCatWrap {
    max-width: 337px;
    margin: 0 auto;
  }

  .prodCatBox {
    width: 100%;
    margin-top: 55px;
  }

  .prodCatBox img {
    width: 140px;
  }

  .prodCatBox p {
    font-size: 21px;
    height: auto;
    min-height: 60px;
  }
    .prodStoveVideo {
        width: 100%;
        margin: 40px auto 0;
    }
    .prodStoveBox p {
        font-size: 28px;
        padding-bottom: 0;
    }
    .prodStoveBtn {
        width: 300px;
        padding: 15px 5px;
        font-size: 21px;
    }
    .prodStoveBtn span {
        font-size: 18px;
        margin-top: 5px;
    }
    .prodStoveBoxWrap {
        margin-bottom: 0;
        flex-direction: column;
    }
    .prodStoveBox {
        margin-top: 0;
        padding: 35px 0 20px 0;
        width: 100%;
        border-bottom: 1px solid var(--products-border);
    }
    .prodStoveBox:last-child {
        border-bottom: none;
    }
    .prodStoveImg {
        margin-bottom: 20px;
    }
}

/*========================================================
    Products page
=========================================================*/
.prodWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prodBox {
  width: 23%;
  margin-top: 85px;
  border: 2px solid var(--products-border);
  border-radius: 80px;
  padding: 35px 20px 45px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.prodBox img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.prodBox:hover .prodBtn {
  background: var(--nav-hover);
}

.prodBox p {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 26px;
  margin: 30px 0 40px;
  min-height: 156px;
}

.prodBox p span {
  display: block;
  font-family: helveticabold, arial, sans-serif;
  text-transform: uppercase;
}

.prodBoxEmpty {
  width: 23%;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .prodBox p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .prodBox {
    width: 32%;
  }

  .prodBox p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .prodBox {
    width: 46%;
  }

  .prodBox p {
    font-size: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .prodWrap {
    max-width: 337px;
    margin: 0 auto;
  }

  .prodBox {
    width: 100%;
    margin-top: 55px;
  }

  .prodBox p {
    font-size: 21px;
    height: auto;
    min-height: 60px;
  }
}

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

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

/*========================================================
	EASY START page
=========================================================*/
.bgstarter {
  padding: 100px 0 80px;
}

.startRight h1 {
  font-weight: 400;
  padding-bottom: 10px;
}

.startRight h2 {
  font-family: helveticamedium, arial, sans-serif;
  font-size: 36px;
  text-align: left;
  font-weight: 600;
  padding: 0 0 30px;
}

.startItemWrap {
  width: 60%;
  margin: 0 auto;
}

.startItem {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}

.startLeft,
.startRight {
  width: 50%;
}

.startLeft img {
  width: 90%;
}

.startRight {
  padding-left: 60px;
}

.startRight ul {
  padding: 30px 0 20px;
}

.startRight ul li {
  font-size: 24px;
  padding: 8px 0 8px 40px;
  background: url('../images/checkp.png');
  background-position: left top 5px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.startPrice {
  font-size: 36px;
  font-weight: 700;
  font-family: 'Cabin', arial, sans-serif;
  margin-bottom: 20px;
}

.startOverview {
  padding: 30px 0;
}

.startOverview h3 {
  font-size: 36px;
  font-weight: 400;
  padding: 35px 0 35px;
  text-align: left;
}

.startOverview p {
  font-size: 24px;
  line-height: 1.5;
}

.startOverview p span {
  font-weight: 700;
  display: block;
}

.startOverview ul {
  list-style: initial;
  margin: initial;
  padding: 0 0 0 10px;
  text-align: left;
}

.startOverview ul li {
  display: list-item;
  list-style-type: square;
  list-style-position: inside;
  font-size: 21px;
  padding: 8px 0 8px;
  line-height: 1.5;
}

.startOverview img {
  margin: 20px 0 0;
  max-width: 900px;
}

.vleft {
  text-align: left;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .startItemWrap {
    width: 80%;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .startItemWrap {
    width: 90%;
  }

  .startRight h1 {
    font-size: 36px;
  }

  .startOverview p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .startItemWrap {
    width: 90%;
  }

  .startRight h1 {
    font-size: 36px;
  }

  .startOverview p {
    font-size: 21px;
  }

  .startLeft img {
    width: 100%;
  }

  .bgstarter {
    padding: 70px 0;
  }

  .startOverview {
    padding: 0 0 30px;
  }

  .startOverview img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .startItemWrap {
    width: 90%;
  }

  .startItem {
    flex-direction: column;
  }

  .startRight,
  .startLeft {
    width: 100%;
  }

  .startRight {
    padding-left: 0;
    padding-top: 50px;
  }

  .startRight h1 {
    font-size: 36px;
  }

  .startOverview p {
    font-size: 21px;
  }

  .startLeft img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .bgstarter {
    padding: 70px 0;
  }

  .startOverview {
    padding: 0 0 30px;
  }

  .startLeft {
    text-align: center;
  }

  .startOverview img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .startItemWrap {
    width: 90%;
  }

  .startItem {
    flex-direction: column;
  }

  .startRight,
  .startLeft {
    width: 100%;
  }

  .startRight {
    padding-left: 0;
    padding-top: 50px;
  }

  .startRight h1 {
    font-size: 32px;
  }

  .startRight h2 {
    font-size: 30px;
  }

  .startOverview p {
    font-size: 21px;
  }

  .startLeft img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .bgstarter {
    padding: 70px 0;
  }

  .startOverview {
    padding: 0 0 30px;
  }

  .startLeft {
    text-align: center;
  }

  .startOverview img {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .startOverview h3 {
    font-size: 24px;
    font-weight: 700;
  }

  .startBtn {
    width: 280px;
    font-size: 16px !important;
  }

  .startRight ul li {
    font-size: 21px;
  }

  .startRight ul {
    padding: 20px 0;
  }

  .startItem {
    padding-bottom: 20px;
  }
}

/*========================================================
    FAQ page
=========================================================*/
.faqWrapping {
  width: 100%;
  padding: 80px 0;
}

.faqWrapping img {
  width: 110px;
  display: block;
  margin: 0 auto;
}

.faqWrapping h1 {
  text-transform: uppercase;
  font-size: 54px;
  font-family: helveticabold, arial, sans-serif;
  color: var(--light-blue);
  text-align: center;
  margin-bottom: 60px;
}

.faq-wrap {
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  margin: 10px auto;
  width: 95%;
}

p.faq {
  text-align: left;
  font-size: 1.1em;
}

a.question {
  line-height: 1.5;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  margin: 5px 0;
  cursor: pointer;
}

.faqa {
  text-align: left;
  color: #6d6d6d;
  padding: 10px;
  line-height: 1.5;
  font-size: 22px;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  a.question {
    font-size: 21px;
  }

  .faqa {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .faqWrapping {
    padding: 50px 0;
  }

  .faqWrapping h1 {
    padding-bottom: 30px;
  }

  a.question {
    font-size: 21px;
  }

  .faqa {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .faqWrapping h1 {
    font-size: 40px;
  }

  a.question {
    font-size: 21px;
  }

  .faqa {
    font-size: 19px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .faqWrapping {
    padding: 50px 0;
  }

  .faqWrapping h1 {
    padding-bottom: 30px;
  }

  .faqa {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 479px) {
  .faqWrapping {
    padding: 50px 0;
  }

  .faqWrapping h1 {
    padding-bottom: 20px;
  }

  .faqa {
    padding: 10px 0;
  }
}


/*========================================================
    Videos page
=========================================================*/
.travelVideos,
.travelVideosAll {
  width: 81%;
  overflow: hidden;
  margin: 60px auto 80px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.travelVidAllTit {
  padding: 90px 0 0;
}

.travelVidAllTit img {
  width: 110px;
  margin: 0 auto;
  display: block;
}

.travelVidAllTit h1 {
  text-transform: uppercase;
  font-size: 54px;
  font-family: helveticabold, arial, sans-serif;
  color: var(--light-blue);
  text-align: center;
}

.moreVideosDesk {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

.moreVideosDesk a {
  background: #EE2761;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  padding: 15px 40px;
  text-transform: capitalize;
  height: 54px;
}

.travelVideo {
  width: 25%;
  margin: 20px 0;
  padding: 0 12px;
}

.travelVideo h2,
.travelVideo h3 {
  font-size: 26px;
  text-align: left;
  padding-bottom: 15px;
}

.travelVideo p {
  font-size: 21px;
  line-height: 1.5;
  padding-top: 15px;
}

.vdiv {
  position: relative;
  text-align: center;
  height: 0;
  padding-bottom: 56.25%;
}

.vdiv iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vdiv img {
  width: 100%;
}
.prodStoveWrap {
    width: 100%;
}
.prodStoveVideo h3 {
    font-size: 46px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 90px;
}
.prodStoveVideo h3 span {
    margin: 20px auto 0;
    font-size: 24px;
    text-transform: none;
    color: var(--main-text);
    max-width: 1280px;
    text-align: center;
    line-height: 1.5;
    font-weight: 400;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

  .travelVideo h2,
  .travelVideo h3 {
    font-size: 21px;
  }

  .travelVideo p {
    font-size: 18px;
  }
    .prodStoveVideo h3 {
        font-size: 44px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .travelVideos {
    width: 92%;
    margin: 20px auto 50px;
  }

  .travelVideosAll {
    width: 90%;
  }

  .travelVidTit {
    margin: 20px auto 30px;
    width: 90%;
  }

  .vidtit2 h1,
  .travelVidTit p {
    font-size: 32px;
  }

  .travelVideo h2,
  .travelVideo h3 {
    font-size: 19px;
  }

  .travelVideo p {
    font-size: 16px;
  }
    .prodStoveVideo h3 {
        font-size: 34px;
        max-width: 1160px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .travelVideos {
    width: 90%;
    flex-wrap: wrap;
    margin: 60px auto 50px;
  }

  .travelVidTit {
    margin: 50px auto 20px;
    width: 90%;
  }

  .vidtit2 h1,
  .travelVidTit p {
    font-size: 32px;
  }

  .travelVideo {
    width: 48%;
    margin: 0 auto 35px;
  }

  .travelVideo h2,
  .travelVideo h3 {
    font-size: 21px;
  }

  .travelVideo p {
    font-size: 16px;
  }
    .prodStoveWrap {
        width: 100%;
    }
    .prodStoveVideo h3 {
        font-size: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .travelVideos {
    width: 90%;
    flex-wrap: wrap;
    margin: 50px auto 30px;
  }

  .travelVidTit {
    margin: 20px auto;
    width: 90%;
  }

  .vidtit2 h1,
  .travelVidTit p {
    font-size: 26px;
  }

  .travelVideo {
    width: 48%;
    margin: 0 auto 20px;
    padding: 0 10px;
  }

  .travelVideo h2,
  .travelVideo h3 {
    font-size: 21px;
  }

  .travelVideo p {
    font-size: 16px;
  }
    .prodStoveWrap {
        width: 100%;
    }
    .prodStoveVideo h3 {
        font-size: 32px;
        padding-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
  .travelVidAllTit h1 {
    font-size: 40px;
  }
    .prodStoveWrap {
        width: 100%;
    }
    .prodStoveVideo h3 {
        font-size: 32px;
        padding-top: 50px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .travelVideos {
    display: none;
  }

  .travelVideosMobile {
    display: flex;
    width: 90%;
    margin: 20px auto 0;
    flex-direction: column;
  }

  .travelVideos {
    width: 90%;
    flex-wrap: wrap;
    margin: 50px auto 30px;
  }

  .travelVidTit {
    margin: 50px auto 20px;
    width: 90%;
  }

  .vidtit2 h1,
  .travelVidTit p {
    font-size: 32px;
  }

  .travelVideo {
    width: 420px;
    margin: 0 auto 35px;
    padding: 0 0;
  }
}

@media only screen and (max-width: 479px) {
  .travelVideos {
    display: none;
  }

  .travelVideosMobile {
    display: flex;
    width: 90%;
    margin: 20px auto 0;
    flex-direction: column;
  }

  .travelVideos,
  .travelVideosAll {
    width: 90%;
    flex-wrap: wrap;
    margin: 50px auto 30px;
  }

  .travelVidTit {
    padding: 10px 0;
    width: 90%;
    margin: 0 auto;
  }

  .vidtit2 h1,
  .travelVidTit p {
    font-size: 32px;
  }

  .travelVideo {
    width: 100%;
    margin: 0 auto 35px;
    padding: 0 0;
  }
    .prodStoveWrap {
        margin-bottom: 0;
    }
}

/*========================================================
	Map page
=========================================================*/
.mapFull {
  padding: 90px 0;
  text-align: center;
}

.mapFull img {
  width: 110px;
  margin: 0 auto;
  display: block;
}

.mapFull h1 {
  text-transform: uppercase;
  font-size: 54px;
  font-family: helveticabold, arial, sans-serif;
  color: var(--light-blue);
  text-align: center;
  margin-bottom: 50px;
}

.mapCenter iframe {
  width: 100%;
  height: 500px;
  border: 0;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .mapFull h1 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mapFull h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .mapFull {
    padding: 50px 0;
  }

  .mapFull h1 {
    font-size: 40px;
  }

  .mapFull h1 span {
    display: block;
  }
}

/*========================================================
    Affiliate page
=========================================================*/
.affiWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.affiBox {
  width: 24%;
  margin-top: 85px;
  border: 2px solid var(--products-border);
  border-radius: 80px;
  padding: 35px 20px 45px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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

.affiBox:hover .prodBtn {
  background: var(--nav-hover);
}

.affiBox p {
  font-family: helveticaregular, arial, sans-serif;
  font-size: 26px;
  margin: 30px 0 40px;
  min-height: 156px;
}

.affiBox p span {
  display: block;
  font-family: helveticabold, arial, sans-serif;
  text-transform: uppercase;
}

span.myrv {
  display: block;
  text-transform: uppercase;
  color: #EE2761;
}

.affiBoxEmpty {
  width: 23%;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .affiBox p {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1300px) {
  .affiBoxEmpty {
    display: none;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .affiBox {
    width: 32%;
  }

  .affiBox p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .affiWrap {
    max-width: 370px;
    margin: 0 auto;
  }

  .affiBox {
    width: 100%;
    margin-top: 60px;
  }

  .affiBox p {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .affiWrap {
    max-width: 310px;
    margin: 0 auto;
  }

  .affiBox {
    width: 100%;
    margin-top: 60px;
  }

  .affiBox p {
    font-size: 19px;
  }
}

/*========================================================
    Podcast page
=========================================================*/
.bgpodcasti {
  padding: 90px 0 0;
}

.bgpodcasti {
  font-size: 48px;
  text-align: center;
  text-transform: capitalize;
}

.podcasti {
  width: 100%;
  margin: 0 auto 90px;
  text-align: center;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .podcastRight h3 {
    font-size: 32px;
  }

  .podcastRight {
    padding-left: 20px;
  }

  .subspodcast ul li {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .podcastRight h3 {
    font-size: 32px;
    padding-bottom: 0;
  }

  .podcastRight {
    padding-left: 20px;
  }

  .subspodcast ul li {
    font-size: 18px !important;
  }

  .container {
    margin: 20px auto 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .podcastWrap {
    flex-direction: column;
  }

  .podcastRight h3 {
    font-size: 32px;
    padding-bottom: 0;
  }

  .podcastRight {
    padding-left: 0;
  }

  .subspodcast ul li {
    font-size: 18px !important;
  }

  .container {
    margin: 20px auto 0;
  }

  .podcastLeft,
  .podcastRight {
    width: 600px;
    margin: 0 auto;
  }

  .podcastLeft img {
    max-width: 540px;
    margin-bottom: 50px;
  }

  .bgpodcasti {
    padding: 50px 0 0;
  }

  .podcasti {
    margin: 0 auto 50px;
  }
}

@media only screen and (max-width: 767px) {
  .bgpodcasti {
    padding: 50px 0 0;
  }

  .podcasti {
    margin: 0 auto 50px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .podcastWrap {
    flex-direction: column;
  }

  .podcastRight h3 {
    font-size: 32px;
    padding-bottom: 0;
  }

  .podcastRight {
    padding-left: 0;
  }

  .subspodcast ul li {
    font-size: 18px !important;
  }

  .container {
    margin: 20px auto 0;
  }

  .podcastLeft,
  .podcastRight {
    width: 440px;
    margin: 0 auto;
  }

  .podcastLeft img {
    width: 100%;
    max-width: 540px;
    margin-bottom: 50px;
  }

  .bgpodcast h1 {
    padding-bottom: 30px;
    font-size: 36px;
  }

  .bgpodcast {
    padding: 0;
  }

  .podcastdown p {
    font-size: 19px;
  }
}

@media only screen and (max-width: 479px) {
  .podcastWrap {
    flex-direction: column;
    padding-bottom: 0;
  }

  .podcastRight h3 {
    font-size: 32px;
    padding-bottom: 0;
  }

  .podcastRight {
    padding-left: 0;
  }

  .subspodcast ul li {
    font-size: 18px !important;
  }

  .container {
    margin: 20px auto 0;
  }

  .podcastLeft,
  .podcastRight {
    width: 100%;
    margin: 0 auto;
  }

  .podcastLeft img {
    width: 100%;
    margin-bottom: 20px;
  }

  .bgpodcast h1 {
    padding-bottom: 20px;
    font-size: 32px;
  }

  .bgpodcast {
    padding: 0;
  }

  .podcastdown p {
    font-size: 19px;
  }
}

/*========================================================
    Contact Us page
=========================================================*/
.contact {
  padding: 90px 0;
}

.contact .youtTit {
  padding-bottom: 60px;
}

.centerContact {
  margin: 0 auto;
}

.infoAdress,
.contTel,
.contAdr,
.contWHours,
.sendUsMes,
.contEmail {
  text-align: center;
}

.infoAdress h1 {
  margin-bottom: 50px;
}

.contTel {
  display: none;
  padding: 20px 0;
}

.contTel a {
  color: #258bb6;
  font-size: 34px;
  font-weight: bold;
}

.contEmail {
  padding: 20px 0;
  font-size: 1.6rem;
}

.contEmail span {
  display: block;
  margin-bottom: 4px;
}

.contAdr,
.contWHours {
  padding-bottom: 20px;
  color: #131313;
  font-weight: 400;
}

.contWHours {
  font-size: 16px;
}

.contAdr {
  padding-top: 20px;
}

.contAdr span,
.contWHours span {
  display: block;
}

.contForm {
  padding-top: 40px;
}

.contPar {
  text-align: center;
}

p.sendUsMes {
  font-size: 28px;
  color: #0070ba;
}

form.stoneForm {
  width: 1024px;
  margin: 0 auto 20px;
  overflow: hidden;
}

.formHalfWrapper {
  display: flex;
  justify-content: space-between;
}

.stoneFormHalf {
  width: 32%;
  overflow: hidden;
  padding: 20px 0 10px;
}

.stoneFormFirst input[type="text"] {
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  padding: 1px;
  display: block;
  width: 100%;
  height: 5px;
  font-size: 14px;
  outline: none;
}

.stoneFormHalf input[type="text"] {
  margin: 10px auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ccc;
  padding: 8px 8px 8px 20px;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  outline: none;
}

.stoneFormFull {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.stoneFormFull textarea {
  margin: 10px auto;
  border: none;
  padding: 8px;
  display: block;
  width: 100%;
  height: 160px;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 2px;
  outline: none;
  color: #777;
}

.stoneFormFull input[type="submit"] {
  border: 1px solid #EE2761;
  background: #EE2761;
  color: #fff;
  display: block;
  cursor: pointer;
  font-size: 18px;
  padding: 13px 25px;
  text-decoration: none;
  border-radius: 55px;
  line-height: 21px;
  width: 25%;
  margin: 10px auto;
  outline: none;
}

.stoneFormFull input[type="submit"]:hover {
  background: #192f50;
  border: 1px solid #192f50;
}

.sectionMap {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.sectionMap iframe {
  width: 100%;
  height: 300px;
  border: 0;
  display: block;
}

.readBtn {
  background: #ff672c;
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding: 17px 40px;
  display: inline-block;
  margin-top: 20px;
  border-radius: 10px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .centerContact {
    width: 80%;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .centerContact {
    width: 73%;
  }

  .contWHours {
    font-size: 14px;
  }

  .stoneForm input[type="text"] {
    font-size: 16px;
  }

  .infoAdress h1 {
    margin: 50px auto;
  }

  form.stoneForm {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .contact {
    padding: 70px 0;
  }

  .contWHours {
    font-size: 14px;
  }

  .contAdr {
    font-size: 18px;
  }

  .contEmail {
    font-size: 1.3rem;
  }

  .stoneFormHalf input[type="text"] {
    font-size: 16px;
    height: 50px;
  }

  form.stoneForm {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .contact {
    padding: 70px 0;
  }

  .contWHours {
    font-size: 14px;
  }

  form.stoneForm {
    width: 600px;
  }

  .stoneForm input[type="text"] {
    font-size: 16px;
  }

  .formHalfWrapper {
    display: block;
  }

  .stoneFormHalf {
    width: 100%;
    display: block;
    padding: 5px 0;
  }

  .stoneFormHalf input[type="text"],
  .stoneFormFull input[type="submit"] {
    height: 50px;
  }

  .stoneFormFull input[type="submit"] {
    width: 50%;
  }

  .readBtn {
    font-size: 14px;
  }

  .inputStyle {
    margin-bottom: 12px;
    width: 315px;
  }

  .inputStyleFull input[type="submit"] {
    margin: 2px auto 10px;
    width: 100%;
    max-width: 315px;
  }

  .fosionFormWrapper {
    margin: 0;
    max-width: 650px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .contact {
    padding: 50px 0;
  }

  .centerContact {
    width: 100%;
  }

  .contTel {
    padding: 10px 0;
  }

  .contWHours {
    font-size: 14px;
  }

  .formHalfWrapper {
    display: block;
  }

  .stoneFormHalf input[type="text"],
  .stoneFormFull input[type="submit"] {
    height: 50px;
  }

  .stoneFormHalf input[type="text"] {
    font-size: 16px;
  }

  .stoneFormHalf {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .contWHours {
    font-size: 14px;
  }

  .stoneFormFull input[type="submit"] {
    width: 100%;
  }

  .infoAdress h1 {
    margin: 50px auto 20px;
  }

  form.stoneForm {
    width: 440px;
  }

  .contEmail span:nth-child(1) {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 12px;
  }

  .callformEr {
    font-size: 21px;
  }
}

@media only screen and (max-width: 479px) {
  .infoAdress h1 {
    font-size: 36px;
  }

  .stoneFormFull input[type="submit"] {
    width: 100%;
  }

  .infoAdress h1 {
    margin: 0 auto 20px;
  }

  form.stoneForm {
    width: 100%;
  }

  .contEmail {
    font-size: 17px;
  }

  .contEmail span:nth-child(1) {
    font-size: 24px;
    font-weight: 600;
  }

  .contForm {
    padding-top: 30px;
  }

  .callformEr {
    font-size: 23px;
  }
}

/*========================================================
	Disclaimer
=========================================================*/
.centerDisclaimer {
  width: 100%;
  padding: 80px 0;
}

.centerDisclaimer .youtTit h1 {
  padding-bottom: 50px;
}

.centerDisclaimer h2,
.centerDisclaimer h3 {
  font-size: 1.4rem;
  padding-bottom: 20px;
  text-align: left;
}

.centerDisclaimer p {
  padding-bottom: 20px;
  line-height: 1.5;
  font-size: 18px;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .centerDisclaimer p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .centerDisclaimer p {
    font-size: 18px;
  }

  .centerDisclaimer {
    padding: 50px 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .centerDisclaimer {
    padding: 50px 0;
  }

  .centerDisclaimer p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 479px) {
  .centerDisclaimer {
    padding: 50px 0;
  }
}

/*========================================================
    Traveling Robert page
=========================================================*/
.bannerAbout {
  background: url('../images/traveling-robert/banner.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1200px;
}

.travelWrap {
  width: 1300px;
  margin: 80px auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.travelaver {
  flex-direction: row;
}

.travelrev {
  flex-direction: row-reverse;
}

.travelLeft {
  width: 40%;
}

.travellrev {
  margin-left: 100px;
}

.travelLeft img {
  width: 100%;

}

.travelRight {
  width: 60%;
  padding-left: 80px;
}

.travelRight ul {
  padding-bottom: 30px;
}

.travelLeftWrap {
  width: 80%;
}

.travelRight h1,
.travelRight h2 {
  font-size: 36px;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 20px;
}

.travelRight p {
  font-size: 28px;
  line-height: 1.5;
  padding-bottom: 30px;
}

.travelRight ul li {
  font-size: 28px;
  line-height: 1.5;
  padding: 8px 0;
  text-align: left;
}

.endline {
  border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .bannerAbout {
    height: 980px;
  }

  .travelBanner {
    height: 720px;
  }

  .travelRight p,
  .travelRight ul li {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .topi2 {
    margin-top: 60px;
  }

  .bannerAbout {
    height: 780px;
  }

  .travelBanner {
    height: 640px;
  }

  .travelWrap {
    margin: 0 auto 50px;
    width: 90%;
  }

  .travelRight h1,
  .travelRight h2 {
    font-size: 36px;
  }

  .travelRight p,
  .travelRight ul li {
    font-size: 21px;
  }

  .travelRight ul li {
    background-position: left top 5px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .bannerAbout {
    height: 560px;
  }

  .travelBanner {
    height: 520px;
  }

  .travelWrap {
    margin: 50px auto;
    width: 90%;
  }

  .travelLeft {
    margin-right: 30px;
  }

  .travelRight h1,
  .travelRight h2 {
    font-size: 30px;
  }

  .travelRight ul li {
    background-position: left top 5px;
  }

  .travelRight ul {
    padding-bottom: 10px;
  }

  .travelRight p,
  .travelRight ul li {
    font-size: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .bannerAbout {
    height: 480px;
  }

  .travelBanner {
    height: 520px;
  }

  .travelWrap {
    margin: 60px auto 50px;
    width: 600px;
    flex-direction: column;
  }

  .travelLeft {
    margin: 0 auto 20px;
    width: 100%;
  }

  .travelRight {
    width: 100%;
    padding-left: 0;
  }

  .travelRight h1,
  .travelRight h2 {
    font-size: 30px;
  }

  .travelRight p,
  .travelRight ul li {
    font-size: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .topi2 {
    margin-top: 80px;
  }

  .travelRight p,
  .travelRight ul li {
    font-size: 21px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bannerAbout {
    height: 440px;
  }

  .travelRight ul li {
    padding-left: 0;
  }

  .travelBanner {
    height: 380px;
  }

  .travelWrap {
    margin: 60px auto 30px;
    width: 420px;
    flex-direction: column;
  }

  .travelLeft {
    margin: 0 auto 20px;
    width: 100%;
  }

  .travelRight {
    width: 100%;
    padding-left: 0;
  }

  .travelRight h1,
  .travelRight h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 479px) {
  .bannerAbout {
    height: 380px;
  }

  .travelBanner {
    height: 260px;
  }

  .travelWrap {
    margin: 60px auto 30px;
    width: 90%;
    flex-direction: column;
  }

  .travelLeft {
    margin: 0 auto 20px;
    width: 100%;
  }

  .travelRight {
    width: 100%;
    padding-left: 0;
  }

  .travelRight h1,
  .travelRight h2 {
    font-size: 28px;
  }

  .travelRight ul {
    padding-bottom: 10px;
  }

  .travelRight ul li {
    padding-left: 0;
  }
}

/*========================================================
	music page
=========================================================*/
.music {
  padding: 0 0 80px;
}

.playlist {
  padding-top: 90px;
}

.secMusbtn {
  padding-bottom: 90px;
}

.playlist img {
  width: 110px;
  margin: 0 auto;
  display: block;
}

.playlist h1 {
  text-transform: uppercase;
  font-size: 54px;
  font-family: helveticabold, arial, sans-serif;
  color: var(--light-blue);
  text-align: center;
  margin-bottom: 50px;
}

.playlist h1 span {
  display: block;
  font-size: 32px;
}

.pagePlaylist {
  margin: 40px 0;
}

.musicbbtn {
  text-align: center;
}

.cdSect {
  text-align: center;
}

.cdSectimg {
  max-width: 500px;
  margin: 30px 0;
}

.wrapCDSect p {
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.cdGetBtn {
  border: 2px solid #000;
  border-radius: 25px;
  width: 305px;
  padding: 10px 24px;
  margin: 20px auto 20px;
  text-align: center;
}

.cdGetBtn p {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
  background-image: url("../images/cd-buy.png");
  background-size: 38px 38px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 60px;
  line-height: 1.5;
  text-align: left;
}

.cdTracks {
  margin-bottom: 20px;
}

.cdTracks p {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.cdTracks ol {
  max-width: 460px;
  margin: 0 auto;
  text-align: left;
}

.cdTracks ol li {
  list-style-position: inside;
  list-style-type: decimal;
  padding: 6px 0;
}

.musicf {
  padding: 0 0 60px;
}

.musicfind {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  margin-bottom: 50px;
  padding-bottom: 20px;
}

.musicfind p {
  font-size: 24px;
  padding: 15px 0;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #777;
}

.musicfind ul li {
  font-size: 24px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
  display: inline-block;

}

.musicfind ul li:nth-last-of-type(1) {
  border-right: 0;
  background: url('../images/amazon-icon.png');
  background-position: left top 3px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-left: 30px;
}

.musicfind ul li:nth-last-of-type(2) {
  background: url('../images/itunes-icon.png');
  background-position: left top 2px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-left: 30px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {}

@media only screen and (min-width: 1301px) and (max-width: 1493px) {}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .playlist h1 {
    font-size: 40px;
  }

  .music {
    padding: 0 0 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .playlist h1 {
    font-size: 40px;
  }

  .music {
    padding: 0 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  .playlist h1 {
    font-size: 40px;
  }

  .secMusbtn {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .music h1 {
    font-size: 35px;
    padding-bottom: 45px;
  }

  .music h1 span {
    font-size: 32px;
  }

  .music {
    padding: 0 0 50px;
  }
}

@media only screen and (max-width: 479px) {
  .music h1 {
    font-size: 36px;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 45px;
  }

  .music h1 span {
    font-size: 32px;
  }

  .music {
    padding: 0 0 35px;
  }

  .cdTracks ol,
  .musicfind {
    max-width: 100%;
  }
}

/*========================================================
    Mobile Menu
=========================================================*/
@media only screen and (max-width: 1300px) {

  .smobitrigger,
  .mnuclose {
    display: inline-block;
  }

  .smobitrigger {
    color: transparent;
    width: 30%;
    margin: 0 auto;
  }

  .smobitrigger {
    background: url("../images/menuopen.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
  }

  .mnuclose {
    background: url('../images/menuclose.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    color: transparent;
    height: 60px;
    margin: 0 0 10px 0;
    width: 100%;
    text-align: right;
    display: inline-block;
  }

  .menu ul {
    padding: 20px 20px 10px;
    overflow-y: auto;
    margin: 0 auto;
  }

  .menu ul li.dlink {
    text-align: center;
    padding: 13px 0;
    display: block;
    border: none;
  }

  .menu ul li.mlinks,
  .menu ul li.podlinks {
    display: block;
    text-align: center;
  }

  .menu ul li.dtop {
    display: none;
  }

  .menu ul li.mlinks a,
  .menu ul li.podlinks {
    margin: 0 auto;
    padding: 10px 0 10px 0;
    text-align: center;
    width: 100%;
    font-size: 19px;
    line-height: 1.3;
    border-bottom: 1px solid #ccc;
    text-transform: capitalize;
  }

  .menu ul li.podlinks {
    font-weight: 700;
  }

  .menu ul li.mlogo {
    margin: 20px auto 0;
    display: block;
    text-align: center;
  }

  .menu ul li.mlogo img {
    width: 185px;
    margin: 0 auto 20px;
  }

  .menu ul li.mphone {
    display: block;
    color: #777;
    margin-bottom: 25px;
    text-align: center;
  }

  .menu ul li.mphone span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #777;
  }

  .menu ul li.mphone a {
    font-size: 26px;
  }

  .menu ul li.madr {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 35px auto 20px;
    color: #777;
    text-align: center;
  }

  .menu ul li.madr span {
    display: block;
  }

  .menu ul li.mhours {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto 30px;
    color: #777;
    text-align: center;
  }

  .menu ul li.mhours span {
    display: block;
  }

  .menu ul li.maddress {
    padding-top: 30px;
  }

  .menu ul li.maddress,
  .menu ul li.maddress span {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
  }

  .menu ul li.msocial {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 35px auto 50px;
  }

  .menu ul li.msocial img {
    width: 35px;
    margin: 0 5px;
  }

  .menu ul li.mSubscribe {
    font-size: 22px;
    line-height: 40px;
    padding-top: 30px;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    color: var(--white);
  }

  .ordOnlineBtn a {
    justify-content: center;
  }

  .mobimenu {
    padding: 0;
    margin: 0px;
    width: 12.9375em;
    position: fixed;
    height: 100% !important;
    top: 0px;
    left: -24.625em;
  }

  .mnuopn {
    left: 0px !important;
  }

  .ovrActv {
    position: fixed;
    background: rgba(0, 0, 0, 0.79);
    width: 100%;
    height: 100%;
    z-index: 9998;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }

  /********** map 1300 **************/
  .mapCenter iframe {
    height: 400px;
  }
}

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

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


/*========================================================
	INDEX Sok Battery section
=========================================================*/
.featSok{
  background: #f4f0f1;
  padding: 80px 0;
}
.featSokSize{
  width: 90%;
  max-width: 1620px;
  margin: 0 auto;
}
.featSokWrap{
  display: flex;
    justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.featSokLeft,
.featSokRight {
  width: 49%;
}
.featSokLeft img {
  width: 100%;
    max-width: 648px;
  height: auto;
  border-radius: 15px;
}
.featSokRight h2 {
  font-family: helveticabold, arial, sans-serif;
  font-size: 28px;
    line-height: 1.5;
}
.featSokRight h2 span {
    display: block;
}
.featSokRight ul{
  margin-left: 10px;
}
.featSokRight ul li{
  background: url(../images/index/sok-slider/bolt.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px 26px;
  font-size: 21px;
  line-height: 1.3;
  margin: 0 0 15px;
  padding-left: 35px;
}
.sokPrice{
  font-size: 26px;
  font-weight: 700;
  margin: 20px 0 0;
}
.sokPriceReg{
  color: var(--products-border);
  text-decoration: line-through;
  margin-right: 5px;
}
.sokPriceProm{
  font-size: 28px;
}
.sokShipping{
  font-size: 18px;
}
.sokBtnPlace{
  margin: 20px 0 0;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    max-width: 648px!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .featSokRight h2 {
  	font-size: 29px;
  }
  .featSokRight ul li {
  	font-size: 21px;
  }
  .sokPrice {
  	font-size: 24px;
  }
    .featSokLeft img {
        max-width: 500px;
    }
    .featSok {
        padding: 50px 0;
    }
    .featSokRight h2 span {
        display: inline;
    }
    .featSokRight ul {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .featSok {
  	padding: 50px 0;
  }
  .featSokRight h2 {
  	font-size: 21px;
  }
  .featSokRight ul li {
  	font-size: 18px;
  }
  .sokPrice {
  	font-size: 22px;
  }
  .sokPriceProm {
  	font-size: 24px;
  }
    .featSokLeft img {
        max-width: 420px;
    }
    .featSokRight h2 span {
        display: inline;
    }
    .featSokRight ul {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .featSok {
  	padding: 50px 0 25px;
  }
  .featSokWrap{
    flex-direction: column;
  }
  .featSokLeft,
  .featSokRight{
    width: 70%;
  }
  .featSokRight{
    margin: 30px 0 0;
  }
  .featSokRight h2 {
  	font-size: 21px;
  }
  .featSokRight ul li {
  	font-size: 18px;
  }
  .sokPrice {
  	font-size: 22px;
  }
  .sokPriceProm {
  	font-size: 24px;
  }
    .featSokRight h2 span {
        display: inline;
    }
    .featSokRight ul {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
  .featSok {
  	padding: 60px 0 50px;
  }
  .featSokWrap{
    flex-direction: column;
  }
  .featSokLeft,
  .featSokRight{
    width: 100%;
  }
  .featSokRight{
    margin: 30px 0 0;
  }
  .featSokRight h2 {
  	font-size: 21px;
  }
  .featSokRight ul{
    margin-left: 0;
  }
  .featSokRight ul li {
  	font-size: 18px;
  }
  .sokPrice {
  	font-size: 22px;
  }
  .sokPriceProm {
  	font-size: 24px;
  }
    .featSokRight h2 span {
        display: inline;
    }
    .featSokRight ul {
        margin-top: 20px;
    }
}

/*========================================================
	INDEX Stove section
=========================================================*/
/*** old ***/
.recoSec {
    padding: 90px 0 0;
}
.indStoveSec {
    display: flex;
    justify-content: space-between;
    margin: 120px auto 0;
}
.indStoveVideo {
    width: 50%;
    margin: 0;
}
.indStoveVideo h3 {
    font-size: 36px;
    text-align: center;
    padding: 30px 0;
}
.recoBtnPlace {
    text-align: center;
}
/*** end old ***/
.indStoveSection {
    padding: 80px 0;
    background: #f4f0f1;
}
.indStoveWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.indStoveLeft,
.indStoveRight {
    width: 49%;
}
.indStoveRight {
    display: flex;
    justify-content: flex-start;
}
.indStoveLeft h3 {
    font-family: helveticabold, arial, sans-serif;
    font-size: 28px;
    margin: 0 0 20px;
}
.indStoveVideo {
    width: 648px;
    background: #fff;
    padding: 60px 30px;
    border-radius: 15px;
}
.stoveBtnPlace {
    text-align: left;
    margin-top: 35px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .indStoveSection {
        padding: 50px 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
     .indStoveSec {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .indStoveVideo {
        width: 100%;
    }
     .indStoveSec {
        margin-top: 50px;
    }
    .recoSec {
        padding-top: 60px;
    }
    .indStoveWrap {
        flex-direction: column-reverse;
        width: 70%;
        margin: 0 auto;
    }
    .indStoveSection {
        padding: 25px 0 50px;
    }
    .indStoveLeft, .indStoveRight {
        width: 100%;
    }
    .indStoveLeft h3 {
        margin-top: 35px;
        font-size: 21px;
    }
    .stoveBtnPlace {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
   .indStoveVideo {
        width: 100%;
    }
     .indStoveSec {
        margin-top: 50px;
    }
    .recoSec {
        padding-top: 30px;
    }
    .indStoveVideo h3 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 479px) {}