@charset "utf-8";
body{
	/*background-color:#363636;*/
}
.top_header{
	  background: #404041;
	  width: 100%;
	  height: 33px;
}
.top_header .top_header_span{
	  margin-right: 192px;
	  float: right;
	  padding-top: 7px;
}
#wapper{
	/*width:1000px;*/
	margin:0 auto;
}
#header{
	width:100%;float:left; 
	background: url(../images/bg_header.png) no-repeat;
	 /* position: absolute;*/
  z-index: 10000;
	}
#banner{
	width: 1000px;
	  /* float: left; 
	  height: 134px;*/
	  margin: 0 auto;
  }

.red-btn{padding:5px 15px;background:url(../images/datmua.png) no-repeat;color:#fff;text-decoration:none !important;cursor:pointer;}
.red-btn:hover{
	background-color:#650101;color:#9C3;border-radius: 10px;
}
.red-btn-xs{padding:4px 13px;font-size:13px;}
/** Main Menu */
#main-menu{
	  width: 100%;
  height: 50px;
  float: left;
  background: url(../images/nav_bg.gif) repeat-x; 
  /* border-bottom: solid 2px #650101; */
  opacity: 1;
  /*background: #0504ff;
  border-bottom: 2px solid #fe0908;*/
   /* border: 1px solid #c0c7d0;*/
	  margin-bottom: 5px;
}
#list-main-menu{
	width: 1000px;
    height: 50px;
  margin: 0 auto;
  padding: 0;
  float: left;
}
#list-main-menu>li{float:left;display:inline-block;  
	  margin: 0px 8px;
	/*background: url(../images/nav_line.gif) no-repeat left top;*/
	}
#list-main-menu>li:last-child{
	/*background: none;padding-left: 10px;*/
	}
#list-main-menu>li:hover>a{
	/*background: url(../images/hover_nav.png) no-repeat center center;
	height: 61px;*/

}
#list-main-menu>li:hover{
	/*background: #a7acb1;
	opacity: 0.5;*/

}
#list-main-menu>li>.active{
	/*background:url(../images/bg-chon.png) repeat-x;
	background: url(../images/hover_nav.png) no-repeat center center;*/
	/*opacity: 0.5;*/
	height: 50px;
}
/*#list-main-menu>li:last-child:hover{
	background: none;
}
*/
#list-main-menu>li.active_li{
	background: #a7acb1;
	/*opacity: 0.5;*/

}
#list-main-menu>li>a{
	   height: 50px;
  float: left;
  padding: 0 18px !important;
  line-height: 50px;
  color: #202020;
  text-decoration: none;
  font-family: Cambria;
  text-transform: uppercase;
  font-weight: bold;
    font-size: 14px;
  }
/** Submenu */
#list-main-menu > li:hover .submenu{margin-left:0;opacity:1;visibility:visible;}
.submenu{width:240px;height:auto;position:absolute;margin-top:40px;background-color:#009;border-left:solid 2px #000;padding:0;z-index:1000;
margin-left:70px;opacity:0;visibility:hidden;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.submenu > li{width:100%;float:left;list-style:none;}
.submenu > li:hover > a{background-color:rgba(0, 0, 0, 0.3);border-left:solid 2px #E37372;}
.submenu > li > a{width:100%;height:40px;float:left;padding-left:25px;line-height:40px;color:#fff;text-decoration:none;
transition:background 1s ease;-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-ms-transition:background 1s ease;
-o-transition:background 1s ease;}
/** Slider */
#slider-x{
	clear: both;
  width: 22%;
  height: 350px;
  /* float: left; */
  background: white;
  margin: 0 auto;
  font-style: italic;
  float: left;
}
#slider-new{
	/*clear: both;*/
  width: 77%;
  height: 350px;
  /* float: left; */
  background: white;
  margin: 0 auto;
  font-style: italic;
  float: right;
}
.jcarousel-skin-tango2 .jcarousel-container-horizontal {width:100%;float:left;height:230px;margin-top:17px;padding:0 20px;}
.jcarousel-skin-tango2 .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-tango2 .jcarousel-clip-horizontal{width:100%;height:230px;float:left;}
.jcarousel-skin-tango2 .jcarousel-item {width:310px;height:230px;}
.jcarousel-skin-tango2 .jcarousel-item-horizontal{float:left;margin-right:12px;}
.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px;margin-right:0;}



/** Content Wapper */
#content-wapper{width:100%;margin:auto;background: white;

/*min-height: 1668px;*/}

/** Left Column */
#left-col{width:22%;height:auto;float:left;}
#left-col1{width:22%;height:auto;float:left;  padding-top: 15px;}
.left-panel{width:100%;height:auto;float:left;margin-bottom:5px;
	/*border:solid 1px gray;background-color:#fff;
	*/}
.left-panel > .heading{  
	  width: 100%;
  height: 38px;
  float: left;
  padding-left: 15px;
  font-size: 24px;
  line-height: 44px;
  color: #fff;
  font-family: 'utm_cafetaregular';
  text-transform: uppercase;
  background: #3939f9;
	}
.left-panel > .body{
	  width: 100%;
  height: auto;
  float: left;
  /*border: solid 1px #ccc;*/
  margin-top: 3px;
    border-radius: 3px;
}
#product-nonem-list{width:100%;float:left;padding:0;list-style:none;margin:0}
#product-nonem-list > li{width:100%;float:left;border-bottom: 1px solid #ccc;}
#product-nonem-list > li:hover > a{color:#f44;font-weight:bold;}
#product-nonem-list > li > a{width:100%;float:left;padding-left:20px;line-height:27px;color:#002b61;text-decoration:none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;font-family: sans-serif;}
.product-nomen-list-style{float:left;margin-top:12px;}
.sub-nomen-left{width:100%;float:left;margin:0;padding:0;list-style:none;}
.sub-nomen-left>li{width:100%;float:left;}
.sub-nomen-left>li>a{width:100%;float:left;color:#03F;text-decoration:none;padding-left:25px;}
.sub-nomen-left>li>a:hover{color:#f33;}


/* Search */
#left-search{width:200px;float:left;height:30px;margin:10px 5px;border-color:#013499}

/* ADS */
.jcarousel-skin-tango3 .jcarousel-container-vertical{width:100%;height:480px;float:left;}
.jcarousel-skin-tango3 .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-tango3 .jcarousel-clip-vertical{width:243px;height:460px;padding:10px 30px;}
.jcarousel-skin-tango3 .jcarousel-item{}
.left-slide-img{width:100%;height:140px;float:left;padding:1px;border:solid 1px #800000;}
.col-md-4 {
    width: 25%;
}

.jcarousel-skin-tango .jcarousel-container-vertical{width:100%;height:190px;float:left;margin-left:13px;}
.jcarousel-skin-tango .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-tango .jcarousel-clip-vertical{width:200px;height:185px;top:5px;}

/* EXTEND LINK */
#link-wapper{width:200px;height:auto;float:left;overflow:hidden;position:absolute;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
#link-bg{width:100%;height:30px;float:left;background-color:#fff;border:solid 1px rgba(187, 187, 187, 0.52);
-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);
-ms-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);-o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);position:relative;z-index:100;}
#link-wapper:hover > #list-link{margin-top:30px;}
#link-wapper:hover #link-bg > span > b{color:#fff !important;}
#list-link{width:200px;height:auto;float:left;padding:10px;margin:0;margin-top:-145px;list-style:none;background-color:#fff;position:absolute;
transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
#list-link > li{width:100%;height:auto;float:left;}
#list-link > li > a{width:100%;float:left;padding:5px 0;border-bottom:solid 1px #ccc;}

/** Rigght Column */
#right-col{width: 77%;
height: auto;
float: right;
margin-left: 8px;
position: relative;
/*z-index: 999999999999;*/
}
.right-panel{
	width:100%;float:left;
	/*border:solid 1px #ccc;*/
	margin-bottom:10px;background-color:#fff;margin-top: 15px;}
.right-panel > .heading{  
width: 100%;
  height: 44px;
  float: left;
  font-size: 24px;
  line-height: 38px;
  font-family: 'utm_cafetaregular';
  text-transform: uppercase;
  /* border-radius: 4px; */
  border-bottom: 3px solid #3939f9;
  /* padding-top: 5px; */
  }
 .right-panel > .heading div{
	color: #fff;
    background: #3939f9;
  padding: 0px 15px;
  width: 220px;
  padding-top: 5px;
    border-radius: 7px 7px 0px 0px;
} 
.right-panel > .body{  
	width: 100%;float:left;padding:15px;padding: 0px;
  padding-top: 5px;
  
  }
.right-panel > .body .container{width:100%;}


.product-box{
	  width: 226px;
  height: 225px;
  float: left;
  text-align: center;
  margin-right: 20px;
	/*background:url(../images/bg-sp.png) no-repeat*/}
.product-box:hover{border-color:#000040;}
.product-box img{float:left;border:1px solid #ccc;
	  border-radius: 4px;
	/*margin: 8px;*/}
.product-box > ul > li{width:100%;float:left;color:#0A356A;font-size:15px;text-align: center;}
/* Partner */
#partner-wapper{width:100%;height:auto;float:left;}
#partner-box{width:100%;height:150px;float:left;}

.jcarousel-skin-tango1 .jcarousel-container-horizontal {width:100%;float:left;padding-left:8px;}
.jcarousel-skin-tango1 .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-tango1 .jcarousel-clip-horizontal{width:100%;height:160px;float:left;}
.jcarousel-skin-tango1 .jcarousel-item {width:220px;height:160px;}
.jcarousel-skin-tango1 .jcarousel-item-horizontal{float:left;margin-right:18px;}
.jcarousel-skin-tango1 .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px;margin-right:0;}

.jcarousel-skin-tango5 .jcarousel-container-horizontal {width:100%;height:140px;float:left;padding-left:8px;}
.jcarousel-skin-tango5 .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-tango5 .jcarousel-clip-horizontal{width:100%;height:142px;float:left;}
.jcarousel-skin-tango5 .jcarousel-item {width:157px;height:142px;}
.jcarousel-skin-tango5 .jcarousel-item-horizontal{float:left;margin-right:20px;}
.jcarousel-skin-tango5 .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px;margin-right:0;}



/* News page */
.new-nav > li{width:100%;float:left;}
.new-nav > li > a{
	  padding: 10px 5px;
	width:100%;float:left;
	/*border-left:solid 2px #fff;*/
	transition:all 0.5s ease;-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;

}
.new-nav > li > a > img{
border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.new-nav > li > a:hover img{
	border-color:#C00;
}
.new-nav > li > a .news-info{width:530px;float:left;margin-left:10px;color:#555;}
.new-nav > li > a .news-name{width:100%;float:left;font-size:13px;  font-weight: bold;}
.new-nav > li > a .news-description{width:100%;float:left;}
.news-pic{width:120px;height:80px;float:left;}

/** Footer */
#footer{width:100%;float:left;background:#3f40dd;   padding-bottom: 5px;}
.footer-nav{padding-top: 8px;
text-align: center;}
.footer-nav>li>a{color:#fff;font-size:14px;border-right:solid 1px #ccc;padding:0 16px 0 9px;}
.quytrinh{ color:white;background:url(images/aaa.png);width:450px; height:468px;position:fixed ; right :-400px;margin-top:215px;}
.quytrinh:hover{ color:white;background:url(images/aaa.png);width:450px; height:468px;z-index:999;position: fixed; right :0px;margin-top:215px;}

.img-thumbnail{
position: relative;
z-index: 0;
}

.img-thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.img-thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.img-thumbnail span img{
border-width: 0;
padding: 2px;
}

.img-thumbnail:hover span{
visibility: visible;
top: -100px;
left:100px;
}
.footer_bootom{
	clear: both;
	background: #ceefff;
	height: 30px;
	  line-height: 30px;
}
.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid;
  border-radius: 11px;
  margin-right: 4px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-radius: 11px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-radius: 11px;
}
.pagination>li>span{
	color: #f44;
}
.btn-warning {
  color: #fff;
  background-color: #1c6fb7;
  border-color: #eea236;
}

.product-box {
position:relative;
}
.product-box .textbox {
	margin: 4px 0px 0px 4px;
	width:181px;
	height:150px;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform: scale(0);
	transform: scale(0);
	border-radius:5px;
	background-color: rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
	box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
	text-align: center;
	color: #fff;
	opacity: 0.7;
}
.product-box:hover .textbox {
-webkit-transform: scale(1);
transform: scale(1);
}
.text {
padding-top: 50px;
}
.textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

/* Hiệu ứng Nhảy chữ */
/* html 
	<li><a class="three-d" href="<?=$lang?>/gioi-thieu.html" class=" <?=$com=='gioi-thieu'?'active':''?>"><?=change_lang('Giới Thiệu','About Us','關於我們')?>
			<!--<span aria-hidden="true" class="three-d-box">
				<span class="front">Trang chủ</span>
				<span class="back">Trang chủ</span>
			</span>
			-->
		</a>
		</li>
*/

.input_search_img{
	  float: left;
  margin-left: -28px;
  width: 24px;
    margin-top: 12px;
  border: none;
  background: url(../images/search.png) no-repeat;
}
.input_search{
      width: 161px;
  float: left;
  height: 26px;
  margin-top: 12px;
  border: none;
  background: #d6e7ee;
  outline-color: #f00;
  border-radius: 2px;
  padding: 3px;
  border: 1px solid #ccc;
  margin-top: 10px;
	
}
.menu_center{
	width: 1000px;
	margin: 0 auto;
}
.menu_center .logo{
	width: 100px;
	float: left;
}
.menu_center .logo img{
	width: 203px;
  height: 54px;
  padding-top: 3px;
}
/* end hieu ung nhay chu */
.panel_index{
	/*  background: #e5ebf1;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #d7d7d7;
  */
}
@font-face {
  font-family: 'utm_cafetaregular';
  src: url('../fonts/utm_cafeta-webfont.eot');
  src: url('../fonts/utm_cafeta-webfont.eot@#iefix') format('embedded-opentype'), url('../fonts/utm_cafeta-webfont.woff') format('woff'), url('../fonts/utm_cafeta-webfont.ttf') format('truetype'), url('../fonts/utm_cafeta-webfont.svg#utm_cafetaregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.nav-dichvu-index li{
	width: 25%;
}
.nav-dichvu-index li a .news-info{
	width: 100%;
	margin-left: 0px;
	text-align: center;
}
.nav-dichvu-index li a .news-pic{
	  width: 164px;
	height: 100px;
	  margin-bottom: 10px;
}
.nav-dichvu-index>li>a {
  position: relative;
  display: block;
  padding: 10px 11px;
}
.new-nav > li > a:hover img

{

	box-shadow: 0 0 8px #666;

	-moz-box-shadow: 0 0 8px #666;

	-webkit-box-shadow: 0 0 8px #666;

	opacity:0.8;

}
.new-nav > li > a:hover{
	background: none;
}
.new-nav > li > a:hover .news-info span
{
	color: #d9c200;
}
.new-nav > li > a > img

{
-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;
}
.list_video{
	list-style: none;
	padding: 0px;
	background: #e5ebf1;
	margin-top: -5px;
	border-radius: 0px 0px 4px 4px;
	padding-left: 5px;
	margin-bottom: 0px;
}
.list_video li:hover a{
	color:#d9c200;
	text-decoration: none;
}
.list_video li a{
	text-decoration: none;
}
.over_panel_right{
	border: 1px solid #dadada;
	border-radius: 5px;
	background: #0504ff;
}
#footer div div p{
	margin: 0 0 3px;
}
.sdt_over{
	  float: left;
  background: #efdc04;
  border-radius: 9px;
  padding: 5px;
  margin-right: 9px;
  font-weight: bold;
  width: 169px;
}
.right_panel_over{
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #d7d7d7;
}
.over-bottom-li > li{
	border-bottom: 1px dashed #d7d7d7;
}
.over-bottom-li > li:last-child{
	border-bottom: none;
}
.product-box a  img

{
-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;
}

.product-box a:hover img{
	box-shadow: 0 0 8px #666;

	-moz-box-shadow: 0 0 8px #666;

	-webkit-box-shadow: 0 0 8px #666;

	opacity:0.8;
}
.body img{
	max-width: 698px;
}


/* animation domination */
.three-d {
	perspective: 200px;
	transition: all .07s linear;
	position: relative;
	cursor: pointer;
}
	/* complete the animation! */
	.three-d:hover .three-d-box, 
	.three-d:focus .three-d-box {
		transform: translateZ(-25px) rotateX(90deg);
	}

.three-d-box {
	transition: all .3s ease-out;
	transform: translatez(-25px);
	transform-style: preserve-3d;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}


.front {
	transform: rotatex(0deg) translatez(25px);
}

.back {
	transform: rotatex(-90deg) translatez(25px);
	color: #ffe7c4;
}

.front, .back {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    padding: 0px;
	color: white;
	pointer-events: none;
	box-sizing: border-box;
	text-align: center;
}

.front{
    background-color: #0504ff;
	background: url(../images/nav_bg.gif) repeat-x; 
}
.back{
    background-color: #fe0908;
    color: #1B1464;
}
.ul-support {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ul-support li img{
	width: 27px;
	height: 27px;
}
.ul-support li{
	border-bottom: 1px solid #9193db;
	padding: 5px 0px 5px 15px;
	color: #fff;
}
#skypedetectionswf{
	display: none;
}
.product-item{
	width: 220px;
  height: 225px;
  float: left;
  text-align: center;
  margin-right: 20px;
}
.product-item .pic-image{
	width: 220px;
	height: 150px;
}
.product-item .pic{
  border: 1px solid #ccc;
  border-radius: 3px;
 }
 .product-title{
	font-weight: bold;
 }
 
 
 .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after {
    clear: both;
}
 
 #isotope {
    -webkit-transition: height .4s ease;
    transition: height .4s ease;
}

.portfolio-filter {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
}

    .portfolio-filter li {
        display: inline-block;
        margin: 0 3px 8px;
    }

        .portfolio-filter li a {
            background: #f4f4f4;
            color: #333;
            display: block;
            font-size: 16px;
            padding: 5px 15px;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
        }

            .portfolio-filter li a.active, .portfolio-filter li a:hover {
                background: #b11818;
                color: #fff;
                text-decoration: none;
            }
.view_all_product{
	bottom: 0px;
	position: absolute;
	text-align: center;
	padding-left: 45%;
}
.portfolio-item article {
    background: none;
    margin: 0 0 30px;
    opacity: 0;
    /*padding-bottom: 15px;*/
    text-align: center;
}

    .portfolio-item article .image-container {
        height: 0;
        padding-bottom: 65%;
        overflow: hidden;
        position: relative;
    }

        .portfolio-item article .image-container .image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
			background: #fff;
        }

            .portfolio-item article .image-container .image a {
                color: #fff;
                display: block;
            }

                .portfolio-item article .image-container .image a img {
                    max-width: 100%;
					width: 203px;
					padding-top: 15px;
                }

                .portfolio-item article .image-container .image a .info {
                    background: rgba(0,0,0,0.5);
                    font-size: 18px;
                    display: block;
                    line-height: 42px;
                    opacity: 0;
                    position: absolute;
                    left: 0;
                    top: -100%;
                    width: 100%;
                    height: 100%;
                    -webkit-transition: top .2s ease,opacity .2s ease;
                    transition: top .2s ease,opacity .2s ease;
                }

                    .portfolio-item article .image-container .image a .info span {
                        border: 2px solid #fff;
                        display: block;
                        margin: -25px 0 0 -25px;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        text-align: center;
                        width: 50px;
                        height: 50px;
                        -webkit-transition: all .2s ease;
                        transition: all .2s ease;
                    }

                        .portfolio-item article .image-container .image a .info span:hover {
                            border-color: #b11818;
                            color: #b11818;
                        }

                .portfolio-item article .image-container .image a:hover .info {
                    opacity: 1;
                    top: 0;
                }

    .portfolio-item article h4 {
        color: #333;
        margin-bottom: 5px;
    }

    .portfolio-item article .tags {
        color: #999;
    }
.logo li:nth-child(1) img {
  height: 80px;
  width: 143px;
  max-width: 144px;
}
.over-slider{
	width:100%; 
	margin: 0 auto;
	  overflow: hidden;
	border: 6px solid #f2f0f0;
}
.menucon  li a{
	display: block;
	  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.menucon li:hover { 
	
	
  visibility: visible;}
.menucon li a{
  
}
.menucon li a:hover{
background: #34495e; 
	text-indent: 20px;
	-webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
	
}