@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
@font-face {
    font-family: "HeinzLabel";
    src: url("../fonts/HeinzLabel/HeinzLabel.eot");
    src: url("../fonts/HeinzLabel/HeinzLabel.eot?#iefix")format("embedded-opentype"),
    url("../fonts/HeinzLabel/HeinzLabel.woff2")format("woff2"),
    url("../fonts/HeinzLabel/HeinzLabel.woff")format("woff"),
    url("../fonts/HeinzLabel/HeinzLabel.ttf")format("truetype"),
    url("../fonts/HeinzLabel/HeinzLabel.svg#HeinzLabel")format("svg");
}

@font-face {
    font-family: "intro Regular";
    src: url("../fonts/Intro-Regular/Intro-Regular.eot");
    src: url("../fonts/Intro-Regular/Intro-Regular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Intro-Regular/Intro-Regular.woff2")format("woff2"),
    url("../fonts/Intro-Regular/Intro-Regular.woff")format("woff"),
    url("../fonts/Intro-Regular/Intro-Regular.ttf")format("truetype"),
    url("../fonts/Intro-Regular/Intro-Regular.svg#Intro-Regular")format("svg");
}



html{ overflow-x:hidden;}
body {
margin:0;
font-family: 'intro Regular', sans-serif, arial;
font-size:13px;
line-height:1.4;
background:#fff;
/*background-color:#e5e5e5;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
margin: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.bg-white{ background:#fff !important;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
aside{ position:relative;}
/* pageskin */

/*== HTML5 Elements
*=================================*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
/*== Typography Elements
*=================================*/

.color-red
{
	color:red;
}

.color-green
{
	color:green;
}

iframe {
display:block
}

a img {
border:0
}
:focus {
outline:0
}
time{ font-family:inherit; font-size:11px; color:#aaa; font-weight: 400;} time a{ color:#aaa;}
a {
color:#6c66e7;
text-decoration:none;
outline:0;
-webkit-transition:background-color .15s linear,color .15s linear;
-moz-transition:background-color .15s linear,color .15s linear;
-o-transition:background-color .15s linear,color .15s linear;
-ms-transition:background-color .15s linear,color .15s linear;
transition:background-color .15s linear,color .15s linear;
}

ul,ol {
list-style:none;
margin:0;
padding:0;
}
ul,ol,p,table,form,pre {
margin:0 0 0px
}
h1,h2,h3,h4,h5,h6 {
color:#263238;
margin:0 0 5px;
}
h1,h2,h3 {
line-height:1.25
}
h1 {
font-size:24px
}
h2 {
font-size:20px
}
h3 {
font-size:16px
}
h4 {
font-size:14px
}
h4,h5,h6 {
font-size:13px
}
blockquote {
margin-left:10px;
padding-left:40px;
color:#777;

}
abbr[title],acronym[title] {
border-bottom:1px dotted #666;
cursor: help;
}
/*== Code Elements
*=================================*/
pre,code,kbd,samp,var {
font-size: 12px;
}
pre {
padding:20px 20px;
nowhitespace:afterproperty;
line-height:20px;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
border:1px solid #DDD;
/* CSS-3 */
white-space:-o-pre-wrap;
/* Mozilla,since 1808080 */
word-wrap:break-word;
/* Opera 4-6 */;
/* IE 5.5+*/
}
/*== Table Elements
*=================================*/
table {
width:100%;
nowhitespace:afterproperty;
border-collapse:collapse;
border-spacing:0;
/* tables still need 'cellspacing="0"' in the markup */
}
th,td,caption {
padding:5px 10px
}
caption {
font-weight:bold
}
/*th,td {
border: 2px solid #282828;
} */
th{background:#E7E7E7;}
td{background:#FFF;}
tr:nth-of-type(odd) td, tr.odd td { background: #FBFBFB }
img, video {
    height: auto;
    max-width: 100%;
}
/*== Form Elements
*=================================*/
input {
    /* -webkit-appearance: none; */
    border-radius: 0;
}
label,input,textarea,select,button,.btn {
font-size:14px; font-family: inherit;
line-height:19px;
}
input,textarea,select,button,.btn {
display:inline-block;
padding:4px;
margin:0;
outline:none;
background-color:#FFF;
border:1px solid #191919;
-webkit-border-radius:2px;
border-radius:0px;
outline:none;
}
input[type="text"],input[type="password"],textarea {
-webkit-box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
-webkit-transition:background .15s;
-moz-transition:background .15s;
-ms-transition:background .15s;
-o-transition:background .15s;
transition:background .15s;
}

input[type="submit"]{
cursor:pointer;
cursor:hand;
}
textarea {
overflow:auto
}

input[type="checkbox"],input[type="radio"] {
vertical-align:text-top;
padding:0;
margin:1px 0 0;
border:0;
}

.f-right{float: right !important; } .f-left{float: left !important; }
p {
    font-size: 19px;
    color: #333;   
	margin-bottom:15px;
  
    font-weight: 400;
}
.pbt130{ padding: 80px 0; } .pb50{ padding-bottom: 50px; } .pbt200{ padding: 200px 0 !important; } .pbt70{ padding:70px 0 !important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666 !important;
}
table tr td{ font-size: 13px; padding: 10px; font-weight: 600; }
table tr th{ text-align: left;  font-size: 14px; font-weight: 600;}
hr{ margin: 20px 0; width: 100%; display: block; overflow: hidden; border: 0.5px solid #d0d0d0; }
table tr td a{ text-decoration: underline; }

input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
color: #aaa !important;  
} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
color: #aaa !important;  
}

/* main */
.burger-menu i{ font-size:40px; color:#111; }
header{ width:100%; height:195px;  }
.container{ max-width:1400px; width:100%; padding:0 15px; margin:0 auto; display:block;  }
.cfs-logo{ width:400px; } .cfs-logo img{ width:100%; }
.search-div{  width: 100%;    max-width: 650px; }
.search-inner{ background:#fff; border-radius:30px; height:50px;  position: relative; padding: 0 20px 0 50px; border: 1px solid #121212;}
.search-inner input{ border:0px; width:100%; font-family:inherit; font-size:16px; color:#333;  height: 48px; box-shadow:none; }
.sicon{ position:absolute; left:12px; top:12px; }
.btn-top{    border: 0px;
    padding: 0px 15px;
    border-radius: 4px;
    color: #fff !important;
    font-size: 18px;
    background: #e30002;
    transition: 0.25s;
    position: relative;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
}
.mhead{     padding: 10px 25px 10px;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #ffffff6b;
    margin-top: 15px; }


.btn-top a{  position: relative; color:#fff; }
.mbl-user{ margin: 5px 25px; }    .mbl-user button{ border: 2px solid #ffffffcf !important;}

.btn-top::before, .gr-header-category-btn::before  {
    content: '';
    background: #3b0272;
    width: 120%;
    left: -20%;
    transform: skew(30deg);
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

.category-info{ background:#e30002; color: #fff !important; padding:0px 15px; height:60px; display: flex;  align-items: center; position: relative;}
.category-info h3{ position:relative; }
.category-info::before  {
    content: '';
    background: #3b0272;
    width: 120%;
    left: -20%;
    transform: skew(30deg);
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
.category-info::before{ color:#e71516;  }
.category-info::before, .category-info::after  {
    position: absolute;
    top: 0;
    left: 0%;
    width: 120%;
    height: 100%;
}

.category-info:hover::before {
    transform: translate3d(100%, 0, 0);
}


.gr-header-category-btn::before{ background-color:#ffffff !important; color:#e71516;  }

.btn-top::before, .btn-top::after, .gr-header-category-btn::before, .gr-header-category-btn::after  {
    position: absolute;
    top: 0;
    left: 0%;
    width: 120%;
    height: 100%;
}

.btn-top:hover::before, .gr-header-category-btn:hover::before {
    transform: translate3d(100%, 0, 0);
}

.hr-btn a{ display:block; color:#fff }
.btn-top i{ border-radius: 2px; padding: 0PX; color: #ffffff; margin-right: 5px; font-size: 24px; margin-top: -2px; }

.material-icons{ vertical-align:middle; }
.menu-cta-area { padding: 8px 0px 8px; background: #e30002;}
.p-12{ padding:12px 0; }

.gr-header-category-btn {
    color: #e30002;
    line-height: 1;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
    display: inline-block;
    padding: 12px 50px 12px 30px;
    background-color:#3b0272 !important;
    text-transform: capitalize;
    width: 100%;
    font-size: 18px; position: relative; overflow: hidden;
}
.gr-header-category-btn i{ color:#e30002 }
.gr-header-category-btn span{  position: relative;} .gr-header-category-btn:hover span, .gr-header-category-btn:hover i{ color:#fff !important }
.mmm{ position:absolute; left:0px; }

.m-2{ margin-right:10px; }

.gr-header-category-area {
    max-width: 320px;
    margin-right: 25px;
    position: relative;
}
.b-icon{ position:relative; }
.b-down{ position: absolute; right: 10px; top: 10px;} 
.nav-menu{ padding:0px; margin:0px; }
.nav-menu ul li{ padding:0; margin:0px; display:inline-block; margin: 0 25px;} 
.nav-menu ul li a::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #fff;
    transition: width .3s;
        position: relative;
    top: 10px;
}

.nav-menu ul li a:hover::after, .nav-menu ul li a.active::after {
    width: 100%;
    //transition: width .3s;
}
.nav-menu ul li a{ display:block; font-family:inherit; font-size:20px; color:#fff; }



.nav-menu .f-social a{  border:2px solid #fff; }
.nav-menu .f-social a svg{ fill:#fff; } .nav-menu .f-social a:hover svg{ fill:#ffffffad }
.nav-menu .f-social a:hover{ border:2px solid #ffffffad;  box-shadow: none !important; }
.brndss{ width: calc(100% - 0px) !important;   margin-left: 0px !important; }
.slick-slide img{ width:100% !important;  }
.sopen{ background:#fff !important }

/* common */
.d-flex{ display:flex; }
.justify-content-between { justify-content: space-between !important;}
.align-items-center {  align-items: center !important;}
.p-0{ padding:0px !important; }
.plr-5{ padding:0 5px !important; }

/* common end */
.p-40{ padding:40px 0; }
.fluid-wrap{ flex-wrap: wrap; display:flex; margin:0px -10px; }
.column-wrap{ flex-basis:16.666%; max-width:16.666%; padding:10px;}
.b-column-wrap{ flex-basis:12.5%; max-width:12.5%; padding:10px;}
.box-sec{ padding:0px; border:1px solid #e5e5e5; border-radius:10px; overflow: hidden; background:#fff; }
.bbox-sec{ padding:10px; border:1px solid #e5e5e5; border-radius:10px; overflow: hidden; background:#fff;}
.bbox-sec .img-thum{ padding-top:100%; position:relative; width:100%; display:block; overflow:hidden; }
.bbox-sec .img-thum img{     left: 50%;
    top: 50%;
    position: absolute;
    object-position: center;
    transform: translate(-50%, -50%);
    width: 80% !important; }
 .batag{ padding:10px; display:block; }  
  .my-slider-brand, .my-slider-brand1{ padding:10px 0px; }
 
/* .my-slider-brand .slick-next{ right:-5px !important; } .my-slider-brand .slick-prev{ left: -20px !important; }*/



.category-info h3{ font-family:inherit; font-size:16px; color:#fff;  }
.img-thum{ padding:10px; text-align:center;  } .img-thum img{ width:100%; height:auto; object-fit:cover;  -webkit-transition: 0.3s;
    -o-transition: 0.3s; transition: 0.3s;}
 .slick-slider{ margin:0px !important; }  

 .bbox-sec .img-thum img{ width:75%; }  

.box-sec:hover .img-thum img{  -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
.box-sec:hover, .bbox-sec:hover{ box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); }

 .box-sec:hover h3 i{ transform: translateX(50%); }
h3 i{ transition: 0.1s ease-in; }
.title{ font-family: "Rozha One", serif; font-size: 38px; color: #e71516; letter-spacing: 1px; }
.see-more{ text-align:right; } .title-section{ display:flex; justify-content: space-between; align-items:center; }
.see-more{ font-family: inherit;
  font-size: 16px;
  color: #fff;
  background: #e71516;
  display: inline-block;
  padding: 0px 15px;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;}
.see-more i{ font-size:20px;  transition: 0.1s ease-in;}
.see-more:hover{ color: #fff; background:#3b0272 }
.see-more:hover i{  transform: translateX(50%); color: #fff}
/* product */

.product-wrapped, .footer-wrap{ display:flex; flex-wrap:wrap; margin:0 -10px; padding:0px; }
.product-column{ flex-basis:20%; max-width:20%; padding:10px; }
.column1{ flex-basis:100%; max-width:100%; padding:10px; }
.text-white{ color:#fff !important } .text-center{ text-align:center; }
.footer-column{ flex-basis:25%; max-width:25%; padding:10px 25px; }

.prt-sec{ padding:0px; border:1px solid #e5e5e5; border-radius:10px; overflow: hidden; background:#fff; height:100%  }
.prt-sec:hover{ box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); }
/*.img-thum img{ width:100%; height:auto; object-fit:cover; -webkit-transition: 0.3s; -o-transition: 0.3s;  transition: 0.3s; }*/
.prt-sec:hover .img-thum img{ -webkit-transform: scale(1.02); -ms-transform: scale(1.02);  transform: scale(1.02); }
.thumb-description{ position: relative;  padding: 0px 15px 10px; }
.product__title {
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
    font-family: inherit;
    min-height: 55px;height: 75px;  overflow: hidden;
}
.brnd{ font-family:inherit; font-size:15px; color:#333;  }
.p-code{ font-family:inherit; font-size:13px; text-transform:uppercase; color:#606281; padding-bottom:4px; display:block; }
.img-thum{ position:relative; }
.Offer{  position: absolute; bottom: 10px; right: 30px; background: #ed217c; font-family: inherit; font-size: 18px;
    color: #fff; border-radius: 100%; display: inline-block; vertical-align: middle; margin: auto; width: 70px; height: 70px;
    text-align: center; line-height: 22px;  padding-top: 12px; }
.Offer em{ display:block; font-style:normal; }
.b-column-wrap .img-thum{ padding-top:100%; width:100%; position:relative; display:block; }
.b-column-wrap .img-thum img{ left: 50%; top: 50%; position: absolute; object-position: center;
    transform: translate(-50%, -50%); width: 80%; }

footer{ background: #fff; padding: 50px 0 0px; position:relative; border-top: 1px solid #d8d8d8; margin-top: 20px;}
.footer-logo{ width:250px; display:block; padding-bottom:10px; } .footer-logo img{ width:100%; }
footer p{ font-family:inherit; font-size:16px; color:#333 !important; line-height: 25px;}
footer p a{ color:#333 }
footer h2{ font-family:inherit; font-size:22px; color:#e51616; display:block; margin-bottom:20px; }
.q-link{ padding:0px; margin:0px;  }
.q-link li{ display:block; padding: 5px 0; } .q-link li a{ font-family:inherit; color:#333; font-size:15px; transition: 0.1s ease-in; display:block; }
.footer-column i{ font-size:20px; margin-right:8px; color: #36006f;} .f-social{ padding-top:0px; display:block; }
.q-link li:hover a{  transform: translateX(3%); }

.f-social a{ display:inline-block; width:42px; height:42px; border-radius:100%; border:2px solid #36006f; text-align: center;
    line-height: 50px; margin:0 4px; font-size:14px;  } .f-social a img{ width:22px; text-align:center; }

.f-social a svg{ width:22px; height:22px; fill: #36006f }   

.copyright{ padding:10px 0; margin-top:10px;  border-top: 1px solid rgba(255,255,255,0.3); display:flex; justify-content:space-between; }
.f-social a:hover { border:2px solid rgb(226 0 1); }  .f-social a:hover svg{ fill: rgb(226 0 1) }
.fmenu{ margin:0px; padding:0px; }
.fmenu li{ display:inline-block; padding:0px; margin:0px 5px; }
.fmenu li a{ font-family:inherit; font-size:14px; color:#333; display:block; }
.fmenu li a:hover{ text-decoration:underline; }
.mydd img{ width: 55px; display: inline-block; vertical-align: middle; }


/*.gr-header-category-area:hover .header-category-item
{ visibility: visible;
    opacity: 1;
    clip: inherit;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    transform: scaleY(1); 
}*/

.header-category-item
{
      padding-top: 10px;
    -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    min-width: 100%;
    position: absolute;
    background: #fff;
/*   display: none;*/
    padding: 7px 0;
    top: 104%;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 26%;
    z-index: 99;
   /* visibility: hidden;
    opacity: 0;*/
    -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -webkit-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    border-radius: 6px;
   /* clip: rect(1px, 1px, 1px, 1px);
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;  */
}
.menu{ padding:0px; margin:0px; list-style:none; max-height: calc(100vh - 150px);
    min-height: 100%; overflow-y: auto; }
.menu li{  display: block; list-style: none; }
.menu li a{     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 26px;
    font-weight: 500;
    line-height: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    text-transform: capitalize;
    font-size: 18px; 
color: #333;
}

.menu li a:hover{     
    background-color: #f7f0fd8a;
    color: #36006f; }   

.label-new{ position:absolute; top:10px; right:10px; z-index:1 }
.label-new img{ width:60px; }
.label-new em{ font-family:inherit; font-size:14px; font-style: normal; text-transform:uppercase; color:#fff; text-align:center; position: absolute;
    z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.footer-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    
}
.footer-shape-2 {
    position: absolute;
    right: 0;
    top: 50px;
   
}

.p-shape{ position:relative; }  

.product-shape-1 {
    position: absolute;
    left: 0;
    bottom: 65px;
   
} 

.product-shape-2 {
    position: absolute;
    right: 0;
    top: 160px;
    
}
.checkbox{ width:20px !important; height:20px !important; vertical-align:middle; margin-right:5px !important;  }
.jhf{ position:relative; top:3px; }
.go-top {
  position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 8px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    background: #e30002;
    border-radius: 3px;
}
.go-top i{ color:#fff; font-size:30px; }

/* about content */
.elementor-background-overlay {
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.banner{ position:relative; }
video{ width:100%;  }
video source{ width:100%; }
.about-text{font-family: "Rozha One", serif; font-size: 70px; color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.text-big{ font-family: "Rozha One", serif; font-size: 40px; padding-bottom: 30px; color: rgb(226 0 1)}
.main-row{ display:flex; flex-wrap:wrap; margin:0px -20px; }
.colum-half{ max-width:50%; flex-basis:50%; padding:20px; }
.txt-color{ color: rgba(14,27,77, 0.75) }
.colum-3half{ max-width:33.33%; flex-basis:33.33%; padding:20px; }
.box-item{ padding: 25px 20px 0; border: 1px solid #e5e5e5; min-height: 140px; border-radius: 4px; }
.text-md{ font-family:inherit; font-size:20px; color:rgba(14,27,77); }
.ctc-icon{  width: 53px; margin-right: 15px; } .ctc-icon i{ font-size: 50px; color: #e20001; }
.contect{ width: calc(100% - 68px); }
.form-box { padding: 0px;}

.form-control{  max-height: calc(100vh - 150px);  min-height: 100%; overflow-y:auto; }
.form-control .f-row{ display:flex; display:flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */

 width:100%; margin:0px -10px 10px; flex-wrap: wrap; -webkit-flex-wrap: wrap;
 }




.form-control input, .form-control textarea, .form-control select{ font-family: inherit; font-size: 15px; color: #000;  width: 100%;
    padding: 0 15px; height: 48px; border: 1px solid rgba(238, 238, 238); box-shadow: none; border-radius: 5px;}
.form-control textarea{ height:auto !important; padding: 15px; }
.form-control .error{ margin: 0px !important; padding: 0 10px !important; }
.checkbox.error{ margin: 0px 5px 0px 0px !important; }
input:focus, textarea:focus{ border-color:rgba(34,34,34) }
.btn{     display: inline-block;
    padding: 0px 30px;
    font-family: inherit;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    background: #e20001;
    cursor: pointer;
    text-transform: uppercase;
    border: 0px;
    height: 44px;
    line-height: 44px;
      }
select option {
   
    color:#000;
}
.ebcf_modal-content P{ color:#3b0272; font-size:26px;}

.btn i{ font-size:16px; transition: 0.1s ease-in; margin-top: -2px;}
.btn:hover{ background:#36006f; }  .btn:hover i{ transform: translateX(40%); }  
.c-panel-column2{ float:left; width:50%; padding:0 10px; }
.c-panel-column{ float:left; width:100%; padding:0px; }  
.form-control .c-panel-column{ padding: 0 10px }
.form-control h2{ font-family:inherit; font-size:22px; color:#3b0272; padding: 10px 0; }

.c-panel-column .error{ padding-left:10px; }
.error {
    color: red !important;
    margin-top: 0px !important;
    padding-top: 4px !important;
    font-size: 14px;
}

/* product image zoom modal */
.toZoom {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.toZoom:hover {opacity: 0.7;}

.modal {
  display: none; /* Hidden by default */
  position: absolute; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Add Animation */
.modal-content {  
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform: scale(0.1)} 
  to {transform: scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/* end */

/* Modal */
/* The Modal (background) */
.ebcf_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.ebcf_modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 430px;
    width: 98%;
    position: relative;
}

.logcontent-top h2{ margin-bottom:10px; }
._n_2pagination li.active a, ._n_2pagination li.active a:hover {
    background: #3b0272 !important;
    color: #fff;
    border: 1px solid #3b0272 !important;
}

/* The Close Button */
.ebcf_close {
    color: #000;
    float: right;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px !important;
}

.ebcf_close:hover,
.ebcf_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* end */ 
.grid-item{ max-width:40%; flex-basis:40%; padding:0px 0 30px;  }
.product-info-wrap{ max-width:60%; flex-basis:60%; padding:0px 0 0px 50px;  }
.toZoom{ width: 100%; padding: 20px; border: 1px solid #efefef; }
.breadcrumbs{ padding:15px 0;  }
.breadcrumbs ul{ padding:0px; margin:0px; display: flex; align-items: center; }
.breadcrumbs ul li{ display:inline-block; white-space: nowrap; height: 22px; padding:0px ;font-family:inherit; font-size:18px; color:rgb(102, 102, 102); line-height:18px; vertical-align:middle; }
.breadcrumbs ul li a{ display:block; color:rgb(0, 126, 179); }
.breadcrumbs ul li:last-child{  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.breadcrumbs span{ display:inline-block; } .breadcrumbs span i{ font-size:26px; color:rgb(0, 126, 179); vertical-align:middle; }
.product-info-wrap h3{ font-family:"Rozha One", serif; font-size:32px; color:rgba(14, 27,77); }
.brand{ font-size:15px; color:#555; font-family:inherit; padding-bottom: 5px; display: block;}
.brand a{ color:#36006f; }
.code{ color:#76767f !important }
.rptd{ padding:10px; display:block; }
.info-title{ font-family:"Rozha One", serif; font-size:28px; color:#36006f; font-weight:500; margin:20px 0 10px; border-top: 1px dashed rgba(54, 0, 111, .3);
padding-top: 15px;}

.sidebar{ width:310px; padding:0px;   }
.sidebar-inner{ border:1px solid #f0f0f3; border-radius: 10px; margin-bottom:15px; }
.main-product{ width:calc(100% - 300px); margin-left:30px; }
.title-box{ background:#e5f3fa; margin-bottom:10px; padding: 10px 10px; display:flex; justify-content:space-between; }
.title-box h4{ font-family:"Rozha One", serif; font-size:22px; color:#36006f; letter-spacing:1.5px; }
.title-box span i{ font-size: 30px;  color: #36006f; }
.categort-list{ padding:0px;  }
.categort-list ul{ margin:0px; padding:0px; list-style:none; }
.categort-list ul li{ display: block; margin:0px; padding:0px; }
.categort-list ul li a{ font-family:inherit; font-size:17px; color:#333; display:block; padding:0px 25px; height:42px; line-height:42px;  }
.categort-list ul li a:hover, .categort-list ul li a.active { background-color: #f7f0fd8a; color: #36006f;}
.cgry-column{ max-width:25%; flex-basis:25%; padding:10px; }

.rltd-thumb .slick-next, .rltd-thumb .slick-prev{ display:none !important; }
.rltd-thumb .slick-dots li button{ display:none !important; }

/* filter */
.mobile-header {
  background: rgba(0, 0, 0, 0.9);
  height: 50px;
  width: 100%;
}

.row:after {
  clear: both;
  content: "";
  display: table;
}


.mobile-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
/*  border-bottom: 1px solid rgba(14, 27, 77, .08);*/
}

.mobile-top-bar .mobile-nav-toggle.close {
      color: #000;
    text-align: center;
    width: 35px;
    top: -5px;
    right: 10px;
}
.tite{ margin:0 15px; font-size:18px; color:#333; }
.mobile-top-bar .mobile-nav-toggle.close:hover {
  cursor: pointer
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: calc(100vh - 150px);
    min-height: 100%;
    overflow-y: auto;
}

.main-navigation li {
      padding: 10px 15px;
     border-bottom: 1px solid rgba(14, 27, 77, .08);
}

.main-navigation li a {
  color: #333;
    text-decoration: none;
    font-size: 16px;
}


/* sliding menu CSS */

.navigation {
  -moz-transition: linear left 0.2s;
  -o-transition: linear left 0.2s;
  -webkit-transition: linear left 0.2s;
  transition: linear left 0.2s;
  background: #fff;
  height: 100%;
  overflow: auto;
  /* let the nav scroll, not body */
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  z-index: 10;
}

.navigation.open {
  left: 0
}

/*start styles*/
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordion__item {
    border: 1px solid #e5f3fa;
    border-radius: 10px;
    overflow: hidden;
}

.accordion__header {
padding: 12px 25px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.accordion__header::after {
    content: '';
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.accordion__header.active {
    background: #e5f3fa;
}

.accordion__header.active::after {
    transform: rotateX(180deg);
}

 .accordion__content {
    padding: 0px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}

/* side menu*/
/* mobile menu */
  .sidebarcontent {
    display: block;
}


/* sidebarhere */
.sidebarcontent {
  
    z-index: 5000;
}
.sidebarcontent {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    position: fixed;
    background-color: #e20001;
    top: -100vh;
    transition: 0.3s;
    padding: 10px 0;
    z-index: 9;
}

.sidebarhead {
    display: block;
    width: 100%;
/*    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);*/
    background-color: #ffff;
    padding: 0px 15px;
    z-index: 500;
    position: sticky;
}

.sclose, .ssclose {
    color: #fff;
    font-size: 28px !important;
    z-index: 9999;
    vertical-align: middle;
    cursor: pointer;
    float: right;
}

.stitle {
    font-size: 22px;
    color: #2d2d2d;
    display: inline-block;
    font-family: inherit;
}
.burger-menu{ cursor:pointer; display: none;}
.main-menu ul{ padding:0px 20px 10px; margin:10px 0 0; border-bottom: 1px solid #ffffff6b; }
.main-menu ul li{ display:block;  }
.main-menu ul li a{ font-family:inherit; font-size:17px; color:#fff; display:block; padding: 6px 5px; }
.pck{ display: block;
    font-size: 14px;
    font-family: inherit;
    color: #7d8083; margin-bottom:3px; }

/* end */

.serach-mobi{  width: 40px; position: relative;  display: none;  height: 40px;  text-align: center; }
.serach-mobi i{ color:#fff !important; } .serach-mobi .sicon{ left: 5px; top: 5px; width: 70%; }
.mcontact-wrap{ margin: 20px auto 0; width: 100%; max-width: 1000px; padding: 0 25px; display: block;}
.contact-menu{ margin-top:20px; }
.contact-menu h3{ font-family:inherit; font-size:24px; color:#fff; font-weight:500; }
.contact-menu p{ color:#ffffffe0; padding-top:5px; } .contact-menu p i{ margin-right:10px; font-size:24px; }

.autocomplete-suggestion{padding: 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    font-family: inherit;
    font-size: 14px;
    color: #333; }

.autocomplete-selected{ background:#e30002 !important; color:#fff; }
.autocomplete-suggestions{ border: 1px solid rgba(238, 238, 238, 1) !important; background: #FFF;
    overflow: auto; padding: 10px 0 !important; box-shadow: 0 5px 10px rgb(0 0 0 / 12%) !important; }
.slick-dots { display:none !important; }   

/* filter*/
.filter{    width: 100%;
    height: 55px;
    padding: 10px;
    display: flex; flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; display: none;
   }
.filter-colum{ max-width:100%; flex-basis:100%; padding:0 5px; }    
.filter span{     padding: 8px 0px;
    border-radius: 2px;
    color: #3b0272;
    font-size: 16px;
    border: 1px solid #3b0272; display:block; text-align:center; } 
.filter span i{ font-size:20px; margin-right:5px; }
.alert-success{ text-align: center; font-size: 14px; display: block; color: #04AA6D; } 
.alert-success strong{ font-weight:500; }  
.form-control .alert-success{ font-size:18px; text-align:left; } 


@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 960px) {
    .form-control h2{ padding:20px 0 10px; }
    .filter{ display:block; } .column-wrap{  flex-basis: 25%;  max-width: 25%; }
.product-column{ flex-basis: 25%; max-width: 25%;  }
.nav-menu{ display:none; }  .menu-cta-area{ display:none; }
.mcontact-wrap .nav-menu{ display:block; }  
.gr-header-category-area{ max-width:100%; flex-basis:100%; margin-right:0px; }
.burger-menu{ display:block; }
.p-12{ padding:5px 0; } .cfs-logo{ width:150px; } header{ height:65px } 
  .h-right{ display:none; }  .search-div{ display:none; }
 .column-wrap, .product-column{ padding:5px; }
.sidebar{ display:none; } .main-product{ width: calc(100% - 0px); margin-left:0px; }
.cgry-column{ max-width: 33.33%; flex-basis: 33.33%; } 
.footer-column, .colum-3half{ flex-basis: 50%;  max-width: 50%; } .colum-half, .colum-3half{ padding:5px; } .main-row{ margin: -5px; }
   .footer-column:first-child{ flex-basis: 100%;  max-width: 100%; } .p-40{ padding: 10px 0 } 
   .colum-half{ flex-basis: 100%;  max-width: 100%; }  .about-text{ font-size:40px; width:100%; }
   iframe{ height:450px; } .footer-column{ padding:10px; } footer{ padding:20px 0 0; }
   .serach-mobi{ display:inline-block; }
   .c-panel-column iframe{ height:78px !important }

   /* serach */
   .sopen .scontent{ margin: 35px 15px 0; } 
   .sopen .search-inner { border: 1px solid #ddd; border-radius: 5px; padding: 0 40px 0 10px; }
   .sopen .ssclose{ color:#000; }
   .sopen .sicon{ right:10px; left:auto; }

}

@media only screen and (max-width: 768px) {

 .breadcrumbs ul li{ font-size:16px; } .form-control .c-panel-column{ margin-bottom:0px; }
 .product-shape-1,  .product-shape-2{ display:none; }
   .title{ font-size:22px; } .see-more{ font-size:17px; }
  .column-wrap, .product-column{ flex-basis: 50%;  max-width: 50%;}
  .b-column-wrap{ flex-basis: 33.33%;  max-width: 33.33%;  }
 
  .copyright{ flex-wrap: wrap; text-align: center; } .fmenu{ flex-basis: 100%; max-width: 100%; } .text-big{ padding-bottom:0px; }
  .form-box{ padding:0px; margin-bottom: 10px; } .colum-3half{ margin-bottom:10px; }
  .box-item{ padding: 10px; min-height:100px; } .text-big{ font-size:30px; }
  .colum-half, .product-info-wrap, .grid-item{ flex-basis: 100%;  max-width: 100%; }  .about-text{ font-size:40px; width:100%; }
  .ctc-icon{ width:40px; } .ctc-icon i{ font-size:35px; } p{ font-size:16px; }
  .product-info-wrap{ padding-left:0px; } 
  .c-panel-column2, .c-panel-column{ width:100%; margin-bottom:15px; } .form-control .f-row{ margin:0 -10px 10px; }

}

@media only screen and (max-width: 620px) {
    .cgry-column{ max-width: 50%; flex-basis: 50%; padding: 5px; }
    .colum-3half{ max-width: 100%; flex-basis: 100%; }
    .footer-shape-2, .footer-shape-1{ display:none; }
    .text-big{ margin-top:10px; } 
    .slick-next:before, .slick-prev:before{ font-size:30px !important;  }

}

@media only screen and (max-width: 420px) {  .gr-header-category-area{ max-width:100%; flex-basis:100%; margin-right:0px; }
  .title{ font-size:22px; } .see-more{ font-size:17px; }
  .column-wrap, .product-column{ flex-basis: 50%;  max-width: 50%;}
  .footer-column{ flex-basis: 100%;  max-width: 100%; } .main-row{ margin:0px -5px; } .text-big{ font-size:25px; }
  
  .about-text{ font-size:26px; width:100%; }  iframe{ height:350px; }
}