@charset "utf-8";
/* CSS Document */

body{
	background-color: #fff;
    font-family: 'Roboto', sans-serif;
}
table{ width: 100% !important; }
#sthoverbuttons *{box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box;}
.btn-lg{ height: auto; border-radius: 0px;}
/*++++++++++LAYOUT+++++++++++*/

div#wrapper {width: 100%; max-width: 1366px; margin: 0px auto; overflow: hidden; }

section#topbar{ color: #fff; background-color: #030c15; border-bottom: 1px solid #fff; text-align: right; }
section#topbar a{display: inline-block; color: #fff; padding: 10px;}
section#topbar .fa{ color: #0b74df; }
section#topbar .navbar-right{ float: right; }
section#topbar .navbar-right ul{ right: 0px; left: auto; width: 230px; }
section#topbar .nav ul{
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    list-style: none;
}
section#topbar .nav li:hover ul{ display: block; }

header#header {position: relative; z-index: 10; width: 100%; border-top: 1px solid #030c15;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 1%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(1%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 1%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 1%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 1%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 1%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

div#banner{position: relative; float: left; z-index: 1; text-align: left; height: 80px;}
div#banner img{max-width: 100%; max-height: 120px;}
div#banner #site-logo {display: block; margin-top: -40px;}
div#banner #site-title { margin: 0px; padding: 0px; height: 0px; text-indent: -9999px; }



div#search{position: relative; width: 232px; float: right; z-index:2; margin-left: 15px; margin-top: 2px;}
div#search input,div#search button{height: 36px; border-radius: 0px; box-shadow: none;}
div#search span{display: block !important;}

div.languages{position: absolute; right: 15px; bottom: 5px; z-index:2;}
div.languages img{width: 30px;}

div#register{float: left; width: 100%; margin-top: 5px;}
div#register > ul > li{float: left; width: 50%; height: 34px; padding-left: 40px; line-height: 18px;}
div#register > ul > li:first-child{ background: url('../images/user.jpg') no-repeat left center; background-size: auto 100%; }
div#register > ul > li:last-child{ background: url('../images/protection.jpg') no-repeat left center; background-size: auto 100%; }
div#register > ul > li > a{ padding: 0px; text-align: left; background: transparent;}
div#register .dropdown-menu li{width: 100%;}

div#hotline{position: absolute; right: 75px; top: 0px; width: 210px; z-index: 2;}
div#hotline a{display: block; text-align: center; font-family: 'UTMNeutra'; letter-spacing: 1px; color: #fff; text-shadow: 1px 2px 3px #000; font-size: 24px;}

div#hotline-mobile{position: fixed; bottom: 0px; left: 0px; z-index: 9999; width: 100%; background-color: #ed1c24;}
div#hotline-mobile p{float: left; width: 33.333333%; padding: 5px 0px; margin-bottom: 0px; color: #fff; text-align: center;}
div#hotline-mobile p .fa{ font-size: 25px;}
div#hotline-mobile a{ display: block; color: #fff;}

section#slideshow{position: relative; width: 100%; max-height: 520px; z-index: 5; overflow: hidden; margin-top: 1px;}
section#slideshow:after{content:''; display: none; height: 15px; background: url('../images/bg_slide_shadow.png') no-repeat center center;}

div.slick-slideshow .slick-dots{ bottom: 20px; }
/*div.slick-slideshow .slick-dots button{ background-color: #333; }
div.slick-slideshow .slick-dots .slick-active button{ background-color: #E1BC0D; }*/

section#page-wrapper{ margin: 30px 0px; }

div#promotionSmallModal{display: none; position: fixed; width: 350px; height: 255px; bottom: -220px; left: 0px; z-index: 5000;}
div#promotionSmallModal .box{display: none;}
div#promotionSmallModal .box.active{display: block;}
div#promotionSmallModal .box .name{ position: relative; padding: 10px 30px 10px 10px; font-size: 14px; margin: 0px; text-transform: uppercase; background-color: #e50000;}
div#promotionSmallModal .box .name a{display: block; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div#promotionSmallModal .box .name i{position: absolute; right: 5px; top: 5px; cursor: pointer; width: 25px; height: 25px; line-height: 25px; color: #fff; font-size: 25px; text-align: center;}

div.i-title, div.i-orderby, div.i-content{float: left; width: 100%; margin-bottom: 15px;}
div.i-title{position: relative;}
div.i-title h1,
div.i-title h2,
div.i-title h3{ position: relative; margin: 0px; color: #1679e0; font-size: 30px; padding: 11px 5px 11px 10px; text-transform: uppercase;
    border-left: 4px solid #1679e0; font-family: 'Roboto Condensed', sans-serif;
}
div.i-title h1:before,
div.i-title h2:before,
div.i-title h3:before{
    content: ''; position: absolute; top: 0px; left: -4px; width: 35px; height: 9px; background: url('../images/icon_top.jpg') no-repeat left top;
}
div.i-title h1:after,
div.i-title h2:after,
div.i-title h3:after{
    content: ''; position: absolute; bottom: 0px; left: -4px; width: 35px; height: 9px; background: url('../images/icon_bottom.jpg') no-repeat left top;
}
div.i-title.center{text-align: center;}
div.i-title.center h1,
div.i-title.center h2,
div.i-title.center h3{ display: inline-block; }

div.i-title h1 span,div.i-title h2 span{color: #333;}
div.i-title .title-relation{ font-size: 25px; }
div.i-title .btn{margin-top: 20px; margin-left: 5px;}
div.i-title .btn-active{color: #0b74df; background: transparent; border-color: #0b74df;}

div.i-title ul{margin: 15px 0px 5px; padding: 0; list-style: none; text-align: center;}
div.i-title ul li{display: inline-block;}
div.i-title ul li:first-child{border-left: 0px;}
div.i-title ul li:first-child a{padding-left: 0px;}
div.i-title ul li a{display: block; padding: 5px 10px; font-size: 16px; text-transform: uppercase; line-height: 1em;}
div.i-title ul li.active a{color: #f00;}
div.i-title ul li.active a, div.i-title ul li.active a:hover{border-color: transparent; background-color: transparent;}

/*div.i-title.line{ border-bottom: 1px solid #095cf5; background: none; }
div.i-title.line h1,
div.i-title.line h2{ float: left; background: none; padding-left: 0px; padding-bottom: 9px; margin-bottom: 1px; border-bottom: 4px solid #095cf5; color: #095cf5; }
div.i-title.line:after{display: none;}*/

div.slick-index .slick-prev{ left: 15px; }
div.slick-index .slick-next{ right: 15px; }
div.slick-index .box-product .name{font-size: 13px;}
div.slick-index .box-product .price {font-size: 13px;}

table.table-cart th{text-align: center; text-transform: uppercase;}
table.table-cart .name{font-size: 15px; margin-top: 0px; text-transform: uppercase;}
table.table-cart .image{float: left; margin-right: 10px;margin-bottom: 0px;}
table.table-cart .image img{max-width: 110px;}
table.table-cart .price, table.table-cart p.quantity{margin-bottom: 5px;}
table.table-cart .price-old{color: #999; text-decoration: line-through;}
table.table-cart .price-sale{font-weight: bold; color: #f00;}
table.table-cart .form-control{height: 32px;}
table.table-cart .quantity span{display: inline-block; width: 70px;}
table.table-cart .color span{display: inline-block; width: 70px;}
table.table-cart .size span{display: inline-block; width: 70px;}
table.table-cart .type{ font-size: 14px; color: #f00; font-style: italic; font-weight: bold;}

table.table-cart .add-favorite-to-cart{position: absolute; bottom: 8px; right: 0px;}


ul.nav-address{list-style: none; margin: 0px 0px 15px 0px; padding: 0px;}
ul.nav-address li{padding: 10px 0px; border-top: 1px solid #ccc;}
ul.nav-address li:first-child{padding-top: 0px; border-top: 0px;}
ul.nav-address li.active{color: #f00;}
ul.nav-address li span.tools{float: right;}
ul.nav-address li span.tools a{font-size: 20px;}

ul.nav-list{list-style: square; margin: 0px; padding: 10px 10px 10px 20px;}
ul.nav-list li{padding: 5px 0px;}
ul.nav-list li h4{font-size: 14px; margin: 0px;}
ul.nav-list li span{ color: #C85F28; font-weight: 400;}

div.tab-content .tab-pane {display: block;height: 0;overflow: hidden;}
div.tab-content .active {height: auto;overflow: visible;}

div.slick-right{margin: 15px 0px;}

div.box-packet{position: relative;}
div.box-packet .image{margin-bottom: 0px; border: 1px solid #ccc; overflow: hidden;}
div.box-packet .image img{ transition: all .2s ease; -moz-transition: all .2s ease; }
div.box-packet .name{position: absolute; left: 15px; right: 15px; bottom: 0px; background-color: rgba(0,0,0,0.5);
    text-align: center;
    margin: 0px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px;
}
div.box-packet .name a{color: #fff;}
div.box-packet:hover .image img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
div.box-packet:hover .name a{color: #ff0; text-shadow: 1px 1px 0px #000;}

div.box-work{position: relative; padding-bottom: 15px; padding-top: 15px;
    transition: all .5s ease;
}
div.box-work .name{font-size: 14px; font-weight: 500; text-align: center; line-height: 1.4em; margin: 0px; padding: 10px 0px 5px; text-transform: uppercase;}
div.box-work .name a:hover{color: #f00;}

div.slick-slider .box-product{padding-top: 0px; padding-bottom: 0px; margin-bottom: 5px;}
/*
div.box-product{position: relative; padding-bottom: 15px; padding-top: 15px; }
div.box-product .wrap{position: relative; float: left; width: 100%; background-color: #f5f5f5;
    border: 1px solid #f1f1f1; padding: 10px;
	box-shadow: 0px 4px 0px #e3e3e3;
}
div.box-product .wrap.lbl:before{ content: ''; display: block; position: absolute; right: -1px; top: -1px;
    z-index: 10;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f00;
    border-top: 20px solid #f00;
}
div.box-product .wrap.lbl:after{ content: ''; position: absolute; right: 0px; top: 5px; color: #fff; font-size: 11px;
    z-index: 15; 
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
div.box-product .wrap.new:after{content: 'NEW';}

div.box-product .icon{position: absolute; width: 39px; text-align: center; top: 0px; left: 15px; z-index: 10; margin: 0px;}
div.box-product .icon span{display: block; color: #fff; font-weight: 400; padding: 2px 5px; text-transform: uppercase;}
div.box-product .icon span.hot{background-color: #ff9600;}
div.box-product .icon span.new{background-color: #28d0ea;}
div.box-product .icon span.sale{background: url('../images/icon_sp_sale.png') no-repeat center center;}

div.box-product .image{position: relative; z-index: 5; margin-bottom: 0px; overflow: hidden; text-align: center;
    box-shadow: 0px 0px 3px #ccc;
}
div.box-product .image img{margin: 0px auto; transition: all .5s ease; -webkit-transition: all .5s ease;}
div.box-product .image:hover img{transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
div.box-product .info{ background: url('../images/bg_about_top.jpg') repeat-x left top, url('../images/bg_about_top.jpg') repeat-x left bottom; background-color: #761504; }

div.box-product .name{font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; line-height: 1.4em; margin: 0px; padding: 10px 0px 5px; overflow: hidden;}
div.box-product .name a:hover{color: #f00;}

div.box-product .desc {margin-bottom: 0px; text-align: center; color: #ffffcc; font-size: 13px; padding: 10px 5px 20px;}
div.box-product .desc span{display: block;}
div.box-product .desc span i{font-size: 12px;}
div.box-product .date {text-align: center;margin-bottom: 0px;}
div.box-product .date span{display: inline-block; margin: 2.5px 2.5px 0px; font-size: 19px;}
div.box-product .date span b{position: relative; display: inline-block; padding: 0px 3px; margin: 0.5px; background-color: #00acef; color: #fff; line-height: 19px;}
div.box-product .date span b i{position: absolute; width: 100%; left: 0px; border-top: 1px solid rgba(0,0,0,0.1); top: 50%;}

div.box-product .price {position:relative; width: 100%; overflow: hidden; margin: 0px; padding-bottom: 5px; text-align: center;}
div.box-product .price-old{display: inline-block; font-size: 13px; color: #999; text-decoration: line-through;}
div.box-product .price-{display: inline-block; font-size: 14px; font-weight: 500; color: #f00;}
div.box-product .price-sale{display: inline-block; font-size: 14px; font-weight: 500; color: #f00; margin-right: 15px;}

div.box-product .price .nav a{padding: 0px; color: #333;}
div.box-product .price .dropdown-menu{width: 100%;}
div.box-product .price .dropdown-menu a{padding: 5px 10px;}
div.box-product .price a.add-to-cart{font-size: 13px;
    display: inline-block;
    border: 3px double #000000;
    color: #000000;
    text-transform: uppercase;
    padding: 7px 10px;
    font-weight: 700;
    line-height: 15px;
}
div.box-product .price a.add-to-cart:hover{background-color: #000; color: #fff;}
div.box-product .price a.add-to-cart i{margin-right: 10px; }
div.box-product .button{ text-align: center; margin-bottom: 0px; padding-bottom: 5px; display: none;}
div.box-product .button .fa{ font-size: 16px;}
*/

div.box-product{position: relative; margin: 15px 0px;}
div.box-product .image{text-align: center; padding: 10px; border: 1px solid #ccc; overflow: hidden;}
div.box-product .image img{max-width: 100%; height: auto;margin: 0px auto; transition: all .5s ease; -webkit-transition: all .5s ease;}
div.box-product .image:hover img{transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
div.box-product .name{font-size: 15px; font-weight: 600; line-height: 1.5em; padding: 15px 0px 5px; margin: 0px; text-align: center;}
div.box-product .price{font-size: 14px; font-weight: 500; text-align: center; margin: 0px;}
div.box-product .price b{font-weight: 600; color: #f00;}

div.box-product .icon{position: absolute;top: 20px;right: 5px; z-index: 10;}
div.box-product .icon span{min-width: 50px;padding: 3px 5px;background-color: #f00;font-size: 13px;color: #fff;text-transform: uppercase;text-align: center;}
div.box-product .icon span.sale{background-color:#f00}

div.box-product .desc{position: absolute; display: none; bottom: 0px; left: 15px; right: 15px; padding: 0px 10px; font-size: 13px; background-color: #fff; border: 1px solid #ccc; border-top: 0px;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
}
div.box-product .desc div p{margin-bottom: 0px;}
div.box-product .desc .btn{min-width: 100px; margin-bottom: 5px;}

div.box-product:hover{z-index: 1;}
div.box-product:hover .image{border-bottom: 0px;}
div.box-product:hover .name, div.box-product:hover .price{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.box-product:hover .desc{display: block;}


div.box-product-content{margin-bottom: 30px;}
div.box-product-content .image{ text-align: center; }
div.box-product-content .name{text-transform: uppercase; text-align: center; font-size: 25px; margin-bottom: 20px;}
div.box-product-content .gallery{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: top;
    align-items: top;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;}
div.box-product-content .gallery p{ margin: 3px 3px 0px; }
div.box-product-content .gallery span{display: block; font-size: 13px; margin-top: 3px; text-align: center;}
div.box-product-content .gallery a{display: block; overflow: hidden;}
div.box-product-content .gallery a img{transition: all .5s ease; -webkit-transition: all .5s ease;}
div.box-product-content .gallery a:hover img{transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}

div.box-product-file p{border: 1px solid #ccc; padding: 5px;}
div.box-product-file img{margin-right: 5px;}

div.slick-slider .box-news{ border: 0px; }
div.slick-product .slick-prev, div.slick-product .slick-next{
	top: -50px; margin-top: 0px;
    background: none;
    border: 0px;
    font-size: 25px;
    width: auto;
    color: #ccc;
}
div.slick-product .slick-prev:hover, div.slick-product .slick-next:hover{
	color: #095cf5;
}
div.slick-product .slick-prev{left: auto; right: 40px;}
div.slick-product .slick-next{right: 15px;}

div.box-news{padding-bottom: 15px; padding-top: 15px;}
div.box-news .wrap{background-color: #f2f2f2;}
div.box-news .image{position: relative; text-align: center; padding: 5px; margin-bottom: 15px; overflow: hidden;}
div.box-news .image[class*="col"]{margin-right: 15px; margin-bottom: 0px;}
div.box-news .image img{width: 100%; height: auto; transition: all .5s ease; -webkit-transition: all .5s ease;}
div.box-news .image:hover{border-color: #095cf5;}
div.box-news .image:hover img{transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
div.box-news .name{margin-top: 0px; margin-bottom: 5px; font-weight: 600; font-size: 14px; text-align: center; line-height: 18px; text-transform: uppercase;
    padding: 0px 20px;
}
div.box-news .name a:hover{color: #f00;}
div.box-news .date{color: #999; margin-bottom: 5px; font-size: 13px;}
div.box-news .date span{margin-right: 10px;}
div.box-news .date i{color: #EB5858; margin-right: 5px; font-size: 13px;}
div.box-news .desc{text-align: justify; color: #666; margin-bottom: 5px; padding: 0px 20px;}
div.box-news .more{ text-align: right; margin: 0px; margin-top: -5px; }
div.box-news .more a{position: relative; display: inline-block; margin-top: -15px;
    border-left: 25px solid transparent;
    border-top: 25px solid transparent;
    border-right: 25px solid #1679e0;
    border-bottom: 25px solid #1679e0;
}
div.box-news .more a:after{ content: '+'; position: absolute; left: 5px; top: -5px; color: #fff; font-size: 20px; font-weight: 100;}
div.box-news .more a:hover{ border-right-color: #333; border-bottom-color: #333; }
div.box-news:after, div.box-news .wrap:after{content: ''; display: block; clear: both;}

div.box-news.col-lg-12 .image{ margin-bottom: 10px; }
div.box-news.col-lg-12 .name{ padding-bottom: 10px; }

div.box-branch{padding-bottom: 15px; padding-top: 15px;}
div.box-branch .image{overflow: hidden;}
div.box-branch .image img{transition: all .5s ease; -webkit-transition: all .5s ease;}
div.box-branch .image:hover img{transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
div.box-branch .info{position:relative; text-align: center; background: #fff; width: 80%; margin: -60px auto 0px; padding: 20px;}
div.box-branch .info:before{content:''; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border: 1px solid #ccc; z-index: 0;}
div.box-branch .name{ position: relative; margin-top: 0px; font-size: 18px; text-transform: uppercase; z-index: 1;}


#frm_register .mt-checkbox{margin: 0px 15px; font-weight: 400; font-size: 13px;}

p#date-post{color: #999; margin: 0px; font-size: 14px;}
p#date-post span{margin-right: 10px;}
p#date-post i{color: #EB5858; margin-right: 5px; font-size: 13px;}

.additional-information{display: none;}
#show-additional{position: relative;}
#show-additional:not(.active):before{content: ''; cursor: pointer; display: inline-block; position: absolute; border-left: 7px solid transparent ; border-right:7px solid transparent ; border-top: 7px solid rgba(0,0,0,0.2); bottom: -6px; left: 50%; margin-left: -7px;}
#show-additional:not(.active):after{content: ''; cursor: pointer; display: inline-block; position: absolute; border-left: 6px solid transparent ; border-right:6px solid transparent ; border-top: 6px solid #f00; bottom: -5px; left: 50%; margin-left: -6px}

#show-additional.active:before{content: ''; cursor: pointer; display: inline-block; position: absolute; border-left: 7px solid transparent ; border-right:7px solid transparent ; border-bottom: 7px solid rgba(0,0,0,0.2); top: -6px; left: 50%; margin-left: -7px;}
#show-additional.active:after{content: ''; cursor: pointer; display: inline-block; position: absolute; border-left: 6px solid transparent ; border-right:6px solid transparent ; border-bottom: 6px solid #f00; top: -5px; left: 50%; margin-left: -6px;}

section#dichvutieubieu{ margin-bottom: 30px; }
section#dichvutieubieu:after{ content: ''; display: block; clear: both; }
section#dichvutieubieu .row{
    margin: -2.5px;
}
section#dichvutieubieu div[class*="col"]{
    padding: 2.5px;
}
section#dichvutieubieu .box-service{float: left; width: 100%; overflow: hidden; cursor: pointer;}
section#dichvutieubieu .box-service .wrap{position: relative; float: left; width: 100%; overflow: hidden;}
section#dichvutieubieu .box-service .wrap:before{ content: ''; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(0,0,0,0.7);
    transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
}
section#dichvutieubieu .box-service{text-align: center;}
section#dichvutieubieu .box-service img{ max-height: 550px; }
section#dichvutieubieu .service-2{padding-bottom: 2.5px;}
section#dichvutieubieu .service-3{padding-top: 2.5px;}
section#dichvutieubieu .service-2 img,
section#dichvutieubieu .service-3 img{max-height: 272px;}

section#dichvutieubieu .box-service .name{position: absolute; margin: 0px; font-size: 25px; text-transform: uppercase; color: #fff; font-weight: 100;}
section#dichvutieubieu .box-service .name b{ font-size: 30px; font-weight: bold; display: block; margin-top: 5px; }

section#dichvutieubieu .box-service .name{left: 60px; bottom: 60px;}
section#dichvutieubieu .service-1 .name .word6{display: block !important; margin-top: 5px;}
section#dichvutieubieu .service-1 .name .word7,
section#dichvutieubieu .service-1 .name .word8{ font-size: 30px; font-weight: bold;}

section#dichvutieubieu .service-2 .name{left: 30px; top: 30px;}
section#dichvutieubieu .service-2 .name .word3{display: block !important; margin-top: 5px;}
section#dichvutieubieu .service-2 .name .word4,
section#dichvutieubieu .service-2 .name .word5,
section#dichvutieubieu .service-2 .name .word6{ font-size: 30px; font-weight: bold;}

section#dichvutieubieu .service-3 .name{left: 80px; bottom: 30px;}
section#dichvutieubieu .service-3 .name b{display: inline;}
section#dichvutieubieu .service-3 .name .word4{ font-size: 30px; font-weight: bold;}

section#dichvutieubieu .service-4 .name{left: 60px; top: 60px;}
section#dichvutieubieu .service-4 .name .word3{display: block !important; margin-top: 5px;}
section#dichvutieubieu .service-4 .name .word4,
section#dichvutieubieu .service-4 .name .word5{ font-size: 30px; font-weight: bold;}

section#dichvutieubieu .box-service:hover .wrap:before{opacity: 0;}
section#dichvutieubieu .box-service:hover .name{color: #000; font-weight: 300;}

section#sanphamnoibat{ margin-bottom: 30px; }


ul.nav-tabs{ border-bottom: 0px;}
ul.nav-tabs li{float: none; display: inline-block;}
ul.nav-tabs li a{ margin: 0px 10px 20px; text-transform: uppercase; font-weight: 500; border: 1px solid #ccc; box-shadow: 3px 3px 0px #ccc; border-radius: 4px; -webkit-border-radius: 4px;}
ul.nav-tabs li a:hover,
ul.nav-tabs li.active a{border-color: #1679e0; color: #1679e0; box-shadow: 3px 3px 0px #1679e0; background-color: transparent;}

section#partners{ padding: 30px 0px; }

section#newsletter{ padding: 35px 0px; background: url('../images/bg_newsletter.jpg') repeat; }
section#newsletter .container{ padding: 30px; background-color: #fff; }
section#newsletter .col-xs-12{ }
section#newsletter .input-group input, section#newsletter .input-group button{height: 45px;}

section#bottom{ padding: 40px 0px; border-bottom: 1px solid #ccc;}

div.criteria h4 img{display: inline-block; margin-right: 5px;}
div.criteria ul{ list-style: none; }
div.criteria ul li{ padding-left: 20px; background: url('../images/icon_check.png') no-repeat left 5px; }

ul#accordion ,ul#accordion ul{width:100%;list-style: none; margin: 0px; padding: 0px;}
ul#accordion li{position: relative; padding: 0px; border-top: 1px dashed #ccc;}
ul#accordion li:first-child{border-top: 0px;}
ul#accordion li a{ display: block; text-align: left; text-transform: uppercase; padding: 9px 10px 8.5px 20px;
	background: url('../images/icon_arrow_right.jpg') no-repeat 5px 15.5px;
}

ul#accordion li.active > a, ul#accordion li:hover > a{color: #f00;}
ul#accordion ul li.active > a, ul#accordion ul li:hover > a{color: #f00;}
ul#accordion ul ul li.active > a, ul#accordion ul ul li:hover > a{color: #f00;}

ul#accordion > li > i, ul#accordion > li > ul > li > i{position: absolute; width: 30px; height: 33px; right: 0px;top: 0px; line-height: 37px; z-index: 10; text-align: center; cursor: pointer;}
ul#accordion ul a{line-height: 1.3em; text-transform: none;}
ul#accordion ul a i{position: absolute; right: auto; left: 10px; top: 9px;}
ul#accordion ul ul a i{right: auto; left: 20px; top: 9px;}
ul#accordion ul a{padding-left: 20px;}
ul#accordion ul ul a{padding-left: 30px;}

ul.nav-post li{border-top: 1px dotted #333;}
ul.nav-post li:first-child{border-top: 0px;}
ul.nav-post li a{}
div#news .nav-post li a:hover{color: #337ab7; background: transparent;}

ul.pagination{margin: 0px 0px 10px 0px;}
ul.pagination li.active a, ul.pagination li a:hover{color: #fff; border-color: #333 !important; background-color: #333 !important;}
ul.pagination a{color: #222;padding: 6px 14px;}

.other-title{ font-weight: bold; color: #f00; font-size: 16px; border-bottom: 1px solid #ccc; text-transform: uppercase; }
.other-title span{ position: relative; display: inline-block; padding-right: 10px;}
.other-title span:after{ content:''; position: absolute; display: inline-block; width: 100%; height: 1px; background-color: #fff; left: 0px; bottom: -1px;}

ul.other-nav{list-style: square; margin: 0px; }
ul.other-nav a{display: block; padding: 2px 0px;}
ul.other-nav i{font-size: 12px; font-weight: 400;}

ul.nav-branch{list-style: none; margin: 0px; padding: 0px;}
ul.nav-branch h3{font-size: 17px; margin-top: 0px;}
ul.nav-branch div{display: none; margin: 0px 0px 10px; padding-top: 10px; background-color: #ccc;}

ul.process-nav{list-style: none; text-align: center; padding: 0px;}
ul.process-nav li .line{ margin: 0px -15px 10px; height: 35px; background: url('../images/line_process.png') no-repeat center center;}
ul.process-nav li .name{ font-weight: bold; font-size: 15px; }
ul.process-nav li img{margin: 0px auto;}
ul.process-nav li:after{content: ''; width: 34px; height: 17px; background: url('../images/arrow_process.png') no-repeat center center;
    position: absolute;
    top: 32%; right: -17px;
    margin-top: -8.5px;
}
ul.process-nav li:last-child:after{display: none;}

footer#footer{ position: relative; width:100%; padding-top: 30px; color: #fff; background: url('../images/van-phong.jpg') no-repeat center center;}
footer#footer:before{ content:''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.9); }
footer#footer .title{ display: inline-block; padding: 6px 15px; border: 2px dashed #fff; text-transform: uppercase; font-size: 16px; font-weight: 600;
    border-radius: 20px;
}

footer#footer ul.nav-footer{list-style: none; margin: 0px; padding: 0px;}
footer#footer ul.nav-footer a{ display: block; padding: 2px 0px; font-size: 15px; color: #fff; }
footer#footer ul.nav-footer a:hover{color: #ff9900;}

footer#footer .btn-social-icon{ margin-right: 5px; margin-top: 4px; margin-bottom: 3px; padding: 4px 10px; width: 30px; height: 30px; }
footer#footer .btn-social-icon .fa{ line-height: 30px; font-size: 1.2em; }

footer#footer #counter{ color: #fff; /*padding-bottom: 20px; padding-left: 120px; background: url('../images/bg_counter.png') no-repeat left center; */}
footer#footer #counter p{ display: inline-block; margin-right: 5px; }
footer#footer #counter .fa{width: 18px; text-align: center;}
footer#footer .acf-map{ height: 160px; }
footer#footer .col-xs-12{ margin-bottom: 15px; }
div#copy-right{ background-color: #1679e0;}
div#copy-right p{padding: 10px 0px; margin-bottom: 0px; text-align: center; color: #fff;}



div.slick-product-photo{margin: 0px -2px;}
div.slick-product-photo a{display: block; padding: 0px 2px;}

div#product-img{position: relative;}
div#product-img img{max-width: 100%; height: auto;}
div.product-img-large{}
div.product-img-thumb{position: relative; width: 100%; margin: 15px 0px;}
div.product-img-thumb p{margin-bottom: 5px; cursor: pointer; opacity: 0.7; transition: opacity 0.2s;}
div.product-img-thumb .slick-slide p:hover{opacity: 1 !important;}

div#product-content{}
div#product-content > ul{list-style: none; padding: 0px; margin: 0px;}
div#product-content > ul li{padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dotted #ccc;}
div#product-content > ul li:first-child{ padding-top: 0px; }
div#product-content > ul li:last-child{ border-bottom: 0px; }
div#product-content > ul li p{ margin: 0px; }
div#product-content > ul h1{font-size: 22px; margin: 0px; text-transform: uppercase; color: #ff8c00; font-weight: 600; text-shadow: 1px 1px 1px #000;}
div#product-content > ul
div#product-content > ul .price span{}
div#product-content > ul .price-old{display: inline-block; font-size: 18px; text-decoration: line-through;}
div#product-content > ul .price-{display: inline-block; color: #f00; font-size: 25px; margin-right: 15px;}
div#product-content > ul .price-sale{display: inline-block; color: #f00; font-size: 25px; margin-right: 15px;}

span.product-attr{display: inline-block; min-width: 120px;}

div#product-info{display: none;}

div#product-order{border: 1px solid #ccc; padding: 20px 30px 10px; margin-bottom: 15px;}
div#product-order .share.icon-social{display: inline-block; text-align: center; width: 35px; height: 35px; line-height: 35px; background-color: #ccc; border-radius: 50%;}

div#product-ship{border: 1px solid #ccc; padding: 20px 30px 10px; background-color: #f7f7f7;}

div#cart-discount{padding: 20px 30px 10px; background-color: #e6e7e9; margin-bottom: 30px;}
div#cart-total{border: 1px solid #ccc; padding: 15px 15px 0px;}

div.payment{display: none;padding: 6px 15px 1px; background-color: #f2f2f2;}

.protected-img {overflow: hidden;position: relative;}
.protected-img .cover, .protected-img .cover img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}

.acf-map{height: 300px;}

.tooltip{white-space: nowrap;}
.modal {text-align: center;}
.modal:before {content: '';display: inline-block; height: 100%; vertical-align: middle;}
.modal-dialog{display: inline-block; width: 90%; max-width: 850px;vertical-align: middle; text-align: left;}
.modal-content{}
.modal-content input.form-control{}
.modal-header{background-color: #333;padding: 7px 10px;}
.modal-header h4{color: #fff; font-size: 15px; font-weight: 500; text-transform: uppercase;}
.modal-header .close{margin: 0px; color: #fff;}
.modal-footer{padding: 7px 15px;}

#notifyModal .modal-body{color: #f00; font-style: italic;}

.video-container {position:relative;padding-bottom:56.25%;padding-top: 28.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

div#left-fixed:after{content:'';display: block; clear: both;}

/*Account*/
div.box-title{padding:10px 15px; margin-top: 15px; background-color:#ccc;}
div.box-title h2{margin:0px;font-size:17px;text-transform:uppercase;}
div.box-content{padding:15px; margin-bottom: 15px; border:1px solid #ccc;}

ul.nav-profile{margin: 0px; padding: 0px;}
ul.nav-profile .active{ background-color: #f2f2f2; }
ul.nav-profile .active a{ color: #f00; }

/*Old Css*/
p#show-message-action-cart{position: fixed;top: 17%;right:0;width:150px;display: block; opacity: 0; background-color: #CB182E;padding: 5px 10px; color: #fff;z-index: 9999;}
p#show-message-action-cart a{color: #ff0; text-decoration: underline;}

p#show-support{position:fixed;top:105px; right: 0px; z-index: 10; padding: 5px 2px;  border-radius: 5px 0 0 5px; background-color: #f2f2f2;}
p#show-support i{color: #3da348; font-size: 24px; cursor: pointer;}
div#support{ display: none;position:fixed;top: 150px; right: 0px; z-index: 100; width: 250px; border: 5px solid rgba(255,255,255,0.5); border-radius: 5px;}
div#support h3{
    margin: 0px;
    padding: 10px;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    *transform: rotate(270deg) translate(0px, -120px);
    background-color: #3da348;
    *border-radius: 5px 5px 0px 0px;
}
div#support ul{float: left; width: 100%;list-style: none outside none;margin: 0;padding: 10px; background-color: #f2f2f2;border-radius: 0px 0px 5px 5px;}
div#support ul li {float: left; width: 100%; margin-bottom: 10px;}
div#support ul li img {height: auto;max-width: 100%;}
div#support ul li#hotline { background: url(../images/hotline.png) no-repeat left top;}
div#support ul li#hotline p {
    color: #f00;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 28px 0 0 45px;
}
div#support ul li p{margin-bottom: 5px;}
div#support ul li p.col-xs-3 {
    margin: 0px;
    padding: 0px 10px 10px 0px;
    text-align: center;
 }
 div#support ul li p.col-xs-9,
 div#support ul li p.col-xs-12{
     padding: 0px;
 }

.echbay-sms-messenger {
    text-align: center;
    width: 45px;
    position: fixed;
    bottom: 50px;
    left: 20px;
    display: none;
    z-index: 999
}

.echbay-sms-messenger.style-for-position-br {
    left: auto;
    right: 20px
}

.echbay-sms-messenger.style-for-position-tl {
    bottom: auto;
    top: 20px
}

.echbay-sms-messenger.style-for-position-tr {
    bottom: auto;
    left: auto;
    top: 20px;
    right: 20px
}

.echbay-sms-messenger.style-for-position-cr,
.echbay-sms-messenger.style-for-position-cl {
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%)
}

.echbay-sms-messenger.style-for-position-cr {
    left: auto;
    right: 20px
}

.echbay-sms-messenger div {
    margin: 14px 0;
    background: #0084ff center no-repeat;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888
}

.echbay-sms-messenger div:first-child {
    margin-top: 0
}

.echbay-sms-messenger div:last-child {
    margin-bottom: 0
}

.echbay-sms-messenger div.phonering-alo-alo {
    background-image: url(../images/call.png)
}

.echbay-sms-messenger div.phonering-alo-sms {
    background-image: url(../images/mail.png);
    background-color: #f60;
    background-size: 60%
}

.echbay-sms-messenger div.phonering-alo-messenger {
    background-image: url(../images/messenger.png);
    background-color: #e60f1e
}

.echbay-sms-messenger div.phonering-alo-zalo {
    background-image: url(../images/zalo.png);
}

.echbay-sms-messenger a {
    display: block;
    line-height: 45px;
    text-indent: -9999px
}

@media screen and (max-width:775px) {
    .echbay-sms-messenger {
        display: block !important;
        bottom: 50px;
        left: 1px;
    }
}

.echbay-sms-messenger div.phonering-alo-zalo,
.echbay-sms-messenger div.phonering-alo-alo {
    background-color: red
}

.echbay-sms-messenger div.phonering-alo-sms {
    background-color: #f60
}

.echbay-sms-messenger div.phonering-alo-messenger {
    background-color: #0045db
}

.echbay-sms-messenger {
    width: 45px
}

.echbay-sms-messenger a {
    line-height: 45px
}

.echbay-sms-messenger {
    display: block
}

@media (min-width:992px){
    
    div#hotline-mobile{display: none; }

    div.box-news.col-md-3:nth-child(4n+1){clear: both;}
	div.box-news.col-md-4:nth-child(3n+1){clear: both;}
    div.box-news.col-md-6:nth-child(2n+1){clear: both;}
    
    div.box-product.col-sm-4:not(.col-md-3):nth-child(3n+1){clear: both;}
    div.box-product.col-md-3:nth-child(4n+1){clear: both;}

    div.box-product-content.col-md-6:nth-child(2n+1){clear: both;}
}

@media (min-width: 1200px){
    #hamburger{ display: none; }
    nav#navbar{ position: relative; float: right; z-index: 10; }
    nav#navbar ul{position: relative; float: left; list-style: none; margin: 0px; padding: 0px; height: 80px; text-align: center;}
    nav#navbar ul li{position: relative; float: left; padding-bottom: 10px;
        background: url('../images/line_menu.png') no-repeat left top;
    }
    nav#navbar > ul > li:first-child{ background: none; }
    nav#navbar > ul > li:first-child > a{ padding-left: 0px; }
    nav#navbar ul li a{ display: block; padding: 28px 0px 27px 35px; font-weight: 600; color: #000; 
        font-size: 18px; text-align: center; text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
    }

    nav#navbar ul li.active > a, nav#navbar ul li:hover > a{ color: #E50000; }
    nav#navbar ul ul:before{content: ''; display: inline-block; position: absolute; border-left: 7px solid transparent ; border-right:7px solid transparent ; border-bottom: 7px solid rgba(0,0,0,0.2); top: -6px; left: 23px;}
    nav#navbar ul ul:after{content: ''; display: inline-block; position: absolute; border-left: 6px solid transparent ; border-right:6px solid transparent ; border-bottom: 6px solid #fff; top: -5px; left: 24px;}
    nav#navbar ul ul ul:before{content: ''; display: inline-block; position: absolute; border-top: 7px solid transparent ; border-bottom:7px solid transparent ; border-right: 7px solid rgba(0,0,0,0.2); left: -13px; top: 12px;}
    nav#navbar ul ul ul:after{content: ''; display: inline-block; position: absolute; border-top: 6px solid transparent ; border-bottom:6px solid transparent ; border-right: 6px solid #fff; left: -12px; top: 13px;}

    nav#navbar ul ul, nav#navbar ul ul ul{position: absolute;display: none; top: 80px; left: 0px;width: 235px;height: auto; margin:0;padding: 7px;background-color: rgba(0,0,0,0.5); box-shadow: 2px 2px 3px #f2f2f2; z-index: 30;}
    nav#navbar ul ul ul{top: -8px; left: 220px; z-index: 40;}
    nav#navbar ul ul li{width: 100%; padding: 0px; border-top: 1px dotted #edc897; box-shadow: none !important; background-color: #fff; background: none;}
    nav#navbar ul ul li:first-child{border-top: none;}
    nav#navbar ul ul li a{font-size: 14px; color: #fff; font-weight: 400; text-align: left; padding: 5px 10px; background: none;
    }
    nav#navbar ul ul li a:hover{color: #ff0;}
    nav#navbar ul li:hover > ul{display: block;-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall;}
    nav#navbar ul ul li:hover > ul{display: block; -webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;}

    div.box-product.col-lg-3:nth-child(4n+1){clear: both;}
    div.box-work.col-lg-2:nth-child(6n+1){clear: both;}
    div.box-work.col-lg-3:nth-child(4n+1){clear: both;}
}

@media (min-width: 1280px){
    .container{width: 1230px;}
    nav#navbar ul li a{ padding: 28px 0px 27px 45px; }
}

@media (min-width: 1400px){
    .modal-dialog{width: 70%;}
}

@media (min-width:992px) and (max-width: 1199px){
    div.box-work.col-md-3:nth-child(4n+1){clear: both;}
    div.box-work.col-md-4:nth-child(3n+1){clear: both;}
    div.box-product.col-md-4:nth-child(3n+1){clear: both;}
}

@media (max-width: 1199px){
    section#topbar span{display: none;}
    #hamburger{position: fixed; left: 15px; top: 7px; text-align: center; font-size: 15px; z-index: 1000;}
    div#banner{float: none; width: 100%; height: auto;}
    nav#navbar{display: none;}
}

@media (max-width: 991px){
    
    div#search{width: 100%;}
    div.coccoc-alo-phone{ width: 120px; height: 120px;}
    div.coccoc-alo-ph-circle{ width: 100px; height: 100px; top: 10px;left: 10px; }
    .coccoc-alo-ph-img-circle {
        width: 50px;
        height: 50px;
        top: 35px;
        left: 35px;
    }
    .coccoc-alo-ph-circle-fill {
        width: 80px;
        height: 80px;
        top: 20px;
        left: 20px;
    }


    div.i-title h1,
    div.i-title h2,
    div.i-title h3{ font-size: 25px; }
}


@media (min-width:768px) and (max-width: 991px){
    ul.process-nav li:nth-child(3n):after{display: none;}
    ul.process-nav li.col-sm-4:nth-child(3n+1){clear: both;}

    div.box-work.col-sm-4:nth-child(3n+1){clear: both;}

    div.box-news.col-sm-3:nth-child(4n+1){clear: both;}
    div.box-news.col-sm-4:nth-child(3n+1){clear: both;}
    div.box-news.col-sm-6:nth-child(2n+1){clear: both;}

    div.box-product.col-sm-3:nth-child(4n+1){clear: both;}
    div.box-product.col-sm-4:nth-child(3n+1){clear: both;}
	div.box-product.col-sm-6:nth-child(2n+1){clear: both;}

    span.product-attr.col-sm-4:nth-child(3n+1){clear: both;}
}

@media (min-width:481px) and (max-width: 767px){

    div.box-work.col-xs-6:nth-child(2n+1){clear: both;}
    div.box-news.col-xs-6:nth-child(2n+1){clear: both;}

    div.box-product.col-xs-6:nth-child(2n+1){clear: both;}
    span.product-attr.col-xs-6:nth-child(2n+1){clear: both;}
}

@media (min-width: 768px){

    footer#footer .col-sm-5{text-align: right;}
}

@media (max-width: 767px){

    section#topbar{
        position: fixed;
        width: 100%;
        z-index: 1000;
    }
    header#header{ margin-top: 41px; }

    div#hotline-mobile{display: none; }
    section#slideshow{ margin-top: 15px; }
	section#slideshow .slick-desc h2{ font-size: 30px; line-height: 30px; }
    section#slideshow .slick-desc p{ font-size: 15px; padding: 0px;}
    div.slick-slideshow .slick-dots{ bottom: -30px; }

    ul.process-nav li.col-xs-6:nth-child(2n+1){clear: both;}
    ul.process-nav li:nth-child(2n):after{display: none;}

    footer#footer{text-align: center; }
    footer#footer #counter{margin: 0px auto; text-align: left;}
    div#copy-right{ margin-bottom: 30px; }

    body#index #page-wrapper{ display: none; }
}

@media (max-width: 680px){
    div.languages{bottom: auto; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    div#search{position:relative; width: 100%; right: auto; bottom: auto;}

    div#about-index .image{ display: none; }
    div#about-index .detail{ display: none; }
    section#dichvutieubieu{ display: none; }
}

@media (max-width: 600px){
    header#header #btn-menu{ top: 10px; left: 15px; right: auto; }
    div#banner #site-logo{ display: block; margin-top: 0px;}
	section#slideshow .slick-desc p{display: none;}
    div.wrap-content{padding: 15px;}
}

@media (max-width: 520px){
    header#header .nav{display: none;}

    table.table-cart .img{float: none; margin-right: 0px; margin-bottom: 10px; text-align: center;}
    /*span.product-attr{width: 100%;}*/
}

@media (max-width: 500px){
    header#header .col-xs-5,
    header#header .col-xs-7{ width: 100%; }

    div.box-news .desc{ display: none; }
}

@media (max-width: 480px){
    div#search .btn{width: auto;}
    div.box-work.col-xs-6:nth-child(2n+1){clear: both;}
    div.box-product.col-xs-6:nth-child(2n+1){clear: both;}

    div.criteria h4{ text-align: center; }
    footer#footer .col-xs-6{width: 100%;}
}

@media (min-width: 401px){
    div#right .i-title h1,div#right .i-title h2{min-width: 303px; background: url('../images/bg_title_l.png')}
}

@media (max-width: 400px){
	section#top-bar span.lbl-2{display: none;}
	section#top-bar ul li#search ul{min-width: 220px;}
    
    div.box-product-file{width: 100%;}
    
    div.box-news{width: 100%;}
    div.box-news .image{width: 100%; margin-right: 0px !important; margin-bottom: 15px !important; padding: 0px;}
    div.grid .grid-item{width: 100%;text-align: center;}

}

@media (max-width: 350px){
	section#top-bar ul li#shopping-cart ul{min-width: 220px;}
    section#top-bar ul li#favorite ul{min-width: 220px;}
    div.box-work{width: 100%;}
    div.box-product{width: 100%;}
}