@charset "UTF-8";
/*
@font-face { font-family: 'MyPR'; src: url("/fonts/MyriadPro-Regular.otf"); }
@font-face { font-family: 'UAL'; src: url("/fonts/UTMAlbertaHeavy.ttf"); }
*/
/*------------------------------------------------Start Setup font genneral------------------------------------------------*/
h3, h5, h6, p, span, h1, h2, a, div { font-family: 'Roboto' !important; }
img{max-width:100%;}
/*------------------------------------------------END Setup font genneral------------------------------------------------*/
body{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	background-size: cover !important;
}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 2px grey;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: rgb(0 0 0 / 22%);border-radius: 2px;}
/*-------------------------------------------------------Start Header-------------------------------------------------------*/
/*body { background-color: #E8F9FD;background: url(/images/bg-main.jpg);background-size:contain;}*/
body.dssanpham .blog{background-color:#fff;padding-top:30px;}
header{position:relative;padding-bottom: 1%;}
#menu_1 {margin-bottom:0;}
#menu_2 {background-color:#f5f5f5;border:none;margin:0;height:40px;}
#menu_2 a{color:#2a6588;}
body.dssanpham #menu_2 a{color:#fff;}
.navbar-default {background-color: rgba(0, 0, 0, 0.75);border:none;}
#menu_1 .navbar-brand {padding:0;}
.navbar-brand>img {max-height:50px;border:none;transition:all 1s ease;}
.navbar-default .navbar-nav>li>a{color:#fcf8e3;font-weight:bold;}
.slider{position:relative;width: 100%;height:100%;top: 0;z-index: -1;}
.slider img,.slider div,.slider a{height:100%;}
.index-search{padding:7px;}
.index-search i{font-weight: bold;}
.index-search .input-group-addon{border:none;background-color:#fff;}
.index-search input{box-shadow: none;border-width: 0 0 0 1px;}
.comon{margin-top: 90px;position: relative;font-size: 21px;display:none;}
.comon h2{font-size:45px;}
.comon h3{font-size:35px;}
.comon h4{font-size:25px;}
.comon > div{background-color:rgba(14, 119, 70, 0.42);padding:5%;color: #fafafa;border-radius:15px;}
.comon > div > div:nth-child(2){padding:5%;}
.comon > div > div:nth-child(3){border-left:1px solid #f9f9f9;}
.common-text{padding:5px 0;}
.common-text h2{font-size:30px;}
.common-text p{font-size:20px;}
.common-text > div > div{padding:2%;}
.indexproduct{border:5px solid rgb(239 51 11 / 26%);border-radius:10px;height:450px;overflow-y:scroll;padding:0;}
.indexproduct > div:nth-child(1){background-color:rgb(255 255 255 / 84%);}
.indexproduct > div:nth-child(2){background-color:rgb(255 255 255 / 70%);}
.search-box{padding: 15px 0;}
.search-box button{padding:10px 20px;}
.search-box button small{display:block;color: rgba(0,0,0,.5);}
.search-box ul{font-size: 16px;}
.search-box ul li{padding:5px 10px;border-bottom:1px solid #ddd;cursor:pointer;}
.item{padding-bottom: 30px;}
.item > .frame-product {padding-bottom: 15px;background-color: #e5e5e5;border: 1px solid #eee;box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);}
.item > .frame-product > .frame-text{padding: 0 15px;}
.item > .frame-product > .frame-image{height:220px;position:relative;overflow:hidden;}
.item > .frame-product > .frame-image img{
	position:absolute;width:100%;margin:auto;top:0;bottom:0;max-width:unset;transition: all 1s ease;left:0;right:0;
}
.item > .frame-product > .frame-image:hover img{left:-25%;width:150%;}
.item .info1{background-color: #f5f5f5;font-size: 20px;color:#777;border:1px solid rgba(255, 255, 255, 0.26);border-width:1px 0 1px 0;}
.item .info1 > div:nth-child(1),.item .info1 > div:nth-child(2){border-right:1px solid #e5e5e5;}
.item .frame-text h2.title{height:88px;font-size: 20px;}
.item .frame-text p{font-size: 20px;}
.item .frame-text .giakm{color: #31708f;}
.bgbottomlink{position: absolute;top: 0;width: 100%;height: 100%;z-index: -1;}
.index-property{position:relative;color:#e5e5e5;}
.index-property > div{padding:2%;}
.index-property a{color:#fefefe;}
footer{position:relative;}
footer .contactform{position:absolute;top:10%;width: 100%;}
footer .contactform > div{background-color:#fff;border-radius: 10px;padding:0;}
.contactform .bottom-info{padding:15px;background-color: #eab53e7a;border: 5px solid #fff;border-radius:10px 0 0 10px;}
#bottom-nav{height: 40px;position:fixed;width:100%;bottom:-200px;zIndex:99999;transition:all 1s ease;background-color: rgba(0, 0, 0, 0.63);}
#bottom-nav ul{top: -9px;position: relative;}
#scial-ab > a{display:inline-block;padding:5px 15px;}
.giohang,.giohang a{padding:0 !important;}
.giohang img{width:60px;}
.cartnumh{top:2px;right:3px;position: absolute;padding: 1px 6px;border-radius: 10px;background-color: #fff;color: #ada117;}
.bottom-link{height:200px;position: relative;}
#main-nav{background-color:transparent;height:50px;margin:auto;top:0;bottom:0;position:absolute;}
#main-nav a{color:#fff;}
.shopping-cart-box{box-shadow: 0px -1px 4px 1px rgba(0, 0, 0, 0.18);padding:30px;background-color: #fff;z-index: 1;display:none;top: 50px;width: 100%;position: fixed !important;}
.themgiohang{transition:all 1s ease;width:110px}
.info-product .themgiohang{margin:15px 0;}
.added .themgiohang{background-color:#a27127;width:140px;}
.added .themgiohang::before{content:'x';color:rgb(251, 186, 120);left:-17px;position:relative;}
a.MagicZoom img { height: 285px !important; }
.selectors { display: inline-block; padding: 7px;width: 100%;margin-top: 15px; }
.selectors ul { padding: 0; margin: 0; list-style: none; }
.selectors ul li { float: left; margin-right: 10px; }
.selectors ul img { width: 80px; height: 80px; object-fit: contain; }
.title-general{text-align:center;}
.title-general > h3{margin: 0;padding: 15px 0;color: #fff;font-size:35px;}
.breadcrumb{background-color:transparent;border:none;}
.breadcrumb>li,.breadcrumb>li a{color:#fff !important;}
.bottom-logo{padding:0;}
.navbar-collapse {transition:all 1s ease;}

@media (min-width: 1200px) {
	
}
@media (max-width: 992px) {
	.slider{position:relative;}
}
@media (max-width: 768px) {
	.contactform form > div{padding:0;}
	.contactform form{padding-bottom:100px;}
	#main-nav .menu-toggle{display:none;}
	.cart-s{display:inline-block;}
	.cartnumh{right:unset;left:40px;}
	#scial-ab > a{padding:5px 5px;}
	.navbar-brand{padding-top:0;}
	.navbar-brand>img{max-height: 50px;}
	.comon{margin-top:20px;}
	.item{padding: 2px;}
	.item .frame-text h2.title {height: 52px;font-size: 16px;overflow: hidden;margin: 10px 0 0 0;}
	.item .frame-text p{font-size: 13px;margin-bottom: 0;}
	.item > .frame-product > .frame-text{padding: 0px 5px;}
	.frame-text .themgiohang,.frame-text .nut {font-size:12px;padding: 4px;margin-bottom: 3px;}
	.navbar-collapse.in{background-color:#000;}
	.item .info1{font-size: 16px;}
	.info1 > div{padding:3px;}
}
@media (max-width: 700px) {
	
}
@media (max-width: 640px) {
	.bottom-info h4{font-size:100%;}
	.comon{font-size:15px;}
	.comon h2 {font-size: 17px;}
	.comon h3 {font-size: 15px;}
	.comon h4 {font-size: 16px;}
	.comon h4 p{display: inline-block;}
	.search-box button{font-size:14px;}
	.item > .frame-product > .frame-image{height:57px;height:140px;}
}
@media (max-width: 500px) {
	.bottom-info .col-xs-6{width:100%;}
	.item .frame-text h2.title{font-size: 13px;height:57px;}
}