/*********************************************************************
**
**
**
**  fonts for vietnamesex
**  overwrite font-family css
**
**
**
**********************************************************************/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=vietnamese");

body,
.s_m_title h2,
.c_main_title h2,
.single_c_title h2,
.single_title,
.cart_single_title,
.login_title h2,
.login_title p,
.contact_title h2,
.contact_title p,
.top_header_left .selector .ddcommon .ddTitle .ddTitleText span,
.top_header_left .selector .ddcommon .ddChild ul li span,
.usd_select.bootstrap-select .dropdown-toggle span,
.usd_select.bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.top_header_middle a,
.top_right li.cart a:before,
.top_right li.h_price .bootstrap-select .dropdown-toggle span,
.top_right li.h_price .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.cart_cart a:before,
.account_list li a,
.offcanvas_fixed_menu .search_form input,
.offcanvas_menu .nav li a,
.cart_list ul li.cart_icon a:after,
.cart_list ul li.h_price .bootstrap-select .dropdown-toggle span,
.cart_list ul li.h_price .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.summer_text h3,
.summer_text p,
.c_banner_inner h3,
.c_banner_inner ul li a,
.solid_banner_inner h3,
.solid_banner_inner ul li a,
.main_slider_area #main_slider ul li .slider_text_box .secand_text,
.main_slider_area #fullwidth_slider ul li .slider_text_box .first_text,
.main_slider_area #fullwidth_slider ul li .slider_text_box .secand_text,
.main_slider_area #fullwidth_slider ul li .slider_text_box .third_text,
.main_slider_area #home_box_slider ul li .slider_text_box .first_text,
.main_slider_area #home_box_slider ul li .slider_text_box .secand_text,
.home_carousel_slider .h_carousel_item .carousel_hover h3,
.home_carousel_slider .h_carousel_item .carousel_hover h4,
.home_carousel_slider .h_carousel_item .carousel_hover h5,
.home_carousel_slider .h_carousel_item .carousel_hover p,
.f_add_item .f_add_hover h4,
.f_add_item .sale,
.f_add_item .off,
.special_offer_item .hover_text h4,
.special_offer_item .hover_text h4:before,
.special_offer_item .hover_text h5,
.special_offer_item2 .hover_text h5,
.full_feature_text h4,
.parallax_style_one h3,
.parallax_style_one h4,
.parallax_style_two h4,
.world_service_item h4,
.advanced_search_area .input-group input,
.add_btn,
.add_cart_btn,
.discover_btn,
.shop_now_btn,
.subs_btn,
.update_btn,
.checkout_btn,
.fillter_product_item .f_p_text h5,
.sale,
.new,
.discount,
.p_list_text h3,
.fillter_product_inner .portfolio_filter li a,
.c_product_item .c_product_text h3,
.c_product_item .c_product_text h6,
.product_details_text h3,
.product_details_text .add_review a,
.product_details_text h6,
.product_details_text p,
.p_d_title,
.p_color .bootstrap-select .dropdown-toggle span,
.p_color .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.quantity .custom input,
.product_description_area .tab-content p,
.product_table_details .table tr th,
.product_table_details .table tr td h6,
.product_table_details .table tr td h5,
.product_table_details .table tr td p,
.product_table_details .table tr td p span,
.compare_table .table thead tr th,
.compare_table .table tbody tr th span,
.compare_table .table tbody tr td h3 span,
.compare_table .table tbody tr td h6,
.cart_product_list .table thead tr th,
.cart_product_list .table tbody tr td .media .media-body h4,
.cart_product_list .table tbody tr td p,
.cart_product_list .table tbody tr td input,
.calculate_shoping_area .calculate_shop_inner .calculate_shoping_form .form-group .bootstrap-select .dropdown-toggle span,
.calculate_shoping_area .calculate_shop_inner .calculate_shoping_form .form-group .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.cart_totals .cart_total_inner ul li a,
.cart_totals_area h4,
.cart_totals_area .cart_t_list .media .d-flex h5,
.cart_totals_area .cart_t_list .media .media-body h6,
.cart_totals_area .cart_t_list .media .media-body p,
.cart_totals_area .cart_t_list .media .media-body .bootstrap-select .dropdown-toggle span,
.cart_totals_area .cart_t_list .media .media-body .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.cart_totals_area .total_amount .float-left,
.cart_totals_area .total_amount .float-right,
.cart_items h3,
.cart_items .table tbody tr td .media .media-body h4,
.cart_items .table tbody tr td .red,
.cart_items .table tbody tr td p,
.cart_items .table tbody tr td .quantity h6,
.cart_items .table tbody tr td .quantity input,
.cart_items .table tbody .last td .media .d-flex h5,
.cart_items .table tbody .last td .media .media-body input,
.cart_items .table tbody .last td h3,
.checkout_main_area .checkout_prosses .checkout_method h3,
.checkout_main_area .checkout_prosses .checkout_method h4,
.checkout_main_area .checkout_prosses .checkout_method .radio_area .radio-inline,
.checkout_main_area .checkout_prosses .checkout_method h5,
.checkout_main_area .checkout_prosses .checkout_method h6,
.checkout_main_area .checkout_prosses .checkout_method .checkout_list,
.checkout_main_area .checkout_prosses .checkout_from_area h2,
.checkout_main_area .checkout_prosses .checkout_from_area p,
.checkout_main_area .checkout_prosses .checkout_from_area .form-group label,
.checkout_main_area .checkout_prosses .checkout_from_area .form-group input,
.checkout_main_area .checkout_prosses .checkout_from_area .forgot_area h4,
.checkout_main_area .checkout_prosses .list_checkout li a,
.radio_style li label,
.payment_list .price_single_cost h5,
.payment_list .price_single_cost h3,
.payment_list .price_single_cost h3 .normal_text,
.price_method .card .card-body,
.reg_title,
.billing_details .billing_inner .form-group .bootstrap-select .dropdown-toggle span,
.billing_details .billing_inner .form-group .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.track_inner .track_title h2,
.track_inner .track_title p,
/*.track_form .form-group label,*/
.login_form .form-group h4,
.emty_cart_area .emty_cart_inner h3,
.emty_cart_area .emty_cart_inner h4,
.error_inner h5,
.error_inner p,
.error_inner h6,
.from_blog_item .f_blog_text h5,
.from_blog_item .f_blog_text p,
.from_blog_item .f_blog_text h6,
.l_categories_widget ul li a,
.l_supper_widget h4,
.l_feature_widget .verticalCarousel .verticalCarouselHeader .float-md-left h3,
.l_news_widget h3,
.l_news_widget p,
.l_news_widget .input-group input,
.l_hot_widget h3,
.l_hot_widget p,
.l_w_title h3,
.l_p_categories_widget .navbar-nav li a,
.l_fillter_widget label,
.l_menufacture_widget ul li a,
.l_feature_widget .media .media-body h4,
.showing_fillter .first_fillter h4,
.showing_fillter .secand_fillter h4,
.showing_fillter .secand_fillter .bootstrap-select .dropdown-toggle span,
.showing_fillter .secand_fillter .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.showing_fillter .third_fillter h4,
.showing_fillter .third_fillter .bootstrap-select .dropdown-toggle span,
.showing_fillter .third_fillter .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,
.showing_fillter .four_fillter h4,
.contact_details .media .media-body p,
.contact_form_inner h3,
.contact_us_form .form-group input,
.contact_us_form .form-group textarea,
.f_w_title h3,
.f_about_widget p,
.f_about_widget h6,
.f_about_widget h5,
.link_widget ul li a,
.footer_copyright h5,
.footer_copy_area .left_text h5,
.footer_copy_area .middle_text p,
.product_description_area .tab_menu .nav-tabs a,
.calculate_shoping_area .calculate_shop_inner .calculate_shoping_form .form-group .submit_btn,
.cupon_box .cupon_box_inner input,
.track_form .form-group label {
  font-family: "Roboto", sans-serif;
}


.top_header_left .input-group input.placeholder,
.offcanvas_fixed_menu .search_form input.placeholder,
.advanced_search_area .input-group input.placeholder,
.quantity .custom input.placeholder,
.cart_product_list .table tbody tr td input.placeholder,
.calculate_shoping_area .calculate_shop_inner .calculate_shoping_form .form-group input.placeholder,
.cupon_box .cupon_box_inner input.placeholder,
.cart_items .table tbody tr td .quantity input.placeholder,
.billing_details .billing_inner .form-group textarea.placeholder,
.cart_items .table tbody .last td .media .media-body input.placeholde,
.billing_details .billing_inner .form-group input.placeholder,
.login_form .form-group input.placeholder,
.track_form .form-group input.placeholder,
.l_news_widget .input-group input.placeholder,
.contact_us_form .form-group input.placeholder,
.contact_us_form .form-group textarea.placeholder{
	font-family: "Roboto", sans-serif !important;
}
.top_header_left .input-group input:-moz-placeholder,
.offcanvas_fixed_menu .search_form input:-moz-placeholder,
.advanced_search_area .input-group input:-moz-placeholder,
.quantity .custom input:-moz-placeholder,
.cart_product_list .table tbody tr td input:-moz-placeholder,
.calculate_shoping_area .calculate_shop_inner .calculate_shoping_form .form-group input:-moz-placeholder,
.cart_items .table tbody tr td .quantity input:-moz-placeholder,
.cupon_box .cupon_box_inner input:-moz-placeholder,
.cart_items .table tbody .last td .media .media-body input:-moz-placeholder,
.billing_details .billing_inner .form-group input:-moz-placeholder,
.billing_details .billing_inner .form-group textarea:-moz-placeholder,
.track_form .form-group input:-moz-placeholder,
.login_form .form-group input:-moz-placeholder,
.l_news_widget .input-group input:-moz-placeholder,
.contact_us_form .form-group input:-moz-placeholder,
.contact_us_form .form-group textarea:-moz-placeholder{
	font-family: "Roboto", sans-serif !important;
}
.top_header_left .input-group input::-moz-placeholder,
.offcanvas_fixed_menu .search_form input::-moz-placeholder,
.advanced_search_area .input-group input::-moz-placeholder,
.quantity .custom input::-moz-placeholder,
.cart_product_list .table tbody tr td input::-moz-placeholder,
.calculate_shoping_area .calculate_shop_inner .calculate_shoping_form .form-group input::-moz-placeholder,
.cupon_box .cupon_box_inner input::-moz-placeholder,
.cart_items .table tbody tr td .quantity input::-moz-placeholder,
.cart_items .table tbody .last td .media .media-body input::-moz-placeholder,
.billing_details .billing_inner .form-group input::-moz-placeholder,
.billing_details .billing_inner .form-group textarea::-moz-placeholder,
.track_form .form-group input::-moz-placeholder,
.login_form .form-group input::-moz-placeholder,
.l_news_widget .input-group input::-moz-placeholder,
.contact_us_form .form-group input::-moz-placeholder,
.contact_us_form .form-group textarea::-moz-placeholder{
	font-family: "Roboto", sans-serif !important;
}
.top_header_left .input-group input::-webkit-input-placeholder,
.offcanvas_fixed_menu .search_form input::-webkit-input-placeholder,
.advanced_search_area .input-group input::-webkit-input-placeholder,
.quantity .custom input::-webkit-input-placeholder,
.cart_product_list .table tbody tr td input::-webkit-input-placeholder,
.calculate_shoping_area .calculate_shop_inner .calculate_shoping_form .form-group input::-webkit-input-placeholder,
.cupon_box .cupon_box_inner input::-webkit-input-placeholder,
.cart_items .table tbody tr td .quantity input::-webkit-input-placeholde,
.cart_items .table tbody .last td .media .media-body input::-webkit-input-placeholder,
.billing_details .billing_inner .form-group input::-webkit-input-placeholder,
.billing_details .billing_inner .form-group textarea::-webkit-input-placeholder,
.track_form .form-group input::-webkit-input-placeholder,
.login_form .form-group input::-webkit-input-placeholder,
.l_news_widget .input-group input::-webkit-input-placeholder,
.contact_us_form .form-group input::-webkit-input-placeholder,
.contact_us_form .form-group textarea::-webkit-input-placeholder{
    font-family: "Roboto", sans-serif !important;
}


/*********************************************************************
**
**	account
**
**********************************************************************/
.account_area{
	color: #808080;
}
.account_area .login_title{
	padding-bottom: 0;
}
@media screen and (max-width: 767px){
	.account_area .col-lg-3 .login_title{
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #ddd;
	}
}
.account_area .list-group{
	background-color: #ffffff;
	border-radius: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	padding: 0;
	margin-bottom: 0;
}
.account_area a.list-group-item{
	border: none;
	font-size: 13px;
	color: #000000;
	padding: 8px 0;
	background: none repeat scroll 0 0 transparent;
}
.account_area .list-unstyled{
	border-top: 1px solid #e7e7e7;
	line-height: 22px;
	margin-bottom: 0;
	padding: 20px 0;
}
.account_area ul.list-unstyled li {
    color: #444444;
    line-height: 22px;
    padding: 2px 6px 2px 0;
}
.account_area ul.list-unstyled li a{
    color: #808080;
}
/*********************************************************************
**
**	edit account
**
**********************************************************************/
.account_area legend{
	color: #525252;
	font-size: 16px;
	margin: 0 0 15px;
	text-transform: capitalize;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}
.account_area div.required .control-label::before {
    content: '*';
    color: #F00;
    font-weight: bold;
    margin-right: 5px;
}
.account_area .control-label::before {
    content: '';
    color: transparent;
    font-weight: bold;
    margin-right: 5px;
}
.account_area .form-control{
	padding: 8px 12px;
	font-size: 13px;
	border-radius: 0;
	border: 1px solid #e7e7e7;
	line-height: 1.42857143;
	-webkit-box-shadow: none;
	box-shadow: inset none;
	color: #000000;
}
.account_area .btn{
	color: #ffffff;
	background-color: #000;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border-color: #000;
	padding: 9px 20px;
}
.account_area .btn:hover{
	background-color: #d91522;
	color: #fff;
	border-color: #d91522;
}
.account_area .date .btn{
	background-color: #d91522;
	color: #fff;
	border-color: #d91522;
}
.account_area .table-hover > tbody > tr > td {
    vertical-align: middle;
}
.account_area .table-bordered td, .table-bordered th{
	border-right: 0;
	border-left: 0;
}
/*********************************************************************
**
**	account address book
**
**********************************************************************/
.account_area .radio-inline{
	margin-left: 10px;
	font-size: 13px;
}
.account_area div > .radio-inline:first-child{
	margin-left: 0;
}
/*********************************************************************
**
**	account order history
**
**********************************************************************/
.account_area .table-bordered > thead > tr{
    background-color: #f8f8f8;
}
.account_area .table-bordered thead td,
.account_area .table-bordered thead th{
	padding: 8px;
	border: 0;
}
.account_area .table-bordered{
	margin-top: 20px;
}
.account_area form{
	margin-top: 20px;
}
/*********************************************************************
**
**	account Affiliate
**
**********************************************************************/
.account_area a.agree{
	color: #808080;
}
.account_area .buttons input[type="checkbox"]{ 
	margin: 4px 5px 0;
	line-height: normal;
	vertical-align: -3px;
}


/*********************************************************************
**
**
**
**
**	style
**
**
**
**
**********************************************************************/

/*********************************************************************
**
**  index
**
**********************************************************************/
.s_m_title h2{
	text-transform: capitalize;
}

/*********************************************************************
**
**	footer
**
**********************************************************************/
.widget-contact.link_widget ul li {
	position: relative;
	padding-left: 20px;
}
.widget-contact.link_widget ul li .fa{
	position: absolute;
	top: 8px;
	left: 0;
}
.widget-contact .mail{
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*********************************************************************
**
**	login page
**
**********************************************************************/
.login_form .creat_account input[type="checkbox"]{
	opacity: 0;
}
.login_form .creat_account_wrapper{
	padding-top: 10px;
	padding-bottom: 10px;
}
.login_form .form-group h4 a{
    color: #d91522;
}

.login_form .form-group{
	position: relative;
}
.login_form .form-group label.error{
	position: absolute;
	left: 15px;
	top: 50px;
}
label.error{
	color: #f00 !important;
}
label.error:empty{
	display: none;
}

/*********************************************************************
**
**	track form
**
**********************************************************************/
.track_form .form-group{
	position: relative;
}
.track_form .form-group label.error{
	position: absolute;
	left: 15px;
	top: 84px;
	text-transform: none;
}
/*********************************************************************
**
**	reset password form
**
**********************************************************************/
.reset_form .form-group{
	position: relative;
	margin-bottom: 30px;
}
.reset_form .form-group label.error{
	position: absolute;
	left: 15px;
	top: 35px;
	text-transform: none;
}
/*********************************************************************
**
**	contact form
**
**********************************************************************/
.contact_us_form .form-group{
	position: relative;
	margin-bottom: 30px;
}
.contact_us_form .form-group label.error{
	position: absolute;
	left: 15px;
	top: 50px;
}
.contact_us_form .form-group.pos-bot label.error{
	top: auto;
	bottom: -33px;
}

/*********************************************************************
**
**	header
**
**********************************************************************/
.top_header_left .selector,
.top_header_left .selector .ddcommon{
	max-width: 120px;
}
.shop_header_area .navbar .navbar-brand img{
	max-width: 100%;
	max-height: 50px;
}
.shop_header_area .search_icon {
	position: relative;
}
.shop_header_area .search_icon .search-dropdown{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -0px;
	background-color: #fff;
	visibility: hidden;
	opacity: 0;
	/*padding: 6px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);*/
	z-index: 999;
	min-width: 300px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.shop_header_area .search_icon .search-dropdown input{
	border-radius: 0;
	height: 50px;
}
.shop_header_area .search_icon .search-dropdown .btn{
	position: absolute;
	right: 6px;
	top: 6px;
	background-color: transparent;
	color: #808080;
}
.shop_header_area .search_icon .search-dropdown .btn:hover{
	border-color: transparent;
}
.shop_header_area .search_icon:hover .search-dropdown{
	visibility: visible;
	opacity: 1;
}
.top_header_left .selector .ddcommon .ddChild{
	min-width: 140px;
	max-width: 200px;
}
/*********************************************************************
**
**  product
**
**********************************************************************/
.showing_fillter .secand_fillter .bootstrap-select{
    width: 100px !important;
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .l_p_text .add_cart_btn{
        font-size: 12px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .l_p_text .add_cart_btn{
        font-size: 11;
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*********************************************************************
**
**	product item
**
**********************************************************************/
.discount{
	background-color: green;
}

/*********************************************************************
**
**	pagination
**
**********************************************************************/
.pagination_area .pagination li:first-child a {
    border-color: transparent;
}
.pagination_area .pagination li.next a,
.pagination_area .pagination li.prev a {
    background: transparent;
    color: #333;
}
.pagination_area .pagination li:hover a,
.pagination_area .pagination li.active a{
	background-color: #d91522;
	color: #fff;
	border-color: #d91522;
}
/*********************************************************************
**
**	filter color
**
**********************************************************************/
.l_color_widget ul li a{
	position: relative;
	border-color: #f1f1f1;
}
.l_color_widget ul li a.active::before,
.l_color_widget ul li a:hover:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 26px;
	height: 26px;
	border: 1px solid #f00;
	border-radius: 50%;
}
/*********************************************************************
**
**	about us
**
**********************************************************************/
.adv img{
	width: 100%;
}
.title-cms{
	text-transform: uppercase;
	margin-top: 0;
	font-size: 1.75rem;
	margin-bottom: 20px;
}
.content-detail p{
	margin-bottom: 1rem;
}
.content-detail img{
	max-width: 100%;
}
@media screen and (min-width: 992px){
	.content-cms{
		padding-left: 20px;
	}
}
/*********************************************************************
**
**	news
**
**********************************************************************/
.feature_widget_news .media-body h4 a{
	color: #111;
}
.feature_widget_news img{
	width: 100px;
}
.feature_widget_news.l_feature_widget .media .media-body h4{
	line-height: 1.4;
	padding-bottom: 0;
}
.feature_widget_news .media-body{
	overflow: hidden;
}
.feature_widget_news .media-body p{
	color: #808080;
}
.box-news{
	margin-bottom: 20px;
}
@media screen and (min-width:1200px){
	.box-news{
		padding-right: 15px;
	}	
}
@media screen and (min-width:768px){
	.box-news .img-box{
		width: 200px;
		float: left;
		margin-right: 15px;
	}		
}
.box-news h3{
	margin-top: 0;
	line-height: 1.3;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.box-news h3 a{
	color: #444;
}
.box-news:hover h3 a{
	color: #1a9dd8;
}
.box-news .intro-news{
	color: #707070;
	font-size: 15px;
	overflow: hidden;
}
.img-box img {
    width: 100%;
}

/*********************************************************************
**
**	brand
**
**********************************************************************/
.box-brand-temp{
	margin-bottom: 40px;
	border: 2px solid #e1e1e1;
	padding: 50px;
}
.box-brand-temp img{
	margin-top: 3px;
	max-width: 100%;
}
.box-brand-temp h2 {
    font-size: 1.9em;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #393939;
}
.box-brand-temp h2 a{
	color: #393939;
}
@media screen and (max-width:767px){
	.box-brand-temp{
		padding: 15px;
		margin-bottom: 15px;
	}
	.box-brand-temp img{
		margin-top: 0;
	}
}

/*********************************************************************
**
**  shopping cart
**
**********************************************************************/
.cart_items .table tbody tr td .media .media-body h4 a{
	color: #666666;
}
/*********************************************************************
**
**  checkout
**
**********************************************************************/
.checkout_main_area .checkout_prosses .checkout_from_area .forgot_area h4 a{
    color: #111;
}

.checkout-success a{
	color: #808080;
}
.checkout-success p{
	line-height: 24px;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0.8px;
	color: #808080;
	margin-bottom: 10px;
}
.checkout-success h1{
	margin-bottom: 10px;
}
.checkout_step3 .billing_inner .form-group input[type="radio"]{
	vertical-align: middle;
	margin-top: -4px;
}
.billing-step4{
	color: #666;
}
.billing-step4 h6{
	line-height: 38px;
}
.billing-step4 .table tbody tr > td:first-child{
	width: 150px;
}
.billing-step4 .table-bordered > thead > tr{
    background-color: #f8f8f8;
}
.billing-step4 .table-bordered thead td,
.billing-step4 .table-bordered thead th{
	border-bottom-width: 1px;
	position: relative;
}
.billing-step4 thead td .btn-edit{
	position: absolute;
	right: .75rem;
	top: .75rem;
}

/* checkout icon banking */
.price_method .card{
	padding-left: 35px;
}
.price_method .card .card-header h5 a:before{
	left: -35px;
}
.price_method .card .card-header h5 a:after{
	left: -31px;
}

/*********************************************************************
**
**  compare icon and chang icon view detail product
**
**********************************************************************/
.l_product_item .l_p_img:after,
.fillter_product_item .f_p_img:after,
.c_product_item .c_product_img:after{
	background-color: rgba(0,0,0,0);
	z-index: 1;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.l_product_item:hover .l_p_img:after,
.fillter_product_item:hover .f_p_img:after,
.c_product_item:hover .c_product_img:after{
	background-color: rgba(0,0,0,0.3);
}
.l_p_img .icon-after:after,
.f_p_img .icon-after:after,
.c_product_img .icon-after:after{
	content: "\f0b2";
	font-family: "FontAwesome";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	margin: auto;
	color: rgba(0,0,0,.7);
	background-color: rgba(255,255,255,.8);
	z-index: 2;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	visibility: hidden;
	opacity: 0;
	font-size: 25px;

	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.l_p_img .icon-after.has-comapare-icon:after,
.f_p_img .icon-after.has-comapare-icon:after,
.c_product_img .icon-after.has-comapare-icon:after{
	right: 65px;
}

.l_product_item:hover .l_p_img .icon-after:after,
.fillter_product_item:hover .f_p_img .icon-after:after,
.c_product_item:hover .c_product_img .icon-after:after{
	visibility: visible;
	opacity: 1;
}
.icon-compare{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	left: 65px;
	bottom: 0;
	right: 0;
	margin: auto;
	color: rgba(0,0,0,.7);
	background-color: rgba(255,255,255,.8);
	border-radius: 50%;
	border: 1px solid #fff;
	font-size: 25px;
	text-align: center;
	z-index: 3;
	line-height: 50px;
	visibility: hidden;
	opacity: 0;

	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.icon-compare:hover .fa{
	color: rgba(0,0,0,.7);
}
.l_product_item:hover .l_p_img .icon-compare,
.fillter_product_item:hover .f_p_img .icon-compare,
.c_product_item:hover .c_product_img .icon-compare{
	visibility: visible;
	opacity: 1;
}


/*********************************************************************
**
**	define bootstrap
**
**  push - col md lg
**  pull - col md lg
**
**********************************************************************/
@media (min-width:768px) {
    .pull-md-0 {
        right: auto
    }
    .pull-md-1 {
        right: 8.333333%
    }
    .pull-md-2 {
        right: 16.666667%
    }
    .pull-md-3 {
        right: 25%
    }
    .pull-md-4 {
        right: 33.333333%
    }
    .pull-md-5 {
        right: 41.666667%
    }
    .pull-md-6 {
        right: 50%
    }
    .pull-md-7 {
        right: 58.333333%
    }
    .pull-md-8 {
        right: 66.666667%
    }
    .pull-md-9 {
        right: 75%
    }
    .pull-md-10 {
        right: 83.333333%
    }
    .pull-md-11 {
        right: 91.666667%
    }
    .pull-md-12 {
        right: 100%
    }
    .push-md-0 {
        left: auto
    }
    .push-md-1 {
        left: 8.333333%
    }
    .push-md-2 {
        left: 16.666667%
    }
    .push-md-3 {
        left: 25%
    }
    .push-md-4 {
        left: 33.333333%
    }
    .push-md-5 {
        left: 41.666667%
    }
    .push-md-6 {
        left: 50%
    }
    .push-md-7 {
        left: 58.333333%
    }
    .push-md-8 {
        left: 66.666667%
    }
    .push-md-9 {
        left: 75%
    }
    .push-md-10 {
        left: 83.333333%
    }
    .push-md-11 {
        left: 91.666667%
    }
    .push-md-12 {
        left: 100%
    }
}

@media (min-width:992px) {
    .pull-lg-0 {
        right: auto
    }
    .pull-lg-1 {
        right: 8.333333%
    }
    .pull-lg-2 {
        right: 16.666667%
    }
    .pull-lg-3 {
        right: 25%
    }
    .pull-lg-4 {
        right: 33.333333%
    }
    .pull-lg-5 {
        right: 41.666667%
    }
    .pull-lg-6 {
        right: 50%
    }
    .pull-lg-7 {
        right: 58.333333%
    }
    .pull-lg-8 {
        right: 66.666667%
    }
    .pull-lg-9 {
        right: 75%
    }
    .pull-lg-10 {
        right: 83.333333%
    }
    .pull-lg-11 {
        right: 91.666667%
    }
    .pull-lg-12 {
        right: 100%
    }
    .push-lg-0 {
        left: auto
    }
    .push-lg-1 {
        left: 8.333333%
    }
    .push-lg-2 {
        left: 16.666667%
    }
    .push-lg-3 {
        left: 25%
    }
    .push-lg-4 {
        left: 33.333333%
    }
    .push-lg-5 {
        left: 41.666667%
    }
    .push-lg-6 {
        left: 50%
    }
    .push-lg-7 {
        left: 58.333333%
    }
    .push-lg-8 {
        left: 66.666667%
    }
    .push-lg-9 {
        left: 75%
    }
    .push-lg-10 {
        left: 83.333333%
    }
    .push-lg-11 {
        left: 91.666667%
    }
    .push-lg-12 {
        left: 100%
    }
}