*{margin:0;padding:0;outline:none;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}
.clear{clear:both;}
p,h1,h2,h3,h4,h5,h6,ul{margin:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
@font-face{font-family:'font1';src:url('fonts/Roboto-Regular.eot');src:url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Regular.woff2') format('woff2'),
url('fonts/Roboto-Regular.woff') format('woff'),
url('fonts/Roboto-Regular.ttf') format('truetype'),
url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');font-weight:bold;font-style:normal;}
@font-face{font-family:'font2';src:url('fonts/SVN-Avo.eot');src:url('fonts/SVN-Avo.eot?#iefix') format('embedded-opentype'),
url('fonts/SVN-Avo.woff2') format('woff2'),
url('fonts/SVN-Avo.woff') format('woff'),
url('fonts/SVN-Avo.ttf') format('truetype'),
url('fonts/SVN-Avo.svg#SVN-Avo') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'font3';src:url('fonts/SVN-Avobold.eot');src:url('fonts/SVN-Avobold.eot?#iefix') format('embedded-opentype'),
url('fonts/SVN-Avobold.woff2') format('woff2'),
url('fonts/SVN-Avobold.woff') format('woff'),
url('fonts/SVN-Avobold.ttf') format('truetype'),
url('fonts/SVN-Avobold.svg#SVN-Avobold') format('svg');font-weight:bold;font-style:normal;}
body{font-size:12px;font-family:Arial;color: #1e3948;}
.hide{visibility: hidden; height:0px; margin:0px; overflow:hidden;}
#facebook-jssdk-iframe{display: none;}
#wrapper{position:relative;margin:auto;}
#wrapper.bg_body{background: #f5f8fa;}
.container{position:relative;}
.pa0{padding: 0px;}
.ma0{margin: 0px;}
.line_top{background: url(images/line_top.png) no-repeat; height:7px; background-size: 100% 100%;}
#top_head{margin:auto;max-width:1366px;padding:5px 0px;}
.wrap_cart{background:url(images/cart.png) no-repeat 0px 0px;padding-left:25px;height:24px; width: 24px;line-height:23px;float:left; background-size: 100% 100%; position: relative;
float: right;
margin-top: 7px;
margin-left: 25px;}
a.giohang{color:#fff;font-size:10px;display:block; font-weight: bold;}
a.giohang:hover{opacity: 0.9;}
.wrap_cart span{
	display: inline-block;
	background: #b12026;
	width: 17px;
	line-height: 17px;
	height: 17px;
	text-align: center;
	position: absolute;
	right: -4px;
  top: -5px;
	-webkit-border-radius: 4px;/*Safari, Chrome*/
	-moz-border-radius: 4px;/*Firefox*/
	border-radius: 4px;
}
.toolbar_head{
	padding-top: 5px;
	position: relative; 
	width: 100%;
	background: #fbfbfb;
	z-index: 99;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  box-shadow: 0 1px 0 0 #d9d9d9;
}
.sticky_header{
  z-index: 1000;
	position: fixed !important;
	top: 0px;
	padding: 0px;
	padding-top: 5px;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 3px 2px 1px rgba(0,0,0,0.2);/*FF 3.5+*/
	-webkit-box-shadow: 0 3px 2px 1px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 3px 2px 1px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000); /*IE 5.5-7*/
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.sticky_header_hidden{
    transform:translate(0,-100%);
    -webkit-transform:translate(0,-100%);
    -moz-transform:translate(0,-100%);
    -ms-transform:translate(0,-100%);
    -o-transform:translate(0,-100%)
}
.rela_toolbar_head{
	position: relative; 
}
.rela_pos{position: relative; background: #fff;}
.wrap_cart_hot{position:absolute;right:0px;top:10px;}
.logo{}
.sticky_header .icon_search{background: url(images/kinh2.png) no-repeat;}
.mid_head .hotline{margin-top: 34px;background:url(images/head_hotline.png) no-repeat 0px 0px;height:42px;line-height:42px;padding-left:51px;padding-top: 7px;}
.mid_head .hotline a{color:#2257d6;font-size:22px; font-family: 'font2'; font-weight: bold;}
.mid_head .dienthoai{margin-top: 34px;background: url(images/head_dt.png) no-repeat 0px 0px;padding-left: 57px; line-height: 42px;padding-top: 8px;}
.mid_head .dienthoai a{color:#2257d6;font-size:22px;font-family: 'font2';font-weight: bold;}
.item_hotro{text-align:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;font-family:'font2';margin-top:5px;}
.right_head{padding-top: 15px;}
.right_head img{margin: auto;}
.right_head img:first-child{margin-bottom: 15px;}
.item_hotro .border{width:195px;background:#ededed;padding:5px;margin:auto;}
.item_hotro .item{background:#f2f2f2;border:1px solid #d9d9d9;}
.item_hotro .item img{width:18px;height:18px;margin:0px 2px;}
.item_hotro .item p{margin:5px 0;}
.item_hotro .item div{padding-left:5px;text-align:left;font-size:11px;}
.item_hotro .item a{color:red;font-size:13px;font-weight:bold;}
.head_desk{position:relative;}
#head_mobile{display:none;position:relative;z-index:99;}
.logo_mobi{
	position: absolute;
	left: 50%;
	top: 20px;
	transform: translate(-50%, -50%);
}
.wrap_cart_hot_mobile{float:right;margin-top:10px;}
.main_title_web{float:left;color:#fff;font-family:'font3';text-transform:uppercase;font-size:18px;margin-top:20px;padding-right:20px;}
.main_title_web a{color:#fff;text-decoration:none;}
.main_title_web a:hover{color:#fcf301;}
.wrap_cata_head_mobile{display:none;}
.col-cata{float:left;width:21%;background:#b12026;border:1px solid #fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.col-info-head{float:right;width:21%;background-color:#fff;}
#section_mid{padding-top:10px;background:url(images/bg_top.png) repeat-x;}
.col-slide{float:left;margin-left:1.5%;width:55%;border:5px solid #fff;overflow:hidden;}
.left_dmsp{float:left;width:270px;}
.name_dmsp{background:url(images/bg_dmsp.png) no-repeat;height:44px;line-height:46px;padding-left:48px;font-size:16px;color:#fff;font-family:'font1';text-transform:uppercase;}
.cont_dmsp{background:#fff;}
#slider{width:100%;position: relative;}
#slider iframe{max-height: 550px !important;}
.col-info-head .name{background:url(images/bg_nam_right.png) no-repeat top center;background-size:107% 100%;height:57px;line-height:40px;text-align:center;color:#fff;font-weight:bold;font-family:'font2';font-size:16px;margin-top:-1px;}
.col-info-head .wrap{padding:25px;font-size:14px;font-family:'font2';height:324px;overflow:hidden;line-height:25px;border-bottom:5px solid #a5ff48;text-align:justify;}
.col-info-head .wrap span{font-weight:bold;}
.col-info-head .name_web{text-align:center;color:#b12026;font-size:18px;margin-bottom:15px;font-weight:bold;}
.col-cata .name{background:url(images/bg_dm.png) repeat-x;height:42px;line-height:42px;color:#b12026;font-family:'font2';text-transform:uppercase;font-size:15px;text-align:center;font-weight:bold;-webkit-border-radius:15px 15px 0px 0px;-moz-border-radius:15px 15px 0px 0px;border-radius:15px 15px 0px 0px;}
.list_dm{margin-top:10px;height:326px;overflow:auto;}
.list_dm ul{list-style:none;}
.list_dm ul li{background:url(images/ul_dm.png) no-repeat 0px 14px;padding-left:15px;margin-left:25px;}
.list_dm ul li.line{background:url(images/line_dm.png);width:100%;height:3px;margin-left:0px;}
.list_dm ul li a{color:#fff;display:block;padding:7px 0px 11px 0px;font-family:'font2';font-size:15px;}
.list_dm ul li a:hover{color:#f4ea00;}
#dmnb{background:#eeeeee;padding:45px 0px;}
.item_dmnb{width:216px;margin:auto;margin-bottom:25px;}
.item_dmnb .img{background:url(images/bg_img_dm.png) no-repeat;width:216px;height:226px;background-size:100% 100%;text-align:center;}
.item_dmnb .img img{width:170px;height:170px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-top:27px;border:5px solid #fff;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#969696)";-moz-box-shadow:0 0 2px 2px rgba(150,150,150,0.3);-webkit-box-shadow:0 0 2px 2px rgba(150,150,150,0.3);box-shadow:0 0 2px 2px rgba(150,150,150,0.3);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#969696);}
.item_dmnb .img:hover{opacity:0.8;}
.item_dmnb .name{margin-top:10px;text-align:center;}
.item_dmnb .name a{color:#434343;font-family:'font1';font-size:15px;text-transform:uppercase;}
.item_dmnb .name a:hover{color:#b12026;}
#menu{background:#18acea;height:45px;line-height:45px;position:relative;display:none;}
#menu.fixed{position:fixed;top:0px;width:100%;z-index:999;}
.wrap-header { padding: 14px 0 0; }
.menu_desk{position:relative;margin: 5px 0px;}
.menu_desk ul{list-style: none;}
.menu_desk ul li{float: right; margin-top: 8px;}
.menu_desk ul li a{color:#333;display:block;font-family: 'font3'; font-size: 13px; padding-bottom: 3px; text-transform: uppercase; padding: 0px 16px;}
.menu_desk ul li a:hover{color:#b12026 !important;}
.menu_desk ul ul{
	position: absolute;
	width: 180px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 999;
    top: 55px;
    border-top: 3px solid #b12026;
    /* left: 0px; */
    margin: 0px;
}

.menu_desk ul li:hover ul{
	opacity: 1;;
	visibility: visible;
	transition: 0.3s;
}

.menu_desk ul li:hover ul ul{
	opacity: 0;
	visibility: hidden;
}

.menu_desk ul li:hover ul ul ul{
	opacity: 0;
	visibility: hidden;
}

.menu_desk ul ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.menu_desk ul ul ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.menu_desk ul ul li{
	width: 100%;
	line-height: normal;
	border-bottom: 1px solid #ccc;
	max-height: none;
	margin: 0px;
	position: relative;
}

.menu_desk ul ul li a{
	text-transform: none;
	display: block;
	padding: 7px 5px;
	font-size: 13px;
	color: #333;
	font-family: 'font1';
	text-shadow: none;
}

.menu_desk h2, .menu_desk h3{
	font-size: 14px;
	font-weight: normal;
}

.menu_desk ul ul a:hover{
	background: none;
	border-top: none;
	color: #b12026;
}

.menu_desk ul ul ul{
	left: 181px;
	top: -3px;
}
.menu_pro{position:relative;}
.menu_pro ul{list-style: none;}
.menu_pro > ul > li{float: left;height: 64px;line-height: 50px;position: relative;}
.menu_pro ul > li:last-child a{padding-right: 0px;}
.menu_pro ul li a{color:#333;display:block;font-family: 'font3'; font-size: 15px; padding-bottom: 3px;  padding: 0px 20px;}
.menu_pro ul li a:hover{color:#b12026 !important;}
.menu_pro ul li > .menu-item-list{
	position: absolute;
  border-radius: 1px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 999;
  top: 64px;
  padding: 16px 32px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#3B3B3B)";
  -moz-box-shadow: 0 2px 2px 1px rgba(59,59,59,0.2);
  -webkit-box-shadow: 0 2px 2px 1px rgba(59,59,59,0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#3B3B3B);
}
.menu_pro ul li > .menu-item-list > div {
  display: flex;
  margin-left: 15px;
  margin-top: 16px;
}
.menu-item-list__number-product {
  display: block;
  line-height: initial;
  text-transform: lowercase;
}
.menu_pro ul li > .menu-item-list > div > ul{
  width: 160px;
}
.menu_pro ul li > .menu-item-list > div > ul li a {
  font-family: inherit;
  font-size: 14px;
  padding: 0;
}
.menu_pro ul li > .menu-item-list > div > ul li:hover {
  list-style-type: disc;
  color: #b12026;
}
.menu_pro ul li > .menu-item-list.menu-item-list-3 {
  transform: translateX(-33%);
}
.menu_pro ul li > .menu-item-list.menu-item-list-2 {
  transform: translateX(-36%);
}
.menu_pro ul li > .menu-item-list.menu-item-list-1 {
  transform: translateX(-25%);
}
.menu_pro > ul > li:hover {
  border-bottom: 2px solid #b01f26;
  background-color: #f8f8f8;
}
.menu_pro ul li:hover .menu-item-list{
	opacity: 1;;
	visibility: visible;
	transition: 0.3s;
}

.menu_pro ul li:hover ul ul{
	opacity: 0;
	visibility: hidden;
}

.menu_pro ul li:hover ul ul ul{
	opacity: 0;
	visibility: hidden;
}

.menu_pro ul ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.menu_pro ul ul ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.menu_pro ul > li > .menu-item-list > div > ul li{
	line-height: normal;
	max-height: none;
	margin: 0px;
	height: auto;
  position: relative;
  margin-bottom: 12px;
}

.menu_pro ul > li > .ul li a{
	text-transform: none;
  display: block;
  padding: 0;
  margin: 0;
	font-size: 14px;
	color: #333;
	font-family: 'font1';
	text-shadow: none;
	transition: 0.3s;
}

.menu_pro h2, .menu_pro h3{
	font-size: 14px;
	font-weight: normal;
	
}
.menu_pro h2{
	line-height: 50px;
}
.menu_pro h3{
	line-height: normal;
}
.menu_pro ul ul a:hover{
	background: none;
	border-top: none;
	color: #b12026;
	transition: 0.3s;
}

.menu_pro ul ul ul{
	left: 181px;
	top: -3px;
}

.rela_toolbar_head .menu_desk ul > li > a, .rela_pos .menu_desk ul > li > a{color: #333; text-shadow: none;}
#menu_mobi{height:40px;position:fixed;display:none;z-index: 999; width: 100%;background: #fff; top: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);/*FF 3.5+*/
-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.menu_mobile{display:none; position: relative;}
.wrap_name{position:relative;text-align: center; font-family: 'font3'; font-size: 25px; margin-bottom: 30px; margin-top: 10px; text-transform: uppercase;}
.wrap_name .view_more{position:absolute;right:30px;top:8px;}
.wrap_name .view_more a{text-decoration:none;color:red;font-size:12px;}
.wrap_name .view_more a:hover{color:#189eff;}
.wrap_name .name span{color:#489843;}
.wrap_name .name a{color:#0000ff;}
.wrap_name .name2{font-size:16px;}
.wrap_name .name h2, .wrap_name .name h1, .wrap_name .name h3{font-size:25px;}

.view_more_mobile{text-align:center;margin:10px 0px 25px 0px;display:none;}
.view_more_mobile a{text-decoration:none;color:#000;font-weight:bold;font-size:12px;}
.name_mobile{text-align:center;padding:10px 15px;color:#009512;font-size:14px;text-transform:uppercase;font-family:'font1';background:#13a422;display:none;margin-bottom:15px;}
.name_mobile h1, .name_mobile h2, .name_mobile h3{font-family:'font1';font-size:14px;font-weight:normal;}
.main_name h1{font-size:14px;}
.main_content{padding-top:20px;list-style:inside;line-height:1.7em;text-align:justify;}
.main_content img{max-width:100%;height:auto;}
.search_haed{position:relative;float:left;margin:25px 40px;width:calc(58% - 80px);color:999;}
.search_haed .xuhuong{margin-bottom:10px;font-size:13px;}
.search_haed .xuhuong a{color:#999;}
.search_haed .xuhuong a:hover{color:#189eff;}
.timkiem{position:absolute; right: 195px; top: -6px; display: none;}
.timkiem2{position: fixed; right: 0px; top: 40px; z-index: 999;}
.timkiem input.tu_khoa{width:200px;padding:0px 10px;background:#fff;border:1px solid #ccc;color:#333;line-height:35px;height:35px;}
.timkiem input[type='button']{background:#ed1c24;color:#fff;height:40px;line-height:40px;padding:0px 15px;border:none;font-size:14px;margin-left:-4px;}
.timkiem input::-webkit-input-placeholder{color:#777;}
.timkiem input:-moz-placeholder{color:#777;}
.timkiem input:-ms-input-placeholder{color:#777;}
.timkiem2 input.btn_img{top: 10px;position: absolute; right: 7px;}
.col-search{float: right; margin-top: 4px; margin-left: 25px; position: relative;}
.col-search input.tu_khoa{border: none; border-bottom: 1px solid #f0f0f0; padding: 6px 10px 6px 30px; width: 300px; font-size: 16px;}
.col-search input.btn_img{position:absolute;left:2px;top:8px;}
.lang{float: right; margin-left: 30px;padding-top: 9px;position: relative;}
.lang img{margin-left: 5px; width: 24px;}
.lang img.dropdown-icon{width: 16px;}
.lang > ul {
  display: none;
}
.show-language > .current-language > img.dropdown-icon {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.lang.show-language > ul {
  display: block;
  position: absolute;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  top: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: white;
  left: -4px;
}
.lang.show-language > ul > li {
  list-style-type: none;
}
.lang.show-language > ul > li > a {
  display: block;
  padding: 3px 8px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.lang.show-language > ul > li > a > img {
  margin-left: 0;
}
#slider .nivo-controlNav {
  padding: 0;
  bottom: 44px;
}
#slider .nivo-controlNav a {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}
#slider .nivo-controlNav a.active{
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
#menu_mobi .lang{position: absolute; right: 10px; top: 6px;}
#menu_mobi .wrap_cart{position: absolute; right: 90px; top: 10px; margin: 0px;}
.icon_search{position: relative; background: url(images/kinh2.png) no-repeat; width: 21px; height: 21px; cursor: pointer; z-index: 99;}
.wrap_tel{background:url(images/icon_phone.png) no-repeat 0px 0px;min-height:33px;padding-left:50px;font-size:14px;}
.wrap_tel span{color:#ff0808;font-family:'font2';font-weight:bold;font-size:18px;}
.ht_email{color:#595959;font-size:11px;font-weight:bold;margin-top:2px;margin-bottom:5px;}
.img_ht{background:url(images/img_hot.png);width:121px;height:126px;float:left;}
.ht_skype{float:right;margin-top:30px;margin-right:32px;}
#left_cont{float:left;width:22%;padding-top: 85px; padding-left: 61px;}
#right_cont{float:right;width:76.5%;}
.right_main{list-style:inside;line-height:1.7em;text-align:justify;}
.right_main > *{max-width:100%;}
.section_dmnb{margin-top:30px;}
.wrap_sp{text-align:center;margin-bottom:15px; padding: 0px 5px;}
.sanpham{max-width: 280px;width: 100%;max-width:280px;margin:auto;position:relative;background:#fff;padding: 16px;}
.sanpham:hover {
  box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.sanpham__title__cat {
  text-align: left;
  font-size: 14px;
  color: #8d8d8d;
  margin-bottom: 4px;
}
.sanpham__title__product {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #8d8d8d;
  margin-bottom: 16px;
  line-height: 1.38;
  color: #141414;
}
.sanpham .img{overflow:hidden;position:relative;text-align:center;}
.sanpham .img img{-webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;transition:transform 0.5s ease;transition:0.5s;margin:auto;}
.sanpham .sanpham__info {
  min-height: 40px;
}
.sanpham .img img.sanpham__img {
  margin-bottom: 27px;
  height: 246px;
}
.sanpham .img img.sanpham__new {
  position: absolute;
  top: 4px;
  left: 4px;
}
.sanpham-bosuutap {
  padding-right: 56px;
  height: 356px;
  margin-bottom: 81px;
}
.sanpham-bosuutap__img {
  width: 100%;
  margin-bottom: 16px;
}
.sanpham-bosuutap__cat {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 11px;
}
.sanpham-bosuutap__title {
  font-size: 18px;
  font-weight: 500;
  color: #141414;
}
.sanpham-goi-y .name_home {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #141414;
}
.sanpham-bosuutap-line {
  height: 1px;
  background-color: #d9d9d9;
  width: 100%;
  margin-bottom: 64px;
}
.gio-hang-header {
  text-align: left;
  margin-top: 33px;
}
.gio-hang-empty {
  text-align: center;
  margin-bottom: 80px;
}
.gio-hang-empty__img {
  margin-bottom: 32px;
}
.gio-hang-empty__des {
  font-size: 14px;
  line-height: 1.43;
  color: #595959;
  margin-bottom: 40px;
}
.gio-hang-empty__btn > a{
  padding: 15px 64px;
  border-radius: 2px;
  border: solid 2px #b01f26;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #b01f26;
}
.gio-hang-line {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  margin-bottom: 64px;
}
.product-quantity__box {
  border: solid 0.8px #d9d9d9;
  width: 106px;
  margin-left: -24px;
}
.product-quantity__minus {
  margin: 8px 20px 8px 8px;
  cursor: pointer;
}
.product-quantity__plus {
  margin: 8px 8px 8px 20px;
  cursor: pointer;
}
.product-quantity__value {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #141414;
  vertical-align: middle;
}
.wrap_name .name span.gio-hang-title {
  font-size: 24px;
  font-weight: bold;
  color: #141414;
  margin-right: 7px;
}
.wrap_name .name span.gio-hang-number-cart,  .wrap_name .name span.qty_cart{
  font-size: 16px;
  line-height: 1.25;
  color: #595959;
}
.gio-hang-line {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  margin-top: 17px;
  margin-bottom: 40px;
}
.shopping-cart-box {
  display: flex;
}
.shopping-cart-box .shopping-cart {
  width: 70%;
}
.shopping-cart-box__total {
  width: 30%;
  background-color: #f8f8f8;
  padding: 24px;
  margin-left: 32px;
}
.shopping-cart-box__total > table {
  width: 100%;
  margin-bottom: 28px;
}
.shopping-cart-box__total__title {
  font-size: 16px;
  font-weight: bold;
  color: #141414;
  margin-bottom: 27px;
}
.shopping-cart-box__total__label {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.57px;
  color: #141414;
  vertical-align: top;
}
.shopping-cart-box__total__price-box {
  text-align: right;
}
.shopping-cart-box__total__price {
  font-weight: bold;
  color: #b01f26;
  font-size: 20px;
}
.shopping-cart-box__total__vat{
  font-size: 14px;
  color: #8c8c8c;
}
.shopping-cart-box__total__order {
  display: block;
  width: 100%;
  padding: 15px;
  text-align: center;
  border-radius: 2px;
  background-color: #b01f26;
  color: #fff;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
}
button.shopping-cart-box__total__order {
  border: none;
}
.shopping-cart-box__total__continue.checkout {
  padding: 15px;
  text-align: center;
  color: #b01f26;
  font-size: 16px;
  font-weight: bold;
  display: block;
  background-color: #fff;
  margin-top: 0;
  width: 100%;
}
.shopping-cart-box .form_thongtin {
  width: 70%;
  margin-top: 0;
}
.shopping-cart-box .form_thongtin h4 {
  font-size: 24px;
  font-weight: bold;
  color: #141414;
  padding-bottom: 16px;
  border-bottom: 1px solid #d9d9d9;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.form_thongtin label {
  font-size: 16px;
  font-weight: 500;
  color: #141414;
}
.required-field {
  font-size: 16px;
  font-weight: 500;
  color: #b01f26;
}
#owl_tnb .owl-prev, #owl_tnb .owl-next {
  width: 40px;
  height: 40px;
}
#owl_tnb .owl-prev {
  background: url(images/prev.svg);
  float: left;
  margin-left: -64px;
}
#owl_tnb .owl-next {
  background: url(images/next.svg);
  float: right;
  margin-right: -64px;
}
#owl_tnb .owl-controls {
  position: absolute;
  top: 190px;
  width: 100%;
}
#owl_tnb .owl-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
.viewed-product-section {
  background-color: #f4f0e9;
  display: flex;
  padding: 80px 116px;
  margin-bottom: 120px;
}
.viewed-product-section .viewed-product__ads {
  width: 20%;
}
.viewed-product-section .viewed-product__ads .owl-item img {
  height: 462px;
}
.viewed-product-section .viewed-product__products {
  width: 70%;
}

.viewed-product-section .viewed-product__ads .owl-theme .owl-controls {
  position: absolute;
  bottom: 15px;
  width: 100%;
}
.viewed-product-section .viewed-product__ads .owl-theme .owl-controls .owl-dots {
    display: flex;
    justify-content: center;
}
.viewed-product-section .viewed-product__ads .owl-theme .owl-controls .owl-dot {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 7px;
}

.viewed-product-section .viewed-product__ads .owl-theme .owl-controls .owl-dot.active {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #000;
}
.viewed-product-section #owl_spdx .owl-item {
  padding: 0 20px;
}
.viewed-product__products {
  margin-left: 40px;
}
.viewed-product-section .viewed-product__products .owl-controls {
  position: absolute;
  top: -78px;
  right: 0;
}
.slider-album.owl-carousel .owl-controls {
  position: absolute;
  top: -78px;
  right: 12vw;
}
.viewed-product-section .viewed-product__products .owl-controls .owl-prev,
.viewed-product-section .viewed-product__products .owl-controls .owl-next,
.slider-album.owl-carousel .owl-controls .owl-prev,
.slider-album.owl-carousel .owl-controls .owl-next
 {
  float: left;
  width: 20px;
  height: 20px;
  background-size: 23px 23px;
}
.viewed-product-section .viewed-product__products .owl-controls .owl-prev,
.slider-album.owl-carousel .owl-controls .owl-prev{
  background-image:url(images/prev-owl.png);
}
.viewed-product-section .viewed-product__products .owl-controls .owl-next,
.slider-album.owl-carousel .owl-controls .owl-next {
  background-image:url(images/next-owl.png);
}
.slider-album.owl-carousel 
.viewed-product__products__title {
  padding-top: 14px;
  padding-bottom:20px;
  border-bottom: 1px solid #d9d9d9;
  font-family: 'font1';
  font-size: 16px;
  font-weight: 500;
  color: #141414;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.noithat-box {
  display: flex;
  margin-bottom: 120px;
}
.noithat-box__info, .noithat-box__img {
  width: 50%;
}
.noithat-box__img img{
  width: 100%;
}
.noithat-box__info__title {
  font-family: 'font1';
  font-size: 32px;
  font-weight: bold;
  color: #141414;
  margin-bottom: 24px;
}
.noithat-box__info__des {
  font-family: 'font1';
  font-size: 16px;
  line-height: 1.75;
  color: #4d4d4d;
  margin-bottom: 43px;
}
.noithat-box__info__viewmore > a > div {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #141414;
  text-transform: uppercase;
}
.noithat-box__info__viewmore__line {
  width: 80px;
  margin-left: 39px;
  height: 2px;
  background-color: #1a1a1a;
  margin-top: 8px;
}
.service-box {
  display: flex;
  margin-bottom: 120px;
}
.service-box__item {
  width: 25%;
  text-align: center;
}
.service-box__item > img {
  margin-bottom: 36px;
}
.service-box__item__title {
  font-family: 'font1';
  font-size: 22px;
  font-weight: bold;
  color: #141414;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.service-box__item__des {
  font-family: 'font1';
  font-size: 16px;
  color: #8c8c8c;
}
.album-detail .name {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #141414;
  margin-bottom: 16px;
}
.khung_thongtin__title {
  font-size: 24px;
  font-weight: 500;
  color: #141414;
  margin-bottom: 11px;
}
.khung_thongtin__price {
  font-size: 20px;
  font-weight: 500;
  color: #b01f26;
}
.khung_thongtin__old-price {
  text-decoration: line-through;
  font-size: 13px;
  margin-top: 4px;
  text-align: left;
}
.khung_thongtin__line {
  height: 1px;
  background-color: #d9d9d9;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 28px;
}
.khung_thongtin__info {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #595959;
}
.khung_thongtin__info b {
  color: #141414;
}
.khung_thongtin__info {
  margin-bottom: 21px;
}

.product-detail__buy-btn img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(69deg) brightness(101%) contrast(101%);
  margin-right: 12px;
}
.product-detail__line {
  height: 1px;
  background-color: #d9d9d9;
  width: 100%;
  margin-bottom: 55px;
}
/*.sanpham:hover{
-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
transform: translateY(-4px);
}*/
/*.sanpham .img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}*/
.sanpham .big_sale{background:url(images/sale.png);width:37px;height:37px;position:absolute;top:5px;right:5px;z-index:9; line-height: 37px; color: #fff; text-align: center; font-weight: bold; font-size: 13px;}
.sanpham .pro_info{padding:10px;color:#6b6969; min-height: 140px; display: flex;}
.sanpham .pro_info .wrap{margin: auto;}
.sanpham .name{text-align:center;margin-bottom:3px;}
.sanpham .name a{font-family:'font1';color:#666;}
.spjcau .name a{color:#4a4a4a;}
.sanpham .name h3{font-size:16px; line-height: 20px;}
.sanpham .chatlieu{text-align: center; font-size: 13px; margin-top: 5px;}
.sanpham .kichthuoc{text-align: center; font-size: 13px; margin-top: 5px;}
.sanpham .price_old{font-size:13px;margin-top:4px;text-align:left;}
.sanpham .price_old span{text-decoration:line-through;}
.sanpham .price{  font-size: 16px; font-weight: 500;margin-top:5px;text-align:left; height: 20px; overflow: hidden;}
.sanpham .price span{color:#b12026;font-weight:bold;}
.sanpham .name a:hover{color:#b12026;text-decoration:none;}
.sanpham .des{text-align:justify;line-height:20px;}
.sanpham .add_cart{position:absolute;bottom:0px;right:0px;background:url(images/addcart.png);background-size:cover;width:46px;height:43px;z-index:9;cursor:pointer;}
#itemContainer_spmoi{list-style:none;}
#itemContainer_spnb{list-style:none;}
.dv_info .name{text-align:left;margin-bottom:3px;}
.dv_info .name a{color:#b12026;font-weight:bold;}
.dv_info .name a:hover{text-decoration:underline;}
.block{margin-bottom:10px;}
.name_block{text-align:left;color:#fff;text-transform:uppercase;font-family:'font2';font-size:15px;position:relative; margin-bottom: 8px;}
.name_block a{display: block; color: #000; font-size: 15px; font-family: 'font3'}
.name_block a:hover{color: #b02026;}
.cont_block{position: relative;}
.dmdv ul{list-style:none;}
.dmdv ul li{position:relative;}
.dmdv ul li:last-child{border:none;}
.dmdv ul li a{display:block;color:#626161;font-size:14px;font-family:'arial';background:url(images/ul_dm.png) no-repeat 220px center;}
.dmdv ul li a:hover{color:#b02026;}
.dmdv ul ul{position:absolute;z-index:99;width:200px;background:#fff;top:0px;left:271px;visibility:hidden;opacity:0;transition:0.5s;}
.dmdv ul li:hover ul{visibility:visible;opacity:1;transition:0.5s;}
.dmdv ul ul li{padding-left:0px;}
.dmdv ul ul li a{padding-left:10px;}
.dmdv h2,.dmdv h3{font-weight:normal;font-size:15px;}
#wrap_spm{padding-top:20px;}
#about_home{padding:30px 0px;background:#fff;color:#292929;}
.main_about{position: relative;max-width: 890px; margin: auto;}
.img_about{margin-bottom:15px;}
.img_about img{width: 100%;height: auto;}
.img_about img:hover{opacity:0.8;}
.name_about{font-family:'font1';font-size:28px;margin-bottom:30px; color: #2a2a2a; text-align: center;}
.des_about{font-size:13px;line-height:22px;text-align:justify; margin-bottom: 20px;}
.view_about{margin-top:20px;}
.view_about a{display:inline-block;padding:7px 15px;font-family: 'font2';font-size:13px;color:#fff; background: #0094da;
-webkit-border-radius: 5px;/*Safari, Chrome*/
-moz-border-radius: 5px;/*Firefox*/
border-radius: 5px;}
.view_about a:hover{background:#ffca08;}
.paging{text-align:center;}
ul.pagination{text-align:center;color:#829994;}
ul.pagination li{display:inline;padding:0 3px;}
ul.pagination a{color:#b12026;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;float:none;}
ul.pagination a:hover,
ul.pagination a.current{background:#b12026;color:#fff;border-radius:initial !important;}
.pagination{margin:auto;width:auto;text-align:center;margin-top:10px;}
.pages{}
.pages li.prev{margin-right:15px;}
.pages li.next{margin-left:15px;}
.pages li{display:inline-block;margin:5px 2px;}
.pages li a{height:25px;padding:4px 8px;text-decoration:none;color:#b12026;font-weight:bold;background:url(images/backgrounds/pagingBg.png) repeat-x 0 0;border:1px solid #d5d5d5;font-size:11px;}
.pages li a:hover{background:#f6f6f6;}
.pages li .active{background:url(images/backgrounds/sideGradient.png) repeat-x;color:#fff;border-color:#424852;}
.pages li .active:hover{background:#2a313d;}
#form_contact input{padding:5px;margin-bottom:15px;}
.form_lh{width:100%;}
.form_lh fieldset{padding:10px;}
.form_lh legend{padding:0px 10px 0px 10px;font-style:italic;color:#023B70}
.form_lh p{padding:5px 0px 5px 0px;}
.form_lh p input{padding:5px;width:calc(100% - 20px);margin-left:5px;color:#000;border:1px solid #ccc;}
.form_lh p label{float:left;}
.form_lh p textarea{padding:5px;width:calc(100% - 20px);margin-left:5px;border:1px solid #ccc;}
.form_lh button{border:0px;background:#b12026;padding:5px 20px 5px 20px;font-weight:bold;color:#fff;cursor:pointer;margin-left:13px;}
.form_lh button:hover{opacity: 0.9;}
.selectors{text-align:center;float:left;width:100%}
.khung_thongtin{list-style:none; color: #666;}
.khung_thongtin li{margin-bottom: 15px;font-size: 14px;}
.khung_thongtin li b{display: inline-block; margin-bottom: 5px; line-height: 20px; clear: right; text-transform: uppercase; color: #000;}
.khung_thongtin li:first-child{padding-left: 0px; margin-bottom: 20px;}
.khung_thongtin h1{font-size:22px;color:#333;font-weight:bold;font-family:'font2'}
.khung_thongtin .masp{color:#0186A7;}
.khung_thongtin .mota_detail{color:#757575}
.khung_thongtin .gia_cu{font-size:13px;}
.khung_thongtin .gia_cu span{font-weight:bold;text-decoration:line-through;}
.khung_thongtin .gia_detail{font-size:20px;color:#b12026;font-weight:bold;}
.khung_thongtin .gia_detail b{color:#000; font-size: 14px;}
.khung_thongtin .gia_detail b:after{clear: both;}
.khung_thongtin .giacu_detail{color:#666;text-decoration:line-through;}
.khung_thongtin .giacu_detail span{text-decoration:line-through;}
div#container_product{margin-top:20px;width:100%;float:left;}
div#container_product #tabs{border:1px solid #fff;margin-bottom:20px;overflow:hidden;list-style:none;}
div#container_product #tabs li{background:rgba(255,0,0,1);padding:7px 30px;margin-right:1px;color:rgba(0,102,204,1);text-transform:uppercase;font-weight:bold;}
div#container_product #tabs li.active{background:#01b8f1;color:#000;}
div#container_product #tabs li{float:left;}
div#container_product #tabs li a{color:#fff;font-size:16px;text-decoration:none;}
.noidung_ta{width:100%;float:left;padding:10px;clear:left;border:1px solid #e4e4e4;}
.list_carousel{width:100%;position:relative;float:left;}
.list_carousel ul{margin:0;width:100%;padding:0;list-style:none;display:block;}
.list_carousel li{display:block;float:left;padding:5px 5px 5px 5px;}
.list_carousel li img{float:left;}
.list_carousel li a{text-decoration:none;}
.list_carousel li a h3{color:#835410;text-align:center;font-weight:500;margin-top:10px;font-size:16px;margin-bottom:10px;text-transform:uppercase;}
.list_carousel li:hover{}
.list_carousel li.active{}
.list_carousel.responsive{width:auto;margin-left:0;}
.clearfix{float:none;clear:both;}
.pager{float:left;width:320px;text-align:center;}
.pager a{margin:0 5px;text-decoration:none;}
.pager a.selected{text-decoration:underline;}
.timer{background-color:#999;height:6px;width:0px;}
.prev13{width:41px;height:36px;position:absolute;z-index:10;background:url(images/left_dt.png) no-repeat;top:25px;left:0px;}
.next13{width:41px;height:36px;position:absolute;z-index:10;background:url(images/right_dt.png) no-repeat;top:25px;right:-10px;}
.list_bvlq{margin-top:20px;}
.list_bvlq ul{list-style:none;}
.list_bvlq ul li{background:url(images/list_ul.png) no-repeat 0px 9px;padding-left:15px;margin-bottom:5px;}
.list_bvlq ul li a{font-size:14px;color:#b12026;}
.list_bvlq ul li a:hover{text-decoration:none;}
.list_bvlq ul li span{color:#999;}
.name_bvlq{font-weight:bold;font-size:17px;margin-bottom:5px;}
.item_qc{ margin-bottom: 15px; }
.item_qc img:hover{opacity: 0.9;}
.box_new{   
	margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E8E8E8;
}
.album-detail-list {
  display: flex;
  flex-wrap: wrap;
}
.album-detail-list__item {
  width: 45%;
  margin-right: 56px;
  margin-bottom: 56px;
}
.album-detail-list__item img {
  width: 100%;
}
.box_new img{width:30%;border:none;float:left;margin:0px 20px 0px 0px;}
.box_new img:hover{opacity: 0.9;}
.box_new h3{line-height:16px; margin-bottom: 15px;}
.box_new h3 a{text-transform:uppercase;font-weight:bold;color:#000;font-family:'font3';font-weight:bold;font-size:15px;}
.box_new:nth-child(2n+1){clear:left;}
.box_new:hover h3 a{opacity:0.8}
.box_new .des{color:#777;font-size:14px; line-height: 20px;}
.box_new .xemtiep{text-align:right;font-size:12px;transition:0.5s;margin-top:7px;display:none;}
.box_new .xemtiep a{text-decoration:none;font-style:italic;color:#fff;}
.box_new .info{font-size: 14px; margin-top: 5px; line-height: 20px;}
.wrap_box_dv a{color:#fff;}
.wrap_box_dv h3{font-size:16px;}
.box_dv img{width:100%;max-height:300px;margin:auto;}
.box_dv .name{text-align:center;margin-bottom:5px;background:#e9458f;padding:5px;}
.item_gcn{float:left;}
.item_gcn img{width:25%;}
.fixed{position:fixed !important;top:0px;z-index:999;width:100%;margin:auto;}
#qty_pro{padding:0px;width: 49px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height: 38px; line-height: 0;text-align: center;font-size: 18px;border-right: none;border-left: none;}
a#btn_buy{display:inline-block;padding:11px 47px;background:#b12026;color:#fff;font-family:'font2';font-size:16px; font-weight: bold;letter-spacing: 1px;text-align: center;width: 100%;}
a#btn_buy:hover{opacity:0.9;}
.line_foot{background:url(images/line_foot.png) no-repeat top center;height:25px;}
#cate_home{padding: 30px 0px;}
.product-list-cat__wrap-name {
  margin-bottom: 56px;
}
.wrap_name .product-list-cat__title > h1 {
  font-size: 32px;
  text-align: center;
  color: #141414;
  margin-bottom: 16px;
}
.product-list-cat__line, .album-detail__line {
  width: 48px;
  height: 2px;
  background-color: #b01f26;
  margin: auto;
}
.footer-box__cat {
  display: flex;
  padding-bottom: 48px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 48px;
}
.footer-box__cat__item__list-subitem {
  display: flex;
}
.footer-box__cat__item__title {
  font-size: 14px;
  font-weight: bold;
  color: #595959;
  margin-bottom: 14px;
}
.footer-box__cat__item {
  margin-right: 50px;
}
.footer-box__cat__item__list-subitem > ul {
  margin-right: 40px;
}
.footer-box__cat__item__list-subitem > ul > li {
  margin-bottom: 12px;
  list-style-type: none;
}
.footer-box__cat__item__list-subitem >ul > li > a {
  font-size: 14px;
  color: #595959;
}
.footer-box__info {
  display: flex;
}
.footer-box__info > div {
  width: 25%;
}
.footer-box__info__logo > img {
  margin-bottom: 44px;
}
.footer-box__info__logo > div {
  font-size: 10px;
  color: #8c8c8c;
}
.footer-box__info > div.footer-box__info__address {
  width: 35%;
}
.footer-box__info > div.footer-box__info__social {
  width: 20%;
}
.footer-box__info__address__noithat, .footer-box__info__social__title, .footer-box__info__language__title {
  font-size: 14px;
  font-weight: bold;
  color: #595959;
  margin-bottom: 10px;
}
.footer-box__info__address > table > tr > td {
  width: 94px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #595959;
}
.footer-box__info__address > table > tr > td:first-child {
  font-weight: 500;
}
.footer-box__info__language > .lang {
  float: none;
  margin-left: 0;
  padding-top: 0;
}
.footer-box__info__social__list > a {
  margin-right: 16px;
}
#footer{padding: 50px 0px 0px 65px; background: #f8f8f8;}
.filter-form__cat {
  float: left; 
  display: flex;
}
.filter_price {
  float: right; 
  display: flex;
}
.filter-form__cat__select, .filter_price__select {
  width: 216px;
  margin-left: 17px;
}
.filter-form__cat__select > select, .filter_price__select > select {
  padding: 11px 12px 11px 12px;
  font-weight: 500;
  height: auto;
}
.filter-form__cat__title, .filter_price__title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #141414;
  margin-left: 17px;
  margin-top: 11px;
}
.bo-suu-tap-box {
  background-image: url(images/wood-textures-16.png);
  padding: 40px 120px 56px;
}
.bo-suu-tap-box__title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.bo-suu-tap-box__list {
  display: flex;
  justify-content: center;
}
.bo-suu-tap-box__list__item {
  width: 33%;
  padding-left: 24px;
  padding-right: 24px;
}
.bo-suu-tap-box__list__item > img {
  width: 100%;
}
.bo-suu-tap-box__list__item__title {
  padding: 16px 20px;
  background-color: white;
  height: 76px;
  font-size: 18px;
  font-weight: 500;
  color: #141414;
}
.bo-suu-tap-box__list__item__title a{
  color: #141414;
}
.lien-he-page {
  display: flex;
}
.lien-he-form {
  width: 60%;
}
.lien-he-info-block {
  width: 40%;
  margin-left: 60px;
}
.lien-he-title {
  font-size: 24px;
  font-weight: bold;
  color: #141414;
  padding-bottom: 16px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.lien-he-form__send {
  width: 360px;
  height: 48px;
  border-radius: 2px;
  background-color: #b01f26;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  margin-left: 153px;
  border: none;
}
.lien-he-form__reset {
  font-size: 16px;
  background: none;
  font-weight: bold;
  color: #b01f26;
  border: none;
  text-decoration: underline;
}
.lien-he-address {
  margin-top: 50px;
  margin-bottom: 90px;
}
.lien-he-address__img {
  margin-bottom: 10px;
}
.lien-he-address__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.46;
  color: #141414;
  margin-bottom: 14px;
}
.lien-he-address__info {
  font-size: 14px;
  line-height: 1.5;
  color: #595959;
}
.lien-he-address__position {
  border: solid 1px #d9d9d9;
  background-color: #ffffff;
  padding: 24px;
  margin-bottom: 24px;
  position: relative;
  height: 124px;
  cursor: pointer;
}
.lien-he-address__position__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.86;
  color: #141414;
  text-transform: uppercase;
}
.lien-he-address__position__street {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
}
.lien-he-address__position__arrow {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid #d9d9d9;
  position: absolute;
  top: 0;
  top: 50px;
  left: -11px;
}
.lien-he-address__position__arrow:before {
  content: "";
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid #fff;
  position: absolute;
  top: -10px;
  left: 2px; 
}
.lien-he-address__position-active.lien-he-address__position {
  border: solid 1px #b01f26;
}
.lien-he-address__position-active.lien-he-address__position .lien-he-address__position__arrow {
  border-right:10px solid #b01f26;
}
.lien-he-address__position-active.lien-he-address__position .lien-he-address__position__title {
  color: #b01f26;
}
.lien-he-open-hour {
  margin-bottom: 68px;
}
.lien-he-social__info {
  display: flex;
}
.lien-he-social__social {
  font-size: 14px;
  line-height: 1.5;
  color: #595959;
  margin-right: 42px;
}
.lien-he-social__social a {
  color: #595959;
}
.lien-he-social__img {
  margin-bottom: 11px;
}
.lien-he-social__social img {
  filter: invert(36%) sepia(1%) saturate(318%) hue-rotate(350deg) brightness(92%) contrast(90%);
  vertical-align: middle;
}
.footer-box__info__social__list img {
  filter: invert(36%) sepia(1%) saturate(318%) hue-rotate(350deg) brightness(92%) contrast(90%);
}
#map_canvas2 {
  display: none;
}
.about-us-page__image {
  width: 100%;
  margin-bottom: 80px;
}
.about-us__noi-that__title {
  font-size: 32px;
  font-weight: bold;
  color: #141414;
  margin-bottom: 24px;
}
.about-us__noi-that__des {
  display: flex;
}
.about-us__noi-that__des {
  font-size: 16px;
  line-height: 1.75;
  text-align: justify;
  color: #4d4d4d;
}
.about-us__noi-that__des__col {
  width: 50%;
}
.about-us__noi-that__des__col-iso {
  margin-left: 100px;
}
.about-us__our-value {
  background-color: #f4f0e9;
  padding: 80px 135px;
  display: flex;
  justify-content: center;
  margin-bottom: 168px;
}
.about-us__our-value__item {
  padding: 43px 39px 33px;
  margin-right: 30px;
  width: 370px;
  height: 275px;
  border-radius: 24px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  text-align: center;
}
.about-us__our-value__item > img {
  margin-bottom: 16px;
}
.about-us__our-value__item__title {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  text-align: center;
  color: #141414;
  margin-bottom: 11px;
}
.about-us__noi-that {
  margin-bottom: 52px;
}
.about-us__our-value__item__des {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  color: #4d4d4d;
}
.main_wrap_gioithieu {
  margin-top: -15px;
}
.about-us__nha-may-go {
  display: flex;
  margin-bottom: 168px;
}
.about-us__nha-may-go__img {
  width: 50%;
}
.about-us__nha-may-go__img img {
  width: 100%;
}
.about-us__nha-may-go__des {
  width: 50%;
  padding-left: 68px;
}
.about-us__nha-may-go__des__title {
  margin-top: 48px;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.13;
  color: #141414;
  margin-bottom: 24px;
}
.about-us__nha-may-go__des__value p {
  font-size: 20px;
  line-height: 1.4;
  text-align: justify;
  color: #595959;
  margin-bottom: 15px;
}
.about-us__why-us__title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  margin-bottom: 24px;
}
.about-us__why-us__des {
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: #595959;
  width: 730px;
  margin: auto;
  margin-bottom: 80px;
}
.slider-album {
  position: relative;
}
.slider-album .slider-album__img {
  height: 560px;
  width: 100%;
  object-fit: cover;
}
.slider-album-background-grey {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
  position: absolute;
  display: none;
}
.slider-album__title {
  position: absolute;
  bottom: 0;
  padding: 24px 32px;
  display: none;
}
.slider-album__title__title {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
  color: #ffffff;
  margin-bottom: 32px;
}
.slider-album__title__more {
  display: flex;
}
.slider-album__title__more__txt {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin-right: 24px;
}
.slider-album__title__more__line {
  width: 80px;
  height: 2px;
  background-color: #ffffff;
  margin-top: 7px;
}
.slider-album__item:hover .slider-album-background-grey, .slider-album__item:hover .slider-album__title {
  display: block;
}
.album-header h1 {
  font-size: 24px;
  font-weight: bold;
  color: #141414;
  padding-bottom: 16px;
  border-bottom: 1px solid #d9d9d9;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.khung_thongtin__qty {
  width: 100%;
}
.khung_thongtin__qty__title {
  color: #141414;
  float: left;
  font-size: 14px;
  margin-top: 7px;
}
.khung_thongtin__qty__input {
  float: right;
  width: 136px;
}
.khung_thongtin__qty__input .input-group-btn > .bootstrap-touchspin-down, .khung_thongtin__qty__input .input-group-btn > .bootstrap-touchspin-up {
  padding: 16px 12px 20px;
  font-size: 32px;
  line-height: 0;
  width: 45px;
}
.khung_thongtin__qty__input .input-group-btn > .bootstrap-touchspin-down {
  border-right: none;
}
.khung_thongtin__qty__input .input-group-btn > .bootstrap-touchspin-up {
  padding: 18px 12px 18px;
  border-left: none;
}
.cont_foot{color:#fff;line-height:20px; margin-bottom: 15px;}
.col-foot{margin-bottom:30px; color: #fff;}
.col-foot-right{text-align: right;}
.line_lienhe{background-size:100% 100%; background: url(images/line_lienhe.jpg) no-repeat 0px 0px; height: 5px;}
.btn-contact{background: #ffca08; width: 100%; color: #fff;}
.arr_tag a{display:inline-block;padding:5px 10px;color:#fff;background:#2b8db6;margin-bottom:3px;margin-right:1px;}
.arr_tag a:hover{background:#1593c8;}
.col-mid .col-about{float:left;width:calc(60% - 15px);text-align:left;padding-left:40px;margin-bottom:20px;}
.col-mid .col-tag{float:right;width:calc(40% - 15px);text-align:left;margin-bottom:20px;}
.wrap_social img{margin-left:3px;}
.col-social{padding-left:100px;}
.col-social .txt{text-transform:uppercase;text-align:center;color:#fff400;margin-bottom:15px;font-family:'font3';font-size:15px;}
.wrap_linklk{text-align:center;}
.wrap_linklk img{width:46px;}
.wrap_linklk img:hover{opacity:0.8;}
.name_doitac{margin-bottom:10px;color:#189eff;font-size:17px;font-weight:bold;text-transform:uppercase;background:url(images/line_doitac.png) no-repeat right center;}
.name_doitac span{display:inline-block;padding-right:15px;background:#f4f4f4;}
#wrap_hinhanh{margin-top:30px;}
#wrap_doitac{padding:20px 0px;}
#wrap_doitac .wrap{padding:0px 20px;}
img.img_dt{border:1px solid #dbdbdb;}
img.img_dt:hover{opacity:0.8;border:1px solid #999;}
#wrap_map{padding:5px;border:1px solid #dedede;}
#map_home{width:100%;height:380px;}
#map_canvas{width:100%;}
#map_canvas iframe{width: 100%; height: 400px;}
.wrap_map{padding:5px;border:1px dashed #fff;}
.w-fb{position:fixed;top:200px;right:-300px;z-index:9999;transition:all 0.5s;}
.fb-tit{cursor:pointer;float:left;}
.fb-info{background:#FFF;width:300px;min-height:1px;float:right;height:230px}
.w-fb:hover{right:0;}
.wrap_menu_mb{position:absolute;left:15px;top:5px;z-index:9;overflow: hidden; width: 30px; height: 30px;}
.wrap_menu_mb span{position:absolute;left:42px;top:5px;color:#fff;font-weight:bold;font-size:15px;}
#btn_nav_mobi{position:relative;display:block;z-index:99; color: #b12026; font-size: 24px; overflow: hidden;}
nav#menu_mb h2, nav#menu_mb h3{font-size:14px;font-weight:normal;}
#btn_search_mobi{background: url(images/kinh4.png); width: 21px; height: 21px; position: absolute; right: 130px; top: 13px; background-size: 100% 100%; cursor: pointer; z-index: 999;}
#btn_search_mobi .wrap{position: relative;}
.wrap_search_mb{display:none;margin-top:10px;margin-bottom:5px;float:left;background:#ddd;padding:4px 5px;position:relative;}
.wrap_search_mb input.tu_khoa{border:none;float:left;height:18px;padding:0px 5px;font-size:11px;}
.wrap_search_mb input::-webkit-input-placeholder{font-size:11px;}
.wrap_search_mb input:-moz-placeholder{font-size:11px;}
.wrap_search_mb input:-ms-input-placeholder{font-size:11px;}
.wrap_search_mb .btn_img{float:right;}
#main_wrap{position:relative;padding:15px 0px; min-height: 500px;}
.wow{visibility:hidden;}
.wikis{position:relative;background:rgba(60, 60, 60, 0.8);border-radius:10px;overflow:auto;color:#FFF;transition:all 0.5s;padding:15px;}
.nopad{padding:0px;}
.pad10{padding:0px 10px;}
#wrap_content{position:relative;text-align:justify;line-height:1.7em;}
#menu_home{}
.menu_left_home ul{list-style:none;}
.menu_left_home ul li{width:247px;height:112px;background:url(images/bg_dm_2.png) no-repeat;margin-top:-18px;text-align:center;}
.menu_left_home ul li:first-child{background:url(images/bg_dm_1.png) no-repeat;margin:0px;}
.menu_left_home ul li a{color:#fff;display:block;font-size:20px;padding-top:74px;text-transform:uppercase;}
.menu_left_home ul li h2{font-size:24px;}
.menu_left_home ul li a:hover{color:#b12026;text-decoration:none;transition:all 0.4s;}
#ifr_video{}
#sel_vd{max-width:240px; position: absolute; right: 15px; bottom: 45px; z-index: 99}
.title_block{color:#fff;font-family:'font1';text-transform:uppercase;margin-bottom:20px;text-align:center;font-size:22px;font-weight:bold;}
.left_foot{margin-bottom:20px;}
.right_foot{text-align:right;}
.row_lh{margin-bottom:15px;}
.row_lh input, .row_lh textarea{background:rgba(255, 255, 255, 0.3);border:1px solid #fff;color:#fff;width:100%;padding:8px 10px;max-width:450px;}
.row_lh input[type="submit"]{max-width:70px;margin-bottom:20px;background:#b12026;padding:10px 12px;}
.row_lh input[type="submit"]:hover{background:#f5f000;}
.row_lh input::-webkit-input-placeholder{color:#fff;}
.row_lh input:-moz-placeholder{color:#fff;}
.row_lh input:-ms-input-placeholder{color:#fff;}
#wrap_about{padding:20px 0px;}
.left_about{text-align:center;margin-bottom:20px;}
.wrap_dmnb{padding:30px 0px;}
.name_dm{position:absolute;left:0px;top:-115px;z-index:9;display:inline-block;padding:15px 20px;background:rgba(255, 255, 255, 0.2);border:1px solid #474646;}
.name_dm a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:18px;font-family:'font1';}
.name_dm a:hover{color:#fcf301;}
#info_web{background:#0b39a7;padding:30px 0px 15px 0px;color:#fff;}
.row_tk span{color:#f5f000;}
.row_tk{float:left;padding-left:20px;line-height:19px;color:#fff;}
.line_tk{background:url(images/line_dm.png);width:100%;height:3px;margin-bottom:10px;}
.col-foot .txt{margin-bottom:15px;text-align:left;font-size:15px;color:#fff;text-transform:uppercase;font-family:'font3'}
.col-foot .txt2{font-size: 12px; font-family: 'font1'; line-height: 18px; text-align: justify; margin-bottom: 15px;}
.col-foot .line_foot{width:50px;height:3px;background:#189eff;margin-bottom:15px;}
.thongke{text-align: right; margin-top: 20px;}
.thongke span{margin: 0px 7px;}
.thongke .ro{margin-bottom:10px;text-align:left;color:#fff;font-size:13px;}
.thongke .ro{padding-left:20px;}
.thongke .onl{background:url(images/onl.png) no-repeat 0px 0px;}
.thongke .tuan{background:url(images/tuan.png) no-repeat 0px 0px;}
.thongke .thang{background:url(images/thang.png) no-repeat 0px 1px;}
.thongke .tongtc{background:url(images/tong.png) no-repeat 0px 2px;}
.wrap_linklk .row_foot{padding:0px;}
.row_foot{padding:0px 25px;font-size:14px;font-family:'font2';margin-bottom:8px;}
.row_foot .txt_l{float:left;}
.row_foot .txt_r{float:right;color:red;font-weight:bold;}
.row_foot:last-child{border:none;}
.wrap_video{padding:15px 15px;}
.ul_foot{text-align:left;}
.ul_foot a{color:#999;font-size:12px;}
.ul_foot a:hover{text-decoration:underline;}
#news_home{padding: 30px 0px 30px 0px;}
#folow_home{padding: 30px 0px;}
#kh_home{padding: 40px 0px;}
#why{padding:30px 0px;}
.why_item{text-align:center;margin-bottom:30px; max-width: 265px; margin:auto; padding: 0px 10px;}
.why_item .img{margin-bottom:15px;}
.why_item .img img{margin: auto;}
.why_item .img img:hover{opacity:0.8;}
.why_item .name{margin-top:16px;margin-bottom:10px;}
.why_item .name a{color:#000;font-family:'font3';font-size:16px;text-transform:uppercase;}
.why_item .name a:hover{color:#26bdf7;}
.why_item .des{color:#000;line-height:20px; font-size: 13px; font-family: 'arial'}
.wrap_spnb{width:100%;margin:auto;padding:10px 7px 0px 7px;}
.wrap_spnb ul{list-style:none;}
.spnb{margin-bottom:30px;}
.spnb .img{border:1px solid #ebebeb;margin-bottom:15px;}
.spnb .img img{margin:auto;}
.spnb .name{text-align:center;}
.spnb .name a{font-family:'font2';font-size:15px;color:#434343;}
.spnb .name h3{font-size:15px;}
.spnb .name a:hover{color:red;}
#wrap_submit{background-size:100% 100% !important;padding-top:65px;padding-bottom:120px;}
#wrap_submit .name{text-align:center;color:#fff;font-weight:bold;font-family:'font1';text-transform:uppercase;font-size:28px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)";text-shadow:2px 2px 3px rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);margin-bottom:5px;}
#wrap_submit .line{width:140px;height:2px;background:#fff;margin:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#1C1C1C)";-moz-box-shadow:2px 2px 4px 1px rgba(28,28,28,0.2);-webkit-box-shadow:2px 2px 4px 1px rgba(28,28,28,0.2);box-shadow:2px 2px 4px 1px rgba(28,28,28,0.2);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#1C1C1C);}
.wrap_form{max-width:450px;margin:auto;margin-top:30px;}
#dknt{padding:45px 0px;background:url(images/bg_dknt.png) no-repeat top center;background-size:100% 100%;}
#news-wrapper{padding:30px 0px 0px 0px;}
#news-wrapper .title{position:relative;margin-bottom:5px;}
#news-wrapper .title h3{color:#189eff;text-transform:uppercase;margin:0;font-size:22px;display:inline-block;position:relative;z-index:2;font-family:'font1';}
#news-wrapper .content.news h4{margin:0;margin-top:10px;margin-bottom:5px;font-size:14px;line-height:20px;}
#news-wrapper .content.news h4 a{font-weight:bold;color:#000;text-decoration:none;transition:all 0.5s ease;}
#news-wrapper .content.news h4:hover a{color:#b12026;}
#news-wrapper .content.news .desc{font-size:12px;}
#news-wrapper .content.news .view-more{margin-top:10px;}
#news-wrapper .content.news .view-more a{text-decoration:none;color:#333;display:inline-block;padding:5px 10px;border:1px solid #333;}
#news-wrapper .content.news .view-more:hover a{background:#333;color:#fff;}
#news-wrapper .content.news .list-news-small{}
#news-wrapper .content.news img:hover{opacity:0.8;}
#news-wrapper .big-news{margin-bottom:10px;}
#news-wrapper .big-news img{width:100%;height:auto;}
#news-wrapper .content.news .list-news-small .small-item{margin-bottom:10px}
#news-wrapper .content.news .list-news-small img{margin-right:14px;float:left;max-width:35%;}
#news-wrapper .content.news .date{margin-top:10px;color:#999;font-size:12px;}
.text_other{font-size:14px;color:#555;position:relative;display:inline-block;margin-bottom:20px;position:relative;}
.text_other:after{content:'';width:30px;height:2px;background:#189eff;position:absolute;right:-45px;bottom:6px;}
.item_dvnb .name a{color:#fff;font-weight:bold;}
.item_dvnb .des{color:#fff;max-height:51px;overflow:hidden;}
.img_hoatdong{float:left;margin-right:11px;margin-bottom:11px;}
.img_hoatdong:nth-child(2n+1){margin-right:0px;}
.img_hoatdong img:hover{opacity:0.8;}
.frame_goidienthoai{position:fixed;bottom:15px;right:15px;z-index:999;}
.coccoc-alo-phone{position:inherit;visibility:hidden;background-color:transparent;width:150px;height:135px;cursor:pointer;z-index:200000 !important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;}
.coccoc-alo-phone.coccoc-alo-show{visibility:visible;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeOutRight{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
.coccoc-alo-phone.coccoc-alo-static{opacity:.6;}
.coccoc-alo-phone.coccoc-alo-hover,
.coccoc-alo-phone:hover{opacity:1;}
.coccoc-alo-ph-circle{width:120px;height:120px;top:30px;left:30px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30, 30, 30, 0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;border-color:#000000 9;opacity:.5;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#00aff2;border-color:#000000 9;opacity:.5;}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{border-color:#ccc;opacity:.5;}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5;}
.coccoc-alo-ph-circle-fill{width:80px;height:80px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important;}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{background-color:rgba(0, 175, 242, 0.5);background-color:#00aff2 9;opacity:.75 !important;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117, 235, 80, 0.5);background-color:#baf5a7 9;opacity:.75 !important;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:rgba(0, 175, 242, 0.5);background-color:#a6e3fa 9;opacity:.75 !important;}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{background-color:rgba(204, 204, 204, 0.5);background-color:#ccc;opacity:.75 !important;}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117, 235, 80, 0.5);opacity:.75 !important;}
.coccoc-alo-ph-img-circle{width:40px;height:40px;top:70px;left:70px;position:absolute;background:rgba(30, 30, 30, 0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;background-size:80% 80%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2;background-color:#00aff2;}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc;}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50;}
@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1;}
30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5;}
100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1;}
}
@-webkit-keyframes coccoc-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;}
}
@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1;}
30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5;}
100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1;}
}
@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2;}
100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@-webkit-keyframes coccoc-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;}
}
@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2;}
100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);}
10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-moz-transform:rotate(25deg) scale(1) skew(1deg);}
30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-moz-transform:rotate(25deg) scale(1) skew(1deg);}
50%{-moz-transform:rotate(0) scale(1) skew(1deg);}
100%{-moz-transform:rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes coccoc-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);}
}
@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg);}
10%{-o-transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-o-transform:rotate(25deg) scale(1) skew(1deg);}
30%{-o-transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-o-transform:rotate(25deg) scale(1) skew(1deg);}
50%{-o-transform:rotate(0) scale(1) skew(1deg);}
100%{-o-transform:rotate(0) scale(1) skew(1deg);}
}
@-moz-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 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;}
}
@-o-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;}
}
@-moz-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 fadeOutRight{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@-o-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);}
}
@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1;}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;}
}
@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1;}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;}
}
@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1;}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;}
}
@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1;}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;}
}
@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2;}
}
@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);}
10%{transform:rotate(-25deg) scale(1) skew(1deg);}
20%{transform:rotate(25deg) scale(1) skew(1deg);}
30%{transform:rotate(-25deg) scale(1) skew(1deg);}
40%{transform:rotate(25deg) scale(1) skew(1deg);}
50%{transform:rotate(0) scale(1) skew(1deg);}
100%{transform:rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);}
10%{transform:rotate(-25deg) scale(1) skew(1deg);}
20%{transform:rotate(25deg) scale(1) skew(1deg);}
30%{transform:rotate(-25deg) scale(1) skew(1deg);}
40%{transform:rotate(25deg) scale(1) skew(1deg);}
50%{transform:rotate(0) scale(1) skew(1deg);}
100%{transform:rotate(0) scale(1) skew(1deg);}
}
@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);}
10%{transform:rotate(-25deg) scale(1) skew(1deg);}
20%{transform:rotate(25deg) scale(1) skew(1deg);}
30%{transform:rotate(-25deg) scale(1) skew(1deg);}
40%{transform:rotate(25deg) scale(1) skew(1deg);}
50%{transform:rotate(0) scale(1) skew(1deg);}
100%{transform:rotate(0) scale(1) skew(1deg);}
}
@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);}
10%{transform:rotate(-25deg) scale(1) skew(1deg);}
20%{transform:rotate(25deg) scale(1) skew(1deg);}
30%{transform:rotate(-25deg) scale(1) skew(1deg);}
40%{transform:rotate(25deg) scale(1) skew(1deg);}
50%{transform:rotate(0) scale(1) skew(1deg);}
100%{transform:rotate(0) scale(1) skew(1deg);}
}
#coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838;}
#coccoc-alo-wrapper.night-mode{color:#fff;}
.coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC");}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important;}
.coccoc-alo-popup{display:inline-block;position:relative;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;transition:.6s ease-out;margin:0 auto;z-index:200001;text-align:center;padding:60px 75px;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=");}
#coccoc-alo-wrapper .coccoc-alo-overlay{position:fixed;width:100%;height:100%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000;}
.coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap;}
.night-mode .coccoc-alo-popup h3{font-size:23px;}
.night-mode .coccoc-alo-message{padding-bottom:0;}
.coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px;}
.coccoc-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat, "Lucida Console", Monaco, monospace, sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px;}
coccoc-alo-number::-ms-clear{display:none;width:0;height:0;}
.night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0;}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2;}
.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur");}
#coccoc-countdown{padding-top:20px;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-size:28px;font-weight:300;}
.coccoc-alo-request-time{font-family:"Open Sans", Arial, Helvetica, sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px;}
#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px;}
.coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;}
.coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center;}
.valid-invalid-message{font-size:13px;color:#ff496b;}
.valid-invalid-message:before{content:"* ";}
.wrap_jcau_sp ul, .wrap_jcau_sp ul li{list-style:none;}
.paging_sptb{text-align:center;}
.paging_sptb a{display:inline-block;padding:2px 10px;border:1px solid #b12026;color:#b12026;cursor:pointer;margin:3px;}
.paging_sptb a:hover{background:#b12026;color:#fff;}
.paging_sptb .jp-current{background:#b12026;color:#fff;}
.jp-disabled{border:none !important;color:#ccc !important;}
#wrap-phone{position:fixed;bottom:0px;z-index:999;height:50px;width:100%;background:#005aac;}
#wrap-phone a{color:#fff;text-decoration:none;}
#wrap-phone img{width:30%;max-width:35px;vertical-align:middle;}
.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blinker{0%{opacity:1.0;}
50%{opacity:0.0;}
100%{opacity:1.0;}
}
@-webkit-keyframes blinker{0%{opacity:1.0;}
50%{opacity:0.0;}
100%{opacity:1.0;}
}
@keyframes blinker{0%{opacity:1.0;}
50%{opacity:0.0;}
100%{opacity:1.0;}
}
@media(max-width:768px){#top_head{position:relative !Important}
#wrap_bot_head{padding-top:20px !important}
}
.call{background:red;width:225px;height:35px;border-radius:7px;font-weight:bold;line-height:35px;font-size:16px;padding:0 10px;bottom:6px;left:10px;display:inline-block;position:fixed;z-index:99999;}
.call .iconcall .btnCall{background-image:url(images/iconMobile.png);background-repeat:no-repeat;display:block;position:absolute;height:28px;width:28px;left:0px;top:3px;}
.call .iconcall{display:block;padding-left:33px;position:relative;}
.call a{text-decoration:none;color:#fff;}
#toolbox{position:fixed;right:10px;bottom:5px;display:block;z-index:999;}
#toolbox ul{width:34px;list-style:none;margin:0;padding:0;}
#toolbox ul li{width:34px;height:34px;margin-top:10px;cursor:pointer;position:relative;}
#toolbox ul li.toTop a{background:#FEDC00;}
#toolbox ul li a{position:absolute;display:block;background:#F89C1D;border:2px solid #fff;border-radius:20px;width:35px;height:35px;color:#fff;font-size:14px;text-align:center;z-index:99999;box-shadow:2px 2px 0 #f5f5f5;}
#toolbox ul li a:hover{background:#FEDC00;}
#toolbox ul li i{margin-top:9px;}
#back-to-top{display:none; color: #b42224; position: fixed; right: 10px; bottom: 60px; cursor: pointer; z-index: 99;font-size: 40px;}
.breadcrumb{margin:0 0 5px 0;padding:5px 10px;font-size:12px;color:#333;background:#fcfcfc;border:#EEE 1px solid;margin-bottom:10px;letter-spacing:0.1px;}
.breadcrumb a{color:#333;}
.breadcrumb a:hover{color:blue;}
#content_baogia .modal-dialog{max-width:400px;}
.yeucaubg{background:#ce423b;background:#d21111;color:#FFF;display:block;width:180px;margin:5px 0 5px 0;font-size:17px;}
#content_baogia .modal-header{background:#d81319;color:#fff;text-align:center;}
#content_baogia .modal-header h4{font-size:12px;}
#content_baogia .info_pro_modal{text-align:center;}
#content_baogia .info_pro_modal img{margin:auto;}
#content_baogia .info_pro_modal p{font-size:15px;font-weight:bold;margin:15px 0px;}
.sluong .slb{display:inline-block;font-size:14px;}
.wpcf7-form-control-wrap{position:relative;}
.sluong input{width:30% !important;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;margin:0px 5px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#ketqua_guibaogia{color:red;font-weight:bold;font-size:11px;text-align:left;}
#support_mobile{width:100%;text-align:center;margin:auto;background:#ccc;position:fixed;z-index:12345;left:0;bottom:0;border-top:1px solid #fff;}
#support_mobile a{color:#b12026;text-decoration:none; font-family: 'font3'}
#support_mobile img{width:30%;max-width:35px;vertical-align:middle;}
.soc_share{margin-top:20px;}
.basel-products-loader{position:absolute;left:0px;top:100px;height:100%;width:100%;display:none;}
.basel-products-loader.loading{display:block;}
.basel-products-loader2{position:absolute;left:0px;top:100px;height:100%;width:100%;display:none;}
.basel-products-loader2.loading{display:block;}
#circularG{position:relative;width:33px;height:33px;margin:auto;}
.circularG{position:absolute;background-color:rgb(0,0,0);width:8px;height:8px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;animation-name:bounce_circularG;-o-animation-name:bounce_circularG;-ms-animation-name:bounce_circularG;-webkit-animation-name:bounce_circularG;-moz-animation-name:bounce_circularG;animation-duration:0.628s;-o-animation-duration:0.628s;-ms-animation-duration:0.628s;-webkit-animation-duration:0.628s;-moz-animation-duration:0.628s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;}
#circularG_1{left:0;top:13px;animation-delay:0.238s;-o-animation-delay:0.238s;-ms-animation-delay:0.238s;-webkit-animation-delay:0.238s;-moz-animation-delay:0.238s;}
#circularG_2{left:3px;top:3px;animation-delay:0.314s;-o-animation-delay:0.314s;-ms-animation-delay:0.314s;-webkit-animation-delay:0.314s;-moz-animation-delay:0.314s;}
#circularG_3{top:0;left:13px;animation-delay:0.39s;-o-animation-delay:0.39s;-ms-animation-delay:0.39s;-webkit-animation-delay:0.39s;-moz-animation-delay:0.39s;}
#circularG_4{right:3px;top:3px;animation-delay:0.466s;-o-animation-delay:0.466s;-ms-animation-delay:0.466s;-webkit-animation-delay:0.466s;-moz-animation-delay:0.466s;}
#circularG_5{right:0;top:13px;animation-delay:0.542s;-o-animation-delay:0.542s;-ms-animation-delay:0.542s;-webkit-animation-delay:0.542s;-moz-animation-delay:0.542s;}
#circularG_6{right:3px;bottom:3px;animation-delay:0.628s;-o-animation-delay:0.628s;-ms-animation-delay:0.628s;-webkit-animation-delay:0.628s;-moz-animation-delay:0.628s;}
#circularG_7{left:13px;bottom:0;animation-delay:0.704s;-o-animation-delay:0.704s;-ms-animation-delay:0.704s;-webkit-animation-delay:0.704s;-moz-animation-delay:0.704s;}
#circularG_8{left:3px;bottom:3px;animation-delay:0.78s;-o-animation-delay:0.78s;-ms-animation-delay:0.78s;-webkit-animation-delay:0.78s;-moz-animation-delay:0.78s;}
@keyframes bounce_circularG{0%{transform:scale(1);}
100%{transform:scale(.3);}
}
@-o-keyframes bounce_circularG{0%{-o-transform:scale(1);}
100%{-o-transform:scale(.3);}
}
@-ms-keyframes bounce_circularG{0%{-ms-transform:scale(1);}
100%{-ms-transform:scale(.3);}
}
@-webkit-keyframes bounce_circularG{0%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(.3);}
}
@-moz-keyframes bounce_circularG{0%{-moz-transform:scale(1);}
100%{-moz-transform:scale(.3);}
}
.tab-content{position:relative;overflow:hidden;padding:1px;}
.tab-content .tab{transform:translate3d(0,30px,0);transition:0.7s ease;-o-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);opacity:0 !important;position:absolute;left:0;top:0;z-index:1;}
.tab-content .tab.active.loading{opacity:0 !important;-o-transform:translate3d(0,30px,0) !important;-moz-transform:translate3d(0,30px,0) !important;-webkit-transform:translate3d(0,30px,0) !important;transform:translate3d(0,30px,0) !important;transition:0.2s ease;}
.tab-content .tab.active{-o-transform:translate3d(0,0px,0);-moz-transform:translate3d(0,0px,0);-webkit-transform:translate3d(0,0px,0);opacity:1 !important;position:relative;z-index:2;}
.wrap_dm_home{margin-top:30px;}
.wrap_dm_home:first-child{margin-top:0px;}
.wrap_name_home{margin-top:10px;}
.big-name{float:left;padding:5px 15px;font-size:17px;font-family:'font2';text-transform:uppercase;background:#31393C;color:#fff;line-height:35px;height:44px;}
.stt_number{background:url(images/icon_stt.png);width:34px;height:35px;text-align:center;line-height:35px;float:left;margin-right:15px;font-size:13px;font-weight:bold;}
.top-ad{background:url(images/bg_dm.png) repeat-x top center;}
.top-ad .list-wrap{list-style:none;padding:0;margin:0;font-size:0;float:left;}
.top-ad .list-wrap li{display:inline-block;font-size:14px;position:relative;transition:0.4s ease all;}
.top-ad .list-wrap li:after{content:"";width:2px;height:12px;position:absolute;background:rgba(204, 204, 204, 0.9);top:15px;right:0;}
.top-ad .list-wrap li:last-child:after{display:none}
.top-ad .list-wrap li a{padding:8px 15px;display:block;font-size:13px;padding-top:10px;color:#000;font-family:'font2';}
.top-ad .list-wrap li:hover,.top-ad .list-wrap li.active{border-top-color:#31393C;}
.top-ad .list-wrap li:hover a,.top-ad .list-wrap li.active a{text-decoration:none;color:#037540;}
.animated{-webkit-animation-duration:1000 ms;animation-duration:1000 ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.owl-animated-out{z-index:1}
.owl-animated-in{z-index:0}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.owl_banner_product img{width:100%;height:auto;}
.right_banner{float:right;}
.left_banner{float:left;}
.banner_km{border:none;}
.banner_km img{width:100%;height:auto;}
.banner_km:hover{border:none;}
.show_pro_home{position:relative;display:grid;}
.sanpham_owl{max-width:100% !important; margin: 0px 7px;}
.topnav ul{list-style: none;}
.topnav ul li{float: left;position: relative;}
.topnav ul li.line_nav{width: 1px;height: 15px; background: #ccc;margin-top:11px;}
.topnav ul li a {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 20px;
    display: block;
}

.topnav ul li a:hover{
	color: #189fff;
}

#countries{
	margin-top: -35px;
}

#countries .row{
	padding: 0px 20px;
	background: #fff;
	position: relative;
	z-index: 99;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
}

#countries .txt{
	text-align: center;
	font-family: 'font3';
	font-size: 17px;
	padding: 20px 0px;
}

#countries .arr_countries ul{
	list-style: none;
}

#countries .arr_countries ul li{
	padding: 20px 0px;
	text-align: center;
}

#countries .arr_countries ul li img{
    width: 32px;
    height: 22px;
    margin-right: 3px;
}

#countries .arr_countries ul li a{
	display: block;
	font-size: 17px;
	font-family: 'font2';
	color: #19326d;
	text-transform: uppercase;
}

#countries .arr_countries ul li:hover{
	background: #ffca08;
}

.nivo-caption{
	font-family: 'font1';
	font-size: 30px;
}

.title_home{
	text-align: center;
	color: #2193c9;
	font-family: 'font1';
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 20px;
}

.galary_img .item{
	position: relative;
}

.galary_img .item .name{
	position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    text-align: center;
    width: 100%;
    padding: 0px 15px;
}

.galary_img a{
	color: #fff;
	font-family: 'font1';
	font-size: 18px;
}
.galary_img a:hover{
	color: #ffca08;
}
#other{position: relative;background: #fff;}
.space{margin-bottom: 190px; padding-top: 30px;}
.why_content{
	background: #fff;
	padding: 30px;
	max-width: 615px;
	margin: auto;
	-webkit-box-shadow: 0 7px 25px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 7px 25px 2px rgba(0,0,0,.15);
	box-shadow: 0 7px 25px 2px rgba(0,0,0,.15);
}
.why_content .title{font-family: 'font1'; font-size: 24px;text-align: center;color: #4b4b4b;}
.text-primary{color: #ffca08; text-align: center;}
.list_why{position: relative; margin-bottom: 30px; background: #f3f3f3; border: 1px solid #cacaca; padding: 20px;}
.item_camnhan{
	max-width: 290px; 
	margin: auto;
}
.item_camnhan .wrap{background: #fff; padding: 20px; margin: 0px 10px;
-webkit-border-radius: 15px;/*Safari, Chrome*/
-moz-border-radius: 15px;/*Firefox*/
border-radius: 15px;
border: 1px solid #e0e0e0;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#B8B8B8)";/*IE 8*/
-moz-box-shadow: 0 2px 3px 1px rgba(184,184,184,0.4);/*FF 3.5+*/
-webkit-box-shadow: 0 2px 3px 1px rgba(184,184,184,0.4);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 2px 3px 1px rgba(184,184,184,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#B8B8B8); /*IE 5.5-7*/
}
.item_camnhan .img{float: left; margin-right: 25px;}
.item_camnhan .img img{
	-webkit-border-radius: 50%;/*Safari, Chrome*/
	-moz-border-radius: 50%;/*Firefox*/
	border-radius: 50%;
}
.item_camnhan .note1{background: url(images/note_1.png) no-repeat left top; height: 29px;}
.item_camnhan .note2{background: url(images/note_2.png) no-repeat right top; height: 29px;}
.item_camnhan .text_content{text-align: justify; color: #666; font-family: 'arial'; font-size: 13px; line-height: 20px; font-style: italic;}
.item_camnhan .info{text-align: left; padding-top: 25px;}
.item_camnhan .info h3{color: #426ffe; font-size: 15px; font-family: 'arial';}
.item_camnhan .txt{color: #3e3e3e; font-size: 14px; margin-top: 5px;}
#city_stopoff{padding: 60px 0px;}
#city_stopoff .title{font-family: 'font1'; font-size: 24px; margin-bottom: 50px; text-align: center;}
.stopoff_countries img{height: 22px; margin-right: 5px;}
.stopoff_countries{font-family: 'font3'; font-size: 22px; margin-bottom: 10px; text-transform: uppercase; line-height: 22px;}
ul.list_city{list-style: none; margin-bottom: 30px;}
ul.list_city li{display: inline-block; margin-top: 10px; margin-right: 8px;}
ul.list_city li a{display: block; padding: 10px; color: #0094da; background:rgba(212,219,224,.5);font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
ul.list_city li a:hover{background: #ffca08;}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #459c55;
    padding: 30px;
    display: none;
}
.alert-success p{margin-bottom: 10px;}
.alert-success p.hotline_number{font-size: 16px; font-weight: bold;}
#search_container{background: #fff;}
#search_head{
	background: #f5f8fa;
	padding: 30px 0px;
}
#search_head .main{
	background: #fff;
	padding: 0px;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);   
}
.list_countries img{margin-right: 5px;}
.list_countries a{
	display: block;
	text-align: center;
	padding: 20px 8px;
	color: #1e3770;
	font-family: 'font2';
	line-height: 26px;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #d4dbe0;
}
.list_countries a:hover{background: #ffca08;}
.list_countries a.active{background: #ffca08;}
.list_countries div{padding: 0px;}
ul.list_coun{list-style: none;}
ul.list_coun li{padding: 0px;}
.box_search{padding: 30px;}
.box_search label{font-family: 'font2'; color: #777; font-size: 16px; margin-bottom: 10px;}
#main_search{background: #fff; }
.left_search{padding:25px 15px;}
.right_search{border-left: 1px solid #d4dbe0;margin:20px 0px;position: relative;}
.total_results{margin-top: 5px; font-size: 14px;}
.title_search{font-size: 16px; margin-bottom: 10px; text-transform: uppercase; font-family: 'font2'; color: #777;}
.left_search label:not(.wrap_check){font-size: 12px; text-transform: uppercase; margin-bottom: 5px; color: #999; font-weight: normal;}
.left_search .form-group{margin-bottom: 20px;}
.left_search .col-price1{padding-left: 0px;}
.left_search .col-price2{padding-right: 0px;}
.left_search .mar10{margin-bottom: 10px;}

/* Customize the label (the container) */
.wrap_check {
  display: block;
  position: relative;
  padding-left: 25px;
  line-height: 20px;
  color: #999;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 8px;
}

/* Hide the browser's default checkbox */
.wrap_check input {
  position: absolute;
  opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
	-webkit-border-radius: 5px;/*Safari, Chrome*/
	-moz-border-radius: 5px;/*Firefox*/
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.wrap_check:hover input ~ .checkmark {
  background-color: #ffca08;
}

/* When the checkbox is checked, add a blue background */
.wrap_check input:checked ~ .checkmark {
  background-color: #ffca08;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.wrap_check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.wrap_check .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wrap_ex{margin-bottom: 25px;}
.name_catelo{margin-bottom: 30px;}
.name_catelo h3{font-family: 'font3'; font-size: 25px;}
.name_catelo a{color: #000;}
.name_catelo a:hover{text-decoration: underline;}
.catelo_detail{text-align: center; margin-top: 30px; margin-bottom: 10px;}
.catelo_detail h2{font-family: 'font3'; font-size: 28px;}
.view_catelo_other{text-align: center; margin-bottom: 30px;}
.view_catelo_other a{color: #9da9b0; font-size: 15px; font-family: 'font3'}
.col-tour{margin-bottom: 25px;}
.tour-view .img img:hover{opacity: 0.8;}
.tour-view .name h3{font-size: 18px;margin-top: 10px; margin-bottom: 5px;}
.tour-view .name a{color: #1e3948; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tour-view .name a:hover{text-decoration: underline;}
.tour-view .info .len_day{float: left; margin-top: 5px; font-size: 14px;}
.tour-view .info .price{float: right;}
.tour-view .info .price .txt{color: #9da9b0; font-size: 12px;}
.tour-view .info .price .rate{color: #ce4216; font-size: 18px; font-weight: 700;}
.tour-view .list_stopoff{margin-top: 10px;}
.tour-view .list_stopoff a{color: #1e3948;}
.tour-view .list_stopoff i{margin: 3px 3px 0px 3px; color: #9da9b0;}
.tour-view .list_stopoff span{margin-left: 2px;}
.tour-view .list_stopoff a:first-child{font-weight: bold;}
.tour-view .list_stopoff span a{color: #9da9b0; font-weight: normal !important;}
.tour-view .list_stopoff a:hover{text-decoration: underline;}
.nav_tour{padding: 30px 0px;background: #f5f8fa;}
.nav_tour .row_nav{position: relative;}
.nav_tour .row_nav.fix{position: fixed;z-index: 99;top: 0px; background: rgba(245,248,250,.95);padding: 20px 15px;}
.nav_tour ul{list-style: none;}
.nav_tour ul li{padding-right: 30px;float: left;}
.nav_tour ul li a{display: block; padding: 10px 15px; color: #0094da; font-size: 14px;
-webkit-border-radius: 4px;/*Safari, Chrome*/
-moz-border-radius: 4px;/*Firefox*/
border-radius: 4px;}
.nav_tour ul li a:hover{background: #ffca08; color: #fff;}
.nav_tour ul li a.active{background: #ffca08; color: #fff;}
.row_head{background: #f5f8fa;}
.row_head .col-info{padding-right: 0px;}
.head_tour{padding: 10px 0px; background: #4BB6DA; color: #fff; font-size: 18px;}
.head_tour .col-info{padding: 0px; line-height: 28px;}
.head_tour .col_left{padding: 0px 30px; border-right: 1px solid #d4dbe0}
.head_tour .col_left i{color: #fff; opacity: 0.35;}
.head_tour .all_ser{padding-right: 30px;}
.head_tour .all_ser i{margin-left: 30px;}
.col-ini-book {position: relative;z-index: 999;}
.col-ini-book .info-book.fix{position: fixed; top: 0px; z-index: 99;width: 385px;padding-left: 15px;margin-left: -15px;background: #fff;padding-bottom: 14px;}
.col-ini-book .txt_from{color: #9da9b0; text-transform: uppercase; font-size: 14px;}
.col-ini-book .txt_price{color: #ce4216; font-size: 30px;}
.info-book{position: relative;}
.btn_book{float: right;margin-top: 5px;color: #000;background-color: #ffca08; border-color: #edbb00; text-transform: uppercase; font-size: 16px;}
.text-book{color: #9da9b0; text-align: right; font-size: 12px;margin-top: 7px;}
.main_tour{background: #fff;}
.col-contact .wrap_contact{max-width: 100%; position: relative;}
.col-contact .wrap_contact.fix{position: fixed;z-index: 999;top: 80px;width: 385px;}
.col-contact .line_bar{height: 5px;}
.col-contact .line_bar span{float: left;}
.col-contact .line_bar .line1{width: 65px; background: #ffca08; height: 5px;}
.col-contact .line_bar .line2{width: calc(100% - 65px); background: #0094da; height: 5px;}
.col-detail-tour{padding-right: 0px;font-size: 14px;}
.col-contact{padding-left: 0px;}
.txt_contact{color: #333;margin-bottom: 15px; font-size: 14px;}
img.img_tour{width: 100%; height: auto;}
.txt_place{background: #4BB6DA; color: #fff; padding: 10px 30px; font-size: 18px;}
.main_tour h1.name_tour{font-family: 'font2'; padding: 30px 0px; font-size: 24px; text-transform: uppercase;}
section.part_tour{padding-bottom: 30px; }
section.part_tour h3{text-transform: uppercase; font-size: 24px; margin-bottom: 20px; font-family: 'font2'}
section.part_tour h3 span{color: #9da9b0; font-size: 14px;}
section#sel_rate .help-block{position: relative; margin: 0px; margin-bottom: 15px; bottom: 0px;}
section#sel_rate .has-error input[type="radio"]:before{border: 1px solid #a94442;}
table.tbl_day{font-size: 14px;border-collapse: collapse;border-spacing: 0; margin-top: 20px;}
table.tbl_day td{padding-bottom: 5px;}
table.tbl_day a{color: #0094da;}
table.tbl_day a:hover{text-decoration: underline;}
.td_name_day{padding-left: 15px;}
.row_detail_day{margin-top: 22px;}
.row_detail_day .numday{color: #9da9b0; font-size: 24px; font-family: 'font3'; float: left;}
.row_detail_day .content_day{float: right; width: calc(100% - 85px);}
.content_day .name_day{color: #1e3948; font-size: 24px; font-family: 'font3'; margin-bottom: 10px;}
.content_day .des_day{margin-bottom: 15px; font-size: 14px;}
.ini_day{color: #9da9b0;font-size: 14px; margin-bottom: 5px;}
.ini_day i.icon-day{color: #ffca08; margin-right: 10px; width: 16px; text-align: center;}
.ini_day i{margin: 0px 3px;}
.back_list_day{text-align: right;font-size: 11px;}
.text-center{text-align: center;}
table.tbl_rates{font-size: 14px;color: #1e3948;}
table.tbl_rates .th{font-family: 'font2'; font-size: 15px;}
table.tbl_rates tbody tr:nth-child(2n){background: #f9f9f9;}
table.tbl_rates tbody tr:hover{background: #f5f5f5;}
table.tbl_rates tbody tr td{position: relative;}
.list_stopoff_sel ul{list-style: none;}
.list_stopoff_sel ul li{position: relative; margin-bottom: 10px; font-size: 13px;}
.list_stopoff_sel ul li i{position: absolute;top: 3px; right: 0px; cursor: pointer; color: #ce4216; font-size: 13px;}
#overlay {
	display: none;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    height: 100%;
    z-index: 99;
}
#overlay img.loading_circle {
    position: absolute;
    top: 50%;
    left: 50%; 
}
#comment_modal{z-index: 99999;}
.item_review{ padding: 15px; background: rgba(245,248,250,.95);-webkit-border-radius: 10px;/*Safari, Chrome*/
-moz-border-radius: 10px;/*Firefox*/
border-radius: 10px; margin-top: 15px;}
.item_review .icon{float: left; text-align: left; font-size: 14px; width: 24px;}
.item_review .info{float: right; text-align: left; width: calc(100% - 24px);}
.name_review{font-weight: bold;}
.name_review span{font-size: 12px; font-weight: normal; color: #999;}
.mess_review{font-size: 12px;}
.item_review .row_1{margin-bottom: 5px;}
#wrap_booking{background: #f5f8fa;padding: 30px 0px;}
#wrap_booking .container{
	background: #fff;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
}
.book_left{padding: 20px; border-right: 1px solid #d4dbe0;}
.book_right{padding: 20px; background: #fff; z-index: 999;}
.book_right.fix{position: fixed;top: 0px;}
.book_left .name_tour{margin-bottom: 25px;}
.book_left .name_tour h1{font-family: 'font2'; font-size: 28px;}
.book_left h3, .book_left section h3{font-family: 'font3'; font-size: 22px; margin-bottom: 15px;}
.sel_number div, .sel_date div{margin-bottom: 15px;}
.sel_number label, .sel_date label{font-family: 'font3'; font-size: 14px; color: #000;}
.sel_date .txt_child{text-align: right; color: #9da9b0; font-style: italic; font-size: 13px;}
.book_left input[type=radio] {
  visibility: hidden;
  position: relative;
  margin: 0px;
  margin-left: 12px;
  width: 17px;
  height: 17px;
  cursor: pointer;
}
.book_left input[type=radio]:before {
  content: "";
  visibility: visible;
  position: absolute;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.book_left input[type=radio]:checked:before {
  background-color: #fff;
  border: 5px solid #ffca08;
}
.book_left input[type=radio]:hover:before{
	background-color: #fff;
  border: 5px solid #ffca08;
}
section#sel_rate{margin-top: 15px;}
a.see_more{color: #9da9b0}
.frm_info_book label{font-family: 'font3'; font-size: 14px; color: #000;}
.form-group{position: relative;}
.frm_info_book .form-group{margin-bottom: 20px;}
.book_right h3{font-family: 'font3'; font-size: 22px; margin-bottom: 15px;}
.book_right h4{font-family: 'font3'; font-size: 20px; margin-bottom: 15px;}
.row_book_right{margin-bottom: 20px;}
.row_book_right h4{font-size: 17px;}
.book_right .total_user{font-size: 14px;}
.book_right .txt_accom{font-size: 14px;}
.book_right .date_departure{font-size: 14px; margin-top: 3px; display: none;}
.show_rate{display: none;}
.table-total-result{margin: 0px;}
.table-total-result td{text-align: center;}
.table-total-result tbody tr{display: none;}
.table-total-result tbody td.qty, .table-total-result tbody td.unit_price, .table-total-result tbody td.total_price{text-align: right;}
.table-total-result tfoot th{font-family: 'font2'; font-size: 20px; text-align: right;}
.table-total-result tfoot th.total_rates{color: #ce4216}
.ele_right{text-align: right;}
#btn_book{background: #edbb00; color: #000; border-color: #edbb00;}
.list-unstyled{font-size: 12px;}
.help-block{margin: 0px; position: absolute; bottom: -17px; font-family: 'font2'}
.mess_book_succ{padding: 30px; background-color: #dff0d8;border-color: #d6e9c6;color: #459c55;font-size: 14px;line-height: 1.6;}
.btn_paynow{
	display: inline-block;
	background: #ffca08;
	border: 1px solid #ffca08;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-border-radius: 4px;/*Safari, Chrome*/
	-moz-border-radius: 4px;/*Firefox*/
	border-radius: 4px;
	margin: 15px 0px;
}
.detail_booking{
	padding: 30px;
	font-size: 14px;
    line-height: 1.6;
    color: #1e3948;
}
.detail_booking .text-info {
    color: #8eb9d6;
}
.detail_booking h2,.detail_booking h3{margin-top: 20px; margin-bottom: 10px;}
.detail_booking .table-responsive{margin-top: 20px;}
.info_payment h3{margin-bottom: 10px;}
#booking_succ{display: none;}
.info_payment{padding: 0px 30px 30px 30px;
	font-size: 14px;
    line-height: 1.6;
    color: #1e3948;}
#wrap_payment{background: #f5f8fa;padding: 30px 0px;}
#wrap_payment .container{
	background: #fff;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);

}

#wrap_terms{background: #f5f8fa;padding: 30px 0px;}
#wrap_terms .container{
	background: #fff;
	padding: 20px 30px;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
}

.txt_dieukhoan{height: 120px; padding: 15px; background-color: #d9edf7; line-height: 1.6;overflow: auto; margin: 20px 0px;}
#btn_sub_payment{
	background: #edbb00; color: #000; border-color: #edbb00;text-transform: uppercase;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.check_payment [type="checkbox"]:not(:checked) + label:before,
.check_payment [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 20px; height: 20px;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.check_payment [type="checkbox"]:not(:checked) + label:after,
.check_payment [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .1em; left: 2px;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
.check_payment [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.check_payment [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.check_payment [type="checkbox"]:disabled:not(:checked) + label:before,
.check_payment [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.check_payment [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.check_payment [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.check_payment [type="checkbox"]:checked:focus + label:before,
.check_payment [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
.check_payment label:hover:before {
  border: 2px solid #4778d9!important;
}
.phongcach{background:#EFEFEF; }
.list_phongcach .title{
	margin: 10px 0;
    font-size: 18px;
    line-height: 26px;
}

.list_phongcach .title span {
    color: #2257d6;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'font3';
    border-bottom: 2px solid #2257d6;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.list_phongcach ul{list-style: none;}
.list_phongcach ul li a{
	border-bottom: 1px solid #fff;
    margin-bottom: 0;
    padding: 5px 15px;
    border-top: 1px solid #C5C5C5;
    line-height: 35px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 50px;
    font-family: 'font1';
    color: #333;
}
.list_phongcach ul li:first-child a{border-top:none;}
.list_phongcach ul li a:hover{color: #2257d6;}
.title_home{
	margin: 10px 0;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}
.title_home span {
    color: #2257d6;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'font3';
    border-bottom: 2px solid #2257d6;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.title_home i{color: #2257d6; font-size: 20px;}
.title_home i{margin-right: 10px;}
.title_home:after {
    content: '';
    height: 3px;
    background-color: #ccc;
    display: block;
    position: relative;
    top: -3px;
    z-index: 0;
}
.item_ttnb{
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	display: inline-block;
}
.item_ttnb .name{
	margin: 0 10px 10px 0;

    line-height: 26px;
}
.item_ttnb .name a{
	color: #333;
	font-size: 18px;
	font-family: 'font3';
}
.item_ttnb .name a:hover{color: #2257d6}
.item_ttnb img:hover{opacity: 0.9;}
.item_ttnb .des{
	font-size: 15px;
    line-height: 22px;
    font-family: 'Open sans', arial;
    text-align: justify;
}
.timeline {
    font-size: 13px;
    position: relative;
    max-height: 530px;
    overflow-y: auto;
}
table.table tr td {
    margin-bottom: 0;
    border: 0;
    padding: 5px;
}
.timeline table>tbody>tr>td {
    padding: 7px 5px;
}

.timeline .glyphicon {
    color: #888;
    position: relative;
    z-index: 1;
    font-weight: 800;
    background: #fff;
    margin-top: 2px;
}

.timeline table tr td a {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    font-family: 'arial';
}

.timeline tr td:nth-child(2) {
    position: relative;
}
.timeline tr td:nth-child(2):after {
    width: 2px;
    height: 100%;
    content: '';
    position: absolute;
    background: #999;
    left: 10px;
    z-index: 0;
    top: 0;
}
.timeline table tr:hover, .timeline table tr:hover .glyphicon, .timeline table tr:hover a {
    color: #2257d6 !important;
}

#send_mail{
	padding: 20px 0px;
	background: #2257d6;
	margin-top: 30px;
}
.col-txtdknt{line-height: 28px; margin-top: 5px;}
#send_mail .txt-1{font-family:'font1';color:#fff;font-size:18px;text-transform: uppercase;}
#send_mail .txt-2{color:#fff;font-size:13px;margin-bottom:10px;}
.frm_dknt{color:#999;}
input.dknt_dt{width:calc(100% - 50px);float: left;}
input.dknt_email{width:100%;margin-bottom: 5px;}

.frm_dknt .form-group{
	padding: 0px 5px;
}
.frm_dknt input{border: none;background: #fff; padding: 5px 10px;}
.frm_dknt label{color: #fff; font-family: 'font1'; font-size: 14px;display: block;}
.frm_dknt input[type='submit']{color:#fff;border:none;background:#0386db;cursor:pointer;font-family: 'font3';float: right; padding: 5px 12px;}
.titte_info_web{font-family: 'font1'; font-weight: bold; font-size: 14px;margin-bottom: 15px;}
.noidung_info{margin-bottom: 15px;}
.ul_foot{
	width: 45%;
	float: left;
	margin-right: 4%;
}
.col-foot .name{
	margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-family: 'font3';
    text-transform: uppercase;
}
.ul_foot .list{padding-right: 5px;}
.ul_foot .list ul{
	list-style: inside;
	color: #fff;
}
.ul_foot .list ul li{margin-bottom: 10px;}
.ul_foot .list ul li a{
	color: #fff;
	font-family: 'arial'
}
.mxh{margin-top: 15px;}
.mxh img{margin-right: 5px;}
.title_other{color: #2257d6; font-family: 'font3'; font-size: 18px; text-transform: uppercase;}
.line_other{background: url(images/line_other.png); width: 100%; height: 5px; margin-top: 5px; margin-bottom: 20px;}
.item_bc { margin-bottom: 15px; }
.item_bc:last-child{margin: 0px;}
.item_bc .img{width: 40%;max-width: 170px; float: left; margin-right: 15px;}
.item_bc .name a{color: #333; font-weight: bold; font-size: 13px;}
.item_bc .name a:hover{color: #2264df;}
.item_bc .img img:hover{opacity: 0.9;}
.wrap_tour{padding: 45px 0px; background-repeat: no-repeat; background-size: auto 100% !important;}
.wrap_tour .name{text-align: center; color: #fff; font-size: 30px; font-family: 'font3'; text-transform: uppercase;}
.line_dmtour{background: url(images/line_name.png); width: 173px; height: 16px; margin: 20px auto;}
.wrap_dm2{display: flex; justify-content: center;flex-wrap:wrap; margin-bottom: 35px;}
.wrap_dm2 a{display: inline-block; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold;padding: 10px 55px; background: rgba(255, 255, 255, 0.25);border: 1px solid rgba(255, 255, 255, 0.3);}
.wrap_dm2 a:hover, .wrap_dm2 a.active{background:#fed700; color: #000; text-decoration: none;}
.jcau_tour{position: relative;}
.item_tour{position: relative; background: #fff; max-width: 270px; margin: auto; text-align: left; border: 1px solid #e2e2e2;}
.item_tour .img{overflow:hidden;position:relative;text-align:center;}
.item_tour .img img{-webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;transition:transform 0.5s ease;transition:0.5s;margin:auto;}
.item_tour .img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item_tour .img .price{background: url(images/bg_gia.png) no-repeat 0px 0px; min-width: 164px; height: 42px;line-height: 42px; background-size: 100% 100% ;color: #000; font-family: 'font3'; font-size: 18px;text-align: center;position: absolute; right: 0px; bottom: 0px; z-index: 9; padding: 0px 15px; padding-left: 30px;}
.item_tour .icon_sale{background: url(images/icon_sale.png) no-repeat; width: 50px; height: 59px; position: absolute; z-index: 99; right: -5px; top: -14px;}
.item_tour .wrap_info_tour{padding: 10px;}
.item_tour .name{text-align: left;}
.item_album{border: none;}
.item_album .name{text-align: center;}
.item_tour .name h3{font-size: 15px; line-height: 20px; height: 40px; overflow: hidden;}
.item_tour .name a{color: #000; font-family: 'font3'; display: block; }
.item_tour .date_tour{background: url(images/icon_date.png) no-repeat 0px 0px; height: 15px; line-height: 15px; padding-left: 23px;color: #6a6a6a; font-family: 'font2'; font-size: 13px; margin: 10px 0px;}
.item_tour .info{font-size: 14px; height: 40px; overflow: hidden;}
.item_tour .info .txt{margin-bottom: 5px;}
.item_tour .info .txt span{font-weight: bold;}
.item_tour .act_tour{background: #f5f5f5 url(images/star.jpg) no-repeat 10px center; height: 36px; line-height: 36px; width: 100%; position: relative;}
.item_tour .act_tour a{font-size: 13px; font-family: 'font3'}
.item_tour .act_tour a.book_tour{ color: #333; float: left; margin-left: 25px;}
.item_tour .act_tour a.detail{ color: #fff; float: right; background: url(images/chitiet.png) no-repeat; width: 109px; height: 36px; padding-left: 28px; line-height: 35px;}
.item_tour .name a:hover{color: #b12026;}
.item_tour_nb{padding: 15px 10px 0px 10px; max-width: 372px; margin: auto;}
.item_tour_nb .item_tour{max-width: 100%;}
.item_tour_dl{padding: 15px 10px 0px 10px; max-width: 290px; margin: auto;}
.item_tour_dl .item_tour{border: none;}
#contact_frm{padding-top: 40px; padding-bottom: 20px; background: #2257d6;}
#contact_frm .col-left{color: #fff; font-family: 'font2'; font-size: 22px; text-transform: uppercase; margin-bottom: 20px;}
#contact_frm .col-right{margin-bottom: 20px;}
.gala_album{margin-bottom: 20px;}
#yeucautour{background: #fed700; color: #000; font-family: 'font3'; font-size: 14px;}
#news_index{
	margin-top: 30px;
}
.newstab {
    padding-left: 0;
}
.nav-tabs {
    border-bottom: 1px solid #2257d6;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #2257d6;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs>li>a{
	color: #484848; 
	font-family: 'font3';
	font-size: 17px;
}
.tab-content{padding: 10px 0px 0px 0px;}

.tab-content .tin1 {
    padding-left: 0;
    margin-bottom: 15px;
}

.newstab .tab-content .col-md-4 a img.wp-post-image {
    border: 1px solid #ccc;
    background: #fff;
    margin-right: 10px;
}

.post-title {
    margin: 0 10px 10px 0;
}
.size2 {
    font-size: 20px;
    line-height: 26px;
}
.post-title a{color: #333; font-family: 'font3';}
p.des_news{
    font-size: 15px;
    line-height: 22px;
    font-family: 'Open sans', arial;
    text-align: justify;
}

a.btn-details {
    position: relative;
    background: #2257d6;
    border-color: #2257d6;
    color: #fff;
    margin-top: 10px;
}

.btn-details:after {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 10px;
    padding-left: 10px;
    top: 0px;
    right: 0;
}

.media-heading {
    padding-top: 5px;
    margin-bottom: 5px;
    color: #111;
    font-family: 'font1';
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
    padding-right: 10px;
}
.tab-content .tin6 .col-md-4 {
    margin-bottom: 5px;
    padding-right: 5px;
    padding: 0;
    height: 70px;
    
    vertical-align: middle;
}
.news_small{background: #efefef; margin-right: 5px;}
.news_small img{
	width: 100px;
	height: auto;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}
.tab-content .tin1 img:hover{opacity: 0.9;}
.tab-content .tin1 h2 a:hover{color: #2257d6}
.tab-content .tin6 img:hover{opacity: 0.9;}
.tab-content .tin6 a h5:hover{color: #2257d6}
.qc_right img{width: 100%; height: auto;}
.qc_right img:hover{opacity: 0.9;}
#baiviet_index{margin-bottom: 30px;}
.col-photo{padding: 0px 5px; margin-bottom: 10px;}
.phototour{
    position: relative;
    max-width: 280px;
    margin: auto;
}
.phototour img:hover{opacity: 0.9;}
.phototour h5{
    margin: 0px;
}
.phototour h5 a {
	position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 8px;
    z-index: 2;
    line-height: 18px;
    font-family: 'font3', arial;
    text-shadow: 1px 1px 3px #000;
    color: #fff;
}
.phototour h5 a:hover{color: #2257d6}

#nhatky .sec-title {
    margin: 10px 0;
}

#nhatky .sec-title span {
    color: #f0592b;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'Migola', Arial, sans-serif;
    border-bottom: 2px solid #f0592b;
    position: relative;
    z-index: 1;
}

#nhatky, #nhatky .sec-title span, #nhatky a, #nhatky .media-heading {
    background: #2257d6;
    color: #fff;
    border-bottom-color: #fff;
}

#nhatky .sec-title:after {
    content: '';
    height: 2px;
    background-color: #ccc;
    display: block;
    position: relative;
    top: -2px;
    z-index: 0;
}

.pa10 {
    padding: 10px;
}

.size3 {
    font-size: 16px;
    line-height: 22px;
}

ul.alignleft {
	margin-right: 1.5em;
    list-style: inside;
    padding-left: 20px;
    margin-bottom: 1.5em;
}
ul.alignleft li{margin-bottom: 15px;}
ul.alignleft a{font-size: 14px;}
#nhatky a:hover{text-decoration: underline;}
.url_break{
    line-height: 30px;
    margin: 10px 0;
}
.url_break span{color: #8c8c8c; font-family: 'font1'; font-size: 14px;}
.url_break a{color: #8c8c8c; font-family: 'font1'; font-size: 14px;}
.url_break a:hover{color: #8c8c8c;}
.url_break i{margin: 0px 8px; font-size: 14px;}
.post-inner-content{
	
}
h3.widget{
    font-size: 16px;
    margin-bottom: 15px;
    color: #E82921;
    background: #F7F7F7;
    line-height: 40px;
    padding: 0 10px;
}
ul.list_news {
    padding: 0;
    line-height: 18px;
    font-size: 14px;
    list-style: none;
}

ul.list_news li {
    list-style: none;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
ul.list_news a {
    color: #111;
}
.ttnews img{
	float: left;
	width: 110px; 
	margin-right: 5px;
}
.ttnews img:hover{opacity: 0.8;}
.ttnews .name a{
	color: #2257d6;
	font-family: 'font3';
	font-size: 13px;
}

.ttnews .name a:hover{color: #fed700;}

ul.list_tour {
    padding: 0;
    line-height: 18px;
    font-size: 14px;
    list-style: none;
}

ul.list_tour li {
    list-style: none;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.tour_docla img:hover{opacity: 0.8}
.tour_docla .name{margin-top: 5px; margin-bottom: 15px;}
.tour_docla a{ color: #2257d6; font-family: 'font3'; font-size: 13px; }
.part_tour{margin-bottom: 20px;}
.name_part{
	position: relative;
	margin-bottom: 10px;
}
.name_part span{
	display: inline-block;
	color: #fff;
	font-family: 'font2';
	font-size: 14px;
	text-transform: uppercase;
	padding: 7px 15px;
	background: #2257d6;
	-webkit-border-radius: 5px 5px 0 0;/*Safari, Chrome*/
-moz-border-radius: 5px 5px 0 0;/*Firefox*/
border-radius: 5px 5px 0 0;
}
.name_part:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 1px;
	background: #2257d6;
}

.tab_tour ul li{
	width: 25%;
	text-align: center;
	margin:0px;
	padding: 0px;
}

.tab_tour ul li a{
	margin: 0px;
	padding: 0px;
	font-family: 'font2';
	color: #2257d6;
	font-size: 17px;
	border:none;
}

.tab_tour .nav-tabs>li.active>a, .tab_tour .nav-tabs>li.active>a:focus, .tab_tour .nav-tabs>li.active>a:hover{
	background: none !important;
	color: #2257d6;
	border: none;
}
.tab_tour .nav-tabs>li>a:hover{
	background: none;
	border: none;
}

.tab_tour .nav-tabs>li.active>a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #2257D6;
	border-width: 10px;
	margin-left: -10px;
}
.col-book-tour{
	background: #2257d6;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
}
.title_tour{
	font-weight: 800;
    padding: 10px;
    border-bottom: 1px solid #1245c2;
    text-shadow: 1px 1px 3px #942807;
    font-size: 24px;
    font-family: 'font2';
    padding-bottom: 12px;
    line-height: 35px;
}

.tour-info-group {
    /*border-top: 1px solid #194abe;*/
    border-bottom: 1px solid #194abe;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
span.price_tour{
	font-weight: bold;
    font-size: 30px;
    color: #ff0;
    text-shadow: 1px 1px #999;
    font-family: 'font2'
}

.list-inline>li p{
	margin-bottom: 5px;
}

a.call_hotline{
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	font-family: 'font3'
}

.col-right-tour .book_name{
	font-size: 16px;
	font-family: 'font3';
	color: #333;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 28px;
	border-bottom: 2px solid #E8E8E8;
	padding-bottom: 5px;
	display: inline-block;

}
.full_bg{background-size: 100% 100% !important;}
.col-foot .info{color: #fff; margin-top: 25px;}
.nav_thuvien{
	min-height: 62px;
	line-height: 62px;
	text-align: center;
	background: #f9f9f9;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
	margin-bottom: 35px;
}
.nav_thuvien ul{list-style: none;}
.nav_thuvien ul li{
	display: inline-block;
    border-left: 1px solid #e9e9e9;
    padding: 0 25px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    color: #333;
    cursor: pointer;
    font-family: 'font3';
}
.nav_thuvien ul li:hover, .nav_thuvien ul li.active{
	color: #0386db;
}
.filtr-item img:hover{opacity: 0.9;}
.name_home{
  margin-bottom: 25px;
  margin-top: 40px;
	text-align: center;
	font-family: 'font1';
	text-transform: uppercase;
	color: #333;
	font-size: 32px;
  font-weight: bold;
}
.name_home__line {
  width: 48px;
  height: 2px;
  background-color: #b01f26;
  margin: auto;
  margin-top: 16px;
}
.name_home2{
	margin-bottom: 15px;
	text-align: center;
	font-family: 'font2';
	text-transform: uppercase;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
}
.line_home{background: url(images/line_name.png) no-repeat top center; height: 48px; margin-bottom: 30px;}
.line_home2{background: url(images/line_name2.png) no-repeat top center; height: 48px; margin-bottom: 30px;}
.ttnb_item{text-align:center;margin:auto; padding: 0px 15px;}
.ttnb_item .img{margin-bottom:22px; position: relative;}
.ttnb_item .img img:hover{opacity:0.8;}
.ttnb_item .name{margin-bottom:18px; padding-left: 86px; text-align: left;}
.ttnb_item .name a{color:#000;font-family:'font2';font-size:16px;}
.ttnb_item .name a:hover{color:#26bdf7;}
.ttnb_item .des{color:#000;line-height:20px; font-size: 13px; font-family: 'arial'; text-align: justify;}
.ttnb_item .date_post{position: absolute; bottom: -55px; background: #26bdf7; color: #fff; left: 10px; padding: 10px; text-align: center; font-family: 'font3'}
.img_insta{position: relative;margin: 0px 1px;}
.img_insta img:hover{opacity: 0.9;}
.img_insta .icon_insta{position: absolute; right: 10px; bottom: 10px; background: url(images/inst.png); width: 24px; height: 24px; z-index: 9;}
#video_home{position: relative;}
#tour_nb, #tour_dl{padding: 35px 0px;}
#thanhtuu{padding: 40px 0px;}
.col-thanhtuu{ margin-bottom: 30px; }
.thanhtuu_item{max-width: 220px; margin: auto; text-align: center;}
.thanhtuu_item .img{margin-bottom: 5px;}
.thanhtuu_item .numb{margin-bottom: 5px; color: #b12026; font-family: 'font3'; font-size: 34px;}
.thanhtuu_item .name{font-family: 'font2'; font-size: 16px; text-transform: uppercase; color: #fff;}
.txt_thuvien{margin-bottom: 30px; text-align: center; line-height: 20px; font-size: 14px; font-family: 'arial'}
.item_gala{position: relative; padding: 0px 15px; margin: auto;}
.item_gala .img{position: relative; overflow: hidden;border: 2px solid #fff;
-webkit-border-radius: 50%;/*Safari, Chrome*/
-moz-border-radius: 50%;/*Firefox*/
border-radius: 50%;}
.item_gala .img img{ width: 100%; height: auto;
-webkit-border-radius: 50%;/*Safari, Chrome*/
-moz-border-radius: 50%;/*Firefox*/
border-radius: 50%;}
.item_gala h3{display: inline-block; padding: 15px 50px 20px 50px; text-align: center; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0px; z-index: 99; font-size: 14px; width: calc(100% - 2px); left: 2px; line-height: 20px;}
.item_gala a{color: #fff; font-family: 'font3'}
.col-left-tour{float: left; width: 72%; padding-right: 30px}
.col-right-tour{border: 1px solid #E8E8E8; float: right; width: 28%; padding: 0px 15px;border-top: none;}
.col-right-tour .price_detail{padding: 12px 15px; background: #b12026; color: #fff; font-size: 14px; margin-left: -15px; margin-right: -15px;}
.col-right-tour .price_detail span{font-size: 20px; font-family: 'font3';}
.col-left-tour .wrap_name{border-bottom: 1px solid #E8E8E8; padding-bottom: 15px; margin-bottom: 15px;}
.time_tour{font-size: 15px; font-family: 'font3'}
.time_tour i{font-size: 17px; color: #b12026}
.share_tour{float: right; text-align: right; margin-bottom: 15px;}
.btn_booking{width: 100%;}
#frm_book input.num_per{width: 70px; display: inline-block;}
#frm_book .wrap_price{ font-size: 14px; }
#frm_book .wrap_total_price{ font-size: 15px; color: #dc422b;}
.sp-slides iframe{width: 100%; height: 100%;}
.swiper-slide{text-align: center;}
.qty_box{ margin-top: 10px; margin-bottom: 24px; }
.qty_box .col-qty{margin-bottom: 20px;}
.qty_box .col-qty p{color: #7b7b7b; font-size: 11px; margin-bottom: 4px; line-height: 12px;}
.qty_box .col-qty button{background: #fff; color: #333; padding: 1px 7px; border: 1px solid #ccc;}
.frame_images{overflow: hidden; position: relative; text-align: center;}
.frame_images img{margin: auto; max-width: 100%; height: auto; }
.color-list button {
    border: 2px solid #eee;
    display: block;
    float: left;
    height: 30px;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 0;
    width: 30px;
}
.color-list button i {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 26px;
    opacity: 0;
}
.color-list button.active{
	border: 2px solid #b12026;
}
.color-list button.active i {
    opacity: 1;
}


/**************************LOADING************************************/
/* Absolute Center Spinner */
.loading {
  position: absolute;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.section_project{
	padding: 30px 10px;
}
.grid figure{
	position: relative;
	margin: 0;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 15px;
	background: rgba(176, 32, 38, 0.7);
	color: #ed4e6e;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	font-family: 'font2';
}

.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	transform: translateY(-50px);
}
.cs-style-3 figcaption {
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	transform: translateY(100%);
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	transform: translateY(0px);
	transition: transform 0.4s, opacity 0.1s;
}
.info_project{position: relative;}
.info_project .row_info{margin-bottom: 7px; font-size: 14px; text-align: left;}
.info_project .row_info .td1{width: 120px; float: left;}
.info_project .row_info .td2{float: right; width: calc(100% - 132px);}
.title_web{color: #b02026; font-size: 17px; margin-bottom: 10px; font-family: 'font1';}
.row_web{padding-left: 28px; margin-bottom: 7px;}
.icon_foot_1{background: url(images/icon_foot1.png) no-repeat 5px center;}
.icon_foot_2{background: url(images/icon_foot5.png) no-repeat 2px center;}
.icon_foot_3{background: url(images/icon_foot2.png) no-repeat 1px center;}
.icon_foot_4{background: url(images/icon_foot4.png) no-repeat 1px center;}
.icon_foot_5{background: url(images/icon_foot3.png) no-repeat 2px center;}
.color_detail{margin-top: 5px; position: relative; width: 60%; max-width: 264px;}
.color_detail .detail_img{width: 100%; height: 100px; background-size: auto 100%; }
.color_detail span.name{
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    background-color: #e5e8ec;
    font-size: 12px;
    line-height: 1.8;
    padding: 2px 10px;
    color: #555;
}
.padl0{padding-left: 0px !important;}
.content_about{display: table; width: 100%;}
.row_about .info_about{background: #c5c5c5; color: #333; width: 50%; padding: 40px 40px; line-height: 22px; display: table-cell; vertical-align: middle; font-size: 14px;}
.row_about .img{width: 50%; display: table-cell; vertical-align: middle;}
.overlay_map{background: rgba(255, 255, 255, 0.92); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; display: none;}
.overlay_map .wrap{display: inline-flex; width: 100%; height: 100%;}
.overlay_map .loader {
	margin: auto;
	border: 2px solid #f3f3f3;
	border-radius: 50%;
	border-top: 2px solid blue;
	border-right: 2px solid green;
	border-bottom: 2px solid red;
	border-left: 2px solid pink;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}