:root {
    --cf-red: #ed1c24;
    --cf-red-bright: #ff1d3d;
}

.text-cf-red {
    color: var(--cf-red);
}

div.tf-currencies div.filter-option-inner-inner {
    font-size: 13px !important;
}

.cf-red, .bg-cf-red {
    background-color: var(--cf-red) !important;
    color: #ffffff !important;
}

.cf-red-bright {
    background-color: var(--cf-red-bright) !important;
    color: #ffffff !important;
}

.bg_cf-red {
    background-color: var(--cf-red) !important;
}

.bg_recycle {
    background-color: #E6EFC2 !important;
}

.main-splash-content {
    top: 15% !important;
    transform: initial !important;
}

.modalDemo .header .icon-close-popup {
    color: #000;
}

.modalDemo .header .icon-close-popup:hover {
    color: var(--cf-red);
}

.most-popular-label {
    position: relative;
    top: 5px;
    right: initial;
    display: initial;
}

@media (min-width: 768px) {
  .masonry-layout-v4.three-column {
    grid-template-areas: "item1 item2 item3";
    gap: 30px;
  }
}

.about-us-list {
    list-style-position: inside;
}

.custom-shapes-link {
    display: none;
}

.top-bar-text .tf-btn {
    color: #000;
}

.top-bar-text .tf-btn a {
    text-decoration: none;
}

.top-bar-text .tf-btn::after {
    background-color: transparent;
}

.btn-line::after {
    background-color: transparent;
}

.home-header {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500 !important;
    font-family: "Albert Sans", sans-serif;
    font-display: swap;
}

@media (min-width: 768px) {
    .home-header {
        font-size: 18px;
        line-height: 21.6px;
    }
}

.find-material {
    text-decoration: none !important;
    text-underline-offset: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

#payOnTerms {
    padding: 0px;
    border-radius: initial;
    position: relative;
    top: 3px;
}

#header li a.nav-icon-item {
     padding: 0px 5px 0px 5px;
}

#header .nav-icon .nav-icon-item:hover {
    text-shadow: 2px 2px #666 !important;
}

.logo-header img {
    width: 400px;
}

.btn-line .icon {
    margin-right: 2px;
}

.btn-cf-red {
    background-color: var(--cf-red);
    color: var(--white);
}

.btn-cf-red-alt:hover {
    background-color: #fd1f3e;
}

.btn-cf-green {
    background-color: #5cb85c;
    color: var(--white);
}

.btn-cf-green-alt:hover {
    background-color: #45c545;
}

.btn-cf-blue {
    background-color: #4169e1;
    color: var(--white);
}

.btn-cf-blue-alt:hover {
    background-color: #007bff;
}

.site-nav-icon-btn {
    gap: 9px;
    padding: 0 18px;
    line-height: 40px;
}

.canvas-mb .site-nav-icon-btn .icon {
    font-size: 14px;
}

.canvas-mb .mb-bottom .site-nav-icon-btn {
  margin-bottom: 18px;
}

a#mobileMenuPill {
    color: #ffffff;
}

a.cf-red-hover-link:hover {
    color: var(--cf-red) !important;
}

.contact-form-cf input:not(.tf-check), .contact-form-cf textarea {
    color: #000000;
    font-size:14px;
    padding: 12px 18px;
}

.contact-form-cf textarea::placeholder {
    color: var(--text-2);
}

.slider-coaster-factory .wrap-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 50;
}
.slider-coaster-factory .nav-sw {
  position: absolute;
}
.slider-coaster-factory .nav-next-slider {
  left: 6%;
}
.slider-coaster-factory .nav-prev-slider {
  right: 6%;
}

.nav-sw.style-cf-red {
    background-color: var(--cf-red);
    border: 0;
    color: #fff;
}

.nav-sw.style-cf-red:hover {
    background-color: #fd1f3e;
}

.testimonial-item div.text {
    min-height: 200px;
}

.flat-testimonial-bg-1 {
    background-image: url(/images/home/Testimonials.webp);
}

.sw-dots .swiper-pagination-bullet::before {
    background-color: var(--white);
}

.tf-sw-partners {
    border: none;
}

.tf-social-icon .social-line.social-instagram:hover, .tf-social-icon .social-line.social-twiter:hover, .tf-social-icon .social-line.social-facebook:hover, .tf-social-icon .social-line.social-youtube:hover, .tf-social-icon .social-line.social-pinterest:hover {
    background: transparent;
    color: var(--cf-red);
    border-color: var(--cf-red);
}

.tf-social-icon.style-default li .social-facebook:hover, .tf-social-icon.style-default li .social-twiter:hover {
    color: var(--cf-red);
}

.footer .footer-wrap .footer-bottom .footer-bottom-wrap {
    border: none;
}

.footer-bottom, .footer-body {
    border-top: 1px solid var(--line);
}

.why-icon {
    width: 60px;
}

.flat-iconbox-v3 .tf-icon-box.style-icon-color .icon {
    border-color: var(--cf-red);
}

.flat-iconbox-v3 .tf-icon-box.style-icon-color .icon i {
    color: var(--cf-red);
}

.countdownbar-v2 .countdown__item {
    border-color: #ffffff;
}

a.whitelink {
    color: #ffffff;
}

a.whitelink::after {
    background-color: #ffffff;
}

a.whitelink:hover, a.whitelink:active, .white-btn-line:hover {
    color: yellow;
}

a.whitelink:hover::after, .white-btn-line:hover::after {
    background-color: yellow;
}

.cf-red-bright-btn-line:hover::after {
    background-color: var(--cf-red-bright);
}

.cf-red-bright-btn-line:hover {
    color: var(--cf-red-bright);
}

.bg_light-purple-2 {
    background-color: #f5eef6 !important;
}

.tf-top-bar a:hover {
    color: var(--cf-red);
    cursor: pointer;
}

.top-bar-language .dropdown-menu {
    inset: initial !important;
    transform: initial !important;
}

.tf-btn:hover {
    cursor: pointer;
}

.tf-page-title {
    background-image: none;
    background-color: #e1e1dd;
}

.link-hover-underline:hover {
    text-decoration: underline;
}

.pg-table-tiny-text {
    color: #5f5f5f;
    font-size: 10px;
}

.pg-table-header-text {
    color: #5f5f5f;
    font-size: 70%;
}

.about-splash-title {
    /* left: initial !important; */
    /* right: 20px !important; */
    top: 5% !important;
    transform: none !important;
    background-color: #0004;
    width: 100%;
    left: 0px !important;
    right: 0px !important;
}

.about-section .tf-image-wrap::before, .about-section .tf-image-wrap::after {
    background: none !important;
}

.contact-subheading {
    font-size: 2em;
    line-height: initial;
}

.blog-detail .desc {
    font-size: 18px;
}

.blog-subheading {
    font-size: 1.3em;
    line-height: initial;
}
.blog-subheading a:hover {
    color: var(--cf-red);
}

.store-subheading {
    font-size: 1.1em;
    line-height: initial;
    font-family: "lato", sans-serif;
}

.line-container {
    max-width: 100% !important;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-55 {
    padding-bottom: 55px;
}

.mb-100 {
    margin-bottom: 100px;
}

.about-img img {
    transition: all 1s;
}

.ordered-list-alpha, .ordered-list-alpha li {
    list-style-type: lower-alpha !important;
    color: rgb(99, 99, 99);
}

.ordered-list-alpha li::marker {
    font-weight: bold;
}

.ordered-list-alpha p {
    margin-left: 25px;
}

.ordered-list-numeric, .ordered-list-numeric li {
    list-style-type: disc !important;
    color: rgb(99, 99, 99);
}

.ordered-list-numeric-item {
    margin-bottom: 5px;
}

.ordered-list-numbered-item {
    list-style-type: decimal;
    margin-bottom: 15px;
}

.ordered-list-numeric li.blog-list-item {
    color: #000;
}

.tf-main-area-page p {
    color: #717171;
}

.formFieldH {
    display: none;
}

#chat1 .btn-light:hover {
    background-color: #f9fafb;
    border-color: #f9fafb;
}

.offcanvas-backdrop.show {
    opacity: 0.5;
}

.file-spec-list li {
    margin-bottom: 5px;
    font-size: 16px;
}

.list-watch-learn {
    width: 100% !important;
}

.video-title {
    min-height: 60px !important;
}

.video-title h2 {
    line-height: initial;
    font-size: initial;
}

.btn-icon-xl {
    font-size: 14px !important;
}

.shop-now-sidebar-img {
    min-height: 122px;
}

.tf-section-sidebar .sidebar-shop-now ul {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(3, 1fr);
}
.tf-section-sidebar .sidebar-shop-now ul li {
  border-radius: 5px;
  overflow: hidden;
}
.tf-section-sidebar .sidebar-shop-now ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.tf-section-sidebar .sidebar-shop-now ul li:hover img {
  transform: scale(1.1);
}

.blog-related-img {
    max-height: 318px !important;
}

.blog-related-img img {
    height: 318px !important;
}

.blog-related-title {
    min-height: 122px;
}

.blog-heading {
    font-size: 28px;
    line-height: 33.6px;
}

#currencyModal .modal-header {
	background-color: #007bff;
}

#currencyModal .modal-header h1 {
	font-size: 16px !important;
}

.cf-select {
    height: 50px;
}

.select-custom .tf-select:disabled, .select-custom .tf-select[readonly] {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

.form-control {
    font-size: 14px;
    font-weight: initial;
    line-height: initial;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--main);
}

.product-specs .card-product .card-product-wrapper:hover .product-img .img-product {
    opacity: 100;
}
.product-specs .card-product-wrapper {
    max-width: 150px !important;
}

.product-specs-list-item  {
    min-width: 45px;
    height: 38px;
    width: max-content;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    padding: 11px;
}

.cf-checkout label.not-required::after {
    content: "";
}

.cf-checkout .captcha-box {
    gap: 15px;
    margin-bottom: 15px !important;
}

.tf-check {
    border: 1px solid #dfdfdf;
}

div#products .tf-product-media-main-default .swiper-wrapper .swiper-slide-next {
    padding-left:1px;
}

div#products .swiper-slide-visible .item {
    text-align: center;
}

div#products .swiper-slide-visible .item {
    width:99%;
}

.main-slider-img {
  aspect-ratio: 1150/768;
}

.swiper-pagination-bullet {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.collection-coaster-img, .featured-about-img-square, .partner-img-square, .showcase-thumb-img, .showcase-img, .library-shape-img {
    aspect-ratio: 1/1;
}

.product-sw-thumb-img, .prod-main-img:not(.showcase-img) {
    aspect-ratio: 720/1009;
}

.rush-option-img {
    aspect-ratio: 533/399;
}

.partner-img {
    aspect-ratio: 288/214;
}

.brand-slider-img {
    aspect-ratio: 398/164;
}

.featured-about-img {
    aspect-ratio: 705/871;
}

div#products .tf-product-media-main .item img.showcase-img {
    height: initial;
}

.full-width-product-info {
    display: flex;
    width: 100%
}

.footer .footer-heading strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  font-family: "latobold", sans-serif;
}

.card-product .card-product-wrapper .on-sale-wrap .best-seller {
    background-color: #338540;
}

.card-product .card-product-wrapper .on-sale-wrap .recommend {
    background-color: #8C7340;
}

.card-product .card-product-wrapper .on-sale-wrap .new {
    background-color: #EB0000;
}

ul.common-questions li {
    color: #000;
}

ul.common-questions li::before {
    background-color: #000;
}

.tf-product-info-title h1 {
    font-size: 28px;
    line-height: 33.6px;
}

.product-tab-title {
    font-size: 18px;
    line-height: 30px;
}

.w-33 {
    width:33% !important;
}

.asterisk-after::after, .asterisk-before::before {
  content: "*";
  position: absolute;
  color: var(--cf-red);
}

#short-run-conditions p, #blog-citations p {
    color: var(--text-2);
}

.reference {
    font-size: 80%;
}

.tf-for-tf {
    max-width: 200px;
}

.section-cls-short-run-how-it-works {
  position: relative;
  margin-top: 40px;
}

.section-cls-short-run-how-it-works > img {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.rounded-10 {
    border-radius: 10px;
}

.bg_grey-bright {
    background-color: #dfdfdf;
}

.bg_grey-2-alt {
  background-color: #f4efe6;
}

.text-orange {
    color: orange;
}

.flava {
    padding: 8px;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

.fadehover {
    -webkit-transition: opacity 3s ease;
    -moz-transition: opacity 3s ease;
    -o-transition: opacity 3s ease;
    transition: opacity 3s ease;
    position: absolute;
    top: 0;
    left: 0;

}

.fadehover:hover {
    opacity: 0;
}

.card-product .card-product-wrapper img.slow-transition {
    transition: opacity 2.0s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.card-product .card-product-wrapper img.medium-transition {
    transition: opacity 1.0s ease, transform 1s cubic-bezier(0, 0, 0.44, 1.18);
}

.card-product .card-product-wrapper:hover .img-hover-change .img-hover {
    transform: scale(1.0);
}

.tf-progress-bar span.free-shipping-progress {
    transition: width 1s ease;
}

@font-face {
    font-family: 'latobold', sans-serif;
    src: url('/css/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latoregular', sans-serif;
    src: url('/css/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.font-lato {
    font-family: "latoregular", sans-serif;
    font-display: swap;
}

.font-lato-bold {
    font-family: "latobold", sans-serif;
    font-display: swap;
}

@font-face {
	font-family: 'Geometr231BTBold', sans-serif;
	src: url('/css/fonts/geometric_231_bold_bt-webfont.eot');
	src: local('?'), url('/css/fonts/geometric_231_bold_bt-webfont.woff') format('woff'), url('/css/fonts/geometric_231_bold_bt-webfont.ttf') format('truetype'), url('/css/fonts/geometric_231_bold_bt-webfont.svg#webfontTux63jsY') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Geometr231HvBTHeavy', sans-serif;
	src: url('/css/fonts/geometric_231_heavy_bt-webfont.eot');
	src: local('?'), url('/css/fonts/geometric_231_heavy_bt-webfont.woff') format('woff'), url('/css/fonts/geometric_231_heavy_bt-webfont.ttf') format('truetype'), url('/css/fonts/geometric_231_heavy_bt-webfont.svg#webfontvkmbCyHo') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

.font-geometric-bold {
    font-family: "Geometr231BTBold", sans-serif;
    font-display: swap;
}

.font-geometric-heavy {
    font-family: "Geometr231HvBTHeavy", sans-serif;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "latobold", sans-serif;
    font-display: swap;
}

h2.article-title {
    font-weight: 400;
    font-size: initial;
    line-height: initial;
    font-family: "lato", sans-serif;
    font-display: swap;
}

#header .nav-icon .cart-lg .icon-u {
    font-size: 26px;
}

.list-product-btn .box-icon .icon-free {
  font-size: 14px;
  font-weight: 500;
  height: 13px;
}

.list-product-btn .box-icon:hover {
    background-color: var(--cf-red-bright) !important;
}