@charset "utf-8";

/* Footer */
footer{width:100%; background:#403324; margin:0px; float:left}
footer .top{width:100%; display:table}
footer .top .cell, footer .top span .cell{padding:30px 15px; display:table-cell; vertical-align:top}
footer .top .cell .item{width:100%; color:#FFF; font-size:12px; margin:0px 0px 15px; position:relative; transition:0.3s ease-in-out; float:left}
footer .top .cell.about a.item:hover, footer .top .cell .item.zalo:hover{color:#F00}
footer .top .cell .item a{color:#FFF; transition:0.3s ease-in-out}
footer .top .cell .item a:hover{color:#F00}
footer .top .cell.about a.item:before{content:"\f0da"; font-family:"FontAwesome"; margin:0px 5px 0px 0px}
footer .top .cell .item i{font-size:13px; position:absolute; top:1px}
footer .top .cell .item span{padding:5px 0px 0px 30px; display:block}
footer .top .cell .item strong{padding:0px 0px 0px 20px; display:block}
footer .top .cell .title{width:100%; color:#FFF; font-size:16px; margin:0px 0px 15px; float:left}
footer .top .cell .title.uppercase{text-transform:uppercase}
footer .copyright{width:100%; background:#261E15; color:#FFF; font-size:12px; text-align:center; padding:15px 0px; float:left}
footer .copyright a{color:#FFF}
footer > .wrapper{padding:0px}

/* Header */
header{width:100%;  margin:0px; float:left}
header #menu{width:100%; height:42px; margin:15px 0px 0px; float:left}
header #menu .box{width:100%; float:left}
header #menu.fixed .box{background:#FFF; border-bottom:solid 1px #DDD; position:fixed; top:0px; right:0px; left:0px; animation:menuFixed 0.4s linear 0s 1}
header #menu .wrapper{padding:0px}
header #slideshow{width:100%; position:relative; float:left}
header .contact{margin:30px 0px; float:right}
header .contact .item{line-height:40px; color:#C00; font-size:20px; font-weight:700; text-transform:uppercase; float:left; transition:0.3s ease-in-out}
header .contact .item:first-child::before{content:"\f095"; font-family:FontAwesome; font-size:20px; font-weight:700; margin:0px 10px 0px 0px}
header .contact .item:hover{color:#665139}
header .contact .slash{width:1px; height:14px; background:#C00; margin:13px 10px; float:left; transition:0.3s ease-in-out}
header .logo{width:200px; height:100px; background-position:left center; background-repeat:no-repeat; background-size:contain; float:left}
header .search{width:calc(100% - 470px); height:40px; border:none; margin:30px 0px; padding:0px 15px; float:left}
header .search form{width:100%; position:relative; float:left}
header .search form button{width:40px; height:40px; background:none; text-align:center; border:solid 1px #DDD; border-left:none; border-radius:0px 20px 20px 0px; padding:0px; cursor:pointer; float:right; transition:0.3s ease-in-out}
header .search form button:hover{background:#665139; border-color:#665139}
header .search form button i{color:#665139; font-size:14px; transition:0.3s ease-in-out}
header .search form button:hover i{color:#FFF}
header .search form #keyword{width:calc(100% - 40px); line-height:38px; background:none; color:#333; font-family:"Montserrat", sans-serif; font-size:13px; border:solid 1px #DDD; border-radius:20px 0px 0px 20px; padding:0px 15px; float:left}
header > .wrapper{padding:15px; position:relative; z-index:99991}

/* Popup */
.popup{max-width:500px; background:#000 !important; display:none}
.popup form input[type=submit]{line-height:40px; background:#BD852C; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; border:none; border-radius:20px; margin:15px 0px 0px; padding:0px 15px; transition:0.3s ease-in-out; cursor:pointer; float:right}
.popup form input[type=submit]:hover{background:#FFF; color:#BD852C}
.popup form input[type=text]{width:100%; background:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; border:none; border-bottom:solid 3px #BD852C; margin:15px 0px; padding:10px 5px; float:left}
.popup form select{width:100%; background:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; border:none; border-bottom:solid 3px #BD852C; margin:15px 0px; padding:10px 5px; float:left}
.popup form select option{color:#000}
.popup form textarea{width:100%; background:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; border:none; border-bottom:solid 3px #BD852C; margin:15px 0px; padding:10px 5px; resize:none; float:left}
.popup .fancybox-close-small::after{background:#111 !important}
.popup .fancybox-close-small:hover::after{background:#444 !important; color:#CCC !important}
.popup .title{width:100%; color:#BD852C; font-size:36px; font-family:"KIAB"; text-align:center; text-transform:uppercase; margin:0px 0px 30px; float:left}

@keyframes menuFixed{
    0%{top:-91px}
    50%{top:-41px}
    100%{top:0px}
}

@media (max-width:1020px){
    footer .top .cell{width:50%; padding:30px 15px 0px; float:left}
    footer .top .cell:last-child{padding:0px 15px}
    header #menu{width:40px; margin:30px 0px; float:right}
    header .contact{display:none}
    header .search{width:calc(100% - 240px)}
    header > .wrapper{border-bottom:double 5px #665139}
}
@media (max-width:650px){
    footer .top .cell{width:100%; padding:30px 15px 0px}
}
@media (max-width:550px){
    header #menu{margin:15px 0px 0px}
    header .logo{width:100%; height:200px; background-position:center}
    header .search{width:calc(100% - 40px); margin:15px 0px 0px; padding:0px 15px 0px 0px}
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){

}