@font-face {
  font-family: 'porto';
  src: ;
  src:  format('embedded-opentype'),
        format('woff2'),
        format('woff'),
        format('truetype'),
        format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
  font-size: 14px;
}

body{padding: 0;margin: 0;font-family: "open sans", "segoe ui",roboto,"helvetica neue",arial,sans-serif;line-height: 1.42857143;font-weight: 300; color: #222; font-size: 1em; position: relative;}
a {color: #111;}
em {color: #222;}
a:hover{text-decoration: underline; color: #990000;}


h1,h2,h3,h4,h5,h6 { font-family: "open sans", "segoe ui",roboto,"helvetica neue",arial,sans-serif; color: #222;}

h1 {
    font-size: 2.85rem;
    font-weight: 700;
}
h2{font-size: 2rem; line-height: 1.3;margin-bottom: 1rem;}
h3{font-size: 1.2857rem; line-height: 1.4;letter-spacing: 0;}
.touch-slide-quote h3{line-height: 1.2em;}
h2 small{line-height: 2;}
h2 big {font-size: 1em; font-weight: bold;}
h4,h5{ color: #555;}

.txt-red {
    color: #900;
}

.form-field-required::after {
    content: '*';
    color: #900;
    vertical-align: super;
    font-size: 0.8em;
    font-weight: bold
}

.vs-topnav {
  border-radius: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 0 8px #dddddd5e;
  box-shadow: 0 0 8px #dddddd66;
  padding: 0 .2em;
  z-index: 999;
}

.vs-topnav .navbar-brand {
    margin-bottom: 0;
    padding: 13px 0;
}

.nav-item.active .nav-link { color: #990000;}

.vs-topnav .navbar-nav li {
    padding: 5px 1em;
    font-weight: 400;
    color: #333;
    font-size: 1rem;
    letter-spacing: 0.5px;
    overflow: hidden;
}

.vs-topnav .navbar-nav {
  margin-top: 0.5rem;
}

a.navbar-brand {
    margin-right: 3rem;
}

a.navbar-brand img { max-height: 1.6em; }
a.navbar-brand span {
    font-size: 14px;
    font-weight: 500;
}
a.navbar-brand span:after {
    content: " ";
    height: 2px;
    display: block;
}
.nav-container {
    max-width: 1600px;
}

nav.navbar svg {
    color: #990000;
}

.vs-topnav a.nav-link img {
    max-width: 39px;
    width: 100%;
    -webkit-filter: brightness(3);
    filter: brightness(3);
}

.vs-topnav a.nav-link:hover img {
    width: 100%;
    -webkit-filter: sepia(10) saturate(180) hue-rotate(30deg) brightness(0.8);
    filter: sepia(10) saturate(180) hue-rotate(30deg) brightness(0.8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.navbar-nav .btn-white,.navbar-nav .btn-red {
    min-width: 150px;
    text-transform: inherit;
    padding: 0.5em;
}

#t2-select{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    right: 0;
    top: 0;
}
.mega-dropdown-content span b{font-size: 12px;}

/** for dark nav **/


.vs-read-more i.fa.fa-angle-right {
    font-weight: 100;
}

.vs-topnav.dark a {
    color: #fff;
}
.dark .mega-dropdown-col ul li div.col-6 ,.dark #t2-select .col-md-4.vs-read-more{
    border-right-color: #333 !important;
}
.dark .dropdown-header .col-6 { border-color: #333;}
.dark .mega-dropdown-content { padding: 0;}
.dark #t2-select { background-color: #000; }
.dark #t2-select i:before{color: #fff;}
.dark .mega-dropdown-content p ,.dark .mega-dropdown-content span{  font-size:12px;  }
.dark .mega-dropdown-content {
    background: #000;
    border: #222 solid 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dark .mega-dropdown-col > ul > li > a:hover{
    background-color: #222;
    color: #fff;
}
.dark .mega-dropdown-col {
    border-left: 1px solid #222;
}

.dark .mega-dropdown-col ul > li[data-toggle] > a::before, .mega-dropdown-col ul > li[data-toggle] > a::before

{ color: #fff;}

.dark .mega-dropdown-content * {
    color: #fff;
}

.dark .mega-dropdown-content a.btn.btn-white {
    border-width: 1px;
    border-color: #eee;}


.dark .mega-dropdown-content p i:before{ color: #fff;}

.dark.vs-topnav {-webkit-box-shadow:none;box-shadow:none; background-color: #000;}

.dark .cd-search-trigger::before {color: #fff;}

.dark #navbarsearch,.dark .desktop-search{ background-color: #000;}
/** dark nav end**/

.vs-topnav li.nav-item:after {
    content: "";
    position: relative;
    left: 0;
    bottom: -8px;
    height: 3px;
    width: 100%;
    background: #990000;
    display: block;
    overflow: hidden;
}

.vs-topnav .ml-auto li.nav-item:after {
    background: transparent;
}

.vs-topnav li.nav-item:hover:after,li.nav-item.active:after {
    content: "";
    bottom: -5px;
}

h6.dropdown-header {
    font-size: 9px;
    text-transform: uppercase;
}

.vs-topnav .dropdown-item.indent,  .dropdown-menu .indent .dropdown-item {
    padding-left: 2.5em;
}

.dropdown-toggle::after {
    content: '\f107';
    font-family: "font awesome 5 pro";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    left: auto;
    margin-top: -7px;
    border-color: transparent;
    vertical-align: -0.01em;
    font-weight: 200;
}

.dropup .dropdown-toggle::after {
    content: '\f106';
    font-family: "font awesome 5 pro";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    left: auto;
    margin-top: -7px;
    border-color: transparent;
    vertical-align: -0.01em;
    font-weight: 200;
}

.dropdown-item:active {
  background-color: #eee;
}

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  /* force hardware acceleration in webkit */
  -webkit-transform: translatez(0);
  transform: translatez(0);
}
.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #2e3233;
}
.cd-search-trigger::after {
  /* handle */
  height: 1px;
  width: 8px;
  background: #2e3233;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span {
  /* container for the x icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #2e3233;
  opacity: 0;
  /* force hardware acceleration in webkit */
  -webkit-transform: translatez(0);
  transform: translatez(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/**top nav**/

.nav.navbar-nav.ml-auto li:last-child.nav-item:after {
    background: none;
}

.nav.navbar-nav.ml-auto li:last-child.nav-item > .mega-dropdown > a::after {
    content: " "; width: 0;
}

.nav.navbar-nav.ml-auto li:last-child.nav-item.active > .mega-dropdown > a::after {
    content: " ";
}
.nav.navbar-nav.ml-auto li:last-child.nav-item> .mega-dropdown > a::after {
    content: "\f0e0";
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    -webkit-transform: none;
    transform: none;
    font-size: 22px;
    left: 0;
    position: relative;
    top: 2px;
    line-height: 0;
    display: initial;
    width: 100%;
}

.nav.navbar-nav.ml-auto li:last-child.nav-item > .mega-dropdown a:hover:after{font-weight: 600;-webkit-transition: .1s all;transition: .1s all;}

.nav.navbar-nav.ml-auto li:last-child.nav-item.active > .mega-dropdown > a::after {
    content: "\f4aa";
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    -webkit-transform: none;
    transform: none;
    font-size: 22px;
    left: 0;
    position: relative;
    top: 2px;
    line-height: 0;
}

.nav.navbar-nav.ml-auto .nav-item > .mega-dropdown > a.text-only::after {
    content: '' !important;
}

.cd-search-trigger::before {
    top: 2px;
    left: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: none;
    content: "\f002";
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    font-size: 22px;
    color: #333;
    padding: 5px 1em;
}
.cd-search-trigger:hover:before {
    color: #990000;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.cd-search-trigger::after {
    display: none;
}
/**top nav**/
.flag-icon {
    background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.flag-icon:before {
    content: "\00a0";
}

.flag-icon.us { background-image:  }
.flag-icon.ca { background-image:  }
.flag-icon.la { background-image:  }

.flag-icon.eu { background-image:  }
.flag-icon.at { background-image:  }
.flag-icon.be { background-image:  }
.flag-icon.be-fr { background-image:  }
.flag-icon.ch { background-image:  }
.flag-icon.cz { background-image:  }
.flag-icon.de { background-image:  }
.flag-icon.fr { background-image:  }
.flag-icon.es { background-image:  }
.flag-icon.it { background-image:  }
.flag-icon.lu { background-image:  }
.flag-icon.lu-fr { background-image:  }
.flag-icon.kz { background-image:  }
.flag-icon.nl { background-image:  }
.flag-icon.ro { background-image:  }
.flag-icon.ru { background-image:  }
.flag-icon.tr { background-image:  }
.flag-icon.ua { background-image:  }
.flag-icon.uk { background-image:  }

.flag-icon.ap { background-image:  }
.flag-icon.au { background-image:  }
.flag-icon.bd { background-image:  }
.flag-icon.cn { background-image:  }
.flag-icon.hk { background-image:  }
.flag-icon.hk-en { background-image:  }
.flag-icon.in { background-image:  }
.flag-icon.id { background-image:  }
.flag-icon.il { background-image:  }
.flag-icon.jp { background-image:  }
.flag-icon.kh { background-image:  }
.flag-icon.kr { background-image:  }
.flag-icon.my { background-image:  }
.flag-icon.me { background-image:  }
.flag-icon.mg { background-image:  }
.flag-icon.mn { background-image:  }
.flag-icon.mm { background-image:  }
.flag-icon.mu { background-image:  }
.flag-icon.np { background-image:  }
.flag-icon.nz { background-image:  }
.flag-icon.pk { background-image:  }
.flag-icon.ph { background-image:  }
.flag-icon.sg { background-image:  }
.flag-icon.lk { background-image:  }
.flag-icon.tw { background-image:  }
.flag-icon.th { background-image:  }
.flag-icon.vn { background-image:  }
.flag-icon.za { background-image:  }
.flag-icon.global { display: none; }

/* mega menu: begin */

.promo-icon {
    text-align: center;
    font-size: 8.5em;
    color: #777;
}

.promo-grid {
    text-align: center;
    padding: 1em 2em;
    -webkit-transition: .3s ease-out all;
    transition: .3s ease-out all;
}

.promo-grid.banner:hover {
    background: inherit;
    opacity: 0.85;
}

.vs-menu-tier3 > .row {
    margin-left: 0;
    margin-right: 0;
}

.promo-grid a span{
    display: block;
    letter-spacing: 2px;
    font-size: 13px;
    padding-top: .5em;
}
.promo-grid a {
    text-align: center;
    text-decoration: none;
    color: #333;
    padding: 1.9em 0 !important;
}
.promo-grid.row-one {
    padding-bottom: 4em;
    padding-left: 0;
    padding-right: 0;
    max-width: 230px;
}

.promo-grid.row-one > em {
    position: relative;
    color: #999;
    letter-spacing: 2px;
    margin: auto;
    display: table;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
}

.promo-grid.row-one:last-child:before { display: none}
li.col-sm-3 {
    height: 100%;
}
li.col-sm-3:first-child {
    border-left: 0px solid #eee;
}
.mega-dropdown-content > .col-sm-3,.mega-dropdown-content > .col-sm-6,.mega-dropdown-content > .col-sm-12{ padding-left:0; padding-right:0;}

li.col-sm-12.promo-grid a {
    padding: 0 1.5em !important;
}
li.col-sm-12.promo-grid a:first-child {
    border-bottom: none;
}
li.col-sm-12.promo-grid a:hover {
    background-color: #fff;
}
li.col-sm-12.promo-grid.active a {
    background-color: #fff;
}

.mega-dropdown {
  position: static;
}

.fixed-header .menu > li > a:after {
  content: '';
}

.mega-dropdown > a::after {
  content: '\f107';
  font-family: "font awesome 5 pro";
  font-weight: 200;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 15px;
  left: auto;
  margin-top: -7px;
  border-color: transparent;
  vertical-align: -0.01em;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  -webkit-transform-origin: 80% 140%;
  transform-origin: 80% 140%;
}

.nav-item.active > .mega-dropdown > a::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.mega-dropdown-menu {
  width: 100%;
  left: 50% !important;
  -webkit-transform: translatex(-50%) !important;
  transform: translatex(-50%) !important;
  top: 100% !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: transparent;
  border: 0;
  padding: 0;
  height: 0;
  /* visibility: hidden; */
  display: none;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.header-contianer {
    background-color: #000;
}
.mega-dropdown.show .mega-dropdown-menu {
    height: auto;
    display: block;
    opacity: 1;
    margin-top: -0.057rem;
}
.dropdown-menu .mega-dropdown-menu .show {
    background-color: #fff;
}

.mega-dropdown-content ul > li {
    padding: 0;
}


.mega-dropdown-content > .promo-grid > li > ul > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 2em;
    font-size: 1em;
    color: #555;
    white-space: normal;
    padding: 2em 2em;
}

.mega-dropdown-content .dropdown-header {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 0.3em;
  white-space: normal;
  text-transform: uppercase;
}

.mega-dropdown-content form {
  margin: 3px 20px;
}

.mega-dropdown-content .form-group {
  margin-bottom: 3px;
}

.mega-dropdown-content {
    position: relative;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 8px #dddddd5e;
    box-shadow: 0 0 8px #dddddd5e;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.mega-dropdown-col {
    border-left: 1px solid #eee;
}

.mega-dropdown-col:first-child {
    border-left: none;
}

.mega-dropdown-col > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-col > ul > li {
    list-style: none;
}
.mega-dropdown-col > ul > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 2em;
    font-size: 0.9em;
    white-space: normal;
    padding: 0.5em 2em;
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

.mega-dropdown-col > ul > li > a:hover {
    background-color: #f7f7f7;
    color: #990000;
    text-decoration: none;
}

.mega-dropdown-col ul > li.col-sm-6 > a:hover,.mega-dropdown-content > li ul > li.active > a {
    text-decoration: none;
    color: #900;
    background-color: #eee;
}

.mega-dropdown-col ul > li > a:focus {
    text-decoration: none;
}

.mega-dropdown-col ul > li[data-toggle] > a::before,
.mega-dropdown-col ul > li[data-toggle] > a::before {
    font-family: 'font awesome 5 pro';
    font-weight: 200;
    font-size: 1em;
    content: "\f105";
    float: right;
    position: relative;
    color: #555;
}

.mega-dropdown-content .vs-menu-tier2 {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  width: 100%;
  display: none;
}

.mega-dropdown-content .vs-menu-tier2.shown {
    height: auto;
    opacity: 1;
    display: block;
}

.mega-dropdown-content .vs-menu-tier3 {
    display: none;
}

.mega-dropdown-content .vs-menu-tier3.shown {
    display: block;
}

.vs-menu-tier3 a img:hover {
    opacity: 0.9;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.mega-dropdown-content .vs-menu-tier3.shown .promo-grid.hidden {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media (max-width: 1366px){
    .promo-grid.row-one { max-width: 180px;}
}

.vs-topnav .mega-dropdown-menu {
    position: fixed;
}

/* mega menu: end */

/* mobile menu: begin */

.mobile-nav {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: static;
    height: 0;
    background-color: #1d1e20;
    display: none;
}

.mobile-nav-shown .mobile-nav {
    -webkit-box-shadow: 0 10px 10px #111111;
    height: 100%;
    display: block;
}

.mobile-nav .sw-mobile-menu {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0;
}

.mobile-nav .sw-mobile-menu li:not(:last-child) {
    display: block;
    position: relative;
    clear: both;
    border-bottom: #242527 solid 1px;
}

.mobile-nav .sw-mobile-menu li.over>a {
    color: #fff;
}

.mobile-nav .sw-mobile-menu li.over>.open-child:after {
    background-image: ;
    background-position: top center;
    background-repeat: no-repeat;
}

.mobile-nav .sw-mobile-menu li .container {
    width: 100%;
    padding: 0;
}

.mobile-nav .sw-mobile-menu li .open-child {
    float: right;
    font-size: 0;
    width: 43px;
    margin-top: 1px;
    display: block;
    cursor: pointer;
    position: relative;
    background-color: #151515;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.mobile-nav .sw-mobile-menu li .open-child:hover {
    background-color: #0e0e0e;
}

.mobile-nav .sw-mobile-menu li .open-child:after {
    content: "";
    background-image: ;
    background-position: bottom center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 19px;
    height: 19px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 0.5;
}

.mobile-nav .sw-mobile-menu li .open-child::-moz-selection {
    background-color: transparent !important;
}

.mobile-nav .sw-mobile-menu li .open-child::selection {
    background-color: transparent !important;
}

.mobile-nav .sw-mobile-menu li>a {
    color: #c7c7c7;
    display: block;
    line-height: 40px;
    padding: 0 10px 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    background: #151515;
    border-top: 1px solid #222222;
}

.mobile-nav .sw-mobile-menu li>a:hover {
    background-color: #989898;
    text-decoration: none;
    color: #222;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.mobile-nav .sw-mobile-menu li>a span.cat-label {
    font: 10px/1.2 arial;
    text-transform: uppercase;
    padding: 0 2px;
    margin-left: 1px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}

.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1 {
    background: #f00;
    color: #fff;
}

.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2 {
    background: #00f;
    color: #fff;
}

.mobile-nav .sw-mobile-menu>li>ul {
    border-top: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.mobile-nav .sw-mobile-menu>li>ul li {
    display: block;
    position: relative;
    background-color: #151515;
}

.mobile-nav .sw-mobile-menu>li>ul>li a {
    padding-left: 20px;
    margin-left: 15px;
    text-transform: none;
    font: 12px/40px "open sans", arial;
    display: block;
}

.mobile-nav .sw-mobile-menu>li>ul>li a span.cat-label {
    margin-bottom: 0;
}

.mobile-nav .sw-mobile-menu>li>ul>li a:before {
    font: normal normal 16px/40px "fontawesome";
    text-decoration: inherit;
    content: "\f105";
    -webkit-font-smoothing: antialiased;
    float: left;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: none;
}

.mobile-nav .sw-mobile-menu>li>ul>li li a {
    padding-left: 15px;
    margin-left: 30px;
}

.mobile-nav .sw-mobile-menu>li>ul>li li li a {
    padding-left: 15px;
    margin-left: 40px;
}

.mobile-nav .sw-mobile-menu>li>ul>li li li li a {
    padding-left: 20px;
    margin-left: 45px;
}

.mobile-nav .sw-mobile-menu>li ul {
    display: none;
    padding: 0;
    margin: 0;
}

.side-block .close-block {
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    background-color: #151515;
    display: block;
    padding: 20px 0 20px 20px;
    text-align: left;
    cursor: pointer;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.side-block .close-block:hover {
    color: #c6c6c6;
}

.side-block .close-block:hover:before {
    background-position: bottom center;
}

.side-block .close-block:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 25px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: top center;
}

@media (max-width: 979px) {
    .fixed-header .menu-icon {
        float: left;
        position: relative;
        top: 11px;
        left: 10px;
    }

    .fixed-header .menu {
        display: none;
    }
}

@media (min-width: 992px) {

    .mobile-nav-shown .mobile-nav,
    .mobile-nav-shown .home-side-menu .mobile-nav {
        display: none;
    }
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "porto";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  /* for safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* font smoothing. that was taken from twbs */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-spin1:before { content: '\e800'; } /* '' */
.icon-spin2:before { content: '\e801'; } /* '' */
.icon-spin3:before { content: '\e802'; } /* '' */
.icon-spin4:before { content: '\e803'; } /* '' */
.icon-spin5:before { content: '\e804'; } /* '' */
.icon-spin6:before { content: '\e805'; } /* '' */
.icon-firefox:before { content: '\e806'; } /* '' */
.icon-chrome:before { content: '\e807'; } /* '' */
.icon-opera:before { content: '\e808'; } /* '' */
.icon-ie:before { content: '\e809'; } /* '' */
.icon-phone:before { content: '\e80a'; } /* '' */
.icon-down-dir:before { content: '\e80b'; } /* '' */
.icon-cart:before { content: '\e80c'; } /* '' */
.icon-up-dir:before { content: '\e80d'; } /* '' */
.icon-mode-grid:before { content: '\e80e'; } /* '' */
.icon-mode-list:before { content: '\e80f'; } /* '' */
.icon-compare:before { content: '\e810'; } /* '' */
.icon-wishlist:before { content: '\e811'; } /* '' */
.icon-search:before { content: '\e812'; } /* '' */
.icon-left-dir:before { content: '\e813'; } /* '' */
.icon-right-dir:before { content: '\e814'; } /* '' */
.icon-down-open:before { content: '\e815'; } /* '' */
.icon-left-open:before { content: '\e816'; } /* '' */
.icon-right-open:before { content: '\e817'; } /* '' */
.icon-up-open:before { content: '\e818'; } /* '' */
.icon-angle-left:before { content: '\e819'; } /* '' */
.icon-angle-right:before { content: '\e81a'; } /* '' */
.icon-angle-up:before { content: '\e81b'; } /* '' */
.icon-angle-down:before { content: '\e81c'; } /* '' */
.icon-down:before { content: '\e81d'; } /* '' */
.icon-left:before { content: '\e81e'; } /* '' */
.icon-right:before { content: '\e81f'; } /* '' */
.icon-up:before { content: '\e820'; } /* '' */
.icon-angle-double-left:before { content: '\e821'; } /* '' */
.icon-angle-double-right:before { content: '\e822'; } /* '' */
.icon-angle-double-up:before { content: '\e823'; } /* '' */
.icon-angle-double-down:before { content: '\e824'; } /* '' */
.icon-mail:before { content: '\e825'; } /* '' */
.icon-location:before { content: '\e826'; } /* '' */
.icon-skype:before { content: '\e827'; } /* '' */
.icon-right-open-big:before { content: '\e828'; } /* '' */
.icon-left-open-big:before { content: '\e829'; } /* '' */
.icon-down-open-big:before { content: '\e82a'; } /* '' */
.icon-up-open-big:before { content: '\e82b'; } /* '' */
.icon-cancel:before { content: '\e82c'; } /* '' */
.icon-user:before { content: '\e82d'; } /* '' */
.icon-mail-alt:before { content: '\e82e'; } /* '' */
.icon-fax:before { content: '\e82f'; } /* '' */
.icon-lock:before { content: '\e830'; } /* '' */
.icon-company:before { content: '\e831'; } /* '' */
.icon-city:before { content: '\e832'; } /* '' */
.icon-post:before { content: '\e833'; } /* '' */
.icon-country:before { content: '\e834'; } /* '' */
.icon-calendar:before { content: '\e835'; } /* '' */
.icon-doc:before { content: '\e836'; } /* '' */
.icon-mobile:before { content: '\e837'; } /* '' */
.icon-clock:before { content: '\e838'; } /* '' */
.icon-chat:before { content: '\e839'; } /* '' */
.icon-tag:before { content: '\e83a'; } /* '' */
.icon-folder:before { content: '\e83b'; } /* '' */
.icon-folder-open:before { content: '\e83c'; } /* '' */
.icon-forward:before { content: '\e83d'; } /* '' */
.icon-reply:before { content: '\e83e'; } /* '' */
.icon-cog:before { content: '\e83f'; } /* '' */
.icon-cog-alt:before { content: '\e840'; } /* '' */
.icon-wrench:before { content: '\e841'; } /* '' */
.icon-quote-left:before { content: '\e842'; } /* '' */
.icon-quote-right:before { content: '\e843'; } /* '' */
.icon-gift:before { content: '\e844'; } /* '' */
.icon-dollar:before { content: '\e845'; } /* '' */
.icon-euro:before { content: '\e846'; } /* '' */
.icon-pound:before { content: '\e847'; } /* '' */
.icon-rupee:before { content: '\e848'; } /* '' */
.icon-yen:before { content: '\e849'; } /* '' */
.icon-rouble:before { content: '\e84a'; } /* '' */
.icon-try:before { content: '\e84b'; } /* '' */
.icon-won:before { content: '\e84c'; } /* '' */
.icon-bitcoin:before { content: '\e84d'; } /* '' */
.icon-ok:before { content: '\e84e'; } /* '' */
.icon-chevron-left:before { content: '\e84f'; } /* '' */
.icon-chevron-right:before { content: '\e850'; } /* '' */
.icon-export:before { content: '\e851'; } /* '' */
.icon-star:before { content: '\e852'; } /* '' */
.icon-star-empty:before { content: '\e853'; } /* '' */
.icon-plus-squared:before { content: '\e854'; } /* '' */
.icon-minus-squared:before { content: '\e855'; } /* '' */
.icon-plus-squared-alt:before { content: '\e856'; } /* '' */
.icon-minus-squared-alt:before { content: '\e857'; } /* '' */
.icon-truck:before { content: '\e858'; } /* '' */
.icon-lifebuoy:before { content: '\e859'; } /* '' */
.icon-pencil:before { content: '\e85a'; } /* '' */
.icon-users:before { content: '\e85b'; } /* '' */
.icon-video:before { content: '\e85c'; } /* '' */
.icon-menu:before { content: '\e85d'; } /* '' */
.icon-desktop:before { content: '\e85e'; } /* '' */
.icon-doc-inv:before { content: '\e85f'; } /* '' */
.icon-circle:before { content: '\e860'; } /* '' */
.icon-circle-empty:before { content: '\e861'; } /* '' */
.icon-circle-thin:before { content: '\e862'; } /* '' */
.icon-mini-cart:before { content: '\e863'; } /* '' */
.icon-paper-plane:before { content: '\e864'; } /* '' */
.icon-attention-alt:before { content: '\e865'; } /* '' */
.icon-info:before { content: '\e866'; } /* '' */
.icon-compare-link:before { content: '\e867'; } /* '' */
.icon-cat-default:before { content: '\e868'; } /* '' */
.icon-cat-computer:before { content: '\e869'; } /* '' */
.icon-cat-couch:before { content: '\e86a'; } /* '' */
.icon-cat-garden:before { content: '\e86b'; } /* '' */
.icon-cat-gift:before { content: '\e86c'; } /* '' */
.icon-cat-shirt:before { content: '\e86d'; } /* '' */
.icon-cat-sport:before { content: '\e86e'; } /* '' */
.icon-cat-toys:before { content: '\e86f'; } /* '' */
.icon-tag-line:before { content: '\e870'; } /* '' */
.icon-bag:before { content: '\e871'; } /* '' */
.icon-search-1:before { content: '\e872'; } /* '' */
.icon-plus:before { content: '\e873'; } /* '' */
.icon-minus:before { content: '\e874'; } /* '' */
.icon-search-2:before { content: '\e875'; } /* '' */
.icon-bag-1:before { content: '\e876'; } /* '' */
.icon-online-support:before { content: '\e877'; } /* '' */
.icon-shopping-bag:before { content: '\e878'; } /* '' */
.icon-us-dollar:before { content: '\e879'; } /* '' */
.icon-shipped:before { content: '\e87a'; } /* '' */
.icon-list:before { content: '\e87b'; } /* '' */
.icon-money:before { content: '\e87c'; } /* '' */
.icon-shipping:before { content: '\e87d'; } /* '' */
.icon-support:before { content: '\e87e'; } /* '' */
.icon-bag-2:before { content: '\e87f'; } /* '' */
.icon-grid:before { content: '\e880'; } /* '' */
.icon-bag-3:before { content: '\e881'; } /* '' */
.icon-direction:before { content: '\e882'; } /* '' */
.icon-home:before { content: '\e883'; } /* '' */
.icon-magnifier:before { content: '\e884'; } /* '' */
.icon-magnifier-add:before { content: '\e885'; } /* '' */
.icon-magnifier-remove:before { content: '\e886'; } /* '' */
.icon-phone-1:before { content: '\e887'; } /* '' */
.icon-clock-1:before { content: '\e888'; } /* '' */
.icon-heart:before { content: '\e889'; } /* '' */
.icon-heart-1:before { content: '\e88a'; } /* '' */
.icon-earphones-alt:before { content: '\e88b'; } /* '' */
.icon-credit-card:before { content: '\e88c'; } /* '' */
.icon-action-undo:before { content: '\e88d'; } /* '' */
.icon-envolope:before { content: '\e88e'; } /* '' */
.icon-chart:before { content: '\e88f'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-spinner:before { content: '\f110'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-sliders:before { content: '\f1de'; } /* '' */
.icon-check-empty:before { content: '\f87a'; } /* '' */
.icon-check:before { content: '\f87b'; } /* '' */

body.mobile-nav-shown .page{left:250px}
.mobile-nav .close-sidebar-menu {position: absolute;top:5px;right:5px;padding: 4px;z-index: 9;cursor: pointer;color: #fff;}
.mobile-nav .menu-all-pages-container {border-top: #242527 solid 1px;}
.mobile-nav-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:998;opacity:0;filter:alpha(opacity=0);visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
body.mobile-nav-shown .mobile-nav-overlay{opacity:.15;filter:alpha(opacity=15);visibility:visible}
.mobile-nav.side-block{position:fixed;top:0;left:-250px;z-index:999;width:250px;height:100%;overflow-y:scroll;-webkit-transition:all .3s;transition:all .3s;display:block!important;padding:0;}
body.mobile-nav-shown .mobile-nav.side-block{left:0;}
.mobile-nav.side-block .sw-mobile-menu li>a{background-color:transparent;color:#fff;border:0;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-nav.side-block .sw-mobile-menu>li:first-child>a{border:0}
.mobile-nav.side-block .sw-mobile-menu>li>ul li{background-color:transparent}
.mobile-nav.side-block .sw-mobile-menu li .open-child{background-color:transparent;color:#fff}
.mobile-nav.side-block .sw-mobile-menu li:hover>.open-child{color:#fff}
.mobile-nav.side-block .sw-mobile-menu li>.open-child:hover{background-color:transparent}
.mobile-nav.side-block .sw-mobile-menu li .open-child:after{content:"\e81c";font-family:"porto";font-size:15px;text-align:center;line-height:19px;background:transparent;opacity:1}
.mobile-nav.side-block .sw-mobile-menu li.over>.open-child:after{background:transparent;content:"\e81b"}
.mobile-nav .sw-mobile-menu > li > ul > li a{margin-left:10px;white-space:nowrap}
.mobile-nav .sw-mobile-menu > li > ul > li li a{margin-left:20px}
.mobile-nav .sw-mobile-menu > li > ul,.mobile-nav .sw-mobile-menu > li ul{width:100%}


@media (min-width:768px) and (max-width:991px) {
.offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;}
.offer-deal .item .content p{font-size: 16px;line-height: 25px;}
.offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
.catalog-product-view .col-main, .catalog-product-view .sidebar {width: 100%;}
}
@media (min-width:768px) {
.col2-left-layout .col-left.sidebar{padding-right:12px;-ms-flex-item-align: start;align-self: flex-start;}
.col2-left-layout .col-main{padding-left:12px;-ms-flex-item-align: start;align-self: flex-start;}
.col2-right-layout .col-right.sidebar{padding-left:12px;-ms-flex-item-align: start;align-self: flex-start;}
.col2-right-layout .col-main{padding-right:12px;-ms-flex-item-align: start;align-self: flex-start;}
.col3-layout .col-left.sidebar{padding-right:12px;-ms-flex-item-align: start;align-self: flex-start;}
.col3-layout .col-main{padding-left:12px;padding-right:12px;-ms-flex-item-align: start;align-self: flex-start;}
.col3-layout .col-right.sidebar{padding-left:12px;-ms-flex-item-align: start;align-self: flex-start;}
div.small-padding{padding-right:15px}
.md-f-right{float:right!important}
.md-order-6{-moz-order:6;-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}
.md-order-12{-moz-order:12;-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}
.product-tabs.vertical>ul{width:150px;float:left;bottom:0;right:-1px;text-align:right}
.product-tabs.vertical>ul li.active{border-top-color:#eee;border-left-color:#08c}
.product-tabs.vertical>ul li{float:none;border-radius:5px 0 0 5px;border-width:1px 0 1px 3px;margin-right:0;margin-bottom:1px}
.product-tabs.vertical .tab-content{min-height:250px;border-radius:0 3px 3px 0;margin-left:150px}
.category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,.category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,.category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,.category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,.category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,.category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,.category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,.category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,.category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,.category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,.category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area,.category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,.category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,.category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area,.category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,.category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area,.category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area{border-top-color:transparent}
}
@media (min-width:992px) {
.a-right-md{text-align:right}
.a-left-md{text-align:left}
.col-lg-6.col-lg-5-5{width:45%;z-index:1}
.col-lg-6.col-lg-6-5{width:55%}
.color-banner .col-lg-5-5.a-left h2{margin-left:-35%}
.color-banner .col-lg-5-5.a-right h2{margin-right:-20%}
.lg-order-12{-moz-order:12;-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}
body.mobile-nav-shown .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)}
body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:visible;opacity:.15;filter:alpha(opacity=15)}
body.mobile-nav-shown .page{left:0}
body.mobile-nav-shown.md-mobile-menu .page{left:250px}
body.mobile-nav-shown .mobile-nav.side-block{left:-250px}
body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:0}
.ajax-products > .category-detail{padding-left:100px}
}
@media (min-width:1280px) {
body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:-250px}
body.mobile-nav-shown.md-mobile-menu .page{left:0}
body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)}
}

#search_mini_form{display:inline-block;vertical-align:middle;margin-right:35px}.header .form-search{overflow:visible;border:1px
solid #ccc;border-radius:20px;position:relative;width:100%;min-width:250px;padding-right:170px;background-color:#fff}.header .form-search
label{float:left;width:24px;height:21px;text-align:left;text-indent:-999em;overflow:hidden;display:none}.header .form-search
#search{border:0;height:38px;background-color:transparent;padding:10px
15px;color:#999;width:100%;margin:0;font-size:13px;line-height:20px;border-radius:20px 0 0 20px}.header .form-search
#cat{margin:0;width:130px;height:38px;background-color:transparent;border:1px
solid #ccc;border-top:0;border-bottom:0;font-size:13px;line-height:34px;color:#777;padding:2px
0;padding-left:10px;position:absolute;right:40px;border-radius:0;-moz-appearance:none;-webkit-appearance:none}.header .form-search #cat
option{color:#000;background:#fff}.header .form-search
button.button{width:40px;height:38px;color:#777;background-color:transparent;font-size:14px;position:absolute;right:0;top:0;border-radius:0 20px 20px 0;padding-right:2px}.header .form-search .search-autocomplete{z-index:999}.header .form-search .search-autocomplete
ul{border:1px
solid #ddd;background-color:#fff}.header .form-search .search-autocomplete
li{text-align:left;padding:5px
10px;cursor:pointer;color:#777}.header .form-search .search-autocomplete li
.amount{float:right;font-weight:700}.header .form-search .search-autocomplete
li.odd{background-color:#fff}.header .form-search .search-autocomplete
li.selected{background-color:#f7f7f7}

.mobile-search {
    background-color: #555;
}
.mobile-search input[type="search"] {
    padding: 0.5em 1.2em 0.5em 0.5em;
    font-size: 0.9em;
    border: 0;
    background-color: #555;
    color: #fff;
}
.mobile-search .icon-search {
    color: #eee;
    padding-left: 0.7rem;
    padding-top: 0.4rem;
}

.mobile-region {
    padding: 0.5em 0.7em;
    color: #ccc;
}
.mobile-region a {
    color: #ccc;
    margin-left: 1em;
}
.mobile-region a:hover {
    text-decoration: none;
    color: #fff;
}

/* mobile menu: end */

/* navbar search for desktop: begin */

#navbarsearch {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s ease-out all;
    transition: 0.3s ease-out all;
    z-index: 5;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    padding: 0;
}

.desktop-search {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

.desktop-search .search-bar {
    white-space: nowrap;
    background-color: #eee;
    padding: 0.2em 0.5em;
    position: relative;
}
.desktop-search .search-bar:after {
    position: absolute;
    top: 0.37rem;
    left: 0.4rem;
    font-family: 'porto';
    content: '\e812';
    display: inline-block;
    width: 1em;
    text-align: center;
    font-size: 0.8em;
}

.desktop-search input[type="text"] {
    font-size: 0.9em;
    border: 0;
    background-color: #eee;
    color: #000;
    width: 100%;
    padding-left: 1.2em;
    outline: none;
}

.desktop-search .search-bar .icon-search {
}

.desktop-search .search-bar .dropdown-item .d-flex .img {
    max-width: 100px;
    max-height: 100px;
    padding-right: 0.8em;
}

.desktop-search .search-bar .dropdown-item.active {
    background-color: #f7f7f7;
    color: #333;
}

/* navbar search for desktop: end */

/* footer: begin */

.footer {
    background: #f7f7f7;
    padding-top: 3rem;
    font-size: 0.85714rem;
}

.footer-links {
    padding: 2em 1em 0 1em;
}

.footer .nav li {
    line-height: 2em;
    font-size: 1em;
    margin-left: 1.2em;
}

.footer h4 {
    cursor: pointer;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    color: #555;
}

.footer h4[data-toggle="collapse"]:before {
    content: '\f067';
    font-family: 'font awesome 5 pro';
    padding-right: 0.5em;
    font-size: 0.8em;
    position: absolute;
    right: 0;
}

.footer h4[aria-expanded="true"]:before {
    content: '\f068';
}

.footer-section {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.footer .footer-disclaimer {
    text-align: center;
}

.footer .nav-social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer .nav-social .nav-link {
    padding: 0 10px 0 0;
    margin-left: 0;
    margin-top: 1em;
}

.footer .nav-social h4 {
    margin-bottom: 0;
    line-height: inherit;
}

.footer .nav-social li {
    margin-left: 0;
}

.footer .region-row {
    margin-bottom: 0.9rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #ddd;
}

.footer .nav-region {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer .nav-region li {
    margin-left: 0;
    padding: 0 0.5rem;
}

.footer .nav-region li:first-child {
    padding-left: 0;
    margin-left: 0;
}

.footer .nav li.has-border {
    border-right: 1px solid #d7d7d7;
    margin-right: 0.5rem;
    padding-right: 1rem;
}


.footer .nav-region .flag-icon {
    margin-right: 0.5rem;
}

.footer .copyright {
    font-size: 0.8em;
    background: inherit;
    margin-top: 2em;
}

.footer .copyright .nav {
    border-top: 1px solid #ddd;
}

.footer .footer-brand img {
    max-height: 1.4em;
    margin-top: -2px;
}

.social-bar {
    margin-top: 1.5em;
}

.social-bar .social-inner {
    border-top: 1px solid #e7e7e7;
    padding-top: 1em;
}

.footer .social-row a:link,.footer .social-row a:hover,.footer .social-row a:visited {
    color: #000;
}

.social-bar .nav li {
    margin-left: 2em;
}

.social-bar .nav li:first-child {
    margin-left: 0;
}

@media (min-width: 576px) {
    .footer .collapse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .footer h4 {
        cursor: inherit;
        pointer-events: none;
        margin: 0.3em 0;
    }
    .footer h4:before {
        display: none;
    }
    .footer .footer-disclaimer {
        text-align: left;
    }
    .footer .nav li {
        margin-left: 0;
    }
    .footer .nav-social h4 {
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .footer .nav-region,.footer .nav-social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    .footer .nav-social .nav-link {
        margin-top: 0;
    }
}

/* footer: end */

/* region selector: begin */

.modal-region .modal-header {
    background-color: #555;
}

.modal-region .close {
    color: #fff;
    text-shadow: none;
}

.modal-region .modal-title {
    color: #fff;
}

.modal-region .modal-body {
    max-height: 70vh;
    overflow-y: auto;
    padding: 0;
}

.modal-region .region-header {
    cursor: pointer;
    padding: 0.5em 1em;
    background: #eee;
    margin: 0;
    position: relative;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    font-size: 0.9em;
}

.modal-region .region-header:after {
  content: '\e81c';
  font-family: "porto";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 25%;
  right: 15px;
  border-color: transparent;
  vertical-align: -0.01em;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  -webkit-transform-origin: 34% 65%;
  transform-origin: 34% 65%;
}

.modal-region .region-header.collapsed:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.modal-region .card {
    border: none;
    padding: 0;
}

.modal-region .card a {
    display: block;
    padding: 1em 1.5em;
    text-decoration: none;
}

.modal-region .card a:hover {
    background: #f7f7f7;
}

.modal-region .card .flag-col {
    text-align: right;
}

.modal-region .flag-icon {
    width: 2em;
    line-height: 1.5em;
}

.modal-region .card a .row{
    font-size: 0.8em;
    text-transform: uppercase;
}

#overlaycountries .continent {
    margin: 2em 0;
}

#overlaycountries .region-grid {
    margin: 1em 0;
}

/* region selector: end */

/***** main button style *****/

.btn {
  border-radius: 0;
}

.btn-white,.btn-red,.btn-ghost-white,.btn-alt,.btn-ghost-red {
    border-radius: 0;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-top: 0;
    padding: 0.5em 2em;
    text-transform: uppercase;
    transition: border 0.5s, color 0.5s, background 0.5s;
    -webkit-transition: border 0.5s, color 0.5s, background 0.5s;
    min-width: 180px;
}

.btn-white{
    border-width: 1px;
    border-color: #212121;
    color: #212121;
}
.btn-white:hover{
    background-color: #777;
    border-color: #777;
    color: #fff;}
.btn-red,.btn-red:link,.btn-red:visited,.btn-red:active,.btn-red:focus {
    border-width: 1px;
    background-color: #990000;
    border-color: #990000;
    color: #fff;
}
.btn-ghost-red,.btn-ghost-red:link,.btn-ghost-red:visited,.btn-ghost-red:active,.btn-ghost-red:focus {
    border-width: 1px;
    background-color: #ffffff;
    border-color: #990000;
    color: #900;
}
.btn-red:hover,.btn-ghost-red:hover {
    background-color: #770000;
    border-color: #770000;
    color: #fff;
}
.btn-alt,.btn-alt:link,.btn-alt:visited,.btn-alt:active,.btn-alt:focus{
    border-width: 1px;
    background-color: #555;
    border-color: #555;
    color: #fff;
}
.btn-alt:hover {
    background-color: #777;
    border-color: #777;
    color: #fff;
}
.btn-ghost-white,.btn-ghost-white:link,.btn-ghost-white:visited,.btn-ghost-white:focus {
    border-width: 2px;
    border-color: #eee;
    color: #fff;
    font-weight: bold;
}
.btn-ghost-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #333;}
.btn-wrap {
    white-space: normal;
}
.btn-red.sm,.btn-white.sm,.btn-ghost-white.sm,.btn-alt.sm,.btn-ghost-red.sm {
    font-size: 12px;
    min-width: auto;
    line-height: 30px;
    letter-spacing: 1px;
}

.btn-more:after {
  font-family: "font awesome 5 pro";
  font-weight: 100;
  content: '\f054';
  font-size: 0.8em;
  margin-left: 0.7em;
}

.btn-play {
    color: #fff;
    opacity: 0.75;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.btn-play:hover {
    opacity: 1;
    color: #fff;
}

.btn-book {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-color: #333;
    text-transform: uppercase;
    letter-spacing: 0;
}


.btn-book:hover{
    background-color: #900;
    border-color: #900;
    color: #fff !important;
}

/* tab navs: begin */

.nav-tabs.vs-tabs {
  border-bottom: 1px solid #ccc;
}

.nav-tabs.vs-tabs .nav-link {
  border: none;
}

.nav-tabs.vs-tabs .nav-link.active {
  border-bottom: 2px solid #900;
  color: #900;
  font-weight: bolder;
}

/* tab navs: end */

/* misc: begin */

.vs-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1001;
    background: #fff;
    display: none;
    overflow-y: scroll;
    padding: 1%;
}

.vs-overlay .close {
    text-indent: -9999px;
    background: transparent  no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1;
    float: right;
    margin: 10px 20px 0 0;
}

.vs-overlay .content {
    clear: both;
}

.bn-arpage-up {
    padding: .3em 0.8em;
    color: #fff;
    border: 1px solid rgba(255, 232, 118, 0.5);
    background-color: #900;
    border-radius: 10%;
}

#backtop {
    display: none;
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 1em;
    cursor: pointer;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

.sticky-sentinel {
  position: absolute;
  left: 0;
  right: 0; /* needs dimensions */
  visibility: hidden;
}

.sticky-sentinel_top {
  height: 56px;
  top: 0;
}

.sticky-sentinel_bottom {
  bottom: 0;
  /* height should match the top of the header when it's at the bottom of the
  intersection container. */
  height: calc(var(--header-height)   var(--default-padding));
}

/* misc: end */

/* foundation class overrides */

.page-item {
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.page-item .page-link {
  border-color: transparent;
}

.page-item.disabled .page-link {
  border-color: transparent;
}

.page-item .page-link.prev:before,.page-item.prev .page-link:before {
  content : '\f053';
  font-family: 'font awesome 5 pro';
  font-weight: 300;
  font-size: 1rem;
}

.page-item .page-link.next:before,.page-item.next .page-link:before {
  content : '\f054';
  font-family: 'font awesome 5 pro';
  font-weight: 300;
  font-size: 1rem;
}

.page-item.prev .page-link,.page-item.next .page-link {
  font-size: 0;
}

.pagination>li>a, .pagination>li>span {
    color: #900;
}

.pagination>li>a:hover, .pagination>li>span:hover {
    color: #900;
    text-decoration: underline;
    background-color: transparent;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,.pagination>.active>.page-link {
    color: #900;
    background-color: transparent;
    border-color: #700;
}

.slick-carousel .slick-prev,.slick-carousel .slick-next {
    position: absolute;
    top: 40%;
    height: 20%;
    width: 5%;
    padding: 2%;
    z-index: 1;
    opacity: 0.2;
}

.slick-carousel .slick-prev:hover,.slick-carousel .slick-next:hover {
    opacity: 1;
}

.slick-carousel .slick-prev {
    left: 0;
}

.slick-carousel .slick-prev:before {
    font-family: 'font awesome 5 pro';
    content:"\f053";
    font-weight: 300;
}

.slick-carousel .slick-next:before {
    font-family: 'font awesome 5 pro';
    content:"\f054";
    font-weight: 300;
}

@media (min-width: 768px) {
    .slick-carousel .slick-prev:before,.slick-carousel .slick-next:before {
        font-size: 64px;
    }
    .slick-carousel .slick-prev:before {
        margin-left: -0.25em;
    }
    .slick-carousel .slick-next:before {
        margin-left: -0.65em;
    }
    .vs-container.narrow {
        width: 760px;
    }
}

@media (max-width: 768px) {
    .slick-carousel .slick-prev,.slick-carousel .slick-next {
        top: 45%;
    }
    .slick-carousel .slick-prev:before {
        margin-left: 0
    }
    .slick-carousel .slick-next:before {
        margin-left: -10px;
    }
    .copyright > div {
        text-align: center;
    }
    .btn-white{
        font-size: 12px;
        line-height: 20px;
        min-width: 140px;
    }
}

@media (min-width: 992px) {
    .vs-vcenter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .vs-vcenter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.slick-carousel .slick-dots {
    position: static;
    margin-bottom: 0.5em;
    padding-top: 1em;
}

.slick-carousel .slick-dots li {
    margin: 0.25rem;
    color: #1c1c1c;
}

.slick-carousel .slick-dots li button:before {
    font-family: 'font awesome 5 pro';
    content: '\f111';
    font-size: 0.9rem;
    opacity: 1;
}

.slick-carousel .slick-dots li.slick-active button:before {
    font-family: 'font awesome 5 pro';
    content: '\f111';
    font-size: 0.8rem;
    font-weight: 900;
}
.slick-dots li button:before { color: #ccc;}


#ftsocial span.fa {
    display: inline-block;
    width: 1.3em;
}

.dropdown-menu > .active > a {
    background: #900;
    color: #fff;
}

@media (max-width: 768px) {
  .nav-item.dropdown {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .nav-item .dropdown-menu.show {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .nav-item .dropdown-menu.show > li > a {
    padding-left: 2.5em;
  }

  .nav-item .dropdown-menu.show > li.active > a {
    background-color: transparent;
    color: #000;
    font-weight: bold;
  }
}

/* compare panel: begin */

.panel-compare {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 0.9em !important;
    display: none;
}

.panel-compare .compare-tab {
    display: inline-block;
    padding: 0.5em 2em 0.3em 2em;
    background: #f7f7f7;
    width: auto;
    cursor: pointer;
    font-weight: bold;
    border-radius-top: 20px;
    -webkit-box-shadow: 0 -0.5em 1em -0.5em rgba(0,0,0,.5);
    box-shadow: 0 -0.5em 1em -0.5em rgba(0,0,0,.5);
    border-top: 1px solid rgba(0,0,0,.2);
    border-left: 1px solid rgba(0,0,0,.2);
    border-right: 1px solid rgba(0,0,0,.2);
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ffffff));
    background: linear-gradient(#f7f7f7, #ffffff);
}

.panel-compare .compare-content {
    background: #fff;
    -webkit-box-shadow: 0 -0.5em 0.5em -0.5em rgba(0,0,0,.5);
    box-shadow: 0 -0.5em 0.5em -0.5em rgba(0,0,0,.5);
    padding: 1em 0;
    z-index: -1;
}

.compare-content .compare-item {
    height: 18vh;
    white-space: nowrap;
    overflow: hidden;
}

.compare-content .compare-item.empty {
    display: table;
}

.compare-content .compare-item .photo a {
    display: block;
    margin: 0 auto;
}

.compare-content .compare-item .photo img {
    max-height: 10vh;
    width: auto;
}

.compare-content .compare-item.empty .photo {
    border: 1px dashed #ccc;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.compare-content .compare-item.empty .photo a {
    color: #999;
}

.compare-content .compare-item:hover a {
    color: #900;
}

.compare-content .compare-action .btn {
    min-width: 120px;
    padding: 0.5em 1em;
    line-height: 1.5em;
}

.compare-msg .alert {
    display: none;
}

/* compare panel: end */

/* compare overlay: begin */

body.modal-open {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.compare-table .header,.compare-table .group-row,.compare-table .specs-row,.compare-table .action-row {
    clear: both;
}

.compare-table .group-row h2 {
    padding: 2em 0 1em 0;
    font-size: 30px !important;
}

.compare-table .specs-row {
    padding: 0.5em 0;
}

.compare-table .divider {
    height: 1px;
    overflow: hidden;
    background-color: #900;
    margin: 2vw 15px;
}

.compare-table .header {
    text-align: center;
}

.compare-table .photo img {
    margin: 0 auto;
}

.compare-table .model-name {
    font-weight: bold;
    color: #900;
}

.compare-table .action-row {
    margin-top: 2em;
}

/* compare overlay: end */

/* boostrap 3 compatibility */

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.vs-container {
    max-width: 1600px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.col-xs-1 {
  width: 8.333333%;
}

.col-xs-2 {
  width: 16.666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.333333%;
}

.col-xs-5 {
  width: 41.666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.333333%;
}

.col-xs-8 {
  width: 66.666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.333333%;
}

.col-xs-11 {
  width: 91.666667%;
}

.col-xs-12 {
  width: 100%;
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none!important;
}

@media (min-width: 576px) {
  .col-sm-offset-1 {
      margin-left: 8.333333%;
  }
  .col-sm-offset-2 {
      margin-left: 16.666667%;
  }
  .col-sm-offset-3 {
      margin-left: 25%;
  }
  .col-sm-offset-4 {
      margin-left: 33.333333%;
  }
  .col-sm-offset-5 {
      margin-left: 41.666667%;
  }
  .col-sm-offset-6 {
      margin-left: 50%;
  }
  .col-sm-offset-7 {
      margin-left: 58.333333%;
  }
  .col-sm-offset-8 {
      margin-left: 66.666667%;
  }
  .col-sm-offset-9 {
      margin-left: 75%;
  }
  .col-sm-offset-10 {
      margin-left: 83.333333%;
  }
  .col-sm-offset-11 {
      margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md-offset-1 {
      margin-left: 8.333333%;
  }
  .col-md-offset-2 {
      margin-left: 16.666667%;
  }
  .col-md-offset-3 {
      margin-left: 25%;
  }
  .col-md-offset-4 {
      margin-left: 33.333333%;
  }
  .col-md-offset-5 {
      margin-left: 41.666667%;
  }
  .col-md-offset-6 {
      margin-left: 50%;
  }
  .col-md-offset-7 {
      margin-left: 58.333333%;
  }
  .col-md-offset-8 {
      margin-left: 66.666667%;
  }
  .col-md-offset-9 {
      margin-left: 75%;
  }
  .col-md-offset-10 {
      margin-left: 83.333333%;
  }
  .col-md-offset-11 {
      margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .vs-vcenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .col-lg-offset-1 {
      margin-left: 8.333333%;
  }
  .col-lg-offset-2 {
      margin-left: 16.666667%;
  }
  .col-lg-offset-3 {
      margin-left: 25%;
  }
  .col-lg-offset-4 {
      margin-left: 33.333333%;
  }
  .col-lg-offset-5 {
      margin-left: 41.666667%;
  }
  .col-lg-offset-6 {
      margin-left: 50%;
  }
  .col-lg-offset-7 {
      margin-left: 58.333333%;
  }
  .col-lg-offset-8 {
      margin-left: 66.666667%;
  }
  .col-lg-offset-9 {
      margin-left: 75%;
  }
  .col-lg-offset-10 {
      margin-left: 83.333333%;
  }
  .col-lg-offset-11 {
      margin-left: 91.666667%;
  }
  .col-lg-push-6 {
      left: 50%;
  }
  .col-lg-pull-6 {
      right: 50%;
  }
  .visible-lg {
      display: block!important;
  }
}

@media (max-width: 767px) {
  .visible-xs {
      display: block!important;
  }
}

@media (max-width: 991px) {
  .visible-sm {
      display: block!important;
  }
}

@media (max-width: 1199px) {
  .visible-md {
      display: block!important;
  }
}

/* navbar for vertical sites */

.navbar-subsite {
  font-size: 1rem;
  letter-spacing: 0.5px;
  padding: 1.5rem 15px;
  font-weight: 400;
}

.navbar-subsite .navbar-brand small {
    text-transform: uppercase;
}

.navbar-subsite span {
    font-size: 13px;
}

.navbar-subsite li.nav-item {
    padding: 0 .3rem;
}

.affix {
  position: fixed;
  top: 0;            /* wangne: 80px -> 55px for universal header */
  right: 0;
  left: 0;
  z-index: 999;
}

.affix.navbar {
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.025);
}

.affix.navbar-subsite { padding: .5rem 15px }

.block-when-sticky,.inline-block-when-sticky,.inline-when-sticky,.flex-when-sticky {
  display: none;
}

.affix.navbar .block-when-sticky {
  display: block;
}

.affix.navbar .inline-block-when-sticky {
  display: inline-block;
}

.affix.navbar .inline-when-sticky {
  display: inline;
}

.affix.navbar .flex-when-sticky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 991px) {
    .navbar .block-when-sticky {
    display: block;
    }

    .navbar .inline-block-when-sticky {
    display: inline-block;
    }

    .navbar .inline-when-sticky {
    display: inline;
    }

    .navbar .flex-when-sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }
}

/* site alert ticker */
.site-alert {
    padding: 10px 50px 13px 20px;
    position: relative;
    background: #30388f;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}
.site-alert a:link,.site-alert a:visited {
    color: inherit;
    text-decoration: underline;
}
.site-alert path {
    fill: #fff
}
.site-alert a:hover path {
    fill: #ccc
}
.site-alert .closebox {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 30px;
    height: 30px;
}
.site-alert .ticker-body {
    list-style: none;
    overflow: hidden;
    margin-bottom: 0;
}
.site-alert .ticker-body li {
    padding: 0 20px 0 10px;
    line-height: 1.5em;
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.site-alert .ticker-body li.active {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.bg-gray {
	background-color: #f3f3f3;
}

.banner-text {
    padding-left: 1.3em;
    margin-left: -1.3em;
    position: relative;
}

.banner-text:before {
    content: "";
    background-color: #900;
    position: absolute;
    top: 5%;
    left: 0;
    height: 90%;
    width: 1px;
}

.banner-text h1,.banner-text h2 {
    padding-top: 0;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #333;
    line-height: 1.3em;
}

.unsupported-browser {
    width: 100%;
    height: 100%;
    background-color: #900;
    color: #fff;
    text-align: center;
    z-index: 10001;
    padding: 1.5em 2em;
    display: none;
}

.unsupported-browser h3 {
    color: #fff;
}

.unsupported-browser a {
    color: #fff;
    text-decoration: underline;
}

/* faster youtube iframe player */
.vs-video-thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
}

.vs-video-outer .btn-play {
    display: block;
    color: #fff;
    position: absolute;
    font-weight: 700;
    top: 50%;
    left: 50%;
    opacity: 0.8;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-shadow: 0 0 10px rgb(0 0 0 / 30%);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.vs-video-outer:hover .btn-play {
    opacity: 1;
}

.yt-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.yt-video-noinfo {
    padding-top: 120px;
    -webkit-clip-path: inset(60px 0);
    clip-path: inset(60px 0);
    top: -60px;
    margin-bottom: -120px;
    pointer-events: none;
}

.yt-video iframe, .yt-video object, .yt-video embed, .yt-video .yt-video-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yt-carousel .yt-thumb {
    position: relative;
}

.yt-carousel .yt-thumb:hover {
    opacity: 0.75;
}

.yt-carousel .yt-thumb.playing:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 1;
}

.yt-carousel .yt-thumb.playing:after {
    content: "\f04b";
    font-family: 'font awesome 5 pro';
    font-weight: 100;
    position: absolute;
    text-align: center;
    font-size: 2.5em;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    pointer-events: none;
    z-index: 1;
}

.fb-customerchat-pre {
    margin: 0 12px;
    padding: 0;
    position: fixed;
    z-index: 2147483643;
    bottom: 24px;
    top: auto;
    height: 60px;
    width: 60px;
    border-radius: 29px;
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0 4px 12px 0;
    box-shadow: rgb(0 0 0 / 15%) 0 4px 12px 0;
    background: none;
    display: block;
    right: 12px;
}

.fb-customerchat-pre > strong {
    border-radius: 60px;
    background-color: #900;
    width: 60px;
    height: 60px;
    display: block;
    padding: 10px;
}

.fb-customerchat-pre > strong > .spinner-border {
    width: 40px;
    height: 40px;
}

/* form styles: begin */

.vs-lead-modal .modal-header {
    border-bottom: none;
}

.vs-lead-modal .modal-footer {
    border-top: none;
}

.form-group label {
    font-weight: bolder;
    font-size: 0.85em;
    margin-bottom: 0.35em;
}

.form-collapse-link {
    color: inherit;
    font-weight: bolder;
    font-size: 1.14286em;
}

.form-collapse-link::before {
    content: '\f13a';
    font-family: 'font awesome 5 pro';
    font-weight: 700;
    display: inline-block;
    margin-right: 0.5em;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.form-collapse-link[aria-expanded="true"]::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav.vs-pills-tabline {
    position: relative;
}

.nav.vs-pills-tabline::before {
    content: '';
    position: absolute;
    border-bottom: 1px #000 solid;
    width: 100%;
    height: 100%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    z-index: 0;
}

.nav.vs-pills .nav-item {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #fff;
    z-index: 1;
}

.nav.vs-pills .nav-item:first-child {
    border-left: 1px solid #000;
}

.nav.vs-pills .nav-link {
    font-weight: bolder;
    border-radius: 0;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav.vs-pills .nav-link.active {
    background-color: #000;
    border-radius: 0;
    font-weight: bold;
    color: #fff;
}

.nav.vs-pills.vs-red {
    border-color: #900;
}

.nav.vs-pills.vs-red .nav-item {
    border-top: 1px solid #900;
    border-bottom: 1px solid #900;
    border-right: 1px solid #900;
}

.nav.vs-pills.vs-red .nav-item:first-child {
    border-left: 1px solid #900;
}

.nav.vs-pills.vs-red .nav-link {
    color: #900;
}

.nav.vs-pills.vs-red .nav-link.active {
    background-color: #900;
    color: #fff;
}

.btn-state {
    display: none;
}
.btn-state-ready {
    display: inherit;
}

/* form styles: end */

/* cookie consent modal: begin */

.vs-consent-container {
    position: fixed;
    width: 440px;
    box-sizing: border-box;
    z-index: 99999999;
    border-radius: 6px;
    bottom: 40px;
    left: 40px;
    background-color: #fff;
    padding: 25px 26px 20px 26px;
    color: #212121;
    box-shadow: 0 -1px 10px 0 #acabab4d;
}

.vs-consent-container .close {
    position: absolute;
    top: 8px;
    right: 10px;
    content: 'x';
    color: #777;
    display: block;
    font-weight: normal;
}

.vs-consent-container .close:hover {
    color: #900;
}

.vs-consent-container .btn-red,.vs-consent-container .btn-white {
    min-width: auto;
}

@media (max-width: 440px) {
    .vs-consent-container {
        width: 100%;
        bottom: 0;
        left: 0;
    }
}

/* cookie consent modal: end */