body {
  font-family: 'Montserrat', sans-serif !important;
}

a{
 transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}



.mth{
 transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}
.mth1{
  transition: all ease-in-out 0.5s;
   -o-transition: all ease-in-out 0.5s;
   -ms-transition: all ease-in-out 0.5s;
   -moz-transition: all ease-in-out 0.5s;
   -webkit-transition: all ease-in-out 0.5s;
 }


.mth:hover{
opacity: 0.5;

    transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}
.mth1:hover{
  
    margin-top:-10px;
      transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }


/*Fade Hover Effect*/
  .hover-fade a {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #333;
  }
  .hover-fade img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .hover-fade:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
    filter: alpha(opacity=0.5);
    opacity: 0.5;
  }



h1{
font-family: 'Montserrat', sans-serif !important;
}

p{
font-family: 'Montserrat', sans-serif !important;
}

button:focus {
  outline: 0px dotted !important;
  outline: 0px auto -webkit-focus-ring-color !important;
}

/* width */
::-webkit-scrollbar {
width:4px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 0px #1479bd; 
border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background:#1479bd;
border-radius:0px;
}


.item-images {
  position: relative;
  overflow: hidden;
  /* height: 263px; */
  /* padding: 50px 0; */
  float: left;
  width: 100%;
  text-align: center;
}
.item-box .image1 {
  /* margin-bottom: 50px; */
  border-bottom: 1px solid #ccc;
  opacity: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 1;
  height: 295px;
  object-fit: contain;
  /* padding-bottom: 50px; */
  padding: 50px 0;
  width: 100%;
}
.item-box .image2 {
  padding: 50px 0;
  height: 295px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 50%;
  border-bottom: 1px solid #ccc;
  object-fit: contain;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.item-box h5 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  text-align: left;
  line-height: 26px;
  padding: 15px 15px 0;
  float: left;
  margin: 0;
  width: 100%;
}
.tr-bg img{
display: block;
margin:auto;
max-width:200px;
max-height:220px;
}
.lidt-row .tr-bg{
margin-bottom:30px;
}
.item-box h5 span {
  width: 100%;
  float: left;
}
.item-box h4 {
  font-size: 14px;
  color: #461616;
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
  float: left;
  padding: 0 15px;
}
.item-box h4 span {
  padding: 0 0 0 6px;
  color: #1a1a1a;
  font-weight: 300;
  text-decoration: line-through;
}
.item-box h3 {
  font-size: 12px;
  color: #461616;
  border: 1px solid #461616;
  float: right;
  padding: 5px 10px;
  border-radius: 20px;
  margin-right: 15px;
}
.item-over {
  opacity: 0;
  position: absolute;
  bottom: 0;
  transition: all ease-in-out .5s;
  width: 100%;
  text-align: center;
  left: 0;
  /* margin-bottom: 30px; */
}
.tabel-detail{
font-size: 12px;
}
.order-btn:hover{
text-decoration: none;
background-color: #1578ba;
}
.order-btn{
    margin-left: auto;
  margin-right: auto;
  background-color: #00315e;
  color: white;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  font-size: 13px;
}
.item-over h6 {
  display: inline-block;
  margin: auto;
  color: #461616;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  /* background: #461616; */
  padding: 10px;
  border: 1px solid #461616;
  box-shadow: 0 -4px 5px 0 rgba(0,0,0,.15);
}
.item-box:hover .image1 {
  transform: translateX(100%);
  opacity: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
}
.lidt-row .item-box {
  margin-bottom: 30px;
}
.item-box:hover .image2 {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header{
  float: left;
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
  background: #002f5a;
}
.b2bheader{
  float: left;
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
  background: #2a679f;
}

.logo{
float:left;
}

.logo img{
width:230px;
}

.menu{
/*float:left;
/* padding-left: 50px; */
}

.right-align{
float:right;
}

.search-plugin{
float:right;
/* width:100%; */
margin-top: 9px;
margin-right:0px;
}

.search-plugin svg{
width: 25px;
fill: white;
}

.cll-wd{
float:left;
width:100%;
}

.sr-bg{
background: black !important;
border-radius: 0px !important;
border: none !important;
margin-top: 10px !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
}

.sr-bg form{ 
width: 830px;
float: none;
  margin-left: auto;
  margin-right: auto;
}

.sr-frm{
 
  width:100%;
  color:white;
  font-size:10px;
  background: black;
  outline: none;
  border: none;
  border-bottom: solid 1px rgb(255 255 255 / 43%);
  border-radius: 0px;
  padding-left: 0px;
  display: block;
  padding-bottom: 15px;
}

.sr-frm::-webkit-input-placeholder { /* Edge */
color: rgb(255 255 255 / 78%); letter-spacing: 1px;
}
.sr-frm:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgb(255 255 255 / 78%); letter-spacing: 1px;
}
.sr-frm::placeholder {
color: rgb(255 255 255 / 78%); letter-spacing: 1px;
}

.sr-bg button{
float:right;
background: rgb(0 0 0 / 0%);
border:none;
outline:none;
margin-top: -35px;
cursor:pointer;
}

.arrow-sr{
fill: rgb(255 255 255 / 80%);
width:25px;
}

.arrow-sr:hover{
fill:white;
}


/*---------- login-dropdown --------------------*/

nav {
/* width: 100%; */
height: 0px;
/* background: #222; */
float: left;
margin-top: 0px;
}

ul {
text-align: center;
}

ul li {
/* font: 13px Verdana, 'Lucida Grande'; */
/* cursor: pointer; */
-webkit-transition: padding .05s linear;
-moz-transition: padding .05s linear;
-ms-transition: padding .05s linear;
-o-transition: padding .05s linear;
transition: padding .05s linear;
}
ul li.drop {
position: relative;
margin-right:-8px;
}
ul > li {
display: inline-block;
}
ul li a {
/* line-height: 80px; */
/* padding: 0 20px; */
/* height: 80px; */
color: #777;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
/* transition: all .1s ease-out; */
}
ul li a:hover {
color: #eee;
}

.dropOut .triangle {
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
top: -8px;
left: 50%;
margin-left: -8px;
}
.dropdownContain {
width: 160px;
position: absolute;
z-index: 2;
left: 50%;
margin-left: -60px; /* half of width */
top: -400px;
}
.dropOut {
width: 200px;
background: white;
float: left;
position: relative;
margin-top: 0px;
opacity: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
box-shadow: 0 1px 6px rgba(0,0,0,.15);
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}

.dropOut ul {
float: left;
padding: 10px 0;
padding-top: 0px;
padding-bottom: 0px;
}
.dropOut ul li {
text-align: left;
float: left;
width: 100%;
padding: 12px 0 10px 10px;
/* margin: 0px 10px; */
color: #131212;
/* -webkit-border-radius: 4px; */
-moz-border-radius: 4px;
/* border-radius: 4px; */
-webkit-transition: background .1s ease-out;
-moz-transition: background .1s ease-out;
-ms-transition: background .1s ease-out;
-o-transition: background .1s ease-out;
transition: background .1s ease-out;
font-size: 14px;
font-weight: 500;
}

.dropOut ul li:hover {
background:#1e191a1a;
color: white;
}

ul li:hover a {color: #1e191a; text-decoration: none;}
ul li:hover .dropdownContain {top: 40px;}
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { opacity: 1; margin-top: 8px; }

/*---------- login-dropdown --------------------*/

.profile-list{
color: #ffffff;
font-size:13px;
font-weight:600;
}

.profile-list:hover{
color: black;
}

.profile-list svg{
width:22px;
height:22px;
fill: white;
}

.profile-list strong{
float:left;
width:100%;
font-weight:600;
padding-top:4px;
}

.wishlist{
 color: white;
 font-size:13px;
 font-weight:600;
 float: right;
 text-align: center;
 margin-top: 4px;
 /* margin-left: 30px; */
 margin-right: -24px;
 transition: all ease-in-out 0.5s;
 -o-transition: all ease-in-out 0.5s;
 -ms-transition: all ease-in-out 0.5s;
 -moz-transition: all ease-in-out 0.5s;
 -webkit-transition: all ease-in-out 0.5s;
}

.wishlist:hover{
color: black;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-decoration: none;
}

.wishlist svg{
width:22px;
height:22px;
fill: white;
}

.wishlist strong{
float:left;
width:100%;
font-weight:600;
padding-top:4px;
}


.addcart{
 color: white;
 font-size:13px;
 font-weight:600;
 float: right;
 text-align: center;
 margin-top: 4px;
 /*margin-left: 20px;*/
}

.addcart:hover{
color: black;
text-decoration: none;
}

.addcart svg{
width:22px;
height:22px;
fill: white;
}

.addcart strong{
float:left;
width:100%;
font-weight:600;
padding-top:4px;
}

.banner{
float:left;
width:100%;
}

.desk-bnr{
float:left;
width:100%;
/* margin-top: 9px; */
}

.msg-welcome{
float:left;
width:100%;
text-align:left;
font-size:14px;
line-height: 22px;
color:#000;
padding-left:10px;
padding-right:10px;
padding-top: 11px;
padding-bottom: 10px;
}

.msg-welcome span{
font-weight:700;
float:left;
width:100%;
}

.login-signup{
float:left;
width:150px;
height: 35px;
margin-left: 11px;
border: solid 1px rgb(0 0 0 / 60%);
font-weight: 500;
line-height: 35px;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 10px;
}

.login-signup:hover{
color:white;
background:rgb(0 0 0 / 60%);
text-decoration:none !important;
}


.featured-collection{
float:left;
width:100%;
padding-left:15px;
padding-right:15px;
padding-top:50px;
}

.featured-collection h1{
color:#000000;
font-size:33px;
float: left;
text-transform:capitalize;
}


/* <source :http://webdesignerhut.com/examples/pure-css-tabs/> */


.tab-right{
float:right;
}

.tabs {
  /* max-width: 90%; */
  float: none;
  list-style: none;
  padding: 0;
  /* margin: 75px auto; */
  /* border-bottom: 4px solid #ccc; */
}
.tabs:after {
  content: '';
  display: table;
  clear: both;
}
.tabs input[type=radio] {
  display:none;
}
.tabs label {
    /* display: block; */
    /* float: right; */
    /* width: 33.3333%; */
    /* color: #131212; */
    /* font-size: 14px; */
    /* font-weight: normal; */
    /* text-decoration: none; */
    /* text-align: center; */
    /* line-height: 2; */
    /* cursor: pointer; */
    /* box-shadow: inset 0 4px #ccc; */
    /* border-bottom: 4px solid #ccc; */
    /* -webkit-transition: all 0.5s; */ /* Safari 3.1 to 6.0 */
    /* transition: all 0.5s; */
    /* margin-left: 14px; */
    /* margin-right: 14px; */
    /* font-weight: 600; */
}
.tabs label span {
  /* display: none;*/
}
.tabs label i {
  padding: 5px;
  margin-right: 0;
}
.tabs label:hover {
  color: #a10d0d;
  /* box-shadow: inset 0 4px #3498db; */
  /* border-bottom: 2px solid #a10d0d; */
}
.tab-content {
    /* display: none; */
    /* width: 100%; */
    /* float: left; */
    /* padding: 15px; */
    /* box-sizing: border-box; */
    /* margin-top:20px; */
    /* background-color:#ffffff; */
}
.tab-content * {
  
}

.tabs [id^="tab"]:checked + label {
  background: #FFF;
  /* box-shadow: inset 0 4px #3498db; */
  border-bottom: 4px solid #a10d0d;
  color: a10d0d;
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6 {
  display: block;
}
@media (min-width: 768px) {
  .tabs i {
      padding: 5px;
      margin-right: 10px;
  }
  .tabs label span {
      display: inline-block;
  }
  .tabs {
  /* max-width: 950px; */
  /* margin: 50px auto; */
  }
}
/* <source :http://webdesignerhut.com/examples/pure-css-tabs/> */



.flip-card {
background-color: transparent;
/* width: 300px; */
height: 515px;
perspective: 1000px;
/* border: solid 1px rgb(0 0 0 / 5%); */
}

.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
}

.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-card-front {
background-color: #fff;
color: black;
border: solid 1px rgb(0 0 0 / 5%);
}

.flip-card-back {
background-color: #ffffff;
color: white;
transform: rotateY(180deg);
border: solid 1px rgb(0 0 0 / 5%);
}

.productimages{
float:left;
width:100%;
}

.tag-white{
float:left;
border-radius: 50px;
width:75px;
height:25px;
background: white;
position: absolute;
left: 15px;
top: 15px;
font-size: 12px;
line-height: 25px;
font-weight: 600;
}

.product-names{
float:left;
width:100%;
padding:13px;
text-align:left;
}

.product-names h1{
float:left !important;
width:100% !important;
color:#000000 !important;
font-size:21px !important;
}

.product-names p{
 float:left;
 width:100%;
 color: rgb(0 0 0 / 85%);
 font-size: 15px;
 margin-bottom: 10px;
}

.product-names h2{
 float:left;
 font-weight: 700;
 font-size: 16px;
 color: #321950;
 padding-top: 3px; border-bottom:none !important;
}


.product-names h2 strike{
color:#4a494a;
font-size:14px;
padding-left:9px;
font-weight:normal !important;
}

.product-names h3{
  float: left;
  border-radius: 50px;
  width: 75px;
  height: 25px;
  background: #150c12;
  font-size: 12px;
  color:white;
  left: 15px;
  line-height: 25px;
  font-weight: 600;
  text-align: center;
  position: relative;
}

.wishlist-btn{
float:left;
width: 100% !important;
height: 46px !important;
line-height:25px;
text-align:center;
font-size: 15px;
color: rgb(0 0 0 / 84%);
text-transform:uppercase;
background:white;
border:none;
border: solid 1px rgb(0 0 0 / 23%) !important;
letter-spacing: 1px; line-height:45px;
font-weight:500;
}

.wishlist-btn:hover{
background:black;
cursor:pointer; text-decoration:none;
color: white !important;
border: solid 1px rgb(0 0 0 / 23%) !important;
}

.wishlist-sec{
float:left;
width:100%;
padding:13px;
text-align:left;
}


.wishlist-sec h2{
 float:left;
 font-weight: 700;
 font-size: 16px;
 color: #321950;
 padding-top: 3px; border-bottom:none !important;
}

.wishlist-sec h2 strike{
color:#4a494a;
font-size:14px;
padding-left:9px;
font-weight:normal !important;
}

.wishlist-sec h3{
  float: left;
  border-radius: 50px;
  width: 75px;
  height: 25px;
  background: #150c12;
  font-size: 12px;
  color:white;
  left: 15px;
  line-height: 25px;
  font-weight: 600;
  text-align: center;
  position: relative;
}

.wishlist-sec h1{
  float: left !important;
  width: 100% !important;
  color: rgb(0 0 0 / 57%) !important;
  font-size: 15px !important;
  margin-bottom: 16px !important;
  margin-top: 6px !important;
  font-weight: normal !important;
}

.red-sub{
width: 8px !important;
  height: 8px !important;
  border-radius: 50%;
  background: red !important;
}


.view-similar{
    z-index: 11; display:none;
    width: 115px !important;
    height: 30px !important;
    color: black !important;
    float: left;
    border-radius: 50px;
    width: 75px;
    height: 25px;
    background: white;
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 12px;
    line-height: 29px;
    font-weight: 600;
    /* z-index: 11; */
    letter-spacing: 1px;
    cursor:pointer;
}

.view-similar:hover{
background: black;
 color: white !important;
}



.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 11;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #f1f1f1;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

#main {
transition: margin-left .5s;
padding: 16px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}


.trending-sub .owl-dot{
background: none;
  color: inherit;
  border: solid 2px #ce1010 !important;
  padding: 0 !important;
  font: inherit;
  margin-right: 4px !important;
  border-radius: 50% !important;
  width: 6px !important;
  height: 6px !important;
  background: #ce1010 !important;
}


.trending-pro .owl-nav{
text-align: right;
margin-bottom: 10px;
margin-top: 20p;
padding-right: 0px;
}
.trending-pro .owl-prev img{
width: 31px;
margin-top: 0px;
    top: -495px;
  position: relative;
}
.trending-pro .owl-next img{
width: 31px;
margin-top: 0px;
margin-left: 10px;
    top: -495px;
  position: relative;
}

.view-nav{
  width: 123px;
  text-align: center;
  height: 46px;
  color: #150c12;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 48px;
  border: solid 1px #150c12;
  float: right;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: -46px;
  position: relative;
  z-index: 1;
}

.view-nav:hover{
background:#150c12;
color:white;
text-decoration:none;
}

.advertisment-sec{
float:left;
width:100%;
margin-top:35px;
}

.shop-section{
float:left;
width:100%;
margin-top:35px;
margin-bottom:35px;
}

.neck-shirt{
float:left;
width:100%;
height:447px;
background-image: url(../images/shop1.jpg);
}

.neck-shirt:hover{
text-decoration:none !important;
}

.neck-bg{
background-color:rgb(0 0 0 / 43%);
height:447px;
padding:20px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
padding-top: 290px;
}

.neck-bg:hover{
text-decoration:none !important;
background-color:rgb(0 0 0 / 0%);
   transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.neck-bg h1{
float:left;
width:100%;
font-size:15px;
color:#fff;
font-weight:300;
}

.neck-bg h2{
color:#ffffff;
font-size:23px;
font-weight:bold;
float: left;
  width: 100%;
  margin-bottom: 15px;

}

.nav-shop{
width:123px;
float:left;
text-align:center;
color:white;
font-size:14px;
color:white;
background-color:#090806;
height:46px;
line-height: 44px;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.nav-shop:hover{
background-color:#483819;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  text-decoration:none;
}

.push-left{
float:left;
}



.trending-collection{
float:left;
width:100%;
padding-left:15px;
padding-right:15px;
padding-top:0px;
}

.trending-collection h1{
color:#000000;
font-size:33px;
float: left;
width:100%;
}

.trending-pro{
float:left;
width:100%;
}

.mb30{
margin-bottom:30px;
}

.stock-nil{
background-color:#a10d0d !important;
color:white !important;
}

.trending-list{
   float: left;
  border-radius: 50px;
  width: 75px;
  height: 25px;
  background: #1478bd;
  /* position: relative; */
  float: left;
  margin-top: -37px;
  font-size: 12px;
  line-height: 25px;
  color: white;
  font-weight: 600;
  text-align: center;
  z-index: 111;
  position: relative;
  margin-left: 12px;
}

.advertisment-sec img{
width:100%;
}

.offerimg img{
width:auto !important;
}

.mt35{
margin-top:35px;
}

.share-style{
float:left;
width:100%;
padding-top:50px;
padding-bottom:50px;
}

.share-style h1{
float:left;
width:100%;
text-align:center;
color:#292727;
font-size:45px;
font-weight:300;
}

.share-style p{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 17px;
  color: #000000;
  padding-top: 20px;
  line-height: 30px;
}

.view-insta{
  width: 123px;
  height: 46px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  text-align: center;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 48px;
}

.view-insta:hover{
background-color: #2f1d1d;
text-decoration:none;
}

.footer{
float:left;
width:100%;
background-color:#1f1d1d;
}

.ftr-p{
padding: 0px;
border-right: solid 1px rgb(255 255 255 / 20%);
float: left;
/* text-align: center; */
}

.orginal{
/* float:left; */
width: 320px;
padding-top: 13px;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
}

.orgi-img{
float:left;
width:91px;
}

.orginal h1{
color:white;
font-size: 18px;
font-weight: 500;
padding-top: 25px;
text-transform: uppercase;
}

.orginal p{
font-size:15px;
color: rgb(255 255 255 / 82%);
}

.orginal img{
    float: left;
    margin-right: 20px;
    padding-top: 8px;
}

.q50{
float:left;
width:50%;
padding-top: 14px;
}

.q-links{
float:left;
width:100%;
border-top:solid 1px rgb(255 255 255 / 20%);
padding-top:30px;
}

.q-links h1{
float:left;
width:100%;
color:white;
font-size:20px;
font-weight:bold;
}

.navlink{
float:left;
width:100%;
color: rgb(255 255 255 / 76%) !important;
font-size:14px;
padding-bottom: 10px;
}

.navlink:hover{
color:white !important;
text-decoration:none !important;
} 

.ftr-address{
float:left;
width:100%;
padding-top: 14px;
}

.ftr-address p{
float:left;
width:100%;
color: rgb(255 255 255 / 76%) !important;
font-size: 14px;
}

.pl-70{
padding-left:70px !important;
}

.payment{
float:left;
width:100%;
}

.ftr-logo{
float:left;
padding-top:10px;
}

.ftr-social{
float:left;
padding-top: 24px;
padding-left: 40px;
}

.facebook{
float:left;
color:rgb(255 255 255 / 76%) !important;
font-size:13px;
letter-spacing:1px;
padding-right:45px;
fill: rgb(255 255 255 / 76%) !important;
}

.facebook:hover{
color:white !important;
text-decoration:none !important;
fill:white;
}

.facebook svg{
float: left;
width: 21px;
margin-right: 7px;
}

.powered{
  font-size: 14px;
  color: rgb(255 255 255 / 76%) !important;
  text-align: right;
  padding-top: 23px;
}

.tnm{
 color:rgb(255 255 255 / 76%) !important;
}

.tnm:hover{
 color:white !important;
text-decoration:none !important;
}

.pr-detail{
float:left !important;
width:100% !important;
font-size: 22px !important;
margin-bottom: 30px;
}

.pr-detail strong{
/* float:left; */
font-weight:normal !important;
margin-left: 5px;
margin-right: 5px;
}

.pr-detail span{
font-size: 16px;
letter-spacing: 0px;
color: rgb(0 0 0 / 79%);
}

.pagination{
float:left;
width:100%;
    margin-bottom: 11px;
}

.pag-nav{
  float: left;
  font-size: 13px;
  color: #000;
}

.pagination strong{
font-weight:normal;
padding-left:5px;
padding-right:5px;
}

.pag-nav:hover{
color:black;
text-decoration:none !important;
}

.hdr-border{
  width:100%;
  float: left;
  height: 1px;
  background: rgb(0 0 0 / 10%);
  width: 100%;
  margin-top: 10px;
}

.pdt20{
padding-top:20px;
}

.filter-by{
float:left;
width:50%;
}

.filter-by span {
  float: left;
  font-size: 14px;
  color: #000;
  /* margin-right: 11px; */
}


.fl-b{
    float: left;
    cursor:pointer;
    padding: 5px;
    background: rgb(243 243 243);
    border: none;
    padding-left: 11px;
    padding-right: 11px;
    margin-top: -6px;
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
    height: 33px;
    /* border: solid 1px rgba(197, 155, 65, 0.34); */
}

.fl-b span{font-size: 13px;font-weight: normal;padding-right: 6px;}
.fl-close{
color: #464748;
font-weight: normal !important;
float: right;
padding-left: 8px;
font-size: 11px !important;
padding-top: 4px;
}

.fl-clear{
  float: left;
  font-size: 15px;
  padding-left: 10px;
  color: #321950;
  font-weight: 600;
}

.fl-clear:hover{
 color: #d01d1d;
 text-decoration:none;
}

.sort-by{
float:right;
width:50%;
}



.filter-bg{
float: left;
  width: 100%;
  border: solid 1px #dbdbdb;
  border-radius: 6px;
  margin-top: 20px;
}


.sec-one{
float:left;
width:100%;
padding: 15px;
border-bottom: solid 1px #dbdbdb;
}

.sec-one h1{
 float:left;
 width:100%;
 font-size: 14px;
 color: #000 !important;
}


/* -------------------------------- 

xcustom form elements 

-------------------------------- */
.cd-filter-block {
/* margin-bottom: 1.6em; */
float: left;
width: 100%;
text-align: left;
}
.cd-filter-block h4 {
/* filter block title */
position: relative;
margin-bottom: 15px;
padding: 12px 0 10px 27px;
color: #2e2c2c;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
border-bottom: solid 1px rgba(0, 0, 0, 0.03);
padding-bottom: 14px !important;
text-align: left;
margin-bottom: 0px;
}
.no-touch .cd-filter-block h4:hover {
color: #41307c;
}
.cd-filter-block h4::before {
/* arrow */
content: '';
position: absolute;
left: 0;
top: 50%;
width: 16px;
height: 16px;
background: url("../img/cd-icon-arrow.svg") no-repeat center center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-filter-block h4.closed::before {
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
-o-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
/* shared style for input elements */
font-family: "Open Sans", sans-serif;
border-radius: 0;
background-color: #f4f4f4;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
width: 100%;
padding: .8em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
outline: none;
background-color: #ffffff;
border-color: #41307c;
}
.cd-filter-block input[type='search'] {
/* custom style for the search element */
border-color: transparent;
background-color: #e6e6e6;
/* prevent jump - ios devices */
font-size: 1.6rem !important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
display: none;
}
.cd-filter-block .cd-select {
/* select element wrapper */
position: relative;
}
.cd-filter-block .cd-select::after {
/* switcher arrow for select element */

content: '';
position: absolute;
z-index: 1;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 16px;
height: 16px;
background: url("../img/cd-icon-arrow.svg") no-repeat center center;
pointer-events: none;
}
.cd-filter-block select {
cursor: pointer;
font-size: 1.4rem;
}
.cd-filter-block select::-ms-expand {
display: none;
}
.cd-filter-block .list li {
position: relative;
margin-bottom: 0px;
text-align: left;
margin-top: 7px;
list-style-type: none;
float: left;
width: 100%;
}
.cd-filter-block .list li:last-of-type {
/* margin-bottom: 0; */
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
/* hide original check and radio buttons */
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0;
z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
padding-left: 30px;
font-size: 1.4rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 13px !important;
color: rgb(0, 0, 0);
/* margin-bottom: 15px; */
font-weight: 500;
/* line-height: 27px; */
padding-top: 6px;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
/* custom radio and check boxes */
content: '';
display: block;
position: absolute;
top: 45%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
width: 16px;
height: 16px;
left: 0;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
/* check mark - hidden */
display: none;
}
.cd-filter-block .checkbox-label::after {
/* check mark style for check boxes */
width: 16px;
height: 16px;
background: url("../images/cd-icon-check.svg") no-repeat center center;
left: 0px;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
border-radius: 50%;
}
.cd-filter-block .radio-label::after {
/* check mark style for radio buttons */
width: 6px;
height: 6px;
background-color: #ffffff;
left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
border-color: #161617;
background-color: #000000;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
display: block;
}

@-moz-document url-prefix() {
/* hide custom arrow on Firefox - select element */
.cd-filter-block .cd-select::after {
  display: none;
}
}

.budgetul {
  float: left;
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
  height: 164px;
  overflow-y: scroll;
  text-align: left;
}

.h520{
height: 500px;
}

.mb20{margin-top:20px;}

.banners_width{width:100%;}
.p-none{padding:0px !important;}
.margin-btm20{margin-bottom:20px;}
.sh-50{margin-bottom:30px;}
.color-bg{
float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: black;
  margin-right: 10px;
}

.product-details{
  float: left;
  width: 100%;
  border-bottom: solid 1px rgb(0 0 0 / 6%);
  font-size: 35px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.product-details span{
  float: left;
  width: 100%;
  color: rgb(0 0 0 / 73%);
  font-size: 22px;
}

.product-rate{
float:left;
width:100%;
}

.product-rate h1{
float:left;
color:black;
font-weight:bold;
font-size: 25px;
}

.product-rate h1 strike{
font-weight:normal;
color: rgb(0 0 0 / 79%);
margin-left: 7px;
font-size: 17px;
}

.product-rate h1 span{
color: #09077d;
font-size: 17px;
text-transform: none;
font-weight: 500;
padding-left: 10px;
}
.product-size{
float:left;
width:100%;
}

.product-size h1{
float: left;
width: 100%;
font-size: 19px;
font-weight: 700;
margin-top: 16px;
margin-bottom: 20px;
}

.delivery-options{
float:left;
width:100%;
}

.delivery-options h1{
float: left;
width: 100%;
font-size: 19px;
font-weight: 700;
margin-top: 16px;
margin-bottom: 20px;
}

.pincode-code{
border-radius: 5px;
  border: 1px solid #d4d5d9;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  padding: 10px;
  font-size: 14px;
  min-width: 160px;
  outline: 0;
  width: 250px;
}

.pincode-button {
  outline: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  background-color: #fff;
  border: 0;
  color: #0e0a5f;
  text-transform: capitalize;
  cursor:pointer;
  font-weight:bold;
}

.pincode-button:hover{
color:black;
}

.pincode-check {
  position: relative;
  left: -60px;
  background-color: transparent;
}

.delivery-options span{
float: left;
  width: 100%;
  font-size: 15px;
  color: rgb(0 0 0 / 86%);
  margin-top: 10px;
  margin-bottom: 10px;
}

.inclusive-tax{
  float: left;
  width: 100%;
  color: #a70a44;
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}

.qnty-details{
float:left;
width:100%;
}

/* Product Quantity */
.quantity {
/* padding-top: 12px; */
/* margin-left: 25px; */
margin-bottom: 10px;
background: #f5f5f5;
/* text-align: center; */
margin-top: 32px;
height: 50px;
float: left;
/* margin-top: 10px; */
/* padding-top: 7px; */
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
/* padding-bottom: 7px; */
}
.quantity input {
-webkit-appearance: none;
border: none;
text-align: center;
width: 32px;
font-size: 14px;
color: #000000;
font-weight: 300;
background: rgb(31 29 29 / 12%);
font-weight: normal;
width: 30px;
height: 50px;
/* border-radius: 50%; */
opacity: 3 !important;
cursor: text !important;
/* margin-top: -34px; */
position: relative;
/*top: -11px;*/
/* border-radius: 0px !important; */
/* border: solid 1px #f4f4f4; */
}

button[class*=btn] {
width: 30px;
height: 39px;
background-color: rgba(255, 255, 255, 0);
/* border-radius: 50%; */
border: none;
cursor: pointer;
outline: none !important;
/* border: solid 1px #d9d9d9; */
margin: 0px;
padding: 0px;
/* margin-top: 5px; */
}

button:hover[class*=btn] {
/* background-color: #c50f0f; */
/* border-radius: 50%; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
color: #321950;
}

.minus-btn img {
margin-bottom: 3px;
}
.plus-btn img {
margin-top: 2px;
}
button:focus,
input:focus {
outline:0;
}

.add-basket{
  float: left;
  background: #002f5a;
  color: #ffff;
  padding: 15px;
  font-size: 13px;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 19px;
  padding-left: 25px;
  padding-right: 25px;
  letter-spacing: 1px;
}

.add-basket:hover{
background: #1479bd;
text-decoration:none !important;
/* color: #000; */
}

.add-love{
  float: left;
  background: #ffffff;
  color: #1479bd;
  padding: 15px;
  font-size: 13px;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 14px;
  font-weight: 400;
  border: solid 1px #1479bd;
  height: 50px;
  line-height: 19px;
}

.add-love:hover{
background: #1479bd;
text-decoration:none !important;
color: #fff;
fill: #ffffff;
}

.add-love svg{
width: 20px;
height: 15px;
margin-right: 4px;
margin-top: -2px;
/* letter-spacing: 1px; */
}

.product-desc{
float:left;
width:100%;
margin-top: 20px;
background: #f7f7f7;
padding: 20px;
border-radius: 5px;
padding-bottom: 9px;
margin-bottom: 20px;
}

.product-desc p{
width:50%;
float:left;
color:black;
font-size:15px;
margin-bottom: 15px;
}

.product-desc-download{
  float:left;
  width:100%;
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  padding-bottom: 9px;
  margin-bottom: 20px;
  }
.product-desc-download p{
  width:50%;
  float:left;
  color:black;
  font-size:15px;
  margin-bottom: 15px;
  }
  .product-desc-download i{
    color: red;
    }


.product-info{
float:left;
width:100%;
margin-top:20px;
}

.product-info h1{
float: left;
width: 100%;
font-size: 22px;
margin-bottom: 0px;
}

.product-info p{
  float: left;
  width: 100%;
  font-size: 17px;
  color: black;
  margin-top: 8px;
}

.product-desc-download{
  float:left;
  width:100%;
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  padding-bottom: 9px;
  margin-bottom: 20px;
  }
.product-desc-download p{
  width:50%;
  float:left;
  color:black;
  font-size:15px;
  margin-bottom: 15px;
  }
  .product-desc-download i{
    color: rgb(7, 9, 134);
    font-size:20px;
    }
    .product-desc-download a{
      color: rgb(7, 9, 134);
      font-size:15px;
      text-transform: capitalize;
      }


.details-product{
float:left;
width:100%;
margin-top:20px;
}

.information-tabs{
    float: left;
    width: 50%;
    /* padding: 15px; */
    /* padding-left: 6px; */
    margin-top: 13px;
    padding-bottom: 20px;
    /* padding-top: 15px; */
    /* background: #f7f3e8; */
    /* padding-left: 13px; */
    border-bottom: solid 1px rgb(0 0 0 / 4%);
    margin-right: 0px;
    margin-bottom: 10px;
}

.information-tabs h1{
font-size: 17px;
color:#000;
font-weight: 600;
text-align: left;
padding-left: 0px;
letter-spacing: 1px;
}

.information-tabs span{
font-weight:normal;
color: rgb(0 0 0 / 81%);
font-size: 14px !important;
/* padding-left: 35px; */
float: left;
width: 100%;
line-height: 28px;
margin-top: 4px;
}

.speci{
float:left;
width:100%;
color:black;
font-size: 30px;
/* font-weight:bold; */
border-bottom: solid 1px rgb(0 0 0 / 6%);
padding-bottom: 20px;
margin-bottom: 10px;
}

.detail-pro{
  float: left;
  width: 100%;
  font-size: 14px;
  padding-top: 10px;
  line-height: 28px;
  color: rgb(0 0 0 / 81%);

}
.detail-pro img{
  
  width: 100%;
  
  
}

.size-dtl{
 float: left;
 width: 100%;
 font-size: 16px;
 margin-top: 20px;
}

.size-dtl h1{
font-size: 17px;
color:black;
font-weight: 600;
}

.size-dtl p{
float: left;
width: 100%;
font-size: 16px;
/* padding-top: 10px; */
color: rgb(0 0 0 / 81%);
}

.review-sec{
float:left;
width:100%;
padding-top:30px;
/* padding-bottom:30px; */
padding-left: 15px;
padding-right: 15px;
}

.review-sec h1{
float:left;
width:100%;
color:black;
font-size: 30px;
/* font-weight:bold; */
border-bottom:none !important;
padding-bottom: 20px;
margin-bottom: 10px;
}


.customer_panel {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 30px;
  margin-bottom: 25px;
  /* border-bottom: solid 1px rgba(0, 0, 0, 0.08); */
}

.customer_panel .userimg {
  float: left;
  font-size: 12px;
  line-height: 15px;
  padding: 3px;
  width: 45px;
  height: 45px;
  background: #656565;
  border-radius: 4px;
  margin-top: 6px;
  /* border: solid 1px rgba(0, 0, 0, 0.16); */
  text-align: center;
}

.reviewer-imgname {
  font-size: 18px;
  line-height: 39px;
  color: #ffffff !important;
  text-align: center !important;
  /* width: 52px !important; */
  /* height: 52px; */
  /* background: #908d8d; */
  border-radius: 50%;
  font-weight: 600 !important;
}

.text-user {
  margin-left: 66px;
  border-radius: 3px;
  position: relative;
  /* float: left; */
  /* width: 100%; */
}

.text-user p {
  float: left !important;
  width: 100% !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.76) !important;
  margin-bottom: 4px !important;
}

.text-user h1 {
  text-transform: none !important;
  /* font-weight: normal !important; */
  font-size: 15px !important;
  padding-top: 5px !important;
  color: rgb(17, 77, 5) !important;
  border-bottom: none !important;
  padding-bottom: 6px;
  margin-bottom: 0px;
  font-weight: bold;
  float: left;
  width: 100%;
  text-align: left;
  /* padding-top: 11px !important; */
}

.text-user span {
  float: left !important;
  width: 100% !important;
  font-size: 16px !important;
  font-weight: normal !important;
  color: rgb(0 0 0 / 88%) !important;
  line-height: 29px;
  /* padding-right: 110px; */
  text-align: left;
  text-transform: none;
  /* padding-top: 10px; */
}

.review-rate{
float:left;
width:100%;
margin-top: 10px;
}


.giv_rate {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 24px;
  color: #343434;
  font-weight: 500;
  margin-bottom: 10px;
}
.giv_rate .ratingbox2 {
  width: 100%;
  float: left;
  margin: 15px 0;
  text-align: center;
}
.giv_rate .ratingbox2 i {
  font-size: 30px;
  color: #ffd426;
}

.giv_rate .ratingbox2 i {
  font-size: 30px;
  color: #ffd426;
}

.ratingbox {
  /* width: 100%; */
  float: left;
  text-align: left;
  margin: 17px 0 5px;
  text-decoration: none !important;
  margin-top: 10px;
  margin-bottom: 8px;
}
.ratingbox i {
  font-size: 13px;
  color: #ffd426;
  display: inline-block;
  /* margin: 0px 1px; */
}

.ratingbox span {
  font-size: 13px;
  font-weight: 400;
  color: #808080 !important;
  display: none;
}

.rev-nav{
     font-size: 14px;
     background: #002f5a;
     color: #fff;
     border-radius: 4px;
     text-align: center;
     font-weight: 700;
     padding-top: 14px;
     padding-bottom: 14px;
     padding-left: 30px;
     padding-right: 30px;
     float: right;
     margin-top: -60px;
     cursor: pointer;
     z-index: 11;
     position: relative;
}

.rev-nav:hover{
  background: #1479bd;
  text-decoration: none;
}


.close_form {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: -50px;
  top: 0px;
  background: transparent url(../images/close.svg) no-repeat center center;
  background-size: 20px 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.close_form:hover,
.close_form:focus {
  background-color: transparent;
} 

.write-review{
  float: left;
  width: 100%;
  color: #1b1d1b;
  font-size: 18px;
  font-weight: 800;
  text-align: left;
  margin-bottom: 7px;
  text-align: center;
}

.modal_top{
  float: left;
  width: 100%;
  color: #000000c4;
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 5px;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.modal-details{
  float: left;
  width: 100%;
  color: #000;
  font-size: 16px;
  line-height: 28px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.review-form h1 {
  float: left;
  width: 100%;
  font-size: 14px;
  color: rgb(0 0 0 / 98%);
  background: #ffffff;
  text-align: left;
  padding: 0px;
  margin-bottom: 15px;
  margin-top: 8px;
  font-weight: 400;
}

.review-field{
  float: left;
  width: 100%;
  padding: 15px;
  font-size: 14px;
  color: #000;
  border: solid 1px rgba(0, 0, 0, 0.14);
  outline: none !important;
  border-radius: 6px;
}

.reivew-btn{
  width: 150px !important;
  height: 50px !important;
  text-align: center;
  color: #fff;
  font-size: 14px;
  /* float: right; */
  /* margin-top: 15px !important; */
  background-color: black !important;
  border-radius: 4px;
  /* padding-left: 25px !important; */
  display: block;
  margin: 15px auto !important;
  float: none;
}

.reivew-btn:hover{
background-color: #1479bd !important;
color: #fff !important;
nt; */
}

.trending-pro1 .owl-nav{
text-align: right;
margin-bottom: 10px;
margin-top: 20px;
padding-right:00px;
}

.trending-pro1 .owl-prev img{
width: 31px;
margin-top:5px;
}
.trending-pro1 .owl-next img{
width: 31px;
margin-top: 5px;
margin-left: 10px;
}


.dashboard-titel{
float:left;
width:100%;
font-size: 14px;
line-height: 28px;
}

.dashboard-titel h1{
float:left;
width:100%;
font-size:23px;
text-transform:uppercase;
font-weight: 600;
color: #101010;
text-align: left;
padding-top: 9px;
}

.dashboard-titel span{
  float:left;
  width:100%;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  color: rgb(0 0 0 / 85%);
  text-align: left;
  padding-top: 0px;
}


.order-history {
  float: left;
  width: 100%;
  /* padding: 8px; */
  border-radius: 4px;
  border: 1px rgba(253, 221, 190, 0.32) solid;
  padding: 14px 18px;
  color: #000;
  margin-bottom: 20px;
  background: rgba(50, 25, 80, 0.11);
}

.order-img {
  float: left;
  width: 34%;
  padding-top: 9px;
}

.order-img img {
  width: 80px;
  margin-top: 0px;
}

.order-details {
  float: left;
  width: 60%;
  padding-top: 15px;
}

.order-details h1 {
  float: left;
  width: 100%;
  font-size: 17px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  text-align: left;
  font-weight: 600;
}

.order-details p {
  float: left;
  width: 100%;
  color: #000;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
}

.order-history:hover{
  /* color:#f41428; */
  border: 1px rgba(38, 39, 0, 0.33) solid !important;
  -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
  border: solid 1px #fff;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  background: rgba(222, 222, 222, 0.15);
}

.user_detail_area {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  background: #fff;
  padding: 30px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.user_detail_area h2 {
  font-size: 20px;
  line-height: 28px;
  color: #1d1c1c;
  font-weight: 600;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: solid 1px rgba(0,0,0,0.10);
  text-transform: uppercase;
  padding-bottom: 9px;
}

.user_detail_box {
  margin-top: 14px;
  float: left;
  width: 100%;
}

.updatebtm{
float: left;
width: 160px;
color:#fff;
background-color: #002f5a;
font-size: 13px;
font-weight: 600;
padding: 10px;
text-transform: uppercase;
margin-right: 15px;
border: none;
outline: none !important;
/* margin-top: 10px; */
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
height: 47px;
line-height: 28px;
text-align: center;
margin-top: 10px;
cursor: pointer;
}
.updatebtm:hover{
background-color: #1479bd;
color: #fff !important;
text-decoration: none;
}

.password-section {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.log_set {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0 17px;
}
.log_set label {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #454545;
  line-height: 25px;
  margin: 0 0 5px;
  text-align: left;
}
.log_set input[type="text"],
.log_set input[type="password"],
.log_set input[type="mail"],
.log_set input[type="email"],
.log_set input[type="tel"],
.log_set input[type="number"],
.log_set select,
.log_set textarea {
  width: 100%;
  float: left;
  position: relative;
  height: 50px !important;
  border: solid 1px rgba(0,0,0,0.15) !important;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 30px;
  color: #454545;
  font-weight: 500;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  outline: none;
}
.log_set textarea {
  height: 100px !important;
}
.log_set input[type="text"]:focus,
.log_set input[type="password"]:focus,
.log_set input[type="mail"]:focus,
.log_set textarea:focus {
  border-color: #ee3425 !important;
}

.error_msg {
  display: none;
  width: auto;
  float: left;
  padding: 5px 7px;
  font-size: 13px;
  line-height: 15px;
  background: #E31B23;
  color: #fff;
  font-weight: 300;
  text-align: left;
  position: absolute;
  bottom: -13px;
  left: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  z-index: 10;
}
.error_msg::after {
  content: '';
  position: absolute;
  top: -5px;
  left: 5px;
  border-bottom: 5px solid #E31B23;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.error_ico {
  position: absolute;
  font-size: 13px;
  line-height: 18px;
  color: #E31B23;
  font-weight: 400;
  right: 15px;
  bottom: 33px;
}
.success_ico {
  position: absolute;
  font-size: 13px;
  line-height: 18px;
  color: #2ca01c;
  font-weight: 400;
  right: 15px;
  bottom: 33px;
}

.submit_frm {
  width: 100%;
  float: left;
  position: relative;
  height: 50px;
  cursor: pointer;
  background: #002f5a;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  outline: none !important;
}
.submit_frm:hover {
  background: #1479bd;
  color: #fff;
}

.dataTables_wrapper label {
  font-size: 13px;
  line-height: 25px;
  font-weight: 500 !important;
  color: #454545;
}
.dataTables_info {
  font-size: 13px;
  line-height: 25px;
  font-weight: 500 !important;
  color: #454545;
}
.dataTables_wrapper th {
  font-size: 14px;
  line-height: 25px;
  font-weight: 500 !important;
  color: #454545;
  text-align: center;
  outline: none !important;
}
.dataTables_wrapper td {
  font-size: 13px;
  line-height: 25px;
  font-weight: 500 !important;
  color: #585858;
  border-top: none;
  border-bottom: none;
}
.pagination>li {
  display: inline;
}

.form-control-tbabel {
  display: block !important;
  width: 100% !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #495057 !important;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: .25rem !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
  height: 34px;
  margin-right: 0px;
  margin-left: 0px !important;
  font-size: 13px !important;
}

.dataTables_wrapper .page-link {
  width: auto;
  height: 40px;
  text-align: center;
  color: #454545 !important;
  background-color: #fff !important;
  border-color: #ffffff !important;
  margin: 0px !important;
  font-size: 12px;
  line-height: 20px !important;
  font-weight: 500;
  padding: 10px !important;
  /*border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;*/
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}
.dataTables_wrapper .page-link:hover,
.dataTables_wrapper .page-item.active .page-link {
  color: #fff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.dataTables_wrapper .page-item.disabled .page-link {
  background-color: #e7e7e7 !important;
  border-color: #e7e7e7 !important;
}
.dataTables_wrapper .page-item .page-link:first-child,
.dataTables_wrapper .page-item .page-link:last-child {
  /*border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -webkit-border-radius: 100% !important;*/
}
.dataTables_wrapper .page-item .page-link:first-child i,
.dataTables_wrapper .page-item .page-link:last-child i {
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  top: 15px;
  left: 5px;
  background-color: #ee3425;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #ee3425;
  font-size: 16px;
}
table.dataTable>tbody>tr.child ul.dtr-details {
  width: 100%;
}
.dataTables_wrapper table.dataTable>tbody>tr.child span.dtr-title {
  /* min-width: 120px; */
  font-weight: 600;
}
.dataTables_wrapper table td a {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  background: #000000;
  color: #fff !important;
  font-size: 13px;
  border: none;
  line-height: 18px;
  padding: 5px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
}


.action_in {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  margin: 0 0 20px;
  /* margin-top: 20px; */
}

.cancel-in{
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    background: #fd020c;
    color: #fff !important;
    padding: 10px 15px;
    text-decoration: none !important;
    border-radius: 4px;
    cursor: pointer;
}

.cancel-in i {
  font-size: 23px;
  line-height: 24px;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
}

.print_in {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  background: #002f5a;
  color: #fff !important;
  padding: 10px 15px;
  text-decoration: none !important;
  border-radius: 4px;
  cursor: pointer;
}

.mail_in {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  background: #031f3a;
  color: #fff !important;
  padding: 10px 15px;
  text-decoration: none !important;
  border-radius: 4px;
}

.print_in i, .mail_in i {
  font-size: 21px;
  line-height: 25px;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
}

.cancel-in span{
font-size: 13px;
}

.print_in span{
 font-size: 13px;
}

.mail_in span{
font-size: 14px;
}

.action_in {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  margin: 0 0 20px;
  /* margin-top: 20px; */
}

.shop-return{
background: #2f2e05;
color: #fff;
padding: 15px;
font-size: 14px;
margin-top: 23px;
text-decoration:none !important;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
padding-left: 22px;
padding-right: 22px;
font-weight: 600;
cursor:pointer;
}

.shop-return:hover{
background:#161120;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  color: #fff;
}


.address-manage{
float:left;
width:100%;
background: #fff;
border-radius:5px;
padding: 15px;
border: solid 1px rgba(0, 0, 0, 0.12);
text-decoration: none !important;
-webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
/* border: solid 1px #fff; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-align: center;
margin-bottom:25px;
}

.address-manage h1{
text-transform:uppercase;
color: #191818;
font-size: 16px;
background: white;
font-weight: 700;
margin-bottom: 0px;
height: 100%;
line-height: 30px;
padding-top: 10px;
text-align: center;
float: left;
width: 100%;
}

.address-manage p{
float:left;
width:100%;
font-size: 14px;
color: rgba(0, 0, 0, 0.83);
line-height: 27px;
}


.address-field{
    float: left !important;
    width: 100%;
    margin-top: 20px !important;
    text-align: left;
}

.nav-news{
  float: left;
  width: 50%;
  background: #002f5a;
  height: 40px;
  color: #fff;
  margin-top: 11px;
  border-radius:0px;
  line-height: 37px;
  font-size: 14px;
  font-weight: 400;
}

.nav-news:hover{
background: #1479bd;
text-decoration:none;
}

.nav-edited{
  float: left;
  width: 50%;
  background: #1479bd;
  height: 40px;
  color: #fff;
  margin-top: 11px;
  border-radius:0px;
  line-height: 37px;
  font-size: 14px;
  font-weight: 400;
}

.nav-edited:hover{
background: #002f5a;
text-decoration:none;
}

.add-nav{
    float: left;
    width: 120px;
    background: #002f5a;
    height: 40px;
    color: #fff;
    margin-top: 11px;
    border-radius: 0px;
    line-height: 37px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    float: right;
    margin-top: -63px;
}

.add-nav:hover{
background: #1479bd;
text-decoration:none;
}


.log_set .option {
  width: 100%;
  float: left;
  /* padding: 0 18px; */
  font-size: 13px;
  line-height: 30px;
  color: #454545;
  font-weight: 500;
  text-align: left;
  margin: 0px 0px;
  position: relative;
}
.log_set .option > input {
  position:absolute;
  height:100%;
  width:100%;
  opacity:0;
  left:0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}


.log_set .checkbox {
  position:relative;
  margin-right:5px;
  background:#fff;
  display:inline-block;
  border: 2px solid #B5C1C7;
  margin-bottom:0;
  margin-top:0;
  height:16px;
  width:16px;
  top:4px;
}
.log_set .checkbox:before {
  content:'';
  display:none;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -o-box-sizing:content-box;
  box-sizing:content-box;
  padding:0;
  margin:0
}
.log_set input:checked + .checkbox:before {
  display:block
}
.log_set .checkbox:before{
  position:absolute;
  top:3px;
  left:2px;
  width:6px;
  height:3px;
  border:solid #ee3425;
  border-width:0 0 2px 2px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.log_set input:checked + .checkbox {
  border: 2px solid #ee3425;
}
.log_set input:hover + .checkbox {
  border-color:#ee3425;
}
.log_set input:focus + .checkbox {
  border-color:#ee3425;
}
.log_set input:focus + .checkbox:before{
  border-color:#ee3425;
}


.cart_tbl {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 35px;
  border: solid 1px rgba(0,0,0,0.10);
}
.cart_tbl tr {
  width: 100%;
  position: relative;
  margin: 0;
}
.cart_tbl th {
  background: #002f5a;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  padding: 15px 20px;
  color: #fff;
}
.cart_tbl td {
  background: #fff;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  padding: 20px 20px;
  border: solid 1px rgba(0, 0, 0, 0.11);
  vertical-align: middle;
  color: #000;
}
.cart_tbl td .media {
  width: 100%;
  float: left;
}

@media (max-width: 767px) {
.cart_tbl table, 
.cart_tbl thead, 
.cart_tbl tbody, 
.cart_tbl th, 
.cart_tbl td, 
.cart_tbl tr { 
display: block; 
}
.cart_tbl {
  border: none;
}
.cart_tbl table {
  border: none;
}
.cart_tbl thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
.cart_tbl tr {
  margin: 0 0 10px;
  border: solid 1px rgba(0,0,0,0.15);
}
.cart_tbl td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50% !important; 
white-space: normal;
text-align:left !important;
display: inline-block;
  width: 100%;
}
.cart_tbl td:last-child { 
border-bottom: none; 
}
.cart_tbl td:before { 
position: absolute;
top: 0px;
left: 0px;
width: 45%; 
padding: 20px 10px; 
white-space: nowrap;
font-weight: 600;
  font-size: 14px;
  text-align: left;
  color: #212529;
  border-right: solid 1px rgba(0,0,0,0.15);
  height: 100%;
}
.cart_tbl td:before {
  content: attr(data-title);
}
.cart_tbl td .media {
  display: block;
}
}

.cart-rate {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
}

.cart-sub {
  float: left;
  width: 100%;
  font-size: 13px;
  color: #954f0b;
  font-weight: 600;
}

.thumb-imgs{
width:50px;
height:50px;
}

.cart-brand {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.68);
  /* float: left; */
  font-weight: 600;
  padding-left: 15px;
  padding-bottom: 7px;
}

.cart-name {
  font-size: 14px;
  color: #3d2b19;
  float: left;
  font-weight: 600;
  /* padding-left: 15px; */
  padding-top: 5px;
}

.cart-number {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.74);
  font-weight: normal;
  /* padding-left: 15px; */
  padding-top: 10px;
}

.list-titels {
  float: left;
  /* width: 100%; */
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-right: 10px;
}

.media-right{
float:left;
width:100%;
}


.remove-cart{
  float: left;
  width: 100%;
  font-size: 21px !important;
  font-weight: 300;
  color:#000;
}

.remove-cart:hover{
color: #d60c1e;
}

.check-btn{
  padding-left: 40px;
  padding-right: 40px;
  background-color: #002d56;
  color: #fff;
  font-size: 15px;
  line-height: 48px;
  text-align: center;
  padding-top: 15px;
  position:relative;
  padding-bottom: 15px;
  font-weight: 600;
  top: 17px;
}

.check-btn:hover{
text-decoration:none;
background-color: #1479bd;
}

.mt50{
margin-top:50px;
}





.header_menu_area {
    /* width: 100%; */
    float: right;
    /* top: 56px; */
    /* position: absolute; */
    z-index: 9;
    text-align: center;
    }
.header_menu_area > .mob_nav {
  display: none; }
.header_menu_area > ul {
      width: auto;
      display: inline-block;
      margin: 0;
      /* padding: 0 4%; */
      float: right;
      /* background: #eadfd0; */
      }
  .header_menu_area > ul > li {
    width: auto;
    display: inline-block;
    vertical-align: middle; }
    .header_menu_area > ul > li > a {
      width: auto;
      float: left;
      text-decoration: none;
      position: relative;
      /* text-transform: uppercase; */
      font-size: 14px;
      font-weight: bold;
      /* font-family: 'Josefin Sans', sans-serif; */
      color: #ffffff;
      /* line-height: 66px; */
      letter-spacing: 0px !important;
      padding: 40px 15px;
      z-index: 1;
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      /* font-family: 'AdobeClean-Bold'; */
      }
      .show {background:;color: #0e0e0e !important;}
      .header_menu_area > ul > li > a:hover {
        color: #211f1f !important;
        background: #000000;
        }
      .header_menu_area > ul > li > a::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 0px;
        background: #ffffff;
        left: 0;
        bottom: -1px;
        z-index: -1;
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        }
      .header_menu_area > ul > li > a:hover::after {
        height: 100%;

         }
        

        @media (max-width: 1000px) {
.header_menu_area {
  position: inherit; }
  .header_menu_area > .mob_nav {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    margin: 24px 37px;
    cursor: pointer;
    transform: rotate(0);
    -ms-transform: rotate(0);     margin-right: 15px !important;
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s; }
    .header_menu_area > .mob_nav > div {
      background: #000;
      border-radius: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      width: 100%;
      }
.header_menu_area > .mob_nav > div:nth-child(1) {
        top: 2px; }
.header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
        top: 13px; }
.header_menu_area > .mob_nav > div:nth-child(4) {
        top: 23px; }

.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
  left: 50%;
  top: 18px;
  width: 0%; }
.mob_nav.open > div:nth-child(2) {
  background: #000000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  }
.mob_nav.open > div:nth-child(3) {
  background: #000000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  }

.header_menu_area > ul {
  width: 100%;
  position: absolute;
  margin-top: 94px;
  left: 0;
  background: #fff;
  padding: 20px 0px !important;
  min-height: 100vh;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  z-index: 11111 !important;
  }
  .header_menu_area > ul > li {
    width: 100%; }
    .header_menu_area > ul > li > a {
         color: #fff !important;
         width: 100%;
         line-height: 30px;
         background: #2b2c2b;
         padding: 10px 5%;
         text-align: left;
         border-bottom: solid 1px rgba(241, 241, 241, 0.08);
         }
      .header_menu_area > ul > li > a::after {
        width: 0px;
        height: 100%;
        background: #fff; }
      .header_menu_area > ul > li > a:hover::after {
        width: 4px; }
.header_menu_area ul.view {
  visibility: visible !important;
  opacity: 1;
  background: #2b2c2b;
  z-index: 100;
  display: block !important;
  padding-top: 0px !important;
  }

.header_user_area {
  right: calc(5% + 70px); } }
@media (max-width: 500px) {

.catagory-list img {
  height: auto!important;
}

.bg-quote {
  border-radius: 0px 0px 10px 10px!important;
  margin-bottom: 20px!important;
}

.g-imgsbg {
border-radius: 0px 0px 10px 10px!important;
margin-bottom: 20px!important; 
}

.advertisement-ban img {
margin-bottom: 20px!important;
}

.g-imgs img {
  width: 100%;
}

.g-imgshvr {
  margin-bottom: 20px!important;
}


.header_user_area {
  right: calc(5% + 55px); }
  .header_user_area .header_user {
    padding: 23px 18px 23px 0px; }
    .header_user_area .header_user > img {
      width: 30px;
      height: 30px; }
    .header_user_area .header_user > span {
      display: none; }
  .header_user_area > .header_login {
    margin: 0 5px 0 0; 
    } 
  }





@media (min-width: 500px) and (max-width: 767px){
  .catagory-list img {
    height: auto!important;
  }

  .bg-quote {
  border-radius: 0px 0px 10px 10px!important;
  margin-bottom: 20px!important;
}

.g-imgsbg {
border-radius: 0px 0px 10px 10px!important;
margin-bottom: 20px!important; 
}

.advertisement-ban img {
margin-bottom: 20px!important;
}

.g-imgs img {
  width: 100%;
}

.g-imgshvr {
  margin-bottom: 20px!important;
}
}  

.header_menu_area > ul li ul.submenu {
  *display: none;
  opacity: 0;
  margin-top: 10px;
  visibility: hidden;
  position: absolute;
  width: 210px;
  height: auto;
  overflow: hidden;
  background: #fff;
  margin-left: 25px !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
  transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}



.login_panel .log_area .log_box {
  display: none;
  width: 100%;
  position: relative;
  /* max-width: 520px; */
  background: #fff;
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
  /* border-radius: 5px; */
  -moz-border-radius: 5px;
  /* -webkit-border-radius: 5px; */
  /* padding: 30px; */
}

.login_panel .log_area .log_box > h2 {
  color:#10100f;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 30px;
  font-weight: 800;
  margin: 0 0 10px !important;
  text-align: center;
}
.login_panel .log_area .log_box p {
  text-align: center !important;
  color: rgba(105, 105, 105, 0.95);
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  /* margin: 0 0 10px !important; */
}

.login_panel .log_area .log_box h5 {
  color: #696969;
  font-size: 17px;
  line-height: 27px;
  font-weight: 600 !important;
}

.login_panel .log_area .log_box .login_media {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  padding: 10px !important;
}

.login_panel .log_area .log_box .login_media > li {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 5px;
}
.login_panel .log_area .log_box .login_media > li .fb_login {
  background: #3b5998 !important;
  color: #fff !important;
}
.login_panel .log_area .log_box .login_media > li > a > img {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0 0;
}
.login_panel .log_area .log_box .or {
  position: absolute;
  width: 40px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #696969;
  bottom: -1.6rem;
  left: calc(50% - 15px);
  background: #fff;
}
.login_panel .log_area .log_box > hr {
  width: 100%;
  float: left;
}
.login_panel .log_area .log_box p > a {
  color: #9f781b;
  text-decoration: none !important;
}
.login_panel .log_area .log_box .login_media > li > a {
  width: auto;
  float: left;
  position: relative;
  padding: 10px 20px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #fff;
  font-size: 12px;
  line-height: 17px;
  color: #454545;
  text-transform: uppercase;
  font-weight: 700;
}
.login_panel .log_area .log_box .log_form {
  width: 100%;
  float: left;
  position: relative;
  padding: 25px 0px 10px;
}

.login-tag{
  float: left;
  width: 100%;
  padding: 25px;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
}

.login-tag p{
  float: left;
  width: 100%;
  color:#fff;
  font-size: 16px;
  line-height: 28px;
  color:#fff;
  font-weight: 400;
  text-transform: none;
  padding-top: 12px;
  padding-right: 290px;
}

.login-logo{
float: left;
width: 100%;
padding: 25px;
padding-bottom: 0px;
}

.log_set .option {
  width: 100%;
  float: left;
  /* padding: 0 18px; */
  font-size: 13px;
  line-height: 30px;
  color: #454545;
  font-weight: 500;
  text-align: left;
  margin: 0px 0px;
  position: relative;
}
.log_set .option > input {
  position:absolute;
  height:100%;
  width:100%;
  opacity:0;
  left:0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.log_set .checkbox {
  position:relative;
  margin-right:5px;
  background:#fff;
  display:inline-block;
  border: 2px solid #B5C1C7;
  margin-bottom:0;
  margin-top:0;
  height:16px;
  width:16px;
  top:4px;
}
.log_set .checkbox:before {
  content:'';
  display:none;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -o-box-sizing:content-box;
  box-sizing:content-box;
  padding:0;
  margin:0
}
.log_set input:checked + .checkbox:before {
  display:block
}
.log_set .checkbox:before{
  position:absolute;
  top:3px;
  left:2px;
  width:6px;
  height:3px;
  border:solid #ee3425;
  border-width:0 0 2px 2px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.log_set input:checked + .checkbox {
  border: 2px solid #ee3425;
}
.log_set input:hover + .checkbox {
  border-color:#ee3425;
}
.log_set input:focus + .checkbox {
  border-color:#ee3425;
}
.log_set input:focus + .checkbox:before{
  border-color:#ee3425;
}

.footer_link .link_left {
  text-align: left;
  list-style: none;
}

.footer_link > li {
  width: 50%;
  float: left;
}
.footer_link .link_right {
  text-align: right;
  list-style: none;
}

.footer_link > li > a {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #090909;
  font-weight: 500;
  margin: 0 0 5px;
  text-decoration: none !important;
}

.footer_link > li > a:hover {
  color: #c10a0a;
}

.footer_link{
    float: left;
  width: 100%;
  padding-left: 0px;
}


.wishlist-lists  {
  float: left !important;
  width: 100% !important;
  color: #000000 !important;
  font-size: 21px !important;
}

.customer-info{
float:left;
width:100%;
margin-bottom: 25px;
}

.customer-info h1{
  background: #f3eeee;
  height: 50px;
  padding-bottom: 0px;
  font-size: 17px;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 25px;
  text-align: left;
  width: 100%;
}

.customer-info h1 span{
background: #002f5a !important;
color:#fff;
font-size: 16px;
height: 50px;
float: left;
padding-left: 15px;
padding-right: 15px;
font-weight: 800;
margin-right: 17px;
line-height: 50px;
}

.countrey-select{
width: 100%;
  float: left;
  position: relative;
  height: 50px !important;
  border: solid 1px rgba(0,0,0,0.15) !important;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 30px;
  color: #454545;
  font-weight: 500;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  outline: none;
}

.countrey-select:focus {
  border-color: #ee3425 !important;
}

.add-section h4 {
  font-size: 16px;
  line-height: 32px;
  color: #000000;
  font-weight: 600;
  margin: 10px 0 0 !important;
  padding: 0 0 15px !important;
  border-bottom: solid 1px rgba(0,0,0,0.10);
  float: left;
  width: 100%;
}

.new_addr {
  width: auto;
  float: right;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  background: #545252;
  padding: 10px 20px;
  margin: 0px 5px;
  text-align: center;
  border: #545252;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.ckt_address {
  width: 100%;
  float: left;
  padding: 0 0 10px;
  margin-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
}
.ckt_saved_address {
  width: calc(100% - 140px);
  float: left;
  position: relative;
  margin: 10px 0 0;
}
.ckt_saved_address p {
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  color: #454545;
}
.ckt_change_address {
  width: 140px;
  float: left;
  position: relative;
  margin: 10px 0 0;
  text-align: right;
  padding-right: 6px;
}
.ckt_change_address a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-decoration: none;
  line-height: 20px;
  font-weight: 600;
  color: #545252;
  padding: 5px 10px;
  margin: 0px 0px 5px;
  text-align: center;
  border: solid 1px #545252;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.ckt_change_address a:hover {
  color: #ee3425;
  border: solid 1px #ee3425;
  text-decoration: none !important;
}


.option_box3 {
  margin: 5px 20px 5px 0;
}
.option_box3 input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.option_box3 .radio {
  width: 20px;
  height: 20px;
  float: left;
  position: relative;
  padding: 5px;
  margin: 5px 10px 15px 0;
  text-align: center;
  z-index: 1;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border: solid 3px rgba(0,0,0,0.15);
}
.option_box3 .radio::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
  background: #000000;
  display: none;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.option_box3 input:checked + .radio {
  border-color: #000000;
}
.option_box3 input:checked + .radio::After {
  display: block;
}


  width: 140px;
  float: left;
  position: relative;
  margin: 10px 0 0;
  text-align: right;
  padding-right: 6px;
}
.ckt_change_address a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-decoration: none;
  line-height: 20px;
  font-weight: 600;
  color: #545252;
  padding: 5px 10px;
  margin: 0px 0px 5px;
  text-align: center;
  border: solid 1px #545252;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.ckt_change_address a:hover {
  color: #ee3425;
  border: solid 1px #ee3425;
  text-decoration: none !important;
}

.ckt_saved_address {
  width: calc(100% - 140px);
  float: left;
  position: relative;
  margin: 10px 0 0;
}
.ckt_saved_address p {
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  color: #454545;
}

.cart-shop {
  float: left;
  width: 100%;
  height: 450px;
  overflow: scroll;
  background: #e5e4e2;
  padding: 15px;
}

.order-section {
  float: left;
  width: 100%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.13);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.order-section h1 {
  color: #8d6506;
  background: rgb(244, 219, 194);
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
  height: 100%;
  line-height: 25px;
  margin-bottom: 6px;
}

.order-section h2 {
  float: left;
  font-size: 15px;
  color: #000000;
  font-weight: 500;
}

.order-section h3 {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.95);
  padding-top: 11px;
}

.order-section h4 {
  float: left;
  width: 100%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.95);
  padding-top: 13px;
  font-weight: normal;
}

.order-section h5 {
  float: left;
  width: 100%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.95);
  padding-top: 3px;
  font-weight: 400px;
  padding-top: 15px;
}

.sub-section{
float:left;
width:100%;
background: #f3eeee;
padding: 15px;
}

.sub-section h1{
  float: left;
  width: 100%;
  text-align: left;
  background: #f3eeee;
  font-size: 14px;
  text-transform: none;
  height: 100%;
  line-height: 25px;
  margin-bottom: 11px;
  font-weight: 400;
  color: #000000;
}

.sub-section h1 strong{
float:right;
background: #f3eeee;
padding-left: 0px;
font-weight: 500;
color: #000000;
font-size: 15px;
}

.apply-btn{
    float: right !important;
  margin-top: -50px !important;
  height: 50px !important;
  position: relative !important;
  z-index: 1 !important;
  background-color: #002f5a !important;
  border: none !important;
  color: #fff !important;
  font-size: 14px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  cursor: pointer !important;
  width: auto !important;
}

.apply-btn:hover{
  background: #b7231a;
}

.msg-btn{
  width: 100% !important;
  height: 50px !important;
  display: inline-block;
  vertical-align: middle;
  background-color: #002f5a !important;
  color: #fff;
  font-size: 15px;
  line-height: 48px;
  text-align:center;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  cursor:pointer;
  border:none !important;
  /* text-transform:uppercase; */
  float: left !important;
}

.msg-btn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #545252;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.msg-btn:hover, .msg-btn:focus, .msg-btn:active {
color: white !important;
text-decoration:none !important;
}
.msg-btn:hover:before, .msg-btn:focus:before, .msg-btn:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
text-decoration:none !important;
}

.h480{
height:480px;
}


.ftr-mbf{
  float: left;
  width: 100%;
  left: 0px;
  position: fixed;
  bottom: 0px;
  height: 58px;
  z-index: 11;
  background: #d6e3ef;
  /* padding-top: 9px; */
}

.tab-mb{
width: 33.333%;
float:left;
font-size: 12px;
color:#000;
text-align:center;
border-right: solid 1px rgba(0, 0, 0, 0.1);
height: 50px;
padding-top: 11px;
}

.tab-mb svg{width: 23px;height:20px;}

.tab-mb strong{
float:left;
width:100%;
font-weight: 500;
font-size: 12px;
padding-top: 5px;
margin-bottom:10px;
}


.badge-fav{
background-color: #f0e319;
border-radius: 10px;
color: black;
display: inline-block;
font-size: 11px;
line-height: 22px;
/* padding: 3px 7px; */
text-align: center;
vertical-align: middle;
white-space: nowrap;
border-radius: 50%;
width: 21px;
height: 21px;
text-align: center;
/* margin-top: -23px; */
/* left: -16px; */
position: relative;
}

.detail-list{
    float: left !important;
    width: 100% !important;
    color: #000000 !important;
    font-size: 21px !important;
    margin-top: 6px;
}

.new-img {
  float: left;
  width: 100%;
  /* margin-bottom: 20px; */
}

.job-market {
  float: left;
  /* width: 150px; */
  border-radius: 50px;
  /* height: 50px; */
  color: #fff;
  background: rgb(20, 20, 21);
  font-size: 11px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  top: -8px;
  font-weight: 700;
  position: absolute;
  right: 33px;
  /* margin-top: -34px; */
  /* border-top-right-radius: 0px; */
  /* border-bottom-right-radius: 0px; */
}

.blog-bg{
float:left;
width:100%;
background:#fff;
padding:20px;
-webkit-box-shadow: 2px 12px 40px -22px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 12px 40px -22px rgba(0,0,0,0.75);
box-shadow: 2px 12px 40px -22px rgba(0, 0, 0, 0.42);
padding-bottom: 5px;
}

.news-list {
  font-size: 16px !important;
  line-height: 27px !important;
  /* overflow-x: hidden; */
  width: 100% !important;
  float: left !important;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  -webkit-line-clamp: 2;
  color: rgba(0, 0, 0, 0.88) !important;
  /* margin-top: 3px; */
  margin-bottom: 23px;
  text-align: left !important;
  margin-bottom: 20px !important;
}

.abt-titel {
   float: left;
   color: #000;
   /* text-overflow: ellipsis; */
   width: 100%;
   /* overflow-x: hidden; */
   /* white-space: nowrap; */
   font-size: 25px !important;
   /* font-weight: bold !important; */
   /* height: 35px; */
   text-align: left !important;
   margin-bottom: 8px;
   padding-bottom: 3px !important;
}



.newletter{
float:left;
width:100%;
background: #151414;
padding-top: 30px;
padding-bottom: 45px;
}

.newletter h1{
  float: left;
  width: 100%;
  text-align: center;
  color: white;
  font-size:39px;
  font-weight: 300;
  letter-spacing: 1px;
}

.newletter p{
float:left;
width:100%;
color:white;
font-size: 16px;
text-align: center;
line-height: 27px;
padding-top: 5px;
}

.newletter input{

outline:none !important;

height: 50px;

outline: none !important;

color: black;

font-size: 14px;

background-color: #fff;

padding: 0.375rem 0.75rem;

display: block;

border-radius:5px;

float: none;

width: 100%;

padding-top: 0px;

padding-bottom: 0px;

border: none !important;
}

.form{
float:left;
width:100%;
}


.frm-wd{
margin-left: auto;
margin-right: auto;
  width: 460px;
}

.cntr-btn{
text-align:center;
}

.frm-wd button{
float:right;
margin-top: -44px;
background: black;
border: none;
color: white;
width: 121px;
cursor:pointer;
height: 39px;
border-radius: 5px;
margin-right: 7px;
}






.aboutus-titels{
  font-size: 25px;
  line-height: 28px;
  color: #1d1c1c;
  font-weight: 600;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: solid 1px rgba(0,0,0,0.10);
  text-transform: uppercase;
  padding-bottom: 16px !important;
  float:left;
  width:100%;
  margin-bottom: 20px !important;
}

.abpout-details{
   float: left;
   width: 100%;
   color: black;
   font-size: 14px;
   line-height: 31px;
   margin-bottom:8px;
}

.fav-pro{
width: 30px;
height: 30px;
border-radius: 50%;
background: #fff !important;
float: right;
/* margin-top: -22px; */
fill:black;
/* margin-right: 20px; */
text-align: center;
padding-top: 0px;
/* -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75); */
-moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
/* box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22); */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
position: relative;
z-index: 1111;
position: absolute;
right: 9px;
top: 10px;
}

.fav-pro svg{
height: 15px;
width: 15px;
/* padding-top: 2px; */
}

.fav-pro:hover{
background:black !important;
fill:white !important;
}


.contact-snd{
  text-transform: uppercase;
  /* border-radius: 100px; */
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  /* letter-spacing: 1.8px; */
  text-align: center;
  padding: 19px 42px;
  border: none;
  background: #001f3c;
  color: #fff;
  float: left;
  /* margin-top: 11px; */
  border: solid 2px #001f3c;
  cursor:pointer;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  outline: none !important;
}
.contact-snd:hover{
border: solid 2px #000000;
text-decoration:none;
color: #000000;
background: white;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}


.privacy-policy{
float:left;
width:100%;
margin-bottom:35px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.privacy-policy h4{
  color:black;
}


.fr-bg{
float:left;
width:100%;
background-color:#e0e4e8;
padding-top: 50px;
padding-bottom: 50px;
}

.whitebg{
float:left;
width:100%;
background-color:white;
padding:20px; transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.whitebg:hover{
margin-top:-10px;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.wh1{
float:left;
width:100%;
margin-bottom:25px;
}

.whitebg h1{
color:#002242;
float:left;
width:100%;
text-align:center;
font-size:24px;
font-weight:700;
padding-top:13px;
padding-bottom:13px;
}

.nav-read{
margin-left:auto;
margin-right:auto;
background-color:#00315e;
color:white;
border-radius:5px;
padding: 10px;
text-align:center;
font-size:13px;
}

.nav-read:hover{
text-decoration:none;
background:black;
}

.nav-align{
float:left;
width:100%;
}

.f-quote{
float:left;
width:100%;
background-color:#002242;
padding-top:50px;
padding-bottom:50px;
}

.f-quote img{
float:left;
width:100%;
border-radius:5px;
}

.bg-quote{
float:right;
border-radius:5px;
background-color:white;
padding:20px;
width:300px;
margin-top: -70px;
}

.bg-quote h1{
float:left;
width:100%;
font-weight:bold;
font-size:17px;
color:#002242;
}

.bg-quote p{
float:left;
width:100%;
color:black;
font-size:14px;
line-height:27px;
}

.f-nav{
float:left;
width:100%;
color:#002242;
font-size:13px;
font-weight:600;
}

.f-nav:hover{
text-decoration:none;
color:black;
padding-left:10px;
}


.top-pr{
float:left;
width:100%;
padding-top:70px;
padding-bottom:70px;
}

.top-dl{
  float:left;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
  }

.top-pr h1{
float:left;
width:100%;
color: #002242;
padding-left:15px;
padding-right:15px;
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
}

.tr-bg{
float:left;
width:100%;
background-color:white;
border-radius:0px;
border:solid 1px #002242;
}
.tr-details .tr-bg{
  float:left;
  width:100%;
  background-color:#002242;
  border-radius:0px;
  border:solid 1px #002242;
  }

.trending-pro{
float:left;
width:100%;
padding:15px;
}

.tr-details{
float:left;
width:100%;
background-color:#002242;
padding-top:25px;
position:relative;
z-index: 111;
padding-left: 5px;
}


.tr-details:hover{
    /* background-color: #0e65a0; */
}
.tr-details:hover .tr-bg{
  /* background-color: #0e65a0; */
}


.tr-details h1{
float:left;
width:100%;
text-align:center;
color:white;
font-size:16px;
font-weight:600;
margin-bottom:20px;
text-transform:uppercase;
}

.tr-details p{
 float:left;
width:100%;
text-align:center;
color:white;
font-size:13px;
font-weight:normal;

}

.tr-details h2{
float:left;
width:100%;
text-align:center;
color:white;
font-size:15px;
padding:2px;
}


.trcart-sec{
float:left;
width:100%;
margin-top: 12px;
margin-bottom: 20px;
}
.tr-cart{
  border: solid 1px white;
  border-radius: 5px;
  color: white;
  /* padding: 10px; */
  width: 135px;
  height: 41px;
  cursor:pointer;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 37px;
  text-align: center;
   fill:white;
   transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}


.tr-cart:hover{
background-color:white;
color:black;
fill:black;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.tr-cart svg{

width: 20px;
margin-right: 4px;
}
.popup-cart{
  background:#001121;
  border: solid 1px white;
  border-radius: 5px;
  color: white;
  /* padding: 10px; */
  width: 135px;
  height: 41px;
  cursor:pointer;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 37px;
  text-align: center;
   fill:rgb(255, 255, 255);
   transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}


.popup-cart:hover{
background-color:#075bab;
border: solid 1px #001121;
color:black;
fill:black;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.popup-cart svg{

width: 20px;
margin-right: 4px;
}

.new-label{
float:right;
}

.adv-sec1{
/*float:left;*/
width:1005;
}









.bg-tr{
float:left;
width:100%;
background-color:white;
border-radius:0px;
border:solid 1px #002242;
}

.bg-tr:hover{
  /* border:unset; */
  -webkit-box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 22%);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  border:solid 1px #002242;
}

.tr-bg:hover{
  /* border:unset; */
-webkit-box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 22%);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  border:solid 1px #002242;  
}

.pro-trending{
float:left;
width:100%;
padding:15px;
}

.details-tr{
float:left;
width:100%;
background-color:white;
padding-top:25px;
}

.details-tr h1{
float:left;
width:100%;
text-align:center;
color:black;
font-size:16px;
font-weight:600;
margin-bottom:20px;
text-transform:uppercase;
}

.details-tr p{
 float:left;
width:100%;
text-align:center;
color:black;
font-size:13px;
font-weight:normal;

}

.details-tr h2{
float:left;
width:100%;
text-align:center;
color:black;
font-size:14px;
}


.cart-tr{
  border:solid 1px #002242;
  border-radius: 5px;
  color: #002242;
  /* padding: 10px; */
  width: 135px;
  height: 41px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 37px;
  text-align: center;
   fill:#002242;
   transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.cart-tr:hover{
background-color:#002242;
color:white;
fill:white;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.cart-tr svg{
width: 20px;
margin-right: 4px;
}

.two-banner{
float: left;
width: 100%;
padding: 30px 0px;
}

.adv50{
float:left;
width:100%;
}

.adv50 img{
float:left;
width:100%;
height: auto;
}


.deal{
float: left;
width: 100%;
padding: 30px 0px 30px 0px;
}

.deal-heading{
width: 100%;
float: left;
margin-bottom: 30px;
}

.deal-heading h5{

float: left;
  width: 100%;
  color: #002242;
  font-size: 24px;
  font-weight: 700;
 
}


.deal-box{
float: left;
width: 100%;
padding: 30px 0px 0px 0px;
height: 400px;
}

.pt30{

}

.new-label{
float: left;
  width: 100%;
  margin-top: -50px;
  position: relative;
}

.new-label img{
width:auto !important;
float: right;
}

.g-section{
float:left;
width:100%;
padding-top:45px;
padding-bottom:45px;
background:#002242;
}

.g-imgs{
float:left;
width:100%;
}

.g-imgs img{
border-radius:5px;
}

.g-imgsbg{
float:right;
/* background:white; */
float: right;
border-radius: 5px;
background-color: rgb(255 255 255 / 92%);
padding: 20px;
width: 355px;
margin-top: -173px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
}


.g-imgsbg h1{
float:left;
width:100%;
font-weight:bold;
font-size:17px;
color:#002242;
}

.g-imgsbg p{
float:left;
width:100%;
color:black;
font-size:14px;
line-height:27px;
}

.fs-nav{
float:left;
width:100%;
color:#002242;
font-size:13px;
font-weight:600;
}

.fs-nav:hover{
text-decoration:none;
color:black;
}

.gtop-sec{
float:left;
width:100%;
margin-bottom:20px;
}


.g-imgshvr{
float:right;
/* background:white; */
float: right;
text-align:center;
border-radius: 5px;
background-color: rgb(255 255 255 / 92%);
padding: 12px;
width:100%;
margin-top: -45px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: black;
font-size: 14px;
font-weight: 500;
}

.g-imgshvr:hover{
background:black;
color:white;
text-decoration:none;
}


.rv-bg{
float:left;
width:100%;
border-radius:15px;
background:#002d56;
padding: 30px;
}

.rv-bg h1{
float:left;
width:100%;
text-align:center;
color:white;
font-weight: 800;
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 15px;
}

.rv-bg h2{
float:left;
width:100%;
text-align:center;
color:white;
font-weight:normal;
font-size: 13px;
margin-bottom: 13px;
}

.rv-bg p{
float:left;
width:100%;
text-align:center;
color: rgb(255 255 255 / 93%);
font-weight:normal;
font-size: 13px;
line-height: 28px;
padding-left: 10px;
padding-right: 10px;
}

.cstr-img{
float:left;
width:100%;
text-align:center;
margin-top: -6px;
margin-bottom: 20px;
}

.cstr-img img{
    width: 86px !important;
  display: initial !important;
}


.new-ftrs{
float: left;
width:100%;
padding-top:25px;
padding-bottom:25px;
background:#002d56;
}

.ftr-logo{
float:left;
width:100%;
margin-top:20px;
}


.ftr-logo img{
width:auto !important;
}

.ftr-dtls{
    float: left;
  width: 100%;
  color: white;
  line-height: 28px;
  font-size: 13px;
  margin-top: 12px;
}

.quicklinks{
  float: left;
  width: 100%;
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}


.nav-ftrs{
float: left;
  width: 100%;
  font-size: 13px;
  padding-bottom: 9px;
  color: rgb(255 255 255 / 85%);
}

.nav-ftrs:hover{
color:white;
text-decoration:none !important;

}

.ftr-explore{
float:left;
width:100%;
}

.ftr-explore h1{
 float:left;
 width:100%;
 font-size: 32px;
 color: white;
 font-weight: 600;
 line-height: 49px;
 margin-bottom: 25px;
}

.ftr-explores{
width:150px;
height: 41px;
border-radius: 5px;
color:white;
background:#fd020c;
float: left;
text-align: center;
line-height: 40px;
font-size: 14px;
}

.ftr-explores:hover{
background:black;
text-decoration:none;
}
/* responsive css added as asif  */
@media screen and (max-width: 620px) {

  .copyright-ftr{
    
    padding-bottom:70px !important;
  }
  .delivery-options{
    
    width:97% !important;
    }
  .showprod{
    width:420px !important;
  }
  .showprod img{
    width:420px !important;
    margin-left: -15px;
  }
  .advertisement-ban img{
    width:100%;
  }
}

.copyright-ftr{
float:left;
width:100%;
padding-top:25px;
padding-bottom:25px;
background:#071f35;
}

.copyright-ftr h1{
color:white;
float:left;
width:100%;
font-size:14px;     margin-bottom: 0px;
color:white;
}

.ftr-socials{
float:right;
}
@media screen and (max-width: 620px) {
  .ftr-socials{
    display:none;
    }
  }

.social-ftrs{
fill:rgb(255 255 255 / 85%);
width:25px;
height:25px;
margin-left: 20px;
}

.social-ftrs:hover{
fill:white;
text-decoration:white;
}

.social-ftrs svg{
 width:25px;
height:25px;
}

.header-one{
float:left;
width:100%;
background:#e0e4e8;
padding-top: 11px;
padding-bottom: 11px;
}

.header-tel{
float:left;
color:black;
font-size: 13px;
font-weight: 500;
}

.header-tel svg{
fill: rgb(0 0 0 / 70%);
width: 19px;
height: 19px;
margin-right: 4px;
}

.tel-headers{
float:right;
}

.tel-navs{
color:black;
float:left;
font-size: 12px;
font-weight: 500;
margin-left: 30px;
padding-top: 4px;
}

.tel-navs:hover{
text-decoration:none;
color:#00305c;
}


.blue-menubg{
float: left;
  width: 100%;
  /* padding: 10px; */
  background: #031f3a;
  /* margin-top: 15px; */
}
.b2b-menubg{
  float: left;
    width: 100%;
    /* padding: 10px; */
    background: #0a569f;
    /* margin-top: 15px; */
  }

.tel-socials{
fill: rgb(0 0 0 / 67%);
width:25px;
height:25px;
margin-left: 13px;
}

.tel-socials:hover{
fill:#00305c;
text-decoration:white;
}

.tel-socials svg{
 width: 18px;
 height: 18px;
}

.pro-search{
  float: left;
  width: 100%;
  border-radius: 5px;
  height: 50px;
  border: solid 1px rgb(82 85 88 / 57%);
  margin-left: 33px;
  margin-top: 4px;
  font-size:13px;

  padding:10px;
}

.pro-search-btn{
  float: right;
  background: #001f3c !important;
  color: white;
  text-align: center;
  border-radius: 5px;
  height: 33px !important;
  width: 80px !important;
  font-size: 13px;
  margin-top: -41px !important;
  left: 20px;
  position: relative;
} 

.pro-search-btn:hover{
 background: #1479bd !important;
 color: white !important;
}

.overlay {
height: 100%;
width: 0;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgb(255 255 255);
overflow-x: hidden;
transition: 0.5s;
}

.overlay-content {
position: relative;
/* top: 25%; */
width: 100%;
/* text-align: center; */
margin-top: 41px;
/* padding: 20px; */
}

.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
color: #002f5a;
text-decoration: none;
}

.overlay .closebtn {
position: absolute;
top: 0px;
right: 20px;
/* font-size: 60px; */
padding: 0px;
}

@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}

.bottom-gap{
  margin-bottom: 20px;
}
}



.all-navs{
    font-size: 25px;
  cursor: pointer;
  float: left;
  cursor:pointer;
  margin-top: 7px;
  color: white;
}

.all-navs strong{
font-size: 17px;
top: -3px;
position: relative;
font-weight: normal;
margin-right: 10px;
}

.trending-sections{
float:left;
width:100%;
border-bottom: solid 1px rgb(0 0 0 / 19%);
margin-bottom: 25px;
padding-bottom: 10px;
}

.trending-sections h1{
  font-weight: 400;
  color: black;
  font-size: 20px;
  float: left;
  text-transform: uppercase;
  width: 100%;
  padding-left: 20px;
}

.trending-views{
float:left;
width:100%;
margin-top: 13px;
padding: 20px;
padding-top: 0px;
padding-bottom: 0px;
}


.nav-trending{
float:left;
width:100%;
color:black !important;
font-weight: normal !important;
font-size:14px !important;
margin-bottom:15px !important;
padding: 5px !important;
padding-left: 0px !important;
}

.nav-trending:hover{
text-decoration:none !important;
/* background: #002f5a; */
color: #002f5a !important;
padding-left: 10px !important;
}


.cntr-btn{
float:left;
width:100%;
text-align:center;
}

.nav-all2{
background: #002242;
color:#fff;
border-radius:4px;
text-align:center;
/* font-weight: 300; */
padding-top: 14px;
padding-bottom: 14px;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
padding-bottom: 17px;
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
}

.nav-all2:hover{
    background: #000000;
    text-decoration: none;
}



.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgb(0 31 60) !important;
}

.carousel-indicators .active {
  background-color: #1479bd !important;
}

.brand-scroll{
float:left;
width:100%;
margin-top:50px;
}


.b2b{
  left: 46px;
  position: relative;
}

.b2c{
  left: -12px;
position: relative;
}




.news {width: 100%;height:42px;background: #d3d8dc;padding: 0px;-webkit-user-select: none;padding-top: 0px;} 

.news span {
  float: left;
  color: #fcfdfd;
  padding: 4px;
  position: relative;
  /* top: 7%; */
  border-radius: 0px;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
  padding-right: 10px;
  padding-top: 6px;
  background: #002f5a;
  height: 42px;
  line-height: 30px;
  padding-left: 13px;
  padding-right: 13px;
  margin-right: 15px;
}
.news img {
  width: 20px;
  height: 20px;
  display: none;
  vertical-align: middle;
}
.news i {
  font-style: normal;
}
@media (max-width: 767px) {
.news img {
  display: inline-block;
}
.news i {
  display: none;
}
}
.news ul {
float: left;
padding-top: 6px !important;
padding-left: 20px;
animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
-webkit-user-select: none
}
@media (max-width: 767px) {
.news ul {
  width: calc(100% - 65px);
}
}
.news ul li {line-height: 30px; list-style: none }

.news ul li a {
color: rgb(0, 0, 0);
text-decoration: none;
font-size: 13px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
font-weight: 500;
}

.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }
.booking-nav{
  color: #1f1d1d !important;
  font-weight:normal;
  font-size:14px;
  text-transform: none;
  top: 5px;
  line-height:39px;
  position: relative;
  }
.booking-nav:hover{    text-decoration: none !important;}
.booking-nav strong{ color:red;} 



.adv-hover{
float:left;
width:100%;
}

.adv-hover:hover{
   -webkit-box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 22%);
  border: none;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  background: rgba(222, 222, 222, 0.15); 
}











.dealday{
  float: left;
  width: 100%;
  background-color: #E0E4E8;
  padding-top:50px;
  
  }

/*catagory*/

.catagory{
float: left;
width: 100%;
background-color: #E0E4E8;
padding: 50px 20px;
}

.sub-cata{
float: left;
width: 100%;
background-color: #ffffff;
padding: 10px;
}

.catagory-list{
float: left;
width: 100%;
/*height: 450px;*/
background-color: #ffffff;
padding: 20px 10px;
}

.catagory-list img{
padding-top: 20px;
float: left;
width: 100%;
height: 200px;

}

.catagory-list h4{
padding-top: 20px;
width: 100%;
text-align: center;
color: #002242;
font-size: 26px;
font-weight: 600;

}

.cata-btn{
  border: solid 1px #00315E;
  border-radius: 5px;
  background-color: #00315E;
  color: white;
  padding: 8px 12px;
   /* width: 135px !important; 
   height: 41px !important;  */
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  width:90% !important;
   /* line-height: 37px;  */
  text-align: center;
  fill: white;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;

}

.cata-btn:hover{
background-color:transparent;
text-decoration: none;
color:#00315E;

transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}





.overflow{
overflow: hidden;
}






.advsection{
float:left;
width:100%;
padding: 60px 0px 0px 20px;
}



.advertisement-ban{


float:left;
width:100%;
}

.advertisement-ban .deal_img{

height: 400px;
/*object-fit: cover;*/
float:left;
width:100%;
}
.owl-nav{
  display: none;
}
.advertisement-ban .sideads_img{

  height: 365px;
  /*object-fit: cover;*/
  float:left;
  width:100%;
  }

.adssection1 img{
  height: 376px;
  width: 645px;
}

.advertisement-ban h5{
line-height: 50px;
float:left;
width:100%;
color:black;
font-size:26px;
font-weight:300;

}

.advertisement-ban h5 span{
width: 100%;
float: left;
color:black;
font-size:38px;
font-weight:600;

}

.advertisement-ban h6{
margin-top: 5px;
float:left;
width:100%;
color:black;
font-size:24px;
font-weight:300;
line-height: 50px;

}

.advertisement-ban h6 span{

color:red;
font-size:24px;
font-weight:600;

}

.ban-btn{
  border: solid 1px #00315E;
  border-radius: 5px;
  background-color: #00315E;
  color: white;
   padding: 10px 16px; 
  width: 135px;
  height: 41px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 37px;
  text-align: center;
   fill:white;
   transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.ban-btn:hover{
background-color:#ffffff;
text-decoration: none;
color:#00315E;
transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}


/* Accordion styles */
.tabs {
 float: left;
    width: 100%;
    margin-top: 25px;
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  /* background: #2c3e50; */
  font-weight: normal;
  cursor: pointer;
  /* Icon */
  color: black;
  font-size: 14px;
  margin-bottom: 10px;
}
.tab-label:hover {
  background-color: white !important;
  color: #031f3a !important;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
  float: left;
  width: 100%;
}
.tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 10px 5px;
    float: left;
    font-size: 0.75em;
    /* background: #2c3e50; */
    color: #000000;
    cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}

input:checked + .tab-label {
  /* background: #1a252f; */
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  /*padding: 1em;*/
}
/* add this code to css last/
/login-page*/

.login-page{
float: left;
width: 100%;
padding: 30px 0px;
}



/contact-new-page/

.contactpage-heading{
    float:left;
  width:100%;
  padding-top:50px;
}

.contactpage-heading h6{
  font-size: 23px;
  color: #000000;
  font-weight: 700;
  text-align: center;
  line-height:35px;
  padding: 0px 240px 0px 240px;
}

.contactpage-heading p{
  text-align: center;
  font-size: 14px;
   color: #1a1a1b;
    font-weight: 300;
  
}


.contactpage-paragraph{
    padding: 0px 200px 30px 200px;
    line-height: 30px;
    font-weight: 400;
}




.innerpage-contact-banner{
  float:left;
  width:100%;
}


.contact-box{
    float:left;
    width:100%;
    background-color:#ffffff;
    padding: 40px 0px 30px 0px;
    
}


.contact-box1{

  /padding: 30px 0px 30px 0px;/
  
  background-color: transparent;
  width: 100%;
  float: left;
  
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 40px 0 rgba(0, 0, 0, 0.05);
  height: 250px;
}

/.contact-box1:hover{/
/*  background-color: #69AD07;*/
/*  border: 1px solid #69AD07;*/
/}/

.contact-box1 svg{
  height: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  fill: #ffffff;
  
  
}


.contact-box1:hover svg{
  
  fill: #e3236a;
  
  
}

.contact-box1 h3{
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #000000;
    font-weight: 700;
    padding-top: 25px;
    padding-bottom: 25px;
  border-bottom: 1px solid #F5F5F5;
}

.contact-box1 p{
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
    color: #1a1a1b;
    font-weight: 400;
  padding: 30px 20px 40px 30px;
}

.contact-box1 a:hover{
  
  text-decoration: none;
  list-style: none;
}

.contact-box1:hover h3{
  color: #002f5a;
  
}

.contact-box1:hover p{
  color: #002f5a;
  
}




.innerpage-contact{
  padding: 50px 0px 100px 0px;
}

.whitebg p{
  font-size: 14px;
  
  line-height: 30px;
  font-weight: 400;
}

.whitebg{
  float:left;
  width:100%;
  background:#fff;
  padding:0px;
  /* height:555px; */
}

.whitebg h1{
    float: left;
    width: 100%;
    font-size: 32px;
    font-weight: 100;
    color: #000000;
    line-height: 40px;
    text-align: center;
    padding-top: 30px;
   
}

.whitebg p{
    float: left;
    width: 100%;
    font-size: 16px;
     color: #1a1a1b;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    padding: 0px 100px 20px 100px;
    
}



.whitebg form{
  float:left;
  width:100%;
}


.log_set_cnt textarea {
    height: 70px !important;
}

.log_set_nav_cnt {
    float: none;
    display: block;
    margin: auto;
    height: 53px;
    text-align: center;
    color: #fff;
    width: 167px;
    
    background: #002f5a;
    border: 1px solid #002f5a!important;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    cursor:pointer;
    border-radius: 5px;
    border:none !important;
       transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.log_set_nav_cnt:hover{
  background:#ffffff;
  border: 1px solid #002f5a!important;
  color: #002f5a;
  cursor:pointer;
  text-decoration:none;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.log_set_cnt {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom:30px;
}

.log_set_cnt label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
}

.log_set_cnt input[type="text"],
.log_set_cnt input[type="password"],
.log_set_cnt input[type="mail"],
.log_set_cnt input[type="email"],
.log_set_cnt input[type="tel"],
.log_set_cnt textarea,
.log_set_cnt select{
    width: 100%;
    float: left;
    position: relative;
    height: 40px !important;
    /border: none;/
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px;
    color: #424040!important;
    font-weight: 300;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    outline: none;
    border: solid 1px #C1C1C1;
    padding-left: 15px;
    padding-right: 15px;
}
.log_set_cnt textarea {
    height: 150px !important;
    color: #424040;
}
.log_set_cnt input[type="text"]:focus,
.log_set_cnt input[type="password"]:focus,
.log_set_cnt input[type="mail"]:focus,
.log_set_cnt textarea:focus {
    border-color: #ee3425 !important;
}

.pull-left {
    float: left;
}

@media(max-width:991px){


.contact-box1{
  margin-top:0px; 
  height:100%; 
  margin-bottom:10px;
}

.whitebg p {
    
    padding: 0px 15px 20px 15px;
}

.contact-edit{
  margin-top: 30px !important;
}

.aboutus img{
    margin-top:30px!important;
}
.inner-banner-contact p {
    
    padding: 0px 15px;
}

.contactpage-heading h6{
    
    padding: 0px 15px;
}
.contactpage-heading p{
     padding: 0px 15px;
}