/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
Main color: #2e3192
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.cats-link a {display:inline;font-weight:400;font-size:14px;}
.cats-link a.view-more {color:#ef1c23;font-weight:bold;}
.section-title-normal {border-bottom:2px solid #333333;}
.section-title-main {
    color: #333333;
}
.section-title-normal:after {

}
.woocommerce-Price-amount.amount {color:#ed1c24;font-size:115%;}
del .woocommerce-Price-amount.amount {color:#666;font-size:90%;}
.product-short-description{font-size:90%;}
.section-title-container {margin-bottom:5px;}
#product-sidebar {
	margin-top:30px;
}
.product-title,.product-title a{color:#333;}
form.cart .quick_buy_container {
	display:inline-block;
}
input.quick_buy_button {
	background:#ed1c24;
	color:#FFF;
}
.text-center .quantity, .quantity {
	margin-right:0.5em;
}
.product-footer .quick_buy_container {
	text-align:center;
	margin:20px auto;
}
a.quick_buy_button {
	background:#ed1c24;
	color:#FFF;
	padding:12px 20px;
	text-transform:uppercase;
	font-size:150%;
}
a.quick_buy_button:hover {
	color:#FFF;
	background:#f55d04;
}
li.tit-hidden > a {display:none!important;}
#wide-nav > .flex-row > .flex-left {
}

.footer-2.dark .widget-title {color:#ed1c24;font-weight:bold;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.hidden-phone {display:none;}

}
@media only screen and (min-width: 1200px) {
/*************** ADD DESKTOP ONLY CSS HERE  ***************/
.footer-2 .large-columns-4 > div:nth-child(1) {
	width:20%;
	max-width:50%;
	flex-basis:auto;
}
.footer-2 .large-columns-4 > div:nth-child(2) {
	width:40%;
	max-width:50%;
	flex-basis:auto;
}

.footer-2 .large-columns-4 > div:nth-child(3) {
	width:20%;
	max-width:50%;
	flex-basis:auto;
}

.footer-2 .large-columns-4 > div:nth-child(4) {
	width:20%;
	max-width:50%;
	flex-basis:auto;
} 


}

.header-contact a {text-transform:none!important;font-size:90%!important;}
footer .widget_nav_menu ul li a {font-size:100%!important;}
footer .widget-title {font-family: "Fira Sans Condensed", sans-serif;font-size:125%!important;font-weight:bold!important;letter-spacing:0!important;color:#ed1c24;}

ul.children > li.cat-item {
	padding:3px 10px;
} 

#header-contact li a {font-weight:400;}
.dark .is-divider,.is-divider {background-color:#ed1c24;max-width:50px;height:2px;}
aside .widget-title {color:#ed1c24; letter-spacing: 0;font-size: 120%;font-family: "Fira Sans Condensed";font-weight: bold;}
.bg-repeat .bg-fill {
	background-size: auto !important;
	background-repeat: repeat !important;
}
.star-rating span:before {color:#ff6600!important;}
.radius50 img{border-radius:50%;}
aside ul.product-categories li a {color:#111;}
.nav-dark .form-flat input:not([type="submit"]), .nav-dark .form-flat textarea, .nav-dark .form-flat select {
    background-color: rgba(255,255,255,0.2) !important;
    border-color: rgba(255,255,255,0.75);
}
.box-blog-post .is-divider {
    background-color:#eee!important;
    height: 1px;
}
.box-vertical .box-text {
	padding-top:0;
    vertical-align: top;
}
.section-title i {opacity:1;}
.header-nav.nav > li > a {
    letter-spacing: 0px;
}
#footer .footer-2 .icon-box-text p {line-height:1.3em;margin-top:3px;}

.image-zoom::after {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -75%;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 2;
}
.image-zoom:hover::after {
	animation: 1s ease 0s normal none 1 running fixedAnim;
	animation: 1s ease 0s normal none 1 running fixedAnim;
	-webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
	-moz-animation: 1s ease 0s normal none 1 running fixedAnim;
}
@-webkit-keyframes fixedAnim {
	0% {
		right: 125%;
	}
	125% {
		right: 0;
	}
}
@-moz-keyframes fixedAnim {
	0% {
		right: 125%;
	}
	125% {
		right: 0;
	}
}
@keyframes fixedAnim {
	0% {
		right: 125%
	}
	125% {
		right: 0;
	}
}
.archive.category h1.page-title {font-size:0%;}
.archive.category h1.page-title span {font-size:24px;}
.menu li a:before,
.widget_product_categories .product-categories li a:before{
    font-family: fl-icons;
    content: "\f105";
    margin-right: 10px;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
  font-size: 100%;
}
.recent-blog-posts-li .badge-inner {
  border-radius: 10px;
}
.recent-blog-posts-li .badge {
	width:100px;
	height:60px;
}
.recent-blog-posts-li a{
	font-size:92%;
	text-align: justify;
}
.tabbed-content.my-partner ul li.tab a:before {
	content: " ";
	display: block;
    background-size: contain!important;
    width: 140px;
    height: 50px;
	text-align:center;
}
.tabbed-content.my-partner li a:before {
	opacity: 1 !important;
}
.tabbed-content.my-partner ul li.tab a span {display:none;}
.tabbed-content.my-partner ul li:nth-child(1).tab a:before {
    background: url(images/logo-partner-hikvision.png) center center no-repeat;
}
.tabbed-content.my-partner ul li:nth-child(2).tab a:before {
    background: url(images/logo-partner-ezviz.png) center center no-repeat;
}
.tabbed-content.my-partner ul li:nth-child(3).tab a:before {
    background: url(images/logo-partner-hilook.png) center center no-repeat;
}
.tabbed-content.my-partner ul li:nth-child(4).tab a:before {
    background: url(images/logo-partner-ruijie.png) center center no-repeat;
}
.tabbed-content.my-partner ul li:nth-child(5).tab a:before {
    background: url(images/logo-partner-wd.png) center center no-repeat;
}
.tabbed-content.my-partner ul li:nth-child(6).tab a:before {
    background: url(images/logo-partner-seagate.png) center center no-repeat;
}
.tabbed-content.my-partner ul li:nth-child(7).tab a:before {
    background: url(images/logo-partner-teamgroup.png) center center no-repeat;
}
.tabbed-content.my-partner ul li:nth-child(8).tab a:before {
    background: url(images/logo-partner-sandisk.png) center center no-repeat;
}
.mt-4 {margin-top:30px;}

.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable {
	font-size:0.9em;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
	min-width:auto;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable {
	padding: 5px 30px 5px 10px;
}