/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#topbar{
	background: url("../images/footer_strip.jpg");
    height: 2px;
}
.main-header{
    position: relative;
	z-index:200;
}
.search-open .main-header{z-index:199;}
.main-header #logo{
	height:100px;
	display:inline-block;
	float:left;
}
.main-header #logo a{
	display:block;
}
.main-header #logo img{
	height:85px;
}
#mainMenu.menu-left nav{margin-left:0;}
address i{
	width:20px;
	text-align:center;
}
#search{
	text-align:inherit;
}
.search-form-visible{
	position: relative;
	margin: 25px 0;
}
.search-form-visible .form-control{
	/* border-radius:0; */
	/* border:0; */
	width: 240px;
	/* box-shadow:0px 12px 4px -12px #e6e8eb; */
}
.search-form-visible .input-group>.input-group-append:not(:last-child)>.input-group-text-so{
     background-color:#fff;
}
.search-form-visible .input-group>.input-group-append:not(:last-child)>.input-group-text{
	border-top-right-radius: 5px; 
     border-bottom-right-radius: 5px;
}
.search-form-visible .input-group-text{
	background:#3eb134;
}
.search-form-visible .input-group-text i{
	color:#fff;
}
.search-form .form-control{color:#666;}
.hot-search{
	line-height:initial;
	display: block;
	width: 100%;
	margin-top: 0.4em;
	font-size: 11px;
	color: #999;
}
.hot-search a{
	margin: 0px 5px;
	color: #999;
}
.main-header .header-extras{height:100px;}
.header-extras > ul > li:first-child{margin-right:20px;}
.header-extras > ul > li:last-child{margin-right:0px;}
.header-extras > ul > li:last-child a{padding-right:0;}
.header-extras > ul > li:not(:first-child){margin-top: 0px;}
.header-extras > ul > li:not(:first-child) span{color:#3eb134;font-size:16px;}
.header-extras > ul > li:first-child i,.header-extras > ul > li:first-child > a:not(.btn) i{
	font-size: 16px;
}
.header-extras > ul > li i,.header-extras > ul > li > a:not(.btn) i{
	font-size: 26px;
}
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a{
	color:#fff;
}
.heading-text h2{font-size:40px;line-height:46px;}
.mainColor{background:#3eb134}
.mainColor i{color:#fff;}
.page-item input{
	position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
	color: #484848;
    background-color: #fff;
    border-color: #e6e8eb;
	width: 84px;
}
.pagination-lg .page-item input{
	padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
	
}
.pagination-lg .page-item input::-webkit-input-placeholder {
    color: #999;
    font-size: 11px;
}

.homePage .carousel-description-clients{
	align-items: center;
}
.homePage .carousel-description-clients .flickity-page-dots{
	bottom: -20px !important;
}
.homePage .new-arrival{

}
.homePage .new-arrival-bt{
	position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
	bottom:-1px;
}
.homePage .new-arrival-bt img{
	width: 100%;
    height: auto;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	max-width:100%;
}
.homePage .portfolio-item.shadow{background:#fff;}
.homePage .hot-categories{

}
.homePage .icon-box h3,.companyPage .icon-box h3{
	font-size:25px;
	line-height:28px;
	text-transform:uppercase;
	letter-spacing:0px;
	font-weight:normal;
}
.homePage .icon-box.fancy .icon i,.companyPage .icon-box.fancy .icon i{
	font-size:90px;
}
.homePage .hot-categories .portfolio-item .portfolio-item-wrap{
	border-radius:30px;
	border:6px solid #eee;
}
.homePage .about{
	/* text-align:center; */
}
.product{
	margin-bottom:0px;
}
.product .product-category{
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
}
.product .product-price{
	margin:0;
	width:20%;
	text-align:center;
}
.product .product-title{
	display:inline-block;
	width:80%;
}
.product .product-meta a{
	margin-right:6px;
}
.product-page .product .product-title h3, .product .product-title h3 a{
	height:36px;
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:2;
}
.product-page .product .product-title{
	width:auto;
	max-width:100%;
}
.product-page .product .product-title h3,.product-page .product .product-title h3 a{
	font-size:26px;
	line-height:28px;
	height:auto;
}
.aboutSection img{
	max-width: 95%;
	/*-ms-transform:rotate(-5deg);  IE 9 */
	/* -webkit-transform:rotate(-5deg); */ /* Safari and Chrome */
	/* transform:rotate(-5deg); */
	border-radius: 40px;
	/* border: 6px solid rgba(0,0,0,.05); */
}
.videoPage .portfolio-item .portfolio-description h3{
	margin-top:4px;
}
.goodsPage .page-menu nav{
	text-align:inherit;
}
.goodsPage .page-menu nav ul li:last-child{
	float:right;
}

.goodshowPage .tab-content img{
	max-width:100%!important;
}
.goodsVideoPlay {display:block;}
.goodsVideoPlay span{
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    margin-left: -30px;
    margin-top: -30px;
    border-radius: 50%;
    background: #2250fc;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
}
#mainMenu nav > ul > li > a{
	font-size:14px;
}
#header.header-mini .header-inner #mainMenu > .container nav > ul > li > a, #header.header-mini #header-wrap #mainMenu > .container nav > ul > li > a{
	font-size:20px;
	line-height:60px;
}
@media (max-width: 1024px)
{
	#header.header-mini .header-inner #mainMenu > .container nav > ul > li > a, #header.header-mini #header-wrap #mainMenu > .container nav > ul > li > a{
	font-size:14px;
	line-height:20px;
}
	}
.companyPage #page-title{padding:120px 0;}
.page-title h1{margin:0;}
.lines{
	top: -1px;
}
.breadcrumb{
	padding-left:0;
}
.profile-content{
	z-index: 0;
}
.profile-content .profile-image{
	background-position: 50% 50%;
}
.post-item .post-item-description .post-meta-date a, .post-item .post-item-description .post-meta-comments a, .post-item .post-item-description .post-meta-category a{margin-right:5px;}
.sidebar .widget .post-thumbnail-entry .post-thumbnail-content .post-date, .post-thumbnail-entry .post-thumbnail-content .post-category{text-transform:uppercase;}
.post-item .post-item-description .post-meta-date, .post-item .post-item-description .post-meta-comments, .post-item .post-item-description .post-meta-category{font-size:inherit;}
.custom-control{
	display:inline-block;
}
.post-item-spec{
	display:flex;
	flex-wrap: wrap;
	font-size:1.1rem;
}
.post-item-spec li{
	list-style:none;
	width:49%;
	padding-right:1%;
	display: flex;
}
.post-item-spec li span:nth-child(odd){
	width: 110px;
	/* display: inline-block; */
	margin-right: 8px;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #888;
	/* letter-spacing: -1px; */
}
.post-item-spec li span:nth-child(even){
	font-weight: normal;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post-item-spec .post-item-price span:nth-child(even){
	color:#e60012;
}
.header-extras .p-dropdown .p-dropdown-content, .header-extras .p-dropdown ul.p-dropdown-content{
	right:0;
}
.post-item.border > .post-item-wrap > .post-item-description{padding:15px!important;}
@media (max-width: 1024px){
	#header #logo{
		text-align: left;
		margin-right:15px;
	}
	.header-extras {
		float: right;
	}
	.heading-text.heading-plain h2, .heading-text.heading-light h2, .heading-text.heading-section h2 {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 16px;
	}
	.heading-text.heading-plain h2, .heading-text.heading-light h2, .heading-text.heading-section h2 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 16px;
	}
	#footer .social-icons.float-right{
		float:left!important;
	}
	.profile-content .profile-bio{
		width:100%;
	}
	.goodshowPage .tab-content td div{
		width:auto!important;
	}
	.goodshowPage .ife-detail-decorate-table{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.grid-4-columns .grid-item,.portfolio-3-columns .portfolio-item{width:50%;}
	#page-content {
		padding: 20px 0 20px 0!important;
	}
	.post-thumbnails .post-item:not(.quote) .post-item-description {
		width: 54% !important;
	}
}
@media (max-width: 768px){

	.product-page .product .product-title h3, .product .product-title h3 a{
		font-size: 13px;
		line-height: 15px;
		height: 30px;
	}
    .lead {
        font-size: 1.15714286em;
        line-height: 1.28421053em;
    }
	.goodshowPage .tabs.tabs-folder .tab-content{
		padding:15px;
	}
	.main-header{
	}
	.main-header .header-extras{
		height: 40px;
	}
	.main-header #logo{
		height: 40px;
	}
	.main-header #logo img{
		height:40px;
	}

	.homePage .icon-box.fancy .icon i, .companyPage .icon-box.fancy .icon i {
		font-size: 40px;
	}
	.homePage .icon-box h3, .companyPage .icon-box h3{
		font-size: 15px;
		line-height: 18px;
		margin:12px 12px 10px 53px;
	}
	.pagination-lg .page-link, .pagination-lg .page-item input {
		padding: .5rem 1rem;
		font-size: 1rem;
		line-height: 1.2;
		min-height:auto;
	}
	.product-page .product .product-title h3, .product-page .product .product-title h3 a{
		height: auto;
		font-size: 20px;
		line-height: 22px;
		overflow: visible;
	}
	.post-item .post-item-description > h2,.post-item .post-item-description > h2 > a{
		font-size:14px;
		line-height:16px;
		margin-bottom: 6px;
	}
}

@media (max-width: 480px){
	 .portfolio-4-columns .portfolio-item,.post-3-columns .post-item{
		width:50%;
	}
	
	.videoPage .portfolio-item .portfolio-description{
		width:100%;
		padding:10px;
	}
	.videoPage .portfolio-item .portfolio-description h3 {
		font-size:12px;
	}
	.post-thumbnails .post-item:not(.quote) .post-item-description {
		width: 100% !important;
		padding:15px 10px;;
	}
	.text-box.hover-effect{
		padding: 15px 15px 10px 15px;
	}
	.text-box i{
		font-size:28px;
	}
	.text-box.hover-effect i{

	}
	.text-box h3{
		font-size: 1em;
		line-height: 1.2em;
	}
	.cart-item td,.shop-cart th{
		white-space:nowrap;
	}
	.cart-item td.cart-product-thumbnail{
		white-space:inherit;
	}
	.shop-cart .cart-product-thumbnail .cart-product-thumbnail-name{
		padding: 5px;
		line-height: 1.1;
	}
}