@charset "utf-8";
/* CSS Document */

.ds-btn li{ list-style:none; float:left; padding:10px; width:50%; }
.ds-btn li label span{padding-left:15px;padding-right:5px;width:150px;display:inline-block; text-align:left;}
.ds-btn li label span small{width:100%; display:inline-block; text-align:left;}
.thinscrillbar {
	height: 100px;
	padding: 5px;
	overflow-y: auto;
}

.separate{
	'width:500px;
	border-bottom:3px solid #FF5722;
 
	margin: 20px auto;
	}
	
.btn-fm{ background:#690; color:#FFF }	
.btn-fm:hover{ background:#693;  color:#FFF}


.btn-fm2{ background:#24c3f7; color:#FFF }	
.btn-fm2:hover{ background:#21b3e2;  color:#FFF}

.btn-fm3{ background:#f1312c; color:#FFF }	
.btn-fm3:hover, .btn-fm3:active{ background:#d62722;  color:#FFF}

.btn-fm4{ background:#008BD2; color:#FFF }	
.btn-fm4:hover{ background:#4E87E1;  color:#FFF}

.btn-fm5{ background:#690; color:#FFF }	
.btn-fm5:hover{ background:#693;  color:#FFF}


.header_title {
    background: url(../images/cat_bg.png) no-repeat;
    padding: 40px 20px;
	color:#FFF;
}

.header_title h2{ color:#FFF; }



.cat-marked > li a{ 
	border-bottom:1px solid #DEDEDE;
	padding:8px 10px;
	display:block;
	}
.cat-sub-marked{
	background:#EAEAEA;
	}
.cat-sub-marked li{
	list-style:none; 
	font-size:14px;
	}
.cat-marked > li .active{ background:#313B46; color:#FFF; }	
 .cat-marked > li a::before {
	position: relative;
	display: inline-block;
	right:0;
	float:right;
	top: -1px;
	min-width: 25px;
	content: '\f105';
	font: 400 14px/24px 'FontAwesome';
	color: #b7b7b7;
}

.cat-sub-marked > li a::before {
	position: relative;
	display: inline-block;
	left:10px;
	top: -1px;
	min-width: 25px;
	content: '\f105';
	font: 400 14px/24px 'FontAwesome';
	color: #b7b7b7;
}

.cat-sub-marked > li a::after { 
	content: ''; 
}
.cat-sub-marked > li  .active{   color:#BB0303; background:#EAEAEA; }	
.product-box {
    position: relative;
    box-shadow: 0px 2px 10px -4px #333745;
    cursor: pointer;
    padding: 10px 10px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.cap-bg-black {
    background: #333745;
}

.cap-bg-red {
    background: red;
}

.cap-bg-theme {
    background: #ff3546;
}


.shop-tab li i{ font-size:24px; }
.grid-img{ min-height:200px; overflow:hidden; }

.viewtxt{ float:right}

.line{ border-bottom: 1px dashed gray;}


/*	gallery */

.gallery-title{
    font-size: 36px;
    color: #3F6184;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.filter-button{
    font-size: 18px;
    border: 2px solid #dedede;
	padding:5px 10px;
    text-align: center;
    color: #3F6184;
    margin-bottom: 30px;
	background: #dedede;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
    color: #ffffff;
    background-color:#3F6184;
	border: 2px solid #3F6184;
	outline:none;
}
.gallery_product{
    margin: 0px;
	padding:3px;
	position:relative;
}
.gallery_product .img-info{
	position: absolute;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
	margin:3px;
	overflow:hidden;
	color:#fff;
	top:0;
	display:none;
	   -webkit-transition: 2s;
    transition: 2s;
}

.gallery_product:hover .img-info{
	display:block;
   -webkit-transition: 2s;
    transition: 2s;
}

 /**
* Block services
**/
.block-services {
	padding: 50px 25px;
	border: 1px solid #ebebeb;
}

* + .block-services {
	margin-top: 65px;
}

.block-services-item {
	padding-bottom: 20px;
}

.block-services .table-custom {
	width: 99%;
	position: relative;
}

.block-services .table-custom-responsive {
	border: none;
}

.block-services .table-custom:before {
	content: '';
	position: absolute;
	left: 0;
	width: 41px;
	top: 0;
	height: 1px;
	border-top: 3px solid #227ad2;
}

.block-services .table-custom tr:first-child td:first-child {
	padding-top: 40px;
}

.block-services .table-custom td {
	padding: 20px 0;
	vertical-align: bottom;
}

 

.block-services .table-custom-responsive {
	margin-top: 10px;
}

@media (min-width: 768px) {
	.block-services {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		padding: 60px 50px;
	}
	.block-services-item {
		flex-basis: 50%;
	}
	.block-services-item:nth-child(odd) {
		padding-right: 50px;
		border-right: 1px solid #ebebeb;
	}
	.block-services-item:nth-child(even) {
		padding-left: 50px;
	}
}

@media (min-width: 1200px) {
	* + .block-services {
		margin-top: 100px;
	}
}


/*
*
* Table custom
*/
.table-custom {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	text-align: left;
	background: #fff;
	border-collapse: collapse;
}

.table-custom th,
.table-custom td {
	color: #000;
	background: #fff;
}

.table-custom th {
	padding: 35px 28px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	background: #f2f3f8;
}

@media (max-width: 767px) {
	.table-custom th {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.table-custom td {
	padding: 17px 24px;
}

.table-custom tbody tr:first-child td {
	border-top: 0;
}

.table-custom tr td {
	border-bottom: 1px solid #d9d9d9;
}

.table-custom tfoot td {
	font-weight: 700;
}


.footer_mobile{
	background: rgb(251,251,251);
	background: linear-gradient(3deg, rgba(200,100,200,1) 0%, rgba(49,39,141,1) 100%);
	border-top: 2px solid #312783 ;
	padding: 0;
	margin: 0;
	border-top-left-radius: 50px 20px;
	border-top-right-radius: 50px 20px;
}
.footer_mobile a .fa{ color:#FFF; }
.footer_mobile .btn-link{
	color: #FFFFFF !important;
	font-size: 10px;}
.footer_mobile btn{
	padding: 0;
	margin: 0;
}
.footer_mobile li{ width: 18%; }

.badge-notify{
	background:#4CD964;
	position:relative ;
	top: -42px !important;
	left:   16px;
	z-index: 10;
	position: relative;
}
.midbutton{
	width: 65px;
	display: inline-block;
	padding-top: 10px;
	height: 65px;
	margin-top: 0px;
	background: transparent;
	color: #FFF;
	border-radius: 50% ;
	border: #F2F4F7 3px solid;
}