@charset "utf-8";

#top-box .top-box-wrapper,
.carousel-box .next:hover,
.carousel-box .prev:hover,
.product .product-hover,
#footer .up:hover,
.btn-default,
.slider .slider-nav,
.panel-group .active.panel .panel-heading > .panel-title > a,
.panel-group .active.panel .panel-heading > .panel-title > a:hover,
.banner-set .pagination a:hover,
.employee .employee-hover,
.carousel-box .pagination a:hover,
.sidebar .menu li.active > a,
.pagination > li > a:hover,
.pagination > li > a:focus,
.sidebar .tags a:hover,
.sidebar .banners .banner-text,
#catalog .category-img .description,
.product-bottom .related-products header:before,
.slider.rs-slider .tparrows,
.slider.rs-slider .tparrows:hover,
.toolbar .sort-catalog .dropdown-toggle,
.toolbar .grid-list .grid,
.toolbar .grid-list .list,
.toolbar .up-down,
.toolbar .up-down.active,
.toolbar .grid-list a.grid:hover,
.toolbar .grid-list a.list:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover,
.sidebar .tags a,
.sidebar .menu li.parent > a .open-sub:before,
.sidebar .menu li.parent > a .open-sub:after,
.panel-group .panel-default .panel-heading > .panel-title > a:before,
.panel-group .panel-default .panel-heading > .panel-title > a:after,
.new-radio.checked span,
.list .product .actions a:hover,
.product-page .col-md-7 .actions a:hover,
.product-page .image-box .thumblist-box .prev:hover,
.product-page .image-box .thumblist-box .next:hover,
.accordion-tab > li > a .open-sub:before,
.accordion-tab > li > a .open-sub:after,
.products-tab .accordion-tab > li > a .open-sub:before,
.products-tab .accordion-tab > li > a .open-sub:after,
.sidebar .calendar-wrap caption,
.btn-group.open .btn-default.dropdown-toggle,
.product .limit-offer,
.product .actions.not-rotation-actions,
.fancybox-nav span:hover,
.header .header-wrapper .primary .navbar .btn-navbar .icon-bar,
.progressive-slider-two .pagination a,
.progressive-slider-two .pagination a:hover,
.progressive-slider-two .pagination .selected,
.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a,
.minimized-menu .primary .navbar .nav .open-sub span {
  background-color: #13a89d;
}
.slider .slider-nav {
  background-color: rgba(7.8,65.9,61.6,.8);
}
.product .limit-offer,
.product .actions.not-rotation-actions {
  background-color: rgba(7.8,65.9,61.6,.9);
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
  background-color: #13a89d;
  background-color: rgba(7.8,65.9,61.6,.8);
}
#catalog .category-img .description,
.toolbar .sort-catalog .dropdown-toggle,
.toolbar .grid-list .grid,
.toolbar .grid-list .list,
.toolbar .up-down,
.toolbar .up-down.active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover,
.sidebar .tags a,
.btn-group.open .btn-default.dropdown-toggle {
  background-color: rgba(7.8,65.9,61.6,.7);
}
.sidebar .banners .banner-text {
  background-color: rgba(7.8,65.9,61.6,.65);
}
.slider.rs-slider .tparrows,
.product-page .add-cart-form .number .regulator a:hover,
.progressive-slider-two .pagination a {
  background-color: rgba(7.8,65.9,61.6,.5);
}
.pricing .bottom-box {
  background-color: rgba(7.8,65.9,61.6,.05);
}
.pricing:before {
  background-color: rgba(7.8,65.9,61.6,.06);
}
.btn.btn-default,
.btn.btn-border,
.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a {
  border-color: #13a89d;
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
  border-color: #13a89d;
  border-color: rgba(7.8,65.9,61.6,.8);
}
.pricing .options li,
.pricing .bottom-box {
  border-color: rgba(7.8,65.9,61.6,.1);
}
.header .header-wrapper .cart-header .dropdown-toggle,
#footer .newsletter input:focus + .submit,
.icon,
.big-icon,
.big-icon:visited,
.service .icon,
.close:hover,
.close:focus,
.img-thumbnail:hover .bg-images i:before,
.box-404 h1,
.gallery-images:hover .bg-images i:before,
.features-block .header-box .icon-box,
.features-block .header-box,
.sidebar .newsletter input:focus + .submit,
.sidebar .section .selected .close:hover,
.package .title a,
.package .price-box .price,
.package .price-box .icon,
.pricing .title a,
.pricing .options li span,
.pricing .options li.active,
.banner-set .next:hover,
.banner-set .prev:hover,
.btn.btn-border,
.btn.btn-border .caret,
.product-remove:hover,
.one-page .header .header-wrapper .primary .navbar .navbar-collapse .nav .active {
  color: #13a89d;
}
.pricing .bottom-box .more {
  color: rgba(7.8,65.9,61.6,.7);
}
.pricing .options li {
  color: rgba(7.8,65.9,61.6,.4);
}
.phone-header a svg path,
.search-header a svg path,
.product .actions a svg path,
.sidebar .wishlist .add-cart:hover path,
.header .header-wrapper .cart-header .dropdown-toggle .icon svg path,
.header .search-form .search-submit svg path,
.new-checkbox svg polygon,
.product-bottom .related-products li .button-box .wishlist:hover svg path,
.jslider .jslider-pointer svg path,
.rating-box .rating svg polygon,
.search-result .search-form .search-submit svg path {
  fill: #13a89d;
}
.carousel-box .pagination a.selected,
.banner-set .pagination a.selected {
  background: #ccc;
  background: rgba(0,0,0,.3);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #13a89d;
}

.nav-pills > li > a, .nav-pills > li > a:hover {
    color: #fff;
    background-color: #f89406;
  }

ol {
  counter-reset:item;
  margin:0;
  padding-left:0;
}

ol>li {
  counter-increment:item;
  list-style:none inside;
  overflow: hidden;
  margin: 10px 0;
  line-height: 1.7;
}

ol>li:before {
  content:counter(item) ;
  margin-right: 10px;
  padding: 7px;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  background: #0098ca;
  color: #fff;
  text-align: center;
  font-weight: 100;
  float: left;
}

.line-container {
    display: flex;
    align-items: center;
    width: 100%; /* Adjust as needed */
    margin: 20px 0;
}

.line {
    flex-grow: 1;
    height: 5px;
    background-color: #ccc; /* Color of the line */
}

.line.yellow {
    background-color: #F7DD84; /* Color of the line */
}

.line-text {
    padding: 0 15px; /* Space around the text */
    color: #555; /* Color of the text */
    font-size: 1.5em;
    font-weight: bold;
    white-space: nowrap; /* Prevent text from wrapping */
}

.line-text.white{
    color: #fff; /* Color of the text */
}

.bg-savetyre-gradient {
    background-image: linear-gradient(to bottom,#4EA8AE, #F7DD84 20%);
}

.bg-savetyre-gradient.reverse {
    background-image: linear-gradient(to bottom,#F7DD84 80%,#4EA8AE);
}

.bg-savetyre-gradient.reverse2 {
    background-image: linear-gradient(to bottom,#F7DD84,#4EA8AE 25%);
}

.curved-background {
    position: relative;
    background-color: rgba(114,129,113,0.8); /* Top color */
    color: white;
    text-align: center;
    margin-top: -100px;
    overflow: hidden; /* Prevent the pseudo-element from overflowing */
}

.curved-rectangle {
        width: 100%px;
        height: 260px;
        background-color: rgb(73,130,123);
        color: white;
        justify-content: center;
        align-items: center;
        font-size: 2em;
        padding: 30px 0px;
        clip-path: polygon(
            0 0,
            100% 0,
            100% calc(100% - 0px), /* Start of the curve */
            /* Control points for the curve (adjust for desired shape) */
            60% 75%,
            40% 75%,
            0 calc(100% - 0px)

        );
    }
.curved-rectangle.sm {
    height: 100px;
    clip-path: polygon(
            0 0,
            100% 0,
            100% calc(100% - 0px), /* Start of the curve */
            /* Control points for the curve (adjust for desired shape) */
            50% 0%,
            50% 0%,
            0 calc(100% - 0px)

        );
}

.curved-rectangle.sm.reverse {
    height: 100px;
    clip-path: polygon(
            0% 100%,
            0% 50%,
            50% 100%,
            100% 50%,
            100% 100%

        );
}

.curved-rectangle.bottom {
    height: 350px;
    background-color: #4FA38C;
    margin-top: -120px;
    clip-path: polygon(
                0% 0,
                0% 30%,
                25% 20%,
                50% 40%,
                75% 20%,
                100% 30%,
                100% calc(100% - 0px), /* Start of the curve */
                /* Control points for the curve (adjust for desired shape) */
                0 calc(100% - 0px)
            );
}

.curved-rectangle.bottom.reverse {
    height: 580px;
    margin-top: 0px;
    clip-path: polygon(
                0% 0%,
                0% 80%,
                25% 85%,
                50% 70%,
                75% 85%,
                100% 80%,
                100% 0%
                /* Control points for the curve (adjust for desired shape) */

            );
}

.curved-rectangle.bottom2.yellow {
    height: 100%;
    background-color: #F7DD84;
    margin-top: 0px;
    clip-path: polygon(
                0% 100%,
                0% 0%,
                50% 10%,
                100% 0%,
                100% 100%

            );
}

.curved-rectangle.bottom2.green {
    height: 100%;
    background-color: #86BE90;
    margin-top: 0px;
    clip-path: polygon(
                0% 100%,
                0% 0%,
                50% 30%,
                100% 0%,
                100% 100%

            );
}

.curved-rectangle.bottom2.green2 {
    height: 100%;
    background-color: #4FA38C;
    margin-top: 0px;
    clip-path: polygon(
                0% 100%,
                0% 0%,
                50% 30%,
                100% 0%,
                100% 100%

            );
}

.md-img-margin-top-90 {
    margin-top: -90px;
}

.savetyre-header {
    color:#4C9F89;
    font-weight:bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.savetyre-header.yellow {
    color:#F6CE70;
}

.savetyre-header.red {
    color:#DB3C35;
}

.glow {
  font-size: 2.5em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  animation: glow 1s ease-in-out infinite alternate;
  margin-top:-30px;
}

.glow.yellow {
    color:#F6CE70;
}

.img-overlay-layer {
    background-color: rgba(79,163,140,0.8);
}

.img-full-screen {
    width: 100%;
    height: auto;
}

.card {
    border-radius: 10px;
    padding: 10px;
}

.card:hover {
    background-color: rgb(79,163,140);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.card .card-image img{
    height: 320px;
    border-radius: 20px;
    padding-bottom: 10px;
}

.card .card-info {
    padding: 10px;
    background-color: #F9DD80;
    border-radius: 20px;
    color: #77725D;
    height: 200px;
}

.card .card-info .card-title {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

.card .card-info .card-description {
    font-size: 1.0em;
}

.card .card-info .card-description ul li {
    margin-left: -20px;
}

.md-add-space-90 {
    padding-bottom: 90px;
}

.md-add-space-120 {
    padding-bottom: 120px;
}

.md-add-space-300 {
    padding-bottom: 300px;
}

.md-add-space-400 {
    padding-bottom: 400px;
}

.md-add-space-1180 {
    padding-bottom: 1180px;
}

.md-img-margin-top-100 {
    margin-top: -100px;
}

.partner {
    padding: 20px;
}

.partner .img-shop {
    width: 100%;
    height: auto;
}
.partner .img-shop .shop {
    height: 300px;
    overflow: hidden;
}

.partner .img-shop .owner {
    width: 30%;
    position: absolute;
    top: 310px;
    right: 30px;
}
.partner .quote {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    padding: 30px 0;
}

.partner .name {
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    margin: 10px 0px;
}

.partner .quote-details {
    font-size: 1.0em;
    text-align: center;
    color: #77725D;
}

.container.top-padding {
        padding-top: 100px;
}

p.text-white a {
    color: #fff;
}

.add-top-padding {
    padding-top: 180px;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #4FA38C, 0 0 40px #4FA38C, 0 0 50px #4FA38C, 0 0 60px #4FA38C, 0 0 70px #4FA38C;
  }

  to {
    text-shadow: 0 0 20px #fff, 0 0 30px rgb(73,130,123), 0 0 40px rgb(73,130,123), 0 0 50px rgb(73,130,123), 0 0 60px rgb(73,130,123), 0 0 70px rgb(73,130,123), 0 0 80px rgb(73,130,123);
  }
}

@-webkit-keyframes yellow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #4FA38C, 0 0 40px #4FA38C, 0 0 50px #4FA38C, 0 0 60px #4FA38C, 0 0 70px #4FA38C;
  }

  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #F9DD80, 0 0 40px #F9DD80, 0 0 50px #F9DD80, 0 0 60px #F9DD80, 0 0 70px #F9DD80, 0 0 80px #F9DD80;
  }
}

@media (max-width: 979px) {
  .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active > a,
  .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active:hover > a,
  .header .header-wrapper .primary .navbar .navbar-collapse .nav .open-sub span,
  .accordion-tab > li.active > a,
  .accordion-tab > li.active > a:hover,
  .accordion-tab > li.active > a:focus,
  .accordion-tab > li.active:hover > a,
  .products-tab .accordion-tab > li.active > a,
  .products-tab .accordion-tab > li.active:hover > a {
    background-color: #13a89d;
  }
  .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active > a,
  .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active:hover > a {
    border-color: #13a89d;
  }
  .s-add-space-0 {
    padding-bottom: 0px;
  }
  .sm-img-margin-top-0{
    margin-top: 0px;
  }
  .img-full-screen {
    width: 100%;
    height: 100%;
  }

  .card .card-image img{
    width: 100%;
    height: auto;
    border-radius: 20px;
    padding-bottom: 10px;
  }


  .curved-rectangle.bottom2.yellow {
    height: 100%;
    background-color: #F7DD84;
    margin-top: 0px;
    clip-path: polygon(
                0% 100%,
                0% 0%,
                50% 5%,
                100% 0%,
                100% 100%

            );
   }

   .partner .img-shop .shop {
        height: auto;
        overflow: hidden;
    }

   .partner .img-shop .owner {
    height: 300px;
    position: absolute;
    top: 520px;
    right: 30px;
    }

    .container.top-padding {
        padding-top: 100px;
    }

    .add-top-padding {
        padding-top: 0px;
    }

}

.header .logo img {
  max-width: 300px;
}
.top-navbar .nav > li a,
.btn-group.btn-select .dropdown-toggle,
.product .product-hover,
.employee .employee-hover,
.slider .slid-content{
  color: #fff;
}
.product .product-hover ul li {
  background-image: url("/images/svg/check-icon-white.svg"), none;
}
#footer .footer-top {
  background: #13a89d;
}
#footer .footer-bottom {
  background: #01a54f;
  border-color: #4ad044;
  color: #a7eea2;
}
#footer .sidebar .links a,
.sidebar .links a:visited,
#footer .widget p {
  color: #a7eea2;
}
#footer .sidebar .widget header .title,
#footer .sidebar .widget .title-block .title {
  color: #ffffff;
}
#footer .sidebar .widget header,
#footer .sidebar .widget .title-block {
  border-color: #a7eea2;
}
#footer svg path,
#footer svg circle {
  fill: #a7eea2;
}
#footer .up {
  background-color: #13a89d;
}
#footer .footer-bottom .up:hover {
  background-color: #6bc334;
}
#footer .up .glyphicon {
  color: #a7eea2;
}
#footer .sidebar .links a:hover,
.sidebar .links a:visited:hover {
  color: #ffffff;
}

@media (max-width: 480px) {

  /* line 51, ../sass/_header.scss */
  .header .header-wrapper .primary .navbar .btn-navbar {
      margin: 90px 0px 0px -4px;
  }

  .header .header-wrapper .cart-header {
    margin-top: 90px;
  }

  .sm-add-space-0 {
    height: 0px;
  }

  .img-full-screen {
    width: 100%;
    height: 100%;
  }

  .sm-img-margin-top-0{
    margin-top: 0px;
  }

  .line-text.white {
    font-size: 1.0em;
  }

  .line-container {
    margin: 35px 0;
  }

  .sm-add-padding-250 {
    padding-bottom: 250px;
  }

  .sm-add-padding-300 {
    padding-bottom: 300px;
  }

  .sm-add-padding-400 {
    padding-bottom: 400px;
  }

  .sm-img {
    width: 100%;
    height: auto;
  }
  .curved-rectangle.bottom {
    height: 400px;
    margin-top: -150px;
  }
  .glow {
    font-size: 2.0em;
    margin-top: 0px;
  }

  .sm-img-margin-top-0 {
    margin-top: 0px;
  }

  .curved-rectangle.bottom2.yellow {
    height: 100%;
    background-color: #F7DD84;
    margin-top: 0px;
    clip-path: polygon(
                0% 100%,
                0% 0%,
                50% 5%,
                100% 0%,
                100% 100%

            );
   }

   .partner .img-shop .shop {
        height: auto;
        overflow: hidden;
    }

   .partner .img-shop .owner {
    width: 30%;
    position: absolute;
    top: 250px;
    right: 30px;
    }

    .container.top-padding {
        padding-top: 100px;
    }

    .add-top-padding {
        padding-top: 0px;
    }

}