/*
Theme Name: DT Bike
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** 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;}

.woocommerce-Price-amount.amount {color:#ef1c23;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;
}
form.cart .quick_buy_container {
	display:inline-block;
}
input.quick_buy_button {
	background:#2e3192;
	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:#2e3192;
	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;}
.footer-2.dark .widget-title {color:#0099ff;font-weight:500;}
aside .widget-title {}
aside ul.product-categories li a {color:#111;}
@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:25%;
	max-width:50%;
	flex-basis:auto;
}
.footer-2 .large-columns-4 > div:nth-child(2) {
	width:35%;
	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;
}


}

aside .widget-title {color:#2e3192;font-family: "Montserrat", sans-serif;font-size:100%!important;font-weight:700!important;}
.ot-vm-hover:hover #mega_menu {display:block!important;}
.header-contact a {text-transform:none!important;}
footer .widget_nav_menu ul li a {font-size:100%!important;}
footer .widget-title {font-family: "Montserrat", sans-serif;font-size:120%!important;font-weight:700!important;letter-spacing:0!important;}
.header-vertical-menu__title {font-family: "Montserrat", sans-serif;font-size:100%!important;font-weight:700!important;}
ul.children > li.cat-item {
	padding:3px 10px;
} 
ul.children > li.cat-item:hover {
	background:#2e3192;
} 
ul.children > li.cat-item:hover a{color:#FFF!important;}
.gform_fields input {margin-bottom:0;}
.gform_wrapper ul li.gfield {margin-top:6px!important;}
.box-blog-post .post-title {color:#222;}
.box-blog-post .post-title:hover {color:#2e3192;}

.devvn-popup-title,.popup-customer-info-group .devvn-order-btn {background:#2e3192!important;}
.customer_coupon_field button.apply_coupon {
  border: 1px solid #0099cc;
  background:#2e3192!important;
}
.row-style > .col > .col-inner{border-top:10px solid #dedede;}
body {overflow-x:hidden;}
table,tbody,tr,td,th,tf {overflow-x:auto;max-width:100%;}
.woocommerce-Tabs-panel {overflow-x:auto;}
.footer.footer-2 {padding:50px 0 30px;}
.menu li a:before,
.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-circle .badge-inner {
  border-radius: 0px;
}
.recent-blog-posts-li .badge {
	width:60px;
	height:60px;
}
.section-title i {opacity:1;}
.header-nav.nav > li > a {
    letter-spacing: 0px;
}


.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;
	}
}
.header-bottom-nav.nav-center {margin-left:20px;}
.myAnimation1 {
	animation: myAnimation1 2s ease 0s infinite normal forwards;
}
@keyframes myAnimation1 {
	0% {
		transform: translate(0);
	}

	20% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(-2px, -2px);
	}

	60% {
		transform: translate(2px, 2px);
	}

	80% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}

.footer-2 {
  padding-top: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}