@font-face {
	font-family: 'supermarket';
	src: url('../fonts/supermarket/supermarket.eot');
	src: local('âÿº'), url('../fonts/supermarket/supermarket.woff') format('woff'), url('../fonts/supermarket/supermarket.ttf') format('truetype'), url('../fonts/supermarket/supermarket.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 
body {
	font-family: 'supermarket' !important;
	/*filter: grayscale(1); -webkit-filter: grayscale(1); filter: gray;*/
}
ul{
	padding: 0px;
    margin: 0px;
    list-style: none;
}
.clear {
	clear:both;
}
.width-100 {
	 width:100%;
}
.show {
    display: block !important;
}
.hide {
    display: none !important;
}

@media (min-width: 1200px){
.container {
   width: 1100px !important;
}
}


.unl-footer {
	background-color: #ebebeb;
}
.unl-footer > .unl-wrapper {

}
.unl-footer > .unl-wrapper > .unl-footer-menu {
	color: #242323;
    padding: 15px 0px 0px 0px;
}
.unl-footer > .unl-wrapper > .unl-footer-menu a {
	color: #242323;
	text-decoration: none;
}
.unl-footer > .unl-wrapper > .unl-footer-menu a:hover {
	color: rgba(36, 35, 35, 0.74);
	text-decoration: none;
}
.unl-footer > .unl-wrapper > .unl-footer-menu > .colunm {

}
.unl-footer > .unl-wrapper > .unl-footer-menu > .colunm ul {

}
.unl-footer > .unl-wrapper > .unl-footer-menu > .colunm ul li {

}
.unl-footer > .unl-wrapper > .unl-footer-menu > .colunm ul li.head {
	font-weight: bold;
    font-size: 14.46px;
    margin: 12px 0px 0px 0px;
}
.unl-footer > .unl-wrapper > .unl-footer-menu > .colunm ul li {
	font-size: 11.96px;
}
.unl-footer > .unl-wrapper > .unl-footer-menu .menu-faq {
	
}
.unl-footer > .unl-wrapper > .unl-footer-menu .menu-faq >ul li {
	float: left;
    padding: 0px 5px;
}
.unl-footer > .unl-wrapper > .unl-footer-menu .menu-faq >ul li > a {
	color: #008955;
}
.unl-footer > .unl-wrapper > .unl-footer-menu .menu-faq >ul li > a:hover{
	color: rgba(36, 35, 35, 0.74);
	text-decoration: none;
}

.unl-footer > .unl-wrapper > .unl-footer-menu .callcenter {
	
}

.unl-footer > .unl-wrapper > .unl-footer-menu .callcenter > h3 {
	font-size: 14.46px;
    color: #242323;
}

.unl-footer > .unl-wrapper > .unl-footer-menu .callcenter > .phone {
	padding: 4px 0px 13px 0px;
}

.unl-footer > .unl-wrapper > .unl-footer-menu .callcenter > .phone > .icon{
	float: left;
}

.unl-footer > .unl-wrapper > .unl-footer-menu .callcenter > .phone > .icon img{
	
}

.unl-footer > .unl-wrapper > .unl-footer-menu .callcenter > .phone > .number{
	float: left;
    color: #0197d6;
    font-size: 43px;
    line-height: 33px;
    padding: 0px 0px 0px 5px;
}

.unl-footer > .unl-wrapper > .unl-footer-menu .line{
    padding: 9px 0px 4px 0px;
}
.unl-footer > .unl-wrapper > .unl-footer-menu .line > img{
    max-width:100%;
}
.unl-footer > .unl-wrapper > .unl-footer-menu .social {
padding: 0px 0px 15px 0px;

}
.unl-footer > .unl-wrapper > .unl-footer-menu .social > h3 {
	font-size: 14.46px;
    color: #242323;
    font-weight: bold;
}
.unl-footer > .unl-wrapper > .unl-footer-menu .social > ul {}
.unl-footer > .unl-wrapper > .unl-footer-menu .social > ul li{
	float: left;
    padding-right: 7px;
}
.unl-footer > .unl-wrapper > .unl-footer-menu .social > ul li img{}
.unl-footer > .unl-wrapper > .unl-footer-menu > .colunm-4 {

}
.unl-footer > .unl-wrapper > .unl-footer-menu .social > select {
	    border: none;
    padding: 5px 20px 5px 20px;
    width: 226px;
    border-radius: 26px;
    color:#5f5f5f;
}
.unl-footer > .unl-wrapper > .copyright {
	padding: 20px 0px;
}

.unl-footer > .unl-wrapper > .copyright ul {
	text-align: center;
    margin: 0 auto;
    /* width: 587px; */
    display: table;
}

.unl-footer > .unl-wrapper > .copyright ul li{
	float: left;
    padding: 0px 6px;
}

.unl-footer > .unl-wrapper > .copyright ul li a {
	color: #242323;
}

.unl-footer > .unl-wrapper > .copyright ul li a:hover {
	color: rgba(36, 35, 35, 0.74);
	text-decoration: none;
}
.unl-footer > .unl-wrapper > .footer-product-slider{
	    background-color: #fff;
    border-radius: 96px;
    margin: 25px 0px 14px 0px;
}
.unl-footer > .unl-wrapper > .footer-product-slider .prev {
    width: 41px;
    position: absolute;
    font-size: 44px;
    color: #dbddde;
    margin: 35px 0px 0px 21px;
    cursor: pointer;
}
.unl-footer > .unl-wrapper > .footer-product-slider .next {
	width: 41px;
    position: absolute;
    font-size: 44px;
    color: #dbddde;
    margin: 35px 0px 0px 918px;
        cursor: pointer;
}



.unl-footer > .unl-wrapper > .footer-product-slider ul {
	margin: 0px 89px;
}
.unl-footer > .unl-wrapper > .footer-product-slider ul li {
    float: left;
    padding: 13px 0px;
}
.unl-footer > .unl-wrapper > .footer-product-slider ul li img{
}

.unl-news-letter {
	    background-color: #474747;
    color: #fff;
    padding: 31px 0px 12px 0px;
}

.unl-news-letter .icons {
	float: left;
    width: 55px;
}

.unl-news-letter .icons img{
	   
}
.unl-news-letter .head {
	   padding-left: 64px;
    font-size: 37px;
}

.unl-news-letter .head span{
	font-size: 15px;
    margin: 0px 0px 0px 4px;
}
.unl-news-letter .btn-resgis-news {
	background-color: #0197d6;
    border-radius: 50px;
    padding: 1px 23px 4px 24px;
    margin: 7px 0px 0px 60px;
    font-size: 13px;
    width: 313px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
	display: block;
}
.unl-news-letter .btn-resgis-news span{
font-size: 18px;
    text-transform: capitalize;
    font-style: italic;
}
.unl-news-letter .like-box-fb {
border-left: 1px solid #5a5a5a;

}
.unl-news-letter .like-box-fb .like-us{
    font-size: 25px;
    width: 76px;
    line-height: 18px;
    height: 89px;
    float: left;
    padding: 26px 0px 0px 0px;
 
}
.unl-news-letter .subscribe{
	padding: 0px 0px 22px 0px;
}
.unl-news-letter .like-box-fb .like-us span{
	font-size: 14px;
 
}
.unl-news-letter .like-box-fb .fb-like-box{
	     margin: -7px 0px 0px 0px;
 
}

.unl-nearby {
	background-color: #008955;
    color: #fff;
    padding-bottom: 14px;
}
.unl-nearby .unl-chance > h3 {
	font-size: 25.71px;
}
.unl-nearby .unl-chance > ul {
	
}
.unl-nearby .unl-chance > ul li {
	float: left;
    padding: 0px 3.8px 0px 3.8px;
}
.unl-nearby .unl-chance > ul li.vbar{
	    color: rgba(16, 16, 16, 0.21);
}
.unl-nearby .unl-chance > ul li a {
	font-size: 15.16px;
    color: #fff;
    text-decoration: none;
}
.unl-nearby .unl-chance > ul li a:hover {
	color: rgba(36, 35, 35, 0.74);
	text-decoration: none;
}

.unl-nearby .unl-chance >.thumb {
	    padding: 14px 0px 0px 0px;
}
.unl-nearby .unl-chance >.thumb img{
	max-width: 100%;
}

.unl-nearby .unl-nearby-list > h3 {

}
.unl-nearby .unl-nearby-list > h3 img {
	    vertical-align: sub;
}
.unl-nearby .unl-nearby-list > ul {
	padding: 7px 0px 0px 0px;
    background-image: url(../images/icons/icon-bg-map.png);
    background-repeat: no-repeat;
    background-position: center;
}
.unl-nearby .unl-nearby-list > ul li {
	    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.81);
    padding: 8.4px 18px;
    background-image: url(../images/icons/icon-nearby-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}
.unl-nearby .unl-nearby-list > ul li:hover {
	background-color: #fff;
	background-image:none;
	color:#0197d6;
	cursor: pointer;
}
.unl-nearby .unl-nearby-list > ul li:hover a {
	color:#0197d6;
}
.unl-nearby .unl-nearby-list > ul li.last {
	border-bottom: 1px solid;
}
.unl-nearby .unl-nearby-list > ul li a {
	color: #fff;
    text-decoration: none;
    font-size: 16.56px;
    width: 100%;
}
.unl-nearby .unl-nearby-list > ul li a:hover {
	text-decoration: none;
}
.unl-nearby .unl-nearby-list .bg {

}


.unl-news {
	background-color: #fff;
    color: #999;
    padding: 25px 0px 17px 0px;
}
.unl-news .unl-ads {
	    background-color: #f5f5f5;
}
.unl-news .unl-ads > h2{
	background-color: #008955;
    padding: 12px 11px;
    color: #fff;
    font-size: 24px;
    margin: 0;
}
.unl-news .unl-ads > h2 img {
vertical-align: middle;
}
.unl-news .unl-ads > .description {
	padding: 18px;
}
.unl-news .unl-ads > .description > .title {
	font-size: 19.14px;
    color: #37382d;
    line-height: 19px;
}
.unl-news .unl-ads > .description > .desc {
	font-size: 13.12px;
    width: 100%;
    height: 18px;
    word-break: break-word;
}
 
.unl-news .unl-ads > .description > .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 9px 0px 0px 0px;
}
  
.unl-news .unl-ads > .description > .video iframe,
.unl-news .unl-ads > .description > .video object,
.unl-news .unl-ads > .description > .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
.unl-news .unl-ads > .description {
	
}

.unl-news .unl-activity {
	    background-color: #f5f5f5;
}
.unl-news .unl-activity > h2{
	background-color: #008955;
    padding: 11px 11px;
    color: #fff;
    font-size: 24px;
    margin: 0;
}
.unl-news .unl-activity > h2 img {
vertical-align: middle;
}
.unl-news .unl-activity > .description {
	    padding: 3px 0px 0px 0px;
}

.unl-news .unl-activity > .description > ul {
	
}
.unl-news .unl-activity > .description > ul li {
	    padding: 23.3px 19px;
    border-bottom: 1px solid #ccc;
}
.unl-news .unl-activity > .description > ul li:hover {
	background-color: #fff;
}
.unl-news .unl-activity > .description > ul li.last {
    border-bottom: 0px;
    background-color: #e9e9e9;
}
.unl-news .unl-activity > .description > ul li.last:hover {
	background-color: #fff;
}
 
.unl-news .unl-activity > .description > ul li .thumb {
    width: 205px;
    height: 125px;
    float: left;
	overflow: hidden;
}
.unl-news .unl-activity > .description > ul li .thumb img {
	    width: 100%;
}
.unl-news .unl-activity > .description > ul li .text {
	    float: left;
    padding: 0px 0px 0px 13px;
    width: 227px;
    height: 117px;
    overflow: hidden;
    word-break: break-all;
}
.unl-news .unl-activity > .description > ul li .text > .title{
	    color: #37382d;
    font-size: 16.26px;
    overflow: hidden;
    line-height: 20px;
}
.unl-news .unl-activity > .description > ul li .text > .desc{
	    padding: 5px 0px 0px 0px;
    height: 89px;
    overflow: hidden;
    word-break: break-all;
    line-height: 17px;
}

.unl-news .unl-activity > .description > ul li .readmore{
    float: right;
    margin-top: -4px;
    margin-bottom: -17px;
}
.unl-news .unl-activity > .description > ul li .readmore a {
	color: #959595;
}
.unl-news .unl-activity > .description > ul li .readmore a:hover {
	color: #959595;
}

/************ Product Recommend **********/
.unl-promotion {
	background-color: #ebebeb;
	color: #999;
}
.unl-promotion .unl-promotion-recommend {

}
.unl-promotion .unl-promotion-recommend .title {
	    font-size: 33.71px;
    text-align: center;
    overflow: hidden;
    padding-top: 19px;
    padding-bottom: 9px;
}
.unl-promotion .unl-promotion-recommend .title .bar{
     height: 31px;
    border-bottom: 2px solid #bcd7cd;
    margin-bottom: -26px;
}
.unl-promotion .unl-promotion-recommend .title .t1{
	    color: #37382d;
	        background-color: #ebebeb;
    padding-left: 34px;
}
.unl-promotion .unl-promotion-recommend .title .t2{
	color:#008955;
	    background-color: #ebebeb;
    padding-right: 34px;
}
.unl-promotion .unl-promotion-recommend .title .tmore{
	font-size: 13px;
    right: 0;
    margin: 14px 23px;
    position: absolute;
    background-color: #ebebeb;
    color: #000;
    padding: 0px 7px;
	z-index: 1000;
}
.unl-promotion .list {
	padding: 0px 0px 22px 0px;
}
.unl-promotion .list .prev{
	position: absolute;
    font-size: 29px;
    margin-left: -28px;
    margin-top: 165px;
        cursor: pointer;
}
.unl-promotion  .list .next{
	    position: absolute;
    font-size: 29px;
    margin-left: 1004px;
    margin-top: 165px;
    cursor: pointer;
}
.unl-promotion .list .thumb{
	
}
.unl-promotion .list .line{
    clear: both;
}
.unl-promotion .list .thumb img{
	width: 100%;
    max-height: 169px;
}
 
.unl-promotion .list .head {
    color: #37382d;
    font-size: 15.16px;
    height: 25px;
    line-height: 24px;
    overflow: hidden;
}
.unl-promotion .list .size {}
.unl-promotion .list .more {}
.unl-promotion .list .more a {
        background-color: #0197d6;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 52px;
    padding: 0px 9px 0px 9px;
}
.unl-promotion .list .more a:hover {
        background-color: #007db1;
}
.unl-promotion .list .pv {
    font-size: 12.84px;
    color: #008955;
    padding: 5px 0px 5px 0px;
}
.unl-promotion .list .code {
    font-size: 12px;

    padding: 5px 0px 5px 0px;
}
.unl-promotion .list .member-price-name {
    color: #0197d6;
    font-size: 13.84px;
}
.unl-promotion .list .member-price {
    color: #0197d6;
    font-size: 16.84px;
    font-weight: bold;
}
.unl-promotion .list .member-price-uniq-name {
        font-size: 13.84px;
    color: #37382d;
}
.unl-promotion .list .member-price-uniq {
        font-size: 13.84px;
    color: #37382d;
}
.unl-promotion .list .sale-time {
    color: #008955;
    background-color: #fff;
    border-radius: 40px;
    font-size: 11.84px;
    padding: 3px 11px;
    margin: 6px 0px;
}
.unl-promotion .list .sale-time-nopro {
    color: #008955;
    background-color: #fff;
    border-radius: 40px;
    font-size: 13.84px;
    padding: 3px 19px;
    margin: 6px 0px;
}
.unl-promotion .list .qty {
    font-size: 11px;
    color: #777777;
        width: 48px;
}
.unl-promotion .list .qty input{
        border: 0;
    width: 46px;
    height: 33px;
    border-radius: 8px;
    font-size: 26px;
    text-align: center;
     
}
.unl-promotion .list .cart {
     background-color: #0197d6;
    color: #fff;
    padding: 6px 16px;
    font-size: 14.47px;
    border-radius: 7px;
    box-shadow: 0px 3px 0px #007db1;
    margin-top: 9px;
    cursor: pointer;
}
 .unl-promotion .list .cart img{
        vertical-align: text-bottom;
 }
.unl-promotion .list .block {
     background-color: #f3f3f3;
    padding: 9px 16px 16px 16px;
}

.unl-header .top-bar {
	background-color: #008955;
	color: #999;
    height: 46px;
}
.unl-header .main-bar .logo {
    width: 116px;
    top: -46px;
    overflow: hidden;
    float: left;
    box-shadow: 0px 0px 78px rgba(0, 0, 0, 0.57);
    position: absolute;
}
.unl-header .main-bar .logo a {
	display:table;
}
.unl-header .main-bar .logo img{
        box-shadow: 0px 0px 78px rgba(0, 0, 0, 0.57);
}

@media screen and (max-width: 479px){
	.unl-header .main-bar .logo {
		    width: 83px;
			box-shadow: none;
	}
	 
	.unl-header .main-bar .logo img{
		width: 41%;
		 
	}
}
.unl-header .main-bar {
	background-color: #fff;
	color: #999;
}
.unl-header .top-bar .top-call{
    float: left;
    padding: 5px 13px 10px 145px;
    color: #fff;
    font-size: 15.24px;
    line-height: 15px;
}
.unl-header .top-bar .top-call .phone{
    font-size: 20.39px;
}
.unl-header .top-bar .top-menu{
      float: right;
    margin: 14px 13px;
}
.unl-header .top-bar .top-menu > ul {
    
}
.unl-header .top-bar .top-menu > ul > li.vbar {
    color: rgba(102, 102, 102, 0.48);
}
.unl-header .top-bar .top-menu > ul > li{
    font-size: 12.64px;
    float: left;
    padding: 0px 8px;
}
.unl-header .top-bar .top-menu > ul > li > a{
	color: #fff;
    text-decoration: none;
}
.unl-header .mega-menu {
    min-height: 289px;
    /* width: 174%; */
    margin: 20px auto 0 auto;
    background-color: rgba(255, 255, 255, 0.95);
    border-top: 5px solid #0197d6;
    position: absolute;
    left: 0;
    right: 0;
    /* margin-left: auto; */
    /* margin-right: auto; */
    box-shadow: 0 14px 52px rgba(0, 0, 0, 0.43);
    z-index: 12;
    display: none;
    color: #3f3e3e;
}
.unl-header .mega-menu > .container{
	width: 1000px !important;
    margin: 0 auto;
}
.unl-header .mega-menu .col-1 {
	width: 308px;
    border-right: 2px solid #0197d6;
    margin: 22px 0px 1px 71px;
    padding: 0px 37px 0px 8px;
    float: left;
	min-height: 237px;
}
.unl-header .mega-menu .col-1 .name {
    font-size: 30px;
    padding: 0px 0px 22px 0px;
    line-height: 16px;
}
.unl-header .mega-menu .col-1 .desc-l1 {
    text-align: right;
}
.unl-header .mega-menu .col-1 .desc-l2 {
    text-align: right;
}
.unl-header .mega-menu .col-1 .arrow-right {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #0197d6;
    border-bottom: 7px solid transparent;
    position: absolute;
    margin: -124px 0px 0px 298px;
	    display: none;
}
.unl-header .mega-menu .col-1 .icon {
    padding: 9px 0px 0px 0px;
}
.unl-header .mega-menu .col-1 .icon img {
}
.unl-header .mega-menu .col-2 {
    float: left;
    margin: 24px 0px 0px 0px;
    padding: 0px 15px;
    width: 295px;
}
.unl-header .mega-menu .col-2 > ul {
}
.unl-header .mega-menu .col-2 > ul li {
        padding: 7px 10px;
}
.unl-header .mega-menu .col-2 > ul >li:hover {
      background-color: #f1f1f1;
}
.unl-header .mega-menu .col-2 > ul > li .img{ 
        float: left;
    width: 34px;
}
.unl-header .mega-menu .col-2 > ul > li > a >i{ 
color: #0197d6;
    margin-top: 3px;
}
.unl-header .mega-menu .col-2 > ul >li a {
    text-decoration: none;
    color: #3f3e3e;
	display: block;
}
.unl-header .mega-menu .col-3 {
}
.unl-header .mega-menu .col-3 ul {
}
.unl-header .mega-menu .col-3 ul li {
}
.unl-header .mega-menu .col-3 ul li a {
}


.unl-header .top-bar .lang{
        float: right;
    margin: 10px 0px 10px 14px;
}
.unl-header .top-bar .lang select{
        border: 0px;
    /* text-align: left; */
    color: #fff;
    background: none;
}
.unl-header .top-bar .lang select > option{
	color:#666;
}
.unl-header .top-bar .cart-staus {
    float: right;
    background-color: #0197d6;
    color: #fff;
    padding: 3px 16px;
    font-size: 14.47px;
    border-radius: 7px;
    margin: 8px 0px;
    cursor: pointer;
}
 
.unl-header .main-bar {
z-index: 21;
    position: relative;
}
.unl-header .main-bar .search{
      float: right;
      cursor: pointer;
    padding: 17px 0px 21px 8px;
}
.unl-header .main-bar .menu {
   float: left;
    padding: 0px 13px 0px 138px;
}
.unl-header .main-bar .menu > ul {

}
.unl-header .main-bar .menu > ul > li{
    float: left;
    padding: 20.5px 8px 20.5px 8px;
        cursor: pointer;
}
.unl-header .main-bar .menu > ul > li.hm:hover .sm{
    display: block;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 15s;
}
.unl-header .main-bar .menu > ul > li:hover{
      background-color: #0197d6; 
}
.unl-header .main-bar .menu > ul > li:hover >a {
    color: #fff;
}
.unl-header .main-bar .menu > ul > li >a{
font-size: 15.23px;
    color: #4c4c4c;    
    text-decoration: none;
}
.unl-header .main-bar .inter {        
    padding: 17px 0px;
    float: right;
    width: 100px;}

.unl-slider {
    width: 100%;
    overflow: hidden;
	 
}
.unl-slider img{
    max-width: 100%;
}


.howto {
    position: fixed;
    right: -8px;
    top: 200px;
    background-color: #0197d6;
    color: #fff;
    padding: 15px 14px 15px 16px;
    font-size: 14.47px;
    text-align: center;
    border-radius: 7px 0px 0px 7px;
    margin: 8px 0px;
    cursor: pointer;
    box-shadow: 0px 3px 0px #007db1;
    z-index: 111;
}
.howto:hover{
	color: #fff;
    right: -2px;
	text-decoration: none;
}
.howto i {
    position: absolute;
    margin: 16px 0px 0px -10px;
}

@media screen and (max-width: 479px){
	.howto {
		 
		display:none;
	}
}

#back-to-top {
    position: fixed;
       bottom: 112px;
    right: 107px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
 
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
     
}
#back-to-top.show {
    opacity: 1;
}

.content-area {
	padding-bottom: 36px;
}

.content-area-0 {
	padding-bottom: 0px !important;
}

/********** Business Opportunit *********/
.sub-head {

}
.sub-head .banner{

}
.sub-head .banner img {
	width:100%;
}
.sub-head .cat-name{
    border-left: 6px solid #0197d6;
    padding: 0px 11px;
    font-size: 48px;
    line-height: 47px;
    top: 68px;
    z-index: 11;
    position: absolute;
    color: #505048;
}
.sub-head .cat-name-sub {
	min-width: 276px;
    background-color: #0095d4;
    color: #fff;
    padding: 6px 11px;
    font-size: 24px;
    margin: 7px 0px 0px 0px;
    top: 117px;
    position: absolute;
}

@media screen and (max-width: 479px){
	.sub-head .cat-name{
		font-size: 25px;
	}
	.sub-head {
		display:none;
	}
}

.cat-nav {
   margin: 25px 0px 24px 0px;
    float: right;
    text-align: right;
}
.cat-nav ul {

}
.cat-nav ul li {
	font-size: 17px;
    color: #008955;
    float: left;
    padding: 0px 5px;
}
.cat-nav ul li > a{
	font-size: 17px;
    color: #008955;
    float: left;
    padding: 0px 5px;
}
.cat-nav ul li i{
	font-size: 13px;
}

/********* Sidebar ***********/

.sidebar-category-left {

}
.sidebar-category-left ul {

}
.sidebar-category-left ul > ul {
	
}
.sidebar-category-left ul  .main-cat-active .link{
	background-color:#0197d6;
	color:#fff; 

}
.sidebar-category-left ul  .main-cat-active .sub-cat-menu {
	display:block !important;
}
.sidebar-category-left ul .main-cat-active  i{
 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	margin: 6px 7px 0px 0px;
}
.sidebar-category-left ul li.main-cat:hover .link{
	background-color:#0197d6;
	color:#fff; 
}
.sidebar-category-left ul li.main-cat:hover i{
	color:#fff;
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	margin: 6px 7px 0px 0px;
}
.sidebar-category-left ul li .sub-cat-menu {
	display:none;
}
.sidebar-category-left ul li:hover .sub-cat-menu{
	display:block;
}
.sidebar-category-left ul li ul li.sub-cat-active a{
	background-color:#a1def8;
}
.sidebar-category-left ul li ul li.sub-cat-active a .circle {
	color:#fff  !important;
}
.sidebar-category-left ul li ul li.sub-cat-active i {
	
}
.sidebar-category-left ul li ul.sub-cat-menu li{

}
.sidebar-category-left ul li ul.sub-cat-menu li a{
	color:#585858;
	font-size: 15px;
}
.sidebar-category-left ul li ul.sub-cat-menu li a .circle {
font-size: 10px;
	float:left;
	color:#0197d6;
}
.sidebar-category-left ul li ul.sub-cat-menu li a:hover {
	background-color:#a1def8;
}
.sidebar-category-left ul li ul.sub-cat-menu li a:hover i{
	color:#fff; 
}

 
.sidebar-category-left ul li a:hover {
	background-color:#0197d6;
	text-decoration: none;
	cursor: pointer;
}
.sidebar-category-left ul li a:hover {
	color:#fff;
}
.sidebar-category-left ul li a:hover i{ 
	color:#fff;
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	margin: 6px 7px 0px 0px;;
}
.sidebar-category-left ul li a{
    background-color: #f2f2f2;
    padding: 7px 6px 5px 14px;
    margin: 0px 0px 1px 0px;
	    display: block;
    font-size: 17.92px;
    color: #0197d6;
}
 
.sidebar-category-left ul > li > a > i{
	    float: right;
    margin: 6px 4px 0px 0px;
	font-size: 14px;
}
.content-right {
	background-color: #f9f9f9;
    min-height: 505px; 
}

.content-right ul ,.content-right-nobg ul{
	 
}
.content-right-nobg ol ,.content-right-nobg ol{

}
.content-right ul li {

}

.content-right-nobg {
	min-height: 200px; 
}
.content-right-nobg-2 {
	min-height: 200px;
	    padding: 0px 15px;
}
.content-right-single {
	padding:15px;
	background-color: #fafafa;
	font-size: 17px;
}

/***** content-category-list ****/

.content-category-list {}
.content-category-list-col {
	max-width: 367px;
    float: left;
}
.content-category-list-col h3 {
	background-color: #008955;
    color: white;
    padding: 5px 13px;
    margin: 0px 13px 9px 13px;
}
.content-category-list-col h3 > a{
	color: #fff;
    float: right;
    font-size: 13px;
    top: 10px;
    position: relative;
}
.content-category-list > ul {
	padding: 0;
    margin: 0;
}
.content-category-list > ul > li {
	    width: 367px;
    float: left;
    padding: 0px 13px 18px 13px;
    margin-bottom: 13px;
}
@media screen and (max-width: 479px){
	.content-category-list > ul > li {
		width: 100%;
		float: left;
		padding: 0px 0px 13px 0px;
		margin-bottom: 13px;
		cursor: pointer;
	}
}
.content-category-list > ul > li:hover {
	background-color: #ebeaea;
    margin-top: -10px;
    padding-top: 10px;
}

.content-category-list > ul > li:hover .item > .title {
	color:#008955;
}

.content-category-list > ul > li > .item {}
.content-category-list > ul > li.margin-right{
	 
}
.content-category-list > ul > li > .item > .thumb {    
	height: 215px;
	overflow: hidden;
	text-align: center;
	background-color: #f2f2f2;
}
.content-category-list > ul > li > .item > .thumb img { 
	width: 100%;
	/*max-height: 215px;*/
}
.content-category-list > ul > li > .item > .thumb > a > .img2 { 
	width: 100%;
	/*max-height: 215px;*/
}
.content-category-list > ul > li > .item > .thumb > .img2 { 
	width: 100%;
	/*max-height: 215px;*/
}
.content-category-list > ul > li > .item > .title {
	font-size: 21px;
	color: #0197d6;
	padding: 14px 0px 14px 0px;
	line-height: 24px;
	height: 71px;
	overflow: hidden;
}
.content-category-list > ul > li > .item > .desc {
	line-height: 16px;
	height: 52px;
	overflow: hidden;
}
.content-category-list > ul > li > .item > .title-2 {
	font-size: 21px;
	color: #0197d6;
	padding: 14px 0px 14px 0px;
	line-height: 24px;
 
	overflow: hidden;
}
.content-category-list > ul > li > .item > .desc-2 {
	line-height: 16px;
	height: 52px;
	overflow: hidden;
}
.content-category-list > ul > li > .item > .btn-more {
    margin-top: 18px;
}
.btn-more-left {
    float:left;
}

.btn-more-right {
    float:right;
	width: 139px;
}
.content-category-list > ul > li > .item > .btn-more a{
	background-color: #6dc4e9;
	color: #fff;
	border-radius: 5px;
	padding: 5px 15px;
	cursor: pointer;
	text-decoration: none;
}
.content-category-list > ul > li > .item > .btn-more i {}

.content-post {
	    padding-top: 30px;
    font-size: 18px;
}
.content-post-2 {
	   
    font-size: 18px;
}

/***** content-award-list ****/

.content-award-list {}
.content-award-list > ul {
	padding: 0;
    margin: 0;
}
.content-award-list > ul > li {
	    width: 100%;
    float: left;
    padding: 0px 13px 18px 13px;
    margin-bottom: 13px;
}
@media screen and (max-width: 479px){
	.content-award-list > ul > li {
		width: 100%;
		float: left;
		padding: 0px 0px 13px 0px;
		margin-bottom: 13px;
		cursor: pointer;
	}
}
.content-award-list > ul > li:hover {
	background-color: #ebeaea;
    
   
}

.content-award-list > ul > li:hover .item > .title {
	color:#008955;
}

.content-award-list > ul > li > .item {}
.content-award-list > ul > li.bg-even{
	background-color:#f2f2f2;
}
.content-award-list > ul > li.bg-even .head{
	background-color: #cc8f25;
	color: #fff;
	border-radius: 30px;
	padding: 8px 24px;
	font-size: 24px;
	margin: 12px 0px 8px 0px;
	width: 353px;
}
.content-award-list > ul > li.bg-even .head:before {
	clear:both;
}
.content-award-list > ul > li.bg-even .head .icon {
	background-image: url(../images/icons/icon-awards.png);
	height: 58px;
	position: absolute;
	top: 18px;
	width: 51px;
	left: 322px;
}
.content-award-list > ul > li.bg-even .descs {
	padding-left: 25px;
	font-size: 16px;
}
.content-award-list > ul > li > .item > .thumb {    
	height: 132px;
	overflow: hidden;
	text-align: center;
	width: 22%;
	float: left;
	padding-top: 14px;
}
.content-award-list > ul > li > .item > .thumb img { 
	height: 100%;
	max-height: 215px;
}
.content-award-list > ul > li > .item > .detail {
	width: 62%;
	float: left;
}
.content-award-list > ul > li > .item > .detail >  .title {
	font-size: 21px;
	color: #0197d6;
	padding: 14px 0px 14px 0px;
	line-height: 24px;
	overflow: hidden;
}
.content-award-list > ul > li > .item > .detail >  .desc {
	line-height: 22px;
    height: 52px;
    overflow: hidden;
    font-size: 17px;
}
.content-award-list > ul > li > .item > .detail >  .btn-more {
    margin-top: 18px;
}
.content-award-list > ul > li > .item > .detail >  .btn-more a{
	background-color: #6dc4e9;
	color: #fff;
	border-radius: 5px;
	padding: 5px 15px;
	cursor: pointer;
	text-decoration: none;
}
.content-award-list > ul > li > .item > .detail >  .btn-more i {}


/********** Reset **********/
.margin-pad-l-0 {
	padding-left:0px !important; 
}

@media screen and (max-width: 479px){
	.margin-pad-l-0 {
		padding-left:15px !important; 
	}
	.content-award-list > ul > li > .item > .thumb {    
		width: 100%;
	}
	.content-award-list > ul > li > .item > .detail {    
		width: 100%;
		padding:10px
	}
	.content-award-list > ul > li > .item > .thumb{
		height: 100%;

	}
	.content-award-list > ul > li.bg-even .head{
	width: 100%;
	}
}

.title-post {
    line-height: 34px;
    font-size: 33px;
    margin: 1px 0px 15px 0px;
    color: #008955; 
	padding: 12px 0px 0px 0px;
}
.title-post-bg {
	line-height: 34px;
    font-size: 33px;
    margin: 1px -15px 0px -15px;
    color: #008955;
    padding: 10px 15px;
    background-color: #f9f9f9;
}
.content-title-post {
       line-height: 34px;
    font-size: 33px;
    margin: 1px 0px 15px 0px;
    color: #008955;
    padding: 12px 11px;
    background-color: #f2f2f2;
}

/***** Category Slideshow *****/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {    width: 100%; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {
	position:relative; 
	    width: 100%;
	height:459px; 
	padding:2px; 
 	background: #f2f2f2;
	    overflow: hidden;
}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {    width: 100%; text-align: center;}
#image img {/*position:absolute;*/ z-index:25;  max-width: 100%; }
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {display:none;left:0; background:url(../images/category-slideslide/left.gif) left center no-repeat}
#imgnext {display:none;right:0; background:url(../images/category-slideslide/right.gif) right center no-repeat}
 .linkhover {background:url(../category-slideslide/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/category-slideslide/scroll-left.gif) center center no-repeat;  }
#slideleft:hover {
	cursor:pointer;
}
#slideright {float:right; width:20px; height:81px; background:url(../images/category-slideslide/scroll-right.gif) center center no-repeat}

#slideright:hover {
	cursor:pointer;
}
#slidearea {
    float: left;
    position: relative;
    width: 90%;
    margin-left: 20px;
    height: 83px;
    overflow: hidden;
}
#slider {position:absolute; left:0; height:81px}
#slider img {
	cursor: pointer;
    border: 1px solid #666;
    padding: 2px;
    width: 120px;
    height: 76px;
}



/**************** ฺ Branch *****************/
.branch {}
.branch .branch-list{ width:100%;overflow:auto;}
.branch .branch-search-box {

}
.branch-search {
	border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    margin: 20px 0px;
    padding: 14px;
    font-size: 20px;
	color:#37382d;
}
.branch-search > .row {
	padding: 7px 0px;
}
.branch-search > .row > .text {
	text-align:right;
}
.branch-search > .row input {
	width: 100%;
    border-radius: 43px;
    border: 1px solid #ccc;
    font-size: 15px;
    padding: 0px 12px;
    height: 29px;
}
.branch-search > .row select {
	width: 100%;
    border-radius: 43px;
    border: 1px solid #ccc;
    font-size: 15px;
    padding: 0px 12px;
    height: 29px;
}
.branch-search > .row .branch-search-submit {
	background-color: #0197d6;
    border: 0;
    color: #fff;
    border-radius: 33px;
    width: 100%;
	font-style: italic;
}
.branch-search > .row .branch-search-submit:hover {
	background-color: #35b3e8;
}
.branch .branch-search-box .branch-list {

}
.branch  .branch-list  .head .col{
	background-color: #008955;
	color: #fff !important;
}
.branch  .branch-list  .even  .col{
	background-color: #fcfcfc;
}
.branch  .branch-list  .odd  .col{
	background-color: #f4f4f4;
}
.branch  .branch-list  .ro {
	display: inline-flex;
}
.branch  .branch-list  .ro  .col{
    width: 186px;
    float: left;
    text-align: center;
    font-size: 18px;
    padding: 12px;
    margin: 3px 10px 3px 0px;
    color: #4c4c4c;
}
.branch  .branch-list  .ro  .dlink  {}
.branch  .branch-list  .ro  .dlink  a {
	display: block;
    font-size: 13px;
    color: #a7a7a7;
}
.branch  .branch-list  .ro  .last{
	margin-right:0px !important;
 
}
.branch  .branch-list  .ro  .last  .mlink {
	float:left;
	width:100px;
}

.content-branch {
	padding: 25px;
}

.content-branch > .title-post {
    color: #0095d4;
}

.content-branch > .view {
}
.content-branch > .view img{
	max-width:100%;
	height:auto;
}
.content-branch > .view [class*="wp-image"]{
	max-height: 200px;
}
.content-branch > .view ul {
}
.content-branch > .view ul li {
	padding: 9px 0px;
    font-size: 19px;
}
.content-branch > .view > ul > li > span {
    color: #008955;
}


/***** chanel-ads-category-list ****/

.chanel-ads-category-list {
    display: table;
    width: 100%;
}
.chanel-ads-category-list > .title {
    padding: 0px 12px;
    margin-bottom: 11px;
    font-size: 25px;
    color: #008955;
}
.chanel-ads-category-list > .title > .more{
       float: right;
    font-size: 15px;
    padding: 11px 0px;
    color: #2e2e2e;
    text-decoration: none;
}
.chanel-ads-category-list > ul > li {
	width: 323px;
    float: left;
    padding: 0px 13px 18px 13px;
    margin-bottom: 13px;
}
@media screen and (max-width: 479px){
	.chanel-ads-category-list > ul > li {
		width: 100%;
		float: left;
		padding: 0px 0px 13px 0px;
		margin-bottom: 13px;
		cursor: pointer;
	}
}
.chanel-ads-category-list > ul > li:hover {
	background-color: #ebeaea;
    margin-top: -10px;
    padding-top: 10px;
}

.chanel-ads-category-list > ul > li:hover .item > .title {
	color:#008955;
}

.chanel-ads-category-list > ul > li > .item {}
.chanel-ads-category-list > ul > li.margin-right{
	     padding-right: 0px;
    margin-right: 0px;
}
.chanel-ads-category-list > ul > li > .item > .thumb {    
	height: 215px;
	overflow: hidden;
	text-align: center;
	background-color: #cbcbcb;
}
.chanel-ads-category-list > ul > li > .item > .thumb img { 
	max-height: 215px;
	height: 100%;
}
.chanel-ads-category-list > ul > li > .item > .title {
	/*font-size: 21px;
    color: #0197d6;
    padding: 14px 0px 14px 0px;
	*/
	font-size: 18px;
    color: #0197d6;
    padding: 14px 0px 0px 0px;
    line-height: 23px;
    height: 62px;
    overflow: hidden;
}
.chanel-ads-category-list > ul > li > .item > .desc {
	line-height: 23px;
    padding: 6px 0px 0px 0px;
    height: 82px;
    overflow: hidden;
}
.chanel-ads-category-list > ul > li > .item > .btn-more {
    margin-top: 18px;
}
.chanel-ads-category-list > ul > li > .item > .btn-more a{
	background-color: #0197d6;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
	cursor: pointer;
	text-decoration: none;
}
.chanel-ads-category-list > ul > li > .item > .btn-more i {}

.chanel-ads-post {
	    padding-top: 30px;
    font-size: 18px;
}

.chanel-ads {
	background-color: #f3f3f3;
    padding-top: 12px;
}
.chanel-ads > .head {
        background-color: #b61318;
    color: #fff;
    font-size: 29px;
    text-align: center;
    padding: 9px 0px;
    margin: 0px 12px 17px 12px;
}
.chanel-ads > .head-csr {
        background-color: #0197d6;
    color: #fff;
    font-size: 29px;
    text-align: center;
    padding: 9px 0px;
    margin: 0px 12px 17px 12px;
}

.chanel-ads > .highlight {
	    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 0px 13px 6px 13px;
}
 
.chanel-ads > .highlight iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.chanel-ads > .highlight-desc {
    padding: 0px 13px;
    font-size: 17px;
    margin: 0px 0px 12px 0px;
}
.chanel-ads > .highlight-title {
        font-size: 20px;
    color: #0197d6;
    padding: 10px 13px 1px 13px;
    line-height: 23px;
    /* height: 62px; */
    overflow: hidden;
}
.chanel-ads > .tab {
    display: block;
    padding: 11px 14px;
}
.chanel-ads > .tab > a {
	    color: #505048;
    padding: 0px 10px;
    font-size: 20px;
	text-decoration: none;
}
.chanel-ads > .tab > a.first {
	padding-left: 0px;
}
.chanel-ads > .tab > a.hightlight {
	background-color: #0197d6;
    color: #fff;
    border-radius: 6px;
	    margin-left: 10px;
}
.chanel-ads > .search {}
.chanel-ads > .search > input{
	float: right;
    border-radius: 54px;
    border: 1px solid #ccc;
    padding: 4px 16px;
    margin-right: 14px;
}

/***** tools-bussiness-category-list ****/
.tools-bussiness-wrap {
padding: 24px 12px;
}
.tools-bussiness-category-list {
    display: table;
    width: 100%;
	background-color: #fff;
    border: 1px solid #e4e4e4;
}
.tools-bussiness-category-list > .title {
        padding: 0px 12px;
    margin-bottom: 11px;
    font-size: 25px;
    color: #008955;
    margin-top: 14px;
}
.tools-bussiness-category-list > .title > .name {
	    float: left;
    background-color: #008272;
    color: #fff;
    margin-left: -12px;
    font-size: 22px;
    padding: 3px 11px;
}
.tools-bussiness-category-list > .title > .icon-bussiness-front {
    width: 11px;
    float: left;
    margin-left: -23px;
}
.tools-bussiness-category-list > .title > .icon-bussiness-back{
	float: left;
    width: 49px;
}
.tools-bussiness-category-list > .title > .more{
       float: right;
    font-size: 15px;
    padding: 11px 0px;
    color: #3f9b8f;
    text-decoration: none;
}
.tools-bussiness-category-list > ul  {
    padding-left: 5px;
    padding-right: 5px;
}
.tools-bussiness-category-list > ul > li {
	width: 233px;
    float: left;
    padding: 0px 4px 18px 4px;
}
@media screen and (max-width: 479px){
	.tools-bussiness-category-list > ul > li {
		width: 100%;
		float: left;
		padding: 0px 0px 13px 0px;
		margin-bottom: 13px;
		cursor: pointer;
	}
}
.tools-bussiness-category-list > ul > li:hover {

}

.tools-bussiness-category-list > ul > li:hover .item > .title {
	color:#008955;
}

.tools-bussiness-category-list > ul > li > .item { 
	background-color: #fafafa;
    padding: 6px 16px;
}
.tools-bussiness-category-list > ul > li > .item-bg { 
	background-color: #eee !important;
}
.tools-bussiness-category-list > ul > li > .item > .pin {
	    width: 43px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.tools-bussiness-category-list > ul > li.margin-right{
	     padding-right: 0px;
    margin-right: 0px;
	   
}
.tools-bussiness-category-list > ul > li > .item > .thumb {    
	width: 160px;
	height: 252px;
	margin: 0 auto;
    overflow: hidden;
}

.tools-bussiness-category-list > ul > li > .item > .thumb img { width:100%;}
.tools-bussiness-category-list > ul > li > .item > .title {
	font-size: 21px;
    color: #0197d6;
    padding: 14px 0px 14px 0px;
}
.tools-bussiness-category-list > ul > li > .item > .desc {
    line-height: 23px;
    padding: 16px 0px 0px 0px;
    max-height: 82px;
    font-size: 18px;
    overflow: hidden;
    width: 165px;
}
.tools-bussiness-category-list > ul > li > .item > .date { 

}
.tools-bussiness-category-list > ul > li > .item > .download { 
	    color: #0197d6;
    width: 21px;
    display: block;
    margin-top: -34px;
    font-size: 24px;
    margin-right: 0px;
    float: right;
}
.tools-bussiness-category-list > ul > li > .item > .btn-more {
    margin-top: 18px;
}
.tools-bussiness-category-list > ul > li > .item > .btn-more a{
	background-color: #0197d6;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
	cursor: pointer;
	text-decoration: none;
}
.tools-bussiness-category-list > ul > li > .item > .btn-more i {}

.tools-bussiness-post {
	    padding-top: 30px;
    font-size: 18px;
}

.tools-bussiness {
	/*background-color: #f3f3f3;*/
    padding-top: 12px;
}
.tools-bussiness > .head {
    background-color: #0197d6;
    color: #fff;
    font-size: 29px;
    text-align: center;
    padding: 9px 0px;
    margin: 0px 12px 17px 12px;
}

.tools-bussiness > .highlight {
	    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 0px 13px 6px 13px;
}
 
.tools-bussiness > .highlight iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tools-bussiness > .highlight-desc {
    padding: 10px 13px;
    font-size: 17px;
    margin: 0px 0px 12px 0px;
}
.tools-bussiness > .tab {
    display: block;
    padding: 11px 14px;
}
.tools-bussiness > .tab > a {
	    color: #505048;
    padding: 0px 10px;
    font-size: 20px;
	text-decoration: none;
}
.tools-bussiness > .tab > a.first {
	padding-left: 0px;
}
.tools-bussiness > .tab > a.hightlight {
	background-color: #0197d6;
    color: #fff;
    border-radius: 6px;
	    margin-left: 10px;
}
.tools-bussiness > .search {}
.tools-bussiness > .search > input{
	float: right;
    border-radius: 54px;
    border: 1px solid #ccc;
    padding: 4px 16px;
    margin-right: 14px;
}


/***** unilife-center-category-list ****/
.unilife-center-wrap {
	padding: 0px 12px 24px 12px;
}
.unilife-center-category-list {
    display: table;
    width: 100%;
	background-color: #fff;
    border: 1px solid #e4e4e4;
}
.unilife-center-category-list > .title {
        padding: 0px 12px;
    margin-bottom: 11px;
    font-size: 25px;
    color: #008955;
    margin-top: 14px;
}
.unilife-center-category-list > .title > .name {
	    float: left;
    background-color: #92969a;
    color: #fff;
    margin-left: -12px;
    font-size: 22px;
    padding: 3px 11px;
}
.unilife-center-category-list > .title > .icon-bussiness-front {
    width: 11px;
    float: left;
    margin-left: -23px;
}
.unilife-center-category-list > .title > .icon-bussiness-back{
	float: left;
    width: 49px;
}
.unilife-center-category-list > .title > .more{
       float: right;
    font-size: 15px;
    padding: 11px 0px;
    color: #3f9b8f;
    text-decoration: none;
}
.unilife-center-category-list > ul  {
    padding-left: 5px;
    padding-right: 5px;
}
.unilife-center-category-list > ul > li {
	    width: 100%;
    float: left;
    padding: 0px 4px 9px 4px;
}
@media screen and (max-width: 479px){
	.unilife-center-category-list > ul > li {
		width: 100%;
		float: left;
		padding: 0px 0px 13px 0px;
		margin-bottom: 13px;
		cursor: pointer;
	}
}
.unilife-center-category-list > ul > li:hover {

}

.unilife-center-category-list > ul > li:hover .item > .title {
	color:#008955;
}

.unilife-center-category-list > ul > li > .item { 
	background-color: #fafafa;
    padding: 6px 16px;
}
.unilife-center-category-list > ul > li > .item-bg { 
	background-color: #eee !important;
}
.unilife-center-category-list > ul > li > .item > .pin {
	    width: 43px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.unilife-center-category-list > ul > li.margin-right{
	     padding-right: 0px;
    margin-right: 0px;
	   
}
.unilife-center-category-list > ul > li > .item > .thumb {    
	width: 160px;
	height: 252px;
	margin: 0 auto;
    overflow: hidden;
}

.unilife-center-category-list > ul > li > .item > .thumb img { width:100%;}
.unilife-center-category-list > ul > li > .item > .title {
	font-size: 21px;
    color: #0197d6;
    padding: 14px 0px 14px 0px;
}
.unilife-center-category-list > ul > li > .item > .desc {
       line-height: 23px;
    padding: 0px 0px 0px 0px;
    max-height: 82px;
    font-size: 18px;
    overflow: hidden;
    /* width: 165px; */
    float: left;
}
.unilife-center-category-list > ul > li > .item > .date { 

}
.unilife-center-category-list > ul > li > .item > .download { 
        color: #008955;
    width: 20px;
    display: block;
    margin-top: -8px;
    font-size: 24px;
    margin-right: 16px;
    float: left;
    /* padding-right: 14px; */
}
.unilife-center-category-list > ul > li > .item > .btn-more {
    margin-top: 18px;
}
.unilife-center-category-list > ul > li > .item > .btn-more a{
	background-color: #0197d6;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
	cursor: pointer;
	text-decoration: none;
}
.unilife-center-category-list > ul > li > .item > .btn-more i {}

.unilife-center-post {
	    padding-top: 30px;
    font-size: 18px;
}

.unilife-center {
	/*background-color: #f3f3f3;*/
    padding-top: 12px;
}
.unilife-center > .head {
    background-color: #0197d6;
    color: #fff;
    font-size: 29px;
    text-align: center;
    padding: 9px 0px;
    margin: 0px 12px 17px 12px;
}

.unilife-center > .highlight {
	    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 0px 13px 6px 13px;
}
 
.unilife-center > .highlight iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.unilife-center > .highlight-desc {
    padding: 10px 13px;
    font-size: 17px;
    margin: 0px 0px 12px 0px;
}
.unilife-center > .tab {
    display: block;
    padding: 11px 14px;
}
.unilife-center > .tab > a {
	    color: #505048;
    padding: 0px 10px;
    font-size: 20px;
	text-decoration: none;
}
.unilife-center > .tab > a.first {
	padding-left: 0px;
}
.unilife-center > .tab > a.hightlight {
	background-color: #0197d6;
    color: #fff;
    border-radius: 6px;
	    margin-left: 10px;
}
.unilife-center > .search {}
.unilife-center > .search > input{
	float: right;
    border-radius: 54px;
    border: 1px solid #ccc;
    padding: 4px 16px;
    margin-right: 14px;
}


/****** Product ******/

.product-slider {
	margin-top: -41px;
}
.product-search {
	border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    margin: 20px 0px;
    padding: 14px;
    font-size: 20px;
	color:#37382d;
}
.product-search > .row {
	padding: 7px 0px;
}
.product-search > .row > .text {
	text-align:right;
}
.product-search > .row input {
	width: 100%;
    border-radius: 43px;
    border: 1px solid #ccc;
    font-size: 15px;
    padding: 0px 12px;
    height: 29px;
}
.product-search > .row select {
	width: 100%;
    border-radius: 43px;
    border: 1px solid #ccc;
    font-size: 15px;
    padding: 0px 12px;
    height: 29px;
}
.product-search > .row .product-search-submit {
	background-color: #0197d6;
    border: 0;
    color: #fff;
    border-radius: 33px;
    width: 100%;
	font-style: italic;
}
.product-search > .row .product-search-submit:hover {
	background-color: #35b3e8;
}

.product-help {
	    margin-top: 20px;
}
.product-help ul {

}
.product-help ul li{
	    border-top: 1px solid #008955;
    padding: 6px 0px;
    height: 47px;
}
.product-help ul li:hover {
	    background-color: #eafff7;
}
.product-help ul li .icon-p {
 
}
.product-help ul li a {
    text-decoration: none;
	    color: #008955;
		    display: block;

    font-size: 17.92px;
 
}
.product-help ul li .icon-p{
padding: 5px 10px;
    font-size: 18px;
   
}
.product-help ul li a .sec-hotline-img {
	float: left;
}
.product-help ul li a .sec-hotline-tel {

}
.product-category-list {

}

.product-category-list ul {}
.product-category-list ul li {
	    width: 223px;
    float: left;
    margin-right: 19px;
}
.product-category-list ul li.last {
	margin-right:0px !important;
}

.product-category-list > .head{
	    background-color: #e6e6e6;
    padding: 4px 21px;
    font-size: 29px;
    margin-bottom: 11px;
}
.product-category-list > .list >.item{
	margin-bottom: 14px;   
}

.product-category-list > .list >.item:hover .product-detail-block{
	 background-color: #e6e6e6;
}

/*************** Product Category List ****************/

.unl-product {
	 
}

.unl-product .unl-product-recommend {

}
.unl-product .unl-product-recommend .title {
	    font-size: 33.71px;
    text-align: center;
    overflow: hidden;
    padding-top: 19px;
    padding-bottom: 9px;
}
.unl-product .unl-product-recommend .title .bar{
     height: 31px;
    border-bottom: 2px solid #bcd7cd;
    margin-bottom: -26px;
}
.unl-product .unl-product-recommend .title .t1{
	    color: #37382d;
	        background-color: #ebebeb;
    padding-left: 34px;
}
.unl-product .unl-product-recommend .title .t2{
	color:#008955;
	    background-color: #ebebeb;
    padding-right: 34px;
}
.unl-product .list {
padding: 0px 0px 22px 0px;
}
.unl-product .list .prev{
	position: absolute;
    font-size: 29px;
    margin-left: -28px;
    margin-top: 165px;
        cursor: pointer;
}
.unl-product  .list .next{
	    position: absolute;
    font-size: 29px;
    margin-left: 1004px;
    margin-top: 165px;
    cursor: pointer;
}
.unl-product .list .thumb{
	text-align: center;
    min-height: 184px;
    overflow: hidden;
}
.unl-product .list .line{
    clear: both;
}
.unl-product .list .thumb img{
	    /* width: 100%; */
    max-height: 184px;
}
.unl-product .list .head {
    color: #37382d;
    font-size: 15.16px;
    height: 24px;
    overflow: hidden;
}
.unl-product .list .size {}
.unl-product .list .more {}
.unl-product .list .more a {
        background-color: #0197d6;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 52px;
    padding: 0px 9px 0px 9px;
}
.unl-product .list .more a:hover {
        background-color: #007db1;
}
.unl-product .list .pv {
    font-size: 13.84px;
    color: #008955;
    padding: 5px 0px 5px 0px;
}
.unl-product .list .code {
    font-size: 13.84px;

    padding: 5px 0px 5px 0px;
}
.unl-product .list .member-price-name {
    color: #0197d6;
    font-size: 13.84px;
}
.unl-product .list .member-price {
    color: #0197d6;
    font-size: 13.84px;
}
.unl-product .list .member-price-uniq-name {
        font-size: 13.84px;
    color: #37382d;
}
.unl-product .list .member-price-uniq {
        font-size: 13.84px;
    color: #37382d;
}
.unl-product .list .sale-time {
    color: #008955;
    background-color: #fff;
    border-radius: 40px;
    font-size: 11.84px;
    padding: 3px 11px;
    margin: 6px 0px;
}
.unl-product .list .sale-time-nopro {
        color: #008955;
    /* background-color: #fff; */
    border-radius: 40px;
    font-size: 13.84px;
    padding: 17px 19px;
    /* margin: 6px 0px; */
}
.unl-product .list .qty {
    font-size: 11px;
    color: #777777;
        width: 48px;
}
.unl-product .list .qty input{
        border: 0;
    width: 46px;
    height: 33px;
    border-radius: 8px;
    font-size: 26px;
    text-align: center;
     
}
.unl-product .list .cart {
     background-color: #0197d6;
    color: #fff;
    padding: 6px 16px;
    font-size: 14.47px;
    border-radius: 7px;
    box-shadow: 0px 3px 0px #007db1;
    margin-top: 9px;
    cursor: pointer;
}
 .unl-product .list .cart img{
        vertical-align: text-bottom;
 }
.unl-product .list .block {
     background-color: #f3f3f3;
    padding: 9px 16px 16px 16px;
}

.front-icon {
	float:left !important;
	-webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    color: #0197d6 !important;
}

/******** Product View ***********/
.product-view {
	padding: 10px;
}
.product-view-tab {
	margin-top: 12px;
}
.product-view-tab > .tab-content {
	border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 17px;
    font-size: 18px;
    background-color: #fff;
    line-height: 18px;
	color: #676767;
}
.product-view-tab > .tab-content img{
	max-width:100%;
}
.product-view-tab > .nav-tabs>li>a {
    font-size: 18px !important;
	border-radius: 0px !important;
}
.product-view-tab >.nav>li>a {
    border: 1px solid #e1e1e1 !important;
    color: #585858 !important;
}
.product-view-tab >.nav-tabs>li>a {
    margin-right: 1px !important;
}
.product-view-tab > .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border-bottom-color: transparent !important;
}
.product-view .zoom-left {

}
.product-view .zoom-left > .thumb {
	margin-top: 2px;
}
.product-view .zoom-left > .thumb > a {
	display: inline-block;
    width: 103px;
    height: 100px;
    margin-right: 5px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    background-color: #fff;
    margin-top: 8px;
}
.product-view .zoom-left > .thumb > a > img{
  
    height: 100%;
}
.product-view .zoom-left > .thumb > a.last{
	margin-right: 0px;
}
.product-view .zoom-left > .big {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	text-align: center;
	overflow: hidden;
}
.product-view .zoom-left > .big img {

}
 

/*************** Product Category List ****************/

.view-product {
	 
}

.view-product .view-product-recommend {

}
.view-product .view-product-recommend .title {
	    font-size: 33.71px;
    text-align: center;
    overflow: hidden;
    padding-top: 19px;
    padding-bottom: 9px;
}
.view-product .view-product-recommend .title .bar{
     height: 31px;
    border-bottom: 2px solid #bcd7cd;
    margin-bottom: -26px;
}
.view-product .view-product-recommend .title .t1{
	    color: #37382d;
	        background-color: #ebebeb;
    padding-left: 34px;
}
.view-product .view-product-recommend .title .t2{
	color:#008955;
	    background-color: #ebebeb;
    padding-right: 34px;
}
.view-product .list {
padding: 0px 0px 22px 0px;
}
.view-product .list .prev{
	position: absolute;
    font-size: 29px;
    margin-left: -28px;
    margin-top: 165px;
        cursor: pointer;
}
.view-product  .list .next{
	    position: absolute;
    font-size: 29px;
    margin-left: 1004px;
    margin-top: 165px;
    cursor: pointer;
}
.view-product .list .thumb{
	
}
.view-product .list .line .share{
	color:#6f6f6f;
}
.view-product .list .line .share > .fb {
	    float: right;
    border: 1px solid #ddd;
    border-radius: 37px;
    padding: 0px 15px 2px 15px;
    background-color: #fff;
	    cursor: pointer;
}
.view-product .list .line .share > .share-all {
	    float: right;
    border: 1px solid #ddd;
    border-radius: 37px;
    padding: 0px 15px 2px 15px;
    background-color: #fff;
	    cursor: pointer;
}
.view-product .list .line{
    clear: both;
}
.view-product .list .line2{
	margin-top: 59px;
}
.view-product .list .thumb img{
	width: 100%;
}
.view-product .list .type {
font-size: 14.47px;
    color: #8e8e8e;
}
.view-product .list .head {
    color: #37382d;
    font-size: 23.23px;
}
.view-product .list .size {
	    font-size: 21.21px;
    color: #737373;
}
.view-product .list .more {}
.view-product .list .more a {
        background-color: #0197d6;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 52px;
    padding: 0px 9px 0px 9px;
}
.view-product .list .more a:hover {
        background-color: #007db1;
}
.view-product .list .pv {
    font-size: 21.21px;
    color: #008955;
    padding: 5px 0px 5px 0px;
}
.view-product .list .code {
    font-size: 21.21px;
    padding: 5px 0px 5px 0px;
	color: #8c8d86;
}
.view-product .list .member-price-name {
    color: #0197d6;
    font-size: 21.21px;
}
.view-product .list .member-price {
    color: #0197d6;
    font-size: 27.68px;
	line-height: 27px;
}
.view-product .list .member-price-uniq-name {
   font-size: 21.21px;
    color: #37382d;
}
.view-product .list .member-price-uniq {
     font-size: 21.21px;
    color: #37382d;
}
.view-product .list .sale-time {
    color: #008955;
    background-color: #fff;
    border-radius: 40px;
    font-size: 13.84px;
    padding: 3px 19px;
    margin: 6px 0px;
}
.view-product .list .qty {
    font-size: 11px;
    color: #777777;
        width: 78px;
}
.view-product .list .qty > span{
font-size: 15.15px;
}
.view-product .list .qty input{
	border: 0;
    width: 62px;
    height: 47px;
    border-radius: 8px;
    font-size: 26px;
    text-align: center;
     
}
.view-product .list .cart {
       background-color: #0197d6;
    color: #fff;
    padding: 13px 47px;
    font-size: 22.17px;
    border-radius: 7px;
    box-shadow: 0px 3px 0px #007db1;
    margin-top: 8px;
    cursor: pointer;
}
 .view-product .list .cart img{
        vertical-align: sub;
 }
.view-product .list .block {
    background-color: #f3f3f3;
    padding: 9px 20px 16px 20px;
	margin-left: -9px;
}

/****** Summary Cart ******/
.summary-cart {
  width: 100%;
    height: 500px;
    background-color: #0197d6;
    padding: 13px;
    position: absolute;
    z-index: 99999999999999;
   max-width: 971px;
    top: 41px;
	display:none;
}
.summary-cart > .block{
width: 100%;
        height: 100%;
    background-color: #fff;
}
 

 /******* Check Out ****/

.checkout {
	background-color: #fcfcfc;
    padding: 10px;
    border: 1px solid #e8e8e8;
}
.checkout > .title{
	padding: 8px 5px;
	font-size: 30px;
}
.wizard {
    
}

    .wizard .nav-tabs {
       
        border-bottom-color: rgba(224, 224, 224, 0);;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
   
}

 
.wizard .nav-tabs > li a {
    
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
        position: relative;
    padding-top: 13px;
    padding: 15px 5px 0px 5px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {
	/***/
	#crumbs ul li a {
		width: 100%;
	}
	.wizard .nav-tabs > li {
		width: 100%;
	}
	#crumbs ul li a {
		height: auto !important;
		text-align: left !important;
		padding: 0px 13px !important;
	}
	#crumbs ul li:first-child a {
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}
	#crumbs ul li:last-child a {
		padding-right: 0px !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
	#crumbs ul li a:before {
		border-top: 0px solid transparent  !important; 
		border-bottom: 0px solid transparent  !important; 
		border-left: 0px solid #f3f3f3  !important;
	}

	#crumbs ul li a:after {
		
		border-top: 0px solid transparent  !important;  
		border-bottom: 0px solid transparent  !important;  
		border-left: 0px solid #3498db  !important; 
		
	}
	.list-inlines > .prev-step,.list-inlines > .btn-unilife {
		width: 100%;
	}
	.line > img {
		max-width: 100%;
	}
	#back-to-top {
		display:none !important;
	}
	/***/
    .wizard {
        width: 100%;
        height: auto !important;
		 
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
	.wizard .table-checkout {
		overflow: scroll;
	}
}

/****/
#crumbs {
	text-align: center;
}

	#crumbs ul {
		list-style: none;
		display: inline-table;
	}
		#crumbs ul li {
			display: inline;
		}
		#crumbs ul li.active  a{
		background: #006ab4;
		}
		#crumbs ul li.active a:after {
			content: "";
			border-top: 40px solid transparent;
			border-bottom: 40px solid transparent;
			border-left: 40px solid #006ab4;
			position: absolute;
			right: -40px;
			top: 0;
			z-index: 1;
		}
	
		#crumbs ul li a {
			display: block;
    float: left;
    height: 81px;
    background: #3498db;
    text-align: center;
    padding: 30px 10px 0 69px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 19px;
    text-decoration: none;
    color: #fff;
		}
			#crumbs ul li a:after {
				content: "";  
				border-top: 40px solid transparent;
	 			border-bottom: 40px solid transparent;
	  			border-left: 40px solid #3498db;
				position: absolute; right: -40px; top: 0;
				z-index: 1;
			}
			
			#crumbs ul li a:before {
				content: "";
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #f3f3f3;
    position: absolute;
    left: 0;
    top: 0;
			}
	
				#crumbs ul li:first-child a {
					    border-top-left-radius: 88px;border-bottom-left-radius: 88px;
				}
				#crumbs ul li:first-child a:before {
					display: none; 
				}
				
				#crumbs ul li:last-child a {
					padding-right: 80px;
					border-top-right-radius: 88px; border-bottom-right-radius: 88px;
				}
				#crumbs ul li:last-child a:after {
					display: none; 
				}
			
			#crumbs ul li a:hover {
				background: #006ab4;
			}
				#crumbs ul li a:hover:after {
					border-left-color: #006ab4;
				}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid transparent  !important;
     
}

.table-checkout > table.tb-1 {
	    width: 100%;
    border-collapse: separate;
 
	 margin: 0 auto;
}
.table-checkout > table.tb-2 {
	    width: 99%;
    margin: 0 auto;
}
.table-checkout > table tr{

}
.table-checkout > table th{
    padding: 5px 11px;
    text-align: center;
    background-color: #848484;
    color: #fff;
    font-size: 18px;
    border: 2px solid #f3f3f3;
}
.table-checkout > table td{
    /*text-align: center;
    font-size: 19px;
    background-color: #fff;
	border: 2px solid #f3f3f3;
	padding: 15px 24px;*/
	    text-align: center;
    font-size: 16px;
    background-color: #fff;
    border: 2px solid #f3f3f3;
    padding: 5px 10px;
}
 
.table-checkout > table tfoot {
	background-color: #fff;
}
.table-checkout > table tfoot tr {}
.table-checkout > table tfoot td {
	    
    color: #fff;
       font-size: 18px;
        padding: 19px 24px;
	border: 0px solid #f3f3f3;
}
.table-checkout > table tfoot td.sum {
	background-color: #3498db;
}
.table-checkout > table tfoot td.sum-1 {
	background-color: #f0f0f0;
	    color: #505048;
}
.table-checkout > table tfoot td.sum-1 > span {
	color: #0197d6;
}
.table-checkout > table tfoot td.sum-2 {
background-color: #e2f2f8;
    color: #505048;
    border-top: 5px solid #fcfcfc;
    border-bottom: 5px solid #fcfcfc;
}
.table-checkout > table tfoot td.sum-2 > span {
	color: #0197d6;
}
.table-checkout > table tfoot td.sum-4 {
	background-color: #f0f0f0;
	    color: #505048;
		font-size: 20px;
}
.table-checkout > table tfoot td.sum-4 > span {
	color: #0197d6;
	font-size: 25px;
}


.checkout-payment {
	    margin: 20px -15px -10px -15px;
    background-color: #efefef;
    padding: 16px;
	border:1px solid #e8e8e8;
}

.checkout-recive {
    background-color: #fff;
    padding: 41px 41px 126px 41px;
    border-radius: 5px;
    box-shadow: 3px 4px 16px #e2e2e2;
}

.checkout-recive h3 {
	font-size: 37px;
}

.checkout-recive .phone {
	    font-size: 24px;
    text-align: center;
    padding: 38px 0px;
}
.checkout-recive .select-sending {
	    height: 346px;
    background-color: #006ab4;
}
.checkout-recive .select-sending .title{
    padding: 80px 16px 15px 16px;
}
.checkout-recive .select-sending .title img {
	float: left;
}
.checkout-recive .select-sending .title .text {
	    color: #fff;
    font-size: 39px;
    float: left;
    padding-left: 17px;
}
.checkout-recive .phone input {
        border: 2px solid #006ab4;
    border-radius: 8px;
    padding: 0px 11px;
}
.checkout-recive .select-sending .chanel{
	text-align: center;
    padding: 23px 0px;
}

.checkout-recive .select-sending .chanel select {
	border: 2px solid #006ab4;
    border-radius: 8px;
    box-shadow: 0px 0px 18px rgba(47, 47, 47, 0.52);
    font-size: 19px;
    width: 189px;
}


.checkout-recive .select-sending-block {
	       border: 1px solid #eee;
    height: 346px;
    margin-left: -30px;
}
.checkout-recive .select-sending-block .title{
    padding: 79px 16px 15px 16px;
}
.checkout-recive .select-sending-block .title img {
	float: left;
	    margin-top: -8px;
}
.checkout-recive .select-sending-block .title .text {
	    color: #919191;
    font-size: 39px;
    float: left;
    padding-left: 17px;
}
.checkout-recive .select-sending-block .chanel{
	text-align: center;
    padding: 9px 0px;
}

.checkout-recive .select-sending-block .chanel select {
	border: 2px solid #006ab4;
    border-radius: 8px;
    box-shadow: 0px 0px 18px rgba(47, 47, 47, 0.52);
    font-size: 19px;
    width: 189px;
}
.checkout-recive .select-sending-address {
	    border: 1px solid #eee;
    min-height: 346px;
    margin-left: -30px;
}

 
.checkout-recive .select-sending-address .title{
        padding: 20px 16px 7px 16px;
}
.checkout-recive .select-sending-address .title img {
	float: left;
	    margin-top: -8px;
}
.checkout-recive .select-sending-address .title .text {
	    color: #919191;
    font-size: 39px;
    float: left;
    padding-left: 17px;
}
.checkout-recive .select-sending-address .chanel{
	text-align: center;
    padding: 9px 0px;
}
.checkout-recive .select-sending-address .chanel .row {
    padding: 2px 0px;
}
.checkout-recive .select-sending-address .chanel span{
        font-size: 20px;
    margin-right: 8px;
    display: block;
    text-align: right;
    float: right;
	    color: #919191;
}
.checkout-recive .select-sending-address .chanel select {
	border: 2px solid #006ab4;
    border-radius: 8px;

    font-size: 19px;
    width: 189px;
}
.checkout-recive .select-sending-address .chanel input {
	border: 2px solid #999999;
    border-radius: 8px;
    float: left;
    font-size: 19px;
    width: 189px;
	    padding: 0px 9px;
}
/****** text align ******/
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
.list-inlines{
	    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    margin-top: 23px;
        padding-bottom: 55px;
}
.btn-unilife {
	background-color: #0197d6;
    color: #fff;
    padding: 6px 16px;
    font-size: 20px;
    border-radius: 7px;
    box-shadow: 0px 3px 0px #007db1;
    margin-top: 9px;
    cursor: pointer;
	    border: 0;
}
.btn-unilife-green {
	background-color: #008955;
    color: #fff;
    padding: 6px 16px;
    font-size: 20px;
    border-radius: 7px;
    box-shadow: 0px 3px 0px #025f3b;
    margin-top: 9px;
    cursor: pointer;
	    border: 0;
}
.btn-unilife:hover {
	color: #fff;
	text-decoration:none;
}
.btn-unilife-green:hover {
	color: #fff;
	text-decoration:none;
}
/****** INTRO MODAL *****/
.intromodal-container {
	padding: 10px 30px 30px 30px;
    /* width: 100% !important; */
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
    max-width: 600px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    max-height: 467px;
    overflow: auto;
    background-image: url(../images/logo-intro.png);
    background-repeat: no-repeat;
    background-position: center;
	    
}
.intromodal-container img {
    max-width: 100%;
    height: auto;
}
.btn-popup-close {
    float: right !important;
    padding: 0px 5px !important;
    margin: -7px -28px 0px 3px !important;
    position: relative !important;
    background-color: #4a4a4a !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50% !important;
}
.btn-popup-close-login {
    float: right !important;
    padding: 0px 5px !important;
    margin: -27px -28px 0px 3px !important;
    position: relative !important;
    background-color: #4a4a4a !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50% !important;
}
/****** NEWSLETTER MODAL *****/
.unl-news-letter-popup {
	padding: 9px 0px 0px 0px;
}
.newslettermodal-container {
	padding: 30px;
	max-width: 450px;
	width: 100% !important;
	background-color: #474747;
	margin: 0 auto;
	border-radius: 2px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}
.newslettermodal-container .logo {
    text-align: center;
    padding: 0px 0px 23px 0px;
}
.newslettermodal-container .logo img{
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.21);
}
.newslettermodal-container h1 {
  text-align: center;
  font-size: 1.8em;

}

.newslettermodal-container button[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.newslettermodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
 
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.newslettermodal-container .input-group {
 margin-bottom: 10px;
}
.newslettermodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
/****** LOGIN MODAL ******/

.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;

}
.loginmodal-container .logo {
    text-align: center;
    padding: 0px 0px 23px 0px;
}
.loginmodal-container .logo img{
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.21);
}
.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;

}

.loginmodal-container button[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
 
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container .input-group {
 margin-bottom: 10px;
}
.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;

  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 

  padding: 17px 0px;

  font-size: 20px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);

  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}


/*** Fix Modal Center **/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.cart-number {
	padding: 0px 0px 0px 5px;
    width: 60px;
    text-align: center;
}


/******* Coined *****/
.coined-head-bg{
	background-image: url('../images/background/coined-bg.png');
}
.coined-body-bg{
	background-image: url(../images/background/coined-body-bg.png);
    background-position: top center;
 
}
.coined-body-bg .ribon{
	background-image: url(../images/icons/icon-coined-ribon.png);
	min-height: 114px;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 24px;
}
.coined-body-bg .ribon .title {
	width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	font-size: 31px;
	padding-top: 6px;
}
.coined-body-bg .ribon .title-sm {
	width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	font-size: 28px;
	padding-top: 6px;
}
.coined-body-bg ul {    text-align: center;}
.coined-body-bg ul li{
    /* float: left; */
    padding: 20px 31px;
    /* display: inline; */
    display: inline-table;
    /* text-align: center; */
    /* background-color: white; */
}
.coined-body-bg .coined-frame  {
	width: 151px;
	cursor: pointer;
}
.coined-body-bg .coined-frame .frame {
	width: 151px;
overflow: hidden;
position: relative;
}

.coined-body-bg .coined-frame .thumb {
	margin-top: -173px;
	text-align: center;
	z-index: -1;
}
.coined-body-bg .coined-frame .thumb img{
	    max-height: 172px;
}
.coined-body-bg .coined-frame .frame-bg {
background-color: #fff;
    width: 151px;
    height: 174px;
    margin-top: -173px;
    border-radius: 13px;
    z-index: -1;
box-shadow: 0px 0px 20px #0006;
}

.coined-head {
	padding-top: 20px;
}
.coined-head select{
	border-radius: 100px;
	width: 100%;

	background-color: #000;
	border: none;
	color: #fff;
	padding: 0px 7px;
}
.coined-head input{
	border-radius: 100px;
	padding: 3px 14px;
	width: 100%;
	border: none;
}

.coined-head .ctitle {
	color: #fefdbc;
	text-align: center;
}

.coined-detail {
	padding: 43px 0px 6px 0px;
}
.coined-detail .icon{
	text-align:center;
}
.coined-detail .icon img{
	width:100%;
	max-width: 153px;
}
.coined-detail .title{
	font-size: 42.27px;
	color: #e7bd67;
	text-shadow: 0px 0px 10px #000;
	line-height: 42px;
}
.coined-detail .desc{
	color: #fff;
	font-size: 24px;
}

.product-load-more{
	width: 100%;
    color: #fff;
    background-color: #9E9E9E;
    border-radius: 0px;
    border: 1px solid #9E9E9E;
    padding: 9px;
    text-align: center;
    font-size: 18px;
	    cursor: pointer;
}


/****** CEO Tree ****/
.ceo-tree-head-bg{
	 
}
.ceo-tree-body-bg{
	
}
.ceo-tree-body-bg > .container > .bg {
	background-color: #f7f7f7;
}
.ceo-tree-body-bg .ribon{
 
	min-height: 114px;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 24px;
}
.ceo-tree-body-bg .ribon .title {
	width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	font-size: 31px;
	padding-top: 6px;
}
.ceo-tree-body-bg .ceo-tree-list {
	    text-align: center;
    background-image: url(../images/background/ceo-bg-tree.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 81% 20px;
}
.ceo-tree-body-bg ul {
	display:inline-table;
}
.ceo-tree-body-bg ul >li{
	float: left;
	padding: 20px 31px;
	display:inline;
}
.ceo-tree-body-bg .list-box  .item{
	float: left;
	padding: 20px 31px;
}
.ceo-tree-body-bg .ceo-tree-frame  {
	width: 188px;
	cursor: pointer;
}
.ceo-tree-body-bg .ceo-tree-frame-area  {
	width: 152px;
    cursor: pointer;
    margin: 0 auto;
}
.ceo-tree-body-bg .ceo-tree-frame  .detail{
	margin-top: 7px;
}
.ceo-tree-body-bg .ceo-tree-frame  .detail .position{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.ceo-tree-body-bg .ceo-tree-frame  .detail .position-popup{
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
.ceo-tree-body-bg .ceo-tree-frame  .detail .description{
	text-align: center;
}
.ceo-tree-body-bg .ceo-tree-frame .frame {
	width: 152px;
overflow: hidden;
position: relative;
}

.ceo-tree-body-bg .ceo-tree-frame .thumb {
	margin-top: -173px;
	text-align: center;
	z-index: -1;
}
.ceo-tree-body-bg .ceo-tree-frame .thumb img{
	max-height: 173px;
}
.ceo-tree-body-bg .ceo-tree-frame .frame-bg {
	background-color: #fff;
    width: 147px;
    height: 173px;
    margin-top: -174px;
    border-radius: 13px;
    z-index: -1;
box-shadow: 0px 0px 20px #0006;
}

.ceo-tree-popup {
	padding: 30px;
	width: 100% !important;
	background-color: #F7F7F7;
	margin: 0 auto;
	    
	border-radius: 2px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
 
}

.ceo-tree-popup > h1 {
	padding: 0px 0px 28px 0px;
    text-align: center;
    margin: 0;
}

.ceo-tree-popup .ceo_desc {
    height: 382px;
    overflow-y: auto;
}
@media (min-width: 768px){
.modal-dialog {
    width: 960px !important;
    margin: 30px auto;
}
 
}

@media (min-width: 768px){
 
	.modal:before {
	  content: '';
	  display: inline-block;
	   height: inherit;
	  vertical-align: middle;
	  margin-right: -4px; /* Adjusts for spacing */
	}
}

@media (min-width: 1024px){
 
	.modal:before {
	  content: '';
	  display: inline-block;
	   height: 100%;
	  vertical-align: middle;
	  margin-right: -4px; /* Adjusts for spacing */
	}
}

.ceo-tree-popup img{
	max-width: 100% !important;
}

/**** coined popup *****/

.coined-body-bg .coined-frame  .detail{
	margin-top: 7px;
}
.coined-body-bg .coined-frame  .detail .position{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.coined-popup {
	padding: 30px;
	width: 100% !important;
	background-color: #F7F7F7;
	margin: 0 auto;
	font-size: 19px;
	border-radius: 2px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
 
}

.coined-popup > h1 {
	padding: 0px 0px 28px 0px;
    text-align: center;
    margin: 0;
}

.coined-popup .coined_desc {
    height: 382px;
    overflow-y: auto;
}
@media (min-width: 768px){
.modal-dialog {
    width: 960px !important;
    margin: 30px auto;
}
}
.coined-popup img{
	max-width: 100% !important;
}

.coined-popup .detail .position{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.coined-popup .detail .position-popup{
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
.coined-popup  .detail .description{
	text-align: center;
}

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

.ceo-tree-head {

}
.ceo-tree-head .title {
	    font-size: 33.71px;
    text-align: center;
    overflow: hidden;
    padding-top: 19px;
    padding-bottom: 9px;
}
.ceo-tree-head .title .bar{
     height: 31px;
    border-bottom: 2px solid #569fd7;
    margin-bottom: -26px;
}
.ceo-tree-head .title .t1{
	color: #112c61;
	background-color: #ffffff;
    padding-left: 34px;
}
.ceo-tree-head .title .t2{
	color:#112c61;
	    background-color: #ffffff;
    padding-right: 34px;
}
.ceo-tree-head .title > .t3{
	color:#112c61; 
    padding-right: 34px;
    margin-top: -6px;
    font-size: 23px;
}
.ceo-tree-head .title .tmore{
	font-size: 13px;
    right: 0;
    margin: 14px 23px;
    position: absolute;
    background-color: #ffffff;
    color: #000;
    padding: 0px 7px;
}
.ceo-tree-head img {
	width: 100%;
    height: auto;
}
.ceo-tree-head select{
	border-radius: 100px;
	width: 100%;

	background-color: #000;
	border: none;
	color: #fff;
	padding: 0px 7px;
}
.ceo-tree-head input{
	border-radius: 100px;
	padding: 3px 14px;
	width: 100%;
	border: none;
}

.ceo-tree-head .ctitle {
	color: #fefdbc;
	text-align: center;
}

.ceo-tree-detail {
	padding: 43px 0px 6px 0px;
}
.ceo-tree-detail .icon{
	text-align:center;
}
.ceo-tree-detail .title{
	font-size: 42.27px;
	color: #e7bd67;
	text-shadow: 0px 0px 10px #000;
	line-height: 42px;
}
.ceo-tree-detail .desc{
	color: #fff;
	font-size: 24px;
}



/****** Fix Accoding Bar ***********/
.vc_tta-panel-heading {
	border-radius: 37px !important;
    background-color: #f0f2f4 !important;
	border-color: #f0f2f4 !important;
	z-index: 1;
    position: relative;
}
.vc_tta-panel-body {
    margin: -17px 0px 10px 0px;
    position: relative;
    z-index: 0;
    padding-top: 28px !important;
    border-radius: 12px !important;
    border: 0 !important;
}
.vc_tta-panel {
	margin-bottom:10px  !important; 
}
.vc_active > .vc_tta-panel-heading{
	background-color: #008955 !important;
	border-color: #008955 !important;
	color:#fff  !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color:#fff  !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before  {
    border-color: #fff  !important;
}


.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    font-size: 19px !important;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
    top: 1.1em  !important;
}


/***** Branch relate *******/
.branch-service-relate {
    padding: 26px 0px 0px 0px;
}
.branch-service-relate > .head {
	font-size: 20px;
    color: #008955;
    padding: 12px 0px;
}
.branch-service-relate > .row .list {
	font-size: 18px;
}
.branch-service-relate > .row .list > .detail > .date{
    padding: 0px;
}
.branch-service-relate > .row .list > .thumb{
	    width: 130px;
    float: left;
    overflow: hidden;
}
.branch-service-relate > .row .list > .thumb > img {

}
.branch-service-relate > .row .list > .detail {
	float: left;
    width: 313px;
}
.branch-service-relate > .row .list > .detail > .title {
	float: left;
    padding: 0px;
    font-size: 20px;
    color: #008955;
}
.branch-service-relate > .row .list > .detail > .desc {
	height: 104px;
    overflow: hidden;
    margin-bottom: 17px;
    line-height: 22px;
    font-size: 17px;
    margin-top: 5px;
}

.back-to-branch {
	background-color: #0197d6;
    border-radius: 50px;
    padding: 6px 34px 7px 37px;
    margin: 0 auto;
    font-size: 22px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    display: block;
}

.form-contact {
	font-size: 16px;
	color: #7b7b7b;
}
.btn-contact{
	background-color: #0197d6;
    border-radius: 50px;
    padding: 0px 34px 2px 37px;
    font-size: 22px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    display: block;
    float: left;
    border: 0px;
    margin-right: 10px;
}
.form-contact > .form-group select,.form-contact > .form-group input{
	border-radius: 105px;
}

.form-contact > .form-group textarea{
	border-radius: 12px;
	height:120px;
}
.form-contact .comment-red {
	color:red;
}


.text-red{
	color:red;
}
.bussiness_rule {
background-color: #f2f2f2;
    padding: 1px 16px 16px 16px;
	margin-bottom:12px;
}
.bussiness_rule > h3 {
	font-size: 19px;
}
.bussiness_rule > select {
	    font-size: 18px;
    width: 100%;
    border-color: #a8a8a8;
    color: #505048;
    padding: 0px 5px;
}
@media screen and (max-width: 1000px){
	.als-viewport {
		width:100%  !important;
		overflow:hidden  !important;
	}
	.als-container {
		width:100%  !important;
		overflow:hidden  !important;
	}
}

@media screen and (max-width: 479px){
	.unl-news-letter .head span {
		display: block !important;
	}
	.unl-news-letter .btn-resgis-news {
		padding: 1px 23px 4px 24px;
		margin: 7px 0px 0px 10px;
		font-size: 13px;
		width: 93%;
	}
	.unl-news-letter .like-box-fb .like-us {
		width:100%;
		height: 58px;
	}
	.unl-news-letter .like-box-fb .fb-like-box > iframe {
		width:100%;
	}
}

 

.vc_btn3.vc_btn3-color-success, .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
    color: #fff;
    background-color:  #008955 !important;
}
.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon {
 
    margin-top: 7px !important;
}
.list_circle {
	border-radius: 50%; 
	background: #0197d6; 
	height: 30px; 
	width: 30px; 
	color: #ffffff; 
	line-height: 30px; 
	font-size: 14pt; 
	text-align: center; 
	display:inline-block;
	   
}
.fb-button-footer {
 margin-top: 20px;
}
.fb-button-footer-print {
	display: inline-block;
    padding: 0px 12px;
    color: #fff;
    background-color: #4267b2;
    border-radius: 4px;
	cursor: pointer;
}

.btn-extra-font a {
font-size: 27px !important;
}
 

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon {
    vertical-align: baseline;
}
.cursor-pointer {
	cursor: pointer;
}

.select-sending-address select {
	padding:0px 7px;
}
.icon-sendding-blue {
	color: #337ab7;
    font-size: 41px !important;
}
.bg-promotion td{
	background-color: #ececec !important;
    border: 0px dashed #ffffff !important;
    opacity: 0.7;
    color: rgba(142, 142, 142, 0.88);
    border-top: 1px dashed rgba(0, 0, 0, 0.27) !important;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.27) !important;
}
.bg-promotion td.no-bg{
	 
}

/**** Navbar Green ***/
.navbar-nav-green {
	margin: 0px -15px !important;
}
.navbar-green {
	background-color: #008955 !important;
    color: #fff !important;
}
.navbar-green .navbar-brand {
	color: #fff !important;
}
.navbar-green .navbar-toggle .icon-bar {
	background-color: #fff !important;
}
.navbar-green .navbar-nav>li>a {
	background-color: #fff !important;
	font-weight: bold !important;
}
.navbar-green .navbar {
	background-color: #fff !important;
}

.navbar-green .navbar-nav .open .dropdown-menu {
	background-color: #fff !important;
}
.navbar-green .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #008955 !important;
	color: #fff !important;
}
.navbar-brand-green {
	padding: 0px  !important;
}
.navbar-brand-green > img {
	height:100%  !important;
}
.navbar-green {
	margin-bottom: 0px !important;
}

.navbar-green .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
    border-bottom: 1px solid #f3f3f3;
}

.navbar-green .navbar-nav>li>a {
border-bottom: 1px solid #f5f5f5;
}


/****************/
.plugin {
  margin-right: 12px;
}
.plugin-a {
  right: 2px;
}
 
.wrapper {
     width: 100%;
  margin: 0 auto;
}
.gallery {
  width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.gallery__fake {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.gallery__fullscreen__wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.98);
  opacity: 0;
  text-align: center;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.gallery__fullscreen__wrap.open {
  display: block;
  opacity: 1;
}
.gallery__fullscreen__bt {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 30px;
  height: 30px;
  background-image: url('../images/fullscreen_black.png');
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 99;
  cursor: pointer;
}
.gallery__fullscreen__exit {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-image: url('../images/close_black_2x.png');
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.gallery__fullscreen__img {
  max-width: 70%;
  display: inline-block;
  vertical-align: middle;
}
.gallery__fullscreen__controls {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -30px;
}
.gallery__fullscreen__controls .prev,
.gallery__fullscreen__controls .next {
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 60px;
  cursor: pointer;
  vertical-align: middle;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  background-color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  border-radius: 0 20px 20px 0;
}
.gallery__fullscreen__controls .prev {
  left: 0;
  background-image: url('../images/left_black_2x.png');
  background-size: 100%;
  border-radius: 0 20px 20px 0;
  background-position: right;
}
.gallery__fullscreen__controls .next {
  right: 0;
  background-image: url('../images/right_black_2x.png');
  background-size: 100%;
  border-radius: 20px 0 0 20px;
  background-position: left;
}
.gallery__inner {
  font-size: 0;
  position: relative;
  left: 0;
  height: 444px;
}
@media screen and (max-width: 479px){
.gallery__inner {
  font-size: 0;
  position: relative;
  left: 0;
  height: 100%;
}
}
.gallery__block {
  position: relative;
  overflow: hidden;
}
.gallery__block:hover .gallery__controls-buttons .prev {
  left: 0;
  background-position: center;
}
.gallery__block:hover .gallery__controls-buttons .next {
  right: 0;
  background-position: center;
}
.gallery__img-block {
  display: none;
  position: relative;
  text-align: center;
  height: 100%;
  vertical-align: middle;
}
.gallery__img-block.slide {
  display: none;
  position: relative;
  text-align: center;
  height: 100%;
  vertical-align: middle;
}
.gallery__img-block.crossfade {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.gallery__img-block__img {
  max-width: 100%;
}
.gallery__img-block.load {
  background: url('../images/sunny.gif') center no-repeat;
  background-size: 40px;
}
.gallery__description-block {
display:none;
  padding: 15px 0;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
}
.gallery__description-block__description {
  font-size: 20px;
  color: #222;
  display: none;
  margin-left: 15px;
  font-family: 'OpenSans-CondLightItalic', Arial, sans-serif;
}
.gallery__description-block__description.current {
  display: inline-block;
}
.gallery__img-block:first-child {
  display: inline-block;
}
.gallery__controls {
  z-index: 2;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.gallery__controls.fullscreen {
  position: absolute;
  bottom: 0;
}
.gallery__controls__ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.gallery__controls__thumbnails-ul {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  overflow: hidden;
  padding: 10px 0;
}
.gallery__controls__inner {
  position: relative;
  /*& span {
                display:
            }*/
}
.gallery__controls__inner.go-back {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
.gallery__controls__item {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: grey;
  border: 2px solid white;
  margin: 0 10px;
  border-radius: 50%;
  cursor: pointer;
}
.gallery__controls__item.current {
  background: red;
}
.gallery__controls__item:hover {
  color: #fff;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.gallery__controls-buttons {
  position: absolute;
  top: 50%;
  width: 100%;
}
.gallery__controls-buttons .prev,
.gallery__controls-buttons .next {
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 40px;
  cursor: pointer;
  vertical-align: middle;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  background-color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  border-radius: 0 20px 20px 0;
}
.gallery__controls-buttons .prev {
  left: -25px;
  background-image: url('../images/left_black.png');
  background-size: 30px;
  border-radius: 0 20px 20px 0;
  background-position: right;
}
.gallery__controls-buttons .next {
  right: -25px;
  background-image: url('../images/right_black.png');
  background-size: 30px;
  border-radius: 20px 0 0 20px;
  background-position: left;
}
.gallery__thumbnail {
  display: inline-block;
  vertical-align: top;
  border: 3px solid #fff;
  margin-right: 15px;
  position: relative;
}
.gallery__thumbnail img {
  opacity: 0.5;
}
.gallery__thumbnail i {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  width: 0;
  height: 3px;
  background-color: #757575;
}
.gallery__thumbnail.current img {
  opacity: 1;
}
.gallery__thumbnail.current i {
  background-color: #757575;
  width: 100%;
}
.mobile-basket {
    padding: 14px;
    margin-right: 54px;
    font-size: 19px;
}
.mobile-basket a {
	color: #fff;
}
.mobile-basket a .badge{
	color: #fff;
    margin: -16px 0px 0px -8px;
    background-color: #f90000;
}

.box-share-print{margin: 0px auto;display: table;}

.group-search-mb > .input-group-btn > .bt-search-mb
{
	border-radius: 100px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
	height: 26px;
	padding:0px 12px;
	border:0px;
	border-left:1px solid #ccc;
}

.group-search-mb > .input-search-mb
{
	border-radius: 100px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	height: 26px;
}

.group-search-mb > .input-group-btn > .bt-search-mb2
{
	border-radius: 100px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
	height: 30px;
	padding:0px 12px;
	
}

.group-search-mb > .input-search-mb2
{
	border-radius: 100px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	height: 30px;
}
.scr2{ padding:0px 14px 0px;}  
	
@media screen and (max-width: 479px){
	.checkout-recive {
		padding: 11px;
	}
	.checkout-recive .phone > input {
		width:100%;
	}
	.checkout-recive .phone {
		font-size: 18px;
	}
	.select-sending > .title > .text{
		font-size: 34px !important;
	}
	.checkout-recive .select-sending-address{
		font-size: 34px !important;
		margin: 0px;
	}
	.checkout-recive .select-sending-address .chanel select {
		margin: 0px 22px;
	}
	.checkout-recive .select-sending-address .chanel span {
		text-align: left;
		float: left; 
	}
	select[name=recive-province],select[name=recive-district],select[name=recive-sub-district]{
		margin: 0px !important;
		width: 100% !important;
	}
	input[name=recive-name],input[name=recive-address],input[name=recive-zipcode]{
		margin: 0px !important;
		width: 100% !important;
	}
	.checkout-recive .select-sending-address .chanel {
		padding: 9px 12px;
	}
	
	.scr2{ padding:0px;}  
}

.mobile-top-call {
    width: 144px;
    float: left;
    padding: 6px 0px 0px 5px;
    text-transform: uppercase;
}
.mobile-top-call > .phone {
    margin: -8px 0px 0px 0px;
    font-size: 18px;
}

.slide-mb > .carousel-indicators {
	bottom: unset;
	top: 0px;
	right: 5px;
	left: unset;
	text-align: right;
}
@media screen and (max-width: 768px){
	.unl-header .mega-menu .col-1{
		display:none;
	}
	.unl-header .main-bar .menu {
		float: left;
		padding: 0px 13px 0px 0px;
	}
	.unl-header .main-bar .search ,.unl-header .main-bar .inter,.unl-header .top-bar .top-call,.cat-name-subs{
		display:none;
	}
	.unl-header .main-bar .logo {
		width: 42px !important;
	}
	.unl-header .main-bar .logo img {
		width: 100%;
	}

}
 
@media screen and (min-width: 768px) and (max-device-width : 1023px){
	.intromodal-container{
	 	margin-right: 28% !important;
	}
}
@media screen and (max-width: 768px){
	.unl-footer > .unl-wrapper > .footer-product-slider .next {
		    right: 11px;
	}
}

.add-cart-success{
    bottom: 5px;
    width: 100%;
    max-width: 500px;
    z-index: 10000;
    position: fixed;
    margin: 5% auto;
    left: 0;
    font-size: 25px;
    right: 0;
}
.alert-top{
	display:none;
}

.searchform{
padding: 13px;
    font-size: 20px;
    border: 1px solid #e0e0e0;
    background-color: #eaeaea;
}