/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{ min-width: 1200px; max-width: 1366px; margin: 0 auto !important; background: #FFF !important; font-family: OS}
/* Font face*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,600,600italic&subset=latin,vietnamese);
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg') format('svg');
} 

@font-face {
    font-family: RCR; 
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg') format('svg');
}

@font-face {
    font-family: SFBC;
    src: url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileBoldCondensed.eot');
    src: url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileBoldCondensed.woff2') format('woff2'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileBoldCondensed.woff') format('woff'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}

@font-face {
    font-family: SFEC;
    src: url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileCondensed.eot');
    src: url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileCondensed.eot') format('embedded-opentype'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileCondensed.woff2') format('woff2'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileCondensed.woff') format('woff'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileCondensed.ttf') format('truetype'),
         url('http://cokhiquangcaosaigon.com/css/fonts/SFUEurostileCondensed.svg#SFUEurostileCondensed') format('svg');
}

@font-face {
    font-family: 'UTMAvo';
    src: url('fonts/UTMAvo.eot');
    src: url('fonts/UTMAvo.eot') format('embedded-opentype'),
         url('fonts/UTMAvo.woff') format('woff2'),
         url('fonts/UTMAvo.woff') format('woff'),
         url('fonts/UTMAvo.ttf') format('truetype'),
         url('fonts/UTMAvo.svg') format('svg');
}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('fonts/UTMAvoBold.eot');
    src: url('fonts/UTMAvoBold.eot') format('embedded-opentype'),
         url('fonts/UTMAvoBold.woff') format('woff2'),
         url('fonts/UTMAvoBold.woff') format('woff'),
         url('fonts/UTMAvoBold.ttf') format('truetype'),
         url('fonts/UTMAvoBold.svg') format('svg');
}

@font-face {
    font-family: RCL;
    src: url('fonts/RobotoCondensedLight.eot');
    src: url('fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedLight.woff') format('woff2'),
         url('fonts/RobotoCondensedLight.woff') format('woff'),
         url('fonts/RobotoCondensedLight.ttf') format('truetype'),
         url('fonts/RobotoCondensedLight.svg') format('svg');
}

@font-face {
    font-family: 'UVFAphroditePro';
    src: url('fonts/UVFAphroditePro.eot');
    src: url('fonts/UVFAphroditePro.eot') format('embedded-opentype'),
         url('fonts/UVFAphroditePro.woff') format('woff2'),
         url('fonts/UVFAphroditePro.woff') format('woff'),
         url('fonts/UVFAphroditePro.ttf') format('truetype'),
         url('fonts/UVFAphroditePro.svg') format('svg');
}


@font-face {
    font-family: OS;
    src: url('fonts/OpenSansRegular.eot');
    src: url('fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('fonts/OpenSansRegular.woff') format('woff2'),
         url('fonts/OpenSansRegular.woff') format('woff'),
         url('fonts/OpenSansRegular.ttf') format('truetype'),
         url('fonts/OpenSansRegular.svg') format('svg');
}

@font-face {
    font-family: OSB;
    src: url('fonts/OpenSansBold.eot');
    src: url('fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('fonts/OpenSansBold.woff') format('woff2'),
         url('fonts/OpenSansBold.woff') format('woff'),
         url('fonts/OpenSansBold.ttf') format('truetype'),
         url('fonts/OpenSansBold.svg') format('svg');
}

@font-face {
    font-family: 'UTMHelvetIns';
    src: url('fonts/UTMHelvetIns.eot');
    src: url('fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('fonts/UTMHelvetIns.woff') format('woff2'),
         url('fonts/UTMHelvetIns.woff') format('woff'),
         url('fonts/UTMHelvetIns.ttf') format('truetype'),
         url('fonts/UTMHelvetIns.svg') format('svg');
}
/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility; }
a { text-decoration:none; color:#035bae; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; ; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ /* outline:1px solid #f97d17; */}
textarea:focus{ /* outline:1px solid #f97d17; */}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{  text-decoration: none !important;}
ul li{ list-style: none;}
/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}

.phantrang a {background:#193d71;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}

.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}

.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}

.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/***  Bổ sung chính ****/

#header{position: relative;  width: 100%;min-height: 100px; margin: 0 auto !important; background: transparent; }

#header a{ color: black;}

/******** logo  ********/

#banner img{ max-width: 100%}
.logo{ }
.logo img{ max-width: 100%; max-height: 100%;  }
/** menu */

#wrap_menu_des{width: 100%; position: relative; margin-top: -25px; z-index: 999; transition: all 0.5s }

#wrap_menu_des .container{background: url(../img/bg_menu.png) no-repeat center top; text-align: center;}
#wrap_menu_des.fix{ position: fixed; top: 0px; left: 0px; width: 100%; transition: all 0.5s; margin-top: 0px;}
.smenu{ display:none; padding:8px 5px; color:#FFF;}

.smenu img{ margin-left:10px;}

.smenu a{ color:#FFF;}

.imenu{ cursor:pointer;}


#menu{ position: relative; z-index: 999; text-align: right;}

#main-menu{ display: inline-table; }

#menu .menu_con{ background: url(http://cokhiquangcaosaigon.com/img/menu-center.png) repeat-x center top; width: calc(100% - 150px); margin: 0 auto;}

#menu .menu_con:before{content: ""; display: block;width: 90px; height: 100%; position: absolute; top: 0; left: 0; background: url(http://cokhiquangcaosaigon.com/img/menu-left.png) no-repeat left top;}

#menu .menu_con:after{content: ""; display: block;width: 90px; height: 100%; position: absolute; top: 0; right: 0; background: url(http://cokhiquangcaosaigon.com/img/menu-right.png) no-repeat right top;}
/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}

#back-top { position: fixed; bottom: 45px; right:5px; text-align:center; display:none;}

.button{ padding: 1px 15px; background: #0066FF; color:#FFF; border:none;  box-shadow: 2px 2px 0px #000000;}

.button-dk{ padding: 1px 16px; background: url(../img/gui.png) no-repeat left top; background-size: 100% 100%;  color:#FFF; border:none; box-shadow: none;  font-size: 14px; font-family: 'UTMAvo'; position: absolute; top: 4px ; right: 55px  }

.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;}

.center{ max-width:1200px; margin:0 auto; position:relative;}

.container{ width:1200px; margin:0 auto; position:relative; padding: 0px;}

.w-clear:after{ display:block; content:""; clear:both;}

.red{ color:#F00;}

.rb{ color:#F00; font-weight: bold; font-size: 18px;}

.addthis_native_toolbox{ margin-top:10px;}

.open-sans{ font-family: 'Open Sans', sans-serif;}

.mrb15{ margin-bottom:15px;}

.mrt15{ margin-top:15px;}

#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(http://cokhiquangcaosaigon.com/img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}

.ct-l.load{ background:url(http://cokhiquangcaosaigon.com/img/load.gif) no-repeat center; min-height: 200px;}

.del{text-decoration: line-through;}

.main-tit{   
    font-family: RCB;
    text-transform: uppercase;
    margin-bottom: 30px;
    border: 1px solid #fff
}

.main-tit h3{
    position: relative;
    font-size: 20px;
    padding:0px 20px;
    line-height: 40px;
    font-weight: normal;
    display: inline-block;
    margin: 0px;
    min-height: 40px;
    margin-left: 0px;
    margin-right: 37px;
    color: #4c4c4c;
}

.main-titi{ margin-top:25px; margin-bottom: 20px;  width: 100%; text-align: center;}

.main-titi h3{ font-size: 26px; font-family: OSB; color: #000;position: relative; text-transform: uppercase;  line-height: 30px;  margin-bottom: 0px; margin-top: 0px;  padding: 0px 0 10px 0; display: inline-block; }

.box-tab-tit{background: url(http://cokhiquangcaosaigon.com/img/bg-main-tit.png); background-size: auto 100%;font-family: SFEC;font-size: 25px;text-transform: uppercase; border-radius:0px 0px 0px 20px; overflow: hidden;margin-bottom: 10px;}

.box-tab-tit div{float: left; line-height: 30px; padding: 10px 25px; cursor: pointer;}

.box-tab-tit div.active{ background: #f2ab3b; color: #FFF;}

.box-tab-con{display: none;}

.box-tab-con:first-child{display: block;}

/* RP Iframe*/

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 10px; height: 0; overflow: hidden;}

.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #CCC;}
::-moz-placeholder{color: #CCC;}
:-ms-input-placeholder{color: #CCC;}
:-moz-placeholder{color: #CCC;}

/* Banner */
.box-top{ background: #f0f0f0; padding: 3px 0px; border-bottom: 1px solid #e6e6e6}
#banner{ position: absolute; top: 0px; left: 0px; z-index: 999; width: 100%;  background: url(../img/bg_banner.png) repeat-x left top;background-size: auto 100%  ;}
.banner-l{ width: 360px; float: left; }
.banner-r{ width: calc(100% - 370px); float: right; }

.top-banner{ background: #1fb8c4;}

.top-banner-l{float: left; line-height: 35px; font-size: 13px;font-weight: bold; text-transform: uppercase;}

.top-banner-l a{ color: #FFF; padding: 0px 10px;}

.top-banner-l a:first{ padding-left: 0px;}

.top-banner-l a:hover{ color: #FF0;}

.top-banner-r{float: right;}

.top-banner-r-1,.top-banner-r-2{display: inline-block; position: relative; margin-top: 5px;}

.top-banner-r-1{padding-right: 15px;border-right:1px dotted #64f1fc; margin-right: 10px;}

.top-banner-r-1 input{ line-height: 20px; background: none; border: 1px solid #6dcff6; padding-left: 20px; color: #FFF;}
.top-banner-r-1 input:focus{outline: none;}

.top-banner-r-1 input::-webkit-input-placeholder{color: #FFF;}

.top-banner-r-1 input::-moz-placeholder{color: #FFF;}

.top-banner-r-1 input:-ms-input-placeholder{color: #FFF;}

.top-banner-r-1 input:-moz-placeholder{color: #FFF;}

.top-banner-r-1 img{ position: absolute;top: 5px;left: 5px;cursor: pointer;}

.top-banner-r-2{ font-size: 12px;color: #FFF;text-transform: uppercase;}

.top-banner-r-2 img{}

/* Menu */
/* #menu{ position: absolute;bottom: 0;right: 0;} */

/* Slide */
#slider {width: 100%; text-align: center; position: relative; }
#slider .section{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 996 }

#slider .cont .text1{ margin-bottom: 20px; font-family: 'UTMHelvetIns'; font-size: 50px; line-height: 50px; color: #f00}
#slider .cont .text2{ margin-bottom: 20px; font-family: 'UTMHelvetIns'; font-size: 25px; line-height: 40px; color: #f00}

/* Footer */
#footer{  background: #fff; padding: 15px 0px 20px 0px;   color: #000; }

.ft-1{width: 580px ;float: left; }

.ft-2{width: calc(100% - 620px) ;float: right; margin-left: 40px;text-align: right; }

.text-dk{color:#fff; font-size: 13px; font-family: 'Roboto'; line-height: 20px; margin-bottom: 10px;}

.frm_ft input,.frm_ft textarea{margin-bottom: 5px;width: 100%;line-height: 20px}

.frm_ft div{ text-align: center;}

.frm_ft input[type="submit"]{ display: inline-block; width: auto; font-size: 12px; background: #2abcc7; padding: 0px 10px; border: none;}

#footer-bottom{ padding: 10px 0px; background: #33C1C3;  color: #FFF; font-size: 12px; text-align: center; }

/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}

.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}

.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}

.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}

.lh-con-r *{max-width: 100%;}

.lh-con-r .input{width: 100%;}

.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px;}

/* San pham */
.box-sp{ position: relative; overflow: hidden; }
.box-pro{width: calc(100% - 35px); margin-right: 35px; margin-bottom: 30px; padding: 5px; background: #fff}

.box-sp-img{ text-align: center;  position: relative; margin: 0 auto; width: 100% ; }
.box-sp-img .img{ position: relative; width: 100% ; height: 100%; overflow: hidden; transition: all .5s ease;}
.box-sp-img .chitiet{ position: absolute; bottom: 0px; left: 0; width: 100%; text-align: right; height: 41px; background: url(http://cokhiquangcaosaigon.com/img/chitiet.png) no-repeat left top ; background-size: 100% 100%; line-height: 25px; font-family: RCR; font-size: 13px; padding-right: 3px; z-index: 99; color: #FFF; padding-top: 15px; }

.box-sp-img img{ 
 -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
        }

.box-sp-img img:hover{
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
            transform: scale(1.1);
}


.product-buy {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
    top: calc(50% - 19px);
}
.product-buy a.muanhanh {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 3px;
    background-color: #0AB906;
    font-family: RM;
    width: auto;
    height: auto;
    box-shadow: none;
    position: relative;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transform-origin: 50% 50% 0px;
    transform-style: flat;
    transform: matrix3d(1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.product-buy a.muanhanh span {
    display: inline-block;
    border: 1px solid #fff;
    padding: 2px 12px;
}
.product-buy a.muanhanh:hover{
    color: #FF0
}
div.box-sp .img:hover .product-buy a.muanhanh, .slick-probc .img:hover .product-buy a.muanhanh
{
    visibility: inherit;
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform-style: flat;
    transform: none;
    transition-delay: 0.2s !important;
}



.box-sp-name{ width: 100%;  margin: 0px auto 0px ; line-height: 20px; min-height: 40px; }
.box-sp-name a h3{ color: #4a4a4a;  font-size: 15px;  text-decoration: none;  padding: 0px 5px; line-height: 22px; font-family: RR;text-align: center; margin-top: 15px;  margin-bottom: 12px; text-transform: uppercase;}
.box-sp-name a:hover h3{ color: #F00; text-decoration: none;}

.box-sp .box-sp-gia{ font-size: 15px ; width: 95%;margin: 0 auto;margin-bottom: 5px; font-family: RR; text-align: center; color: #3E3E3E;}
.box-sp .box-sp-gia span{ color: #FE0000; font-size: 14px; font-weight: 500;}

.info-ten { border: 1px solid #dbdbdb; position: relative; display: block}
.info-ten:before{ content: ''; width: 135px; height: 3px; position: absolute; top: -2px; left: 35px; background: url(http://cokhiquangcaosaigon.com/img/trang.png) no-repeat left center;}

.box-hieuung-sp:hover .img span.span_cont {
    background: rgba(0,0,0,0.4);
}
.box-hieuung-sp:hover .img img{transform: scale(1.2);}

.box-hieuung-sp .img span.span_cont {
    position: absolute;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.box-hieuung-sp span.span_cont{position: absolute;transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); display: flex;flex-wrap: wrap; align-items: center;align-content: center; justify-content: center;flex-direction: column; width: 100%;height: 100%;top:0px;left: 0px;}
.box-hieuung-sp span.span_cont p{line-height: 20px;display: inline-block; text-align: center; font-size: 13px; color: #fff;}
.box-hieuung-sp span.span_cont p.price{border-bottom: 1px solid #fff;padding:0px 20px;font-size: 16px;}
.box-hieuung-sp span.span_cont p.price{
    webkit-transition: -webkit-transform 0.50s;
    transition: transform 0.50s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.box-hieuung-sp:hover .img span.span_cont p.price{
   -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.box-hieuung-sp .img p.name{position: relative;opacity: 0;bottom:-40px;transition: all 0.5s ease;}
.box-hieuung-sp:hover .img p.name{bottom:0px;opacity: 1;}
.box-hieuung-sp p.description{position: relative;top:-80px;opacity: 0;transition: all 0.5s ease;}
.box-hieuung-sp:hover p.description{top:0px;opacity: 1;}
.box-hieuung-sp p.type{position: relative;top:-20px; transform: scale(0);transition: all 0.5s ease;display: inline-block;background-color: #eab134 !important;padding:0px 10px;font-size: 14px;border-radius: 4px;-moz-border-radius:4px;}
.box-hieuung-sp:hover p.type{transform: scale(1);}
/*****/
.ct-l{width: 48%;float: left;}

.ct-r{width: 48%;float: right;}

.vach{ width: 100%; margin: 5px auto; background: url(http://cokhiquangcaosaigon.com/img/line_ngang.png) repeat-x left top; content: ''; height: 8px;}
.info-pro-detail{
    padding: 5px;
    margin: 5px 0;
    background: #bfebef;
    border: 1px solid #6aa5c1;
    border-top: 5px solid #6aa5c1;
}
.title_thongtin{
    color: #0066FF;
    font-weight: bold;
}

/*****dịch vụ trang chủ****/
.chitiet{ text-align: right; margin-top: 15px;}
.chitiet a{ padding: 5px 20px; color: #F00; font-family: RCR; font-size: 14px;}
.chitiet a:hover{ color: #FFF; text-decoration: none; background: #000; border-bottom: 3px solid #F00;}
/* Tin tuc */
.box-news{line-height: 20px;width: 48%; float:left; padding: 5px; margin-bottom: 20px; font-family: RCR; margin-right: 4%;}
.box-news:nth-child(2n){ margin-right: 0px;}
.box-news:nth-child(2n+1){clear: both;}
.box-news-img { width:  165px; float: left; margin-right: 20px;}
.box-news-img img{  border: 1px solid #CCC; padding: 5px; background: #fff;}

.box-news h3{margin: 7px 0px ; sans-serif; text-align: left;  }

.box-news h3 a{ font-size: 18px; color:#115AA6;}

.box-news-date p{ color: #036EE8;  font-style: italic; padding-bottom: 5px;}

.box-news-mota{ font-size: 14px;}

h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}

.box-newsi{width: 100%;float: none; margin: 0px 0px 15px;border: none;}

.box-newsi h3{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.box-newsi div{text-align: justify;}

.box-newsi .box-news-img{border-radius: 10px; overflow: hidden;}

.box-newsi .box-news-img img{border-radius: 8px; overflow: hidden;}

/* Container */
#container{ padding-bottom: 20px;}


.right{width: 265px;float: right; margin-top: 35px;}

.right ul{ margin: 0px;}

.right ul li{border-bottom: 1px solid #CCC; padding: 5.2px 5px; list-style: none;}

.left{width: calc(100% - 285px);float: left; margin-top: 20px;}

/* Index */
.i-l{width: 48%;float: left;}

.i-r{width: 48%;float: right;}

.video{position: relative;}

.video-l{width: 48%;}

.video-r{width: 52%; background: #1fb8c4;top: 0;right: 0;position: absolute; height: 100%; overflow: auto; padding: 15px 20px; color: #FFF;}

.box-thanhtich{position: relative;}

.box-thanhtich-img{}

.box-thanhtich h3{position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px; background: rgba(0,0,0,0.6); font-family: SFEC; font-size: 20px; font-weight: normal; margin: 0px;text-align: center;}

.box-thanhtich a{ color: #FFF;}

.wi4{margin-top: 20px;}

.wi4 img{float: left;}


/*********** bổ sung dịch vụ************/
.item_dvl{ position: relative;  border: 1px solid #ccc;margin-bottom: 20px;}

.img_dvl{ margin: 5px; position: relative; text-align: center; }

.name_dvl{ position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(http://cokhiquangcaosaigon.com/img/mo2.png)  center; text-align: center; }

.name_dvl h3{ line-height:  25px; text-transform: uppercase; color: #FFF; font-family: RCB; font-weight: bold; font-size: 19px; padding: 10px 0px; margin: 0px;}

/********** trang chủ ***********/
.main-ti{ color: #000;margin-top:10px; margin-bottom: 10px;text-align: center; }

.main-ti h2{display: inline-block; font-size: 25px; margin: 0px; font-family: 'RCB'; color: #007236; position: relative; text-transform: uppercase; padding-bottom: 10px;}

/* .main-ti h2:before{ content: ''; display: block; width: 10px ; height: 100%; background: url(../img/xanh.png) no-repeat left 6px; position: absolute; top: 0; left: 0;} */

.main-ti h2 span{color: #872B01; }

.item-content{ margin: 10px 0px;}

.img_gt { margin-bottom: 15px;}

.mota_gt{ line-height: 20px; text-align: justify;}

.xemthem{ text-align: right; margin-top: 5px; }
.xemthem a{ color: #262626; font-size: 15px;  padding: 14px 35px ; border: 1px solid #34c1c4  ;transition: all 0.5s;}
.xemthem a:hover{     color: #F00; border: 2px solid #C0CDE0; border-radius: 5px;box-shadow: 0 0 5px #ccc; transition: all 0.5s;}
.xemthem i{ margin-left: 5px;}
/* Tin tuc trang chủ*/
.box-news-tc{line-height: 20px; width: 565px; min-height: 120px;margin: 0px auto;  padding-bottom: 8px 5px; margin-bottom: 10px; }

.box-news-tc-img{ width: 100%; height: 330px;margin: 0 auto ;text-align: center; margin-bottom: 20px;}

.box-news-tc-img img{width: 100%; margin-bottom: 15px;}

.box-news-tc h3{ margin: 10px 3px;padding-bottom: 15px; }

.name-news-tc, .mota_tin{ margin: 0 auto; padding: 0px !important; }

.box-news-tc h3 a{color:#EA9301; font-size: 17px;  font-family: 'UTMAvo'; text-transform: uppercase; }

.mota_tin{ font-size: 15px; color: #000; text-align: justify; font-family: 'UTMBryantLG';}

/******** đối tác ********/
.img-doitac img{ padding: 5px; }

.footer_content{}
.foot_top{ border-bottom: 1px solid #ccc; padding-bottom: 10px;}

.ft-b1, .ft-b2, .ft-b3{ width: 28%; float: left;}
.ft-b4{ float: left;}

.title-fb{ font-size:  16px; font-family: 'UTMAvo'  ; margin-top: 0px; color: #fff; text-align: left; text-transform: uppercase; margin-bottom: 15px;}

.item-f ul li{ line-height: 25px; padding: 0px ; margin: 0px;}

.item-f ul li a{ color: #F3F3F3; font-size: 14px;}

/***** bổ sung chi tiết sản phẩm ***/
.ct-img{ border: 1px solid #ccc; box-shadow: 0px 0px 5px #ccc; text-align: center; background: #fff;}

.ct-img img{ width: 100%}

/** top **/
.abso{ position: absolute; top: -2px; right: 0px; background: url(http://cokhiquangcaosaigon.com/img/hot_r.png) no-repeat right top; width: 475px; text-align: center; color: #FFF; padding: 5px 0px;}
.box-intro{ height: 45px; background: #F5F5F5; padding: 3px 0px; margin-bottom: 3px;}
.item_ban{ width: 440px; float: left; margin-right: 10px;}
.item_ban1{ width: 650px ; float: left; margin-right: 10px; }
.item_ban2{ width: calc(100% - 670px); float: right; margin-right: 10px; text-align: right; }

.email{ text-align: right; }

.mxh{ float: right; width: 50%; text-align: right;}

.mangxahoi a{ margin-right: 10px;}

.time-open{ display: inline-block; margin-right: 20px;}
.mangxh2{ text-align: right; color: #FFF; font-family: RCR; display: inline-block; }
.mangxh2 span{line-height: 40px;}
.mangxh2 img{ max-width: 27px; margin-left: 5px;}


.lang{ position: absolute; top: 35px; right: 8%; z-index: 99999; }

.lang img{ width: 40px; }

.lang a{ display:  inline-block; cursor: pointer;}

.lang_res{ display: none;}

.timkiem { position: relative; width: 380px; margin: auto 0 auto auto;    }

.timkiem input.tu_khoa { width: 100%; padding:0px 15px;  background: #fff; border: none;   font-size: 12px;  font-family: RCR; color: #FFF; height: 37px; outline: none !important; line-height: 37px; border-radius: 10px; border: 1px solid  #cbcbcb; }

.timkiem input.btn_img {
    position: absolute;
    top: -0.5px;
    right: -1px;
    width: 115px; 
    background: #F00;
    height: 37px;
    border: none;
    color: #fff !important; 
    line-height: 37px; 
    border-radius: 0 10px 10px 0;
    text-align: center;
    font-size: 13px;
    font-family: RB
}

.timkiem input.btn_img::-webkit-input-placeholder { /* Chrome 21 */
    color: #fff;
}
.timkiem input.btn_img:-moz-placeholder { /* Firefox 17 */
    color: #fff;
}
.timkiem input.btn_img:-ms-input-placeholder { /* IE 10 */
    color: #fff;
}

.timkiem input::-webkit-input-placeholder { /* Chrome 21 */
    color: #333;
}
.timkiem input:-moz-placeholder { /* Firefox 17 */
    color: #333;
}
.timkiem input:-ms-input-placeholder { /* IE 10 */
    color: #333;
}


.timkiem_res input.tu_khoa { width: 70%; padding: 9px 50px 8px 10px;  border: none;  background: #000; font-style: italic; margin-left: 5px; margin-top: 5px;  margin-bottom: 5px;}

.timkiem_res input::-webkit-input-placeholder { /* Chrome 21 */  font-style: italic; color: #616161}

.timkiem_res input:-moz-placeholder { /* Firefox 17 */ font-style: italic; color: #616161}

.timkiem_res input:-ms-input-placeholder { /* IE 10 */  font-style: italic;  color: #616161}

.timkiem_res input.btn_img { position: absolute; top: 7px;}

.header-top{ background: #f0f0f0;border-bottom: 1px solid #e6e6e6; min-height: 35px; font-family: RR; line-height: 35px; color: #666666; font-size: 13px;}

.box-banner-top{ padding: 7px 0px !important;  line-height: 20px;}

/**** TRANG CHỦ  ******/
.ti-1 { width: 32%;  float: left;}

.ti-2 { width: 66.5% ; float: right;}

/********* left *********/
.block{ width: 265px;  margin: 0 auto;}

.block .title{position: relative; padding-bottom: 6px; border-bottom: 5px solid #14A000; margin-bottom: 10px;}

.block .title h3{ line-height: 20px; margin:0px; color: #0ab906; font-family: RB; font-size: 15px; text-transform: uppercase; }

.box_tin{ display: block;  padding: 10px 0px;  border-bottom: 1px dotted #ccc;}

.img_tin img{ width: 75px; height: 55px;  border: 1px solid #ccc;  float: left; margin-right: 10px !important; }

.ten_tin a{  color: #333;  font-size: 12px;}

.ten_tin a:hover{ color: #F00; text-decoration: none;}

.img_sp{ width: 100%; margin-bottom: 10px;}

.ten_sp{ width: 100% ; text-align: center;}

.ten_sp h3 a{ width: 100% ; text-align: center; }
/*** video responsive ***/
.video-container {position:relative;padding-bottom:56.25%;padding-top:10px;height:0;overflow:hidden;margin-bottom: 1em;}

.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/***** *****/

.block2 ul{ margin-left: 0px; margin-bottom: 0px; } 
.block2 ul li{ list-style: none;padding-left: 40px; background: url(../img/list.png) no-repeat left 20px top 17px; border-bottom: 0.5px dashed #ccc; padding-top: 10px; padding-bottom: 10px; line-height: 24px;}
.block2 ul li:last-child{ border-bottom: none;}
.block2 ul li a{ color: #484848; font-size: 13px ; line-height: 24px; display: inline-block;  font-family: RR ; text-transform: uppercase;}
.block2 ul li:hover{ background-color: #ddd;}
.block2 ul li a:hover{ color: #F00;}

/******* cơ khí nhà xưởng *********/
.box-cokhi{ width: 380px;min-height: 400px; margin: 0 auto;background: #FFF;text-align: center; padding-bottom: 20px; border: 1px solid #ccc; }
.ck-img{ padding: 5px;}
.ck-name a{ font-size: 17px; font-family: RCB; color: #862B02; text-transform: uppercase;}
.ck-mota { font-family: RCR ; font-size: 14px; margin: 10px 15px;}

/******* tin tức -đối tác*********/

/***** chi tiết sản phẩm *****/
.col-left{ float: left; width: 44%;}
.col-right{ float: right; width: 51%;}
.ct-tit h2{ font-size: 22px; text-transform: uppercase; color:#F00 ; font-family: RCB;}


/** TAB ***/
.tab-nav ul li{ float: left; margin-right: 5%;  width: 30%; text-align: center;}
.item-dv a{ text-transform: uppercase; color: #000; font-family: RCB; padding: 5px 0px; font-size: 17px;}


.box-nhantin{ font-size: 13px; color: #DDDDDD; font-family: RCR; font-style: italic; padding: 0px 5px 0px 0px; line-height: 25px; margin-bottom: 10px;}
.copyright{ color: #fff;  font-size: 12px; }
.copyright span{ color: #FFF}

/*********/

.hinh-dv img{ max-width: 270px; margin:  10px auto;}
.ct-sp{ padding: 10px 0px; border-bottom:  1px solid #ccc; font-size: 14px;}
.ct-sp-gia span{ color: #F00; font-weight: 600;}
.footer_content1{ margin-bottom: 20px;border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.foot-top-1 { width: 50%; float: left;}
.foot-top-2 { width: 45%; float: right;}
.foot-top-1a { width: 40%; float: left;}
.foot-top-1b { width: 60%; float: right;}
.f1{ float: left; margin-right: 10px; width: }
.fo1, .fo2, .fo3{ width: 32%; float: left; line-height: 30px;}
.fo2{ text-align: center;}
.fo2 img{ margin-top: 5px;}
.fo3{ color: #EC3F3F ; text-align: right;}

/*************/
.tinkhac{ 
 padding: 20px 0px;
 background: #F5F5F5;
 margin-bottom: 20px;
}
.item-tinkhac{
    width: 31%;
    float: left;
    margin-right: 3.5%;
}
.item-tinkhac:last-child{ margin-right: 0px !important; float: right;}
.video-content{ width: 100%;}
.video_nho{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    padding-bottom: 5px;
}

.video_nho .hinh{
    height: auto;
    padding: 0px 5px;
}
.video_nho .hinh img{
    width: 100%;
}

.video_nho .hinh:hover{
    cursor: pointer;
}

.thongtin_video{
    text-align: center;
    font-size: 14px;
    font-family: RR;
    color: #ff6000;
    text-transform: uppercase;
    
}
.main_scroll{ 
    height: 250px;
    padding-top: 5px;
    padding-right: 10px;
}
.dichvunoibat{
    margin-bottom: 5px;
    border-bottom: 1px dashed #606060;
    padding-bottom: 5px;

}
.dichvunoibat .hinh{
    background-color: #FFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: left;
    width: 115px;
    border: 1px solid #e4e4e2;
    height: 85px;
    padding: 2px;
    margin-right: 10px;
}
.dichvunoibat .hinh img{ width: 100%; height: 100%; border: 1px solid #ccc;}
.dichvunoibat .ten{
    text-overflow: ellipsis;
    font-size:17px;
    line-height: 17px;
    font-weight:500;
    color: #393939;
    font-family: RCR;
    margin-bottom: 10px;
}
.dichvunoibat .ten a{
    color:#202020;
}
.dichvunoibat .ten a:hover{
    color:#c77000;
}
.dichvunoibat .mota{
    font-size:12px;
    color:#6d6d6d;
    line-height: 15px;
    text-align: justify;
}
.tieude_tinkhac{ color: #F00; font-size: 27px; text-transform: none; margin-bottom: 15px; font-family: RCR; background: url(http://cokhiquangcaosaigon.com/img/title.png) no-repeat left bottom; padding-bottom: 3px; line-height: 40px; padding-left: 60px; text-transform: uppercase;height: 52px;padding-top: 2px;}
.content-pt ul{ margin-top: 10px;}
.content-pt ul li{ list-style: none; padding-left: 20px; background:url(../img/node.png) no-repeat 5px 8px; }
.content-pt ul li a{ color: #696969; font-size:  13px; line-height: 17px;}

.tincungloai li{ list-style: none; background: url(../img/node.png) no-repeat 5px 7px;}

.tincungloai li a{ padding-left: 25px; color: blue; font-family: 'Arial'; font-size: 13px;}
.tincungloai li a:hover{ color: #F00;}
.gt_tc{ text-align: justify;}

/******/
.img-pt{ float: left; margin-right: 20px; margin-bottom: 5px; }
.img-pt img{ padding: 3px; border: 1px solid #ccc; background: #FFF;}
.mota-pt{ text-align: justify; font-size: 13px; font-family: RCR; color: #393939;}
.mota-pt h3{ font-family: RCR; font-size: 18px; margin-bottom: 10px;}
.chitiet_gt{ text-align: right;}
.chitiet_gt a{  margin-top: 7px; font-size: 13px; font-family: RCR; font-style: italic; color: #F00;}

.box-hinh{ float: left; margin-right: 41px;}
.box-hinh:last-child{ margin-right: 0px;}
.item-hinh{border:  1px solid #555; position: relative;}
.item-hinh:hover{border:  1px solid #333;}
.hover-ten{ width: 100% ; height: 100%; background: url(http://cokhiquangcaosaigon.com/img/hover.png) no-repeat center center;  position: absolute; top: 0; left: 0;
    -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;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}
.hover-ten-c{display: table; width: 100%; height: 100%; position: relative; } 
.hover-ten a{ display: table-cell; vertical-align: middle; text-align: center; font-size: 25px; font-family: 'UTMBryantLG'; color: #FFF; text-transform: uppercase;}

.item-hinh:hover .hover-ten{
    -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;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.dk_nhantin{ width: 100%; text-align: right;}
.button-nhantin{  margin-top: 10px; text-align: center; border-radius: 5px; padding: 1px 10px; background: #F00; }

.tin_n a{ font-size: 20px; font-family: 'UTMAvo'; font-weight: bold; text-transform: uppercase; color:#018943;}

/****** thống kê truy cập *** */
.box_thongke{ font-size: 13.5px;}
.box_thongke .ol{ background:url(../img/on.png) no-repeat center left; height:25px; line-height:25px;  padding-left: 30px;}
.box_thongke .tu{ background:url(../img/tuan.png) no-repeat center left; height:25px; line-height:25px;  padding-left: 30px;}
.box_thongke .th{ background:url(../img/thang.png) no-repeat center left; height:25px; line-height:25px;  padding-left: 30px;}
.box_thongke .ol span{ float:right;}
.box_thongke .ng span{ float:right;}
.box_thongke .th span{ float:right;}
.box_thongke .tong{ background:url(../img/tong.png) no-repeat center left; height:25px; line-height:25px;  padding-left: 30px;}
.box_thongke .tong span{ float:right;}

/***********/
.noidung_gt{ 
    text-align: justify; 
    -moz-text-align-last: center; 
    text-align-last: center;
}
.huychuong{ width: 100%; height: 504px; background: url(http://cokhiquangcaosaigon.com/img/bg_huychuong.png) no-repeat left top; background-size: 100% 100%; }
.box-fanpage{ width: 100%; height: 477px; background: url(http://cokhiquangcaosaigon.com/img/bg_buoi2.png) no-repeat left top; background-size: 100% 100%; display: table;}

.box-fanpage .fanpage{ display: table-cell; vertical-align: middle;}
.box-hc{ width: 560px;height: 320px; margin-top: 30px; float: left; text-align: center; }
.video{ width: 560px; height: 320px; margin-top: 40px; float: right; }

.img-hc{  width: 260px; height: 250px; margin: 0 auto; }
.img-hc img{ max-width: 100%; max-height: 100%;}

.row-bh{ width: 100%; height: 488px; background: url(http://cokhiquangcaosaigon.com/img/bg_la.png) no-repeat left top; background-size: 100% 100%;}
.map{ width: 570px;  float: left; margin-top: 30px;}
.htkh{ width: 570px;  float: right; margin-top: 30px;}
.box-htkh{ width: 100%; height: 325px; background: #FFF; text-align: center;}
.tit_tin { color: #FFF; font-family: RCR; font-size: 30px; text-shadow: 1px 1px 3px #333; margin-bottom: 25px; text-transform: uppercase;}

.img-htkh{  display: block; width: 100%; text-align: center;}
.img-htkh img{ padding-top: 20px;}
.col-te1{ width: 36%; float: left; text-align: right; margin-left: 7%;}

.col-te2{ width: 36%; float: right; text-align: left; margin-right: 7%;}
.col-te2 img{margin-bottom: 13px; margin-top: 10px;}
.col-te1 , .col-te2 { color: #393939 ; font-size: 14.15px ; font-family: RCR; font-weight: 500; text-align: center;}
/*** sản phẩm trang chủ ***/
/*---------------*/
.box-sptt{ width: calc((100% - 30px)/3); margin:0px 15px 15px 0px  ; float: left; position: relative;overflow: hidden; padding: 5px; border: 1px solid #ccc}
.box-sptt:nth-child(3n){ margin-right: 0px;}
.box-sptt:nth-child(3n+1){ clear: both;}
.effect-sadie .figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
    background: url(http://cokhiquangcaosaigon.com/img/mo.png);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

.effect-sadie .figcaption a h2 {
    color: #FFF; 
    font-weight: 500; 
    font-family: RCR; 
    font-size:29px; 
    text-transform:  uppercase;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,85%,0);
    transform: translate3d(0,85%,0);
}

.effect-sadie .figcaption::before,
.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding:1.5em 2em 2em 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

.effect-sadie:hover a h2 {
     color: #FFF !important;
     padding-bottom: 30px;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-85px,0);
}
.effect-sadie:hover .box-sptc-name1{ display: none;}

.effect-sadie:hover .figcaption::before ,
.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.sp-mota{ font-size: 17px; text-align: center; color: #FFF; font-family: RCL; font-weight: 400; text-align: justify;}
.sp-mota span{ color: #FF0000; font-family: RCR; font-weight: bold; font-size: 30px; text-align: center; display: block; margin-top: 40px;}
/*---------------*/
/*** add to cart **/
.ct-sp-btn{}
.ct-sp-btn input{}
.ct-sp-btn button{ background: #d60c0c; border: none; font-family: RCB; color: #FFF; font-size: 18px; padding: 5px 20px;}
.ct-sp-btn button:hover{ background: #DC1B1B;}

/* Gio hang*/
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}
#giohang{position: fixed;z-index: -1;width: 100%;height: 100%;top: 0px;left: 0;  background: rgba(0,0,0,0.5); opacity: 0;}
#giohang.active{z-index: 999; opacity: 1;}
.w-giohang{background: #FFF;position: relative;width: 800px;max-width: 100%; margin: 50px auto; border-radius: 5px;padding: 10px; transition:all 0.5s;top: -1000px; max-height: 90%;overflow: auto;}
#giohang.active .w-giohang{top: 0;}
.giohang-cl{position: absolute;top: 0px;right: 0px;cursor: pointer;}
.giohang-tit{ margin-bottom: 15px;font-family: RCR; font-size: 18px;}
.tbl-giohang .tr{ border-bottom: 1px solid #CCC;}
.tbl-giohang .th{ background: #eeeeee; padding: 2px 5px;}
.tbl-giohang .th:last-child{text-align: right; padding-right: 20px;}
.tbl-giohang .td{ padding: 5px 0px;}
.tbl-giohang .td:nth-child(1){width: 50%;}
.tbl-giohang .td:nth-child(2){ color: #F00; font-weight: bold;}
.tbl-giohang .td:nth-child(3),.tbl-giohang .th:nth-child(3){ width: 80px; text-align: center;}
.tbl-giohang .td:nth-child(3) input{ width: 50px;}
.tbl-giohang .td:nth-child(4){ text-align: right; font-weight: bold; color: #F00;}
.giohang-thanhtien{ font-family: RCB; text-align: right; font-size: 16px; margin-top: 10px; }
.giohang-thanhtien span{ color: #F00;}
.giohang-btn{margin-top: 10px;}
.giohang-btn-l{float: left;}
.giohang-btn-r{float: right;}
.giohang-btn-r button{ background: #d60c0c; color: #FFF; font-family: RCB; font-size: 16px; padding: 5px 15px;}

.box-spc{}
.box-spc img{width: 120px;float: left; border: 1px solid #CCC; margin-right: 10px;}
.box-spc a{ display: block; font-size: 12px;}
.box-spc .gh-name{ font-size: 14px; font-family: RCB;}

/* Thanh toan */
.left-tt{width: 60%;float: left; border: 1px solid #CCC; border-radius: 5px; padding: 10px;}
.right-tt{width: calc(40% - 20px);float: right; border: 1px solid #CCC; border-radius: 5px; padding: 10px;}
.thanhtoan-tit{margin: 10px 0px; background: #eeeeee;font-family: RCR;}
.thanhtoan-tit .step{width: 33.33%;float: left; padding: 5px 10px;}
.thanhtoan-tit .step span{ padding: 3px 10px; background: #999; color: #FFF; border-radius: 50%; margin-right: 10px;}
.thanhtoan-tit .step.active{ background: #f4f9fd;position: relative;}
.thanhtoan-tit .step.active:before{width: 20px;height: 100%;position: absolute;top: 0;right: 0;background: url(http://cokhiquangcaosaigon.com/img/step-at.png); background-size: 100% 100%;content: "";}
.thanhtoan-tit .step.active:nth-child(3):before{display: none;}
.thanhtoan-tit .step.active span{ background: #0099cc;}
.w-st1{ max-width: 400px; margin: 20px auto;}
.w-st1 label{font-weight: normal;}
.w-st1 input[type="text"]{ margin-bottom: 10px;}
.w-st1 input[type="button"],.w-st1 input[type="submit"]{width: 100%;border: none;padding: 5px 10px;background: #d60c0c; color: #FFF;}
.st1-pwd{display: none;}
.w-st1 .input{width: 100%; padding: 5px;}
.thongbao{font-weight: bold;color: #F00;}
.rtit{font-family: RCB; color: #555; font-size: 18px; margin-bottom: 10px;}
.rtit a{ float: right; font-size: 14px;}
.box-spr{ margin-bottom: 5px;padding-bottom: 5px; border-bottom: 1px solid #CCC;}
.box-spr-img{width: 30%;float: left; border: 1px solid #CCC;}
.box-spr h3{width: 40%;float: left; padding: 0px 10px; margin: 0; font-family: RCB; font-size: 15px;}
.box-spr-gia{width: 30%;float: left; text-align: right;}
.r-info-l{float: left;font-weight: bold;}
.r-info-r{float: right;font-weight: bold; color: #F00;}
.box-donhang{ margin-bottom: 10px;}
.box-donhang table{ width: 100% !important;}

/***********/
/*** thương hiệu ***/
.detail-th{ width: 48%; float: left; text-align: justify;}
.detail-th:last-child{ width: 48%; float: right;}
.title-th{ font-family: RCR; font-size: 30px; text-align: center; padding-bottom: 25px; background: url(http://cokhiquangcaosaigon.com/img/title_hoa.png) no-repeat center bottom; color: #9FCB00; text-transform: uppercase; margin-bottom: 20px;}

.item-video{ width: 23%; margin-right: 2.3333%; margin-bottom: 20px; float: left; position: relative;}
.item-video:nth-child(4n){ margin-right: 0px;}
.clound-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

/** cột trái **/
.slick-spbc{ text-align: center; }
.item-bc img{  padding:0px; margin: 0 auto;margin-bottom: 15px; border: 1px solid #EDEDED;}

/*** tin tức nổi bật ***/
#tin li{ border: none; padding: 3px 8px !important; }
.item-tt{ border: 1px solid #ddd; padding:8px 5px;}
.img-tt img{background: #FFF; }
.img-tt { float: left; margin-right: 8px; margin-bottom: 8px;}
.name-tt a h4{ color: #000; font-size: 14px; margin:0px 0px 3px 0px; line-height: 20px; font-family: RB }
.detail-tt p { font-size: 12px; text-align: justify; line-height: 16px;}


/******** đối tác ********/
#doitac{ position: relative; padding: 10px 0px;}
.doitac { margin: 20px 0px; position: relative;}
.img-doitac{max-width: 91% !important; }
.img-doitac img{ border: 1px solid #F2F2F2; background: #FFF; }

/** đối tác tiêu biểu **/
.item-dttb{ float: left; margin-right: 25px; margin-bottom: 25px; border: 5px solid #E8ECF5;}
.item-dttb:nth-child(3n){margin-right: 0px;}

/***/
.footer-top{ padding: 0px; border-bottom: 1px solid #36ABD9; position: relative;}
.box-ftin{ width: 425px; height: 100%;  background: url(../img/xanh.png); position: absolute; top: 0px; right: 60px; padding:  60px 37px; text-align: center; color: #fff; font-size: 16px;}
.box-ftin h3{font-family: 'UVFAphroditePro'; margin-bottom: 30px; font-size: 24px;}
.box-ftin p{ margin: 20px 0px 20px;}
.box-ftin  .number-hot{ color: #ff0000; font-size: 30px; font-family: 'UTMAvoBold'; margin-bottom: 25px; text-shadow: 2px 2px #fff, -2px 2px #fff, 2px -2px #fff,-2px -2px #fff;}
/*** trang chủ ***/
.tit_gioithieu span{ font-family: 'UTMDaiCoViet'; font-size: 46px; color: #E00202;}
.tit_gioithieu { font-family: 'UTMFacebook'; font-size: 25px; color: #0067C2; text-align: center; margin-bottom: 15px;}
.gt-right{ width: 48%; float: right;}
.gt-left{ width:  48% ; float: left;}
.box-lienhe{ width: 590px; height: 305px; background: url(http://cokhiquangcaosaigon.com/img/bg_lienhe.png) no-repeat left top;
background-size: 100% 100%;}
.title-contact{ text-align: center; margin-bottom: 15px;}
.title-contact h3{ font-weight: bold; font-size: 18px; color: #333;  border-bottom: 2px solid #333; display: inline; padding: 3px 15px; }
.tencty{ color:#FFF ; font-size: 18px; margin-bottom: 15px; font-family: RB; text-transform: uppercase; }

/**/
.bando{ text-align: right; margin-top: 20px;}
.bando a{ padding: 4px 18px; border: 1px solid #F00; color: #F00; font-size: 14px;}

ul.u_chinhanh { padding-left: 0px;}
ul.u_chinhanh  li{ list-style: none !important; display: inline-block; padding: 15px 25px ; border: 1px solid #ddd; background: #048ABF; color: #FFF; font-size: 15px; text-transform: uppercase; cursor: pointer;}

.xoay_rotate img{
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
.xoay_rotate img:hover{
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
.item-sp{overflow: hidden; position: relative;}
.item-sp:hover{ border: 1px solid #E79100; box-shadow: 0 0 8px #E79100;}
.item-sp a{ display: block; width: 100%; height: 100%}
.box-s img{
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}
.row-s{
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}

.item-sp .row-s::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.box-s:hover img {
    opacity: 0.8;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.box-s:hover .row-s::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.box-s h3 {
    font-size: 18px;
    color: #9C0F07;
    font-family: 'UTMAvoBold';
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid #9C0F07;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.box-s:hover h3 {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
/*** dịch vụ ***/
#dichvu{ background: url(http://cokhiquangcaosaigon.com/img/bg_dv.png) no-repeat left bottom; width: 100%; height:550px; position: relative;}
.slick-dichvu{}
.slick-dichvu .slick-list{padding: 0px 40px;}
.main-dv{ width: 800px; float: right; margin-top: 0px;}
.item-dv1{
    float: left;
    width: calc(100% + 20px);
    margin-left: -10px;
    position: relative;
}

.img-dv{
    border-radius: 50%;
    border: 6px solid #E7711B;
    box-shadow: 0 0 0 10px rgba(210, 181, 91, 0.3) inset;
    width: 265px;
    height: 265px;
    transition: all 0.5s ease-in-out 0s;
    margin: 20px auto 20px;
}

.item-dv2{
    float: left;
    margin-right: 25px;
    overflow: hidden;
    width: 280px;
}

.item-dv3 .img-dv{
    border-radius: 50%;
    border: 7px solid #E8A921;
    box-shadow: 0 0 0 6px rgba(210, 181, 91, 0.02) inset;
    transition: all 0.5s ease-in-out 0s;
    margin: 20px auto 20px;
}
.row-img-dv{
    border-radius: 50%;
    box-shadow: 0px 0px 5px #444;
    width: 265px;
    height: 265px;
    margin-bottom: 10px;
}

.item-dv2 .img-dv{
     box-shadow: 0px 0px 20px #ccc;
}

.img-dv:hover {
    box-shadow: 0 0 0 150px rgba(255,255,255, 0.5) inset;
    z-index: 999;
}
.img-dv h4 {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    padding-top: 110px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.8s ease-in-out 0s;
}

.img-dv:hover h4 {
    opacity: 1;
    transform: scale(1);
}
.tenlist {
    text-align: center;
   
   
}
.tenlist a{
    text-transform: none;
    color: #FFF;
    font-family: 'UTMFrenchVanilla'; 
    font-size: 25px; 
}
.img-dv1:hover{
     -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
.name-dv{
    text-align: center;
}
.name-dv a{ 
    font-family: 'UTMFrenchVanilla';
    font-size: 20px;
    text-transform: none;
}

/***/
.box-hotro-main{ width: 236px; height: 162px; margin: 0 auto; background: url(http://cokhiquangcaosaigon.com/img/bg_hotro.png) no-repeat center top; background-size:  100% 100%; padding-top: 110px; text-align: center; color: #000; font-size: 14px;}
.box-hotro-main p{ color: #FF0300; font-size: 25px; font-style: italic; font-weight: bold;}
.supp-item{ color: #383838; font-size: 15px; font-family: Arial; padding-left: 20px; padding-right: 20px; margin-top: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.supp-item:first-child{ border-bottom: 0px;}
.email-s{padding-left: 20px; margin-bottom: 10px;}

/*****/
.tit-tc{ font-size: 15px; margin-bottom: 15px; padding-bottom: 6px; border-bottom: 1px solid #0153DB}
.ft-2 ul{ margin-left: 0px;}
.ft-2 ul li{ list-style: none; background: url(../img/node_footer.png) no-repeat left top 9px;}
.ft-2 ul li a{ font-family: RR; padding-left: 15px;}

/*****/
.banner-right-t{ text-align: right; font-size: 12px; color: #666666; font-family: RR; margin-bottom: 12px; margin-top: 6px;}
.banner-right-t .hot-t{ margin-right: 10px; font-size: 20px; font-family: RCB; color: #FFF ; margin-top: 15px;  text-transform: uppercase;    }
.banner-right-t .hot-t span{ color: #ec100f;  }
.banner-right-t > div{ display:  inline-block; }
/*****/
.main-tit-l{ text-align: center; margin-bottom: 25px;}
.main-tit-l h3{ color: #0ab906; font-family: RCB; text-transform: uppercase; padding-bottom: 12px; background: url(http://cokhiquangcaosaigon.com/img/title.png) no-repeat center bottom; font-size: 26px;}

/****/
.linkdan {
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-bottom: 27px;
    font-size: 13px;
}
/****/

.menu_f{ padding-left: 0px;}

/** mua hàng**/
#exampleModal{position: fixed;z-index: -1;width: 100%;height: 100%;top: 0px;left: 0;  background: rgba(0,0,0,0.5); opacity: 0;}
#exampleModal.active{z-index: 999; opacity: 1;}
.modal-content{background: #FFF;position: relative;width: 800px;max-width: 100%; margin: 50px auto; border-radius: 5px;transition:all 0.5s;top: -1000px; max-height: 90%;overflow: auto;}
#exampleModal.active .modal-content{top: 0;}
#exampleModal .modal-header .close { margin-top: -10px;}
#exampleModal .modal-title { font-family: RR; color: blue}
.link-view-detail {
    text-align: center;
    text-decoration: underline;
    font-size: 13px;
    color: #333
}
/****/
.main-dknt{ padding: 30px; border: 1px solid #fff}
/*** đăng ký nhận tin ***/
.title-dk{ font-size: 22px; font-family: RCB;  color: #FF0; text-align: center;  margin-right: 30px; margin-top: 5px; margin-bottom: 15px; display: block;}

.cont-email{ display: inline-block; }

.email-dk{ width: 100%;  position: relative;outline: none; margin-bottom: 15px;}
.input_email{ width: 400px; border-radius: 0px; padding: 0px 10px ; font-size: 11.5px;  background: transparent;font-family: RR; position: relative;height: 45px; outline: none; outline: none; border-color: #fff; background: #f2f3f7}

.btn_email{ padding: 1px 20px 1px; background: #ff0000; color:#fff; border:none; border-radius: 0px;  text-transform: none; height: 44px; font-size: 15px; font-family: RCB; outline: none;}

.box-mail{ display: table; margin: 0 auto;}
.email-dk input::-webkit-input-placeholder { /* Chrome 21 */
    color: #333;
}
.email-dk input:-moz-placeholder { /* Firefox 17 */
    color: #333;
}
.email-dk input:-ms-input-placeholder { /* IE 10 */
    color: #333;
}

/****/
.main-content{
    padding: 30px 0px;   
}
.main-gioithieu{text-align: center; margin: 50px 0px 40px;}
.main-gioithieu .info{ width: 100%; }
.main-gioithieu .info h4{ color: #1b293c; font-family: OSB; line-height: 30px; text-transform: uppercase; margin-bottom: 30px; font-size: 30px;}

/*** tin tức trang chủ ***/
#main-tintuc .item{ width: calc((100% - 60px)/3); margin-right: 30px;  margin-bottom: 20px; float: left;} 
#main-tintuc .item:nth-child(3n){ margin-right: 0px;}
#main-tintuc .item:nth-child(3n+1){ clear: both;}
#main-tintuc .main-tin{ margin-top: 30px; margin-left: 43px;  margin-bottom: 30px; position: relative;}
#main-tintuc .main-tin h4{ margin: 0px; color: #000; font-size: 22px; font-family: RCB ; text-transform: uppercase;background: url(../img/line.png) no-repeat left bottom;padding-bottom: 10px;}

#main-tintuc .main-tin:before{ width: 39px; height: 34px; background: url(http://cokhiquangcaosaigon.com/img/video.png) no-repeat left top; content: ''; position: absolute; left: -43px; top: 0px;}

#main-tintuc .news .main-tin:before{ width: 36px; height: 38px; background: url(http://cokhiquangcaosaigon.com/img/icon-tintuc.png) no-repeat left top; content: ''; position: absolute; left: -36px; top: 0px;}

.item-tt.additional{ border: none;}
.item-tt.additional .img-tt{ padding: 4px; border: 1px solid #ccc}
.item-tt.additional .date-post{ color: #808080; font-size: 12px;}
.item-tt.additional .fa{ margin-right: 7px;}
.button-slick{ position: absolute; right: 5px; top: 5px;}
.button-slick ul{ padding-left: 0px;}
.button-slick ul li{ display: inline-block; cursor: pointer;}
.slick-duan .slick-next, .slick-duan .slick-prev{ display: none !important;}

/****/

.timeline{list-style:none;/*padding:5px 0 20px*/;position:relative; margin-left: 0px; width: 49%; float: left; margin-right: 2%}
.timeline:nth-child(2n){ margin-right: 0px;}
.timeline:nth-child(2n+1){ clear: both;}

/*.timeline:before{top:5px;bottom:0;position:absolute;content:" ";width:3px;background-color:#eee;left:2%;margin-left:-1.5px;}*/
.tldate{display:block;width:80px;background:#414141;border:3px solid #212121;color:#ededed;margin:0;padding:3px 0;font-weight:bold;text-align:center;-webkit-box-shadow:0 0 11px rgba(0,0,0,0.35);}
.timeline li{margin-bottom:20px;position:relative;}
.timeline li:before, .timeline li:after{content:" ";display:table;}
.timeline li:after{clear:both;}
.timeline li:before, .timeline li:after{content:" ";display:table;}
.timeline li .timeline-panel{width:865px;float:right;margin-right:3%;border:1px solid #d4d4d4;padding:10px;position:relative;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.15);box-shadow:0 1px 6px rgba(0, 0, 0, 0.15);}
/*.timeline li .timeline-panel:before{position:absolute;top:26px;left:-15px;right:auto;display:inline-block;border-top:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-bottom:15px solid transparent;border-left-width:0;border-right-width:15px;content:" ";}*/
/*.timeline li .timeline-panel:after{position:absolute;top:27px;left:-14px;right:auto;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;border-left-width:0;border-right-width:14px;content:" ";}*/
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after{top:0;right:0;display:none;border:0;}
.timeline li .tl-circ{position:absolute;top:23px;left:1.5%;text-align:center;color:#fff;width:45px;height:45px;line-height:35px;margin-left:-15px;z-index:9;background-repeat:no-repeat;background-size:contain;}
.timeline li .panel_giaphuc{width:85% !important;}
.timeline li .gp_logo{background:url('http://cokhiquangcaosaigon.com/images/logo_giaphuc-50.jpg') !important;background-size:cover;width:120px;}
.tl-heading h4 a{margin:0;color:#003C97;transition:all 1s;font-family:RCB;}
.tl-heading h4 a:hover{color:#ED1B24;}
.tl-body p, .tl-body ul{margin-bottom:0;}
.tl-body > p + p{margin-top:5px;}
/*.timeline li .timeline-panel{width:44%;}*/
.page-header h1{font-size:1.8em;}
ul.timeline:before{left:5px;}
.tldate{width:140px;}
ul.timeline li .timeline-panel{width:calc(100%);width:-moz-calc(100%);width:-webkit-calc(100% );}
ul.timeline li .tl-circ{top:22px;left:22px;margin-left:0;}
ul.timeline > li > .tldate{margin:0;}
ul.timeline > li > .timeline-panel{float:right;}
ul.timeline > li > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto;}
ul.timeline > li > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto;}
.pictimeline{width:180px;height:auto;float:left;margin:0px 10px 0px 0px;padding:5px;border:solid 1px #ccc;transition:all 1s;}
.pictimeline:hover{border:solid 1px #FF0000;border-radius:10px 10px;}
.pictimeline img{width:100%;height:auto;transition:all 1s;}
.pictimeline img:hover{border-radius:10px 10px;}
.readmoreabout{padding:5px 0px 0px 30px;font-style:italic;font-size:12px;font-weight:bold;background:url(http://cokhiquangcaosaigon.com/css/images/bg_readmore.png) no-repeat center center;position:absolute;bottom:1% !important;right:5% !important;}
ul.timeline p{padding:0px;margin:0px;}
ul.timeline h4{padding:0px;margin:0px;}
.timeline-panel .tl-body{font-family:RCR;font-size:15px;color:#464545;}

/*****/
.about_inner .cont{ position: relative; }
.about_inner .cont .name{ position: absolute; bottom: 0%; width: 100%; left: 0px; background: rgba(0,0,0,0.4); color: #fff; line-height: 22px; padding: 12px 0px; border-radius: 0px 0px 10px 10px; font-size: 15px;}

/*** dịch vụ ****/
.main-dichvu{ height: 800px; background-size: 100% 100% !important}
.cont-dichvu .item{ width: 50%; height: calc(800px/2); display: flex; float: left; align-items: center; text-align: center;}
.cont-dichvu .item .cont{ margin: 0 auto}
.cont-dichvu .item .cont .name{ font-size: 18px; text-transform: uppercase; font-family: OSB; line-height: 30px; margin-top: 15px; margin-bottom: 15px; color: #fff}
.cont-dichvu .item .cont .des{ width: 70%; line-height: 25px; color: #fff; font-size: 14px; display: none; transition: all 0.5s; margin: 0 auto;}
.cont-dichvu .item:nth-child(1){ background: url(../img/den.png); transition: all 0.5s;}
.cont-dichvu .item:nth-child(2) .name, .cont-dichvu .item:nth-child(3) .name{ color: #000}
.cont-dichvu .item:nth-child(4){ background: url(../img/den.png); transition: all 0.5s;}

.cont-dichvu .item:hover{  background: url(../img/xanh.png); transition: all 0.5s; }
.cont-dichvu .item:hover .name{ color: #fff}
.cont-dichvu .item:hover .des{display: block; transition: all 0.5s}