.container { max-width: 1200px;}
.page-header { width: 100%; float: left; height: auto !important;}
.headtop{ width: 100%;}
.fa-tiktok::before {   content: "\e07b"; }
.container {   max-width: 1200px !important; }
.navbar{ position: relative; width: 100%; padding: 10px 0;}
.navbrand img{ max-width: 100%; width: 250px;}
.menu_sec { display: flex; flex: 2 1 0; align-items: center;}
.right_nav{ justify-content: flex-start;}
.menu_sec li a{ display: inline-block; text-transform: uppercase !important;}
.menu_sec li.nav-item{ padding:0px ;}
.menu_sec li.nav-item span {   padding-left: 4px;   display: inline-block; }
.menu_sec li:hover a:before{ transform: translate3d(0,0,0); opacity: 1;}
.menu_sec li:hover a:after{ transform: translate3d(0,0,0); opacity: 1;}
.navbar-collapse{ margin: 0px !important;}
.drop-arw:after{ border: none !important; vertical-align: 0px; display: inline-block;}
.navspan{ display: inline-block; position: relative;}
.drop-arw{line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; display: inline-block;transition: transform .3s ease-out; width: 10px; position: absolute; top: 19px; right: 0px; height: 22px;line-height: 22px;}
#cartDropDown img{ max-width: 100%; margin-left: 9px; width: 39px;}
.mini-cart button.dropdown-toggle .cart-counter { position: absolute; top: 0px; left: 30px; padding: 5px 7px; line-height: 1; font-size: 11px; border-radius: 100px; }
.menu_sec .dropdown-menu li:last-child{ border: none;}
.menu_sec .dropdown-menu li a:hover{ color: #333 !important; width: 100% !important;}
.menu_sec .dropdown-menu li:hover{ background-color: #f5f5f5 !important; width: 100%;}
.menu_sec .dropdown-menu li {padding-left: 0;border-bottom:  1px solid #e3e2e3; width: 100%; margin: 0px !important;}
.mini-cart{margin-top: 10px;}
.navbar-expand-lg .navbar-nav{padding-left: 15px;}
.menu_sec li a.dropdown-toggle{padding: 20px 15px;}
.mini-cart button.dropdown-toggle .cart-counter {  background-color: rgb(255 0 0) !important;}
.dropdown-menu{background: #edecec !important;}
.mini-cart button.dropdown-toggle{ color: #ff0000 !important;}
.mini-cart .dropdown-menu{ left: inherit; right: 0px;}
.close-mini-cart{ position: absolute; top: 0px; right: 0px;}
.add-to-cart:hover {  background: #000 !important;}
.add-to-cart { color: #fff !important; padding: 10px 21px 10px !important; background:#ff0000 !important;}
.menu_sec .dropdown-menu{  width: 220px !important; border: 1px solid #000000 !important;}
.list-container .list-image .list-image-wrapper {   border-color: #ff0000 !important; }

/**/
.headtop {position: relative; background:  #111111;  position: relative; display: flex;width: 100%; flex-wrap: wrap; align-items: center;text-align: right}
.midtop{position: relative; width: 100%;  background: #111111; padding: 40px 0;}
.headerlogo{padding: 10px;display: inline-block;width: 25%;}
.headerlogo img{width: 200px; height: 90px; object-fit: cover; }
.menu_sec li a{font-family: 'Lato';font-weight: 400 !important;font-size: 14px !important;text-transform: uppercase;padding: 20px 15px !important; color: #fff !important;line-height: 20px; position: relative;}
.menu_sec li:hover{background: #000 !important;}
.menu_sec li {margin-right: 12px;}
.menu_sec .drop-arw { line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; display: inline-block; transition: transform .3s ease-out; width: 10px; position: absolute; top: 18px; right: 8px; height: 22px; line-height: 22px; color: #fff; }
.menu_sec li{position: relative; display: inline-block;}
.menu_sec .dropdown-menu li a { color: #333333 !important; font-family: 'Roboto'; font-size: 15px !important; font-weight: 400; line-height: 17px; text-transform: capitalize !important; padding: 15px !important;}
.menu_sec .dropdown-menu li a{ width: 100%;}
.midtop_bg span{ display: inline-block; position: relative;}
.midtop_bg svg{ position: absolute; top: 50%; left: 50%; width: calc(100% + 20px); height: calc(100% + 20px); transform: translate(-50%,-50%); overflow: visible; }
.midtop_bg svg path {  stroke:#F17421;  stroke-width:6;  fill:none;  opacity:1;  stroke-dasharray:0 1500; }
.midtop_bg svg path:nth-of-type(1) {  animation:elementor-headline-dash .2s forwards;  animation-duration:1200ms, 1.2s;  animation-iteration-count:infinite;  animation: 1200ms ease 0s normal none infinite elementor-headline-dash;transition:.3s; }
.midtop_bg svg path:nth-of-type(2) {   animation:elementor-headline-dash1 .4s forwards;  animation-duration:1800ms, 3.2s;  animation: 1800ms ease 1s normal none infinite elementor-headline-dash1;transition:.8s; }

@keyframes elementor-headline-dash {
 0% {
  stroke-dasharray:0 1500;
  opacity:1
 }
 to {
  stroke-dasharray:1500 1500;
  opacity:0
 }
}

@keyframes elementor-headline-dash1 {
 0% {
  stroke-dasharray:0 1800;
  opacity:1
 }
 to {
  stroke-dasharray:1800 1800;
  opacity:0
 }
}

@keyframes hide-highlight {
 0% {
  opacity:1;
  stroke-dasharray:1500 1500
 }
 to {
  opacity:0;
  filter:blur(10px)
 }
}
.search_icon img{width: 19px ;height: 19px;}
.search_icon .mini-cart button.dropdown-toggle{background: inherit !important;}
.navbar{ padding: 0px;}

/*footer*/
.page-footer{ width: 100%; background: #fff; float: left;padding: 40px 0;background-color: #111111;}
.mini-cart { margin-top: 10px; position: absolute; top: 38px; right: 73px; }

@media (min-width: 992px) and (max-width: 9000px) 
{
  .menu_sec li.dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; margin:0px; border: none;     padding: 0px;    border-radius: 0; right: inherit; padding: 0px; box-shadow: inherit; }
  .menu_sec li.dropdown:hover .dropdown-menu { display: block;}	
  .menu_sec li.dropdown .dropdown-menu{ opacity: 1; pointer-events: all; transform: translateY(0);}
  .menu_sec li a.nav-link::after, .menu_sec li a.nav-link::before{ border: none !important;}
}

@media (min-width: 992px) and (max-width: 1199px) 
{
  .menu_sec li.nav-item { padding: 6px 0px;}
  .mini-cart button.dropdown-toggle{ margin-left: 5px;}
  .mini-cart button.dropdown-toggle{ height: 33px; width: 33px; font-size: 15px;}
  .mini-cart button.dropdown-toggle .cart-counter{ padding: 2px 3px; font-size: 10px;}
  .navbrand img {  max-width: 100%;  width: 200px;}
  .drop-arw{ top: 0px;}
  .menu_sec li a {  padding: 10px 15px !important;  line-height: 13px;  }
  .menu_sec .drop-arw { top: 5px; right: 6px;}
  .mini-cart button.dropdown-toggle .cart-counter{ left: 22px;}
  .menu_sec li a {   padding: 18px 15px !important;   line-height: 13px; }
  .menu_sec .drop-arw {   top: 14px;   right: 6px; }
  .mini-cart {   margin-top: 10px;   position: absolute;   top: 52px;   right: 33px; }
}

@media only screen and (max-width: 991px) 
{
  .page-header { padding: 0px !important;}
  .container { max-width: 100%;}
  .navbar-toggler { position: absolute; top: 11px; right: 63px; width: 40px; height: 32px; border: none !important; }
  .navbar-toggler .icon-bar { width: 100%; height: 5px; background: #fff !important; display: flex; margin:6px 0; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
  .navbar-collapse{ position: relative; width: 100%; border: none; top:47px; left: 0px; text-align: left; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: none !important;}
  .drop-arw{ cursor: pointer;}
  .page-headerInn{ background: #fff; box-shadow: 0px 0px 25px 0px rgba(210, 210, 210, 0.3); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5px;}
  .page-header{ padding: 0 15px;}
  .page-header .container{ padding: 0px;}
  .menu_sec li.nav-item { padding: 4px 3px;}
  .navbar-collapse .navbar-nav {  padding: 0;}
  .mini-cart button.dropdown-toggle{margin-left: 0;}
  .menu_sec .dropdown-menu { width: 100% !important;}
  .menu_sec li.nav-item.open-dropdown .dropdown-menu{ display: block;}
  .menu_sec .dropdown-menu{ width: 100%; position: relative; box-shadow: none !important; left: inherit !important; top: inherit !important; border: none !important; margin: 0px !important; padding: 0px !important;}
  .menu_sec li { display: inline-block; position: relative; font-weight: 400; width: 100%;text-align: left;}
  .menu_sec li.nav-item.open-dropdown .drop-arw{ transform: rotate(180deg);}
  .mini-cart .dropdown-menu { left: 0; right: 0px;}
  .mini-cart .dropdown-menu::before, .mini-cart .dropdown-menu::after {left: 10px; right: inherit;}
  .navbar-toggler.closemenu .icon-bar{ margin: 5px 0;}
  .navbar-collapse .navbar-nav{ padding-top: 60px;}
  .menu_sec li a{ font-size: 18px !important; text-align: left;padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 10px !important; padding-right: 10px !important; position: relative; }
  .menu_sec li:nth-child(2) a, .menu_sec li:nth-child(6) a{background: url(../images/sosicon7.svg) no-repeat right 0 top 20px; width: 100%;width: 100%; background-size: 15px; }
  .menu_sec li a span{position: relative; font-size: 0 !important;}
  .navbar-toggler {   padding: 0px !important;   line-height: 1;   margin-left: 0px !important; }
  .mini-cart {   margin-top: 11px;   position: absolute;   top: 0px;   right: 117px; }
  .navbrand img {   max-width: 100%;   width: 200px !important; }
  .navbar-toggler{ background-color: rgba(0,0,0,.05);border-radius: 3px; width: 30px;}
  .menu_sec li a.nav-link::after, .menu_sec li a.nav-link::before{ display: none;}
  .menu_sec li.nav-item {   padding: 0;   margin: 0px; }
  .menu_sec li a.active{background: #000000; color: #fff !important; }
  .menu_sec li a.dropdown-toggle::after {   display: inline-block;   width: 0;   height: 0;   margin-left: .255em;   vertical-align: .255em;   content: "";   border-top: .3em solid;   border-right: .3em solid transparent;   border-bottom: 0;   border-left: .3em solid transparent;   display: inline-block !important;   position: inherit !important;   top: inherit;   opacity: 1;   background: none !important; }
  .menu_sec .dropdown-menu li a {   color: #fff !important;   font-family: 'Roboto';   font-size: 15px;   font-weight: 400;   line-height: 17px;   text-transform: capitalize !important; }
  .dropdown-menu {   background: #000 !important; }
  .menu_sec li.nav-item span.drop-arw {  display: none; }
  .menu_sec .dropdown-menu li a {   text-transform: inherit;   padding: 0 !important;   font-size: 16px !important;   line-height: 20px !important;   width: 100%;   background: inherit; }
  .menu_sec li a.dropdown-toggle::after {   display: none !important; }
  .menu_sec .dropdown-menu li a { text-transform: inherit; padding:0!important; font-size: 16px !important; line-height: 20px !important; width: 100%;padding: 15px !important;}
  .menu_sec .dropdown-menu li{ border: none !important;}
  .menu_sec .dropdown-menu li:hover {   background-color:inherit !important;   width: 100%; }
  .navbar {   position: relative; width: 100%;   padding:  0; }
  .menu_sec .dropdown-menu li a:hover {   color: #fff !important;   width: 100% !important; }
  .menu_sec .dropdown-menu li {   padding-left: 0;   border-bottom: 1px solid #202020 !important; }
  .page-footer { padding: 30px 0;}
  .menu_sec .dropdown-menu li a {   width: 100% !important; }
}

@media only screen and (max-width: 575px) 
{
  .page-footer .container { padding: 0}	
}

@media only screen and (max-width: 640px) 
{
  .navbrand img {   max-width: 100%;   width: 207px !important; }
}

@media only screen and (max-width: 480px) 
{
  .mini-cart button.dropdown-toggle{ width: 30px; height: 30px; font-size: 10px;}
  .mini-cart button.dropdown-toggle .cart-counter{top: -3px;left: 22px;padding: 0px 2px;}
  .closemenu{ right: 10px;}
  .navbrand img {   max-width: 100%;   width: 168px !important; }
  .navbar-toggler {   position: absolute;   top: 3px;}
  #cartDropDown img {   max-width: 100%;   margin-left: 7px;   width: 43px; }
}

@media only screen and (max-width: 360px) 
{
  .navbrand img {   max-width: 100%;   width: 130px !important; }
  .navbar-toggler .icon-bar{ margin: 6px 0; height: 4px;}
  .navbar-toggler {   position: absolute;   top: 1px; }
  .mini-cart {   margin-top: 5px;   top: 0px;   right: 111px; }
}

/* new style */
.header-topbar { display: none; }
.page-header{ background-color:#111; padding: 27px; min-height: auto;}
.navbar-light .navbar-nav .nav-link { color: #fff; }
.navbar-collapse .navbar-nav .nav-item .nav-link{ text-transform: uppercase; font-family: Lato, sans-serif; font-size: 14px; font-weight: 400;}
a.logo img { width: 240px; height: auto; }
.headTopBtn { position: relative; z-index: 11; }
.mini-cart { margin-top: 0px; position: absolute; top: 20px; right: 0; }
a.btn.linkbtn { position: absolute; top: 20px; right: 50px; background-color:transparent !important;}
i.fa.fa-user { color: #fff; font-size: 16px; }
body.hide-scroll .navbar-toggler .icon-bar:nth-child(1){ transform: translate(0, 11px) rotate(-45deg);}
body.hide-scroll .navbar-toggler .icon-bar:nth-child(2){ opacity:0}	
body.hide-scroll .navbar-toggler .icon-bar:nth-child(3){ transform: translate(0, -11px) rotate(45deg);}
.btn.btn-warning{ background-color: #ff0000 !important; color: #fff !important;}

.navbar-collapse .dropdown-toggle{ right:0px; font-size:13px; top:20px;}
.navbar-collapse .nav-item:hover .dropdown-toggle::after { border-bottom: 0px solid !important; }
.dropdown-toggle::after, .navbar-collapse .dropdown-toggle::after { border-top: 0px solid !important; border-right: 0px solid transparent !important; border-left: 0px solid transparent !important; content: '\f107'; font-family: 'Font Awesome 5 Free'; z-index: 1; font-size: inherit; line-height: 0; font-weight: 900;}
.powered-by-container, .powered-by-container a, .powered-by-container a:hover { color: #fff !important; }
.footer-top{ display:block; background-color:#fff; border-radius:5px; float:left; width:100%; padding-bottom:20px;}
.footer-top-col{ float:left; width:25%;}
.footer-top-col img{ width:100%; max-width:130px; text-align:center; margin:auto; padding:20px 0; display:block;}
.footer-top-col p{ font-size:12px; color: #0a0a0a; font-family: "Roboto",sans-serif; font-size: 12px; font-weight: bold; line-height: 1.45; text-align:center;}
.footer-top-col h2{ margin:20px 40px 20px 0; color: #000; font-size:14px; font-family: "Lato",sans-serif; font-weight: 900; line-height: 1.4; text-transform: uppercase; padding-bottom: 20px; border-bottom:1px solid #ccc;}
.footer-top-col ul{ padding:0; margin:0;}
.footer-top-col ul li{ display:block; margin-bottom: 1rem;}
.footer-top-col ul li a{ font-family: Lato, sans-serif; font-weight: 400; font-size: 14px; line-height:20px; color:#d33;}
.footer-top-col ul li a:hover, .footer-top-col ul li a:focus{ color:#1e73be;}

.footer-top-col.footer-social ul li a { font-size: 14px; color: #000; font-family: "Lato",sans-serif; font-weight: 900; line-height: 1.4; text-transform: uppercase; }
.footer-top-col.footer-social ul li a i { margin-right: 15px; width: 15px; font-size:18px;}
.footer-top-col.footer-social ul li a i.fa.fa-twitter { color: #1DA1F2; }
.footer-top-col.footer-social ul li a i.fa.fa-facebook{ color: #3b5998;}
.footer-top-col.footer-social ul li a i.fa.fa-instagram{ color: #c90068 ;}
.footer-top-col.footer-social ul li a i.fa.fa-envelope{ color: #000;}
.footer-btm-inner { float: left; width: 100%; text-align: center; padding: 0 15px; }

@media (min-width: 992px) and (max-width: 1199px)
{
	.menu_sec li a { padding: 18px 10px !important; line-height: 13px;}
	.mini-cart { top: 13px; right: -10px; }
	a.btn.linkbtn { top: 13px; right: 30px; }
	.menu_sec li { margin-right: 5px; }
	a.logo img { width: 200px;}
}

@media only screen and (max-width: 991px) 
{
	a.logo img { width: 180px;}
	.menu_sec li { margin-right: 5px; }
	.navbar-toggler{ top:10px; right:10px;}
	.mini-cart{ top:10px; right:60px;}
	a.btn.linkbtn { top: 12px; right: 50px; }
	.navbar-collapse{ top:15px;}
	.navbar-collapse .navbar-nav { padding-top: 0; padding-bottom:30px;}
	.menu_sec li a{ display: block; text-align: center; font-size: 16px !important; padding:15px 30px !important;}
	.menu_sec li.nav-item span.drop-arw{ display:block;}
	.navbar-collapse .dropdown-toggle{ right:20px;}
	.menu_sec li:nth-child(2) a, .menu_sec li:nth-child(6) a{    background-size: 0; background:none;}
	.navbar-collapse .dropdown-toggle { right: 20px; font-size: 18px; top: 18px; }
	.menu_sec .dropdown-menu li a{ padding:10px !important;}
	.footer-top-col { width: 50%; padding: 0 15px; }
}

@media only screen and (max-width: 767px)
{
	.footer-top-col { width: 100%; padding: 0 15px; }
}

@media only screen and (max-width: 480px)
{
	.mini-cart button.dropdown-toggle { width: 40px; height: 40px; font-size: 16px;}
	.mini-cart button.dropdown-toggle .cart-counter { top: 0px; left: 30px; padding: 3px 5px; }
}
@media only screen and (max-width: 370px)
{
  body.hide-scroll .navbar-toggler .icon-bar:nth-child(1){ transform: translate(0, 10px) rotate(-45deg);}
  body.hide-scroll .navbar-toggler .icon-bar:nth-child(3){ transform: translate(0, -10px) rotate(45deg);}
}

