*
{
padding:0px;
margin:0px;
box-sizing: border-box;
font-family: 'Basic', sans-serif;
font-family:url('../fonts/basicsanslightsf.ttf');
}
.col-100
{
width: 100%;
}
.left
{
float: left;
}
.com_btn
{
padding: 7px 34px;
background-color: #000;
color: #fff;
text-decoration: none;
}
.com_btn:hover
{
color: #fff;
text-decoration: none;
}
.title
{
margin-top: 0px;
font-size: 48px;
}
p
{
font-size:16px;
line-height: 22px;
letter-spacing: 1px;
font-weight: lighter;
}
.more_btn
{
font-size: 15px;
color: #5a5a5a;
text-transform: uppercase;
}
input
{
height: 45px !important;
background-color: #fff;
box-shadow: none !important;
border: 1px solid #dcdcdc !important;
border-radius: 0px !important;
}
label
{
color: #656565 !important;
font-weight: normal !important;
}
select
{
height: 45px !important;
background-color: #fff;
box-shadow: none !important;
border: 1px solid #dcdcdc !important;
border-radius: 0px !important;
color: #8e8c8c !important;
}
textarea
{
border: 1px solid #dcdcdc !important;
border-radius: 0px !important;
}
.f_grey
{
	color: #a2a2a2 !important;
}
.para
{
font-size: 14px;
}
table th
{
border: 1px solid #c9c9c9;
border-collapse: collapse;
padding: 10px;
text-transform: uppercase;
background-color: #d8d8d8;
}
table td
{
padding: 10px;
background: #f1f1f1;
border: 1px solid #c9c9c9;
border-collapse: collapse;
}
.com-pd
{
padding: 60px 0px;
}
/*global css*/


/*header css*/

.wrapper
{
margin-top: 72px;
}
.top_header {
position: absolute;
top: 56px;
bottom: 0;
left: 0;
right: 0;
margin: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 0px;
}

.toggle-btn {
position: relative;
width:  36px;
height: auto;
padding:12px 8px;
border: 0;
font: 0/0 a;
background: 0;
color: inherit;
cursor: pointer;
}

.toggle-btn__line {
display: inline-block;
vertical-align: top;
margin: 2px 0;
width: 24px;
height: 2px;
background: #000;
}
.toggle-btn__line_mid
{
display: inline-block;
vertical-align: top;
margin: 2px 0;
width: 84%;
height: 2px;
background: #000;
float: left;
}
.toggle-btn__line_bottom
{
display: inline-block;
vertical-align: top;
margin: 2px 0;
width:  24px;
height: 2px;
background: #000;
}
.toggle-btn__mid
{
display: inline-block;
vertical-align: top;
margin: 2px 0;
width: 100%;
height: 2px;
background: #000;
}
.toggle-btn::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
background-color: #000;
transition: 0.16s ease-in-out;
}

.toggle-btn:hover::before {
opacity: 0.12;
}

.panel {
display: flex;
flex-direction: column;
background: #fff;
}

.panel__head {
/* flex: 0 0 auto;
display: flex;*/
width: 100%;
float: left;
text-align: right;
justify-content: space-between;
min-height: 24px;
padding: 16px;
color: #000;
}

.panel__title {
margin: 0;
}

.panel__foot {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-top: 1px solid #e2e2e2;
}

.panel__body {
flex: 1 1 0%;
overflow: auto;
}
.panel__body ul 
{
height:90%;
}
.panel__body ul li
{
padding: 10px 20px;
list-style:none;
}
.panel__body ul li a
{
font-size: 26px;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
.panel__body .com_btn
{
padding: 10px 90px;
width: 100%;
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
/*display: flex;*/
align-items: center;
padding: 11px 10px;
background: #fff;
color: #fff;
z-index: 9;
/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
}

.header__toggle {
flex: 0 0 auto;
color: inherit;
float: left;
}
.header a.logo
{
color: #000;
font-size: 23px;
line-height: 39px;
float: left;
margin-left: 21px;
}
.header a.logo:hover
{
color: #000;
text-decoration: none;
}
.side-nav {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
visibility: hidden;
z-index: 9;
}

.side-nav__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.35);
transition-timing-function: linear;
cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjQ2LDEyTDE5LDE3LjU0VjE5SDE3LjU0TDEyLDEzLjQ2TDYuNDYsMTlINVYxNy41NEwxMC41NCwxMkw1LDYuNDZWNUg2LjQ2TDEyLDEwLjU0TDE3LjU0LDVIMTlWNi40NkwxMy40NiwxMloiIGZpbGw9IiNmZmZmZmYiIC8+PC9zdmc+), auto;
}

.side-nav__panel {
position: relative;
max-width: 320px;
width: calc(100% - 60px);
height: 100%;
transform: translate3d(-100%, 0, 0);
visibility: visible;
will-change: transform;
backface-visibility: hidden;
box-shadow: 3px 0 5px rgba(0, 0, 0, 0);
}

.side-nav__overlay,
.side-nav__panel {
transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
border-radius: 0px !important;
}

.side-nav_open .side-nav__panel {
transform: translate3d(0, 0, 0);    
box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
}

.side-nav_open .side-nav__overlay {
opacity: 1;
visibility: visible;
}

.side-nav_captured .side-nav__panel,
.side-nav_captured .side-nav__overlay {
transition: none;
}
.panel__close 
{
background-color: transparent;
border: none;
}
.top_header .header ul.heading_notification
{
margin-top: 5px;
margin-bottom: 0px;
}
.top_header .header ul.heading_notification li
{
list-style: none;
float: left;
padding: 10px 20px;
position: relative;
}
span.quantity
{
position: absolute;
background: #ff365b;
top: 0px;
right: 19px;
width: 20px;
text-align: center;
border-radius: 100px;
height: 20px;
}
.top_header .header ul.heading_notification li img
{
width: 40%;
margin: 0 auto;
}

/*---------------------
banner start here
--------------------*/
.banner
{
background-image: url('../images/banner.jpg');
background-size: cover;
height: 570px;
background-repeat: no-repeat;
position: relative;
z-index: -1;
}
.banner .banner_content_in
{
position: absolute;
top: 15%;
left: 11%;
}
.banner_content_in h1
{
color: #000;
font-size: 50px;
}
.banner_content_in span.banner_big_font
{
font-size: 136px;
font-weight: 600;
color: #000;
}
.banner_content_in .banner_btn
{
padding: 20px 0px;
}
.banner_content .com_btn
{
position: absolute;
top: 83%;
left: 28%;
}
.banner_content_in .banner_btn .com_btn
{
padding: 10px 20px !important;
}
.deal_offer_line
{
background: #000;
text-align: center;
padding: 15px 0px;
color: #fff;
}
.deal_offer_line p
{
font-size: 24px;
font-weight: light;
}
/*---------------
banner css end here
------------------*/
.our_history,
.our_product_plan
{
padding: 65px 0px 65px 0px;
}
.our_history .com_btn
{
padding: 10px 20px;
text-shadow:none;
}
.our_history img
{
width: 100%;
}
/*---------------------
product intro
---------------------*/
.product_intro
{
background-image: url('../images/our_product.jpg');
background-repeat: no-repeat;
background-position: center;
height:500px;
background-size: cover;
position: relative;
}
.product_content
{
text-align: center;
}
.product_content::before
{
background-color: #00000075;
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 100%;
width: 100%;
}
.product_content_in
{
position: absolute;
left: 0px;
right: 0px;
top:15%;
color: #fff;
}
.product_content_in h1
{
margin:0px 0px 40px 0px;
}
.product_content_in h1 > span
{
font-size: 30px;
}
.product_content_in p
{
font-size: 18px;
margin-bottom: 70px;
}


/*-------------------
our produc plan
-------------------------*/
.our_product_plan img
{
width:70%;
float: right;
}
.our_product_plan .com_btn
{
padding: 10px 20px;
}

/*-------------------
our product  plan  End here
-------------------------*/
.blog_box
{
margin-bottom: 20px;
}
.our_blog
{
padding: 65px 0px 65px 0px;
border-top: 1px solid #dedede;
}
.our_blog .com_btn
{
padding: 10px 20px !important;
}
.our_blog img
{
border-radius: 3px;
}
.our_blog p
{
font-size: 15px;
color: #8a8888;
letter-spacing: 0px;
}
.blog_content
{
padding: 10px 0px;
}

/*----------------------------
login page start here
------------------------------*/
.login_page
{
padding: 80px 0px;
}
.login_mid
{
width: 50%;
margin:0 auto; 
}
.login_mid .com_btn
{
background: #000;
color: #fff;
height: 45px;
border-radius: 0px;
font-size: 17px;
margin-bottom: 20px;
line-height: 28px;
}
.login_mid .com_btn:hover
{
color: #fff;
}
.login_mid .tan_btn
{
border:1px solid #d8d6d6 !important;
height: 45px !important;
border-radius: 0px !important;
font-size: 17px;
margin-bottom: 20px;
line-height: 28px;
}
.login_mid .tan_btn:hover
{
color: #000;
}
/*---------------------------------
login page ends here
--------------------------------*/

/*---------------------------------
login page start here
--------------------------------*/
.listing_banner
{
background-image: url('../images/listing_banner.jpeg');
height: 290px;
background-size: cover;
background-position: center;
position: relative;
}
.banner_text::before
{
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
background-color: #0000007a;
}
.banner_text_column
{
position: absolute;
top: 0px;
left: 0px;
top: 80%;
background-color: #000;
width: 100%;
padding: 10px 0px;
float: left;
text-align: center;
color: #fff;
}
.listing_page,
.details_page
{
padding: 60px 0px;
}

.product_box 
{
position: relative;
width: 80%;
text-align: center;
display: table;
margin-bottom: 40px;
}
.product_box img
{
width: auto;
height: 252px;
margin: 0 auto;
-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
.product_box img:hover
{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.product_box .product_details
{
padding: 20px 0px;
}
.description_inner
{
background-color:#e4e4e4;
border-top: 1px solid #e0e0e0
}
.product_outer
{
padding: 60px 0px;
}
.pro_out 
{
position: relative;
overflow: hidden;
margin-top: 25px;
}
.pro_out > a
{
display: block;
}
.pro_out > a img
{
-webkit-transform:scale(1);
transform: scale(1);
-webkit-transition:0.6s;
transition: 0.6s;
width: 100%;
}
.img-fluid
{
max-width: 100;
height: auto;
margin-top: 10px;
}
.pro_out > a .banner_product_type
{
bottom: 30px;
left: 30px;
}
.pro_out > a .banner_content 
{
position: absolute;
display: inline-block;
}
.pro_out > a:hover img
{
-webkit-transform:scale(1.1);
transform: scale(1.1);
}
.pro_out > a .banner_product_type .name
{
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #fff;
display: block;
}
.pro_out > a .banner_product_type .price
{
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #fff;
display: block;
}

.selling_product
{
position: absolute;
top: 0;
left: 0px;
background: #ffffff00;
border-radius: 100px;
color: #000;
border: 1px solid #f7dde3;
background: #e4e4e4;
border: 1px dashed #000000;
padding: 4px 20px;
}
.selling_product p
{
font-size: 12px !important;
margin-bottom: 0px;
}
.product_details .every_mo
{
color: #828282;
}
.product_details h4
{
color: #000;
}
.product_details p
{
color: #000;
}
.listing_btn
{
padding: 40px 0px;
}
.listing_btn a.com_btn
{
padding: 12px 100px;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled
{
  display: block !important;
}
#recentely_view .item
{
position: relative;
}
#recentely_view .fa-chevron-left
{
position: absolute;
top:35%;
left: 0px;
background: #00000038;
padding: 10px;
color: #fff;
font-size: 21px;
}
#recentely_view .fa-chevron-right
{
position: absolute;
top:35%;
right: 0px;
background: #00000038;
padding: 10px;
color: #fff;
font-size: 21px;
}
/*-------------------------
details page css
-------------------*/
#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}
.prod_details
{
padding: 10px 0px;
}
.prod_details p.description
{
font-size: 14px;
}
.prod_details .com_btn
{
width: 100%;
border-radius: 0px;
height: 43px;
line-height: 26px;
}
.prod_details .com_btn:hover
{
color: #fff;
}
.btn-number
{
border: 1px solid #cccccc !important;
height: 41px;
border-radius: 0px;
box-shadow: 0px 0px 2px 2px #d4d0d0 !important;
background-color: #fffafae3;
}
#big-img
{
z-index: 9;
}
/*-------------------------
details page css
-------------------*/

/*-------------------------
cart page css
-------------------*/
.cart
{
padding: 60px 0px;
}
.cart_details
{
padding: 20px 0px;
}
.cart_details img
{
width: 51%;
margin: 0 auto;
}
.cart ul 
{
margin: 0px;
padding: 0px;
}
.cart ul li
{
list-style: none;
}
.cart ul li > p
{
color: #828282;
font-size: 13px;
}
.cart ul.cart_category
{
margin-bottom: 54px;
}
.cart .fa
{
font-size: 23px;
color: #b9b9b9;
}
.cart_total
{
padding: 12px 0;
background: #e4e4e4;
}
.cart_total p
{
margin: 0px;
}
.cart_title
{
font-size: 18px;
margin-bottom: 25px;
}
.cart  .add_remove
{
padding: 54px 0px;
}
.promo_code
{
padding: 12px 0px;
}
.promo_code .com_btn
{
width: 100%;
height:40px !important;
border-radius: 0px;
line-height: 23px;
}
.promo_code .com_btn:hover
{
color: #fff;
}
.promo_code input
{
position: relative;
}
.promo_code button.tan_btn
{
position: absolute;
top: 0px;
right: 15px;
background: transparent;
padding: 11px 57px;
}

.file-upload{
border-radius: 100px;
position:relative;
justify-content:center;
align-items: center;  
border:4px solid #FFFFFF;
overflow:hidden;
background-image: url('../images/profile.png');
background-size: 100% 200%;
transition: all 1s;
color: #FFFFFF;
font-size:100px;
background-size: cover;
background-repeat: no-repeat;
height: 80px;
width: 50%;
margin: 0 auto;
cursor: pointer;
}

.file-upload  input[type='file']{
height: 73px !important;
width: 73px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.file-upload:hover{
background-position: 0 -100%;
color:#2590EB;
}
.checkbox_offer
{
padding: 10px 0px;
}
.checkbox_offer input[type="checkbox"]
{
height: 14px !important;
line-height: 50px !important;
float: left;
margin-right: 20px !important;
}
.contact_details .tan_btn
{
height: 45px;
line-height: 27px;
border: 1px solid #a0a0a0;
border-radius: 0px;
font-size: 17px;
}
.contact_details .com_btn
{
height: 45px;
line-height: 27px;
background: black;
color: #fff;
border-radius: 0px;
font-size: 15px;
}
.contact_details_price
{
padding: 0px 40px;
}
.contact_details_price .product_img
{
position: relative;
}
.contact_details_price span.product_quantity
{
position: absolute;
width: 20px;
height: 20px;
top: 0px;
background-color: #eb345c;
color: #fff;
border-radius: 50%;
text-align: center;
right: 17px;
}
.discount_container
{
padding:25px 0px;
position: relative;
}
.discount_container .tan_btn
{
position: absolute;
right: 0px;
top: 24px;
background: transparent;
height: 45px;
border-radius: 0px;
}
.total_price,
.price_total
{
padding: 10px 0px;
}
/*------------------------
details page css end here
-------------------*/

.adderess_edit
{
position: relative;
background-color: #fff;
height:600px;
    border: 1px solid #d8d6d6;
    display: none;
}
.add_edit_in
{
position: absolute;
top: 0px;
left: 0px;
}

/*------------------------
shipping_details page css 
-------------------*/
.shipping_details
{
padding: 10px;
border: 1px solid #dcdcdc !important;
}
.shipping_details ul li
{
padding: 10px 0px;
}
/*------------------------
shipping_details page css 
-------------------*/


/*--------------------------
paymant section
--------------------------*/
.paymant_section
{
padding: 10px 0px;
}
.billing_address_container
{
padding: 10px 0px;
}
.billing_address_container ul li
{
padding: 0px 10px;
border: 1px solid #dcdcdc !important;
margin-bottom: 10px;
}
.billing_address_container ul li p
{
margin: 0px;
}
.billing_address_container ul li  input
{
float: left;
line-height: 34px;
}
.billing_address_container ul li  label
{
margin-top: 16px;
margin-left: 10px;
}
.contact_details
{
padding: 20px 0px;
}
.billing_address_container ul li#d_billing_add
{
display: none;
}
.shipping_button
{
padding: 20px 0px;
}
.shipping_button .tan_btn
{
height: 45px;
line-height: 27px;
border: 1px solid #a0a0a0;
border-radius: 0px;
font-size: 17px;
}
.shipping_button .com_btn
{
height: 45px;
line-height: 27px;
background: black;
color: #fff;
border-radius: 0px;
font-size: 15px;
}
/*------------------------
payemnt section
--------------------------*/



/*------------------
contact page
-------------------*/
.heading_box
{
padding: 0px 0px 60px 0px;
}

/*-------------------------
	our history page
----------------------*/
.our_history img
{
width: 100%;
}

.history_content
{
padding: 20px 0px;
}
/*----------------------------
		our history page end
------------------------------*/
.faq
{
height: 550px;
}
.panel-body ul,ol
{
padding-left: 20px;
}
.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
display: block;
padding: 10px 15px;
height: 40px !important;
border-radius: 0px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
      color: #cacaca;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
/*----------------------------
		user cart
----------------------------*/
.invoice_btn
{
padding: 10px 0px;
}
.invoice_btn .com_btn
{
padding: 10px 20px;
border-radius: 0px !important;
}


/*-------------------------------
      Blog
------------------------------*/
.blog
{
padding: 60px 0px 0px 0px;
}
.blog_in
{
padding: 20px 0px;
}

/*-------------------------------
      Blog
------------------------------*/


/*footer starts here*/
.footer
{
padding: 60px 0px;
}
.footer_inner
{
}
.footer_inner ul li
{
list-style: none;
width: 50%;
float: left;
}
.footer_inner ul li a
{
color:#717171;
}
.subscribe_newslatter input
{
position: relative;
}
.send_btn
{
position: absolute;
top: 60%;
right: 23px;
border: none !important;
}
/*footer ends here*/

/*bottom footer*/
.bottom_footer
{
background-color: #000;
}
.bottom_footer ul 
{
padding: 0px;
margin: 0px;
}
.bottom_footer ul li
{
list-style: none;
float: left;
padding: 10px 20px;
}
.bottom_footer ul li a
{
color: #fff;
}
.bottom_footer p
{
margin-top: 10px;
color: #fff;
font-size: 13px;
}
/*bottom footer*/