html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif; font-weight:400;
}
.contact-bg{ background: url(../images/contact-bg.jpg) top no-repeat fixed; background-size: cover; padding: 120px 0;
 min-height: 550px;
    background-size: cover;

}

   

.contact-holder {
    background: #fff;
    padding: 60px;
}
.cat-col-holder{ background: #F6F7F8; border-radius: 4px; margin-top: 50px; padding: 25px; padding-top: 80px; }
.cat-img-holder{ left: 0; right: 0; width: 100px; top: -50px;}
.cat-img-holder img {
    width: 100px;
    height: 100px;
}.main-banner {
    background: #000; position:relative
}
.main-banner.shop{ background:#3461DB}
.main-banner.shop img {
    width: 100%;
    opacity: .2;
}
.main-banner img{ width: 100%; opacity: .8;}
.main-banner .container {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.banner-captions {
    max-width: 500px; color: #fff;
}
h2.main-title {
    font-size: 45px;
    font-weight: 600;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
    background:url(../images/next.svg) center center no-repeat !important;
}
.owl-nav button span{ display:none}
.socail a {
    color: #0B3B5B;
    padding: 0 7px;
    font-size: 16px !important;
}
button.owl-next {
    right: 5%;
}
button.owl-prev {
    left: 5%;
    transform: translate(0, -50%) rotate(180deg);
}
.btn-banner {
    border-radius: 20px;
    font-size: 14px;
}
.top-head {
    background: #F6F7F8;
    font-size: 14px;
    padding: 10px 0;
	    color: #0B3B5B;
}
.main-menu {
    text-align: right;
}
.main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.main-menu ul li {
    display: inline-block;
}
.main-menu ul li a {
    padding: 30px 10px;
    display: block;
    color: #646C84;
    font-weight: 400;
    font-size: 15px;
}
.logo {
    padding: 15px 0;
}
.logo h1 {
    margin: 0;
}
.about-col {
    padding-top: 90px;
}

.icons-wrap {
    display: flex;
    margin-top: 25px;
}
.icons-wrap>div{ padding:0 10px; height: 30px;}
.icons-wrap>div:last-child{ padding-right: 0;}

.top-icon{ width: 30px; height: 30px; background: url(../images/top-icons.svg) no-repeat; display: block;}
.top-icon.search {
    background-position: 0 4px;
}
.top-icon.user {
    background-position: 0px -44px;
}
.top-icon.basket {
    background-position: 0 -90px;
}

.basket .badge {
    position: absolute;
    right: 0;
    border-radius: 100%;
    min-width: 18px;
    min-height: 18px;
    letter-spacing: 1px;
    font-size: 10px !important;
    line-height: 17px;
    font-weight: normal;
    text-align: center;
    padding: 0;
}

.register-col {
    background: #3461DB;
    text-align: center;
    padding: 80px 30px;;
}
.register-col.s-light{  background:#347CDB}
.register-col.light{  background:#3498DB}
.icon-col {
    min-height: 80px;
    text-align: center;
}
.register-wrap {
    margin-bottom: 70px;
}

.about-wrap {
   
    margin-bottom: 70px; overflow:hidden
}

.register-online {
    background: #F5F5F5;
    padding: 35px 0; margin-bottom:70px
}
.register-online a.btn.btn-primary {
    float: right; margin-top:15px
}
.register-online p{ font-size:20px; color:#646C84}
.register-online p {
    font-size: 20px;
    color: #646C84;
    margin: 0;
    float: left;
    line-height: normal;
    margin-top: 10px;
}
.about-img img {
    width: 100%;
}
.about-img { padding-right:50px;}

.register-wrap {
    margin-bottom: 70px;
    position: relative;
    margin-top:30px;
    z-index: 1;
}
.services-wrap {
    margin-bottom: 70px;
}
.footer .container {
    max-width: 90%;
}
.btn-border{ background-color:transparent; border:2px solid #3461DB; color:#3461DB;}


.form-control{ border-color:#D8D8D8; font-size:14px; height:45px; padding:8px 15px} 
textarea.form-control{ height:100px; resize:none}
button.btn.btn-warning.btn-banner.py-2.px-4 {
    padding: 12px 35px !important;
    border-radius: 30px;
	color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
}
.footer-holer input.form-control,.footer-holer button.btn.btn-outline-secondary {
    background: transparent !important;
    border-color: #A2A8B1; color:#fff; font-size:14px;
}
.service-icon img {
    width: 60px;
}
.main-banner{ max-width:calc(80% - 30px); margin:0 auto}

@media (max-width: 1921px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 80% ;
}
}

@media (max-width: 1440px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}

.main-banner .container{ max-width:1000px}
}

.cat-col-holder{ padding: 70px 40px; padding-top: 70px;}
}






/* Shop  Section */

.product-shop-holder{ border:1px solid #DFDFDF; box-shadow:0 3px 6px rgba(0,0,0,0.18)}
.product-shop-holder:after {
    clear: both;
    content: "";
    display: block;
}
.ratings {height: 20px; position: relative;     display: inline-block;
    width: 120px;background: url(../images/rating.svg) top no-repeat; background-size:120px; background-position:0 0}

.ratings span{ height: 100%; position: absolute; left: 0; top: 0; background: url(../images/rating.svg) no-repeat; background-size:120px;background-position: 0 -25px;}
.product-shop-holder {
    border: 1px solid #DFDFDF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.18);
    display: flex;
  
}
.left-nav-holder {
    flex: 0 0 20%;
    max-width: 20%;
	border-right:1px solid #D9D9D9;
}
.layered-nav {
    padding: 20px;
    border-bottom: 1px solid #D9D9D9;
	    padding-left: 50px;
}

.nav-title h6 {
    margin: 0;
}

.right-shop-holder {
    flex: 0 0 80%;
    max-width: 80%;
}
.grid-view {
    display: flex;
    flex-wrap: wrap;
}
.pr-col {
   
    width: 33.33%;
    border: 1px solid #D9D9D9;
    border-left: 0;
	padding:30px 25px;
    border-top: 0; position:relative;
	
}
.pr-col h3 {
    font-size: 18px;
    color: #000; position:relative; z-index:2
}
.current-price {
    font-size: 22px;
    font-weight: 700;
    color: #3461DB; padding-right:10px
}
.old-price {
    text-decoration: line-through; font-size:14px; color:rgba(0,0,0,.6)
}
.seller {
font-size: 14px; position:relative; z-index:1}
.seller  a {
    color: #56A941;
    text-decoration: underline;
}
.cat-title {
    position: absolute;
    left: 25px;
    top: 30px;
    right: 25px;
    color: #fff;
    z-index: 1;
}
.actions {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    z-index: 1;
    transform: translate(0, -50%);
}
.price{ position:relative; z-index:1}
.actions,
.cat-title{opacity:0;}
.btn-addcart {
    border-radius: 30px;
    background: #fff;
    padding: 12px 30px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #3461DB;
    letter-spacing: .5px;
    box-shadow: 0 0 10px rgb(33, 70, 167);
}
.btn-circle {
    width: 45px;
    height: 45px;
    border-radius: 100%; border:0;
	background:url(../images/eye-heart.svg) no-repeat rgba(255,255,255,.30); 
  
}
.btn-circle.btn-view {
    background-position: 11px 12px;
}
.btn-circle.btn-heart {
    background-position: -73px 14px;
}
.desc {
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    padding: 0;
    background: rgba(50,97,219,0);
    box-shadow: 0 0 0px rgba(50,97,219,0);
    transition: all ease .2s;
    width: 100%;
    z-index: 0;
}

.pr-col:hover .desc {
    
    color: #fff;
	height:100%;
	background: rgba(50,97,219,.9);
	box-shadow: 0 0 40px rgba(50,97,219,.5);
}
.pr-col:hover .seller{color:#fff}
.pr-col:hover h3{ color:#fff}
.pr-col:hover .current-price,
.pr-col:hover .old-price,
.pr-col:hover .seller a{ color:#fff}

.pr-col:hover .actions,
.pr-col:hover  .cat-title {opacity:1}

.top-filter{display: flex;
    flex-wrap: wrap;}
	
	.f-col {
   
     width: 33.33%;
    border: 1px solid #D9D9D9;
	border-top:0;
    border-left: 0; min-height:60px;}
	.f-col:last-child{ border-right:1px solid transparent}
.grid-btn, .list-btn {
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    border-right: 1px solid #D9D9D9;
    line-height: 60px;
    background: url(../images/list-grid.svg) top no-repeat;
    background-position: -64px 22px; font-size:0;
}
.grid-btn{background-position: -64px 22px;}

.list-btn{background-position: -64px -27px;}

.grid-btn.active,
.grid-btn:hover{background-position:21px 22px;}

.list-btn.active,
.list-btn:hover{background-position:22px -27px;}


.clear-btn {
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    border-left: 1px solid #D9D9D9;
    line-height: 60px;
    background: url(../images/clear.svg) center no-repeat;
    margin-top: -20px;
    margin-right: -20px;
	position:relative; z-index:10
}
.layered-nav .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .5px;
}


.list-pr-col {
    border-bottom: 1px solid #DFDFDF;
	padding:15px;
	 box-shadow: 0 10px 8px rgba(52,97,219,0);
transition: all ease 0.2s;
}
.list-pr-col:hover {
    border-bottom: 3px solid #3461DB;
    box-shadow: 0 10px 8px rgba(52,97,219,.2);
}
.layered-nav .form-control {
    border-radius: 35px;
    height: 40px;
}
.ui-slider .ui-slider-handle{ border-radius:100%}
.ui-widget-header{background: #347CDB !important}
.ui-widget.ui-widget-content {
    border: 0;
    border-radius: 0;
    background: #D9D9D9;
    height: 6px !important;
	npm uninstall ngx-slick-carousel
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.4em;}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em;
    outline: none; background:#fff
}



.list-pr-col:hover .actions .btn-addcart {
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    border: 1px solid #3461DB;
    color: #fff;
    background: #3461DB;
}
.list-pr-col .pr-img-holder {
    float: left;
    width: 115px;
    padding: 0 0 0 15px;
}
.discription p {
    font-size: 14px;
}
.qty-wrapper {
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 30px;
    height: 35px;
	    margin-top: 10px;

	padding:0 45px; display:inline-block;
}
.qty-wrapper input {
    height: 32px;
    border: 0 !important;
    width: 35px; 
    text-align: center;
}
.qty-wrapper input:focus,
.minus:focus, .plus:focus{ border:0; outline:0}
.minus, .plus {
    width: 45px;
    height: 100%; cursor:pointer;
	left:0; line-height:35px;
    position: absolute;
    text-align: center;
}
.plus { right:0; left:auto}
.list-pr-col .current-price{ font-size:18px; font-weight:500;}
.list-pr-col .btn-circle.btn-heart {
    background-position: -73px -22px;
}
.list-pr-col  .btn-circle.btn-view {
    background-position: 11px -24px;
}
.list-pr-col .actions .btn-addcart {
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    border: 1px solid #D9D9D9;
    color: #333740;
}
.pr-img-holder img {
    max-width: 100%;
}
.list-pr-col:after {
    content: "";
    display: block;
    clear: both;
}
.list-pr-col .actions{ position:static; opacity:1; width:290px;    transform: translate(0, 0%);}
.f-compare {
    float: right;
    padding: 19px 0;
    text-align: center;
    width: calc(100% - 120px);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000000;
    min-height: 60px;
}

.f-compare .badge.badge-primary {
    border-radius: 100%;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -5px;
    line-height: 14px;
    font-size: 12px;
    padding: 3px;
    text-align: center;
}
.select-comp {
    display: flex;
    width: 80%;
    margin: 0 auto;
    margin-top: 18px;
}

li.breadcrumb-item {
    font-size: 14px;
}
li.breadcrumb-item a{ color:#fff}
.breadcrumb-item+.breadcrumb-item::before{ content:">"; color:#fff}
.breadcrumb-item.active {
    color: #fff;
}
.select-comp span{ font-weight: 600;
    font-size: 14px; text-transform:uppercase;
    letter-spacing: 1px;
	    margin-right: 10px; padding-top:2px;
    color: #000000;}
	
	.select-comp .select {
    flex-grow: 8;
}

.select-comp  select {
    width: 100%;
    border: 0;
	font-size:14px;
}
	
	.layered-nav ul {
    padding: 0;
    list-style: none; margin:0
}.nav-title h6{ position:relative}
.nav-title h6 i {
    position: absolute;
    font-size: 16px;
    left: -20px;
    font-weight: 600;
}
	
	
	.layered-nav ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    text-decoration: none !important;
}
.layered-nav ul li .badge {
    float: right;
    background: transparent;
    color: #D2D2D2;
    font-weight: normal;
    margin-top: 5px;
}
.layered-nav ul li {
    margin-bottom: 12px;
}
.layered-nav ul li:last-child{ margin-bottom:0}
	li.page-item:first-child {
    position: absolute;
    left: 0;
	   
}
li.page-item:first-child .page-link{ border-radius: 0;
    border: 0;
    border-right: 1px solid #dee2e6;}

.pagination{ position:relative; margin:0}
li.page-item:last-child {
    position: absolute;
    right: 0;
	    border-radius: 0;
    border: 0;
    border-left: 1px solid #dee2e6;
}

li.page-item:last-child .page-link{ border-radius: 0;
    border: 0;
    border-right: 1px solid #dee2e6;}
	.page-link{border-top: 0;
    border-bottom: 0;}
.page-link {
   
    padding: 15px 15px;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    text-align: center;
    min-width: 50px;
}
.footer-links {
    padding: 0;
    list-style: none;
}
.footer-links li a {
    color: #D8D8D8;
    text-decoration: none !important;
    display: block;
    padding: 5px 0;
}
.footer-links li a:hover{ color:#fff}

.footer {
    bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #455063;
    padding-top: 80px;
    max-width: calc(80% - 30px);
    margin: 0 auto;
}

.footer-info {
    list-style: none;
    padding: 0;
}
.footer-info li{
    
    padding: 5px 0;
}
.footer-img {
    margin-bottom: 20px;
}
.product-wrap {
    margin-bottom: 70px;
}




/* Range Slider */

.price-range-block {
    margin:60px;
}

.sliderText{
    width:40%;
    margin-bottom:30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight:bold;
}

.ui-slider-horizontal {
    height: .6em;
}
.ui-slider-horizontal {
    margin-bottom: 15px;
    width: 92%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.ui-widget-header {
    background: #3FE331;
}

.price-range-search {
    width:40.5%; 
    background-color: #f9f9f9; 
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom:20px;
    font-size:16px;
}
.price-range-field{
    width:20%; 
    min-width: 16%;
    background-color:#f9f9f9; 
    border: 1px solid #6e6666; 
    color: black; 
    font-family: myFont; 
    font: normal 14px Arial, Helvetica, sans-serif; 
    border-radius: 5px; 
    height:26px; 
    padding:5px;
}
.search-results-block{
    position: relative;
    display: block;
    clear: both;
}




@media (max-width: 1440px){

.main-banner,.footer {
    max-width: calc(1140px - 30px);
    margin: 0 auto;
}}




/*----------------Company-------------*/

.cart_form {
	padding: 25px;
	border: 1px solid #E5E5E5;
	border-radius: 6px;
}


.auth h2.main-title{ font-size:34px; letter-spacing: 1px;}
.banner-captions.auth {
    max-width: 1000px;
}
.btn-rounded {
    min-width: 150px;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
}
.btn-upload-file {
    background: #3461db;
}
select:not([multiple]){ background:url(../images/select-arrow.svg) no-repeat !important;
background-position: calc(100% - 15px) !important;}


.custom-control {padding-left: 35px; color: #80848F;}
.custom-control-label::before {
width: 23px;height: 23px;border: #E0DFDF solid 1px; left:-35px; top:0}

.custom-control-label::after {
    top: 0;
    left: -35px;
    width: 23px;
    height: 23px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../images/check.svg); background-size:13px
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: #E0DFDF;
    background-color: #fff;
}

.height-100{min-height:100%}

.company-profile-holder{}
.company-profile-holder .form-control{ border-color:#D8D8D8; font-size:14px; height:44px; padding:8px 15px} 
.company-profile-holder .cart_form h6{ font-size:20px; text-transform:uppercase; font-weight:500; color:#56A941}
.company-profile-holder .cart_form{ margin-bottom:30px;}
.card_add{ border:1px dashed #ccc; border-radius:.25rem; text-align:center; height:200px;}
.company-profile-holder .cart_form .form-control.texta {
	height: 64px;
}

.fileUpload {
    position: absolute;
    overflow: hidden;
    width: 44px;
    height: 44px;
    border-radius:50px;
	background:#3461DB;
	line-height:1.8;
	box-shadow: 0px 4px 10px rgba(52, 97, 219, 0.3);
}
.fileUpload img {
    width: 100%;
}
.fileUpload input[type=file] { position: absolute;top:-50px; right: 0; margin: 0; padding: 0; font-size: 33px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); width: 100px; height: 100px; border-radius:50px;}

.fileUpload i { color: #efefef;}
.input-group-append .btn{ border: 1px solid #D8D8D8;}
.cart_form.form_col {
	height: 400px;
}
.file-list .media {
    align-items: center;
    color: #80848F;
    font-size: 15px;
}
.icon{ width:20px; height:20px; background:url(../images/sprite.svg) no-repeat;display:inline-block}
.icon.download{ background-position:0 2px}
.icon.delete {background-position: -28px 2px;}


select:not([multiple]) {
	background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'><path fill='grey' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>") #fff;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	-webkit-appearance: none;
-moz-appearance: none;}



.checkbx{ position:relative; height:22px; display:inline-block; width:22px;}
.checkbx input{ opacity:0; width:22px; height:22px; position:absolute; left:0;  margin:0 auto; z-index:1000}
.checkbx input[type="checkbox"] + span,
.checkSec .checkbx input[type="checkbox"] + label + span
{ height:22px; border-radius:2px;  width:22px; position:absolute; left:0; margin:0 auto; top:0; border:1px solid #E0DFDF;  }
.checkSec .checkbx {
  padding-left: 33px;
  width: auto; font-size:15px;
}
.checkbx input[type="checkbox"]:checked + span,
.checkSec .checkbx input[type="checkbox"]:checked + label span
{ border:0;box-shadow:0 0 2px #909090;}
.checkbx input[type="checkbox"]:checked + span:after,
.checkSec .checkbx input[type="checkbox"]:checked + label + span:after
{ background: #56A941;border-radius: 0px; color: #fff; content:"\f00c";font-family: "FontAwesome"; font-size: 12px; height: 100%;left: 0; line-height: 22px; text-align:center; position:absolute; top: 0; border-radius:2px; width: 100%; transform:scale(1);}
.user_info{ width:550px; margin:100px 0;}
.company-profile-holder .cart_form .btn-update{padding:12px 35px;}

.menu-profile {
    min-height: 100px;
    background: url(../images/banner_01.jpg);
    margin: 0 -15px;
    padding: 20px 20px; display:none;
    background-size: cover; position:relative
}
.menu-profile:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 0;
}
.menu-profile p {
    margin: 15px 0 0;
    position: relative; z-index:1
}
.menu-user {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 100%;
    margin-left: 0;
    background: url(../images/top-icons.svg) no-repeat rgba(255,255,255,1);
    background-position: 10px -35px;
	position: relative;
    z-index: 1;
}
.menu-profile p a {
    color: #fff;
    font-weight: 500;
    margin-right: 15px;
    letter-spacing: 1px;
    font-size: 14px;
}
.mobile-filter{ display:none}


.datepicker td, .datepicker th{ font-size:14px;     width: 30px;
    height: 30px;}
.datepicker th{ font-weight:500}

.datepicker.datepicker-dropdown {
    box-shadow: 0 0 10px rgba(0,0,0,.08);
    border-color: #ebebeb;
    padding: 15px;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #4CAF50, #4CAF50);
    background-image: -ms-linear-gradient(to bottom, #4CAF50, #4CAF50);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4CAF50), to(#4CAF50));
    background-image: -webkit-linear-gradient(to bottom, #4CAF50, #4CAF50);
    background-image: -o-linear-gradient(to bottom, #4CAF50, #4d9d50);
    background-image: linear-gradient(to bottom, #4CAF50, #4d9d50);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CAF50', endColorstr='#4CAF50', GradientType=0);
border-color: #4CAF50 #4CAF50 #4d9d50;}


.custom-file.custom-file-icon{ height:44px}
.custom-file.custom-file-icon .custom-file-label {
    height: 100%;
    text-align: left;
    line-height: 32px;
    font-size: 14px;
    color: #495057;
}
.custom-file.custom-file-icon .custom-file-input:lang(en)~.custom-file-label::after {
    content: "";
    height: 100%;
    width: 44px;
    background: url(../images/upload.svg) center no-repeat #3461db;
}

#accordion .card-header .btn.btn-link {
	display: block;
	width: 100%;
	padding: 0;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.02em;
	color: #ED2024;
	line-height: 20px;
	text-decoration: none !important;
	text-align: left;
	margin: 0;
	border: 0;
	outline: none;
	display: flex;
	align-items: center; white-space:normal
}

#accordion .card-header .btn.btn-link[aria-expanded="true"]:after {
	content: "-";
	font-size: 0;
	margin-left: auto;
	background: #ED2024;
	border-radius: 4px;
	width: 12px;
	height: 2px;
}

#accordion .card-header .btn.btn-link[aria-expanded="false"]:after {
	content: "+";
	margin-left: auto;
	font-size: 24px;
}

#accordion2 .card-header .btn.btn-link[aria-expanded="true"]:after,
.faq-accordian#accordion .card-header .btn.btn-link[aria-expanded="true"]:after {
	background: url(../images/down-arrow.svg) center center no-repeat;
	width: 20px;
	flex:0 0 20px;
	height: 20px;
	font-size: 0;
	transform: rotate(180deg);
}

#accordion2 .card-header .btn.btn-link[aria-expanded="false"]:after,
.faq-accordian#accordion .btn.btn-link[aria-expanded="false"]:after {
	background: url(../images/down-arrow.svg) center center no-repeat;
	width: 20px;
	height: 20px;
	font-size: 0
}



.faq-accordian#accordion .card-header .btn.btn-link[aria-expanded="false"]:before {
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	border-bottom: 1px solid #E6E6E6;
	display: none;
}

.faq-accordian .card-header {
	padding: 0;
	border: 0;
	background: none
}

#accordion2 .card-header .btn.btn-link,
.faq-accordian#accordion .btn.btn-link {
	font-weight: normal;
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 0.02em;
	color: #000;
}

.faq-accordian#accordion .btn.btn-link {
	font-size: 18px; font-weight:500;
	padding: 15px 15px 15px; margin-bottom:0 !important
}

.faq-accordian#accordion .card-body {
	padding: 0 15px 20px;
}

.faq-accordian#accordion .collapse {}


.faq-accordian#accordion .card {
    margin-bottom: 15px;
    border-radius: 4px;
}

.box-faq-contents {
    margin-top: 30px;
}

ul.testimonialsList {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
	margin:0 -15px;
}
ul.testimonialsList li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 15px; display:flex;
	margin-bottom:30px;
}
.in-test {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
	width:100%;
	padding: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,.05);
}

.quote {
    min-height: calc(100% - 35px);
}
.author i{ margin-right:10px;}
.author h5 {
    font-size: 14px;
    line-height: normal;
    margin: 0;
	color: #56a941;
}
.author {
    display: flex;
}
.author p {
    font-size: 14px;
    margin: 0;
    padding-left: 15px;
	color: #347cdb;
}



@media (max-width: 992px){ 
	.menu-profile{ display:block}
.mobile-collapse {
    background: url(../images/menu.svg) top no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
	margin-top: 14px;
    left: 20px;
}
.mobile-collapse span {
    height: 2px;
    background: #000;
    display: block;
    margin: 5px;
}
.col.mobile-menu {
    position: fixed;
    top: 0;
    left: -250px;
    z-index: 100;
    bottom: 0;
    width: 250px;
    background: #fff; transition:all ease .2s
}
.col.mobile-menu.active{ left:0}
.menu-drop, .fiter-drop{ position:fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,.5); width:100%; z-index:99; display:none}
.col.mobile-menu.active+.menu-drop{ display:block}
.logo {
    padding: 10px 0;
    margin-left: 50px;
}
.logo img {
    width: 130px; display:block
}
.header .container{ position:relative}
.icons-wrap {
    display: flex;
    margin-top: 12px;
}
.icons-wrap>div {
    padding: 0 8px;
    height: 30px;
}
.top-icon {
    width: 25px;
    height: 26px;
    background: url(../images/top-icons.svg) no-repeat;
    display: block;
    background-size: 20px 86px;
}
.top-icon.search {
    background-position: 2px 5px;
}
.top-icon.user {
    background-position: 2px -30px;
}
.top-icon.basket {
    background-position: 3px -64px;
}
.main-menu {
    text-align: center;
    margin: 0 -15px;
}
.main-menu ul li {
    display: block;
    text-align: left;
}
.main-menu ul li a {
    padding: 18px 20px;
    display: block;
    color: #646C84;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.menu-profile p {
    margin: 15px 0 0;
}
.top-head{ display:none}

.main-banner .owl-carousel .owl-item img{ width:auto; height:220px;}

.main-banner .container {
    max-width: 80%;
}

h2.main-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px !important;
}
.account-sec{ display:none}


.left-nav-holder {
    flex: 0 0 100%;
    max-width: 100%;
    border-right: 1px solid #D9D9D9;
    position: fixed;
    width: 100%;
    bottom:-100%;
    background: #fff;
    left: 0;
    z-index: 45;
	height:60%; overflow:auto;
    box-sizing: border-box;
}
.left-nav-holder.active{ bottom:45px}
.left-nav-holder.active+.fiter-drop{ display:block; z-index:44}
.top-filter {
    display: block;
    flex-wrap: wrap;
    position: fixed;
    bottom: -100%;
    width: 100%;
    left: 0;
    z-index: 45;
    background: #fff;
    height: auto;
    padding-bottom: 55px;
}
.top-filter.active+.fiter-drop {
    display: block;
    z-index: 44;
}
.top-filter.active{ bottom:0}

.layered-nav ul li {
    margin-bottom: 5px;
}
.product-shop-holder {
    border: 0;
    box-shadow: none;
    display: flex;
}
.right-shop-holder {
    flex: 0 0 100%;
    max-width: 100%;
}
.pr-col {
    width: 46%;
    border: 1px solid #f2f2f2;
    padding: 40px 20px20px;
    margin: 2% 2%;
    border-radius: 6px;
}
.product-shop-holder {
    border: 0;
    box-shadow: none;
    display: flex;
} .cat-title{ color:#000; opacity:1; top:20px}
.actions{ position:static; opacity:1; transform:translate(0,0);
    text-align: left;
    margin: 15px 0 0;}
	
	.btn-circle {
    background: url(../images/eye-heart.svg) no-repeat rgb(52, 97, 219);
}

.btn-addcart {box-shadow: 0 0 10px rgba(33, 70, 167,.2);}
li.page-item:first-child,li.page-item:last-child{ position:static}
.mobile-filter {
    position: fixed;
    bottom: -1px;
    background: #fff;
    width: 100%;
    z-index: 50;
    left: 0;
   display: flex; 
    padding: 0;
    box-shadow: 0 -4px 5px rgba(0,0,0,.05);
}

.mobile-filter>div {
    width: 50%;
    text-align: center;
    padding: 15px 20px;
}
.m-filter {
    border-left: 1px solid #dcdcdc;
}
.m-sort-icom {
    background: url(../images/sort.svg) center left no-repeat;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 600;
    background-size: 14px;
    font-size: 12px;
    letter-spacing: 1px;
}


.m-filter-icom {
    background: url(../images/filter.svg) center left no-repeat;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    background-size: 12px;
    letter-spacing: 1px;
}
.top-filter{ display:block}
.f-col{ width:100%; min-height:45px}
.f-col:last-child .pull-left{ display:none}
.f-compare{ width:calc(100% - 0px); min-height:10px; float:none;}
.f-col:last-child {
    border: 0;
}
.footer{padding-bottom: 50px !important;}
.breadcrumb{ margin:0}
.register-wrap{ margin-bottom:30px}
.about-col {
    padding-top: 30px;
}
.category-holder .col-md-3 {
    max-width: 50%;
    flex: 0 0 50%;
}
.contact-info .col-lg-4.col-md-4.col-sm-8 {
    
    flex: 0 0 100% !important; 
	max-width: 100%!important; 
}
.register-col h5.text-uppercase {
    font-size: 18px;
}
.register-col {
    padding: 80px 20px;
}
ul.testimonialsList li {  flex: 0 0 50%;
    max-width: 50%;}
}
@media (max-width: 767px){
.register-wrap{ margin-top:20px;}

.main-banner.shop{ overflow:hidden}
.main-banner.shop img {
    width: auto;
    opacity: .2;
    height: 130px;
}
.pr-col{ width:100%; margin:15px 0 0; padding:20px }
.about-img {
    padding-right: 0;
}
.category-holder .col-md-3 {
    max-width: 100%;
    flex: 0 0 100%;
}
.services-wrap .col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
}
.services-wrap {
    margin-bottom: 0;
}
.product-wrap {
    margin-bottom: 30px;
}

ul.testimonialsList li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    display: flex;
    margin-bottom: 15px;
}
.faq-accordian#accordion .btn.btn-link {
font-size: 15px;}
.faq-accordian#accordion .card-body {
    padding: 0 15px 20px;
    font-size: 14px;
}
}