/****** PLACE YOUR CUSTOM STYLES HERE ******/

.top-80 {
    top: 80px;
}

.image-lg {
    max-height: 500px;
}

nav.transparent.fixed {
    background: rgba(255, 255, 255, .9);
}


/*Checkout Button*/

.Checkout.is-desktop .Button {
    background-color: #E46927 !important;
    height: 54px !important;
}


/*********Home Page*************/


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


/* Nav Bar */

nav.transparent .nav-utility,
nav.transparent .nav-bar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.0);
}


/* Logo Carousel */

.logo-carousel img {
    max-height: 100px;
}

.logo-carousel .subtitle {
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
    line-height: 18px;
}

@media (max-width: 767px) {
    .logo-carousel .subtitle {
        max-width: 150px;
        font: 12px;
    }
}

section.eboticon {
    padding: 50px 0;
}

.p10 {
    padding: 10px;
}

.orange, .bg-dark .orange {
    color: #D7703C;
}

.error_msg {
    color: red;
}


/*Video Player Overrides*/

.local-video-container .background-image-holder {
    box-shadow: none;
}


/*.local-video-container video {
    box-shadow: none;
}
*/

.play-button.yams-color {
    border-color: #D7703C;
}

.play-button.yams-color:before {
    border-color: transparent transparent transparent #D7703C;
}

.play-button.large.yams-color:before {
    border-color: transparent transparent transparent #D7703C;
}

.play-button.large:before {
    margin-top: -30px;
    margin-left: -19px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 0px 36px 52px;
    border-color: transparent transparent transparent #ffffff;
}

@media (max-width: 767px) {
    .coming-soon .cover.fullscreen {
        height: 100vh;
        padding: 80px 0;
    }
}


nav.transparent.fixed .menu > li > a.btn-filled {
    color: #fff;
    opacity: 1;
}

nav.transparent.fixed .menu > li > a.btn-filled:hover {
    background: #fff;
    color: #222;
}




/*********Home Page*************/


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


/* Nav Bar */

nav.transparent .nav-utility,
nav.transparent .nav-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.0);
}





/* Logo Carousel */

.logo-carousel img {
  max-height: 100px;
}

.logo-carousel .subtitle {
  text-align: center;
  max-width: 200px;
  margin: 0 auto;
  line-height: 18px;
}

@media (max-width: 767px) {
  .logo-carousel .subtitle {
    max-width: 150px;
    font: 12px;
  }
}



section.eboticon {
  padding: 50px 0;
}


.p10 {
  padding: 10px;
}





/* === Slick Slide Control === */

.slick-slide {
  height: auto;
}

.slick-prev {
  left: -80px;
}

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

.slick-next,
.slick-prev {
  width: 36px;
  height: 36px;
  line-height: 50px;
  text-align: center;
  background: #47b475;
  border-radius: 50%;
}

.slick-next:hover,
.slick-next:focus,
.slick-prev:hover,
.slick-prev:focus {
  background: #111;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome';
  font-size: 21px;
  opacity: 1;
  color: #fff;
}

.slick-next:before {
  content: '\f105';
}

.slick-prev:before {
  content: '\f104';
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  bottom: 0;
  position: relative;
  margin-top: 30px;
}

.slick-dots li {
  width: 40px;
  height: 2px;
}

.slick-dots li.slick-active {
  width: 40px;
  height: 2px;
}

.slick-dots li button {
  width: 40px;
  height: 2px;
  padding: 0;
}

.slick-dots li.slick-active button:before {
  background: #47b475;
  opacity: 1;
  height: 2px;
  width: 40px;
}

.slick-dots li button:before {
  content: '';
  background: #111;
  opacity: .4;
  height: 2px;
  width: 40px;
}

.bg-red {
  background-color: #a70000;
}

.bg-blue {
  background-color: #142a98;
}

.accordion-1 .active .subtitle {
  font-style: italic;
}

.accordion-1 .subtitle {
  font-style: italic;
}

.accordion-1 .content ul {
  padding-left: 1.8em;
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

.accordion-1 .content li {
    display: list-item;
    text-align: -webkit-match-parent;
}


.in-progress ul {
  padding-left: 1.8em;
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

.in-progress .content li {
    display: list-item;
    text-align: -webkit-match-parent;
}