/*
  Updated: Aug. 3, 2022 // 4.41 pm
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700%7COpen+Sans:300,400,700,800");
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

@font-face {
  font-family: "Fatman-Medium";
  src: url("fonts/Fatman-Medium.eot");
  src: url("fonts/Fatman-Medium.eot?#iefix") format("embedded-opentype"),
      url("fonts/Fatman/Fatman-Medium.woff2") format("woff2"),
      url("fonts/Fatman-Medium.woff") format("woff"),
      url("fonts/Fatman-Medium.ttf") format("truetype"),
      url("fonts/Fatman/Fatman-Medium.svg#Fatman-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "MinionPro-Regular", serif;
  font-style: normal;
  font-weight: 400;
  src: url("fonts/MinionPro-Regular.otf") format('opentype');
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}
html,
body {
	height: 100%;
}

body {
  /*
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: 0.93rem;
  */
  font-family: 'Roboto', 'Open Sans', sans-serif !important;
  font-weight: 400;
  font-style: 300;
  line-height: 25px;
  font-size: 0.93rem;
  line-height: 1.7;
  color: #222;
  background-color: #fff;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body.noscroll {
  overflow: hidden;
}

*::-moz-selection {
  background: #ffcc00;
  color: #fff !important;
  text-shadow: none;
}
::-moz-selection {
  background: #ffcc00;
  color: #fff !important;
  text-shadow: none;
}
::selection {
  background: #ffcc00;
  color: #fff !important;
  text-shadow: none;
}

img,
.img{
  max-width: 100%;
  height: 0 auto;
  width: auto\9;
}

#video_top_banner {
  object-fit: initial;
  width: 100%;
  height: 600px;
}

a {
  background-color: transparent;
  text-decoration: none !important;
  outline: 0;
}
a,
button {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:active,
a:focus,
a:hover,
a:visited,
button:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
    text-decoration: none;
}

.alink:hover {
  text-decoration: none;
  margin-left: 10px !important;
}


a,
button,
input {
  outline: medium none;
  color: #000;
}

p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 10px;
}

sup {
  position: relative;
  font-size: 60%;
  line-height: auto;
  vertical-align: baseline;
  top: -7px;
}

section {
  position: relative;
}
.section {
  position: relative;
  overflow: hidden;
  padding: 2.5rem 0;
}
@media (max-width: 576px) {
  .section {
      padding: 1rem 0;
  }
}


hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 0px solid rgba(0,0,0,.1) !important;
}

.section-title-bar{
  display: inline-block;
  position: relative;
  padding-left: 75px;
}
.section-title-bar span::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 3px;
  background: #ffcc00;
  top: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px){
  .section-title-bar {
    padding-left: 20px;
    line-height:1;
    margin-bottom: 1.5rem;
  }
  .section-title-bar span::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    background: #ffcc00;
    top: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.section-title-bar-ver2 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: calc(14px + (25 - 14) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 300;
  line-height: 1;
  padding:20px 0;
}
.section-title-bar-ver2:after,
.section-title-bar-ver2:before {
  content: '';
  width: 120px;
  height: 2px;
  background: #ffcc00;
  margin: 0 20px;
}

.stroke-text {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ccc;
  letter-spacing: 2px;
  font-family: "Poppins", sans-serif;
  font-size: calc(50px + (150 - 50) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
}

.relative {
  position: relative;
}
.absolute {
  position: absolute;
}

.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}

.yellow-alink a{
  color: #ffcc00;
  font-weight: 500;
  text-decoration: none;
}
.yellow-alink a:hover {
  color: #ff0000;
  font-weight: 500;
  text-decoration: underline !important;
}

.red-alink a{
  color: #ff0000;
  font-weight: 500;
  text-decoration: none;
}
.red-alink a:hover {
  color: #ffcc00;
  font-weight: 500;
  text-decoration: underline !important;
}

.heading_s3 {
  margin-bottom: 1px;
  padding-bottom: 15px;
  position: relative;
}
.heading_s3.text-center::before {
  margin: 0 auto;
}
.heading_s3::before {
  content: "";
  position: absolute;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #ffcc00;
  bottom: 0;
  right: 0;
}


.full-width-banner-overlay {
  position: relative;
}
.full-width-banner-overlay::before {
  content: "";
  position: absolute;
  background: rgba(17, 17, 17, 0.9);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}



/* BOOTSTRAP PADDING LEFT & RIGHT **************************************/
.pl-6 {
    padding-left: 4rem!important;
}
.pl-7 {
    padding-left: 5rem!important;
}
.pl-8 {
    padding-left: 6rem!important;
}
.pr-6 {
    padding-right: 4rem!important;
}
.pr-7 {
    padding-right: 5rem!important;
}
.pr-8 {
    padding-right: 6rem!important;
}
@media only screen and (max-width: 767px){
  .pl-5,
  .pl-6,
  .pl-7,
  .pl-8,
  .pr-5,
  .pr-6,
  .pr-7,
  .pr-8 {
      padding-left: 0rem !important;
  }
}

iframe {
  border: none;
}

a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  -moz-outline: none;
  outline: none;
}

img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: 0 auto;
}


/* ===================================
    FONT - Typography
====================================== */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #02010a;
}

h1, .h1 {
  font-size: calc(1.3575rem + 1.29vw); }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 2.325rem; }
    }

h2, .h2 {
  font-size: calc(1.311rem + 0.732vw); }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 1.86rem; }
    }

h3, .h3 {
  font-size: calc(1.28775rem + 0.453vw); }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 1.6275rem; }
    }

h4, .h4 {
  font-size: calc(1.2645rem + 0.174vw); }
  @media (min-width: 1200px) {
    h4, .h4 {
      font-size: 1.395rem; }
    }

h5, .h5 {
  font-size: 1.1625rem;
}
h6, .h6 {
  font-size: 0.93rem;
}

p,.text{
	position: relative;
	line-height:1.8em;
}


/* heading */
/*
h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
*/


/*
h1 {font-size:70px; line-height: 70px;}
h2 {font-size:55px; line-height:60px}
h3 {font-size:48px; line-height:54px}
h4 {font-size:40px; line-height:46px}
h5 {font-size:32px; line-height:40px}
h6 {font-size:25px; line-height:30px}
*/

/* text size */
.text-extra-small {font-size:11px; line-height:14px}
.text-small {font-size:12px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}

.allcaps {
  text-transform: uppercase;
}



.bold_100 {
    font-weight: 100 !important;
}
.bold_200 {
    font-weight: 200 !important;
}
.bold_300 {
    font-weight: 300 !important;
}
.bold_400 {
    font-weight: 400 !important;
}
.bold_500 {
    font-weight: 500 !important;
}
.bold_600 {
    font-weight: 600 !important;
}
.bold_700 {
    font-weight: 700 !important;
}
.bold_800 {
    font-weight: 800 !important;
}
.bold_900 {
    font-weight: 900 !important;
}
.underline101 {
    border-bottom: 4px solid #333;
}
.underline101 a:hover {
    border-bottom: 4px solid #ffcc00;
}
.item_name_red {
    color: #333;
    font-weight: 700;
}
.color_bold {
    font-weight: bold !important;
}
.color_bold_100 {
    font-weight: 100 !important;
}
.color_bold_200 {
    font-weight: 200 !important;
}
.color_bold_500 {
    font-weight: 500 !important;
}
.color_bold_600 {
    font-weight: 600 !important;
}
.color_bold_700,
.bolder {
    font-weight: 700 !important;
}
.color_bold_900 {
    font-weight: 900 !important;
}


.color_orange_header {
    color: #ffcc00;
}
.color_white {
    color: #fff !important;
}
.color_black {
    color: #000 !important;
}
.color_yellow {
    color: #ffcc00 !important;
}
.text_white,
.text-white {
    color: #fff !important;
}
.text_red,
.text-red {
    color: #ff0000 !important;
}
.text_black,
.text-black {
    color: #000 !important;
}
.text_green,
.text-green{
    color: #32CD32 !important;
}
.text_yellow,
.text-yellow,
.text-orange {
    color: #ffcc00 !important;
}
.text_ccc {
    color: #ccc !important;
}
.text_999 {
    color: #999 !important;
}
.text_666 {
    color: #666 !important;
}
.text_333 {
    color: #333 !important;
}


/*****************************************************************************
RESET LIST STYLING FOR UL & OL ****************************************************************************/

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul {
  margin: 0px;
  padding: 0px;
}
ol, ul {
  list-style: none;
}

ul, ol {
    display: block;
    list-style: disc outside none;
    margin: 0.8em 0;
    padding: 0 0 0 5px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  ul, ol {
      padding: 0 0 0 0px;
  }
}
ol {
    list-style-type: decimal;
}

ul {
   list-style-type: disc;
   list-style-position: inside;
}
ol {
   list-style-type: decimal;
   list-style-position: inside;
}
ul ul, ol ul {
   list-style-type: circle;
   list-style-position: inside;
   margin-left: 15px;
}
ol ol, ul ol {
   list-style-type: lower-latin;
   list-style-position: inside;
   margin-left: 15px;
}

ul ul, ol ul {
    list-style-type: circle;
    margin-left: 15px;
}
ol ol, ul ol {
    list-style-type: lower-latin;
    margin-left: 15px;
}


label {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #626262;
  margin-bottom: 0rem !important;
}





.top-header-login-bar {
  display: block;
  background-color:#f2f2f2;
  padding:10px 0px;
}

.top-header-logo-search-bar {
  display: block;
  padding:10px 0px;
}

.top-header-main-menu-nav-bar {
  display: block;
  background-color:#222;
  padding: 5px 0px;
}








.header-top-banner.happy-holidays {
    background: #77051B;
}
.header-top-banner {
    background-position: 50% 50% !important;
    background-size: auto 100%;
    height: 32px;
    text-align: center;
    width: 100%;
}


.logo-wraper-clientpage-container {
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  margin-top: 10px;
}
.logo-wraper-clientpage img {
    width: auto;
    height: 100px;
}
@media only screen and (max-width: 767px){
  .logo-wraper-clientpage img {
    padding-bottom: 10px;
  }
  .logo-wraper-clientpage-container {
    text-align: center;
  }
}



.logo-wraper img {
    width: 50%;
    overflow:hidden;
    margin:0px auto;
}

@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .logo-wraper img {
      width: 30%;
  }
}
@media only screen and (max-width: 767px){
  .logo-wraper img {
      width: 45%;
  }
}



/**TEXT SHADOWS ******************/
.blur_shadow {
        text-shadow: 0px 0px 8px rgba(15,15,15,.6);
}

.imprint_shadow {
        text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

.dramatic_shadow {
        text-shadow: 9px 9px 8px rgba(15,15,15,.6);
}


/*==============================================================================
  =  OWL CAROUSEL OVER RIDE DEFAULT & OWL THEME
==============================================================================*/
.owl-prev, .owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  border: 0px solid black;
}
.owl-prev { left: -40px; }
.owl-next { right: -40px; }

.owl-prev span:hover,
.owl-next span:hover {
	background: none;
}

.owl-theme .owl-dots {
	margin-top: 15px;
}
.owl-theme .owl-dots .owl-dot span {
	background-color: #999;
}
.owl-theme .owl-dots .owl-dot.active span {
	background-color: #ffcc00; /* for active dot */
  width: 30px;
  height: 10px;
  margin: 5px 7px;
}
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #ffcc00;
}


.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
    margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
  width: 60px;
  height: 60px;
  padding:15px;
  border-radius:50%;
  cursor: pointer;
  color: #999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  transition: all, 0.2s, ease;
}
.owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: -70px;
}
.owl-theme .owl-nav .owl-next {
  position: absolute;
  right: -70px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  color: #ffcc00;
  background: #fff;
  border-radius:50%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}





/* HOMEPAGE MAIN BANNER CAROUSEL - SLIDER (AUGUST 3, 2022)
================================================== */
.homepage-main-carousel .item {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 630px;
  background-color: #ffcc00
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .item {
    height: 530px;
    position: relative;
  }
}

.homepage-main-carousel .item img {
  width: 100%;
  height: 630px;
  object-fit: cover;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .item .main-cover {
    background: rgba(0, 0, 0, 0.2)!important;
  }
}

/*
.homepage-banner-desktop img{
  height: 100%;
}
.homepage-banner-mobile img{
  height: 100%;
}
*/



.homepage-main-carousel .item {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 600px;
  background-color: #fff;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .item {
    height: 600px;
    position: relative;
  }
}

.homepage-main-carousel .item img {
  width: 100%;
  height: 630px;
  object-fit: cover;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .item .main-cover {
    background: rgba(0, 0, 0, 0.2)!important;
  }
}

.homepage-main-carousel .item .main-cover {
  xpadding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.0);
  display: flex;
  align-items: center;
}
.homepage-main-carousel .item .main-cover .banner-content-wrap {
  position: relative;
  xpadding: 56px;
  xoverflow: hidden;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .item .main-cover .banner-content-wrap {
    position: relative;
    padding: 30px;
    xoverflow: hidden;
  }
}

.homepage-main-carousel .item .main-cover .banner-content-img {
  min-width:250px;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .item .main-cover .banner-content-img {
    display: none;
  }
}
.homepage-main-carousel .item .main-cover .banner-content-wrap h1 {
  Xfont-family: 'Titillium Web',sans-serif;
  font-size: calc(20px + (80 - 20) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 400;
  word-spacing: 3px;
  color: #fff;
  line-height: 1;
  margin-bottom: 25px;
}
.homepage-main-carousel .item .main-cover .banner-content-wrap h2 {
  Xfont-family: 'Titillium Web',sans-serif;
  font-weight: 400;
  font-size: calc(20px + (50 - 20) * ((100vw - 400px) / (2500 - 400)));
  color: #fff;
  line-height: 1.2;
  margin-bottom: 0rem;
}
.homepage-main-carousel .item .main-cover .banner-content-wrap h3 {
  Xfont-family: 'Titillium Web',sans-serif;
  font-size: calc(16px + (35 - 16) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
}
.homepage-main-carousel .item .main-cover .banner-content-wrap h4 {
  Xfont-family: 'Titillium Web',sans-serif;
  font-size: calc(15px + (25 - 15) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 300;
  color: #fff;
  line-height: 1.5;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .item .main-cover .banner-content-wrap h1,
  .homepage-main-carousel .item .main-cover .banner-content-wrap h2,
  .homepage-main-carousel .item .main-cover .banner-content-wrap h3,
  .homepage-main-carousel .item .main-cover .banner-content-wrap h4 {
  color: #fff;
  }
}
.homepage-main-carousel .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.homepage-main-carousel .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.homepage-main-carousel .owl-item.active h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.homepage-main-carousel .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.homepage-main-carousel .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

@media only screen and (max-width: 767px){
  .homepage-main-carousel .owl-nav {
    display: none;
  }
}


.homepage-main-carousel .owl-nav .owl-prev {
  position: absolute;
  display: block;
  color:#fff;
  left: 70px;
  top: 50%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border:1px solid #fff !important;
  background: rgba(0, 0, 0, 0.05) !important;
  width: 60px;
  height: 60px;
  padding:15px 15px;
  z-index: 1000;
  border-radius:50%;
  cursor: pointer;
}
.homepage-main-carousel .owl-nav .owl-prev i {
  font-size: 3rem;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .owl-nav .owl-prev {
    left: 7px!important;
    opacity:1;
    background: #ffcc00 !important;
    width: 25px;
    height: 25px;
  }
  .homepage-main-carousel .owl-nav .owl-prev i{
    position: absolute;
    top:8px;
    right:10px;
    font-size: 0.8rem;
  }
}
.homepage-main-carousel .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}
.homepage-main-carousel .owl-nav .owl-prev:focus {
  outline: 0;
}
.homepage-main-carousel .owl-nav .owl-prev:hover {
  /*color:#ffcc00;
  background: rgba(0, 0, 0, 1) !important;
  */
  color:#fff;
  border:1px solid #ffcc00 !important;
  background-color: #ffcc00 !important;
}


.homepage-main-carousel .owl-nav .owl-next {
  position: absolute;
  display: block;
  right: 70px;
  top: 50%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border:1px solid #fff !important;
  background: rgba(0, 0, 0, 0.05) !important;
  width: 60px;
  height: 60px;
  padding:15px 15px;
  z-index: 1000;
  border-radius: 50%;
  cursor: pointer;
}
.homepage-main-carousel .owl-nav .owl-next i {
  font-size: 3rem;
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel .owl-nav .owl-next {
    right: 7px !important;
    opacity:1;
    background: #ffcc00 !important;
    width:25px;
    height:25px;
  }
  .homepage-main-carousel .owl-nav .owl-next i{
    position: absolute;
    top:8px;
    right:10px;
    font-size: 0.8rem;
  }
}
.homepage-main-carousel .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}
.homepage-main-carousel .owl-nav .owl-next:focus {
  outline: 0;
}
.homepage-main-carousel .owl-nav .owl-next:hover {
  color:#fff;
  border:1px solid #ffcc00 !important;
  background-color: #ffcc00 !important;
}
.homepage-main-carousel:hover .owl-prev {
  left: 100px;
  opacity: 1;
}
.homepage-main-carousel:hover .owl-next {
  right: 100px;
  opacity: 1;
}

.homepage-main-carousel.owl-carousel .owl-dots {
  position: relative;
  top:-60px;
  text-align: center;
}
.homepage-main-carousel.owl-carousel .owl-dots .owl-dot span{
  width: 50px;
  height: 5px;
  border-radius:5%;
  display: inline-block;
  background: #ccc;
  margin: 0 5px;
}
@media only screen and (min-width: 768px){
  .homepage-main-carousel.owl-carousel .owl-dots .owl-dot span{
    display: none;
  }
}
@media only screen and (max-width: 767px){
  .homepage-main-carousel.owl-carousel .owl-dots .owl-dot span{
    width: 25px !important;
  }
}
.homepage-main-carousel.owl-carousel .owl-dots .owl-dot.active span {
  background: #222!important;
}
.homepage-main-carousel.owl-carousel .owl-dots .owl-dot:hover span {
  background: #222;
  transform: scale(1.1);
  transition: 0.3s ease-out;
}
.homepage-main-carousel.owl-carousel .owl-dots button.owl-dot:focus {
  outline: none;
}




.banner-content-wrap .text-top {
  position: absolute;
  top: -260px;
  left:50%;
  transform: translateX(-50%);
  width: fit-content;
}
.banner-content-wrap .text-bottom {
  position: absolute;
  bottom: -230px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
}




.home-page-banner-btn--wrapper {
  display: block;
  margin-top: 25px;
}
@media only screen and (max-width: 767px){
  .home-page-banner-btn--wrapper{
    display: block;
    xmargin-top: 0px;
    position: absolute;
    bottom: 10px;
  }
}

.home-page-banner-btn {
  font-size: calc(14px + (20 - 14) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 300;
  letter-spacing: 0.5px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px 40px;
  border-radius: 50px;
  border:0px solid #333;
  display: inline-block;
  text-decoration: none;
  margin: .2rem 0;
  transition: background-color .3s ease,border-color .3s ease,color .3s ease;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.home-page-banner-btn:hover {
  color:#000;
  background: rgba(225,225,225, 1);
  border:0px solid #000;
  transition: all .2s linear;
  transform: translateX(5px);
}
.home-page-banner-btn::after {
  display: inline-block;
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-size: calc(12px + (30 - 12) * ((100vw - 400px) / (2500 - 400)));
  font-weight:500;
	position: relative;
	top:2px;
	padding-left:10px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.home-page-banner-btn:hover::after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(8px);
}
@media only screen and (max-width: 767px){
.home-page-banner-btn {
    padding: 8px 12px;
    letter-spacing: 0px;
  }
  .home-page-banner-btn::after {
    display: none !important;
  }
}

.home-page-banner-btn2 {
  font-size: calc(14px + (20 - 14) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 300;
  letter-spacing: 0.5px;
  background-color: #fff;
  border:1px solid #333;
  color: #000;
  text-align: center;
  padding: 10px 20px;
  border-radius: 50px;
  display: inline-block;
  text-decoration: none;
  margin: .2rem 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.home-page-banner-btn2:hover {
  color:#000;
  background: rgba(225,225,225, 0.6);
  border:1px solid #000;
  transition: all .2s linear;
  transform: translateX(5px);
}
.home-page-banner-btn2::after {
  display: inline-block;
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-size: calc(12px + (30 - 12) * ((100vw - 400px) / (2500 - 400)));
  font-weight:500;
	position: relative;
	top:4px;
	padding-left:10px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.home-page-banner-btn2:hover::after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(8px);
}

.home-page-banner-btn3 {
  font-size: calc(14px + (20 - 14) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 300;
  letter-spacing: 0.5px;
  background-color: #ffcc00;
  color: #fff;
  text-align: center;
  padding: 10px 40px;
  border-radius: 50px;
  border:0px solid #333;
  display: inline-block;
  text-decoration: none;
  margin: .2rem 0;
  transition: background-color .3s ease,border-color .3s ease,color .3s ease;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.home-page-banner-btn3:hover {
  color:#000;
  background: rgba(225,225,225, 1);
  border:0px solid #000;
  transition: all .2s linear;
  transform: translateX(5px);
}
.home-page-banner-btn3::after {
  display: inline-block;
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-size: calc(12px + (30 - 12) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 500;
	position: relative;
	top:2px;
	padding-left:10px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.home-page-banner-btn3:hover::after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(8px);
}
@media only screen and (max-width: 767px){
.home-page-banner-btn3 {
    padding: 8px 12px;
    letter-spacing: 0px;
  }
  .home-page-banner-btn3::after {
    display: none !important;
  }
}




.home-banner-footer-bar-container {
  position: relative;
  display: flex;
  min-width: 10rem;
  height: 1.5rem;
  overflow: hidden;
  Xbottom: 34px;
  bottom: 63px;
  z-index: 1;
}
@media only screen and (max-width: 767px){
  .home-banner-footer-bar-container {
    display: none;
  }
}
.home-banner-footer-bar-svg{
  position: absolute;
  bottom: -1px;
  width: 700rem;
  height: 1.5rem;
  margin-left: 50%;
  transform: translateX(-50%);
  fill: #fff;
}




/* HOME PAGE -VIDEO- PLAY BUTTON */
.play-video {
    position: relative !important;
    z-index: 100;
}
.banner-content-wrap .play-button-container {
    position: absolute;
    top: 250px;
    right:-120px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
@media only screen and (max-width: 767px){
  .banner-content-wrap .play-button-container {
    position: absolute;
    top: 50px;
    right:-50px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
}
.banner-content-wrap .play-button-container {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
    background: linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
    box-shadow: 0 24px 72px 0 rgb(0 0 0 / 50%);
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
}
.banner-content-wrap .play-button-container:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffcc00;
  border-radius: 50%;
  animation: pulse-play 1500ms ease-out infinite;
}
.banner-content-wrap .play-button-container:hover:before {
  width: 80px;
  height: 80px;
  background: #ff0000;
  animation: pulse-play 1500ms ease-out infinite;
}
@keyframes pulse-play {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
    opacity: 0;
  }
}
.banner-content-wrap .play-button-container .play-button {
  z-index: 2;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #ffcc00;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 30%);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
  transition: 300ms all cubic-bezier(.4,0,.2,1);
}
.banner-content-wrap .play-button-container:hover{
  -webkit-transform:translate(-50%,-50%) scale(.90);
  transform:translate(-50%,-50%) scale(.90);
}
.banner-content-wrap .play-button-container:hover .play-button{
  transform: scale(1.2);
  background: #ff0000;
}
.banner-content-wrap .play-button-container .play-button svg {
    width: 34px;
    height: 34px;
    color:#fff;
}
.banner-content-wrap .play-button-container .play-button i {
    xwidth: 34px;
    xheight: 34px;
    background-color: #333;
    color: #fff;
    font-size:1rem;
}
.home-page-banner-btn-play {
  font-size: calc(15px + (30 - 15) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 300;
  background-color: #333;
  color: #fff;
  border-radius: 100%;
  padding: 1.2rem;
  display: inline-block;
  width:60px;
  height:60px;
  line-height: 25px;
  margin: 1rem;
  transition: all 0.3s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  cursor: pointer;
}
.home-page-banner-btn-play:hover {
	background-color: #999;
	color: #fff;
}
.home-page-banner-btn-play::after {
  display: inline-block;
  content: "\f04b";
  font-family: "Font Awesome 5 Pro";
  font-size: calc(15px + (30 - 15) * ((100vw - 400px) / (2500 - 400)));
  font-weight: 300;
	position: relative;
	top:0px;
	padding-left: 3px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

/* END HOMEPAGE MAIN BANNER CAROUSEL - SLIDER *********************/









/*==============================================================================
  -SVG BACKGROUND TOP BANNER / LINEAR GRADIENT COLOR BACKGROUND
==============================================================================*/
.banner-head {
    padding: 1rem 0 4rem;
}
.banner-head-yellow {
    padding: 3rem 0 7rem;
    position: relative;
    background-color: #fff;
    background-image: url(https://startbootstrap.com/assets/img/overlay.svg),linear-gradient(45deg,#ffb800 0%,#e6a600 100%);
    background-size: cover;
    z-index: 0;
}
.banner-head-red {
    padding: 3rem 0 7rem;
    position: relative;
    background-color: #dd3d31;
    background-image: url(https://startbootstrap.com/assets/img/overlay.svg),linear-gradient(45deg,#dd3d31 0%,#d22f23 100%);
    background-size: cover;
    z-index: 0;
}

.banner-head-purple {
    padding: 3rem 0 7rem;
    position: relative;
    background-color: #dd3d31;
    background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
    background-size: cover;
    z-index: 0;
}
.banner-head-rainbow {
    padding: 3rem 0 7rem;
    position: relative;
    background: rgb(131,58,180);
    background: url(../images/nfc/NFC-Header-rev2@2x.jpg), linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    background-size: cover;
    z-index: 0;
}


.mt-mb-100-head-banner {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 767px){
  .mt-mb-100-head-banner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.mt-mb-150-head-banner {
  padding-top: 150px;
  padding-bottom: 150px;
}

@media only screen and (max-width: 767px){
  .mt-mb-150-head-banner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.mt-mb-200-head-banner {
  padding-top: 200px;
  padding-bottom: 200px;
}

@media only screen and (max-width: 767px){
  .mt-mb-200-head-banner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}




.top_banner_head_gradient_text h1 {
  font-size: 80PX;
  font-weight: 600;
  text-transform: capitalize !important;
  letter-spacing: -3px;
  background: -webkit-linear-gradient(#FFF, #FFEFBA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top_banner_head_gradient_text p {
  font-size: 16px;
  font-weight: 400;
  color: inherit;
  border-left: 2px solid #FFEFBA;
  padding-left: 10px;
  margin-left: 27px;
}

.top_banner_head_gradient_text2 h1 {
  font-size: 80PX;
  font-weight: 600;
  text-transform: capitalize !important;
  letter-spacing: -3px;
  background: -webkit-linear-gradient(#FFF, #FFEFBA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top_banner_head_gradient_text2 p {
  font-size: 18px;
  font-weight: 400;
  color: inherit;
  line-height: normal;
}

.top_banner_head_non_gradient_text h1 {
  font-size: 80PX;
  font-weight: 600;
  text-transform: capitalize !important;
  letter-spacing: -3px;
  background: transparent;
  color:#fff;
}
.top_banner_head_non_gradient_text p {
  font-size: 18px;
  font-weight: 400;
  color: inherit;
  line-height: normal;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .top_banner_head_gradient_text h1{
    font-size: 40PX;
    letter-spacing: -2px;
  }
  .top_banner_head_gradient_text p {
    font-size: 13px;
    color: #fff;
    border-left: 2px solid #FFEFBA;
    padding-left: 10px;
    margin-left: 5px;
    line-height: normal;
  }
  .top_banner_head_gradient_text2 h1{
    font-size: 40PX;
    letter-spacing: -2px;
  }
  .top_banner_head_gradient_text2 p {
    font-size: 13px;
    color: #fff;
    border-left: 0px solid #FFEFBA;
    padding-left: 0px;
    margin-left: 0px;
    line-height: normal;
  }
  .top_banner_head_non_gradient_text h1{
    font-size: 40PX;
    letter-spacing: -2px;
  }
  .top_banner_head_non_gradient_text p {
    font-size: 13px;
    color: #fff;
    border-left: 0px solid #FFEFBA;
    padding-left: 0px;
    margin-left: 0px;
    line-height: normal;
  }
}


.top_banner_text_yellow h1 {
  font-size: 80px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: -3px;
  color: #ffcc00;
}
.top_banner_text_yellow h2 {
  font-size: 24px;
  font-weight: 100;
  margin-top: 20px;
  text-transform: capitalize;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .top_banner_text_yellow h1 {
    font-size: 40px !important;
  }
  .top_banner_text_yellow h2 {
    font-size: 16px !important;
  }
}




.top-head-banner-nfc {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../images/nfc/NFC-Header-rev2@2x.jpg") center center no-repeat;
  background-size: cover;
  padding: 3rem 0 7rem;
}
.top-head-banner-nfc:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(to bottom, #000, #DE6262);
  background: linear-gradient(to bottom, #000, #DE6262);
  opacity: 0.5;
}

.top-head-banner-custom-packaging {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../../images/slab/CustomPackaging-Slab-BG.jpg") center center no-repeat;
  background-size: cover;
  padding: 3rem 0 7rem;
}
.top-head-banner-custom-packaging:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #43cea2;
  background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
  background: linear-gradient(to right, #185a9d, #43cea2);
  opacity: 0.8;
}


.masthead svg.wave {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%!important;
    height: 90px!important;
}

@media only screen and (max-width: 767px){
  svg {
      width: 100%!important;
      height: 35px !important;
  }
  .masthead svg.wave {
      width: 100%!important;
      height: 50px !important;
  }
}

svg {
    overflow: hidden;
    vertical-align: middle;
}
.align-items-center {
    align-items: center!important;
}

#carbonads {
    padding: 1rem;
    border-radius: .5rem;
    overflow: hidden;
    font-size: .8rem;
    line-height: 1rem;
    background-color: rgba(248,249,250,.15);
    box-shadow: 0 0 1rem 0.5rem rgba(33,37,41,.1);
}

/* TOP HEAD BUTTON *****************/
/*BUTTON 2*/
.wrapper-head-banner-btn {
  display: block;
  width: 40%;
  font-size: 16px;
  font-weight: 100;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  background-position: 0% center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  transition-property: background, color;
}

.gradient-btn2 {
  position: relative;
  padding: 13px 24px;
  border-radius: 26px;
  background-image: linear-gradient(90deg, #0065ff, #6942ef, #6554c0, #008cff, #0065ff, #6942ef);
  background-size: 400%;
  background-position: 0% 0%;
}
.gradient-btn2::before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 26px;
  background-image: linear-gradient(90deg, #0065ff, #6942ef, #6554c0, #008cff, #0065ff, #6942ef);
  background-size: 500%;
  background-position: 0% 0%;
  filter: blur(15px);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s;
}
.gradient-btn2:hover {
  animation: gradientRotate 2s infinite;
}
.gradient-btn2:hover::before {
  opacity: 1;
  animation: gradientRotate 2s infinite;
}
.gradient-btn2:active {
  color: #c3c4d5;
}
.gradient-btn2:focus::before {
  opacity: 1;
}

/*END BUTTON 2*/

/* BUTTON 3 */
.head-banner-btn3 {
  position: relative;
  display: block;
  padding: 13px 24px;
  color: #008cff;
  border-radius: 26px;
  box-sizing: border-box;
  border: 1px solid transparent;
  background-color: #fff;
  background-clip: padding-box;
  overflow: hidden;
  z-index: 1;
}
.head-banner-btn3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 2px solid transparent;
  background-image: linear-gradient(#0e0e30, #0e0e30), linear-gradient(90deg, #008cff, #6942ef);
  background-clip: padding-box, border-box;
  background-repeat: repeat-x;
  background-size: calc(100% + 2px * 2) calc(100% + 2px * 2);
  background-position: center;
  border-radius: 26px;
  z-index: -1;
  transition: border-color 0.2s;
}
.head-banner-btn3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70vmax;
  height: 70vmax;
  border-radius: 50%;
  background-image: linear-gradient(90deg, #008cff, #6942ef);
  transform-origin: center;
  transform: translate(-10%, -10%) scale(0);
  transition: transform 0.8s ease-in-out;
  z-index: -1;
}
.head-banner-btn3:hover {
  color: white;
}
.head-banner-btn3:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
.head-banner-btn3:active {
  color: #c3c4d5;
}
.head-banner-btn3:focus {
  color: white;
}
.head-banner-btn3:focus::before {
  border-color: #fff;
}
/* END BUTTON 3 */


/* BUTTON 1 */
.head-banner-btn {
	background-image: linear-gradient(to right, #006175 0%, #00a950 100%);
	border-radius: 40px;
  box-sizing: border-box;
	color: #fff;
	display: block;
	font: 2rem;
	height: 50px;
	letter-spacing: 1px;
	margin: 0 auto;
	padding: 2px;
	position: relative;
  text-decoration: none;
	text-transform: uppercase;
	width: 40%;
	z-index: 2;
}

.head-banner-btn:hover {
	color: #eee;
}

.head-banner-btn span {
	align-items: center;
	background: #333;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	height: 100%;
	transition: background .8s ease;
	width: 100%;
}

.head-banner-btn:hover span {
	background: transparent;
}
/* END */


/* button 2 yellow */
.head-banner-btn4 {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #fff;
    background: linear-gradient(160deg, #FFE53B 50%, #FF2525 100%);
    padding: 0.8rem 2rem;
    line-height: 1.5;
    border-radius: 40px;
    text-decoration: none;
  	text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background-color 3s ease-out;
    -moz-transition: background-color 3s ease-out;
    -o-transition: background-color 3s ease-out;
    transition: background-color 3s ease-out !important;
    transition: background .8s ease;
}

.head-banner-btn4:hover {
   color: #000;
   background: transparent;
}
/* END */


.all-button {
    background-image: linear-gradient(to top, #6d8aa0, #8ba2b4);
    color: #fff!important;
    display: inline-table;
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 45PX;
    border: none;
    padding: 0.8rem 1.8rem;
    text-align: center;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.3);
}
.all-button:hover {
  background-image: linear-gradient(160deg, #fff 50%, #FFcc00 100%);
  box-shadow: 0px 8px 16px rgba(250, 250, 250, 0.4);
  color: #000 !important;
  transform: translateY(-4px);
}
@media only screen and (max-width: 767px){
  .all-button {
    font-size: 80% !important;
    padding: 0.6rem 0.8rem;
    letter-spacing: 0px;
  }
}

.all-button2 {
    border: 1px solid #6d8aa0;
    color: #6d8aa0 !important;
    display: inline-table;
    font-size: 0.9em;
    font-weight: 400;
    border-radius: 30PX;
    padding: 0.2rem 1rem;
    text-align: center;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.all-button2:hover {
  background-image: linear-gradient(to top, #6d8aa0, #8ba2b4);
  color: #000 !important;
  transform: translateX(5px);
}

@media only screen and (max-width: 767px){
  .all-button2 {
    font-size: 0.6em;
  }
}





.all-button1 {
  display: inline-block;
  padding: 1em 2em;
  font-size: 0.8em;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 2em;
  position: relative;
  cursor: pointer;
  background-color: #ccc;
  background-image: linear-gradient(to top, #6d8aa0, #8ba2b4);
  -webkit-backface-visibility: hidden;
  z-index: 1;
}
.all-button1:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  background-image: linear-gradient(to top left,#ff8a00,#da1b60);
  transition: opacity 0.8s ease-out;
  z-index: 2;
  opacity: 0;
  border: 1px solid #ffcc00;
}
.all-button1:hover:after {
  opacity: 1;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
}
.all-button1 span {
  position: relative;
  z-index: 3;
  color: #fff;
}
@media only screen and (max-width: 767px){
  .all-button1 {
    font-size: 0.4em;
  }
}






section.sunsetZ .Zbutton {
  background: linear-gradient(25deg, #FF4437, #241490);
}
section.sunsetZ .Zbutton.inverse {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-image-source: linear-gradient(25deg, #FFF, #FFf);
}
.Zbutton {
  display: table;
  background-size: 200% 200% !important;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 1.3em 1.5em;
  margin: 1.5em auto;
  border-radius: 0.3em;
  -webkit-transition: all 200ms linear;
}
.Zbutton:hover {
  background-size: 110% 110% !important;
  padding: 1.3em 2.1em;
  -webkit-transition: all 200ms linear;
}
.Zbutton.inverse {
  font-weight: bold;
  padding: 1.15em 1.5em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-width: 0.15em;
  border-style: solid;
  border-image-source: linear-gradient(45deg, #fff, #fff);
  border-image-slice: 30%;
  border-image-width: 1;
  border-image-repeat: stretch;
}
.Zbutton.inverse:hover {
  background-size: 100% 100% !important;
  border-image-slice: 3%;
  padding: 1.15em 2.1em;
}

/*==============================================================================
  END -SVG BACKGROUND TOP BANNER / LINEAR GRADIENT COLOR BACKGROUND
==============================================================================*/






/*==============================================================================
  =  BOOTSTRAP OVER-RIDE
==============================================================================*/

/******** OVER RIDE BOOTSTRAP CONTAINER TO 1400PX */
@media (min-width: 1200px) {
    .container {
      /*max-width: 1400px !important;
      width: 100%;
      margin: 0 auto;*/
    }
}

.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid {
  margin-left: 0;
  margin-right: 0;
}

.no-gutter>[class^="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.no-gutter > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.col-nopadding {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
@media only screen and (max-width: 767px){
  .col-nopadding {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
.col-nopadding-left {
  padding-right: 0px !important;
}
@media only screen and (max-width: 767px){
  .col-nopadding-left {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

/*
@media only screen and (max-width: 767px) {
  .col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
  }
}
.col:not(:last-child) .inner-column-margin {
  margin: 100px;
}
*/

@media(max-width: 425px) {
  .col {
    flex-basis: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}
@media(min-width: 426px) and  (max-width: 961px){
  .col {
    flex-basis: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 50%;
  }
}



/*======================================
  =  END BOOTSTRAP
======================================*/






.myaccount-border {
  border: 1px solid #f2f2f2;
}


.container-myaccount {
  padding:15px;
  background: rgb(238,238,238);
  background: linear-gradient(180deg, rgba(238,238,238,1) 30%, rgba(255,255,255,1) 100%);
  /*background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 35%, rgba(238,238,238,1) 100%);*/
  margin:20px auto;
}

.nogap > .col{ padding-left:7.5px; padding-right: 7.5px}
.nogap > .col:first-child{ padding-left: 15px; }
.nogap > .col:last-child{ padding-right: 15px; }

.myaccount-boxcard-height {
    min-height: 120px;
}

.myaccount-header-line h4:after {content:" "; width:70px; height:2px; background:#ccc; display:block; margin-top:5px;  margin-bottom:20px; border-radius:3px; margin-left:auto;margin-right:auto}



/*************************** STICKY HEADER **********
****************************************************/
.navbar-fixed-top {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
  background: white;
}

@supports(position:sticky){
  .header{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}

.navbar-fixed-top.cbp-af-header-shrink {
	padding: 10px 0;
}


/*FOR MOBILE SUPPORT *************/
@media only screen and (max-width: 767px){
  .navbar-fixed-top {
    position: relative;
  }

  @supports(position:sticky){
    .header{
      position: relative;
    }
  }

}

/*********************** END STICKY HEADER *********
***************************************************/






#none-display-smart-search {
  display: block;
}
@media (max-width: 480px) {

  #none-display-smart-search {
    display: none;
  }
}


#none-display-mobile {
  display: block;
}
@media (max-width: 480px) {
  #none-display-mobile {
    display: none;
  }
}

#none-display-desktop {
  display: none;
}
@media (max-width: 480px) {
  #none-display-desktop {
    display: block;
  }
}


/* BANNER DISPLAY - MOBILE VS DESKTOP
================================================== */
.content-desktop {display: block;}
.content-mobile {display: none;}

@media screen and (max-width: 480px) {
.content-desktop {display: none;}
.content-mobile {display: block;}
}











/** VIDEO - IMAGE MOBILE SLIDER *********/

#homePage-full-bg {
  display: none;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
#homePage-video video{
    width:100%;
}

@media (max-width: 480px) {
  #homePage-video {
    display: none;
  }
  #homePage-full-bg {
    display: block;
  }
}
/** END VIDEO - IMAGE MOBILE  *********/


/* OVERSEAS DIRECT */
.overseas-direct-content h1{
  color: #000;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.7em;
  text-transform: uppercase;
  text-align: center;
}

.overseas-direct-content h2{
  color: #000;
  font-size: 2em;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.overseas-direct-content h3{
  color: #000;
  font-size: 1.7em;
  font-weight: 300;
  line-height: normal;
  text-transform: capitalize;
  text-align: center;
}

.overseas-direct-content p{
  color: #666;
  font-size: 1.2em !important;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}

.overseas-direct-content img{
  padding: 5% 20px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .overseas-direct-content h1{
    font-size: 1.5em !important;
    line-height:normal;
  }
  .overseas-direct-content h2{
    font-size: 1em !important;
    line-height:normal;
  }
  .overseas-direct-content h3{
    font-size: 1.4em !important;
    font-weight: 500;
    line-height:normal;
    margin-top: 20px;
  }
  .overseas-direct-content p{
    font-size: 1.1em !important;
    font-weight: 300;
    line-height:1.6;
  }
}

.overseas-direct-border-customization {
  border: 5px solid #ffcc00;
  border-radius: 20px;
  padding: 20px;
}

/* 5 EQUAL COLUMNS *******************************************************************
**************************************************************************************
**************************************************************************************
**************************************************************************************/
.equal .span2 {
    width: 20%;
}


/* END OVERSEAS DIRECT  ****/









.gotoday--content h3{
  color: #000;
  font-size: 1.7em;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  text-align: center;
}
.gotoday--content p{
  color: #666;
  font-size: 1.2em !important;
  font-weight: 300;
  line-height: 1.6;
  text-transform: capitalize !important;
  text-align: center;
}

@media only screen and (max-width: 767px){
  .gotoday--content h3{
    font-size: 1.4em !important;
    font-weight: 600;
    line-height:normal;
    margin-top: 20px;
  }
  .gotoday--content p{
    font-size: 0.8em !important;
    font-weight: 300;
    line-height:1.6;
  }
}


.flexsearch--wrapper {
 height: 0 auto;
 width: auto;
 max-width: 100%;
 overflow: hidden;
 background: transparent;
 margin: 0 auto;
 position: static;
}

.flexsearch--form {
 overflow: hidden;
 position: relative;
}

.flexsearch--input-wrapper {
 padding: 0 66px 0 0;
 overflow: hidden;
}

.flexsearch--input {
  width: 100%;
}

/***********************
 * Configurable Styles *
 ***********************/
.flexsearch {
  padding: 0 25px 0 200px;
}

.flexsearch--input {
  -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
  height: 50px;
  padding: 0 46px 0 30px;
  border-color: #ccc;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  margin-top: 15px;
  color: #333;
  font-family: 'Helvetica', sans-serif;
 font-size: 16px;
 -webkit-appearance: none;
 -moz-appearance: none;
}

.flexsearch--submit {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  border: none;
  margin-top: 10px;
  margin-right: 5px;
  background: transparent;
  color: #888;
  font-family: 'Helvetica', sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.flexsearch--input:focus {
  outline: none;
  border-color: #ffcc00;
}

.flexsearch--input:focus.flexsearch--submit {
   color: #333;
}

.flexsearch--submit:hover {
  color: #333;
  cursor: pointer;
}

/***************************************************************************
         HEADER SEARCH BOX
***************************************************************************/




/* MAIN SERACH BOX */
.main-search-box-desktop {
  position: relative;
  margin-right: 20px;
}
.main-search-box-desktop input {
  width: 100%;
  height: 55px;
  flex-grow: 1;
  min-width: 300px;
  padding: .475rem 1.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.5;
  color: #171c20;
  background: #eff1f3;
  border: 2px solid rgba(9,9,9, .01);
  border-radius: 50px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.main-search-box-desktop input:hover {
  color:#333 !important;
  Xborder: 2px solid #eff1f3;
  border: 2px solid #ddd;
  background: #fffcf2;
}
.main-search-box-desktop input:hover + button i {
  color:#ffcc00;
}
.main-search-box-desktop input:focus {
  color:#000;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing:0px;
  background-color: #fff;
  border: 2px solid #ffcc00;
}
.main-search-box-desktop input[type=number]::-webkit-inner-spin-button,
.main-search-box-desktop input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.main-search-box-desktop button {
  background-color: transparent;
  border-radius: 0 4px 4px 0;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  padding: 12px 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.main-search-box-desktop input:focus + button i{
  color: #ffcc00;
}
.main-search-box-desktop button i {
  font-size: 24px;
  color: #999;
  position: relative;
  bottom:2px;
}
.main-search-box-desktop button:hover i{
  color: #000!important;
}
.main-search-box-desktop button::before {
  content: "";
  position: relative;
  top: -2px;
  right: 5px;
  height: 40px;
  border-left: 1px solid #ccc;
  padding: 3px 0;
}

.sku-input-width{
  min-width: 350px!important;
}
/* END MAIN SEARCH BOX */


.xs-navBar {
  margin-bottom: 20px;
  border-bottom: 0px solid #ededed !important;
}






.search-box {
    position: relative;
    margin: 0 auto;
    border:1px solid #ccc;
    padding:11px;
    border-radius:4px;
    width: 100%;
}

.search-form {
    height: 50px !important;
    background-color: #fff;
    overflow: hidden;
}

.search-text{
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
    line-height:14px;
}

.search-box input[type="text"] {
    width: 90%;
    padding: 6px 0px 6px 0px;
    color: #1a1a1a;
    outline: none;
    border: 0px solid #fff;
    font-size: 16px !important;
}

.search-button {
    position: absolute;
    top: 3px;
    right:3px;
    height: 48px;
    width: 80px;
    color: #fff;
    text-align: center;
    border-width: 0;
    background-color: #262626;
    cursor: pointer;
    text-transform:uppercase;
    border-radius:3px;outline:0;
}

.search-button:hover {
  color: #ffcc00;
  background:#999;
}






.search-box-2 {
    position: relative;
    margin: 0 auto;
    border:1px solid #ccc;
    border-radius:3px;
    width: 100%;
    font-size: 10px;
    color: #FFF;
}

.search-form-2 {
    height: 50px !important;
    background-color: #fff;
    overflow: hidden;
}

.search-text-2 {
    font-size: 10px;
    color: #FFF;
    border-width: 0;
    background: transparent;
    line-height:2.615;
    padding-left: 10px !important;
}

.search-box-2 input[type="text"] {
    width: 300PX;
    padding: 6px 0px 6px 0px;
    color: #1a1a1a;
    outline: none;
    border: 0px solid #fff;
    font-size: 12px !important;
    color: #000;
    background-color: #fff;
}

.search-button-2 {
    position: absolute;
    top: 1px;
    right:2px;
    height: 25px;
    width: 45px;
    color: #fff;
    text-align: center;
    border-width: 0;
    background-color: #FFCC00;
    cursor: pointer;
    text-transform:uppercase;
    border-radius:3px;
    outline:0;
}

.search-button-2:hover {
  color: #ffcc00;
  background:#222;
}


.search-box-3 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    color: #FFF;
    border-color: #7e7e7d;
    box-shadow: none;
    font-size: 1rem;
    transition: border .2s linear,background-color .2s linear,color .2s linear;
}
.search-box-3 input[type="text"] {
    width: 100%;
    color: #1a1a1a;
    font-size: 13px !important;
    color: #000;
    box-shadow: none;
    outline: none;
    border: 1px solid #e5e5e5;
}

.search-button-top {
    position: absolute;
    top: 0px;
    left:85%;
    height: 35px;
    width:55px;
    font-size: 1em;
    color: #ccc;
    text-align: center;
    border-width: 0;
    background-color: #000 !important;
    cursor: pointer;
    text-transform:uppercase;
    border-radius:0px;
    outline:0;
}

.search-button-top:hover {
  color: #ffcc00;
  background:#222;
}

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

  .search-box-3 {
    width: 100%;
  }

  .search-box-3 input[type="text"] {
    width: 90%;
    height: 40px;
    color: #1a1a1a;
    font-size: 15px !important;
    color: #000;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    border: 1px solid #999;
  }

  .search-button-top {
    position: absolute;
    top: 0px;
    left:84%;
    height: 40px;
    width: 55px;
    font-size: 1.5em;
    color: #ffcc00;
    text-align: center;
    border-width: 0;
    background-color: #000 !important;
    cursor: pointer;
    text-transform:uppercase;
    border-radius:0px;
    outline:0;
  }
}


/* TOP HEADER PRICE SEARCH BOX *******************
***********************************************************************************************/
.header-search__form {
    position: relative;
}
.u-screenreader {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.header-search__query {
    font-weight: 300;
    border: 1px solid #e5e5e5;
    font-size: 1rem;
    padding: 7px 10px;
    width: 270px;
}
.header-search__submit {
    background-color: transparent;
    background-image: none;
    border: 1px solid #222;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    background-color: #222;
    bottom: 0;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}
.header-search__submit .icon {
    fill: #fff;
    height: 24px;
    width: 24px;
}
.header-search__submit:hover {
    background-color: #999;
    border: 1px solid #999;
}
.header-search__submit i {
    font-size: 20px;
    color: #fff;
    position: relative;
    bottom:4px;
}

.header-search__query2 {
    font-weight: 300;
    border: 1px solid #e5e5e5;
    font-size: 0.8rem;
    padding: 7px 10px;
    width: 80px;
}
.header-search__submit2 {
    background-color: transparent;
    background-image: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    background-color: #999;
    padding: 6px 10px;
    position: relative;
    right: 0;
    top: -2px;
    bottom: 0;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}
.header-search__submit2 .icon {
    fill: #fff;
    height: 24px;
    width: 24px;
}
.header-search__submit2:hover {
    background-color: #222;
}
.header-search__submit2 i {
    font-size: 20px;
    color: #fff;
    position: relative;
    bottom:-2px;
}



  /* COMPARE ICON BUTTON TOP MENU HEADER *******************
  ***********************************************************************************************/

.add-to-compare-wrapper {
  display: inline-block;
}

.xs-wish-list-item {
  padding: 26px 0;
  text-align: right;
}

.xs-wish-list-item .xs-miniCart-dropdown {
  display: inline-block;
}

.xs-wish-list-item .xs-header-info {
  display: inline-block;
  position: relative;
  top: -5px;
  margin-right: 40px;
}

.xs-wish-list {
  margin-right: 30px;
  display: inline-block;
}

.compare-topmenu-icon {
  margin-left: 20px;
  display: inline-block;
}


.xs-single-wishList {
font-size: 2.14286em;
color: #555555;
position: relative;
}
@media only screen and (max-width: 767px){
.xs-single-wishList {
  position: relative;
  xleft: -15px;
}
}


.xs-single-wishList .xs-item-count {
font-size: 0.5em;
color: #ff0000;
font-weight: 600;
width: 16px;
height: 16px;
position: absolute;
border-radius: 50%;
line-height: 1.1;
top: 3px;
right: 0;
text-align: center;
background-color: #f0f0f0;
}
.xs-single-wishList .xs-item-count.highlight {
background-color: #FFCC00;
color: #FFFFFF;
}
.xs-single-wishList i {
font-size:20px;
color:#666;
position: relative;
top:7px;
}
.addtocompare_txt_btn {
font-size:11px;
color:#111;
font-weight: 700;
text-align: center;
text-decoration: underline;
}




/*>>>>>><<<<<<<<<<<<<<<<<<<<<<*/

#search-box {
    position: relative;
    margin: 0 auto;
    border:1px solid #ccc;
    padding:11px;
    border-radius:4px;
    width: 100%;
}

#search-form {
    height: 50px !important;
    background-color: #fff;
    overflow: hidden;
}

#search-text{
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
    line-height:14px;
}

#search-box input[type="text"] {
    width: 90%;
    padding: 10px 0 5px 1em;
    color: #333;
    outline: none;
}

#search-button {
    position: absolute;
    top: 3px;
    right:3px;
    height: 48px;
    width: 80px;
    color: #fff;
    text-align: center;
    border-width: 0;
    background-color: #262626;
    cursor: pointer;
    text-transform:uppercase;
    border-radius:3px;outline:0;
}

#search-button:hover {
  color: #ffcc00;
  background:#999;
}
/***************************************************************************
         END HEADER SEARCH BOX
***************************************************************************/





.mark, mark {
    background: #FFCC00 none repeat scroll 0 0;
    color: #ffffff;
}
.fix {
    overflow: hidden
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


.container_black_top_header {
    background: #000;
    color:#fff;
    padding: 10px;
    }

.black_top_header {
      width: 100%;
      color: #fff;
      height:35px;
      line-height:35px;
  }
.black_top_header_left {
    float: left;
    width: 50%;
    background: #000;
}
.black_top_header_right {
    float: right;
    width: 50%;
    background: #000;
    text-align: right;
}

@media screen and (max-width: 480px) {
    .black_top_header_left,
    .black_top_header_right {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 auto;
    }

    .black_top_header_right {
      background: #ff0000;
    }
}


/*************************
    END TOP BLACK HEADER
****************************************/




.title-section {
    position: relative;
    text-align: center;
    margin-bottom: 40px !important;
}

.title_ashbury_homePage > h1 {
    font-size: 5em !important;
}


.title-section .sup-title {
    font-size: 20px !important;
    line-height: 30px !important;
    color: #666 !important;
    font-weight: 200 !important;
}

.title-section .sup-title h1{
    font-size: 2em !important;
    line-height: 100px !important;
    color: #666 !important;
    font-weight: 500 !important;
}




/*************************
    Section title
***********************/
.section-header {
  position: relative;
}
.section-header > h2,
.section-header > .h2 {
  font-size: calc(20px + (30 - 20) * ((100vw - 400px) / (2500 - 400)));
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  color: #222222;
  xfont-family: 'Montserrat', sans-serif;
  text-transform: unset;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.section-header .subtitle {
  xfont-family: 'Montserrat', sans-serif;
  font-size: 16px;
  letter-spacing: 8px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #ffcc00;
}
.section-header > h2:before,
.section-header > .h2:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 4px;
  background: #ffcc00;
  bottom: 0;
}
.section-header.text-center > h2:before,
.section-header.text-center > .h2:before {
  left: 0;
  right: 0;
  margin: 0 auto;
}



/**************************** Old version */
.section-title-icon h2 {
  color: #333;
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
}

.section-title-icon h2::before {
  background: #333 none repeat scroll 0 0;
  border-radius: 100%;
  bottom: -9px;
  content: "";
  height: 4px;
  left: 20%;
  position: absolute;
  width: 60%;
}

.section-title-icon h2 i {
  background: #333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 100%;
  color: #fff;
  font-size: 16px;
  height: 25px;
  width: 25px;
  left: 50%;
  line-height: 25px;
  margin-left: -10px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 43px;
}


@media only screen and (max-width: 767px) {
  .section-title-1 .mb-50 {
    margin-bottom: 30px; } }

.section-title-1 h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 0;
  position: relative;
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .section-title-1 h2 {
      font-size: 24px;
      line-height: 30px; }
      .section-title-1 h2.mb-50 {
        margin-bottom: 30px; } }
  .section-title-1 h2::before {
    position: absolute;
    content: "";
    left: -100px;
    background-color: #000;
    width: 80px;
    height: 2px;
    top: 17px; }
    @media only screen and (max-width: 767px) {
      .section-title-1 h2::before {
        left: -40px;
        width: 30px; } }
  .section-title-1 h2::after {
    position: absolute;
    content: "";
    right: -100px;
    background-color: #000;
    width: 80px;
    height: 2px;
    top: 17px; }
    @media only screen and (max-width: 767px) {
      .section-title-1 h2::after {
        right: -40px;
        width: 30px; } }

@media only screen and (max-width: 767px) {
  .section-title-1.mb-55 {
    margin-bottom: 30px; } }



.section-title-2 h1 {
  color: #000000;
  font-weight: 600;
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  }
.section-title-2 h1:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  top: 60px;
  width: 120px;
  height: 4px;
  background-color: #FFCC00;
  text-align: center;
  }
.section-title-2 h3 {
  color: #999;
  margin-bottom: 10px;
  line-height: 1.6;
}
.section-title-2 p {
  color: #333;
  margin: 0 auto;
}

@media only screen and (max-width: 767px){
  .section-title-2 h1 {
    font-size: 24px !important;
    margin-bottom: 30px;
    }
  .section-title-2 h1:before {
    top: 50px;
    line-height: 5;
    }
  }

.section-title-3 h4 {
  font-weight: 500;
  color: #000000;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .section-title-3.mb-40 {
    margin-bottom: 20px; }
}




.section-branding-title-height {
    height: 300px;
    min-height: 300px;
    line-height:30px;
    text-align: center;
    margin-bottom:5px;
    border:1px solid #ff0000;
}

.section-branding-title-height > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.section-branding-title > span > h3 {
	font-size: 4em;
	color: #333;
	text-align: center;
	font-family: Raleway;
	font-weight: 400;
	font-style: normal;

}

.section-branding-title > p {
  font-size: 1.2em;
	text-align: center;
	font-style: italic;
	color: #999;
}


.section-title2 > h3 {
	font-size: 30px;
	color: #ffffff;
	text-align: center;
	font-family: Raleway;
	font-weight: 900;
	font-style: normal;
	margin-bottom: 20px;
	line-height: 24px;
}


.section-title2 > p {
	text-align: center;
	font-style: italic;
	color: #717171;
	margin-bottom: 35px;
}


.section-title2.bl-color > h3 {
	color: #444;
}
.section-title2.bl-color > p{
    color: #222;
}




/*
 * ----------------------------------------------------------------------------------------
 * 5-column layout
 * ----------------------------------------------------------------------------------------
 */

 .col-xs-15,
 .col-sm-15,
 .col-md-15,
 .col-lg-15 {
     position: relative;
     min-height: 1px;
     padding-right: 1px;
     padding-left: 1px;
 }

 .col-xs-15 {
     width: 20%;
     float: left;
 }

@media only screen and (max-width: 767px){
 .col-sm-15 {
    width: 100%;
    float: left;
    position: relative;
  }
 }

 @media (min-width: 768px) {
 .col-sm-15 {
         width: 20%;
         float: left;
     }
 }

 @media (min-width: 992px) {
     .col-md-15 {
         width: 20%;
         float: left;
     }
 }

 @media (min-width: 1200px) {
     .col-lg-15 {
         width: 20%;
         float: left;
     }
 }



/*
 * ----------------------------------------------------------------------------------------
 * NEW SMART SEARCH
 * ----------------------------------------------------------------------------------------
 */

.padding_0{
	padding: 0;
}
.single-deal figure {
	margin-bottom: 7px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.single-deal figure img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 0px;
  transition: all .3s ease-in .3s;
  padding: .15rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  max-width: 100%;
  height: 0 auto;
}

.single-deal figure figcaption {
    padding: 20px;
    color: #fff;
    text-transform: capitalize;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.single-deal figure figcaption,
.single-deal figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single-deal figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.single-deal figure h4 {
    word-spacing: -0.15em;
    font-weight: 300;
    font-size: 1.2em !important;
}

@media only screen and (max-width: 767px){
  .single-deal figure h4 {
      font-size: 1.7em !important;
  }
}

.single-deal figure h4,
.single-deal figure p { margin: 0 }
.single-deal figure p {
    font-size: 16px;
    letter-spacing: 0px;
}
.single-deal figure p a {
	background: #fff;
	color: #000;
	font-size: 13px;
	border-radius: 30px;
	padding: 5px 20px;
	display: inline-block;
  transition: background .8s ease;
}
.single-deal figure p a:hover {
	background: transparent;
  border: 1px solid #fff;
	color: #fff;
}
@media only screen and (max-width: 767px){
  .single-deal figure p a {
  	background: #fff;
  	color: #000;
  	font-size: 13px;
  	border-radius: 30px;
  	padding: 5px 20px;
  	display: inline-block;
  }
}


figure.effect-sadie figcaption:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(250, 250, 250, 0.2) 0%, #000 100%);
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0,50%,0);
  transform: translate3d(0,50%,0);
}
figure.effect-sadie h4 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 16px;
  left: 20%;
  letter-spacing: 1px;
  padding: 15px 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -webkit-transition: -webkit-transform 0.35s ease 0s, color 0.35s ease 0s;
  transition: transform 0.35s ease 0s, color 0.35s ease 0s;
  width: 60%;
  filter: alpha(opacity=0);
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  figure.effect-sadie h4 {
    -webkit-transform: translate3d(0px, -80%, 0px);
    transform: translate3d(0px, -80%, 0px);
  }
}



@media only screen and (max-width:768px) {
    figure.effect-sadie h4 { font-size: 12px }
}
@media only screen and (max-width:480px) {
    figure.effect-sadie h4 { font-size: 18px }
}
@media only screen and (max-width:320px) {
    figure.effect-sadie h4 { font-size: 14px;}
}


figure.effect-sadie figcaption:before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

@media only screen and (max-width: 767px){
  figure.effect-sadie p {
    opacity: 1;
    bottom: 40px;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
}

figure.effect-sadie:hover h4 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,-30%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-30%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/* END  */



/*************************
       social-icon
*************************/

.social-icons > li {
	list-style: none;
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.social-icons > li > a {
	display: block;
	width: 32px;
	height: 32px;
	color: #fff;
	background: #3b5998;
	text-align: center;
	line-height: 32px;
}
.social-icons > li > a:hover{
    background: #2d4373; /* FACEBOOK */
}
.social-icons > li:nth-child(2) > a{
    background: #ed0000;  /* YOUTUBE */
}
.social-icons > li:nth-child(2) > a:hover{
    background: #ff0000;
}
.social-icons > li:nth-child(3) > a{
    background: #bc2a8d;
}
.social-icons > li:nth-child(3) > a:hover{
    background: #92216e;
}
.social-icons > li:nth-child(4) > a{
    background: #007bb6; /* TWITTER */
}
.social-icons > li:nth-child(4) > a:hover{
    background: #1DA1F2;
}
.social-icons > li:nth-child(5) > a{
    background: #f26522;
}
.social-icons > li:nth-child(5) > a:hover{
    background: #d54d0d;
}

.social-icons-small > li {
	list-style: none;
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.social-icons-small > li > a {
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
}

.social-icons-small-2 > li {
	list-style: none;
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.social-icons-small-2 > li > a {
	display: block;
	width: 32px;
	height: 32px;

  color: #fff;
	background: #3b5998;
	text-align: center;
	line-height: 32px;
  border-radius: 50%;
	text-align: center;
}

.social-icons-small-3 > li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}
.social-icons-small-3 > li > a {
	display: block;
	width: 30px;
	height: 30px;
  color: #000;
	line-height: 32px;
  border-radius: 50%;
	text-align: center;
}

.social-icons-small-4 > li {
	list-style: none;
	display: inline-block;
	margin: 0 2px 0 0;
	vertical-align: middle;
  font-size: 10px;
}
.social-icons-small-4 > li > a {
	display: block;
	width: 20px;
	height: 20px;
  color: #fff;
	background: #3b5998;
	text-align: center;
	line-height: 22px;
  border-radius: 50%;
	text-align: center;
}


.my_account input {
	background: transparent;
	border: 2px solid #ccc;
	height: 0 auto;
	box-shadow: none;
	padding-left: 0px;
	font-size: 14px;
	color: #a4a4a4;
	width: 100%;
	box-shadow: none;
	border-radius: 0;
}




/*
select {
    height: 1.5rem;
    padding: 0 14px 0 5px;
    border-radius: 0;
    -webkit-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAMHmlDQ1BEaXNwbGF5AABIx62Xd1RTyRrA55YkJCS0QASkhN4E6VV6jVSpgo2QBBJKDAlBxI4uKrgWVCxYkVUR21oAWWzYlUWw90URFGVdLNhAeZME0NXz/njnvDln7v3lm2++lrlzZgBQjWGLRNmoGgA5wjxxbGgAc2JyCpP0BBCBGiADXaDK5khE/jExEQC24fe/2/tbAJG9r9vKbIH/ralzeRIOAEgM5DSuhJMD+QgAuCtHJM4DgNAD5SYz8kSQiTBKoCmGAUI2lXGGgt1lnKbgCLlOfGwg5FQAlKhstjgDABVZXMx8Tga0o7IMsr2QKxBCboTsw+GzuZAHII/JyZkOWdUSsmXad3Yy/mUzbcQmm50xwopc5E0pSCARZbNngv93y8mWDvswgZ3KF4fFynKW1S1reriMqZAvCtOioiFrQL4h4Mr1ZdzFl4YlDOl/5EgCYc0AAwCUymUHhUPWg2wszI6KGJL7pAtCWJBh7dF4QR4rXjEX5Yqnxw7ZRwt4kuC4YWaL5b5kOiXSrAT/IZtb+DzWsM2GQn58kiJOtDVfkBgFWQXyA0lWXPiQzotCfmDUsI5YGiuLGf7nGEgXh8QqdDDTHMlwXpgnX8CKGuKIPH58mGIuNpXDlsemDTmTJ5kYMRwnlxcUrMgLK+IJE4bix8pEeQGxQ/pVouyYIX2skZcdKpMbQ26R5McNz+3Ng4tNkS8ORHkx8YrYcM1M9vgYRQy4NYgAgSAIMIEU9jQwHWQCQUtPXQ/8pRgJAWwgBhmAB2yHJMMzkuQjQviMA4Xgb0g8IBmZFyAf5YF8KP8yIlU8bUG6fDRfPiMLdEHOAeEgG/6WymcJR7wlgqdQIvjJOwfGmg27bOwnGVN1WEYMJgYRw4ghRCtcF/fBvfAI+PSD3RF3xz2G4/qmT+gitBGeEG4S2gl3pwmKxD9EzgSRoB3GGDKUXdr32eHm0KoLHoB7Q/vQNs7AdYEt7gw9+eO+0LcLlH4fq3Qk42+1HLJFtiej5FFkP7LljxGoWKu4jFiRVer7WijiShupVuDIyI95BH5XPy58h/+oiS3BDmMXsNPYJawRqwNM7CRWjzVjx2U8sjaeytfGsLdYeTxZ0I7gJ3/sIZ+yqknsa+y77QeGxkAeryBP9rEEThfNFAsy+HlMf7hb85gsIcduDNPR3gHuorK9X7G1vGXI93SEcfmbLPcUAB4lUJjxTcaGe9CxLgDo77/JTN7AZb8SgOOtHKk4XyHDZQ8CoABV+KXoAAO4d1nCjByBK/ACfiAYjAfRIB4kg6mwzny4TsVgBpgNFoBiUApWgrVgI9gKdoDdYB84BOpAIzgNzoMroBXcBPfhWukEL0EveA/6EQQhITSEjugghogZYoM4Iu6IDxKMRCCxSDKSimQgQkSKzEYWIqVIGbIR2Y5UI78jx5DTyCWkDbmLPEa6kTfIZxRDqagmqo+ao2NRd9QfDUfj0SloBpqLFqKL0OXoerQS3YvWoqfRK+hNtB19ifZhAFPGGJgRZou5Y4FYNJaCpWNibC5WgpVjldh+rAH+09exdqwH+4QTcTrOxG3heg3DE3AOnovPxZfhG/HdeC1+Fr+OP8Z78a8EGkGPYEPwJLAIEwkZhBmEYkI5YSfhKOEc/HY6Ce+JRCKDaEF0g99eMjGTOIu4jLiZeIB4ithG7CD2kUgkHZINyZsUTWKT8kjFpA2kvaSTpGukTtJHJWUlQyVHpRClFCWhUpFSudIepRNK15SeKfWT1chmZE9yNJlLnkleQa4iN5CvkjvJ/RR1igXFmxJPyaQsoKyn7KecozygvFVWVjZW9lCeoCxQnq+8Xvmg8kXlx8qfqBpUa2ogdTJVSl1O3UU9Rb1LfUuj0cxpfrQUWh5tOa2adob2iPZRha5ip8JS4arMU6lQqVW5pvJKlaxqpuqvOlW1ULVc9bDqVdUeNbKauVqgGlttrlqF2jG122p96nR1B/Vo9Rz1Zep71C+pP9cgaZhrBGtwNRZp7NA4o9FBx+gm9EA6h76QXkU/R+/UJGpaaLI0MzVLNfdptmj2amloOWslahVoVWgd12pnYAxzBouRzVjBOMS4xfg8Sn+U/yjeqKWj9o+6NuqD9mhtP22edon2Ae2b2p91mDrBOlk6q3TqdB7q4rrWuhN0Z+hu0T2n2zNac7TXaM7oktGHRt/TQ/Ws9WL1Zunt0GvW69M30A/VF+lv0D+j32PAMPAzyDRYY3DCoNuQbuhjKDBcY3jS8AVTi+nPzGauZ55l9hrpGYUZSY22G7UY9RtbGCcYFxkfMH5oQjFxN0k3WWPSZNJramgaaTrbtMb0nhnZzN2Mb7bO7ILZB3ML8yTzxeZ15s8ttC1YFoUWNRYPLGmWvpa5lpWWN6yIVu5WWVabrVqtUWsXa751hfVVG9TG1UZgs9mmbQxhjMcY4ZjKMbdtqbb+tvm2NbaP7Rh2EXZFdnV2r8aajk0Zu2rshbFf7V3ss+2r7O87aDiMdyhyaHB442jtyHGscLzhRHMKcZrnVO/02tnGmee8xfmOC90l0mWxS5PLF1c3V7HrftduN1O3VLdNbrfdNd1j3Je5X/QgeAR4zPNo9Pjk6eqZ53nI8x8vW68srz1ez8dZjOONqxrX4W3szfbe7t3uw/RJ9dnm0+5r5Mv2rfR94mfix/Xb6ffM38o/03+v/6sA+wBxwNGAD4GegXMCTwVhQaFBJUEtwRrBCcEbgx+FGIdkhNSE9Ia6hM4KPRVGCAsPWxV2m6XP4rCqWb3j3cbPGX82nBoeF74x/EmEdYQ4oiESjRwfuTryQZRZlDCqLhpEs6JXRz+MsYjJjfljAnFCzISKCV2xDrGzYy/E0eOmxe2Jex8fEL8i/n6CZYI0oSlRNXFyYnXih6SgpLKk9oljJ86ZeCVZN1mQXJ9CSklM2ZnSNyl40tpJnZNdJhdPvjXFYkrBlEtTdadmTz0+TXUae9rhVEJqUuqe1AF2NLuS3ZfGStuU1ssJ5KzjvOT6cddwu3nevDLes3Tv9LL05xneGaszuvm+/HJ+jyBQsFHwOjMsc2vmh6zorF1Zg9lJ2QdylHJSc44JNYRZwrPTDaYXTG8T2YiKRe25nrlrc3vF4eKdEkQyRVKfpwkP2c1SS+kv0sf5PvkV+R9nJM44XKBeICxonmk9c+nMZ4Uhhb/NwmdxZjXNNpq9YPbjOf5zts9F5qbNbZpnMm/RvM75ofN3L6AsyFrwZ5F9UVnRu4VJCxsW6S+av6jjl9BfaopVisXFtxd7Ld66BF8iWNKy1GnphqVfS7gll0vtS8tLB5Zxll3+1eHX9b8OLk9f3rLCdcWWlcSVwpW3Vvmu2l2mXlZY1rE6cnXtGuaakjXv1k5be6ncuXzrOso66br29RHr6zeYbli5YWAjf+PNioCKA5v0Ni3d9GEzd/O1LX5b9m/V31q69fM2wbY720O311aaV5bvIO7I39FVlVh14Tf336p36u4s3flll3BX++7Y3Wer3aqr9+jtWVGD1khruvdO3tu6L2hf/X7b/dsPMA6UHgQHpQdf/J76+61D4YeaDrsf3n/E7Mimo/SjJbVI7cza3jp+XXt9cn3bsfHHmhq8Go7+YffHrkajxorjWsdXnKCcWHRi8GThyb5TolM9pzNOdzRNa7p/ZuKZG2cnnG05F37u4vmQ82cu+F84edH7YuMlz0vHLrtfrrvieqW22aX56J8ufx5tcW2pvep2tb7Vo7WhbVzbiWu+105fD7p+/gbrxpWbUTfbbiXcunN78u32O9w7z+9m3319L/9e//35DwgPSh6qPSx/pPeo8i+rvw60u7Yffxz0uPlJ3JP7HZyOl08lTwc6F3XRusqfGT6rfu74vLE7pLv1xaQXnS9FL/t7iv9W/3vTK8tXR/7x+6e5d2Jv52vx68E3y97qvN31zvldU19M36P3Oe/7P5R81Pm4+5P7pwufkz4/658xQBpY/8XqS8PX8K8PBnMGB0VsMVt+FMBgR9PTAXizCwBaMjw7tAJAmaS4m8kborhPygn8N1bc3+TNFYBdfgAkzAcgAp5RtsBuBpkK37IjeLwfQJ2cRvpQk6Q7OSpsUeGNhfBxcPCtPgCkBgC+iAcH+zcPDn6pgsHeBeBUruJOKGuyO+g2Oxm1dr766W72H1oCcSjh6sMlAAAACXBIWXMAABYlAAAWJQFJUiTwAAAF9mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDctMjdUMDc6NTY6NDctMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA3LTI3VDA3OjU5OjA4LTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA3LTI3VDA3OjU5OjA4LTA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRpc3BsYXkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OWVmMTg3ZTUtMWVmNy00NzlhLWE1Y2QtMmVkMTE5NjQ2Y2ZmIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTRmNTk5YTMtYTc1Zi05NDQxLTk3ZDQtMmY3OTNjNWQ3NTI3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2FmYmY3ZWYtNWFiOS00MTk4LWFjODUtNzY2NzE2NDk2ODM1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozYWZiZjdlZi01YWI5LTQxOTgtYWM4NS03NjY3MTY0OTY4MzUiIHN0RXZ0OndoZW49IjIwMTgtMDctMjdUMDc6NTY6NDctMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ZWYxODdlNS0xZWY3LTQ3OWEtYTVjZC0yZWQxMTk2NDZjZmYiIHN0RXZ0OndoZW49IjIwMTgtMDctMjdUMDc6NTk6MDgtMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr46tjAAAACBSURBVCjPY/j//z8DOgaCVVjFsSgMB2IQIxuvYiBgBuJHUMXfgVgCn+I+qEIYXoxVMRBYoymEYX9sio/hUHz79+/fCMVAUIxDIQy3Q9UxyAPxPwKKQdgEHKZAfI4IvJ8BW+DjwoNFMUkeJCnoSIoUkqOb5IREUhIlOfGTlK0IZVgAkODRpD7i30MAAAAASUVORK5CYII=);
    background-position: calc(100% - 4px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 11px;
    background-color: rgba(255,255,255,0.9);
    border: 1px solid #e6e6e6;
    width:170px;
}
select:focus {
    outline: none;
}

.minimal select {
    height: 1.5rem;
    padding: 0 14px 0 5px;
    border-radius: 0;
    -webkit-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAMHmlDQ1BEaXNwbGF5AABIx62Xd1RTyRrA55YkJCS0QASkhN4E6VV6jVSpgo2QBBJKDAlBxI4uKrgWVCxYkVUR21oAWWzYlUWw90URFGVdLNhAeZME0NXz/njnvDln7v3lm2++lrlzZgBQjWGLRNmoGgA5wjxxbGgAc2JyCpP0BBCBGiADXaDK5khE/jExEQC24fe/2/tbAJG9r9vKbIH/ralzeRIOAEgM5DSuhJMD+QgAuCtHJM4DgNAD5SYz8kSQiTBKoCmGAUI2lXGGgt1lnKbgCLlOfGwg5FQAlKhstjgDABVZXMx8Tga0o7IMsr2QKxBCboTsw+GzuZAHII/JyZkOWdUSsmXad3Yy/mUzbcQmm50xwopc5E0pSCARZbNngv93y8mWDvswgZ3KF4fFynKW1S1reriMqZAvCtOioiFrQL4h4Mr1ZdzFl4YlDOl/5EgCYc0AAwCUymUHhUPWg2wszI6KGJL7pAtCWJBh7dF4QR4rXjEX5Yqnxw7ZRwt4kuC4YWaL5b5kOiXSrAT/IZtb+DzWsM2GQn58kiJOtDVfkBgFWQXyA0lWXPiQzotCfmDUsI5YGiuLGf7nGEgXh8QqdDDTHMlwXpgnX8CKGuKIPH58mGIuNpXDlsemDTmTJ5kYMRwnlxcUrMgLK+IJE4bix8pEeQGxQ/pVouyYIX2skZcdKpMbQ26R5McNz+3Ng4tNkS8ORHkx8YrYcM1M9vgYRQy4NYgAgSAIMIEU9jQwHWQCQUtPXQ/8pRgJAWwgBhmAB2yHJMMzkuQjQviMA4Xgb0g8IBmZFyAf5YF8KP8yIlU8bUG6fDRfPiMLdEHOAeEgG/6WymcJR7wlgqdQIvjJOwfGmg27bOwnGVN1WEYMJgYRw4ghRCtcF/fBvfAI+PSD3RF3xz2G4/qmT+gitBGeEG4S2gl3pwmKxD9EzgSRoB3GGDKUXdr32eHm0KoLHoB7Q/vQNs7AdYEt7gw9+eO+0LcLlH4fq3Qk42+1HLJFtiej5FFkP7LljxGoWKu4jFiRVer7WijiShupVuDIyI95BH5XPy58h/+oiS3BDmMXsNPYJawRqwNM7CRWjzVjx2U8sjaeytfGsLdYeTxZ0I7gJ3/sIZ+yqknsa+y77QeGxkAeryBP9rEEThfNFAsy+HlMf7hb85gsIcduDNPR3gHuorK9X7G1vGXI93SEcfmbLPcUAB4lUJjxTcaGe9CxLgDo77/JTN7AZb8SgOOtHKk4XyHDZQ8CoABV+KXoAAO4d1nCjByBK/ACfiAYjAfRIB4kg6mwzny4TsVgBpgNFoBiUApWgrVgI9gKdoDdYB84BOpAIzgNzoMroBXcBPfhWukEL0EveA/6EQQhITSEjugghogZYoM4Iu6IDxKMRCCxSDKSimQgQkSKzEYWIqVIGbIR2Y5UI78jx5DTyCWkDbmLPEa6kTfIZxRDqagmqo+ao2NRd9QfDUfj0SloBpqLFqKL0OXoerQS3YvWoqfRK+hNtB19ifZhAFPGGJgRZou5Y4FYNJaCpWNibC5WgpVjldh+rAH+09exdqwH+4QTcTrOxG3heg3DE3AOnovPxZfhG/HdeC1+Fr+OP8Z78a8EGkGPYEPwJLAIEwkZhBmEYkI5YSfhKOEc/HY6Ce+JRCKDaEF0g99eMjGTOIu4jLiZeIB4ithG7CD2kUgkHZINyZsUTWKT8kjFpA2kvaSTpGukTtJHJWUlQyVHpRClFCWhUpFSudIepRNK15SeKfWT1chmZE9yNJlLnkleQa4iN5CvkjvJ/RR1igXFmxJPyaQsoKyn7KecozygvFVWVjZW9lCeoCxQnq+8Xvmg8kXlx8qfqBpUa2ogdTJVSl1O3UU9Rb1LfUuj0cxpfrQUWh5tOa2adob2iPZRha5ip8JS4arMU6lQqVW5pvJKlaxqpuqvOlW1ULVc9bDqVdUeNbKauVqgGlttrlqF2jG122p96nR1B/Vo9Rz1Zep71C+pP9cgaZhrBGtwNRZp7NA4o9FBx+gm9EA6h76QXkU/R+/UJGpaaLI0MzVLNfdptmj2amloOWslahVoVWgd12pnYAxzBouRzVjBOMS4xfg8Sn+U/yjeqKWj9o+6NuqD9mhtP22edon2Ae2b2p91mDrBOlk6q3TqdB7q4rrWuhN0Z+hu0T2n2zNac7TXaM7oktGHRt/TQ/Ws9WL1Zunt0GvW69M30A/VF+lv0D+j32PAMPAzyDRYY3DCoNuQbuhjKDBcY3jS8AVTi+nPzGauZ55l9hrpGYUZSY22G7UY9RtbGCcYFxkfMH5oQjFxN0k3WWPSZNJramgaaTrbtMb0nhnZzN2Mb7bO7ILZB3ML8yTzxeZ15s8ttC1YFoUWNRYPLGmWvpa5lpWWN6yIVu5WWVabrVqtUWsXa751hfVVG9TG1UZgs9mmbQxhjMcY4ZjKMbdtqbb+tvm2NbaP7Rh2EXZFdnV2r8aajk0Zu2rshbFf7V3ss+2r7O87aDiMdyhyaHB442jtyHGscLzhRHMKcZrnVO/02tnGmee8xfmOC90l0mWxS5PLF1c3V7HrftduN1O3VLdNbrfdNd1j3Je5X/QgeAR4zPNo9Pjk6eqZ53nI8x8vW68srz1ez8dZjOONqxrX4W3szfbe7t3uw/RJ9dnm0+5r5Mv2rfR94mfix/Xb6ffM38o/03+v/6sA+wBxwNGAD4GegXMCTwVhQaFBJUEtwRrBCcEbgx+FGIdkhNSE9Ia6hM4KPRVGCAsPWxV2m6XP4rCqWb3j3cbPGX82nBoeF74x/EmEdYQ4oiESjRwfuTryQZRZlDCqLhpEs6JXRz+MsYjJjfljAnFCzISKCV2xDrGzYy/E0eOmxe2Jex8fEL8i/n6CZYI0oSlRNXFyYnXih6SgpLKk9oljJ86ZeCVZN1mQXJ9CSklM2ZnSNyl40tpJnZNdJhdPvjXFYkrBlEtTdadmTz0+TXUae9rhVEJqUuqe1AF2NLuS3ZfGStuU1ssJ5KzjvOT6cddwu3nevDLes3Tv9LL05xneGaszuvm+/HJ+jyBQsFHwOjMsc2vmh6zorF1Zg9lJ2QdylHJSc44JNYRZwrPTDaYXTG8T2YiKRe25nrlrc3vF4eKdEkQyRVKfpwkP2c1SS+kv0sf5PvkV+R9nJM44XKBeICxonmk9c+nMZ4Uhhb/NwmdxZjXNNpq9YPbjOf5zts9F5qbNbZpnMm/RvM75ofN3L6AsyFrwZ5F9UVnRu4VJCxsW6S+av6jjl9BfaopVisXFtxd7Ld66BF8iWNKy1GnphqVfS7gll0vtS8tLB5Zxll3+1eHX9b8OLk9f3rLCdcWWlcSVwpW3Vvmu2l2mXlZY1rE6cnXtGuaakjXv1k5be6ncuXzrOso66br29RHr6zeYbli5YWAjf+PNioCKA5v0Ni3d9GEzd/O1LX5b9m/V31q69fM2wbY720O311aaV5bvIO7I39FVlVh14Tf336p36u4s3flll3BX++7Y3Wer3aqr9+jtWVGD1khruvdO3tu6L2hf/X7b/dsPMA6UHgQHpQdf/J76+61D4YeaDrsf3n/E7Mimo/SjJbVI7cza3jp+XXt9cn3bsfHHmhq8Go7+YffHrkajxorjWsdXnKCcWHRi8GThyb5TolM9pzNOdzRNa7p/ZuKZG2cnnG05F37u4vmQ82cu+F84edH7YuMlz0vHLrtfrrvieqW22aX56J8ufx5tcW2pvep2tb7Vo7WhbVzbiWu+105fD7p+/gbrxpWbUTfbbiXcunN78u32O9w7z+9m3319L/9e//35DwgPSh6qPSx/pPeo8i+rvw60u7Yffxz0uPlJ3JP7HZyOl08lTwc6F3XRusqfGT6rfu74vLE7pLv1xaQXnS9FL/t7iv9W/3vTK8tXR/7x+6e5d2Jv52vx68E3y97qvN31zvldU19M36P3Oe/7P5R81Pm4+5P7pwufkz4/658xQBpY/8XqS8PX8K8PBnMGB0VsMVt+FMBgR9PTAXizCwBaMjw7tAJAmaS4m8kborhPygn8N1bc3+TNFYBdfgAkzAcgAp5RtsBuBpkK37IjeLwfQJ2cRvpQk6Q7OSpsUeGNhfBxcPCtPgCkBgC+iAcH+zcPDn6pgsHeBeBUruJOKGuyO+g2Oxm1dr766W72H1oCcSjh6sMlAAAACXBIWXMAABYlAAAWJQFJUiTwAAAF9mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDctMjdUMDc6NTY6NDctMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA3LTI3VDA3OjU5OjA4LTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA3LTI3VDA3OjU5OjA4LTA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRpc3BsYXkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OWVmMTg3ZTUtMWVmNy00NzlhLWE1Y2QtMmVkMTE5NjQ2Y2ZmIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTRmNTk5YTMtYTc1Zi05NDQxLTk3ZDQtMmY3OTNjNWQ3NTI3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2FmYmY3ZWYtNWFiOS00MTk4LWFjODUtNzY2NzE2NDk2ODM1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozYWZiZjdlZi01YWI5LTQxOTgtYWM4NS03NjY3MTY0OTY4MzUiIHN0RXZ0OndoZW49IjIwMTgtMDctMjdUMDc6NTY6NDctMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ZWYxODdlNS0xZWY3LTQ3OWEtYTVjZC0yZWQxMTk2NDZjZmYiIHN0RXZ0OndoZW49IjIwMTgtMDctMjdUMDc6NTk6MDgtMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr46tjAAAACBSURBVCjPY/j//z8DOgaCVVjFsSgMB2IQIxuvYiBgBuJHUMXfgVgCn+I+qEIYXoxVMRBYoymEYX9sio/hUHz79+/fCMVAUIxDIQy3Q9UxyAPxPwKKQdgEHKZAfI4IvJ8BW+DjwoNFMUkeJCnoSIoUkqOb5IREUhIlOfGTlK0IZVgAkODRpD7i30MAAAAASUVORK5CYII=);
    background-position: calc(100% - 4px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 11px;
    background-color: rgba(255,255,255,0.9);
    border: 1px solid #e6e6e6;
    width:170px;
}
.minimal select:focus {
    outline: none;
}
.select-style {
    padding: 0;
    margin: 0 auto;
    border: 1px solid #ccc;
    width: 170px;
    min-width: 170px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
    padding-left: 10px;
}

.select-style:after {
    top: 50%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: auto;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

.select-style select {
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

.select-style select, select option {
  width:145px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
*/





.quote__disclaimer h3{
  font-family: 'Roboto Condensed',sans-serif;
  font-size: 12px;
  font-weight: 500;
  color:#000;
}
.quote__disclaimer p{
  font-family: 'Roboto Condensed',sans-serif;
  font-size: 11px;
  color:#111;
  line-height: 1.3!important;
}

.sec-hover:hover{
background-color: #eee;
color:#ff0000;
}


.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
.nice-select:hover {
  border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999; }
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
          transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px; }
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg); }
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0); }
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none; }
.nice-select.disabled:after {
  border-color: #cccccc; }
.nice-select.wide {
  width: 100%; }
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important; }
.nice-select.right {
  float: right; }
.nice-select.right .list {
  left: auto;
  right: 0; }
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px; }
.nice-select.small:after {
  height: 4px;
  width: 4px; }
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px; }
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
          transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important; }
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6; }
.nice-select .option.selected {
  font-weight: bold;
}






/* FORM CONTROL / SELECT / CHECK / RADIOS / INPUT
=============================================================================== */

.form-control {
  xfont-size: 0.7rem;
  xpadding: .700rem .75rem !important;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
    outline: 0;
    border: 1px solid #FFCC00;
}
select.form-control {
  margin: 5px 0;
  xpadding: 0.375rem 2.25rem 0.375rem 0.75rem;
  Xpadding: .4375rem .75rem !important;
}
select.form-select {
  margin: 5px 0;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  Xpadding: .6375rem .75rem;
}
select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}



.form-control2 {
  width: 100%;
  height: calc(2.25rem + 2px);
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  padding: .375rem .75rem;
  border-radius: .25rem;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.form-control3 {
    display: block;
    width: 80%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 0.7;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0rem  !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}




select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}




option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px !important;
    font-size: 14px;
    /* border-radius: 0 0 20px 20px; */
}


input:focus {
    background: transparent;
    border: 1px solid #ffcc00;
}


textarea {
    resize: vertical;
    background: #e6e6e6;
    border: 2px solid #e6e6e6;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    border: 1px solid #FFCC00;
    outline: none;
}
::-moz-placeholder {
    color: #444;
    font-size: 13px;
}




/*************************
        scroll to top
*************************/

#scrollUp {
	background: #222;
  border: 2px solid #ddd;
  width: 50px;
  height: 50px;
  line-height: 40px;
  border-radius: 100%;
  bottom: 80px;
  right: 31px;
  color: #fff;
  text-align: center;
  font-size: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#scrollUp:hover{
    background: #FFCC00;
    border-color: #FFCC00;
}






/* LOGIN TOP HEADER LIST *******************
***********************************************************************************************/
.header-login-list ul {
  position: relative;
}
.header-login-list > li {
  color: #555;
  font-size: 11px;
  font-weight: 500;
  vertical-align: middle;
  display: inline-block;
  xpadding: 0 15px;
}
@media only screen and (max-width: 760px) {
  .header-login-list > li {
    font-size: 8px;
  }
}
.header-login-list li > a {
    border-right: 1px solid #ccc;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.header-login-list li:last-child > a {
    border-right: 0;
}
@media only screen and (max-width: 760px) {
  .header-login-list li > a {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.header-login-list a {
  color: #555;
  font-size: 11px;
}
.header-login-list a:hover, .header-login-list i:hover  > * {
  color: #999 !important;
  font-size: 11px;
}
.header-login-list.margin-right {
  margin-right:30px;
}
@media only screen and (max-width: 760px) {
  .header-login-list.margin-right {
    margin-right: 0px;
  }
}
.header-login-list i {
  font-size:11px;
  color:#666;
  position: relative;
  top: 0px;
  padding-right: 4px;
}

@media only screen and (max-width: 760px) {
  .header-login-list i{
    display: none;
  }
}



/*************************
  Button element
*************************/
.btn-primary {
  background-color: #212529!important;
  border-color: #212529!important;
  color: #fff!important;
  border-radius: 3px;
}
.btn-primary:hover {
  background-color: #666!important;
  border-color: #666!important;
  color: #fff!important;
}
.btn-secondary {
  background-color:#fff!important;
  border-color: #fff!important;
  color: #333!important;
  border-radius: 3px;
}
.btn-secondary:hover {
  background-color: #212529!important;
  border-color: #212529!important;
  color: #fff!important;
}




/*************************
  Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-3 { margin-top: 3px }
.mt-5 { margin-top: 5px }
.mt-6 { margin-top: 6px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mt-200 { margin-top: 200px }
.mt-300 { margin-top: 300px }
.mt-400 { margin-top: 400px }
.mt-500 { margin-top: 500px }
.mt-600 { margin-top: 600px }
.mt-700 { margin-top: 700px }
.mt-800 { margin-top: 800px }
.mt-900 { margin-top: 900px }
.mt-1000 { margin-top: 1000px }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
.mt-50,.mt-60,.mt-65,.mt-70,.mt-75,.mt-80,.mt-85,.mt-90,.mt-95 { margin-top: 15px }
.mt-100 { margin-top: 30px }
.mt-150 { margin-top: 40px }
.mt-200 { margin-top: 50px }
}


/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-3 { margin-bottom: 3px }
.mb-5 { margin-bottom: 5px }
.mb-6 { margin-bottom: 6px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
.mb-200 { margin-bottom: 200px }
.mb-300 { margin-bottom: 300px }
.mb-400 { margin-bottom: 400px }
.mb-500 { margin-bottom: 500px }
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
.mb-50 { margin-bottom: 15px !important; }
.mb-100 { margin-bottom: 30px !important; }
.mb-150 { margin-bottom: 40px !important; }
.mb-200 { margin-bottom: 50px !important; }
}



/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-5 { padding-bottom: 5px !important }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }

/**************************************************
        Padding LEFT & RIGHT -- BOOTH SIDES
**************************************************/
.px-10 {
  padding-left: 10%;
  padding-right: 10%;
  }

.px-20 {
  padding-left: 20%;
  padding-right: 20%;
  }

.px-30 {
  padding-left: 30%;
  padding-right: 30%;
  }

 /*************************************
    Background variation set
 **************************************/
 .white-bg { background: #fff !important; }
 .gray-bg { background: #f6f6f6 !important; }
 .gray-bg2 { background: #f2f2f2 !important; }
 .gray-bg3 { background: #f8f8f8 !important; }
 .black-bg { background: #222222 !important; }
 .default-bg { background: #50C1F0 !important; }
 .transparent-bg { background: transparent !important; }



/*Opacity background*/



/*---------------------
    Tooltip Css
----------------------*/
.tooltip-inner {
	padding: 8px 12px;
	border-radius: 0;
    background: #333333;
}
.tooltip .arrow:before{
    border-top-color:#333333;
}
/*---------------------
    Animation Css
----------------------*/
@-webkit-keyframes crFlipX{
  0%{
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  50%{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100%{
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes crFlipX{
  0%{
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  50%{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100%{
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}


/*-------------
    Header Style-3 css
----------------------*/
.menu-logo-box .logo {
	display: inline-block;
	margin-right: 30px;
}
.menu-logo-box .full-screen-menu {
	display: inline-block;
}
.menu-icon > button{
	background: #222;
	padding: 7px 25px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 25px;
    border: none;
    cursor: pointer;
}
.menu-icon > button > i{
    font-size: 16px;
    margin-right: 7px;
}
.search-cart-box .mini-cart {
	display: inline-block;
	margin-left: 30px;
}
/*Full Screen Menu Css*/
/*Main Search CSS*/
.full-screen-menu-area {
	background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
	width: 100%;
	min-height: 100vh;
	padding: 32px 46px 39px;
	position: fixed;
	top: 0;
	right: -100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	z-index: 9999;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.full-screen-mrnu-icon {
	display: block;
	float: right;
	overflow: hidden;
	position: absolute;
	right: 375px;
}
.full-screen-mrnu-icon button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-size: 50px;
	line-height: 1;
	padding: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.full-screen-mrnu-icon button:hover{
    color: #FFCC00;
}
.full-screen-menu-area.inside {
	right: 0;
	z-index: 9999999;
}
.full-screen-menu-area.inside .main-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
}
.header-bottom-area.header-sticky .header-menu-3 {
	display: none;
}
.header-bottom-area.header-sticky.is-sticky .header-menu-3{
    display: block;
}
.full-screen-menu-area .main-menu > li > a{
    color: #fff;
}

.header-middle-4 .form-input > button{
    background-color: #FFCC00;
}
.header-middle-4 .form-input > button:hover{
    background-color: #c08e0e;
}
.header-middle-4 .mini-cart > ul > li > a > span.cart-icon:before {
	background: url(img/icon/icon-cart-white.png);
	height: 40px;
	width: 40px;
	content: "";
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	line-height: 40px;
}
.header-middle-4 .search-cart-box .mini-cart {
	display: inline-block;
	margin-left: 5px;
}
.header-middle-4 .mini-cart > ul > li > a {
	color: #ababab;
}





/*---------------------------------
    6. Featured Product Area CSS
-----------------------------------*/
.featured-product-menu > ul > li {
	display: inline-block;
	list-style: none;
	margin-right: 15px;
	vertical-align: middle;
}
.featured-product-menu > ul > li > a {
	border: 1px solid #ededed;
	color: #222;
	display: block;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 20px;
	position: relative;
}
.featured-product-menu > ul > li > a.active,
.featured-product-menu > ul > li > a:hover{
	border-color: #FFCC00;
	color: #FFCC00;
}





/*
.product-img {
	position: relative;
	overflow: hidden;
  height: 100%;
}
.product-img > a{
    display: block;
}
.product-img img {
	width: 100%;
  padding: 15px;
}
*/

/*
.product-img > a:before {
    background: #FFF;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s ease;
    transition: .5s ease;
    cursor: pointer !important;
}
.single-product:hover .product-img > a:before {
    border: 200px solid #333;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    background: #555;
    cursor: pointer !important;
}
*/



.single-product-container {
    width: 100%;
}
.single-product-container2 {
    width: 95%;
    background-color: #fff;
    border-top:3px solid #ffcc00;
    padding:10px;
}


.single-product {
  min-height: 420px;
  border: 1px solid #DDD;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  padding-bottom:20px;
  transition: all 0.5s ease-in-out;
}
.single-product img {
  padding: 15px;
}
.single-product:hover img {
  transform: scale(1.03);
  transition: all 0.3s ease-in-out;
}
.single-product:hover {
  border: 1px solid #ffcc00;
}

.single-product .product-img {
	position: relative;
	overflow: hidden;
  height: 100%;
}

.single-product:hover .product-img > a:before {
  border: 200px solid #333;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  background: #555;
  cursor: pointer !important;
}

.single-product-wrapper {
  width: 100%;
  text-align: center;
  border: 1px solid #DDD;
}
.product-search-display-colors {
  xposition: absolute;
  xbottom:0;
  width: 100%;
  text-align: center;
}
.product-display-searchPage-row-padding {
  margin-top: 25px;
}

.product-page-related-products-title {
  color: #222;
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}
.product-page-related-products-title h1 {
    color: #222;
    font-size: 0.9rem;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
    transition: all 0.5s ease-in-out;
}
.single-product:hover .product-page-related-products-title h1 {
  color: #ffcc00;
  transform: scale(1.03);
  transition: all 0.5s ease-in-out;
}
.product-page-related-products-title h5 {
    font-size: 12px;
    color:#999;
    margin: 0 0 5px;
}
.product-page-related-products-title p {
    color: #222;
    font-size: 0.9em;
    font-weight: 300;
    position:relative;
    top: -1px;
    text-transform: uppercase;
    line-height: normal !important;
    display: block;
    margin-bottom: 0px !important;
    font-style: italic;
}
.product-page-related-products-title span {
    color: #333;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: normal;
    display: block;
}
@media only screen and (max-width: 767px){
  .product-page-related-products-title h1 {
      font-size: 90%;
  }
  .product-page-related-products-title p {
      font-size: 70%;
      font-weight: 400;
      margin-bottom: 0px !important;
  }
  .product-page-related-products-title span {
      font-size: 70%;
      margin-bottom: 0px !important;
      padding: 0px !important;
      margin: 0px !important;
      line-height: normal !important;
      display: inline-block;
  }
}


.product-search-display-colors{
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px){
  .product-search-display-colors{
    margin: 0px 0;
  }
}
.product-search-display-colors span {
  font-size: 0.8rem;
  font-weight: 300;
  line-height: normal;
  color: #A8893B;
  font-size: 0.6rem;
  margin-top: 5px;
  padding: 0 10px;
  display: block;
}

.product-search-button-wrapper {
  width:100%;
  display: flex;
  justify-content: center;
}
.quickview-compare-btn {
  position: absolute;
  bottom: 10px;
}


.quick_inventory {
  background: #ff0000;
  color:#fff;
  border:1px solid #fff;
  text-transform: uppercase;
  padding: 7px 12px;
  transition: all .25s;
}
.quick_inventory:hover{
  background: #ccc;
  color: #000;
  font-weight: 500;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
}
.quick_inventory::before {
  content: "\f1ec";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-right: 3px;
}
.product_page_dimensions p{
  font-size: 12px;
}
.quick_inventory2 {
  background: #333;
  border-radius: 0.25rem;
  color:#fff;
  font-size: 10px;
  text-transform: uppercase;
  padding: 7px 15px;
  transition: all .25s;
  margin-right:5px;
  letter-spacing: 1px;
}
.quick_inventory2:hover{
  background: #ccc;
  color: #000;
}
.product_page_dimensions p{
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .quick_inventory2 {
    width: 160px;
    min-width: 160px;
  }
}







.bag_features {
  width: 100%;
  background: #222;
  color:#fff;
  font-size: 10px;
  border:1px solid #fff;
  text-transform: uppercase;
  padding: 5px 7px;
  transition: all .25s;
}
.bag_features:hover{
  background: #ccc;
  color: #000;
  font-weight: 500;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
}
.bag_features::before {
  content: "\f290";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-right: 3px;
}
@media only screen and (max-width: 380px) {
  .bag_features {
    width: 50%;
    background: #ff0000;
    color:#fff;
    border:1px solid #fff;
    text-transform: uppercase;
    padding: 5px 7px;
    transition: all .25s;
    font-size: 50% !important;
  }
}



.factory_direct {
  background: #00A9E0;
  color:#fff;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 8px;
  transition: all .25s;
  display: flex;
  flex-wrap: wrap;
}
.factory_direct::before {
  content: "\f57e";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  padding-right:8px;
}

.factory_direct_timeline{
  width: 100%;
  background: #eee;
  color:#000;
  font-weight: 400;
  padding:5px;
  padding-left: 10px;
  line-height: 1.5 !important;
  font-size: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.factory_direct_timeline::before {
  content: "\f071";
  color:#ffcc00;
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  padding-right:2px;
}

@media only screen and (max-width: 380px) {
  .factory_direct {
    width: 100%;
  }
}







/* CLARITY COLLECTION PAGE
********************************************************/

.clarity-full-width-banner {
  min-height: 500px;
  position: relative;
  background-position: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media only screen and (max-width: 767px) {
  .clarity-full-width-banner {
    min-height: 300px;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin:0 15px;
  }
}

.clarity-product-image img {
  width:450px;
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}
.clarity-banner img {
  width:500px;
  position: relative;
  top:0;
  left:0;
}
.clarity-collection {
  font-family: minion-pro, serif !important;
}
.clarity-collection p{
  font-family: minion-pro, serif !important;
  font-weight: 500;
  font-size: 18px;
}
.clarity-collection h1{
  font-family: minion-pro, serif !important;
  font-weight: 600;
  font-size: 70px;
  color:#222;
  line-height: normal;
  letter-spacing: 1px;
}
.clarity-collection h2{
  font-family: minion-pro, serif !important;
  font-weight: 500;
  font-size: 40px;
}
.clarity-collection h3{
  font-family: minion-pro, serif !important;
  font-weight: 500;
  font-size: 30px;
}
.clarity-collection h4{
  font-family: minion-pro, serif !important;
  font-weight: 400;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .clarity-collection h1{
    font-size: 35px;
  }
  .clarity-collection h2{
    font-size: 20px;
  }
  .clarity-collection h3{
    font-size: 18px;
  }
  .clarity-collection h4{
    font-size: 15px;
  }
}


.clarity-btn-wrapper{
  position: relative;
}
.clarity-btn span {
  width: 15%;
  position: absolute;
  right:-80px;
  top: -70px;
  background: #5ab323;
  text-align:center;
  color: #fff !important;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  text-align:center;
  text-justify: inter-character;
  padding:6px;
  letter-spacing: -0.2px;
  font-style: normal;
  transition: all .5s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .clarity-btn span {
    width: 25%;
  }
}
.clarity-btn span a{
  color:#fff;
  cursor: pointer;
}
.clarity-btn span:hover{
  background: #000;
  xtransition: all .5s;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px 5px;
  margin-top: 5px;
}
.clarity-btn span:after {
  content: '';
  position: absolute;
  display: block;
  right: 35%;
  bottom: -20px;
  transform: rotate(180deg);
  border: 10px solid transparent;
  border-bottom: 10px solid #5ab323;
  transition: all .5s;
  cursor: pointer;
}
.clarity-btn span:hover:after {
  border-bottom: 10px solid #000;
  transition: all 0.3s ease 0s;
  margin-top: 5px;
}

.clarity-ribbon-wrapper{
  position: relative;
}

.clarity-ribbon {
  position: absolute;
  top: -85px;
  right:0;
  z-index:1;
}
.clarity-ribbon {
  padding:5px 5px;
  color: #fff;
	background: #ccb184;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.2px;
}
.clarity-ribbon a{
  color:#fff;
}
.clarity-ribbon a:hover{
  color:#fff;
}
.clarity-ribbon::before {
  border-top: 12px solid #a38552;
}
.clarity-ribbon::before {
  content: '';
  border-right: 12px solid transparent;
  border-left: 0 solid transparent;
  position: absolute;
  bottom: -12px;
  right: 0;
}


.clarity-landing {
  position: absolute;
}


.clarity-btn-main {
  background: #095a4b;
  border: 2px solid #095a4b !important;
  padding: 1rem 3rem;
  line-height: 2;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
  transition: all .3s ease;
}
.clarity-btn-main:hover{
  background: #528B81;
  border: 2px solid #074c3f !important;
  color: #fff;
  -webkit-box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.25);
}
.clarity-btn-main:after{
  content: url(https://www.spectorandco.com/images/right-arrow-white.svg);
  position: relative;
  top:13px;
  display: inline-block;
  padding-left: 10px;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
 }
.clarity-btn-main:hover::after {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}


.clarity-btn-primary {
  position: relative;
  display: inline-block;
  font-size:15px !important;
  font-weight: 400;
  padding: 12px 25px;
  border-radius: 0px;
  border:1px #222 solid;
  background-color: #222;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
  font-family: minion-pro, serif !important;
  letter-spacing: 0.5px;
 }
.xclarity-btn-primary:after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top:2px;
 }
.clarity-btn-primary:hover {
  color: #fff;
  background: #444;
  border:1px #444 solid;
  transition: all .3s ease-in-out;
 }
.clarity-btn-primary:focus {
  color: #fff;
  background: #daaa60;
}

.clarity-btn-secondary {
  position: relative;
  display: inline-block;
  font-size:15px !important;
  font-weight: 400;
  padding: 12px 25px;
  border-radius: 0px;
  background-color: #cc9966;
  border:1px #cc9966 solid;
  color: #222;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
  font-family: minion-pro, serif !important;
  letter-spacing: 0.5px;
 }
.clarity-btn-secondary:hover {
  color: #fff;
  background: #444;
  border:1px #444 solid;
  transition: all .3s ease-in-out;
 }
.clarity-btn-secondary:focus {
  color: #fff;
  background: #daaa60;
}

/* CLARITY ARROW BOUNCE */
.clarity_scroll_down_arrow_wrapper {
  position: absolute;
  margin: 0 auto;
  left: 49%;
  xtop: 50%;
  background-color: Transparent;
  border-radius: 10px;
  z-index: 1;
}

.clarity_scroll_down_arrow {
  text-align: center;
  margin: 8% 0;
}

.clarity_scroll_down_arrow a {
  color: #095a4b;
  text-decoration: none;
}
.clarity_scroll_down_arrow:hover a {
  color: #cc9966 !important;
  text-decoration: none;
}

.clarity_arrow_bounce {
  animation: clarity_arrow_bounce 3s infinite;
}

@keyframes clarity_arrow_bounce {
  0%, 15%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}
.clarity_blues{
    background: #0081ff;
    font-family: minion-pro, serif !important;
}
.clarity_values{
    position: relative;
    overflow: hidden;
    font-family: minion-pro, serif !important;
}

.clarity_box{
     padding: 40px 20px;
     height: 500px;
}
.clarity_box .clarity_box-home{
    padding: 40px 60px;
    padding-right:35%;
    z-index: 100;
    position: relative;
}
.clarity_box .clarity_box-home > h1{
    font-weight: 300;
    letter-spacing: 1.5px;
    color:#fff;
    font-family: minion-pro, serif !important;
}
.clarity_box .clarity_box-home > h2{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.5px;
    color:#fff;
    font-family: minion-pro, serif !important;
}
.clarity_box .clarity_box-home > h4{
    font-weight: 700;
    letter-spacing: 1.5px;
    color:#fff;
    font-family: minion-pro, serif !important;
}
.clarity_box .clarity_box-home > p{
    font-size: 13px;
    letter-spacing: 1px;
    color: rgb(204, 218, 229);
    font-family: minion-pro, serif !important;
}
.clarity_icon-text{
    position: absolute;
    top: 24%;
    left: 15%;
    transform: translate(-50%,-50%);
    z-index: -100
}
.clarity_icon-text p{
    font-weight: 700;
    font-size: 90px;
}
.clarity_blues > .clarity_box-home > .clarity_icon-text p{
    color: #1a8eff;
}
.clarity_blacks > .clarity_box-home > .clarity_icon-text p{
    color: rgba(222, 220, 220, 0.28);
}
.clarity_bg-01{
    background:  linear-gradient(rgba(31, 31, 31, 0.58),rgba(0, 0, 0, 0.63)),url(https://www.spectorandco.ca/images/clarity_bg-01.jpg) ;
    background-size: cover;
}
.clarity_bg-02{
    background:  linear-gradient(rgba(31, 31, 31, 0.58),rgba(0, 0, 0, 0.63)),url(https://www.spectorandco.ca/images/clarity_bg-02.jpg) ;
    background-size: cover;
}

/* END CLARITY */






.overseas-direct-ribbon {
  position: relative;
  top: 0;
  left: -12PX;
  z-index:1;
}
.overseas-direct-ribbon {
  padding: 7px 22px;
  color: #fff;
	background: #009ee2;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.2em;
}
.overseas-direct-ribbon::before {
  border-top: 14px solid #1460a0;
}
.overseas-direct-ribbon::before {
  content: '';
  border-left: 12px solid transparent;
  border-right: 0 solid transparent;
  position: absolute;
  bottom: -14px;
  left: 0;
}

.overseas-direct-ribbon-disclaimer {
  width: 100%;
  background: #eee;
  color:#000;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0;
  padding-left: 10px;
  padding-top:25px;
  line-height: 1.5 !important;
  display: inline-block;
  position: relative;
  top:-20px;

  border-bottom: 2px solid #e2e2e2;
}
.overseas-direct-ribbon-disclaimer h2{
  color:#006699;
  font-size: 14px;
  font-weight: 500;
}
.overseas-direct-ribbon-disclaimer h2::before {
  content: "\f071";
  color:#ffcc00;
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  padding-right:8px;
}
.overseas-direct-ribbon-disclaimer h2::after {
  content: "";
  position: relative;
  display: inline-flex;
  height: 3px;
  width:50%;
  bottom:5px;
  left: 2%;
  border-bottom: 1px solid #009ee2;
  }
.ac-brdr {
  width: 20px;
  margin: 0 auto;
  border-bottom: 1px solid #222;
  }
.overseas-direct-ribbon-disclaimer p{
  font-size: 13px;
  font-weight:300;
  line-height: 1.6 !important;
  margin-bottom: 0px !important;
}
.overseas-direct-ribbon-disclaimer .dis-style{
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
}



.searchpage_thumb_buttons {
  position: relative;
  top: 1px;
}

.button_searchPage_compare {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  background-color: #666;
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 5px;
}
.button_searchPage_compare:hover{
  background-color: #222;
	color: #fff;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.button_searchPage_qview {
  font-size: 10px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	line-height:3.6em;
	position: relative;
	background-color: #404040;
	width: 100%;
  cursor: pointer;
}

.button_searchPage_qview:hover{
	color: #000;
  background-color: #ffcc00;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

@media only screen and (max-width: 767px){
  .button_searchPage_compare, .button_searchPage_qview {
  	width: 100%;
    font-size: 70%;
    cursor: pointer;
    margin-bottom: 1px;
  }

  .single-product-container {
    width: 90%;
    margin-bottom: 50px;
    padding: 0;
    text-align: center;
    left: auto;
  }
}



.product-action {
	position: absolute;
	top: 7%;
	left: 25%;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index: 5;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-right: -50px;
}
.single-product:hover .product-action{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-action > ul {
    clear: none;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    top: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.single-product:hover .product-action > ul{
    top: 0;
}
.product-action > ul > li {
	list-style: none;
	display: inline-block;
  margin: 0 5px;
}
.product-action > ul > li:first-child{
    margin-left: 0px;
}
.product-action > ul > li{
    margin-right: 0px;
}
.product-action > ul > li > a {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 46px;
    letter-spacing: 0;
    line-height: 44px;
    text-align: center;
    text-transform: none;
    width: 48px;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.product-action > ul > li > a:hover{
    background: #fff;
    color: #FFCC00;
}

.quickviewbtn {
    xxxbottom: -30px;
    position: relative;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.single-product:hover .quickviewbtn{
    bottom: 0;
}
.quickviewbtn > a  {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 46px;
    letter-spacing: .03em;
    line-height: 44px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.quickviewbtn > a:hover{
    background-color: #fff;
    color: #FFCC00;
}
.quickviewbtn > a > i{
    font-size: 20px;
    font-weight: 300;
    margin-right: 5px;
}



.quickviewbtn-org {
    xxxbottom: -60px;
    position: relative;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.single-product:hover .quickviewbtn-org {
    bottom: 0;
}
.quickviewbtn-org > a  {
    background: #ffcc00;
    border: 1px solid #ffcc00;
    border-radius: 7px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.6rem;
    letter-spacing: 3px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 3px 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.quickviewbtn-org > a:hover{
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
}
.quickviewbtn-org > a > i{
  font-size: 20px;
  font-weight: 300;
  margin-right: 5px;
  display: none;
}








/* PRODUCT PAGE -IMAGE NEW LABEL -NEW Nov.2021- */

.product-badge-wrapper {
	font-size: 10px;
  line-height: 1.5;
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 10px;
	text-align: center;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
}
.product-badge-wrapper span {
	display: block;
	margin-bottom: 10px;
	padding: 0 15px;
	border-radius: 3px;
}
.product-badge-wrapper span:last-child {
	margin-bottom: 0;
}
.product-badge-wrapper span.onsale {
	background-color: #d92523;
}
.product-badge-wrapper span.new {
	background-color: #d92523;
}
.product-badge-wrapper span.wql{
	background-color: #8b008b;
}
.product-badge-wrapper span.factory-direct{
	background-color: #1e90ff;
}
.product-badge-wrapper span.eco {
	background-color: #648c11;
}
.product-badge-wrapper span.eco::before {
    display: inline-block;
    content: "\f06c";
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    font-weight: 300;
    position: relative;
    top: 0;
    padding-right:2px;
}



.product-new-label {
    color: #fff;
    background-color: #333;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
}

.onsale {
    background: #df0000;
    display: block;
    height: 120px;
    left: auto;
    left: -80px;
    pointer-events: none;
    position: absolute;
    top: -50px;
    width: 200px;
    z-index: 2;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.onsale span {
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
	top: 85px;
	-webkit-transform: rotate(45deg);
	transform: rotate(-0deg);
	left: 60px;
}


.onsale-related-products {
    display: block;
    height: 120px;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}

.onsale-related-products span {
  background: #FF0000;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: 700;
  width: 180px;
  PADDING: 10PX 50PX 10PX 10PX;
	position: relative;
	text-transform: uppercase;
  left: -30px;
	transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}

@media only screen and (max-width: 767px){
  .onsale-related-products {
      display: block;
      height: 50px !important;
      z-index: 2;
      pointer-events: none;
      position: absolute;
      border-radius: 0;
      backface-visibility: hidden;
       -webkit-backface-visibility: hidden;
  }
  .onsale-related-products span {
    height: 30px !important;
    width: 120px;
    background: #FF0000;
  	color: #FFF;
  	display: block;
  	font-size: 12px;
  	font-weight: 700;
    line-height: 1em;
  	position: relative;
  	text-transform: uppercase;
    top: -12px;
    left: -27px;
    text-align: center;
  	transform: rotate(-35deg);
      -webkit-transform: rotate(-35deg);
  }
}




.new_label {
    display: block;
    height: 120px;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}

.new_label span {
  background: #FF0000;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: 700;
  width: 180px;
  PADDING: 10PX 50PX 10PX 10PX;
	position: relative;
	text-transform: uppercase;
  left: -30px;
	transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}

@media only screen and (max-width: 767px){
  .new_label {
      display: block;
      height: 50px !important;
      z-index: 2;
      pointer-events: none;
      position: absolute;
      border-radius: 0;
      backface-visibility: hidden;
       -webkit-backface-visibility: hidden;
  }
  .new_label span {
    height: 30px !important;
    width: 120px;
    background: #FF0000;
  	color: #FFF;
  	display: block;
  	font-size: 12px;
  	font-weight: 700;
    line-height: 1em;
  	position: relative;
  	text-transform: uppercase;
    top: -12px;
    left: -27px;
    text-align: center;
  	transform: rotate(-35deg);
      -webkit-transform: rotate(-35deg);
  }
}

.sold_out_label {
    display: block;
    height: 120px;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}

.sold_out_label span {
  background: #FFcc00;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: 700;
  width: 180px;
  PADDING: 10PX 50PX 10PX 10PX;
	position: relative;
	text-transform: uppercase;
  left: -30px;
	transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}

@media only screen and (max-width: 767px){
  .sold_out_label  {
      display: block;
      height: 50px !important;
      z-index: 2;
      pointer-events: none;
      position: absolute;
      border-radius: 0;
      backface-visibility: hidden;
       -webkit-backface-visibility: hidden;
  }
  .sold_out_label  span {
    height: 30px !important;
    width: 120px;
    background: #FFcc00;
  	color: #000;
  	display: block;
  	font-size: 10px;
  	font-weight: 300;
    line-height: 1em;
    letter-spacing: -1px;
  	position: relative;
  	text-transform: uppercase;
    top: -10px;
    left: -25px;
    text-align: center;
  	transform: rotate(-35deg);
      -webkit-transform: rotate(-35deg);
  }
}

.wql_label {
    display: block;
    height: 120px;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}

.wql_label span {
  background: #54BD17;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: 700;
  width: 180px;
  PADDING: 10PX 50PX 10PX 10PX;
	position: relative;
	text-transform: uppercase;
  left: -30px;
	transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}

@media only screen and (max-width: 767px){
  .wql_label  {
      display: block;
      height: 50px !important;
      z-index: 2;
      pointer-events: none;
      position: absolute;
      border-radius: 0;
      backface-visibility: hidden;
       -webkit-backface-visibility: hidden;
  }
  .wql_label  span {
    height: 30px !important;
    width: 120px;
    background: #54BD17;
  	color: #000;
  	display: block;
  	font-size: 10px;
  	font-weight: 300;
    line-height: 1em;
    letter-spacing: -1px;
  	position: relative;
  	text-transform: uppercase;
    top: -10px;
    left: -25px;
    text-align: center;
  	transform: rotate(-35deg);
      -webkit-transform: rotate(-35deg);
  }
}


.overseas_label {
    display: block;
    height: 120px;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}

.overseas_label span {
  background: #0792EF;
	color: #FFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
  letter-spacing: -1px;
  width: 180px;
  PADDING: 10PX 50PX 10PX 10PX;
	position: relative;
	text-transform: uppercase;
  left: -30px;
	transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}
@media only screen and (max-width: 767px){
  .overseas_label  {
      display: block;
      height: 50px !important;
      z-index: 2;
      pointer-events: none;
      position: absolute;
      border-radius: 0;
      backface-visibility: hidden;
       -webkit-backface-visibility: hidden;
  }
  .overseas_label  span {
    height: 30px !important;
    width: 120px;
    background: #0792EF;
  	color: #000;
  	display: block;
  	font-size: 10px;
  	font-weight: 300;
    line-height: 1em;
    letter-spacing: -1px;
  	position: relative;
  	text-transform: uppercase;
    top: -10px;
    left: -25px;
    text-align: center;
  	transform: rotate(-35deg);
      -webkit-transform: rotate(-35deg);
  }
}






/********* WQL LABEL PRODUCT PAGE ***************************************/
.wql_label_PP {
    display: block;
    height: 120px;
    width:100%;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}
.wql_label_PP span {
  background: #54BD17;
	color: #FFF;
	display: block;
	font-size: 1.5EM;
	font-weight: 700;
  text-align: center;
  width: 165px;
	position: relative;
	text-transform: uppercase;
  top: 20px;
  left:260px;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media only screen and (max-width: 767px){
  .wql_label_PP span {
    top: 20px;
    left: 125px;
  }
}

.sold_out_label_PP {
    display: block;
    height: 120px;
    width:100%;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;

}
.sold_out_label_PP span {
  background: #FFCC00;
	color: #FFF;
	display: block;
	font-size: 1EM;
	font-weight: 400;
  text-align: center;
  width: 180px;
  PADDING: 8PX 0;
	position: relative;
	text-transform: uppercase;
  top: 20px;
  left: 300px;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media only screen and (max-width: 767px){
  .sold_out_label_PP span {
    top: 20px;
    left: 125px;
  }
}



.ribbon-overseas-direct {
  position: absolute;
    display: block;
    height: 120px;
    z-index: 2;
    pointer-events: none;
    border-radius: 0;
    backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}

.ribbon-overseas-direct span {
  position: relative;
  background: #0099ff;
	color: #FFF;
	display: block;
	font-size: 12px;
	font-weight: 700;
  width: 180px;
  PADDING: 3PX;
	text-transform: uppercase;
  align: center;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  left: 25px;
}


.product-content{
    margin-top: 15px;
}
.product-content > h4{
    margin: 0 auto;
}
.product-content > h4 > a {
	font-size: 16px;
	line-height: 25px;
	color: #222;
	font-weight: 400;
	display: block;
	margin-bottom: 0;
}
.product-content > h4 > a:hover{
    color: #FFCC00;
}

.product-reviews {
	color: #202020;
	font-size: 15px;
	display: block;
	margin-bottom: 5px;
}

.product-price {
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .1em;
    margin: 0 auto;
}

.regular-price {
    color: #222;
    display: inline-block;
    font-size: 1em;
    text-decoration: line-through;
}

.homepage-banner-tooltip a{
  position: absolute;
	border:2px solid #FFF;
  color:#EEE;
  background:#333;
  padding:5px 15px;
  border-radius:2px;
  box-shadow: 0 0 10px rgba(33,33,33,.6);
	xdisplay:none;
	}
.homepage-banner-tooltip a:before {
  content: "\f002";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  padding-right: 5px;
  color:#ddaf6e;
}





.product_sku {
  font-family: 'Roboto', 'Open Sans', sans-serif !important;
	color: #222;
}
@media only screen and (max-width: 767px) {
  .product_sku {
    margin-top: 20px;
  }
}

.product_sku  h1 span {
  color: #bbb;
  font-size: 1em !important;
  font-weight: 700;
  padding-left: 10px;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: -0.5px;
}

.product_sku h1 {
  color: #222;
	font-size: 1.5em !important;
  font-size: inherit;
	font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

.product_sku h2 {
  color: #333;
	font-size: 14px;
	font-weight: 500;
  text-transform: uppercase;
}

.product_sku h4 {
	color: #222;
	font-size: 40px;
	font-weight: 400;
}

.product_sku p {
	color: #111;
  line-height: 1.5 !important;
  margin-bottom: 5px!important;
}

.product_sku .see_more a{
  padding: 1px 7px;
  background: #ccc;
  color: #ffffff !important;
  font-size: 10px;
}
.product_sku .see_more a:after{
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f067 ';
  font-size: 9px;
  padding-left: 3px;
}
.product_sku .see_more a:hover{
  padding: 1px 7px;
  background: #444;
  color: #ffffff !important;
}

.product_name {
    color: #333;
    display: inline-block;
    font-size: .5em;
    font-weight: 100;
}

.amenities li:last-child{
  border-right:none;margin-right:0;padding-right:0
}
.amenities {
  width:100%;
  list-style:none;
  padding:6px 10px;
  margin:0;
  background-color:#ffF;
  border-color:#E4E4E4;
  border-width:0 1px 1px;
  border-style:solid;
  text-align:LEFT;
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px
}
.amenities li {
  display:inline-block;
  height:38px;
  margin-right:10px;
  padding-right:10px;
  padding-top:10px;
  border-right:1px solid #E4E4E4;
  color:#74777c;
  text-align:LEFT;
}








/* PRICE GRID BANNER - PRODUCT PAGE **********************************************************************
**********************************************************************************************************/
.Price_Grid_Table {
  width: 80%;
  table-layout: fixed;
  display: table;
  font-size: 80%;
  background-color:#ffF;
  border-color:#E6E6E6;
  border-left: 1px dotted #e6e6e6 !important;
  font-family: 'Roboto Condensed',sans-serif;
}
@media only screen and (max-width: 767px){
  .Price_Grid_Table {
    width: 100%;
  }
}
.table_grid_qty {
  display: table-header-group;
  font-weight: bold;
  border: 1px solid #F2F2F2;
}
.table_grid_price {
  display: table-row;
  border: 1px solid #F2F2F2;
}
.table-cell {
  display: table-cell;
  text-align: center;
  background-color:#fff;
  border-width: 1px 1px 1px 0;
  border-style: solid dotted inset double;
  border-color: #e6e6e6 #e6e6e6 #e6e6e6 #e6e6e6;
}
.table_qty_price {
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px){
  .table-cell {
    display: table-cell;
    border: 1px solid #ccc;
    padding: 1px 5px 1px 5px;
    text-align: center;
    font-size: 107% !important;
  }
}

/* END PRICE GRID BANNER - PRODUCT PAGE ****************/




/*list product css*/
.product-title > h3 {
	font-size: 20px;
	font-weight: 700;
	color: #444444;
	margin-bottom: 30px;
}
.product-list {
	overflow: hidden;
}
.list-col-4 {
	float: left;
	width: 40%;
}
.list-col-8 {
	float: left;
	width: 60%;
	padding-bottom: 55px;
	padding-left: 30px;
}
.list-col-8 .product-content {
	margin-top: 0;
}
/*shop list css*/
.product-content.shop-list {
	margin-top: 0;
}
.product-content.shop-list > h4 > a{
    color: #222;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
.product-content.shop-list > h4 > a:hover{
    color: #FFCC00;
}
.product-content.shop-list .product-reviews{
    margin-bottom: 10px;
}
.product-content.shop-list .product-description > p{
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 25px;
}
.product-list-action > ul {
	display: inline-block;
}
.product-list-action > ul > li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}
.product-list-action > ul > li > a {
	background: #fff;
	border: 1px solid #ededed;
	color: #222;
	display: block;
	font-size: 20px;
	height: 46px;
	letter-spacing: 0;
	line-height: 44px;
	text-align: center;
	text-transform: none;
	width: 48px;
	border-radius: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.product-list-action > ul > li > a:hover{
    color: #fff;
    background-color: #FFCC00;
    border-color: #FFCC00;
}
.product-list-action .quickviewbtn {
	position: static;
	display: inline-block;
	vertical-align: top;
}
.product-list-action .quickviewbtn > a {
	background: #fff;
	border: 1px solid #ededed;
	color: #222;
	font-size: 13px;
	font-weight: bold;
	height: 46px;
	letter-spacing: .03em;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	width: auto;
	padding: 0 25px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.product-list-action .quickviewbtn > a:hover{
    color: #fff;
    background-color: #FFCC00;
    border-color: #FFCC00;
}
.count-down-box {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	background: #222;
	padding: 12px 20px;
}
.single-count {
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
}
.count-down-box .single-count:last-child{
    margin-right: 0px;
}
.count-down-box .single-count > span{
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  position: relative;
}

.count-down-box .single-count > span:before {
	content: ':';
	display: block;
	position: absolute;
	right: -25px;
	top: -1px;
}
.count-down-box .single-count:last-child > span:before{
    display: none;
}






/*----------------------------------------*/
/*   Modal Area CSS
/*----------------------------------------*/
/*
.modal {
  display: none;
  position: fixed;
  padding-top: 10px;
  left: 0;
  right:0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  z-index: 999999999;
}
@media only screen and (max-width: 767px){
  .modal {
    padding-top: 10px;
    z-index: 999999999;
  }
}

.modal-dialog {
    width: 80% !important;
    z-index: 9999999999999999;
}
@media only screen and (max-width: 767px){
  .modal-dialog  {
    width: 100% !important;
  }
}

#open-modal-popupwindow .modal-dialog {
	margin: 1% auto;
	min-height: 300px;
	padding: 0px;
	max-width: 80%;
  z-index: 99999;
}
#open-modal-optional-branding .modal-dialog {
	margin: 1% auto;
	min-height: 1000px;
	padding: 0px;
	max-width: 55%;
  z-index: 99999;
}
#open-modal-optional-branding2 .modal-dialog {
	margin: 1% auto;
	min-height: 1000px;
	padding: 0px;
	max-width: 55%;
  z-index: 99999;
}
#open-modal-optional-checkInventory .modal-dialog {
	margin: 1% auto;
  height: 1000px !important;
	min-height: 1000px;
	padding: 0px;
	max-width: 55%;
  z-index: 99999;
}
#open-modal-quickview .modal-dialog {
	margin: 1% auto;
  height: 1000px !important;
	min-height: 1000px;
	padding: 0px;
	max-width: 55%;
  z-index: 99999;
}
#open-modal-optional-compareProducts .modal-dialog {
  margin: 1% auto;
  height: 1000px !important;
	min-height: 1000px;
	padding: 0px;
	max-width: 60%;
  z-index: 99999;
}
.popup_window {
	margin: 1% auto;
  height: 1000px !important;
	min-height: 1000px;
	padding: 0px;
	max-width: 55%;
  z-index: 99999;
}
#open-modal-optional-projectInk .modal-dialog {
  margin: 0 auto;
	min-height: 1000px;
	padding: 0px;
	max-width: 100%;
  z-index: 99999;
}
#open-modal-more-productImages .modal-dialog {
	margin: 1% auto;
  height: 1000px !important;
	min-height: 1000px;
	padding: 0px;
	max-width: 75%;
  z-index: 99999;
}
#open-modal-virtual-proof .modal-dialog {
	margin: 1% auto;
  height: 1000px !important;
	min-height: 1000px;
	padding: 0px;
	max-width: 90%;
  z-index: 99999;
}
#open-modal-virtual-proof iframe {
  display: block;
  border: none;
  height: 75vh;
  width: 75vw;
  background: transparent;
}
#open-modal-bag-features .modal-dialog {
	margin: 1% auto;
	height: 600px !important;
  min-height: 600px !important;
	padding: 0px;
	max-width: 55%;
  z-index: 99999;
}
#open-modal-compare-products-window .modal-dialog {
	margin: 0 auto;
	min-height: 300px;
	padding: 0px;
	width: 100%;
	max-width: 100%;
  z-index: 99999;
}
#open-modal-ashbury-products-window .modal-dialog {
	margin: 0 auto;
	min-height: 300px;
	padding: 0px;
	width: 100%;
	max-width: 100%;
  z-index: 99999;
}

@media only screen and (max-width: 767px) {
  #open-modal-popupwindow .modal-dialog {
    margin: 0.0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 98% !important;
    z-index: 99999;
  }
  #open-modal-optional-branding .modal-dialog {
  	margin: 0.0% auto;
  	min-height: 300px;
    width: 100% !important;
  	max-width: 99% !important;
    z-index: 99999;
  }
  #open-modal-optional-branding2 .modal-dialog {
    margin: 0.0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 99% !important;
    z-index: 99999;
  }
  #open-modal-optional-checkInventory .modal-dialog {
    margin: 0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 98% !important;
    z-index: 99999;
  }
  #open-modal-optional-compareProducts .modal-dialog {
    margin: 0 auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 98% !important;
    z-index: 99999;
  }
  #open-modal-quickview .modal-dialog {
    margin: 0.0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 98% !important;
    z-index: 99999;
  }
  #open-modal-more-productImages .modal-dialog {
    margin: 0.0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 98% !important;
    z-index: 99999;
  }
}

@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  #open-modal-popupwindow .modal-dialog {
    margin: 0.0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 95% !important;
    z-index: 99999;
  }
  #open-modal-optional-branding .modal-dialog {
  	margin: 0.0% auto;
  	min-height: 300px;
    width: 100% !important;
  	max-width: 95% !important;
    z-index: 99999;
  }
  #open-modal-optional-checkInventory .modal-dialog {
    margin: 0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 95% !important;
    z-index: 99999;
  }
  #open-modal-optional-compareProducts .modal-dialog {
    margin: 0 auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 95% !important;
    z-index: 99999;
  }
  #open-modal-quickview .modal-dialog {
    margin: 0.0% auto;
    min-height: 300px;
    width: 100% !important;
    max-width: 95% !important;
    z-index: 99999;
  }
}

#myModal-compare .modal-dialog {
	margin: 1% auto;
	min-height: 300px;
	padding: 20px;
	width: 80%;
	max-width: 100%;
  z-index: 99999;
}

#open-modal .modal-dialog {
	margin: 2% auto;
	min-height: 300px;
	padding: 20px;
	width: 1024px;
	max-width: 100%;
  z-index: 99999;
}

.modal-header {
	border: none;
	Xpadding: 0;
}

.modal-header .close {
  display: block;
  position: absolute;
  top: 60px;
	right: 50px;
  z-index: 999;
  border-radius: 0.5rem;
  border-style: solid;
  border-width: .07143rem;
  padding: 0.3rem 0.5rem !important;
  font-family: Roboto;
  font-size: 1.5em;
  font-weight: 700;
  background: #FFF !important;
  cursor: pointer;
  text-transform: uppercase;
  transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;
}

@media only screen and (max-width: 767px){
  .modal-header .close {
    top: 52px;
  	right: 30px;
    border-radius: 0.4rem;
    font-size: 1.2em;
    font-weight: 700;
    padding: 0.3rem 0.3rem !important;
  }
}

.modal-body {
	padding: 50px;
	position: relative;
  xxheight: 90vh;
  overflow-y: auto;
}

@media only screen and (max-width: 767px){
  .modal-body {
  	padding: 30px;
  }
  .modal-body h2{
    font-size: 100%;
  }
}

.modal-body-video {
	padding: 50px;
	position: relative;
  min-height: 400px;
}
.modal-body-video iframe{
  width: 853px !important;
  HEIGHT: 480px !important;
}

 */



/*----------------------------------------*/
/*   END Modal Area CSS
/*----------------------------------------*/







.continue-arrow-down {
  display: block;
  text-align: center;
}

.continue-arrow-down {
  font-size: 4em;
}

.continue-arrow-down a {
  border: 4px solid #fff;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  width: 80px;
}
.continue-arrow-down a:hover {
  background-color: rgba(255, 255, 255, .25);
}





.home_page_blog_icon img{
  display: block;
  position: absolute;
  top: -75px;
  left: 13%;
  Xbackground-color: #ff0000;
  color: #FFFFFF;
  padding: 5px 8px;
  WIDTH: 25%;

  transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}

.home_page_blog_icon:hover img{
  /*-webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);*/

  transform : scale(1.25);
 -moz-transform : scale(1.25);
 -webkit-transform : scale(1.25);
 -o-transform : scale(1.25);
 -ms-transform : scale(1.25);
}

@media only screen and (max-width: 767px){
  .home_page_blog_icon img{
  	display: none;
  }
}







a.news_flash_text_yellow {
  color: #ffcc00 !important;
  font-weight: 400;
  text-decoration: none;
  margin-left: 5px;
}

a.news_flash_text_yellow:hover {
  color: white !important;
  text-decoration: none ;
  padding-left:5px;
}


a.news_flash_text_white {
  color: #fff !important;
  font-weight: 400;
  text-decoration: none;
  xdisplay: block;
  xposition: absolute;
  text-align: right;
}

a.news_flash_text_white:hover {
  color: #ffcc00 !important;
  text-decoration: none;
  padding-left:5px !important;
}
















.single-product-img {
	margin-bottom: 20px;
}

.single-slide-menu {
	margin-bottom: 40px;
}

.single-tab-menu {
	padding: 0 5px;
}

.modal-product-info  > h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px;
}

.modal-product-price {
	color: #FFCC00;
	font-size: 16px;
	font-weight: 700;
}

.modal-product-price > span.old-price {
	text-decoration: line-through;
}

.see-all {
	color: #222;
	display: inline-block;
	margin-bottom: 40px;
	text-decoration: underline;
	width: 100%;
}
.add-to-cart.quantity {
	border-bottom: 1px solid #ededed;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 38px;
	width: 100%;
}
.add-to-cart.quantity form{
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.modal-quantity {
	border: 1px solid #ededed;
	float: left;
	height: 42px;
	margin-right: 15px;
	width: auto;
}
.modal-quantity input {
	border: none;
	color: #222555;
	font-size: 14px;
	font-weight: normal;
	height: 40px;
	width: 50px;
}


.form-button {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #FFCC00;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
    cursor: pointer;
}
.form-button:hover{
    background: #222;
    color: #fff;
}


.form-button-green {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #67a91f;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
    cursor: pointer;
}
.form-button-green:hover{
    background: #222;
    color: #fff;
}


.form-button-dark {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #222;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
    cursor: pointer;
}
.form-button-dark:hover{
    background: #ffcc00;
    color: #fff;
}


.form-button-orange {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #FFCC00;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
    cursor: pointer;
}
.form-button-orange:hover{
    background: #222;
    color: #fff;
}


.form-button-red {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #ff0000;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
    cursor: pointer;
}
.form-button-red:hover{
    background: #222;
    color: #fff;
}

.your-order-transparent{
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #333;
  border-color: #ccc;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
}

.form-button-yellow {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #ffcc00;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
    cursor: pointer;
}
.form-button-yellow:hover{
    background: #222;
    color: #fff;
}



.form-button-red .fa {
  font-size: 18px !important;
}
.form-button-green .fa {
  font-size: 17px !important;
}
.form-button-dark .fa {
  font-size: 17px !important;
}
.form-button-orange .fa {
  font-size: 17px !important;
}
.form-button-yellow .fa {
  font-size: 17px !important;
}

.btn-label {
  position: relative;
  left: -30px;
  display: inline-block;
  padding: 2px 15px;
  background: rgba(0,0,0,0.15);
  border-radius: 3px 0 0 3px;
}
.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
}


.wrapper_toggle_slide_down {
  display:none;
  width: 100%;
}





.eflyer-download {
  font-size: 10px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	line-height: 2.5em;
	padding: 0px 5px 0px 5px;
	position: relative;
	background-color: #404040;
  border-radius: 5px;
  border:1px solid #666;
}

.eflyer-download:hover{
	color: #000;
  border:1px solid #666;
  transition: all .2s ease-in-out;
  border-radius: 5px;
  background-color: #fff;
}







.breadcrumb-Area {
	padding: 30px 0;
}

.breadcrumb-content > ul > li {
	list-style: none;
	display: inline-block;
  line-height: 18px;
}
.breadcrumb-content > ul > li > a {
	font-size: 14px;
	display: inline-block;
	position: relative;
	line-height: 18px;
	color: #222555;
}
.breadcrumb-content > ul > li.active > a,
.breadcrumb-content > ul > li > a:hover {
	color: #FFCC00;
}
.breadcrumb-content li + li:before {
	content: " / ";
	padding: 0 5px;
	vertical-align: middle;
	color: #888;
}



/*BREADCRUMB VERSION 2************************/
.background-breadcrumb-content2 {
  font-size: 12px;
  line-height: 1.2;
	background-color: #f4f4f4;
}
@media only screen and (max-width: 767px) {
  .background-breadcrumb-content2 {
    padding:0 15px;
  }
}

.breadcrumb-content2 > ul > li {
	list-style: none;
	display: inline-block;
}
.breadcrumb-content2 > ul > li > a {
	xxxfont-size: 14px;
	display: inline-block;
	position: relative;
	color: #777;
}
.breadcrumb-content2 > ul > li.active > a,
.breadcrumb-content2 > ul > li > a:hover {
	color: #000;
  font-weight: 400;
  text-decoration: none;
}

.breadcrumb-content2 > ul > li.active > a {
	color: #333 !important;
  font-weight: 500;
  font-style: italic;
  text-transform: capitalize;
}

.breadcrumb-content2 li + li:before {
	content: " / ";
	padding: 0 2px;
	vertical-align: middle;
	color: #888;
}



.breadcrumb-video-tut {
  font-family: 'Roboto Condensed',sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0;
  color:#fff;
  background: #f0b81f;
  border:1px solid #cc9900;
  padding: 2px 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.breadcrumb-video-tut:hover{
  color:#fff;
  border:1px solid #999;
  background: #aaa;
  cursor: pointer;
}
.breadcrumb-video-tut:focus{
  color:#231f20;
  border:1px solid #231f20;
  background: transparent;
}

.breadcrumb-video-tut:after {
  font-family: 'Font Awesome 5 Pro';
	font-size: 12px;
  content: "\f03d";
  padding-left: 5px;
}
@media only screen and (max-width: 767px) {
.breadcrumb-video-tut {
    display: none;
  }
}



.breadcrumb-video-tut2 {
  font-family: 'xRoboto', 'xOswald', 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 0;
  color:#fff;
  background: #666;
  border:1px solid #777;
  border-radius: 2px;
  padding: 2px 10px;
  text-transform: uppercase;
  transition: all 250ms ease !important;
}
.breadcrumb-video-tut2:hover{
  color:#000;
  border:1px solid #999;
  background: #fff;
}
.breadcrumb-video-tut2:after {
  font-family: 'Font Awesome 5 Pro';
	font-size: 12px;
  xcolor:#fff !important;
  content: "\f15c";
  padding-left: 8px;
}
.breadcrumb-video-tut2:hover:after{
  color:#222!important;
}


/* PAGE NUMBER OPTION DISPLAY ************************/
.page-number-display > ul > li {
	list-style: none;
	display: inline-block;
  line-height: 14px;
}
.page-number-display > ul > li > a {
	font-size: 14px;
	display: inline-block;
	position: relative;
	line-height: 14px;
	color: #000;
  font-weight: 300;
}
.page-number-display > ul > li.active > a,
.page-number-display > ul > li > a:hover {
	color: #000;
}

.page-number-display ul li a:hover {
  color: #ffcc00;
  font-weight: 700;
}


.page-number-display > ul > li.active > a {
	color: #ffcc00;
  border:1px solid #f2f2f2;
  padding:7px;
  font-weight: 700;
}

.page-number-display li + li:before {
	content: " | ";
	padding: 0 8px;
	vertical-align: middle;
  font-size: 16px;
	color: #888;
  position: relative;
  bottom: 2px;
}





.shop-sidebar {
	margin-bottom: 35px;
  overflow: hidden;
}
.shop-sidebar > h4 {
	border-bottom: 1px solid #ededed;
	color: #222;
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}



.categori-checkbox ul li {
  font-size: 13px;
  font-weight: 300;
	list-style: none;
	display: block;
	line-height: 1.8;
  xpadding-left: 10PX;
  color: #333;
  transition: all 0.3s ease-in-out;
}
.categori-checkbox ul li input {
	width: auto;
	height: 0 auto;
  margin-right: 8px;
}

.xxxcategori-checkbox ul li a {
	font-size: 13px;
	xmargin-left: 12px;
  font-weight: 300;
	display: inline-block;
  position: relative;
  top: 0px !important;
  transition: all 0.3s ease-in-out;
}

.categori-checkbox ul li a:hover{
	color: #000;
  font-weight: 400;
  text-decoration: underline !important;
}


.categori-checkbox label {
  font-weight: 400;
  font-size: 13px !important;
  line-height: 1.5 !important;
  top: -10PX !important;
  color: #000;
  padding-bottom: 7px;
}

.categori-checkbox ul, ol {
  display: block;
  list-style: disc outside none;
  margin: 0.8em 0;
  padding: 0 0 0 0px ;
}




.price-filter .ui-widget-content {
	background: #e8e8e8;
  border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	height: 10px;
	margin: 0 0 25px;
	width: 100%;
	border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-top-right-radius: 25px;
	-moz-border-radius-topright: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
}
.price-filter .ui-slider-range {
	background: #FFCC00;
	border: none;
	box-shadow: none;
	height: 100%;
}
.price-filter .ui-slider-handle {
	background: #fff;
  border: none;
	content: '';
	display: block;
	height: 21px;
	line-height: 18px;
	margin: 0 auto;
	text-align: center;
	top: 50%;
	width: 21px;
	border-radius: 100%;
	box-shadow: 0px 0px 6.65px .35px rgba(0,0,0,0.15);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.price-filter .ui-slider-handle:last-child {
	-webkit-transform: translate(-100%,-50%);
	transform: translate(-100%,-50%);
}
.price-filter .ui-slider-handle:before {
	background: #FFCC00;
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
  vertical-align: middle;
	border-radius: 100%;
}
.price-slider-amount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.label-input label {
	color: #222;
	font-size: 14px;
	margin: 0 auto;
	text-transform: capitalize;
  padding-bottom: 10px;
}

.label-input input {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	color: #222;
	font-size: 14px;
	height: inherit;
	padding-left: 0px;
	width: 120px;
}

.price-slider-amount > button,
.compare-btn {
	background: #ffcc00;
	color: #fff;
	font-size: 14px;
    display: inline-block;
	font-weight: normal;
    border: none;
    cursor: pointer;
	height: 35px;
	letter-spacing: .02em;
	line-height: 35px;
	padding: 0 15px;
	text-transform: capitalize;
    border-radius: 5px;
}

.price-slider-amount > button:hover,
.compare-btn:hover{
	background: #222;
	color: #fff;
}

.compare-btn{
    float: right;
}
.clear-btn {
	float: left;
	height: 35px;
	line-height: 35px;
    display: inline-block;
}
.rc-product > ul > li {
	line-height: normal;
	display: block;
	overflow: hidden;
    padding: 5px 0;
    margin-bottom: 20px;
}
.rc-product > ul > li:last-child{
    margin-bottom: 0px;
}
.rc-product-thumb {
	float: left;
	width: 30%;
}
.rc-product-content {
	float: left;
	padding: 5px 0;
	padding-left: 20px;
	width: 70%;
}
.rc-product-content > h6 {
	color: #222;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}
.rc-product-review {
	display: inline-block;
	font-size: 10px;
}
.rc-product-price {
	display: inline-block;
	color: #222;
}
.rc-product-price {
	display: inline-block;
	color: #222;
	margin-left: 25px;
}
.compare-products-list > ul{
    margin-bottom: 20px;
}
.compare-products-list > ul > li {
	display: block;
	padding: 10px 0px;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
}
.remove-compare {
	float: right;
	display: inline-block;
	padding-right: 10px;
}
.remove-compare {
	float: right;
    display: inline-block;
}
.product-tag-style ul > li {
	display: inline-block;
	margin: 0 5px 8px 0;
	list-style: none;
}
.product-tag-style ul > li > a {
	border: 1px solid #222;
	color: #252525;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	padding: 4px 16px;
    color: #222;
    background: #fff;
	text-align: center;
	text-transform: capitalize;
}
.product-tag-style ul > li > a:hover {
	background: #FFCC00;
	color: #fff;
	border-color: #FFCC00;
}

.shop-topbar-wrapper{
	border-bottom: 1px solid #ededed;
	color: #222;
	margin-bottom: 40px;
	padding-bottom: 10px;
	width: 100%;
}
.grid-list-option > ul > li > a {
	width: 35px;
	height: 35px;
	font-size: 18px;
	display: block;
	text-align: center;
	line-height: 35px;
	margin-right: 5px;
}
.grid-list-option > ul > li > a {
	border: none;
	color: #222;
	height: 36px;
	line-height: 36px;
	margin-right: 1px;
	width: 36px;
}
.grid-list-option > ul > li > a.active,
.grid-list-option > ul > li > a:hover{
    background-color: #222;
    color: #fff;
}
.toolbar-shorter {
	width: 280px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 35px;
}
.toolbar-shorter label {
	width: 120px;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 14px;
	padding: 5px 15px;
	color: #222;
	text-transform: capitalize;
}









.show-product {
	margin: 0 auto;
	line-height: normal;
	font-size: 14px;
	color: #222;
	vertical-align: middle;
}


.show-results--searchPage {
	font-size: 0.8em;
	color: #222;
	vertical-align: middle;
}




/*----------------------------------------------------------------
    PRODUCT SEARCH PAGE -PAGINATION
----------------------------------------------------------------*/

.product-pagination > ul {
	text-align: center;
	padding-top: 20px;
  margin-bottom: 20px;
}
.product-pagination > ul > li {
	display: inline-block;
	list-style: none;
  margin-right: 0px;
  margin-bottom: 5px;
}
.product-pagination > ul > li:last-child{
  margin-right: 1px;
  Xborder: 1px solid #ff0000;
}
.product-pagination > ul > li > a {
	background: #fff;
	border: 1px solid #d9d9d9;
	color: #222;
	font-size: 15px;
  display: block;
	font-weight: normal;
	height: 27px;
  width: 35px;
	line-height: 14px;
	min-width: 0;
  padding:5px;
	text-align: center;
  border-radius: 0.2rem;
}
.product-pagination > ul > li > a > i {
	font-size: 15px;
}
.product-pagination > ul > li.active > a,
.product-pagination > ul > li > a:hover {
	background: #000;
	color: #fff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3);
}




/*-------------------------------------------
  PRODUCT PAGE THUMBNAILS - LEFT PANEL
------------------------------------------------*/
.single-product-area {
  position: relative;
  margin-top: 20px;
  margin-bottom: 4rem;
}
.single-product-area .product-details-img-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-product-area .product-menu {
  flex: 0 0 60px;
		-ms-flex: 0 0 60px;
		-webkit-box-flex: 0;
	margin-right: 0px;
	padding: 30px 0;
}
.single-product-area .product-details-img {
  border: 1px solid #ddd;
  margin: 2px 0;
  border-radius: 4px;
  padding: 4px;
}
.single-product-area .product-details-img:hover  {
	border:1px solid #ffaf2e;
}

.single-product-area .slick-arrow {
  position: absolute;
	top: -23px;
	left: 27px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
	z-index: 99;
}
.single-product-area .slick-next-btn.slick-arrow {
	bottom: -25px;
	top: auto;
}
.single-product-area .slick-arrow:hover{
  color: #FFCC00;
  xbottom: -50px;
}
.single-product-area .product-large-thumb {
  position: relative;
  xoverflow: hidden;
  padding: 5%;
}
.single-product-area .product-large-thumb a.popup-img {
  position: absolute;
  bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #777;
	color: #fff;
	border-radius: 4px;
	z-index: 100;
}
.single-product-area .product-large-thumb a.popup-img:hover{
    background-color: #FFCC00;
    color: #fff;
}











.easyzoom-flyout img {
width: auto !important;
max-width: none !important;
}

.product-details-content {
	position: relative;
}

.product-nav {
	position: absolute;
	top: 0;
	right: 0;
}

.product-nav > a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #d1d1d1;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	color: #d1d1d1;
	position: relative;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.product-nav > a:hover {
	background: #FFCC00;
	border-color: #FFCC00;
	color: #fff;
}

.product-details-content > h2 {
	color: #222;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 10px;
}

.single-product-reviews {
	color: #202020;
	font-size: 15px;
	margin-bottom: 30px;
}

.review-link {
	font-size: 14px;
	color: #222;
	margin-left: 10px;
	line-height: 30px;
	display: inline-block;
}
.review-link:hover{
    color: #FFCC00;
}
.single-product-price {
	color: #222;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}


.product-description > p {
	font-size: 14px;
	line-height: 25px;
	color: #222;
    margin-bottom: 30px;
}
.product-description2 > p {
	font-size: 14px;
	line-height: 25px;
	color: #222;
  margin-bottom: 30px;
}




.single-product-quantity {
	overflow: hidden;
	margin-bottom: 30px;
}
.single-product-quantity .product-quantity {
	background: #fff;
	border: 1px solid #ededed;
	float: left;
	margin-right: 15px;
	padding: 0 10px;
	border-radius: 0;
}
.single-product-quantity .product-quantity input {
	background: none;
	border: none;
	color: #222;
	font-size: 20px;
	font-weight: 400;
	height: 55px;
	line-height: 53px;
	padding: 0;
	width: 85px;
}

.check-inventory {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom:25px;
  background: rgb(242,242,242);
  background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);
  width: 100%;
}

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

  .check-inventory {
  	width: 320px !important;
  }
}

.product-check-inventory {
	background: #fff;
	border: 1px solid #ededed;
	xfloat: left;
	border-radius: 5px;
}


.product-check-inventory input[type="number"] {
	background: none;
	border: none;
	color: #222;
	font-size: 14px;
	font-weight: 100;
	height: 30px !important;
	line-height: 28px;
}

.product-check-inventory-quantity {
	background: none;
	border: none;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	height: 28px;
	line-height: 28px;
	padding: 0;
	width: 60px !important;
}

.product-check-inventory-btn {
	background: #BFBFBF;
	border: none;
	color: #fff;
	font-size: 12px;
  border-radius: 5px;
  cursor: pointer;
	height: 30px;
	letter-spacing: 0;
	line-height: 30px;
	margin: 0 auto;
	padding: 0 20px;
	text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-check-inventory-btn:hover{
    background: #FFCC00;
    color: #fff;
}

.product-check-inventory-dropdown {
	width: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 15px;
  border-radius: 0px;
  background: transparent;
}
.product-check-inventory-dropdown label {
	width: 120px;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 12px;
	padding: 5px 15px;
	color: #222;
	text-transform: capitalize;
  border-radius: 5px;
}


.product-search-button {
	background: #fff;
	border: 1px solid #ededed;
	float: left;
	margin-right: 15px;
	padding: 0 7px;
	border-radius: 5px;
}
.product-search-button input {
	background: none;
	border: none;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	height: 28px;
	line-height: 28px;
	padding: 0;
	width: 60px;
}

.product-search-button-01 {
	background: #ffcc00;
	border: none;
	color: #fff;
	font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
	height: 36px;
	letter-spacing: 0;
	line-height: 36px;
	margin: 0 auto;
	padding: 0 20px;
	text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-search-button-01:hover{
    background: #FFCC00;
    color: #fff;
}

.product-search-dropdown {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	Xmargin-right: 5px;
  border-radius: 0 0 20px 20px !important;
}
.product-search-dropdown label {
	width: 120px;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 12px;
	padding: 5px 15px;
	color: #222;
	text-transform: capitalize;
  border-radius: 0 0 20px 20px !important;
}



.quantity_slider {
	position: relative;
  top:-5px;
}
.quantity_slider p{
	font-size: 11px;
  font-weight: 600;
}
@media only screen and (max-width: 767px){
  .quantity_slider {
  	position: relative;
    top:5px;
  }
  .quantity_slider p{
  	font-size: 12px;
    font-weight: 400;
  }
}







.optional__branding__btn {
  width: 99%;
  border: 1px solid #222;
  color: #FFF;
  background: #222;
  font-size: 0.9em;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 3px;
}
.optional__branding__btn:hover{
  background: #FFF;
  color: #000;
  border: 1px solid #222;
}
.optional__branding__btn::before {
    content: "\f013";
    font: normal normal normal 14px/1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding-right: 3px;
    text-decoration: none !important;
}


.optional__branding__btn2 {
  width: 99%;
  border: 1px solid #222;
  color: #000;
  background: #fff;
  font-size: 0.9em;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 3px;
}
.optional__branding__btn2:hover{
  background: #999;
  color: #fff;
  border: 1px solid #444;
}
.optional__branding__btn2::before {
    content: "\f013";
    font: normal normal normal 14px/1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding-right: 3px;
    text-decoration: none !important;
}


.optional__branding__btn3 {
  width: 99%;
  border: 1px solid #222;
  color: #FFF;
  background: #222;
  font-size: 0.9em;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 3px;
}
.optional__branding__btn3:hover {
  background: #FFF;
  color: #000;
  border: 1px solid #222;
}
.optional__branding__btn3::before {
    content: "\f013";
    font: normal normal normal 14px/1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding-right: 3px;
    text-decoration: none !important;
}



.pp__optional__branding__btn {
  border: 1px solid #222;
  color: #000;
  background: #fff;
  border-radius: 0.25rem;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  padding: 4px 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 3px;
}
.pp__optional__branding__btn:hover{
  background: #666;
  color: #fff;
  border: 1px solid #222;
}




.optional__branding__btn__quote {
  width: 99%;
  border: 1px solid #222;
  color: #FFF;
  background: #222;
  font-size: 0.9em;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 3px;
}
.optional__branding__btn__quote:hover {
  background: #FFF;
  color: #000;
  border: 1px solid #222;
}
.optional__branding__btn__quote::before {
    content: "\f217";
    font: normal normal normal 14px/1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding-right: 5px;
    text-decoration: none !important;
}


.optional__branding__btn__pdf {
  font-family: 'Roboto Condensed',sans-serif;
  padding:0 10px;
  border: 1px solid #222;
  color: #FFF;
  background: #333;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 3px;
}
.optional__branding__btn__pdf:hover {
  background: #FFF;
  color: #000;
  border: 1px solid #222;
}
.optional__branding__btn__pdf::before {
    content: "\f33d";
    font: normal normal normal 14px/1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding-right: 5px;
    text-decoration: none !important;
}




.download-btn {
  min-width: 120px;
  border: 1px solid #222;
  border-radius: 0.25rem;
  color: #222;
  font-size: 0.7rem;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  padding: 2px 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin: 2px 0;
}
.download-btn:hover{
  background: #666;
  color: #fff;
}



.share-btn {
  width: 100%;
  border: 1px solid #222;
  color: #222;
  font-size: 0.8em;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  padding: 12px 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 3px;
}
.share-btn:hover{
  background: #222;
  color: #fff;
}




.product-btn {
	background: #222;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
	height: 55px;
	letter-spacing: 0;
	line-height: 55px;
	margin: 0 auto;
	padding: 0 40px;
	text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-btn:hover{
    background: #FFCC00;
    color: #fff;
}






.wishlist-compare-btn {
  margin-bottom: 0px;
}

.wishlist-compare-btn a {
	background: none;
	border: 1px solid #ccc;
	color: #222;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	line-height: 43px;
	text-align: center;
	width: 170px;
	border-radius: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

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

  .wishlist-compare-btn a {
  	width: 100%;
    margin-top: 5px;
    height: 35px;
    line-height: 35px;
  }
}





.wishlist-compare-btn a.wishlist-btn{
    margin-right: 20px;
}
.wishlist-compare-btn a.add-compare{
    border-radius: 5px;
}

.wishlist-compare-btn a.add-compare-black{
    background: #000;
    color: #ffffff;
}

.wishlist-compare-btn a.wishlist-btn:before {
	content: '\f08a';
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	margin-right: 5px;
	vertical-align: top;
}
.wishlist-compare-btn a:hover {
  background: #ffcc00;
  border-color: #ffcc00;
  color: #fff;
}

.wishlist-compare-btn-orange a:hover {
  background: #ffcc00 !important;
  border-color: #ffcc00;
  color: #fff;
}

.wishlist-compare-btn-black a:hover {
  background: #fff !important;
  border-color: #666;
  color: #000;
}

.wishlist-compare-btn a:hover:before {
  -webkit-animation: crFlipX 2s ease-in-out infinite both;
          animation: crFlipX 2s ease-in-out infinite both;
}


.button_remove_item {
  font-size: 10px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	line-height: 2.9em;
	padding: 0px 5px 0px 5px;
	position: relative;
	background-color: #404040;
	width: 66%;
  border-radius: 5px;
}

.button_remove_item:hover{
	color: #000;
  background-color: #CCC;
  border-color: #FFF;
  transition: all .2s ease-in-out;
  border-radius: 5px;
}


.button_remove_item_orange {
  font-size: 10px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	line-height: 2.9em;
	padding: 0px 5px 0px 5px;
	position: relative;
	background-color: #ffcc00;
	width: 66%;
  border-radius: 5px;
}

.button_remove_item_orange:hover{
	color: #fff;
  background-color: #CCC;
  border-color: #FFF;
  transition: all .2s ease-in-out;
  border-radius: 5px;
}

.button_50_percent_width {
	width: 200px;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}


.optional_branding {
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #000 !important;
	display: inline-block;
	line-height: 3em;
	padding: 0px 30px 0px 30px !important;
	position: relative;
	background-color: #ffcc00;
  border-radius: 25px;
  transition: all 0.5s ease;
  cursor: pointer;
}

.optional_branding::before {
  content: "\f013";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  padding-right: 3px;
}

.optional_branding:hover {
	color: #fff !important;
  background-color: #1a1a1a;
  transition: all .2s ease-in-out;
  border-radius: 25px;
  margin-left: 7px !important;
  cursor: pointer;
}

.optional_branding a:visited {
	color: #000 !important;
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .optional_branding {
    width: 100%;
  	font-size: 1.1em;
  	font-weight: 500;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
  	color: #000 !important;
  	display: inline-block;
  	line-height: 3em;
  	padding: 0px 30px 0px 30px !important;
  	position: relative;
  	background-color: #ffcc00;
    border-radius: 25px;
    transition: all 0.5s ease;
    cursor: pointer;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .optional_branding {
  	font-size: 0.9em;
  	font-weight: 400;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
    background-color: #333;
  	color: #fff !important;
  	display: inline-block;
  	line-height: 3em;
  	position: relative;
    border-radius: 5px;
    transition: all 0.5s ease;
    cursor: pointer;
  }
}



/* OPTIONAL BRANDING 2 BUTTON version 2*/
.optional_branding2 {
	xfont-size: 0.9em;
  font-size: .775rem;
	font-weight: 600;
  letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF !important;
	display: inline-block;
	padding: 12px 25px !important;
	position: relative;
	background-color: #222;
  border: 1px solid #222;
  width: 100%;
  transition: all 0.5s ease;
  cursor: pointer;
}

.optional_branding2::before {
  content: "\f013";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-right: 3px;
}

.optional_branding2:hover {
	color: #000 !important;
  background-color: #CCC;
  border: 1px solid #555;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.optional_branding2 a:visited {
	color: #000 !important;
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .optional_branding2 {
    width: 100%;
    font-size: 0.9em;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    background-color: #111;
    color: #fff !important;
    display: inline-block;
    padding: 5px 15px !important;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .optional_branding2 {
    width: 100%;
  	font-size: 0.9em;
  	font-weight: 400;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
    background-color: #111;
  	color: #fff !important;
  	display: inline-block;
  	padding: 5px 15px !important;
  	position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}

/*END OPTIONAL BRANDING 2 BUTTON */



/* Customize Packaging  **************************/
.customize_packaging {
  font-size: .775rem;
	font-weight: 600;
  letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #111 !important;
	display: inline-block;
	padding: 12px 15px !important;
	position: relative;
  border: 1px solid #555;
  width: 100%;
  transition: all 0.5s ease;
  cursor: pointer;
}

.customize_packaging::before {
  content: "\f49e";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-right: 3px;
}

.customize_packaging:hover {
	color: #000 !important;
  background-color: #CCC;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.customize_packaging a:visited {
	color: #000 !important;
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .customize_packaging {
    width: 100%;
    font-size: 0.9em;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    background-color: #111;
    color: #fff !important;
    display: inline-block;
    padding: 5px 15px !important;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .customize_packaging {
    width: 100%;
  	font-size: 0.9em;
  	font-weight: 400;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
    background-color: #111;
  	color: #fff !important;
  	display: inline-block;
  	padding: 5px 15px !important;
  	position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}

/*END Customize Packaging */



/* PRODUCT PAGE file UPLOAD BUTTON **************************/
.choose__upload::-webkit-file-upload-button {
    color: white;
    display: inline-block;
    background: #999;
    border: none;
    padding: 0px 8px;
    font-weight: 700;
    border-radius: 0px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 10px;
    font-weight:400;
}



/* PRODUCT PAGE DOWNLOAD FLYER BUTTON  **************************/
.btn_download_flyer {
  font-size: .775rem;
	font-weight: 600;
  letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #fff !important;
	display: inline-block;
	padding: 12px 15px !important;
	position: relative;
	background-color: maroon;
  border: 1px solid maroon;
  width: 100%;
  transition: all 0.5s ease;
  cursor: pointer;
}

.btn_download_flyer::before {
  content: "\f019";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-right: 3px;
}

.btn_download_flyer:hover {
	color: #000 !important;
  background-color: #CCC;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.btn_download_flyer a:visited {
	color: #000 !important;
}

@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .btn_download_flyer {
    width: 100%;
    font-size: 0.9em;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    background-color: #111;
    color: #fff !important;
    display: inline-block;
    padding: 5px 15px !important;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}
@media only screen and (max-width: 767px){
  .btn_download_flyer {
    width: 100%;
  	font-size: 0.9em;
  	font-weight: 400;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
    background-color: #111;
  	color: #fff !important;
  	display: inline-block;
  	padding: 5px 15px !important;
  	position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}

/*END PRODUCT PAGE DOWNLOAD FLYER */




.btn__black {
  font-size: .775rem;
	font-weight: 600;
  letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF !important;
	display: inline-block;
	padding: 12px 25px !important;
	position: relative;
	background-color: #222;
  border: 1px solid #222;
  width: 100%;
  transition: all 0.5s ease;
  cursor: pointer;
}

.xxxbtn__black::before {
  content: "\f013";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-right: 3px;
}

.btn__black:hover {
	color: #000 !important;
  background-color: #CCC;
  border: 1px solid #555;
  transition: all .2s ease-in-out;
  Xborder-radius: 25px;
  Xmargin-left: 7px !important;
  cursor: pointer;
}

.btn__black a:visited {
	color: #000 !important;
}
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .btn__black {
    width: 100%;
    font-size: 0.9em;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    background-color: #111;
    color: #fff !important;
    display: inline-block;
    padding: 5px 15px !important;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}

@media only screen and (max-width: 767px){
  .btn__black {
    width: 100%;
  	font-size: 0.9em;
  	font-weight: 400;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
    background-color: #111;
  	color: #fff !important;
  	display: inline-block;
  	padding: 5px 15px !important;
  	position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    margin: 2px 0;
  }
}









.optional_branding > button {
	background: #ffcc00;
	color: #fff;
	font-size: 14px;
  display: inline-block;
	font-weight: normal;
  border: none;
  cursor: pointer;
	height: 35px;
	letter-spacing: .02em;
	line-height: 35px;
	padding: 0 15px;
	text-transform: capitalize;
  border-radius: 5px;
}

.optional_branding > button:hover {
	background: #222;
	color: #fff;
}


.optional_branding_black {
	background: #1a1a1a !important;
	color: #fff;
	font-size: 14px;
  display: inline-block;
	font-weight: normal;
  border: none;
  cursor: pointer;
	height: 29px;
	letter-spacing: .02em;
	padding: 0 15px;
	text-transform: capitalize;
}

.optional_branding_black:hover {
	background: #ccc !important;
	color: #000;
}

.check__inventory__black {
  background: #333;
  border-radius: 0.25rem;
  color:#fff;
  font-size: 10px;
  text-transform: uppercase;
  padding: 7px 15px;
  transition: all .25s;
  margin-right:5px;
  letter-spacing: 1px;
}

.check__inventory__black:hover {
	background: #ccc;
	color: #000;
}



.optional_branding_yellow {
	background: #ffcc00 !important;
	color: #fff;
	font-size: 14px;
  display: inline-block;
	font-weight: normal;
  border: none;
  cursor: pointer;
	height: 35px;
	letter-spacing: .02em;
	line-height: 35px;
	padding: 0 15px;
	text-transform: capitalize;
  border-radius: 5px;
}

.optional_branding_yellow:hover {
	background: #222 !important;
	color: #fff;
}




@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .optional_branding {
  	width: 100% !important;
  }
}

@media only screen and (max-width: 767px){
  .optional_branding {
  	width: 100% !important;
    margin-top: 5px;
  }
  .wide {
    margin-top: 5px;
  }
}











.instock {
  padding-bottom: 10px;
  text-align: right;
  font-size:100%;
  color:#666;
}

.social_media_icons {
	margin-bottom: 0;
	width: 100%;
}
.social_media_icons > h3 {
	color: #222;
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}
.social_media_icons ul{
    display: inline-block;
}
.social_media_icons ul > li {
	display: inline-block;
  list-style: none;
	margin-bottom: 0;
	margin-right: 7px;
	position: relative;
}







/* FOOTER social icons IN CIRCLE
*******************************
*******************************
*******************************
**************************************************************/
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 0px;
}

@media only screen and (max-width: 767px){
  ul.social-network {
  	display: block;
    text-align: center;
  }
}


.social-network a.icoInsta:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoYouTube:hover {
	background-color:#ff0000;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoInsta:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoYouTube:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 25px;
	height: 25px;
	font-size:15px;
}
.social-circle li i {
	margin:0;
	line-height:25px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #000;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-circle a {
 background-color: #fff;
}

.blog-hover:hover{
  transform: scale(1.3);
   -moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -o-transform: scale(1.3);
  transition: all 0.2s;
  }

/* END Footer social icons IN CIRCLE *******************************/





/*********************>>>>>>>>>>>>> 3D - 360 PRODUCT PAGE IMAGE  LABEL */
.sticker-3d {
  position: relative;
}
.sticker-3d:after {
  position: absolute;
  top: 0;
  right: -20px;
  display: inline-block;
  width: 30px !important;
  background-repeat: no-repeat;
  transition: .6s ease;
  cursor: pointer;
  content: url(https://www.spectorandco.ca/images/icons/360-view-icon.svg);
}
.sticker-3d:hover:after {
  display: inline-block;
  transition: .6s ease;
  content: url(https://www.spectorandco.ca/images/icons/360-view-icon2.svg);
}



/*********************>>>>>>>>>>>>> AR CODE  */
.ar-wrapper {
  display: block;
  padding:0;
}
.sticker-ar {
  position: relative;
}
.sticker-ar:after {
  position: absolute;
  top: 2rem;
  right: -20px;
  xdisplay: inline-block;
  width: 30px !important;
  background-repeat: no-repeat;
  transition: .6s ease;
  cursor: pointer;
  content: url(https://www.spectorandco.ca/images/icons/ar-icon.svg);
	z-index: 3;
}
.sticker-ar:hover:after {
  transition: .4s ease;
  content: url(https://www.spectorandco.ca/images/icons/ar-icon2.svg);
	transform: scale(1.1);
}


.spector-vision-icon-image {
	width: 70px;
  margin-right: 20px;
  /* padding-right: 20px; */
  /* border-right: 1px solid #ddd; */
}

@media only screen and (max-width: 767px) {
	.ar-barcode-for-mobile {
		width:125px;
		text-align: center;
	}

	.ar-mobile-tap-wrapper {
		display: block;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.ar-mobile-tap-wrapper a {
		display: inline-block;
	  color: #000;
	  background-color: #f7f7f7;
	  padding: 20px;
	  border-radius: 10px;
	  text-align: center;
	  line-height: 1.2;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	  xxbox-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
	}
	.ar-mobile-tap-wrapper a span{
		color: #ffaf2e;
		font-weight: 600;
		text-decoration: underline;
	}
}





ul.nested-counter-list {
  counter-reset: item;
}
ul.nested-counter-list li {
  display: block;
  border-bottom: 1px dashed #ccc;
  color: #333;
  font-weight: 400;
  margin-left: 0px;
  padding: 10px 15px 10px 40px;
  display: block;
  overflow: hidden;
  position: relative;
}
ul.nested-counter-list li:last-child {
  border-bottom: 0px dashed #ccc;
}
ul.nested-counter-list li::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  font-size: 13px;
  margin-right: 5px;
  color: #333;
  font-weight: 600;
  position: absolute;
  top: 13px;
  left: 0px;
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
}

ul.nested-counter-list ul {
  counter-reset: item;
}




.trend-setter-icons-wrapper {
	position: relative;
	margin-bottom: 0px;
	margin-top: 10px;
}
@media only screen and (max-width: 767px){
	.trend-setter-icons-wrapper {
		position: relative;
    margin-bottom: 20px;
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    background-color: #f9f9f9;
	}
	.trend-setter-icons {
		text-align: center;
	}
}

.trend-setter-icons {
	position: relative;
	margin-left: 5px;
}
.trend-setter-icons li{
	position: relative;
	display: inline-block;
	padding-right: 2%;
	padding-bottom: 10px;
	left:-10px;
}
@media only screen and (max-width: 767px) {
	.trend-setter-icons li {
		position: relative;
		display: inline-block;
		padding-right: 0 !important;
		padding-bottom: 10px;
		left:0 !important;
	}
}
.trend-setter-icons img{
	width: 40px;
}
.trend-setter-icons li span{
	position: absolute;
  width: 100%;
  bottom: 10px;
  left: 45%;
  transform: translateX(-50%);
  display: block;
  font-size: 0.4rem;
  font-weight: 900;
  line-height: 1;
  color: #000;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
	.trend-setter-icons li span {
    position: absolute;
    display: block;
    bottom: 4px;
    font-size: .5rem;
    font-weight: bolder;
    line-height: 1.2;
    color: #000;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
	}
}
.trend-setter-icons p{
	font-size: 1.2rem;
	font-weight: 300;
	margin-bottom: 5px;
}




.product-details-list ul {
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.product-details-list li {
	 margin-bottom: 20px;
	 position: relative;
	 padding-left: 45px;
}
.product-details-list li::before {
		content: '';
    background-image: url(https://www.spectorandco.ca/images/ora/checkmark-circle.svg);
    width: 27px;
    height: 27px;
    position: absolute;
    background-size: 27px;
    left: 0;
    top: 2px;
}
@media only screen and (max-width: 767px) {
	.product-details-list{
		margin: 30px 0;
	}
	.product-details-list li {
		font-size: 1rem;
		line-height: normal;
		margin-bottom: 20px;
		position: relative;
		padding-left: 45px;
	}
	.product-details-list li::before {
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: 20px;
    left: 10px;
    top: 0px;
	}
}




.list-checked-item2 ul {
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.list-checked-item2 li {
	 margin-bottom: 20px;
	 position: relative;
	 padding-left: 45px;
}
.list-checked-item2 li::before {
		content: '';
    background-image: url(https://www.spectorandco.ca/images/ora/checkmark-circle.svg);
    width: 27px;
    height: 27px;
    position: absolute;
    background-size: 27px;
    left: 0;
    top: 2px;
}
@media only screen and (max-width: 767px) {
	.list-checked-item2{
		margin: 30px 0;
	}
	.list-checked-item2 li {
		font-size: 1rem;
		line-height: normal;
		margin-bottom: 20px;
		position: relative;
		padding-left: 45px;
	}
	.list-checked-item2 li::before {
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: 20px;
    left: 10px;
    top: 0px;
	}
}












/*********************>>>>>>>>>>>>> COLOR LIST */
.colorList,
.colorList ul,
.colorList li {
  list-style: none outside none;
  list-style: none;
  display: inline-block;
  margin: 0 auto;
  padding:0;
  font-size: 13px;
  font-style: normal;
}

.double-circle {
  color: white;
  border-radius: 5%;
  MARGIN: 2PX;
  width: 35PX;
  height: 18PX;
  display: block;
  display: inline-block;
  position: relative;
	vertical-align: middle;
}

.double-circle:hover {
  box-shadow: 0 1px 10px #333;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}



.ribbon-wql.rib-dark{
  color: #000 ;
}
.ribbon-disco.rib-dark{
  color: #000 ;
}
.ribbon-soldout.rib-dark{
  color: #000 ;
}

.ribbon-wql {
  display: block;
  position: relative;
	color: #fff;
	font-size: 10px !important;
  font-weight: 700;
  letter-spacing: 0px;
	text-transform: uppercase;
  padding: 5 auto;
  margin: 0 auto;
  top: -5%;
  height: 17px;
  line-height: 17px;
  left: 15%;
  transform: rotate(-10deg) !important;
}

.ribbon-disco {
  display: block;
  position: relative;
	color: #fff;
	font-size: 10px !important;
  font-weight: 700;
  letter-spacing: 0px;
	text-transform: uppercase;
  padding: 5 auto;
  margin: 0 auto;
  top: -5%;
  height: 17px;
  line-height: 17px;
  left: 1%;
  transform: rotate(-10deg) !important;
}

.ribbon-soldout {
  display: block;
  position: relative;
  xbackground: #ff0000;
	color: #fff;
	font-size: 8px !important;
  font-weight: 500;
  letter-spacing: -1px;
	text-transform: uppercase;
  padding: 0;
  margin: 0 auto;
  top: 0%;
  height: 17px;
  line-height: 17px;
  transform: rotate(-10deg) !important;
}




.black{
  background-color: #000;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #000;
}

.white{
  background-color: #fff;
  box-shadow:
    0px 0px 0px 1px #fff,
    0 0 0 2px #999;
}

.red{
  background-color: #DC143C;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #DC143C;
}

.blue{
  background-color: #0000ff;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #0000ff;
}

.green{
  background-color: #00cc00;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #00cc00;
}

.orange{
  background-color: #ff6600;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #ff6600;
}

.yellow{
  background-color: #ffcc00;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #ffcc00;
}

.chrome{
  background-color: #e3e3e3;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #e3e3e3;
}

.charcoal-cool {
  background-color: #53565A;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #53565A;
}

.charcoal-416 {
  background-color: #96978C;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #96978C;
}

.charcoal-cool-gray {
  background-color: #63666A;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #63666A;
}

.gold-7535 {
  background-color: #c4bda3;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #c4bda3;
}

.gold-2310 {
  background-color: #D9C0A9;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #D9C0A9;
}

.rose-gold-7513 {
  background-color: #EBBFA6;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #EBBFA6;
}

.pink-5025 {
  background-color: #e0bdba;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #e0bdba;
}

.pink-219 {
  background-color: #de1f82;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #de1f82;
}

.pink-211 {
  background-color: #fc7ab0;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #fc7ab0;
}

.silver-877 {
  background-color: #8A8D8F;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #8A8D8F;
}

.silver-cool-gray {
  background-color: #A7A8AA;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #A7A8AA;
}


.purple-2593 {
  background-color: #85248f;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #85248f;
}

.purple-269 {
  background-color: #4a245e;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #4a245e;
}

.purple-violet {
  background-color: #6600a1;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #6600a1;
}

.brown-168 {
  background-color: #6b300d;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #6b300d;
}

.brown-4695 {
  background-color: #52291c;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #52291c;
}

.brown-7610 {
  background-color: #6B3432;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #6B3432;
}

.grey-cool-11 {
  background-color: #7A7D81;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #7A7D81;
}

.grey-426 {
  background-color: #25282a;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #25282a;
}

.gun-metal {
  background-color: #4a3826;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #4a3826;
}

.burgundy {
  background-color: #b01c2e;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #b01c2e;
}

.copper {
  background-color: #CA723C;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #CA723C;
}

.natural {
  background-color: #dbad6b;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #dbad6b;
}

.cork {
  background-color: #c48f5e;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #c48f5e;
}

.wood {
  background-color: #f0deba;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #f0deba;
}

.blue_655 {
  background-color: #002554;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 4px #002554;
}



/*********************>>>>>>>>>>>>> END COLOR LIST */





.hr-white-fade {
  border-width: 0 0 1px;
  color: skyblue;
  border-image: linear-gradient(90deg, rgba(135, 206, 235, 0), white 50%, rgba(135, 206, 235, 0) 100%) 0 0 100%;
  border-style: solid;
}

.hr-line-top-bottom-grey {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	padding: 5px 0;
	width: 100%;
}

.product-meta {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	padding: 15px 0;
	width: 100%;
}
.product-meta .posted-in {
	color: #222;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
	text-transform: uppercase;
}
.product-meta .posted-in > a {
	color: #222555;
	font-weight: 400;
	text-transform: none;
}
.product-meta .posted-in > a:hover{
    color: #FFCC00;
}
.single-product-sharing {
	margin-bottom: 0;
	padding: 5px 0;
	width: 100%;
}
.single-product-sharing > h3 {
	color: #222;
	display: inline-block;
	font-size: 14px;
	xfont-weight: 700;
	margin-right: 15px;
	xtext-transform: uppercase;
}
.single-product-sharing ul{
    display: inline-block;
    xmargin-bottom: 10px;
}
.single-product-sharing ul > li {
	display: inline-block;
    list-style: none;
	margin-bottom: 0;
	margin-right: 15px;
	position: relative;
}
.dec-and-review-menu > li:before {
	border: none;
	bottom: auto;
	color: #222;
	content: 'x';
	display: block;
	font-size: 20px;
	height: 0 auto;
	left: auto;
	position: absolute;
	right: 0;
	top: 50%;
	width: auto;
	-webkit-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	box-shadow: none;
}
.dec-and-review-menu > li:last-child:before{
    display: none;
}
.single-product-sharing ul > li > a {
	color: #222555;
	display: block;
	font-size: 16px;
	text-align: center;
}
.single-product-sharing ul > li > a:hover{
    color: #FFCC00;
}
.dec-and-review-menu {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 25px;
}
.dec-and-review-menu > li {
	list-style: none;
	padding: 0 35px;
	position: relative;
	z-index: 9;
	display: inline-block;
}
.dec-and-review-menu > li > a {
	font-size: 20px;
	color: #222;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 25px;
	display: block;
}
.dec-and-review-menu > li > a.active,
.dec-and-review-menu > li > a:hover{
    color: #FFCC00;
}
.product-review-content-tab {
	border-bottom: 2px solid #ededed;
	border-radius: 0;
	border-top: 2px solid #ededed;
	box-shadow: none;
	float: left;
	font-size: 16px;
	line-height: 1.8;
	margin: 0 auto;
	min-height: 160px;
	padding: 0;
	padding: 45px 0;
	width: 100%;
}
.single-product-description > h2 {
	font-size: 18px;
	color: #444;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
xmargin-bottom: 20px;
}
.single-product-description > p {
	font-size: 16px;
	line-height: 28px;
	color: #222;
}
.review-page-comment h2 {
	font-size: 16px;
	font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.review-page-comment > ul {
	margin: 0 0 25px;
}
.review-page-comment > ul > li {
	margin: 0 0 20px;
	position: relative;
    list-style: none;
}
.product-comment img {
	width: 60px;
	float: left;
}
.product-comment-content {
	border: 1px solid #ededed;
	border-radius: 3px;
	margin-left: 80px;
	position: relative;
	padding: 15px 15px 0;
}
.product-comment-content:before {
	background: #fff;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	content: '';
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}
.meta > strong {
	font-size: 17px;
	text-transform: uppercase;
	line-height: 31px;
	color: #777;
}
.meta > span {
	font-size: 17px;
	color: #777;
	font-weight: 400;
	line-height: 31px;
}
.description > p {
	font-size: 16px;
	color: #222;
	line-height: 28px;
}
.comment-notes {
	margin: 0 auto;
}
.rating i.fa:not(:last-child) {
	color: #F9BA48;
}
.comment-form-comment {
	margin-bottom: 10px;
}
.comment-form-comment textarea {
	border: 1px solid #ededed;
	border-radius: 0;
	height: 125px;
	padding: 10px;
	width: 100%;
	background: #f5f5f5;
}
.review-comment-form-author,
.review-comment-form-email{
	margin-bottom: 10px;
}
.review-comment-form-author input,
.review-comment-form-email input {
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	height: 38px;
	line-height: 38px;
	max-width: 100%;
    width: 300px;
    display: block;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
.review-comment-form-author input:focus,
.review-comment-form-email input:focus,
.comment-form-comment textarea:focus {
    outline: auto;
    outline-color: #FFCC00;
}



/*----------------------------------------*/
/*     21. My Account Page CSS
/*----------------------------------------*/
.dashboard-upper-info {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin-bottom: 60px;
}
.dashboard-content .tab-pane:not(.active) {
    display: none;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
  border-right: 1px solid #ebebeb;
  padding: 30px 20px;
}
.user-name{
    position: relative;
}
.user-name:before {
  color: #222;
  content: "\f05d";
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
  left: -20px;
  position: absolute;
  top: 0;
}
.account-dashboard p {
	font-size: 14px;
  font-weight: 400;
	margin: 0 auto;
}
.dashboard-upper-info a.view-cart,
.view {
	color: #fff;
	font-size: 14px;
	padding: 5px 12px;
	background: #FFCC00;
  text-transform: capitalize;
}
.dashboard-upper-info a.view-cart:hover,
.view:hover{
    background: #222;
    color: #fff;
}
.view-cart {
  display: inline-block;
  font-size: 14px;
  padding-left: 5px;
  text-transform: capitalize;
}
.view-cart > i {
	margin-right: 5px;
}
.user-name span {
  color: #303030;
  font-size: 15px;
  font-weight: 600;
}




/*
.dashboard-list li a {
  border-bottom: 1px solid #ebebeb;
  color: #222;
  display: block;
  font-size: 14px;
  padding: 12px 0;
  text-transform: capitalize;
}

.dashboard-list li button {
  border-bottom: 1px solid #ebebeb !important;
  color: #222;
  display: block;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 0px 4px 0px;
  text-transform: capitalize;
  text-align: left;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
}

.dashboard-list li button:hover {
  color: #FFCC00;
  font-weight: 700;
  padding-left: 10px;
  background: #333;
}

.dashboard-list li button.active {
  color: #FFCC00;
  padding-left: 30px;
  background: rgb(245,245,245);
  background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
}

.dashboard-list li button.active:after{
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    margin-left: 10px;
    -webkit-transition: 0.10s;
    transition: 0.10s;
}


.dashboard-list li a.active,.dashboard-list li a:hover,.view-cart:hover,.dashboard-upper-info a:hover {
  font-size: 1em;
  color: #FFCC00;
  font-weight: 700;
  padding-left: 10px;
  background: rgb(245,245,245);
  background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
}


.dashboard-list li a.active:after{
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    margin-left: 10px;
    -webkit-transition: 0.10s;
    transition: 0.10s;
}

*/





.dashboard-content {
  border: 1px solid #ebebeb;
  padding: 30px;
}
.dashboard-content h3{
    text-transform: capitalize;
}
.dashboard-content h3 {
	border-bottom: 1px solid #ebebeb;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 25px;
	padding-bottom: 15px;
	text-transform: capitalize;
	font-weight: 700;
}
.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th{
    border: none;
}
.dashboard-content .table-responsive > .table > thead {
    border-bottom: 1px solid #ebebeb;
}
.dashboard-content .table-responsive .table > thead > tr > th {
  font-size: 14px;
  font-weight: 600;
}
.dashboard-content .table-responsive .table > tbody > tr > td{
    color: #7b7b7b;
    font-size: 13px;
}
#dashboard a{
    color: #222;
    text-transform: capitalize;
}
#dashboard a:hover{
    color: #FFCC00;
}
.billing-address {
  font-size: 16px;
  font-weight: 700;
  margin-top: 25px;
}
#address .view {
  display: inline-block;
  margin: 5px 0;
  font-size: 14px;
}
.register-form {
	padding: 40px;
}
.account-login-form {
	background: white none repeat scroll 0 0;
	box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
	padding: 30px 30px 20px;
}
.login-form-container {
	padding: 40px 60px;
	box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
	background: #fff;
	margin-bottom: 30px;
	border: 1px solid rgba(0,0,0,.125);
	padding-bottom: 20px;
}
.input-radio .custom-radio input {
	width: auto;
	height: 11px;
}
.account-login-form input {
	background: #ebebeb;
	border: 0;
	height: 35px;
	margin-bottom: 20px;
	color: #7d7d7d;
	padding: 8px 15px;
}
.example {
	display: block;
	color: #878787;
	font-size: 14px;
	margin-bottom: 20px;
}
.custom-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.login-form-container input[type="checkbox"] {
	margin: 0 auto;
	position: relative;
	top: 3px;
	width: auto;
	height: 15px;
	margin-right: 10px;
}
.default-btn {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	background: #434343;
	color: #fff;
	border: 0;
	padding: 8px 20px;
	cursor: pointer;
	margin: 20px 0;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}
.default-btn:hover {
	background: #FFCC00;
	color: #fff;
}




/* ------------------------------------------------------------------------
  -- DASHBOARD, MY ACCOUNT MAIN PANEL (Jun. 07, 2021)
------------------------------------------------------------------------ */
/*  *******************************************/
.dashboard-upper-info {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin-bottom: 60px;
}
.dashboard-content .tab-pane:not(.active) {
    display: none;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
  border-right: 1px solid #ebebeb;
  padding: 30px 20px;
}
.user-name{
    position: relative;
}
.user-name:before {
  color: #222;
  content: "\f05d";
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
  left: -20px;
  position: absolute;
  top: 0;
}

.dashboard-list {
  position: relative;
  border-radius: 8px;
  background:#fff;
  padding:20px 0;
}
.dashboard-list li {
  list-style-type: none;
  border-bottom: 1px solid #eee;
}
.dashboard-list li:first-child{
  border-top: 1px solid #eee;
}

.dashboard-list {
    position: relative;
}
.dashboard-list li {
  	list-style-type: none;
}

.dashboard-list ul ul li a {
    color: #000;
  	text-decoration: none;
  	font-size: 15px;
  	line-height: 2;
  	display: block;
  	padding: 0 0 0 35px;
  	transition: all 0.15s;
  	position: relative;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.dashboard-list ul ul li a:hover {
  	background: #f6f6f6;
}
.dashboard-list ul ul {
		display: none;
}
.dashboard-list li.active>ul {
		display: block;
}
.dashboard-list ul ul ul {
		margin-left: 15px;
}
.dashboard-list a:not(:only-child):after {
		content: "\f054";
		font-family: 'Font Awesome 5 Pro';
		position: absolute;
		right: 50px;
		font-size: 15px;
    color:#999;
    transition: all 0.5s ease;
}
.dashboard-list:hover a:not(:only-child):after {
    color:#333;
    transition: all 0.5s ease;
}
.dashboard-list .active>a:not(:only-child):after {
		content: "\f107";
    color:#fff;
    transition: all 0.5s ease;
}



.dashboard-list li a {
  color: #222;
  display: block;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 7px;
  text-transform: capitalize;
  transition: all 0.5s ease;
}
.dashboard-list li a:hover {
  color: #333;
  background: #f9f9f9;
  font-weight: 400;
  xpadding-left: 10px;
  border-radius: 8px;
  transition: 0.10s;
}
.dashboard-list li a.active {
  color: #ffcc00;
  background: #333;
  font-weight: 400;
  xpadding-left: 20px;
  border-radius: 8px;
  transition: 0.10s;
}
.dashboard-list li a.active:hover {
  background: #333;
  color: #ffcc00;
}
.dashboard-list ul li li.active>a:focus {
  color: #fff;
  background-color: #999;
  border-radius: 8px;
  transition: 0.10s;
}




.dashboard-list ul li li a {
  color: #222;
  display: block;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 0.5s ease;
}
.dashboard-list ul li li a:hover {
  color: #333;
  padding-left: 10px;
  background: #f9f9f9;
  border-radius: 8px;
  transition: 0.10s;
}
.dashboard-list ul li li a.active {
  color: #333;
  background: transparent;
  font-weight: 400;
  padding-left: 40px;
  border-radius: 8px;
  transition: 0.10s;
}
.dashboard-list ul li li a:hover {
  padding-left: 40px;
}
.dashboard-list ul li li.active>a:hover,
.dashboard-list ul li li.active>a:focus {
  color: #ff8c00;
  background-color: #e7e7e7;
  font-weight: 500;
  border-radius: 5px;
  transition: 0.10s;
}



.dashboard-menu li {
  color: #ff8c00;
  background-color:#000;
  padding:10px;
}
.dashboard-list li a:hover {
  color: #333;
  padding-left: 10px;
  background: #f9f9f9;
  border-radius: 8px;
  transition: 0.10s;
}
.dashboard-menu li a:active{
  color: #ff8c00;
  background-color:#333;
}
.dashboard-menu .active{
  color: #fff;
  background-color:green;
}


.dashboard-list i {
  padding:10px;
}
.dashboard-content {
  border-radius: 10px;
  border: 2px solid #ebebeb;
  padding: 30px;
  padding-bottom: 100px;
}
.dashboard-content h1 {
  font-size: 30px;
}
.dashboard-content h2 {
  font-size: 24px;
}
.dashboard-content h3{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 15px;
	text-transform: capitalize;
	font-weight: 300;
}
.dashboard-content p {
  font-size: 15px;
}

.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th{
    border: none;
}
.dashboard-content .table-responsive > .table > thead {
    border-bottom: 1px solid #ebebeb;
}
.dashboard-content .table-responsive .table > thead > tr > th {
  font-size: 14px;
  font-weight: 600;
}
.dashboard-content .table-responsive .table > tbody > tr > td{
    color: #7b7b7b;
    font-size: 13px;
}
#dashboard a{
    color: #222;
    text-transform: capitalize;
}
#dashboard a:hover{
    color: #FFCC00;
}


#dashboard hr {
  color:#666;
  height:4px;
}






/* -----------------------------------------------------
	MARKETING SUPPORT new ver.2 - MY ACCOUNT DASHBOARD
-------------------------------------------------------- */
.dashboard-card-section {
  margin:20px 0;
}
.dashboard-marketing-support {
  position: relative;
}
.dashboard-marketing-support .form-group {
    margin-bottom: 1rem;
}

.right-column-content-head-title {
  display: inline-block;
  padding-left: 10px;
  text-align: left;
  position: relative;
  top:3px;
}
.right-column-content-head-title h2 {
  color: #222;
  margin: 0 auto;
  text-transform: uppercase;
  font-weight: 500;
}
.right-column-content-head-title span {
  color: #555;
  margin: 0 auto;
}
.card-wrap {
  padding:10px 0;
  border: 4px solid #ddd;
  box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05) !important;
}

.record-id-wrapper {
  display: block;
  width: auto;
  padding: 1em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #333;
}





.col:not(:last-child) .inner-column-margin {
  margin: 100px;
}
.myaccount-border {
  border: 1px solid #f2f2f2;
}
.container-myaccount {
  padding:15px;
  border-radius: 12px 12px 0 0;
  background: rgb(238,238,238);
  background: linear-gradient(180deg, rgba(238,238,238,1) 30%, rgba(255,255,255,1) 100%);
  margin:20px auto;
}
.nogap > .col{ padding-left:7.5px; padding-right: 7.5px}
.nogap > .col:first-child{ padding-left: 15px; }
.nogap > .col:last-child{ padding-right: 15px; }

.myaccount-boxcard-height {
    min-height: 120px;
}

.myaccount-header-line h4:after {
  content:" ";
  width:70px;
  height:2px;
  background:#ccc;
  display:block;
  margin-top:5px;
  margin-bottom:20px;
  border-radius:3px;
  margin-left:auto;
  margin-right:auto;
}


.billing-address {
  font-size: 16px;
  font-weight: 700;
  margin-top: 25px;
}
#address .view {
  display: inline-block;
  margin: 5px 0;
  font-size: 14px;
}
.register-form {
	padding: 40px;
}
.account-login-form {
	background: white none repeat scroll 0 0;
	box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
	padding: 30px 30px 20px;
}
.login-form-container {
	padding: 40px 60px;
	box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
	background: #fff;
	margin-bottom: 30px;
	border: 1px solid rgba(0,0,0,.125);
	padding-bottom: 20px;
}
.input-radio .custom-radio input {
	width: auto;
	height: 11px;
}
.account-login-form input {
	background: #ebebeb;
	border: 0;
	height: 35px;
	margin-bottom: 20px;
	color: #7d7d7d;
	padding: 8px 15px;
}
.example {
	display: block;
	color: #878787;
	font-size: 14px;
	margin-bottom: 20px;
}
.custom-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.login-form-container input[type="checkbox"] {
	margin: 0 auto;
	position: relative;
	top: 3px;
	width: auto;
	height: 15px;
	margin-right: 10px;
}
.default-btn {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	background: #434343;
	color: #fff;
	border: 0;
	padding: 8px 20px;
	cursor: pointer;
	margin: 20px 0;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}
.default-btn:hover {
	background: #FFCC00;
	color: #fff;
}





/** SUBMIT AND REVIEWS ***/
.submit--review {
  position: relative;
  padding: 20px 0;
}
.submit--review P{
  padding: 5px 0;
}
.review-image-wrap img{
  width:70px;
}
.img-option-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.img-option-list li {
  position: relative;
  padding: 2px 25px;
  font-size: 15px;
  font-weight: 300;
}
.img-option-list li:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f00c";
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 14px;
  color: #ffcc00;
}







/*-----------------------
  About Page CSS
------------------------*/

.about__us h1{
  color:#073c55;
  line-height:1.3;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 60px;
}
.about__us p{
  color:#555;
  font-size: 20px;
  line-height:1.5;
}


.about__us__content-element{
  margin: 50px 0 0 50px;
}
.about__us__circles-list ol {
  list-style-type: none;
  margin-left: 1.25em;
  padding-left: 2.4em;
  counter-reset: li-counter;
  border-left: 5px solid #eee;
  position: relative;
}

.about__us__circles-list ol > li {
  position: relative;
  margin-bottom: 3.125em;
  clear: both;
}

.about__us__circles-list ol > li:before {
  position: absolute;
  xxxtop: -0.5em;
  top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 1;
  color: #000;
  border: 2px solid #999;
  border-radius: 50%;
  content: counter(li-counter);
  background-color: #ebeced;
  counter-increment: li-counter;
}


.about__us__section-dark {
    background: #555;
    color: #FFF;
    padding-top: 50px;
    padding-bottom: 50px;
}








.about-us-content {
	padding: 100px 50px;
    text-align: center;
}
.about-us-content > h2 {
	font-size: 30px;
	font-weight: 900;
	line-height: 40px;
    color: #444;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.about-us-content > p {
	font-size: 15px;
	color: #222;
	line-height: 25px;
    text-align: justify;
}
a.about-btn {
	display: inline-block;
	font-size: 12px;
	line-height: 40px;
	text-transform: uppercase;
	border: 1px solid #222;
	height: 40px;
	padding: 0 30px;
	font-weight: 700;
	border-radius: 5px;
	letter-spacing: 1px;
	margin-top: 26px;
	vertical-align: middle;
}
a.about-btn:hover{
    background-color: #FFCC00;
    border-color: #FFCC00;
    color: #fff;
}

.fun-factor-area .col-lg-3:nth-child(even) .fun-factor-wrap {
    background-color: #e8e8e8;
}
.fun-factor-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 90px 15px;
    background-color: #f3f3f3;
}
.fun-factor-icon {
	margin-right: 20px;
}
.fun-facttor-number > h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 25px;
	color: #222;
	margin: 0 auto;
}
.fun-facttor-title > h5 {
	font-size: 12px;
	font-weight: 700;
	color: #222;
	line-height: 25px;
	text-transform: uppercase;
}

.skill-area .progress {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 3px;
  height: 16px;
  margin-bottom: 8px;
  margin-top: 25px;
  overflow: visible;
}
.skill-area {
  margin-top: 0;
  overflow: hidden;
}
.skill-area .progress span {
  color: #d0d0d0;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: -35px;
  -webkit-transform: translate(50%, 0px);
          transform: translate(50%, 0px);
  -webkit-transition: all 0.4s ease 1s;
  transition: all 0.4s ease 1s;
}
.skill-area .progress-bar {
  background: #7b7b7b none repeat scroll 0 0;
  border-radius: 3px;
  margin-left: 2px;
  position: relative;
}
.skrill-here {
	padding: 80px 160px;
}
.skrill-here > h2 {
	font-size: 30px;
	font-weight: 900;
	color: #444444;
	line-height: 40px;
	font-family: 'Raleway', sans-serif;
}
.progress .p-g-title > p {
  color: #fff;
  padding-left: 60px;
  text-align: left;
  text-transform: uppercase;
}
.skrill-here .p-g-title {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: left;
  top: -4px;
  width: 100%;
}
.skill-area .progress span {
  background: #3e3e3e none repeat scroll 0 0;
  border: 3px solid #a0a0a0;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  height: 40px;
  left: -22px;
  line-height: 33px;
  padding-top: 0;
  position: absolute;
  text-align: center;
  top: -13px;
  width: 40px;
}
.bar-span.wow.slideInLeft {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 999999;
}
.progress {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: none;
  height: 24px;
  overflow: visible;
}
.progress-bar {
  background: #8d98aa none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: none;
  position: relative;
}
.progress-bar .text-top {
  background: #363f4d none repeat scroll 0 0;
  border-radius: 50%;
  font-size: 12px;
  height: 42px;
  left: 0;
  line-height: 42px;
  position: absolute;
  text-transform: uppercase;
  top: -9px;
  width: 42px;
}
.skill-bar-item {
  padding-bottom: 6px;
  position: relative;
}
.skill-bar-item > span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin-left: 50px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.skill-bar {
  overflow: hidden;
  padding-top: 9px;
}

.about-us-content-2 {
	padding: 0 50px;
	margin-bottom: 35px;
}
.about-us-content-2 > h2 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	color: #444;
	text-transform: uppercase;
}
.about-us2-img img {
	max-width: 100%;
}
.about-us-content-2 > p {
	font-size: 14px;
	color: #222;
	line-height: 25px;
	margin: 0 auto;
	text-align: justify;
}






/*-----------------------
  OLD DASHBOARD -- SHIFENG
------------------------*/
.timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.li {
  transition: all 200ms ease-in;
}

.timestamp {
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
}

.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}
.status h4 {
  font-weight: 400;
  padding-top: 30px;
}

.status:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 42%;
  transition: all 200ms ease-in;
}

.li.complete .status {
  border-top: 5px solid #ff4500;
}

.li.complete .status:before {
  background-color: #ffcc00;
  border: none;
  transition: all 200ms ease-in;
}

.li.complete .status h4 {
  font-size: 1EM;
  color: #333;
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline {
    list-style-type: none;
    display: block;
  }

  .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
  }

  .timestamp {
    width: 100px;
  }

  .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in;
  }
}


.container-main{
	margin:40px auto;
	padding:20px;
	background:white;
	border-radius: 5px;
}
.drop{
	border:2px dotted #bdc3c7;
	padding:20px;
	margin-bottom:20px;
	width:100%;
	height:100px;
	color: #bdc3c7;
	font-size:200%;
}
.drop_marketing{
	border:2px dotted #bdc3c7;
	padding:20px;
	margin-bottom:20px;
	width:100%;
	height:100px;
	color: #bdc3c7;
	font-size:200%;
}







/****************************************************************************************
*****************************************************************************************
*****************************************************************************************
  ASHBURY BAGS CSS CONTENT
*****************************************************************************************
****************************************************************************************/

#main-content {
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.section2 {
  position: relative; padding: 40px 0;
  text-align: center !important;
}

@media (max-width: 768px){
  .section2 {padding:2rem 1rem;}
}

.text-color-white {
    color: #fff !important;
}

.text-color-black {
    color: #000 !important;
}

.text-color-logo {
    color: #DDAF6E !important;
}

.text-color-grey {
    color: #ccc !important;
}

.text-color-orange {
    color: #daaa60 !important;
}


.BG_cover_01 {
  height: 100%;
  width: 100%;
  padding: 40px 0;
  margin: 0 auto;
  background: #222 url('https://www.ashburybags.com/images/ashbury/products/BG-Black.jpg') center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Roboto', 'Open Sans', sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.BG_cover_01 i {
  padding-left: 30px;
  font-size: 35px;
  position: relative;
  top:5px;
}

@media only screen
and (min-width: 320px)
and (max-width: 1024px) {
  .BG_cover_01 {
    width: 94%;
    text-align: center;
    background-size: contain;
    margin: 0 auto;
    padding: 25px;
    background: #222!important;
  }
}


.lifestyle_content p{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #666;
  margin-left: 15%;
  margin-right: 15%;
}

.lifestyle_content h2 {
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom:40px !important;
}

@media only screen
and (min-width: 320px)
and (max-width: 1024px) {
  .lifestyle_content p{
    font-size: 15px!important;
    font-weight: 400!important;
    line-height: 1.6;
    color: #666!important;
    margin-left: 0%!important;
    margin-right: 0%!important;
    padding-bottom: 30px;
  }
  .lifestyle_content h2 {
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom:2px !important;
  }
}

.text-center {
    text-align: center !important;
}

.title-center {
  text-align: center;
}

.title h3 {
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom:2px !important;
  text-transform: uppercase;
}

.center-block  > div{
  display: inline-block!important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.branding-image-caption .outer-text-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.branding-image-caption h3 {
    color: #2A2F33;
    letter-spacing: -0.1rem;
    text-align: left;
    margin-bottom: 2.4rem;
    margin-top: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.2;
    margin: 0 auto;
}
.branding-image-caption h4 {
    color: #666;
    text-align: left;
    padding-top: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 auto;
}
.branding-image-caption .bar-line {
    width: 6.0rem;
    border-bottom: 4px solid #cacccd;
    margin: 15px 0 60px 0;
}
.branding-image-caption p {
  font-size: 16px;
  color: #333;
  text-align: left;
}

.lifestyle_title_item_description span{
  color: #999;
  letter-spacing: -0.002rem;
  font-size: 42px;
  line-height: 1.2;
  font-weight:600;
}

.branding-image-caption .text-container-left {
    padding-right: 8rem;
}
.branding-image-caption .text-container-right {
    padding-left: 8rem;
}

@media only screen and
(min-width: 320px) and
(max-width: 480px) {
  .branding-image-caption h3 {
    font-size: 30px;
    letter-spacing: 0rem;
    }
  .branding-image-caption h3 > span {
    display: block;
    font-size: 20px;
    letter-spacing: 0rem;
    }
  .branding-image-caption .text-container-left {
      padding-right: 0rem;
  }
  .branding-image-caption .text-container-right {
      padding-left: 0rem;
  }
  .branding-image-caption .bar-line {
      width: 5.0rem;
      border-bottom: 5px solid #cacccd;
      margin: 8px 0 30px 0;
  }
  .branding-image-caption p {
    font-size: 14px;
    color: #333;
    text-align: left;
  }
}

.btn-lifestylePage {
  display: inline-block;
  border: none;
  font-size: 13px;
  font-weight: 300;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background: #222;
  border:1px solid #222;
  color: #fff;
  line-height: normal;
  cursor: pointer !important;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 30px 0;
  transition: all .4s ease-in-out;
 }
.btn-lifestylePage:before{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-style: normal;
   content: '\f06e';
   font-size: 14px;
   padding-right: 5px;
   position: relative;
   top:1px;
 }

.btn-lifestylePage:hover {
  color: #fff !important;
  background: #999 !important;
  border:1px solid #999;
  transition: all .4s ease-in-out;
 }
.btn-lifestylePage:focus {
  color: #fff;
  background: #daaa60;
  border: 1px solid #daaa60;
}

.bundle_lifestyle_img img {
  width: 35vw;
  display: block;
  position: relative;
  margin-left:auto;
  margin-right:auto;
  border: 7px solid #eee;
  padding: 70px 20px;
}
@media only screen and (max-width: 767px){
  .bundle_lifestyle_img img {
      width: 100%;
      padding: 20px 5px;
  }
}

.grey.lighten-4 {
  background-color: #f5f5f5!important;
}

.custom-list3 ul {
    list-style: circle!important;
    list-style-position: outside!important;
    list-style-type: disc!important;
    font-size: 12px;
    line-height: 1.4em;
    padding: 0 1em;
}

.custom-list3 ul li {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  padding: 0 0 0 0.5em;
}
.custom-list3 li:before {
    color: #a8996e;
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 0px;
    font-weight: 900;
    margin-left: -15px;
    padding-right: 6px;
}

.title-line h3 {
    font-size: 25px;
}

.title-line h3:after {
    content: "";
    position: absolute;
    height: 21px;
    border-bottom: 3px solid rgba(0,0,0,0.08);
    width: 1350px;
}

/** ***************** END ASHBURY CONTENT  ************************************/





/** ***************** SEBASTIAN ADDITIONAL CUSTOM PAGES  ************************************************************************************
*******************************************************************************************************************************************
*******************************************************************************************************************************************
*******************************************************************************************************************************************
****************************************************************************************************************************************   **/

.fancybox-skin {
  position: relative;
  background: #fff !important;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.popup_box_once_per_session {
  background-color:#333;
  padding:5px 10px;
  color:#fff;
  border-radius:5px;
  text-decoration:none;
  position: absolute;
  right:1%;
}

.nfc0001 {
 width: 120px;
 border:5px solid #444; padding:10px;
}

.nfc0001 h2 {
 color: #000;
 font-weight: 800;
}

.nfc0001-right {
 text-align: right;
}
.nfc0001-left {
 text-align: left;
}
@media only screen and (max-width: 767px){
  .nfc0001 {
   margin-bottom: 20px;
  }
  .nfc0001-right {
   text-align: left;
  }
  .nfc0001-right p{
   margin-bottom: 0px !important;
  }
  .nfc0001-left {
   border-bottom: 1px #d9d9d9 solid;
   margin-bottom: 10px;
  }
}

/* END NFC0001 **/






/* CARELINE
*****************************/
.careline-section {
    background-image: url(https://www.scriblbooks.ca/scribl/images/packets-bg.jpg);
    background-position: top center;
    background-size: 1483px auto;
    background-repeat: no-repeat;
    padding: 80px 0;
}
.careline-section-bg {
    background-image: url(https://www.scriblbooks.ca/scribl/images/packets-bg.jpg);
    background-position: top center;
    background-size: 1483px auto;
    background-repeat: no-repeat;
    padding: 80px 0;
    Xmargin: 100px 0;
}
.careline-section-bg2 {
    background-image: url(https://www.scriblbooks.ca/scribl/images/packets-bg.jpg);
    background-position: top center;
    background-size: 1483px auto;
    background-repeat: no-repeat;
    padding-top:100px;
}

.careline__header__title h1{
  color: #000;
  font-size: 2.5em;
  font-weight:500;
  line-height: 1.2em;
  text-align: left;
}
.careline__header__title h2{
  color: #333;
  font-size: 24px;
  font-weight:400;
  line-height: 1.2em;
  text-align: left;
}

.careline__image img{
  height:500px;
}

.careline-icons img{
  width: 90px;
  margin:0 1px;
  transform: scale(1);
  transition: transform 0.25s ease;
}
.careline-icons img:hover{
	transform: scale(0.8);
	transition-property: transform;
	transition-duration: 0.25s;
	transition-timing-function: ease;
  background-color: #ddd;
	border-radius: 5px;
	transition-property: background-color;
  transition: all 0.3s ease 0s;
}

.careline-icons2 img{
  width: 90px;
  background:#fff;
  border-radius: 10px;
  margin:0 15px;
  transform: scale(1);
  transition: transform 0.25s ease;
}
.careline-icons2 img:hover{
	transform: scale(0.8);
	transition-property: transform;
	transition-duration: 0.25s;
	transition-timing-function: ease;

  background-color: #ddd;
	border-radius: 5px;
	transition-property: background-color;
  transition: all 0.3s ease 0s;
}

.careline-header h1 {
    margin-left: 8px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px;
    border-left: 4px solid #3d9b8b;
    color: #222;
    font-size: 30px;
}

.careline-header-logo img{
  position: relative;
  top:-50px;
  left:20px;
  width:300px;
}
.careline-beautyshot img{
  position: relative;
  top:200px;
  width: 500px;
  border:5px solid #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}
@media only screen and (max-width: 767px) {
  .careline-header-logo img{
    position: relative;
    top:0;
    left:15%;
    width:200px;
  }
  .careline-beautyshot img{
    position: relative;
    top:50px;
    width: 500px;
    border:5px solid #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
  }

  .careline-section-bg .px-5 {
    padding-right: 0rem!important;
  }
  .careline-section-bg .px-5 {
    padding-left: 0rem!important;
  }
}

.careline-list ul {
    margin: 0 auto;
    list-style: none;
}

.careline-list ul li {
    position: relative;
    padding-left: 30px;
    margin: 0 0 15px !important;
    font-size: 15px;
}

.careline-list ul li::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f05d';
    width: 20px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #51b70b;
    /* set font size helps make icon sharper */
    font-size: 24px;
    font-weight: 100!important;
}

/* END CARELINE ***************/






.list-group-item {
    display: list-item;
    margin-left:30px;
}

.list-group-item a {
  margin-left:-10px;
}



section.hero-video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 50vh;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
video.bg-video {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
}




.tradeshow_schedule_container {
  margin:20px;
}
.tradeshow_schedule_container h1 {
  font-size: 27px;
  font-weight:500;
  line-height: 1.5;
  color: #555;
  xpadding-top:10px;
  margin-bottom: 0rem;
}
.tradeshow_schedule_container p {
  font-size: 14px;
  font-weight:400;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #555;
  margin-bottom: 0px !important;
}
.tradeshow_schedule_container .tradeshow_schedule_container_asi span {
  font-size: 12px;
  font-weight:400;
  line-height: 1.5;
  color: #fff;
  background: #ff0000;
  padding: 3px 10px;
  position: relative;
  top:-5px;
}

.tradeshow_schedule_container .tradeshow_schedule_container_pppc {
  margin-top:20px;
}

.tradeshow_schedule_container .tradeshow_schedule_container_ppai span {
  font-size: 12px;
  font-weight:400;
  line-height: 1.5;
  color: #fff;
  background: #333399;
  padding: 3px 10px;
  position: relative;
  top:-5px;
}
.tradeshow_schedule_container .tradeshow_schedule_container_saac span {
  font-size: 12px;
  font-weight:400;
  line-height: 1.5;
  color: #fff;
  background: #3399cc;
  padding: 3px 10px;
  position: relative;
  top:-5px;
}
.tradeshow_schedule_container .tradeshow_schedule_container_pppc span {
  font-size: 12px;
  font-weight:400;
  line-height: 1.5;
  color: #fff;
  background: #84cb47;
  padding: 3px 10px;
  position: relative;
  top:-5px;
  margin-top:20px;
}

.tradeshow_schedule_container i{
  margin-right:7px;
}







/** TOPO BAGS
************************************************************************************/
.topo-section {
  padding: 1% 0;
  position: relative;
}

.topo_intro {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
  @media (max-width: 991.98px) {
    .intro {
      background-position: top center !important;
    }
}

.topo__footer__banner {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #111;
  width: 100%;
  min-height: 1200px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.topo__footer__banner h1{
  position: absolute;
  z-index: 999;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 40%;
  text-align: center;
  width: 60%;
}

.topo__footer {
  background-color: #e31b23;
  width: 100%;
  padding: 100px 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.topo__footer h1{
  color:#fff;
  font-size: 3.4em !important;
  line-height: 1.125em !important;
  text-transform: uppercase !important;
}

.topo_masthead {
  min-height: 1200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color:#fff;
  position: relative;
}
.topo_masthead h1{
  color:#fff;
  font-size: 3.4em;
  font-weight: 800;
  line-height: 1.125em ;
  text-transform: uppercase;
}
.topo_masthead h3{
  color:#fff;
}

.header-content {
  width: 100%;
  height:200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border:5px solid #ff0000;
  text-align: center;
  border:3px solid #ff0000;
}

.topo_image_header_title h1{
  color: #000;
  font-size: 3.2em;
  font-weight: 800;
  line-height: 1.2em;
  text-align: left;
}
.topo_image_header_title h2{
  color: #000;
  font-size: 2.5em;
  font-weight:400;
  line-height: 1.2em;
  text-align: left;
}
.topo_image_header_title h3{
  line-height: 1.5;
}
.topo_image_header_title p{
  color: #333;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
}
.topo_image_header_title .bar-line {
  width: 5.0rem;
  border-bottom: 8px solid #ff0000;
  margin: 15px 0 30px 0;
}



.topo-overlay-image {
 position: relative;
 width: 100%;
}
.topo-overlay-image .image {
 display: block;
 width: 100%;
 height: 0 auto;
}
.topo-overlay-image .text {
 color: #fff;
 font-size: 18px;
 line-height: 1.5em;
 text-align: left;
 position: absolute;
 bottom:5%;
 left: 5%;
 width: 65%;
}

.topo-overlay-image .text span {
  display: inline;
  padding: 4px 0;
  background-color: #ff0000;
  box-shadow: 0.5em 0 0 #ff0000,-0.5em 0 0 #ff0000;
  box-decoration-break: clone;
  line-height:2;
}

.about__topo__btn a{
  font-size: 14px;
  color:#000;
  padding: 10px 12px;
  background-color: #fff;
  box-decoration-break: clone;
  line-height:1.5;
  text-transform: uppercase;
  transition: all .5s;
}
.about__topo__btn a:hover{
  color:#fff;
  background-color: #000;
}

.topo__btn__blk {
  font-size: 14px;
  color:#fff;
  background-color: #111;
  padding: 10px 20px;
  box-decoration-break: clone;
  line-height:1.5;
  text-transform: uppercase;
  transition: all .5s;
}
.topo__btn__blk:hover{
  color:#fff;
  background-color: #ff0000;
}

.topo-overlay-big_banner {
 position: relative;
 width: 100%;
}
.topo-overlay-big_banner .image2 {
 display: inline-block;
 width: 100%;
 height: 0 auto;
}

.topo-overlay-big_banner .text2 {
 color: #fff;
 font-size: 18px;
 line-height: 1.5em;
 text-align: center;
 position: absolute;
 bottom:0;
}

.topo-overlay-big_banner h1{
  color:#fff;
  font-size: 3em;
  font-weight: 800;
  line-height: 1.125em ;
  text-transform: uppercase;
}

.topo-overlay-big_banner h3{
  color:#fff;
}

.topo-overlay-caption {
  position: absolute;
  right: 15%;
  bottom: 20%;
  left: 15%;
  z-index: 10;
  color: #fff;
  text-align: center;
}

.topo-overlay-caption h1{
  color:#fff;
  font-size: 3em;
  font-weight: 800;
  line-height: 1.125em ;
  text-transform: uppercase;
}
.topo-overlay-caption p{
  color:#fff;
  font-size: 1.3em;
  font-weight:400;
  line-height: 1.125em;
  text-align: center;
}

.topo-banner-image1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    height: 400px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 40px;
}

.topo-banner-image1-content h1 {
    color: #ffffff;
    font-size: 3em;
    font-weight: 800;
    line-height: 1.125em !important;
    text-transform: uppercase !important;
    z-index: 2;
    position: relative;
}
.topo-banner-image1-content img {
    width:60%;
    z-index: 2;
    position: relative;
    align-items: center;
}
.topo-banner-overlay {
    opacity: 1;
}
.topo-banner-image1 .topo-dark-overlay {
    xbackground-color: rgba(0,0,0,0.3);
    background-color: rgba(0, 0, 0, 1);
    opacity: 0.35;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.topo-banner-image-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    height: 400px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.topo-banner-image-header h1 {
    color: #ffffff;
    font-size: 3em;
    font-weight: 800;
    line-height: 1.125em !important;
    text-transform: uppercase !important;
    position: relative;
}

.topo-banner-image-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    height: 1000px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.topo-banner-image-footer h1 {
    display: block!important;
    color: #ffffff;
    font-size: 3em;
    font-weight: 800;
    line-height: 1.125em;
    text-transform: uppercase;
}
.topo-banner-image-footer p {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
}


.about_topo_header_title h1{
  color: #000;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3em;
  text-align: left;
}
.about_topo_header_title span{
  display: inline-block;
  color: #000;
  font-size: 3.2em;
  font-weight: 800;
  line-height:0.9;
  text-align: left;
  letter-spacing: -4px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px){
  .about_topo_header_title h1{
    font-size: 18px;
  }
  .about_topo_header_title span{
    font-size:2em;
    letter-spacing: -2px;
    margin-bottom: 15px;
  }
}

.trademark {
  color: #ffffff;
  font-size:1em;
  font-weight:400;
}

/** TOPO end  ************/








/** CREATIVE CONCEPTS **************************************************************************************************
************************************************************************************************************************/
.Architects_font, .Architects_font2 {
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
}

@media only screen and (max-width: 767px){
  .Architects_font {
    font-weight: 300;
    font-style: normal;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
  }
  .Architects_font2{
    font-weight: 300;
    font-style: normal;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 300;
  }
  .about_part_img {
    padding-bottom: 20px;
  }
}

.creative__concepts__banner__chocolate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 600px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
  background: url(../../images/creative_concepts/Inspiration-creative-concept-Int_Choco_Day_Banner_EN.jpg) center center;
}
.creative__concepts__banner__executive {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 600px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
  background: url(../../images/creative_concepts/Inspiration-creative-concept-Executive_Packaging_Banner.jpg) center center;
}
.creative__concepts__banner__fastfood {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 600px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
  background: url(../../images/creative_concepts/Inspiration-creative-concept-Fast_Food_Banner-EN.jpg) center center;
}
@media only screen and (max-width: 767px){
  .creative__concepts__banner__chocolate {
    height: 400px;
    background: url(../../images/creative_concepts/Mobile_chocolate_banner_EN.jpg) no-repeat center center;   background-size: cover;  background-color: #fff;
  }
  .creative__concepts__banner__executive {
    height: 400px;
    background: url(../../images/creative_concepts/Mobile_executive_packaging_banner_EN.jpg) no-repeat center center;   background-size: cover;  background-color: #fff;
  }
  .creative__concepts__banner__fastfood {
    height: 300px;
    background: url(../../images/creative_concepts/Mobile_fastfood_banner_EN.jpg) no-repeat center center;   background-size: cover;  background-color: #fff;
  }
}


/* FR */
.creative__concepts__banner__chocolate__fr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 600px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
  background: url(../../images/creative_concepts/Int_Choco_Day_Banner_FR.jpg) center center;
}
.creative__concepts__banner__executive__fr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 600px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
  background: url(../../images/creative_concepts/Executive_Packaging_Banner-FR.jpg) center center;
}
.creative__concepts__banner__fastfood__fr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 600px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
  background: url(../../images/creative_concepts/Fast_Food_Banner-FR.jpg) center center;
}
@media only screen and (max-width: 767px){
  .creative__concepts__banner__chocolate__fr {
    height: 400px;
    background: url(../../images/creative_concepts/Mobile_chocolate_banner_FR.jpg) no-repeat center center;   background-size: cover;  background-color: #fff;
  }
  .creative__concepts__banner__executive__fr {
    height: 400px;
    background: url(../../images/creative_concepts/Mobile_executive_packaging_banner_FR.jpg) no-repeat center center;   background-size: cover;  background-color: #fff;
  }
  .creative__concepts__banner__fastfood__fr {
    height: 300px;
    background: url(../../images/creative_concepts/Mobile_fastfood_banner_FR.jpg) no-repeat center center;   background-size: cover;  background-color: #fff;
  }
}


#guide-hero {
  background: url(https://www.getharvest.com/assets/resources/wave-de7cc7f8e8e4d7a27e8655353c117699e58e328410378befb6daaa65de35820b.svg) repeat-x center bottom;
}
#guide-hero,
.colorize-page-neutral .pullquote, .colorize-page-neutral .related-article-callout {
    background-color: #f1ece6;
}
.innerX {
    margin: 0 auto;
    padding: 40px 30px;
    position: relative;
    width: 1050px;
    height:500px;
}

.creative__concepts__content__right h2, .creative__concepts__content__right h3{
    line-height: 1.7 !important;
    text-align: right;
    padding-left: 10%;
}
@media (max-width: 480px){
  .creative__concepts__content__right h2, .creative__concepts__content__right h3{
      line-height: 1.7 !important;
      text-align: left !important;
      padding-left: 0% !important;
  }
}

.creative__concepts__content__left h2, .creative__concepts__content__left h3{
    line-height: 1.7 !important;
    text-align: left;
    padding-right: 10%;
}
@media (max-width: 480px){
  .creative__concepts__content__left h2, .creative__concepts__content__left h3{
      line-height: 1.7 !important;
      text-align: left !important;
      padding-right: 0% !important;
      font-weight: 300;
      font-size: 15px;
  }
}

.creative__concepts .single_column101 {
    padding: 25px 30px;
    border: 1px solid #e8e9eb;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.creative_concepts_01 .col-sm-6:nth-child(2), .creative_concepts_01 .col-xl-4:nth-child(2) {
    margin-top: 40px;
}
.creative_concepts_01 .col-sm-6:nth-child(3), .creative_concepts_01 .col-xl-4:nth-child(3) {
    margin-top: 80px;
}

.creative__concepts:hover {
    background-color: rgba(0,0,0,0.05);
}


.creative__concepts_quote_choco i{
    font-size: 55px;
    color: #993300;
    margin-bottom: 10px;
}
.creative__concepts_quote_executive i{
    font-size: 55px;
    color: #ff6633;
    margin-bottom: 10px;
}
.creative__concepts_quote_fastfood i{
    font-size: 55px;
    color: #ff0066;
    margin-bottom: 10px;
}


.team_img_inner {
    max-width: 591px;
    margin-bottom: -20px;
    margin-left: 150px;
}


.cc__scroll_down_arrow_wrapper1 {
  position: absolute;
  margin: 0 auto;
  left: 18%;
  bottom: 17%;
  background-color: Transparent;
  border-radius: 10px;
  z-index: 1;
}
.cc__scroll_down_arrow_wrapper2 {
  position: absolute;
  margin: 0 auto;
  left: 15%;
  bottom:12%;
  background-color: Transparent;
  border-radius: 10px;
  z-index: 1;
}
.cc__scroll_down_arrow_wrapper3 {
  position: absolute;
  margin: 0 auto;
  left: 18%;
  bottom: 6%;
  background-color: Transparent;
  border-radius: 10px;
  z-index: 1;
}

.cc__scroll_down_arrow {
  text-align: center;
  margin: 8% 0;
}

.cc__scroll_down_arrow a {
  color: white;
  text-decoration: none;
}
.cc__scroll_down_arrow:hover a {
  color: #ff0000 !important;
  text-decoration: none;
}


.cc__arrow_bounce {
  animation: cc__arrow_bounce 3s infinite;
}

@keyframes cc__arrow_bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}



.creative__concepts__videoPlayIcon a.video-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    font-size: 35px;
    line-height: 100px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    border-radius: 50%;
    top: 50%;
    margin-left: -65px;
    transform: translateY(-50%);
    left: 100%;
}
@media only screen and (max-width: 767px){
  .creative__concepts__videoPlayIcon a.video-icon {
      position: absolute;
      width: 100px;
      height: 100px;
      font-size: 35px;
      line-height: 100px;
      background: #fff;
      display: inline-block;
      border-radius: 50%;
      text-align: center;
      border-radius: 50%;
      margin-left: -60%;
      transform: translateY(-50%);
  }
}
.creative__concepts__videoPlayIcon a.video-icon::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 3px solid #fff;
    border-radius: 50%;
    opacity: .65;
}
.creative__concepts__videoPlayIcon a.video-icon i {
    color: #ff5e13;
    padding-left: 10px;
}
.creative__concepts__videoPlayIcon a.video-icon:hover{
    background: #ff5e13;
}
.creative__concepts__videoPlayIcon a.video-icon:hover i {
    color:#fff !important;
}

.no-cover {
    background-repeat: repeat;
    background-size: auto;
}

.cta_part {
    position: relative;
    z-index: 1;
    background-image: url(../images/creative_concepts/dots.png);
    background-position: center;
    background-repeat: repeat;
    background-size: auto;
    text-align: center;
    padding: 170px 0;
}
.shadow-inset {
    box-shadow: 0px 0px 200px rgba(0, 0, 0, 0.07) inset;
}
.vimg img {
    border: 0px solid #ccc;
    box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.3);
}



.creative__concepts__dot {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 75px;
    background: #fff;
    border:11px solid #ff6633;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-left: -100px;
}

.creative__concepts__list101 li {
    text-align: left;
    border-left: 2px solid #FFF;
    margin: 0 0 16px;
    padding: 4px 24px 4px 16px;
    list-style-type: none;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    color:#fff !important;
    font-size: 14px;
}

.creative__concepts__blockquote {
    position: relative;
    padding: 8rem 8rem 7rem;
    text-align: center;
    font-size: 2rem;
    line-height: 1.88;
    border: 1px double rgba(0,0,0,.1);
    margin: 6rem 0;
    display: block;
}

.creative__concepts__blockquote:before {
    content: "\201D";
    font-family: 'Domine';
    font-weight: 400;
    top: -2rem;
}

.creative__concepts__blockquote:before  {
    background: #ff0000;
    position: absolute;
    width: 55px;
    height: 55px;
    display: block;
    line-height: 55px;
    text-align: center;
    left: 50%;
    margin-left: -20px;
    color: #FFF;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px #FFF;
    box-shadow: 0 0 0 10px #FFF;
    font-size: 60px;
    font-weight: 600;
    padding: 12px;
}
.creative__concepts__blockquote p{
    font-size: 36px;
    font-weight: 200 !important;
    line-height: 1.5;
}
@media only screen and (max-width: 767px){
  .creative__concepts__blockquote {
      position: relative;
      padding: 4rem 1rem 3rem;
      text-align: center;
      font-size: 2rem;
      line-height: 1.88;
      border: 1px double rgba(0,0,0,.1);
      margin: 1rem 0;
      display: block;
  }
  .creative__concepts__blockquote p {
      font-size: 18px;
      font-weight: 400 !important;
      line-height: 1.2;
  }
}
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .creative__concepts__blockquote {
      position: relative;
      padding: 4rem 3rem 2rem;
      text-align: center;
      font-size: 2.5rem;
      line-height: 1.88;
      border: 1px double rgba(0,0,0,.1);
      margin: 3rem 0;
      display: block;
  }
  .creative__concepts__blockquote p {
      font-size: 24px;
      font-weight: 400 !important;
      line-height: 1.2;
  }
}


.text-size-80 {
  font-size: 80px;
}
.text-size-60 {
  font-size: 60px;
}
.text-size-40 {
  font-size: 40px;
}

@media only screen and (max-width: 767px){
  .text-size-80 {
    font-size: 40px;
  }
  .text-size-60 {
    font-size: 30px;
  }
  .text-size-40 {
    font-size: 10px;
  }
}
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .text-size-80 {
    font-size: 60px;
  }
  .text-size-60 {
    font-size: 40px;
  }
  .text-size-40 {
    font-size: 20px;
  }
}





.chocolate_items_wrapper {
  min-height:450px;
}
.executive_items_wrapper {
  min-height:370px;
}
.executive_items_wrapper_fr {
  min-height:430px;
}
.fastfood_items_wrapper {
  min-height:380px;
}
.fastfood_items_wrapper_fr {
  min-height:400px;
}
@media only screen and (max-width: 767px){
  .chocolate_items_wrapper {
    min-height:200px;
  }
  .executive_items_wrapper, .executive_items_wrapper_fr {
    min-height:200px;
  }
  .fastfood_items_wrapper, .fastfood_items_wrapper_fr {
    min-height:200px;
  }
}

/** END creative concepts ************/














/** CONTACT US **************************************************************************************************
************************************************************************************************************************/

.btn-send {
  display: inline-block;
  border: none;
  font-size: 13px;
  font-weight: 300;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background: #222;
  border:1px solid #222;
  color: #fff;
  line-height: normal;
  cursor: pointer !important;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
 }
.btn-send:before{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-style: normal;
  content: '\f1d8';
  font-size: 14px;
  padding-right: 5px;
  position: relative;
  top:1px;
 }

.btn-send:hover {
  color: #fff !important;
  background: #999 !important;
  border:1px solid #999;
  transition: all .4s ease-in-out;
 }
.btn-send:focus {
  color: #fff;
  background: #daaa60;
  border: 1px solid #daaa60;
}

/** END CONTACT US ************/
















/********* ASHBURY BAGS FEATURES MODAL - POP UP WINDOW  *************************/

/* FEATURES BOXES */
.feature-box {margin-bottom: 3rem;display: table;position: relative;}
.feature-box.feature-full {width: 100%}
.feature-box .icon {display:table-cell; float: left; padding-right: 1rem; border-radius: 50%;width:76px;height:76px;color:#fff;padding-right: 0; font-size: 24px;text-align: center;margin-right: 1.3rem;background: #E2785D;border-radius: 50%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.feature-box .feature-content {display: table-cell;vertical-align: top;}
.feature-box .feature-content p {color: #888;/*font-size: 14px;*/}
.feature-box .feature-content p.subtitle {font-family: 'Open Sans',arial;font-size: 1.3rem;color:#E2785D;}
.feature-box .feature-title {margin-top: 0.5rem;margin-bottom: 12px;font-family: 'Montserrat',arial;letter-spacing: 1px;font-weight: 500;}
.feature-box .icon img {max-width: 100%;}
.feature-box .icon.icon-simple {width: 50px;}
.feature-box .icon.icon-no-bg {background: none;color:#8E8E8E;}
.feature-box.dark .feature-title, .section-dark .feature-box .feature-title {color:#fff;}
.feature-box.dark .icon.icon-gray, .feature-box.dark p, .section-dark .feature-box p {color:rgba(255,255,255,0.6);}
.feature-box.dark .icon.icon-line, .section-dark .feature-box .icon.icon-line {border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);}
.feature-box.feature-sm .icon {width: 40px;height: 40px;font-size: 16px;}
.feature-box.feature-sm .icon i {padding-top: 2px;font-size: 25px;}
.feature-box.feature-lg .icon {width: 96px;height: 96px;font-size: 28px;}
.feature-box.feature-lg .icon i {padding-top: 27px;font-size: 38px;}
.feature-box.feature-lg .icon.icon-simple i {padding-top: 0;}
.feature-box.feature-lg .icon.icon-simple i.education_pencil-47 {padding-top:8px;}
.feature-box .icon i {padding-top: 25px;display: inline-block;}
.feature-box .icon.icon-simple i {padding-top: 8px;}
.section-dark .feature-box .icon i {color:rgba(255,255,255,0.4);}
.feature-box h1 {font-size: 1.7rem;}
.feature-box h2 {font-size: 1.2rem;}
.feature-box h3 {font-size: 16px;}
.feature-box p {margin-bottom: 0;}
.feature-box.feature-lg h1 {font-size: 2rem;}
.feature-box.feature-lg h2 {font-size: 1.6rem;}
.feature-box.feature-lg h3 {font-size: 1.3rem;}
.feature-box.feature-sm h1 {font-size: 1.5rem;}
.feature-box.feature-sm h2 {font-size: 1rem;}
.feature-box.feature-sm h3 {font-size: 0.8rem;}
.feature-box.feature-sm p {font-size: 0.9rem;}
.feature-box .icon.icon-gray {background: rgba(0,0,0,0.08);color:rgba(0,0,0,0.8);}
.feature-box:hover .icon.icon-gray {background: #383838;color:#fff;}
.feature-box .icon.icon-dark {background: #232323;}
.feature-box .icon.icon-line, .section-dark .feature-box .icon.icon-line {background: none;border:1px solid rgba(0,0,0,0.15);color:rgba(0,0,0,0.6);}
.feature-box .icon.icon-square {border-radius:2px;}
.feature-box .icon.icon-simple {background: none;border:none;color:rgba(0,0,0,0.7);font-size: 28px;height: 60px; padding-top: 0; text-align: left;}
.feature-box.feature-sm .icon.icon-simple {font-size: 16px;height: 0 auto;}
.feature-box.feature-lg .icon.icon-simple {width: auto;}
.feature-box.feature-lg .icon.icon-simple i {font-size:42px;}
.feature-box.center, .feature-box.center .icon, .feature-box.center .feature-content {float: none;text-align: center;display:block;margin: 0 auto;}
.feature-box.center .icon {margin-bottom: 25px;width: 88px;height: 88px;line-height: 88px;font-size: 32px;}
.feature-box.center .icon i {padding: 0;}
.feature-box.center .icon.icon-simple {margin-bottom: 0;}
.feature-box.center .icon.icon-simple  ~ h3 {margin-top: 1.3rem;margin-bottom: 1rem;}
.feature-box.center img {margin: 0 auto;text-align: center;width: auto;}
.feature-box.center .feature-title {margin-bottom: 15px;}
.feature-box.center .feature-content {padding: 0 10px;}
.feature-box.center h3.feature-title {font-size: 16px;}
.feature-box.center .feature-content p {/*font-size: 14px;*/}
.feature-box.boxed {border:1px solid rgba(0,0,0,0.1);border-radius: 2px;padding: 1.5rem;position: relative;}
.feature-box.boxed .icon {position: absolute;top: -38px;left:50%;margin-left: -38px;}
.feature-box.boxed .icon.icon-line {background: #fff;}
.feature-box.feature-lg.boxed .icon {top: -48px;margin-left: -48px;}
.feature-box.boxed h3 {margin-top: 3rem;}
.feature-box.boxed .btn {margin-right: 0 !important;}
.feature-box.feature-icon-right {text-align: right;}
.feature-box.feature-icon-right .icon {margin-right: 0;margin-left: 1.3rem;float: right;}
.feature-box.feature-image, .feature-box.feature-image .feature-content {display: block;text-align: left;}
.feature-box.feature-image img {display: block;margin-bottom: 20px;}

.feature-box-minimal {margin-bottom: 10px;}
.feature-box-minimal .feature-content {padding-bottom: 0px;display: block;}
.feature-box.feature-box-minimal .icon {font-size: 32px;margin-top: 3px;margin-right: 5px;float: left;}
.feature-box-minimal .feature-content p {font-size: 15px;}

.feature-box:not(.center) .icon.icon-simple {margin-right: 10px;}
.feature-box .icon.icon-simple i {padding-top: 6px;}

.feature-list {padding-left: 0px;color: #777;list-style: none;}
.feature-list li {margin-bottom: 6px;padding-left: 28px;position: relative;}
.feature-list i {display: inline-block;position: absolute;left: 0;top: 7px;}



.feature-box.pie-animated {display: table;height: 100%;}
.feature-box.pie-animated .circular-bar {padding: 0;}
.feature-box.pie-animated .circular-bar, .feature-box.pie-animated .feature-content {display: table-cell;vertical-align: middle;height: 100%;position: relative;}
.feature-box.pie-animated .feature-content {padding-left: 2rem;}
.feature-box.pie-animated .feature-title {text-transform: uppercase;}
.feature-box.pie-animated .circular-bar .circular-bar-content {margin-top: auto;position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;margin-left: -30px;margin-top: -14px;}
.feature-box.pie-animated .circular-bar .circular-bar-content strong { }
.feature-box.pie-animated .circular-bar .circular-bar-content strong {font-size: 42px;font-weight: 700;}


@media (max-width: 1200px){
  .feature-box {margin-bottom: 1.6rem;}
  .feature-box p, .split-section .feature-box p {font-size: 1rem;line-height: 1.6;}
}

@media (max-width: 992px){
  div[class*="col-lg-"] .feature-box, div[class*="col-lg-"] .feature-box.m-t-80 {margin: 0 auto 2.2rem auto !important}
  div[class*="col-lg-"] .feature-box.feature-full {width: auto}
  div[class*="col-lg-"] .feature-box .icon, div[class*="col-lg-"] .feature-box .feature-content {float:none;text-align: center;margin: 0 auto;display: block}
  div[class*="col-lg-"] .feature-box .icon {margin-bottom: 1rem;}
  div[class*="col-lg-"] .feature-box.feature-icon-right .icon {position: absolute;top:0;left:50%;margin-left: -38px;}
  div[class*="col-lg-"] .feature-box.feature-icon-right .feature-content {padding-top: 90px;}
}


.custom-list4 li {
  list-style-type: circle !important;
  list-style-position: outside;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  padding: 0.5em 0;
}



/********* END ASHBURY BAGS FEATURES MODAL - POP UP WINDOW  *************************/











.contest-container{
  width: 100%;
  height: 1200px;
  margin: 0 auto;
}

.contest-image{
  width: 100%;
  height: 100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
}

.contest-image-overlay{
  position:relative;
  top: -30%;
  width: 40%;
  height: 50%;
  color:white;
  font-size:1.5em;
  line-height: 1.2;
  text-align:center;
  margin: 0 auto;
  padding: 0;
}

.contest-image-overlay h1{
  color:#fff;
  font-size: 2em;
  font-weight: 800;
  line-height: 1.125em ;
  text-transform: uppercase;
}

.animate-text{
  visibility:visible;
  animation: animate-text;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.665, -0.235, 0.240, 1.240);
}

@keyframes animate-text {
    0%   {
      opacity:0;
      top: 100%;
  }
  100% {
      opacity:1;
  }
}







/** PROJECT INK
************************************************************************************/

.project-ink__BG {
  background-image: url("your image url");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: left;
  width: auto;
}

.project-ink__content {
  font-family: "Oswald", sans-serif;
  color: #222;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.project-ink__content h1 {
  font-size: 4.5em;
  font-weight:800;
  line-height: 1.2;
  color: #000;
  font-style: normal;
  text-transform: uppercase;
}
.project-ink__content h2 {
  font-size: 2.33em;
  font-weight:500;
  line-height: 1.5;
  color: #555;
  padding:0 5%;
}
.project-ink__content p {
  font-family: "Oswald", sans-serif;
  font-size: 2.2em;
  color: #333;
}

@media only screen and (max-width: 767px){
  .project-ink__content h1 {
    font-size: 2em;
    font-weight:700;
    line-height: 1.2;
    color: #000;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom:30px;
  }
  .project-ink__content h2  {
    font-size: 1.2em;
    font-weight:500;
    line-height: 1.5;
    color: #555;
    padding:0 5%;
  }
  .project-ink__content p {
    font-family: "Oswald", sans-serif;
    font-size: 1.7em;
    color: #333;
  }
}


.videoWrapperOuter {
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}
.videoWrapperInner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: auto;
}
.videoWrapperInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.overlay-Carrousel {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #080d15;
  opacity: .5;
}

.carousel-inner .height-500px {
  height: 50vh !important;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.project-ink-bg-theme {
    padding: 100px 0;
}
.project-ink-feature-block1 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: rgba(255,255,255,0.85);
}
.project-ink-feature-block1 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: rgba(255,255,255,0.85)}
.project-ink-feature-block1.line {
    position: relative}
.project-ink-feature-block1.line:after {
    content: '';
    position: absolute;
    width: 69%;
    height: 2px;
    top: 50px;
    left: 70%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px dashed #fff}
.project-ink-feature-block1 .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    margin-bottom: 35px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: rgba(255,255,255,0.9);
  }

.project-ink-feature-block1 .icon i {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 95px;
    xcolor: #4e54c8;
    color: purple;
    font-size: 40px;
  }

.project-ink-feature-block1 .title {
    font-size: 18px;
    letter-spacing: 1.12px;
    margin-bottom: 15px;
    color: #fff;
  }

.project-ink-feature-block1:hover .icon {
    background: #ffcc00; /*#4e54c8;*/
  }

.project-ink-feature-block1:hover .icon i {
    color: #fff;
  }

.project-ink-feature-block1 .icon {
    position: relative;
    height: 100px;
    width: 100px;
    text-align: center;
    display: inline-block;
    line-height: 100px;
    border-radius: 50%;
    transition-duration: 0s;
    -ms-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s}
.project-ink-feature-block1:hover .icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 80px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite}
.project-ink-feature-block1:hover .icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 95px;
    width: 95px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite}
.project-ink-feature-block1:hover .icon:after,.project-ink-feature-block1:hover .icon:before {
    border-color: rgba(255,255,255,0.5)}
@keyframes pulse-border {
    0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1}
100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0}
}
@media screen and (max-width: 1199px) {
.project-ink-feature-block1 .icon i {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 36px}
.project-ink-feature-block1 .title {
    margin-bottom: 10px}
.project-ink-feature-block1 .icon {
    width: 90px;
    height: 90px;
    margin-bottom: 25px}
.project-ink-feature-block1.line:after {
    width: 65%;
    left: 73%}
}
@media screen and (max-width: 991px) {
.project-ink-feature-block1 .title {
    font-size: 17px}
.project-ink-feature-block1 .icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px}
.project-ink-feature-block1 .icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 32px}
.project-ink-feature-block1.line:after {
    width: 65%;
    left: 75%;
    top: 40px}
}
@media screen and (max-width: 767px) {
.project-ink-feature-block1 {
    margin-bottom: 90px}
.project-ink-feature-block1 .title {
    font-size: 16px;
    margin-bottom: 5px}
.project-ink-feature-block1 .icon {
    width: 70px;
    height: 70px;
    margin-bottom: 15px}
.project-ink-feature-block1 .icon i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 28px}
.project-ink-feature-block1.line {
    top: 0}
.project-ink-feature-block1.line:after {
    width: 1px;
    left: 0;
    top: auto;
    bottom: -42%;
    right: 0;
    margin: 0 auto;
    height: 35%}
}

/* card */
.card-img-wrapper {
  position: relative;
  cursor: pointer !important;
}

.card-img-wrapper::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0;
  top: 0;
  left: 0;
  transition: .2s;
}

.card-body-2 {
  position: relative;
  transition: .2s ease;
  border-radius: 0 0 5px 5px;
  cursor: pointer !important;
}

.card-body-2::before {
  position: absolute;
  content: '';
  height: 30px;
  width: 30px;
  background: #fff;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
  transition: .2s ease;
}

.card:hover .card-img-wrapper::before {
  opacity: .4;
}

.card-body-2 h5 {
  font-size: 1.3em;
  padding-top: 10px;
}

.card:hover .card-body-2 {
  background: #8e1175;
}

.card:hover .card-body-2 h5,
.card:hover .card-body-2 h6,
.card:hover .card-body-2 a {
  color: #fff !important;
}

.card:hover .card-body-2::before {
  background: #8e1175;
}

.overlay-rounded-top::before {
  border-radius: 5px 5px 0 0;
}


.projectink_slide_down_01 {
    padding:0 19px;
    display:none;
    width: 100%;
}
.projectink_slide_down_02 {
    padding:0 19px;
    display:none;
    width: 100%;
}
.projectink_slide_down_03 {
    padding:0 19px;
    display:none;
    width: 100%;
}

.project-ink__artist p{
  font-size:1.3em;
  line-height: 1.8;
  padding-left:5%;
  padding-right:5%;
}

.project-ink__header-image-caption h1 {
  font-family: "Oswald", sans-serif;
    color: #2A2F33;
    text-align: left;
    margin-bottom: 1.5 rem;
    margin-top: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 3em;
    line-height: 1.5;
    margin: 0 auto;
}
.project-ink__header-image-caption span {
    color: #999;
}
.project-ink__header-image-caption h2 {
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: 300;
  color: #333;
}
.project-ink__header-image-caption img {
    border:4px dashed #ddd;
    padding:5%;
}
.project-ink__header-image-caption .bar-line {
    width: 6.0rem;
    border-bottom: 6px solid #cacccd;
    margin: 15px 0 40px 0;
}



.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}


/** END PROJECT INK ****************************/




/*--------------------------------------------------============================================================
										50. Promo modal
=================================================--------------------------------------------------------------*/
.message {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: #b2b2b2;
	opacity: 0.90;
	z-index: +1;
}
#message {
	width: 100%;
	height: 485px;
	font-size: 14px;
	overflow-y: scroll;
}
.message_leave {
	width: 100%;
	height: 15px;
	text-align: center;
	background: #f5f5f5;
	font-size: 10px;
}
.message_pad {
	position: fixed;
	left: 200px;
	margin-top: 65px;
	width: 500px;
	height: 500px;
	padding: 5px;
    color: #000000;
	background: #f5f5f5;
	border: 2px solid;
	border-color: #9a9a9a;
	border-radius: 10px;
	box-shadow: 0px 4px 15px #000000;
}
/* Styles for dialog window */
.xs-promoPopup {
  text-align: left;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  min-height: 460px;
  background-image: url(../images/promo_overlay.png); }

.promo-image-container img {
  width: 100%; }

.promo-text-container {
  padding: 0 15px; }
  .promo-text-container .xs-newsletter {
    width: calc(100% - 65px); }
  .promo-text-container .xs-newsletter input:not([type="submit"]) {
    border: 1px solid rgba(0, 99, 209, 0.27);
    border-radius: 0px;
    padding-left: 20px; }
    .promo-text-container .xs-newsletter input:not([type="submit"])::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #6d6d6d; }
    .promo-text-container .xs-newsletter input:not([type="submit"])::-moz-placeholder {
      /* Firefox 19+ */
      color: #6d6d6d; }
    .promo-text-container .xs-newsletter input:not([type="submit"]):-ms-input-placeholder {
      /* IE 10+ */
      color: #6d6d6d; }
    .promo-text-container .xs-newsletter input:not([type="submit"]):-moz-placeholder {
      /* Firefox 18- */
      color: #6d6d6d; }
  .promo-text-container .btn:not([data-toggle="popover"]) {
    border-radius: 0px;
    padding: 0px;
    min-width: 67px;
    font-size: 1.14286em;
  }

/* END PROMO MODAL **/





/* BRANDING PAGE ********************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************/
.mbr-parallax-background,
.mbr-background {
  background-attachment: fixed !important;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.mbr-hidden-scrollbar .mbr-parallax-background {
  background-size: auto 130%;
}
.mobile .mbr-parallax-background {
  background-attachment: scroll !important;
}
.mbr-background {
  background-attachment: scroll !important;
}

.mbr-section--bg-adapted {
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mbr-section--relative {
  position: relative;
}

/* END BRANDING PAGE *****************/






.list-style-3 {
  list-style: none;
  margin: 0 auto;
  padding: 0}
.list-style-3 li {
  position: relative;
  padding: 0 0 0 22px;
  margin: 0 0 15px 0}
.list-style-3 li:before {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #232323;
  position: absolute;
  top: 13px;
  left: 0;
}


.list-style-5 {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.list-style-5 li {
  position: relative;
  padding: 0 0 10px 25px;
  margin: 0 0 10px 0;
  margin-left:20px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.list-style-5 li:before {
  content: "\f192";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Pro";
  color: #c0c0c0;
}
.list-style-5 li:first-child {
  padding-top: 10px;
}
.list-style-5 li:first-child:before {
  top: 11px;
}
.list-style-5 li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.list-style-5.list-style-color li {
  border-color: rgba(255,255,255,0.15);
}
.list-style-5.list-style-color li:before {
  color: #232323;
}



.list-style-5B {
    list-style: none;
    margin: 0 auto;
    padding: 0;
  }
.list-style-5B li {
    position: relative;
    padding: 10px 25px;
    margin-left:20px;
    border-top: 1px solid rgba(0,0,0,0.1);
  }
.list-style-5B li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f192";
    position: absolute;
    top: 8;
    left: 0;
    color: #c0c0c0;
  }

.list-style-5C {
    list-style: none;
    margin: 0 auto;
    padding: 0;
  }
.list-style-5C li {
    position: relative;
    padding: 10px 25px;
    margin-left:20px;
    border-top: 1px solid rgba(0,0,0,0.1);
  }
.list-style-5C li:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f00c";
    position: absolute;
    top: 8;
    left: 0;
    color: #c0c0c0;
  }



.list-style-5D {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.list-style-5D li {
  position: relative;
  padding: 10px 25px;
  margin-left:20px;
  border-top: 1px solid rgba(0,0,0,0.1);
}
.list-style-5D li:before {
font-family: 'Font Awesome 5 Pro';
content: "\f061";
  position: absolute;
  top: 8;
  left: 0;
  color: #c0c0c0;
}







/* 3D VIRTUAL SHOWROOM PAGE
================================================== */
.section--top--border {
  background-image: radial-gradient(ellipse at center 0,#eee 0,#fff 500px);
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px){
  .section--top--border {
      padding: 140px 0 25px;
  }
}

.shape {
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: 0;
  left: 0;
}
.shape > svg {
  -webkit-transform: scale(2);
          transform: scale(2);
  width: 100%;
  height: 0 auto;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.shoowroom-wrapper {
  font-family: 'Poppins', sans-serif !important;
  position: relative;
  color: #514e52;
}
.shoowroom h1 {
  position: relative;
  font-family: 'Poppins', sans-serif !important;
  font-size: 40px;
  font-weight: 700;
  color: #514e52;
  line-height: 50px;
  padding-bottom: 20px;
}
.shoowroom h2 {
  position: relative;
  font-family: 'Poppins', sans-serif !important;
  font-size: 30px;
  font-weight: 700;
  color: #514e52;
  line-height: 0 auto;
}
.shoowroom p {
  position: relative;
  font: 400 15px Poppins;
  color: #514e52;
  line-height: 24px;
  max-width: 720px;
  margin: 23px auto 0;
}
.shoowroom .label {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  text-transform: uppercase;
  color: #1c496e;;
  padding-bottom: 20px;
}
@media only screen and (max-width: 760px) {
  .shoowroom h1 {
    font-size: 24px;
    font-weight:600;
    line-height:1.3;
    padding-bottom:0px;
  }
  .shoowroom .label {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    padding-bottom:10px;
  }
}

.showroom--arrow-icon {
  width: 45px;
  position: absolute;
  left: 200px;
  fill: #fff;
  bottom: 0;
  margin: 0 auto;
}


.arrow--btn {
  color: #333;
}
.arrow--btn::after {
  display: inline-block !important;
  padding-left: 8px;
  content: "➞";
  font-size: 24px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.arrow--btn:hover {
  color: #0c5449;
  background-color: #f6f3ed;
}
.arrow--btn:hover::after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}

.shoowroom-btn {
  background-image: none;
  display: inline-block;
  position: relative;
  border: 1px dashed #aaa;
  box-sizing: border-box;
  border-radius: 52px;
  cursor: pointer;
  padding: 20px 40px;
  padding-right:70px;
}
.shoowroom-btn:hover{
  border: 1px dashed #000;
  background: #f2f2f2;
  box-shadow: 0 0 40px 0 rgba(17,17,17,0.25);
}
.shoowroom-btn i {
  position: absolute !important;
  display: inline-block;
  position: relative;
  top: 30px;
  right:24px;
  font-size: 34px;
  xmargin: 0 20px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.shoowroom-btn i:hover, .shoowroom-btn:hover i{
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}
.shoowroom-btn h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 5px ;
}
.shoowroom-btn p {
  font-weight: 500;
  font-style: italic;
  margin: 0 5px ;
  color: #ffcc00;
}
@media only screen and (max-width: 760px) {
  .shoowroom-btn {
    padding: 10px 30px;
    padding-right:30px;
  }
  .shoowroom-btn h3 {
    font-size: 15px;
    font-weight: 500;
  }
  .shoowroom-btn p {
    font-size: 12px;
    font-weight: 400;
    display: none;
  }
  .shoowroom-btn i {
    display: none;
  }
}


.sketchfav-img-wrap {
  width:100%;
  margin: 20px 0;
}
.shoowroom-banner {
  position: relative;
  background-position: 50% 65% !important;
	background-size:cover !important;
	height:650px;
	width:100%;
  overflow: hidden;
}
.shoowroom-banner-overlay {
  background-color: rgba(0, 0, 0, 1);
  opacity: 0.35;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.bg-animation-left:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60%;
  height: 100%;
  background: #333 none repeat scroll 0 0;
  opacity: 0.75;
  -webkit-clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
  clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
}
.shoowroom-banner-content {
  z-index: 2;
}
.shoowroom-banner h1 {
    font-family: 'Titillium Web',sans-serif !important;
    font-size: 70px;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
.shoowroom-banner h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 27px;
    letter-spacing: 5px;
    margin-bottom: 0;
    margin-top: 0;
}
.shoowroom-banner h3 {
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 5px;
    margin-bottom: 0;
    margin-top: 0;
    padding:10px 0;
}
.shoowroom-banner p {
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 0;
    padding:10px 0;
}
@media only screen and (max-width: 760px) {
  .shoowroom-banner h1 {
    font-size: 45px;
    line-height: 1;
  }
}


.shoowroom-bg-01 {
    padding: 60px 0;
    background-color: #fff;
}
.shoowroom-bg-02 {
    padding: 100px 0;
    background-color: #1c496e;
}
.shoowroom-bg-03 {
    padding: 100px 0;
    background-color: #eee;
}
.shoowroom-bg-04 {
    padding: 100px 0;
    background-color: #1c496e;
}


.showroom-card {
    background-color: transparent;
    border: none;
}
.showroom-card p {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    padding:20px 0;
}


.showroom-thumb-list {
  position: relative;
  margin: 24px 0;
}
.showroom-thumb-list li {
  width: 230px;
  display: inline-block;

  border-radius: 50%;
  margin: 0 25px;
  transition: all .15s ease-out;
  text-align: center;
  line-height: 62px;
  margin-bottom: 8px;
}
.showroom-thumb-list li > img{
  width:100%;
  border-radius: 5px;
}




/** 3D SKETCHFAV IFRAME OVERRIDE  ******************/
.sketch-3D-container {
  position: relative;
  height: auto;
  overflow: hidden;
  background: rgb(34,34,34);
  background: linear-gradient(0deg, rgba(34,34,34,1) 4%, rgba(255,255,255,0) 50%, rgba(241,241,241,1) 95%);
}
.sketch-3D-container-16x9 {
  padding-bottom: 45.25%;
}
.sketch-3D-container iframe {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  width: 97%;
  height: 100% !important;
  margin: 0 auto;
  padding: 0;
}
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
/** END 3D SKETCHFAV IFRAME OVERRIDE  ******************/



.hotspot-list {
  position: relative;
  margin: 24px 0;
}
.hotspot-list i{
  font-size:24px;
  position: relative;
  top:5px;
}
.hotspot-list li {
  width: 64px;
  height: 64px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin: 0 5px;
  transition: all .15s ease-out;
  text-align: center;
  line-height: 62px;
  margin-bottom: 8px;
}
.hotspot-list li:hover {
  width: 64px;
  height: 64px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin: 0 5px;
  transition: all .15s ease-out;
  text-align: center;
  line-height: 62px;
  margin-bottom: 8px;
}

.scale_image_container_wrap {
  position: relative;
  margin:20px 0;
}
.scale_image_container_wrap p {
  color: #333;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
  padding: 15px 0;
  font-family: 'Poppins', sans-serif !important;
}
.scale_image_container {
  position: relative;
  overflow: hidden;
	display: block;
	border-radius: 5px;
}
.scale_image_container img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  border-radius: 5px;
}
.scale_image_container:hover img {
  transform: scale(1.1);
    -webkit-transform: scale(1.1);
  filter: brightness(100%) blur(2px);
  box-shadow: 0 0 40px 0 rgba(17,17,17,0.25);
}
.scale_image_container span {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 font-family: 'Poppins', sans-serif !important;
 background: #ffc107;
 color: #fff;
 font-size: 18px;
 font-weight: 600;
 margin: 0 auto;
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 border-radius: 5px;
 border-bottom-left-radius: 0px;
 border-top-right-radius: 0px;
 overflow: hidden;
 z-index: 1;
}
.scale_image_container .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.4s;
  color: #fff;
  font-family: sans-serif;
  z-index: 1;
}
.scale_image_container:hover .overlay {
  opacity: 1;
}
.scale_image_container .black_round_button::after {
  display: inline-block;
  position: relative;
  top: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  margin-left: 7px;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  transition: margin-left 0.2s linear 0s;
  transition: all 0.3s ease 0s;
}
.scale_image_container .black_round_button:hover::after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}



.showroom--thumbs section {
   position: absolute;
   bottom: -50px;
   left: 0;
   right: 0;
   margin: 0 30px;
   box-shadow: 0 0 40px 0 rgba(17,17,17,0.25);
   padding: 0 20px 5px;
   -webkit-transition: all 0.2s linear;
   transition: all 0.2s linear;
   background: #fff;
   xbackground: rgba(255, 255, 255, 0.8);
   border-radius: 5px;
}
.showroom--thumbs h2 {
    margin: 5px 0 5px;
    font-size: 22px;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
}
.showroom--thumbs p {
    position: relative;
    right: 0;
    margin-top: 10px;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
}
.showroom--thumbs section p:first-child {
    display: inline-block;
    background: #ffc107;
    color: #fff;
    font-weight: 800;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: -20px;
}

.showroom--thumbs > a {
  position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
}
.showroom--thumbs > a > img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  opacity: 1;
}
.showroom--thumbs > a > img:hover {
  transform: scale(1.06);
    -webkit-transform: scale(1.06);
  filter: brightness(70%) blur(.5px);
}

.showroom--thumbs:hover img:hover:after {
  position: absolute;
  display: block;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 30px;
  content: "\f002";
  color:white;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: 0.4s ease-out;
  z-index: 999999999;
}
.icon--show {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 30px;
  content: "\f002";
  color:white;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: 0.4s ease-out;
  z-index: 999999999;
}


.showroom--thumbs span {
  position: absolute;
  top: 0;
  left: 15px;
  width: 100%;
  font-family: 'Poppins', sans-serif !important;
  background: #ffc107;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  overflow: hidden;
}
.showroom--thumbs img span:hover  {
  width: 100%;
  -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  overflow: hidden;
  cursor: pointer;
}

.showroom--thumbs .black_round_button::after {
  display: inline-block;
  position: relative;
  top: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  margin-left: 7px;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  transition: margin-left 0.2s linear 0s;
  transition: all 0.3s ease 0s;
}
.showroom--thumbs .black_round_button:hover::after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
  xpadding-right: 4px;
}

.showroom--clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: auto;
}


.showroom-supplement {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height:700px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  xmargin-bottom: 40px;
}
.showroom-supplement-overlay {
  opacity: 1;
}
.showroom-supplement .showroom-supplement-overlay {
    background-color: rgb(15, 118, 153);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.showroom--supplement--content{
  color:#fff !important;
  z-index: 1000;
}
.showroom--supplement--content h1{
  color:#fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700;
  font-size: 3.25rem;
  line-height: 50px;
  margin: 11px auto 0;
  padding-bottom: 15px;
}
.showroom--supplement--content p{
  color:#fff !important;
  font-size: 15px;
}
@media only screen and (max-width: 760px) {
  .showroom--supplement--content h1{
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.3;
    margin: 11px auto 0;
    padding-bottom: 15px;
  }
  .showroom--supplement--content p{
    line-height: 1.3;
  }
}

/* SHOWROOM FAQ ACCORDION PANELS */
#showroom-faq-main {
  xmargin: 0 auto;
  margin: auto 0;
  color:#000;
}
#showroom-faq-main #faq .card {
  margin-bottom: 10px;
  border: 0;
}
#showroom-faq-main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}
#showroom-faq-main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  xbackground: #eee;
  xcolor: #222;
  background: #ffcc00;
  color: #fff;
  padding: 14px;
}
#showroom-faq-main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  float: right;
}
#showroom-faq-main #faq .card .card-header .btn-header-link.collapsed {
  background: #999;
  color: #fff;
  xbackground: #ffcc00;
  xcolor: #fff;
}
#showroom-faq-main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}
#showroom-faq-main #faq .card .collapsing {
  background: #eee;
  line-height: 30px;
}
#showroom-faq-main #faq .card .collapse {
  border: 0;
}
#showroom-faq-main #faq .card .collapse.show {
  background: #eee;
  color: #222;
  line-height: 1.8;
}
@media only screen and (max-width: 760px) {
  #showroom-faq-main {
    margin-top: 50px;
    color:#fff;
  }
  #showroom-faq-main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #FFCC00;
    color: #FFF;
    padding: 10px;
  }
  #showroom-faq-main #faq .card .collapse.show {
    line-height:1.5;
  }
}

.key-tutorial-modal{
  background-color: #fff !important;
}
.key-tutorial-modal i{
  color: #222 !important;
  font-size: 50px;
}

/*--------------------------------------------------------------
  WHAT TO EXPECT - 2 COLUMNS
  --------------------------------------------------------------*/
.section__image {
  width: 100%;
  position: relative;
  font-family: 'Poppins', sans-serif !important;

}
.comp-image img {
  max-height: 830px;
  padding: 2rem;
  margin-bottom: 100px;
}
  @media (max-width: 760px){
    .comp-image img {
      max-height: 830px;
      padding: 0rem;
      margin-bottom: 0px;
    }
  }

.section__image .section__image-detail .section__image-detail-inner {
  padding: 4rem 5rem 0 3.5rem;
  z-index: 9;
  width: 100%;
  position: relative;
}
  @media (max-width: 760px){
    .section__image .section__image-detail .section__image-detail-inner {
      padding-left: 1.5rem!important;
      padding-right: 1.5rem!important;
      padding-top: 4rem!important;
    }
  }
.section__image.image-left .section__image-detail-inner::before {
    content: '';
    position: absolute;
    top: 80px;
    left: -40px;
    width: 150px;
    height: 5px;
    background-color: #ffcc00;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 760px){
  .section__image.image-left .section__image-detail-inner::before {
      position: absolute;
      height: 60px;
      width: 5px;
      left: 0;
      background-color: #ffcc00;
      content: ' ';
      margin: 0 auto;
      margin-top: -110px;
      margin-left: 25PX;
    }
}
.section__image.image-right .section__image-detail-inner::after {
    content: '';
    position: absolute;
    top: 80px;
    right: -180px;
    width: 150px;
    height: 5px;
    background-color: #ffcc00;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 760px){
  .section__image.image-right .section__image-detail-inner::after {
      position: absolute;
      left: 0;
      height: 60px;
      width: 5px;
      background-color: #ffcc00;
      content: ' ';
      margin: 0 auto;
      margin-top: -110px;
      margin-left: 25PX;
    }
}

.section__image .section__image-detail .section__image-detail-inner span.number {
    border: 2px solid #ffcc00;
    padding: 4px 13px;
    border-radius: 50%;
    color: #003c71;
    font-weight: 600;
    float: left;
}
.section__image .section__image-detail .section__image-detail-inner span.number {
    border: 2px solid #ffcc00;
    padding: 4px 13px;
    border-radius: 50%;
    color: #003c71;
    font-weight: 600;
    float: left;
}
.section__image .section__image-detail .section__image-detail-inner span.number {
    border: 2px solid #ffcc00;
    margin-top: -.16em;
    border-radius: 50%;
    color: #003c71;
    font-weight: 600;
    width: 36px;
    height: 36px;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: -webkit-box!important;
    display: flex!important;
}
.section__image .section__image-detail .section__image-detail-inner .row-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 1em 0 0 0;
}
.section__image .section__image-detail .section__image-detail-inner .row-item .col-number {
  padding: 0 0.5em 0 0;
}
.section__image .section__image-detail-inner .row-item .col-text {
  padding: 0 0.5em !important;
}
.section__image .section__image-detail-inner h2 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 30px;
  font-weight: 600;
  color:#514e52;
}
.section__image .section__image-detail-inner h3 {
  margin-top: 5px;
  font-family: 'Poppins', sans-serif !important;
  color:#514e52;
}
.section__image .section__image-detail .section__image-detail-inner .col-text p {
    font-weight: 300;
    font-size: 15px!important;
    line-height: 25px;
    color:#514e52;
    letter-spacing: normal;
}


/** END SHOWCASE VIRTUAL ROOM *****/






  /*------------------------------------
    START SLICK SLIDER - BOTTOM PAGE
  ------------------------------------*/
  /*
  .slick-slide {
      margin: 0px 20px;
  }

  .slick-slide img {
      width: 100%;
  }

  .slick-slider
  {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
              user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }

  .slick-list
  {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0 auto;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
  }

  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }

  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }

  .slick-slide
  {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
      height: 0 auto;
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }

  */

  /*------------------------------------
    END SLICK SLIDER
  ------------------------------------*/






/*------------------------------------
  API YOUTUBE - SPECTOR TV PAGE
------------------------------------*/

ul.smallVideoItemsUL {
 list-style: none;
 font-size: 0px;
 margin-left: -2.5%;
}

ul.smallVideoItemsUL li {
 display: inline-block;
 padding: 10px;
 margin: 15px;
 background: #fff;
 border: 1px solid #ddd;
 font-size: 16px;
 font-size: 1rem;
 vertical-align: top;
 box-shadow: 0 0 5px #ddd;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 text-align: center;
 xborder-bottom: 5px solid #999;
 min-height:285px;
 line-height: auto;
}


ul.smallVideoItemsUL li:hover{
	box-shadow: 0 0 12px #666;
	opacity: 0.7;
  xborder-bottom: 5px solid #333;
	cursor: pointer;
  min-height:285px;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: .3s ease;
  background: url(https://www.slatecube.com/images/play-btn.png);
  background-size:contain;
  background-repeat: no-repeat;
  z-index: 99999999999999999 !important;
}


ul.smallVideoItemsUL li img {
 max-width: 100%;
 height: 0 auto;
 margin: 0 0 10px;
}


ul.smallVideoItemsUL li h3 {
 margin: 0 0 5px;
 font-size: 13px;
 font-style: normal;
 font-weight: lighter;
 text-decoration: none !important;
 color: #000;
 padding-top: 10px;
 line-height: normal;
}
ul.smallVideoItemsUL li p {
 font-size: .9em;
 line-height: 1.5em;
 color: #999;
}
/* class for 2 columns */
ul.smallVideoItemsUL.columns-2 li {
 width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.smallVideoItemsUL.columns-3 li {
 width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.smallVideoItemsUL.columns-4 li {
 width: 22.5%; /* this value + 2.5 should = 25% */
}

@media (max-width: 480px) {
 ul.grid-nav li {
   display: block;
   margin: 0 0 5px;
 }
 ul.grid-nav li a {
   display: block;
 }
 ul.smallVideoItemsUL {
   margin-left: 0;
 }
 ul.smallVideoItemsUL li {
   width: 100% !important; /* over-ride all li styles */
   margin: 0 0 20px;
 }
}

/* END API YOUTUBE - SPECTOR TV PAGE */




/*------------------------------------
  BRANDING PAGE
------------------------------------*/
.about p {
    color: #2c2e3d;
    font-size: 15px;
    line-height: 1.5;
}

.about h2 {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 1rem;
    font-size: 2.2rem;
}

.about h3 {
  font-weight: 500 !important;
  text-transform: none !important; /* capitalize */
  margin-bottom: 2rem !important;
  font-size: 20px !important;
}

@media only screen and (max-width: 767px) {
  .about h2 {
    font-weight: 600;
    text-transform: none;
    margin-bottom: 1rem;
    font-size:1.5rem;
    line-height: 1.5;
  }
  .about h3 {
    font-weight: 500 !important;
    text-transform: none !important;
    margin-bottom: 1.5rem !important;
    font-size: 18px !important;
  }
}



.watermark-text-branding {
  display: block;
  position: absolute;
  font-size: 10em;
  color: #F0F0F0;
  font-weight: 700;
  top: 24px;
  width: 100%;
  text-align: center;
  pointer-events: none;
  z-index: -1;
}

@media only screen and (max-width: 767px){
.watermark-text-branding {
  font-size: 10em;
  display: none !important;
  }
}




/*------------------------------------------------------------------------
  HOME PAGE TOP BANNER - Responsive full width image
------------------------------------------------------------------------*/

.full-width-image {
  position: relative;
  width: 100%;
}
.full-width-image .overlay24 {
  position:absolute;
  left:0;
  right:0;
  bottom: 100%;
  transition: all .35s;
  -webkit-transition: all .35s;
  text-align: center;
  color:black;
  height:0px;
  opacity: 0;
}
.full-width-image:hover .overlay24{
  bottom:70%;
  opacity: 1;
}

.full-width-image .overlay24 a{
  position: relative;
  background: #fff;
  border: #fff solid 1px;
  text-align: center;
  padding:15px 30px;
  border-radius: 25px;
  box-shadow: rgba(0,0,0,0.3) 0px 3px 1px !important;
}
.full-width-image .overlay24 a:hover {
  border: #fff solid 1px;
  background: #ccc;
  color:#000 !important;
}




/*****************
HOME PAGE HOME PAGE HOME PAGE HOME PAGE HOME PAGE HOME PAGE HOME PAGE HOME PAGE
*******************************************************************************/


.holiday-banner {
  color:#000;
  line-height: 1.2;
  border-top: 0px solid rgb(214, 214, 214);
  border-bottom: 1px solid rgb(214, 214, 214);
  padding: 20px 5px;
  position: relative;
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='150' height='150' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M29.18 6.54l.8-.61-1.23-1.62L32 4.24l-.03-1.04-2.15.08L31.08 1l-.89-.49-1.57 2.81-4.82.16.02 1 3.7-.12zM15.36-7.7l-.84-.57-1.16 1.65-1.1-3.06-.96.37.76 2-2.57-.47-.2 1 3.19.58 1.67 4.55.95-.34-1.28-3.47zm6.06-3.14a5.4 5.4 0 107.64 4.87zm1.75 3.29a.55.55 0 01.17.76.55.55 0 01-.76.17.55.55 0 01-.17-.76.55.55 0 01.76-.17zm2.27 1.44a.55.55 0 01.17.77.55.55 0 01-.76.16.55.55 0 01-.17-.76.55.55 0 01.76-.17zm-.04-10l-2.45 3.84-1.16-.74-.71 1.11 9.06 5.77.7-1.1-1.13-.73 2.45-3.85zM21.27-2.05A8.02 8.02 0 0010.2.4a8.02 8.02 0 002.45 11.07 8.02 8.02 0 0011.07-2.45 8.02 8.02 0 00-2.45-11.07zM19.53.5a.55.55 0 01.17.76.55.55 0 01-.76.17.55.55 0 01-.17-.76.55.55 0 01.76-.17zm-1.9 2.97a.55.55 0 01.18.76.55.55 0 01-.76.17.55.55 0 01-.17-.76.55.55 0 01.76-.17zm-1.87 2.94a.55.55 0 01.17.77.55.55 0 01-.76.16.55.55 0 01-.17-.76.55.55 0 01.76-.17zM56.8 89.56l.32-.96-1.92-.65 2.65-1.87-.6-.85-1.75 1.27-.22-2.6-1 .09.26 3.2-3.91 2.83.57.81 3-2.15zm-19.42-4.11h-1l-.05 2.02-2.62-1.93-.59.84 1.74 1.24-2.39 1.04.4.94 2.96-1.3 3.93 2.85.6-.81-3-2.16zm3.28-5.99a5.4 5.4 0 109.06-.22zm3.29 1.76a.55.55 0 01.57.53.55.55 0 01-.54.57.55.55 0 01-.56-.54.55.55 0 01.53-.56zm2.7-.07a.55.55 0 01.56.54.55.55 0 01-.54.56.55.55 0 01-.56-.54.55.55 0 01.53-.56zM41 72.87l.11 4.56-1.37.03.03 1.32 10.74-.27-.03-1.31-1.35.03-.11-4.56zm4.42 13.97a8.02 8.02 0 00-7.82 8.22 8.02 8.02 0 008.22 7.81 8.02 8.02 0 007.81-8.21 8.02 8.02 0 00-8.21-7.82zm-.02 3.1a.55.55 0 01.57.53.55.55 0 01-.54.57.55.55 0 01-.56-.54.55.55 0 01.53-.57zm.09 3.51a.55.55 0 01.56.54.55.55 0 01-.53.56.55.55 0 01-.57-.53.55.55 0 01.54-.57zm.08 3.5a.55.55 0 01.57.53.55.55 0 01-.54.56.55.55 0 01-.56-.53.55.55 0 01.53-.57zm80.6 43.78a6.43 6.43 0 015.26-.42c1.91.7 3.6 1.78 5.12 3.11.36.33.57.74.75 1.2a1.96 1.96 0 01-1.1 2.51c-.63.27-1.24.1-1.8-.15-.74-.36-1.42-.83-2.09-1.3-.62-.44-1.22-.84-1.91-1.16-.4-.17-.8-.26-1.28-.18a2.5 2.5 0 00-1.82 3.38 5.58 5.58 0 002.07 2.36c4.96 3.52 9.64 7.36 14.56 10.93.75.56 1.54 1.11 2.18 1.84.8.9.9 2.06.28 2.91a2.39 2.39 0 01-2.95.66c-.61-.3-1.08-.71-1.58-1.13-2.3-1.89-4.63-3.73-6.98-5.52-2.77-2.1-5.57-4.2-8.34-6.28a9.8 9.8 0 01-3.17-3.5 5.68 5.68 0 01-.83-3.35 6.88 6.88 0 013.63-5.91zm-2.07 2.63c-.4.63-.67 1.29-.82 2a7.6 7.6 0 00-.15 1.03c1.17.03 2.25-.28 3.43-.35v-.02h.02a3.42 3.42 0 011.86-2.04c.74-.3 1.44-.3 2.18.04.69.32 1.3.75 2 1.18l.61-.08c.75-.07 1.52-.16 2.32-.29l.09-.01 1.05-.18-.01-.01h.03c-.76-1.23-1.86-1.85-2.92-2.53l-2.96.38c-2.22.29-4.45.57-6.73.88zm-.42 5.97a8.53 8.53 0 00.41.8 6.85 6.85 0 001.64 1.92c1.4-.2 2.8-.37 4.35-.58-.44-.63-1.08-.84-1.52-1.27-.43-.42-.9-.83-1.43-1.3-1.05.1-2.19.27-3.45.43zm5.15 4.9l-.03.12a.29.29 0 00-.02.12c1.07.82 2.15 1.66 3.25 2.49h.05c1.46-.19 2.93-.36 4.58-.59-1.1-1.07-2.32-1.77-3.41-2.71h-.03l-.02-.01zm6.38 4.9a.2.2 0 00-.06.04c-.03.09.07.14.12.18l.02.01v.01l3.14 2.48 4.61-.61-.02-.03c-.48-.64-1.1-.96-1.64-1.37l-1.72-1.26c-1.38.15-2.84.28-4.27.6-.05-.05-.11-.08-.18-.05zm6.23 5.13l1.1.93c.26.2.5.4.77.55a4.3 4.3 0 00.45.24 2.4 2.4 0 00.38.11 1.88 1.88 0 00.88-.01 1.51 1.51 0 001-.88l.06-.18a1.4 1.4 0 00-.15-1.34l-2.19.27c-.7.07-1.4.17-2.3.31zM126.18-9.27a6.43 6.43 0 015.26-.42c1.91.7 3.6 1.78 5.12 3.11.36.33.57.74.75 1.2a1.96 1.96 0 01-1.1 2.51c-.63.27-1.24.1-1.8-.15-.74-.36-1.42-.83-2.09-1.3-.62-.44-1.22-.84-1.91-1.16-.4-.17-.8-.26-1.28-.18a2.5 2.5 0 00-1.82 3.38 5.58 5.58 0 002.07 2.36c4.96 3.52 9.64 7.36 14.56 10.93.75.56 1.54 1.11 2.18 1.84.8.9.9 2.06.28 2.91a2.39 2.39 0 01-2.95.66c-.61-.3-1.08-.7-1.58-1.13-2.3-1.89-4.63-3.73-6.98-5.52-2.77-2.1-5.57-4.2-8.34-6.28a9.8 9.8 0 01-3.17-3.5 5.68 5.68 0 01-.83-3.35 6.88 6.88 0 013.63-5.91zm-2.07 2.63c-.4.63-.67 1.29-.82 2.01a7.6 7.6 0 00-.15 1.02c1.17.03 2.25-.28 3.43-.35v-.02h.02a3.42 3.42 0 011.86-2.04c.74-.3 1.44-.3 2.18.04.69.32 1.3.75 2 1.18l.61-.07c.75-.08 1.52-.17 2.32-.3h.09c.34-.06.7-.12 1.05-.2h-.01.03c-.76-1.23-1.86-1.85-2.92-2.53l-2.96.38c-2.22.29-4.45.57-6.73.88zm-.42 5.97a8.53 8.53 0 00.41.81 6.85 6.85 0 001.64 1.9l4.35-.57c-.44-.63-1.08-.84-1.52-1.27-.43-.42-.9-.83-1.43-1.3-1.05.1-2.19.27-3.45.43zm5.15 4.9l-.03.12a.29.29 0 00-.02.12c1.07.82 2.15 1.66 3.25 2.49h.05c1.46-.19 2.93-.36 4.58-.59-1.1-1.07-2.32-1.77-3.41-2.71h-.03l-.02-.01zm6.38 4.9a.2.2 0 00-.06.04c-.03.09.07.14.12.18l.02.01v.01l3.14 2.48c1.5-.18 3-.4 4.61-.61l-.02-.03c-.48-.64-1.1-.96-1.64-1.37l-1.72-1.26c-1.38.15-2.84.28-4.27.6-.05-.05-.11-.08-.18-.05zm6.23 5.13l1.1.93c.26.2.5.4.77.55a4.3 4.3 0 00.45.24 2.4 2.4 0 00.38.11 1.88 1.88 0 00.88-.01 1.51 1.51 0 001-.88l.06-.18a1.4 1.4 0 00-.15-1.34c-.73.08-1.44.18-2.19.28-.7.06-1.4.16-2.3.3zm-149 41.17L-9 49.2l19.51-4.59 1.47 6.23zm.67-8.11c-.11-2.37 1.62-13.46.22-14.99-1.7 1.6.17-3.03.27-.6C1.2 32.4 5.75 36.68 8 43.85c-4.9 1.12-9.81 2.28-14.88 3.47zm157.79 55.28c-.03.37.03.76 0 1.13 0 .15 0 .3.03.46.1.52-.46.89-.92.64-.3-.18-.58-.33-.88-.49a.58.58 0 00-.83.25v.03a.62.62 0 00.18.8c.95.64 2 1.13 2.94 1.74.1.06.18.15.25.28v.03a.6.6 0 01-.68.82c-.58-.09-1.13-.21-1.71-.3-.37-.07-.7.21-.7.55-.04.27.18.55.45.6 1.23.31 2.45.4 3.68.71.15.03.27.13.33.25.5.7.55 3.4.34 3.15a6.33 6.33 0 00-6.1-2.26c-.39.06-.63.45-.48.82.4.98 1.04 1.78 1.93 2.39.8.55 1.68.73 2.6.73.49 0 .76.55.49.95a14.86 14.86 0 00-2.24 4.6c-.55 1.95-.55 3.91.07 5.84a6.72 6.72 0 005.5 4.77c2.18.4-4.22-28.83-4.25-28.5zM74.33 7.8v-6.4H54.3v6.4zM71.83.07a9.96 9.96 0 00-3.28-5.7c-.92-.82-1.23-11.74-.77-9.36C60.56-12.6 57.1-7.39 56.55.11 61.57.06 66.62.06 71.82.06zM2.33 86.75a33.09 33.09 0 01-3.95-4.72 5.79 5.79 0 00-4.56 6.88c2.87-.75 5.69-1.46 8.51-2.16zm90.48 34.57l1.15 2.62 1.75-2.33.54 1.24-1.76 2.3.54 1.23 1.75-2.33.53 1.21-1.76 2.33 1.15 2.62.86-1.2-.6-1.36.75-1.1.62 1.39.82-1.15.53 1.2-.8 1.14.6 1.36 1.59-2.25-1.4-2.91.76-1.1 1.4 2.92.76-1.08-1.4-2.91.78-1.07 1.39 2.89 1.76-2.5.95.67-1.68 2.39 2.92.29-.78 1.1-2.9-.32-.76 1.08 2.92.3-.76 1.1-2.92-.31-1.65 2.34 1.64.12.8-1.08 1.35.11-.79 1.07 1.2.1-.76 1.1-1.24-.1-.97 1.3 2.77.28 1.8-2.66 1.33.16-1.82 2.62 1.31.13 1.8-2.65 1.33.15-1.81 2.63 3 .29-.12 1.16-2.88-.28 1.18 2.7-1.32-.13-1.19-2.7-1.29-.13 1.18 2.7-1.32-.13-1.18-2.7-2.86-.27.71 1.5 1.35.17.53 1.2-1.3-.15.51 1.1-1.32-.12-.53-1.13-1.6-.19 1.11 2.51 3.2.29.54 1.23-3.19-.29.53 1.2 3.18.27.57 1.22-3.2-.29 1.23 2.77-1.07.47-1.18-2.65-1.77 2.35-.53-1.2 1.77-2.34-.55-1.23-1.77 2.38-.54-1.24 1.78-2.33-1.18-2.63-.95 1.35.52 1.26-.8 1.09-.5-1.23-.7.99-.53-1.2.71-1.02-.63-1.52-1.64 2.22 1.33 2.92-.8 1.08-1.32-2.92-.78 1.06 1.33 2.9-.8 1.09-1.33-2.92-1.79 2.44-.94-.7 1.72-2.32-2.93-.38.8-1.05 2.92.36.79-1.08-2.93-.35.8-1.09 2.9.39 1.7-2.31-1.64-.16-.83 1.08-1.31-.16.8-1.05-1.2-.1.79-1.1 1.22.13.99-1.29-2.73-.32-1.87 2.6-1.35-.18 1.89-2.58-1.3-.16-1.88 2.6-1.34-.14 1.9-2.62-3-.35.13-1.16 2.9.35-1.13-2.72 1.3.16 1.11 2.7 1.32.17-1.13-2.73 1.34.15 1.11 2.73 2.83.34-.64-1.45-1.4-.18-.53-1.2 1.39.17-.53-1.19 1.34.15.54 1.21 1.54.2-1.11-2.54-3.22-.33-.52-1.2 3.21.32-.54-1.23-3.2-.3-.54-1.23 3.21.32-1.2-2.77zm5.29 8.9l-.86 1.22.6 1.38.87-1.23zm-3.44 1.54l.64 1.43 1.52.18-.62-1.4zm5.03.46l-.88 1.25 1.55.15.94-1.28zm-4.5 2.13l-.97 1.26 1.6.16.92-1.24zm3.57.28l.64 1.44 1.58.19-.7-1.48zm-1.04.53l-.92 1.25.62 1.5.93-1.33zm-49.75-2.26c-1.28 0-2.32.98-2.32 2.24 0 1.19.95 2.1 2.2 2.08a2.22 2.22 0 002.24-2.2c.06-1.23-.86-2.12-2.12-2.12zm-1.59-2.85a2.5 2.5 0 002.57 2.45c1.35.03 2.6-1.25 2.6-2.63a2.53 2.53 0 00-2.47-2.48 2.7 2.7 0 00-2.7 2.66zm-6.4 2.2a2.83 2.83 0 003 2.82c1.57-.06 3.13-1.37 3.04-3.06a2.85 2.85 0 00-3-2.78 2.96 2.96 0 00-3.03 3.03zm13.76-20.64c.26-.02.52.21.45.51-.34 1.56-.43 3.06 1.25 4.01.28.15.28.52.03.7-1.2.86-1.31 1.5-.64 2.97.1.22 0 .46-.21.52-1.32.52-1.35.68-1.29 2.51 0 .4-.12.55-.43.68-1.4.48-2.2 1.56-2.57 2.96-.06.31-.12.59-.49.4-.92-.49-1.77-.4-2.66.06-.28.16-.61-.06-.61-.36 0-.95-.3-1.66-1.17-2.05-.24-.13-.33-.4-.18-.62a4.4 4.4 0 00.77-4.1.68.68 0 01.09-.67c.49-.77.46-1.6.24-2.39-.15-.55 0-.7.5-.86a3.35 3.35 0 002.44-2.75c.1-.49.3-.58.76-.43 1.32.5 2.4 0 3.37-.89l.1-.09c.07-.07.16-.1.25-.1zm-1 1.58a21.7 21.7 0 00-5.16 10.96 95.54 95.54 0 012.1-4.47c.38-.8.77-1.56 1.14-2.33a91.36 91.36 0 001.93-4.16zm-18.09-1.95c.13.02.21.18.29.33.94 1.8 2.5 2.45 4.47 2.14.8-.12.94.25.94.89 0 1.13.37 2.08 1.29 2.78.24.19.37.43.37.7a5.08 5.08 0 002.81 4.87c.28.16.37.31.12.56-1.4 1.31-1.22 2.87-.55 4.43.3.68-.03.74-.52.58-1.37-.42-2.57.07-3.64.83-.55.4-.86.28-1.2-.24a4.14 4.14 0 00-4.06-2.05c-.74.06-1.04-.13-1.2-.92-.42-2.11-.95-2.39-3.09-1.93-.06 0-.12-.1-.18-.12.21-.98.55-2.02-.1-2.97-.54-.77-1.37-.89-2.29-1.01-.18 0-.27-.25-.12-.4 2.48-2.36 1.35-4.68-.12-7-.13-.2.06-.47.24-.4 2.27.97 4.4.91 6.25-.92.12-.12.22-.16.3-.15zm-3.7 2.93c3.68 3.4 7.45 6.73 10.75 10.53a30.51 30.51 0 00-1.84-2.7l-.03-.06a29.2 29.2 0 00-6.48-6.24l-.03-.01a31.83 31.83 0 00-2.36-1.52zm39 6.46a6.42 6.42 0 006.31 3.1l.05-.02c.34-.04.38-.16.31-.52-.73-3.05-3.55-4.6-6.47-3.55-.47.19-.6.33-.3.79l.1.2zm-12.8-15.21c.24-.36.58-.55 1.12-.47a3.9 3.9 0 011.98.8c.65.54 1.2.4 1.82-.05 2.36-1.72 4.78-3.37 7.13-5.13.7-.51.96-.28 1.43.54.46.77 1 1.49 1.59 2.17.53.64.48.97-.13 1.39-2.68 1.84-5.35 3.78-8 5.68-1.36.97-1.13.82-2.55-1.1-.2-.27-.4-.53-.58-.82-.29-.46-.61-.7-1.18-.7-.78-.02-1.54-.23-2.28-.6-.4-.3-.79-.65-.57-1.3.06-.16.13-.3.21-.41zm.62.66c.34.4.73.52 1.14.57.25.03.5.03.73.06l-.4-.31a4.27 4.27 0 00-.41-.27c-.3-.15-.64-.21-1.06-.05zm29.31 14.51a4.51 4.51 0 00-2.54-6.57c-.7-.2-1.42-.32-2.13-.32-2.51-.04-4.44-1.24-5.98-3.13a43.11 43.11 0 01-3.5-4.8c-.26-.4-.42-.5-.83-.17a501.6 501.6 0 01-7.43 5.46c-.44.3-.54.89-.23 1.32 1.48 2.11 2.98 4.26 4.4 6.4.27.38.5.35.84.26.63-.15 1.25-.35 1.9-.42 2.5-.25 4.49 1.16 5.48 3.9.3.82.65 1 1.44.87 1.89-.3 3.77-.51 5.65-.78a3.59 3.59 0 002.93-2.02zm65.25-33.84a33.09 33.09 0 01-3.95-4.72l-16.81 4.2c-.15 2.05-.7 4.04-1.27 6.02l4.4-1.1 4.27-1.07c.26-.06.58-.17.36.32-.07 1.6.51 2.56 1.73 2.88 1.14.29 2.32-.3 2.78-1.38.37-.92.13-1.74-.41-2.52-.55-.68.27-.44.39-.47 2.87-.75 5.69-1.46 8.51-2.16zm-16.9-21.04c.46-.11.95-.07 1.4.12.56.23 1 .6 1.24 1.2.34.86.27 1.7-.34 2.54.29.03.42.06.55.06 3.1.14 5.32 1.6 6.48 4.5.72 1.87 1.3 3.78 2.2 5.54.24.41.7.74.53 1.32-5.2 1.3-10.4 2.6-15.59 3.92-.17-.06-.25-.13-.23-.3.1-2.16-.15-4.28-.53-6.42-.55-3.36.75-5.96 3.67-7.7.1-.06.21-.15.2-.3-1.48-1.02-1.82-2.51-.77-3.75.31-.38.74-.63 1.2-.73zm.2.92c-.05 0-.1.02-.14.03a1.46 1.46 0 00-.92 1.75c.1.35.38.64.72.82.17.1.36.15.54.18.2.02.38.02.56-.04.64-.18 1.06-.9 1-1.54l-.03-.14a1.49 1.49 0 00-1.73-1.07zM73.73 79.7c1.42.35 2.86.66 4.31 1.04.62.18.76-.04.92-.7L80 75.78c.2-.83-.05-.95-1.47-1.07-2.47-.22-4.9-.8-7.22-1.8-1.03-.44-1.28-.3-1.43.35-.35 1.55-.71 3.07-1.11 4.6-.12.49 0 .67.47.78l4.5 1.08zm13.68 3.3c1.46.34 2.96.67 4.4 1.05.57.14.79.03.9-.73.19-1.4.52-2.8 1-4.17.24-.7.07-.92-.47-1.02-2.92-.67-5.8-1.37-8.72-2.1-.68-.16-.74.08-.96 1l-.89 3.69c-.23.98-.17 1.12.46 1.24L87.4 83zm-10.53 5.58c.5-2.05.95-4.08 1.47-6.13.15-.6.1-.82-.55-.98-2.53-.58-5.1-1.2-7.62-1.83-.53-.13-.8-.1-.94.53-.96 4.11-1.94 8.22-2.96 12.32-.18.74.07.74 1.32 1.04l6.28 1.5c1.25.3 1.38.3 1.54-.35l1.46-6.1zm12.79 2.98c.48-2 .93-4.03 1.44-6.01.15-.6.05-.84-.58-1-2.53-.57-5.1-1.18-7.62-1.82-.65-.16-.75-.02-1 1.02-1.1 4.58-1.73 7.1-2.8 11.5-.23.99-.14 1.14.55 1.3 2.5.57 5 1.17 7.53 1.81.68.16.89-.04 1.04-.66.43-2.07.95-4.12 1.44-6.14zm-1.95-20l.31.1c1.56.46 1.85 1.47.77 2.66-.55.6-.26.7.29.8 1.27.2 2.33.78 3.25 1.66.16.13.54.25.2.61-.3.3-.45.15-.68-.07-1.76-1.58-3.85-1.93-6.12-1.62-1.21.18-2.48.22-3.47-.77-.15-.17-.28-.14-.45-.08-1.3.38-2.34-.22-3.34-.9-1.9-1.3-3.91-1.94-6.2-1.33-.33.08-.63.13-.68-.32-.05-.45.36-.32.57-.4 1.43-.44 2.83-.26 4.42.21-.12-.3-.14-.47-.26-.63-.5-1.62.25-2.48 1.94-2.17a5.7 5.7 0 013.9 2.76c.4.66.56.54 1.1.23a5.9 5.9 0 014.45-.74zm-9.56-1.62c-.39-.1-.78-.06-1.06.28-.32.43-.1.86.11 1.26a5.69 5.69 0 003.06 2.59c.75.18 1.24.36 1.61-.15.32-.4.12-.88-.1-1.25a5.75 5.75 0 00-3.62-2.73zm9.6 2.3a5.75 5.75 0 00-4.32.83c-.28.17-.58.37-.64.73a.93.93 0 00.01.44c.18.57.62.56 1.06.72.94.13 1.88.09 2.77-.2.5-.15 1-.4 1.48-.73.26-.18.5-.4.57-.7a.72.72 0 000-.36c-.12-.43-.51-.62-.93-.72zm16.8 32.73c.5 1.48 1.9 2.07 3.4 1.37-1.22-.25-2.49-.45-3.4-1.37zm2.82-4.68c-.17.6-.03 1.01.46 1.17.51.2.97.05 1.16-.53.19-.55-.02-.93-.58-1.11-.53-.15-.85.15-1.04.47zm-4.9-.51c.65 3.12 2.28 3.99 4.6 2.44-.46-.84-1.03-1.46-2.15-1.38-1 .1-1.79-.3-2.45-1.06zm10.66 4.1a3.42 3.42 0 01-3.01-1.12c-.64-.65-1.43-.4-2.2-.18.82 2.76 2.52 3.2 5.2 1.3zm-6.64-3.44c.57-1.12 1.41-1.58 2.25-1.28.8.28 1.15 1.24.84 2.46.44.21.9.4 1.31.75 1.25 1.19 2.7.9 3.52-.65.25-.46.37-.94.6-1.54-3.09-3.26-6.95-4.55-11.3-4.69-.6.85-.95 1.74-.85 2.73.14 1.24.75 1.84 2 1.84.55.02 1.1.07 1.63.38zm4.5-1.48c.23-.4.5-.62.94-.46.38.19.47.55.31.95-.18.46-.52.65-.96.44-.45-.2-.38-.6-.29-.93zm-4.18-2.5c.3.24.48.54.28.96-.2.42-.52.65-.95.41-.4-.22-.39-.6-.24-.98.14-.37.46-.5.91-.4zm-5.22-1.77c6.28-.42 11.61 1.16 15.35 6.61.94-1.47 1.75-2.93 2.55-4.38-3.73-5.13-10.9-8.06-17.26-6.61-.22 1.39-.44 2.85-.64 4.38zm3.75-11.12c1.6.8 1.76 1.55.73 2.92-.63.84-1.43 1.54-1.97 2.58 2.76-.16 5.38.11 7.9 1.07 2.51.96 4.7 2.45 6.63 4.36.71-3.37-.83-7.73-3.3-9.3a13.78 13.78 0 00-9-2.13c-.31.04-.6.1-.96.12-.22-.78-.4-1.6-1.22-2-.52-.27-1.06-.48-1.67-.36a2.44 2.44 0 00-2.05 2.35c-.03 1.24.71 2.12 1.95 2.41 1.24.26 2.27-.42 2.96-2.02zm10.12 17.32a14.86 14.86 0 01-1.8 3.3 3.67 3.67 0 01-5.73.37c-1.4.63-1.66.53-2.2-.86-2.55.47-4.5-2.4-3.8-5.03l.84-3.22c-1.78.32-3.04 1.44-4.65 2.02.46.41 1 .46 1.48.75-.47.86-.9 1.71-1.8 2.31.35.63.92.93 1.5 1.2-.68 4 .78 7.2 3.68 9.86.4.4.86.57 1.45.57 3.4 0 6.4-.93 8.67-3.62.3-.34.41-.8.87-1.04.55.12 1.13.32 1.81.16-.18-.96.04-1.93.28-2.95l1.51.5c-.87-2.55-.85-3.27-2.1-4.32zm-10.92 4.08c.95.93 2.19 1.12 3.4 1.37-1.5.66-2.9.1-3.4-1.37zm-87.94 18.3a14.23 14.23 0 00-2.66-7.43.6.6 0 01.46-.95c2.14-.09 3.58-1.16 4.46-3.12.16-.37-.06-.8-.45-.86a6.2 6.2 0 00-6.06 2.27c-.22.24-.55.27-.83.1-.15-.1-.3-.22-.46-.35a.6.6 0 01-.06-.88c.61-.65 1.16-1.29 1.62-2.02a.6.6 0 01.4-.28c1.2-.21 2.39-.46 3.58-.67a.6.6 0 00.49-.65v-.03a.6.6 0 00-.7-.55l-1.63.28c-.58.1-.94-.58-.55-1.01.25-.25.55-.46.89-.64.7-.37 1.38-.77 2.08-1.2a.6.6 0 00.22-.8c0-.02-.03-.02-.03-.05-.16-.28-.53-.37-.83-.22-.3.15-.58.34-.89.52a.62.62 0 01-.92-.61c.06-.55.13-1.1.06-1.62a.59.59 0 00-.64-.55h-.03a.62.62 0 00-.55.67c0 .15.03.3.03.46 0 .52-.61.83-1 .49l-.13-.1c-.25-.2-.61-.2-.83.04l-.03.03c-.21.24-.21.64.03.86.43.42.86.8 1.29 1.19.15.15.24.4.18.61-.24.8-.55 1.56-.98 2.33a.62.62 0 01-1 .06l-1.66-2.11c-.22-.25-.58-.31-.83-.13-.03 0-.03.03-.06.03a.62.62 0 00-.09.86l2.08 2.76a.6.6 0 010 .76c-.3.37-.67.7-1 1.01a.56.56 0 01-.5.15 6.1 6.1 0 00-2.23 0 .71.71 0 01-.5-.09c-.39-.27-.73-.64-1.06-1.04-.19-.21-.22-.55-.03-.76.7-.95 1.4-1.84 2.08-2.76a.58.58 0 00-.16-.85h-.03a.61.61 0 00-.82.12l-1.66 2.1c-.27.35-.8.32-1-.05a10.4 10.4 0 01-.99-2.33.64.64 0 01.16-.61l1.28-1.2a.63.63 0 000-.88l-.03-.03a.61.61 0 00-.82-.03c-.03.03-.06.06-.13.09-.4.37-1.04.06-1-.49l.02-.43a.59.59 0 00-.55-.64h-.03a.62.62 0 00-.67.55c-.03.37.03.76 0 1.13 0 .15 0 .3.03.46.1.52-.46.89-.92.64-.3-.18-.58-.33-.89-.49a.58.58 0 00-.82.25v.03a.62.62 0 00.18.8c.95.64 2 1.13 2.94 1.74.1.06.18.15.24.28v.03a.6.6 0 01-.67.82c-.58-.09-1.13-.21-1.71-.3-.37-.07-.7.21-.7.55-.04.27.18.55.45.6 1.23.31 2.45.4 3.68.71.15.03.27.13.33.25.5.7 1.04 1.37 1.65 2.02.25.27.22.67-.06.92-.12.09-.27.21-.42.3a.62.62 0 01-.83-.09 6.33 6.33 0 00-6.1-2.26c-.39.06-.63.45-.48.82.4.98 1.04 1.78 1.93 2.39.8.55 1.68.73 2.6.73a.6.6 0 01.49.95 14.86 14.86 0 00-2.24 4.6c-.55 1.95-.55 3.91.06 5.84a6.72 6.72 0 005.51 4.77c2.18.4 4.35.4 6.5-.3a6.8 6.8 0 004.58-5.18c.16-.67.19-1.37.34-2.08.03-.15.03-.18.03-.24zm-8.14-.76c.34.03.64.22.92.4.98.67 1.34 2.05.7 2.97a2.84 2.84 0 01-4.5.37 2.1 2.1 0 01.03-3.03c.4-.37.83-.7 1.41-.74a.2.2 0 01.18 0c.34-.06.7-.06 1.04 0 .1-.03.16-.03.22.03zm3.37-3.09c-.43-.95.52-1.83 1.37-1.22.06.03.1.09.16.15.58.89-.28 1.8-1.23 1.38a.6.6 0 01-.3-.3zm-8.73.4c-.58 0-.98-.4-.95-.95.04-.4.5-.86.86-.89.52-.03.98.4.98.95 0 .55-.34.89-.89.89zm68.71 30.24a9.96 9.96 0 00-3.27-5.7 5.14 5.14 0 01-1.78-3.02c-.36-2.14.4-4.01 1.41-5.82 2.02 1.17 3.4 1.1 4.5-.12a2.95 2.95 0 00-3.37-4.68c-1.53.64-1.99 1.9-1.53 4.28-7.22 2.39-10.68 7.6-11.23 15.1 5.02-.04 10.07-.04 15.27-.04zm60.98-38.62a11.56 11.56 0 018.87 13.74 11.56 11.56 0 01-13.74 8.87 11.56 11.56 0 01-8.87-13.72l1.76 2.73 2.75-1.77 1.78 2.75 2.75-1.78 1.77 2.75 2.73-1.76 1.77 2.74 2.76-1.77 1.77 2.74 2.76-1.77-1.78-2.76-2.75 1.77-1.78-2.74-2.73 1.76-1.77-2.75-2.75 1.78-1.78-2.75-2.75 1.78-1.77-2.75-2.73 1.76a11.56 11.56 0 0113.73-8.85zm1.44-6.36c.4.1.77.34 1.08.7.63.73.57 1.64-.15 2.73l1.4.39-.4 1.88-6.16-1.32.31-1.45c.03-.13.06-.26.13-.46l1.42.3c-.15-1.4.16-2.23 1.05-2.61.48-.2.92-.26 1.32-.16zm-.22.83c-.54-.12-1.14.3-1.29.83-.16.62.23 1.21.82 1.34a1.1 1.1 0 001.32-1.02c0-.51-.37-1.05-.85-1.15zm-43.46-67.2v2.87l-2.54-1.43v1.35l2.54 1.4v1.34l-2.54-1.43v1.32l2.54 1.43v2.87l-1.26-.76V46.2l-1.12-.7-.02 1.51-1.2-.72v1.32l1.18.72-.01 1.48-2.36-1.43.11-3.22-1.13-.7-.12 3.23-1.12-.68.1-3.23-1.13-.67-.11 3.2-2.62-1.58-.6 1 2.5 1.51-2.56 1.44 1.16.7 2.52-1.46 1.13.69-2.55 1.45 1.13.7 2.56-1.46 2.45 1.48-1.46.77-1.16-.67-1.2.65 1.16.66-1.06.56 1.13.7 1.1-.58 1.4.82-2.42 1.35-2.71-1.7-1.16.67 2.73 1.67-1.16.64-2.7-1.7-1.17.67 2.71 1.68-2.62 1.46.57 1.02 2.52-1.41v2.94l1.17-.64v-2.95l1.13-.63v2.94l1.16-.65V56.1l2.51-1.4-.05 1.67-1.17.69v1.31l1.13-.66-.03 1.21 1.16-.64.03-1.25 1.4-.81-.02 2.75-2.82 1.54v1.35l2.81-1.54v1.3l-2.8 1.53-.04 1.34 2.82-1.55-.02 3.03 1.17.01.02-2.9 2.56 1.44v-1.31l-2.55-1.44v-1.35l2.58 1.47v-1.35l-2.56-1.42.02-2.88 1.42.86.02 1.36 1.16.68-.02-1.33 1.04.62v-1.31l-1.06-.64-.03-1.65 2.4 1.38-.06 3.2 1.16.68.05-3.21 1.14.65-.05 3.2 1.16.67.04-3.2 2.62 1.51.58-1-2.5-1.45 2.53-1.52-1.16-.64-2.52 1.5-1.15-.67 2.54-1.5-1.17-.68-2.51 1.52-2.49-1.43 1.45-.8 1.2.65 1.13-.67-1.15-.64 1.06-.59-1.16-.67-1.08.6-1.42-.79 2.37-1.39 2.76 1.64 1.16-.7-2.76-1.62 1.12-.66 2.77 1.63 1.17-.67-2.79-1.63 2.61-1.54-.59-1-2.5 1.48-.07-2.94-1.13.67.07 2.93-1.14.67-.06-2.96-1.17.68.08 2.95-2.46 1.44.01-1.58 1.21-.73v-1.32l-1.2.72v-1.3l-1.16.68v1.32l-1.34.8v-2.77l2.81-1.59v-1.32l-2.81 1.59v-1.34l2.81-1.56v-1.35l-2.81 1.58v-3.02zM89.3 49.01l1.27.76v1.51l-1.28-.78zm3.76.03v1.56l-1.32.77v-1.53zm-4.42 2.43l1.3.8-1.35.75-1.38-.8zm4.98.15l1.4.76-1.42.8-1.33-.77zm-3.16 1.69v1.57l-1.38.8.04-1.62zm1.17.07l1.34.77.03 1.62-1.38-.84zM29.18 156.54l.8-.61-1.23-1.62 3.24-.07-.03-1.04-2.15.08 1.27-2.28-.89-.49-1.57 2.81-4.82.16.02 1 3.7-.12zM15.36 142.3l-.84-.57-1.16 1.65-1.1-3.06-.96.37.76 2-2.57-.47-.2 1 3.19.58 1.67 4.55.95-.34-1.28-3.47zm6.06-3.14a5.4 5.4 0 107.64 4.87zm1.75 3.29a.55.55 0 01.17.76.55.55 0 01-.76.17.55.55 0 01-.17-.76.55.55 0 01.76-.17zm2.27 1.44a.55.55 0 01.17.77.55.55 0 01-.76.16.55.55 0 01-.17-.76.55.55 0 01.76-.17zm-.04-10l-2.45 3.84-1.16-.74-.71 1.11 9.06 5.77.7-1.1-1.13-.73 2.45-3.85zm-4.13 14.06a8.02 8.02 0 00-11.07 2.45 8.02 8.02 0 002.45 11.07 8.02 8.02 0 0011.07-2.45 8.02 8.02 0 00-2.45-11.07zm-1.74 2.55a.55.55 0 01.17.76.55.55 0 01-.76.17.55.55 0 01-.17-.76.55.55 0 01.76-.17zm-1.9 2.97a.55.55 0 01.18.76.55.55 0 01-.76.17.55.55 0 01-.17-.76.55.55 0 01.76-.17zm-1.87 2.94a.55.55 0 01.17.77.55.55 0 01-.76.16.55.55 0 01-.17-.76.55.55 0 01.76-.17zm99.54-87.79a2.27 2.27 0 012.26 2.3 2.08 2.08 0 01-2.27 2.02 2.22 2.22 0 01-2.16-2.27c-.03-1.23.92-2.09 2.17-2.05zm1.68-2.8a2.5 2.5 0 01-2.65 2.37c-1.34 0-2.56-1.33-2.52-2.7a2.53 2.53 0 012.56-2.41 2.7 2.7 0 012.6 2.74zm6.33 2.4a2.83 2.83 0 01-3.09 2.72c-1.56-.1-3.08-1.47-2.93-3.15a2.85 2.85 0 013.08-2.7 2.96 2.96 0 012.94 3.13zm-13.13-21.05c-.26-.03-.53.2-.47.5.3 1.56.34 3.06-1.37 3.96-.28.15-.3.51-.05.7 1.17.9 1.27 1.54.55 3-.1.2-.01.45.2.52 1.3.56 1.33.71 1.21 2.54-.01.4.1.56.4.69 1.4.53 2.16 1.63 2.49 3.05.05.3.1.58.48.4.93-.45 1.78-.34 2.66.15.27.16.61-.04.62-.35.03-.95.35-1.64 1.22-2.02.25-.11.35-.38.2-.6a4.4 4.4 0 01-.64-4.12.68.68 0 00-.07-.68c-.47-.78-.41-1.6-.17-2.4.17-.54.02-.7-.47-.86a3.35 3.35 0 01-2.36-2.83c-.08-.5-.29-.6-.75-.45-1.33.45-2.39-.07-3.34-.99l-.1-.1a.42.42 0 00-.24-.11zm.94 1.6a21.7 21.7 0 014.84 11.11 95.55 95.55 0 00-1.98-4.53c-.34-.8-.71-1.58-1.06-2.36a91.33 91.33 0 01-1.8-4.22zm18.14-1.4c-.13.02-.2.17-.29.32-1 1.77-2.58 2.37-4.53 2-.79-.14-.95.22-.97.86a3.28 3.28 0 01-1.37 2.75.86.86 0 00-.39.7c-.03 2.17-1 3.79-2.96 4.77-.28.15-.38.3-.14.55 1.37 1.36 1.14 2.91.42 4.45-.33.66 0 .74.5.6 1.4-.39 2.57.14 3.62.93.54.42.85.3 1.2-.2a4.14 4.14 0 014.13-1.93c.73.08 1.04-.1 1.22-.89.49-2.1 1.02-2.35 3.15-1.83.06 0 .12-.09.18-.12-.18-.98-.49-2.03.18-2.96.58-.75 1.4-.85 2.33-.94.18 0 .28-.24.13-.4-2.4-2.43-1.2-4.72.34-7 .12-.18-.05-.46-.24-.4-2.3.9-4.43.78-6.21-1.1-.12-.13-.22-.17-.3-.16zm3.61 3.04c-3.77 3.28-7.63 6.5-11.05 10.2.6-.93 1.24-1.8 1.92-2.65l.03-.05a29.2 29.2 0 016.67-6.04l.03-.02c.77-.51 1.57-1 2.4-1.44zM18.18 32.1a6.42 6.42 0 01-7-.67l-.03-.03c-.27-.22-.24-.34 0-.61 2.22-2.22 5.44-2.08 7.38.35.3.4.33.59-.16.83-.06.03-.12.09-.19.12zm18.87-6.3c-.03-.43-.22-.78-.73-.99a3.9 3.9 0 00-2.1-.35c-.83.12-1.23-.28-1.53-.99-1.11-2.7-2.32-5.37-3.4-8.1-.33-.8-.67-.74-1.5-.29-.8.42-1.62.75-2.48 1.02-.8.27-.93.58-.62 1.25 1.32 2.98 2.59 6.02 3.85 9.03.66 1.53.54 1.29 2.75.39.3-.12.61-.24.92-.4.5-.24.9-.26 1.38.01.67.4 1.43.63 2.26.7.49-.06 1.01-.15 1.17-.82l.03-.46zm-.89.24c-.5.16-.9.06-1.27-.11-.22-.1-.44-.23-.65-.34l.5-.05a3.65 3.65 0 01.5-.01c.33.03.65.15.92.5zM3.6 23.12c.02-2.85 2.82-5 5.6-4.27.7.18 1.37.46 1.98.84 2.17 1.27 4.43 1.25 6.73.44a43.11 43.11 0 005.5-2.25c.43-.22.61-.21.8.28 1.13 2.85 2.28 5.67 3.48 8.53.21.5 0 1.04-.5 1.25a293.94 293.94 0 00-7.1 3.16c-.42.18-.6.03-.85-.22-.45-.46-.88-.95-1.4-1.35-2-1.52-4.42-1.35-6.7.47-.68.55-1.08.51-1.68-.01-1.46-1.24-2.96-2.41-4.42-3.61a3.59 3.59 0 01-1.44-3.26zm46.2 33.58a33.09 33.09 0 004.46-4.24l16.22 6.07c-.09 2.06.23 4.1.58 6.13a6210202.22 6210202.22 0 01-8.37-3.13c-.26-.1-.56-.24-.4.28-.1 1.59-.8 2.47-2.04 2.66a2.38 2.38 0 01-2.6-1.7c-.27-.94.06-1.73.69-2.45.62-.61-.22-.47-.33-.51a846.4 846.4 0 00-8.22-3.1zm19.16-18.99a2.24 2.24 0 00-1.4-.04c-.58.17-1.05.48-1.37 1.05a2.5 2.5 0 00.06 2.57h-.56c-3.09-.22-5.47.98-6.95 3.73-.93 1.78-1.71 3.6-2.82 5.25-.27.39-.77.66-.66 1.26 5.01 1.87 10.03 3.75 15.04 5.66.17-.04.26-.1.26-.26.15-2.17.64-4.24 1.25-6.33.94-3.28-.07-6-2.76-8.06-.1-.07-.2-.17-.17-.33 1.59-.84 2.1-2.29 1.2-3.64-.28-.4-.67-.7-1.12-.86zm-.3.89l.14.05c.67.32 1 1.16.72 1.84-.14.34-.45.6-.81.74-.18.07-.37.1-.56.11-.2 0-.38-.02-.55-.1-.61-.25-.95-1-.81-1.64l.04-.13.05-.13c.3-.65 1.12-.97 1.79-.74zm-32.2 10.78c-1.46.24-2.9.45-4.38.73-.63.14-.76-.09-.87-.75L30.47 45c-.14-.85.12-.95 1.54-.97 2.48-.05 4.95-.46 7.33-1.3 1.05-.36 1.3-.21 1.4.45.24 1.58.5 3.12.79 4.68.08.49-.05.66-.53.74l-4.56.77zm-13.9 2.32c-1.47.25-2.98.47-4.46.75-.57.1-.78-.02-.84-.79a20.05 20.05 0 00-.71-4.22c-.18-.72 0-.93.54-1 2.97-.46 5.9-.95 8.85-1.48.7-.11.73.13.89 1.06l.63 3.75c.16 1 .1 1.13-.54 1.2l-4.35.73zm10.13 6.31c-.35-2.08-.67-4.14-1.04-6.21-.1-.6-.05-.83.61-.95 2.57-.4 5.17-.83 7.73-1.3.54-.08.8-.03.9.6a874 874 0 002.1 12.5c.13.75-.12.73-1.4.95l-6.36 1.06c-1.27.22-1.4.2-1.5-.46-.35-2.05-.7-4.1-1.04-6.19zM19.7 60.1c-.34-2.02-.65-4.08-1.02-6.1-.1-.6.02-.83.65-.94 2.57-.4 5.17-.84 7.73-1.3.66-.1.75.03.92 1.09.78 4.65 1.24 7.2 2 11.68.16 1 .06 1.13-.64 1.25-2.54.4-5.07.82-7.63 1.28-.7.12-.89-.1-1-.73-.28-2.1-.66-4.17-1-6.23zm3.34-19.81l-.32.07c-1.58.36-1.94 1.35-.95 2.6.5.64.2.72-.34.78a6.02 6.02 0 00-3.36 1.43c-.17.12-.55.22-.24.6.27.33.43.18.68-.02 1.86-1.46 3.97-1.66 6.22-1.2 1.2.27 2.46.4 3.51-.53.16-.15.3-.1.46-.04 1.26.47 2.35-.05 3.4-.66 1.97-1.17 4.03-1.67 6.27-.9.33.1.62.18.7-.27.08-.45-.34-.35-.54-.44-1.4-.54-2.8-.46-4.42-.1.13-.3.17-.46.3-.6.6-1.6-.08-2.5-1.78-2.31a5.7 5.7 0 00-4.09 2.48c-.45.64-.6.5-1.12.16a5.9 5.9 0 00-4.38-1.05zm9.65-.96c.4-.06.78 0 1.03.36.3.45.05.86-.2 1.25a5.69 5.69 0 01-3.23 2.37c-.75.12-1.25.27-1.6-.26-.28-.42-.05-.9.2-1.24a5.75 5.75 0 013.8-2.48zm-9.74 1.64c1.55-.2 2.98.18 4.25 1.12.27.19.56.41.6.78.01.12 0 .26-.05.43-.22.56-.66.51-1.1.65a6.24 6.24 0 01-2.75-.4c-.5-.18-.98-.45-1.43-.82-.25-.2-.48-.43-.52-.75a.72.72 0 01.03-.35c.14-.43.55-.59.97-.66zm28.78-5.66c-1.14 1.08-2.66.95-3.66-.36 1.2.35 2.41.75 3.66.36zm-.34-5.45c-.13.6-.44.9-.95.82-.55-.06-.88-.4-.79-1 .1-.58.46-.82 1.03-.73.54.12.68.54.7.9zm4.57 1.81c-2.01 2.46-3.86 2.48-5.2.03.8-.53 1.6-.81 2.55-.22.83.55 1.72.55 2.65.2zm-11.34-1.3c1.06.72 2.1.74 3.2.4.85-.28 1.44.3 2.02.86-2 2.07-3.72 1.67-5.22-1.26zm7.48.03c.01-1.26-.52-2.06-1.4-2.18-.85-.13-1.6.56-1.88 1.8-.5-.03-.98-.08-1.52.05-1.65.47-2.81-.46-2.8-2.21-.01-.53.1-1 .17-1.64 4.25-1.46 8.27-.81 12.2 1.09a3.95 3.95 0 01-.52 2.8c-.7 1.04-1.53 1.29-2.63.7-.5-.23-1-.44-1.62-.41zm-3.3-3.4c-.01-.47-.16-.79-.62-.84-.43-.01-.67.27-.72.7-.05.48.16.81.65.83.49.02.62-.36.69-.7zm4.86-.28c-.38.08-.67.26-.7.72-.01.46.17.82.66.81.46-.01.62-.36.67-.76.04-.4-.18-.66-.63-.77zm5.45.86c-5.37-3.29-10.83-4.36-16.67-1.26-.15-1.74-.19-3.41-.23-5.08 5.69-2.8 13.4-2.07 18.36 2.15-.45 1.34-.93 2.74-1.46 4.19zm1.83-11.6c-1.78-.03-2.28.56-2 2.25.17 1.04.55 2.03.55 3.2a18.74 18.74 0 00-7.5-2.71c-2.67-.32-5.29-.01-7.9.79.94-3.32 4.33-6.47 7.25-6.7 3.22-.25 6.23.44 8.95 2.27.26.19.49.36.8.55.56-.59 1.1-1.24 2.01-1.2.59 0 1.17.06 1.65.45.94.69 1.23 1.98.72 3.04-.55 1.1-1.61 1.55-2.84 1.23-1.23-.35-1.82-1.43-1.7-3.17zm-17 10.65c-.14 1.3-.11 2.54.06 3.76a3.67 3.67 0 004.92 2.99c.94 1.21 1.22 1.24 2.34.25 2.04 1.6 5.11-.04 5.7-2.68l.75-3.25c1.42 1.11 2.02 2.68 3.18 3.95-.6.15-1.1-.06-1.66-.03.02.99 0 1.94.52 2.89-.6.4-1.24.39-1.88.35-1.25 3.87-4.03 6.03-7.83 7.04-.54.16-1.03.1-1.56-.16-3-1.59-5.22-3.8-6-7.23-.1-.44 0-.9-.28-1.33-.54-.15-1.15-.24-1.68-.7.6-.77.86-1.72 1.12-2.74l-1.57-.26c1.95-1.86 2.27-2.5 3.87-2.85zm7.79 8.68c-1.28.39-2.46-.01-3.66-.36 1.03 1.28 2.52 1.44 3.66.36zm58.89-3.24c-.69-2.67-.6-5.24.21-7.9a.6.6 0 00-.73-.75c-2.07.58-3.77.01-5.22-1.57-.26-.3-.2-.78.17-.96a6.2 6.2 0 016.46.26c.28.17.61.1.82-.17.11-.13.22-.3.33-.46a.6.6 0 00-.22-.87c-.78-.41-1.5-.85-2.17-1.4a.6.6 0 00-.47-.15l-3.6.48a.6.6 0 01-.67-.46l-.01-.03a.6.6 0 01.5-.74l1.62-.24c.58-.1.72-.85.2-1.13-.3-.16-.66-.27-1.04-.34-.78-.13-1.54-.3-2.35-.48a.6.6 0 01-.45-.7c0-.02.02-.03.01-.06.06-.31.38-.51.72-.46.34.05.66.14 1 .22.49.1.9-.4.69-.87-.23-.5-.46-1.01-.57-1.52a.59.59 0 01.44-.73h.03c.33-.08.66.13.74.46l.1.45c.17.49.85.59 1.12.15l.09-.13c.17-.28.51-.4.8-.23l.03.02c.28.17.4.55.24.83-.27.54-.57 1.02-.85 1.53-.1.2-.1.45.02.64.48.68 1 1.31 1.65 1.9.32.29.83.15.98-.25l.91-2.52c.13-.3.46-.48.75-.38.03 0 .04.02.07.01.3.13.47.46.35.79l-1.11 3.26a.6.6 0 00.23.73c.4.25.86.46 1.28.64.15.08.35.08.51 0a6.1 6.1 0 012.12-.7.7.7 0 00.44-.24c.3-.39.5-.84.7-1.32.1-.26.03-.6-.22-.74-.96-.68-1.9-1.3-2.83-1.97a.58.58 0 01-.12-.86h.03c.2-.27.57-.32.82-.15l2.23 1.5c.36.23.85.03.94-.38.18-.83.23-1.66.2-2.52a.64.64 0 00-.33-.53l-1.6-.73a.63.63 0 01-.27-.85l.02-.04a.61.61 0 01.77-.28c.04.02.08.04.15.05.49.22 1-.27.8-.78-.04-.15-.11-.26-.16-.4a.59.59 0 01.32-.78l.03-.01c.31-.14.68 0 .81.31.15.34.21.74.36 1.08.05.14.1.29.11.44.08.52.71.7 1.07.33.24-.27.45-.5.7-.75a.58.58 0 01.86-.02v.03c.24.21.26.56.08.81-.7.9-1.54 1.7-2.25 2.57a.72.72 0 00-.14.34v.03c-.03.5.5.8.9.58.53-.27 1.01-.56 1.54-.83.33-.17.73-.01.84.3.11.26 0 .59-.25.73-1.07.67-2.2 1.14-3.27 1.81a.47.47 0 00-.24.34c-.25.82-.56 1.64-.94 2.44-.15.34 0 .7.34.85.15.05.33.12.5.16.3.1.63-.05.76-.35a6.33 6.33 0 015.08-4.05c.4-.06.76.24.72.63a5.25 5.25 0 01-1.08 2.87 4.43 4.43 0 01-2.25 1.51.6.6 0 00-.16 1.06c1.4 1.05 2.6 2.23 3.55 3.66a10.01 10.01 0 011.76 5.57 6.72 6.72 0 01-3.74 6.26c-1.94 1.05-4 1.73-6.26 1.73a6.8 6.8 0 01-5.98-3.48c-.35-.6-.6-1.25-.96-1.87-.08-.14-.1-.17-.11-.23zm7.5-3.26c-.31.13-.55.4-.75.66-.72.95-.64 2.37.25 3.04a2.84 2.84 0 004.4-1.05 2.1 2.1 0 00-.98-2.87c-.5-.23-1-.41-1.57-.26a.2.2 0 00-.17.06c-.34.04-.69.16-.99.32-.1 0-.16.02-.2.1zm-4.17-1.89c.11-1.03-1.06-1.58-1.69-.73-.05.05-.06.11-.1.19-.27 1.02.83 1.63 1.6.93a.6.6 0 00.2-.39zm8.41-2.34c.56-.18.81-.68.61-1.2-.15-.37-.73-.66-1.1-.57-.5.13-.8.68-.63 1.2.18.53.6.74 1.12.57zM6.31 72.6a6.43 6.43 0 00-1.38 5.1 16.32 16.32 0 002.1 5.6c.27.41.62.7 1.04.96.93.56 2.06.29 2.68-.62.38-.57.33-1.2.18-1.79-.21-.8-.55-1.55-.9-2.3-.3-.68-.59-1.35-.78-2.09-.08-.43-.1-.84.07-1.29a2.5 2.5 0 013.66-1.17c.93.6 1.49 1.52 1.93 2.48 2.54 5.52 5.45 10.83 8.04 16.32.42.85.82 1.72 1.42 2.49.73.94 1.85 1.26 2.8.81 1-.5 1.49-1.63 1.2-2.78-.19-.65-.5-1.18-.82-1.76a243.14 243.14 0 01-4.14-7.88l-4.63-9.35a9.8 9.8 0 00-2.85-3.77 5.68 5.68 0 00-3.13-1.43A6.88 6.88 0 006.3 72.6zm2.97-1.54c.7-.28 1.4-.43 2.13-.44.33 0 .67 0 1.03.04-.19 1.15-.69 2.17-.98 3.3h-.02V74a3.42 3.42 0 00-2.35 1.44 2.63 2.63 0 00-.37 2.15c.19.74.5 1.43.8 2.18l-.2.6c-.21.72-.44 1.45-.71 2.22l-.03.08a21.88 21.88 0 01-.38 1l-.01.03c-1.06-.98-1.47-2.18-1.94-3.35l.92-2.83 2.11-6.45zm5.95.68a8.56 8.56 0 01.72.56 6.85 6.85 0 011.57 1.97c-.45 1.33-.88 2.68-1.37 4.17-.54-.56-.63-1.22-.97-1.73-.33-.51-.65-1.04-1.02-1.66.3-1 .67-2.09 1.07-3.3zm3.86 5.97h.12a.3.3 0 01.12 0c.6 1.2 1.24 2.42 1.84 3.66v.04l-1.42 4.4c-.86-1.29-1.32-2.6-2.04-3.86v-.02-.02zm3.63 7.18a.2.2 0 01.06-.05c.08-.01.12.1.15.15v.03h.02l1.85 3.54c-.46 1.44-.94 2.86-1.45 4.42l-.02-.03v.01c-.55-.6-.75-1.27-1.05-1.87-.3-.6-.59-1.22-.92-1.93.4-1.32.8-2.74 1.38-4.08-.04-.06-.06-.13-.02-.19zm3.9 7.07c.25.47.5.87.7 1.26a7 7 0 01.4.85 4.34 4.34 0 01.15.49 2.4 2.4 0 01.05.39 1.88 1.88 0 01-.18.86 1.5 1.5 0 01-1.05.82l-.18.04c-.46.07-.89 0-1.3-.4.21-.7.45-1.38.68-2.1.19-.67.42-1.35.72-2.2zm115.83-36.54L141 49.2l19.51-4.59 1.47 6.23-19.52 4.59zm.67-8.11a9.96 9.96 0 011.89-6.3 5.14 5.14 0 001.03-3.35c-.13-2.17-1.3-3.81-2.7-5.34-1.7 1.6-3.05 1.85-4.4.91a2.95 2.95 0 012.2-5.33c1.64.28 2.37 1.4 2.47 3.82 7.58.67 12.14 4.95 14.39 12.12-4.9 1.12-9.81 2.28-14.88 3.47zM90.65 8.92a11.56 11.56 0 00-15.3 5.8A11.56 11.56 0 0081.14 30a11.56 11.56 0 0015.28-5.77l-3.04 1.15-1.16-3.06-3.06 1.16L88 20.42l-3.06 1.16-1.15-3.04-3.05 1.16-1.16-3.07-3.06 1.16-1.16-3.07 3.07-1.16 1.15 3.07 3.06-1.16 1.15 3.04 3.06-1.16 1.16 3.07 3.06-1.16 1.16 3.06 3.06-1.15 1.15 3.04a11.56 11.56 0 00-5.8-15.28zm2.61-5.97a2.07 2.07 0 00-1.28-.07c-.94.21-1.43.98-1.5 2.29l-1.36-.53-.79 1.76L94.07 9l.61-1.35.17-.45-1.32-.6c.96-1.04 1.2-1.89.7-2.72a2.06 2.06 0 00-.97-.92zm-.31.8c.5.23.75.92.54 1.44-.23.59-.9.84-1.45.59a1.1 1.1 0 01-.45-1.6c.3-.42.92-.63 1.36-.43z'  stroke-width='1' stroke='none' fill='hsla(259, 0%, 95%, 1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}

.holiday-banner h1 {
  font-family: 'Titillium Web',sans-serif  !important;
  font-size: 1.5rem;
  color: #000;
  font-weight: bold;
  margin: 0 0 0px;
}
.holiday-banner p {
  font-weight:600;
  letter-spacing:0.5px;
  margin-bottom: 0px;
  padding-top:0.2rem;
}
.holiday-banner .holiday-linkto a{
  color:#000;
  text-decoration: underline !important;
}
.holiday-banner .holiday-linkto a:hover{
  color:#ff0000;
  text-decoration: underline solid #ff0000 !important;
}
.holiday-banner span{
  color:#ff0000;
}
.holiday-banner img {
  max-height:50px;
}





.covid-red {
  font-family: 'Titillium Web',sans-serif  !important;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 2px;
  padding:15px 25px;
  background-color: #f80004;
  text-align: center;
  width: 100%;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.covid-red a{
  color: #fff !important;
  font-size: 16px !important;
}
.covid-red:hover{
  background-color: #222;
}



.press-release .date {
  background-color: #777;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  min-height: 48px;
  min-width: 48px;
  padding: 25px 8px;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}

.press-release .date span {
  display: block;
  line-height: 14px;
}

.press-release .date .month {
  font-size: 11px;
}










/*
.full-width-image .overlay-banner {
  position: absolute;
  overflow: hidden;
  width: 90%;
  height: 50%;
  left: 5%;
  xmargin-left: -50vw;
  top: 30%;
  -webkit-transition: opacity 0.35s,
  -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1,0);
  -ms-transform: scale(1,0);
  transform: scale(1,0);
}

.full-width-image:hover .overlay-banner {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.full-width-image:hover .overlay-banner h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.full-width-image:hover .overlay-banner a, .full-width-image:hover .overlay-banner p {
  color: #FFF;
  padding: 1.1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.full-width-image:hover .overlay-banner:hover a, .full-width-image:hover .overlay-banner:hover p, .full-width-image:hover .overlay-banner:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.overlay-banner p {
  width: 20%;
  position: relative;
  left:40%;
  border: #fff solid 1px;
  text-align: center;
}
.overlay-banner p:hover {
  xwidth: 40%;
  border: #fff solid 1px;
  background: #ccc;
  color:#000 !important;
}
*/


/*
.full-width-image:after, .full-width-image:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.full-width-image:after {
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
}
.full-width-image:before {
    content: attr(data-content);
    width:100%;
    color:#fff;
    z-index:1;
    top:0;
    padding:4px 10px;
    text-align:center;
    background:red;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.full-width-image:hover:after, .full-width-image:hover:before {
    opacity:1;
}
*/






/*------------------------------------------------------------------------
  E-FLYER AND TEMPLATE LIBRARY
------------------------------------------------------------------------*/
/*
.left_sidebar {
  width: 315px;
  background: linear-gradient(to left, #f1f3f7 0%, #ffffff 18%);
  padding: 96px 60px;
}
.right_sidebar {
	padding:20px;
	border: 1px solid #ebebeb;
	border-radius: .4rem;
	min-height: 500px;
}
@media (max-width: 767px) {
	.right_sidebar {
		margin-left: 0px;
		padding:0px;
		border: 0px solid #ebebeb;
	}
}

.dashboard-list li a {
    border-bottom: 1px solid #ebebeb;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    text-transform: uppercase;
}
.dashboard-list li a.active,
.dashboard-list li a:hover {
    color: #fff;
    background-color: #000;
}


.library-template-button {
	display: inline-block;
  background-color: #333;
  border:1px solid #333;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  padding: 7px 5px;
  text-transform: uppercase;
	text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0px;
	border-radius: 4px;
	margin:1px 0;
}
 .library-template-button:hover {
  background-color: #ddd;
	border:1px solid #999;
	color: #000;
}
 .library-template-button:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  font-style: normal;
  content: '\f358';
  font-size: 12px;
  padding-left: 8px;
  position: relative;
  top: 1px;
}
.templates-image-grid {
	width:100%;
	min-height: 200px;
	border:1px solid #eee;
	border-radius: 10px;
	background: #fff;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	overflow: hidden;
	padding:30px 20px;
	margin:15px 0 ;
}
.templates-image-grid:hover {
	border:1px solid #bbb;
  overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.08);
}

.templates-image-grid-image img{
	padding:20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.templates-image-grid-image:hover img{
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
	overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.templates-image-grid p{
	margin-bottom: 5px;
}
.single-banner-image {
    position: relative;
    overflow: hidden;
		border-radius: 10px;
		margin-bottom: 10px;
}
.single-banner-image a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner-image img {
		-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner-image:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);

		-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.border-box {
    border: 2px solid #e5e5e5;
}
*/



.template-library {
  position: relative;
  margin: 50px 0;
}

.search-filter-head-title {
	position: relative;
	margin-bottom: 4rem;
	font-weight: 800;
}
.search-filter-head-title:after {
  content: "";
  border-bottom: 4px solid #ffaf2e;
  margin: 8px 0;
  display: block;
  width: 100px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

.template-library .right-side-panel  {
	padding: 20px;
	border: 0px solid #ebebeb;
	border-radius: .4rem;
	min-height: 500px;
}
.template-library .left-side-panel {
  text-align: left;
	margin-bottom: 30px;
}
.template-library .left-side-panel ul li {
  display: inline-block;
	border-radius: .2rem;
	border-bottom: 1px solid #ebebeb;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 15px;
  text-transform: uppercase;
	cursor: pointer;
}
.template-library .left-side-panel ul {
  padding:0;
}
.template-library .left-side-panel ul li:hover {
  background: #999;
  color: #fff;
	border-radius: .2rem;
}
.template-library .left-side-panel ul li.active {
  background:  #333;
  color: #fff;
	border-radius: .2rem;
}
.template-library .library-item .item {
  height: auto;
  padding: 10px;
  margin: 0px;
}
.template-library .library-item .item .item-border {
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px;
  min-height: 300px;
}
.template-library .library-item .button-wrapper {
  position: absolute;
  bottom: 20px;
  text-align: center;
  margin-top: 15px;
}
.template-library .library-item .item p{
  font-size: inherit;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .template-library .right-side-panel {
    padding: 5px;
  }
  .template-library .library-item .item {
    height: auto;
    padding: 5px;
    margin: 0px;
  }
  .template-library .library-item .item .item-border {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 5px;
    min-height: 150px;
  }
  .template-library .library-item .button-wrapper {
    position: relative;
    bottom:0;
    text-align: center;
    margin-top: 10px;
  }
}


.single-banner-image {
    position: relative;
    overflow: hidden;
		border-radius: 10px;
		margin-bottom: 10px;
}
.single-banner-image a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner-image img {
		-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner-image:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);

		-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

/*
.template-library .library-new-label {
  position: absolute;
  top: 1.5625em;
  right: 1.5625em;
  z-index: 10;
  width: 4em;
  padding: 0;
  background: red;
  color: #fff;
  font-size: small;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
*/

.template-library .library-new-label {
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  background-color: #ff0000;
  font-family: 'Titillium Web',sans-serif;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0 15px;
}
.template-library .library-new-label::before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-right: 3px solid transparent;
  border-left: 3px solid #ff0000;
  border-top: 3px solid #ff0000;
  border-bottom: 3px solid transparent;
}






/*
.portfolio-item {
  margin: 0;
}
.portfolio-item .item {
    width: 30%;
		height: auto;
		padding: 10px;
}
.portfolio-item .item .templates-image-grid {
	padding: 10px;
	border:1px solid #eee;
	border-radius: 10px;
}
.portfolio-item .item .templates-image-grid img {
	min-height: 190px;
	padding: 10px;
	border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
  .portfolio-item .item {
    width: 40%;
    padding:10px;
	}
}
@media screen and (max-width: 640px) {
  .portfolio-item .item {
    width: 45%;
		padding: 10px;
	}
}
*/




/*------------------------------------------------------------------------
  SLAB HOME PAGE BANNER - HEADER TITLE
------------------------------------------------------------------------*/

.slab-background-image {
    /*background-position: top center;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slab-overlay {
    position: relative;
}
.slab-overlay::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .6;
}
.slab-overlay2 {
    position: relative;
}
.slab-overlay2::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .2;
}
.slab-section-sm {
    padding: 80px 0;
}
.slab-bg-secondary-dark {
    background-color: #303032 !important;
    opacity: .9;
}


.slab-banner {
  width: 100%;
  height: 800px;
  xxxposition: relative;

  background-size: cover;
}

.slab--Title {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}


.slab--Title h1 {
  font-size: 3.5EM;
  font-weight: 700;
  color: #fff;
}

.slab--Title h2 {
  font-size: 2EM;
  font-weight: 500;
}
.slab--Title h3 {
  font-size: 1.5EM;
  font-weight: 500;
}

.slab--Title p {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.5em;
  margin-top:25px;
}


@media only screen and (max-width: 767px){
  .slab--Title h1 {
    font-size: 2EM;
    font-weight: 700;
    color: #fff;
  }
  .slab--Title h2 {
    font-size: 1.2EM;
    font-weight: 500;
    margin-top:50px;
  }

  .slab--Title p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.5em;
    margin-top:25px;
  }
}

.section-title-border {
    position: relative;
    height: 6px;
    width: 30px;
    Zbackground: #86c33a;
    Background: #FFCC00;
    border-radius: 10px;
    margin-bottom: 20px;
}
.section-title-border::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    background: #FFCC00;
    border-radius: 10px;
    right: -60%;
    top: 0;
  }

.section-title-border::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 25%;
    background: #FFCC00;
    border-radius: 10px;
    right: -100%;
    top: 0;
  }

/* SLAB BUTTON */

.btn-slab {
    display: inline-block;
    font-size: 14px;
    padding: 12px 22px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    box-shadow: rgba(0,0,0,0.1) 0px 2px 1px !important;
    color: #232323;
    letter-spacing: .5px;
    line-height: inherit;
    width: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
  }
.btn-slab:hover,.btn-slab:active {
    background: #232323;
    color: #fff;
    border-color: #fff;
    box-shadow: rgba(0,0,0,0.3) 0px 3px 8px !important;
    margin-left: 0px;
  }
.btn-slab:hover span,.btn-slab:active span {
    color: #fff;
  }
.btn-slab:focus {
    background: #232323;
    color: #fff;
    box-shadow: rgba(0,0,0,0.3) 0px 3px 8px !important;
    border-color: #fff}
.btn-slab:focus span {
    color: #fff}
.btn-slab span {
    color: #232323}


    .btn-slab.clear {
        display: inline-block;
        font-size: 14px;
        padding: 12px 22px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 25px;
        box-shadow: rgba(0,0,0,0.1) 0px 2px 1px !important;
        color: #fff;
        letter-spacing: .5px;
        line-height: inherit;
        width: auto;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        transition-duration: 0.3s;
        transition-timing-function: ease-in-out;
      }
    .btn-slab.clear:hover,.btn-slab.clear:active {
        background: #f2f2f2;
        color: #000;
        border-color: #fff;
        box-shadow: rgba(0,0,0,0.3) 0px 3px 8px !important;
        margin-left: 5px;
        cursor: pointer;
      }


.btn-slab.yellow {
    background: #ffcc00;
    border: 2px solid #ffcc00;
    box-shadow: rgba(0,0,0,0.1) 0px 2px 1px !important;
    color: #232323}
.btn-slab.yellow:hover,.btn-slab.yellow:active {
    background: #FF0000;
    color: #fff;
    border-color: #ff0000}
.btn-slab.yellow:hover span,.btn-slab.yellow:active span {
    color: #fff}
.btn-slab.yellow:focus {
    background: #ff0000;
    color: #fff;
    border-color: #ff0000}
.btn-slab.yellow:focus span {
    color: #fff}
.btn-slab.yellow span {
    color: #232323}


.btn-slab.white {
  background: #fff;
  border: 2px solid #232323;
  box-shadow: rgba(0,0,0,0.1) 0px 2px 1px !important;
  color: #232323;
  margin: 5px 0;
}
.btn-slab.white:hover,.btn-slab.white:active {
  background: #777;
  color: #fff;
  border-color: #777}
.btn-slab.white:hover span,.btn-slab.white:active span {
  color: #fff}
.btn-slab.white:focus {
  background: #232323;
  color: #fff;
  border-color: #232323}
.btn-slab.white:focus span {
  color: #fff}
.btn-slab.white span {
  color: #232323}



.btn-slab.black {
  background: #232323;
  border: 2px solid #232323;
  box-shadow: rgba(0,0,0,0.1) 0px 2px 1px !important;
  color: #fff;
  margin: 5px 0;
}
.btn-slab.black:hover,.btn-slab.black:active {
  background: #fff;
  color: #232323;
  border-color: #232323;
}
.btn-slab.black:hover span,.btn-slab.black:active span {
  color: #232323;
}
.btn-slab.black:focus {
  background: #fff!important;
  color: #222!important;
  border-color: #232323!important;
}
/*
.btn-slab.black:focus span {
    color: #232323}
.btn-slab.black span {
    color: #fff}
.btn-slab.black:focus {
    color: #000;
  }
*/




    .butn {
        background: #4e54c8;
        background: -webkit-linear-gradient(-45deg, #4e54c8, #8089ff);
        background: -moz-linear-gradient(-45deg, #4e54c8, #8089ff);
        background: -o-linear-gradient(-45deg, #4e54c8, #8089ff);
        background: linear-gradient(-45deg, #4e54c8, #8089ff);
        cursor: pointer;
        font-weight: 600;
        color: #fff;
        letter-spacing: 1px;
        font-size: 14px;
        line-height: 20px;
        padding: 14px 28px;
        border-radius: 30px;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        position: relative;
        -webkit-transition: all linear 400ms;
        transition: all linear 400ms;
        border: none}
    .butn:hover {
        color: #fff}
    a.butn:hover,a.butn:active {
        color: #fff}
    .butn:before {
        background: #4e54c8;
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: inline-block;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 51%;
        -ms-transform-origin: 51%;
        transform-origin: 51%;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        border-radius: 22px;
        border: none}
    .butn:hover:before,.butn:focus:before,.butn:active:before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
      }









.slab--header-image {
  width: 100%;
  height: 100%;
    background-image: url("../images/slab/CustomPackaging-Slab-BG.jpg");
    background-repeat: no-repeat;
    xxxbackground-size: 100% auto;

    background-size: cover;
    -webkit-background-size: cover;

    background-position: center center;
    -webkit-background-position: center center;

    background-color: #fff;
 }
  /* background: url(images/slab/Chili-Slab-BG.jpg) no-repeat center center fixed; background-size: cover;  background-color: #fff; */
/*------------------------------------
  END SLAB HOME PAGE BANNER
------------------------------------*/






#mobile-slider	{
    position:relative;
    margin: 0 auto;
    padding: 0;
    list-style-type:none;
    xwidth:375px !important;
    xheight:280px !important;
    xborder: 10px solid #ffcc00;
    overflow:hidden;
}
#mobile-slider li {
    position:absolute;
}
#Xmobile-slider img {
    width:480px;
    height:400px;
}
#mobile-slider p {
    position:absolute;
    bottom:0;
    padding:20px;
    color:#ffffff;
    background-color: #000;
    opacity: 0.6;
    margin:0;
    left:0;
    right:0;
    text-align:center;
}







.xxxparallax_banner_101 {
  position: relative;
  top: 30%;
  width: 100vw;
  height: 700px;
  background-size: cover;
  background-position: center center;
}

.xparallax_banner_101 {
  height: 700px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  xmin-height: 35vh;
  xcolor: white;
}


.parallax_banner_101 h1 {
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto;
  top: 40%;
  transform: translateY(-50%);
  xfont-size: 10vw;
  font-size: 2em;
  color: #fff;
  font-size: 70px;
  font-weight: 400;
  text-transform: uppercase;
}






.product-special {
    margin-bottom: 5px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 5px 20px;
}

.product-special.oversea_direct {
    background: #00A9E0;
}






.custom_packaging_slide_banner101 img{
  width:100%;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


/* TOP MENU LABEL IN RED -- REV2*/
.menu-label-red {
  display: block;
  position: absolute;
  xmin-width: 110px;
  top: -12px;
  left: 56%;
  background-color: #ff0000;
  color: #FFFFFF;
  font-size: 9PX;
  padding: 5px 8px;
}

.menu-label-red::before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-right: 2.5px solid transparent;
  border-left: 2.5px solid #ff0000;
  border-top: 2.5px solid #ff0000;
  border-bottom: 2.5px solid transparent;
}

.menu-label-red.highlight2 {
  background-color: #83b735;
}

.menu-label-red.highlight2::before {
    border-left: 2.5px solid #83b735;
    border-top: 2.5px solid #83b735;
}


.top-menu-label-hover a:hover {
    margin-left: 5px;
    color: #fff !important;
}

.top-menu-ashbury {
    font-size: 12px;
    font-weight: 700;
    border: 1px dashed #ccc;
    border-color: #ff0000;
    color: #ffCC00;
    padding: 5px 15px;
    border-radius: .25rem;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.top-menu-ashbury .fas{
    color: #ffcc00;
}

.top-menu-ashbury:hover {
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;
  transition: all .2s ease-in-out;
}



/* NEW LABEL FOR DOWNLOAD FLYER BUTTON **************************************/
.label_flyer_download {
  display: block;
  position: absolute;
  xmin-width: 110px;
  top: -12px;
  left: 72%;
  background-color: green;
  xborder:1px solid green;
  color: #fff;
  font-size: 10PX;
  letter-spacing: 1px;
  padding: 2px 10px;
  line-height: 1.5;
}

.label_flyer_download::before {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  xright:10px;
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid green;
  border-top: 5px solid green;
  border-bottom: 5px solid transparent;
}
/* END NEW LABEL FOR DOWNLOAD FLYER BUTTON **************************************/


/* NEW LABEL FOR DOWNLOAD IMAGE BUTTON **************************************/
.label_download_image {
  display: block;
  position: absolute;
  xmin-width: 110px;
  top: -12px;
  left: 72%;
  background-color: red;
  xborder:1px solid red;
  color: #fff;
  font-size: 10PX;
  letter-spacing: 1px;
  padding: 2px 10px;
  line-height: 1.5;
}

.label_download_image::before {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  xright:10px;
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid red;
  border-top: 5px solid red;
  border-bottom: 5px solid transparent;
}
/* END NEW LABEL FOR DOWNLOAD IMAGE BUTTON **************************************/

.dpi {
  border: 1px solid #ddd;
  margin: 15px;
  padding:20px;
}
.dpi img{
  position: relative;
  top:7px;
}
.prodImgCheckbox-101 {
  position: relative;
  xbottom: 0;
  xright: 0;
  xtop:-100px;

}


.img_block101 {
  position:relative;
  width:100%;
  margin-right:20px;
  xmargin-bottom:10px;
  xheight:30px;
  border: 1px solid #ddd;
  padding:5px;
}
.chkbox101 {
  position:absolute;
  right:0px;
  bottom:3px;
}



/* CHECKBOX POP UP WINDOW - DOWNLOAD IMAGE ************************************/
/* The check */
.check-dpi {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check-dpi input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark-dpi {
    position: absolute;
    left:0px;
    bottom:-5px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-color:#bbb;
    border-style:solid;
    border-width:2px;
}

/* When the checkbox is checked, add a blue background */
.check-dpi input:checked ~ .checkmark-dpi {
    background-color: #fff  ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-dpi:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-dpi input:checked ~ .checkmark-dpi:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-dpi .checkmark-dpi:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid ;
    border-color:#000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* END CHECKBOX POP UP WINDOW - DOWNLOAD IMAGE */






/* LIFESTYLE POPUP WINDOW ON PRODUCT PAGE*/
.check-dpi2 {
    Xdisplay: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check-dpi2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark-dpi2 {
    position: absolute;
    left:0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-color:#bbb;
    border-style:solid;
    border-width:2px;
    Xmargin-top: 15px;
}
.check-dpi2 input:checked ~ .checkmark-dpi2 {
    background-color: #fff  ;
}
.checkmark-dpi2:after {
    content: "";
    position: absolute;
    display: none;
}
.check-dpi2 input:checked ~ .checkmark-dpi2:after {
    display: block;
}
.check-dpi2 .checkmark-dpi2:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid ;
    border-color:#f8204f;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}





#showQuoteList {
  font-family: 'Roboto', 'Open Sans', sans-serif !important;
  font-size: 10px;
  font-weight: 600;
  color:#222;
}














/* LOGIN PAGE *********************************************
**********************************************************/

.XXXform-check {
  position: relative;
  display: block;
  padding-left: 0;
}

.loginPage input[type=checkbox], input[type=radio] {
    margin: 0 !important;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


.login-block {
    xbackground: #fff;  /* #DE6262 fallback for old browsers */
    /*
    background: -webkit-linear-gradient(to bottom, #FFB88C, #DE6262);
    background: linear-gradient(to bottom, #FFB88C, #DE6262);
    */
    xfloat:left;
    width:100%;
    padding : 100px 0;
    padding-bottom: 100px;
}

.login-block label {
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .login-block-mobile {
    position: absolute;
    top: -300px;
    background: #fff;
    xpadding-top: 100px;
    padding-bottom: 0px;
    z-index: 999;
  }
  .login-block-mobile2 {
    position: absolute;
    xtop: 500px;
    bottom: -600px;
    z-index: 999;
  }
  .login-block {
      padding-bottom: 0;
  }
}



/*
.banner-sec {
  xbackground:url(https://static.pexels.com/photos/33972/pexels-photo.jpg)
  no-repeat left bottom;
  background-size:cover;
  min-height:600px;
  border-radius: 0 10px 10px 0;
  padding:0;
}
*/
.container-login {background:#fff; border-radius: 10px; box-shadow:10px 10px 0px rgba(0,0,0,0.1);}
.carousel-inner-login {border-radius:0 10px 10px 0;}
.carousel-caption {text-align:left; left:5%;}
.login-sec {padding: 0 20px; position:relative;}
.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}

.login-sec h3{margin-bottom:10px; font-weight:800; font-size:30px; color: #ffcc00;}
.login-sec h2{margin-bottom:30px; font-weight:700; font-size:30px; color: #000 !important; }
.login-sec h2:after{content:" "; width:100px; height:5px; background:#e6e6e6; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}

.btn-login {background: #DE6262; color:#fff; font-weight:600;}
.banner-text {width:70%; position:absolute; bottom:40px; padding-left:20px;}
.banner-text h2{color:#fff; font-weight:600;}
.banner-text h2:after{content:" "; width:100px; height:5px; background:#FFF; display:block; margin-top:20px; border-radius:3px;}
.banner-text p{color:#fff;}


.login-button-black {
  font-size: 14px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 0px 30px;
  line-height: 4em;
  height:4em;
	position: relative;
  color: #fff;
	background-color: #000 !important;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.login-button-black:hover{
	color: #000;
  background-color: #ccc !important;
  transition: all .2s ease-in-out;
  border-radius: 50px;
  Xmargin-left:3px;
}

.login-button-float-right {
    float: right!important;
    margin: 20px;
}

.carousel-indicators-login-page li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
}

/* end LOGIN PAGE *********************************************
**********************************************************/



/* START PARALLAX SCROLL */

.custom-el {
	height:60vh;
	width:50px;
	background-color:rgb(242,242,242);
	border-radius:25px;
	overflow:hidden;
}
.custom-el div {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}


.custom-box-300 {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)
}
.custom-box-back {
	filter:brightness(0.9)
}
.custom-box-front {
	filter:brightness(1.05);
	transform:translate(-50%,-50%) scale(1.2);
}



.custom-style {
	background-color:#6ac7db;
	color:#00315c;
	font-size:15px;
	line-height:1.6em;
}
.custom-style h2 {
	padding-bottom:30px;
	color:#fff;
	font-size:44px;
	line-height:1em;
	text-transform:uppercase;
}
.custom-style h3 {
	padding: 32px 0 28px 0;
	color:#00315c;
	font-size:26px;
	line-height:1.2em;
}
.custom-style h2 span {
	color:#00315c;
	display:block;
}

.custom-style a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	width:50%;
}
.custom-style ul {
	list-style: none;
    margin: 0 auto;
    padding: 0;
}
.custom-content {
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	right:10%;
}

/* END PARALLAX SCROLL **********************************************************/










/* ERROR 404 ********************/

.error404-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: #000 !important;
  filter: brightness(20%);
}

.error404-content {
  font-family: "Avenir-Next", Avenir, Helvetica, sans-serif;
  color: #fff;
  background-color: none;
  z-index: 2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



.error404 {
  color: #fff !important;
}

.error404 h1 {
  font-size: 200px;
  margin-bottom: 20PX;
  margin-top: 0;

  background-color: #21D4FD;
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  xfont-size: 5em;
  font-weight: 700;
}

.error404 h2 {
  font-size: 36px;
  margin-bottom: 30PX;
  margin-top: 0;
}

.error404 p {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  padding-bottom: 32px;
}

.error404-btn {
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 40px;
  padding: 15px 30px;
  margin-right: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: .3s;
  cursor: pointer;
}
.error404-btn:hover {
  color: #ff0000;
  xbackground: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff;
  -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}


.vert-center-text {
   position: absolute;
   top: 35%;
   left: 0;
   text-align: center;
   width: 100%;
}

.vert-center-text h1 {
    color: #fff !important;
}

.vert-center-text h2{
    color: #fff !important;
}

.vert-center-container {
  position:relative;
}


/* END ERROR 404 ********************/





/** START PROPOSAL *****************************************/
.search-proposal {
  width: 600px;
  height: 50px;
  Xmargin: 150px auto;
  xbackground: #444;
  xbackground: rgba(0,0,0,.2);
  background-color: #fff;
  border-radius:  30px;
  xborder: 1px solid #fff;
  color: #fff;
}

.search-proposal input {
  width: 400px;
  padding: 12px 25px;
  float: left;
  color: #000 !important;
  font-size: 1.2em;
  border: 0;
  background: transparent;
  border-radius: 3px 0 0 3px;
}

.search-proposal input:focus {
  outline: 0;
  background:transparent;
  color: #000 !important;
  font-size: 1.2em;
}

.search-proposal button {
  position: relative;
  float: right;
  border: 1px solid #fff;
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 160px;
  color: #fff;
  xbackground: transparent;
  background-color:#28a745 !important;
  border-left: 0px solid #fff;
  border-radius: 0 30px 30px 0;
}

.search-proposal button:hover {
  background: #ffcc00 !important;
  color:#fff !important;
  }
.search-proposal button:active {box-shadow: 0px 0px 12px 0px rgba(225, 225, 225, 1);
}

.search-proposal button:focus {outline: 0;
}




.proposal-box {
    xdisplay: inline-block;
    width: 100%;
    padding: 15px;
    margin: 10px 0;
    margin-bottom: 10px;
    background-color:#ffcc00;
    border-radius: 5px;

    xborder: 5px solid #ffcc00;
    xmargin-left:2px;
    xmargin-right:2px;
}

.saved-proposal-row1 {
  transition: all 0.9s ease;
  }
.saved-proposal-row1:hover {
  transition: all 0.3s ease;
  transform: scale(1.03);
  }




  /* STEPS PROCESS   *********************************/

  .container-progress-bar {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
  }

  .clear {
    clear: both;
  }

  .progress_bar {
    max-width: 900px;
    width: 100%;
    margin: 125px auto 0;
    margin-top:100px;
    position: relative;
    height: 50px;
    z-index: 10;
  }

  .progress_bar hr.all_steps {
    width: 60%;
    height: 8px;
    border: none;
    background: #ddd;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 14px;
    left: 10%;
    z-index: 1;
  }
  .progress_bar hr.current_steps {
    width: 0%;
    border: 0;
    height: 8px;
    background: #ffcc00;
    position: absolute;
    bottom: 14px;
    left: 10%;
    z-index: 3;
  }
  .progress_bar div.step {
    float: left;
    width: 20%;
    height: 40px;
    text-align: center;
    font-size: 1.1em;
    color: #ccc;
    position: relative;
    text-shadow: 1px 1px #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* padding:20px; */
  }


  .progress_bar div.step:before {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #ffcc00;
    background: #ffcc00;
    bottom: 13px;
    left: 50%;
    margin-left: -8px;
    content: '✔';
    color:#fff;
    z-index: 4;
    display: none;
  }

  .progress_bar div.step:after {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: 2px solid #ccc;
    background: #ddd;
    bottom: 10px;
    left: 50%;
    margin-left: -10px;
    content: '';
    z-index: 2;
  }


  .progress_bar div.step.current {
    color: #000;
    font-weight: 600;
  }
  .progress_bar div.step.current:before {
    display: block;
  }
  .progress_bar div.step.complete {
    color: #888;
    cursor: pointer;
  }
  .progress_bar div.step.complete:before {
    display: block;
  }
  .progress_bar div.step.complete:hover {
    color: #555;
  }
  #blocks {
    width: 100%;
    position: relative;
    height: 600px;
  }
  #blocks .block {
    position: absolute;
    width: 100%;
    left: 100%;
    height: 200px;
  }
  #blocks .block .wrap {
    width: 80%;
    margin: 0 auto;
  }



  .step span {
    position:relative; top:-50px;
  }




ol.steps {
  display: flex;
  list-style: none;
  text-align: center;
  counter-reset: milestones;
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
ol.steps li {
  flex-grow: 1;
  flex-basis: 0;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 1;
  font-size: 0.75em;
  line-height: 3.25em;
}
ol.steps a {
  display: block;
  text-decoration: none;
}
ol.steps a::before, ol.steps a::after {
  display: block;
  font-size: 1.25em;
  box-sizing: border-box;
}
ol.steps a::before {
  border-radius: 50%;
  text-decoration: none;
  content: counter(milestones);
  counter-increment: milestones;
  width: 4em;
  height: 4em;
  line-height: 4em;
  margin: 0 auto 0.5em;
}
ol.steps a::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: auto;
  border: 0;
  left: 50%;
  top: 2em;
  border-bottom-width: 0.5em;
  margin-top: -0.25em;
}
ol.steps li:last-child a::after {
  display: none;
}
ol.steps a, ol.steps a:visited {
  color: #9ca09f; /* TEXT COLOR */
}
ol.steps a::before {
  color: #fdfefe;
  background-color: #FFCC00;
  box-shadow: inset 0 0 0 0.375em #9f2a4f;
}
ol.steps a::after {
  border-bottom-style: solid;
  border-color: #9f2a4f; /* SOLID LINE MIDDLE -BURGUNDY COLOR*/
}
ol.steps li.current a {
  font-weight: 700;
  color: #9f2a4f;
}
ol.steps li.current a::before {
  color: #9f2a4f;
  background-color: #FFCC00;
  box-shadow: inset 0 0 0 0.375em #9f2a4f;
  transform: scale(1.5);
}
ol.steps li.current a::after {
  border-style: dashed;
  border-color: #CCC;
  Xborder-color: #9f2a4f;
}



ol.steps li.current ~ li a::before {
  color: #707070;
  background-color: #e7e7e3;
  box-shadow: inset 0 0 0 0.375em #d4d4d4;
}
ol.steps li.current ~ li a::after {
  border-bottom-style: none;
}




/* STEPS PROCESS   ******/

  .steps-form-2 {
      display: table;
      width: 100%;
      position: relative; }

  .steps-form-2 .steps-row-2 {
      display: table-row; }


  .steps-form-2 .steps-row-2:before {
      top: 30px;
      bottom: 0;
      position: absolute;
      content: " ";
      width: 100%;
      height: 2px;
      background-color: #fff;
      border: 2px dashed #ccc;
      xborder-style: dashed;
    }

  .steps-form-2 .steps-row-2 .steps-step-2 {
      display: table-cell;
      text-align: center;
      position: relative; }

  .steps-form-2 .steps-row-2 .steps-step-2 p {
      margin-top: 0.5rem; }

  .steps-form-2 .steps-row-2 .steps-step-2 button[disabled] {
      opacity: 0 !important;
      filter: alpha(opacity=100) !important;
      background-color: #000;
    }


  .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 {
      width: 60px;
      height: 60px;
      border: 4px solid #d9d9d9;
      background-color: #e6e6e6  !important;
      color: #666 !important;
      border-radius: 50%;
      font-size: 1.5em;
      line-height: 1.9em;
      }


  .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2:hover {
      border: 5px solid #990000;
      xcolor: #4285F4 !important;
      background-color: #ffcc00 !important;
      xfont-size: 3em;
      xline-height: 3em;
      color: #59698D !important;
    }

/** END PROPOSAL *****************************************/






/** BUTTONS msc BUTTONS ****************************************/
.square_btn {
    display: inline-block;
    padding: 0.5em 3em;
    text-decoration: none;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 25px;
    line-height: 2em;

    transition: all 0.3s ease-in-out;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    xbackground: #668ad8;
    cursor: pointer;
}

.square_btn:hover {
    Xbackground: #ffcc00;

    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: all 0.3s ease-in-out;

    color: #fff;
    border-bottom: solid 4px #d6ab00;
    border-radius: 25px;
    cursor: pointer;
}

.square_btn:active {/*on Click*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*Move down*/
    border-bottom: none;/*disappears*/
    color: #000;
    cursor: pointer;
}


.marketing_button {
  font-size: 1em;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	line-height: 2.5em;
	position: relative;
	background-color: #404040;
	width: 100%;
  cursor: pointer;
  border-bottom: solid 4px #ccc;
  transition: all .2s ease-in-out;
}

.marketing_button:hover{
	color: #000;
  background-color: #ffcc00;
  border-bottom: solid 4px #f59700;
}

/** END BUTTONS ****************************************/





/*** LIFESTYLE *********/

.lifestyle-search-box input[type="text"] {
    width: 100%;
    padding: 6px 0px 6px 0px; /*padding: 10px 0 5px 1em;*/
    color: #1a1a1a;
    outline: none;
    border: 0px solid #fff;
    font-size: 12px !important;
    background-color: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
}

.search-button-3 {
    position: absolute;
    top: 3px;
    right: 18px;
    height: 30px;
    width: 60px;
    color: #fff;
    text-align: center;
    border-width: 0;
    background-color: #ffcc00 !important;
    cursor: pointer;
    text-transform:uppercase;
    border-radius: 6px;
    outline:0;
}

.search-button-3:hover {
  color: #fff;
  background:#222 !important;
}











.video-testimonial-block {
  position: relative;
  width: 100%;
  height: 100%;
  overflow:
  hidden;
  xmargin-bottom: 30px;
}

.video-testimonial-block .video-thumbnail {
  left: 35%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.video-testimonial-block .video { }
.video-testimonial-block .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px; }

.video-testimonial-block .video-play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -18px;
  text-decoration: none;
}

.video-testimonial-block .video-play::before {
  content: "\f144";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  color: #ff0000;
}

.video-testimonial-block .video-play:hover::before { color: #ffCC00; }
.mb10{margin-bottom:10px;}
.section-title { margin-bottom: 40px; }







.video-play-iconx {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.video-play-icon::before {
  content: "\f144";
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  text-decoration: inherit;

  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 60px;
  color: #ff0000;
  background: #fff;
  border-radius: 50%;

    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 40%;
    xtop: 0;

    top: 30%;
    transform: translate(-50%, -50%);
    transition:0.9s;
}

.video-play-icon:hover::before {
  color: #ffCC00 !important;

}




.video-content {
  position: relative;
  padding-left: 5%;
}

.video-content h1 {
  font-weight: 900;
  font-size: 2em;
  text-rendering: auto;
  color: #000;
}

.video-content p {
  font-weight: 300;
  font-size: 1em;
  line-height: 1.2em;
  text-rendering: auto;
  color: #999;
  top: 0px;
  position: relative;
}


.img-thumbnail {
    transition:0.9s;
}

.img-thumbnail-hover:hover {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: 0 auto;
    opacity:0.5;
}




/*** END LIFESTYLE *********/







/** NEWS TICKER ************************************************************************/

.bn-breaking-news {
  display:block;width:100%;
  background:#FFF;
  box-sizing:border-box;
  position:relative;
  line-height:20px;
  overflow:hidden;
  text-align:auto;
  font-size: 12px;
}

.bn-breaking-news2 {
  display:block;width:100%;
  height:30px !important;
  box-sizing:border-box;
  position:relative;
  line-height: 30px !important;
  overflow:hidden;
  text-align:auto;
  font-size: 10px
  color:#000;
}

/*control button styles*/
.bn-controls button{
  background: #f2f2f2;
}

/*prefix styles*/
.bn-prefix{
	color:#0000FF;
	font-size:12px;
}

  .bn-breaking-news *{box-sizing:border-box}
  .bn-breaking-news.bn-fixed-top{position:fixed;left:0;right:0;top:0}
  .bn-breaking-news.bn-fixed-bottom{position:fixed;left:0;right:0;bottom:0}

  .bn-label {
    left:0;
    top:2px;
    bottom:0;
    height:100%;
    position: absolute;
    Xbackground-color:#ce2525;
    text-align:center;
    color:#000;
    font-size:11px;
    font-weight:700;
    z-index:1;
    Xpadding: 0 90px;
    margin-right: 100px!important;
    white-space:nowrap;
  }


.bn-news {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  right: 0;
  overflow: hidden;
}
.bn-news ul {
  display: block;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  left: 0;
  bottom: 0;
  top:2px;
  width: 100%;
  position: absolute;
}
.bn-news ul li {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  position: absolute;
  width: 100%;
  padding-left: 8%;
  display: none;
  color: #333;
  font-size: 11px;
}

.bn-news ul li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  padding: 0 12px;
  color: #666;
  position: relative;
  display: block;
  overflow: hidden;
}

.bn-news ul li a:hover {
  color: #000;
  text-decoration: underline !important;
}
.bn-news ul li a span{
  color: #333;
  font-weight: 700;
}


.bn-loader-text {
    padding: 0 10px;
}
.bn-seperator {
  display: inline-block;
  float: left;
  margin-right: 15px;
  width: 30px;
  height: 40px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}
.bn-seperator.bn-news-dot {
  margin-right: 0;
}
.bn-seperator.bn-news-dot:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
}
.bn-prefix {
  color: #d65d7a;
  margin-right: 15px;
  padding-left: 10px;
}
.bn-positive {
  color: #0b8457;
  font-weight: 700;
}
.bn-negative {
  color: #dc2f2f;
  font-weight: 700;
}
.bn-controls {
  width: auto;
  left:75px;
  xright: 0;
  top: 1px;
  bottom: 0;
  height: 100%;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bn-controls button {
  width: 20px;
  float: left;
  height: 100%;
  cursor: pointer;
  border: none;
  xborder-left: solid 1px #eee;
  text-align: center;
  xbackground-color: #f6f6f6;
  outline: none;
}
.bn-controls button:hover {
  xbackground-color: #eee;
}
.bn-arrow {
  margin: 0 auto;
  display: inline-block;
  height: 8px;
  position: relative;
  width: 8px;
  top: -2px;
}
.bn-arrow::after {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
}
.bn-arrow.bn-next {
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  left: -3px;
}
.bn-arrow.bn-prev {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 3px;
}
.bn-arrow::after {
    border-color: #999;
}
.bn-arrow::before {
    background-color: #999;
}
.bn-arrow::after, .bn-arrow::before > :hover {
    border-color: #ff0000;
}


.bn-play {
    position: relative;
    background: #999;
    width: 0;
    height: 12px;
    display: inline-block;
    margin-left: -5px;
}
.bn-play::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: auto;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #999;
    border-width: 8px;
    margin-top: -8px;
}
.bn-pause {
    position: relative;
    width: 0;
    height: 12px;
    display: inline-block;
    top: 0px;
    left: -1px;
}
.bn-pause::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    left: 3px;
    background-color: #999;
}
.bn-pause::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    left: -3px;
    background-color: #999;
}

.bn-direction-rtl {
    direction: rtl;
}
/*
.bn-direction-rtl;
*/

/*
.bn-label{left:auto;right:0}
.bn-direction-rtl
.bn-controls{right:auto;left:0}
.bn-direction-rtl
.bn-seperator{margin-left:15px;margin-right:0;float:right}
.bn-direction-rtl
.bn-prefix{margin-left:15px;margin-right:0;padding-left:0;padding-right:10px}
.bn-direction-rtl
.bn-controls button{border-left:none;border-right:solid 1px #EEE}.bn-effect-scroll
.bn-news ul{display:block;width:100%;position:relative}
.bn-effect-scroll
.bn-news ul li{display:list-item;float:left;position:relative;width:auto}
.bn-effect-scroll.bn-direction-rtl
.bn-news ul li{float:right}
*/

/*** END NEWS TICKER ***********/






.marketing-sub-header {
  font-size: 1.1em;
  transform: rotate(-3deg) !important;
}









/********************* TOP PRODUCT PAGE - APPLE LIKE EFFECTS ****************************************************************************
*****************************************************************************************************************************************
*****************************************************************************************************************************************
*****************************************************************************************************************************************/
/*
.top-products-banner {
    z-index: 100;
    width: 100%;
    height: 550px;
    xxheight: 720px;
    position: relative;
    overflow: hidden;
    color:#fff;
    font-size: 1vw;
    background-color: #000;
  }

.top-products-banner h1 {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 5.5em;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
  }


.typography-top-products-theme-dark {
    xbackground-color: #000;
    color: #ffe5db;
    line-height: 1.4;
    font-size: 0.8em;
}

@media only screen and (max-width: 767px){
  .typography-top-products-theme-dark {
    line-height:normal;
    font-size: 0.5em;
  }
}

.typography-top-products-headline {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    xfont-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.typography-top-products-headline-60px {
    font-size: 30px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    text-transform: uppercase;
}


.typography-top-products-overview {
    font-size: 28px;
    line-height: 1.425;
    font-weight: 600;
    letter-spacing: .004em;
    xwidth:70%;
    padding:0 5em;
    text-align: center;
    xfont-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

@media only screen and (max-width: 767px){
  .typography-top-products-overview {
      font-size: 15px;
      line-height: 1.6;
      font-weight: 400;
      letter-spacing: .004em;
      padding:0 0em;
      text-align: center;
  }
}



.top-products-headline-button {
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	line-height: 4em;
	padding: 0px 30px 0px 30px !important;
	position: relative;
  border-radius: 50px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  color: #fff !important;
  background-color: #1C1C1C;
  border: 1px solid #868686;
}

.top-products-headline-button::before {
  content: "\f002";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  padding-right: 3px;
}

.top-products-headline-button:hover {
  color: #000 !important;
  Xbackground-color: #ffcc00;
  background-image: linear-gradient(160deg, #FFE53B 50%, #FF2525 100%);
  border: 1px solid #000;
  text-decoration: none;
  cursor: pointer;
}

.top-products-headline-button a:visited {
	color: #000 !important;
}


@media only screen and (max-width: 767px){
  .top-products-headline-button {
  	font-size: 1.1em !important;
    padding: 0px 15px 0px 15px !important;
  }
  .top-products-headline-button::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f002";
    font-weight: 400;
    font-size: 1.7em !important;
  }
}

.top-products-headline-button2 {
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	line-height: 4em;
	padding: 0px 30px 0px 30px !important;
	position: relative;
  border-radius: 50px;
  cursor: pointer;
  color: #000 !important;
  background-color: #1C1C1C;
  border: 1px solid #000;
  background-image: linear-gradient(160deg, #FFE53B 50%, #FF2525 100%);

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.top-products-headline-button2::before {
  content: "\f002";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  padding-right: 3px;

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.top-products-headline-button2:hover {
  color: #fff !important;
  background-color: rgba(225, 225, 225, 0.2);
  border: 1px solid #868686;
  text-decoration: none;
  background-image: none;
  cursor: pointer;

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.top-products-headline-button2 a:visited {
	color: #000 !important;
  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px){
  .top-products-headline-button2 {
  	font-size: 80%;
  }
  .top-products-headline-button2::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f002";
    font-weight: 400;
    font-size: 1.7em !important;
  }
}


.top-products-headline-button3 {
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	line-height: 4em;
	padding: 0px 30px 0px 30px !important;
	position: relative;
  border-radius: 50px;
  cursor: pointer;
  color: #000 !important;
  background-color: #1C1C1C;
  border: 1px solid #000;
  background-image: linear-gradient(160deg, #FFE53B 50%, #FF2525 100%);

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.top-products-headline-button3::before {
  content: "\f002";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  padding-right: 3px;

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.top-products-headline-button3:hover {
  color: #fff !important;
  background-color: #333;
  xborder: 1px solid #868686;
  text-decoration: none;
  background-image: none;
  cursor: pointer;

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.top-products-headline-button3 a:visited {
	color: #000 !important;
  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px){
  .top-products-headline-button3 {
  	font-size: 80%;
  }
  .top-products-headline-button3::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f002";
    font-weight: 400;
    font-size: 1.7em !important;
  }
}


.spectorway-download-button {
  width: 100%;
	font-size: 1.3em;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	line-height: 2.8em;
	padding: 10px !important;
	position: relative;
  Xborder-radius: 50px;
  cursor: pointer;
  color: #000;
  background-color: #fff;
  border: 7px solid #ccc;

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.spectorway-download-button:hover {
  border: 7px solid #ff0000;
  color: #ff0000;

  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.custom-text-style {
	font-size:150px;
	line-height:400px;
	white-space:nowrap;
	text-align:center;
	position:relative;
	font-weight:700;
}

@media only screen and (max-width: 767px){
  .custom-text-style {
  	font-size:18px;
  	line-height:.5em !important;
  	white-space:nowrap;
  	text-align:center;
  	position:relative;
  	font-weight:700;
  }
}


.custom-top-product-bigger-text-2em {
  font-family: 'Poppins', sans-serif;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: -4PX;
}

.custom-top-product-bigger-text1 {
  font-family: 'Poppins', sans-serif;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: -1PX;
  line-height: 1;
}

@media only screen and (max-width: 767px){
  .custom-top-product-bigger-text1 {
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing:0PX;
    line-height: normal;
  }
}

.custom-top-product-bigger-text2{
  font-family: 'Poppins', sans-serif;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: -3PX;
}

@media only screen and (max-width: 767px){
  .custom-top-product-bigger-text2{
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0PX;
    line-height: normal;
  }
}


.custom-top-product-text-background-green {
  background: linear-gradient(90deg, rgba(100,200,0,1) 0%, rgba(9,121,85,1) 49%, rgba(0,208,85,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 3em;
  font-weight: 700;
  xline-height: 2em;
}

.custom-top-product-text-background-green2 {
  background: rgb(3,255,0);
  background: linear-gradient(90deg, rgba(3,255,0,1) 0%, rgba(218,255,84,1) 49%, rgba(0,255,57,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 3em;
  font-weight: 700;
  xline-height: 2em;
}


.custom-top-product-text-background-sun {
  background-color: #FFE53B;
  background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 3em;
  font-weight: 700;
  xline-height: 2em;
  letter-spacing: -7PX;
}

.custom-top-product-text-background-sun2 {
  background-color: #FFE53B;
  background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 2.7em;
  font-weight: 700;
  letter-spacing: -2PX;
}

.custom-top-product-text-background-sun3 {
  background-color: #21D4FD;
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 2.5em;
  font-weight: 700;
  letter-spacing: -5PX;
  position: relative;
  top: 10px;
}


.custom-top-product-text-background-blue {
  background-color: #21D4FD;
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 3em;
  font-weight: 700;
}


.custom-top-product-text-background-black {
  background: rgb(25,25,25);
  background: linear-gradient(90deg, rgba(25,25,25,1) 0%, rgba(176,176,176,1) 49%, rgba(0,0,0,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 3em;
  font-weight: 700;
}

.custom-top-product-text-background-white h1{
  background: #FFEFBA;
  background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);
  background: linear-gradient(to right, #FFFFFF, #FFEFBA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 30px !important;
  font-weight: 600;
  text-transform: capitalize !important;
}

.custom-top-product-text-background-coolblue {
  background: #2980B9;
  background: -webkit-linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9);
  background: linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif !important;
  font-size: 2.7em;
  font-weight: 700;
  letter-spacing: -2PX;
}

@media only screen and (max-width: 767px){
  .custom-top-product-text-background-black,
  .custom-top-product-text-background-blue,
  .custom-top-product-text-background-sun3,
  .custom-top-product-text-background-sun2,
  .custom-top-product-text-background-sun,
  .custom-top-product-text-background-green2,
  .custom-top-product-text-background-green,
  .custom-top-product-text-background-white
   {
    font-size: 130%;
  }
}




.custom-style {
	background-color:#6ac7db;
	color:#00315c;
	font-size:15px;
	line-height:1.6em;
}
.custom-style h2 {
	padding-bottom:30px;
	color:#fff;
	font-size:44px;
	line-height:1em;
	text-transform:uppercase;
}
.custom-style h3 {
	padding: 32px 0 28px 0;
	color:#00315c;
	font-size:26px;
	line-height:1.2em;
}
.custom-style h2 span {
	color:#00315c;
	display:block;
}

.custom-style a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	width:50%;
}
.custom-style ul {
	list-style: none;
  margin: 0 auto;
  padding: 0;
}
.custom-content {
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	right:10%;
}



.custom-box-300 {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)
}
.custom-box-back {
	filter:brightness(0.9)
}
.custom-box-front {
	filter:brightness(1.05);
	transform:translate(-50%,-50%) scale(1.2);
}




.custom-frame-wrap {
	width:64px;
	height:128px;
}
.custom-frame-item {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.custom-bg-color-dark {
	background-color:#383838;
}

.custom-animation .sts-item-before,
.custom-animation .sts-item-after {
	opacity:0;
}
.custom-animation .sts-item-active {
	opacity:1;
}

.sts-section-paused  {

}
.custom-style {
	background-color:#383838;
	color:#99999b;
	font-size:23px;
	line-height:28px;
}
.custom-style h2 {
	padding-bottom:40px;
	color:#f4f4f6;
	font-size:30px;
	line-height:34px;
}
.custom-style span {
	display: inline-block;
	font-size: 14px;
	color: #78787a;
	line-height: 18px;
	width:60%;
	padding-top:40px;
}

.custom-style a {
	display: inline-block;
	font-size: 14px;
	color: #FF0;
	line-height: 18px;
	width:50%;
}
.custom-cont-item {
	padding:30%;
}
.custom-cont-item + .custom-cont-item {
	padding-top:0;
}



.custom-content-item {
	width: 35vw;
	margin: 5vh 2.5vw;
	xheight:70vh;
	xbackground-color: #f1f1f1;
  background: transparent;
	display:inline-block;
	vertical-align:top;
	white-space:normal;
}
/*
.custom-content-item2 {
	width: 35vw;
	margin: 5vh 2.5vw;
	height:70vh;
	background-color: #fff;
	display:inline-block;
	vertical-align:top;
	white-space:normal;
}
.custom-content-item2 h1{
  font-size: 2em;
  line-height: 1.5em;
  padding: 20%;
  text-align: center;
  position: relative;
  top: 35vh;
  transform: translatey(-50%);
}


.custom-scroll-wrap-v {
	text-align:center;
}
.custom-scroll-wrap-v .custom-content-item:nth-child(odd) {
transform:translateY(30%);
}
.custom-scroll-wrap-h {
	white-space:nowrap;
}
.custom-scroll-wrap-h .custom-title-screen {
	display:inline-block;
	white-space:normal;
	vertical-align:top;
}


.custom-content-item {
	xwidth: 35vw;
	margin: 5vh 3.5vw;
	height:73vh;
  Xheight:750PX;
	background-color: #fff;
	display:inline-block;
	vertical-align:top;
	white-space:normal;
}




.custom-content-item h1{
  font-size: 2em;
  line-height: 1.5em;
  padding: 20%;
  text-align: center;
  position: relative;
  top: 35vh;
  transform: translatey(-50%);
}

@media only screen and (max-width: 767px){
  .custom-content-item {
  	margin: 5vh 3.5vw;
  	height:175px;
    xpadding: 20px 10px;
  	background-color: #fff;
  	display:inline-block;
  	vertical-align:top;
  	white-space:normal;
  }
  .custom-content-item h1 {
    padding: 5%;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);

  }
}


.custom-scroll-wrap-v {
	text-align:center;
}
.custom-scroll-wrap-v .custom-content-item:nth-child(odd) {
transform:translateY(30%);
}
.custom-scroll-wrap-h {
	white-space:nowrap;
}
.custom-scroll-wrap-h .custom-title-screen {
	display:inline-block;
	white-space:normal;
	vertical-align:top;
}


.custom-content-item-2 {
	width: 35vw;
	margin: 10vh 10vw;
	height:90vh;
	background-color: transparent;
	display:inline-block;
	vertical-align:top;
	white-space:normal;
}

.custom-content-item-3 {
	Xwidth: 5vw;
  width:2000px;
	xmargin: 10vh 10vw;
	height:90vh;
  margin:0 !important;

  Xborder:5px solid #ff0000;

	background-color: transparent;
	display:inline-block;
	vertical-align:top;
	white-space:normal;
}

.custom-scroll-wrap-v-2 {
	text-align:center;
}
.custom-scroll-wrap-v-2 .custom-content-item-2:nth-child(odd) {
transform:translateY(30%);
}
.custom-scroll-wrap-h-2 {
	white-space:nowrap;
}
.custom-scroll-wrap-h-2 .custom-title-screen-2 {
	display:inline-block;
	white-space:normal;
	vertical-align:top;
}



.custom-box-pos {
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -150px;
}
*/

/********************* END END END END --- TOP PRODUCT PAGE - APPLE LIKE EFFECTS ********************************************************
*****************************************************************************************************************************************
*****************************************************************************************************************************************
*****************************************************************************************************************************************/










.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}





.icons_product_page ul{
    display: inline-block;
    xmargin-bottom: 10px;
}
.icons_product_page ul > li {
	display: inline-block;
  position: relative;
  list-style: none;
	margin-bottom: 25px;
	margin-LEFT: 25px;
	Xpadding:10px;
  Xtransform: scale(0.5, 0.5);
}
.icons_product_page img {
  width: 40px;
}

.icons_product_page li a span {
  position: absolute;
  display: block;
  bottom: -1rem;
  font-size: .4rem;
  font-weight: bolder;
  line-height: 1.2;
  color: #000;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
	.icons_product_page li a span {
    position: absolute;
    display: block;
    bottom: -1.6rem;
    font-size: 7px;
    font-weight: bolder;
    line-height: 1.2;
    color: #000;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
	}
}

.icons_product_page_nfc img {
  width: 30px;
  height: 0 auto;
}
.icons_product_page_currency img {
  width: 12px;
  height: 0 auto;
}


.icons_product_page2 ul > li {
	display: inline-block;
  position: relative;
  list-style: none;
  text-align: center;
  xborder: 1px solid #ccc;
  width: 30px;
  height: 30px;
	margin-LEFT: 15px;
}
.icons_product_page2 ul{
  margin: 0px 0px !important;
  padding: 0px !important;
  text-align: right;
  position: relative;
  top: -10px;
}
@media only screen
and (min-width: 320px)
and (max-width: 1024px){
  .icons_product_page2 ul{
    text-align: left;
    position: relative;
    top: 0px;
  }
}


.icons_product_page3 ul > li {
	display: inline-block;
  position: relative;
  list-style: none;
  text-align: center;
  /* border: 1px solid #ccc; */
  width: 20px;
  height: 20px;
	/*margin-LEFT:5px;*/
}
.icons_product_page3 ul{
  margin: 0px 0px !important;
  padding: 0px !important;
  text-align: right;
  position: relative;
  top: -10px;
}
@media only screen
and (min-width: 320px)
and (max-width: 1024px){
  .icons_product_page3 ul{
    text-align: left;
    position: relative;
    top: 0px;
  }
}










/* ------------------------------------------------------------------------
  LANDING PAGE DOCK THUMBNAILS MENU
------------------------------------------------------------------------ */


.icons_product_page ul{
    display: inline-block;
    xmargin-bottom: 10px;
}
.icons_product_page ul > li {
	display: inline-block;
  position: relative;
  list-style: none;
	margin-bottom: 25px;
	margin-LEFT: 25px;
	Xpadding:10px;
  Xtransform: scale(0.5, 0.5);
}
.icons_product_page img {
  width: 40px;
  height: 0 auto;
}






/* ------------------------------------------------------------------------
  LANDING PAGE DOCK THUMBNAILS MENU
------------------------------------------------------------------------ */

/* HOME PAGE IMG BANNER HOVER EFFECTS */

/*
.img-banner-hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
background: #000;
cursor: pointer;
}

.img-banner-hovereffect .overlay-img-banner-homepage {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.img-banner-hovereffect img {
xdisplay:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
text-align: center;
}

.img-banner-hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.img-banner-hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.img-banner-hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
}

.img-banner-hovereffect:hover img {
-ms-transform:scale(1.01);
-webkit-transform:scale(1.01);
transform:scale(1.01);
}

.img-banner-hovereffect:hover .overlay-img-banner-homepage {
opacity:1;
filter:alpha(opacity=100);
}

.img-banner-hovereffect:hover h2,.img-banner-hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.img-banner-hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
*/

/* END IMG BANNER HOVER EFFECTS */




/*
.dock-container {
  position: relative;
  right: 0%;
  left: 0%;
  width: 100%;
  text-align: center;
  border-radius: 10px 10px 0 0;
  z-index: 100;
}

.dock-container2 {
  position: absolute;
  bottom:0px;
}


.dock-container li {
  list-style-type: none;
  display: inline;
  position: relative;
  cursor: pointer;
}

.dock-container li img {
  width: 11%;
  border-radius: 2px;
  cursor: pointer;
  opacity:.8;
  margin-left: 0.1em;
  margin-right: 0.1em;
  -webkit-transition: all 0.5s;
  -webkit-transform-origin: 50% 100%;
}

.dock-container li:hover img {
   -webkit-transform: scale(3.2);
   margin-left: 8em;
   margin-right: 8em;
   opacity: 1;
   border: 1px solid #fff;
   position: relative;
   -webkit-transition: all 0.5s;
   -webkit-transform-origin: 50% 100%;
   cursor: pointer;
   z-index: 1;
}

.dock-container li:hover + li img,
.dock-container li.prev img {
   -webkit-transform: scale(2);
   margin: 1em 2em;
   cursor: pointer;
   z-index: 1;
}

.dock-container li span {
   display: none;
   position: absolute;
   bottom: 140px;
   left: 0;
   width: 100%;
   background-color: rgba(0,0,0,0.75);
   padding: 4px 0;
   border-radius: 12px;
}
.dock-container li:hover span {
   display: block;
   color: #fff;
}


@media only screen
and (min-width: 768px)
and (max-width: 1024px){
  .dock-container {
          position: fixed;
          position: relative;
          bottom: 60px;
      }
  .dock-container li >img {
    width: 50% !important;
    height: 50% !important;
    border-radius: 1px;
    cursor: pointer;
    position:relative;
  }
}

@media only screen and (max-width: 767px){
  .dock-container {
    position: fixed;
    position: relative;
    bottom: 60px;
  }
  .dock-container li img {
    display:none;
  }
}

*/











/* ------------------------------------------------------------------------
  SMART SEARCH BOX BUTTON WITH CAPTION
------------------------------------------------------------------------ */

figure.smasrt-search {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #fff;
  text-align: center;
}

figure.smasrt-search * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

figure.smasrt-search img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;

  transition: all .3s ease-in .3s;

  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  max-width: 100%;
  height: 0 auto;
}


figure.smasrt-search figcaption h3 {
  font-size: 2.20em;
  color: #ffffff;
  word-spacing: -0.15em;
  letter-spacing: -2px;
}

figure.smasrt-search figcaption {
  position: absolute;
  top: calc(45%);
  width: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.smasrt-search:hover figcaption,
.smasrt-search.hover figcaption {
  top: calc(55%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}


figure.smasrt-search > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5.5em 3em;
  width: 100%;
  height: 100%;
}

figure.smasrt-search > div::before {
  position: absolute;
  top: 40px;
  right: 50%;
  bottom: 30px;
  left: 50%;
  border-left: 2px solid rgba(255, 255, 255, 0.8);
  border-right: 2px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

figure.smasrt-search h2,
figure.smasrt-search p {
  color: #ffffff;
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}

figure.smasrt-search h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.smasrt-search h2 span {
  font-weight: 800;
}
figure.smasrt-search p {
  font-weight: 200	;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.smasrt-search a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}

figure.smasrt-search:hover img {
  xopacity: 0.30;
  filter: brightness(20%);
}

figure.smasrt-search:hover > div h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.smasrt-search:hover > div p {
  opacity: 0.8;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.smasrt-search:hover > div::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  right: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}






/* ------------------------------------------------------------------------
  START LANDING PAGE SLIDER WITH IMAGE INDICATOR
------------------------------------------------------------------------ */
/*
#home_page_video_banner {
  position: relative;
  max-height: 600px;
  width: 100% !important;
  margin: 0 auto;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  background-color: #000;
}

@media only screen and (max-width: 767px){
  #home_page_video_banner {
    position: relative;
    max-height: 100px !important;
    width: 100%;
    margin: 0 auto;
    height: 75vh;
    height: calc(100vh - 182px);
    height: -webkit-calc(100vh - 182px);
    height: -moz-calc(100vh - 182px);
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    background-color: #000;
  }

  #in_th_030 {
      overflow: hidden;
      max-height: 200px !important;
      position: relative;
      background: #000000;
  }
}

.videowrapper video{
  width: 100% !important;
  display: block;
}

.videoWrapper-youtube {
    position: relative;
    height: auto;
}
.videoWrapper-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 600px !important;
}

#video_video_banner {
  height: 600px !important;
  width: 100% !important;
  margin: 0 auto;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  background-color: #000;
  border-bottom:5px solid #000;
}
.videowrapper2 video{
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.indicator_opa{
    opacity: 0.6;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
    z-index: 999;
}

.indicator_opa:hover{
		opacity: 1 !important;
		-webkit-transform: scale(1.2) rotate(0) translateY(0);
		-moz-transform: scale(1.2) rotate(0) translateY(0);
		-o-transform: scale(1.2) rotate(0) translateY(0);
		-ms-transform: scale(1.2) rotate(0) translateY(0);
    transform: scale(1.2) rotate(0) translateY(0px);
		z-index: 1;
    -webkit-box-shadow: -1px -1px 83px -8px rgba(255,255,255,1);
    -moz-box-shadow: -1px -1px 83px -8px rgba(255,255,255,1);
    box-shadow: -1px -1px 83px -8px rgba(255,255,255,1);
}

#in_th_030 {
  overflow: hidden;
  max-height: 600px;
  position: relative;
  background: #000000;
}
#in_th_030:hover {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#in_th_030:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#in_th_030 > .carousel-inner > .carousel-item > img,
#in_th_030 > .carousel-inner > .carousel-item > a > img {
  width: 100%;
  opacity: 100;
  margin: 0 auto;
}


			.in_th_brdr_img_030 > .carousel-indicators {
			  left: 0;
			  bottom: 0px;
			  margin: 0 auto;
			  width: 100%;
			  font-size: 0;
			  display: block;
			  overflow-x: auto;
			  position: absolute;
			  text-align: center;
			  white-space: nowrap;
			}

			.in_th_brdr_img_030 > .carousel-indicators li:before,
			.in_th_brdr_img_030 > .carousel-indicators li:after{
			  display: none;
			}

			.in_th_brdr_img_030 > .carousel-indicators li {
			  width: 12%;
			  border: 0;
			  padding: 0;
			  height: 100%;
			  text-indent: 0;
			  cursor: pointer;
			  margin: 0 1px 0 3px;
			  display: inline-block;
			  background-color: transparent;
			  background-color: transparent;
			  -webkit-border-radius: 0;
			  border-radius: 0;
			}

			.in_th_brdr_img_030 > .carousel-indicators .active {
			  width: 10%;
			  height: 100%;
			  margin: 0 1px 0 3px;
			  background-color: transparent;
			}
			.in_th_brdr_img_030 > .carousel-indicators li img{
			  width: 100%;
        border:2px solid #dee2e6; padding: 2px;
        opacity: 1;
			}

			.in_th_brdr_img_030 > .carousel-indicators .active img{
			  opacity: 1 !important;
        background-color: #ff0000 !important;
        border:2px solid #ff0000!important;

			}

			.in_th_brdr_img_030 > .carousel-indicators > li > h5{
			  opacity: 0;
			  left: -50px;
			  color: #000000;
			  padding: 7px 0;
			  font-size: 12px;
			  font-weight: 400;
			  margin: 0 0 3px 0;
			  letter-spacing: 1px;
			  white-space: normal;
			  visibility: hidden;
			  position: relative;
			  text-transform: uppercase;
			  font-family: 'Montserrat', sans-serif;
			  -webkit-font-smoothing: antialiased;
			  -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s;
			  transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s;
			}
			.in_th_brdr_img_030 > .carousel-indicators > li > h5:before,
			.in_th_brdr_img_030 > .carousel-indicators > li > h5:after,
			.in_th_brdr_img_030 > .carousel-indicators > li > h5 > :first-child:before,
			.in_th_brdr_img_030 > .carousel-indicators > li > h5 > :first-child:after {
			  width: 15px;
			  height: 15px;
			  content: '';
			  position: absolute;
			  border-style: solid;
			  border-color: #000000;
			}
			.in_th_brdr_img_030 > .carousel-indicators > li > h5:before {
			  top: 0;
			  left: 0;
			  border-width: 1px 0 0 1px;
			}
			.in_th_brdr_img_030 > .carousel-indicators > li > h5:after {
			  top: 0;
			  right: 0;
			  border-width: 1px 1px 0 0;
			}
			.in_th_brdr_img_030 > .carousel-indicators > li > h5 > :first-child:before {
			  right: 0;
			  bottom: 0;
			  border-width: 0 0 0 0;
			}
			.in_th_brdr_img_030 > .carousel-indicators > li > h5 > :first-child:after {
			  left: 0;
			  bottom: 0;
			  border-width: 0 0 0 0;
			}
			.in_th_brdr_img_030 > .carousel-indicators .active h5{
			  left: 0;
			  opacity: 1;
			  visibility: visible;
			}
			.in_th_brdr_img_030 > .carousel-indicators::-webkit-scrollbar {
			  margin: 0 auto;
			  padding: 0;
			  width: 5px;
			  height: 5px;
			  background: rgba(0, 0, 0, 0.3);
			}
			.in_th_brdr_img_030 > .carousel-indicators::-webkit-scrollbar-thumb {
			  -webkit-border-radius: 0;
			  border-radius: 0;
			  background: rgba(255, 255, 255, 0.7);
			}

			@media screen and (min-width: 768px) {
			  .in_th_brdr_img_030 > .carousel-indicators {
			    bottom: 0px;
          xz-index: 99999;
			  }
			}


			.in_th_030_slide{
			  top: 25%;
			  left: 10%;
			  right: auto;
			  width: 250px;
			  height: 0 auto;
			  margin: 0 auto;
			  padding: 25px;
			  text-align: center;
			  position: absolute;
			  -webkit-animation-delay: 0.7s;
			  animation-delay: 0.7s;
			  -webkit-animation-duration: 2s;
			  animation-duration: 2s;
			  -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
			  animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
			}
			.in_th_030_slide_right{
			  right: 10%;
			  left: auto;
			  text-align: center;
			}
			.in_th_030_slide_center{
			  left: 0;
			  right: 0;
			  text-align: center;
			}
			.in_th_030_slide:before,
			.in_th_030_slide:after,
			.in_th_030_slide > :first-child:before,
			.in_th_030_slide > :first-child:after {
			  width: 50px;
			  height: 50px;
			  content: '';
			  position: absolute;
			  border-style: solid;
			  border-color: #000000;
			}
			.in_th_030_slide:before {
			  top: 0;
			  left: 0;
			  border-width: 2px 0 0 2px;
			}
			.in_th_030_slide:after {
			  top: 0;
			  right: 0;
			  border-width: 2px 2px 0 0;
			}
			.in_th_030_slide>:first-child:before {
			  right: 0;
			  bottom: 0;
			  border-width: 0 0 0 0;
			}
			.in_th_030_slide>:first-child:after {
			  left: 0;
			  bottom: 0;
			  border-width: 0 0 0 0;
			}
			.in_th_030_slide > h1{
			  color: #000;
			  font-size: 25px;
			  margin: 0 0 0 0;
			  font-weight: 600;
			  letter-spacing: 2px;
			  text-transform: uppercase;
			  font-family: 'Montserrat', sans-serif;
			}
			.in_th_030_slide > h2{
			  color: #000;
			  font-size: 50px;
			  margin: 0 0 0 0;
			  font-weight: 600;
			  letter-spacing: 2px;
			  text-transform: uppercase;
			  font-family: 'Montserrat', sans-serif;
			}
			.in_th_030_slide > a,
			.in_th_030_slide > a:visited{
			  color: #000;
			  cursor: pointer;
			  font-size: 14px;
			  text-align: center;
			  letter-spacing: 2px;
			  white-space: nowrap;
			  display: inline-block;
			  text-decoration: none;
			  text-transform: uppercase;
			  font-family: 'Montserrat', sans-serif;
			  -webkit-border-radius: 0;
			  border-radius: 0;
			  -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s;
			  transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s;
			}
			.in_th_030_slide > a:hover,
			.in_th_030_slide > a:active {
			  color: #ff4343;
			}


			@media only screen and (max-width: 480px){
			  .in_th_brdr_img_030 > .carousel-indicators > li > h5{
			    display: none;
			  }
			  .in_th_030_slide{
			    top: 7%;
			  }
			  .in_th_030_slide > h1{
			    font-size: 25px;
			  }
			  .in_th_030_slide > h2{
			    font-size:20px;
			  }
			}


			@media (min-width: 481px) and (max-width: 600px){
			  .in_th_brdr_img_030 > .carousel-indicators > li > h5{
			    display: none;
			  }
			}

			@media (min-width: 601px) and (max-width: 767px){
			  .in_th_brdr_img_030 > .carousel-indicators > li > h5{
			    font-size: 7px;
			  }
			}

			.ps_ease .carousel-item{
			  -webkit-transition-timing-function: ease;
			  transition-timing-function: ease;
			}

			.ps_easeInOut .carousel-item{
			  -webkit-transition-timing-function: ease-in-out;
			  transition-timing-function: ease-in-out;
			}

			.ps_speedy .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(0,1,0,1);
			  transition-timing-function: cubic-bezier(0,1,0,1);
			}

			.ps_slowSpeedy .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
			  transition-timing-function: cubic-bezier(0.3,1,0,1);
			}

			.ps_easeOutInCubic .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
			  transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
			}

			.ps_swing .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
			  transition-timing-function: cubic-bezier(.02,.01,.47,1);
			}

			.ps_easeOutCubic .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
			  transition-timing-function: cubic-bezier(.215,.61,.355,1);
			}

			.ps_easeInOutCubic .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
			  transition-timing-function: cubic-bezier(.645,.045,.355,1);
			}

			.ps_easeOutCirc .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
			  transition-timing-function: cubic-bezier(.075,.82,.165,1);
			}

			.ps_easeOutExpo .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
			  transition-timing-function: cubic-bezier(.19,1,.22,1);
			}

			.ps_easeInQuad .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
			  transition-timing-function: cubic-bezier(.55,.085,.68,.53);
			}

			.ps_easeOutQuad .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
			  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
			}

			.ps_easeInOutQuad .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
			  transition-timing-function: cubic-bezier(.455,.03,.515,.955);
			}

			.ps_easeOutQuart .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
			  transition-timing-function: cubic-bezier(.165,.84,.44,1);
			}

			.ps_easeInOutQuart .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
			  transition-timing-function: cubic-bezier(.77,0,.175,1);
			}

			.ps_easeOutQuint .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
			  transition-timing-function: cubic-bezier(.23,1,.32,1);
			}

			.ps_easeInSine .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
			  transition-timing-function: cubic-bezier(.47,0,.745,.715);
			}

			.ps_easeOutSine .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
			  transition-timing-function: cubic-bezier(.39,.575,.565,1);
			}

			.ps_easeInOutSine .carousel-item{
			  -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
			  transition-timing-function: cubic-bezier(.445,.05,.55,.95);
			}

*/

/* ------------------------------------------------------------------------
  END LANDING PAGE SLIDER WITH IMAGE INDICATOR
------------------------------------------------------------------------ */
















/* ------------------------------------
  START PRICE SLIDER VERSION 2
------------------------------------ */

  #price_slider2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    flex-direction: column;
  }

.range-value{
    position: absolute;
    top: -2.2rem;
    padding: 0px 15px;
    background-color: #999;
    border-radius: 3px;
    margin:0;
    color: #fff;
    font-size: 0.7rem;
  }
  .range-value.min{
    left: -30px;
  }

  .range-value.max{
    right: -20px;
  }
  .track-container{
    width: 100%;
    position: relative;
    cursor: pointer;
    height: 0.7rem;
  }

  .track,
  .track-highlight {
    display: block;
    position: absolute;
    width: 100%;
    height: 0.5rem;
  }

  .track{
    background-color: #ccc;
  }

  .track-highlight{
    background-color: #ffcc00;
    z-index: 2;
  }

  .track-btn{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 2;
    width: 1rem;
    height: 1rem;
    top: calc(-50% - -1px);
    margin-left: -1rem;
    border: 3px solid #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    border-radius: 50px;
    background-color: #ffcc00;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
    transition: box-shadow .3s ease-out,background-color .3s ease,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out,background-color .3s ease;
    transition: transform .3s ease-out,box-shadow .3s ease-out,background-color .3s ease,-webkit-transform .3s ease-out;
  }

/* ------------------------------------
  END PRICE SLIDER VERSION 2
------------------------------------ */






/* ------------------------------------
	OVERSEAS DIRECT LANDING PAGE
------------------------------------ */

#vid-----center-align {
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 0 auto;
  z-index: -1000;
  overflow: hidden;
}

.fullscreen-cont {
    display:block;position:relative;
    min-width:100%;
    min-height:100%;
    width:100%;
    height:100%;
}
.fullscreen-img {
    display:block;
    position:absolute;
    z-index:99999999999;
    min-width:100%;
    min-height:100%;
    background:transparent url('images/os_banner_02.jpg') center center no-repeat;
    background-size:cover;
}
.content {
    position:relative;z-index:2;
}



.os_banner_hero {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    min-height: 70vh;
    color: white;
}


.os_banner_hero .os_background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -10;
    background-color: #80a3db;
    -webkit-animation: 15s change 1s forwards;
            animation: 15s change 1s forwards;
}


.os_banner_hero2 {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    min-height: 50vh;
    color: white;
}
.os_banner_hero2 .os_background_image2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -10;
    background-color: #fff;
    -webkit-animation: 15s change 1s forwards;
    animation: 15s change 1s forwards;
}

.os_banner_hero3 {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    min-height: 35vh;
    color: white;
}
.os_banner_hero3 .os_background_image3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -10;
    background-color: #fff;
    -webkit-animation: 15s change 1s forwards;
    animation: 15s change 1s forwards;
}




.button_transparent {
		background-color: rgba(255,255,255, 0.2);
    color: #ffffff !important;
    display: inline-block;
    font-size: 1.2em !important;
    font-weight: 100;
    height: 50px;
    line-height: 0.8;
    padding: 18px 30px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
		border:0px !important;
		cursor: pointer !important;
		border-radius:100px;
		z-index: 1;
    margin: 5px;
}

.button_transparent:hover {
    background-color: #fff;
    color: #ff0000 !important;
    box-shadow: 0 10px 25px -2px rgba(255, 46, 77, 0.6);
}


.button_red {
    background: #990000;
    color: #ffffff !important;
    display: inline-block;
    font-size: 1.7em;
    font-weight: 500;
    height: 55px;
    line-height: 0.3;
    padding: 18px 40px;
    text-transform: capitalize;
    border-radius: 1px;
    letter-spacing: 0.5px;
		cursor: pointer !important;
		border-radius:5px;
		z-index: 1;
    margin: 10px;
    transition: all .6s ease;
}
.button_red:hover {
    background-color: rgb(255,255,255, 0.70)!important;
    color: #ff0000 !important;
    box-shadow: 0 10px 25px -2px rgba(255, 46, 77, 0.6);
    transform: translateY(-10px);
}


.button_red2 {
    background: #ff0000;
    color: #ffffff !important;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 500;
    height: 50px;
    line-height: 0.8;
    padding: 18px 30px;
    text-transform: capitalize;
    border-radius: 1px;
    letter-spacing: 0.5px;
		cursor: progress !important;
		border-radius:100px;
		z-index: 1;
    margin: 15px;
}

.stripes_bg_01 {
  background: repeating-linear-gradient(
    -55deg,
    #222,
    #222 10px,
    #333 10px,
    #333 20px
  );
}



.headline_overseas {
  line-height: 1.5em;
  color: black;
  font-size: 20px;
  position: relative;
  position: relative;
}
.headline_overseas h1{
  font-size: 3.6em;
  color:#000;
  font-weight:900;
}
.headline_overseas h2{
  font-size: 1.7em;
  color:#999;
  font-weight:400;
  position: relative;
  top: 10px;
}

@media only screen and (max-width: 767px){
  .headline_overseas h1{
    font-size: 150%;
  }
  .headline_overseas h2{
    font-size: 100%;
  }
}

.headline_overseas_border {
  display:block;
  width:75px !important;
  padding-bottom:10px;
  border-bottom: 10px solid #ffcc00;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.headline_overseas_border_right {
  display:block;
  text-align: right;
  width:75px !important;
  padding-bottom:10px;
  border-bottom: 10px solid #ffcc00;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  position: relative;
  left: 100%;
  margin-left: -75px;
}

.arrow-circle-down {
	display: block;
	width: 100px;
	height: 100px;
	margin: 16px 0;
}

.bounce-arrow {
	-webkit-animation: bounce 2s;
	        animation: bounce 2s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
	0%,
	25%,
	50%,
	75%,
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-12px);
		        transform: translateY(-12px);
	}
}

@keyframes bounce {
	0%,
	25%,
	50%,
	75%,
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-12px);
		        transform: translateY(-12px);
	}
}


/* ------------------------------------
	END OVERSEAS DIRECT LANDING PAGE
------------------------------------ */















/* ------------------------------------
	START CUSTOM PACKAGING PAGE
------------------------------------ */


.custom_packaging-fullwidth--banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 600px;
  min-width: 100%;
}

.block101_custom_packaging {
  font-family: 'Poppins', sans-serif;
  z-index: 1;
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.block101_custom_packaging h1 {
  font-size: 5em !important;
  font-weight: 300;
  text-transform: uppercase;
  position: relative;
  top:-50px;
}

.block101_custom_packaging p {
  font-family: 'Poppins', sans-serif;
  color: #000!important;
  font-size: 1.5em !important;
  font-weight: 300;
  line-height: 2em;
}


/** CUSTOM PACKAGING PAGE  BANNER SLIDE CONTROL CIRCULAR INDICATORS ***********************/

.custom-packaging-slide .carousel-indicators {
	left: 0;
	top: auto;
  bottom: 30px;
  cursor: pointer !important;
  opacity: .7;
}

.custom-packaging-slide .carousel-indicators li {
    background: #fff;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-right:10px;
    cursor: pointer !important;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
}

.custom-packaging-slide .carousel-indicators li:hover {
    transform: scale(2);
    background-color: #ffcc00;
    box-shadow:
      0px 0px 0px 1px white,
      0 0 0 2px #ffcc00;
    cursor: pointer !important;
}


.custom-packaging-slide .carousel-indicators .active {
    width: 12px;
    height:12px;
    padding:5px;
    position: relative;
    background-color: #ffcc00;
    box-shadow:
      0px 0px 0px 1px white,
      0 0 0 2px #ffcc00;
}





.custom-packaging_slide__content {
  position: absolute;
  xleft: 50%;
  top: 30%;
  width: 100vw;
  height: 100vh;
  xmargin-left: -50vw;
  xmargin-top: -50vh;
  background-size: cover;
  background-position: center center;
}

.custom-packaging_slide__content p {
  font-family: 'Poppins', sans-serif;
  color: #000 !important;
  font-size: 1.5em !important;
  font-weight: 300;
  line-height: 2em;
}


/** END CUSTOM PACKAGING PAGE  BANNER SLIDE CONTROL **************/


/* ------------------------------------
	END  CUSTOM PACKAGING
------------------------------------ */


/*
.txt_shadow {
  text-shadow:2px 2px 0 #aaa;
}

.txt_shadow_red {
text-shadow:1px 1px 2px #f00;
}

.inset_text_shadow {
  color: rgba(10,60,150, 0.8);
  text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
}

.txt_shadow_3d {
  color:#fff;
  text-align:center;
  padding-top:25px;
  font-family: 'Alfa Slab One', cursive;
  font-size:140px;
  opacity:0.8;
  z-index:300;
  text-shadow: 0 1px 0 #ccc,
   -5px 5px 0 #c9c9c9,
   -6px 7px 0 #bbb,
   -7px 9px 0 #b9b9b9,
   -8px 11px 0 #aaa,
   -8px 13px 1px rgba(0,0,0,.1),
   -8px 2px 5px rgba(0,0,0,.1),
   -8px 2px 6px rgba(0,0,0,.1),
   -8px 6px 10px rgba(0,0,0,.1),
   -8px 10px 20px rgba(0,0,0,.25),
   -8px 20px 20px rgba(0,0,0,.2),
   -8px 30px 40px rgba(0,0,0,.15);
}


.txt_shadow_3d_rev2 {
  font-size: 8em;
  color:#eee;
  text-shadow: rgb(187, 187, 187) 0px 1px 0px,
    rgb(181, 181, 181) 0px 2px 0px,
    rgb(172, 172, 172) 0px 3px 0px,
    rgb(160, 160, 160) 0px 4px 0px,
    rgb(145, 145, 145) 0px 5px 0px,
    rgb(127, 127, 127) 0px 6px 0px,
    rgba(0, 0, 0, 0.199219) 0px 7px 1px,
    rgba(0, 0, 0, 0.296875) 0px 8px 6px;
}


.txt_shadow_3d_rev3 {
  font: 900 120px/1 'Source Sans Pro', Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align:
  center; letter-spacing: -3px;
  position: absolute;
  top: 35%;
  width: 100%;
  text-shadow:     0 1px 0 hsl(174,5%,80%),
  0 2px 0 hsl(174,5%,75%),
  0 3px 0 hsl(174,5%,70%),
  0 4px 0 hsl(174,5%,66%),
  0 5px 0 hsl(174,5%,64%),
  0 6px 0 hsl(174,5%,62%),
  0 7px 0 hsl(174,5%,61%),
  0 8px 0 hsl(174,5%,60%),

  0 0 5px rgba(0,0,0,.05),
  0 1px 3px rgba(0,0,0,.2),
  0 3px 5px rgba(0,0,0,.2),
  0 5px 10px rgba(0,0,0,.2),
  0 10px 10px rgba(0,0,0,.2),
  0 20px 20px rgba(0,0,0,.3);
}



.txt_shadow_3d_rev4 h1 {
  margin:100px auto;
  text-align:center;
  font-size:100px;
  color:white;
  position:relative;
  left:0;
  text-shadow:
    1px 1px 0px #c4dbe2,
    2px 2px 0px #b4d1d9,
    3px 3px 0px #a6c6cf,
    4px 4px 0px #94b8c3,
    5px 5px 0px #87aeb9,
    6px 6px 0px #7aa3af,
    7px 7px 0px #6d97a3,
    8px 8px 0px #618b98,
    9px 9px 0px #56818e,
    10px 10px 0px #4c7683,
    15px 15px 25px rgba(0,0,0,.9);
  	transition: .5s ease-in-out;
}

.txt_shadow_3d_rev4 h1:hover {
	left:20px;
  text-shadow:
    -1px 1px 0px #c4dbe2,
    -2px 2px 0px #b4d1d9,
    -3px 3px 0px #a6c6cf,
    -4px 4px 0px #94b8c3,
    -5px 5px 0px #87aeb9,
    -6px 6px 0px #7aa3af,
    -7px 7px 0px #6d97a3,
    -8px 8px 0px #618b98,
    -9px 9px 0px #56818e,
    -10px 10px 0px #4c7683,
    -15px 15px 25px rgba(0,0,0,.9);
}



.txt_shadow_3d_rev5 H1 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  letter-spacing: -3px;
  text-shadow:
    0 1px 0 hsl(174,5%,80%),
    0 2px 0 hsl(174,5%,75%),
    0 3px 0 hsl(174,5%,70%),
    0 4px 0 hsl(174,5%,66%),
    0 5px 0 hsl(174,5%,64%),
    0 6px 0 hsl(174,5%,62%),
    0 7px 0 hsl(174,5%,61%),
    0 8px 0 hsl(174,5%,60%),

    0 0 5px rgba(0,0,0,.05),
    0 1px 3px rgba(0,0,0,.2),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.2),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 20px rgba(0,0,0,.3);
}


*/





.team-member {
  margin: 15px 0;
  padding: 0;
}

.team-member figure {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
}

.team-member figure img {
  min-width: 100%;
}

.team-member figcaption p {
  font-size: 16px;
}

.team-member figcaption ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.team-member figcaption ul {
  visibility: visible;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.team-member figcaption ul li {
  display: inline-block;
  padding: 10px;
}

.team-member h4 {
  font-size: 18px;
  margin: 10px 0 ;
}

.team-member p {
  font-size: 14px;
  letter-spacing: -0.9px;
}


.team-member figcaption {
  padding: 20px;
  color: transparent;
  background-color: transparent;
  position: absolute;
  z-index: 996;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team-member figure:hover figcaption {
  visibility: visible;
  color: #000;
  background: rgba(225, 225, 225, 0.7);
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team-member figure:hover figcaption ul li a:hover {
  color: rgba(49, 49, 49, .97);
}

.team-member figure img {
  -webkit-transform: scale(1) rotate(0) translateY(0);
  -moz-transform: scale(1) rotate(0) translateY(0);
  -o-transform: scale(1) rotate(0) translateY(0);
  -ms-transform: scale(1) rotate(0) translateY(0);
  transform: scale(1) rotate(0) translateY(0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-member figure:hover img {
  -webkit-transform: scale(1.1) rotate(2deg) translateY(12px);
  -moz-transform: scale(1.1) rotate(2deg) translateY(12px);
  -o-transform: scale(1.1) rotate(2deg) translateY(12px);
  -ms-transform: scale(1.1) rotate(2deg) translateY(12px);
  transform: scale(1.1) rotate(2deg) translateY(12px);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.team_button_white {
  font-size: 12px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	line-height: 2.9em;
	padding: 0px 5px 0px 5px;
	position: relative;
	background-color: #404040;
	width: 66%;
  border-radius: 5px;
}

.team_button_white:hover{
	color: #000;
  background-color: #fff;
  border-color: #FFF;
  transition: all .2s ease-in-out;
  border-radius: 5px;
}

.team_button_blktoyel {
  font-size: 12px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	line-height: 2.9em;
	padding: 0px 5px 0px 5px;
	position: relative;
	background-color: #404040;
	width: 66%;
  border-radius: 5px;
}

.team_button_blktoyel:hover{
	color: #000;
  background-color: #ffcc00;
  border-color: #ffcc00;
  transition: all .2s ease-in-out;
  border-radius: 5px;
}

/* END TEAM MEMBER */






.divider {
  position: relative;
  width: 40%;
  height: 20px;
  line-height: 5px;
  margin: 10px auto 5px auto;
  clear: both;
  text-align: center;
  padding-top:100px;
  padding-bottom:100px;
}

.divider-inner {
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    margin-top: -1px;
    border-top: 1px solid;
    border-color: #e1e1e1;
}

.divider-inner .fa{
    position: absolute;
    bottom: 20px;
}








/* ACCORDION FOR PRODUCT RESPONSIBILITY */

.accordion-2 {
  font-size: 1rem;
  width: 100%; /*30vw;*/
  margin: 0 auto;
  border-radius: 5px;
  MARGIN-BOTTOM: 20px;
  text-align: left;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .accordion-2 {
    width: 96% !important;
    font-size: 90%;
    xletter-spacing: -2px;
  }
  .accordion-header {
    font-size: 0.9em !important;
    font-weight: 500;
    letter-spacing: -0.5px !important;
  }
}


.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  padding: 1.5em 1.5em;
  background: #666;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: .1em;
  transition: all .3s;
}

.accordion-header:hover {
  background: #000;
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fcfcfc;
  color: #3f3c3c;
  display: none;
  width: 100%;

}

.accordion-body__contents {
  padding: 1.5em 1.5em;
  font-size: 14px;
}
@media only screen and (max-width: 767px){
  .accordion-body__contents {
    padding: 0em 0em;
    font-size: 14px;
  }
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
  content: "\f3d0";
  font-family: IonIcons;
  font-size: 2em;
  font-weight: 600;
  float: right;
  position: relative;
  top: -6px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  background: #ffcc00;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: black;
}

.accordion-2 {
  width: 100%;
}

/* END ACCORDION FOR PRODUCT RESPONSIBILITY*/



/* ACCORDION DASHBOARD MARKETING SUPPORT
********************************************************************************/
.accordion-create-project {
  position: relative;
  border-radius: 5px;
  margin: 10px 0;
}
.accordion-create-project-wrapper {
  position: relative;
  margin:10px 0;
}

.accordion-create-project-header,
.accordion-create-project-body {
  background: white;
}
.accordion-create-project-header {
  padding: 1.5em 1.5em;
  background: #666;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: .1em;
  transition: all .3s;
}
.accordion-create-project-header:hover {
  background: #000;
  position: relative;
  z-index: 5;
}
.accordion-create-project-header h1 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}

.accordion-create-project-body {
  background: #f4f4f4;
  color: #3f3c3c;
  display: none;
  width: 100%;
  padding: 7px 20px 20px ;
  border-radius: 0px 0px 8px 8px;
}
.accordion-create-project-contents {
  background: #fff;
  border-radius: 8px;
  padding: 30px;
  margin:10px 0;
  font-size: 14px !important;
}
.accordion-create-project-contents:hover {
  box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}
@media only screen and (min-width: 768px) {
  .accordion-create-project-contents {
    padding: 30px;
    font-size: 14px !important;
  }
}

.accordion__item.active:last-child .accordion-create-project-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-create-project-header {
  border-bottom: 1px solid transparent;
}

.accordion-create-project-item > .accordion-create-project-header:after {
  font-family: 'Font Awesome 5 Pro';
  content: "\f078";
  font-size: 1.2em;
  font-weight: 100;
  float: right;
  position: relative;
  top: 0px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion-create-project-item.active > .accordion-create-project-header:after {
  transform: rotate(-180deg);
}

.accordion-create-project-item.active .accordion-create-project-header {
  background: #ffcc00 !important;
}

.accordion-create-project-item .accordion-create-project-header {
  color: black;
  border-radius: 6px;
}
.accordion-create-project-item .accordion-create-project-header.color1{
  background: #d7d7d7;
}
.accordion-create-project-item .accordion-create-project-header.color2{
  background: #d7d7d7;
}
.accordion-create-project-item .accordion-create-project-header.color3{
  background: #d7d7d7;
}

.create-mock-up-image-thumb img{
  width: 150px;
  position: relative;
  top:-10px;
}

.dd-select{
  border-radius: .25rem !important;
  border: 1px solid #ced4da !important;
  background:#fff !important;
  line-height: normal !important;
  position: relative;
  cursor: pointer;
}
.dd-selected {
    overflow: hidden;
    display: block;
    padding: 10px;
    font-weight: 300!important;
    color: black!important;
}
.dd-option img {
  width:250px;
  position: relative;
  top: 50%;
  transform: translateY(13px);
}
.dd-selected img{
    width:35px;
}

.create-mock-up-addons {
  border-radius: 8px;
  border: 1px solid #eee;
  padding:20px 0 20px;
  margin:1px;
  background:#f7f7f7;
}
.create-mock-up-addons h1{
  font-size: 14px;
  font-weight: 500;
  color:#ff0000;
}
/* END ACCORDION DASHBOARD MARKETING SUPPORT */




.request-deliverables-head-content {
  border-left: 4px solid #ffcc00;
  padding-left: 10px;
}

.request-deliverables-heading-barline:after {
  background: #000;
  content: '';
  display: inline-block;
  width: 150px;
  height: 2px;
  vertical-align: middle;
  margin-left: 10px;
}

.side-imprint-wrap {
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  padding:20px 0 20px;
  margin:1px;
}

.add--form {
  padding:15px 0;
}
input[type="checkbox"].switch {
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 -o-appearance: none;
	 appearance: none;
	 width: 50px;
	 height: 25px;
	 border-radius: 36px;
	 box-shadow: inset -25.6px 0px 0px 0px rgba(192, 192, 192, 1);
	 background-color: white;
	 border: 2.8px solid rgba(192, 192, 192, 1);
	 outline: none;
	 transition: 0.05s;
	 cursor: pointer;
}
 input[type="checkbox"].switch:checked {
	 box-shadow: inset 25.6px 0px 0px 0px #67a91f;
	 border: 2.8px solid #67a91f;
}
 input[type="checkbox"].switch:checked + label.switch-text {
	 color: #000;
}
 label.switch-text {
	 font-size: 15px;
	 height: 36px;
	 display: flex;
	 line-height: 36px;
	 padding: 0 0 0 16px;
	 color: #888;
}



.upload-file .form-control-file {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 50px;
	outline: none;
	visibility: hidden;
	cursor: pointer;
	background-color: #c61c23;
}
.upload-file .form-control-file:before {
	content: attr(data-title);
	position: absolute;
	left: 0;
	width: 100%;
	min-height: 50px;
	line-height: 3;
	opacity: 1;
	visibility: visible;
	text-align: center;
	border: 1px dashed #999;
  border-radius: 5px;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	overflow: visible;
}
.upload-file .form-control-file:hover:before {
  background:#333;
  border: 1px solid #333;
  color:#fff;
  line-height: 2.7;
}




/** MY ACCOUNT IMAGE DOWNLOAD CENTER --- GALLERY  ********************************************************************************/
.gallery-title{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
}



.port-image{
    width: 100%;
}

.gallery_product{
    margin-bottom: 30px;
}

.gallery_filter_button_s{
  font-size: 10px;
  padding-left:3px;
}

.gallery_filter_button {
  font-size: 13px;
	font-weight: 100;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
  background-color: #404040 !important;
	color: #FFF;
	display: inline-block;
	line-height: 13px;
	padding: 7px 20px 7px 20px;
	position: relative;
  border-radius: 2px;
  cursor:pointer;
  border: 0px solid #fff !important;
}

.gallery_filter_button:hover{
  font-size: 13px;
	font-weight: 100;
	color: #000;
  background-color: #ffcc00 !important;
  transition: all .2s ease-in-out;
  xborder-radius: 5px;
}

/** END MY ACCOUNT IMAGE DOWNLOAD CENTER --- GALLERY  ********************************************************************************/






/** AWARDS TIMELINE  ********************************************************************************/

.circle_timeline {
  width: 100px;
  height: 100px;
  font-size: 2em;
	font-weight: 700;
  text-align: center;
  padding-top: 16px;
  border-radius: 50%;
  background-color: #ffcc00;
  color: #fff;
  max-height: 100px;
  z-index: 2;
}

.circle_timeline2 {
  width: 100px;
  height: 100px;
  font-size: 2.2em;
	font-weight: 700;
  text-align: center;
  padding-top: 35px;
  border-radius: 50%;
  background-color: #ffcc00;
  color: #fff;
  max-height: 100px;
  box-shadow: 0 0.5em 2em -.5em rgba(0, 0, 0, 0.5);
}

.circle_p p{
  margin-bottom: 1px !important;
}

.how-it-works.row .col-2 {
  align-self: stretch;
}
.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #ffcc00;
  z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}
.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}

.how-it-works.row .col-2.full2::after {
  height: 100%;
  left: calc(50% - 0px);
}

.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.how-it-works.row .col-2.top2::after {
  height: 50%;
  left: calc(50% - 3px);
  bottom:0;
}

.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 3px solid #ffcc00;
  margin: 0 auto;
  top: 17px;
  position: relative;
}
.timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.timeline .corner {
  border: 3px solid #FFCC00;
  width: 100%;
  position: relative;
  border-radius: 15px;
}
.timeline .top-right {
  left: 50%;
  top: -50%;
}
.timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}
.timeline .top-left {
  left: -50%;
  top: -50%;
}
.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}

.trophy-silver {
  color: #c0c0c0;
  padding-right: 10px;
}
.trophy-bronze {
  color: #cd7f32;
  padding-right: 10px;
}
.trophy-gold {
  color: #ffd700;
  padding-right: 10px;
}

/** END AWARDS TIMELINE  ********************************************************************************/


.charity_ul ul {
  list-style: none;
  padding: 0;
}
.charity_ul li {
  font-size: 1em !important;
  color: #4d4d4d !important;
  padding-left: 2em;
  height:2.5em !important;
}
.charity_ul li:before {
  content: "\f124";
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2em!important;
  color: #ffcc00;
  display: inline-block;
  width: 1.5em;
}

.charity_ul > li > a:hover{
    margin-left: 10px;
    color: #FFCC00;
}





.checklist_1 ul {
    margin: 0 auto;
    list-style: none;
    color: #333;
    font-weight: 300;
}
.checklist_1 ul li {
    position: relative;
    padding-left: 30px;
    margin: 0 0 6px !important;
    font-size: 20px;
}
.checklist_1 ul li::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f05d';
    width: 20px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #ffcc00;
}



.checklist_2 ul {
    margin: 0 auto;
    list-style: none;
    font-size: 1em;
    color: #fff;
    padding-left:10px;
}
.checklist_2 ul li {
    position: relative;
    padding-left: 40px;
    margin: 0 0 6px !important;
}
.checklist_2 ul li::before {
    font-family: 'Font Awesome 5 Pro';
    content: "";
    font-size: 1.5em;
    color: #fff;
    width: 0px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.checklist_3 ul {
    margin: 0 auto;
    list-style: none;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
    color: #000;
    padding-left:20px;
}
.checklist_3 ul li {
    position: relative;
    padding-left: 24px;
    margin: 0 0 6px !important;
}
.checklist_3 ul li::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f058";
    font-size: 1.2 em;
    color: #666;
    width: 0px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.press-room-diagonal {
  background-image:url('https://www.spectorandco.com/images/press-room-diagonal.jpg');
  background-repeat: repeat;
  height: 30px;
  opacity: .5;
}



.text_rotate_3degree {
  transform: rotate(3deg);
}



/****************************** CUSTOMER SERVICE PAGE SLANTED IMAGE BACKGROUND *********************/
/*
.amatic h1 {
  font-size: 6em !important;
  font-weight: 400;
  font-family: 'Amatic SC',sans-serif;
  color:#000;
}

.amatic h2 {
  font-size: 5em !important;
  font-weight: 500;
  font-family: 'Amatic SC',sans-serif;
  color:#000;
  transform: rotate(-3deg);
  padding-bottom: 30px;
}

.amatic h3 {
  font-size: 3em !important;
  font-weight: 500;
  font-family: 'Amatic SC',sans-serif;
  color:#000;
  transform: rotate(-3deg);
  padding-bottom: 30px;
}


.js-type-writer {
  font-size: 48px;
  font-family: sans-serif;
  color: white;
  text-transform: uppercase;
  text-align: center;
}

.slanted_imgbg_about {
  background: url(images/Running3.jpg) no-repeat ;
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
  clear: both;
}

.slanted_imgbg_01 {
  height:500PX;
  background: linear-gradient(135deg, #e55d87 0%, #5fc3e4 100%);
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  opacity : 0.7;
  clip-path: polygon(0 0, 100% 22%, 100% 76%, 0 85%);
  -webkit-clip-path: polygon(0 0, 100% 22%, 100% 76%, 0 85%);
  clear: both;
}

.slanted_imgbg_02 {
  height:500PX;
  min-height: 100%;
  background: linear-gradient(135deg, #e55d87 0%, #5fc3e4 100%);
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  opacity : 0.7;
  clip-path: polygon(0 0, 100% 10%, 100% 86%, 0 77%);
  -webkit-clip-path: polygon(0 0, 100% 10%, 100% 86%, 0 77%);
  clear: both;
}

.slanted_imgbg_03 {
  height:500PX;
  background: linear-gradient(135deg, #e55d87 0%, #5fc3e4 100%);
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  opacity : 0.7;
  clip-path: polygon(0 12%, 100% 0, 100% 86%, 0 77%);
  -webkit-clip-path: polygon(0 12%, 100% 0, 100% 86%, 0 77%);
  clear: both;
}

.slanted_imgbg_04 {
  height:500PX;

  background: linear-gradient(135deg, #e55d87 0%, #5fc3e4 100%);
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  opacity : 0.7;
  clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 90%);
  -webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 90%);
  clear: both;
}

@media only screen
and (min-width: 320px)
and (max-width: 568px) {

  .slanted_imgbg_about {
    background: url(images/Running3.jpg) no-repeat ;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
    clear: both;
  }

  .slanted_imgbg_01 {
    height:300PX;
    background: #ffffff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    opacity : 0.7;
    clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
  }

  .slanted_imgbg_02 {
    height:300PX;
    min-height: 50%;
    background: #ffffff;
    background-size: auto 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    opacity : 0.7;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  }

  .slanted_imgbg_03 {
    height:300PX;
    background: #ffffff;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    opacity : 0.7;
    clip-path: polygon(0 12%, 100% 0, 100% 86%, 0 77%);
    -webkit-clip-path: polygon(0 12%, 100% 0, 100% 86%, 0 77%);
  }

  .slanted_imgbg_04 {
    height:300PX;
    background: #ffffff;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    opacity : 0.7;
    clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 90%);
    -webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 90%);
  }
}

*/

/* END CUSTOMER SERVICE PAGE SLANTED IMAGE BACKGROUND */









.msg-flash {
  color:#ffcc00 !important;
    }

.msg-flash2 {
  color:#ff0000 !important;
    }


#primary_nav_wrap {
	float: right;
}



#primary_nav_wrap ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
  z-index: 1;
  font-size: 10px;
  font-weight: 500;
}
#primary_nav_wrap ul a {
	display:block;
	color:#333;
	text-decoration: none;
	line-height: 32px;
	padding:0 16px;
  font-size: 10px;
}
.logo-header-margin {
  margin: 15px 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
@media only screen and (max-width: 767px){
  #primary_nav_wrap {
    text-align: center;
    float: none;
    margin: 0 auto;
  }
  #primary_nav_wrap ul a {
    padding:0 5px;
  }
  .logo-header-margin {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
  }
}


#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

.primary_nav_wrap_border {
  height:20px;
  border-right:1px solid #ccc;
  top:6px;
  bottom:0;
}


#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#e6e6e6;
  color: #ffcc00 !important;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:125px;
  background-color: #f2f2f2;
  font-size:0.8555em;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}



.chevron::before {
	border-style: solid;
	border-width: 0.10em 0.10em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}

.chevron.bottom:before {
	top:11PX;
  LEFT: 10PX;
  MARGIN-RIGHT: 10PX;
	transform: rotate(135deg);
}



.flag-icons {
	position: relative;
  text-align: center;
  top:-1px;
  margin-right:2px;
}



.circle-icon-pantone {
        background-color: purple;
        color: white;
        padding: 60px;
        font-size: 6em;
        border-radius: 50%;
}
.circle-singleline {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    font-size: 50px;
    line-height: 200px;
    text-align: center;
    background: purple;
    color: #fff;
}
.circle-multiline {
    display: table-cell;
    height: 150px;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: white;
    padding: 0;
    margin: 0 auto;
    font-size: 0.8em;
}


.circle_pantone {
    position: absolute;
    top: 4px;
    color: white;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 999;
}




/* START TOOLTIP STYLES **********************/
[tooltip] {
  position: relative;
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: .9em; /
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}
[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 10em;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.5);
  background: #333;
  color: #fff;
  z-index: 1000;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 15px;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 20px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}







/* TOOLTIP REV 2 FOR BRANDING ICONS ********************************************/
/*== start of code for tooltips ==*/
.tool {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
}


/*== pointer tip ==*/
.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #FFCC00 transparent transparent transparent;
    bottom: 410%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .1s;
    transform:  scale(.6) translateY(50%);
}

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .1s;
}


/*== speech bubble ==*/
.tool::after {
    background: #FFCC00;
    border-radius: .25em;
    bottom: 478%;
    color: #FFF;
    content: attr(data-tip);
    line-height: 1.2;
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .1s;
    transform:  scale(.6) translateY(50%);
    width: 17.5em;
}

.tool:hover::after,
.tool:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}

@media (max-width: 760px) {
  .tool::after {
        font-size: .75em;
        margin-left: -5em;
        width: 10em;
  }
}
/* END TOOLTIP REV 2 FOR BRANDING ICONS */














/* START TOOLTIP CSR *******************/
/*
.csr_bottom_thumbs {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  margin: 0 auto;
  padding: 0;
}

.csr_bottom_thumbs .link {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 2px dashed #fff;
  background-clip: content-box;
  padding: 10px;
  transition: .5s;
  color: #D7D0BE;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 70px;
}

.csr_bottom_thumbs .link span {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.csr_bottom_thumbs .link:hover {
  padding: 0px;
  color: #ffffff;
  border: 2px dashed #ff0000;
  margin-left: -30px;
  margin-top: -10px;
  transform: translateX(10px) rotate(360deg)  scale(1.3);
}

.csr_img_circle {
      border-radius: 50%;
      border: 3px solid #fff;
  }

.csr_img_circle:hover {
        border-radius: 50%;
        border: 2px solid #fff;
    }

.tool_tip_csr {
    cursor: none;
    position: relative;
}

.tool_tip_csr::before,
.tool_tip_csr::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
    font-size: 1.1em;
}

.tool_tip_csr:hover::before,
.tool_tip_csr:focus::before,
.tool_tip_csr:hover::after,
.tool_tip_csr:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
}

.tool_tip_csr::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #FF0000 transparent transparent transparent;
    bottom: 430%;
    content: "";
    margin-left: -1.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .30s .3s;
}

.tool_tip_csr:hover::before,
.tool_tip_csr:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .1s;
}

.tool_tip_csr::after {
    background: #FF0000;
    border-radius: .25em;
    bottom: 478%;
    color: #FFF;
    content: attr(data-tip);
    line-height: 1.2;
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .1s;
    transform:  scale(.6) translateY(50%);
    width: 17.5em;
}

.tool_tip_csr:hover::after,
.tool_tip_csr:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}

@media (max-width: 760px) {
  .tool_tip_csr::after {
        font-size: .75em;
        margin-left: -5em;
        width: 10em;
  }
}


*/

/* END TOOLTIP CSR */

/* END START TOOLTIP STYLES **********************/





/*--------------------------------------------------============================================================
    START COMPARISON PAGE
=================================================--------------------------------------------------------------*/
@media (min-width: 900px) {
  .background {
    padding: 0 0 25px;
  }
}
.container_compare {
  margin: 0 auto;
  padding: 50px 0 0;
  max-width: 960px;
  width: 100%;
}
.panel {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  position: relative;
  width: 100%;
  z-index: 10;
}
.pricing-table {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1224px) {
  .pricing-table {
    flex-direction: row;
  }
}



.pricing-table * {
  text-align: center;
}

.pricing-plan {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom:50px;
}

.pricing-plan:last-child {
  border-bottom: none;
}

@media (min-width: 1224px) {
  .pricing-plan {
    border-bottom: none;
    border-right: 1px solid #e6e6e6;
    flex-basis: 100%;
    padding: 6px 12px;
  }

  .pricing-plan:last-child {
    border-right: none;
  }
}

.pricing-img {
  margin-bottom: 25px;
  max-width: 100%;
}

.pricing-header {
  color: #888;
  font-weight: 600;
  letter-spacing: 1px;
}

.pricing-features {
  color: #666;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 50px 0 25px;
}

.pricing-features-item {
  border-top: 1px solid #e6e6e6;
  font-size: 12px;
  line-height: 1.5;
  padding: 15px 0;
}

.pricing-features-item:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.pricing-price {
  color: #ffcc00;
  display: block;
  font-size: 30px;
  font-weight: 700;
}

.pricing-button {
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #348EFE;
  display: inline-block;
  margin: 25px 0;
  padding: 15px 35px;
  text-decoration: none;
  transition: all 150ms ease-in-out;
}

.pricing-button:hover,
.pricing-button:focus {
  background-color: #e6e6e6;
}

.pricing-button.is-featured {
  background-color: #48aaff;
  color: #fff;
}

.pricing-button.is-featured:hover,
.pricing-button.is-featured:active {
  background-color: #269aff;
}
/*--------------------------------------------------============================================================
    END COMPARISON PAGE
=================================================--------------------------------------------------------------*/





/*--------------------------------------------------============================================================
    Responsive PANEL TABS FOR PRODUCT PAGE
=================================================--------------------------------------------------------------*/
.responsive-tabs {
  border-top: solid 1px #ddd;
}

.responsive-tabs dt {
  font-weight: lighter;
  text-align: center;
  padding: 1em;
  cursor: pointer;
  background: #F2F2F2;
  text-transform: uppercase;
  border-right: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-bottom: 1px solid #ddd;
  color:#666;
}

.responsive-tabs .active {
  border-top: 2px solid #ffcc00;
  position: relative;
  top: -1px;
  background: -moz-linear-gradient(top, rgba(255,204,0,0.3) 0%, rgba(255,255,255,0.68) 54%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,204,0,0.3) 0%,rgba(255,255,255,0.68) 54%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,204,0,0.3) 0%,rgba(255,255,255,0.68) 54%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffcc00', endColorstr='#ffffff',GradientType=0 );
  color:#ff9933;
  font-weight: 600;
}

.responsive-tabs .active + dd {
  display: block;
  z-index: 1000;
  font-weight: bold;
  background: #ffcc00;
}

.responsive-tabs dd {
  display: none;
  padding: 0.5em;
  background: #ffcc00;
}

.responsive-tabs .left-border {
          border-left: 1px solid #ddd;
          border-right: 1px solid #ddd;
        }


.responsive-tabs h2 {
        display: none;
     }

.responsive-tabs p {
      color:#333;
      font-weight: lighter;
  }

.responsive-tabs-placeholder {
  display: none;
}

@media only screen and (min-width: 768px) {
  .responsive-tabs {
    display: flex;
    flex-wrap: wrap;
  }
  .responsive-tabs dt {
    float: left;
  }
  .responsive-tabs dt {
    flex-grow: 1;
    border-bottom: 0px solid #ffcc00;
    border-left: solid 0px #ddd;
  }
  .responsive-tabs .active + dd {
    display: none;
  }
  .responsive-tabs-placeholder {
    clear: both;
    display: block;
    padding-top: 3em;
  }
}


/*--------------------------------------------------============================================================
    END Responsive PANEL TABS FOR PRODUCT PAGE
=================================================--------------------------------------------------------------*/






.myaccount_dashboard_client_box {
  padding: 1em;
  border-right: 1px solid #999;
}

.myaccount-icon-border {
	border: 1px solid #e6e6e6;
	border-radius: 2%;
  padding:1em;
  xmargin:5px;
}

.myaccount-icon {
	width: 35px;
	height: 35px;
	border: 2px;
	box-shadow: 0 0 0 3px #222;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	color: #444;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	margin-bottom: 20px;
}
.myaccount-icon > i{
    font-size: 24px;
    line-height: 35px;
}
.myaccount-icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: #FFCC00;
	z-index: -1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}


.single-contact-address:hover .myaccount-icon{
    box-shadow: 0 0 0 3px #FFCC00;
    color: #fff;
}
.single-contact-address:hover .myaccount-icon:before{
    -webkit-transform: scale(1);
            transform: scale(1);
}










.cover_history_year h2 {
    color: #333;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 2px;
    text-transform: uppercase;
  }











/** COLLECTIONS ************************************************
************************************************
************************************************
************************************************
************************************************
************************************************/

.collection-fluid-banner h1 {
      font-size: 3em;
      font-weight: 100;
      margin-bottom: 25px;
  }

.collection-fluid-banner p {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: 100;
}


.collection-banner-numbers1 {
    font-size: 4em;
    color: #fff;
    line-height: 1.5em;
    font-weight: 700;
  }
.collection-banner-numbers2 {
      font-size: 1.2em;
      color: #fff;
      line-height: 1.5em;
      font-weight: 100;
      padding-top: 30px;
  }



  .collection-top-header-banner {
    text-align: center;
  	color: #FFF;
    background-color: #000;
  }

  .collection-top-header-banner h1 {
  	font-size: 3em !important;
    font-weight: 500;
  	margin: 0 0 10px;
  }

  .collection-top-header-banner h2 {
  	font-size: 2em;
  	margin: 0 0 10px;
  }
  .collection-top-header-banner p {
  	font-size: 0.5em;
  }



.collection_centered_header {
    position: absolute;
    width: 100%;
    top: 30%;
    text-align: center;
    transform: translateY(-50%);
    margin: 0 auto;
    padding: 0;
    color: #FFF;
    padding-left: 20%;
    padding-right: 20%;
  }

  .collection_centered_header h1 {
  	font-size: 3em !important;
    font-weight: 500;
  	margin: 0 0 30px;
  }

  .collection_centered_header h2 {
  	font-size: 2em;
  }
  .collection_centered_header p {
  	font-size: 1.5em;

  }


  .collection_centered_header2 {
      position: absolute;
      width: 100%;
      top: 50%;
      text-align: center;
      transform: translateY(-50%);
      margin: 0 auto;
      padding: 0;
      color: #FFF;
      padding-left: 20%;
      padding-right: 20%;
    }

    .collection_centered_header2 h1 {
    	font-size: 3em !important;
      font-weight: 500;
    	margin: 0 0 30px;
    }

    .collection_centered_header2 p {
    	font-size: 1.5em;
      color: #808080;
      font-style: italic;
    }







.collection__btn__white {
  font-size: 14px;
  padding: 15px 50px;
  font-weight: 600;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  border-radius: 25px;
  background: #fff;
  border: 2px solid #232323;
  box-shadow: rgba(0,0,0,0.1) 0px 2px 1px !important;
  color: #232323;
  }
.collection__btn__white:hover, .collection__btn__white:active {
    background: #232323;
    color: #fff;
    border-color: #232323;
  }
  @media only screen
  and (min-width: 320px)
  and (max-width: 480px) {
    .collection__btn__white {
      font-size: 10px;
      padding: 10px 10px;
      }
  }

.collection_centered_header5 {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  margin: 0 auto;
  padding: 10%;
}

.collection_centered_header5 h1 {
  font-weight: 500;
	margin: 0 0 10px;
  color: #FFF;
}

.collection_centered_header5 p {
	font-size: 20px;
  font-weight: 400;
  color: #FFF;
  font-style: italic;
}

.collection_gray_bg {
    background-color: #f6f5f1;
    padding: 10% 0 10% 0;
}

.xcollection_centered_header_title h1 {
  color: #000;
  font-size: 36px;
  font-weight: 400;
}
.collection_centered_header_title span {
    color: #000;
    font-size: 90px;
    font-weight: 800;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 25px;
}
@media only screen and (max-width: 767px){
  .collection_gray_bg {
      background-color: #f6f5f1;
      padding: 30% 0 30% 0;
  }
  .collection_centered_header_title span {
      color: #000;
      font-size: 24px;
      font-weight: 800;
      line-height: 1.5;
      text-align: left;
      margin-bottom: 25px;
  }
}

.collection__image img{
  padding:5%;
}

.collection__header__title h1{
  color: #000;
  font-size: 2.5em;
  font-weight:500;
  line-height: 1.2em;
  text-align: left;
}
.collection__header__title p {
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size: 15px;
  font-weight:500;
  line-height: 1.5em;
  text-align: left;
}
.collection__header__title span{
  color: #999;
  font-size: 2em;
  font-weight:500;
  line-height: 1.2em;
  text-align: left;
  display: block;
}









    .collection_centered_header_marketing {
        position: absolute;
        width: 100%;
        top: 20%;
        text-align: center;
        transform: translateY(-50%);
        margin: 0 auto;
        padding: 0;
        color: #FFF;
        padding-left: 2%;
        padding-right: 2%;
      }

      .collection_centered_header3 h1 {
      	font-size: 3em !important;
        font-weight: 500;
      	margin: 0 0 30px;
      }

      .collection_centered_header3 p {
      	font-size: 1.5em;
        color: #808080;
        font-style: italic;
      }





    .block101_collection {
      font-family: 'Poppins', sans-serif;
      z-index: 1;
      width: 100%;
      height: 600px;
      position: relative;
      overflow: hidden;
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    }

    .block101_collection h1 {
      font-size: 5em !important;
      font-weight: 300;
      text-transform: uppercase;
      position: relative;
      top:-50px;
    }

    .Xblock101_collection p {
      font-size: 1.5em;
      font-weight: 500;
      color: #ffcc00;
      font-style: italic;
      position: relative;
      top:-50px;
    }

    .collection_txt_shadow_black {
      color: #000;
      text-shadow: 1px 1px 0 #fff, 2px 2px 0 #000;
    }
    .collection_txt_shadow_white {
      color: #FFF;
      text-shadow: 1px 1px 0 #000, 2px 2px 0 #fff;
    }
    .collection_txt_shadow_orange {
      color: #FFcc00;
      text-shadow: 1px 1px 0 #000, 1px 1px 0 #fff;
    }


    .collection_title_XXXX {
      background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }






    .collection_centered_header_banner_title {
        position: absolute;
        width: 100%;
        top: 50%;
        text-align: center;
        transform: translateY(-50%);
        margin: 0 auto;
        padding: 0;
        color: #FFF;
        padding-left: 20%;
        padding-right: 20%;
      }

      .collection_centered_header_banner_title h2 {
        font-size: 2em;
        font-weight: 900;
        letter-spacing: 10px;
        color: #000;
        font-style: italic;
        position: relative;
        top:-50px;
      }

      .collection_title_toscano h1 {
        background: linear-gradient(to right, #40E0D0 0%, #FF8C00 50%, #FF0000 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_donald h1 {
        background: linear-gradient(to right, #0575E6 0%, #00F260 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_colorplay h1 {
        background: linear-gradient(to right, #1E9600 0%, #FFF200 50%, #FF0000 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_bradford h1 {
        xbackground: linear-gradient(to right, #8A2387 0%, #E94057 50%, #302b63 100%);
        background: linear-gradient(to right, #f12711 0%, #E94057 50%, #f5af19 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_ronan h1 {
        background: linear-gradient(to right, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_nathan h1 {
        background: linear-gradient(to right, #FF4E50 0%, #F9D423 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_fabrizio h1 {
        background: linear-gradient(to right, #ff00cc 0%, #333399 50%, #ff00cc 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_neoskin h1 {
        background: linear-gradient(to right, #F11712 0%, #333399 30%, #FF0000 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10vw !important;
        filter: drop-shadow(5px 5px #fff);
      }

      .collection_title_home h1 {
        background: linear-gradient(to right, #ff3300 0%, #FF8C00 50%, #7b3323 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 6vw !important;
        filter: drop-shadow(3px 3px #fff);
      }


      .collection_centered_header_banner_title p {
          text-align: center;
          font-size: 2.5em;
          font-weight: 500;
          letter-spacing: 10px;
          color: #000;
          font-style: italic;
          position: relative;
          top:-40px;
      }
      .collection_centered_header_banner_title p:before,
      .collection_centered_header_banner_title p:after {
          background-color: #000;
          content: "";
          display: inline-block;
          height: 3px;
          position: relative;
          vertical-align: middle;
          width: 15%;
      }
      .collection_centered_header_banner_title p:before {
          right: 0.5em;
          margin-left: -50%;
      }
      .collection_centered_header_banner_title p:after {
          left: 0.5em;
          margin-right: -50%;
      }



.collection_centered_header_banner_title2 {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    margin: 0 auto;
    padding: 0;
    color: #FFF;
    padding-left: 20%;
    padding-right: 20%;
  }

.collection_centered_header_banner_title2 p {
    xoverflow: hidden;
    text-align: center;
    font-size: 2.5em;
    font-weight: 500;
    letter-spacing: 10px;
    color: #000;
    font-style: italic;
    position: relative;
    top:-40px;
}
.collection_centered_header_banner_title2 p:before,
.collection_centered_header_banner_title2 p:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 3px;
    position: relative;
    vertical-align: middle;
    width: 15%;
}
.collection_centered_header_banner_title2 p:before {
    right: 0.5em;
    margin-left: -50%;
}
.collection_centered_header_banner_title2 p:after {
    left: 0.5em;
    margin-right: -50%;
}


.carousel-control-next, .carousel-control-prev {
  width: 5% !important;
}


.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}


.top-categories-banner-wrapper {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
	height:800px !important;
	width:100% !important;
}

.top-categories-banner-business {
	background:url(../../images/top_products/business_banner_01.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-eco {
	background:url(../../images/top_products/EC117-TRIGO-ECO-PEN.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-giftsets {
	background:url(../../images/top_products/gift_sets_banner.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-journals {
	background:url(../../images/top_products/ST4751_banner.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-packaging {
	background:url(../../images/top_products/Packaging_banner.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-spectech {
	background:url(../../images/top_products/spectech_scroll_banner_01.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-originals {
	background:url(../../images/top_products/original_banner_01.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-travel {
	background:url(../../images/top_products/travel-accessories-banner.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}
.top-categories-banner-writing {
	background:url(../../images/top_products/writing-instruments-pens-banner.jpg) no-repeat;
  background-position: 50% 50%;
	background-size:cover;
	height:800px;
	width:100%;
}

@media (max-width: 437px) {
  .top-categories-banner-business,
  .top-categories-banner-eco,
  .top-categories-banner-giftsets,
  .top-categories-banner-journals,
  .top-categories-banner-packaging,
  .top-categories-banner-spectech,
  .top-categories-banner-spectech,
  .top-categories-banner-originals,
  .top-categories-banner-travel,
  .top-categories-banner-writing {
  	height:400px;
  	width:100%;
  	padding-top: 60px;
  }
}

.top-categories h1 {
	font-family:'Titillium Web',sans-serif !important;
	font-size:70px;
  line-height: 1;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:5px;
	margin-top: 0;
	margin-bottom: 0;
}



.top-categories h3 {
	font-family:'Titillium Web',sans-serif !important;
	color:#ffffff;
	font-weight:400;
	font-size:27px;
	letter-spacing:5px;
	margin-bottom: 0;
	margin-top:0;
}


.top-categories h4 {
	font-family:'Titillium Web',sans-serif !important;
	color:#ffffff;
	font-weight:400;
	font-size:27px;
	letter-spacing:4px;
	margin-bottom: 0;
	margin-top:0;

}

.top-categories h4 strong{
	color: #ff2f2f;
	}

.top-categories2 h1 {
	font-family:'Titillium Web',sans-serif !important;
	font-size:70px;
  line-height: 1;
	color:#ff2f2f;
	font-weight:500;
	letter-spacing:0px;
	margin-top: 0;
	margin-bottom: 0;
}
.top-categories2 h2 {
	color:#ff2f2f;
	font-weight:400;
	font-size:40px;
	letter-spacing:5px;
	margin-bottom: 30px;
	margin-top:0;
}
.top-categories2 h3 {
	color:#ff2f2f;
	font-weight:400;
	font-size:27px;
	letter-spacing:5px;
	margin-bottom: 30px;
	margin-top:0;
}
.top-categories2 p {
  font-size: 24px!important;
  line-height: 1.4 !important;
  margin-bottom: 1.6rem!important;
  color:#ff2f2f;
}

.subhead__top__cat {
  font-family:'Titillium Web',sans-serif !important;
  font-size: 1.6rem;
  line-height: 1.3125;
  text-transform: uppercase;
  letter-spacing: .25rem;
  color: #222;
  margin-top: 0;
  margin-bottom: 2.1rem;
}
.subhead__top__cat::before {
  content: "/ ";
}




.main .buttondiv{
	margin-top: 20px;
}

.altcolor{
	color: #ff2f2f;
}
.altcolor-green{
	color: #9eed00;
}
.altcolor-blue{
	color: #ff2f2f;
}
.altcolor-orange{
	color: #ff6600;
}


.promobtn{
	background: #ff2f2f;
	border: #c4ff00;
	color: white;
}

.promobtn:hover{
	background: #851313;
	border: #5b0707;
	color: white;
}






.btn-mobile {
  font-size: 11px !important;
  font-weight: 300 !important;
  padding: 10px 10px !important;
  letter-spacing: 0rem !important;
  margin: 0px 0 !important;
}
.btn-mobile:hover {
  font-size: 11px !important;
  font-weight: 300 !important;
  padding: 6px 18px !important;
  letter-spacing: 0rem !important;
  margin: 0px 0 !important;
 }

.btn-top-categories-white {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #f2f2f2;
  color: #000;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 3px;
 }

.btn-top-categories-white:hover {
  color: #fff;
  background: #333;
  transition: all .3s ease-in-out;
 }
.btn-top-categories-white:focus {
  color: #fff;
  background: #daaa60;
}


.btn-top-categories-black {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #555;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 1px 0;
  transition: all .4s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 1px;
 }
.btn-top-categories-black:hover {
  color: #fff;
  background: #333;
  transition: all .3s ease-in-out;
 }
.btn-top-categories-black:focus {
  color: #fff;
  background: #daaa60;
}


.btn-top-categories-grey {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #777;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 1px 0;
  transition: all .4s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 1px;
 }
.btn-top-categories-grey:hover {
  color: #fff;
  background: #333;
  transition: all .3s ease-in-out;
 }
.btn-top-categories-grey:focus {
  color: #fff;
  background: #daaa60;
}


.btn-top-categories-red {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #ff2f2f;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 3px;
 }
.btn-top-categories-red:after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top:1px;
 }
.btn-top-categories-red:hover {
  color: #fff;
  background: #999;
  transition: all .3s ease-in-out;
 }
.btn-top-categories-red:focus {
  color: #fff;
  background: #daaa60;
}

.btn-top-categories-green {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #b7b739;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 3px;
 }
.btn-top-categories-green:after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top:1px;
 }
.btn-top-categories-green:hover {
  color: #fff;
  background: #999;
  transition: all .3s ease-in-out;
 }
.btn-top-categories-green:focus {
  color: #fff;
  background: #daaa60;
}

.btn-top-categories-orange {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #ff6600;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 3px;
 }
.btn-top-categories-orange:after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top:1px;
 }
.btn-top-categories-orange:hover {
  color: #fff;
  background: #999;
  transition: all .3s ease-in-out;
 }
.btn-top-categories-orange:focus {
  color: #fff;
  background: #daaa60;
}

.btn-top-categories-blue {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 12px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #3399ff;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .4s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 3px;
 }
.btn-top-categories-blue:after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top:1px;
 }
.btn-top-categories-blue:hover {
  color: #fff;
  background: #999;
  transition: all .3s ease-in-out;
 }
.btn-top-categories-blue:focus {
  color: #fff;
  background: #daaa60;
}



.top-categories-img-size {
  max-width: 560px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-width: 767px){
  .top-categories-img-size {
    padding-bottom: 20px;
  }
}

@media (max-width: 686px) {
	.top-categories h1, .top-categories2 h1{
		font-size:40px;
	}
  .top-categories h2, .top-categories2 h2{
    font-size: 15px;
    letter-spacing: 3px;
  }
	.top-categories h3, .top-categories2 h3{
		font-size: 15px;
		letter-spacing: 3px;
	}
	.top-categories h4, .top-categories2 h4{
		font-size: 15px;
		letter-spacing: 3px;
	}
}
@media (max-width: 437px) {
	.top-categories h1, .top-categories2 h1{
		font-size:30px;
	}
  .top-categories h2, .top-categories2 h2{
    font-size: 15px;
    letter-spacing: 1px;
  }
	.top-categories h3, .top-categories2 h3{
		font-size: 15px;
		letter-spacing: 1px;
	}
	.top-categories h4, .top-categories2 h4{
		font-size: 15px;
		letter-spacing: 0px;
	}
}


.responsive-image-top-products {
  width: 40%;
  max-width: 400px;
}

.collection-big-bold {
	position: relative;
	color: #FFF;
  margin: 150px 0;
  padding: 50px;
}
.collection-big-bold h1 {
  font-family: 'Poppins', sans-serif;
	font-size: 5em !important;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: -.009em;
	margin: 0 0 10px;
}
.collection-big-bold-dashboard h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 5em !important;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: -.009em;
  margin: 0 0 10px;
}

@media only screen and (max-width: 767px){
  .collection-big-bold {
  	position: relative;
  	color: #FFF;
    margin: 0px 0;
    padding: 30px 10px;
  }
  .collection-big-bold h1 {
    font-family: 'Poppins', sans-serif;
  	font-size: 2em !important;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0em;
  	margin: 0 0 10px;
    text-align: left !important;
  }
  .collection-big-bold-dashboard h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 2em !important;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0em;
    margin: 0 0 2px;
    text-align: left !important;
  }
}


.section4-layer1 h1{
  font-size: 2em;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0em !important;
  position: relative;
  left: 15%;
}
.section4-big-text {
  font-family: 'Poppins', sans-serif;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: -1PX;
  line-height: 1;
}
.section4-layer1 img{
  width: 75%;
  max-width: 400px;
  border: 7px solid #e6e6e6;
  box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px){
  .section4-layer1 h1{
    font-size: 1.2em;
    left: 1%;
  }
  .section4-big-text {
    font-family: 'Poppins', sans-serif;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: 0PX;
    line-height: 1;
  }
  .section4-layer1 img{
    border:4px solid #e6e6e6;
    box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.2);
  }
}


.section5-layer1 H1{
  font-family: 'Montserrat', sans-serif;
  font-size: 12VH;
  font-weight: bold;
  color: #ffCC00;
  line-height: 1;
  letter-spacing: 0em !important;
}
.section5-layer1 H2{
  font-size: 2em;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0em !important;
}
.custom-eco-img-1 {
    background-image: url(../images/top_products/eco_scroll_banner_notebook2.jpg);
}
@media only screen and (max-width: 767px){
  .section5-layer1 H1 {
    font-size: 7VH;
  }
  .section5-layer1 H2 {
    font-size: 1.3em;
    font-weight: bolder;
  }
  .custom-eco-img-1 {
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12)!important;
  }
}


.section6-layer1 H1{
  font-size: 3.6em;
  color: #fff;
  line-height: 1.6;
}
.section6-layer1 H2{
  font-size: 1.6em;
  color: #FFF;
  line-height: normal;
  margin-bottom: 20px;
}
.section6-layer2 H1{
  font-size: 1.2em;
  color: #000;
  line-height: 1.6;
  background: #fff;
}
@media only screen and (max-width: 767px){
  .section6-layer1 H1 {
    font-size: 2EM;
  }
  .section6-layer1 H2 {
    font-size: 1EM;
    width: 345px;
  }
  .section6-layer2 H1{
    font-size: 0.8em;
    color: #000;
    line-height: 1.6;
    background: #fff;
  }
}


/*
.collection-image-background-01 {
  color: #000;
   background: url(../../images/collection/polygon_banner_1.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-02 {
  color: #000;
   background: url(../../images/collection/polygon_banner_2.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-03 {
  color: #000;
   background: url(../../images/collection/polygon_banner_3.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-04 {
  color: #000;
   background: url(../../images/collection/polygon_banner_4.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-05 {
  color: #000;
   background: url(../../images/collection/polygon_banner_5.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-06 {
  color: #000;
   background: url(../../images/collection/polygon_banner_6.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-07 {
  color: #000;
   background: url(../../images/collection/polygon_banner_7.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-08 {
  color: #000;
   background: url(../../images/collection/polygon_banner_8.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-09 {
  color: #000;
   background: url(../../images/collection/polygon_banner_9.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-10 {
  color: #000;
   background: url(../../images/collection/polygon_banner_10.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-image-background-11 {
  color: #000;
   background: url(../../images/collection/polygon_banner_11.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.collection-bigger-text1 {
  font-family: 'Poppins', sans-serif;
  font-size: 3em;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: -10PX;
}

.collection-bigger-text2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: -6PX;
}

.collection-bigger-text3 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.4em;
  font-weight: 700;
}

.collection-bigger-text3 h3{
  font-family: 'Poppins', sans-serif;
  font-size: 1.7em;
  font-weight: 700;
}

.collection-bigger-text3--BOLD {
  font-family: 'Poppins', sans-serif;
  font-size: 1.7em;
  font-weight: 700;
  letter-spacing:1PX;
}

.collection-bigger-text3 p {
  font-size: 1em !important;
  font-weight: 200;
  color:#000;
}

@media only screen and (max-width: 767px) {
  .collection-bigger-text1,
  .collection-bigger-text2,
  .collection-bigger-text3,
  .collection-bigger-text3--BOLD {
    font-size: 0.6em;
    letter-spacing: 0PX;
  }
  .collection-bigger-text3 p {
    font-size: 2em !important;
  }
}



    .collection-text-background-01 {
      background: linear-gradient(to right top, #ffcc00, #FFF, #ff0000, #FFF);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'Poppins', sans-serif !important;
      font-size: 1em;
      font-weight: 700;
    }

    .collection-text-background-02 {
      background: linear-gradient(to right, #00F260, #ffffff, #00F260);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'Poppins', sans-serif !important;
      font-size: 1em;
      font-weight: 700;
    }

    .collection-text-background-03 {
      background: linear-gradient(to right top, #ffcc00, #ff0000, #4A00E0);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'Poppins', sans-serif !important;
      font-size: 1em;
      font-weight: 700;
      line-height: 2em;
    }

    .collection-text-background-04 {
      background: linear-gradient(to right, #fff 40%, #ffcc00, #fff 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'Poppins', sans-serif !important;
      font-size: 1em;
      font-weight: 700;
      line-height: 2em;
    }

    .collection-text-background-05 {
      background: linear-gradient(to right, #fff 30%, red 50%, red 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'Poppins', sans-serif !important;
      font-size: 1em;
      font-weight: 700;
      line-height: 2em;
    }

    .collection-text-background-06 {
      background: linear-gradient(to right, #003789 40%, #A8EB12 50%,#0575E6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'Poppins', sans-serif !important;
      font-size: 1em;
      font-weight: 700;
      line-height: 2em;
    }

    .collection-text-background-07 {
      background: linear-gradient(to right, #fff 40%, #BA0101 60%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: 'Poppins', sans-serif !important;
      font-size: 1em;
      font-weight: 700;
      line-height: 2em;
    }



    .collection-text-line-height h1{
      line-height: 1.4em;
    }


/** END COLLECTIONS ************************************************/





/** **************************************************************************
TOP CATEGORIES -APPLE LIKE EFFECTS
******************************************************************************
******************************************************************************
******************************************************************************
******************************************************************************
******************************************************************************
******************************************************************************
******************************************************************************/
/*
.home-scroll {
    height: 4.8rem;
    position: absolute;
    margin: 0 auto;
}
.home-scroll__text {
    display: inline-block;
    font-family: metropolis-semibold,sans-serif;
    font-size: 11px;
    line-height: 4.8rem;
    text-transform: uppercase;
    letter-spacing: .3rem;
    color: #fff;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    right: 6rem;
}
.home-scroll__icon {
    display: block;
    height: 4.8rem;
    width: 4.8rem;
    border:3px solid #fff;
    background-color: #fff;
    background-image: url(https://colorlib.com/preview/theme/transcend/images/icons/icon-arrow-down.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 15px;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 180PX;
    right: 0;
    transition: all .3s ease-in-out;
}
.home-scroll__icon:hover {
    background-color: #AAA;
    border:3px solid #fff;
}

.home-scroll-icon-bounce {
  animation: home-scroll-icon-bounce 3s infinite;
}
@keyframes home-scroll-icon-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

@media (max-width: 437px) {
  .home-scroll__icon {
  	display: none;
  }
}

*/









/* Testimonials */
.testimonials blockquote {
  background: #f8f8f8 none repeat scroll 0 0;
  padding: 2rem;
  position: relative;
  color: #666;
  line-height: 1.5;
  border-radius: 0.5rem;
}

.testimonials blockquote p{
  line-height: 2;
}

.testimonial-name {
  color: #000;
  font-weight: 600;
  font-style: normal;
  margin-top: 15px;;
  margin-right:10px;
}
.testimonial-company {
  font-size: 14px;
  color: #333;
  font-weight: 300;
}
.testimonials h4{
  font-size: 20px;
  color: #333;
  font-style: italic;
  line-height: 2;
}


/*
.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0;
    height: auto;
	right: 0;
	bottom: 0;
	content: " ";
	display: block;
	position: absolute;
    border-bottom: 20px solid #fff;
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset;
	border-bottom-style: inset;
}
.testimonials blockquote::after {
    width: 0;
    height: auto;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 13px 0 0;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}
*/







.responsibility {
      font-size: 1em !important;
      font-weight: 100;
    	color: #999;
    }

.responsibility blockquote {
  	padding: 10px 20px;
  	margin: 0px !important;
    font-style: italic;
  	border-left: 5px solid #ff9e00 !important;
  }





/** YOUTUBE CONTAINER ************************************************/

.youtube-header-unit {
	height: 0 auto;
	height: 500px;
	width: 100%;
	position: relative;
	padding: 0;
	overflow: hidden;
}

.youtube-header-unit iframe.fill-width{
  position: absolute;
  width: 100vmax;
  height: 100%;
  pointer-events: none;
 }


@media (min-aspect-ratio: 16/9) {
	.youtube-header-unit iframe.fill-width{ height: 300%; top:-100%;}
}


@media (max-aspect-ratio: 16/9) {
	.youtube-header-unit iframe.fill-width{
    height: 150%;
    top:-25%;
    width: 300%;
    left: -100%
  }
}
/** END YOUTUBE CONTAINER ************************************************/


/*v2*/
.video-background {
  height: 500px;
	width: 100%;
  background: #000;
  position: relative;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
/*END v2*/






/*VIDEO FULLWIDTH RESPONSIVE*******************/

.video-container-youtube {
    position: relative;
    height: 500px;
    overflow: hidden;
  }

  .video-container-youtube iframe,
  .video-container-youtube object,
  .video-container-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


.branding_header_title_slider {
    height:200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    padding-bottom:50px;
  }

.branding_header_title_slider p {
    font-style: italic;
    font-size: 1.2em;
  }

.branding_header_title_slider h3 {
    font-size: 3em;
    font-weight: 700;
  }





  #content-verticalhorizontal-align-content {
    height:400px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
  }

  #content-verticalhorizontal-align-content p {
    font-style: italic;
    font-size: 1.2em;
  }

  #content-verticalhorizontal-align-content h3 {
    font-size: 3em;
    font-weight: 700;
  }


  .vertical-align-content {
    height:500px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  .vertical-align-content h3 {
    font-size: 3em;
    text-align: center;
    padding-bottom: 0.7em;
  }

  .vertical-align-content  span {
  	color: #333;
  	text-align: center;
  	font-weight: 400;
  	font-style: normal;

  }

  .vertical-align-content p {
    text-align: center;
    font-style: italic;
  }










  .numberCircle {
      width: 20px;
      xline-height: 80px;
      border-radius: 50%;
      text-align: center;
      font-size: 1em;
      color: #ff0000;
      border: 2px solid #ff0000;
  }








/* --------------------------------------------------------------------------------
	PARALLAX PARALLAX PARALLAX PARALLAX PARALLAX PARALLAX PARALLAX PARALLAX PARALLAX
-------------------------------------------------------------------------------- */
/*
.svg-clip {
  width: 0;
  height: auto;
}

.background-image-banner {
  width: 100%;
  display: block;
  height: 500px;
  background: #000000 url('') no-repeat center center;
  background-size: cover;
}

.parallax-banner {
  width: 100% !important;
  height: 600px;
  position: relative;
  overflow: hidden;
  font-size: 12px;
}
.parallax-banner h2{
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  font-size: 5vw;
  color: white;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
}
.img-parallax-2 {
  width: 100vmax;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}


.img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
}

.img-parallax-branding {
  width: 80%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}

@media only screen
and (min-width: 320px)
and (max-width: 480px) {
  .img-parallax-branding {
    display: none;
    visibility: hidden;
  }
}

.img-parallax-branding2 {
  width: 100%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}

@media only screen
and (min-width: 320px)
and (max-width: 480px) {
  .img-parallax-branding2 {
    display: block;
    visibility: hidden;
  }
}

*/




.block101_csr {
    z-index: 100;
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%) !important;
  }

  .block101_csr P {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    color: white;
    font-size: 1.2em;
    font-style: italic;
  }

  .block101_csr h1 {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    font-size: 2em;
    color: #fff;
    font-size: 5.5em;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
  }





  .angled-top-banner img {
    width: 100% !important;
    height: 600px !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  }

  .angled-top-banner {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    position: relative;
    text-align: center;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  }

  .angled-top-banner figcaption {
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .angled-top-banner h1 {
    font-size: 5em;
  }
  .angled-top-banner p {
    font-size: 2em;
    font-weight: 300;
    margin-top: 0.5em;
  }






  .block101-B {
    max-width: 100%;
    width: 100%;
    height: 600px;
    display: inline-block;
    position:relative;
    background: black;
    box-sizing:border-box;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);

  }

  .block101{
    z-index: 1;
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  }

  .block101 P {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    color: white;
    font-size: 1.2em;
    font-style: italic;
    padding: 0;
    margin: 0 auto;
  }

  .block101 h1 {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    font-size: 2em;
    color: #fff;
    font-size: 70px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #fff, 2px 2px 0 #999;
    text-transform: uppercase;
  }

  .block101 h2 {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    font-size: 2em;
    color: #fff;
    font-size: 70px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #fff, 2px 2px 0 #999;
    text-transform: uppercase;
  }

  .parallax_overseas_direct {
    z-index: 100;
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%) !important;
  }

  .block101 h5{
    position: relative;
    display: block;
    text-align: left;
    margin: 0 auto;
    transform: rotate(-3deg);
    font-size: 8vw;
    color: white;
    font-weight: 400;
    color:#000;
  }

  .block101 h6 {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 4em;
    font-weight: 500;
    background-color: #000;
    padding: 0;
    margin: 0 auto;
    padding:15px;
  }









  .top_header_collection_content {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%) !important;
  }


  .top_header_collection_content_container {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 40%;
    left: 6%;
    transform: translateY(-50%);
    color: #fff;
    padding:30px;
    width: 90%;

  }

  .top_header_collection_content h1 {
    color: #fff;
    font-size: 4em;
    font-weight: 600;
  }

  .top_header_collection_content p {
    color: #ffcc00;
    font-size: 1.5em;
    padding:10px;
    font-weight: 600;
    font-style: italic;
  }





  @media only screen
  and (min-width: 320px)
  and (max-width: 480px) {
    .block101 {
      width: 100%;
      height: 300px !important;
      position: relative;
      overflow: hidden;
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
    }

    .block101 h5{
      position: relative;
      display: block;
      text-align: left;
      margin: 0 auto;
      transform: rotate(-3deg);
      font-size: 18vw;
      color: white;
      font-size: 1em;
      font-weight: 400;
      color:#000;
    }

    .block101 P {
      position: relative;
      display: block;
      text-align: center;
      margin: 0 auto;
      top: 50%;
      transform: translateY(-50%);
      color: white;
      font-size: 1em;
      font-style: italic;
    }

    .block101 h1 {
      position: relative;
      display: block;
      text-align: center;
      margin: 0 auto;
      top: 50%;
      transform: translateY(-50%);
      font-size:2em !important;
      color: #ffcc00 !important;
      font-weight: 400;
    }

  }



  .overlay2 {
  	position: relative;
    color: #ffcc00;
  }

  .overlay2 {
	transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
}

  .overlay2:after {
      content: '\A';
      position: absolute;
  		width: 100%;
  		height: 100%;
      top:0;
  		left:0;
      background:rgba(0,0,0,0.2);
      opacity: 50;
      transition: opacity 0.5s;
      -webkit-transition: opacity 0.5s;
  	  -moz-transition: opacity 0.5s;
  }
  .overlay2:hover:after {
  		opacity: 0;
  }



.stripe-bg-black {
      background-color: #000 !important;
      height: 105px;
      line-height: 105px;
  }


.stripe-bg-black img {
  vertical-align: middle;
  }


.stripe-bg-black2 {
      padding:10px 10px;
      background: #000;
  }

.stripe-bg-black-35px {
        height:35px;
        background: #000;
  }



  /* START QTIP - TOOL TIP FOR HOMEPAGE BANNER
  ********************************************************************* */
/*
  .seb a.tooltipX {outline:none; }
  .seba.tooltipX strong {line-height:30px;}
  .seba.tooltipX:hover {text-decoration:none;}
  .seb a.tooltipX span {
    z-index:10;
    display:none;
    padding:14px 20px;
    transition: all .2s .1s ease-in-out;
  }
  .seb a.tooltipX:hover span{
    display:inline;
    position:absolute;
    border:3px solid #FFF;
    color:#EEE;
    background:#333 url(http://www.menucool.com/tooltip/cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;
    transition: all .2s .1s ease-in-out;
    top: 0;
    left: 16%;
    transform: translate(-50%, calc(-100% - 10px));
    -webkit-animation-play-state: paused;
  }

  .seb a.tooltipX span {
      border-radius:2px;
      box-shadow: 0px 0px 8px 4px #666;
    transition: all .2s .1s ease-in-out;
  }
*/


  .qtip {
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #3bb4e5;
    border-bottom: 0.05em dotted #3bb4e5;
    box-sizing: border-box;
    font-style: normal;
    transition:all .25s ease-in-out
  }
  .qtip:hover {color:#069;border-bottom:0.05em dotted #069}
  /*the tip*/
  .qtip:before {
    content: attr(data-tip);
    font-size: 14px;
    position: absolute;
    background: rgba(10, 20, 30, 0.85);
    color: #fff;
    line-height: 1.2em;
    padding: 0.5em;
    font-style: normal;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    min-width: 120px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-family: sans-serif;
    letter-spacing: 0;
    font-weight: 600
  }
  .qtip:after {
    width: 0;
    height: auto;
    border-style: solid;
    content: '';
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
  }
  .qtip:hover:before,
  .qtip:hover:after {
    visibility: visible;
    opacity: 1
  }


  /*top*/
  .qtip.tip-top:before {
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-100% - 8px));
    box-sizing: border-box;
    border-radius: 3px;
  }


  .qtip.tip-top:after {
    border-width: 8px 8px 0 8px;
    border-color: rgba(10, 20, 30, 0.85) transparent transparent transparent;
    top: -8px;
    left: 50%;
    transform: translate(-50%, 0);
  }


  /*bottom*/
  .qtip.tip-bottom:before {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, calc(100% + 8px));
    box-sizing: border-box;
    border-radius: 3px;
  }
  .qtip.tip-bottom:after {
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent rgba(10, 20, 30, 0.85) transparent;
    bottom: -8px;
    left: 50%;
    transform: translate(-50%, 0);
  }


  /*left*/
  .qtip.tip-left:before {
    left: 0;
    top: 50%;
    transform: translate(calc(-100% - 8px), -50%);
    box-sizing: border-box;
    border-radius: 3px;
  }
  .qtip.tip-left:after {
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent rgba(10, 20, 30, 0.85);
    left: -8px;
    top: 50%;
    transform: translate(0, -50%);
  }
  /*right*/
  .qtip.tip-right:before {
    right: 0;
    top: 50%;
    transform: translate(calc(100% + 8px), -50%);
    box-sizing: border-box;
    border-radius: 3px;
  }
  .qtip.tip-right:after {
    border-width: 8px 8px 8px 0;
    border-color: transparent rgba(10, 20, 30, 0.85) transparent transparent;
    right: -8px;
    top: 50%;
    transform: translate(0, -50%);
  }
  /* QTIP - TOOL TIP FOR HOMEPAGE BANNER
  ********************************************************************* */







  /* PARALLAX Section
  ********************************************************************* */

/*
  .parallax_scroll {
      height:500PX;
      margin:0 auto;
      background: rgba(0,0,0,0);
      background-size:cover;
      opacity : 1;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
      background-size: 100% !important;
      background-position: center !important;
      background-repeat: no-repeat;
  }


  .parallax_scroll_homepage {
      height:400PX;
      line-height:400px;
      margin:0 auto;
      text-align:center;
      color:#fff;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
      background-size: 100% !important;
      background-position: bottom 250px left 2px !important;
      background-repeat: no-repeat;
  }


  .parallax_scroll_2 {
      line-height:300px;
      margin:0 auto;
      text-align:center;
      color:#fff;
      background: rgba(0,0,0,0); background-size:cover; opacity : 0.8;
      height:600PX;
      -webkit-clip-path: polygon(0 10%, 100% 0, 100% 85%, 0 100%);
      clip-path: polygon(0 10%, 100% 0, 100% 85%, 0 100%);
      background-size: 100% !important;
      background-position: center;
      background-repeat: no-repeat;
  }

  .parallax_scroll_3 {
      line-height:300px;
      margin:0 auto;
      text-align:center;
      color:#fff;
      background: rgba(0,0,0,0); background-size:cover; opacity : 0.8;
      height:500PX;
      background-size: 100% !important;
      background-position: center;
      background-repeat: no-repeat;
  }




.parallax_scroll_green {
      height:600PX;
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 66%, 0% 100%);
      clip-path: polygon(0 0, 100% 0, 100% 66%, 0% 100%);
      background-size: 100% !important;
      background-position: center;
      background-repeat: no-repeat;
  }


  .parallax_scroll_purple {
        height:600PX;

        -webkit-clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);

        background-size: 100% !important;
        background-position: center;
        background-repeat: no-repeat;
    }
.parallax_scroll_purple_centered {
      position: relative;
      display: block;
      margin: 0 auto;
      top: 25%;
    }

@media only screen and (max-width: 767px){
      .parallax_scroll_green {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
      }
      .parallax_scroll_purple {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
      }
    }

.parallax_scroll_ass_cert {
        height:200PX;
        line-height:200px;
        color:#fff;
        background: rgba(0,0,0,0);
        background-size: 100% !important;
        background-position: center !important;
        background-repeat: no-repeat;
    }

*/


.wrapper_img_over_img--green {
      position:relative;
      top: 0;
      left: 0;
    }

.green_img_over_1 {
      width:100%;
      position:absolute;
      top: 120px;
    }

.green_img_over_2 {
      position: relative;
      top: 50px;
      left: 30px;
    }

.green_img_over_3 {
      position: relative;
      top: -250px;
      left: 100px;
      z-index: -10;
    }



.wrapper_img_over_img {
      position:relative;
    }

.img_over_img_1 {
      width:500px;
    }

.img_over_img_2 {
      position:absolute;
      top:-230px;
      left:50px;
      width:100%;
    }

.img_over_img_3 {
          position:absolute;
          top:-500px;
          left:70px;
          -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
        }


.img_over_img_chili {
    position:absolute;
    top:46%;
    left:-75px;
    width:50%;
  }

@media only screen and (max-width: 767px){
  .img_over_img_chili {
    position:absolute;
    top:50%;
    left:0px;
    width:50%;
    }
}


.img_over_img_branded_01 {
    position:absolute;
    top:0px;
    left:-75px;
    width:60%;
  }

  .img_over_img_branded_02 {
      position:absolute;
      top:0px;
      left:10px;
      width:65%;
    }

    .img_over_img_branded_03 {
        position:absolute;
        top:0px;
        left:120px;
        width:70%;
      }


.img_over_img_overseas_china {
    position:absolute;
    top:-10px;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }



.custom-counter-yellow li {
  margin-bottom: 10px;
}

.custom-counter-yellow li::before {
  margin-right: 15px;
  font-size: 16PX;
  background-color: #FFCC00;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

.custom-counter-grey li {
  margin-bottom: 2px;
}
.custom-counter-grey li::before {
  margin-right: 5px;
  font-size: 14PX;
  background-color: #ccc;
  color: white;
  font-weight: bold;
  padding: 1px 3px;
  border-radius: 3px;
}



.embed-youtube { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: auto; overflow: hidden; max-width: 100%; height: 0 auto; }
.embed-youtube iframe, .embed-youtube object,
.embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }








/** BRANDING START SOCIAL NETWORK *****************************************************/

.parallax-background-101 {
  min-height: 300px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .parallax-background-101 {
    min-height: 300px;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin:0 15px;
  }
}


  .social_network {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    margin: 0 auto;
    padding: 0;
  }

  .social_network .link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 2px dashed white;
    background-clip: content-box;
    padding: 10px;
    transition: .5s;
    color: #D7D0BE;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 70px;
  }

@media only screen and (max-width: 767px){
  .social_network .link {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px dashed white;
    background-clip: content-box;
    padding: 5px;
    transition: .5s;
    color: #D7D0BE;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 70px;
  }
}

  .social_network .link span {
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-20%, -20%);
  }

  .social_network .link:hover {
    padding: 20px;
    color: #ffffff;
    margin-left: -5px;
    transform: translateX(10px) rotate(4320deg);
    transition: all 0.9s ease-in-out;
  }

  .social_network .link.youtube {
    background-color: #B22222;
    color: #ffffff;
  }

  .social_network .link.twitter {
    background-color: #00ACEE;
    color: #ffffff;
  }

  .social_network .link.facebook {
    background-color: #3B5998;
    color: #ffffff;
  }

  .social_network .link.instagram {
    background-color: #FF69B4;
    color: #ffffff;
  }

  .social_network .link.pinterest {
    background-color: #FF6347;
    color: #ffffff;
  }

  .social_network .link.linkedin {
    background-color: #228B22;
    color: #ffffff;
  }


  .img-circle {
        border-radius: 50%;
        border: 3px solid #fff;
    }


/** END BRANDING SOCIAL NETWORK *****************************************************/











#parallax_section {
	padding: 0px 0 0px 0;
  height:500PX; background: rgba(0,0,0,0); background-size:cover; opacity : 0.8; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

@media only screen
and (min-width: 320px)
and (max-width: 568px) {
  #parallax_section {
  	padding: 0px 0 0px 0;
    height:200PX; background: rgba(0,0,0,0); background-size:cover; opacity : 0.8; clip-path: xpolygon(0 0, 100% 0, 100% 100%, 0 90%);
  }
}


#parallax_section2 {
	padding: 0px 0 0px 0;
  height:500PX; background: rgba(0,0,0,0); background-size:cover; opacity : 0.8; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}




  .box-2column {
    width: 100%
  }

  .container-box-2column {
    display: flex;
    flex-wrap: wrap;
  }

  .container-box-2column>div {
    flex: 0 50%;
  }

  .box-2column P {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 1.2em;
    font-style: italic;
    padding-left: 15%;
    padding-RIGHT: 15%;
  }










.container_2column_box > div {
    min-height: 200px;
    float: left;
    width: 50%;
}

.left_2column_box {
    background: #fff;
}

.right_2column_box {
    background: #fff;
}


.vertically_align_container_2column_box {
    position: relative;
    text-align: center;
    height: 100%;
}
.vertically_align_container_2column_box > p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -9px;
    padding-left: 15%;
    padding-RIGHT: 15%;
    color: #666;
    font-size: 1.2em;
    font-style: italic;
}


@media only screen and (max-width: 767px){
  .vertically_align_container_2column_box {
  	Height: 100PX;
  }
}


@media all and (max-width: 500px) {
    .container_2column_box > div {
        float: none;
        width: 100%;
    }
}




/*-------------------------------*/
    /* Mobile Apps & Features */
/*-------------------------------*/

/*
.single-feature, .bg-apps {
   position: relative;
}

.padding {
    padding: 7.5rem 0;
}
.padding_top {
    padding-top:7.5rem;
}
.padding_bottom {
    padding-bottom: 7.5rem;
}
.margin_bottom {
    margin-bottom: 7.5rem;
}
.margin_top {
    margin-top: 7.5rem;
}
.padding_half {
    padding: 4.375rem 0;
}
.margin_half {
    margin: 4.375rem 0;
}
.padding_bottom_half {
    padding-bottom: 4.375rem;
}
.margin_bottom_half{
    margin-bottom: 4.375rem;
}
.padding_top_half {
    padding-top: 4.375rem;
}
.heading_space {
    margin-bottom: 4.125rem;
}
.bottom5 {
    margin-bottom: 5px;
}
.bottom10 {
    margin-bottom: 10px;
}
.top10 {
    margin-top: 10px;
}
.bottom15 {
    margin-bottom: 15px;
}
.top15 {
    margin-top: 15px;
}
.top20 {
    margin-top: 20px;
}
.bottom20 {
    margin-bottom: 20px;
}
.bottom25 {
    margin-bottom: 25px;
}
.top25 {
    margin-top: 25px;
}
.bottom30 {
    margin-bottom: 30px;
}
.top30 {
    margin-top: 30px;
}
.bottom35 {
    margin-bottom: 35px;
}
.top40 {
    margin-top: 40px;
}
.bottom40 {
    margin-bottom: 40px;
}
.bottom45 {
    margin-bottom: 45px;
}
.top50 {
    margin-top: 50px;
}
.top60{
    margin-top: 60px;
}
.bottom60{
    margin-bottom: 60px;
}
.bottom0 {
    margin-bottom: 0;
}
.nomargin {
    margin: 0 auto;
}


.col-nopadding {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
@media only screen and (max-width: 767px){
  .col-nopadding {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

.col-nopadding-left {
  padding-right: 0px !important;
}
@media only screen and (max-width: 767px){
  .col-nopadding-left {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}




.fontbold{
   font-weight: bold;
}
.fontmedium {
   font-weight: 500;
}
.font-light{
   font-weight: 300;
}
.font-xlight {
   font-weight: 200;
}
.bglight {
    background: #f6f6f6;
}
.bgdefault {
    background: #00bcd4;
}
.whitecolor {
    color: #ffffff;
}
.darkcolor {
    color: #212331;
}
.extradark-color {
    color: #212331;
}
.defaultcolor {
    color: #00bcd4;
}



.container-padding {
	padding-left: 2.25rem;
	padding-right: 2.25rem;
}
.gradient_bg{
    background: -webkit-linear-gradient(90deg, #423f9c 31%, #862359 69%);
    background: -webkit-gradient(linear, left top, right top, color-stop(31%, #423f9c), color-stop(69%, #862359));
    background: -webkit-linear-gradient(left, #423f9c 31%, #862359 69%);
    background: -o-linear-gradient(left, #423f9c 31%, #862359 69%);
    background: linear-gradient(90deg, #423f9c 31%, #862359 69%);
}
.gradient_bg_default{
    background: -webkit-linear-gradient(90deg, #00e4ce 31%, #00abc9 69%);
    background: -webkit-gradient(linear, left top, right top, color-stop(31%, #00e4ce), color-stop(69%, #00abc9));
    background: -webkit-linear-gradient(left, #00e4ce 31%, #00abc9 69%);
    background: -o-linear-gradient(left, #00e4ce 31%, #00abc9 69%);
    background: linear-gradient(90deg, #00e4ce 31%, #00abc9 69%);
}
.gradient_bg_alt{
    background: -webkit-linear-gradient(90deg, #90A4AE 31%, #607D8B 69%);
    background: -webkit-gradient(linear, left top, right top, color-stop(31%, #90A4AE), color-stop(69%, #607D8B));
    background: -webkit-linear-gradient(left, #90A4AE 31%, #607D8B 69%);
    background: -o-linear-gradient(left, #90A4AE 31%, #607D8B 69%);
    background: linear-gradient(90deg, #90A4AE 31%, #607D8B 69%);
}


.center-block {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -moz-box-orient: vertical;
   -moz-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

*/






/*--------------------------------------------------==========================================================================
    START COMPARE PRODUCTS  START COMPARE PRODUCTS  START COMPARE PRODUCTS  START COMPARE PRODUCTS  START COMPARE PRODUCTS
=================================================--------------------------------------------------------------*/

table.compare-list {
    margin: 10px;
    table-layout: fixed;
	width:100% !important;
}

table.compare-list thead, table.compare-list tfoot {
    display: none;
}

.table-wrapper {
    width: 100%;
}

table.compare-list thead th{
     background: #4F4F4F;
     color: #fff;
     font-weight: 800;
     padding: 6px 10px;
     border-bottom: 2px solid #fff;
     display: block;
     text-transform: uppercase;
     font-size: 1.076em;
}

table.compare-list thead th a.close, h1 a.close {
    float: right;
    margin-right: 10px;
    font-weight: 600;
    font-size: 0.9em;
    color: #fff;
    text-decoration: none;
}

table.compare-list th, table.compare-list td,
table.compare-list th, table.compare-list .price.repeated td {
    padding: 3px 10px;
}

table.compare-list th, table.compare-list td {
    border-bottom: 1px solid #D6D6D6;
}

table.compare-list tr.remove th, table.compare-list tr.remove td,
table.compare-list tr.image th,  table.compare-list tr.image td,
table.compare-list tr.title th,  table.compare-list tr.title td,
table.compare-list tr.price th,  table.compare-list tr.price td {
    border-bottom: 0;
    padding-bottom: 5px;
}

table.compare-list tr.image th,  table.compare-list tr.image td {
    height: 186px;
}

table.compare-list tr.image th, table.compare-list tr.image td,
table.compare-list tr.title th, table.compare-list tr.title td,
table.compare-list tr.price th, table.compare-list tr.price td {
    color: #333;
    text-transform: uppercase;
    font-size: 1.076em;
	border-bottom: 1px solid #D6D6D6;
}

table.compare-list tr.image th, table.compare-list tr.image td,
table.compare-list tr.price th, table.compare-list tr.price td,
table.compare-list tr.add-to-cart th, table.compare-list tr.add-to-cart td {
    padding-top: 4px;
	padding-bottom: 3px;
}

table.compare-list tr.image th,
table.compare-list tr.title th,
table.compare-list tr.price th,
table.compare-list tr.add-to-cart th {
   /* text-indent: 150%;*/
    overflow: hidden;
    white-space: nowrap;
	border-bottom: 1px solid #D6D6D6;
}

table.compare-list .remove td a {
    color: #747373;
    text-decoration: none;
}

table.compare-list .remove td a:hover {
    color: #333333;
}

table.compare-list .remove td a .remove {
    border-radius: 100% 100% 100% 100%;
    color: #207837;
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    height: 1.1em;
    line-height: 0.81em;
    text-align: center;
    text-decoration: none;
    width: 1.1em;
}
.yith-woocompare-widget ul.products-list a.remove {
    float: left;
}

table.compare-list .remove td a:hover .remove {
    background-color: #207837;
    color: #ffffff;
}

table.compare-list .add-to-cart td a {
    display: inline-block;
    margin: 10px 0;
    background-color: #207837;
    border: 0 none;
    color: #FFFFFF;
    font-weight: normal;
    line-height: normal;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

table.compare-list .add-to-cart td a:hover {
    background: #004403;
}

table.compare-list .stock td span {
    color: #009900;
}

table.compare-list .stock td span.out-of-stock {
    color: #990000;
}

table.compare-list .price td {
	font-weight: 700;
    text-decoration: underline #207837;
}

table.compare-list th .fixed-th {
    width: 205px;
}

table.compare-list th {
    width: 205px;
    max-width: 205px;
    min-width: 205px;
    overflow: visible;
    text-align: left;
    font-size: 1.076em;
    color: #333333;
    font-weight: 400;
    text-transform: uppercase;
}

table.compare-list td {
    width: 230px !important;
    max-width: 230px !important;
    min-width: 230px !important;
    text-align: center;
	vertical-align:top;
}
table.compare-list th
{
	font-weight:700;
}
table.compare-list td.odd {
    background: #F7F7F7;
}

table.compare-list td.even {
    background: #fff;
}

table.compare-list td img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    height: 0 auto;
    max-width: 100%;
    padding: 3px;
    margin-bottom: 20px;
    max-width: none;
}
table.compare-list .price .amount {
    color: #207837;
}


.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
    margin: 0 auto;
    padding: 0 auto;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
}


.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    overflow: hidden;
    position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
    overflow: hidden;
    height: 1px;
}

.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
    top: 0;
    left: 0;
    position: absolute;
}
.fht-table-wrapper .fht-fixed-column {
    z-index: 1;
}
.compare-list .pa_activities {
    display: none;
}
.compare-list ul{
  list-style:circle inside;
}
.includes_main h3
{
	margin:10px 0;
}
.includes_main
{
	height:79px;
	overflow-y:scroll;
}
.price td {
  padding: 5px !important;
}

/*--------------------------------------------------===================================================================
    END COMPARE PRODUCTS  END COMPARE PRODUCTS  END COMPARE PRODUCTS  END COMPARE PRODUCTS  END COMPARE PRODUCTS
=================================================--------------------------------------------------------------*/
















.no-padding{
    padding-left: 0px;
    padding-right: 0px;
}

.landingPage_Grey_Bar {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  }

.landingPage_Grey_Bar > div {
  width: 100%;
  color: #fff;
  background-color: #f2f2f2;
  margin: 0 auto;
  text-align:center;
}


/*MODAL POP UP FOR TRANSPARENT OPACITY FOR FLOATED BANNER ON LANDING PAGE*/
.modal-backdrop.in {
	opacity: 0.5 !important;
}






.vertically_container2 {
  display: flex;
  justify-content: center;
  text-align: left;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}







.vertical_top_align_center_text {
  margin-top:50%;
  color: #fff;
  text-align:center;
  vertical-align: middle;
}

.vertically-align-text {
    display: flex;
    align-items: center;
}



.vertically_container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}


#center_vertically_container {
  text-align: center;
  position: relative;
  top: 40vh;
  transform: translatey(-50%);
}

.container_centered_01 {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 0 auto;
    height: 100%;
}

.container_centered_01 p {
    max-width: 100%;
    padding: 25px;
}


.vertically_centered_02 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-family: arial;
  font-size: 1em;
  line-height: 1em;
}


.vertically_centered_parent {
  display: table;
  width: 100%;
  height: 100%;
}

.vertically_centered_child {
  display:table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 500PX;
}

.vertically_centered_child p {
    color: #fff;
    color: #222;
    font-size: 1.2em;
    font-style: italic;
}

@media only screen and (max-width: 767px){
  .vertically_centered_child {
  	height: 100PX;
  }
}




.vertically_centered_parent2 {
  display: flex;
  background: grey;
  height: 100%;
}
.vertically_centered_child2 {
  margin: 0 auto;
  border: 1px solid black;
  color: white;
  Xpadding: 10em;
  text-transform: uppercase;
}



.vertically_centered_element {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}















.landingPage_floated_bannerBox {
    display:inline-block;
    border:0;
    xwidth:196px;
    xheight:210px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);

}
.landingPage_floated_bannerBox:hover {
    box-shadow: 0px 0px 100px #FFF;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}



/*--------------------------------------------------===================================================================
    SLIDER - LANDING PAGE
=================================================--------------------------------------------------------------*/

.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider {
  position: relative;
  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;
  content: ' ';
}
.slider:after {
  clear: both;
}
.slider__item {
  position: relative;
  float: left;
  margin: 0 auto;
  padding: 0;
  height: 100%;
}
.slider__item img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 0 auto;
}
.slider__switch span {
  color: #fff;
  display: block;
  width: 32px;
  height: 32px;
}

.slider__switch {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  border-radius: 1px;
  background: #000;
  opacity: .3;
  transition: opacity .15s ease;
  fill: #fff;
}
.slider__switch--prev {
  left: 10px;
}
.slider__switch--next {
  right: 10px;
}

.slider__switch:hover {
  opacity: .85;
}
.slider__switch[disabled] {
  visibility: hidden;
  opacity: 0;
}
.slider__caption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: block;
  max-width: 500px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
}
.slider__caption[disabled] {
  opacity: 0;
  visibility: hidden;
}
.slider-nav {
  line-height: 30px;
  position: relative;
  bottom: 0;
  left: 0;
  top: -210px;

  width: 100%;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  filter: alpha(opacity=90);
}
.slider-nav__control {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 5px;
  right: 500px;
  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;
  border: 2px solid #ffCC00;
  border-radius: 50%;
  background: #FFcc00;
}

.slider-nav__control.is-active {
  width: 15px;
  height: 15px;
  background: transparent;
  border: 1px solid #FFCC00;
}
.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}
@media (max-width: 580px) {
  .slider__switch {
    display: none;
  }
  .slider__caption {
    display: none;
  }
}


/*--------------------------------------------------===================================================================
    END SLIDER - LANDING PAGE
=================================================--------------------------------------------------------------*/



.floating-menu {
  position: fixed;
  top: 50%;
  transform:translateY(-50%);
  right: 10px;
  z-index: 999999;
}

.floating-menu a{
  text-decoration: none;
  width: 25px;
  height: 25px;
}

.floating-menu li{
  font-weight: bold;
  color: #ffcc00;
  text-decoration: none;
  list-style-type: none;
  font-size: 11px;

  border: 2px solid #ffCC00;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin: 5px;
  text-align: center;
}

.floating-menu li:hover{
  color: darken(#fff, 20%);
}


.floating-menu span{
    margin-right:50px !important;
    color: #000;
}

.floating-menu p{
    margin-right:50px !important;
    color: #000;
}



.vertical-text_align {
    display: flex;
    align-items: center;
}





/*SIDE BAR MENU STICKY*/
#sidebar-menu	{ display:none; width:48px; background:#333; border:1px solid #000; padding:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#sidebar-menu ul{ padding:0; list-style-type:none; }
#sidebar-menu a	{ color:#fff; display:block; height:48px; width:48px; text-indent:-3000px; overflow:hidden; }







.form_field_row2 input {
  width:20%;
  border-radius: 0.3rem;
  border: 1px solid #ced4da;
  padding: 5px;
  margin: 0 auto;
  font-size: 12px;
  background: transparent;
  color: #000;
  text-align: left;
}

.form_field_row2 textarea {
  width: 40px;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin: 0 auto;
  font: 20px Arial, Helvetica, sans-serif;
  background: transparent;
  border-radius: 6px;
  COLOR: #ff0000;
  text-align: center;
}






/*************** Pure CSS INPUT TEXT placeholder labels ******************************************************************************************************/

.form_field_row {
    position: relative;
    z-index: 1;
}
.form_field_row label {
    color: #666;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 30px;
    position: absolute;
    left: 9px;
    top: 1px;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form_field_row input, .form_field_row textarea {
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    font: 12px Arial, Helvetica, sans-serif;
    background: transparent;
    COLOR: #333;
}

.form_field_row input:valid, .form_field_row textarea:valid {
    background: #fff;
}
.form_field_row input {
    width: 100%;
    height: 24px;
}
.form_field_row textarea {
    width: 200px;
}







.cost-estimator-wrapper {
  white-space: nowrap;
  font-size: 11px;
  font-family: 'Roboto Condensed',sans-serif;
  padding: 0px;
  margin: 3px 0;
}
.cost-estimator-col1 {
  display: inline-block;
  width: 22%;
  white-space: normal;
  xpadding: 5px;
  vertical-align: top;
}
.cost-estimator-col2 {
  display: inline-block;
  width: 40%;
  white-space: normal;
  vertical-align: top;
}
.cost-estimator-col2B {
  display: inline-block;
  width: 75%;
  white-space: normal;
  vertical-align: top;
}
.cost-estimator-col3 {
  display: inline-block;
  width: 20%;
  white-space: normal;
  vertical-align: top;
  text-align: right;
}
.cost-estimator-col4 {
  display: inline-block;
  width: 15%;
  white-space: normal;
  vertical-align: top;
  text-align: right;
}

.unit__span{
  font-size: 10px;
  color:#888;
}


.container__2__col {
  display: table;
  width: 100%;
}
.col__1 {
  display: table-cell;
  width: 50%;
}
.col__bg__grey {
  background: #f7f7f7;
  padding: 15px 15px;
  border-radius: 0.4rem;
}
.col__1__PaddingRight {
  padding-right:2%;
  min-height: 350px;
}
.pp__2buttons__pad{
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 70px;
  height:100%;
}

@media only screen and (max-width: 1200px) {
  .col__1 {
    display: block;
    width: 100%;
  }
}




.product-pricing {
    position: relative;
    vertical-align: top;
}
.cost-estimator-line {
    clear: both;
    display: block;
    padding: 4px 0;
    border: 1px solid #ccc;
}
.cost-estimator-line .line-label {
    text-align: left;
    margin-right: 10px;
    margin-top: 2px;
    width: 75px;
    font-size: 11px;
}
.cost-estimator-line .line-item {
    width: 20%;
}
.cost-estimator-line .line-detail {
    width: 20%;
    text-align: right;
    font-size: 12px;
    padding-top: 4px;
    color: #999;
}
.line-detail {
    float: left;
}
.cost-estimator-line .line-subtotal {
    width: 15%;
    text-align: right;
    font-size: 12px;
    color: #777;
    padding-top: 4px;
}





.wrapper__cost__estimator__background {
  background:#f7f7f7;
}

.xwrapper__pp__quick__cost__estimator {
  font-family: 'Roboto Condensed',sans-serif;
  padding-left:50px;
  border: 1px #ccc solid;
}



.pp__quick__cost__estimator span{
  font-family: 'Roboto Condensed',sans-serif;
}

.pp__quick__cost__estimator {
  font-family: 'Roboto Condensed',sans-serif;
  color: #333; /* #626262 */
	font-size: 11px;
  font-weight:400;
}
.pp__quick__cost__estimator input{
  color: #111;
	font-size: 11px;
}
.pp__quick__cost__estimator input:focus{
  color: #000;
	font-size: 11px;
}
.pp__quick__cost__estimator label{
  color: #000;
	font-size: 11px;
  font-weight:400;
  margin-bottom: 0rem !important;
}
.pp__quick__cost__estimator .sub__total_x span{
  font-family: 'Roboto Condensed',sans-serif;
	font-size: 11px;
  font-weight:600;
  color: #666;
}
.pp__quick__cost__estimator .title_label {
  text-align: left;
  justify-content: left !important;
  xmargin-right: 10px;
  xmargin-top: 2px;
  width: 70px;
  font-size: 11px;
  font-family: 'Roboto Condensed',sans-serif;
}



.pp__estimator__input_field_run {
    font-size: 11px;
    height: 0 auto;
    padding: 4px 5px;
    line-height: 0.5em;
    min-width: 50px;
    width: 75px;
    border: 1px solid #e6e6e6;
    text-align:right;
    pointer-events: none;
}

.pp__estimator__input_field {
    font-size: 11px;
    height: 0 auto;
    padding: 4px 5px;
    line-height: 0.5em;
    min-width: 50px;
    width: 75px;
    border: 1px solid #e6e6e6;
    text-align:right;
}

.estimator__detail {
    width: 22%;
    text-align: right;
    font-size: 12px;
    padding-top: 4px;
    color: #999;
    xborder: 1px solid #ff0000;
}

.estimator-padding {
    clear: both;
    display: block;
    padding: 4px 0;
}

.xproduct-pricing {
    position: relative;
    display: inline-block;
    font-size: 14px;
    width: 44%;
    vertical-align: top;
    margin-right: 5%;
    margin-left: 5%;
    border: 1px solid #ff0000;
}

.your_price{
  font-family: 'Roboto Condensed',sans-serif !important;
	position: relative;
  top: 0px;
  text-align: right;
}
.your_price_border {
	xborder: 1px solid #aaa;
  xpadding:5px;
}

.your_price h4{
  font-family: 'Roboto Condensed',sans-serif !important;
  font-size: 14px;
  letter-spacing: -0.7px;
  font-weight: 600 !important;
  color: #000 !important;
}


.section__pp__branding {
  margin-top: 0.2%;
  padding:2% 15px;
}
.section__pp__branding:before {
  content : "";
  position: relative;
  left    : 14px;
  bottom  : 10px;
  height  : 1px;
  width   : 98.6%;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.all__prices {
	font-size:10px;
}

.cost__estimator__title h4{
  font-family: 'Roboto Condensed',sans-serif;
  font-size: 12px;
  font-weight:700 !important;
  color: #000 !important;
  text-transform: uppercase;
}


.border1px {
	border:1px solid #ff0000;
}

.product_page_branding p{

}
.product_page_branding p::before {
    content: "\f00c";
    font: normal normal normal 14px/1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    padding-right: 7px;
    text-decoration: none !important;
}



@media only screen and (max-width: 767px){
  .col-xs-6 {
    max-width: 100%;
    border: 1px solid #aaa;
    display: block;
    }
}


/*************** END Pure CSS INPUT TEXT placeholder labels ******************************************************************************************************/



.vertically_centered_text {
    height: 150px;
    width: 400px;
    background: #000;
    font-size: 24px;
    font-style: oblique;
    color: #FFF;
    text-align: center;
    padding: 0 20px;
    margin: 20px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}


.vertical_top_align_center_text_landingPage_6boxes_banner {
margin-top:15%;
color: #fff;
text-align:center;
vertical-align: middle;
}

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



.black_title {
  width:70%;
  text-align: center;
  background-color: #333;
  box-shadow:
    0px 0px 0px 1px white,
    0 0 0 2px #333;
  margin-left: auto;
  margin-right: auto;
}


.bg-accent-button-boxed-banner-orange {
	background-color: #ffcc00;
	color: #fff;
	line-height: 40px;
	padding: 0px 40px;
}

.bg-accent-button-boxed-banner-orange:hover {
	background-color: #333;
}

.bg-accent-button-boxed-banner-black {
	background-color: #333;
	color: #fff;
	line-height: 40px;
	padding: 0px 40px;
}

.bg-accent-button-boxed-banner-black:hover {
	background-color: #ffcc00;
}





.orange_button {
    display: inline-block;
    color: #fff;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #222;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    margin-bottom: 5px;
}

.orange_button:hover {
   color: #fff !important;
	 background-color: #888;
}



.dark_button {
  display: inline-block;
  color: #fff;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #222;
  padding: .375rem .75rem;
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 5px;
}

.dark_button:hover {
  color: #fff !important;
  background-color: #888;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .dark_button {
    width: 100% !important;
    padding: 8px 0;
    font-size: 0.8em !important;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .dark_button {
    xwidth: 100% !important;
    padding: 8px 10px;
    font-size: 0.8em !important;
  }
}





.orange_button_sales_flyer {
    display: inline-block;
    color: #fff;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ffcc00;
    padding: .375rem 0.4rem;
    font-size: 0.7rem;
    line-height: 1.5;
    border-radius: .25rem;
}

.orange_button_sales_flyer:hover {
   color: #fff !important;
	 background-color: #888;
}


.black_button_sales_flyer {
    display: inline-block;
    color: #fff!important;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #1a1a1a;
    width: 70px;
    font-size: 10px;
    font-weight: 400;
}
.black_button_sales_flyer:hover {
   color: #fff !important;
	 background-color: #888;
}
.black_button_sales_flyer::before {
    content: "\f56d";
    font: normal normal normal 14px/1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    padding-right: 6px;
    text-decoration: none !important;
}







.dark_round_button2 {
    display: inline-block;
    color: #fff!important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #fff;
    background-color: #000;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 50px;
}

.dark_round_button2:hover {
   color: #000 !important;
   border: 1px solid #fff;
	 background-color: #fff;
   xfont-size: 0.8333rem;
}


.black_button {
  display: inline-block;
  color: #fff!important;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #1a1a1a;
  padding: .375rem .75rem;
  font-size: 0.8rem;
  line-height: 1.5;
  border-radius: .25rem;
  margin: 2px 0;
}

.black_button:hover {
  color: #fff !important;
  background-color: #888;
}





.catalog_download_black_button {
    xdisplay: inline-block;
    color: #fff!important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #1a1a1a;
    padding: .500rem 1.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
}
.catalog_download_black_button:hover {
   color: #fff !important;
	 background-color: #888;
}
.catalog_download_black_button2 {
    xdisplay: inline-block;
    color: #000;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border:1px solid #888;
    padding: .500rem 1.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
}
.catalog_download_black_button2:hover {
   color: #fff !important;
	 background-color: #888;
}



.catalog-new-label-red {
  display: block;
  position: absolute;
  top: 25px;
  left: 18%;
  background-color: #ff0000;
  font-family: 'Titillium Web',sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  padding: 0 15px;
}
.catalog-new-label-red::before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-right: 2.5px solid transparent;
  border-left: 2.5px solid #ff0000;
  border-top: 2.5px solid #ff0000;
  border-bottom: 2.5px solid transparent;
}











.black_round_button {
    display: inline-block;
    /* width:180px; */
    color: #fff!important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #222;
    background-color: #1a1a1a;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    font-weight: 400;
    border-radius: 50px;
    position: relative;
    margin-bottom: 1px;
}
.black_round_button:hover {
   color: #222 !important;
   border: 1px solid #222;
	 background-color: #fff;
}

@media only screen and (max-width: 767px){
  .black_round_button {
    width: 80%;
    margin-bottom: 6px;
    xtext-align: center;
    padding: 0;
  }
}




.black_round_button2 {
    display: inline-block;
    color: #fff!important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #1a1a1a;
    background-color: #1a1a1a;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 50px;
}
.black_round_button2:hover {
   color: #000 !important;
   border: 1px solid #fff;
	 background-color: #fff;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .black_round_button2 {
    width: 100%;
    margin-bottom: 6px;
  }
}

.grey_round_button {
    display: inline-block;
    color: #fff!important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #999;
    background-color: #999;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 50px;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;
}

.grey_round_button:hover {
   color: #000 !important;
   border: 1px solid #ffcc00;
	 background-color: #ffcc00;
}





.green_round_button {
    display: inline-block;
    color: #fff!important;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #53aa23;
    background-color: #53aa23;
    padding: .5rem 2rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 50px;
}

.green_round_button:hover {
   color: #fff !important;
   border: 1px solid #333;
	 background-color: #333;
   xfont-size: 0.8333rem;
}


.green_round_button2 {
    display: inline-block;
    color: #fff!important;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #fff;
    background-color: #53aa23;
    padding: .5rem 2rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 50px;
}

.green_round_button2:hover {
   color: #fff !important;
   border: 1px solid #fff;
	 background-color: #000;
   margin-bottom: 10px;
}



.yellow_round_button {
    display: inline-block;
    color: #fff!important;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ffcc00;
    background-color: #ffcc00;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 50px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.yellow_round_button:hover {
   color: #fff !important;
   border: 1px solid #333;
	 background-color: #333;
}


.white_round_button {
    display: inline-block;
    color: #000!important;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #fff;
    background-color: #fff;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 50px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.white_round_button:hover {
   color: #fff !important;
   border: 1px solid #333;
	 background-color: #333;
}



.white_round_button--collection {
    display: inline-block;
    color: #000 !important;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 1rem 2rem;
    line-height: 1.5;
    border-radius: 50px;
    transition: all 0.7s ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
    xbox-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5);
}

.white_round_button--collection:hover {
   color: #000 !important;
   background-image: linear-gradient(160deg, #FFE53B 50%, #FF2525 100%);
   border: 1px solid #fff;
   transition: all 0.7s ease-in-out;
}

@media only screen and (max-width: 767px){
  .white_round_button--collection {
    font-size: 0.7em;
    padding: 10px 15px;
  }
}




.yellow_round_button--collection {
    display: inline-block;
    color: #000 !important;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #fff;
    background: linear-gradient(160deg, #FFE53B 50%, #FF2525 100%);
    padding: 1rem 2rem;
    line-height: 1.5;
    border-radius: 50px;
    transition: all 0.7s ease-in-out;
    cursor: pointer;
}

.yellow_round_button--collection:hover {
   color: #000 !important;
   border: 1px solid #fff;
   background: linear-gradient(160deg, #fff 50%, #FFcc00 100%);
}





.white_round_button2 {
    display: inline-block;
    background-color: #fff;
    color: #000!important;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: .5rem 2rem;
    font-size: 0.7em;
    line-height: 1.5;
    border-radius: 50px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.white_round_button2:hover {
   background-color: #ffcc00;
   color: #000 !important;
}



.red_round_button {
    display: inline-block;
    color: #fff!important;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #fff;
    background-color: #ff0000;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 50px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.red_round_button:hover {
   color: #fff !important;
   border: 1px solid #000;
	 background-color: #000;
}



.black_round_block_images_title {
    display: inline-block;
    color: #fff!important;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #1a1a1a;
    background-color: #1a1a1a;
    padding: .5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 50px;
    letter-spacing: .1rem;
}

.black_round_block_images_title:hover {
   color: #fff!important;
   border: 1px solid #ffcc00;
	 background-color: #ffcc00;
}


.myaccount-black_button {
    display: inline-block;
    color: #fff!important;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #1a1a1a;
    background-color: #1a1a1a;
    padding: 0.5rem;
    font-size: 12px;
    line-height: 12px;
    border-radius: 2px;
}

.myaccount-black_button:hover {
   color: #fff !important;
   border: 1px solid #ffcc00;
	 background-color: #ffcc00;
}













/* SLIDER> BUTTON *************/
.slider_yellow_round_button {
    display: inline-block;
    color: #fff;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ffcc00;
    background-color: #ffcc00;
    padding: .5rem 2rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 50px;
}

.slider_yellow_round_button:hover {
   color: #fff;
   border: 1px solid #333;
	 background-color: #333;
}

.slider_white_round_button {
    display: inline-block;
    color: #000;
    font-weight: 100;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #fff;
    background-color: #fff;
    padding: .5rem 2rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 50px;
}

.slider_white_round_button:hover {
   color: #fff;
   border: 1px solid #333;
	 background-color: #333;
}
/* END SLIDER> BUTTON *************/










.flat-image-box.style-1 .thumb:hover img {
    X-webkit-filter: blur(3px);
    filter: blur(3px) grayscale(1);
}












.branding_meta {
		position: absolute;
		bottom: 50px;
		left: 0px;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		font-family: 'Roboto', sans-serif;
}

.branding_meta h1 {
    background-color: #ffcc00;
		padding: 13px 50px 13px 20px;
		margin-bottom: 0;
		font-size: 1.4em;
		font-weight: 600;
    color:#000;
}

.branding_meta h2 {
		background: rgba(51, 51, 51, 0.5);
		padding: 13px 18px 11px;
		font-size: 1.1em;
		margin-bottom: 0;
		font-weight: 300;
}



.branding_meta2 {
		position: absolute;
		bottom: 50px;
		left: 4px;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		font-family: 'Roboto', sans-serif;
}

.branding_meta2 h1 {
		padding: 13px 50px 13px 20px;
		margin-bottom: 0;
		font-size: 1.4em;
		font-weight: 400;
    color:#fff;
    font-style: italic;
    line-height: 1.5em;

    background: rgba(0,0,0,0.7);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}







.overseas_direct_video_meta h1 {
    height: 600px;
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    font-size: 2em;
    color: #fff;
    font-size: 70px;
    font-weight: 400;

}

/* Video overlay and content */
.overseas-direct-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
	background: url($overlay_pattern) left top repeat;
}
.overseas-direct--content {
	position: relative;
	text-align: center;
	color: #FFF;
  margin: 150px 0;
}

.overseas-direct--content h1 {
	font-size: 4em !important;
  font-weight: 500;
	margin: 0 0 10px;
}

.overseas-direct--content h2 {
	font-size: 34px;
	margin: 0 0 10px;
}
.overseas-direct--content p {
	font-size: 20px;
	padding-top: 40px;
}






/* OVERSEAS DIRECT VBACKGROUND BANNER - HOME PAGE */
#overseas_direct_video {
  position: relative;
  height: 450px !important;
  width: 100%;
  margin: 0 auto;
  min-height: 600px;
  height: 75vh;
  height: calc(100vh - 182px);
  height: -webkit-calc(100vh - 182px);
  height: -moz-calc(100vh - 182px);
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  background-color: #FFF;
  z-index: -1;
}


.video-bg:after {
  position: relative;
  height: 600px !important;
  margin: 0 auto;
  content: "";
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC); background-size: 3px 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;
}


.video_bg_01:after {
  background: url(http://s14.directupload.net/images/111129/44ga9qid.png);
  height: 600px !important;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 0;
}


.video_bg_dotted:after {
    height: 600px !important;
    margin: 0 auto;
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;
    z-index: 0;
  }














.heropanel--video {
    font-family: 'Open Sans', sans-serif;
    min-height:500px;
}

.heropanel__content {
    -moz-animation:gm-slidein 3s 1;
    -ms-animation:gm-slidein 3s 1;
    -o-animation:gm-slidein 3s 1;
    -webkit-animation:gm-slidein 3s 1;
    animation:gm-slidein 3s 1;
    border-bottom:1px solid #FFF;
    margin:0 auto;
    max-width:50%;
    padding:4em 0 2em;
    text-align:center;
    background-color: rgba(0, 0, 0, 0.5);
}

.heropanel__content h1 {
    margin-top: 40px;
    text-transform:uppercase;
}

.heropanel__content h1 a {
    color:#FFF;
    text-decoration:none;
}

.heropanel__content p {
    color:#fff;
    margin:0;
    text-transform:uppercase;
}

















.blog .carousel-indicators {
	left: 0;
	top: auto;
  bottom: -30px;
  cursor: pointer !important;
}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-right:10px;
    cursor: pointer !important;

    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
}

.blog .carousel-indicators li:hover {
    transform: scale(2);
    background-color: #ffcc00;
    box-shadow:
      0px 0px 0px 1px white,
      0 0 0 2px #ffcc00;
    cursor: pointer !important;
}


.blog .carousel-indicators .active {
    xbackground: #ffcc00;
    width: 12px;
    height:12px;
    xborder: 1px solid #000;
    padding:5px;
    position: relative;
    xbottom:2px;

    background-color: #ffcc00;
    box-shadow:
      0px 0px 0px 1px white,
      0 0 0 2px #ffcc00;
}



.overseasdirect-info h2 {
        color: #292b2c !important;
        font-size: 2em;
        font-weight: 500;
        xline-height: 2em;
        text-transform: uppercase;
        text-align: center;
      }

.overseasdirect-info p {
            font-size: 1.3em;
            line-height: 1.5em;
            font-weight: 100;
            font-style: italic;
          }

          .overseasdirect-info img {
              width:60%;
                    }
















/** ICON PAGE **************/

.tooltip_x {
  display:none;
  position:absolute;
  border:1px solid #333;
  background-color:#333;
  border-radius:5px;
  padding: 25px;
  color:#fff;
  font-size:12px Arial;
  Xwidth:700px;
  margin-right: 10%;
}

.tooltip_cont_reading {
  color:#ff0000;
  font-size:10px;
  text-decoration: underline;
}

.tooltip_cont_reading:hover {
  color:#ffcc00;
  font-size:10px;
}






.button_base {
    margin: 0 auto;
    border: 0;
    font-size: 12px;
    line-height: 12px;
    position: relative;
    Xtop: 50%;
    Xleft: 25%;
    Xmargin-top: -25px;
    Xmargin-left: -100px;
    width: 150px;
    height: 25px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
    radius: 20px;
}

.button_base:hover {
    cursor: pointer;
}

/* ### ### ### 03 */
.b03_skewed_slide_in {
    overflow: hidden;
    border: #333 solid 1px;
    line-height: 12px;
}

.b03_skewed_slide_in div {
  font-size: 12px;
  line-height: 12px;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
}

.b03_skewed_slide_in div:nth-child(1) {
    color: #333;
    background-color: #ffffff;
}

.b03_skewed_slide_in div:nth-child(2) {
    background-color: #333;
    width: 230px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: translate(-250px, 0px) skewX(-30deg);
    -webkit-transform: translate(-250px, 0px) skewX(-30deg);
    -moz-transform: translate(-250px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in div:nth-child(3) {
    color: #ffffff;
    left: -200px;
    transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
}

.b03_skewed_slide_in:hover div:nth-child(2) {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transform: translate(-15px, 0px) skewX(-30deg);
    -webkit-transform: translate(-15px, 0px) skewX(-30deg);
    -moz-transform: translate(-15px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in:hover div:nth-child(3) {
    left: 0px;
    transition: left 0.30000000000000004s ease;
    -webkit-transition: left 0.30000000000000004s ease;
    -moz-transition: left 0.30000000000000004s ease;
}






.landingPage_topsearch_right_banner {
	background-color: #ffcc00;  /*#ffcc00;*/
	color: #fff;
  font-size: 10px;
  line-height: 10px;
  text-align: left;
  white-space: normal;
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 56px;
  padding:16px

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #31302B;
	   -webkit-transition: all ease 0.8s;
	    -moz-transition: all ease 0.8s;
	     transition: all ease 0.8s;
}

.landingPage_topsearch_right_banner:hover {
	background-color: #e0e0e0;
	color: #fff;
  box-shadow: inset 308px 0 0 0 #cc0000;
}

.xlandingPage_topsearch_right_banner p {
    font-size: 1em;
    color: #000;
    text-transform: lowercase;
}

.landingPage_topsearch_right_banner-text {
    overflow: hidden;
    font-size: 10px;
    color: #fff;
}

.landingPage_topsearch_right_banner-text h5{
    font-weight: 600;
    color: #fff;
}
.landingPage_topsearch_right_banner-text:hover{
    color: #ffcc00;

}

.white_space {
  white-space: pre;
}



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

  .landingPage_topsearch_right_banner {
  	background-color: #333;
    margin-top: 5px;
  }
}













/* DROP DOWN LIST MENU FOR LANDING PAGE ************************************************************/
.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    width: 280px;
    height: 60px;
    xmargin: 40px auto;
    padding: 18px 18px;
    z-index: 100;

    /* Styles */
    background: #000;
    COLOR: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    xbox-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-5:hover {
	background-color: #e0e0e0;
	color: #fff;
  box-shadow: inset 230px 0 0 0 #666;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: auto;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #ffF transparent;
}

.wrapper-dropdown-5 .dropdown-landingPage {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #ffcc00;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: auto;
    overflow: hidden;
}

.wrapper-dropdown-5 .dropdown-landingPage li {
    xpadding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown-landingPage li a {
    display: block;
    text-decoration: none;
    color: #000;
    xpadding: 10px 0;
    padding: 8px 10px ;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e6e6; /*bottom border color*/
}

.wrapper-dropdown-5 .dropdown-landingPage li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown-landingPage li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown-landingPage li:hover a {
    background: #f2f2f2;
    color: #ffcc00;
}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #999;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
    border-color: #ffcc00 transparent; /*hover arrow color*/
}

.wrapper-dropdown-5.active .dropdown-landingPage {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

/* END */








/* Color
---------------------------------------------------------------*/

#mainnav > ul >li.active > a,
#mainnav > ul >li > a:hover,
a:hover, a:focus,
.flat-icon-box.style-1 .icon-wrap,
article .more-link a,
article .more-link a:after,
.widget.widget-link ul li a:hover,
.post-wrap.style3 article .title-post:hover h2 a, .post-wrap.style3 article .meta-post li:hover a,
.flat-social li a:hover,
.footer-bottom .copyright a:hover,
#top-bar .top-bar-nav ul.sub-language li > a:hover, #top-bar a:hover,
#top-bar .top-bar-nav ul.sub-language li > a:hover, #top-bar a:hover,
.countdown.style-1 .square .numb,
.post-wrap.style4 article .meta-post li a:hover,
.flat-filter.style-2 li.active a, .flat-filter.style-2 li a:hover,
.filter-shop.icon-right li.filter-list.active:before,
.themesflat-button.outline.ol-accent,
.themesflat-button.bg-transparent:hover,
.flat-filter.style-3 li.active a ,
.product .product-item .price ins,
.filter-shop ul.flat-filter-search li.search-product.active:after,
.breadcrumbs ul li a:hover,
.product-detail .box-like a:hover,
.product-detail .product-categories a:hover, .product-detail .product-tags a:hover,
.flat-socials li a:hover,
.comment-respond .comment-form-notify input[type="checkbox"]:checked +label:before,
.flat-button button.bg-white,
.wrap-error .content-error a,
.widget.widget-news-latest ul li h6 a:hover,
.direction .tags a:hover, .direction .social-icon ul li a:hover,
.direction ul.next-pre li .btn-default a,
.comments-area ol.comment-list article .reply a.comment-reply-link,
.comments-area ol.comment-list article .reply a:hover,
.iconbox .box-header .icon i,
#mainnav-mobi ul li.active > a,
.flat-filter.style-1 li a:hover,
.menu-extra li a:hover,
#mainnav-mobi ul li a:hover ,
.slidebar-shop .widget.widget-size li.checkbox input[type="checkbox"]:checked +label:before {
	color: #f8b334;
}

.text-accent {
	color: #f8b334 !important;
}





/* START PRODUCT PAGE TABS
---------------------------------------------------------------*/
.container_CSS_TAB {
  width: 100%;
  height: 100%;
  Xmax-width: 700px;
  margin: auto 0;
  padding: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/*
.credit {
  font-size: 1.2rem;
  float: right;
  margin-top: .5em;
}

.credit__link {
  color: #FC5555;
  font-weight: bold;
  text-decoration: none;
}
.credit__link:hover {
  color: #FC5555;
  text-decoration: underline;
}
*/

/* Breakpoints 620px ---------------*/
@media only screen and (max-width: 767px){
  .tabs--sm {
    border: 1px solid #d4d4d4;
  }
  .tabs--sm .tabs__content {
    border-width: 0;
    border-top-width: 1px;
  }
  .tabs--sm .tabs__list {
    background-color: white;
    margin: 0 auto;
    margin-bottom: -1px;
    display: inline-block;
    width: 100%;
  }
  .tabs--sm .tabs__list .tabs__item {
    overflow: hidden;
    position: absolute;
    height: auto;
  }
  .tabs--sm .tabs__list .tabs__item--active {
    height: 0 auto;
    position: relative;
  }
  .tabs--sm .tabs__list--open .tabs__item {
    position: relative;
    height: 0 auto;
  }
  .tabs--sm .tabs__list--open .tabs__item--active > .tabs__link:after {
    content: none;
  }
  .tabs--sm .tabs__item {
    width: 100%;
    max-width: 100%;
    border-right: 0;
    text-align: left;
  }
  .tabs--sm .tabs__item--active > .tabs__link {
    background-color: #333333;
    color: white;
    border: 0;
  }
  .tabs--sm .tabs__item--active > .tabs__link:hover {
    color: white;
  }
  .tabs--sm .tabs__item--active > .tabs__link:after {
    content: "";
    width: 0;
    height: auto;
    border: .5em solid transparent;
    border-top-color: #ffffff;
    float: right;
    margin-top: .75em;
  }
}

@media (max-width: 760px) {
  .tabs--md {
    border: 1px solid #d4d4d4;
  }
  .tabs--md .tabs__content {
    border-width: 0;
    border-top-width: 1px;
  }
  .tabs--md .tabs__list {
    background-color: white;
    margin: 0 auto;
    margin-bottom: -1px;
    display: inline-block;
    width: 100%;
  }
  .tabs--md .tabs__list .tabs__item {
    overflow: hidden;
    position: absolute;
    height: auto;
  }
  .tabs--md .tabs__list .tabs__item--active {
    height: 0 auto;
    position: relative;
  }
  .tabs--md .tabs__list--open .tabs__item {
    position: relative;
    height: 0 auto;
  }
  .tabs--md .tabs__list--open .tabs__item--active > .tabs__link:after {
    content: none;
  }
  .tabs--md .tabs__item {
    width: 100%;
    max-width: 100%;
    border-right: 0;
    text-align: left;
  }
  .tabs--md .tabs__item--active > .tabs__link {
    background-color: #333333;
    color: white;
    border: 0;
  }
  .tabs--md .tabs__item--active > .tabs__link:hover {
    color: white;
  }
  .tabs--md .tabs__item--active > .tabs__link:after {
    content: "";
    width: 0;
    height: auto;
    border: .5em solid transparent;
    border-top-color: #ffffff;
    float: right;
    margin-top: .75em;
  }
}



.tabs__list {
  margin: 0 auto;
  margin-bottom: -1px;
}

.tabs__item {
  margin-bottom: 0;
  display: inline-block;
  width: auto;
  vertical-align: top;
  text-transform: uppercase;
  text-align: center;
}

.tabs__item--active > .tabs__link {
  /*
  border: 2px solid #1A1A1A;
  background: #1A1A1A;
  color: #FFF;
  */

  background: #FFF;
  color: #111;
  border-bottom: 0;
  position: relative;
  z-index: 3;
  text-align: center;
}

.tabs__item--active > .tabs__link:hover {
  /* color: #FFF; */
  Xcolor: #000;
  text-decoration: none;
  xcursor: none;
  xcursor: crosshair;
  cursor: auto;
}

.tabs__link {
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  padding: .5em 2em;
  line-height: 2.02;
  display: block;
  text-decoration: none;
  border: 1px solid #e6e6e6;
}
.tabs__link:hover {
  text-decoration: none;
}

.tabs__area {
  opacity: 0;
  display:none;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  height: auto;
}

.tabs__area--active {
  opacity: 1;
  Display:block;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  height: 0 auto;
}

.tabs__content {
  margin-bottom: 0;
  border: 1px solid #dadacb;
  overflow: hidden;
  position: relative;
  top: 0px;
  clear: both;
  padding: 2.2rem;
}

.tabs__freight {
  background-color: #fbfbfb; padding:20px;
}

.tabs__get-rate-button {
  background: #333;
  border-radius: 0.25rem;
  color:#fff;
  font-size: 10px;
  text-transform: uppercase;
  padding: 7px 15px;
  transition: all .25s;
  margin-right:5px;
  letter-spacing: 1px;
}
.tabs__get-rate-button:hover{
  background: #ccc;
  color: #000;
}

.tabs__image-download-button {
  font-size: 0.8rem;
	font-weight: 300;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	padding: 10px 30px;
	background-color: #404040;
  border-radius: 5px;
  align-items: center;
}
.tabs__image-download-button:hover {
  color: #000;
  background-color: #CCC;
}
.tabs__image-download-button::before {
  content: "\f33d";
  font: normal normal normal 14px/1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-right: 5px;
  text-decoration: none !important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .tabs__image-download-button {
    width:100%;
    font-size: 14px;
  	font-weight: 100;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
  	color: #FFF;
  	display: inline-block;
  	padding: 10px 30px;
  	position: relative;
  	background-color: #404040;
    border-radius: 5px;
    position:relative;
    display: flex;
    align-items: center;
  }
}

/* END PRODUCT PAGE TABS */










/* START BRANDING OPTION TABS
---------------------------------------------------------------*/


.container_CSS_TAB2 {
  xpadding: 0.8rem;
  width: 100%;
  Xmax-width: 700px;
  margin: 0 auto;
}

.list-unstyled2 {
  xpadding-left: 0;
  list-style: none;
}


/*
.credit2 {
  font-size: 1.2rem;
  float: right;
  margin-top: .5em;
}

.credit__link2 {
  color: #FC5555;
  font-weight: bold;
  text-decoration: none;
}
.credit__link2:hover {
  color: #FC5555;
  text-decoration: underline;
}
*/

.tabs__list2 {
  margin: 0 auto;
  margin-bottom: -1px;
}

.tabs__item2 {
  margin-bottom: 0;
  display: inline-block;
  width: auto;
  vertical-align: top;
  text-transform: uppercase;
  text-align: center;
}

.tabs__item--active2 > .tabs__link2 {
  border: 1px solid #1A1A1A;
  background: #1A1A1A;
  border-bottom: 0;
  position: relative;
  z-index: 3;
  color: #FFF;
  text-align: center;
  margin-bottom:4px;
}

.tabs__item--active2 > .tabs__link2:hover {
  color: #FFF;
  text-decoration: none;
}

.tabs__link2 {
  font-weight: 500;
  color: #333333;
  line-height: 2;
  display: block;
  text-decoration: none;
  border: 1px solid #e6e6e6;
  background: #E6E6E6;
}
.tabs__link2:hover {
  text-decoration: none;
  color: #333333;
  background: #FFCC00;
  border: 1px solid #e6e6e6;
}

.tabs__area2 {
  opacity: 0;
  display:none;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  height: auto;
}

.tabs__area--active2 {
  opacity: 1;
  Display:block;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  height: 0 auto;
}

.tabs__content2 {
  margin-bottom: 0;
  background: #fff;
  border: 0px solid #dadacb;
  overflow: hidden;
  position: relative;
  clear: both;
  padding: 2.2rem;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px){
  .tabs--optional-branding2 {
    border: 0px solid #d4d4d4 !important;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
  .tabs--optional-branding2 {
    border: 0px solid #d4d4d4 !important;
  }
}



@media only screen and (max-width: 1224px) {
  .tabs--optional-branding2 {
    border: 1px solid #d4d4d4;
  }
  .tabs--optional-branding2 .tabs__content2 {
    border-width: 0;
    border-top-width: 1px;
  }
  .tabs--optional-branding2 .tabs__list2 {
    background-color: white;
    margin: 0 auto;
    margin-bottom: -1px;
    display: inline-block;
    width: 100%;
  }
  .tabs--optional-branding2 .tabs__list2 .tabs__item2 {
    overflow: hidden;
    position: absolute;
    height: auto;
  }
  .tabs--optional-branding2 .tabs__list2 .tabs__item--active2 {
    height: 0 auto;
    position: relative;
  }
  .tabs--optional-branding2 .tabs__list--open2 .tabs__item2 {
    position: relative;
    height: 0 auto;
  }
  .tabs--optional-branding2 .tabs__list--open2 .tabs__item--active2 > .tabs__link2:after {
    content: none;
  }
  .tabs--optional-branding2 .tabs__item2 {
    width: 100%;
    max-width: 100%;
    border-right: 0;
    text-align: left;
  }
  .tabs--optional-branding2 .tabs__item--active2 > .tabs__link2 {
    background-color: #333333;
    color: white;
    border: 0;
  }
  .tabs--optional-branding2 .tabs__item--active2 > .tabs__link2:hover {
    color: white;
  }
  .tabs--optional-branding2 .tabs__item--active2 > .tabs__link2:after {
    content: "";
    width: 0;
    height: auto;
    border: .5em solid transparent;
    border-top-color: #ffffff;
    float: right;
    margin-top: .75em;
  }
}


/* END BRANDING OPTION TABS
---------------------------------------------------------------*/



.lp-6boxes-banner {
    height: 600px;
  }

@media only screen and (max-width: 480px) {
  .lp-6boxes-banner {
    height: 400px;
  }
}




  .hr_sexy_line {
      margin: 25px 0;
      height: 1px !important;
      border: 0;
      background: black;
      background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
  }

  .hr_sexy_line2 {
      border: 0;
      height: 1px;
      background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
      background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
      background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
      background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  }

  hr.fancy-line {
      border: 0;
      height: 1px;
      background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0));
      background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0));
      background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0));
      background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0));
      box-shadow: 0px -2px 4px rgba(136,136,136,0.75);

      margin-top: 0px !important;
      margin-bottom: 0px !important;
  }




.hr_overseas {
  border-bottom:10px solid #ffcc00;
  padding-bottom:3px;
}


  .hr_overseas h1:after {
      content:' ';
      display:block;
      border:5px solid #ffcc00;
      width:100px;
  }


.hr_overseas h1 {
    width:25% !important;
    border-bottom: solid 10px #ffcc00!important;
  }




#namanyay-search-btn {
  background:#0099ff;
  color:white;
  padding:10px 20px;
  border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  -webkit-border-radius:0 5px 5px 0;
  -o-border-radius:0 5px 5px 0;
  border:0 none;
  font-weight:bold;
}

#namanyay-search-box {
  background: #eee;
  padding:10px;
   border-radius:5px 0 0 5px;
  -moz-border-radius:5px 0 0 5px;
  -webkit-border-radius:5px 0 0 5px;
  -o-border-radius:5px 0 0 5px;
  border:0 none;
  width:160px;
 }




 .mytable td{
   font-size: 14px;
   font-weight: normal;
   line-height: 1.7;
   border: 2px solid #ccc;
   padding:10px;
 }

 .mytable  tr:hover td {

 }

 .mytable tr:hover img{
     background: #fff !important;
 }

 .mytable td h1{
   font-size: 15px;
   font-weight: 500;
   line-height: 1;
   text-transform: uppercase;
 }
 .mytable td h2{
   font-size: 20px;
   font-weight: 500;
   line-height: 1.7;
   color:#999;
   text-transform: uppercase;
 }
 .mytable td p{
   font-size: 14px;
   font-weight: 300;
   line-height: 1.5;
   color:#333;
   padding: 0 3em;
   text-transform: full-width;
 }
 .mytable td>img{
   width: 25vh;
   height: 0 auto;
 }






/* --------------------------------------------------------------------------
  - SPECIAL / MSC CUSTOM PAGES, Topo, Overseas Direct, Creative Concepts
------------------------------------------------------------------------ ----
------------------------------------------------------------------------ ----
------------------------------------------------------------------------ ----
------------------------------------------------------------------------ ---- */

.inline-list {
  margin: auto 0;
}
.inline-list li a {
  color: #333;
}
.inline-list li a:hover{
  color: #000;
  text-decoration: underline !important;
}
.inline-list li {
  color: #fff;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
  padding: 0 8px;
  border-right: 1px solid #aaa;
  line-height: 1;
}
.inline-list li:last-child {
  border-right: none;
}



/*---------------------------------------
  - SUBPAGE INFO BAR - TOP BANNER
--------------------------------------*/
.info-bar {
    position: relative;
    padding: 90px 0 140px;
}
.info-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: #000;
}
.info-bar .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.info-bar h1 {
  font-family: "Barlow Condensed" "xLuloCleanW01-One", "poppins", "Barlow Semi Condensed", sans-serif;
  color:#fff;
  font-weight: 500;
  letter-spacing: -.05rem;
  margin: 0 0 15px;

  background: -webkit-linear-gradient(#FFF, #FFEFBA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  xborder-left: 1px solid #fff;
  xpadding: 0 0 0 20px;
}
.info-bar h1 i{
  font-size: 60px;
  color:#ffcc00;
  position: relative;
  top: 8px;
  -webkit-text-fill-color:#ffcc00;
}
.info-bar h5 {
  color:#fff;
  font-weight: 300;
}
.info-bar p {
  font-size: 1rem;
  color:#fff;
  font-weight: 300;
}
.info-bar .breadcrumb--bar{
  position: absolute;
  bottom: 15px;
}
.info-bar .breadcrumb--bar ul li {
  bottom: 0;
	list-style: none;
	display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: .8rem;
  font-weight: 300;
}
.info-bar .breadcrumb--bar ul li a {
	color: #ddd;
  font-size: .8rem;
  font-weight: 300;
}
.info-bar .breadcrumb--bar ul li a:hover {
	color: #fff;
  text-decoration: underline!important;
  xtext-decoration: none;
}
.info-bar .breadcrumb--bar ul li.active {
	color: #ffcc00 !important;
  xfont-size: .8rem;
  xfont-weight: 300;
  xfont-style: italic;
  xtext-transform: capitalize;
}
.info-bar .breadcrumb--bar li + li:before {
	content: " / ";
	padding: 0 2px;
	vertical-align: middle;
	color: #bbb;
  position: relative;
  top: -1px;
}





.jump-links-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding:15px 0;
  text-align: right;
  background-color: rgba(30,31,32,0.3);
}
.jump-links-wrapper ul li {
  color: #fff;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 5px solid #aaa;
  line-height: 1;
}
.jump-links-wrapper ul li:last-child {
  border-right: none;
  padding-right: 0px;
}
.jump-links-wrapper ul li a{
  font-size: 0.8rem;
  color: #fff;
  letter-spacing: 3px;
}
.jump-links-wrapper ul li a:hover{
  color: #ffcc00;
  text-decoration: underline !important;
}
@media only screen and (max-width: 767px){
  .jump-links-wrapper {
    text-align: center;
  }
  .jump-links-wrapper ul li {
    padding-right: 5px;
    padding-left: 5px;
  }
  .jump-links-wrapper ul li a{
    font-size: 0.8rem;
    color: #fff;
    letter-spacing: 0px;
  }
}


/* WEBINARS */
.webinar-page-section {
  position: relative;
}
.webinar-featured-events {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top:60px;
  margin-bottom:60px;
}
.webinar-featured-events h2 {
  letter-spacing: 2px;
}
.webinar-featured-events h3 {
  font-size: 18px;
  xcolor: #E31837;
  color:#ffcc00;
}
.webinar-featured-events h4 {
  text-transform: uppercase;
  color: #676767;
  font-size: 18px;
  font-weight: bold;
}
.webinar-featured-events .webinar-content-vertical-bar {
  margin-top: 20px;
  margin-left: 8px;
  padding-left: 20px;
  border-left: 4px solid #ffcc00;
  color: #606469;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}









 /* ------------------------------------------------------------------------
  - FOOTER
------------------------------------------------------------------------ */
/*
.footer {
  position: relative;
  background: #141414;
}
.footer p{
  color:#e7e7e7;
  line-height: 2 !important;
  margin-bottom: 0 !important;
}

.footer-top-icon {
  position: relative;
  padding: 3% 1%;
}
.footer-top-icon h3{
  color:#FFCC00;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0 !important;
}

.footer-top {
  background: #1c1c1c;
  padding: 5% 0;
}
.footer-top .p-width{
  width: 75%;
}
.footer-top h6{
  letter-spacing: 2px;
}

.footer-bottom {
  padding: 30px 0;
  xborder-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-list-association {
  position: relative;
  float: right;
}
.footer-list-association li {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
  padding: 0 8px;
  border-right: 1px solid #aaa;
  line-height: 1;
}
.footer-list-association li:last-child {
  border-right: none;
}
@media only screen and (max-width: 760px) {
  .footer-copyright{
    position: relative;
    float: none;
    text-align: center;
  }
  .footer-list-association {
    position: relative;
    float: none;
    text-align: center;
  }
}

.footer-container-img img{
  width: 100px;
  margin: auto;
  padding: auto;
  opacity: 0.5;
}
.footer-title > h3 {
	font-size: 18px;
	font-weight: 500;
	color: #ffcc00;
	text-transform: capitalize;
	margin-bottom: 25px;
}
.single-footer-widget > p {
	color: #e4e4e4;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 35px;
}
.footer-links {
	list-style: none;
	display: block;
}
.footer-links > li > a {
	font-size: 15px;
	line-height: 2.2;
	color: #6f6f6f;
	padding-left: 16px;
  margin-left: 5px;
	position: relative;
	display: block;
  cursor: pointer;
}
.footer-links > li > a:before {
	content: '\f105';
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 0;
	top: 55%;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -2px;
	display: block;
}
.footer-links > li:hover{
  background: #333;
  border-radius: 3px;
}
.footer-links > li > a:hover{
  margin-left: 10px;
  color: #FFCC00;
}
*/









/*-------------------------
  - FOOTER
---------------------------*/
.authorized-distributors {
  position: relative;
  background: #2f2f2f;
  color:#aaa;
  padding:40px 0;
}
.authorized-distributors h3{
  color:#FFCC00;
  font-size: 1rem;
  font-weight: 100;
  letter-spacing: 1px;
  margin-bottom: 0rem;
}
.footer-list-association {
  position: relative;
  xfloat: right;
}
.footer-list-association li a {
  color: #fff;
}
.footer-list-association li a:hover{
  color: #ffcc00;
  text-decoration: underline !important;
}
.footer-list-association li {
  color: #fff;
  font-size: .8rem;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
  padding: 0 8px;
  border-right: 1px solid #aaa;
  line-height: 1;
}
.footer-list-association li:last-child {
  border-right: none;
}
@media only screen and (max-width: 760px) {
  .footer-copyright{
    position: relative;
    float: none;
    text-align: center;
  }
  .footer-list-association {
    position: relative;
    float: none;
    text-align: center;
  }
}



.footer-container-img img{
  width: 80px;
  margin: 0 auto;
  padding: 0;
  opacity: 0.5;
}
.footer-title > h3 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 25px;
}
.single-footer-widget > p {
	color: #e4e4e4;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 35px;
}
.contact-info > ul > li {
	font-size: 14px;
	list-style: none;
	display: block;
	line-height: 25px;
	margin-bottom: 10px;
	color: #FFCC00;
}
.contact-info > ul > li > a{
    color: #FFCC00;
    margin-left: 5px;
}
.link-widget > li {
	list-style: none;
	display: block;
	margin-bottom: 10px;
}
.link-widget > li > a {
	font-size: 14px;
	line-height: 25px;
	color: #e4e4e4;
	padding-left: 12px;
	position: relative;
	display: block;
}
.link-widget > li > a:before {
  content: "\f054";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	left: 0;
	top: 50%;
	 -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -2px;
	display: block;
	font-size: 10px;
}
.link-widget > li > a:hover{
    margin-left: 10px;
    color: #FFCC00;
}
.footer-mailchimp {
	margin-bottom: 35px;
}
.subscribe-form {
	line-height: 38px;
	max-width: 100%;
	padding-right: 40px;
	position: relative;
	width: 270px;
}
.footer-mailchimp input {
	background: none;
	border: 1px solid #ddd;
	color: #fff;
	font-size: 1em;
	font-style: italic;
	height: 40px;
	line-height: 38px;
	padding: 0 15px;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
.footer-mailchimp input::-webkit-input-placeholder{
    color: #fff;
}
.footer-mailchimp input::-moz-placeholder{
    color: #fff;
}
.footer-mailchimp input:-ms-input-placeholder{
    color: #fff;
}
.footer-mailchimp input::placeholder{
    color: #fff;
}
.footer-mailchimp .icon {
	border: 1px solid #ddd;
	color: #ddd;
	font-size: 18px;
	height: 40px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 0;
	width: 41px;
	display: inline-block;
}
.footer-mailchimp button {
	background: #FFCC00;
	border: none;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .15em;
	margin-top: 12px;
	padding: 7px 22px;
	text-transform: uppercase;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	line-height: 25px;
    cursor: pointer;
}
.footer-mailchimp button:hover{
    background: #c08e0e;
}

.footer-payments-image {
	padding: 45px 0;
	border-top: 1px solid rgba(255,255,255,0.1) !important;
	text-align: center;
}


.footer-top-area {
  position: relative;
  display: block;
	background-color: #222222;
	padding: 100px 0;
}
.footer-bottom-area {
	background-color: #2f2f2f;
	padding: 50px 0;
}
.footer-copyright > p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	line-height: 30px;
  text-align: left;
}
.footer-copyright > p > a {
	color: #FFCC00;
}
.footer-copyright > p > a:hover{
    text-decoration: underline;
}

.footer-organization > p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	line-height: 30px;
  text-align: right;
}

@media only screen and (max-width: 767px){
  .footer-copyright > p {
    text-align: center;
  }
  .footer-organization > p {
    text-align: center;
  }
}


/*  END FOOTER */