/*reset*/
* {padding:0;margin:0;}
a {text-decoration:none;}
body {font-family:'Arial', 'Helvetica', 'sans-serif';font-size:15px;position: relative;box-sizing:border-box; }
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;font-weight:normal;}
ol, ul{margin:0;padding:0;}
img{max-width:100%; height:auto !important;}
/*=======================================*/
#full{max-width:1440px; width:100%; overflow:hidden; margin: 0px auto;background:#fff; }
/*commont*/
.text{text-align:justify;line-height:2em; }
.text img{max-width:100%;height:auto;}
.w100{width: 100%;}
.mw100{max-width: 100%;vertical-align: middle;}
.grecaptcha-badge{display:none !important;}
.contain_map_lienhe iframe{width:100%;}
ul.style-none{list-style:none}
/*TOP*/
.fb-comments iframe{ width:100% !important;}
.h2,#header h1{width:0px;height:0px;font-size:0;text-indent:-9999px; position:absolute;}

.zalo-share-button{ float:left; margin-right:3px;}
.addthis_default_style{ float:left; }
#header{ width:150px; float:right; z-index:99; padding-top:30px;}
.logo{ margin-bottom:8px; text-align:center;}
.logo img{ position:relative; z-index:1; }
 
#wrapper{ color:#fff;}
.gioithieu,#wrapper{ position:relative; margin:auto; width:100%; height:100vh; font-family: 'Montserrat-Regular'; background:url(../images/3.jpg) no-repeat center; background-size:cover; overflow:hidden;}
.product,.tuyendung,.lienhe{ background:url(../images/1.jpg) no-repeat center !important; background-size:cover !important;}
.dichvu,.tintuc{ background:url(../images/2.jpg) no-repeat center !important; background-size:cover !important;}

#wrapper_shadow{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(../images/bg_2.png) no-repeat; background-size:100% 100%;}

.lang{ text-align:right; padding:0 10px; margin-bottom:10px;}

#wrap_menu{z-index:99; } 
#menu{ z-index:99; } 
#menu .inner{ text-align:center; } 
 
#menu ul.menu{ width: 100% ;}

#menu ul.menu li.li_menu{ padding: 10px 0; position:relative; }
#menu ul.menu li.li_menu a.transitionAll span{ display:block; line-height:27px; height:27px; position:relative; z-index:9; padding:0 10px; transform:translateY(0px); transition:all 0.2s;}
#menu ul.menu li.li_menu a.transitionAll span:nth-child(2){ position:relative; z-index:9; background:url(../images/hover.png) no-repeat right center !important; color:#fff !important;}
#menu ul.menu li.li_menu a.transitionAll{ line-height:27px; height:27px; font-size:15px;text-transform:uppercase; color:#00557c; display:block; font-family: 'Montserrat-Bold'; position:relative; text-align:right; overflow:hidden; transition:all 0.3s;}

#menu ul.menu li.li_menu:hover a.transitionAll span,#menu ul.menu li.menu_active a.transitionAll span{ transform:translateY(-27px); transition:all 0.2s;}
 

a.transitionAll{ text-transform:uppercase; }
#menu ul.menu li.li_menu ul{min-width:230px; position:absolute; top:0; right:100%; display:none;z-index:9999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 0 5px -2px rgba(0,0,0,0.7); 
-webkit-box-shadow: 0 0 5px -2px rgba(0,0,0,0.7); 
box-shadow: 0 0 5px -2px rgba(0,0,0,0.7); 
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
}
#menu ul.menu li.li_menu ul li{background:#fff;display:block !important;float:none;border-bottom:1px solid #959392;text-align: left; padding:0px ; position:relative;}
#menu ul.menu li.li_menu ul li::before{display:none;}
#menu ul.menu li.li_menu ul li a::before{display:none;}
#menu ul.menu li.li_menu ul li:last-child{border-bottom: none;}
#menu ul.menu li.li_menu ul li a{background:none !important;color:#000 !important;line-height:normal !important;padding: 10px 10px; display:block; height:auto; font-family: 'RobotoRegular';}
#menu ul.menu li.li_menu ul li a:hover{color:#f00 !important;}
#menu ul.menu li.li_menu ul li ul{top:0;left:100%;}

 

#btn_menu_bootstrap{z-index:999; position:relative; display:none; height:20px; width:26px; }
#btn_menu_bootstrap span{background: #00557c; content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;}
#btn_menu_bootstrap i{ min-width: 100%; position: absolute; left: 50%; transform:translateX(-50%); top:100%; color: #00557c; text-align:center; font-size:11px; font-style:normal;}

#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #00557c;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #00557c;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{ transform-origin:left 1px; -webkit-transition:all 0.3s; transition:all 0.3s;}

.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left: -200% !important;opacity: 0 !important}
 

.pagination>li>a{ color:#FFF;}
.pagination>li>a.current{ background:#f2f2f2; color:#000;}
/*main*/
#container{ width: calc( 100% - 170px ); float:left;}
.mg40{margin-top:40px;}
#main{width:75%;float: left;padding-right:10px;box-sizing: border-box;}
.sub_main{margin-bottom: 30px;}
   
.title_main1{ margin-bottom:20px; color:#fff; font-family: 'Montserrat-Bold'; font-size:20px;}
.content_main{ margin-bottom:25px;}

#wrap_sp{ position:absolute; width:100%; bottom:16%;}
.left_sp{ float:left; width:47.1%; padding-right:8%; position:relative;}
.left_sp::before{content:''; position:absolute; top:0px; right:0px; width:100vw; height:100%; background:url(../images/bg.png) no-repeat top right; background-size:auto 100%;}
.right_sp{ float:right; width:100%;}
.sp_item{}
.sp_item .img_news_owl{ width:37%; float:left; border:3px solid rgba(255,255,255,0.71); border-top-right-radius:18px; border-bottom-left-radius:18px; transition:all 0.3s;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 0 8px -2px #000000; 
-webkit-box-shadow: 0 0 8px -2px #000000; 
box-shadow: 0 0 8px -2px #000000; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#000000); 
}
.sp_item:hover .img_news_owl{ border:3px solid #00557c; }

.sp_item .img_news_owl a,.sp_item .img_news_owl a img{ display:block; border-top-right-radius:15px; border-bottom-left-radius:15px;}
.sp_item .info_news_owl{ width:63%; padding:12px 0; padding-left:10px; float:left;}
.sp_item .info_news_owl .news_name a{font-family: 'Montserrat-Bold'; font-size:15px; color:#fff;}
.sp_item .info_news_owl p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; font-size:13px; color:#fff; font-family: 'Montserrat-Regular';}
 
.sp_item_owl{}
.sp_item_owl .img_news_owl{border-radius:12px; border:3px solid rgba(255,255,255,0.71); width:100%; margin-bottom:5px; transition:all 0.3s; }
.sp_item_owl .img_news_owl img{display:block; width:100%;}
.sp_item_owl:hover .img_news_owl{ border:3px solid #00557c; }
.sp_item_owl .img_news_owl a,.sp_item_owl .img_news_owl a img{ display:block; border-radius:8px;}
.sp_item_owl .info_news_owl{ width:100%; text-align:center; }
.sp_item_owl .info_news_owl .news_name a{font-family: 'Montserrat-Regular'; font-size:16px; color:#fff;}
     
#contentscroll2 .content_main{background:#00557c; padding:10px; color:#fff; }	 
.roll_content{ height:74vh; max-width:780px; padding-right:15px;overflow: auto !important;} 
.roll_content1{ height:74vh; max-width:780px; padding-right:20px; overflow: auto !important; } 
.noidung_c{ padding:20px 0;}
.row_news{ }
.box_news_owl1{ position: relative; width:100%; padding:10px; transition:all 0.3s; border-bottom:1px dotted rgba(255,255,255,0.3); background:#00557c;}
.box_news_owl1:hover{ background:#00557c; transition:all 0.3s;}
.box_news_owl1 .img_news_owl{ width:22%; float:right; overflow:hidden;}
.box_news_owl1 .img_news_owl img{ width:100%; transform:scale(1); transition:all 0.3s;}
.box_news_owl1:hover .img_news_owl img{ transform:scale(1.1); }
.box_news_owl1 .info_news_owl{width:76%; float:left;}
.box_news_owl1 .info_news_owl .news_name{ margin-bottom: 5px; }
.box_news_owl1 .info_news_owl .news_name a{font-size:18px; line-height:1.4; font-family: 'Montserrat-SemiBold'; color:#fff; display:block;}
.box_news_owl1 a:hover .info_news_owl .news_name{color:#DD1818;}
.box_news_owl1 .info_news_owl p{font-size:16px; color:#fff; font-family: 'Montserrat-Regular';line-height:1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom:0px;}
 
.tablelienhe{} 
.tablelienhe .form-group:nth-child(1){ width:49%; float:left;} 
.tablelienhe .form-group:nth-child(2){ width:49%; float:right;} 
.tablelienhe .form-group:nth-child(3){ width:49%; float:left;} 
.tablelienhe .form-group:nth-child(4){ width:49%; float:right;} 
.tablelienhe .form-group .form-control{height:40px; background:rgba(255,255,255,1);} 
.tablelienhe .form-group textarea.form-control{height:auto; background:rgba(255,255,255,1);} 
.tablelienhe .form-group .form-control::-webkit-input-placeholder{color:#000;}
.tablelienhe .form-group .form-control::-moz-placeholder{color:#000;}
.tablelienhe .form-group .form-control:-ms-input-placeholder{color:#000;}
.tablelienhe .form-group .form-control:-moz-placeholder{color:#000;} 

.comment{ height:178px;}
.nicescroll-cursors{ opacity:0;}
/*product*/

.row_product{ margin:0 -8px;}
.row_product .col_product{padding:0 8px; margin-bottom:15px; width: calc( 100% / 4 );}
.row_product .col_product:nth-child(4n+1){ clear:both;}
.row_product .col_product .sp_item_owl{}
  
.chitiessp{ margin-bottom:40px !important;}
.list_sub_img_detail{position: relative;}
.prev_sub_detail,.next_sub_detail{position: absolute;width: 28px;height: 28px;background: url(../images/icon_next_prev_common_owl.png);z-index: 10;top:50%;margin-top: -14px;}
.prev_sub_detail{background-position: 0px -28px;left: 0px;}
.prev_sub_detail:hover{background-position: 0px 0px;}
.next_sub_detail{background-position: -28px -28px;right: 0px;}
.next_sub_detail:hover{background-position: -28px 0px;}
#sub_img_detail{margin-top: 5px;}
.item_owl_sub{padding: 0px 2px;}
/*product detail*/
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;	}
.bottom_detail{margin-top: 20px;}
.info_detail{box-sizing:border-box;}
.item_info_detail{font-size: 13px;line-height: 20px;padding: 10px 0px;border-bottom: 1px solid #eee;}
.item_info_detail.name_detail h1{font-size: 25px;font-weight:600;color: #00557c;line-height: 25px;}
.item_info_detail span.price_now{font-size:17px;color:#f00; font-weight:bold;}
.item_info_detail .price_old{ font-size:15px;color:#000;text-decoration: line-through; padding:0px 10px;}
.item_tab{text-decoration:none;float:left;color:#000;background:#fff;padding:8px 20px;margin-right:3px;cursor:pointer;border:1px solid #EEEEEE;border-bottom:none;font-weight:bold;font-size:13px;display:inline-block;}
.item_tab:hover,.item_tab.active{display:inline-block;background:#0E70BB;color:#fff;}
.contain_content_tab{border:1px solid #e0e0e0;padding:10px;background:#fff;}
.content_tab{display: none;}
.content_tab.active{display: block;}
.amount_cart button{float: left;width:35px;height:30px;border:1px solid #eee;background:#fff;outline: none;color:#6d6d6d;}
.amount{height:30px;width:50px;float: left;border:1px solid #eee;text-align: center;margin:0px 3px;outline: none}
.item_info_detail .btn{text-transform: uppercase;font-size:14px;font-family: 'RobotoBold'}
.amount {height: 30px;width: 50px;float: left;border: 1px solid #eee;text-align: center;margin: 0px 3px;outline: none;}
.btn_Cart_Detail{width:255px;color:#fff;height: 44px;display:inline-block;line-height:44px;text-align: center;cursor:pointer;font-family: 'RobotoRegular';font-size: 15px;margin-right:5px;border-radius:3px;}
.buy-now{background:#ffb916;}
.buy-now:hover{background:#e59b11;color:#fff;}
.buy-to-cart{background:#f57224;}
.buy-to-cart:hover{background:#d0611e;color:#fff;}

.main_img_detail{width:100%; float:right; margin-bottom:5px;}
#sub_img_detail{width:100%; float:left;}
.item_info_detail .select_color{display:inline-block; width:38px; border:1px #ccc solid; position:relative; overflow:hidden; cursor:pointer; }
.item_info_detail .select_color:hover{ border:1px #ff6600 solid; }
.item_info_detail .select_color img{width:38px; display:block; }
.item_info_detail .select_size{display:inline-block; padding:3px 10px; border:1px #ccc solid; position:relative; overflow:hidden; cursor:pointer; margin-right: 3px;}
.item_info_detail .select_size:hover{ border:1px #ff6600 solid; }
.item_info_detail .actives{border:1px solid #ff6600;}
.item_info_detail .actives:before{content: "";  position: absolute;  right: -15px;top: -10px; background: #ff6600; width: 45px; height: 8px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.color_box{ border-bottom:1px solid #ccc; margin-bottom:5px;}

  
/*news other*/
.title_news_other{font-size: 20px;color:#FFF;margin-bottom: 15px;}
.item_news_other{width: 100%;margin-bottom: 15px;box-sizing:border-box;}
.name_news_other{font-size: 13px;line-height: 20px;font-weight: bold;color:#000;}
.name_news_other:hover{color:#f00;}
.img_news_other{width: 40%;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width: 60%;float: right;}

  
#bottom{ color:#fff; font-size: 14px; position:relative; text-align:center; background:rgba(0,0,0,0.57); position:absolute; left:0px; bottom:0px; width:100%; z-index:9;}
#bottom .inner{ padding:10px 0px;font-family: 'Montserrat-Regular'; font-size:13px; }
#bottom .inner .copy a{display:inline-block; margin-left:7px;}
#bottom .inner .copy img{max-height:18px;}
#bottom .inner .copy1{ margin-bottom:5px;}
#bottom .inner .copy2{font-family: 'Montserrat-Bold'; color:#fff; font-size:22px; margin-bottom:5px;}
 
  
.copyright{ text-align:center; float:left;}
.mxh3{ margin-top:15px; }
 
 

 
.pages_ajax{ display:block; text-align:center; }
.pagination{ display:block !important; margin-bottom:0px; }
.pages_ajax .pagination{ display: inline-block !important; margin:0px; }
span.total{ display:none;}
.pagination>li{ float:left;}
.pagination>li.page_info{padding:7px;}
 
 
/*inner*/
.inner{/*max-width:1200px;*/ width:89%; margin:0 auto; position:relative;}
.noindex{ padding:40px 0; }
.noindex_pro{ background: #f7f6f6;}
.tieude{ font-size:20px; margin-bottom:10px; font-family: 'Montserrat-SemiBold';}
.othernews{ padding: 10px; background: #00557c;}
.othernews ul{ list-style:none; padding-left:10px;}
.othernews ul a{color:#FFF;}
.othernews ul a:hover{color:#f00;}

.hover_sang3{ display:block; overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; }
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.hover_sang3:hover:before{right:50%;left:50%;width:0;background:rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after{height:0;top:50%;bottom:50%;background:rgba(255, 255, 255, 0.5);}

.close_popup{ position:absolute; top:-10px; right:-10px; width:20px; height:20px; background:#000; border-radius:50%; line-height:20px; text-align:center; font-size:14px; font-family:arial; color:#fff; font-weight:bold; cursor:pointer;}
#popup{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999;}
#baophu_popup{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999;}
#example2{ position:fixed; left:50%; top:50%; max-width:800px; transform:translate(-50%,-50%); z-index:99991;}
#example2 img{max-width:100%;}
 
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 160px; z-index: 99999999999; }
#btn-zalo i { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; }
.kenit-alo-circle-fill {width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle {width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite{-webkit-animation-iteration-count:infinite; animation-iteration-count: infinite;}
.owl-animated-out { z-index : 1  }
.owl-animated-in { z-index : 0 }

.fadeOut  { -webkit-animation-name : fadeOut  ; animation-name : fadeOut  ; } 
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } 
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}


@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.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; }
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00557c; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}