body,ul {margin: 0;padding: 0;list-style: none;}
body,* {font-family: 'Source Sans Pro', sans-serif;}
body {background: url(images/bg.png) no-repeat;background-size: cover;}
i {margin-right:5px}
.right{text-align:right !important}
#header {padding-top: 10px;padding-bottom: 10px;}
#header .logo{display:inline-block;vertical-align:top}
#header .logo a img {height: 70px;margin:20px 20px 0 0}
#header .content {display:inline-block;vertical-align:top}
#header .content h3 {font-size:20px;font-weight:bold}
#header .content p {font-size:15px;padding:0;margin:5px 0 5px 0;color:#444444;}
#header .hotline{font-size:18px;float:right;margin-top:40px}
#header .hotline a{font-size:24px;font-weight:bold;color:red}
#header .menu {float: right;}
#header .menu ul {margin-top:10px;}
#header .menu ul li {display: inline-block;margin-left: 30px;}
#header .menu ul li a {color: #909090;text-decoration: none;font-family: 'Lobster', cursive;font-size: 16px;padding-bottom: 5px;}
#header .menu ul li a:hover {color: #4eba73;border-bottom: solid 2px #4eba73 !important;}
#slider .main img {width: 100%;height:297px;object-fit: cover;}
#slider .slick-prev{display: none !important;position:absolute;left:10px;top:calc(50% - 20px);z-index:2;background: transparent;border: 0;outline: none;cursor: pointer;}
#slider .slick-next{display: none !important;position:absolute;right:30px;top:calc(50% - 20px);z-index:2;background: transparent;border: 0;outline: none;cursor: pointer;}
#slider .slick-prev:before,#slider .slick-next:before{font-size:40px;color:white}
#slider:hover .slick-prev {display: block !important;}
#slider:hover .slick-next {display: block !important;}
#danhsachsanpham .mainproduct {float: right;margin-top: -50px;}
#danhsachsanpham .mainproduct ul li {display: inline-block;margin-left: 10px;position: relative;}
#danhsachsanpham .mainproduct ul li a img {height: 69px;}
#danhsachsanpham .mainproduct ul li a img:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#danhsachsanpham .mainproduct ul li p {position: absolute;background: #FF8378;color: #fff;white-space: nowrap;padding: 8px 15px;border-radius: 10px;display: none;}
#danhsachsanpham .mainproduct ul li:hover p {display: block;top: -50px;}
#footer {padding-top: 30px;color: #5a5a5a;}
#footer .mainfooter h3 {border-bottom: solid 1px;width: 55px;white-space: nowrap;padding-bottom: 5px;color: #C49A6C !important;font-size: 16px;font-weight: normal;}
#footer .mainfooter p {margin: 5px 0;padding: 0;font-size: 15px;}
#footer .mainfooter small {font-size: 10px;color: #C7C7C7;margin-top:5px;display: block;}
a.social {display:none !important;background-color: #FF8378;color: #fff;width: 30px;height: 30px;border-radius: 30px;display: block;line-height: 30px;text-align: center;position: fixed;top: 10px;right: calc(50% - 550px);}
a.social:hover {background-color: #868686;}
a.social i {width:30px}
.cart{display:none !important;padding:0 10px 0 5px;height:38px;line-height:38px;background-color:#c11d0d;border:solid 1px #ffcf96;font-size:16px;color:#ffcf96 !important;text-transform:uppercase;cursor:pointer;position:fixed;top:5px;right:calc(50% - 570px);text-decoration:none !important;z-index:999}
.cart:hover{background-color:#7D0202;}
.cart img{width:25px;margin:5px;float:left}
.call{display:none;position:fixed;left:10px;bottom:10px;height:60px;width:60px;background: #46C11E url(images/call.png) center / 30px no-repeat;z-index: 99;color: #FFF;font-size:35px;line-height:44px;text-align:center;border-radius:100%;}
.book{display:none !important;width:125px;height:33px;line-height:33px;margin:10px 5px 0 0;border-radius:5px;font-family:Roboto !important;background-color:#c11d0d;border:solid 1px #ffcf96;text-align:center;font-size:16px;color:#ffcf96 !important;text-transform:uppercase;cursor:pointer;float:right;text-decoration:none !important}
.book:hover{background-color:#7D0202 !important;}
#gioithieu {padding-bottom: 20px;}
#gioithieu .titleintro {margin-top: 30px;margin-bottom: 20px;color: #4eba73;font-weight: bold;font-size: 20px;}
#gioithieu .titleintro img {height: 30px;margin-right: 10px;}
#gioithieu .content {height:280px;overflow-y: auto;text-align:justify;padding-right:10px;}
#gioithieu .content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #F5F5F5;}
#gioithieu .content::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;}
#gioithieu .content::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);background-color: #dc8b8b;}
#gioithieu .img img {width: 100%;height: 250px;object-fit: cover;}
#gioithieu .mainproduct {float: right;margin-top: -20px;}
#gioithieu .mainproduct ul li {display: inline-block;margin-left: 10px;position: relative;}
#gioithieu .mainproduct ul li a img {height: 49px;}
#gioithieu .mainproduct ul li a img:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#gioithieu .mainproduct ul li p {position: absolute;background: #FF8378;color: #fff;white-space: nowrap;padding: 5px 10px;border-radius: 8px;display: none;font-size: 14px;}
#gioithieu .mainproduct ul li:hover p {display: block;top: -40px;}
#sanpham .item {margin-top:30px;border-radius:20px;overflow:hidden;}
#sanpham .item .image{width:100%;height:250px;overflow:hidden;background:no-repeat center;background-size:cover}
#sanpham .item a {text-decoration: none;font-family: 'Lobster', cursive;color: #666666;}
#sanpham .item a:hover {background: #f5f5f5;}
#sanpham .item h3 {background: #FFEBDC !important;padding:10px;text-align:left;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;height:90px;margin:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 20px;}
#sanpham .item h3 label{width:100%;display:block}
#sanpham .item h3 span{width:50%;margin-top:10px;line-height:33px;color:#4eba73;display:inline-block;vertical-align:top;text-align:left;float:left;font-style: italic;font-size: 18px;font-weight: 600;}
#sanpham h2 {margin-top: 80px;font-weight: 600;font-size: 22px;color: #4eba73;text-align: center;}
#sanpham .imgdetail {margin-top: 30px;}
#sanpham .imgdetail img {max-width:100%;max-height:450px}
#sanpham .infodetail {margin-top: 30px;}
#sanpham .infodetail h3 {font-size: 38px;font-family: 'Lobster', cursivex}
#sanpham .infodetail span {color: #4eba73;font-family: 'Lobster', cursive;display: block;margin-bottom: 20px;font-size:22px}
#sanpham .infodetail p {font-size: 15px;}
#sanpham .infodetail .book{float:left;margin-top:0}
#breadcrumbs {height: 100px;}
#breadcrumbs a{color:#641C0D !important;font-size: 20px;font-family: 'Lobster', cursive;height: 100px;margin: 0;padding: 0;line-height: 100px;}
#breadcrumbs span{color:#641C0D;font-size: 20px;display:inline-block;margin:0 5px}
#sort {margin-top: 30px;}
#sort select {width: 195px !important;float: left;}
#sort button {float: left;border: 1px solid #b1b1b1;margin: 0 10px;}
#tintuc .danhsachtintuc .item {margin-top: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 20px;}
#tintuc .danhsachtintuc .item img {float: left;width: 230px;margin-right: 20px;}
#tintuc .danhsachtintuc .item h4 {float: left;width: calc(100% - 250px);font-size: 16px;font-weight: 600;}
#tintuc .danhsachtintuc .item h4 a {color: #000000;}
#tintuc .danhsachtintuc .item p {font-size: 15px;}
#tintuc .danhsachtintuc .item:last-child {border: 0;}
#tintuc .rightbar {padding-left: 30px;}
#tintuc .rightbar span {display: block;font-weight: 600;margin-top: 10px;}
#tintuc .rightbar li a {font-size: 14px;text-transform: lowercase;color: #000000;}
#tintuc .noidungtintuc {margin-top: 10px;}
#tintuc .noidungtintuc img {max-width: 100%;}
#lienhe .titlecontact {
margin-top: 30px;
margin-bottom: 20px;
color: #4eba73;
font-weight: bold;
font-size: 20px;
}
#lienhe .titlecontact img {
height: 30px;
margin-right: 10px;
}
#lienhe .itemlienhe {
margin-bottom: 40px;
}
#lienhe .itemlienhe h5 {
color: #43A067;
font-size: 15px;
font-weight: 600;
}
#lienhe .itemlienhe p {
font-size: 15px;
}
#lienhe .itemlienhe p i {
color: #FF8175;
}
#uu-dai-km img {
max-width: 100%;
display: block;
margin: 0 auto;
}

.PanelCart .main{width:1170px;margin:10px auto;display:block;}
.PanelCart .nav{width:800px;margin:auto;padding:20px 0;border-top:1px solid #7D0202;}
.PanelCart .status{width:calc(24% - 10px);margin-right:10px;font-size:16px;font-weight:600;color:#7D0202;position:relative;display:inline-block;vertical-align:top;}
.PanelCart .status.end{width:auto;position:absolute;}
.PanelCart .status span{width:20px;height:20px;border:1px solid #7D0202;border-radius:50%;background-color:white;position:absolute;top:-30px;left:0;display:block;}
.PanelCart .status.complete span{background-color:#7D0202;display:block;}
.PanelCart .colleft{width:calc(100% - 365px);margin:20px 10px;position:relative;display:inline-block;vertical-align:top;}
.PanelCart .colright{width:340px;margin:20px 0;position:relative;display:inline-block;vertical-align:top;}
.PanelCart .colright .list div{margin:10px}
.PanelCart .colright .list label{width:90px;font-size:16px}
.PanelCart .colright .list span{float:right;font-size:16px}
.PanelCart .colleft table,.PanelCart .colright table{width:calc(100%);margin:0;}

.PanelCart .empty{width:calc(100% - 20px);padding:20px 10px;}
.PanelCart .empty img{max-height:50px;margin:10px auto;display:block;}
.PanelCart .empty div{width:100%;height:40px;line-height:40px;margin:10px auto;font-size:32px;color:#470000;text-align:center;display:block;}
.PanelCart .empty a{width:200px;height:43px;line-height:43px;margin:auto;background-color:#d09d2c;border:solid 1px #ffcf96;display:block;font-family:Roboto;font-size:20px;color:#fff;text-transform:uppercase;text-align:center;}

.PanelCart .list{width:calc(100% - 62px);min-height:100px;padding:10px 30px;background-color:white;border:solid 1px #ffcf96}
.PanelCart .list th{height:35px;line-height:35px;padding:0 5px;font-size:16px;color:#7D0202;text-align:left;}
.PanelCart .list th.right{text-align:right;}
.PanelCart .list thead th{border-bottom:1px solid #c4ac9c;}
.PanelCart .list tfoot th{border-top:1px solid #c4ac9c;}
.PanelCart .list td{padding:5px;vertical-align:top;font-size:16px;color:#470000;text-align:left;}
.PanelCart .list td img{width:80px;max-height:80px;}
.PanelCart .list td a{font-size:14px;color:#237be2;}
.PanelCart .list td input[type="text"]{width:80px;height:30px;line-height:30px;margin:0;padding:0 5px;text-align:center;background-color: #d09d2c !important;border: solid 1px #ffcf96;font-size:16px;color:white;}
.PanelCart .list h2{height:35px;line-height:35px;padding:0;margin:0;font-size:16px;color:#470000;text-align:left;border-bottom:1px solid #c4ac9c;}
.PanelCart .list h3{height:30px;line-height:30px;padding:0;margin:5px;font-size:16px;color:#470000;text-align:left;}
.PanelCart .list p{line-height:25px;padding:0;margin:5px;font-size:14px;color:#470000;}
.PanelCart .list p span{color:red;}
.PanelCart .list > p{line-height:25px;padding:0;margin:5px 5px 5px 30px;font-size:14px;color:#470000;}
.PanelCart .list > div.item{width:30%;height:30px;line-height:30px;border:1px solid #D09D2C;margin:5px;padding:5px 0;background-color:white;display:inline-block;vertical-align:top;cursor:pointer;overflow:hidden;text-align:center;font-weight:bold;}
.PanelCart .list > div.item img{max-width:100%;max-height:100%;margin:auto;display:block;transition:all 0.5s;}
.PanelCart .list > div.item:hover img{transform:scale(1.2);}
.PanelCart .list button{width:200px;height:40px;line-height:40px;padding:0 10px;background-color:#c11d0d;border: solid 1px #ffcf96;color:#ffcf96;font-family:Roboto;font-size:16px;font-weight: 500;letter-spacing: 1px;text-transform:uppercase;float:right;cursor:pointer;}
.PanelCart .list button:hover{background-color:#7D0202;}
.PanelCart .list .header{height:30px;line-height:30px;font-size:16px;color:#cdb9a8;}
.PanelCart .row{margin-top:10px;margin-left:0;margin-right:0}
.PanelCart .row > label{width:120px;height:30px;line-height:30px;font-size:16px;font-weight:600;color: #470000;display:inline-block;vertical-align:top;}
.PanelCart .row > span{width:calc(100% - 130px);height:30px;line-height:30px;font-size:16px;font-weight:bold;color: #470000;}
.PanelCart .row > div{width:calc(100%);height:30px;line-height:30px;font-size:16px;color:#470000;text-align:center;}

.PanelCart .colright button{width:calc(100%);height:60px;line-height:60px;margin:10px 0;padding:0;background-color:#c11d0d;border: solid 1px #ffcf96;color:#ffcf96;font-family:Roboto;font-size:16px;font-weight:500;letter-spacing: 1px;text-transform:uppercase;float:right;cursor:pointer;}
.PanelCart .colright button:hover{background-color:#7D0202;}

.PanelCart .col{width:calc(50% - 35px);margin:0 30px 0 0;padding:0;display:inline-block;vertical-align:top}
.PanelCart .col:nth-child(even){width:calc(50%);margin:0}
.PanelCart .col label{width:120px;height:32px;line-height:32px;font-size:16px;font-weight:600;color: #470000;display:inline-block;vertical-align:top;}
.PanelCart .col span{font-size:22px;font-weight:600;color: #470000;}
.PanelCart .col input[type="text"],.PanelCart .col textarea{width:calc(100% - 132px);height:30px;line-height:30px;margin:0;padding:0 5px;border:solid 1px #c4ac9c;background-color:#f1ebda;display:inline-block;vertical-align:top;}
.PanelCart .row{margin-top:10px;}
.PanelCart .osSelect-container{width: calc(100% - 125px) !important;text-align:left !important}
.PanelCart .osSelect-container span{font-size:14px}
.PanelCart .osSelect-container li{height:22px !important}
.PanelCart .osSelect-container span{font-weight:normal !important}
.PanelCart .osSelect-choices{margin:0 !important;background:#f1ebda;height:30px;}
.PanelCart .osSelect-choices span{height:16px !important;line-height:16px !important;font-size:14px;color:#470000}
.PanelCart .osSelect-choices input[type="text"]{border:0;height:25px !important;line-height:25px !important;}
.PanelCart .osSelect-results{background:#f1ebda !important;text-align:left !important;}
.PanelCart .osSelect-results li:hover,.PanelCart .osSelect-results li.highlight{background:#f1ebda !important;}
.PanelCart .home{width:760px;margin:30px auto;padding:20px 0;border-top:1px solid #c4ac9c;display:flex;justify-content:center;}
.PanelCart .home a{min-width:200px;height:40px;line-height:40px;margin:0 10px;padding:0 10px;background-color:#0097fb;border:0;color:#fff;text-align:center;font-size:16px;font-weight: 500;text-transform:uppercase;letter-spacing: 1px;display:block;cursor:pointer;}
.PanelCart .home a:hover{background-color:#0080D5;}
.PanelCart .PaymentConfirm{width:800px;margin:auto}

@media screen and (min-width: 992px) {
    .menu {display: block;}
    .slicknav_menu {display: none;}
}

@media screen and (max-width: 991px) {
    .onlydesktop{display:none}
    .menu {display: none;}
    .slicknav_menu {display: block;background-color:#6C2211}
    .call{display:block !important;}
    .social {top:5px;left:5px;}
    .cart{top:5px;left:10px;width:160px}
    .slicknav_brand {font-size: 14px;display:none}
    #header .hotline{margin-top:0;}
    #header .logo{display:block;}
    #header .logo a img {width:auto;height:100px;display: block;margin: 0 auto;}
    #slider .col-sm-12{padding:0}
    #slider .slick-arrow{top:calc(50%)}
    #slider .slick-arrow:before{font-size:20px}
    #slider .main img {height: auto;}
    #danhsachsanpham{display:none;}
    #danhsachsanpham .mainproduct {margin-top: 20px;margin-bottom: 20px;}
    #danhsachsanpham .mainproduct ul {display: flex;justify-content: space-around;flex-wrap: wrap;}
    #danhsachsanpham .mainproduct ul li {margin: 0;}
    #gioithieu .content {margin-bottom: 30px;}
    #gioithieu .mainproduct {margin-top: 30px;}
    #gioithieu .mainproduct ul {display: flex;justify-content: space-around;flex-wrap: wrap;}
    #gioithieu .mainproduct ul li {margin: 0 10px 10px 10px;}
    #sanpham .item h3{height:auto;overflow:auto;white-space:normal;text-align:center}
    #sort select {margin-bottom: 10px;}
    .PanelCart .main{width:100%;margin:0}
    .PanelCart .nav{width:100%}
    .PanelCart .colleft,.PanelCart .colright{width:100%;margin:0;display:block}
    .PanelCart .colright{margin-top:10px}
    .PanelCart .list {padding: 10px;width: calc(100% - 22px);margin: 0 auto;}
    .PanelCart .col,.PanelCart .col:nth-child(even){width:calc(100% - 10px);margin:10px 5px 0}
    .PanelCart .home{width:calc(100% - 40px)}
    .PanelCart .PaymentConfirm{width:calc(100% - 40px)}
    .end{height:100px}
}