@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto/Roboto-Light.ttf');
}


@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald/Oswald-Regular.ttf');
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf');
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap&subset=vietnamese');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap&subset=vietnamese');

img{
	max-width: 100%;
}

a{
	color: #336798;
}

a:hover{
	text-decoration: none;
	color: #f19a33;
}

a.btn:hover{
	color: #fff;
}


body{
	font-family: 'Roboto', sans-serif;
	line-height: unset;
	font-size: 14px;
	background: #eaeaea;
}


/*top head*/
.top-head {
	background: #fff;
}
.top-head .container {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	    position: relative;
}

.top-head .narbar-search-cart{
	width: 45%;
}

.top-head #search{
	width: 100%;
}

.top-head #search .form-control{
	color: #202020;
	border: 1px solid #dddddd;
    border-radius: 0;
	line-height: 30px;
	font-size: 14px;
}

.top-head .nav-item-service{
	text-align: right;
}

.nav-item-service .item-title{
	font-size: 16px;
    color: #202020;
    font-weight: 700;
    line-height: 16px;
    margin: 0 0 10px;
	text-transform: uppercase;
}

.nav-item-service .item-phone{
	color: #f00;
	font-size: 14px;
	/* font-style: italic; */
	font-weight: bold;
}

.top{
	/* background: #1e9b34; */
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	position: relative;
}

.main-menu{
	margin: auto;
}

.header{
	background: #040303;
    box-shadow: 0 0 5px rgb(29, 27, 27);
}

.phone_call a{
	color: #fff;
}

.top .nav-link,
.top .navbar-light .navbar-nav .nav-link{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

.top .nav-item{
	position: relative;
	margin-left: auto;
}

.top .navbar{
	padding: 0;
}
.top .navbar > .container{
	position: relative;
}

.top .dropright{
	position: relative;
}

.menu-mob{
	display: none;
}

.user_desk,
.phone_call_desk{
	display: flex;
	align-items: center;
	position: relative;
}

.user_desk >a,
.phone_call_desk a{
	color: #fff;
	font-size: 20px;
	font-family: 'Oswald-Regular';
	/* margin: 0 15px; */
	position: relative;
}

.phone_call{
	display: none;
}

a.cart span.count_num{
	position: absolute;
	top: -8px;
	right: -8px;
	width: 20px;
	height: 20px;
	background: #ec8315;
	color: #fff;
	border-radius: 50%;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.con_mob .phone_call img{
	float: left;
	margin-right: 5px;
}

.narbar-search-cart{
	align-items: center;
	padding: 10px 0;
}

.cart_img,
.tel_img,
.user_desk .user_desk_img{
	text-align: center;
}

.cart_img img, .tel_img img, .user_desk_img img{
	height: 25px;
}

.narbar-search-cart li.nav-item{
	margin-left: 15px;
}

.narbar-search{
	position: absolute;
	right: 0;
	top: 3px;
	z-index: 1000;
	display: none;
	box-shadow: 0 0 1px 1px #ffffff;
	border-radius: 5px;
}

.narbar-search .input-group{
	display: -webkit-box;
	flex-wrap: inherit;
}

.close_search{
	color: #000;
    background: #fff;
    align-items: center;
    display: flex;
	padding: 0 10px;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}

.close_search img{
	height: 20px;
	width: auto;
}

.narbar-search-cart li input[type='text']{
	font-size: 13px;
	padding: 3px;
	background: #fff;
}

.narbar-search-cart li input[type='text']:focus{
	box-shadow: none;
}

.narbar-search .btn,
.narbar-search-cart .btn{
	background-color: #fff;
	border-color: #ced4da;
	color: #336798;
	display: flex;
    align-items: center;
}

.narbar-search-cart .btn:hover{
	color: #336798;
	outline: none;
	box-shadow: none;
}


.narbar-cart{
	margin-left: 10px;
}

.narbar-cart .form-control{
	width: 90px;
}

.js_menu_main .nav-link,
.header .nav-link{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #336798 !important;
}

.header .nav-link:hover{
	color: #32c6f4 !important;
}

.phone_menu .nav-link{
	color: #336798 !important;
}

.login-success a{
	color: #fff;
	margin-right: 5px;
}

.login-success a:hover{
	color: #fff;
}

.narbar-flag-mob{
	display: none;
}

.fixedTop{
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
}

.over-hidden{
	overflow: hidden;
}
/*end top head*/
/**/
.js_menu_main{
	margin: auto;
}

.js_menu_main .drop_sub_mob,
.js_menu_main .drop_mob{
	position: absolute;
    top: 1px;
    right: 1px;
    height: 32px;
    width: 50px;
    background: #ffffff4f;
    display: flex;
    align-items: center;
    cursor: pointer;
	color: #fff;
	font-size: 20px;
}

.js_menu_main .drop_sub_mob{
	color: #000;
	justify-content: center;
}

.js_menu_main .drop_sub_mob .fa,
.js_menu_main .drop_mob .fa{
	margin: auto;
}

.js_menu_main .drop_sub_mob:after,
.js_menu_main .drop_mob:after{
	display: none;
}
/**/

.page-main{
	padding: 10px 0;
}

.page-main.page-home{
	padding-bottom: 0;
}

.news-home{
	padding-left: 5px;
	padding-right: 5px;
}

.news-home-title{
	padding: 7px;
	background: #336798;
	margin-bottom: 5px;
}

.news-home-title span{
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
}

.news-home-title a{
	float: right;
	background: #fff;
	border-radius: 5px;
	padding: 3px 7px;
	font-size: 12px;
	color: #474747;
}

.news-home-body .body-title{
	line-height: 1;
}

.news-home-body .body-title a{
	color: #000;
	font-size: 18px;
	
}

.news-home-body .body-text{
	font-size: 14px;
	margin-bottom: 10px;
}

.news-home-list{
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	display: block;
    max-width: 100%;
}

.news-home-list a{
	color: #474747;
	font-size: 14px
}

.news-home-hot .box-shadow{
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
}

.news-home-hot .box-shadow:last-child{
	margin-bottom: 0;
}

.news-home-hot .news-home-body{
	position :absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(110,110,110,0.7);
	padding: 5px;
}

.news-home-hot .news-home-body a{
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	display: flex;
    align-items: center;
}

.news-home-hot .news-home-body a i{
	font-size: 24px;
	border: 1px solid #fff;
	padding: 5px;
	border-radius: 50%;
	float: left;
	margin-top: 3px;
	margin-right: 6px;
}

.left_promo .left_promo_item{ 
	margin-top: 12px;
}

.left_promo img{
	width: 100%;
}

.home-promo{
	opacity: 0;
	animation: fadeIn 2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.home-promo img{
	width: 100%;
}

.home-promo .col-md{
	padding: 0;
}

.a-home-img{
	overflow: hidden;
	position: relative;
	padding:  0;
	display: block;
}

.a-home-img .dummy {
    padding-top: 100%;
}

.dummy_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
}

.sale-off{
	position: absolute;
	top: 0;
	right: 0;
	background: #336798;
	width: 38px;
	font-size: 12px;
	padding: 5px;
	text-align: center;
}

.sale-off:after{
	content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    border-style: solid;
    position: absolute;
    border-width: 0 19px 4px;
    border-color: transparent #336798;
}

.sale-off-percent{
	color: #fff;
	margin-bottom: 3px;
    display: block;
}

.sale-off-title{
	text-transform: uppercase;
	color: #fff;
}

.rating{
	position: absolute;
	bottom: 5px;
	left: 0%;
	width: 100%;
	text-align: center;
}

/* .content-left .rating, */
/* .page-right .rating{ */
	/* position: relative; */
	/* margin: 5px 0 3px 0; */
	/* bottom: unset; */
	/* min-height: 17px; */
/* } */

.rating img{
	height: 15px;
	margin-right: 2px;
}

.slider-head{
	padding-top: 0 !important;
	/* margin-top: 10px; */
}

.slider-head .a-home-img{
	margin-bottom: 0;
	height: auto;
	max-height: 200px;
}

.content-left .item-content{
	margin-bottom: 15px;
}

.card-body-title{
	height: 40px;
	padding: 0 5px;
	display: flex;
	align-items: center;
	margin: 5px 0;
}

.card-body-title a{
	color : #000;
	margin: auto;
	font-family: 'Oswald-Regular';
	font-size: 16px;
	line-height: 1.3;
	
	max-height: 45px;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
}

.content-left .card-body-title a{
	overflow: hidden;
	height: 40px;
	line-height: 1.3;
}

.card-body-price a{
	color : #0291c8;
	display: block;
	text-align: center;
}

.card-body-price a span{
	margin-bottom: 7px;
	padding: 3px 10px;
	border: 1px dashed #336798;
	border-width: 1px 0;
	font-size: 15px;
	font-family: 'Oswald-Regular';
	display: inline-block;
	margin: auto;
	background: #0291c824;
}

.card-body-price a del{
	color: #bdbdbd;
	padding: 0 5px;
}

.pro_view_detail{
	padding: 5px 0;
	text-align: center;
}

.pro_view_detail a{
	background: #336798;
	text-transform: uppercase;
	font-family: 'Oswald-Regular';
	padding: 7px 10px;
	color: #fff;
	display: inline-block;
	margin: auto;
	font-size: 13px;
}

.pro_view_detail .fa{
	font-size: 16px;
}

.pro_advance_more{
	font-size: 12px;
	color: #9c9c9c;
	font-family: 'RobotoRegular';
	min-height: 25px;
	margin-top: 5px;
}

.pro_advance_more span{
	padding: 7px 1px 0px;
	display: inline-block;
	cursor: pointer;
	color: #6d6d6d;
	color: #336798;
}

.pro_advance_more span:hover{
	/* color: #336798; */
}

.pro_advance_more .addCart{
	float: right;
	margin: 3px;
	background: #ea1619;
	color: #fff;
	position: relative;
}

.pro_advance_more .addCart:before {
    position: absolute;
    top: 0;
    left: -5px;
    content: "";
    background: #ea1619;
    -webkit-transform: skew(30deg, 0deg);
    -moz-transform: skew(30deg, 0deg);
    -o-transform: skew(30deg, 0deg);
    -ms-transform: skew(30deg, 0deg);
    transform: skew(-30deg, 0deg);
    height: 19px;
    width: 11px;
	z-index: 1;
}

.pro_advance_more .addCart span{
	padding: 3px;
	color: #fff;
	position: relative;
	z-index: 2;
}

.pro-list .col-md,
.pro-list .col-md-3{
	padding: 0 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.pro-list .card-img-top:hover{
	/* -webkit-transform: scale(1.1); */
	/* transform: scale(1.1); */
}


.pro-list .news-home-body{
	font-size: 14px;
	text-align: center;
	padding: 0 0 2px 0;
}

.col-bg{
	background: #fff;
	padding-top: 15px;
	margin-bottom: 15px;
}

/* home-list */
.prject-list .card-body-title{
	margin-bottom: 0;
}

.pro-list .prject-list .news-home-body{
	padding-bottom: 0;
}

.prject-list .dummy_img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	-webkit-animation: skeleton-animation 1.2s ease-in-out infinite;
	animation: skeleton-animation 1.2s ease-in-out infinite;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), to(#fff));
	background-image: linear-gradient(90deg, #fff, #fff, #fff);
	background-repeat: no-repeat;
	background-size: 200px 100%;
	
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.page_detail_body img{
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
}

/* home-list */
.home-list .card-body-title{
    width: 100%;
    color: #fff;
    padding: 5px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-family: 'Oswald-Regular';
    background: #1ba95f;
    transition: all 0.5s ease;
}

.home-list .row{
	margin-right: -5px;
    margin-left: -5px;
}

.home-list .list-item{
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.home-list .list-out-line{
	border-radius: 0;
}

.home-list .a-home-img{
	margin-bottom: 0;
}

.home-list .card-body-title a{
	color: #fff;
}
/* end home-list */
.page-right{
	width: 100%;
}

.page-left.page-left-in-right .media img,
.page-left .media img,
.page-right .media img{
	width: 60px;
	height: auto;
	margin-right: 5px;
	padding: 3px;
	/* border: 1px solid #ddd; */
	/* border-radius: 5px; */
}

.page-left.page-left-in-right .media:hover img,
.page-left .media:hover img,
.page-right .media:hover img{
	border-color: #23527c;
}

.page-left.page-left-in-right .media{
	margin-bottom: 0 !important;
}

.page-left.page-left-in-right .media img{
	width: 90px;
}

.page-left .media-body{
	padding-left: 10px;
}

.page-left .media-body a{
	font-size: 13px;
	color: #444444;
}

.page-left .media-body a:hover{
	color: #336798;
}

.page-left{
	/* border-right: 1px solid rgba(0,0,0,.125); */
}

.page-left .list-group,
.content-left{
	margin-bottom: 15px;
}

.page-left .list-group-item,
.card-header{
	padding-left: 5px;
	padding-right: 5px;
}

.page-left .list-group-item:last-child{
	border-bottom:0;
}
.content-left .item-content .card-body-price a{
	justify-content: center;
	display: flex;
	align-items: center;
	border: 1px dashed #336798;
    border-width: 1px 0;
	height: 38px;
	margin: auto;
	width: 80px;
	background: #0291c824;
}

.content-left .item-content .card-body-price a span{
	border-width: 0;
}

.content-left .item-content .card-body-price a span,
.content-left .item-content .card-body-price a del{
	display: contents;
	width: 100%;
	padding: 2px;
	font-size: 13px;
}

.content-left .item-content .card-body-price a span.flex-container{
	height: 38px;
	padding: 0;
}

.picture_adv,
.picture_adv img{
	width: 100%;
}

.card-header{
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	background: url(../images/heading.png) bottom repeat-x #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #202020;
	/* background: #fff; */
	position: relative;
	padding-left: 10px;
}

.card-header .view_all{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 13px;
	padding: 5px 10px;
	color: #336798;
	text-transform: initial;
	border-radius: 5px;
	font-family: arial;
}

.card-header .view_all:hover{
	color: #336798;
}

.list-out-line{
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
}

.page-left.page-left-in-right .card-header+.list-group .list-group-item:first-child{
	border: 0;
}

/* body_less */
.body-category{
	padding: 10px 0;
	background: #fff;
	border-top: 1px solid #ccc;
}

.body_less{
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;
	width: 100%;
}

.view_less,
.view_full{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	color: #000;
	text-align: center;
	padding: 5px 0;
	color: #336798;
    box-shadow: 0px -3px 2px 0px #ffffffe0;
}

.view_less span,
.view_full span{
	cursor: pointer;
	padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
}

.view_less span:hover,
.view_full span:hover{
	background: #da0b00;
	color: #fff;
}

.view_less{
	display: none;
}

.body_less h2,
.body_less h3{
	font-size: 16px;
	font-family: 'RobotoBold';
}
/* end body_less */

.pro-list .list-out-line:hover{
	box-shadow: 0 0 5px #e0e0e0;
}

.list-out-none{
	padding: 10px 0 0;
	border: 1px solid transparent;
}

.list-out-none:hover{
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0 0 5px #ccc;
}

.list-out-line:hover .card-body-title a,
.list-out-none:hover .card-body-title a{
	color: #336798;
}


.page-left .card-header{
	background: #336798;
	color: #fff;
	/* margin-bottom: 10px; */
	padding: 10px;
	/* border-radius: 7px 7px 0 0; */
	font-size: 16px;
	border: 0;
}

.page-left .card-header span:after{
	display: none;
}

.card-header .fa{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.content-left{
	position: relative;
}

.content-left .item .card-body-title{
	font-size: 13px;
	text-align: center;
}


.content-left img{
	max-width: 100%;
}


.owl-nav-page .owl-nav{
	position: absolute;
	top: -40px;
	right: 0;
}

.owl-nav-page .owl-nav [class*=owl-]{
	border-radius: 100%;
	background: #336798;
	margin: 0;
}

.owl-theme .owl-nav{
	margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-]:hover{
	background: #336798;
}

.news_hight_caro.owl-nav-page .owl-nav{
	top: -51px;
	color: #fff;
}

.news_hight_caro.owl-nav-page .owl-nav [class*=owl-]{
	background: none;
	border: 1px solid #fff;
}

.left-promo p{
	margin-bottom: 10px;
}

.left-promo img{
	width: 100%;
}




.page-right .media-title:hover{
	color: #336798;
}

.title-include{
	font-family: 'RobotoBold';
    font-size: 16px;
    margin-bottom: 10px;
}


.pagination{
	justify-content: center;
}

.page-item.active .page-link{
	background-color: #336798;
    border-color: #336798;
}

.page-link{
	color: #336798;
}

.page-link:focus{
	box-shadow: none;
	outline: unset;
}

.page-link:hover{
	color: #336798;
}


/*detail pro*/
.main-img{
	text-align: center;
}

.detail-title,
.detail-title h1,
.detail-title h2,
.detail-title h3{
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3;
}

.detail-price{
	font-size: 20px;
	color: #336798;
	margin: 10px 0;
	padding: 5px;
	border-top: 1px solid rgba(0,0,0,.125);
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.detail-price del{
	float: right;
	color: #bdbdbd;
}

.detail-property ul{
	padding: 0
}

.detail-property ul li{
	display: block;
	padding: 5px 10px;
	line-height: 1.3;
	text-align: justify;
	font-size: 16px;
}

.detail-property ul li:nth-child(odd){
	background: #f9f9f9;
}

.handleCounter-detail input.form-control{
	padding-left: 5px;
	padding-right: 5px;
}

.handleCounter-detail .btn:focus,
.handleCounter .btn:focus{
	box-shadow: none;
}

.btn-danger{
	background-color: #336798;
    border-color: #336798;
}

.pro-detail .nav-tabs{
	margin-top: 15px;
}

.pro-detail .nav-tabs .nav-item{
	font-size: 16px;
	font-family: "RobotoBold";
}

.pro-detail .nav-tabs .nav-item a{
	color: #336798;
	border-color: #336798;
}

.pro-detail .nav-tabs .nav-item a.active{
	background: #336798;
    background: -moz-linear-gradient(top, #336798 0%, #214d77 100%);
    background: -webkit-linear-gradient(top, #336798 0%,#214d77 100%);
    background: linear-gradient(to bottom, #336798 0%,#214d77 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336798', endColorstr='#214d77',GradientType=0 );
	
	color: #fff;
	border-color: #336798;
}

.pro-detail .tab-content{
	padding: 10px;
	border: 1px solid #dee2e6;
	border-top: 0;
	line-height: initial;
}

.pro_option .btn-outline-secondary img{
	margin-top: -2px;
}

.pro_option .btn-outline-secondary:hover,
.pro_option .btn-outline-secondary:not(:disabled):not(.disabled).active, 
.pro_option .btn-outline-secondary:not(:disabled):not(.disabled):active{
	background: none;
	border-color: red;
	box-shadow: none;
	color: red;
}

.pro-content{
	border: 1px dashed #f81c1a;
	border-radius: 5px;
	padding: 5px;
}
/*end detail pro*/
.table th{
	font-family: "RobotoBold";
	text-align: center;
}

.table-cart td, .table-cart th{
	padding: 5px;
	vertical-align: middle;
}

.handleCounter .form-control,
.handleCounter .input-group-text{
	font-size: 13px;
}

.table-cart .input-group{
	width: 100px;
	margin: auto;
	padding: 0;
}

.info-cart-item{
	font-size: 16px;
}

/**********js_menu_left*********/
	.js_menu_left .list-group-item{
		padding: 0;
		border-color: #33679885;
	}

	.card-header+.list-group .list-group-item:first-child{
		border-top: 1px solid #fff;
	}

	.js_menu_left .list-group-item>a{
		display: block;
		padding: 10px;
		color: #404040;
		margin-right: 25px;
		/* text-transform: uppercase; */
	}

	.js_menu_left .list-group-item.active,
	.js_menu_left .list-group-item:hover{
		background: #336798;
	}

	.js_menu_left .list-group-item.active > a,
	.js_menu_left .list-group-item:hover >a{
		color: #fff;
	}

	.js_menu_left .list-group-item>span{
		position: absolute;
		top: 7px;
		right: 5px;
		border: 1px solid transparent;
		border-radius: 3px;
	}

	.js_menu_left .list-group-item.active>span,
	.js_menu_left .list-group-item:hover>span{
		border-color: #fff;
	}

	.js_menu_left .list-group-item>span .fa{
		padding: 5px;
		background: #336798;
		border-radius: 2px 3px;
		color: #fff;
		font-size: 10px;
		font-weight: 400;
		cursor: pointer;
	}

	.js_menu_left .list-group{
		margin-bottom: 0;
	}

	.js_menu_left .list-group >li{
		
	}

	.js_menu_left .list-group >li a{
		padding-left: 20px;
	}

	.menu_filter_left .list-group-item{
		padding: 0;
	}

	.menu_filter_left .list-group-item:hover{
		background: #F1F1F1;
	}

	.menu_filter_left .custom-control{
		padding-left: 40px;
	}

	.menu_filter_left .custom-control-label{
		display: block;
		cursor: pointer;
		padding: 10px 0;
	}

	.menu_filter_left .custom-control-label::before, .menu_filter_left .custom-control-label::after{
		top: 10px;
		left: 15px;
	}

	.menu_filter_left .custom-control-input:checked~.custom-control-label::before{
		background-color: #336798;
		box-shadow: none;
	}

	/*loc theo gia*/
	#slider-range,
	#slider-range-tab{
		/* margin-bottom: 25px; */
	}
	
	#slider-range-tab{
		margin-top: 3px;
	}

	.ui-widget-header{
		background: #336798;
	}

	.ui-widget.ui-widget-content{
		border-color: #336798;
	}


	.ui-state-hover, 
	.ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover, 
	.ui-state-focus, 
	.ui-widget-content .ui-state-focus, 
	.ui-widget-header .ui-state-focus, 
	.ui-button:hover, .ui-button:focus{
		box-shadow: none;
		outline: unset;
	}

	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active,
	a.ui-button:active,
	.ui-button:active,
	.ui-button.ui-state-active:hover {
		border-color: #336798;
		background: #fedf82;
	}
	
	#amount_tab{
		text-align: center;
	}
	
	.slider-range-title label{
		margin: 0;
		white-space: nowrap;
	}
	
	
	.fill-product{
		font-size: 14px;
		background: #fff;
		padding: 10px;
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
	}
	
	.fil_tabtalklet >.dropdown{
		display: inline-block;
	}
	
	.fil_tabtalklet >a,
	.fil_tabtalklet >.dropdown >a,
	.col_select_nsx a{
		color: #336798;
		margin-right: 15px;
	}
	
	.fil_tabtalklet >a{
		border: 1px solid #f19a33;
		padding: 5px;
		border-radius: 3px;
	}
	
	.fil_tabtalklet a.active,
	.fil_tabtalklet a:hover{
		color: #f19a33;
	}
	
	.drop-category ul{
		margin: 0;
		padding: 0;
		float: left;
		width: 440px;
	}
	
	.drop-category ul li{
		list-style: none;
		float: left;
		align-items: center;
		width: 50%;
	}
	
	.drop-category ul li a{
		display: block;
		margin: 0;
		padding: 10px 10px 10px 25px;
		position: relative;
		white-space: nowrap;
	}
	
	.drop-category ul li a:before {
		content: '';
		width: 15px;
		height: 15px;
		background: #fff;
		border: 1px solid #d9d9d9;
		position: absolute;
		top: 10px;
		left: 7px;
	}
	
	.view_all .dropdown-menu .list-group-item:first-child{
		border-radius: 0;
	}
	
	.view_all .dropdown-menu:before ,
	.fill-product .dropdown-menu:before {
		content: "";
		border-width: 10px;
		border-style: solid;
		border-color: transparent;
		border-bottom-color: #336798;
		position: absolute;
		bottom: 100%;
		left: 30px;
	}
	
	.view_all .dropdown-menu.dropdown-menu-right:before,
	.fill-product .dropdown-menu.dropdown-menu-right:before{
		left: 80%;
	}
	
	.view_all .dropdown-menu,
	.fill-product .dropdown-menu{
		top: 15px !important;
	}
	
	.dis_flex,
	.fil_tabtalklet{
		display: flex;
		align-items: center;
	}
	
	.fil_tabtalklet  >.row{
		width: 100%;
	}
	
	.slider-range-title{
		display: flex;
	}
	
	.fill_nsx{
		font-size: 16px;
		font-family: "RobotoBold";
	}
	/*end loc theo gia*/
/********end js_menu_left*******/

.info-cart-item b{
	color: #336798;
	font-family: "RobotoBold";
}

.text_sl .quality{
	width: 30px;
	padding-left: 5px;
	padding-right: 5px;
}

#delete{
	cursor: pointer;
}

.custom-control-label::before,
.custom-control-label::after{
	top: 0;
}

.fa-page{
	color: #00B0EB;
}

/*compare*/
.table-compare{
	min-width: 800px;
}

.table-compare tr td{
	padding: 7px;
	color: #333;
	text-align: center;
	vertical-align: middle;
}

.table-compare .td_pro{
	width: 15%;
}

.table-compare .picture img{
	max-width: 120px;
	height: 100px;
}

.table-compare .name{
	font-size: 16px;
	font-family: 'Oswald-Regular';
	width: 100px;
}

.table-compare .price{
	color: #ff5722;
}

.table-compare .price del{
	color: #bdbdbd;
	padding: 0 5px;
}
/*end compare*/

/******table-history*****/
.table-history .view_detail{	
	font-size: 18px;
}
/******end table-history*****/

footer a{
	color: #fff;
}

.footerTop,
.footerBottom{
	background: #336798;
	padding: 10px 0;
	font-size: 14px;
	line-height: initial;
}

.footerBottom{
	background: #214d77;
	color: #fff;
	font-size: 12px;
}

.footer-col{
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	line-height: 1.6;
}

.footer-col *{
	line-height: 1.6;
}

.foo-con{
	margin: auto;
	display: block;
	text-align: center;
}

.footer-col h4{
	font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 0px;
	padding-bottom: 10px;
    display: block;
	margin: 15px 0;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #ffffff8c;
	line-height: 1.4;
}

.footer-col p{
	margin-bottom: 7px;
}

.footer-col a{
	color: #fff;
	margin-bottom: 3px;
	/* display: inline-block; */
	width: 100%;
}

.footer-col br{
	margin-bottom: 5px;
}

.footer-col a:hover{
	color: #000;
}
/*
.footer-col a:before{
	content: "\f105";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
	margin-right: 5px;
}
*/

.footer-col.textFooter5 a{
	width: auto;
	margin-right: 5px;
}

.textFooter6{
	/* text-align: right; */
}

.footer-col.textFooter5 a:before{
	display: none;
}

.breadcrumb{
	width: 100%;
	background: none;
	border-radius: 0;
	border-bottom: 1px solid rgba(0,0,0,.125);
	padding: 0 10px 10px 0;
	font-size: 12px;
	color: #9c9c9c;
}

.back-top {
    padding: 7px 10px;
    background: #3367988a;
    position: fixed;
    bottom: 90px;
    right: 29px;
    display: none;
    cursor: pointer;
    text-align: center;
    z-index: 999;
    color: #fff !important;
    border-radius: 5px;
    transition: all 0.5s;
	border: 1px solid #fff;
}

.img_fixed{
	object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    -webkit-animation: skeleton-animation 1.2s ease-in-out infinite;
    animation: skeleton-animation 1.2s ease-in-out infinite;
    background-color: #EEE;
    background-image: -webkit-gradient(linear, left top, right top, from(#EEE), color-stop(#F5F5F5), to(#EEE));
    background-image: linear-gradient(90deg, #EEE, #F5F5F5, #EEE);
    background-repeat: no-repeat;
    background-size: 200px 100%;
}


.btn-page{
	background: #336798;
	color: #fff;
}

.btn-page:active,
.btn-page:focus{
	box-shadow: none;
}

.navbar_mob{
	display: none;
}

.pro_hot{
	position: absolute;
	top: -18px;
    left: 2px;
}

.pro_hot img{
	width: 70px;
}

.pro_hot.pro_hot_orther{
	top: -10px;
    left: 3px;
}

.pro_hot.pro_hot_orther img{
	width: 60px;
}

.pro_hot.pro_hot_home img{
	width: 50px;
}

.pro_hot.pro_hot_home{
	top: 0;
	left: 0;
}

.img_loading{
	display: none
}

.img_loading{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1055;
	background: rgba(0,0,0,0.2);
}

.img_loading img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60px;
}

#pro_new_carousel{
	margin-bottom: 15px;
	
}

.bg-white{
	background: #fff;
}

.list_slide_news .card-header{
	font-size: 16px;
	padding: 0;
	border-bottom: 0;
	display: flex;
}

.list_slide_news .card-header span{
	padding: 10px 20px 10px 10px;
	background: #1e9b34;
	text-transform: uppercase;
	position: relative;
	color: #fff;
}

.list_slide_news .card-header .view_all{
	top: 8px;
}

.list_slide_news .card-header span:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 12px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.card-header .view_all .list-group-item{
	white-space: nowrap;
}

.list_slide_news .list-group-item{
	padding: 14px 10px;
}

.list_slide_news .list-group-item a{
	color: #6d6d6d;
}

.list_slide_news .list-group-item a:hover{
	color: #336798;
}
/*********partner*******/
.short_about_body{
	line-height: 1.5;
}

.short_about_body img{width: auto !important; height: auto !important;}

.client_logo{
	border: 1px solid #dcdcdc;
	padding: 10px 5px;
	height: 140px;
}

.client_logo img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-animation: skeleton-animation 1.2s ease-in-out infinite;
    animation: skeleton-animation 1.2s ease-in-out infinite;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), to(#fff));
    background-image: linear-gradient(90deg, #fff, #fff, #fff);
    background-repeat: no-repeat;
    background-size: 200px 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;

}

#project-carousel .client_logo{
	height: 280px;
	position: relative;
	overflow: hidden;
}

.home-news .item-news .news-img img,
#project-carousel .client_logo img{
	object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-animation: skeleton-animation 1.2s ease-in-out infinite;
    animation: skeleton-animation 1.2s ease-in-out infinite;
    background-color: #EEE;
    background-image: -webkit-gradient(linear, left top, right top, from(#EEE), color-stop(#F5F5F5), to(#EEE));
    background-image: linear-gradient(90deg, #EEE, #F5F5F5, #EEE);
    background-repeat: no-repeat;
    background-size: 200px 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#project-carousel .client_logo img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#project-carousel .item_title{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	background: rgba(0,0,0,0.5);
	margin-bottom: 0;
	color: #fff;
	min-height: 56px;
	display: flex;
	align-items: center;
}

.project,
.home-news{
	margin-bottom: 20px;
}

.home-news .item-news{
	margin-bottom: 10px;
}


.home-news .item-news .news-img{
	height: 280px;
	overflow: hidden;
	display: flex;
}

.home-news .item-news .news-title{
	height: 60px;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-family: 'Oswald-Regular';
	background: rgba(230, 230, 230, 0.5);
	padding: 5px;
	color: #000;
}

.home-news .item-lag-news:hover .news-title,
.home-news .item-mini:hover .news-title{
	color: #336798;
}

.home-news .item-news.item-right .news-title {
    font-size: 12px;
    height: 42px;
    padding: 5px 8px;
	line-height: 1.4;
}

.home-news .item-news.item-right a{
	color: #000;
}

.home-news .item-news.item-right .news-img {
    height: 120px;
}

.home-news .item-news .list-group li{
	padding-left: 0;
	font-size: 16px;
}

.home-news .item-news .list-group li:first-child{
	padding-top: 0;
}



.home-news .item-news .list-group li a{
	/* display: flex; */
	/* align-items: center; */
}

.home-news .item-news.item-right .img-small{
	float: left;
	width: 60px;
    height: auto;
    margin-right: 5px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.home-news .item-news.item-right .img-small img{
	width: 100%;
}

.address_home{
	margin: 0;
	padding: 3px 10px;
	font-size: 14px;
	font-family: 'Oswald-Regular';
	box-shadow: -1px -1px 2px 1px #dcdada85;
	border-top-left-radius: 5px;
	
}

.address_home li{
	list-style: none;
	margin-top: 5px;
	padding: 0;
	position: relative;
}

.address_home li.phone{
	font-size: 16px;
	text-align: right;
	margin-top: 0;
}

.address_home li img{
	margin-right: 5px;
	-webkit-animation:phonering-alo-circle-img-anim
	1.2s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}



.address_home b,
.address_home strong{
	font-family: 'Open Sans', sans-serif;
}

/*********end partner*******/
.page-news{
	padding: 15px 10px;
}

.other-news a{
	color: #000;
}

.other-news a:hover{
	color: #336798;
}

.slider-main.owl-carousel .owl-item img{
	width: 100%;
}

.owl-carousel .owl-item .rate_pro_num img{
	width: auto;
}

.page-lang-content{
	font-size: 24px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-lang-content p{
	width: 100%;
}

.tit-search{
	font-size: 15px;
	padding: 10px;
}


/*********modal*******/
#ModalLogin .modal-header,
#ModalLogin .modal-body,
#ModalLogin .modal-footer{
	padding: 10px 15px;
}

#ModalContact .modal-footer.content_left{
	justify-content: center;;
}
/*********end modal*******/

.page-error-content{
	padding: 15px 0;
}

.nav-item-service.nav-item-service-mob{
	display: none;
}

@media(min-width: 768px){
	.hide_desk{
		display: none !important;
	}
	
	.narbar-search-cart li input[type='text']{
		font-size: 13px;
		padding: 0 3px 0 10px;
		display: flex;
		height: 36px;
	}
	
	.narbar-search input[type='text']{
		width: 130px;
	}
	
	.logo img{
		max-height: 90px;
	}
	
	/*top head*/
	.js_menu_main .drop_sub_mob,
	.js_menu_main .drop_mob{
		display: none;
	}
	
	.js_menu_main .nav-item:before {
		content: "";
		width: 1px;
		height: 100%;
		background: #ffffff78;
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	}
	.js_menu_main .nav-item:last-child:before{
		display: none;
	}
	/*end top head*/
	/* home-promo */
	.home-promo .col-md:first-child{
		padding-right: 7px;
	}

	.home-promo .col-md:last-child{
		padding-left: 7px;
	}
	
	.home-promo .box_promo{
		display: table;
		width: 100%;
		table-layout: fixed;
		position: relative;
		overflow: hidden;
	}
	
	.home-promo .box_promo:hover img {
		opacity: 0.5;
	}

	.home-promo .box_promo .title_promo {
		padding: 10px;
		text-transform: uppercase;
		text-align: right;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	
	.home-promo .box_promo .body_promo{
		position: absolute;
		left: 0;
		bottom: -100px;
		width: 100%;
		z-index: 1;
		transform: translateY(100px);
		transition: all 0.35s ease 0s;
		
		padding: 10px;
		background: rgba(0, 173, 239, 0.9);
		color: #fff;
		height: 100px;
		overflow: hidden;
		line-height: 1.5;
	}
	
	.home-promo .box_promo:hover .body_promo{
		transform: translateY(-100px);
		/* bottom: 0; */
	}
	
	.home-promo .box_promo:after {
		/* content: ""; */
		background: rgba(0, 0, 0, 0.7);
		position: absolute;
		top: 0;
		left: -35%;
		bottom: 0;
		right: 70%;
		transform: skew(20deg) translateX(-75%);
		transition: all 0.35s ease 0s;
	}
	
	.home-promo .box_promo:hover:after {
		transform: skew(20deg) translateX(0);
	}
	
	.home-promo .box_promo .title_promo h3 {
		font-size: 20px;
		font-weight: 400;
		color: #fff;
		margin: 0 0 10px 0;
		transform: scale(0);
		transition: all 0.35s ease 0s;
	}
	
	.home-promo .box_promo .title_promo h3 a {
		display: inline-block;
		background: rgba(0, 173, 239, 0.9);
		color: #fff;
		font-size: 19px;
		text-transform: uppercase;
		padding: 4px 16px;
		line-height: 35px;
	}
	
	.home-promo .box_promo .title_promo:hover h3 {
		transform: scale(1);
	}
	/* end home-promo */
	
	.top .nav-item.narbar-search:before{
		display: none;
	}
	
	.slider-main{
		padding-right: 5px;
	}
	
	.list_slide_news{
		padding-left: 5px;
	}
}

@media(min-width: 991px){
	#pro_new_carousel{
		padding: 0;
		margin: 0 -5px 15px -5px;
	}
	
	.narbar-search input[type='text']{
		width: 270px;
	}
	
	.top{
		position: sticky;
		top: 0;
		z-index: 999;
	}
	
	.top.stick{
		width: 100%;
		position: sticky;
		top: 0;
		z-index: 999;
	}
	
	
	.stick .narbar-search-cart .nav-item{
		min-width: 42px;
	}
	
	
	.stick .narbar-search-cart .nav-item a:after,
	.stick .narbar-search-cart .nav-item >a span{
		display: none;
	}
	
	.stick .cart_img img, .stick .tel_img img, .stick .user_desk_img img{
		height: 20px;
	}
	
	.page-left.page-left-in-right .list-group{
		border: 1px solid #ccc;
		border-radius: 5px;
		overflow: hidden;
	}
	
	/*address_home*/
	.address_home{
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 11111;
		background: #fffc;
		display: flex;
		align-items: center;
		
	}
	
	.address_home li{
		padding: 0;
		margin: 0 5px;
	}
	
	.address_home li.phone{
		text-align: unset;
	}
	
	/*end address_home*/
	
	/*home news*/
	.home-news .item-news .news-img{
		position: relative
	}
	
	.home-news .item-news .news-img::after,
	.home-news .item-news .news-img::before {
		position: absolute;
		content: '';
		opacity: 0;
		z-index: 9;
	}
	
	.home-news .item-news .news-img::before{
		top: 15%;
		right: 10%;
		bottom: 15%;
		left: 10%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	
	.home-news .item-news .news-img::after {
		top: 10%;
		right: 15%;
		bottom: 10%;
		left: 15%;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		
	}
	
	.home-news .item-news .news-img img,
	.home-news .item-news .news-img::before,
	.home-news .item-news .news-img::after{
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	.home-news .item-news .news-img:hover img {
		opacity: 0.8;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.home-news .item-news:hover >.news-img::before,
	.home-news .item-news:hover >.news-img::after,
	.home-news .item-news .item-mini:hover .news-img::before,
	.home-news .item-news .item-mini:hover .news-img::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.home-news .item-news:hover >.news-img::after,
	.home-news .item-news:hover img ,
	.home-news .item-news.item-right:hover .news-img::after{
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
	}
	/*end home news*/
}/*end min-width 990*/

@media(min-width: 1200px){
	.navbar-main>.container{
		position: relative;
	}
	
	.logo{
		padding: 5px 0;
		width: 230px;
	}
	
	.logo img {
		max-height: 120px;
	}
	
	.logo_mob{
		display: none;
	}
	
	.navbar-main{
		padding: 0;
	}
	
	.header{
		min-height: 42px;
	}
	
	.stick .navbar-nav.js_menu_main .nav-link,
	.navbar-nav.js_menu_main .nav-link{
		padding: 19px 10px;
	}
	
	.stick .navbar-nav.js_menu_main .nav-link{
		/* padding: 15px 20px; */
	}
	
	.navbar-nav.js_menu_main .nav-link.nav-link-home{
		padding-bottom: 18px;
	}
	
	.navbar-nav.js_menu_main .nav-link:hover{
		background: #336798;
		color: #fff !important;
	}
	
	.narbar-search-cart li.narbar-search{
		margin-right: 150px;
	}
	
	.narbar-search input[type='text']{
		width: 400px;
	}
	
	.home-list .list-item{
		margin-bottom: 36px;
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.page-right.home-list{
		padding-left: 0;
		padding-right: 0;
	}
	
	.home-promo{
		padding: 0 7px;
	}
	
	.col-lg-custom {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 20%;
	}
}

@media(max-width: 991px ) and (min-width: 768px){
	/*top*/
	.narbar-search-cart{
		margin: 3px 0;
	}
	
	.top .nav-link, .top .navbar-light .navbar-nav .nav-link {
		padding: 10px;
	}
	
	
	.con_mob{
		text-align: center;
	}
	
	.top .nav-item:last-child:before{
		display: none;
	}
	
	.top .nav-link, .top .navbar-light .navbar-nav .nav-link{
		font-size: 11px;
	}
	
	.top .container {
		max-width: none
	}
	
	.logo img{
		height: 40px;
	}
	/*end top*/
	
	/*top head*/
	.top .navbar-expand-md .navbar-collapse{
		display: block !important;
		flex-basis: unset;
	}
	
	.nav-option .navbar{
		display: inline-block;
	}
	
	.narbar-search-cart{
		justify-content: center;
	}
	
	.page_slogan *{
		font-size: 18px !important;
	}
	/*end top head*/
	
	.card-body-price a{
		min-height: 42px;
		display: flex;
	}
	
	.narbar-search-cart li.narbar-search{
		margin-right: 40px;
	}
	
	.narbar-search-cart li input[type='text']{
		width: 200px;
	}
}

@media(max-width: 1199px){
	.logo_des{
		display: none;
	}
	
}

@media (max-width: 1050px){
	
}

@media(max-width: 991px){
	.page-left{
		display: none;
	}
	
	/*.page-left.page-left-in-right*/
	
	.page-left.page-left-in-right{
		display: block;
		padding: 0;
	}
	
	.page-left.page-left-in-right .card-header{
		background: none;
		color: #336798;
	}
	
	.page-left.page-left-in-right .card-header+.list-group .list-group-item:first-child{
		border-top: 0;
	}
	
	.page-left.page-left-in-right .list-group{
		margin-bottom: 0;
	}
	
	.page-left.page-left-in-right .media{
		display: block;
	}
	
	.page-left.page-left-in-right .media img{
		width: 100%;
	}
	
	/*.page-left.page-left-in-right*/
	
	.main-menu{
		margin-top: 10px;
	}
	
	.navbar-toggler{
		color: #000;
		font-size: 26px;
		border-color: #fff;
		margin-right: 20px;
	}
	
	.navbar-toggler:focus{
		outline: none;
	}
	
	/* .header .nav-item.show .nav-link, */
	.header .nav-item .nav-link{
		background: #336798;
		color: #fff !important;
	}
	
	.header .dropdown-toggle:after{
		color: #212529;
	}
	
	.header .nav-item .nav-link:after{
		color: #fff;
	}
	
	/****/
	.header .dropdown-menu{
		background: none;
		border: 0;
		padding-top: 0;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
	}
	
	.header .dropdown-menu .dropdown-item{
		border-bottom: 1px solid #e0e0e0;
	}
	
	.header .dropdown-menu .dropdown-item:last-child{
		border: 0;
	}
	/****/
	
	.dropdown-item{
		padding: 15px 10px;
	}
	
	.dropdown-item.active, .dropdown-item:active,
	.dropdown-item:focus, .dropdown-item:hover{
		color: #336798;
		background-color: #f8f9fa;
	}
	
	.header .nav-link{
		padding: 15px 10px;
	}
	
	.header .nav-item {
		border-bottom: 1px solid #e0e0e0;
	}
	
	.header .dropdown-toggle::after{
		float: right;
		margin-top: 8px;
		font-size: 13px;
		color: #949494;
	}
	
	/*******.header .nav-item.show .nav-link,***********/
	
	.fil_tabtalklet{
		display: block;
		margin-bottom: 15px;
	}
	
	.home-news .item-news.item-right .news-img,
	.home-news .item-news .news-img{
		height: 200px;
	}
	
	.home-news .item-news .news-title{
		font-size: 16px;
		line-height: 1.3;
	}
	
	.home-list .card-body-title{
		font-size: 18px;
	}
	
	.navbar-toggler.active {
		color: #f00;
	}
}/*max-width: 991px*/

@media(max-width: 767px){
	.narbar-search-cart{
		width: 100%;
	}
	
	.hide_mob{
		display: none !important;
	}
	
	.navbar_mob{
		float: right;
		display: block;
	}
	
	.navbar_mob li{
		display: inline-block;
		margin-left: 10px;
	}
	
	.navbar_mob li:before{
		content: "";
		width: 1px;
		height: 15px;
		background: #fff;
		position: absolute;
		top: 6px;
		right: -7px;
	}
	
	.navbar_mob li:last-child:before{
		display: none;
	}
	
	.navbar_mob .dropdown-menu{
		position: absolute;
		right: 0;
		left: auto;
	}
	
	.narbar-search{
		width: 100%;
	}
	
	.col-lg-mob{
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	}
	/*----*/
	
	.news-home{
		margin-bottom: 15px;
	}
	
	.home-news{
		margin-bottom: 0;
	}
	
	.narbar-search-cart{
		display: none;
	}
	
	.col-news-home{
		padding: 0;
		margin-bottom: 0;
	}
	
	.home-news .item-news.item-right .news-title{
		font-size: 16px;
	}
	/*top head*/
	.top{
		padding: 3px 10px;
	}
	
	.con_mob{
		width: 100%;
		display: flex;
		align-items: center;
	}

	.logo{
		margin: auto;
		padding: 5px 0;
	}
	
	.logo img{
		max-height: 65px;
	}
	
	
	.con_mob .phone_call{
		display: flex;
		font-family: 'Open Sans', sans-serif;
		/* margin-left: auto; */
	}
	.con_mob .phone_call a{
		display: flex;
		align-items: center;
		position: relative;
		/* margin-left: 15px; */
	}
	
	.con_mob .phone_call span{
		float: right;
		text-align: left;
	}
	
	.con_mob .phone_call img{
		float: none;
		height: 30px;
		   -webkit-filter: invert(70%) grayscale(100%) brightness(70%) contrast(4);
		filter: invert(40%) grayscale(100%) brightness(70%) contrast(4);
	}
	
	.navbarTop .navbar-toggler{
		color: #fff;
		border: 0;
	}
	
	.navbarTop .navbar-toggler:hover,
	.navbarTop .navbar-toggler:focus{
		outline: none;
	}
	
	.nav-option,
	.navbarTop,
	.narbar-search-cart li{
		display: inline-block;
	}
	
	.narbar-search-cart li.phone_call_desk{
		display: none;
	}

	.narbar-cart .btn-warning{
		border-radius: .25rem !important;
		color: #fff;
	}
	
	.md-hidden{
		display: none !important;
	}
	
	.header .narbar-flag-mob{
		display: block;
	}
	
	
	
	.header .narbar-user-mob .nav-item{
		border-bottom: 0;
	}
	
	.header .narbar-user-mob .dropdown-menu{
		position: absolute;
		background: #fff;
		box-shadow: 0 0 1px #5d5d5d;
	}
	
	.header .narbar-user-mob .dropdown-toggle::after{
		color: #fff;
	}
	
	.navbar-nav-slogan{
		width: 100%;
	}
	
	.navbar-nav-slogan li{
		margin: 0 auto;
	}
	
	.narbar-search{
		position: fixed;
		top: 55px;
		width: 90%;
		left: 5%;
		bottom: unset;
		    box-shadow: 0 0 1px 1px #000000;
	}
	
	
	.con_mob .phone_call .narbar-search a.btn{
		margin-left: 0;
	}
	
	.js_menu_main .nav-item >.dropdown-menu{
		transition: opacity 1s ease-out;
		opacity: 0; 
		height: 0;
		background: none;
		border: 0;
		padding: 0;
	}
	
	.js_menu_main .nav-item >.dropdown-menu.show{
		opacity: 1;
		height: auto;
	}
	
	.js_menu_main .nav-item >.dropdown-menu.show .dropdown-menu{
		display: block;
		border: 0;
		padding: 0 0 0 20px;
		border: 0;
		background: none;
	}
	
	.js_menu_main .dropdown-item{
		padding: 7px 10px;
		font-family: 'Open Sans', sans-serif;
		background: none;
		color: #fff;
		
	}
	
	/*end top head*/
	
	/*menu mobile*/
	.menu-mob {
		display: block;
		padding: 5px 15px;
		background: #e64b25;
	}
	
	.m-mob-item {
		padding: 5px;
	}
	
	.m-mob-item a {
		display: block;
		color: #000;
		background: #fff;
		border-radius: 5px;
		padding: 10px 5px;
		font-size: 14px;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	/*end menu mobile*/
	
	/*home-promo*/
	.box_promo{
		position: relative;
	}
	.home-promo .box_promo .title_promo {
		padding: 0;
		text-transform: uppercase;
		text-align: center;
		position: relative;
		bottom: unset;
		left: unset;
		margin-bottom: 10px;
		z-index: 1;
		width: 100%;
	}
	
	.home-promo .box_promo .title_promo h3{
		margin: 0;
	}
	
	.home-promo .box_promo .title_promo h3 a {
		display: inline-block;
		background: rgb(51, 103, 152);
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		padding: 4px 16px;
		line-height: 25px;
		width: 100%;
	}
	/*end home-promo*/
	
	
	.card-img-top{
		margin: auto;
		/* width: auto; */
		height: 100%;
	}
	
	.owl-carousel .owl-item img{
		/* width: auto; */
	}
	
	.page-right .media-content{
		text-align: justify;
		line-height: 1.4;
	}
	.page-right .media-title{
		font-size: 15px;
		font-family: 'RobotoBold';
		margin-top: 10px;
	}
	
	.footer-col{
		margin-bottom: 10px;
	}
	
	.footer-col:last-child{
		margin-bottom: 0;
	}
	
	#project-carousel .client_logo{
		height: 250px;
	}
	
	.page-lang-content{
		font-size: 16px;
	}
	
	/* .fil_tabtalklet >a, */
	.fil_tabtalklet{
		display: flex;
	}
	
	.fil_tabtalklet >.dropdown{
		margin: auto;
	}
	
	.fil_tabtalklet .dropdown-menu a {
		font-size: 14px;
		border-bottom: 1px solid rgba(0, 0, 0, .15);
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.fil_tabtalklet a.active,
	.fil_tabtalklet .dropdown-menu a:hover {
		background-color: #336798;
		color: #fff;
	}
	
	.drop-category ul li a:before{
		top: 7px;
	}
	
	.fil_tabtalklet,
	.col_select_nsx a{
		margin:0;
	}
	
	.view_all .dropdown-menu{
		border-top: solid 2px #336798;
		border-bottom: solid 2px #336798;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		padding: 0;
	}
	
	.card-header .view_all .list-group-item{
		font-size: 13px;
	}
	
	/*.drop-category*/
	.view_all .dropdown-menu.drop-category{
		border-top: solid 2px #336798;
		border-bottom: solid 2px #336798;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	
	.drop-category ul{
		width: auto;
	}
	
	.drop-category ul li{
		width: 100%;
	}
	
	/*end drop-category*/
	
	.tit-search{
		padding: 10px;
		font-size: 18px;
	}
	
	
	.container .row .card-header{
		margin: 0 5px 10px;
	}
	
	.nav-item-service{
		display: none;
	}
	
	.nav-item-service.nav-item-service-mob{
		display: block;
	}
	
	.nav-item-service.nav-item-service-mob{
		margin-top: 15px;
		text-align: center;
	}
	
	.nav-item-service.nav-item-service-mob .item-title{
		color: #fff;
	}
	
	.nav-item-service.nav-item-service-mob h4{
		font-size: 14px;
		margin-top: 10px;
		color: #fff;
	}
	
	.nav-item-service .item-phone a{
		color: #00cbff;
	}
}/*max-width: 767px*/

@media(min-width: 577px){
	.page-left,
	.page-right{
		padding-left: 15px;
		padding-right: 15px;
	}
}/*min-width: 577*/

@media(max-width: 576px){
	.container .row{
		margin-right: 0;
		margin-left: 0;
	}
	
	.slider-head{
		padding-bottom: 5px;
	}
	
	.home-promo{
		padding: 0 5px 0 5px;
	}
	
	.list_slide_news,
	.slider-main{
		/* margin-bottom: 15px; */
	}
	
	.container.partner,
	.list_slide_news,
	.slider-main,
	.col-lg-mob,
	.page-right,
	.other-news{
		padding: 0;
	}
	
	.col-lg-mob.short_about_body{
		padding: 0 10px; 
	}
	
	.compare .page-right{
		padding: 0 10px;
	}
	
	.page-home,
	.page-right.contact-page{
		padding: 0;
	}
	
	/* .page-right.pro-detail{ */
		/* padding-left: 10px; */
		/* padding-right: 10px; */
	/* } */
	
	
	.page-right.pro-detail .row{
		margin-right: -10px;
		margin-left: -10px;
	}
	
	.breadcrumb{
		padding: 0 5px 10px 5px;
		font-family: 'Oswald-Regular';
	}
	
	.nav-tabs .nav-link{
		font-family: 'Oswald-Regular';
	}
	
	.navbar{
		padding: 10px 0;
	}
	
	.header .narbar-flag-mob{
		margin-left: 15px;
	}
	
	.home-news .item-news .list-group li a{
		font-size: 14px;
	}
	
	.table-compare{
		min-width: 500px;
	}
	
	.page_slogan *{
		font-size: 16px !important;
	}
	
	.navbar-nav-slogan li{
		margin: 7px auto;
	}
	
	.home-list .card-body-title{
		font-size: 16px;
	}
	
	.row.row-mob-0{
		margin: 0 !important;
	}
	
	.col-viewWatched{
		padding: 0 10px;
	}
	
	.textFooter6{
		text-align: center;
	}
	
	
}/*max-width: 576px*/
	
@media(max-width: 480px){
	body{
		background: #fff;
	}
	
	.top{
		padding: 0;
	}
	
	.other-news .col-custom,
	.pro-list .col-md, .pro-list .col-md-3{
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 10px;
	}
	
	.body-category{
		padding: 10px 5px;
	}
	
	.card-img-top{
		height: auto;
	}
	.card-body-title{
		height: 34px;
		overflow: hidden;
		margin-bottom: 5px;
	}
	
	.card-body-title a{
		font-size: 14px;
		line-height: 1.2;
	}
	
	.breadcrumb-item:nth-child(4),
	.news-detail .breadcrumb-item:nth-child(3){
		display: none;
	}
	
	.card-body-price a span{
		font-size: 13px;
		padding: 3px 5px;
	}
	
	.con_mob{
		padding: 3px 10px 0 10px;
	}
	
	.acc_mob .nav-link{
		text-transform: initial;
	}
	
	.narbar-search .keyword{
		border-color: #fff;
		border-radius: 0;
	}
	
	.narbar-search-cart li input[type='text']{
		padding-left: 10px;
	}
	
	.narbar-search .searchSubmit{
		border-radius: 0;
	}
	
	.narbar-search .keyword:active,
	.narbar-search .keyword:focus{
		box-shadow: none;
	}
	
	.narbar-user-mob{
		margin-left: 10px;
	}
	
	#project-carousel .client_logo,
	.home-news .item-news .news-img{
		height: 200px;
	}
	
	.home-news .item-news.item-right .news-img,
	.home-news .item-news .news-img{
		height: 150px;
	}
	
	
	.pro_hot img {
		width: 60px;
	}
	
	.pro_hot{
		top: -10px;
		left: -2px;
	}
	
	.pro_hot.pro_hot_orther{
		left: 0;
	}
	.container{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.container .row{
		margin-right: -10px;
		margin-left: -10px;
	}
	
	.home-list .list-item{
		margin-bottom: 5px;
	}
	
	.row.fill-product .row{
		margin: 0;
	}
	
	.row.fill-product .row>div{
		padding: 0;
		margin-bottom: 10px;
	}
	
	.row.fill-product > div{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	
	.row.fill-product > div.col_btn,
	.row.fill-product > div.col_select_nsx{
		padding: 0 5px;
	}
	
	.row.fill-product > div.col_btn{
		text-align: right !important;
	}
	
	.fill_nsx{
		font-size: 14px;
		padding: 5px;
	}
	
	.slider-range-title{
		justify-content: center;
	}
	
	.news-home-body .body-text{
		font-size: 13px;
	}
}/*max-width: 480px*/

@media(min-width: 768px){
	/*main-menu*/
	.navbarTop .nav-item.dropdown:hover >.dropdown-menu,
	.main-menu .nav-item:hover >.dropdown-menu{
		display: block;
	}
	
	.top-head .navbar-toggler,
	.header .dropdown-toggle::after{
		display: none;
	}
	
	.dropdown-menu{
		/* right: 0; */
		/* left: inherit; */
		padding: 0;
		border: none;
		border-radius: 0;
		z-index: 999 !important;
		margin-top: -2px !important;
		border-top: solid 2px #336798;
		border-bottom: solid 2px #336798;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	
	.dropdown-menu a{
		font-size: 16px;
		border-bottom: 1px solid rgba(0, 0, 0, .15);
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.dropdown-menu a:last-child{
		  border: 0;
	}
	
	.dropdown-menu a:hover{
		background-color: #336798;
		color: #fff;
	}
	
	.dropright .dropdown-menu{
		left: 100%;
		top: 0;
		display: none;
	}
	
	.dropright:hover .dropdown-menu{
		display: block;
	}
	/*end main-menu*/
}/*min-width 768px*/

@media (min-width: 1200px){
	.container {
		max-width: 1200px;
	}
}/*min-width 768px*/

@media (min-width: 1441px){
	.container {
		max-width: 1440px;
	}
}/*min-width 1200px*/



@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}