body.cms-mytvonline {
    color: #1c1c2f;
 }
.cms-mytvonline #maincontent {
 max-width: 100%!important;
 margin: 0;
 padding: 0;
}
.sections.white-section {
    overflow: hidden;
    width: 100%;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.custom-theme01 .page-header {
    background-color: #2d394b;
}
.custom-theme01 .user-topbar i,
.custom-theme01 .wishlist-icon i,   
.custom-theme01 .action.showcart>i {
    font-size: 17px;
}
.custom-theme01 .header-content-action>div {
    margin-right: 20px;
}
.custom-theme01 .header.links>li {
    display: inline-block;
    line-height: 33px;
}
.custom-theme01 .header.links>li:not(.authorization-link){
    margin-left: 25px;
}
.custom-theme01 .header.links>li:not(.authorization-link) a {
    background-color: #f63b61;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}
.custom-theme01 .header-top-inner {
    background-color: #263243;  
}
    
.custom-theme01 .block-search button {
    background-color: #f63b61;
}
.custom-theme01 .header-menu-content {
    background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%); 
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 9%);  
}
.custom-theme01 .horizontal-menu .magebig-nav li.level0>a {
    color: #263243
}
.custom-theme01 .vertical-menu .title, .hotline-top {
     color:#263243
}
.custom-theme01 .header-top-inner {
    color: #a8bbd5;
}
.custom-theme01  .header-top-inner a, .header-top-inner .title, .header-top-inner .log-in  {
       color: #a8bbd5;
}

.custom-theme01 .header-content-action .authorization-link a:hover,
.custom-theme01 .header-top-inner a:hover, 
.custom-theme01 .header-top-inner .title:hover, 
.custom-theme01 .header-top-inner .log-in:hover,
.custom-theme01 .page-header .wishlist-icon:hover, 
.custom-theme01 .page-header .showcart:hover {
    color: #00dddd;
}   

.custom-theme01 .horizontal-menu .magebig-nav li.level0>a+.mbi {color: #263243;}
.custom-theme01 .currency-topbar .currency-list ul li a{
    color: #263243;
}
.custom-theme01 .hotline-top i {
    color: #008693;
}
.custom-theme01 .header-main-inner .vertical-menu:before{
    background-color: #17c7c7;
}
.custom-theme01 .vertical-menu .title>.mbi-menu {font-size: 22px;margin-top: 3px;/* margin-left: 8px; */margin-right: 8px;}

.custom-theme01 .category-list-top .title {
  font-weight: 300;
}

.custom-theme01 .layout02 .heading-title {
    font-weight: 400;
 }
.custom-theme01 .mfp-bg {
    background: linear-gradient(0deg, rgba(201, 40, 254, 0.97) 0%, rgba(43, 14, 128, 0.97) 100%);
}
.custom-theme01 .mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 1;
        height: auto!important;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
}
.custom-theme01 .newsletter-content .newsletter-title h3 {font-size: 48px;color: #fff;font-weight: 600;}
.custom-theme01 .newsletter-content .newsletter_text {padding: 0;}
.custom-theme01 .newsletter-content .newsletter-title h3 span {
    color: #efff00;
}
.custom-theme01 .newsletter-content .newsletter_text .text_desc {color: #fff;font-size: 20px;}
.custom-theme01 .not-show-popup {text-align: left;color: #000;}
.custom-theme01 .newsletter-content .input-box input {
    width: 318px;
    border-color: #fff;
}
.custom-theme01 .newsletter-content .input-box button {
    margin-top: 0;
    padding: 8px 13px;
    margin-left: -3px;
    background-color: #333;
    border-color: transparent;
    height: 44.5px;
    border-radius: 0;
}
.custom-theme01 .category-list-top {
    width: 100%;
    /* flex-basis: inherit; */
    border: none;
}
.custom-theme01 .category-list-top>.row>div:first-child {
  flex-grow: inherit;
  width: 100%;
  flex-basis: inherit;
  height: auto!important;
  padding: 0;
}

.custom-theme01 .category-list-top>.row>div:last-child {
 background-color: #fff;
 width: 100%;
 margin: -115px 15px 0 15px;
 padding: 15px;
 text-align: center;
 box-shadow: 0px 10px 20px 0px rgb(37 47 63 / 5%);
 }

 .custom-theme01 .category-list-top .title a {
     color: #0077a5;
     font-weight: 400;
 }

 .custom-theme01 .category-list-top  .media-lazy.lazyloaded {
     height: 300px;
 }
 .custom-theme01.layout02 .heading-title>span {
     position: relative;
     display: inline-block;
     background: #fff;
     margin: 0 60px;
     padding: 0 20px;
     /* z-index: 0; */
 }
 .custom-theme01.layout02 .heading-title>span:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000;
    height: 5px;
    background-color: #f8f8f8;
    left: -60px;
    z-index: -1;
    position: absolute;
    top: 16px;
    /* width: 100%; */
    right: -60px;
 }

 .custom-theme01 .product-btn .mbi {
     border-radius: 0;
     color: #fff;
 }
 .custom-theme01 .product-btn button:hover .mbi,
 .custom-theme01 .product-btn a:hover .mbi {
     background-color: transparent;
     color: #00bcd4;
 }

 .custom-theme01 .special-price .price {
     color: #f63b61;
 }
 .custom-theme01 .product-show .product-btn {
    background-color: #263243;
    z-index: 4;
    box-shadow: 0px -5px 10px -5px rgb(17 17 17 / 17%);
 }
 .custom-theme01 .product-item-details {
     padding: 0px 13px 0 13px;
     /* margin: 0 20px; */
 }
 .custom-theme01 .widget-product .owl-carousel .product-item {
    background-color: #f7f9fc;
    transition: .3s all ease-in-out;
    /* box-shadow: 0px 11px 21px -10px rgb(0 0 0 / 7%); */
 }
 .custom-theme01 .owl-carousel .owl-item .product-item img {
    border: 2px solid #f7f9fc;
 }

 .custom-theme01 .product-item-photo .discount-percent,  
 .custom-theme01 .product.media .discount-percent {
    background: #ff6488;
 }
 .custom-theme01 .product-item-name a {
     color: #263243;
 }
 .custom-theme01 .block-main-product .top-title .title {
    position: relative;
    display: inline-block;
    background: #fff;
    margin: 0 60px;
    padding: 0 20px;
    font-weight: 300;
    text-transform: uppercase;
 }
 .custom-theme01 .block-main-product .top-title .title:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000;
    height: 5px;
    background-color: #f8f8f8;
    left: -60px;
    z-index: -1;
    position: absolute;
    top: 16px;
    right: -60px;
 }

 .custom-theme01 .block-main-product .top-title{
    border-bottom:transparent;
    margin-bottom: 30px;
    margin-top: 25px;
 }
 .custom-theme01 .block-main-product .top-title .list-category li {padding: 0 0px;}
 .custom-theme01 .block-main-product .top-title .list-category li:first-child a {
    border-top-left-radius: 15px;
 }
 .custom-theme01 .block-main-product .top-title .list-category li:last-child a {
    border-bottom-right-radius: 15px;
 }
 .custom-theme01 .block-main-product .top-title .list-category {padding-top: 0;font-size: 0;}
 .custom-theme01 .block-main-product .top-title .list-category li a{
     font-size: 13px;
     padding: 5px 20px;
     background-color: #5d42d3;
     color: #ffffff;
     border: 1px solid #4f3aac;
     /* border-radius: 0 40px 0 40px; */
     -webkit-box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
     -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
     margin-right: -1px;
    }
    .custom-theme01 .sticky-menu.active {
    -webkit-box-shadow: 0 1px 9px rgb(0 0 0 / 12%), 0 1px 9px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 12%), 0 1px 9px rgb(0 0 0 / 24%);
    }
    .custom-theme01 .page-bottom {
        background-color: #022e4c;
        margin-top: 30px;
    }
 
    .custom-theme01 .post-list-wrapper .post-categories a,
    .custom-theme01 .block-blog-main .post-list-wrapper .title a {
        color: #fff;
    }
    .custom-theme01 .block-blog-main.block-main-product .top-title .title {
     background-color: transparent;
     margin: 0;
     padding: 0;
    }
    .custom-theme01 .block-blog-main.block-main-product .top-title .title a {
        color: #fff;
        /* position: relative; */
        /* z-index: 0; */
    }
    .custom-theme01 .block-blog-main.block-main-product .list-category {
        display: none;
    }
    .custom-theme01 .post-list-wrapper .post-item{
        margin-bottom: 50px;
    }
    .custom-theme01 .block-static .main-heading {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .custom-theme01 #magebig_newsletter .mfp-close{
  top: -20px;
  }
  
  .custom-theme01 .selling-feature .media-left .mbi {color: #263243;}

/* ==========================================================================
Headings
========================================================================== */
h1.chain { text-align: center; text-transform: uppercase;  letter-spacing: 1px;    font-weight: 600;  }
h2.frame {text-align: center;text-transform: uppercase;letter-spacing: 1px;font-size: 30px;font-weight: 600;margin-bottom: 25px;}
h2.mech { text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; font-weight: 600;   padding-top: 65px; margin-top: 70px; }
h2.front-frame { text-align: center; text-transform: uppercase;letter-spacing: 1px;  padding-top: 65px; margin-bottom: 15px; margin-top: 70px; }
 
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1; }
.pullcontainer a#pull { display: none; }
a { color: #282f35; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
a:hover { color: #64c29e; text-decoration: none; }
.section-text p { text-align: center;   word-spacing: 2px; line-height: 1.5em;  }
p.text-intro { font-size: 18px; }
.hero { background: url(../img/hero-bg.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 685px; }
.responsive-logo { display: hidden; }
  .r_spacer { margin-right: 180px; }
.intro { padding: 115px 0; background-color: #fbfbfb; }
.section-1 { background: url(../img/left-box-1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; }
.section-2 { background: url(../img/left-box-2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;position: relative; }
.section-3 { background: url(../img/red-frame.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; }
.section-4 { background: url(../img/red-bike.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.section-text {position: relative;height: 100vh;}
.nopadding {padding: 0 !important;/* margin: 0 !important; */}
.thin-sep {height: 1px;background-color: #1e1d41;width: 50px;margin: 8% auto 0 auto;}
.small-featured-img {  width: 100%;margin-top: 125px; }
.seat-red { background: url(../img/seat-red.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.seat-black { background: url(../img/seat-black.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.frame-red { background: url(../img/chrome-wheels.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.section-para p { padding: 0 60px; text-align: justify; }
.arrow {background: url(../img/arrow.png) no-repeat center center;width: 21px;height: 30px;margin: -1px auto 0 auto;}

.flex-container { background-color: #f7f7f7; padding: 125px 0 35px; text-align: center; }
.flex-twitter-icon { width: 32px; height: 27px; background: url(../img/twitter-bird.png) no-repeat center center; margin: 0 auto; }
p.twitter-post { color: #848789; font-size: 24px; font-style: italic; font-weight: 300; margin-bottom: 100px; }
.left-box-1 { width: 50%; float: left; }
.left-box-2 { width: 50%; float: right; }
.left-box-btm { width: 100%; }
.left-box-1 img, .left-box-2 img, .left-box-btm img { width: 100%; }
.mid-box-1 { width: 50%; float: left; }
.mid-box-2 { width: 50%; float: right; }
.mid-box-1 img { width: 100%; height: 100%; }
.mid-box-2 img { width: 100%; height: 100%; }
.right-box-1 { width: 100%; }
.right-box-2 { width: 50%; float: left; }
.right-box-3 { width: 50%; float: right; }
.right-box-3 img, .right-box-2 img, .right-box-1 img { width: 100%; }
.effects { background-color: #282f35; }
.effects .img { position: relative; }
.effects .img img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; }
.overlay { z-index: 10 }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none }
#effect .overlay { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgba(100, 194, 158, 0.8); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#effect .overlay a.expand { position: absolute; left: 0; right: 0; top: 0; content: ""; margin: 0 auto; border-radius: 30px; text-align: center; color: #fff; line-height: 50px; font-weight: 600; font-size: 14px; opacity: 0; text-transform: uppercase; letter-spacing: 3px; background: url(../img/white-bike-icon.png) no-repeat top center; padding-top: 25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: block; }
#effect .img { overflow: hidden }
#effect .img.hover .overlay { opacity: 1 }
#effect .img.hover .overlay a.expand { top: 50%; margin-top: -30px; opacity: 1; }
.discover { background-color: #282f35; padding: 70px 0; text-align: center; }
.shop-btn { border: solid 1px #bbb; padding: 15px 50px; color: #fff; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; }
.shop-btn:hover, .shop-btn:focus { border: solid 1px #64c29e; }
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp { visibility: visible; }
img.responsive-img {
    max-width: 100%;
    
}
.bg-dark {
    background-color: #111317;
}
 
.parallax {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-transition: background-position .3s ease-in;
    -moz-transition: background-position .3s ease-in;
    -o-transition: background-position .3s ease-in;
    transition: background-position .3s ease-in;
    -webkit-background-size: cover;
    background-size: cover;
  }
  
  .parallax .parallax-container {
    position: absolute; 
     top: 0;  
    left: 0;  
    width: 100%; 
   height: 100%; 
    background-color: rgba(0,0,0,0.4);  
    color: #eee; 
  }
  .h_80 {height: 80vh!important;}
  .h_60 {height: 60vh!important;}

  .h_100 {height: 100vh!important;}
  .sections-div, .parallax-container { height: 100vh }
  .sections-div{
      overflow: hidden;
      position: relative;
  }
 
 .production-showcase  p{
    /* letter-spacing: 1px; */
    line-height: 1.7;
    font-size: 16px;
    padding: 0px 30px;
  }
.right-featured-img {
    width: 100%;
    margin-top: 6rem;
  
}
.row1-container h2,
.row2-container h2 {
    color: #01d9fd;
    font-weight: 400;
    font-size: 20px;
}

.rounded-bg1 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/blob_1.svg);
    background-repeat: no-repeat;
}
.parallax-graybg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250,250,250,0.4);
 } 
 .img-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
 }

 .m-h {
     max-height: 100%;
 }
 .relative {
     position: relative;
 }
 .w-wrapper {
    position: absolute;
    left: 35px;
    background-color: #ffffff;
    padding: 24px 50px;
    color: #1b1b2d;
    letter-spacing: .5px;
    font-size: 18px;
    bottom: 0;
    border-top-right-radius: 194px;
}
.w-wrapper h1 {
    margin-bottom: 20px;
    color: #353738;
}
.v-middle {
    display: flex;
    align-items: center;
}
.section-content {
    font-size: 2rem;
     padding: 50px;
    color: #3f3f3f;
    background-color: rgb(255 255 255 / 73%);
}
.bg1 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/illustration-section-01.svg); 
    background-attachment: fixed;
    background-color: rgb(3 169 244 / 7%);
}

 
.pattern2 { background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/blob_1.svg); }


.attribution { 
    font-size: 11px; text-align: center; 
}
.attribution a { 
    color: hsl(228, 45%, 44%); 
}

.w-img {
    overflow: hidden;
    border-bottom-left-radius: 55px;
    border-top-right-radius: 54px;
    position: relative;
    width: 220px;
    display: inline-block;    
}
.box-list .box p {
    color: hsl(229, 6%, 66%);
}

.box-list .box {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px #050505;
    padding: 30px;
    margin: 20px;  
    border: 1px solid #272727;
}
.row1-container img,
.row2-container img {
   margin:  15px  auto 0 auto;
   display: block;
}

@media (max-width: 450px) {
    .box-list .box {
        height: 200px;
    }
}

@media (max-width: 950px) and (min-width: 450px) {
    .box-list .box {
        text-align: center;
        height: 180px;
    }
}
.w-border {
    border-top: 3px solid #fff;
}

.cyan {
    border-top: 3px solid hsl(180, 62%, 55%);
}
.red {
    border-top: 3px solid hsl(0, 78%, 62%);
}
.blue {
    border-top: 3px solid hsl(212, 86%, 64%);
}
.orange {
    border-top: 3px solid hsl(229, 6%, 66%);
}

 
@media (min-width: 950px) {
    .row1-container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }
    
    .row2-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .box-down {
        position: relative;
        top: 150px;
    }
    .box-list .box {
        width: 25%;
     
    }
  
}
 .align-center {
     align-items: center;
 }
.container.gallery-container {
     color: #35373a;
     min-height: 100%;
     padding: 30px 8%!important;
}
.gallerylist-container {
    padding: 5em 0;
}
.box2 {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px #e0e0e0;
    padding: 30px;
    margin: 20px 6rem;
   
}
.box2 h2 {
    font-size: 20px;
    font-weight: 600;
}
 
.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}
.tz-gallery .lightbox {
    display: block;
    padding: 6px;
    margin: 10px;
    border: 3px solid #f2f2f2;
}
.tz-gallery .lightbox:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 8%), 0 3px 6px rgb(0 0 0 / 11%);
    border-color: #ffffff;
}
/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    content: '♥';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}

.light-gray {background-color: #f9f9f9;}
.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(233 30 99 / 14%);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
    overflow: hidden !important;
  }
  
  #swipebox-overlay img {
    border: none !important;
  }
  
  #swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  #swipebox-container {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  #swipebox-slider {
    -webkit-transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer;
  }
  #swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
  }
  #swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
  }
  #swipebox-slider .slide img,
  #swipebox-slider .slide .swipebox-video-container,
  #swipebox-slider .slide .swipebox-inline-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
  }
  #swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
  }
  #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }
  #swipebox-slider .slide-loading {
    background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/loader.gif) no-repeat center center;
  }
  
  #swipebox-bottom-bar,
  #swipebox-top-bar {
    -webkit-transition: 0.5s;
            transition: 0.5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%;
  }
  
  #swipebox-bottom-bar {
    bottom:0px;
  }
  /* #swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
  } */
  
  #swipebox-top-bar {
    top: -50px;
  }
  #swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }
  
  #swipebox-title {
    display: block;
    width: 100%;
    text-align: center;
  }
  
  #swipebox-prev,
  #swipebox-next,
  #swipebox-close {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/icons.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
  }
  
  #swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px;
  }
  
  #swipebox-prev {
    background-position: -32px 13px;
    float: left;
  }
  
  #swipebox-next {
    background-position: -78px 13px;
    float: right;
  }
  
  #swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px;
  }
  
  .swipebox-no-close-button #swipebox-close {
    display: none;
  }
  
  #swipebox-prev.disabled,
  #swipebox-next.disabled {
    opacity: 0.3;
  }
  
  .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring 0.3s;
            animation: rightSpring 0.3s;
  }
  .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring 0.3s;
            animation: leftSpring 0.3s;
  }
  
  .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0;
  }
  .swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
            box-shadow: inset 10px 0px 10px -8px #656565;
  }
  .swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
            box-shadow: inset -10px 0px 10px -8px #656565;
  }
  .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
    opacity: 1;
  }
  .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1;
  }
  
  @-webkit-keyframes rightSpring {
    0% {
      left: 0;
    }
  
    50% {
      left: -30px;
    }
  
    100% {
      left: 0;
    }
  }
  
  @keyframes rightSpring {
    0% {
      left: 0;
    }
  
    50% {
      left: -30px;
    }
  
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes leftSpring {
    0% {
      left: 0;
    }
  
    50% {
      left: 30px;
    }
  
    100% {
      left: 0;
    }
  }
  @keyframes leftSpring {
    0% {
      left: 0;
    }
  
    50% {
      left: 30px;
    }
  
    100% {
      left: 0;
    }
  }
  @media screen and (min-width: 800px) {
    #swipebox-close {
      right: 10px;
    }
  
    #swipebox-arrows {
      width: 92%;
      max-width: 900px;
    }
  }
  /* Skin 
  --------------------------*/
  #swipebox-overlay {
    background: #0d0d0d;
  }
  
  #swipebox-bottom-bar,
  #swipebox-top-bar {
    text-shadow: 1px 1px 1px black;
    background: #000;
    opacity: 0.95;
  }
  
  #swipebox-top-bar {
    color: white !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif;
  }
  
.baguetteBox-button {
    background-color: transparent !important;
}
 
.h-auto {
    height: auto!important;
}
.w-wrapper-2 h2 {
    margin-top: 40px;
    margin-bottom: 25px;
}
.rm-section {
    padding: 5rem 0 0 0;
    height: auto!important;
}
.wbg {
    background-color: #01d9fe;
    padding: 0 5rem;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.w-wrapper-2 p {
    padding: 0 20px;
}
.bg-grd1 {
 padding: 7rem 0;
 background: #86edc1;
 background: -moz-linear-gradient(left, #86edc1 0%, #14b0fb 100%);
 background: -webkit-linear-gradient(left, #86edc1 0%, #14b0fb 100%);
 background: linear-gradient(to right, #86edc1 0%, #14b0fb 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86edc1', endColorstr='#14b0fb', GradientType=1);  

}
.black-grd {
 
background-color: #f6f6f6;
}
.bluebg{
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/b-shape1-hero.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top right, left top 0;
    /* background-attachment: fixed; */
}

.image-stc {
    position: relative;
    overflow: hidden;
}
 
.wg-section3 {
    background: #f6f6f6;
    color: #1b1b2d;
    text-align: center;
    padding: 11rem 0 2rem 0;
}
.d-box1 {
    width: 60%;
    height: 150px;
    position: relative;
    margin-left: 20%; 
    z-index: 2;  
    margin-top: 20px   
}
.d-box2 {
    position: relative;
    z-index: 1;
}
.title-container .p-title {
    font-size: 53px;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: 600;
}
.formuler-z8 .title-container {
    margin-top: 17rem;
    padding: 0 045px;
    width: auto;
}
.formuler-z8 .title-container .p-title {
    font-size: 60px;
}
.title-container {
    margin-top: 120px;
    padding: 45px;
    width: 400px;
 }
 .sl-logo {
    float: right;
    display: flex;
 }
 .sl-logo span {
     display: inline-block;     
    margin-left: 160px;

 }
.l-img{
    position: absolute;
    right: 51px;
    width: 115px;
    top: 0;
    overflow: hidden;
    border-bottom-left-radius: 55px;
    border-top-right-radius: 54px;
}
.formuler-z8 .pro-title {
    padding-top: 10px;
    margin-left: 45px;
}
.pro-title {
    font-size: 16px;
    color: #0a263c;
    font-weight: 600;
    
  
    padding-top: 30px;
}
h1.front-frame {
    line-height: 1.3;
    font-size: 4.5rem;
    margin-bottom: 15px;
    font-weight: 600;
    padding: 0px 30px;
    }
h2.front-frame {font-size: 3rem;font-weight: 600;}

.w-wrapper-3 {
    color: #e0e0e0;
    background: #1b1b2d;
    padding: 40px;
    /* border-bottom-left-radius: 55px; */
    /* border-top-right-radius: 54px; */
    /* border-bottom: 10px solid #1ab3f8; */
    margin: 0 5rem;
    align-self: center;
}
.w-wrapper-3 h1{color: #fff;}
.wg-section3 .col-md-7{
    margin: 0 auto;
}
.w-wrapper-4 {
    color: #2b2b2b;
    padding: 40px;
      margin: 0 0 4rem 0;
}
.slider-section {
    padding: 6rem 0;
}

.wg-section3 h1.front-frame {
    font-size: 5rem;
    font-weight: 600;
}
.w-wrapper-5 {
    color: #2b2b2b;  
    padding: 40px 40px 0 40px;
    margin:  0;
}
 
.list-sect-container {
    align-self: center;
    overflow: hidden;
}
.bg-grd2 {
    padding: 4rem 0;

    background-image: linear-gradient(to top, #86edc1, #89efee, #b2ecff, #f6f6f6, #f6f6f6);
}
.bg-grd3  {
    padding: 4rem 0;
    background-image: linear-gradient(to bottom, #86edc1, #8df3f3, #bbf5ff, #ffffff, #ffffff);
}
.bg-grd4{
    background-image: linear-gradient(to top, #f5f3f3, #f7f6f6, #faf9f9, #fcfcfc, #ffffff);
}
.iconlist {padding: 40px;}
.iconlist img {
    width: 110px;
}
.r-sft {
    margin-top: 30px;
}
.item-sec {
    display: inline-block;
    background-color: #fff;
    padding: 15px;
    width: 20%;
    margin: 2%;
}
.item-sec span {
    display: block;
    text-align: center;
}
.table-section {
    border:1px solid #efefef;
    padding: 25px;
    margin-top: -1px;
    background-color: #fff;
}
.table-section td.col-text {
    width: 200px;
}
.table-section td {
    padding: 8px;
    position: relative;
    z-index: 0;
}
.table-section td.col-text:before {
    position: absolute;
    content: "";
    width: 70px;
    background-color: #ffcf00;
    left: -26px;
    top: 2px;
    z-index: -1;
    bottom: -1px;
    background-image: linear-gradient(to left, #ffffff, #cbfbff, #29e2e2, #29e2e2, #29e2e2);
     opacity: .5;
    
}

.discrib-section {
    padding: 8rem 0 0;
 position: relative;
}
.table-section .table-title {
    font-weight: 600;
    padding-left: 8px;
    font-size: 20px;
    margin-bottom: 6px;
    color: #c00035;
}
.discrib-section h1.front-frame {
    margin-bottom: 30px;
}


/* Theme 2 */
.bg-pattarn-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 230px;
}
.bg-pt1 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-pattarn1.png),linear-gradient(282deg, #308bba 0%, #0c60ad 100%)!important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}
.overflow-auto {
    overflow: auto!important;
}
.sections-2 {
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.theme-2 .title-container {
    width:auto;
    color: #fff;
    padding:0px 45px 0;
    text-shadow: 0px 2px 2px #28282842;
}
 
.theme-2 .title-container h1 {
    font-weight: 600;
    font-size: 60px;
    color: #fff;
}
.theme-3 .title-container {
    width:auto;
    color:#0b161d;
    padding:0px 45px 0;
 }
.theme-3 .thm-blue {
    background: #c402d5;
}
.theme-3 .thm-bg-yellow {
    background: #ff119f;
}
.theme-3 .title-container h1 {
    font-weight: 600;
    font-size: 60px;
    color: #0b161d;
}
.txt-con {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (min-width: 1200px) {
 .theme-3 .container-fluid {
    padding-right:70px;
    padding-left:70px; 
 }
.theme-2 .container-fluid {
    padding-right:120px;
    padding-left: 120px;
    /* width: 100%; */
}

}
.bg-section {
    padding:10rem 0;
}
.logo-img{
    position: absolute;
    bottom: 50px;
}
.theme-2 .container-fluid .row {
    margin: 0;

}
.theme-2 .d-box1 {
    width: auto;
   margin-top: 80px;
}
body {
    overflow-x: hidden;
}
.theme-2 .container-fluid .row.dsc-panel {
    position: relative;
    background-color: #f9f9f9;
    margin-bottom: 10rem;
    margin-top: 3rem;
    padding-bottom: 14px;
    border-left: 4px solid  #ff4764;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 8%);
}
.tp-img {
     background-size: contain;
    background-position: top center;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png);
    padding-top: 20rem;
    padding-bottom: 6rem;
    background-repeat: no-repeat;
    background-color: #343a40;
    overflow: hidden;
}
.thm-yellow {
    background-color: #ff9800;
}
 
.pad-7 {
    padding:7rem 0 0 0;
}
.bg-blue-opacity {
    background: #0072f1;
    opacity: 0.8;
}
.theme-3 .scl-img div:first-child {
    padding-left: 90px;
}
.theme-3 .title-container {
    margin-top: 80px;
}
.theme-3 .left-pad .wp6 {
    padding: 0 40px;
}
.theme-3 .section-text p,
.theme-3 .section-text h2.front-frame {
    text-align: left;

}
.theme-3 .dsc-panel {
    position: relative;
    z-index: 3;
}
.theme-3 .t-btn {
 
    background: linear-gradient(
237deg ,#ffc107 0%,#ffeb3b 100%);
    border: 15px solid #1d1a05;
}
.light-yellow {
    background-color: #ffe505;
}
.light-gry {
    background-color: #f8f8f8;
}
.theme-3 .left-pad h2.front-frame {
    margin-top: 10rem;
    font-size: 4rem;
    color: #fff;
}
 .theme-3 .strip-bg{
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/skiddo-bg02.png);
    background-size: 100% 100%;
}
.theme-3 .cnt-st {
    background-image: none;
    /* padding: 5rem 9rem 4rem 8rem; */
}
.theme-3 .cnt-st p {
    font-size: 17px;
    padding: 0 20px;
}
.text-dark {
    color: #0a263c !important;
}
.img-brand img {
    height: 34px;
}
.img-brand {
    margin-top: 40px;
    padding: 0px 45px 0;
}
.tp-img3 {
    background-size: contain;
   background-position: top center;
   background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png);
   padding-top: 20rem;
   padding-bottom: 6rem;
   background-repeat: no-repeat;
  overflow: hidden;
}
.lgc-img{
    background: #192026;
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
}
 
.lgc-img img {
    margin: 0  8px;
}
.theme-3 .tp-img3 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png); 
    background-color: #c402d5;
    padding-bottom: 12rem;
}
.theme-3 .wg-section3 {
    padding: 6rem 0 2rem 0;
    margin-top: -2px; 
}
.theme-3 .tp-img-gr {
    background-size: contain;
    background-position: top center;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png);
    background-color: #ff119f;
    padding-bottom: 12rem;
    padding-top: 20rem;
   background-repeat: no-repeat;
  overflow: hidden;
}
.pad-5 {
    padding: 5rem;
}
.theme-3 .box2 {
 box-shadow: none;
 background-color: rgb(255 255 255 / 10%);
}
.theme-3 .box2 h2 {
    text-transform: uppercase;
    font-size: 30px;
}
.btm-daimond {
    background-size: contain;
    background-position: top center;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-pattarn2.png), linear-gradient(to right, #f40370, #f20087, #ea00a0, #db00bc, #c103d9);
    /* background-image: url(images/bg-pattarn2.png), linear-gradient(to right bottom, #006fed, #0083f4, #0096f8, #00a8f9, #2ab8f8); */
    padding-top: 25rem;
    padding-bottom: 15rem;
    background-repeat: no-repeat;
    overflow: hidden;
}
.sections-2 .wp4 {
    bottom: 125%;
    position: absolute;
    color: #000;
    padding: 0 40px;
}
.white-text {
    color: #fbfbfb;
}
.usb-img {
    position: absolute;
    top: -80px;
    left: 0;
}
.usb-img img {
    width: 180px;
}
.btm-img {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r3.svg);
    height: 100px;
    z-index: 2;
    background-repeat: no-repeat;
}

.btm-img1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r-rv.svg);
    height: 100px;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
}
.dsc-panel .p-txt{
       /* font-weight: 600; */
       font-size: 15px;
       font-weight: 400;
       
       line-height: 1.2; 
}
.dsc-panel .p-txt1{
    /* font-weight: 600; */
    font-size: 13px;
    /* word-break: break-all; */
}
.mtv-img {
    width: 130px;
    display: inline-block;
    margin-bottom: 25px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 20px 30px 0px rgb(255 255 255 / 7%);
}
.cnt-st {
    background-image:url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r5.svg);
    background-repeat: no-repeat;
    color: #fff;
    background-size: contain;
    padding: 12rem 7rem 4rem 5rem;
    text-align: center;
    height: 415px;
    background-color: transparent;
}
.theme-2 h1.front-frame {
    margin-bottom: 25px;
 }
.theme-2 h1.front-frame {
    margin-bottom: 25px;
 }
.theme-2 .list-sect-container h2{
 font-size: 23px;
  margin-bottom: 25px;
}
.text-white {
    color: #fff!important;
}
.scl-img div {
    width: 50%;
    float: left;
}
.strip-bg {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/skiddo-bg01.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.pad-tb-4 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.theme-3 .pad-tb-4 {
    padding-top: 7rem;
    padding-bottom:2rem;
}
.img-lmr {
    margin-left: -15%;
}
.theme-2 .box2 {
    margin: 35px 0;
    box-shadow: 0px 30px 40px -20px #b3003c;
    background-color: rgb(208 0 71 / 36%);

}
.theme-2 .top-container {
    margin-bottom: 40px;
    text-align: center;
    margin-top: 6rem;
}
.sections-2.rm-section {
    padding: 10rem 0;
    overflow: hidden;
}
.left-pad {
    padding-left: 15%;
}
.bg-red {
    background:linear-gradient(237deg,#e91e63 0%,#f44336 100%);
    opacity: 0.8;
}
.left-pad h2.front-frame {
    padding-top: 0;
}
.parallax-bgoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.frame-container {
    position: absolute;
    bottom: 0;
}
.dflex-center {
    align-items: center;
    display: flex;
}
.theme-2 .frame-container {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
}
.theme-2 .tz-gallery .lightbox:after {
    background-color: rgb(233 30 99 / 64%);
}
.theme-2 .bg-grd3 {
    background: #1c1b1a;
}
.theme-3 .w-wrapper-4 {
    padding: 0;
}
.theme-3 h2 {
    font-weight: 600;
}

.right-arrow,.left-arrow {
    position: relative;
}
.left-arrow::before {
    left: -29px;
    top: 50%;
    margin-top: -25px;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 30px 25px 0;
    border-color: transparent  #1c1b1a transparent transparent;
}
.right-arrow::before {
    right: -29px;
    top: 50%;
    margin-top: -25px;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 30px;
    border-color: transparent transparent transparent #1c1b1a;
}
.t-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    background: linear-gradient(237deg ,#e91e63 0%,#f44336 100%);
    border-radius: 50%;
    top: -16px;
    left: -21px;
    border: 15px solid #ff4764;
}
.h-100 {
    height: 100%!important;
}
.theme-2 .table-section td.col-text:before {
    width: 4px;
    left: -28px;
    top: 5px;
    bottom: 5px;
    opacity: .8;
    background: #e82a44;
    border-radius: 4px;
}

/* Theme 3 */
.bg-pt2 {
    background: #000;
} 


.elementor-background-overlay {
 
    top: 0;
    left: -1px;
    position: absolute;
    opacity: .8;
    z-index: -1;
    right: 0;
    bottom: -1px;
 
 }
 .element-background-img {
     top: 0;
    left: -1px;
    position: absolute;
 
    z-index: -1;
    right: 0;
    bottom: -1px;
 
 }
 .bt-img-rv {
     position: absolute;
     bottom: 0;
 }
 .sections-3{
     position: relative;
 }
 .thm-blue {
    background-image: linear-gradient(to right bottom, #006fed, #0083f4, #0096f8, #00a8f9, #2ab8f8)
     
 }
 .thm-bg-yellow {
  background-image:linear-gradient(to right, #f4db03, #f7dd04, #f9e004, #fce205, #ffe505)
    
}
.overflow-in {
    overflow: inherit!important;
}
.lft-bg {
    background-image:url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/left_obj_01.png);
    background-repeat: no-repeat;   
}
.background_gradient_1 {
    background-color: #f0fe73;
    background-image: -moz-linear-gradient(180deg,#49d7d9 0%,#f0fe73 100%);
    background-image: -webkit-linear-gradient(
180deg
,#49d7d9 0%,#f0fe73 100%);
    background-image: -ms-linear-gradient(180deg,#49d7d9 0%,#f0fe73 100%);
}

.background_gradient_2 {
    background-color: #70c5fe;
    background-image: -moz-linear-gradient(180deg,#42d4df 0%,#70c5fe 100%);
    background-image: -webkit-linear-gradient(
180deg
,#42d4df 0%,#70c5fe 100%);
    background-image: -ms-linear-gradient(180deg,#42d4df 0%,#70c5fe 100%);
}

.background_gradient_3 {
    background-color: #f673b0;
    background-image: -moz-linear-gradient(180deg,#f673b0 0%,#feebe3 100%);
    background-image: -webkit-linear-gradient(
180deg
,#f673b0 0%,#feebe3 100%);
    background-image: -ms-linear-gradient(180deg,#f673b0 0%,#feebe3 100%);
}

.background_gradient_4 {
    background-color: #efc4f4;
    background-image: -moz-linear-gradient(180deg,#a36ff7 0%,#efc4f4 100%);
    background-image: -webkit-linear-gradient(
180deg
,#a36ff7 0%,#efc4f4 100%);
    background-image: -ms-linear-gradient(180deg,#a36ff7 0%,#efc4f4 100%);
}
.background_gradient_5 {
    background-color: #fcaf6a;
    background-image: -moz-linear-gradient(180deg,#fdcb62 0%,#fcaf6a 100%);
    background-image: -webkit-linear-gradient(
180deg
,#fdcb62 0%,#fcaf6a 100%);
    background-image: -ms-linear-gradient(180deg,#fdcb62 0%,#fcaf6a 100%);
}

.iconboxes_ds {
    text-align: center;
    padding: 70px 10px 80px;
    margin-bottom: 30px;
    border-radius: 120px 120px 0 120px;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.production-showcase .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    /* height: 100%; */
}

@media (min-width: 768px) {
    .production-showcase .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .production-showcase .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .production-showcase .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .production-showcase .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .production-showcase .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .production-showcase .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .production-showcase .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .production-showcase .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .production-showcase  .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .production-showcase .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .production-showcase .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .production-showcase .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .production-showcase .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .production-showcase .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
.cms-mytvonline .block.widget .products-grid .product-item {margin: 0 20px 0 0!important;width: 700px!important;/* background: #f7f7f7; *//* text-align: center; */float: left;padding: 0;/* border: 2px solid #fff; *//* box-shadow: 0 3px 6px rgb(0 0 0 / 13%), 0 3px 6px rgb(0 0 0 / 0%); */transition: all 0.3s cubic-bezier(.25,.8,.25,1);}

.cms-mytvonline .products-grid .product-item .product-item-info > a {
    display: block;
    width: 83px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    height: 83px;
    border: 2px solid #03a9f4;
}
.cms-mytvonline .products-grid .product-item .product-item-info .product-item-details {
    /* width: 68%; */
    /* float: left; */
    color: #1b1b2d;
    margin-left: 27px;
    /* display: flex; */
    text-align: left;
}
 
.cms-mytvonline .product-item .price-box .price {
    font-size: 15px;
    color: #1b1b2d;
}
.cms-mytvonline .column.main .products-grid{
    /* width: 670px; */
    display: inline-block;
}
body.cms-mytvonline .product-item-inner {display: inline-block;margin-top: -28px;padding-left: 20px;}
body.cms-mytvonline .product-item-inner .actions-secondary {
    display: flex;
    margin-left: -3px;
    /* position: absolute; */
}
body.cms-mytvonline .product-item-inner .actions-primary button{background: #ffc107;color: #1b1b2d;text-transform: uppercase;padding: 11px 71px;height: auto;line-height: 1;}
body.cms-mytvonline .product-item-inner .actions-secondary a{display: block;font-size: 12px;padding: 5px 13px;color: #eaeaea;margin: 13px 3px 0 3px;background: #1c1c2f;/* width: 50%; */border-radius: 3px;/* float: left; */text-align: center;/* border: 1px solid #ddd; */box-shadow: 0 1px 3px rgb(0 0 0 / 6%), 0 1px 2px rgb(0 0 0 / 0%);}
body.cms-mytvonline .table tbody tr td {
 font-size: 14px;
}
.hint-p {
    font-size: 13px;
    color: #03a9f4;
}

body.cms-mytvonline  .widget.block-products-list   {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fcfcfc;
    z-index: 9999;
    box-shadow: -1px -1px 10px 2px rgb(0 0 0 / 14%);
    -webkit-box-shadow: -1px -1px 10px 2px rgb(0 0 0 / 12%);
    -moz-box-shadow: -1px -4px 10px 2px rgba(0,0,0,0.33);
    padding: 10px 0;
}
body.cms-mytvonline .weee {
    color: #535353;
}
.cms-mytvonline .products-grid .product-item .product-item-info > a img {
    border: 3px solid #1b1b2d;
    border-radius: 50%;
}
.cms-mytvonline .product-item-name .product-item-link {
    color: #1b1b2d;
    overflow: hidden;
    font-size: 13px;
}
.cms-mytvonline .products-grid .price-box {
    display: inline-block;
    width: 300px;
    line-height: 14px;
    /* top: -8px; */
    position: relative;
}
.cms-mytvonline .products-grid .product-item-name {
    width: 300px;
    /* display: inline; */
}
.cms-mytvonline .block-content {
    /* width: 806px; */
    text-align: center;
}
body.cms-mytvonline .block.widget .product-item-info {
    display: flex;
    align-items: center;
}
.spin-bounch img {
    animation: shapeani3 5s linear infinite;
}
.spin-bounch-down img {
   
    animation: shapeani1 5s linear infinite; 
}
.circle-p,
.discount-circle-inner {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #050509;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -23px;
    z-index: 4;
    margin-left: -25px;
}
.circle-p:after,
.discount-circle-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px dashed #ffeb3b;
    animation: shapeani2 12s linear infinite;
}
.circle-p:before,
.discount-circle-inner:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 30px;
    height: 30px;
    background: #3c3c58;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}
.theme-bg {
    background-color: #11111a
}
.theme-bg2 {
    background-color: #181824
}
.feature {
    padding: 15rem 0px 15rem;
    position: relative;
}
.theme-text {
    color: #e0e0ff!important;
}
.pad-10 {
    padding: 10rem 0;
}
.curve {
    position: absolute;
    z-index: 7;
  }
  .curve.curve-bottom {
    left: 0;
    bottom: -1px;
    width: 100%;
  }
  .curve.curve-bottom:after, .curve.curve-bottom:before {
    bottom: 0;
  }
  .curve.curve-top {
    left: 0;
     top: -1px; 
    width: 100%;
  }
  .curve.curve-top:after, .curve.curve-top:before {
    top: 0;
    border-top: 80px solid #fff;
    border-bottom: 0;
  }
 .m-bt-5 {
    margin-bottom: 6rem;
}
  .curve.dark-brd.curve-top:after, .curve.dark-brd.curve-top:before {
    border-top-color: #0d0d14;
  }
  .curve.dark-brd.curve-top:after, 
  .curve.dark-brd.curve-top:before {
    border-bottom-color: #11111a;
  }
  .curve.curve-top:after {
    border-left: 70vw solid transparent;
  }
  .curve.curve-top:before {
    border-right: 30vw solid transparent;
  }
  .curve:after, .curve:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 80px solid #fff;
    position: absolute;
  }
 .curve.dark-brd:after, 
 .curve.dark-brd:before {
    border-bottom-color: #11111a;
  }
  .curve:after {
    right: 0;
    border-left: 30vw solid transparent;
  }
  .curve:before {
    left: 0;
    border-right: 70vw solid transparent;
  }



@keyframes shapeani2 {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
@keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
      opacity: 0;
    }
  }
@keyframes shapeani3 {
    0% {
      transform: translateY(15px);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(15px);
    }
  }
  @keyframes shapeani1 {
    0% {
      transform: translateY(-15px);
    }
    50% {
      transform: translateY(15px);
    }
    100% {
      transform: translateY(-15px);
    }
  }

 /* THEME - 4  */
 .theme-4 .sections-2 {
     overflow:inherit;
     padding-left: 7%;
    padding-right: 7%;
 }
 @media (min-width: 1201px){
    .list-pad-left {
        padding-left: 90px;
     }
     .list-pad-right {
        padding-right: 90px;
     }
 }
 .theme-4 .section-content {
   background: transparent;
 }

 .theme-4 .title-container {
     width: auto;
 }
 .wht-txt {
     color: #ffffff;
 }
 .border-line {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 
 }
 .thm-black {
    background-color: #050509;
}

 .left-line,
 .right-line {
     position: relative;
     width: 50%;
     float: left;
     height: 6px;

 }
 .thm-overlay {
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
 }
 .op-blue {
    background-color: rgb(0 39 255 / 75%);
 }
.op-red {
    background-color: rgb(255 0 87 / 66%);
}
.theme-4 .wg-section2 .col-md-7{
    margin:  0 auto;
}
.op-yellow {
    background-color: rgb(255 152 0 / 73%);
}
.thm-dark-bg {
    background-color: #11111a;
}
.theme-4 .wg-section3 {
 background: #181824;
}
.theme-4 .lgc-img {
    margin: 30px 0 0;
    background: transparent;
}
  .animation-arrow,
 .animation-arrow:before {
  position: absolute;
  left: 50%;
}
.yellow-text {
    color: yellow;
}
.theme-4 .t-btn {
    display: none;
}
.theme-4 .item-sec {
    background: transparent;
}
.theme-4 .box2 {
 
    box-shadow: 0px 30px 40px -20px #00000066;
 
}
.theme-4 .tz-gallery  a {
    display: block;
    border: 4px solid #0d0d14;
    margin: 8px;
}
.theme-4 .tz-gallery .lightbox:after {
    background-color: rgb(255 218 0 / 61%);
}
.theme-4 .margin-left.dsc-panel {
    /* margin-left: 25px; */
}
.trial-div {
    position: absolute;
    right: 0;
    bottom: 80%;
    display: none;
}
.trial-div > img {
    height: 170px;
}
.theme-4 .wp6 h2.front-frame{
    padding: 0;
    margin: 0 0 15px 0;
}
.theme-4 .txt-con {
    font-size: 16px;
}
.theme-4 .section-text .wp6 {
    margin-bottom: 40px;
}
.animation-arrow {
  width: 40px;
  height: 40px;
  top: 50%;
  margin: -20px 0 0 -20px;
   transform: rotate(45deg);
  border-left: none;
  border-top: none;
  border-right: 5px #fff solid;
  border-bottom: 5px #fff solid;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 5;
}
 .theme-4 .lgc-img img {
    height: 100px;
 }
 .theme-4 .table-section {
    border: 1px solid #0d0d14;
     background-color: #181824;
 }
 .theme-4 .table-section td.col-text:before {
 
    width: 2px;
    background: #ffeb3b;
    top:5px;
    bottom: 5px;
     opacity: 1;
 }
 .theme-4 .table-section .table-title {
    color: #ffeb3b;
 }
 .animation-arrow:before {
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  margin: -10px 0 0 -10px;
  border-left: none;
  border-top: none;
  border-right: 2px #fff solid;
  border-bottom: 2px #fff solid;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: arrow;
}

@keyframes arrow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-10px, -10px);
  }
}

/* Theme -5 */
.theme-5 .bg-pt1 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-pattarn1.png),linear-gradient(
        237deg,#556aff 0%,#9c27b0 100%)!important
}
.theme-2.theme-5 .title-container,
.theme-2.theme-5  .title-container h1 {
  
    text-shadow:none
}
.theme-2.theme-5 .container-fluid .row.dsc-panel {
    border: 2px solid #fff;
}
.theme-2.theme-5 .container-fluid .row.dsc-panel .t-btn {
    background:  linear-gradient(
        237deg,#556aff 0%,#9c27b0 100%) ; 
        border-color: #556aff;
}
.theme-5 .tp-img {
    background-color: #1e1f21;
}
.theme-5 .mt-text {
    margin-top: 5rem;
}
.theme-5 .sections-2.rm-section{
   background: #1a1b1d
}
.theme-5 .cnt-st {
    background:transparent;
}
.theme-5 .text-blue {
    color: #2ca7ff;
}
.theme-5  .text-left {
    text-align: left!important;
}
.theme-2.theme-5 .box2 {
    box-shadow: 0px 30px 40px -20px #291dbf;
    background-color: rgb(63 54 255);
    border-color: transparent
}
.theme-5 .bg-red {
    background: #342dff;
   
}
.theme-5 .cutom-sec.w-wrapper-4 {
    margin:0;
    padding: 30px 0;
    display: flex;
}
.theme-5 .w-wrapper-4 .col-md-7 {
    margin:  0 auto;

}
.theme-2.theme-5 .custom-sec2.w-wrapper-4 {
    
    padding: 0;
    margin: 0 0 4rem 0;
}
.theme-2.theme-5 .bg-grd3 {
    background: linear-gradient(
        237deg,#556aff 0%,#9c27b0 100%);
}
.theme-5 .iconlist img {
    width: 97px;
}
.theme-5  .d-box2 {
    position: relative;
    z-index: 1;
    min-height: 500px;
}

/* THEME - 6 */
.theme-6 .btm-daimond {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-pattarn2.png),linear-gradient(to right, #62dc04, #95dc00, #bdda00, #e0d800, #ffd500);
 
}

.specification-container {
    margin-top: 40px;
}
.topset {
    position: absolute;
    top: -50px;
    z-index: 4;
}
.theme-6 .bg-blue-opacity {
    background: #f6f6f6
}
.theme-6 .strip-bg {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/skiddo-bg03.png);
    background-size: 100% 100%;
 
}
.text-default {
    color: #050509;
}
.theme-6 .left-pad h2.front-frame,
.theme-6 .cnt-st {
    color: #050509;
}
.theme-6 .tp-img3 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png);
    padding-bottom: 12rem;
    background-color: #ebeaff;
}
.theme-6 .tp-img-gr {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png),linear-gradient(to right, #62dc04, #95dc00, #bdda00, #e0d800, #ffd500);
 
}
.theme-6 .box2 {
   
    background-color: rgb(255 255 255 / 97%);
}
.bg-yellow-light {
 
    background: linear-gradient(to right, #83e400, #a9e100, #c9de00, #e5da00, #ffd500)
}
.row.list-container {
    margin: 0;
}
.list-container p {
    font-size: 13px;
    padding: 0 20px;
}
.list-container img {
   height: 55px;
}
.list-container .col-md {
    background-image: linear-gradient(to right, #62dc04, #a5f302, #bdda00, #e0d800, #dab809);
    padding: 5px;
}
.theme-6 .lgc-img {
    margin-top: 20px;
}

.theme-6 .wg-section2 > .col-md-7 {
    margin:  0 auto;
}
.theme-6 .iconlist {
    padding: 10px;
    background: #fe0000;
    margin-top: 20px;
    margin-left: 40px;
}
.theme-6 .iconlist img {
    width: auto;
    height: 55px;
    margin: 0 9px;
}
.lg-gray {
    background: #f0f0f0;
}

/* Zmini Start*/
 .bck-bgmax {
    background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/zmini/zmini-bck1.2.webp);
    background-size: cover;
}
 .bck-bgmini{
background-color: #000922;
 }
 .theme-bgcolor{
    background-color:rgb(84 48 8 / 47%);
 }
 .theme-simple{
    background-color:#0c0c0c;
 }
 .op-redmini{
    background-color:#000922;
 }


 .h-80 {
    height: 80%!important;
}

.middle-h{
   margin-top: 70px;
}


.boxmini{
   background-color: #b07f1b99;
}

/* Zmini End*/

/* Z10se Start*/
.btm-daimondone{
    background-size: contain;
    background-position: top center;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-pattarn2.png), linear-gradient(to right, #f5a200, #fbbd3f);
    padding-top: 25rem;
    padding-bottom: 15rem;
    background-repeat: no-repeat;
    overflow: hidden;
}
.tp-img3curve {
    background-size: contain;
    background-position: top center;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png); 
    padding-top: 20rem;
    padding-bottom: 12rem;
    background-repeat: no-repeat;
    overflow: hidden;
}

.strip-bgcone{
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z10se/gradient3.png);
    background-size: 100% 100%;
}
.tp-img-grorange{
    background-size: contain;
    background-position: top center;
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-r2.png);
    background-color: #ff5336;
    padding-bottom: 12rem;
    padding-top: 20rem;
    background-repeat: no-repeat;
    overflow: hidden;
}
.list-containerfour .col-md
 {

    padding: 5px;
 }

.thm-yellowz10se {
    background-color: #9c7bba;
    
}
.text-defaultz10se{
    color: rgb(255, 255, 255);
}
  .bg-yellow-lightzigzag{
    background:none;
}
.pad-5 {
    padding: 5rem;
}

.discrib-sectionz10 {
    padding: 8rem 0 0;
    position: relative;
        margin-bottom: 30px;
}
.h1.front-frame10 {
    line-height: 1.3;
    font-size: 4.5rem;
    font-weight: 600;
}

.table-sectionse {
    border: 1px solid #f9f9f9;
    padding: 25px;
    margin-top: -1px;
    background-color: #f9f9f9;
}
.col-texttab{
    width: 200px;
    color:white;
}
 .table-titlez10 {
    font-weight: 600;
    padding-left: 8px;
    font-size: 20px;
    margin-bottom: 6px;
    color: #c00035;
}
.td{
    color:white;
}

.iconlist2{
    padding: 10px;
    margin-top: 20px;
    margin-left: 40px;
}
/* Z10SE End */

/* Formuler Store */

        .formuler-store-content {
            font-family: 'Inter', sans-serif;
            color: #333333;
            line-height: 1.6;
            background-color: #ffffff;
            margin: 0;
            padding: 0;
        }
        
        .formuler-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
            box-sizing: border-box;
        }

        .formuler-hero-section {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .formuler-hero-content {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .formuler-hero-title {
            color: #333333;
        }

        .formuler-hero-text {
            max-width: 800px;
            font-size: 1.1rem;
        }

        .formuler-hero-image {
            margin-top: 2rem;
            width: 100%;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .formuler-features-section {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            align-items: center;
            margin-bottom: 1.5rem;
        }
        
        .formuler-feature-title {
            text-align: center;
            font-size: 2.5rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            color: #333333;
        }

        .formuler-feature-list {
            list-style-type: none;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
            text-align: center;
        }

        .formuler-feature-item {
            background: #f8f9fa;
            padding: 1rem 2rem;
            border-radius: 8px;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        }

        .formuler-feature-highlight {
            color: #f3283c;
        }

        .formuler-tv-online-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
            width: 100%;
            max-width: 900px;
            margin-bottom: 10px;
        }

        .formuler-product-section {
            padding: 2rem 0;
            background-color: #f0f0f0;
        }

        .formuler-product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .formuler-store-content h1 {
            font-size: 4rem;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        .formuler-store-content h2 {
            text-align: center;
            font-size: 3.5rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            margin-bottom: 20px;
            color: #333333;
        }
        
        .formuler-store-content p {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            margin-top: 5px;
        }

        .formuler-store-content .btn {
            padding: 0.75rem 1.5rem;
            border: none;
            cursor: pointer;
            text-decoration: none;
            font-weight: 600;
            border-radius: 6px;
            transition: all 0.3s ease;
            text-align: center;
            flex-grow: 1;
        }

        .formuler-store-content .btn-secondary:hover {
            background-color: #6c757d;
            color: #ffffff;
        }

        .formuler-store-content .btn-primary {
            background-color: #333333;
            color: #ffffff;
        }

        .formuler-store-content .btn-primary:hover {
            background-color: #f3283c;
        }

        .formuler-store-content .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .formuler-store-content .product-card {
            background: #ffffff; 
            padding: 1.5rem; 
            border-radius: 12px; 
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); 
            text-align: center; 
            transition: transform 0.3s ease, box-shadow 0.3s ease; 
            display: flex; 
            flex-direction: column; 
            gap: 1rem;
        }
        
        .formuler-card-image {
            width: 100%; 
            height: auto; 
            border-radius: 8px; 
            margin-bottom: 1rem; 
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        
        .formuler-card-title {
            margin: 0; 
            text-align: left; 
            color: #333333;
            font-size: 24px;
        }
        
        .formuler-card-tags {
            display: flex; 
            flex-wrap: wrap; 
            gap: 0.5rem; 
            justify-content: flex-start; 
            margin-bottom: 1rem;
        }
        
        .formuler-card-tag {
            background-color: #e9ecef; 
            color: #333333; 
            padding: 0.25rem 0.75rem; 
            border-radius: 4px; 
            font-size: 1rem; 
            font-weight: 600;
        }
        
        .formuler-card-price-info {
            display: flex; 
            justify-content: flex-start; 
            align-items: center; 
            gap: 0.5rem; 
            margin-bottom: 1rem; 
            font-weight: 600;
        }
        
        .formuler-current-price {
            color: #f3283c; 
            font-size: 2.25rem;
        }
        
        .formuler-old-price {
            text-decoration: line-through; 
            color: #6c757d; 
            font-size: 1.5rem;
        }
        
        .formuler-why-buy-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            text-align: center;
        }

        .formuler-store-content .authorized-list li::before {
            content: '✓';
            color: #f3283c;
            font-weight: bold;
            margin-right: 5px;


        }
        
        .formuler-authorized-benefits {
            list-style-type: none; 
            padding: 0; 
            display: grid; 
            grid-template-columns: repeat(2, 1fr); 
            gap: 1rem; 
            width: 100%; 
            max-width: 600px;
        }

        .formuler-authorized-benefit-item {
            background: #f8f9fa; 
            padding: 1rem 2rem; 
            border-radius: 8px; 
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 
            position: relative; 
            text-align: left;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .formuler-store-content h1 {
                font-size: 3rem;
            }

            .formuler-store-content h2 {
                font-size: 2rem;
            }
            
            .formuler-tv-online-grid {
                grid-template-columns: 1fr;
            }
            
            .formuler-product-grid {
                grid-template-columns: 1fr;
            }
            
            .formuler-feature-list {
                grid-template-columns: 1fr;
            }
            
            .formuler-authorized-benefits {
                grid-template-columns: 1fr;
            }
        }

/* Formuler Store End */

/* Formuler in canada Start */

        .formuler-store-content {
            font-family: 'Inter', sans-serif;
            color: #333333;
            line-height: 1.6;
            background-color: #ffffff;
            margin: 0;
            padding: 0;
        }
        
        .formuler-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
            box-sizing: border-box;
        }

        .formuler-hero-section {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .formuler-hero-content {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .formuler-hero-title {
            color: #333333;
            font-size: 2.5rem;
            font-weight: 700;
        }

        .formuler-hero-text {
            max-width: 800px;
            font-size: 1.1rem;
        }

        .formuler-hero-image {
            margin-top: 2rem;
            width: 100%;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .formuler-features-section {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            align-items: center;
            margin-bottom: 1.5rem;
        }
        
        .formuler-features-list {
            list-style-type: none;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
            text-align: center;
        }

        .formuler-feature-item {
            background: #f8f9fa;
            padding: 1rem 2rem;
            border-radius: 8px;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
            text-align: left;
            position: relative;
            padding-left: 3rem;
        }
        
        .formuler-feature-item::before {
            content: '✓';
            color: #f3283c;
            font-weight: bold;
            position: absolute;
            left: 1rem;
        }

        .formuler-feature-title {
            text-align: center;
            font-size: 2.5rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            color: #333333;
        }

        .formuler-tv-online-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
            width: 100%;
            max-width: 900px;
        }

        .formuler-product-section {
            padding: 2rem 0;
            background-color: #f0f0f0;
        }

        .formuler-product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .formuler-store-content h1 {
            margin-bottom: 1rem;
        }
        
        .formuler-store-content h2 {
            text-align: center;
            font-size: 3.5rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            color: #333333;
        }
        
        .formuler-store-content p {
            margin-bottom: 1rem;
        }

        .formuler-store-content .btn {
            padding: 0.75rem 1.5rem;
            border: none;
            cursor: pointer;
            text-decoration: none;
            font-weight: 600;
            border-radius: 6px;
            transition: all 0.3s ease;
            text-align: center;
            flex-grow: 1;
        }

        .formuler-store-content .btn-secondary:hover {
            background-color: #6c757d;
            color: #ffffff;
        }

        .formuler-store-content .btn-primary {
            background-color: #333333;
            color: #ffffff;
        }

        .formuler-store-content .btn-primary:hover {
            background-color: #f3283c;
        }

        .formuler-store-content .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .formuler-store-content .product-card {
            background: #ffffff; 
            padding: 1.5rem; 
            border-radius: 12px; 
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); 
            text-align: center; 
            transition: transform 0.3s ease, box-shadow 0.3s ease; 
            display: flex; 
            flex-direction: column; 
            gap: 1rem;
        }
        
        .formuler-card-image {
            width: 100%; 
            height: auto; 
            border-radius: 8px; 
            margin-bottom: 1rem; 
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        
        .formuler-card-title {
            margin: 0; 
            text-align: left; 
            color: #333333;
            font-size: 2.2rem;
            font-weight: 600;
        }

        .formuler-card-tags {
            display: flex; 
            flex-wrap: wrap; 
            gap: 0.5rem; 
            justify-content: flex-start; 
            margin-bottom: 1rem;
        }

        .formuler-card-tag {
            background-color: #e9ecef; 
            color: #333333; 
            padding: 0.25rem 0.75rem; 
            border-radius: 4px; 
            font-size: 1rem; 
            font-weight: 600;
        }
        
        .formuler-card-price-info {
            display: flex; 
            justify-content: flex-start; 
            align-items: center; 
            gap: 0.5rem; 
            margin-bottom: 1rem; 
            font-weight: 600;
        }
        
        .formuler-current-price {
            color: #f3283c; 
            font-size: 2rem;
        }
        
        .formuler-old-price {
            text-decoration: line-through; 
            color: #6c757d; 
            font-size: 1.5rem;
        }

        .formuler-why-buy-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        
        .formuler-promise-section, .formuler-buy-section {
            padding-top: 2rem;
        }

        .formuler-responsive-map {
            width: 100%;
            height: 400px;
            max-width: 850px;
            margin-top: 1rem;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .formuler-promise-image {
            width: 100%;
            max-width: 600px;
            height: auto;
            margin-top: 1rem;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .formuler-store-content h1 {
                font-size: 2rem;
            }

            .formuler-store-content h2, .formuler-feature-title {
                font-size: 1.5rem;
            }

            .formuler-features-list {
                grid-template-columns: 1fr;
            }
            
            .formuler-tv-online-grid {
                grid-template-columns: 1fr;
            }
            
            .formuler-product-grid {
                grid-template-columns: 1fr;
            }
        }

/* Formuler in canada End */

/* Hidden Link*/

/*Fix Codes*/
.hidden-link a, 
.hidden-link a:link, 
.hidden-link a:visited, 
.hidden-link a:hover, 
.hidden-link a:active,
.hidden-link a:focus {
    color: #14171e !important;
    text-decoration: none !important;
}

.magicmenu .nav-desktop .level0.active a{

    /* background-color: #ffffff !important; */
}

/* Z12 Ultra Start */
.z12ultra-bgfirst{
        background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z12ultra/z12ulta-bg.webp);
        background-size:cover;
}

.op-bluez12{
    background-color:#0d052b;
}
.op-redmax1{
    background: linear-gradient(266deg, #a260ff, #4c19c1);
}
.theme-bgthird{
    background-color:rgba(22, 64, 202, 0.747);
}
.theme-bgfifth{
    background-color:rgb(40 2 251 / 61%);
}
.glassspec {
    background: rgb(31 59 98 / 22%);
    box-shadow: 0 8px 32px 0 rgb(12 13 37 / 50%);
    backdrop-filter: blur(4.5px);
    -webkit-backdrop-filter: blur( 4.5px );
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: center;
}

.theme-bgover{
    background-color:rgb(6 10 28);
}
.theme-bgcast1{
    background-color:#160946;
}
.bk11 {
    background-color: #000;
}

.table-titlebt1{
    color: #cf2d2d;
    font-weight: 600;
    padding-left: 8px;
    font-size: 20px;
    margin-bottom: 6px;

}

.theme-bg2bt1{
    background-color: #060a1c;

}

.theme-bgtable{
    background-color: #060732;   

}
.discrib-sectionzbt
{
    padding: 8rem 0 0;
    background-color: #060732;
} 


.front-framezbt {
    line-height: 1.3;
    font-size: 4.5rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.table-sectionz11 {
    border: 1px solid #0d0d14;
    background-color: #060732;
    padding: 25px;
    margin-top: -1px;
}
.table-titleZ11{
    color: #f4bf18;
    font-weight: 600;
    padding-left: 8px;
    font-size: 20px;
    margin-bottom: 6px;
}
.col-texttab {
    width: 200px;
}
.col-texttab{
    padding: 8px;   
    position: relative;
    z-index: 0;
}
.col-texttab:before {
    position: absolute;
    content: "";
    background-color: #f4bf18;
    left: -26px;
    z-index: -1;
    width: 2px;
    top: 5px;
    bottom: 5px;
    opacity: 1;
 }
 
.circle-p2,
.discount-circle-inner {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #050509;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -23px;
    z-index: 4;
    margin-left: -25px;
}
.circle-p2:after,
.discount-circle-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px dashed #f4bf18;
    animation: shapeani2 12s linear infinite;
}
.circle-p2:before,
.discount-circle-inner:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 30px;
    height: 30px;
    background: #f4bf18;
    border-radius: 50%;
    animation: pulse-border2 1500ms ease-out infinite;
    z-index: -1;
}
@keyframes pulse-border2 {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
      opacity: 0;
    }
  }

/* Z12 Ultra End */


/* Z11 Pro Max Bt1 */

.theme-bgfirst{
        background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z11promaxbt1/section1bg1.webp);
        background-size:cover;
}

.op-bluez11{
    background-color:#060732;
}
.op-redmax{
    background: linear-gradient(266deg, #080753, #290f65);
}
.theme-bgthird{
    background-color:rgba(22, 64, 202, 0.747);
}
.theme-bgfifth{
    background-color:rgb(40 2 251 / 61%);
}
.glassspec {
    background: rgb(31 59 98 / 22%);
    box-shadow: 0 8px 32px 0 rgb(12 13 37 / 50%);
    backdrop-filter: blur(4.5px);
    -webkit-backdrop-filter: blur( 4.5px );
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: center;
}

.theme-bgover{
    background-color:rgb(6 10 28);
}
.theme-bgcast{
    background-color:#060a1c;
}
.bk11 {
    background-color: #000;
}

.table-titlebt1{
    color: #cf2d2d;
    font-weight: 600;
    padding-left: 8px;
    font-size: 20px;
    margin-bottom: 6px;

}

.theme-bg2bt1{
    background-color: #060a1c;

}

.theme-bgtable{
    background-color: #060732;   

}
.discrib-sectionzbt
{
    padding: 8rem 0 0;
    background-color: #060732;
} 


.front-framezbt {
    line-height: 1.3;
    font-size: 4.5rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.table-sectionz11 {
    border: 1px solid #0d0d14;
    background-color: #060732;
    padding: 25px;
    margin-top: -1px;
}
.table-titleZ11{
    color: #f4bf18;
    font-weight: 600;
    padding-left: 8px;
    font-size: 20px;
    margin-bottom: 6px;
}
.col-texttab {
    width: 200px;
}
.col-texttab{
    padding: 8px;   
    position: relative;
    z-index: 0;
}
.col-texttab:before {
    position: absolute;
    content: "";
    background-color: #f4bf18;
    left: -26px;
    z-index: -1;
    width: 2px;
    top: 5px;
    bottom: 5px;
    opacity: 1;
 }
 
.circle-p2,
.discount-circle-inner {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #050509;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -23px;
    z-index: 4;
    margin-left: -25px;
}
.circle-p2:after,
.discount-circle-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px dashed #f4bf18;
    animation: shapeani2 12s linear infinite;
}
.circle-p2:before,
.discount-circle-inner:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 30px;
    height: 30px;
    background: #f4bf18;
    border-radius: 50%;
    animation: pulse-border2 1500ms ease-out infinite;
    z-index: -1;
}
@keyframes pulse-border2 {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
      opacity: 0;
    }
  }

/* Z11 Pro Max Bt1 */

/* Z11 Pro BT1 Start  */


.dark-bg-z11probt1 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z11probt1/bg-darkz11probt1.jpg);
    background-repeat: no-repeat;
    background-color: #000;
    background-size: contain;
    background-position: bottom;
}

.dark-bg-bt2 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z11probt1/bg-darkz11probt2.jpg);
    background-repeat: no-repeat;
    background-color: #000;
    background-size: contain;
    background-position: top;
}

.glassspec{
    background: rgb(31 59 98 / 22%);
    box-shadow: 0 8px 32px 0 rgb(12 13 37 / 50%);
backdrop-filter: blur( 4.5px );
-webkit-backdrop-filter: blur( 4.5px );
border-radius: 30px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
padding: 30px;
}

.bkbt1{
        background: radial-gradient(#05165694, #020a1c);
    background-repeat: no-repeat;
    background-size: cover, auto;
    background-position: center center, center top;
}

.rmt-icons{
    width: 50px;
    height: 50px;
    margin-right: 18px;
}

.full-white{
    background-color: #fff;
}

.black-grddd {
    background-color: #f6f6f6;
}

.bottomimg{
    padding-top: 100px;
}

.bg-blue-opacityy{
background: radial-gradient(#05165694, #020a1c);
}



/* Z11 Pro BT1 End*/

/* Z10 Neo Start  */

.h3-wht {
    color: #e0e0ff;
    font-size: 28px;
}

.z10neobck-bg {
    background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z10neo/z10bck4.webp) 0% 0% / cover;
}

.z10neobck-bg2 {
    background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z10neo/z10neo-bg-2.1.webp)0% 0% / cover;

}


 .theme-4neo .sections-2 {
     overflow:inherit;
     padding-left: 7%;
    padding-right: 7%;
 }
 @media (min-width: 1201px){
    .list-pad-left {
        padding-left: 90px;
     }
     .list-pad-right {
        padding-right: 90px;
     }
 }
 .theme-4neo .section-content {
   background: transparent;
 }

 .theme-4neo .title-container {
     width: auto;
 }
 .wht-txt {
     color: #ffffff;
 }
 .border-line {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 
 }
 .thm-black {
    background-color: #050509;
}

 .left-line,
 .right-line {
     position: relative;
     width: 50%;
     float: left;
     height: 6px;

 }
 .thm-overlay {
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
 }
 .op-blue {
    background-color: rgb(0 39 255 / 75%);
 }
.op-redneo {
    background-image: 
        linear-gradient(90deg, rgba(14, 0, 126, 1) 0%, rgba(11, 1, 89, 1) 50%, rgba(7, 2, 52, 1) 100%),
        url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/products/z10neo/z10neo-bg-2.2.png);
    background-size: cover, auto;
    background-position: center center, center top;
    background-repeat: no-repeat, repeat-y;
    background-blend-mode: difference;
}

.theme-4neo .wg-section2 .col-md-7{
    margin:  0 auto;
}
.op-yellow {
    background-color: rgb(255 152 0 / 73%);
}
.thm-dark-bg {
    background-color: #11111a;
}
.theme-4neo .wg-section3 {
 background: #060641;
}
.theme-4neo .lgc-img {
    margin: 30px 0 0;
    background: transparent;
}
  .animation-arrow,
 .animation-arrow:before {
  position: absolute;
  left: 50%;
}
.yellow-text {
    color: yellow;
}
.theme-4neo .t-btn {
    display: none;
}
.theme-4neo .item-sec {
    background: transparent;
}
.theme-4neo .box2 {
    background-color: #020156d6;
    box-shadow: 0px 30px 40px -20px #0c09458f;

 
}

.theme-bg2neo {
    background-color: #0d0263b0;
}

.theme-bgneo{
        background-color: #060641;
}

.theme-4neo .tz-gallery  a {
    display: block;
    border: 4px solid #0d0d14;
    margin: 8px;
}
.theme-4neo .tz-gallery .lightbox:after {
    background-color: rgb(255 218 0 / 61%);
}
.theme-4neo .margin-left.dsc-panel {
    /* margin-left: 25px; */
}
.trial-div {
    position: absolute;
    right: 0;
    bottom: 80%;
    display: none;
}
.trial-div > img {
    height: 170px;
}
.theme-4neo .wp6 h2.front-frame{
    padding: 0;
    margin: 0 0 15px 0;
}
.theme-4neo .txt-con {
    font-size: 16px;
}
.theme-4neo .section-text .wp6 {
    margin-bottom: 40px;
}
.animation-arrow {
  width: 40px;
  height: 40px;
  top: 50%;
  margin: -20px 0 0 -20px;
   transform: rotate(45deg);
  border-left: none;
  border-top: none;
  border-right: 5px #fff solid;
  border-bottom: 5px #fff solid;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 5;
}
 .theme-4neo .lgc-img img {
    height: 100px;
 }
 .theme-4neo .table-section {
    border: 1px solid #0d0d14;
     background-color: #181824;
 }
 .theme-4neo .table-section td.col-text:before {
 
    width: 2px;
    background: #ffeb3b;
    top:5px;
    bottom: 5px;
     opacity: 1;
 }
 .theme-4neo .table-section .table-title {
    color: #ffeb3b;
 }
 .animation-arrow:before {
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  margin: -10px 0 0 -10px;
  border-left: none;
  border-top: none;
  border-right: 2px #fff solid;
  border-bottom: 2px #fff solid;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: arrow;
}

@keyframes arrow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-10px, -10px);
  }
}

@media (max-width: 767px) {.theme-2 .logo-img {
        display: none;
    }
}

/* Z10 Neo End  */

/* THEME-7 */
.theme-yellow-bg {
    background-color: #ffdb21;  
}

.paratext p {
    /* letter-spacing: 1px; */
    line-height: 1;
    font-size: 14px;
}
.theme-4.theme-7 .curve.curve-bottom:before {
    border-right: 100vw solid transparent;
}
.theme-4.theme-7 .curve.curve-top:after {
    border-left: 100vw solid transparent;
}
.theme-4.theme-7 .curve.curve-bottom:after,
.theme-4.theme-7 .curve.curve-top:before {
    display: none;
}

.theme-4.theme-7 .curve.curve-bottom:before {
    border-bottom: 100px solid #ffdb21
}
.theme-4.theme-7 .curve.curve-top:after {   
    border-top: 95px solid #ffdb21
 
}

.theme-4.theme-7 .op-blue {
    background-color: rgb(40 50 107 / 71%)
}
.theme-4.theme-7 .margin-left.dsc-panel {

    margin-top: 55px;
}

.theme-4.theme-7 .op-red {
    background-color: rgb(40 50 107 / 71%)
}
.theme-4.theme-7 .theme-bg2 {
    background-color: #e4bf00
}
.theme-4.theme-7 .thm-black {
    background-color: #d5b40d
}
.dark-border .curve.curve-bottom:before{
    border-bottom-color: #11111a!important;
}
.dark-border .curve.curve-top:after {   
    border-top-color: #11111a!important;
 
}
.theme-4.theme-7 .table-section {
    background-color: #fff;
    border-color: #fff;
}
.theme-4.theme-7 .table-section .table-title {
    color: #0a263c
}
.theme-4.theme-7 .title-container {
    margin-top: 80px;
}
.theme-4 .title-container {
    margin-top: 0;
}
@media (min-width: 1200px) {
    .theme-1 section:first-child {padding-top: 16rem; }   
    .theme-3 section:first-child {padding-top: 16rem; }
    .theme-4 section:first-child {padding-top: 16rem;}
    .theme-7 section:first-child {padding-top: 16rem;}
    .product-formuler-z10-pro-max .breadcrumbs li.item.product strong{
        color: #ccc;
    }
    }
 .theme-3.theme-8 .title-container{
     position: absolute;
     left: 0px;
     top:40%;
     z-index: 2;
     transform: translateY(-50%);

 }
 .theme-3.theme-8 .title-container h1 {
    font-size: 46px;
    color: #ffffff;
 }
 .theme-3.theme-8 .txt-con p {
    background-color: #ca0045;
    color: #fff;
    padding: 8px;
    display: inline;
    padding-block: inherit;
    font-size:19px;
 }
 .theme-3.theme-8 .img-brand {
     position: absolute;
     bottom: 30px;
     right: 30px;
 }
 .pad-15 {
     padding-top: 15rem;
     padding-bottom: 15rem;

 }
 .theme-3.theme-8 .img-brand h1 {
     font-size: 30px;
 }
 .theme-3.theme-8 .txt-con {
     margin-top: 0;
 }
 .dark-bg-bt {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-darkcolor31.png);
    background-repeat: no-repeat;
    background-color: #000;
    background-size: contain;
    background-position: top;  
 }
 .dark-bg-clr {
     background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bg-darkcolor3.png);
     background-repeat: no-repeat;
     background-color: #000;
     background-size: contain;
     background-position: bottom;
 }
 .theme-3.theme-8 .img-brand p {
    background-color: #f7e700ef;
    color: #000;
    padding: 8px;
    display: inline;
    padding-block: inherit;
    font-size:19px;    
 }
 .production-showcase .f-20 {
     font-size: 18px;
     margin-top: 20px;
 }
 .grt-color {
     background-color: #006fed;
 }
 .inlintext{
     display: inline;
     margin-bottom: 25px;
 }
 .head2 {
     background-color:#03a9f4;
     color:#fff;
     border-left: 10px solid #03a9f4;
     border-right: 10px solid #03a9f4;
 }
 .theme-3.theme-8 .light-gry {
     background-color: #e8da01;
 }
 .bk{
     background-color: #000;
 }
 .head4 {
    background-color:#f7e700ef;
    color:#000;
    border-left: 10px solid #f7e700ef;
    border-right: 10px solid #f7e700ef;
}
.header-position {
    position: absolute;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
}
.top-list-strip {
    position: absolute;
  
    top: 80px;  
    right: 60px;
}
.theme-3.theme-8 .bg-blue-opacity {
    background: #000;
}
.head3 {
    background-color:#e91e63;
    color:#fff;
    border-left: 10px solid #e91e63;
    border-right: 10px solid #e91e63;
}
 .theme-3.theme-8 .cnt-st {
     text-align: left;
 }
 .theme-3.theme-8 .cnt-st p {
    padding:0 20px 0 0
 }
 .theme-3.theme-8 .cnt-st h2.frame {
     text-align: left;
 }
 .theme-3.theme-8 .itemlist {
     margin-top: 10px;
 }
 .strip-bg4 {
    background-image: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/left_obj_11.png);
    background-size: 100% 100%;
}
.theme-3.theme-8 .d-box2 {
   top: -60px;
}
 .zoom-in-zoom-out img {
    animation: zoom-in-zoom-out 25s linear infinite;
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1.2, 1.2);
    }
    50% {
      transform: scale(1.6, 1.6);
    }
    100% {
      transform: scale(1.2, 1.2);
    }
  }

  .theme-4.theme-9 .theme-bg{
      background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/ptn.jpg) ;
 }
 .theme-4.theme-9 .op-blue {
    background-color: rgb(244 3 125 / 65%);
 }
 .theme-bg4 {
     background-color: rgb(255 193 7 / 63%);
 }
 .theme-4.theme-9 .op-red{
    background-color: rgb(0 0 0 / 28%);  
 }
 .theme-4.theme-9 .text-yellow {
    color:#ffeb3b
 }
 .theme-4.theme-9 .op-yellow {
    background-color:  rgb(40 2 251 / 61%);
 }
 .theme-4.theme-9 .table-section .table-title {
    color: #00e2ff;
 }
 .theme-4.theme-9 .table-section td.col-text:before {
  background: #00e2ff;
 }
 .theme-4.theme-9 .circle-p:after{
    border-color:#00e2ff;
 }
 .theme-4.theme-9 .circle-p:before{
    background: #05e3ff;
 }


 @media(max-width:767px) {
    .theme-4 .margin-left.dsc-panel {
        margin: 0;
     }
    .dsc-panel .col-md{
        width: 100%;
    }
  .production-banner .dsc-panel .col-md{
        width: 31%;
        padding-bottom: 10px;
    }
    .theme-4 .lgc-img img {
        height: 45px;
    }
    .page-main-pal.container {
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .feature {
        padding-bottom: 10rem;
        padding-top: 6rem;
    }
    .formuler-z8 .title-container {
        margin-top: 0;
    }
    .box2 {
        margin-left:2rem;
        margin-right:2rem;
    }
    .tz-gallery {
        padding: 0;
    }
    .section-text,
    .h_100 {
        height: auto!important;
    }
    .w-wrapper {
        position: relative;
        margin-top: 10px;
    } 
    h2.front-frame {
        margin-top: 0;
    }
    .title-container{
        padding: 1rem;
    }
    .theme-3 .tp-img-gr,
    .tp-img3 {
        padding-top:10rem
    }
    .btm-daimond {
        padding-top:15rem
    }
    .cnt-st {
        padding-top: 8rem;
    }
    .theme-2.theme-5 .slider-section .w-wrapper-4,
    .slider-section .w-wrapper-4 {
        padding: 0 30px;
    }
    .theme-5 .frame-container,
    .theme-5 .logo-img {
        display: none;
    }
    .theme-6 .btm-daimond,
    .theme-5 .tp-img {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .sections-2.rm-section,
    .bg-section {
        padding:5rem 0
    }
    .title-container {
        margin-top: 30px;
    }
    .col-md-7.scl-img {
        width: 100%;
        text-align: center;
    }
    .theme-3.theme-8 .d-box2 {
        top:0;
        z-index: 0;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .element-background-img img {
        height: 100%;
    }
    .theme-8 .pad-7 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .list-container .col-md {
        width: 25%;
    }
    .left-pad {
        padding-left: 0;
    }
    .frame-container,
    .header-position {
        position: static;
        transform: inherit;
        width: 100%;
    }
    .theme-8 .pad-10 {
        padding: 6rem 2rem;
    }
 }

 .dark-bck-cl{
    background-color: #000711;
}
.bck-bg {
   background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bck-img.jpg) ;  
   background-size: cover;
}
.bck-bg2 {
   background: url(https://www.formuler.com/media/wysiwyg/alothemes/static/images/bck-img-2.jpg) ;  
   background-size: cover;
}
.padt-8 {
    padding-top: 8rem!important;
}
.border-strip {
   height: 4px;
   background: #000;
   overflow: hidden;
   
}

.border-strip:before {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, red 25%, purple 50%, green 75%, orange 100%);
    width: 100%;
    height:20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    animation: rotate infinite 5s LINEAR;
  }

  @keyframes rotate {
    from {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    from {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }



@media(max-width:767px) {
  .banner_container {
    padding: 0 20px;
  }
	.dark-banner .d-box2 {
		width:100%!important;
		padding:20px!important;
	 
	.dark-banner .d-box2 img{
		width:100%!important;
		max-width:100%!important;
	}
	 .dark-banner .dsc-panel .p-txt1{
		 padding: 0;
		 margin: 0;
		
	 
	.production-banner.dark-banner {
		height:auto!important
	}
	 
		.production-banner .sections-2.pad-tb-4{
		  padding-top:20px;
		 padding-bottom:20px
		}
}

 @media(max-width:767px) {
 
     }