/* General
================================================== */
body {
  font-family: "Montserrat", Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, .gui-page-title, .title-font {
  font-family: "Montserrat", Helvetica, sans-serif;
  font-weight:700;
}


/* Accent color Add to cart button */
.accent-color-atc {
  background: #03cb34;
}

body .gui-checkout .gui-form .gui-confirm-buttons a.gui-button-action {
  background: #03cb34;
}

.home-banner.banner-1 .banner .image .button-wrap .btn:not(.btn-open):before {
  border-top: 10px solid #fafafaa3;
  border-left: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-1 .banner .image .button-wrap .btn:not(.btn-open):hover:before {
  border-top: 10px solid #fafafa;
  border-left: 10px solid transparent;
}

.home-banner.banner-1 .banner .image .button-wrap .btn:not(.btn-open):after {
  border-bottom: 10px solid #fafafaa3;
  border-right: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-1 .banner .image .button-wrap .btn:not(.btn-open):hover:after {
  border-bottom: 10px solid #fafafa;
  border-right: 10px solid transparent;
}

.home-banner.banner-2 .banner .image .button-wrap .btn:not(.btn-open):before {
  border-top: 10px solid #000000a3;
  border-left: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-2 .banner .image .button-wrap .btn:not(.btn-open):hover:before {
  border-top: 10px solid #000000;
  border-left: 10px solid transparent;
}

.home-banner.banner-2 .banner .image .button-wrap .btn:not(.btn-open):after {
  border-bottom: 10px solid #000000a3;
  border-right: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-2 .banner .image .button-wrap .btn:not(.btn-open):hover:after {
  border-bottom: 10px solid #000000;
  border-right: 10px solid transparent;
}

.home-banner.banner-3 .banner .image .button-wrap .btn:not(.btn-open):before {
  border-top: 10px solid #ffffffa3;
  border-left: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-3 .banner .image .button-wrap .btn:not(.btn-open):hover:before {
  border-top: 10px solid #ffffff;
  border-left: 10px solid transparent;
}

.home-banner.banner-3 .banner .image .button-wrap .btn:not(.btn-open):after {
  border-bottom: 10px solid #ffffffa3;
  border-right: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-3 .banner .image .button-wrap .btn:not(.btn-open):hover:after {
  border-bottom: 10px solid #ffffff;
  border-right: 10px solid transparent;
}

.home-banner.banner-4 .banner .image .button-wrap .btn:not(.btn-open):before {
  border-top: 10px solid #fafafaa3;
  border-left: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-4 .banner .image .button-wrap .btn:not(.btn-open):hover:before {
  border-top: 10px solid #fafafa;
  border-left: 10px solid transparent;
}

.home-banner.banner-4 .banner .image .button-wrap .btn:not(.btn-open):after {
  border-bottom: 10px solid #fafafaa3;
  border-right: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-4 .banner .image .button-wrap .btn:not(.btn-open):hover:after {
  border-bottom: 10px solid #fafafa;
  border-right: 10px solid transparent;
}

.home-banner.banner-5 .banner .image .button-wrap .btn:not(.btn-open):before {
  border-top: 10px solid #000000a3;
  border-left: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-5 .banner .image .button-wrap .btn:not(.btn-open):hover:before {
  border-top: 10px solid #000000;
  border-left: 10px solid transparent;
}

.home-banner.banner-5 .banner .image .button-wrap .btn:not(.btn-open):after {
  border-bottom: 10px solid #000000a3;
  border-right: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-5 .banner .image .button-wrap .btn:not(.btn-open):hover:after {
  border-bottom: 10px solid #000000;
  border-right: 10px solid transparent;
}

.home-banner.banner-6 .banner .image .button-wrap .btn:not(.btn-open):before {
  border-top: 10px solid #ffffffa3;
  border-left: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-6 .banner .image .button-wrap .btn:not(.btn-open):hover:before {
  border-top: 10px solid #ffffff;
  border-left: 10px solid transparent;
}

.home-banner.banner-6 .banner .image .button-wrap .btn:not(.btn-open):after {
  border-bottom: 10px solid #ffffffa3;
  border-right: 10px solid transparent;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.home-banner.banner-6 .banner .image .button-wrap .btn:not(.btn-open):hover:after {
  border-bottom: 10px solid #ffffff;
  border-right: 10px solid transparent;
}

.home-banner.banner-1 .banner .image .button-wrap .btn .right-bar,
.home-banner.banner-1 .banner .image .button-wrap .btn .left-bar {
  background-color: #fafafaa3;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.home-banner.banner-1 .banner .image .button-wrap .btn:hover,
.home-banner.banner-1 .banner .image .button-wrap .btn:hover .right-bar,
.home-banner.banner-1 .banner .image .button-wrap .btn:hover .left-bar {
  background-color: #fafafa !important;
}

.home-banner.banner-2 .banner .image .button-wrap .btn .right-bar,
.home-banner.banner-2 .banner .image .button-wrap .btn .left-bar {
  background-color: #000000a3;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.home-banner.banner-2 .banner .image .button-wrap .btn:hover,
.home-banner.banner-2 .banner .image .button-wrap .btn:hover .right-bar,
.home-banner.banner-2 .banner .image .button-wrap .btn:hover .left-bar {
  background-color: #000000 !important;
}

.home-banner.banner-3 .banner .image .button-wrap .btn .right-bar,
.home-banner.banner-3 .banner .image .button-wrap .btn .left-bar {
  background-color: #ffffffa3;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.home-banner.banner-3 .banner .image .button-wrap .btn:hover,
.home-banner.banner-3 .banner .image .button-wrap .btn:hover .right-bar,
.home-banner.banner-3 .banner .image .button-wrap .btn:hover .left-bar {
  background-color: #ffffff !important;
}

.home-banner.banner-4 .banner .image .button-wrap .btn .right-bar,
.home-banner.banner-4 .banner .image .button-wrap .btn .left-bar {
  background-color: #fafafaa3;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.home-banner.banner-4 .banner .image .button-wrap .btn:hover,
.home-banner.banner-4 .banner .image .button-wrap .btn:hover .right-bar,
.home-banner.banner-4 .banner .image .button-wrap .btn:hover .left-bar {
  background-color: #fafafa !important;
}

.home-banner.banner-5 .banner .image .button-wrap .btn .right-bar,
.home-banner.banner-5 .banner .image .button-wrap .btn .left-bar {
  background-color: #000000a3;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.home-banner.banner-5 .banner .image .button-wrap .btn:hover,
.home-banner.banner-5 .banner .image .button-wrap .btn:hover .right-bar,
.home-banner.banner-5 .banner .image .button-wrap .btn:hover .left-bar {
  background-color: #000000 !important;
}

.home-banner.banner-6 .banner .image .button-wrap .btn .right-bar,
.home-banner.banner-6 .banner .image .button-wrap .btn .left-bar {
  background-color: #ffffffa3;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.home-banner.banner-6 .banner .image .button-wrap .btn:hover,
.home-banner.banner-6 .banner .image .button-wrap .btn:hover .right-bar,
.home-banner.banner-6 .banner .image .button-wrap .btn:hover .left-bar {
  background-color: #ffffff !important;
}