@import "color.css";
body {
    font-family: 'Raleway', sans-serif;
    overflow: hidden;
    overflow-y: scroll;
    font-size: 13px;
    font-weight: 400;
    background: #fff;
    padding:0px !important;
}

p {
    margin: 0 0 10px;
}
iframe{
    width: 100% !important;
    border: none !important;
    height: 100% !important;
}
.pageLoader{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}
img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.lt-ie9 .animated {
    opacity: 1 !important;
    -webkit-animation: none !important;
    animation: none !important;
    transform: none !important;
}

blockquote {
    border: none;
    margin: 0;
    font-size: 15px;
    line-height: 28px;
    padding: 40px;
}

q {
    position: relative;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    margin: 0;
    padding: 0;
}

ul ul {
    padding-left: 20px;
}

a {
    outline: none !important;
    text-decoration: none;
}
a.disabled{
    pointer-events: none;
}
h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
    font-weight: 400;
}

h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}

/*.btn-default {
    background: var(--primary-color);
}*/

.btn-default {
    min-width: 250px;
    min-height: 45px;
    border-radius: inherit !important;
    background-color: var(--secondary1-color) !important;
    color: #fff;
    font-size: 18px;
    padding: 10px 0px;
}

.btn-default:hover {
    text-decoration: none;
    background: var(--secondary1-color);
    color: #fff !important;
}

.btn {
    display: inline-block;
    /* margin:50px 0px 15px 0px; */
    border: none;
    border-radius: 4px;
    color: #fff;
    transition: all ease 0.2s;
}
.btn:hover{
    color: #999;
}
.btn-list{
    color: #c0c0c0;
    font-size: 18px;
    position: absolute;
    top: 5px;    
    right: 42px;
    cursor: pointer;   
}
.btn-list .fa{
    font-size: 14px;
}
.btn-grid{
    color: #c0c0c0;
    font-size: 18px;
    position: absolute;
    top: 5px;  
    right: 15px;
    cursor: pointer;
}


.btn-grid .fa:hover,.btn-grid.active .fa{
    color: var(--secondary2-color);
}
.btn-grid.active:hover .fa{
    background: #616161;
}
.btn-list .fa:hover,.btn-list.active .fa{
    color: var(--secondary2-color);
}
.btn-list.active:hover .fa{
    background: #616161;
}
.btn-primary{
    background-color: var(--secondary2-color);
}
.category
{
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
}

.block-title{
	display: block;
	text-align: center;
	line-height: 2em;
	margin-top: 15px;
}

.block-title span{
	display: block;
	position: relative;
	top: 1.7em;
	height: 1px;
	background: #000;
}

.block-title h1, .block-title h2{
    display: inline;
    position: relative;
    padding: 0 10px;
    background:#fff;
    text-align: center;
    line-height: 2em;
    font-size: 20px;
    margin:22px 0px;
}


#blockContainer {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
#block1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
#block2 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}

#gallery_pdp > a > img
{
	float:left;
}

.sp_detail > h5 > a
{
	font-size:18px;
	color:#000 !important;
}

/*banner section*/
.category.col {
    height: 342px;
    overflow: hidden;
}
.category img:hover {
    transform: scale(1.1);
}

.category {overflow:hidden;}


.category img {
    transition: all ease 0.5s;
}
.img-ban-man-main {
    overflow:hidden;
}
.img-ban-man-main img {
    transition:all ease 0.5s;
}

.img-ban-man-main img:hover{
    transform:scale(1.1);
    opacity:0.6;
}
.img-ban-man-main {
    background:var(--primary-color);
}

.category-item-collection{
    text-align:center;
}

.category-item-collection img{
    width:100%;
    margin-bottom:20px;
}
/*banner section*/

/*Featured Items*/
span.cart-icon img {
    width: 40px;
}
.customeField.collapse.in{
display:block;
}
/*Featured Item End*/
/*Shopping Dropdown Cart*/
ul.dropdown-cart {
    list-style: none;
}
.cart-wrp:hover div#header_cartdetail {
display: block !important;
}
div#header_cartdetail {
    padding: 15px 5px;
    min-width: 330px;
}
div#header_cartdetail {left: -130px;}
.cart-wrp:hover div#header_cartdetail {
display: block !important;
}
ul.dropdown-cart{
    min-width:250px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
    width: 93%;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;
    width: 67%;
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
    font-size: 21px;
    width: 7%;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}
li.dropdown.account-sec ul.dropdown-menu {padding: 7px 0px;left: inherit;right: 11px;}

li.dropdown.account-sec ul.dropdown-menu li {
    float: left;
    width: 100%;
    margin: 0px  0px;
    padding: 2px 9px;
}
li.cart-sec.dropdown .dropdown-cart {
    min-width: 330px;
    right: 0;
    left: inherit;
    padding: 0;
    background: #fff;
}



span.item-left img {
    width: 66px;
}
ul.dropdown-cart li .item-left h4 {
    margin: 0;
    text-transform: capitalize;
    font-size: 16px;
    color: var(--primary-color);
}

li.cart-sec.dropdown .dropdown-cart li {padding: 0px 10px;margin-top: 10px;width: 100%;}

li.cart-sec.dropdown .dropdown-cart li a {
    text-decoration: none;
}

ul.dropdown-cart li .item-right i {
    color: #ababab;
}
li.cart-sec.dropdown .dropdown-cart li a:hover i {
    color: #353535;
}
li.cart-sec.dropdown .dropdown-cart li.total-items span {
    font-size: 18px;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 0px;
    padding: 9px 0;
}

li.cart-sec.dropdown .dropdown-cart li.total-items {
    margin-top: 3px;
}

li.cart-sec.dropdown .dropdown-cart li.viewcart-bt.text-center {
    padding-bottom: 13px;
}



li.cart-sec.dropdown .dropdown-cart li.viewcart-bt.text-center .btn {
    color: #fff;
    padding: 7px 10px;
    width: 91%;
    min-width: inherit;
    margin: 0px auto;
    height: 40px;
}

li.cart-sec.dropdown .dropdown-cart li.viewcart-bt.text-center .btn:hover,li.cart-sec.dropdown .dropdown-cart li.viewcart-bt.text-center .btn:focus {
    background: #848484;
}

span.item-info p {
    color: var(--secondary1-color);
}
li.cart-sec.dropdown .dropdown-cart li.cart_empty h3, li.cart-sec.dropdown .dropdown-cart li.cart_empty h1 {
    margin-top: 7px;
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400;
    text-decoration:none;
}
ul li a.active-cart span.badge {
    background-color: #4CAF50;
}

ul li.cart-sec span.badge {
    width: 20px;
    height: 20px;
    padding: 5px 0px;
    position: absolute;
    right: 2px;
    top: -5px;
}


ul li.search-sec img {width: 40px;}
.cart-wrp .navbar-nav>li>.dropdown-menu {
margin-top: 0px;
}


ul.dropdown-cart li .item span.item-left {
width: 90%;
}

ul.dropdown-cart li .item span.item-left a {
width: 25%;
float: left;
}

ul.dropdown-cart li .item span.item-left span.item-info {
width: 70%;
float: left;
}

ul.dropdown-cart li .item span.item-left span.item-info a {
width: 100%;
}

ul#ctl00_divshoppingcartempty li.cart-total {
text-align: center;
padding: 4px 0;
background: #f3f3f3;
}

ul#ctl00_divshoppingcartempty li.button-cart a {
padding: 10px 12px;
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 1.42857143;
                    text-align: center;
                    white-space: nowrap;
                    vertical-align: middle;
                    -ms-touch-action: manipulation;
                    touch-action: manipulation;
                    cursor: pointer;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    background-image: none;
                    border: 1px solid transparent;
                    border-radius: 3px;
                    color: #fff;
                    margin-left: 27%;

}

ul#ctl00_divshoppingcartempty li.button-cart {
text-align: center;
margin: 9px 0;
float: left;
}

.cap-details-txt input, .cap-shipping-details-txt input {
    width: 50% !important;
    margin-top: 10px !important;
}

.cap-details-txt span{
        font-size: 16px;
    }

.cap-shipping-details-txt span{
        font-size: 16px ;
    }

.checkoutbox span {
    color: var(--secondary1-color);
    font-size: 24px;
    font-weight: 600;
}
.shipping-invo-wp-main1 {
    margin-top: 30px;
}

div#registeredusersameaddress {
    margin-left: 20px !important;
    margin-top: 10px !important;
}

span.price b {
    color: #f00;
}

/*Shopping Dropdown Cart*/
/*Navigation Center*/
.navbar-nav {
    width: 100%;
    text-align: center;
    border-top: solid 1px #e9e9e9;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  
/*Navigation Center*/
/*List Page*/
.panel.panel-default ul {
    list-style: none;
    padding:0;
    margin-bottom:0;
}
.panel.panel-default ul li{
    margin-left:0;
}
.panel.panel-default ul li a{
    color:var(--primary-color);
    font-size:14px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: var(--secondary1-color);
    border: 1px solid var(--secondary1-color);
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: var(--secondary2-color);
        border-color: var(--secondary2-color);
    }

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #fff;
    background-color: var(--secondary2-color);
    border-color: var(--secondary2-color);
}
    a.page-link {
        margin-right: 10px;
    }

    .pagi-nav{
        width:100%;
        margin:0px auto;
    }

.pagination {
    margin: 30px 0;
}

 .pagnination-main nav {
        display: inline-block;
    }
    .pagnination-main{
        text-align:center;
    }
    .item-limiter{
        display:inline-block;
        float:right;
    }
    
    .item-limiter p{
        float:right;
        margin:5px;
	    line-height:18px;
    }

    i.fas.fa-caret-right {
    display: none;
    }

.pagnination-main{
     text-align: center;
}

select#ddlpagesize {
    height: 36px;
    float: right;
}

select#ddlpagesize.form-control {
    width: 55% !important;
}

/*List Page End*/

/* Login Section*/
section.log-sec-main {
    background: url('/assets/theme-2/images/bg-log.jpg') no-repeat;
    width: 100%;
    float: left;
    height: 425px;
}

.login_wrapper_outside {
    width: 50%;
    border:1px solid var(--primary-color);
    border-radius:4px;
    margin:30px auto;
    background:#fff;
    min-height:365px;
}

.signin-agile{
    width:50%;
    float:left;
    min-height: 360px;
    padding: 15px 15px;
}

.signup-agileinfo{
    width:50%;
    float:right;
    padding: 45px;
    background:var(--primary-color);
    min-height:365px;
}

.signup-agileinfo h3,.signup-agileinfo p{
    color:#fff;
}

.login_wrapper_outside .btn{
    padding:6px 20px !important;
}

.login_wrapper_outside ul {
   list-style:none;
}

.form-group.text-center input.btn {min-width: 250px;min-height: 45px;border-radius:inherit !important;background-color: var(--secondary1-color) !important;color:#fff;font-size:18px;padding: 10px 0px;}
.form-group.text-center input.btn:hover{
    background:var(--secondary2-color) !important;
}
a.btn.btnfacebook {background:#4267b2;min-height: 45px;min-width: 250px;margin-top: 8px;padding: 13px 0px !important;border-radius: inherit !important;}
.facebook_signin i{
    margin-right:5px;
}

.facebook_signin{
    text-align:center;
}

.login-sec1 ul{
    padding-bottom: 5px;
}

.signup-agileinfo .btn{
    background:#fff !important;
    margin-bottom:10px;
    color:var(--primary-color);
}

.signup-agileinfo .btn:hover{
    color:#fff !important;
    background:var(--primary-color);
}

.signup-agileinfo p{
    margin-bottom:25px;
}


section.sign-sec-main  {
    background: url('/assets/theme-2/images/bg-log.jpg') no-repeat;
    width: 100%;
    float: left;
}
section.sign-sec-main ul {
    list-style: none;
}
section.sign-sec-main ul li{
    list-style: none;
    margin:0px !important;
}

.registration-subscribe-wp-main {
    background: #fff;
    margin:25px;
    padding:25px;
    border-radius:4px;
    border:1px solid var(--primary-color);
}

.registration-subscribe-wp-main .btn{
    padding:6px 22px;
}
.form-control {
    border: 1px solid #dddddd;
}

.singup-wrapper select{
    margin-bottom:15px;
    height:45px;
}

.singup-wrapper textarea{
    min-height:100px;
}

.new-account-wrapper-inner h1{
    padding-bottom:20px;
}

.singup-wrapper ul{
    margin-bottom:0;
}


.singup-wrapper input, .singup-wrapper select, .singup-wrapper textarea {
    margin-bottom: 15px;
    margin-top: 15px;
}

.singup-wrapper span.field-validation-error {
    position: absolute;
    top: -10px;
}

.lgn {
    margin-top: 30px;
}

.login_btn{
    background-color: var(--secondary1-color);
    padding: 10px 40px;
    border: none;
    width: 100%;
    max-width: 250px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.signup-agileinfo .btn {min-width: 250px;min-height: 45px;border-radius:inherit !important;background-color: var(--secondary1-color) !important;color:#fff;font-size:18px;padding: 10px 0px !important;}


input#btnCheckOut:disabled{
  color:#fff;
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  cursor: not-allowed;
  pointer-events: all !important;
}


/*Login section end*/

/* Login Popup */
.login-button a i {
    padding-right: 8px;
}

div#at-login .modal-dialog {
    width: 490px;
}

div#at-login .modal-dialog .modal-header {
    position: relative;
    background: #fff;
}

.modal-content .form-group {
    position: relative;
}

.cptions-st-in th {
    background: var(--primary-color);
    color:#fff
}

div#at-login .modal-dialog .modal-header button.close, div#at-signup .modal-dialog .modal-header button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    opacity: 1;
    text-shadow: none;
    color: #fff;
}

div#at-login .modal-dialog .modal-body .login-box .form-group.fb-login-class {
    width: 100%;
    float: left;
    display: block;
    text-align: center;
}

.rememberme {
    padding-left: 35px;
}

label.rememberme.mt-checkbox.mt-checkbox-outline {
    margin-top: 15px;
    padding: 0px;
}

.modal-footer {
    text-align: center;
    width: 100%;
    float:left;
    background:#fff;
}

img.copy-right-img {
    height: 17px;
}

select#countryid {
    margin-bottom: 15px;
}

.login-box div#err_msg {
    text-align: center;
    font-size: 14px;
}

span#passwordcheck {
    font-size: 14px !important;
    color: red;
}

/* End Login Popup */

/* Gift Card page */
.gift_card_value{
    font-size: 15px;
    font-weight: 500;
}

h1.gift-card-title {
    background-color: var(--secondary1-color);
    padding: 10px 15px;
    margin-bottom: 0px;
    margin-top: 20px;
    border: none;
    width: 100%;
    color: #fff;
    /* font-size: 18px; */
    cursor: pointer;
}

.gift-card-border{
    border: solid 1px var(--secondary1-color);
    background: #fefefe;
}

/* Full Detail Page */

.dresses
{
	font-size:14px;
	color:#101010;
    margin-bottom: 20px !important;
    margin-top: 20px;
    
}

.dresses a
{
	color:#101010;
}

.dresses a:hover
{
	color:var(--secondary1-color);
}

.dresses span img
{
	padding-left:20px;
	padding-right:20px;
}

.parent.childitem.spacechild1 a {
    padding-left: 35px !important;
    font-size: 15px !important;
}

li.parent.childitem {
    padding: 0px 10px !important;
}

li.parent.childitem.spacechild2 a {
    padding-left: 45px !important;
    font-size: 15px !important;
}

li.parent.childitem.spacechild3 a {
    padding-left: 55px !important;
    font-size: 15px !important;
}

li.parent.childitem.spacechild4 a {
    padding-left: 65px !important;
    font-size: 15px !important;
}

li.parent.childitem.spacechild5 a {
    padding-left: 75px !important;
    font-size: 15px !important;
}


section.subpage-wrapper {
    /* padding-top: 240px; */
}

.product-details-page-wrapper {
    margin-top: 10px;
    display: block;
    margin-bottom: 30px;
}


.product-title-collection
{
/*	font-size:18px;*/
    font-size: 14px;
    font-weight: 700;
	color:#101010;
	margin-bottom: 9px;
	margin-top: 0px;
}

.product-title-name
{
/*	font-size:24px;*/
    font-size: 20px;
    font-weight: 700;
	color:#101010;
	margin: 10px 0px 10px 0px !important;
}

.product-model-no
{
	font-size:14px;
	color:#999999;
}

.product-price
{
    font-size:30px;
    font-weight: 700;
    color:#101010;
    font-family: Arial,sans-serif;
}

.product-tax
{
	font-size:14px;
	color:#999999;
}

.right_box
{
	background: #E0E4E7;
	border:solid 1px #eeeeee;
	padding:15px;
	margin-top: 20px;
}

.right_box p
{
	font-size: 16px;
	color:#101010;
}

.color {
    margin: 10px 0px;
}

.color span {
    width: 34px;
    height: 34px;
    background: #ea2828da;
    display: inline-block;
    margin-right: 2px;
    cursor: pointer;
    border:solid 3px #ccc;
}

.color span:active {
    border:solid 3px #fff;
}

.textbox {
	width: 100%;
	border: 1px solid #cccccc;
	margin-bottom:12px;
	padding: 10px 20px;
	margin-top: 5px;
	font-size: 16px;
}

.textbox:hover {
	border: 1px solid #000;
}

.size_guide {
    font-size: 15px !important;
    color: #101010;
    text-align: right;
}

.size_guide a {
    color: #101010;
    font-weight: 700;
    text-decoration: underline;
}

.textbox2 {
    width: 167px;
    float: right;
    font-size: 16px;
    color: #101010;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    margin-top: 15px;
    background: #fff;
}

.textbox2:hover {
    border: 1px solid #000;
}

.textbox2 a{
	font-size:16px;
	color:#101010;
	}

.textbox2 ul {
  list-style-type: none;
  margin: 0px !important;
}


.textbox2 ul li {
  list-style-type: none;
  padding: 10px 20px;
}

.textbox3 {
    max-width: 85px;
    min-height: 45px;
    border: 1px solid #cccccc;
    font-family: 'Raleway', sans-serif;
    padding: 10px 20px;
    margin-left:5px;
    font-size: 16px;
    background: #fff;
/*    -webkit-appearance: menulist-button;*/
}

.textbox3:hover {
	border: 1px solid #000;
}

.quantity{
	font-size:16px;
}

p.size_guide {
    margin: 0px;
}

.add_to_bag
{
	background-color:var(--secondary1-color);
    padding: 10px 0px;
    margin-top:1px;
	border:none;
    width: 97%;
    float: right;
	color:#fff;
	font-size: 18px;
	cursor: pointer;
}

/* Darker background on mouse-over */
.add_to_bag:hover {
    background-color: var(--secondary2-color);
}

/* Set the maximum width of the menu wrapper */
	#category-menu{
		max-width: 100%;
		/* margin-left:5%; */
		/* margin-bottom: 20px; */
	}
	
	/* we remove the margin, padding and list styles of the ul li list */
	#category-menu ul, #category-menu ul li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	/* Adding the border to the parent ul and remove the border bottom */
	#category-menu > ul{
		border-top:solid 1px #000;
		font-size:17px;
		color:#101010;
	}
	
	/* Apply border bottom to the first level of li list only */
	#category-menu > ul > li{
		border-bottom:solid 1px #000;
	}
	
	/* Styling for all links inside the category menu */
	#category-menu ul li a{
		font-size:17px;
		font-weight: 700;
		text-transform: uppercase;
		color:#101010;
		text-decoration:none;
		display:inline-block;
		width:100%;
		cursor:pointer;
		padding-left:20px;
	}
	
	#category-menu ul li ul li a{
		font-size:14px;
		color:#101010;
		text-decoration:none;
		display:inline-block;
		width:100%;
		cursor:pointer;
	}
	
	#category-menu ul li ul li p{
		font-size:14px;
		color:#101010;
		}
	
	/* set the padding space and position for all li list */
	#category-menu ul li{
		padding:5px 10px;
		margin-left: 0px !important;
		position:relative;
		margin-right: 0px !important;
	}
		
	/* hiding the ul 2nd and 3rd levels */
	#category-menu ul li ul, #category-menu ul li ul li ul{
		display:none;
	}
	
	/* styling the color for the 2nd level ul */
	#category-menu > ul > li > ul{
		background:#fff;
		margin:10px 0;
	}
	
	/* styling the color for the 3rd level ul */
	#category-menu > ul > li > ul > li > ul{
		background:#ade5f5;
		margin:10px 0;
	}
	
	/* styling the arrows style */
	span.arrow, span.arrow-down{
		background:url(../img/down-icn.jpg) no-repeat;
		width:12px;
		height:8px;
		display:inline-block;
		position:absolute;
		left:10px;
		top:10px;
	}
	
	span.arrow-down{
		background:url(../img/down-icn.jpg) no-repeat;
	}
	
	span.arrow-up{
		background:url(../img/up-icn.jpg) no-repeat;
	}


/*--breadcrumbs--*/
.breadcrumbs {
    padding: 1.5em 0;
    background: #cfcfcf;
    text-align: center;
    float: left;
    width: 100%;
}
.breadcrumb {
    background: none;
}
.breadcrumb1{
	padding:0;
	margin:0;
}
.breadcrumb1 li {
    font-size: 1.1em;
    color: #ff590f;
    font-weight: 700;
    float: left;
}
.breadcrumb1 li a{
	color: #f1592a;
	text-decoration:none;
	font-weight: 400;
	/* font-style: italic; */
}
.breadcrumb1 li span {
    left: 0em;
    padding-right: .2em;
    color: #e01a2c;
}
.breadcrumb > .active {
    color: #b33f1b;
    font-weight: 500;
    font-style: italic;
}

.breadcrumb1 li a:after {
    content: "/";
    position: absolute;
    font-size: 15px;
    color: #e2283a;
    margin-left: 6px;
    opacity: 1;
    float: left;
    font-weight: 400;
}

.featuredprice a {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.featuredname a {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.featuredcat a {
    font-size: 16px !important;
    font-weight: 700 !important;
}


.btn-grid .fa{
    font-size: 14px;
}

.slider_controls1 .owl-prev{
    color: #9e9e9e;
    font-size: 18px;
    padding: 1px 11px 2px;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    position: absolute;
    top: -65px;
    right: 45px;
}
.xv-slider-wrap .slider_controls1 .owl-prev,
.xv-slider-wrap .slider_controls1 .owl-next{
    background: #fff;
    top: 50%;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 50%;
    margin-top: -25px;
    bottom: auto;
    right: auto;
    line-height: 45px;
    text-align: center;
    font-size: 30px;
    border: none;
    border-radius: 0 25px 25px 0;
}
.xv-slider-wrap .slider_controls1 .owl-next{
    left: auto;
    right: 0;
    border-radius: 25px 0 0 25px;
}
.slider_controls1 .owl-next{
    color: #9e9e9e;
    font-size: 18px;
    padding: 1px 11px 2px;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    position: absolute;
    top: -65px;
    right: 5px;
}
.slider_controls1.style .owl-prev{
    background: #8a8b8f;
    border: none;
    color: #191b23;  
    height: 40px;
    width: 40px;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    left: 0px;
    top: 50%;
    margin-top: -20px;
    padding: 0;
}
.slider_controls1.style .owl-next{
    background: #8a8b8f;
    border: none;
    color: #191b23; 
    height: 40px;
    width: 40px;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    right: 0px;
    top: 50%;
    margin-top: -20px;
    padding: 0;
}
.tab-slide .slider_controls2 .owl-prev{
    position: absolute;
    top: 37px;
    left: -11px;
    color: #3782ae;
    font-size: 50px;
    border: none;
}
.tab-slide .slider_controls2 .owl-next{
    position: absolute;
    right: -11px;
    top: 37px;
    color: #3782ae;
    font-size: 50px;
    border: none;
}
.slider_controls3 .owl-prev{
    left: -105px;
    position: absolute;
    top: 50%;
    font-size: 50px;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    
}
.slider_controls4 .owl-next{
    position: absolute;
    right: -40px;
    top: 50%;
    font-size: 70px;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.slider_controls4 .owl-prev{
    left: -40px;
    position: absolute;
    top: 50%;
    font-size: 50px;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    
}
.slider_controls3 .owl-next{
    position: absolute;
    right: -105px;
    top: 50%;
    font-size: 70px;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.slider_controls5 .owl-next{
    position: absolute;
    right: -30px;
    top: 50%;
    z-index: 999;
    font-size: 26px;
    color: #B4B4B9;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.slider_controls5 .owl-prev{
    position: absolute;
    left: -30px;
    top: 50%;
    z-index: 999;
    font-size: 26px;
    color: #B4B4B9;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.btn-product-slider{
    color: #9e9e9e;
    font-size: 18px;
    padding: 1px 11px 2px;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    position: absolute;
    top: 30px;    
    cursor: pointer;
}
.btn-product-slider.style{
    top: 54px;
}
.btn-product-slider.btn-pre{
    right: 55px;
}
.btn-product-slider.btn-nxt{
    right: 15px;
}

.btn-accordian{
    padding: 10px 78px !important;
    border-radius: 5px !important;
}
.btn-grey {
    background: #96a092;
}
.btn-grey:hover {
    background: var(--secondary1-color);
}
.btn-pink{
    background: var(--secondary2-color);
    border: var(--secondary2-color) !important;
}
.btn-pink:hover{
    background: var(--secondary1-color) !important;
}
.btn-blue{
    background: var(--secondary1-color) !important;
    border: var(--secondary1-color) !important;
}
.btn-blue:hover{
    background: var(--secondary2-color) !important; 
}
.btn-green {
    background: #75c74b;
}
.btn-send{
    border-radius: 5px !important;
    font-weight: 600;
}
.btn-continue{
    border-radius: 5px;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    padding: 18px 99px;
    margin-top: -10px
background: #7fccf9; /* Old browsers */
background: -moz-linear-gradient(top, #7fccf9 0%, #60afdd 49%, #4898c7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fccf9), color-stop(49%,#60afdd), color-stop(100%,#4898c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fccf9 0%,#60afdd 49%,#4898c7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fccf9 0%,#60afdd 49%,#4898c7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fccf9 0%,#60afdd 49%,#4898c7 100%); /* IE10+ */
background: linear-gradient(to bottom, #7fccf9 0%,#60afdd 49%,#4898c7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fccf9', endColorstr='#4898c7',GradientType=0 ); /* IE6-9 */
}
.btn-cart{
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    color: #616161;
    cursor: pointer;
}
.btn-cart:hover{
    text-decoration: none;
}
.btn-square{
    padding: 10px 0;
    display: inline-block;
    min-width: 40px;
    text-align: center;
    
}
.btn-rectangle{
    padding: 10px 0;
    min-width: 120px;
    display: inline-block;
    text-align: center;
}
.text-extralight {
    font-weight: 100 !important;
}

.text-light {
    font-weight: 300 !important;
}

.text-semibold {
    font-weight: 600 !important;
}

.text-bold {
    font-weight: 700 !important;
}

.text-extrabold {
    font-weight: 800 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.link {
    text-decoration: underline;
    display: inline-block;
}

.link-grey {
    color: #c5c8c9;
}

.link:hover {
    color: #7cbf1d;
}


.border-right{border-right: 1px solid #fafafa;}
.border-left{border-left: 1px solid #fafafa;}
.border-top{border-top: 1px solid #fafafa;}
.border-bottom{border-bottom: 1px solid #fafafa;}
.border-around{border:3px solid #fafafa;}
/*Modal Fix*/
.modal.in {
    background: rgba(51, 51, 51, 0.52) !important;
}

.modal-backdrop.fade.in {
    display: none;
}
/*Modal Fix End*/

/*================================
Rating
=================================*/
.xv-rating{
    position: relative;
    width: 150px;
    min-height: 20px;
}
.xv-rating.showNonRated:before{
    position: absolute;
    left: 0;
    top: 0;
    font-family:'FontAwesome';
    color: #eee;
    z-index: 4;
    content:"\f005 "" \f005 "" \f005 "" \f005 "" \f005";
}
.xv-rating:after{
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    font-family:'FontAwesome';
    color: var(--secondary2-color);
}
.xv-rating.stars-1:after{
    content:"\f005";
}
.xv-rating.stars-2:after{
    content:"\f005 "" \f005";
}
.xv-rating.stars-3:after{
    content:"\f005 "" \f005 "" \f005";
}
.xv-rating.stars-4:after{
    content:"\f005 "" \f005 "" \f005 "" \f005";
}
.xv-rating.stars-5:after{
    content:"\f005 "" \f005 "" \f005 "" \f005 "" \f005";
}

/*Media Center*/
.center-media-main-lst h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}
ul.grid-media {
    padding: 0;
}

.media-main img {
    width: 100%;
    position:absolute;
    top:0;
    z-index:-1;
}

.media-main figure {
    border-radius: 4px;
    position: relative;
    border: 1px solid #dadada;
    overflow:hidden;
    min-height:220px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.media-main h4{text-align:center;color:#fff;margin-top: 20px;text-shadow: 0px 0px 1px #000;}

.media-main a:hover figure{
     box-shadow: 1px 1px 10px #21478d;
     -webkit-box-shadow: 1px 1px 10px #21478d;
     -moz-box-shadow:1px 1px 10px #21478d;
}
.media-main figcaption{
    text-align:center;
    height: 220px;
    position: absolute;
    margin: auto;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    top: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.media-main figcaption button{
  
position: absolute;
  
left: 0;
  
top: 45%;
  
right: 0;
  
margin: auto;
  
width: 130px;
}
.media-main a:hover figcaption{
  opacity:1;
}
.media-center-main {
    background: rgba(64, 104, 176, 0);
    padding: 10px 0px;
    /* border-top: 1px solid #2d2f7d24; */
}

.media-center-main .team-grid a{
    background: var(--primary-color) url(../images/pattern-bg.png) center left;
    width:100%;
    height: 180px;
    display: block;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}
.media-center-main .team-grid a:hover{
    box-shadow: 1px 1px 10px var(--primary-color);
    -webkit-box-shadow: 1px 1px 10px var(--primary-color);
    -moz-box-shadow:1px 1px 10px #21478d;
}
.prop-info-w3ls h4 {
    color: #FFF;
}
.media-center-wp h3 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
.prop-info-w3ls img {
    width: 80px;
}


.prop-info-w3ls {
    padding-top: 25px;
}
.prop-info-w3ls h4{font-weight: 600;color: #fff;}

.media-center-main .team-grid a:hover .prop-info-w3ls img{width:100px;}

.min-ht {
    height: 500px;
}

/*Media Center End*/

/*Photo Gallery*/
.img-box {
    text-align: center;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    height: 200px;
    overflow: hidden;
    background: #333;
}

.img-box figure img {
    width: 100%;
    height: auto;
}

.img-box:hover figure img {
    transform: scale(1.1);
    opacity: .5;
}
.img-box span img {
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mdl-video {
    background: #000;
}


.mdl-video .modal-body .btn {
    min-width: auto;
    position: absolute;
    right: -35px;
    top: 0;
}

.img-gal-main ul li{
    margin:0 !important;
    margin-bottom:30px !important;
}
/*Photo Gallery End*/


/*Validaiton Error*/

.login-sec1 span.field-validation-error{
	position:inherit;
	float: right;
}

span.field-validation-error {
    position: relative;
    top: 0px;
    background: none;
    font-size: 14px !important;
    color: red;
    padding: 2px;
    border-radius: 4px;
}

span#payment_method-error {
    position: relative;
    right: 0px;
    top: -3px;
    width: 207px;
    font-size: 14px !important;
    background: none;
    color: red;
    padding: 2px;
    border-radius: 4px;
}

.row-wp-ship span.field-validation-error {
    top: 0;
}
/*Validation Error*/

/* Shipping Details Page*/
.cpn-div {
    float: right;
    /* border-bottom: 1px solid #eee; */
    width: 100%;
}

.grid-pricing li {
    float: right;
    width: 100%;
}

.cpm-d-1 {
    /* width: 70%; */
    float: right;
}

.price_details ul.grid-pricing {width: 300px;padding-left: 0px;float: right;}
.cpm-d-1 input {
    border-radius: 4px 0px 0px 4px !important;
}

.cpm-d-2 {
    /* width: 30%; */
    float: right;
}
/*Shipping Details Page*/
/*Search Page*/
.search-grid .xv-product figure {
    min-height: 480px;
    max-height: 480px;
    overflow: hidden;
}
/*Search Page*/
/*=================================
Form Styling
==================================*/

form .btn {
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea {
    width: 100%;
    border: none;
    color: #9e9e9e;
    height: 38px;
    padding: 0 15px;
    background: #fff;
    border-radius: 5px;
    height: 45px;
    text-transform: inherit;
    border: 1px solid #dddddd;
    margin-bottom: 15px;
}

input[type="text"].tranparent,
input[type="tel"].tranparent,
input[type="email"].tranparent,
input[type="password"].tranparent,
textarea.tranparent {
    background: none;
    border: 1px solid #7cbf1d;
    color: #7cbf1d;
}

textarea {
    height: 180px;
    padding:15px;
}

label {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

label.tranparent {
    color: #7cbf1d;
}

.field-wrap {
    margin: 15px auto;
    position: relative;
}

.field-wrap label {
    position: absolute;
    left: 35px;
    top: 12px;
}

.field-wrap.textarea-wrap label {
    top: 25px;
}
ul.dropdown-menu.mega-dropdown-menu.row li a:hover {
        color: #fff!important;
}

/*==============================================
Spacing Helping Classes
===============================================*/

.color-white {
    color: #fff;
}

.shadow-bottom{
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
}

.shadow-around{
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.no-mar {margin: 0;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-55 {margin-bottom: 55px;}
.mb-60 {margin-bottom: 60px;}
.mb-65 {margin-bottom: 65px;}
.mb-70 {margin-bottom: 70px;}
.mb-75 {margin-bottom: 75px;}
.mb-80 {margin-bottom: 80px;}

.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-55 {margin-top: 55px;}
.mt-60 {margin-top: 60px;}
.mt-65 {margin-top: 65px;}
.mt-70 {margin-top: 70px;}
.mt-75 {margin-top: 75px;}
.mt-80 {margin-top: 80px;}
.mt-120 {margin-top: -60px;}

.no-ml{margin-left: 0 !important;}
.no-mr{margin-right: 0 !important;}


.no-pad {padding: 0;}
.pb-05 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}
.pb-55 {padding-bottom: 55px;}
.pb-60 {padding-bottom: 60px;}
.pb-65 {padding-bottom: 65px;}
.pb-60 {padding-bottom: 70px;}
.pb-75 {padding-bottom: 75px;}
.pb-80 {padding-bottom: 80px;}

.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}
.pt-55 {padding-top: 55px;}
.pt-60 {padding-top: 60px;}

/*=============================
Header
===========================*/

.container {
    position: relative;
}

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
   /* box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);  */
}

.doc-header {
    position: relative;
    z-index: 99;
    background: #26374a;
    font-family: 'Raleway', sans-serif;
	font-size:14px;
	color:#fff;
	/*padding-bottom:15px;*/
}
.doc-header .left-ul{
    text-align: left;
}
.doc-header .right-ul{
    text-align: right;
}

.header-top {
    border-bottom: 1px solid #3c4b5c;
    position: relative;
    z-index: 20;
}

.header-top ul li a {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.header-top ul li a:hover {
    text-decoration: none;
    color: var(--secondary1-color);
}

.header-top .left-ul > li {
    display: inline-block;
    margin-right: 20px;
}

.header-top .right-ul .fa {
    color: #ff527f;
    padding-right: 5px;
}

.header-top .right-ul .fa:hover {
    color: var(--secondary1-color);
}

.header-top .right-ul > li {
    display: inline-block;
    margin-left: 15px;
}

.header-top-mob{
    display: none;
}

.navbar-brand>img {
    display: block;
    width: 190px;
}

li#CurrenciesId form select {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    background: var(--primary-color);
    border:none;
}

.doc-header.header-light .header-bottom .container {
    /* padding: 0px */
}
.doc-header .header-bottom .container {
    /* padding: 0px; */
}
.doc-header .header-bottom a.logo {
	height:70px;
	width:170px;
	margin-top:12px;
    float:left;
}
.header-bottom nav{
    position: relative;
}
.header-bottom .nav-triger{
    position: absolute;
    right: 0px;
    top: 0;
    margin-top: -20px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    background: #ff527f;
    text-align: center;
    font-size: 20px;
    display: none;
}
.header-bottom .nav-triger img{
    max-width: 24px;
}
.header-bottom .nav-triger.active{
    background: var(--secondary1-color);
}

.header-bottom ul.main_menu {
    padding: 0 70px 0 0;
    text-align: right;
    position: absolute;
    right: 0;
}


.header-bottom .openCart{
    color: #fff;
    display: block;
    margin-top: -20px;
    margin-left: 20px;
    text-align: center;
    font-size: 18px;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 0;
    height: 50px;
    width: 50px;
    background:  url("../img/basic/bag21.png") no-repeat center center #ff527f;
}
.header-bottom .openCart .fa{
    color: #fff;
    line-height: 50px;
    border-radius: 50%;
    
}

.header-bottom .openCart.active{
    background:  url("../img/basic/cross97.png") no-repeat center center #ff527f;
}

.header-bottom ul{
    padding: 0;
}
.header-bottom ul .fa:hover {
    color: #fff;
    background: #616161;
}

.header-bottom ul.main_menu > li {
    display: inline-block;
    position: relative;
    
}

.header-bottom ul.main_menu > li > a {
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 23px;
    display: block;
}

.header-bottom ul.main_menu > li > a:hover {
    color: var(--secondary1-color);
    text-decoration: none;
}
.header-bottom .cart-calculations{
    position: absolute;
    right: 0;
    top: 30px;
    margin-top: 10px;
    height: 390px;
    width: 800px;
    z-index: 1000;
    display: none;
    overflow: visible;
}

.header-bottom .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 36px 2px;
}
.header-bottom .cart-action{
    padding: 25px 25px 25px 15px;
}
.header-bottom .quantity-control .btn-plus{
    left: 81px !important;
}
.header-bottom .quantity-control .btn-minus{
    left: 1px !important;
}
.header-bottom .quantity-control span.btn-square{
    padding: 10px;
}
.header-bottom .cart-content{
    font-size: 12px;
    font-weight: 400;
    display: block;
}
.header-bottom .cart-price{
    font-size: 18px !important;
    font-weight: 400 !important;
    padding: 0 15px;
}
.header-bottom .cart-action{
    padding: 15px;
}
.header-bottom .cart-action:hover .fa{
    color: var(--secondary2-color);
}
.header-bottom .cart-action .fa{
    color: #616161;
    font-size: 18px;
}
.header-bottom .cart-action .fa:hover{
    background: #fff;
}
.header-bottom .cart-calculations .btn-rectangle{
    background: #e8e8e8;
    border: none;
    min-height: 40px;
    min-width: 120px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block !important;
}
.header-bottom .cart-calculations .btn-cart:hover{
    color: #fff;
    background: var(--secondary2-color);
}
.header-bottom .cart-calculations .btn-cart .fa:hover{
    background: var(--secondary2-color);
}
.header-bottom .cart-calculations .colpink{
    font-size: 18px;
    color: var(--secondary2-color);
    padding: 5px;
    font-weight: 400;
}
.header-bottom .table > thead > tr > td.style, .table > tbody > tr > td.style, .table > tfoot > tr > td.style{
    font-size: 14px;
}
.arab-btn a img {
    height: 27px;
    margin: 0px;
    padding: 0px;
}

.table > thead > tr.style > td, .table > tbody > tr.style > td, .table > tfoot > tr.style > td{
    padding: 25px 2px !important;
}
tr.cap-details1 {
    border-bottom: 1px solid #f2f2f2;
}

.top-nav{
    padding: 0;
    margin: 0;
}
.top-nav > li{
    display: inline-block;
    position: relative;
}
.header-top ul.top-nav > li > a{
    display: block;
    position: relative;
}
.header-top ul.top-nav > li:first-child > a{
    padding-left: 0;
}
.header-top ul.top-nav > li:last-child > a{
    padding-right: 0;
}
.header-top ul.top-nav > li > a > .fa{
    color:#FF527F;
    margin-right: 10px;
}
.header-light .header-top ul.top-nav > li > a > .fa{
    color: #fff;
}
.header-light .header-top ul.top-nav > li.opened > a,.header-light .header-top ul.top-nav > li:hover > a{
    color: #FFF;
}
.header-top ul.top-nav > li > a > span{
    margin: 0 5px;
}
.header-top ul.top-nav > li:hover > a,.header-top ul.top-nav > li.opened > a{
   color:var(--secondary1-color);
}
.header-top ul.top-nav > li > ul{
    position: absolute;
    top: 100%;
    background: #fff;
    padding: 4px 0;
    display: none;
    min-width: 150px;
    -moz-box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
}
.header-light .header-top ul.top-nav > li > ul{
    color: #0e1b23;
}
.header-top ul.top-nav > li:hover > ul{
    display: block;
}
.header-top ul.top-nav > li.parent > a:after{
    font-family:'FontAwesome';
    content:"\f107";
    padding-left: 5px;
}
.header-top ul.top-nav > li > ul > li{
    display: block;
}
.header-top ul.top-nav > li > ul > li > a{
    display: block;
    padding: 4px 10px;
}

.regionalSetting{
    position: absolute;
    top: 100%;
    padding: 20px;
    left: 0;
    width: 250px;
    background: #fff;
    -moz-box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
}
.regionalSetting h6{
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.setting-switcher{
    height: 30px;
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 5px 0 10px;
    z-index: 20;
}
.setting-switcher.active{
    z-index: 50;
}

.setting-switcher > span{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5px 10px 0;
}
.setting-switcher > ul{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
}
.setting-switcher.active > ul{
    display: block;
}
.setting-switcher > ul > li + li{
    border-top: 1px solid #ddd;
}
.setting-switcher > ul > li{
    display: block;
    padding: 5px 10px;
    cursor: pointer;
}
.setting-switcher > ul > li > em{
    width: 130px;
    display: inline-block;
}

.mega-child{
    display: none;
}

.preHeader-promotions{
    position: relative;
}
a.closePromotions{
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    background: url("../img/basic/cross97.png") no-repeat center center;
}


/*Middle Header*/
form.search input[type=text] {
    padding: 10px;
    font-size: 12px;
    float: left;
    width: 80%;
	color:#999994;
	border-radius:0px;
	border:none;
    background: #f5f5f5;
    box-sizing: border-box;
	margin-top:19px;
	margin-bottom:12px;
}

form.search button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #f5f5f5;
    color: #999994; !important;
    font-size: 17px;
    border: 0px solid grey;
    border-left: none;
    cursor: pointer;
	margin-top:19px;
	margin-bottom:12px;
}

form.search button:hover {
    background: #cfcece;
}

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

.cart
{
	margin-top:19px;
	margin-bottom:12px;
}


/*===header-light===*/
.header-top{
    position: relative;
    z-index: 999;
}
.header-light{
    background: #fff;
}
.header-light .header-top{
    background: var(--primary-color);
    border-bottom: none;
	height:46px;
}
.header-light .header-top ul.top-nav > li > a{
    color: #fff;
}
.header-light .header-top ul li a:hover{
    color: #fff;
}
.header-light .header-top .right-ul .fa{
    color: #fff;
}
.header-light .header-bottom ul > li > a{
    color: #616161;
    display: block;
    padding-left: 0;
    text-decoration: none;
    font-family: 'Raleway';
}
.header-light .header-bottom ul > li a:hover{
    color: var(--secondary2-color) !important;
}

.doc-header a{
    text-decoration: none !important;
}
.header-bottom ul > li > ul{
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    width: 260px;
    padding: 0 !important;
    display: none;
    background: #fff;
    -moz-box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px rgba(0,0,0,0.2);
}

.doc-header .header-bottom ul > li > ul:before{
    color: #fff;
    content: "\f0d8";
    font-family: "FontAwesome";
    font-size: 50px;
    position: absolute;
    left: 17px;
    top: -40px;
    z-index: -1;
}
.header-bottom ul > li > ul > li{
    display: block;
    padding: 0;
}
.header-bottom ul > li > ul > li a{
    padding: 15px 20px;
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    display: block;
    padding: 20px;
}
.header-bottom ul > li > ul > li a:hover{
    background: var(--secondary2-color);
    color: #fff !important;
}

.search-form {
    width: auto;
	padding-top:18px;

}
.style-wide .search-form{
    width: auto;
	min-height:42px;
}
.search-form input[type="text"] {
    height: 42px;
    width: 295px;
    background: #f5f5f5;
    border-radius: 2px;
    margin-bottom: 0;
    border: none;
	float:left;
}

.search-form button {
	loat:left;
    bottom: 0;
    right: 0;
    height: 40px;
    width: 40px;
    background: #fff;
    border: none;
}

.search-form .fa {
    color: #ff527f;
    background: #fff;
}
.search-form .fa:hover{
    color: #5FB7EA !important;
}
.style-wide .search-form .custome-select{
    position: absolute;
    right: 100%;
    width: 295px;
    top: 0;
}
.custome-select{
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    border: 1px solid #d1d1d1;
}
.style-wide .custome-select{
    border: none;
}
.custome-select select{
    color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    top:0;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 20;
}
.custome-select > span{
    width: 100%;
    height: 100%;
    line-height: 40px;
    padding: 0 10px;
    padding-right:30px;
    z-index: 0;
    color: #1a3241;
    font-weight: 600;
    display: block;
}
.style-wide .search-form .custome-select > span{
    text-align: right;
    color: #fff;
    padding: 0;
    padding-right: 30px;
}
.style-wide .custome-select b.fa{
    color: #fff;
}
.style-wide.style .search-form .custome-select > span,.style-wide.style .custome-select b.fa{
    color: #5FB7EA;
}
.custome-select > span:before{
    font-family:'FontAwesome';
    content:"\f0c9";
    padding-right: 10px;
}
.style-wide .search-form > span:before{
    color: #fff;
}
.custome-select b.fa{
    position: absolute;
    right: 15px;
    top: 14px;
    font-size: 14px;
    background: none;
}
.style-wide.style b.fa{
    color: #fff;
}

/*==============social links and search (style)==========*/
.social {
  padding: 10px !important;
  font-size: 21px !important;
  width: 40px !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 0px 2px 0px 2px !important;
  border-radius: 50% !important;
}

.social:hover {
    opacity: 0.7 !important;
}

.fa-facebook, .fa-twitter, .fa-google, .fa-youtube, .fa-instagram, .fa-pinterest, .fa-snapchat-ghost, .fa-tumblr {
  color: white !important;
}

.social-search.style{
    max-width: 1190px;
    margin: 0 auto;
    padding: 25px 25px;
    background: #fff;
    color: #616161;
    position: relative;
    z-index: 20;
    bottom: -42px;
    margin-top: -42px;
}
.social-search.style .container{
    padding: 0;
}
.social-search.style .categorise{
    cursor: pointer;
    padding: 5px;
    
}
.catagories-dropdown{
    padding-bottom: 15px;
    position: absolute;
    right: 245px;
    top: 5px;
}
.catagories-dropdown:hover .catagoriesList{
    display: block;
}
.catagoriesList:before{
    color: #fff;
    content: "\f0d8";
    font-family: "FontAwesome";
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: -26px;
    z-index: -22;
}
.catagoriesList{
    display: none;
    min-width: 145px;
    position: absolute;
    right: -8px;
    text-align: left;
    top: 100%;
    z-index: 99;
}

.catagoriesList.style:before{
    color: #fff;
    content: "\f0d8";
    font-family: "FontAwesome";
    font-size: 30px;
    position: absolute;
    right: 6px;
    top: -26px;
    z-index: -22;
}
.catagories-dropdown.style{
    padding-bottom: 15px;
    position: absolute;
    right: 200px;
    top: 5px;
}
.catagories-dropdown.style:hover .catagoriesList{
    display: block;
}

.social-search.style .catagoriesList li{
    display: block;
}
.social-search.style .catagoriesList li a{
    background: #fff;
    color: #616161;
    display: block;
    font-size: 13px;
    padding: 5px 10px;
}
.social-search.style .catagoriesList li a:hover{
    background: var(--secondary2-color);
    color: #fff;
    text-decoration: none;
}
.social-search.style .categorise .fa{
    padding-right: 10px;
}
.social-search.style .categorise .fa.style{
    padding: 3px;
}


.social-search .catagoriesList li{
    display: block;
}
.social-search .catagoriesList li a{
    background: #fff;
    color: #616161;
    display: block;
    font-size: 13px;
    padding: 5px 10px;
}
.social-search .catagoriesList li a:hover{
    background: var(--secondary2-color);
    color: #fff;
    text-decoration: none;
}
.social-search .categorise .fa{
    padding-right: 10px;
}
.social-search .categorise .fa.style{
    padding: 3px;
}

.social-search.style .search-form{
    right: 60px;
}
.social-search.style .social .fa{
    background: #5fb7ea;
    color: #fff;
}
.social-search .search-form input[type="text"]{
    background: #fafafa;
}
.social-search .search-form button{
    background: #fafafa;
}
/***********************************Mobile Navigation************************************************/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.79);
    z-index: 1;
}

.header-right>div.mobile-navigation {
    display: none;
}
img.img-sidebar-logo {
    width: 216px;
    padding: 14px 0px;
}
.mobile-navigation {
    display: none;
}






/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    /* padding-left: 220px; */
}

#sidebar-wrapper {
    z-index: 1000;
    left: 0;
    right: inherit;
    width: 0;
    height: 100%;
    margin-left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    /* background: #ffffff; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
    margin: 0;
    top:39px;
    height: 1000px;
    background: #000;
    background: #fff;
}

#page-content-wrapper {
    width: 100%;
    /* padding-top: 70px; */
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.79);
    z-index: 1;
}

.header-right>div.mobile-navigation {
    display: none;
}

img.img-sidebar-logo {
    width: 85px;
    padding: 14px 0px;
    margin-left: 33%;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    right: 0;
}

.sidebar-nav li {
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0px 0;
    border-bottom: 1px solid #eee;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -ms-transition: all .4s linear;
    margin: 0px !important;
    transition: all .4s linear;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #ffffff;
    -webkit-transition: width .2s ease-in;
    -moz-transition:  width .2s ease-in;
    -ms-transition:  width .2s ease-in;
    transition: width .2s ease-in;
}
.sidebar-nav li.sidebar-brand.logo-side-main:first-child a {
    color: #000000;
    padding: 1px 0px 0px 1px !important;
    border-bottom: 1px solid #eee;
    background: #f8f8f8;
}


.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
    -moz-transition:  width .2s ease-in;
    -ms-transition:  width .2s ease-in;
    transition: width .2s ease-in;
    color: #000;
}

.sidebar-nav li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 10px 15px 10px 15px !important;
    font-size: 14px !important;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #000;
    text-decoration: none;
    background-color: #f8f8f8;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #545454;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: absolute;
    top: 18px;
    z-index: 999;
    display: block;
    width: 30px;
    height: 21px;
    margin-left: 10px;
    background: none;
    border: none;
    right: auto;
    padding: 5px;
    z-index: 999999999;
}

.navbar.shrink .hamburger {
    top: 21px;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 2px;
  /* border-radius: 1px; */
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #e22033;
}
.hamburger.is-closed .hamb-top {
  top: 2px;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 0px;
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  /* top: 0; */
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
  \: -8px;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #e22033 !important;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.mobile-navigation {
    display: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
    position: absolute;
    z-index: 999;
    display: block;
    width: 30px;
    height: 21px;
    margin-left: 10px;
    background: none;
    border: none;
    right: auto
    padding: 5px;
    z-index: 999999999;
}


.navbar.shrink .hamburger {
    top: 21px;
}


.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 2px;
  /* border-radius: 1px; */
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #e22033;
}
.hamburger.is-closed .hamb-top {
  top: 2px;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 0px;
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  /* top: 0; */
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
  \: -8px;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #ffffff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.mobile-navigation {
    display: none;
}

/* Banner Section*/
.img-ban-man-main figure figcaption h3 {
    font-size: 32px;
    color: #fff;
    margin:50px;
    margin-bottom:20px;

}
.img-ban-man-main figure figcaption p{
    margin-left: 50px;
    margin-bottom: 20px;
    color: #fff;
}
.btn-banner {
    margin-left: 50px;
    color: var(--primary-color);
    border-radius: 0px;
}

.img-ban-man-main figure figcaption{
    background: var(--primary-color);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left:-100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.img-ban-man-main figure {
    width:100%;
    overflow:hidden;
    position:relative;
}

.img-ban-man-main figure:hover figcaption{
    left:0px;
}
.cat-fig {
    /* height: 230px; */
    overflow: hidden;
}

.cat-fig img{
    width:100% !important;
}
/*Banner Section*/
/*=======================================*/

/*sweet-alert*/

.sweet-alert {
    position: relative;
    width: 100%;
    display: block;
    left: 0;
    right: 0;
    margin: 0;
}
.message-pop-wrapper label {
    font-size: 16px;
    position: relative;
    margin: 0;
}

.message-pop-wrapper .modal-dialog {
    top: 25%;
}

.message-pop-wrapper .sweet-alert p {
    padding: 0;
    margin: 11px 0px;
}

.message-pop-wrapper .modal-content {
    border: solid 5px #e0f1e0;
    box-shadow: 0px 0px 10px rgba(92, 184, 92, 0.64);
}


.message-pop-wrapper label {
    font-size: 16px;
    position: relative;
    margin: 0;
    margin-bottom: 10px;
}

.message-pop-wrapper .modal-dialog {
    top: 25%;
    width: 400px;
}

.message-pop-wrapper .sweet-alert p {
    padding: 0;
    margin: 11px 0px;
}

.error-pop-up .modal-content{
    border: solid 5px #fbe1e3;
    box-shadow: 0px 0px 10px rgb(237, 106, 116);
}
.warning-pop-up .modal-content{
    border: solid 5px #ffd390;
    box-shadow: 0px 0px 10px rgb(255, 211, 144);
}

.sa-icon.sa-success.animate {
    margin: 10px auto;
    margin-top: 0;
}

.message-pop-wrapper .sweet-alert {
    margin: 0;
    padding: 0;
    background: none;
}
.message-pop-wrapper .sweet-alert p {
    font-size: 12px;
    text-transform: capitalize;
    padding: 0;
    margin: 0px 0px;
}
.message-pop-wrapper .sweet-alert .sa-icon {
    background: none !important;
}

.message-pop-wrapper  .custom-alerts {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.message-pop-wrapper {
    background: rgba(0, 0, 0, 0.5686274509803921);
}




li.disable-tab-wr {

    position:relative;
}

li.disable-tab-wr:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: none;
    z-index: 1;
}
.question-header-title {
    margin-bottom: 16px;
    border: solid 1px #27c6dc;
    border-radius: 4px;
    padding-bottom: 20px;
    background: #f0fdff;
}
.question-header-title h3 {
    margin-bottom: 24px;
    vertical-align: top;
}
.question-header-title h3 label {
    font-size: 18px;
    /* line-height: 0; */
    margin: 0;
    width: 92%;
}

.question-header-title h3 i {
    position: relative;
    top: 2px;
    margin-right: 4px;
    color: #159ba7;

}
.sweet-alert .btn {
    font-size: 14px;
    padding: 8px 14px;
    width:67px
    }

  /*Sweet Alert*/
/*=====================
slider
=====================================*/

.xv-slider-wrap {
    background: #fff;
    position: relative;
}

.xv-slider-wrap .xv-slide .container{
    position: relative;
}
.xv-slider-wrap .xv-slide {
    background-position: center center;
    background-size: cover;
    position: relative;
}
.xv-slider-wrap .smSlider .xv-slide{
    padding: 0px;
    height: auto !important;
}

.slidecaption{
    color: #fff;
    padding-left: 142px;
}
.xv-slider-wrap .smSlider .xv-slide .slidecaption{
    position: absolute;
    bottom: 15%;
    left: 10%;
    width: 80%;
    padding: 0;
}

.xv-slider-wrap .xv-slide .slidecaption ul {
    margin-bottom: 20px;
}

.xv-slider-wrap .xv-slide .slidecaption ul > li {
    display: block;
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.xv-feature-wrap {
    position: relative;
    height: 425px;
    color: #fff;
}

.xv-feature-wrap .xv-feature-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 48%;
    overflow: hidden;
    background: rgb(27,26,37);
background: -moz-linear-gradient(left,  rgba(27,26,37,1) 0%, rgba(27,27,38,1) 19%, rgba(27,27,38,1) 19%, rgba(25,36,51,1) 40%, rgba(19,62,87,1) 67%, rgba(15,81,115,1) 88%, rgba(16,74,108,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(27,26,37,1)), color-stop(19%,rgba(27,27,38,1)), color-stop(19%,rgba(27,27,38,1)), color-stop(40%,rgba(25,36,51,1)), color-stop(67%,rgba(19,62,87,1)), color-stop(88%,rgba(15,81,115,1)), color-stop(100%,rgba(16,74,108,1)));
background: -webkit-linear-gradient(left,  rgba(27,26,37,1) 0%,rgba(27,27,38,1) 19%,rgba(27,27,38,1) 19%,rgba(25,36,51,1) 40%,rgba(19,62,87,1) 67%,rgba(15,81,115,1) 88%,rgba(16,74,108,1) 100%);
background: -o-linear-gradient(left,  rgba(27,26,37,1) 0%,rgba(27,27,38,1) 19%,rgba(27,27,38,1) 19%,rgba(25,36,51,1) 40%,rgba(19,62,87,1) 67%,rgba(15,81,115,1) 88%,rgba(16,74,108,1) 100%);
background: -ms-linear-gradient(left,  rgba(27,26,37,1) 0%,rgba(27,27,38,1) 19%,rgba(27,27,38,1) 19%,rgba(25,36,51,1) 40%,rgba(19,62,87,1) 67%,rgba(15,81,115,1) 88%,rgba(16,74,108,1) 100%);
background: linear-gradient(to right,  rgba(27,26,37,1) 0%,rgba(27,27,38,1) 19%,rgba(27,27,38,1) 19%,rgba(25,36,51,1) 40%,rgba(19,62,87,1) 67%,rgba(15,81,115,1) 88%,rgba(16,74,108,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1a25', endColorstr='#104a6c',GradientType=1 );

}

.xv-feature-item > img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    height: auto;
}

.xv-feature-wrap .xv-feature-item:last-child {
    top: auto;
    bottom: 0;
}

.xv-feature-item {
    padding-left: 40px;
    overflow: hidden;
}

.xv-feature-item span {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
}

.xv-feature-item .link {
    margin-top: 44px;
    color: #96aec8;
    padding: 4px;
    font-size: 12px;
}

.xv-feature-item .link:hover {
    color: #5fb7ea;
}

.feature-content {
    position: relative;
    z-index: 20;
}


.xv-slider-wrap.style{
    padding-top: 185px;
    padding-bottom: 130px;
}


.xv-slider-content{
    padding-left: 85px;
    padding-top: 10px;
    
}
.xv-slider-content h1{
    font-size: 48px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding-bottom: 15px;
}
.xv-slider-content p{
    line-height: 30px;
}
.xv-slider-content .btn{
    margin: 30px 9px;
    font-size: 16px;
}
.xv-slider-content .btn-price{
    margin-left: 0 !important;
}


.xv-slider-wrap.style1{
    padding: 140px 0 130px;
}

.xv-slider-wrap.style2{
    padding: 0px;
}
.xv-slider-wrap.style2 span .fa{
    padding-top: 8px;
}
.xv-slider-wrap.style2 .btn-slider-prev{
    border-radius: 50%;
    color: #1b1d26;
    background: #8e8e93;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 24px;
    margin-top: -20px;
    z-index: 999;
}
.xv-slider-wrap.style2 .btn-slider-next{
    border-radius: 50%;
    color: #1b1d26;
    background: #8e8e93;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 24px;
    margin-top: -20px;
    z-index: 999;
}

/* Login Drop Down*/
.login-button span {
    margin-left: 10px;
}
.login-button .dropdown-menu li a {
    color: #000;
}

.login-button .dropdown-menu li #hyplogout{
    background:var(--secondary1-color);
    color:#fff;
    padding:10px;
    text-align:center;
}

.login-button .dropdown-menu ol{
    padding:0;
}
.drp-log {
    text-align: center;
}

.login-button .dropdown-menu li {
    padding-bottom: 15px;
    border-bottom: 1px solid #dadada;
}

.login-button .dropdown-menu li:last-child{
    border:none;
    padding-top: 15px;
}

.drp-name i{
    background:var(--secondary1-color);
    color:#fff;
    padding: 5px 10px;
    /* border-radius: 49% 50%; */
    text-align: center;
    padding-right: 10px !important;
    border-radius: 50%;
}

.drp-name a:hover{
    color:#000 !important;
}

/*Login Drop Down End*/ 

/* User Profile */
.service-box.extra-btn {
    background: var(--secondary1-color);
    min-height: 120px;
    border-radius: 10px;
    text-align: center;
    padding:20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-box.extra-btn h2{
    font-size:18px;
    color:#fff;
    font-weight: 300;
    text-transform:uppercase;
}
.service-box.extra-btn i{
    color:#fff;
    font-size:42px;
}
.work-space-new ul{margin-right: -15px !important;margin-left: -15px !important;}

.work-space-new ul{
    margin: 0;
}

.work-space-new li {
    margin: 0 !important;
    margin-bottom:30px !important;
}

.work-space-new{
    padding-top:30px;
}
a:hover .service-box {
    box-shadow: 0px 0px 10px 3px var(--secondary1-color);
    -webkit-box-shadow: 0px 0px 10px 3px var(--secondary1-color);
    -moz-box-shadow: 0px 0px 10px 3px var(--secondary1-color);
}
.cptions-st-in {
    height: 50px;
   line-height: 50px;
   color: #333;
   border-top: 1px solid #333;
   border-bottom: 1px solid #333 !important;
   text-align: center;
}

.cptions-st-in th{
   padding-top: 15px !important;
}
td.cap-details-cell-amount.csd-list {
   padding: 10px;
}
.work-space-new h1 {
    margin-bottom: 25px;
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 10px;
}
/*User Profile */
p.countrywrong {
    background: #ffeac3;
    border: 1px solid #ff9600;
    padding: 5px 0px;
    border-radius: 4px;
    text-align: center;
}
/*=================================
benefits
===================================*/

.xv-benefits{
    background: #fff;
}
.xv-benefits h1 , .xv-benefits h1 , .xv-benefits h1 , .xv-benefits h1 , .xv-benefits h1 , .xv-benefits h1 {
    font-family: 'Raleway', sans-serif;
}
.xv-benefit {
    font-size: 13px;
}

.xv-benefit .fa {
    font-size: 26px;
    line-height: 26px;
    color: var(--primary-color);
    display: block;
    height: 32px;
    width: 32px;
	/* padding-left:20px; */
    text-align: center;
}

.xv-benefit .content {
    position: absolute;
    top: -5px;
    left: 0;
    padding-left: 75px;
}

.info1{
    font-size:21px;
    text-align:left;
}

.info2{
    font-size:21px;
    text-align:center;
}

.info3{
    font-size:21px;
    text-align:right;
}

/*========================
new product
========================*/

.secondary-nav .search-form{
    margin-top: 35px;
}
.secondary-nav .search-form input{
    border: 1px solid #eee;
}
.secondary-nav .search-form button{
    background: none;
}
.secondary-nav .search-form .fa{
    color: var(--secondary1-color);
}
.secondary-nav ul{
    padding: 18px 0;
}
.secondary-nav ul > li{
    font-size: 14px;
    display: block;
} 
.secondary-nav ul > li > a{
    color: #616161;
    display: inline-block;
    font-size: 14px;
    padding: 20px 0;
}
.secondary-nav ul > li > a:hover{
    text-decoration: none;
    color: var(--secondary2-color);
}
.secondary-nav .p-count{
    display: inline-block;
    background: var(--secondary1-color);
    text-align: center;
    border-radius: 10px;
    margin-right: 15px;
    color: #fff;
    font-size: 11px;
    line-height: 10px;
    min-width: 35px;
    padding: 5px;
    position: relative;
    top: -1px;
}
.secondary-nav .p-count:hover{
    background: var(--secondary2-color);
}
.sec-heading .category-wrap{
    position: absolute;
    top: 40px;
    left: 38px;
    padding-bottom: 15px;
}
.sec-heading .category-wrap:hover .cat-dropDown{
    display: block;
}
.sec-heading .cat-dropDown:before{
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: -26px;
    z-index: -22;
}
.sec-heading .cat-dropDown{
    position: absolute;
    top: 100%;
    left: -22px;
    z-index: 999;
    width: 125px;
    display: none;
}
.sec-heading .cat-dropDown > li{
    display: block;
}
.sec-heading .cat-dropDown > li > a{
    display: block;
    text-align: left;
    background: #fff;
    color: #616161;
    padding: 5px 10px;
}
.sec-heading .cat-dropDown > li > a:hover{
    background: #FF5F89;
    color: #fff;
    text-decoration: none;
}
.sec-heading .category-wrap.style{
    top: 66px;
}
.sec-heading .categorise{
    font-size: 12px;
    color: #616161;
    position: relative;
    cursor: pointer;
}
.sec-heading.style .category-wrap:hover ul{
    display: block;
}
.sec-heading .categorise .fa{
    padding-right: 8px;
    font-size: 16px;
    position: absolute;
    top: 1px;
    left: -23px;
}
.sec-heading .categorise .fa.style{
    padding-left: 10px;
    position: absolute;
    top: 2px;
    right: -114px;
        
}

.smpl-shpng-crt {
    margin-top: 20px;
}
.sec-heading .category-wrap.style .fa.style{
    top: 1px;
}
.sec-heading h2{
    color: var(--primary-color) !important;
}

.xv-product.style{
    position: relative;
    background: #fff;
    margin: 6px;
}
.xv-product{
    position: relative;
    background: #fff;
    margin: 15px 5px;
    z-index: 20;
}
.xv-product a:hover{
    text-decoration: none;
}
.xv-product figure{
    border-bottom: 1px solid #f0f2f5;
    position: relative;
    height: auto;
    text-align: center;
    min-height: 305px;
}

.xv-product figcaption{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.6);
    display: none;
}

.xv-product-slides.list-view .xv-product figcaption{
    display: none !important;
}
.xv-product:hover figcaption{
    display: block;
}
.xv-product figcaption ul ,.xv-accessories figcaption ul{
    display: block;
    text-align: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
    width: 128px;
    left: 50%;
    margin-left: -64px;
}
.xv-accessories figcaption ul.style1 li:first-child{
    display: block;
    color: #fff;
    margin-bottom: 5px;
}
.xv-accessories figcaption ul.style1 li:first-child .fa{
    margin-right: 5px;
}
.xv-accessories figcaption ul.style1 li:first-child a{width: 100%;}
.xv-product figcaption ul > li ,.xv-accessories figcaption ul > li{
    display: inline-block;
}
.xv-product figcaption ul > li > a ,.xv-accessories figcaption ul.style1 > li > a{
    height: 40px;
    width: 40px;
    color: #fff;
    line-height: 40px;
    padding: 0;
}
.xv-accessories figcaption ul.style1 > li > a:hover{
    color: #fff;
}
.xv-product figcaption .fa{
    color: #fff;
}
.xv-product-content{
    padding: 0px;
	text-align:center;
}
a.product-buy:after{
    content: "";
    width: 0; 
	height: 0; 
    position: absolute;
    right: 0;
    top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #418fbc;
    z-index: -2;
}
a.product-buy:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    left: -20px;
    z-index: -1;
    top: 0;
    transform: skew(-42deg, 0deg) ;
    -webkit-transform: skew(-42deg, 0deg) ;
    -moz-transform: skew(-42deg, 0deg) ;
    -o-transform: skew(-42deg, 0deg) ;
    -ms-transform: skew(-42deg, 0deg) ;
}
a.product-buy:after{
    
}
a.product-buy{
    text-decoration: none;
    display: block;
    width: 55px;
    height: 45px;
    background: #5fb7ea;
    position: absolute;
    right: -5px;
    bottom: 30px;
    font-size: 18px;
    color:#ffffff;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    z-index: 10;
}
.xv-product-content h3 {
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
    max-height: 48px;
}
.xv-product-content h3 a{
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.xv-product-content h3 a del{
    color: #666;
    font-size: 10px;
    font-weight: 400;
}
.list-view .xv-product-content .color-opt{
    
}
.list-view .xv-product-content .xv-rating{
    margin: 10px 0 5px;
}
.list-view .xv-product-content span{
    padding: 0;
}
.list-view .xv-product-content a.product-buy{
    bottom: 55px;
}
.xv-product-content .color-opt{
    padding: 5px 0;
}
.xv-product-content .color-opt > li{
    display: inline-block;
}

.xv-product-content .color-opt > li > a > img{
	margin-right:10px;
	margin-bottom:10px;
}

.xv-product-content{
    color: #757575;
    font-size: 12px;
    min-height: 90px;
}

.xv-product-unit .xv-product-content p {
    display: none;
}

.xv-product-content p {
    min-height: 23px;
}
.xv-product-content .color-opt > li > a{
    color: inherit;
}
.xv-product-content .xv-price{
    color: #000;
    font-size: 16px;
    padding: 5px 0;
    display: block;
}

/*========================
hot deal
========================*/
.pro-sale-timeout .owl-carousel .owl-item img{
    margin: 0 auto;
    width: auto;
}
.pro-sale-timeout{
    background: #0e1b23;
    position: relative;
    height: 450px;
    padding: 60px 0;
}
.pro-sale-timeout:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../img/pattren.png");
}
.hot-deal-btnr{
    background: url("../img/hot-deal-slider-lbtn.png") no-repeat;
    display: block;
    height: 55px;
    width: 20px;
}
.hot-deal-btnl{
    background: url("../img/hot-deal-slider-rbtn.png") no-repeat;
    display: block;
    height: 55px;
    width: 20px;
}
.pro-sale-inner{
    position: relative;
    z-index: 20;
}
.pro-sale-inner figure{
    float: right;
    width: 55%;
    overflow: hidden;
    text-align: center;
}
.pro-sale-inner figure img{
    max-width: 70%;
}
.saletimeout-content{
    width: 45%;
    z-index: 20;
    color: #fff;
    float: right;
    padding-right: 10px;
}
.saletimeout-content h2{
    margin: 0;
    padding: 0 20px 4px;
    position: relative;
    display: inline-block;
    font-size: 30px;
}
.saletimeout-content h2:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 10px;
    height: 10px;
    background: #3d484e;
    border-radius: 50%;
}
.saletimeout-content h2:before{
    position: absolute;
    content: "";
    bottom: 0;
    right: 100%;
    border: 1px solid #3d484e;
    width: 300px;
}
.saletimeout-content span{
    font-size: 18px;
    display: block;
}
.saletimeout-content a{
    padding: 11px 34px;
    background: url(../img/btn-bg.jpg) #1a3241;
    font-size: 34px;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    color: #5fb7ea;
    text-decoration: none;
}

/*=========================
Timer
========================*/
.counter-wrapper{
    padding-top: 55px;
    width: 235px;
    min-height: 100px;
    margin: auto;
    font-size: 34px;
}
.counter-wrapper > div{
    background: url(../img/timer-bg.jpg) center center #323d44;
    display: inline-block;
    height: 100px;
    width: 70px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 10px 0;
}


/*========================
Product info
========================*/

.special-offers{
    background: url(../img/watch-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 14px;
    line-height: 26px;
}
.special-offers h1{
    font-weight: 600;
}
.special-offers .btn{
    background: #fff;
    background: rgba(255,255,255,0.3);
}
.special-offers .product-actions > span{
    color: #485400;
    background: #cfec19;
    display: inline-block;
    padding: 7px 30px;
    border-radius: 20px;
    float: left;
    min-width: 110px;
    text-align: center;
    color: #485400;
    font-size: 18px;
    margin-right: 4px;
}
.special-offers .btn{
    font-size: 14px;
    min-height: 40px;
    float: left;
    min-width: 110px;
}
.special-offers .owl-dots .owl-dot{
    background: #7d837f;
}
.special-offers .owl-dots .owl-dot.active{
    background: #cfec19;
}

input#btnCheckOut {
    margin-top: 20px;
}
.products-wrap figcaption{
    display: none;
}
.products-wrap figcaption .btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    margin-left: -58px;
    color: #fff;
    border: none;
}
.special-offer{
    padding: 60px 30px;
    color: #fff;
}
.special-offer > figure{
    float: left;
    margin-right: 30px;
}
.special-offer > .product-content{
    padding-top: 50px;
}
/*========================
sign up
========================*/
.xv-sign-up h3{
    font-size: 20px;
    color: #616161;
    margin: 0;
    padding: 10px 0 5px;
}
.xv-sign-up p{
    line-height: 28px;
}
.sign-up-form{
    width: 570px;
    height: 100%;
    position: relative;
    margin: 10px 0px!important;
    font-size: 18px;
}
.sign-up-form .fa{
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 20px;
    color: var(--secondary1-color);
}
.sign-up-form input[type="text"] {
    height: 45px;
    background: #fff;
    border-radius: 4px;
    border: none;
    padding-left: 40px;
    padding-right: 170px;
    color: #ff4575;
}
.sign-up-form button {
    background-color: var(--secondary1-color);
    border-radius: 0 4px 4px 0;
    border: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    min-height: 45px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.sign-up-form .subscribebtncls {
    background-color: var(--secondary1-color);
    border-radius: 0 4px 4px 0;
    border: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    min-height: 45px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.sign-up-form  span#spansubscribecheck {
    position: absolute;
    top: -15px;
    right: 0;
    background: red;
    padding: 0 5px;
}

.sign-up-form  span.text-danger.field-validation-valid {
    position: absolute;
    top: -15px;
    right: 0;
}
.sign-up-form button:hover{
    background: var(--secondary2-color);
}
footer h4{
    color:var(--primary-color);
}


/*========================
Page head 
========================*/

.page-head {
    color: #fff;
    background-position: center;
}

/*=======================
Widgets
=========================*/

.widget > header h3,.widget > header h2,.widget > header h1,.widget > header h4,.widget > header h5,.widget > header h6 {
    font-family: 'Raleway', sans-serif;
}
.widget > header h3 {
    font-size: 18px;
    color: #5fb7ea;
}

.widget_tag_cloud .widget-content a {
    padding: 6px;
    border: 1px solid #e4e4e4;
    display: inline-block;
    margin-bottom: 4px;
}

.widget-category a {
    color: #616161;
    text-decoration: none;
    position: relative;
}

.widget-category ul li {
    border-bottom:solid 1px #999;
    display: block;
}
.widget-category ul li.parent .customeField > li{
    padding: 1px 0;
}
.widget-category ul li.parent > ul{
    display: none;
}
.widget-category li.parent > a:after{
    font-family:'FontAwesome';
    /*content:"\f0d7";*/
    font-size: 15px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.widget-category a:hover {
    color: #e22033;
}

.widget_tag_cloud .widget-content a {
    color: #9e9e9e;
    text-decoration: none;
}

.widget_tag_cloud .widget-content a:hover {
    color: #fff;
    background: #e22033;
    
}


/*============================
Blog Posts
===========================*/


.xv-article {
    background: #fff;
    font-family: 'Raleway', sans-serif;
    margin: 6px;
}


.xv-art-content {
    padding: 40px 45px;
}

.xv-art-content h2 {
    color: #424242;
}

.xv-art-content time {
    color: #9e9e9e;
    font-style: italic;
}

.xv-art-content header {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.xv-art-content p {
    line-height: 30px;
}

blockquote  {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-style: italic;
    border-left: 5px solid var(--secondary2-color);
    margin-left: 50px;
    padding: 0 15px;
    margin: 30px 0 30px 50px;
}

.pagination li {
    display: inline-block;
}

.pagination li a {
    color: #616161;
    display: block;
    padding: 10px;
    text-decoration: none;
}

.pagination li a:hover,.pagination li.active a {
    color: var(--secondary2-color);
}

/*========================
Sales & Best Seller
========================*/
.xv-product-sales .owl-carousel .owl-item img{
    margin: 0 auto;
    width: auto;
}

.xv-sales-wrap{
    float: left;
    width: 50%;
}
.xv-sales,.xv-best-seller{
    font-size: 14px;
    background: #fff;
}
.xv-sales a,.xv-best-seller .xv-accessories a{
    text-decoration: none;
    color: #616161;
    display: block;
}
.xv-sales a:hover,.xv-best-seller .xv-accessories a:hover{
    color: var(--secondary2-color);
}

.xv-sales a span,.xv-best-seller .xv-accessories a span, .ts-slide .price{
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: var(--secondary2-color);
    display: inline-block;
    margin: 5px 10px  5px 0;
}
.inner-row .xv-accessories figure,
.xv-best-seller .xv-accessories figure{
    height: 170px;
    width: 100%;
    overflow: hidden;
}



.xv-bseller .owl-carousel .owl-item img{
    margin: 0 auto;
    width: auto;
}
.xv-accessories figure{
    position: relative;
}
.xv-accessories figcaption{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.6);
    display: none;
}
.xv-accessories:hover figcaption{
    display: block;
}
.xv-accessories figcaption span{
    display: block;
    text-align: center;
    top: 62%;
    position: absolute;
    text-align: center;
    transform: translateY(-62%);
    -webkit-transform: translateY(-62%);
    -moz-transform: translateY(-62%);
    -o-transform: translateY(-62%);
    -ms-transform: translateY(-62%);
    cursor: pointer;
    color: #fff;
}
.xv-accessories figcaption span.style{
    display: block;
    text-align: center;
    top: 23%;
    position: absolute;
    text-align: center;
    transform: translateY(-23%);
    -webkit-transform: translateY(-23%);
    -moz-transform: translateY(-23%);
    -o-transform: translateY(-23%);
    -ms-transform: translateY(-23%);
    cursor: pointer;
    
}
.xv-accessories figcaption span.style .fa{
    padding: 5px;
}
.xv-accessories  figcaption span.btn-one{
    left: 77px;
}
.xv-accessories  figcaption span.btn-two{
    left: 127px;
}
.xv-accessories  figcaption span.btn-three{
    left: 177px;
}
.xv-accessories  figcaption span.btn-rectangle{
    min-width: 140px;
}
.xv-accessories  figcaption .fa{
    color: #fff;
}

.xv-accessories figcaption.style span{
    display: block;
    text-align: center;
    top: 59%;
    position: absolute;
    text-align: center;
    transform: translateY(-59%);
    -webkit-transform: translateY(-59%);
    -moz-transform: translateY(-59%);
    -o-transform: translateY(-59%);
    -ms-transform: translateY(-59%);
    cursor: pointer;
    color: #fff;
}
.xv-accessories figcaption.style span.style{
    display: block;
    text-align: center;
    top: 45%;
    position: absolute;
    text-align: center;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    cursor: pointer;
    
}
.xv-accessories figcaption.style span.style .fa{
    padding: 5px;
}
.xv-accessories  figcaption.style span.btn-one{
    left: 225px;
}
.xv-accessories  figcaption.style span.btn-two{
    left: 276px;
}
.xv-accessories  figcaption.style span.btn-three{
    left: 325px;
}
/*===================
Testimonials
===================*/
.testi-slide figure{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
   
}
.testi-slide{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
.testi-slide q{
    font-size: 17px;
    font-weight: 600;
}
.testi-slide cite{
    font-family: 'Raleway', sans-serif;
    position: relative;
    padding-left: 15px;
}
.testi-slide cite:before{
    content: "~";
    position: absolute;
    left: 0;
    top: -2px; 
}
.testi-slide cite:after{
    content: "~";
    position: absolute;
    right: -15px;
    top: -2px;
}
/*===================
shopping cart
===================*/
.proceed_to_payment, .shop_more, .update_shopping-bag-btn
{
    background-color: var(--secondary1-color);
    padding: 10px 0px;
    margin-bottom: 20px;
    border: none;
    width: 100%;
    max-width: 220px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.proceed_to_payment:hover, .shop_more:hover, .update_shopping-bag-btn:hover{
    background-color: var(--secondary2-color);
}

input.proceed_to_payment.btn-payment.sc-payment {
    float: right;
    margin-left: 10px;
}

input.shop_more.sc-more {
    padding: 10px 0px;
    margin-bottom: 20px;
    margin-top: 22px;
    float: right;
    border: solid 1px var(--secondary1-color) !important;
}

.proceed_to_payment{
    float: right;
}

table#shopingcartheader {
    border-bottom: solid 1px #333;
}

.shipping-cart-main-wp div {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.shipping-detail-main-wp div {
    margin: 0px;
    padding: 0px;
}

th.ptions-hearder {
    font-weight: 700;
    font-size: 16px;
}

.shoppping_bag {
    margin-top: 0px;
}

.cptions-st1 {
    height: 50px;
    line-height: 50px;
    color: #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333 !important;
    text-align: center;
}

.shipping-cart-main-wp tr.cap-details1, .shipping-detail-main-wp tr.cap-details1 {
    border-bottom: solid 1px rgb(220, 220, 220);
}

.shipping-cart-mob{
    display: none;
}

.shipping-cart-pc{
    display: block;
}

.delete-img
{
    max-width: 25px;
    height: auto;
}

span.lblpr {
    float: right;
}

.smpl-shpng-crt {
    float: right;
    width:100%;
}

.qty-textbox
{
    max-width: 82px;
    height: auto;
}

.ptions-hearder
{
    vertical-align:middle !important;
}

.btn-payment{
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#FD0),color-stop(1,#FF8E00)) !important;
    border: solid 1px #ffa500 !important;
    font-weight: 700 !important;
    font-style: italic !important;
    color: #333 !important;
}

td.cap-details-txt span, td.cap-shipping-details-txt span {
    color: #000;
}

.cap-details-txt input, .cap-shipping-details-txt input {
       color: #000;
}

.cap-pro-desc {
    color: #000;
}

span.cap-pro-size {
    color: #000;
}

.shipping-cart-pc h4 {
    font-weight: 700;
    font-size: 22px;
    padding-top: 25px;
}

div#checkquantity0 {
    top: 0px !important;
}

.checkquantity {
    color: red;
    top: 55px;
}

#shopingcartheader {
    table-layout: fixed;
}

.cart-price {
    color: #e22739 !important;
    font-weight: 700px !important;
    font-size: 20px !important;
}


/*===================
Shipping Details
===================*/
.shipping-detail-title
{
    background-color: var(--secondary1-color);
    padding: 10px 15px;
    margin-top: 20px;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

#spanNoWallet{
    color:Red; 
    font-size:12px; 
    margin-left:15px;
}

#creditcardlbl, #paypallbl, #codlbl, #walletlbl, #creditcardlbl1, #paypallbl1, #codlbl1, #walletlbl1{
    padding: 0px 0px 8px 12px;
}


.edit_shipping {
    background-color: var(--secondary1-color);
    padding: 5px 15px;
    border: none;
    width: 100%;
    max-width: 220px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.final-address {
    margin: 0px 20px;
}

span#payment_method-error {
    background: yellow;
    padding: 13px 15px 17px 15px;
    border-radius: 0px;
    top: 30px;
}
div#CurrenciesId {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: #000;
}
.header-top-mob .top-nav{
    float: right;
    width: 100%;
    text-align: center;
}
.header-top-mob .top-nav a {
    color: #fff;
    font-size: 24px;
}
select#ddlCurrencyDropDown1 {
    color: #333;
}
label.rememberme.mt-checkbox.mt-checkbox-outline {
    margin-top: 15px;
}

textarea#shipping_address {
    min-height: 160px;
}

.shipp-det-price-sec ul {
   margin-bottom: 0px !important;
}

.warning_note {
    background-color: var(--primary-color);
    text-align: center;
    color: #fff;
    padding: 15px 0px 5px 0px;
}

.cap-pro-name {
    vertical-align: middle;
}

ul.row-wp-ship {
    list-style-type: none;
}

.edit-shp-main.shippingadd-wp-ship-all {
    width: 100%;
}

.warning_note {
    background-color: var(--primary-color);
    border-radius: 4px;
    text-align: center;
    color: #fff;
    padding: 15px 0px 5px 0px;
}

.cap-pro-name {
    vertical-align: middle;
}

.cap-pro-name h5 a {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 68px;
}

.cap-pro-name h5 {
    margin: 0px 0px 4px 0px;
}
.checkout-wp-main1 {
    margin-top: 0px !important;
}
span.price-det-en{
    font-size: 10px;
}

.payment-wp-ship-all {
    border: solid 1px var(--secondary1-color);
    background: #fefefe;
}

.shippingadd-wp-ship-all {
    border: solid 1px var(--secondary1-color);
    background: #fefefe;
}

.shippingadduser-wp-ship-all{
    width:100%;
}

.cap-pro-desc span:nth-child(1) {
    font-weight: 600 !important;
    width: 180px;
}

.stock-status {
    color: #f00;
    background: #ff190029;
    padding: 5px;
    border: 1px solid #f00;
    width: 100%;
    font-size: 20px;
    margin-bottom: 10px;
    float: left;
    display: block;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
}

ul.row-wp-ship {
    list-style-type: none;
}

.edit-shp-main {
    float: left;
}

img#imgMain {
    width: 100px;
    clear: left;
    vertical-align: middle;
}

.shipp-det-price-sec {
    float: right;
}

#invoicedet {
    float: right;
}

li.coup-main {
    float: left;
}

ul li{
    list-style-type: none;
}

.color span:active, .color span:hover, .color span:focus, .color span:focus,  {
    padding: 1px;
    border: 3px solid #fff;
}

span#colorselectedid {
    font-weight: 700;
    font-size: 14px;
}

/*.radio-btn {
    margin-left: 20px;
}*/

.payment-wp-ship-all ul {
    margin-bottom: 0px;
}

.payment-wp-ship-all ul li {
    margin: 0px !important;
}

.form-group.payment-shp-inner.radio-btn {
    margin: 0px;
}

label.payment_method {
    color: var(--secondary1-color);
    font-weight: 700;
    font-size: 18px;
    margin-left: 20px;
}

.sp-det-add-form.ship-d-44 ul li {
    margin:0px !important;
}


/****************************** Coupon Code *************************/
.coup-main {
    float: right !important;
    width: 100%;
    text-align: right;
    text-transform: uppercase;
    margin: 0px !important;
}

.coup-main input {
    float: right;
    width: 220px;
    margin-left: 10px;
}

.coup-main strong {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

span.price {
    float: right;
    color: grey;
    font-size: 18px;
    font-weight: 400;
}

.price_gt span.price {
    font-size: 30px;
}

.price_details {
    width: 300px;
}

.price_details2 {
    width: 100%;
    border-top: 1px solid #eee;
}

.price_p {
    font-size: 18px;
    font-weight: 700;
    line-height: 37px;
    margin: 0px 0px 10px;
}

.price_gt {
    font-size: 22px;
    font-weight: 700;
}

span.price.cal-f {
    font-size: 18px;
}

.price_details {
    width: 100%;
}

.price_details2 ul.grid-pricing {
    width: 500px;
    float: right;
    margin-bottom: 0px;
}

.price_details ul.grid-pricing li {
    margin-bottom: 0px !important;
}

.cpm-d-2 input {
    width: 70px;
}

.cpm-d-2 {
    float: right;
}

ul.row-wp-ship {
    padding: 0px;
}

ul.payment-sssp {
    padding: 0px;
}

.cpn-div {
    float: right;
    width: 100%;
}

.price_p {
    float: left;
}

.price_p {
    width: 100%;
}

.price_details2.pull-right .price_p {
    float: left;
    width: auto;
}

span#couponerror {
    color: #f00;
    font-size: 14px !important;
    position: absolute;
    margin-top: -20px;
    margin-left: 30px;
}

#txtsubemail-error {
    display: none !important;
}

input#btnCheckOut {
    margin-bottom: 20px;
}

span.price b {
    color: #f00;
}

div#divshoppingcartempty {
    text-align: center;
}

input#btnApplyCoupon {
    margin-top: 0px;
}

.cpm-d-1 {
    float: right;
}

.price_details ul.grid-pricing {
    width: 300px;
    padding-left: 0px;
    float: right;
}

span.price b {
    color: #f00;
}

.proceed_to_payment {
    background-color: var(--secondary1-color);
    padding: 10px 0px;
    margin-bottom: 20px;
    margin-top: 22px;
    border: none;
    width: 100%;
    max-width: 220px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

div#divshoppingcartempty {
    text-align: center;
}

span.price b span {
    color: #f00;
}


/****************************** End Coupon Code *************************/

/*===================
Block images
===================*/
.xv-block{
    width: 100%;
    height: 240px;
    color: #fff;
    display: block;
    position: relative;
    background-position:center;
    background-size: cover;
}
.xv-block:hover{
    color: #ff5f89;
    text-decoration: none;
}

.xv-block:before{
    content:"";
    position: absolute;
    background: rgba(0,0,0,0.2);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.xv-block:after{
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    position: absolute;
    content:"";
}
.xv-block span{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.widget-content ul li {
    margin:10px;
}
/*===================
Partners
===================*/
.patner-slider{
    padding: 25px 60px 28px;
    background: #fff;
}
.partner-slide a{
    margin-right: 100px;
}
.partner-slide a:last-child{
    margin-right: 0;
}
.patner-slider .owl-carousel .owl-item img{
    width: auto;
    margin: 35px auto 0;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
/*===================
Pre-Order
===================*/
.xv-preOrder .owl-carousel .owl-item img{
    width: auto;
    margin: 0 auto;
}
.xv-preOrder .owl-dots{
    bottom: -40px;
}
.xv-preOrder .owl-dots .owl-dot{
    margin-bottom: 0;
    background: #bdbdbd;
}
.xv-preOrder .owl-dots .owl-dot.active{
    background: var(--secondary2-color);
}
.owl-item.active > a:focus{
    text-decoration: none;
}

.xv-preOrder p{
    max-width: 480px;
    font-size: 13px;
    line-height: 30px;
}
.xv-preOrder h1,.xv-preOrder h2,.xv-preOrder h3,
.xv-preOrder h4,.xv-preOrder h5,.xv-preOrder h6{
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    color: var(--secondary2-color);
    font-weight: 400;
}
.xv-orderContent{
    margin-top: 150px;
    width: 50%;
    float: left;
}
.xv-orderFigure{
    width: 50%;
    float: left;
}
.xv-preOrder-wrap.clearfix{
    padding: 0 10px;
}
/*===================
Blog
===================*/
.articleWrap .fa-heart-o,
.articleWrap .fa-comment-o{margin-left: 20px;}

.blog-main-slider{
    padding: 110px 0 70px;
    background-position: center center;
    background-size: cover;
    position: relative;
    font-size: 16px;
}
.blog-main-slider h2,.blog-main-slider h1{
    margin-bottom: 0;
    font-weight: bold;
}
/*===================
Products Panel
===================*/
.products-panel{
    padding: 15px 26px;
    background: #fff;
    /*margin-top: 45px;*/
}
.ts-slide{
    position: relative;
    padding: 8px 0;
    margin: 15px 3px;
    border: 1px solid #fafafa;
}
.ts-slide .ts-slide-content{
    padding-left: 100px;
}
.ts-slide .ts-slide-content h6{
    margin: 5px 0;
    
}
.tab-slide{
    position: relative;
}
.tab-slide-wrap{
    position: relative;
}
.tab-slide-wrap span .fa{
    font-size: 50px;
    color: #3782ae;
}
.tabSlider{
    padding: 40px 0;
    text-align: center;
}
.tabSlider a{
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.tabSlider a:hover{
    text-decoration: none;
}
.tabSlider a .fa{
    color: #3782ae;
    font-size: 34px;
    display: block;
    padding: 5px;
}
.tab-slide:before{
    content: "";
    position: absolute;
    height: 60%;
    width: 100%;
    top: 0;
    left: 0;
    background: #5fb7ea;
}
.ts-slide figure{
    position: absolute;
    height: 80px;
    left: 9px;
    text-align: center;
    top: 50%;
    width: 80px;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.ts-slide span{
    font-style: italic;
    color: #9e9e9e;
}
.ts-slide span.price{
    font-style: normal;
}
.ts-slide a{
    text-decoration: none;
    color: #616161;
}
.tabSlider.owl-carousel.owl-theme.owl-loaded {
    margin: 0 auto;
    width: 90%;
}

.btn-tab-slider-prev{
    cursor: pointer;
    position: absolute;
    top: 50px;
    left: 0;
}
.btn-tab-slider-next{
    cursor: pointer;
    position: absolute;
    top: 50px;
    right: 0;
}

.tabsPanel{
    display: none;
}
.tabsPanel.active{
    display: block;
}
/*========================
Checkout
========================*/
.accordian-panel h1 a, .accordian-panel h2 a,
.accordian-panel h3 a, .accordian-panel h4 a,
.accordian-panel h5 a, .accordian-panel h6 a{
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    color: #757575;
    text-decoration: none;
}
.accordian-panel header{
    background: #efefef;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
}
.accordian-panel .fa{
    float: right;
}
.accordian-pane label{
    color: #616161;
    display: block;
    padding-bottom: 15px;
}
.accordian-pane label:last-child{
    display: inline-block;
    margin-left: 20px;
}
.accordian-pane input[type="radio"]{
    margin-right: 10px;
}
.accordian-pane{
    padding: 30px 40px;
}
.accordian-pane ul{
    margin-left: 15px;
}
.accordian-pane a{
    text-decoration: none;
    font-size: 16px;
}

/*=============================
Footer
===========================*/

.doc-footer h1,
.doc-footer h2,
.doc-footer h3,
.doc-footer h4,
.doc-footer h5,
.doc-footer h6 {
    color: #000;
}

.footer-content {
    background: #fff;
    color: #96aec8;
    margin-top: 30px;
    font-size: 13px;
}

.footer-content a {
    color: #000;
    text-decoration: none;
}
.footer-content a:hover{
    color: #FF527F;
}
.ft-logo {
    border-bottom: 1px solid #3d536b;
    position: relative;
    display: block;
    max-width: 70%;
    margin-left: 10px;
}

.ft-logo:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    bottom: -6px;
    left: -10px;
    border-radius: 50%;
    border: 1px solid #3d536b;
}

.ft-logo:after {
    position: absolute;
    border-radius: 50%;
    content: "";
    height: 10px;
    width: 10px;
    border: 1px solid #3d536b;
    bottom: -6px;
    right: -10px;
}

.doc-footer ul.customeIconList > li {
    padding-left: 30px;
}

.doc-footer li {
    display: block;
}

.footer-content ul > li {
    position: relative;
    padding-left: 15px;
    display: block;
    margin-bottom: 25px;
}

.footer-content ul > li:last-child {
    margin-bottom: 0;
}

.footer-content ul > li:before {
    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    left: 0;
    top: 0;
    width: 5px;
    height: 2px;
}

.doc-footer ul.no-preIcon > li:before {
    display: none
}

.footer-dark .footer-content{
    background: #202731;
    color: #96a2b3;
}
.footer-dark .footer-content a{
    color: #96a2b3;
}
.footer-dark .footer-content a:hover{
    color: #FF527F;
}
.footer-dark .ft-logo{
    border-bottom: 1px solid #474f5b;
}
.footer-dark .ft-logo:before{
    border: 1px solid #474f5b;
}
.footer-dark .ft-logo:after{
    border: 1px solid #474f5b;
}

.customeIconList li .fa {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #5fb7ea;
}

.copy-rights {
    background: var(--primary-color);
    font-size: 12px;
	margin-top:20px;
}

.copy-rights2 {
    background: #fff;
    font-size: 12px;
}

.copy-rights ul li, .copy-rights2 ul li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.copy-rights ul, .copy-rights2 ul {
    text-align: right;
}

.copy-rights .inner, .copy-rights2 .inner {
    /* padding: 15px 0; */
}
.copy-rights .inner span, .copy-rights2 .inner span{
    font-size: 12px;
    display: block;
    padding: 4px 0;
	text-align:center;
}
/*==========================================
grid
==========================================*/


.sec-heading.style{
    height: 37px;
}
.sec-heading.style .category-wrap{
    left: 18px;
    position: absolute;
    top: 10px;
    padding-bottom: 15px;
}

.sec-heading.style .categorise .fa.style{
    padding-left: 10px;
    position: absolute;
    right: -180px;
    top: 2px;
    font-size: 12px;
}

.sec-heading.style .category-wrap ul{
    z-index: 99;
    text-align: left;
    width: 150px;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 175px;
    display: none;
}
.sec-heading.style .category-wrap ul:before{
    color: #fff;
    content: "\f0d8";
    font-family: "FontAwesome";
    font-size: 30px;
    right: 17px;
    position: absolute;
    top: -26px;
    z-index: -22;
}
.sec-heading.style .category-wrap ul > li {
    display: block;
}
.sec-heading.style .category-wrap ul > li > a{
    display: block;
    background: #fff;
    padding: 5px 10px;
    color: #616161;
}
.sec-heading.style .category-wrap ul > li > a:hover{
    background: var(--secondary2-color);
    color: #fff;
    text-decoration: none;
}

.sec-heading.style .item-selector-wrap{
    right: 65px;
    padding-bottom: 15px;
    position: absolute;
    top: 10px;
}
.sec-heading.style .item-selector-wrap:hover .item-selector{
    display: block;
}
.sec-heading.style .item-selector{
    z-index: 99;
    text-align: center;
    position: absolute;
    top: 100%;
    right: -9px;
    min-width: 70px;
    display: none;
}
.sec-heading.style .item-selector:before{
    color: #fff;
    content: "\f0d8";
    font-family: "FontAwesome";
    font-size: 30px;
    right: 7px;
    position: absolute;
    top: -25px;
    z-index: -22;
}
.sec-heading.style .item-selector > li {
    display: block;
}
.sec-heading.style .item-selector > li > a{
    display: block;
    background: #fff;
    padding: 5px 10px;
    color: #616161;
    font-size: 13px;
}
.sec-heading.style .item-selector > li > a:hover{
    background: var(--secondary2-color);
    color: #fff;
    text-decoration: none;
}



.items{
    color: #c0c0c0;
    cursor: pointer;
}
.items .fa{
    padding: 3px;
    font-size: 12px;
}

.sidebar h4{
    color: #101010;
	font-size:18px;
	font-weight:400;
	border-top:solid 3px #101010;
	padding:13px;
}

.breadcrumb > li{
    position: relative;
    display: inline-block;
    padding: 6px;
    font-size: 12px;
}

.breadcrumb > li:first-child{
    padding-left: 0;
}
.breadcrumb > li:first-child:after{
    top: 8px;
}
.breadcrumb > li .fa{
    padding: 5px 5px 5px 0;
}
.breadcrumb > li:after{
    position: absolute;
    content: "\f105";
    font-family:'FontAwesome';
    top: 6px;
    right: -4px;
    font-size: 12px;  
    color: #616161;
}
.breadcrumb > li:last-child:after{
    display: none;
}
.breadcrumb > li > a{
    color: #616161;
}
.breadcrumb > li > a:hover{
    color: #5fb7ea;
    text-decoration: none;
}
.customeField{
    max-width: 200px;
}
.customeField > li{
    display: block;
    padding: 14px 0;
	font-size:14px;
}
.customeField input{
    display: none;
}
.customeField label{
    color: #616161;
    position: relative;
    display: block;
}
.customeField span{
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
}
.customeField .fa{
   
}
.customeField input[type="radio"]:checked + label{
    color: var(--secondary2-color);
}
.customeField input[type="radio"]:checked + label span {
    border: 1px solid var(--secondary2-color);
}
.customeField input[type="radio"]:checked + label span i:after {
    position: absolute;
    content: "";
    top: 2px;
    left: 2px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--secondary2-color);
    
}
.xv-product-slides.grid-view p{
	font-size: 14px;
	font-weight: 700;
}
.xv-product-slides.grid-view .extra-links{
    display: none;
}
.xv-product-slides.grid-view .xv-rating{
    display: none;
}
.xv-product-slides.grid-view .xv-product-unit{
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.xv-price a{
    font-weight: 700;
}

/**** DOC Body ***/
h1 label {
    font-size: 30px;
    color: #333;
}

.container-body h1 {
    /* margin-top: 25px; */
}

.logo img {
    width: auto;
    height: 70px;
}
/*** Doc Body End ***/

/*** Contact Us Page ***/
aside.contact-form ul li{
    list-style:none;
}
aside.contact-form ul li input#ctl00_contentplaceholder1_txtcountrycode {
width: 20% !important;
float: left;
min-width: 30px;
}

aside.contact-form ul li input#ctl00_contentplaceholder1_txtPhone {
width: 79%;
float: left;
margin-left: 1%;
}

aside.contact-form ul li label.control-label {
width: 100%;
}

aside.contact-form ul li select {
width: 100% !important;
}

aside.contact-form {
width: 60%;
float: left;
min-width: 300px;
padding-bottom: 30px;
padding-top: 10px;
background-color: rgb(239, 239, 239);
border: 1px solid rgb(239, 239, 239);
min-height: 300px;
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 4px -2px rgba(121, 121, 121, 0.36);
}

aside.contact-form ul li label span {/* position: absolute; *//* margin-top: 3px; */}

aside.contact-form ul li {
margin: 0;
}
.agile_banner_bottom_grids{
    margin: 0em 0 0;
    }
    .agile_banner_bottom_grid{
    border:1px solid #fa3d03;
    border-right:none;
    padding:1em;
    position:relative;
    }
    .agile_banner_bottom_grid:nth-child(4){
    border-right:1px solid #fa3d03;
    }
    .agile_banner_bottom_grid_pos{
    position: absolute;
    bottom: -5%;
    left: 25%;
    }
    
    article.contact-info {
    width: 40%;
    float: left;
    }
    
    article.contact-info .w3_agile_contact_grid {
    margin-bottom: 30px;
    padding-left:0;
    }
    .agile_contact_grid_left{
    background: var(--primary-color);
    text-align: center;
    }
    .agile_contact_grid_left i{
    font-size: 2em;
    color: #fff;
    line-height: 4.8em;
    }
    .agile_contact_grid_right{
    background: #efefef;
    padding: 1em;
    }
    .agile_contact_grid_right h4{
    font-size: 1.5em;
    color: var(--primary-color);
    font-weight: 600;
    letter-spacing: 0;
    }
    .agile_contact_grid_right p{
    color: #000;
    line-height:2em;
    }
    .agile_contact_grid_left,.agile_contact_grid_right{
    min-height: 155px;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 4px -2px rgba(121, 121, 121, 0.36);
    }
    .agile_contact_grid_right p span{
    display:block;
    }
    .agile_contact_grid_right p a{
    color: var(--primary-color);
    text-decoration: underline;
    }
    .agileits_w3layouts_left{
    background: var(--primary-color) !important;
    }
    .agileits_w3layouts_right{
    background: #efefef !important;
    }
    .agileits_w3layouts_left1{
    background: var(--primary-color) !important;
    }
    .agileits_w3layouts_right1{
    background: #efefef !important;
    }
    .agile_contact_grid_right p a:hover{
    color:#212121;
    }

.cont-form-wp-all li span.field-validation-error {
    position: absolute;
    top: 0px;
    padding-left: 5px;
    left: auto;
    font-size: 14px !important;
}
    
/*** Contact Us Page End ***/






/*==========================================
list view
==========================================*/



.list-view .xv-product{
    position: relative;
    margin: 30px 0;
}
.list-view .xv-product figure{
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
}
.list-view .xv-product figure img{
}
.list-view .xv-product-content{
    padding-left: 275px;
    padding-bottom: 45px;
    padding-top: 35px;
}
.list-view .xv-product-content h3{
    padding: 0;
}
.list-view .xv-product-content h3 a{
    font-size: 18px;
    padding: 0;
}
.list-view .xv-product-content p{
    line-height: 30px;
    color: #4d4b4b;
    padding: 5px 0;
    margin: 0;
}
.extra-links > li{
    display: inline-block;
    padding: 0 15px;
}
.extra-links > li:first-child{
    padding-left: 0;
}
.extra-links > li .fa{
    padding-right: 5px;
    color: #5fb7ea;
}
.extra-links > li a{
     color: #5fb7ea;
}
.extra-links > li a:hover{
     color: var(--secondary2-color);
}

/*==========================================
detail page
==========================================*/

.product-slider-wrap{
    background: #fff;
    padding-top: 110px;
}
.product-slider-wrap .left-angle{
    position: absolute;
    top: 50%;
    left: 10px;
    cursor: pointer;
    z-index: 999;
    margin-top: -45px;
}
.product-slider-wrap .right-angle{
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    z-index: 999;
    margin-top: -45px;
}
.product-slider{
    position: relative;
}
.product-slide figure{
    position: relative;
    padding-bottom: 88px;
}
.product-slide figure img{
    
}
.product-slider.styleDetail{
    padding: 0 55px 30px;
}
.product-slider{
    padding-bottom: 35px;
}
.product-slider .owl-carousel .owl-item img{
    margin: 0 auto;
    width: auto;
}
.product-slider.styleDetail figure a{
    display: block;
    padding: 13px;
}
.product-slider.styleDetail figure{
    padding: 0;
}
.product-slider figure{
    display: block;
    padding: 29px 13px;
    border: 1px solid #fafafa !important;
}
.product-slider .left-angle .fa , .right-angle .fa{
    font-size: 24px;
    padding: 15px;
    color: #b4b4b4;
}
.single-product-overview{
    padding-left: 60px;
    position: relative;
}
.single-product-overview h2{
    margin: 0;
}
.single-product-overview .xv-rating{
    margin: 17px 0 15px;
}
.single-product-overview p{
    line-height: 30px;
}
.review{
    position: absolute;
    top: 50px;
    left: 143px;
}
.review > li{
    display: inline-block;
}
.review > li a:hover{
    text-decoration: none;
}
.product-description > li{
    display: block;
    color: #757575;
    font-size: 12px;
    padding: 7px 0;
}
.product-description > li:first-child{
    padding-top: 0;
}
.product-description > li:last-child{
    padding-bottom: 0;
}
.product-description > li span{
    color: #616161;
    font-weight: 700;
}
.price span{
    font-size: 24px;
    color: var(--secondary2-color);
    padding-right: 10px;
}
.price:hover{
    text-decoration: none;
}
.price del{
    color: #9e9e9e;
    font-size: 18px;
}
.cart-buttons{
    position: relative;
    margin-bottom: 15px;
}
.cart-buttons > li{
    display: block;
    float: left;
    padding: 0 4px;
}
.cart-buttons > li:first-child{
    padding-left: 0;
    padding-bottom: 10px;
}

.cart-buttons > li > .color-selector:before{
    color: #fff;
    content: "\f0d8";
    font-family: "FontAwesome";
    font-size: 30px;
    right: 14px;
    position: absolute;
    top: -26px;
    z-index: -22;
}
.cart-buttons > li > .color-selector {
    display: none;
    min-height: 200px;
    left: 0;
    padding: 0 !important;
    position: absolute;
    text-align: left;
    top: 100%;
    min-width: 120px;
    z-index: 99;
}
.cart-buttons > li > .color-selector > li{
    display: block;
    padding: 0;
}
.cart-buttons > li > .color-selector > li a{
    color: #616161;
    background: #fff;
    display: block;
    padding: 5px 10px;
}
.cart-buttons > li > .color-selector > li a:hover{
    background: var(--secondary2-color);
    color: #fff !important;
    text-decoration: none;
}
.btn-color-opt:hover .color-selector{
    display: block;
}


.tabs-pane .tab-sections .btn-cart{
    border-radius: 5px 5px 0 0 ;
    padding: 16px 22px;
    background: #efefef;
    font-size: 13px;
    font-weight: 600;
}
.tabs-pane .tab-sections .btn-cart:hover{
    background: #fafafa;
    color: #616161;
    border-bottom-color: #fafafa;
}
.tabs-pane .tab-sections .btn-cart:focus{
    text-decoration: none;
}
.tabs-pane .tab-sections > li.active .btn-cart{
    background: #fafafa;;
    color: #616161;
    border-bottom-color: #fafafa;;
}
.tabs-pane .tab-sections > li{
    display: inline-block;
    padding: 16px 0;
}
.tabs-pane .tab-sections:first-child{
    padding-left: 10px;
}
.tab-sections{
    border-bottom: 1px solid #d1d1d1;
}
.tab-content{
    display: none;
    padding: 30px ;
    border-bottom: 1px solid #d1d1d1;
}
.tab-content.active{
    display: block;
}
.tab-content p + ul{
    margin-top: 30px;
}
.tab-content > ul{
    padding-left: 48px;
}

.tab-content > ul > li{
    display: block;
    position: relative;
    padding: 6px 10px;
}
.tab-content > ul > li:before{
    position: absolute;
    content:"\f0da";
    font-family:'FontAwesome';
    left: 0;
    top: 6px;
}
/*==========================================
cart page
==========================================*/

.xv-cart-top ul > li{
    display: inline-block;
}
.table-head th{
    text-align: center !important;
    padding: 25px 0 !important;
}
.table-head th:nth-child(2){
    text-align: left !important;
}
.table-body{
    background: #fff;
}
.table-body td{
    padding: 50px 0;
}
.cart-cal .table{
    margin-bottom: 0;
}
.cart-cal td{
    padding: 50px 0 !important;
}
.cart-cal h6{
    font-size: 14px;
    color: #1a98e1;
    margin: 0;
    padding-bottom: 9px;
}
.cart-cal .xv-rating{
    padding-bottom: 30px;
}
.cart-cal p{
    font-size: 12px;
    color: #757575;
}
.cart-cal span{
    font-weight: 600;
}

.cart-calculations .xv-rating{
    padding-bottom: 30px;
}
.cart-calculations p{
    font-size: 12px;
    color: #757575;
}
.cart-calculations span{
    font-weight: 600;
}
.cart-calculations td{
    padding: 50px 0 !important;
}
.cart-calculations h6{
    font-size: 14px;
    color: #1a98e1;
    margin: 0;
    padding-bottom: 9px;
}
.cart-calculation .table{
    margin-bottom: 0;
}
.quantity-control{
    position: relative !important;
    margin: 0 auto;
    max-width: 125px;
}
.quantity-control span.alert-msg{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: left;
    color: #ff4575;
    font-size: 10px;
    margin-top: 5px;
    font-weight: normal;
}
.quantity-control input{  
    height: 41px;
    width: 120px;
    text-align: center;
    z-index: -1;
    background: #fff;
    color: #616161;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 0 40px;
    font-size: 18px;
    margin: 0;
}
.quantity-control .btn-square{
    background: #e8e8e8;
    color: #9d9d9d;
}
.btn-minus{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    border-radius: 5px 0 0 5px;
}
.btn-plus{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    border-radius: 0 5px 5px 0;
}
.cart-price{
    font-size: 24px;
}
.cart-action{
    
}
.cart-action li .fa{
    color: #fff;
    font-size: 16px;
}
.cart-action .style .fa{
    color: #616161;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{
    border: none !important;
}

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-top: 0;
    border-bottom: 1px solid #333;
    vertical-align: middle;
}

.accordian-wrapper{
    margin-bottom: 8px;
}
.accordian-trigger{
    background: #EFEFEF;
    color: #616161;
    font-size: 13px;
    padding: 15px 40px 15px 20px;
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    position: relative;
}
.accordian-trigger:hover{
    text-decoration: none;
}
.accordian-trigger:focus{
    text-decoration: none;
}
.accordian-trigger .fa{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.accordian-pane{
    display: none;
}
.accordian-pane.active{
    display: block;
}

.accordian-wrapper.style{
    margin-bottom: 8px;
}
.accordian-wrapper.style .accordian-trigger{
    background: #EFEFEF;
    color: #616161;
    font-size: 14px;
    padding: 10px 0 10px 28px;
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    position: relative;
}
.accordian-wrapper.style .accordian-trigger:hover{
    text-decoration: none;
}
.accordian-wrapper.style .accordian-trigger:focus{
    text-decoration: none;
}
.accordian-wrapper.style .accordian-trigger .fa{
    position: absolute;
    left: 20px;
    top: 50%;
    padding-right: 3px;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.accordian-wrapper.style .accordian-pane{
    display: none;
}
.accordian-wrapper.style .accordian-pane.active{
    display: block;
}


.accordian-form{
    padding: 17px 0;
}
.accordian-form-wrap{
    text-align: left;
    padding: 3px 0;
}
.accordian-form-wrap label{
    display: inline-block;
    color: #616161 !important;
    min-width: 170px !important;
    text-align: right !important;
    padding: 0 10px;
}
.accordian-form-wrap input{
    display: inline-block;
    color: #616161 !important;
    height: 40px;
    width: 230px;
} 
.accordian-form-button{
    padding-left: 173px;
}
.xv-accordian .table{
    margin-left: 70px;
}
.xv-accordian .table th{
    text-align: right;
    color: #757575;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
}
.xv-accordian .table td{
    font-size: 16px;
    border: none;
}
.xv-accordian .table .Total th , .xv-accordian .table .Total td{
    padding-bottom: 26px;
    padding-top: 26px;
}
.xv-accordian .table .Total th{
    font-size: 18px;
}
.xv-accordian .table .Total td{
    font-size: 20px;
    color: var(--secondary2-color);
}
.xv-accordian .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 4px 10px;
}
.xv-accordian .table .Sub-Total td{
    padding-bottom: 5px;
    padding-top: 5px;
}

/*=============================
Quick View
===================================*/
.closeQPanel{
    color:#fff;
    font-size: 20px;
    width: 100%;
    line-height: 30px;
    height: 30px;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding: 0 10px
}
.flytoQuickView.locked{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    cursor: not-allowed !important;
}

.qv-alert{
    position: fixed;
    top: -50%;
    left: 50%;
    width: 300px;
    color: #fff;
    z-index: 9999;
    font-size: 14px;
    background: #75c74b;
    border-radius: 25px;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.qv-alert.active{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    top: 50%;
}
.qv-alert img{
    margin-right: 10px;
    display: inline-block;
}
.quickViewWrap{
    background: #26374A;
    position: fixed;
    height: 100%;
    width: 80px;
    left: 0;
    top: 0;
    z-index: 999;
    -moz-box-shadow: 1px -1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px -1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px -1px 2px rgba(0,0,0,0.3);
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
}
.quickViewWrap.xv-hide{
    left: -200px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.quickViewWrap.xv-show,.quickViewWrap.active.xv-hide{
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.quickViewWrap.active{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}
.quickViewWrap form{
    padding: 30px 10px;
    min-width: 200px;
}
.quickViewWrap form input[type="text"],.quickViewWrap form input[type="tel"],
.quickViewWrap forminput[type="email"],.quickViewWrap form input[type="password"]{
    height: 38px;
}
.quickView form .btn{
    padding: 8px 25px;
}
.quickViewWrap form a{
    text-decoration: none;
}
.quickViewWrap.wideQView{
    width: 250px;
}
.quickviewTabs,.qv-panel{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
.quickViewWrap .quickView{
    /*position: relative;*/ 
}
.quickActions{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 42px;
    left: 100%;
    margin-bottom: -1px;
}
.quickActions li{
    display: block;
    position: relative;
}
.qvCount{
    position: absolute;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
    color: #fff;
    z-index: 20;
    right: -5px;
    top: -5px;
    background: #ff527f;
    border-radius: 50%;
}
.quickActions li a{
    text-decoration: none;
    display: block;
    font-size: 14px;
    background: #5FB7EA;
    color: #fff;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: relative;
}
.quickActions li a > span{
    display: none;
}
.quickActions li a img{
    max-width: 20px;
}
.quickActions li a .fa{
    margin-right: 5px;
}

.quickActions li.active a{
    background: #26374A;
}

.qv-panel{
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background: #26374A;
    padding: 10px;
    transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -o-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transition:All 0.8s ease;
    -webkit-transition:All 0.8s ease;
    -moz-transition:All 0.8s ease;
    -o-transition:All 0.8s ease;
    visibility: hidden;
}
.qv-panel.active{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    z-index: 50;
}

.qv-panel ul{
    padding: 0;
    margin: 0 0 30px;
    max-width: 60px;
}

.qv-panel li{
    display: block;
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    font-weight: 600;
    color: #fff;
}
a.qv-remove-prod{
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    background: rgba(0,0,0,0.5);
    text-decoration: none;
    display: none;
}
.qv-panel li:hover a.qv-remove-prod{
    display: block;
}
.qv-panel a.btn{
    font-size: 14px;
    padding: 4px 0;
    width: 60px;
}
.qv-panel a.btn > span{
    display: none;
}
.quickShoping-list.empty{
    padding: 15px 10px;
}
.quickShoping-list.empty:after{
     content: "empty";
    text-align: center;
    display: block;
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
}
.quickShoping-list.empty:before{
    content: "";
    display: block;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 40px;
    background: url("../img/basic/box41.png") center center no-repeat;
}

/*============*/
.masonry-container .xv-art-content{padding: 12px;}
.masonry-container .xv-art-content p{
    line-height: 22px;
}
.masonry-container .xv-art-content h2{
    font-size: 18px;
}
.masonry-container .xv-art-content header{
        margin-bottom: 20px;
    padding-bottom: 15px;
}
.masonry-container .xv-article{
    margin: 0;
    margin-bottom: 25px;
}
.comments {
	margin-bottom: 22px;
	color: #585f61;
	line-height: 28px;
	font-weight: 400;
}
.comments h2{
    margin-top: 0;
}
.comment-form {
    margin-top: 40px;
}
.comment {
	margin-top: 30px;
	border-bottom: 1px solid #dedede;
    position: relative;
}
.comment:last-child {
	content: '';
	margin-bottom: 20px;
}
.comment h4 {
	line-height: 20px;
	padding-top: 6px;
}
.comment .date-stamp {
	color: #585f61;
	font-size: 12px;
	font-weight: 400;
	padding-bottom: 5px;
	line-height: 15px;
	margin: 0;
}
.comment figure {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 5px;
    width: 100px;
}
.comment img {
    
}
.titl-det-2{
    display: none;
}

.titl-det-1{
display:block;
}
.titl-det-2 {
    text-align: center !important;
    margin-bottom: 20px;
}

.titl-det-2 h1 {
    margin-top: 10px;
}
.comment .pad{
    padding-left: 125px;
}
.comment.reply { margin-left: 70px; border: 0; }
.comment a {
	color: #2bb7ff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 18px;
	display: table;
	margin-top: 15px;
}
.add-reply i {
	padding-left: 8px;
	color: #bdbdbd;
}
.comment-form input, .comment-form textarea {
    border-radius: 0;
}
.comment-form textarea {
	height: 210px;
	margin-bottom: 5px;
	padding-top: 10px;
}
.comment-form input.btn {
	font-size: 15px;
	line-height: 10px;
	font-weight: 900;
	color: #8f989b;
	background: #fff;
	border: 1px solid #b2b8ba;
	font-weight: 900;
	text-transform: uppercase;
	border-radius: 3px;
	margin-top: 10px;
	max-width: 210px;
	padding: 15px 25px;
}
.comment-form input.btn:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
.commentWrap {
    background: #fff;
    padding: 25px;
}
.overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.main-slide{
    display:block;
}
.res-slide{
    display: none;
}
}


.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


    .slidecaption{
        padding-left: 100px;
    }
    .slider_controls1 .owl-next{
        top: -40px;
    }
    .slider_controls1 .owl-prev{
        top: -40px;
        left: 0;
        height: 30px;
        width: 30px;
    }
    .xv-slider-wrap h3{
        font-size: 34px;
    }
    .xv-slider-wrap .xv-slide .slidecaption ul > li{
        font-size: 12px;
    }
    .sec-heading h2 span{
        
    }
    .sec-heading h2 span::before{
        top: 27px;
    }
    .sec-heading h2 span::after{
        top: 27px;
    }
    .home .sec-heading .category-wrap{
        display: none;
    }
    .sec-heading h2{
        margin: 0;
    }
    .sec-heading .category-wrap.style{
        margin-top: 10px;
        top: -3px;
    }
    .special-offers{
        padding: 50px 0;
    }
    .products-wrap figure:hover figcaption{
        display: block;
    }
    .product-1-wrap figure{
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .product-1-wrap{
        padding: 50px 0 260px;
    }
    .product-2-wrap{
        padding: 0;
    }
    
    .product-2-wrap figure{
        left: 15px;
        position: absolute;
        top: -300px;
    }
    .product-1-content{
        display: none;
    }
    .product-2-content{
        display: none;
    }
    .special-offers .owl-dots{
        bottom: -65px;
    }
    .xv-block span{
        font-size: 26px;
    }
    .sign-up-form input[type="text"]{
        height: 45px;
        font-size: 15px;
        padding-right: 130px;
    }
    .sign-up-form button{
        height: 45px;
        font-size: 15px;
        width: 130px;
    }
    .xv-sign-up p{
        line-height: 22px;
    }
    .xv-product-slides.grid-view .xv-product-unit{
        width: 100%;
    }
    .list-view .xv-product figure{
        position: relative;
        width: 100%;
    }
    .list-view .xv-product-content{
        padding-left: 20px;
    }
    .cart-options .btn-continue{
        font-size: 20px;
    }
    .review{
        left: 100px;
    }
    .xv-cart .accordian-form-button{
        padding-left: 0;
    }
    .tabs-pane .tab-sections .btn-cart{
        padding: 10px 5px;
        font-size: 10px;
    }
    .tabs-pane .tab-sections > li{
        padding: 8px 0;
    }
   
}
    

    /*registered-user-invo-details*/



.registered-user-invo-details .cptions-st
{
background: #FFF;
padding-left: 10px;
border: 1px solid #CCC;
padding-top: 8px;
}
.registered-user-invo-details .cptions-st-1
{
background: #fff;
padding-left: 10px;
border: 1px solid #CCC;
padding-top: 8px;
}
.registered-user-invo-details .cptions-st-2
{
background: #FFF;
padding-left: 10px;
padding-top: 8px;
height: 36px;
}
.registered-user-invo-details tr.in-main-s {
background: #fff;
}

.registered-user-invo-details .cap-details
{
font-size: 14px !important;
border-bottom: solid 1px #d8d8d8 !important;
background: #fff;
}
        
.registered-user-invo-details span#ctl00_contentplaceholder1_GridViewinovicelist_ctl02_lblsku {
font-size: 12px;
}
  
        
.registered-user-invo-details .cap-details-2
{
padding-left: 10px;
border-bottom: solid 1px #d8d8d8 !important;
background: #f5f5f5;
}
.registered-user-invo-details .cap-details-cell-invc
{
border-top: solid 1px #e4e4e4;
line-height: 20px;
padding: 24px 10px;
text-align: left;
vertical-align: top;
         
}
.registered-user-invo-details .cap-details-cell-invc-1
{
padding: 5px 30px 5px 5px;
vertical-align: middle;
height: 30px;
border-top: solid 1px #e4e4e4;
text-align: right;
}
        
.registered-user-invo-details .checkout-btn
{
background: url("/images/join-us.png") repeat-x scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;           
font-size: 14px;
padding: 6px;
margin-top: 6px;
}
.registered-user-invo-details .invoice-date
{
float: right;
width: 200px;
height: 28px;
}
.registered-user-invo-details .inovice-totoal
{
width: 230px;
float: right;
}
.registered-user-invo-details .style2
{
float: right;
margin: 10px 0;
padding: 10px 0px 16px 10px;
width: 920px;
}
.registered-user-invo-details .invoice-panel
{
width: 100%;   
float: left;
margin-top: 20px;
background: #fff;
}

.registered-user-invo-details .style3
{
width: 100%;
color: #000000;
font-size: 13px;
margin-top: 0px;
background: #f9f9f9;
}
.registered-user-invo-details .inovice-profile
{
width: 25%;
height: 76px;
float: left;
padding: 20px 0 10px 4px;
border-bottom: 0px solid #c6c6c6;
}
.registered-user-invo-details .inovice-profile img {
float: left;
position: relative;
top: 15px;
width: 220px;
padding-top: 55px;
}
        
.registered-user-invo-details .inovice-details {
width: 40%;
float: right;
text-align: right;
padding-right: 10px;
/* border-bottom: 0px solid #c6ca73; */
padding-bottom: 10px;
font-size: 15px;
line-height: 30px;
}
.registered-user-invo-details .cptions-hearder-invc
{
padding: 20px 10px;
border: 0;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
color: #fdfdfd !IMPORTANT;
}
        
.registered-user-invo-details .cptions-hearder-invc-1
{width: 140px;
padding: 20px 10px;
vertical-align: top;
font-weight: 300;
text-align: right;
color: #ffffff;
text-transform: uppercase;
}
.registered-user-invo-details #ctl00_ContentPlaceHolder1_lblfullname
{
color: #f18424;
font-weight: bold;
}
.registered-user-invo-details .inovice-grandtotal1
{
height: 30px;
text-align: right;
padding-top: 26px;
text-transform: uppercase;
padding-right: 30px;
padding-bottom: 20px;
border-bottom: 1px solid rgb(226, 226, 226);
border-left: 1px solid rgb(226, 226, 226);
border-right: 1px solid rgb(226, 226, 226);
}

.registered-user-invo-details tr#ctl00_contentplaceholder1_trshipping {
border-left: 1px solid rgb(226, 226, 226);
border-right: 1px solid rgb(226, 226, 226);
}

.registered-user-invo-details tr#ctl00_contentplaceholder1_trtotpurchaseamt {
border-left: 1px solid rgb(226, 226, 226);
border-right: 1px solid rgb(226, 226, 226);
}




.registered-user-invo-details td.inovice-grandtotal strong {
font-size: 16px;
line-height: 33px;
padding-right: 7px;
color: #000;
}

.registered-user-invo-details td.inovice-grandtotal {
font-size: 16px;
text-align: right;
color: var(--secondary1-color);
line-height: 31px;
float: right;
margin-top: 10px;
}



.registered-user-invo-details .inovice-grandtotal
{
border-top: 0px solid #c6c6c6;
height: 30px;
text-align: right;
padding-top: 10px;
          
text-transform: uppercase;
padding-right:30px;
}
.registered-user-invo-details .status {
float: left;
width: 35%;
padding: 0px 0 10px 0;
text-align: left;
color: #000;
font-size: 15px;
line-height: 30px;
}
    
.registered-user-invo-details .paypal-btn
{
background: url("/images/paypal-buton.png") repeat-x scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
          
font-size: 14px;
padding: 6px;
}
.registered-user-invo-details .style2 input.yellow_btn {
background: #747474;
border: 0 none;
border-radius: 3px;
color: #fff;
font-family: "Roboto",sans-serif;
font-size: 15px;
padding: 8px 20px;
}
.registered-user-invo-details .style2 input.yellow_btn:hover, 
.registered-user-invo-details .style2 input.yellow_btn:active, 
.registered-user-invo-details .style2 input.yellow_btn:focus, 
.registered-user-invo-details .inovice-grandtotal input#ctl00_contentplaceholder1_btncouponapply:hover {
background: #b8b8b8 ;
color: #fff;
text-decoration: none;
transition: all 0.4s linear 0s;
}
.registered-user-invo-details .erromessage
{
color: Red;
padding: 5px;
}
.registered-user-invo-details #ctl00_ContentPlaceHolder1_GridViewinovicelist
{
margin-top: 20px;
}
.registered-user-invo-details #ctl00_ContentPlaceHolder1_lblfullname a
{
font-size: 16px;
line-height: 18px;
padding-bottom: 8px;
display: inline-block;
}
.registered-user-invo-details .cp1 { width:40%;}
.registered-user-invo-details .cp2 {width:25%;}
.registered-user-invo-details .cp3 {width:16%;}

.registered-user-invo-details tr.in-main-s > td {
border: solid 1px rgb(232, 232, 232);
margin-bottom: 30px;
display: block;
float: left;
width: 100%;
padding: 20px;
background: #efefef;
border-radius: 0;
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 4px -2px rgba(121, 121, 121, 0.36);

}
.registered-user-invo-details table#ctl00_contentplaceholder1_GridViewinovicelist {
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
}
.registered-user-invo-details table#ctl00_contentplaceholder1_GridViewinovicelist tr:nth-child(1) {
background: var(--secondary1-color);
}
.registered-user-invo-details .cap-details-cell-invc:first-child span:first-child {
color: var(--secondary1-color);
font-weight: 400;
text-transform: uppercase;
font-size: 15px;
}
.registered-user-invo-details th.cptions-hearder-invc-1 {
padding-right: 30px;
}
.registered-user-invo-details span#ctl00_contentplaceholder1_lbltotalprice {
font-size: 16px;
font-weight: bold;
color: var(--secondary1-color);
}
.registered-user-invo-details tr.in-main-s h4 {
font-size: 15px;
line-height: 30px;
text-transform: capitalize;
font-weight: 400;
}

.registered-user-invo-details .name-invoice {
width: 45%;
float: left !important;
display: block;
text-align: right;
padding-right: 10px;
max-width: 180px;
}

.registered-user-invo-details td.name-invoice label {
float: right;
margin-left: 10px;
margin-right: 10px;
}

.registered-user-invo-details .result-invoice {
width: 55%;
float: left;
min-width: 200px;
}

.registered-user-invo-details .inovice-details table {
width: 100% !important;
}

.registered-user-invo-details .inovice-details table tr {
width: 100% !important;
float: left;
}
.clent-invoic tr td{
    font-family:'DroidArabicKufi', Arial  !important;
    font-size:16px;
}

img#imgMain {
    width: 100px;
    min-height: 129px !important;
}

.clent-invoic tr th{
    font-size:16px;
}
.cont-form-wp-all li {
    margin: 0 !important;
    position:relative;
}

.cont-form-wp-all{
    float:left;
}
#at-reset-pswd .modal-header {
    position: relative;
}
#at-reset-pswd .modal-header .close{
    position:absolute;
    top:15px;
    right:15px
}

#at-reset-pswd .modal-content{
    float:left;
}

#at-reset-pswd .modal-body{
    float:left;
}

.footer-content p, .footer-content a, h4.no-mar, .navbar-nav>li>a{
    color: var(--navcolor) !important; 
}
.form-control:focus{
    border:2px solid #000;
    }
    span.text-danger.field-validation-error {
        position: absolute;
        top: 0px;
        right: 0;
        padding: 0 5px;
    }
      span.svg-footer svg {
    width: 100px;
}
.badge {
    padding: 3px 5px;
}
li{ list-style: none;}
img.xv-superimage {
    width: 100%;
    height: auto;
}
div#navbar-cont {
    width: 84%;
    margin: 0px auto;
    display: flex;
}
select#ddlpagesize.form-control {
    width: 65px !important;
}
.item-limiter p {
    float: left;
    padding-top: 4px;
}
/*==========================================
Responsive
==========================================*/

@media (min-width: 1680px){
.container {
        width: 1600px;
    } 

    img#imgMain {
    width: 100px;
    float: left;
    vertical-align: middle;
    margin: 0px 20px 0px 0px;
    }
}

 @media (max-width: 1680px){

    .login_wrapper_outside {
    width: 70%;
    }

    .add_to_bag {
    width: 85% !important;
    }

    .xv-product figure {
    min-height: 222px;
    }
 }
    
    @media (max-width: 1445px){
    .container {
        width: 1360px;
    }
    div#header_cartdetail {
        left: -215px;
    }
    }
    
    @media (max-width: 1368px){
    .container {
        width: 1280px;
    }

        div#header_cartdetail {
            left: -245px;
        }    

    }
    
    
    @media (max-width: 1200px){
        .container {
        width: 1024px;
    }
    }



/*=============================
break point 1199
===========================*/
@media(max-width: 1199px){
    .container{
        width: 96%;
    }
    .social-search.style .search-form{
        right: 0;
    }

    .catagories-dropdown{
        right: 185px;
    }
    .slider_controls4 .owl-next{
        right: 10px;
    }
    .slider_controls4 .owl-prev{
        left: 10px;
    }
    .slider_controls3 .owl-next{
        right: -50px;
    }
    .slider_controls3 .owl-prev{
        left: -50px;
    }
    .product-1-content{
        padding-left: 0;
    }
    .product-2-content{
        padding-right: 0;
    }
    .xv-slider-content h1{
        font-size: 40px;
    }
    .xv-slider-content p{
        line-height: 24px;
    }
    .special-offer{
        padding: 30px 15px 70px;
    }
}

/*=============================
break point 1024
===========================*/
@media(min-width: 1025px){
    .header-bottom ul > li:hover ul{
        display: block !important;
    }
    .header-bottom ul.main_menu{
        display: block !important;
    }
}

@media(max-width: 1024px){
    .preHeader-promotions{
        display: none;
    }
    .special-offer > figure{
        float: none;
        margin: 10px auto;
        text-align: center;
    }
    .special-offer > .product-content{
        padding: 0;
    }
    .special-offer .product-actions{
        max-width: 140px;
        margin: auto;
    }
    .special-offer .product-actions span,.special-offer .product-actions a{
        width: 100%;
        margin-bottom: 2px;
        margin-top: 2px;
    }
    .special-offer > .product-content h2,.special-offer > .product-content p{
        display: none;
    }
    .owl-carousel .owl-item .special-offer > figure img{
        width: auto !important;
        display: inline-block;
    }
    .xv-bseller .owl-carousel .owl-item img{
        height: 120px;
    }
    .xv-product-sales .owl-carousel .owl-item .inner-row img{
        height: 100px;
    }
    .xv-product figcaption,.xv-accessories figcaption{
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin-bottom: 0px;
    }
    .xv-product figcaption ul, .xv-accessories figcaption ul{
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(0);
        position: relative;
        left: auto;
        top: auto;
        margin: auto;
    }
    
    .inner-row .xv-accessories figure, .xv-best-seller .xv-accessories figure{
        height: 250px;
    }
    .inner-row .xv-accessories figure figcaption, .xv-best-seller .xv-accessories figure figcaption{
        margin-top: 15px;
        margin-bottom: 0;
    }
    .xv-accessories figcaption{
        margin-top: 15px;
    }

    .xv-product figcaption ul > li > a ,.xv-accessories figcaption ul.style1 > li > a{
    margin-bottom: 0px !important;
}
    
    .closeQPanel{
        display: block;
    }
    .header-bottom .openCart{
        display: none;
    }
    .quickViewWrap{
        position: relative;
        top: 0;
        left: 0;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        height: auto;
        width: 100%;
    }
    .quickActions,.quickviewTabs, .qv-panel{
        position: relative;
        left: 0;
        top: 0;
    }
    .qv-panel{
        display: none;
        padding-top: 40px;
        position: relative;
    }
    .qv-panel.active{
        display: block;
    }
    .quickViewWrap.xv-hide{
        left: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    
    .qv-panel ul{
        width: 100%;
        max-width: none;
        margin: 0;
        padding:0 0 15px;
    }
    .quickShoping-list.empty{
        padding-top: 0;
    }
    .qv-panel ul li{
        display: inline-block;
        max-width: 60px;
        margin-bottom: 0;
        margin-right: 5px;
    }
    .qv-panel a.btn > span{
        display: inline-block;
        margin-left: 5px;
    }
    .qv-panel a.btn{
        width: auto;
        padding: 10px 20px;
    }
    .quickActions{
        z-index: 99;
        background: #5FB7EA;
    }
    .qvCount{
        top: 0;
        right: 0;
        width: 100%;
        text-align: center;
        border-radius: 0;
        height: 12px;
        line-height: 12px;
        visibility: hidden;
    }
    .quickActions li{
        display: inline-block;
    }
    .quickActions li a > span{
        display: inline-block;
        padding-left: 5px;
    }
    .quickShoping-list.empty:before{
        background-position: center left;
    }
    .quickShoping-list.empty:after{
        text-align: left;
    }
    .quickActions li a{
        width: auto;
        height: auto;
        padding: 5px 20px;
    }
    .quickViewWrap.wideQView{
        width: 100%;
    }
    .quickViewWrap form{
        max-width: 300px;
        padding-top: 0;
    }
    /*quickview ends*/
    
    .cap-details-txt input, .cap-shipping-details-txt input {
        width: 50% !important;
    }
    
   
    .checkoutbox span {
        color: var(--secondary1-color);
        font-size: 24px;
        font-weight: 600;
    }
    .header-bottom ul.main_menu{
        padding: 0;
        background: #5FB7EA;
        width: 280px;
        position: absolute;
        top: 100%;
        right: 0px;
        z-index: 99;
        text-align: left;
        margin-top: 45px;
        display: none;
    }
    .header-bottom ul.main_menu:before{
        font-family:'FontAwesome';
        content:"\f0d8";
        color: #5fb7ea;
        font-size: 30px;
        position: absolute;
        right: 15px;
        top: -8px;
        line-height: 5px;
    }
    .header-bottom ul.main_menu > li{
        display: block;
    }
    .header-light .header-bottom ul > li a{
    }
    .header-bottom .nav-triger{display: block;}
    .product-1-content{
        padding-right: 185px;
    }
    .product-2-content{
        padding-left: 185px;
    }
    .header-bottom ul.main_menu > li > a{
        font-size: 16px;
        padding: 12px 20px;
        font-weight: 400;
    }
    .header-bottom ul > li > ul > li a{
        padding: 10px 20px;
        padding-left: 35px;
        position: relative;
    }
    .header-bottom ul > li > ul > li a:before{
        content: "";
        position: absolute;
        left: 20px;
        top: 50%;
        height: 1px;
        width: 12px;
        background: #fff;
    }
    
    .header-bottom ul.main_menu > li > a:hover{
        color: #fff;
        background: var(--secondary1-color);
    }
    .doc-header .header-bottom ul > li > ul:before{
        display: none;
    }
    .header-bottom ul > li > ul:after{
        content: "";
        left: 20px;
        top: 0;
        height: 100%;
        width: 1px;
        background: #fff;
        position: absolute;
    }
    .header-bottom ul > li > ul{
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        left: auto;
        top: auto;
        background: rgba(0,0,0,0.1);
        width: 100%;
    }
    .header-bottom ul > li > ul > li a:hover{
        background: var(--secondary1-color);
    }
    
}
/*=============================
break point 990
===========================*/
@media(max-width: 992px){
    .xv-feature-wrap{
        height: auto;
    }
    h1 {font-size: 26px;}
    h2 {font-size: 20px;}
    h3 {font-size: 16px;}
    .header-top .left-ul > li{
        padding: 0;    
    }
    .xv-slider-content{
        padding-left: 35px;
        text-align: center;
    }
    .xv-slider-wrap .xv-slide{padding: 80px 0 60px 0;}
    .xv-slider-content h1{font-size: 40px;}
    .xv-slider-content .btn{
        margin: 10px;
    }
    .xv-slider-content{
        padding-left: 0;
    }
    .xv-feature-wrap .xv-feature-item{
        width: 50%;
        position: relative;
        float: left;
        margin-top: 2%;
        height: 200px;
    }
    .xv-feature-wrap .xv-feature-item:first-child{
        width: 49%;
        margin-right: 1%:
    }
    .xv-feature-wrap .xv-feature-item:last-child{
        width: 49%;
        margin-left: 2%;
    }
    .xv-feature-item{
        padding-left: 25px;
    }
    
    
    .xv-benefits{
        padding-bottom: 40px;
    }
    .sec-heading h2 span::before{
        top: 25px;
    }
    .sec-heading h2 span::after{
        top: 25px;
    }
    .saletimeout-content h2::before{
        display: none;
    }
    .saletimeout-content h2::after{
        display: none;
    }
    .pro-sale-timeout{
        height: auto;
        padding: 25px 0;
    }
    .saletimeout-content h2{
        font-size: 24px;
    }
    .saletimeout-content span{
        font-size: 15px;
    }
    .counter-wrapper{
        padding-top: 25px;
    }
    .xv-orderContent{
        margin-top: 0;
    }
    .xv-block{
        margin-bottom: 20px;
    }
    .footer-content h4{
        margin-top: 30px;
    }
    .xv-product-slides.grid-view .xv-product-unit{
        width:100%;
    }
    .list-view .xv-product-content .extra-links > li{
        padding: 0 5px;
    }
    .list-view .xv-product-content p{
        line-height: 26px;
    }
    .single-product-overview{
        padding-top: 20px;
    }
    .single-product-overview .btn-rectangle{
        min-width: 110px;
    }
    .single-product-overview .btn-continue{
        padding: 15px 89px;
    }
    .review{
        top: 65px;
    }
    .cart-cal h6{
        font-size: 12px;
    }
    .cart-price{
        font-size: 18px;
    }
    .cart-cal p{
        font-size: 10px;
    }
    .quantity-control input{
        height: 31px;
        width: 100px;
    }
    .btn-square{
        min-width: 35px;
        padding: 5px 0;
    }
    .quantity-control{
        max-width: 105px;
    }
}

@media only screen and (max-width: 800px) and (min-width: 768px) {
    aside.sidebar {
        display: none;
    }

    .xv-product-slides.grid-view .xv-product-unit {
        width: 100%;
    }

    .col-lg-4.col-md-4.col-sm-4.col-xs-12.plr-product-list {
        padding: 0px;
    }

    ul.nav.navbar-nav {
        display: none;
    }

    .doc-header .header-bottom a.logo {
        width: 78% !important;
    }

    .col-xs-3.col-md-2.col-lg-1.cart {
        width: 12% !important;
    }

    .hamburger {
        top: 65px !important;
        margin-left: 20px !important;
    }

    #navbar-cont .col-xs-12.col-md-12 {
        display: none;
    }

    .header-bottom .col-xs-12.col-md-12 {
        display: none;
    }

    .min-ht {
        height: auto;
    }
}

    /*=============================
break point 768
===========================*/
    @media(max-width: 768px) {
        .social-search .search-form {
            position: relative;
            left: auto;
            right: auto;
            top: auto;
            margin: 0;
            width: 100%;
        }

        .hamburger {
            top: 50px;
        }

        .navbar-header {
            /* margin-top:-120px !important; */
        }

        .style-wide .search-form .custome-select {
            position: relative;
            right: auto;
            width: 100%;
        }

        .style-wide .search-form .custome-select > span {
            text-align: left;
        }

        .social-search .social, .style-wide .custome-select b.fa {
            display: none
        }

        .accordian-pane {
            padding: 30px 20px;
            background: #fff;
        }

        .doc-header .right-ul {
            text-align: left;
            margin-top: 10px;
        }

        .xv-slider-wrap .smSlider .xv-slide {
            padding: 0px 0;
            height: auto !important;
        }

        form.search {
            display: none;
        }

        .logo img {
            width:70px;
            height: auto;
            margin: 0 auto;
            text-align: center;
            position: absolute;
        }

        .doc-header .header-bottom a.logo {
            height: 70px;
            width: 56%;
            margin-top: 12px;
            text-align: center;
            position: absolute;
        }

        .glass-case ul li .gc-li-display-container {
            position: relative;
            overflow: hidden;
            height: 100%;
            width: 55%;
            display: inline-block;
        }

        .xv-slider-wrap h4 {
            font-size: 20px;
        }

        .xv-benefit {
            margin-bottom: 0px;
            text-align: center;
            float: left;
            width: 33.33%;
        }

        .xv-benefits {
            padding-bottom: 0px;
        }

        .xv-benefit .fa {
            margin: 0 auto;
        }

        .xv-benefit .content {
            position: relative;
            left: auto;
            top: auto;
            text-align: center;
            padding-left: 0;
        }

        .social > span.style-responsive {
            display: none;
        }

        .social-search {
            min-height: 85px;
        }

        .social-search .social ul.style-responsive {
            left: 0;
            margin-top: 0;
        }

        .saletimeout-content {
            position: relative;
            width: 100%;
            margin-bottom: 40px;
        }

        .secondary-nav ul > li > a {
            padding: 15px 0;
        }

        .pro-sale-inner figure {
            position: relative;
            width: 100%;
            margin-top: 20px;
        }

        .xv-orderFigure {
            float: none;
            width: 100%;
        }

        .xv-orderContent {
            float: none;
            width: 100%;
        }

        .sign-up-form {
            width: auto;
        }

        .sign-up-form .fa {
            display: none;
        }

        .sign-up-form input[type="text"] {
            padding-left: 20px;
            padding-right: 150px;
        }

        .sign-up-form button {
            width: 150px;
        }

        .copy-rights ul {
            text-align: left;
            margin-top: 10px;
        }

        .single-product-overview .btn-rectangle {
            min-width: 98px;
        }

        .single-product-overview .btn-continue {
            padding: 10px 77px;
        }

        .table-head th {
            padding: 15px 0 !important;
            font-size: 12px;
        }

        .cart-cal td {
            padding: 30px 0 !important;
        }

        .header-top {
            display: none;
        }

        .header-top-mob {
            display: block !important;
        }

        .header-top-mob {
            background: var(--primary-color);
            border-bottom: none;
            height: 38px;
        }

        .top-nav.text-right a span i {
            font-size: 24px;
            color: #fff;
            padding-top: 7px;
        }

        .header-top-mob .col-xs-7 {
            padding: 6px 10px;
        }

        .shipping-cart-pc {
            display: none !important;
        }

        .shipping-cart-mob {
            display: block !important;
        }

        .shipping-details-title {
            margin-top: 30px;
        }

        .container {
            width: 100% !important;
        }

        .cart {
            position: relative;
            float: right;
            top: -10px;
        }

        .proceed_to_payment, .shop_more, .update_shopping-bag-btn {
            background-color: var(--secondary1-color);
            padding: 10px 40px;
            margin-bottom: 20px;
            border: none;
            width: 100%;
            max-width: 100% !important;
            color: #fff;
            font-size: 18px;
            cursor: pointer;
        }

        .update_shopping-bag-btn {
            margin-top: 20px;
        }

        .pt-30 {
            padding-top: 15px !important;
        }

        .pb-30 {
            padding-bottom: 15px !important;
        }

        .pb-15 {
            padding-bottom: 0px !important;
        }

        .pb-20 {
            padding-bottom: 0px !important;
        }

        .plr {
            padding-left: 0px;
            padding-right: 0px;
        }

        .copy-rights {
            margin-top: 0px !important;
        }

        .navbar-toggle {
            top: 20px;
            display: none;
        }

        .img-ban-man-main {
            margin-bottom: 20px;
        }

        /*Navigation Center*/
        .navbar-nav {
            width: 100%;
            text-align: left;
        }

        .navbar-nav > li {
            float: left;
            display: contents;
        }


        /*Navigation Center*/
        div#navbar {
            margin-top: 30px !important;
        }

        section.log-sec-main {
            height: 720px;
        }

        .login_wrapper_outside {
            width: 80%;
            margin: 45px auto;
        }

        .signin-agile {
            width: 100%;
        }

        .signup-agileinfo {
            width: 100%;
            min-height: 250px;
        }

        .dresses span img {
            padding-left: 5px;
            padding-right: 5px;
        }

        .dresses a {
            font-size: 12px;
        }

        .titl-det-2 {
            display: block;
        }

        .titl-det-1 {
            display: none;
        }

        .footer-content {
            background: #fff;
            color: #96aec8;
            margin-top: 0px;
            font-size: 13px;
        }

        .mobile-navigation {
            display: block;
        }

        .signup-agileinfo {
            padding: 30px;
        }

        .signin-agile {
            min-height: 360px;
        }

        .login_wrapper_outside {
            min-height: 405px;
            margin: 45px auto;
        }

        .min-ht {
            height: auto;
        }
        .info1,.info2,.info3{ float: left;
        }
        .xv-product-slides.grid-view .xv-product-unit {
            padding-left: 0px;
            padding-right: 0px;
        }
        .col-lg-4.col-md-4.col-sm-4.col-xs-6.plr-product-list {
            padding-left:6px;
            padding-right:6px;
        }
        .xv-product {
            position: relative;
            background: #fff;
            margin:6px 2px;
            z-index: 20;
        }

    }


    /*=============================
break point 600
===========================*/
    @media(max-width: 600px) {

        .home .social-search.style2 {
            padding: 25px 10px 52px;
        }

        .xv-feature-wrap .xv-feature-item, .xv-feature-wrap .xv-feature-item:first-child, .xv-feature-wrap .xv-feature-item:last-child {
            margin: 20px 0;
            float: none;
            width: 100%;
        }

        .search-form {
            width: 100%;
        }

        .social-search.style {
            padding: 25px 25px 70px;
        }

        .social-search .social ul {
            left: auto;
            right: 0;
        }

        .social-search .social a {
            padding: 0;
        }

        .social-search .social ul {
            margin: 0;
            text-align: left;
            top: 0;
        }

        .catagories-dropdown, .catagories-dropdown.style {
            right: 0;
        }

        .social-search {
            padding: 25px 25px 80px;
        }

        .social-search.style2 {
            padding: 25px 10px 60px;
        }

        .social-search.style.style-responsive {
            padding: 25px 10px 60px;
        }

        .social-search.style-responsive .search-form {
            top: 40px;
        }

        .xv-slider-content h1 {
            font-size: 32px;
        }

        .secondary-nav ul > li > a {
            padding: 10px 0;
        }

        .slider_controls4 .owl-prev {
            top: 10px;
        }

        .slider_controls4 .owl-next {
            top: 10px;
        }

        .testi-slide q {
            font-size: 14px;
        }

        .single-product-overview {
            padding-left: 10px;
        }

        .tabs-pane .tab-sections .btn-cart {
            padding: 16px 15px;
        }

        .quickActions li a {
            padding: 5px 10px;
        }

        .main-slide {
            display: none;
        }

        .navbar-fixed-top {
            position: fixed !important;
            right: 0;
            left: 0;
            z-index: 1030;
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
        }

        .res-slide {
            display: block;
            margin-top: 90px;
        }

        #pageContentArea {
            margin-top: 120px;
        }

        #header_cartdetail {
            left: -260px !important;
            top: 53px;
        }

        article.contact-info {
            width: 100%;
        }

        aside.contact-form {
            width: 100%;
        }
        .info1 {
            font-size: 16px;
        }
        .info2 {
            font-size: 16px;
        }
        .info3 {
            font-size: 16px;
        }
        .shadow-bottom h2 {
            text-align: left;
        }
        div#navbar-cont { height: 70px;}

    }

    /*=============================
break point 500
===========================*/
    @media(max-width: 500px) {

        .quickActions li a {
            font-size: 12px;
        }

        div#at-login .modal-dialog {
            width: 280px;
        }

        .slidecaption {
            padding-left: 100px;
        }

        .slider_controls1 .owl-next {
            top: -40px;
        }

        .slider_controls1 .owl-prev {
            top: -40px;
            left: 0;
            height: 30px;
            width: 30px;
        }

        .xv-slider-wrap h3 {
            font-size: 34px;
        }

        .xv-slider-wrap .xv-slide .slidecaption ul > li {
            font-size: 12px;
        }

        .sec-heading h2 span {
        }

        .sec-heading h2 span::before {
            top: 27px;
        }

        .sec-heading h2 span::after {
            top: 27px;
        }

        .home .sec-heading .category-wrap {
            display: none;
        }

        .sec-heading h2 {
            margin: 0;
        }

        .sec-heading .category-wrap.style {
            margin-top: 10px;
            top: -3px;
        }

        .special-offers {
            padding: 50px 0;
        }

        .products-wrap figure:hover figcaption {
            display: block;
        }

        .product-1-wrap figure {
            position: absolute;
            right: 15px;
            top: 15px;
        }

        .product-1-wrap {
            padding: 50px 0 260px;
        }

        .product-2-wrap {
            padding: 0;
        }

        .product-2-wrap figure {
            left: 15px;
            position: absolute;
            top: -300px;
        }

        .product-1-content {
            display: none;
        }

        .product-2-content {
            display: none;
        }

        .special-offers .owl-dots {
            bottom: -65px;
        }

        .xv-block span {
            font-size: 26px;
        }
        
        .sign-up-form button {
            height: 50px;
            font-size: 15px;
            width: 130px;
        }

        .xv-sign-up p {
            line-height: 22px;
        }

        .xv-product-slides.grid-view .xv-product-unit {
            width: 100%;
        }

        .list-view .xv-product figure {
            position: relative;
            width: 100%;
        }

        .list-view .xv-product-content {
            padding-left: 20px;
        }

        .cart-options .btn-continue {
            font-size: 20px;
        }

        .review {
            left: 100px;
        }

        .xv-cart .accordian-form-button {
            padding-left: 0;
        }

        .tabs-pane .tab-sections .btn-cart {
            padding: 10px 5px;
            font-size: 10px;
        }

        .tabs-pane .tab-sections > li {
            padding: 8px 0;
        }

        .info1, .info2, .info3 {
            font-size: 18px !important;
        }

        .login_wrapper_outside {
            margin: 45px auto !important;
        }

        input.btn.btn-default.mob.btn-payment {
            width: 100%;
            margin: 5px 0px 10px 0px;
        }

        input.btn.btn-default.idem-btn, .btn.btn-default.idem-btn {
            min-width: 65px !important;
            padding: 6px 20px !important;
            margin: 5px 10px 5px 0px !important;
            float: left !important;
            font-size: 13px;
        }

        input#quantity {
            width: 36px !important;
            text-align: center;
            padding: 0px 0px;
            border: 1px solid var(--secondary1-color);
        }

        .cap-pro-image {
            float: left;
        }

        .shipping-cart-mob h4 {
            font-weight: 700;
            font-size: 19px;
        }

        .cart-price {
            color: #e22739;
            font-weight: 700px;
            font-size: 20px;
        }

        .cap-details-txt span {
            position: relative;
            font-size: 10px !important;
        }

        .cap-shipping-details-txt span {
            position: relative;
            font-size: 14px !important;
        }

        .glass-case ul li .gc-li-display-container {
            width: 50%;
        }

        span#payment_method-error {
            background: yellow;
            padding: 7px;
            display: block;
            width: 100%;
        }

        .team-grid {
            margin-bottom: 15px;
            width: 100%;
        }
    }

    /*=============================
break point 480
===========================*/

    @media (max-width:480px) {
        .registered-user-invo-details .inovice-profile {
            width: 50%;
            text-align: center;
            float: left;
        }

        .registered-user-invo-details .inovice-profile img {
            float: inherit;
            margin-left: auto;
            text-align: center;
            width: 122px;
        }

        .registered-user-invo-details .status {
            width: 50%;
            font-size: 12px;
            text-align: left;
            margin-top: 15px;
        }

        .registered-user-invo-details .inovice-details {
            width: 100%;
            font-size: 12px;
            line-height: 24px;
        }

        .registered-user-invo-details .name-invoice {
            width: 50%;
            float: left !important;
            display: block;
            text-align: right;
            padding-right: 10px;
            max-width: 180px;
        }

        .registered-user-invo-details .cap-details-cell-invc:first-child span:first-child {
            color: #d2b669;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 12px;
        }

        .registered-user-invo-details .cap-details {
            font-size: 11px !important;
            background: #fff;
        }

        .registered-user-invo-details tr.invoice-details-hed th {
            padding: 20px 10px;
            border: 0;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 12px;
            color: #ffffff !IMPORTANT;
        }

        .registered-user-invo-details td.inovice-grandtotal strong {
            font-size: 12px;
            line-height: 33px;
            font-family: 'Forza-thin';
            padding-right: 7px;
            color: #000;
        }

        .registered-user-invo-details td.inovice-grandtotal {
            font-size: 15px;
            text-align: right;
            color: #ab9557;
            line-height: 31px;
            float: right;
            margin-top: 10px;
        }

        .registered-user-invo-details span#ctl00_contentplaceholder1_lbltotalprice {
            font-size: 16px;
            font-weight: bold;
            color: #b19854;
        }

        .registered-user-invo-details tr.in-main-s h4 {
            font-size: 13px;
            line-height: 24px;
            text-transform: capitalize;
        }

        .registered-user-invo-details .result-invoice {
            width: 50%;
            float: left;
            min-width: 0;
        }

        .registered-user-invo-details .cptions-hearder-invc-1 {
            width: auto;
            padding: 20px 10px;
            vertical-align: top;
            text-align: right;
            color: #ffffff;
            text-transform: uppercase;
        }

        a.btn.btn-default.enquiry-btn.mt-25 {
            margin-bottom: 25px;
        }

        .dresses {
            display: block;
        }

        sign-up-form input[type="text"] {
            height: 45px;
            font-size: 15px;
            padding-right: 130px;
        }
    }

    /*=============================
break point 430
===========================*/
    @media(max-width: 430px) {
        .quickActions li {
            width: 25%;
            text-align: center;
            float: left;
            display: block;
        }

        .quickActions li a > span {
            display: block;
            line-height: normal;
            font-size: 8px;
        }

        .product-1-wrap figure {
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }

        .product-2-wrap figure {
            top: 50px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }

        .product-2-wrap {
            padding: 175px 0;
        }

        .slidecaption {
            padding-left: 90px;
        }

        .xv-accordian .table {
            margin-left: 40px;
        }

        .cart {
            /*   right: 60px;*/
        }

        span.cart-price.pull-right {
            font-size: 20px !important;
        }

        .hamburger {
            top: 60px;
        }

        .cap-details-txt input, .cap-shipping-details-txt input {
            padding: 0px 4px !important;
        }

        .info1, .info2, .info3 {
            font-size: 18px !important;
        }

        .signin-agile {
            min-height: 310px !important;
        }

        .login_wrapper_outside {
            min-height: 405px;
            margin: 70px auto;
        }

        .login_wrapper_outside {
            width: 90% !important;
        }

        .product-details-page-wrapper {
            margin-top: 30px;
            display: block;
            margin-bottom: 30px;
        }

        .shipping_details_title {
            margin-top: 30px;
        }

        .price_details2 ul.grid-pricing {
            width: auto;
        }

        .proceed_to_payment, .shop_more, .update_shopping-bag-btn {
            padding: 10px 25px !important;
            margin-bottom: 0px;
            margin-top: 35px;
        }

        .cpm-d-2 input {
            width: auto;
        }

        .cpm-d-2 {
            width: 30%;
            float: right;
        }

        .cpm-d-1 {
            width: 70%;
            float: right;
        }

        .shipping-cart-main-wp .lblpr, .shipping-detail-main-wp .lblpr {
            margin-bottom: 0px !important;
        }

        .shipping-cart-main-wp .smpl-shpng-crt .btn, .shipping-detail-main-wp .smpl-shpng-crt .btn {
            margin: 10px 0px !important;
        }

        .price_details2.pull-right .price_p {
            width: 100%;
        }

        span#couponerror {
            margin-top: 28px;
            margin-left: -190px;
        }

        
    }

/*=============================
break point 400
===========================*/

    @media(max-width:400px) {
    .badge {
        float: right;
        margin-top:0px;
        margin-right: -8px;
    }
    }
    /*=============================
break point 360
===========================*/
    @media(max-width: 360px) {
        .home .social-search.style2 {
            padding: 25px 25px 80px;
        }

        .home .social-search .social ul {
            text-align: center;
        }

        .social > span {
            text-align: left;
            display: block;
            padding-right: 100px;
        }

        .slidecaption .btn {
            width: auto;
        }

        .slidecaption {
        }

        .blog .social > span {
            display: none;
        }

        .blog .social-search .social ul {
            position: absolute;
            left: 0;
            top: 0;
        }

        input.btn.btn-default.idem-btn, .btn.btn-default.idem-btn {
            min-width: 65px !important;
            padding: 6px 10px !important;
            margin: 5px 10px 5px 0px !important;
            float: left !important;
            font-size: 13px;
        }

        .login_wrapper_outside {
            min-height: 428px !important;
            margin: 45px auto;
        }

        .lgn {
            margin-top: 0px !important;
        }

        a.btn.btnfacebook {
            background: #4267b2;
            min-height: 45px;
            min-width: 150px;
            font-size: 14px;
            margin-top: 8px;
            padding: 13px 0px !important;
            border-radius: inherit !important;
        }

        .signup-agileinfo .btn {
            min-width: 200px;
            min-height: 45px;
            border-radius: inherit !important;
            background-color: var(--secondary1-color) !important;
            color: #fff;
            font-size: 14px;
            padding: 10px 0px !important;
        }

        .form-group.text-center input.btn {
            min-width: 150px;
            min-height: 45px;
            border-radius: inherit !important;
            background-color: var(--secondary1-color) !important;
            color: #fff;
            font-size: 18px;
            padding: 10px 0px;
        }

        .signup-agileinfo .btn:hover {
            background: var(--secondary2-color) !important;
        }

        .xv-slider-content .btn {
            margin-left: 0;
        }

        .counter-wrapper > div {
            background: #323D43;
            height: 80px;
            width: 55px;
            padding: 6px 0;
        }

        .counter-wrapper #days, #hours, #minutes {
            font-size: 30px;
        }

        .saletimeout-content a {
            font-size: 25px;
            padding: 9px 34px;
            background: #1B3240;
        }

        .xv-sign-up h3 {
            font-size: 18px;
        }

        .sign-up-form input[type="text"] {
            padding-right: 115px;
        }

        .sign-up-form button {
            width: 115px;
        }

        .cart-buttons > li {
            padding: 0;
        }

        .btn-square {
            min-width: 30px;
            padding: 5px 0;
        }

        .single-product-overview .btn-rectangle {
            min-width: 95px;
            padding: 5px 0;
        }

        .btn-continue {
            font-size: 20px;
        }

        .single-product-overview .btn-continue {
            padding: 10px 65px;
        }

        .cart-options .btn {
            width: auto;
        }

        .product-1-wrap {
            padding: 40px 0 240px;
        }

        .product-2-wrap {
            padding: 156px 0 180px;
        }

        .products-wrap figcaption .btn {
            left: 0;
            margin-left: 0;
        }

        .special-offers .btn {
            width: 100%;
        }

        .xv-accordian .table {
            margin-left: 20px;
        }

        .cap-pro-name span:first-child {
            padding-right: 10px;
        }

        .proceed_to_payment, .shop_more, .update_shopping-bag-btn {
            margin-top: 0px;
        }

        .social {
            padding: 10px !important;
            font-size: 21px !important;
            width: 35px !important;
        }

        span#couponerror {
            margin-top: 28px;
            margin-left: -150px;
        }
    }

    @media (max-width: 330px) {
        .cart {
            right: -8% !important;
            padding: 5px 0px 0px 0px;
        }

        .hamburger {
            top: 63px !important;
        }

        .doc-header .header-bottom a.logo {
            width: 50%;
        }

        .glass-case ul li .gc-li-display-container {
            width: 33% !important;
        }

        .registration-subscribe-wp-main {
            margin: 10px !important;
            padding: 10px !important;
        }

        .shipping-cart-mob h4 {
            font-weight: 700;
            font-size: 17px;
        }
    }