/*
Theme Name: Vending
Theme URI: https://www.netgains.org/
Author: Netgains
Author URI: https://www.netgains.org/
Description:  Customized WordPress Theme
Version: 3.3.2
Text Domain: vending
*/


/* Custom Fonts */

@font-face {
  font-family: 'Urbanist Roman';
  src: url("/source/0c178a8a9ac818936add7f89ba8ccd3a/Urbanist-Light.ttf") format('truetype');
  src: url("/source/d74a21593272b7f085d65dfa9593e691") format('woff2'), url("/source/5a860d67fc52ef58dbd735adce5e5417/Urbanist-Light.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Urbanist Roman';
  src: url("/source/f5a6cdb0e9e506fcd5f0a8c498891e24/Urbanist-Thin.ttf") format('truetype');
  src: url("/source/aad91c706a495047bc04429b034e13de") format('woff2'), url("/source/1d5af881c8069b0aa9ef59031ea77a27/Urbanist-Thin.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Urbanist Roman';
  src: url("/source/da180729b822f1c415ec6997a48a5dd2/Urbanist-Regular.ttf") format('truetype');
  src: url("/source/86eb47e063a5797f45ce4b1c5aead4b7") format('woff2'), url("/source/89ed3a7278c345f18fbc935cf954b662/Urbanist-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Urbanist Roman';
  src: url("/source/db4f5a57d0eb94daf2537c68f8fbf258/Urbanist-SemiBold.ttf") format('truetype');
  src: url("/source/88def195cf28c0488f243089086d5c07") format('woff2'), url("/source/c85f00ef28c3df152cb500939912c777/Urbanist-SemiBold.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Urbanist Roman';
  src: url("/source/233433951a33acd97f95b64d9e02eb19/Urbanist-Bold.ttf") format('truetype');
  src: url("/source/2ab119d7503dc9c299085cd0e03fd5d6") format('woff2'), url("/source/8a6dff34913e6ad29ebc75b9bbe9c2b4/Urbanist-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Urbanist Roman';
  src: url("/source/455a7c639699b3be591113457f6e4a2b/Urbanist-ExtraBold.ttf") format('truetype');
  src: url("/source/5e5ef438c88313286014483cbabfd85c") format('woff2'), url("/source/f1ce2397de9c25b9eebccbba20b8ffcb/Urbanist-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Urbanist Roman';
  src: url("/source/47ca512f3b0d1b02546c3d2ac41767aa/Urbanist-Black.ttf") format('truetype');
  src: url("/source/5f00a09be34ef2a4e6c41d1249bea321") format('woff2'), url("/source/0c4b84605b398a0ea4a837066c521755/Urbanist-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

body {
  color: #0a0c0c;
  background: #fff;
  font-family: 'Urbanist Roman', sans-serif !important;
  font-weight: 400;
  letter-spacing: 1px;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

a {
  color: #bed630;
}

a:hover,
a:focus {
  color: #bed630;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
p,li
{
	  font-family: 'Urbanist Roman', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  width: 100%;
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
  letter-spacing: 0;
  font-family: 'Urbanist Roman', sans-serif !important;
}

h1 {
  font-size: 38px;
}

h2 {
  font-size: 30px;
  line-height: 1.25;
}

h3 {
  font-size: 24px ;
  line-height: 25px ;
}

h4 {
  font-size: 16px;
  line-height: 20px;
}

h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 15px !important;
}

h3.widget-title {
  font-size: 1.2rem;
}

.text-green {
  color: #c7ff4e;
}


/* Top Callout */

.top-call-wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.top-call-wrap .top-call-content {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  background: #bdd531;
  padding: 5px 20px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.top-call-wrap .top-call-content a,
.top-call-wrap .top-call-content a:hover,
.top-call-wrap .top-call-content a:focus {
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .top-call-wrap .top-call-content {
      font-size: 14px;
      padding: 3px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .top-call-wrap {
      position: relative;
      display: block;
      width: 100%;
  }
  .top-call-wrap .top-call-content {
      display: block;
      text-align: center;
      font-size: 14px;
      padding: 5px 15px;
  }
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.navbar {
  padding: 0;
  min-height: 90px;
}

.site-header {
  margin-bottom: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
  padding: 0;
}

.navbar-brand {
  padding: .75rem 0;
  height: auto;
}

.navbar-brand .logo {
  width: 300px;
}

.navbar-brand>a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand>a:visited,
.navbar-brand>a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 1199px) {
  .navbar-brand .logo {
      width: 240px;
  }
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.site-header .navbar-nav .nav-link {
  position: relative;
  color: #0a0c0c !important;
  padding: 1rem 0.7rem;
  font-weight: 500;
  font-size: 0.875rem;
  white-space: nowrap;
}

.site-header .navbar-nav .nav-item.btn-border {
  margin: .6rem .5rem .6rem .5rem;
}

.site-header .navbar-nav .nav-item:last-child.btn-border {
  margin-right: 0;
}

.site-header .navbar-nav .nav-item.btn-border a {
  border: 1px solid #838383 !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 18px;
  border-radius: 50px;
}

.site-header .navbar-nav .nav-item.btn-border a:before {
  position: relative !important;
}

.site-header .navbar-nav .active>.nav-link:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #bdd531;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

@media only screen and (max-width: 1199px) {
  .site-header .navbar-nav .nav-link {
      font-size: 0.8rem;
  }
}

@media only screen and (min-width: 992px) {
  .navbar .dropdown-menu-end {
      right: 0;
      left: auto;
  }
  .navbar .nav-item .dropdown-menu {
      display: block;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      margin-top: 0;
  }
  .navbar .dropdown-menu.fade-down {
      top: 80%;
      -webkit-transform: rotateX(-75deg);
              transform: rotateX(-75deg);
      -webkit-transform-origin: 0% 0%;
          -ms-transform-origin: 0% 0%;
              transform-origin: 0% 0%;
  }
  .navbar .dropdown-menu.fade-up {
      top: 180%;
  }
  .navbar .nav-item:hover .dropdown-menu {
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      opacity: 1;
      visibility: visible;
      top: 100%;
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
  }
}

@media only screen and (max-width: 991px) {
  .site-header .navbar-nav .nav-link {
      font-size: 14px;
      padding: 0.825rem 0;
  }
  .site-header .navbar-nav .nav-item.btn-border {
      margin: 0;
  }
  .site-header .navbar-nav .nav-item.btn-border a {
      border: 0 !important;
      padding: 0.8rem 0;
      border-radius: 0;
  }
  .site-header .navbar-nav .nav-item.btn-border a:before {
      position: absolute !important;
  }
}


/* Toggler */

.navbar-toggler {
  position: absolute;
  right: 0;
  top: 60px;
  background: none !important;
  border: none;
  padding: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
  outline: 0;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 26px;
  height: 2px;
  border-radius: 1px;
  margin: 5px 0 5px 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.navbar-light .navbar-toggler .icon-bar {
  background: #000000;
}

.navbar-toggler .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
      -ms-transform-origin: 10% 10%;
          transform-origin: 10% 10%;
}

.navbar-toggler .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
      -ms-transform-origin: 10% 90%;
          transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-menu {
  min-width: 12.500rem;
  min-width: 250px !important;
  border-radius: 0;
  border: 0;
  font-size: 14px;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  line-height: 1.2;
  white-space: normal;
  background: transparent;
  line-height: 1.6;
  border-left: 5px solid transparent;
  padding: .3rem 1rem;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #16181b;
  background-color: #f9ffe6;
  border-color: #bdd531;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .active .dropdown-item {
  background-color: #f9ffe6;
  border-color: #bdd531;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown-toggle::after {
  background-image: var(--wpr-bg-af126b21-c24c-4530-bd43-593512a6731b);
  border: 0;
  width: 8px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: 2px;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
      display: none;
  }
}

@media screen and (min-width: 769px) {
  .dropdown-menu li>.dropdown-menu {
      right: -9.875rem;
      top: 1.375rem;
  }
}

@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
      background: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none;
      margin: 0;
  }
  .dropdown-menu .dropdown-item:hover,
  .dropdown-menu .current_page_item .dropdown-item {
      background-color: none;
  }
}

/* Dropdown icon */
.dropdown .dropdown-icon{
  display: none;
  position: absolute;
  padding: 15px;
  background: transparent;
  right: 0;
  top: 8px;
}

.dropdown .dropdown-icon:before{
  -webkit-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
  background: #444;
  height: 2px;
  width: 16px;
  top: 14px;
  left: 7px;
  content: "";
  position: absolute;
}
.dropdown .dropdown-icon:after{
  -webkit-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
  background: #444;
  content: "";
  height: 16px;
  left: 14px;
  position: absolute;
  top: 7px;
  width: 2px;
}
.dropdown.show .dropdown-icon:after{
  -webkit-transform:rotate(-90deg);
      -ms-transform:rotate(-90deg);
          transform:rotate(-90deg);
}
.dropdown.show .dropdown-icon:before{
  -webkit-transform:rotate(-180deg);
      -ms-transform:rotate(-180deg);
          transform:rotate(-180deg);
}
.navbar .dropdown .dropdown-toggle .dropdown-icon{
  display:none;
}

@media(max-width:992px){
  .navbar .dropdown-toggle::after{
    display:none;
  }
  .navbar .dropdown .dropdown-toggle .dropdown-icon{
    display:block;
  }
  .navbar .dropdown .dropdown-menu .dropdown-item{
    white-space:pre-wrap;
  }
}

/* Post comment */ 

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
}
.section[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color: #eee;
  text-decoration: none;
}

.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}

.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on,
.byline,
.comments-link {
  color: #9a9a9a;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}

.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-item .gallery-columns-2 {
  max-width: 50%;
}

.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}

.gallery-item .gallery-columns-4 {
  max-width: 25%;
}

.gallery-item .gallery-columns-5 {
  max-width: 20%;
}

.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}

.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}

.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}

.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}


/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/

.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value>select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}


/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/

.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth .section {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}


/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/

.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop .section {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}


/* Slick slider */

.vend-slider {
  visibility: hidden;
}

.vend-slider.slick-initialized {
  visibility: visible;
}

.slick-eq-height .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.slick-eq-height .slick-slide {
  height: inherit !important;
}

.slick-actions {
  white-space: nowrap;
  width: 150px;
  margin: 0 0 0 auto;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}

.slick-actions.text-center {
  margin: 0 auto;
}

.slick-actions .v-slick-prev {
  float: left;
}

.slick-actions .v-slick-next {
  float: right;
}

.slick-actions .slick-counter {
  text-align: center;
  margin: 8px 0;
  float: center;
  display: inline-block;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 14px;
}

.slick-next,
.slick-prev {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  width: 20px;
  height: 34px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.slick-next img,
.slick-prev img {
  width: 100% !important;
  max-width: 100% !important;
}

.slick-next {
  right: 0;
  left: auto;
}


/* Form elements */

.form-control {
  border-radius: 0;
}

.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #0a0c0c;
}


/* Buttons */

.btn {
  font-size: 18px;
  font-weight: 700;
  padding: 8px 28px;
  border-radius: 50px;
  margin: 0;
  letter-spacing: 0;
  color: #0a0c0c;
}

.btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(199, 255, 78, .25);
          box-shadow: 0 0 0 0.2rem rgba(199, 255, 78, .25);
}

.btn-link {
  padding: 0;
  border-radius: 0;
  color: #000000 !important;
  font-weight: 600 !important;
/*   text-decoration: underline; */
	background-color: #bdd531 !important;
    padding: 10px 20px;
	border-radius:24px; margin-top:15px !important;
	border:1px solid #000;
}

.btn-link:hover,
.btn-link:focus {
  color: #1f3437;
/*   text-decoration: underline; */
  -webkit-box-shadow: none;
          box-shadow: none;
	background-color: #bdd531;
}

.btn-green {
  background-color: #bdd52f;
  color: #0a0c0c;
}

.btn-green:hover,
.btn-green:focus {
  background-color: #bdd52f;
  color: #0a0c0c;
}

/* .btn-arrow-dark:after {
  content: "";
  position: relative;
  background-image: url("/source/68edaecf0314333f64ff45e77c090a72/icon-arrow-right.png");
  width: 22px;
  height: 12px;
  float: right;
  margin: 7px 0 7px 7px;
}

.btn-arrow-light:after {
  content: "";
  position: relative;
  background-image: url("/source/a4456644f147dc04d8fee3db43a106b5/icon-arrow-right-white.png");
  width: 22px;
  height: 12px;
  float: right;
  margin: 7px 0 7px 7px;
} */

.btn-download:before {
  content: "";
  position: relative;
  background-image: var(--wpr-bg-171b07bd-1e08-4acb-8617-63fde0a827fa);
  width: 12px;
  height: 18px;
  float: left;
  margin: 5px 5px 5px 0;
}


/* Social icons */

.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.social-icons li {
  float: left;
  margin: 0 10px 10px 0;
}

.social-icons li .social-links {
  width: 50px;
  height: 50px;
  float: left;
  text-align: center;
  line-height: 53px;
  border-radius: 50px;
  background: #bed630;
  color: #1f201b;
  font-size: 22px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  text-decoration: none;
}

.social-icons .social-links:hover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  -ms-transform: rotate(360deg);
      transform: rotate(360deg);
}


/* Contact form 7 */

.wpcf7-form-control-wrap span,
.wpcf7-spinner {
  display: none;
}

.wpcf7-not-valid {
  border-color: #ff0000;
}

.wpcf7-form [class*='col-'] {
  margin-bottom: 15px;
}

.wpcf7-submit {
  margin-right: 30px;
  background-color: #bdd52f !important;
  color: #0a0c0c !important;
  border-color: #bdd52f !important;
}

.wpcf7-submit:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(199, 255, 78, .25) !important;
          box-shadow: 0 0 0 0.2rem rgba(199, 255, 78, .25) !important;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 13px;
  text-align: left;
  border: 0;
  border-left: 2px solid;
}


/* Bootstrap modal */

.modal .close {
  position: absolute;
  right: -12px;
  top: -12px;
  font-family: Arial;
  z-index: 999;
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  color: #c7ff4e;
  opacity: 1;
  background: #000;
  border: 1px solid;
  width: 25px;
  height: 25px;
  border-radius: 22px;
  text-shadow: none;
  text-align: center;
}

.modal.show .modal-centered {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  top: 50%;
  margin: 0 auto;
}

.modal .close:not(:disabled):not(.disabled):focus,
.modal .close:not(:disabled):not(.disabled):hover {
  outline: none;
  color: #c7ff4e;
  opacity: 1;
}


/* Video modal */

.modal-video .modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-video .modal-body {
  position: relative;
  padding: 0px;
}


/* Section */

.section {
  position: relative;
  margin: 0 auto;
  padding: 60px 0;
  overflow: hidden;
  width: 100%;
}

.section-light {
  background-color: #fafbfc;
}

.section-green {
  background-color: #cde447;
}

.section-dark {
  background-color: #1d1d1d;
  color: #ffffff;
}

.section-title h1,
.section-title h2 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 40px;
}

.section-title h1 span,
.section-title h2 span {
  color: #c7ff4e;
}

@media only screen and (max-width: 991px) {
  .section-title h1,
  .section-title h2 {
      font-size: 34px;
  }
}

@media only screen and (max-width: 768px) {
  .section-title h1 br,
  .section-title h2 br {
      display: none;
  }
    .section-hero .hero-title{max-width:90%;}
}

.title-green {
  color: #c7ff4e;
  border-bottom: 1px solid;
  padding: 0 0 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}


/* Section banner */

.section-banner {
  position: relative;
  padding: 60px 0;
  color: #ffffff;
  background-color: #181818;
  min-height: 80%;
  min-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 60px 0 40px;
  color: #ffffff;
  background-color: #181818;
}

.section-banner .banner-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.section-banner .banner-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
}


/* Home Slider */

.section-hero {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  min-height: calc(100% - 124px);
  /*  */
  min-height: calc(100vh - 124px);
  /* */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 60px 0 40px;
  color: #ffffff;
  background-color: #181818;
}

.section-hero .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.section-hero .hero-sub {
  background: #393939;
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
  font-style: italic;
  display: inline-block;
  margin: 0;
}

.section-hero .hero-title {
  margin: 10px 0 20px 0;
  padding: 0;
  color: #ffffff;
  font-size: 54px;
}

.section-hero .hero-lead {
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: 300;
}

.section-hero .hero-buttons {
  display: block;
  clear: both;
  overflow: hidden;
}

.section-hero .btn {
  float: left;
  margin: 5px 5px 0 0;
}

.section-hero .btn-link {
  padding: 8px 28px;
}

.section-hero .btn-link,
.section-hero .btn-link:hover,
.section-hero .btn-link:focus {
  color: #ffffff;
}

.section-hero .hero-features {
  margin-top: 80px;
  padding-top: 40px;
  border-top: 1px solid #414141;
  text-align: center;
  max-width: 530px;
}

.section-hero .hero-features a,
.section-hero .hero-features a:hover,
.section-hero .hero-features a:focus{
  color: #ffffff;
}

.section-hero .hero-features img {
  max-height: 60px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
  .section-hero .hero-title {
      font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .section-hero .hero-features {
      margin-top: 40px;
      padding-top: 40px;
  }
  .section-hero .hero-slider {
      margin-top: 40px;
  }
}


/* Rating section */

.section-rating {
  padding: 40px 0;
  background-color: #fcfcf9;
}

.section-rating .rating-title {
  font-size: 28px;
  font-weight: 500;
  margin: 0 0 20px;
  padding: 0; line-height: 40px !important;
}

.section-rating .rating-stars {
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.section-rating .rating-stars i {
  float: left;
  margin-right: 3px;
  font-size: 18px;
  color: #1f3437;
}

.section-rating .rating-stars .rating-stars-text {
  float: left;
  margin: 0 6px;
}

.section-rating .rating-quote {
  font-family: 'Playflare Display', serif;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 20px;
}

.section-rating .rating-logos .rating-logo-col {
  margin: 20px 0 0 0;
}

@media only screen and (max-width: 768px) {
  .section-rating .rating-right {
      margin-top: 40px;
  }
  .section-rating .rating-quote {
      font-size: 26px;
      line-height: 32px;
  }
}


/* Section Product Slider */

.section-pslide .section-title {
  margin: 0 0 40px;
}

.section-pslide .section-title h2 {
  margin: 0 0 20px;
}

.section-pslide .product-slider .ps-col {
  padding: 40px 40px;
}

.section-pslide .product-slider img {
  /*max-width: 180px;*/
  max-height: 300px;
}

.section-pslide .ps-badge {
  position: relative;
  padding: 5px 10px;
  background: #bdd530;
  display: inline-block;
  color: #24292e;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin: 0 15px 15px 15px;
}

.section-pslide .ps-badge:before,
.section-pslide .ps-badge:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  border: 15px solid #bdd530;
}

.section-pslide .ps-badge:before {
  left: -15px;
  border-right-width: 0;
  border-left-color: transparent;
}

.section-pslide .ps-badge:after {
  right: -15px;
  border-left-width: 0;
  border-right-color: transparent;
}

.section-pslide .product-slider h2 {
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 20px;
}

.section-pslide .product-slider p {
  margin: 0 0 20px;
}

.section-pslide .product-slider .ps-col-dark h2,
.section-pslide .product-slider .ps-col-dark h2 a,
.section-pslide .product-slider .ps-col-dark .btn {
  color: #ffffff;
}
.section-pslide .product-slider .ps-col-light h2,
.section-pslide .product-slider .ps-col-light h2 a{
  color: inherit;
}

.section-pslide .product-slider .ps-col-dark {
  background-image: -o-linear-gradient(325deg, #181818 0%, #3e3e3e 100%);
  background-image: linear-gradient(125deg, #181818 0%, #3e3e3e 100%);
  color: #dfdfdf;
}

.section-pslide .product-slider .ps-col-light {
  background-image: -o-linear-gradient(325deg, #ededed 0%, #dddbd5 100%);
  background-image: linear-gradient(125deg, #ededed 0%, #dddbd5 100%);
  color: inherit;
}

@media only screen and (max-width:991px) {
  .section-pslide .product-slider img {
      margin-bottom: 20px;
  }
  .section-pslide .product-slider .ps-col {
      padding: 30px;
  }
}


/* Video section */

.section-video .banner-image {
  background-position: center bottom;
}

.section-video .section-title h2 {
  margin: 0;
}

.section-video .video-play {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}

.banner-video {
  position: relative;
}

.banner-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .section-video .video-play {
      position: relative;
      display: block;
      clear: both;
      top: 0;
      -webkit-transform: initial;
          -ms-transform: initial;
              transform: initial;
      margin: 0 auto 40px auto;
  }
}


/* Source section */

.section-source .source-image-main {
  background-image: var(--wpr-bg-8572683b-92cd-4fd4-a1e5-22b5d3f10740);
  min-height: 450px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0 10px;
}

.section-source .source-images {
  margin-top: 10px;
}

.section-source .source-images .source-image {
  background-image: var(--wpr-bg-68a650f5-50d8-4cc7-a096-ec556271f059);
  padding: 0;
  background-size: cover;
  background-position: top center;
  max-width: 100%;
  min-height: 120px;
  margin: 10px;
}

.section-source .source-images h4 {
  margin: 10px 0 10px 0;
}

.section-source .source-right {
  padding: 30px;
}

.section-source .section-title h2 {
  margin-bottom: 16px;
}

@media only screen and (max-width: 991px) {
  .section-source .source-image-main {
      min-height: 300px;
  }
  .section-source .source-images .source-image {
      min-height: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .section-source .source-image-main {
      min-height: 350px;
  }
  .section-source .source-images .source-image {
      min-height: 80px;
  }
  .section-source .source-right {
      padding: 30px 26px 30px 26px;
  }
}


/* Section finance */

.section-finance .finance-tiles .ft-col {
  padding: 30px 60px 60px 60px;
}

.section-finance .finance-tiles img {
  margin: 0 0 15px;
  max-height: 120px;
}

.section-finance .finance-tiles h2 {
  font-size: 40px;
  margin: 0 0 15px;
}

.section-finance .finance-tiles .ft-col-dark {
  background-color: #f0f0f0;
}

.section-finance .finance-tiles .ft-col-light {
  background-color: #fafafa;
}

@media only screen and (max-width: 991px) {
  .section-finance .finance-tiles h2 {
      font-size: 34px;
  }
  .section-finance .finance-tiles img {
      max-height: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .section-finance .finance-tiles .ft-col {
      padding: 20px;
  }
}


/* Section icon box */

.section-icon-box .icon-box {
  display: table;
  table-layout: auto;
  width: 100%;
  margin: 10px 0;
}

.section-icon-box .icon-box .icon-image {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  min-width: 70px;
  height: auto;
}

.section-icon-box .icon-box.ib-60 .icon-image {
  width: 60px;
  min-width: 60px;
}

.section-icon-box .icon-box h3 {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px !important;
  line-height: 22px;
  margin: 0;
  padding-left: 15px;
}

.source_desc p{line-height: 24px;
  padding-top: 10px;}

/* Line slider */

.line-slider:before {
  content: "";
  position: absolute;
  top: -40px;
  bottom: 0;
  left: -130px;
  right: 0;
  background-image: var(--wpr-bg-85391eed-0139-4133-b1f0-e8bea88c40cc);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}

.line-slider h2 {
  font-size: 19px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.line-slider h2 a{
  color: inherit;
}

.line-slider p {
  margin: 0 0 20px;
}

.line-slider img {
  max-width: 300px;
  max-height: 320px;
}

.section-line-slider .slick-actions {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: auto;
  bottom: -45px;
}

.list-slider-index ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.list-slider-index ul li {
  font-weight: 800;
  padding: 5px 0;
  color: #99a2a2;
  cursor: pointer;
}

.list-slider-index ul li.active {
  color: #24292e;
}

.list-slider-index ul li span {
  min-width: 25px;
  float: left;
  display: inline-block;
  margin-right: 15px;
}

.list-slider-index ul li.active span {
  color: #bdd52f;
  letter-spacing: 3px;
}

@media only screen and (max-width: 991px) {
  .line-slider h2 {
      margin-top: 20px;
  }
  .section-line-slider .slick-actions {
      position: relative;
      margin-top: 20px;
      bottom: 0;
  }
}


/* section faqs */

.section-faqs {
  overflow: initial;
}

.section-faqs .faq-left {
  position: relative;
  overflow: hidden;
}

.section-faqs .faqs-right {
  padding: 60px 30px;
}

.section-faqs .faq-image {
  position: relative;
  margin-top: 20px;
  width: 100%;
  max-width: 100%;
}

.section-faqs .section-title h2 {
  font-size: 34px;
  font-weight: 800;
}

.section-faqs .faqs-home .card {
  border: 0;
  border-top: 1px solid #bcdddd;
  border-radius: 0 !important;
}

.section-faqs .faqs-home .card:last-child {
  border-bottom: 1px solid #bcdddd;
}

.section-faqs .faqs-home .card-header {
  border: 0;
  padding: 15px 15px 15px 30px;
  border-radius: 0 !important;
  background-color: transparent;
}

.section-faqs .faqs-home .card .card-link {
  position: relative;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  font-size: 18px;
  margin: 0; cursor: pointer;
}

.section-faqs .faqs-home .card .card-link[aria-expanded="true"] {
  color: #b2e41d !important;
}

.section-faqs .faqs-home .card .card-link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: -25px;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  background-image: var(--wpr-bg-5aa59d9c-50cb-4da1-8234-23f57ef3e82f);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.section-faqs .faqs-home .card .card-link[aria-expanded="true"]:before {
  background-image: var(--wpr-bg-61a28b93-8492-44cc-a4ac-d4936e27f2a4);
}

.section-faqs .faqs-home .card-body {
  padding: 0 15px 15px 30px;
}

.section-faqs .faqs-home .card-body a {
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  .section-faqs .faq-image {
      margin-top: 15px;
      max-width: 300px;
  }
  .section-faqs .faqs-right {
      padding: 30px 16px 60px 16px;
  }
}

@media only screen and (max-width: 1200px) {
  .section-faqs .faqs-home .card .card-link {
      font-size: 16px;
  }
  .section-faqs .faqs-right {
      padding: 60px 15px;
  }
}


/* Award section */

.section-award {
  background-color: #f5f5f5;
}

.section-award .award-image {
  position: absolute;
  top: 0;
  left: 43%;
  right: 0;
  bottom: 0;
  width: auto;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 768px){
  .section-award .award-image{
    display: none;
  }
}


/* Page header */

.section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 60px 0;
  min-height: 360px;
  color: #ffffff;
  background-color: #181818;
}

.section-header .header-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.section-header .header-product {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: auto;
  right: 0;
  max-width: 400px;
  -webkit-transform: rotate(-8.4deg) translateY(-50%);
      -ms-transform: rotate(-8.4deg) translateY(-50%);
          transform: rotate(-8.4deg) translateY(-50%);
}

.section-header .header-title {
  margin: 0 0 20px 0;
  padding: 0;
  color: #ffffff;
  font-size: 54px;
}

.section-header .header-lead {
  margin: 0;
  font-size: 20px !important; line-height: 30px !important;
  font-weight: 300;
}

@media only screen and (max-width: 991px) {
  .section-header .header-product {
/*       right: -30%; */
  }
  .section-header .header-title {
      font-size: 36px;
  }
  .section-header .header-lead {
      font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .section-header .header-product {
/*       display: none; */
  }
}


/* Product listing */

.listing-grid .lg-col {
  margin: 16px 0;
}

.listing-grid .lg-inner {
  display: block;
  position: relative;
  padding: 40px;
  height: 100%;
}

.listing-grid img {
  max-width: 180px;
  max-height: 300px;
}

.listing-grid .lg-inner-dark {
  background-image: -o-linear-gradient(325deg, #181818 0%, #3e3e3e 100%);
  background-image: linear-gradient(125deg, #181818 0%, #3e3e3e 100%);
  color: #dfdfdf;
}

.listing-grid .lg-inner-light {
  background-image: -o-linear-gradient(325deg, #ededed 0%, #dddbd5 100%);
  background-image: linear-gradient(125deg, #ededed 0%, #dddbd5 100%);
  color: inherit;
}

.listing-grid h2 {
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 20px;
}

.listing-grid .lg-inner-dark h2,
.listing-grid .lg-inner-dark h2 a,
.listing-grid .lg-inner-dark .btn {
  color: #fff;
}

.listing-grid .lg-inner-light h2,
.listing-grid .lg-inner-light h2 a{
  color: inherit;
}

.listing-grid p {
  margin: 0 0 20px
}

@media only screen and (max-width: 991px) {
  .listing-grid .lg-inner {
      padding: 30px;
  }
  .listing-grid img {
      margin-bottom: 20px;
  }
}


/* Product banner */

.product-single .single-left {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 40px 40px 40px;
  color: #ffffff;
}

.product-single .single-image-wrap {
  position: relative;
  margin: 0 auto;
  width: auto;
  /*max-width: 320px;*/
  display: inline-block;
}

.product-single .single-image-wrap img{
  max-height: 550px;
}

.product-single .single-made-in {
  display: table;
  position: absolute;
  right: -125px;
  top: -25px;
  width: 160px;
  max-width: 160px;
}

.product-single .single-made-in img {
  display: table-cell;
  vertical-align: middle;
  border: 5px solid #fff;
  border-radius: 50px;
  background-color: #ffffff;
  width: 70px;
  max-width: 70px;
  height: auto;
}

.product-single .single-made-in p {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 15px;
}

.product-single .single-slider {
  max-width: 500px;
  margin: 0 auto;
}

.product-single .single-slider .slick-next {
  right: -25px;
}

.product-single .single-slider .slick-prev {
  left: -25px;
}

.product-single .single-slider-thumbs {
  margin: 15px auto 0 auto;
  max-width: 400px;
}

.product-single .single-thumb {
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-height: 80px;
  margin: 0;
  border: 2px solid #ababab;
  background-size: cover;
  background-position: center center;
}

.product-single .single-right {
  background-color: #efefef;
  padding: 20px 15px 0px 40px;
}

.product-single .single-right .container {
  max-width: 520px;
  margin: 0 auto 0 0;
}

.product-single .section-title h1 {
  margin: 0 0 10px;
}

.product-single p {
  margin: 0 0 10px;
}

.product-single .single-sub-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
}

.product-single .single-sub-title a {
  color: #0a0c0c;
}

.product-single .single-desc {
  margin: 0;
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  -webkit-transition: height .5s;
  transition: height .5s; 
}
.product-single .single-desc.collapse:not(.show) {
  display: block;
  height: 7.5rem;
  overflow: hidden;
}
.product-single .single-desc.collapsing {
  height: 4.5rem;
}
.product-single .single-desc-more{
  overflow: hidden;
  display: block;
  clear: both;
  position: relative;
}
.product-single .single-desc-more.collapsed::after {
  content: '+ Read More';
  float:right;
  font-weight:bold;
}
.product-single .single-desc-more:not(.collapsed)::after {
  content: '- Read Less';
	 font-weight:bold;
	float:right;
}

.product-single .single-tabs {
  margin: 30px 0 15px 0;
}

.product-single .single-tabs .nav-tabs {
  border: 0;
}

.product-single .single-tabs .nav-link {
  border: 1px solid #bdbdbd;
  border-radius: 0;
  margin-left: -1px;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  color: #0a0c0c;
}

.product-single .single-tabs .nav-tabs .nav-item.show .nav-link,
.product-single .single-tabs .nav-tabs .nav-link.active {
  border-bottom: 0;
}

.product-single .single-tabs .tab-content {
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #bdbdbd;
  margin: -1px 0 0 -1px;
}

.product-single .single-tab-images .single-tab-image {
  padding: 0;
  max-width: 100%;
  min-height: 143px;
  margin: 0;    
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.product-single .single-tab-images h4 {
  font-size: 14px;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.product-single .single-tab-images .sti-col{
  padding: 0 10px;
}

.product-single .single-tab-images .slick-next, 
.product-single .single-tab-images .slick-prev{
  width: 10px;
  height: 25px;
  top: 35%;
}
.product-single .single-tab-images .slick-next{
  right: -10px;
}
.product-single .single-tab-images .slick-prev{
  left: -10px;
}


@media only screen and (max-width: 991px) {
  .product-single .single-right{
    padding: 60px 15px 45px 15px;
  }
  .product-single .single-right .container{
    max-width: 100%;
  }
  .product-single .single-right .wpcf7-submit{
    margin-bottom: 15px;
  }
  .product-single .single-tab-images .single-tab-image {
    min-height: 60px;
  }
  .product-single .single-tab-images h4{
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media only screen and (max-width: 768px) {
  .product-single .single-tab-images .single-tab-image {
      min-height: 120px;
  }
}
@media only screen and (max-width: 575px) {
  .product-single .single-tab-images .single-tab-image {
      min-height: 90px;
  }
  .product-single .single-tabs .nav-link{
    display: block;
    width: 50%;
    margin: 0;
  }
}


/* Product features section */

.single-features {
  overflow: visible;
}

.single-features .section-title h2 {
  margin-bottom: 30px;
}

.single-features .features-list {
  padding: 0 0 0 18px;
  margin: 0;
}

.single-features .features-image {
  position: relative;
  display: inline-block;
  margin: 0 auto -115px;
  max-width: 320px;
  z-index: 1;
}

.single-features .features-image img{
  max-height: 550px;
}

.single-features .features-point {
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  color: #0a0c0c !important;
  text-decoration: none;
  border-radius: 28px;
  opacity: .8;
  -webkit-filter: drop-shadow(0 0 28px #000000);
          filter: drop-shadow(0 0 28px #000000);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.single-features .features-point.show {
  background-color: #c7ff4e;
}

.single-features .features-point:after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #ffffff;
  opacity: .8;
}

.single-features .features-point.show:after {
  border-color: #c7ff4e;
}

.features-popover {
  border-radius: 20px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  max-width: 320px;
  border-color: #c7ff4e;
  background-color: #ffffff;
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
  border-bottom-color: #c7ff4e;
}

.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
  border-top-color: #c7ff4e;
}

.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
  border-top-color: #c7ff4e;
}

.features-popover .popover-body {
  display: table;
  padding: .5rem;
}

.features-popover .features-over-image {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  height: 60px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.features-popover .features-over-content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

@media only screen and (max-width: 768px) {
  .single-features .features-image{
    margin-top: 40px;
  }
}


/* Single Benefit */

.single-benifit {
  padding: 70px 0 60px 0;
  background-color: #f8f8f8;
}


/* Specification table */
.single-spec .spec-table{
  margin: 0 15px;
}
.single-spec .spec-table .spec-head {
  background-color: #f8f8f8;
  font-weight: bold;
}

.single-spec .spec-table [class*='col-'] {
  border-top: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  margin-bottom: -1px;
  padding: 10px 20px;
}

.single-spec .spec-table [class*='col-']:first-child {
  border-left: 1px solid #ababab;
}

@media only screen and (max-width: 768px) {
  .single-spec .spec-table [class*='col-']{
    border: 1px solid #ababab;
  }
}


/* Product video */

.single-video .video-play {
  left: 30%;
}

@media only screen and (max-width: 768px) {
  .single-video .video-play {
      left: 0;
  }
}


/* Extra features */

.ext-features .features-list {
  padding: 0 0 0 18px;
  margin: 0;
  font-style: italic;
}

.ext-features .ext-features-image {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 0;
  right: 0;
  width: 380px;
  max-width: 100%;
  -webkit-transform: rotate(0deg) translateY(-50%);
      -ms-transform: rotate(0deg) translateY(-50%);
          transform: rotate(0deg) translateY(-50%);
}

.ext-features .ext-features-image:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -80%;
  background-image: var(--wpr-bg-f725d5b6-86bc-4e47-86d8-c1aefca3938c);
  background-repeat: no-repeat;
  background-size: 284px 286px;
  background-position: center center;
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  .ext-features .ext-features-image {
      display: none;
  }
}


/* Related products */

.related-products {
  background-color: #efefef;
}

.related-products .related-inner {
  background: #ffffff;
  padding: 30px;
  height: 100%;
}

.related-products .related-inner a,
.related-products .related-inner a:hover,
.related-products .related-inner a:focus {
  color: #0a0c0c;
}

.related-products .related-inner img {
  max-height: 300px;
}

.related-products .related-inner h3 {
  font-size: 18px;
  line-height: 23px;
  font-weight: bold;
  text-align: center;
  margin: 15px 0 0 0;
}


/* Section callout */

.section-call-1 {
  background-color: #dddedf;
  padding: 15px 0;
}

.section-call-1 .section-title h2 {
  font-size: 26px;
  color: #212121;
  font-weight: 500;
  margin: 0;
}

.section-call-1 .btn {
  margin: 15px 0;
}

.section-call-2 {
  position: relative;
  background-color: #cde446;
  padding: 20px 0;
}

.section-call-2:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60%;
  background-image: var(--wpr-bg-961a3404-d7c3-4dab-9b5f-439fb04b09fb);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}

.section-call-2 .section-title h2 {
  font-size: 36px;
  letter-spacing: -1px;
  margin: 0;
}

.section-call-2 .call-2-box {
  display: table;
  table-layout: auto;
  width: auto;
  margin: 0 auto;
}

.section-call-2 .call-2-box img {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  min-width: 70px;
}

.section-call-2 .call-2-box h3 {
  display: table-cell;
  vertical-align: middle;
  font-size: 26px;
  margin: 0;
  padding: 15px 0 15px 15px;
}

.section-call-2 .call-2-box a,
.section-call-2 .call-2-box a:hover,
.section-call-2 .call-2-box a:focus {
  color: #0a0c0c;
}

@media only screen and (max-width: 768px) {
  .section-call-2 .section-title h2 br {
      display: none;
  }
  .section-call-2:before {
      width: 98%;
  }
}


/* Footer */

.site-footer {
  padding: 60px 0 44px 0;
  background-color: #1f201b;
  color: #ffffff;
}

.site-footer .logo-footer {
  max-height: 70px;
}

.site-footer .widget {
  margin: 0;
}

.site-footer .footer-top h3 {
  font-size: 22px;
  letter-spacing: 0.5px;
  color: #ffffff;
  font-weight: 500;
  margin: 16px 0 32px 0;
}

.site-footer .footer-top input[type="email"] {
  width: 90%;
  background-color: transparent;
  border: 0;
  padding: 15px 40px 15px 0;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.site-footer .footer-top input[type="email"]:-webkit-autofill,
.site-footer .footer-top input[type="email"]:-webkit-autofill:focus {
  background-color: transparent;
  color: #fff;
}

.site-footer .footer-top input[type="email"]:focus {
  outline: none;
}

.site-footer .footer-top input[type="submit"] {
  background-image: var(--wpr-bg-887bbc7f-b8ed-4f9e-9d63-6c7009decf2e);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  width: 22px;
  height: 12px;
  margin: -6px 0 0 -30px;
  padding: 0;
  font-size: 0;
  vertical-align: middle;
}

.site-footer .footer-links {
  padding: 44px 0 60px 0;
  font-size: 14px;
}

.site-footer .footer-links .widget-title {
  font-size: 14px !important;
  letter-spacing: 0.5px;
  color: #898989;
  font-weight: bold;
  text-transform: uppercase;
  margin: 16px 0 8px 0;
}

.site-footer .footer-links .nav>li {
  padding: 8px 0;
}

.site-footer .footer-links .nav>li>a {
  display: inline-block;
  color: #ffffff;
  letter-spacing: 0.5px;
  padding: 0;
  border-bottom: 1px solid transparent;
}

.site-footer .footer-links .nav>li>a:focus,
.site-footer .footer-links .nav>li>a:hover {
  background-color: transparent;
  color: #bdd52f;
  border-color: #bdd52f;
}

.site-footer .footer-collapse{
  display: none;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #898989 !important;
}

.site-footer .logo-footer {
  width: 300px;
}

.site-footer .footer-copyright {
  color: #9d9d9d;
  font-size: 14px;
}

.site-footer .footer-copyright a,
.site-footer .footer-copyright a:hover,
.site-footer .footer-copyright a:focus {
  color: #9d9d9d;
}

@media only screen and (max-width: 991px) {
  .site-footer .logo-footer {
      width: 240px;
  }
}

@media only screen and (max-width: 768px) {
  .site-footer .logo-footer {
      margin: 0 auto 15px auto;
  }
.section-hero .hero-title{font-size:24px !important;}
}

@media only screen and (max-width: 575px) {
  .site-footer .title-spacing {
      display: none;
  }
  /* .site-footer .footer-links .widget{
    display: none;
  }
  .site-footer .footer-links .widget.show{
    display: block;
  }
  .site-footer .footer-collapse{
    display: block;
  }*/
}


/* Scroll to top */

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #24292e;
  width: 50px;
  height: 50px;
  z-index: 100;
  display: none;
  text-decoration: none;
  border-radius: 35px;
}

.scroll-to-top:hover {
  background: #424950;
}

.scroll-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 18px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
section#primary {
    margin: 0 auto!important;
}
span.read-more a{
    border: 1px solid;
}
span.read-more a:hover {
    border: 1px solid #B1C929;
	color:white;
}
/*------Custom css------------*/
@media screen and (width:1024px)
{
.elementor-694 .elementor-element.elementor-element-42333a9 > .elementor-element-populated {
    padding: 10px 0px 10px 33px!important;
}
.elementor-694 .elementor-element.elementor-element-60f78b0 > .elementor-element-populated {
    padding: 10px 16px 10px 35px!important;
}
.elementor-694 .elementor-element.elementor-element-bf08627 > .elementor-element-populated {
    padding: 10px 0px 10px 44px!important;
}
.elementor-694 .elementor-element.elementor-element-f057c51 > .elementor-element-populated {
    padding: 10px 0px 10px 58px!important;
}
}
li#menu-item-74 a:hover {
    background-color: #bdd531;
    border-color:#bdd531!important;
    color: white!important;
	
}
.site-header .navbar-nav:hover>.nav-link:before {
    content: ''!important;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #bdd531;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.site-header .navbar-nav .nav-link:hover {
    background: #f9ffe6;
}
p.single-sub-title a{
    
	border-bottom:1px solid!important;
}
p.single-sub-title a:hover {
    text-decoration: none!important;
	border-bottom:none!important;
}
.bd
{
	background: #ebebeb;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head
{
	color: white!important;
}


form#mktoForm_1200.mktoHtmlText.mktoHasWidth,form#mktoForm_1200.mktoForm span
{
	width:450px!important;
	text-align:justify!important;
}
form#mktoForm_1200.mktoForm input[type=text], form#mktoForm_1200.mktoForm input[type=url], form#mktoForm_1200.mktoForm input[type=email], form#mktoForm_1200.mktoForm input[type=tel], form#mktoForm_1200.mktoForm input[type=number], form#mktoForm_1200.mktoForm input[type=date], form#mktoForm_1200.mktoForm select.mktoField, form#mktoForm_1200.mktoForm textarea.mktoField,form#mktoForm_1087.mktoForm input[type=text], form#mktoForm_1087.mktoForm input[type=url], form#mktoForm_1087.mktoForm input[type=email], form#mktoForm_1087.mktoForm input[type=tel], form#mktoForm_1087.mktoForm input[type=number], form#mktoForm_1087.mktoForm input[type=date], form#mktoForm_1087.mktoForm select.mktoField, form#mktoForm_1087.mktoForm textarea.mktoField
{
	border:1px solid!important;
	box-shadow:none!important;
	border-radius:1px!important;
}

form#mktoForm_1200 select#State
{
	width: 150px!important;
}

form#mktoForm_1200 input#PostalCode
{
	width: 180px!important;
}
form#mktoForm_1200 input#salary
{
	width: 131px!important;
}
form#mktoForm_1200 label#LblexistingFinanceCustomer
{
	width: 381px!important;
}
form#mktoForm_1200 select#existingFinanceCustomer
{
	width: 138px!important;
}
form#mktoForm_1087 button.mktoButton {
    background: #BDD52F!important;
    border: none!important;
    border-radius: 42px!important;
    padding: 11px 16px!important;
    font-weight: 600!important;
    color: black!important;
    font-size: 18px!important;
    font-family: 'Urbanist Roman';
}
form#mktoForm_1082 button.mktoButton {
    padding: 11px 7px!important;
    font-weight: normal;
    width: 120px;
    font-size: 14px!important;
	border-radius: 42px!important;
	 font-family: 'Urbanist Roman';
	text-transform: uppercase;
}
form#mktoForm_1087 {
    padding: 10px 0px!important;
}
form#mktoForm_1082 span.mktoButtonWrap.mktoPurpleCandy
{
	margin-left:18px!important;
}
input.submitBtn.form__standard__submit.button {
    background: #B1C929!important;
    color: white!important;
    border: none!important;
    padding: 3px 10px!important;
    border-radius: 2px!important;
}
input.form__standard__submit.button.clearBtn
{
	background: #fff!important;
    color: #B1C929!important;
    border: 1px solid #B1C929!important;
    padding: 3px 10px!important;
    border-radius: 2px!important;
}
.col-md-3.rating-logo-col img {
    filter: grayscale(100%);
}
.col-md-3.rating-logo-col img:hover {
    filter: grayscale(0%);
}
.ppw-post-password-container {
    padding: 54px 100px;
    
}
p.ppw-ppf-field-container input[type="submit"] {
    background: #BDD531;
    border: 1px solid #BDD531;
    color: white;
}
.tpg-even.layout1 .rt-holder .rt-img-holder{
	min-height: 258px;
    background: #fbfbfb;
}
.rt-tpg-container .layout1 .rt-holder .rt-img-holder img{
	width: 100%;
}

/* Marketo responsive*/
.mktoForm .mktoGutter {height:5px;} /* adjust space between field and label */
.mktoForm .mktoOffset {height:5px;} /* adjust space between field rows */

.mktoForm, .mktoForm .mktoFieldWrap, .mktoForm .mktoHtmlText, .mktoForm input, .mktoForm select, .mktoForm textarea .mktoLogicalField .mktoCheckboxList {width:100% !important;}

@media only screen and (min-width:600px) {
.mktoFormCol:first-child:nth-last-child(2), .mktoFormCol:first-child:nth-last-child(2) ~ .mktoFormCol {width: 100% !important;}
.mktoFormCol:first-child:nth-last-child(3), .mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {width: 50% !important;}
.mktoFormCol:first-child:nth-last-child(4), .mktoFormCol:first-child:nth-last-child(4) ~ .mktoFormCol {width: 33.3333% !important;}
.mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {padding-left: 30px !important;}
}

@media only screen and (max-width:600px) {
  .mktoFormCol {width:100% !important;}
.section-hero .hero-lead{max-width:90%;}
.slick-slide{min-height: auto;}
}
label.mktoLabel{width:auto;}
.mktoOffset{width:0px !important;}
.mktoForm textarea{width:100% !important;}

#commentform .alert-info{
	display:none !important;
}
.listing-grid .lg-inner-dark .btn{
	color:#000 !important;
}
.btn-link:hover{
	text-decoration:none !important;
}


.cate-main .listing-grid .lg-inner{padding: 40px 40px;}
.cate-main .listing-grid h2{font-size:24px !important; margin-top:30px; line-height: 32px;}
.cate-main .listing-grid p{min-height:170px;}

.listing-grid img {
  max-width: 180px;
  max-height: 300px; margin-top:20px;
}


.wycbg{background: #1f201b; padding: 30px 0px; width: 100%; margin-bottom:50px; float:left;}
.wycbg .cardw{max-width: 1220px; margin: auto; padding: 30px; background:transparent;}
.wycbg h2{color: #bcd431 !important; text-align: center; font-size:30px !important;}
.wycbg p{color: #fff; text-align: center; font-size:16px;}

.wyctab {
  float: right;
  border: 0px solid #000;
  background-color: transparent;
  width: 55%;
}

/* Style the buttons inside the tab */
.wyctab .tablinkhd {
  display: block;
  background-color: inherit;
  color: black;
  padding: 0px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px; margin-bottom: 20px; border-left:3px solid #1f201b;
}

/* Change background color of buttons on hover */
.wyctab .tablinkhd:hover {
  background-color: transparent;
  border-left: 3px #bcd431 solid;
}

/* Create an active/current "tab button" class */
.wyctab .tablinkhd.active {
  background-color: transparent;
  border-left: 3px #bcd431 solid;
}

/* Style the tab content */
.wyctab .tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 45%;
  border-left: none;
  height: auto;
}


.wychead{font-size: 18px; font-weight:600; line-height: 40px; margin-top: 0px; color: #bcd431;}
.wycimgbg{background: transparent; padding: 20px; display: inline-block; border-radius: 15px;}
.wycimgbg h3{font-size: 20px; color: #f00; text-align: left; font-size: 26px; color: #565ba3; text-transform: uppercase; width: 70%;}
.wycimgbg ul{}
.wycimgbg li{list-style: disc; line-height: 28px; color: #000; font-size: 16px; font-weight: 600; text-align: left;}
.wyctab p{text-align: left; margin: 0px;}
.costlistsec{display: flex;}
.txtcenter{text-align: center;}
.vmptimg{display: none;}
.tabcontent{width:45%;}
.whycp{margin-bottom:30px !important; width:80%; margin:auto;}
.wycimgbg img {
  margin-top: 30px;
}
.instxt{}
.instxt span{background:#bcd431; height: 3px; width: 200px; margin: auto; display: block; padding-bottom: 0px; margin-bottom: 30px;}
.instxt p{margin-bottom: 30px;}

.wycimgbg2 img {
  margin-top: 85px;
}
.product-single .single-desc{margin-top:20px;}
.corpbg{background-size: cover; display: block; padding: 30px 0px; width:100%; background-position:center; position:relative; color:#fff; position: relative; margin:-30px 0px 0px;}
.corpbgimg{background-size: 100% 100%; width: 100%; position: absolute; text-align: center;}
.corpbgimg img{}
.corpbg .cont{background: rgba(0,0,0,0.7); color: #fff; padding: 30px; float: right; display: inline-block; margin-top:30px;}
.corpbg .cont h2{color:#bdd52f; font-size:30px !important;}
.mb0{margin-bottom:0px !important;}
.slht{height: 455px !important;}
.pdn{padding: 0px !important;}
.dispn{display: none !important;}
.cthead{font-size:35px !important;}
.postid-11289 .single-features .features-image{max-width: initial !important;}
.footer-links #nav_menu-11 h3 { display: none; }
.footer-links #nav_menu-12 h3 { display: none; }
.footer-links #nav_menu-11 .menu-site-links-2-container {padding-top: 45px;}
.footer-links #nav_menu-12 .menu-site-links-3-container {padding-top: 45px;}
.txtgrh{color:#bdd531 !important; text-decoration: underline !important;}

.podsbox{border: 2px #bdd52f solid; border-radius: 5px; padding: 3px 20px; margin: 20px 0; background: #ffffff; box-shadow: 3px 3px 3px #e0e0e0; text-align:center;}
.podscalc{padding: 5px 9px; border-radius: 7px; border: 1px #bdd52f solid; width:65%; font-weight:600;}
input#podsLost::placeholder {opacity: 1; color: #4c5804;}
.podscalbtn{background: #323232; color: #fff; border-radius: 22px; padding: 5px 18px; border: 0; cursor: pointer; margin:15px 0px 30px -5px;}
.podscalbtn:hover{background:#bdd52f; color:#000;}
.podscalresult{border: 2px #aaa solid; padding: 0px 20px; margin-top: -10px; margin-bottom:20px; border-radius: 20px; background: #fafafa;}
.mgl{margin-left:15px}

.wptww-testimonials-text em::before {display:none !important;}
.wptww-testimonials-text em::after {display:none !important;}
#mktoForm_1082 select option {
  color: #000 !important;
  background: #ccc !important;
}
.mt25{margin-top:25px !important;}
.tariffsec{margin-top:50px;}
.tariffsec a{text-decoration: none !important;}
.tarifbg{background: #2A7B9B; background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(33, 34, 30, 1) 0%, rgba(186, 209, 47, 1) 100%); width:65%; margin:auto; padding:15px 30px; border-radius:10px; text-align:left; color:#fff; display:flex;}
.tarifbg h3{color:#fff !important; line-height: 32px !important;}
.tarifbg span{background:#fff; color:#000; padding:10px 15px; border-radius:5px; margin:7px 0px; display:inline-block; transition: all ease 0.8s; font-weight:600 !important;}
.tarifbg:hover span{box-shadow: inset 400px 0 0 0 #bdd52f;}
.tarifbg .blft{width:80%; padding:15px 20px;}
.tarifbg .brgt{width:20%; text-align:right; padding-top:10px;}

@media only screen and (min-width:320px) and (max-width:1024px){
  .wyctab {
  float: none !important;
  border: 0px solid #000;
  background-color: transparent;
  width: 100% !important;
  height: auto !important;
}
.vmptimg{display: block !important; text-align: center;}
.vmptimg img{width: 200px; margin-top: 20px;}

.wycimgbg{display: none;}
.tabcontent {
    display: none !important;
  }
.wyctab .tablinkhd.active{border:0px;}
.wyctab .tablinkhd:hover{border:0px;}
.slht{height: 100% !important; display: block;}
.corpbg{overflow: hidden;}
.corpbgimg img{height: 100vh !important;}
.podscalc{width:100%;}
#accessibility_settings_toggle {display: none !important;}
.tarifbg{display:block; padding:5px; width:90% !important;} 
  .tarifbg span{font-size:13px; width:100%; padding:7px 5px; text-align: center !important;}
  .tarifbg .blft{width:100%; padding:10px; text-align: center !important;}
  .tarifbg .brgt{width:100%; padding:10px; text-align:center;}

}

@media only screen and (min-width:1399px) {

.corpbg{overflow: hidden;}
.corpbg .cont{padding: 42px 30px;}
  }}