@charset "utf-8";
/* CSS By Skaindy Mx */
@import url("html5reset.css");
@import url("font.css");
@import url("scroll.css");
@import url("totop.css");
@import url("style-in.css");
/*@import url("dropdown.css");*/
@import url("mega-nav.css");
@import url("jquery-ui.css");
@import url("cms.css");
body{font-family:'Prompt', sans-serif;background:#ffffff; color:#424242;}
.news-content .nav-tabs>li>a, .news-content .news-text .tab-content .tab-detail .tab-list .detial-news .btn-buy, .news-content .news-text .tab-content .tab-detail .tab-list .detial-news, .btn-default.btn-fopay, .box-info.page-shop .menu-shop li a, #accordion1 .panel-title a, .categories .cate-all .cate-list{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a,a:hover,a:focus{text-decoration:none}
.none{ display:none}
header{ background:#ffffff;}
header .col-md-6{ padding:0}
header .img-logo{ margin-top:2px;}
header .header-l{ float:right; list-style:none}
header .header-l>li{ float:left}
header .header-l .top-hotline{}
header .header-l .top-hotline .text-sv{ color:#424242; text-transform:uppercase; text-align: left; line-height:22px;font-size: 14px;}
header .header-l .top-hotline .text-tel{  text-align: left; line-height:33px;font-size: 14px;}
header .header-l .top-hotline .text-tel a{color:#424242;}
header .header-l .icon-social{ display:block; width:33px; height:33px;}
header .header-l .icon-social+.icon-social{ margin-top:7px}
header .box-search{position:relative}
header .box-search .form-group{position:relative; width: 100%;}
header .box-search .img-search{position:absolute;right:14px;top:5px}
header .box-search .img-search .btn{padding:0;background:none;outline:none}
header .box-search .img-search .btn:active{background:none;box-shadow:none}
header .box-search .img-search .glyphicon-search{color:#424242;font-size:22px;line-height: 32px;}
header .box-search .form-control{padding:6px 50px 6px 12px;height:48px;border-radius: 0; background: #fff;min-width: 245px;border: 1px solid #e5e5e5;color:#424242;width: 100%;}
header .box-search form ::-webkit-input-placeholder{color:#424242}
header .box-search form ::-moz-placeholder{color:#424242}
header .box-search form :-ms-input-placeholder{color:#424242}
header .box-search form :-moz-placeholder{color:#424242}
header .box-search .navbar-form{margin-top:10px;margin-bottom:0;padding-left:0;padding-right:0;width: 100%;}
header .nav-head{ padding-top:24px; padding-bottom:24px;}
.form-control:focus {
border-color: #424242;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 66, 66, 0.7);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 66, 66, 0.61);}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: rgba(255, 255, 255, 0);}
.navbar-nav .attr-nav ul li .fa {color: #02adcc; font-size: 26px;}
ul.cart-list > li { padding: 15px 15px 38px 15px !important;}
.attr-nav{margin-left: 0px;padding-right: 29px; margin-right:0px;}
nav.navbar li.dropdown ul.dropdown-menu {border-top: solid 5px #02adcc;margin-left: 80px;}
nav.navbar li.dropdown ul.dropdown-menu > li > a { background-color:#02adcc; color:#FFFFFF; border: none;border-bottom: 0px!important;}
nav.navbar li.dropdown ul.dropdown-menu > li > a:hover {color:#000000; background-color:#FFFFFF;}
nav.navbar li.dropdown ul.dropdown-menu > li.active > a{color:#000000; background-color:#FFFFFF;}
ul.cart-list > li.total { background-color: #424242;}

.attr-nav > ul > li > a span.badge { position: absolute;top: 50%;margin-top: -12px;right: -17px; font-size: 14px; padding: 0; width: 25px;height: 25px; padding-top: 6px; border-radius: 50%;color: #424242; background-color: #ffffff;}
.attr-nav > ul > li > a { padding: 15px 15px;}
.navbar-default .navbar-nav.navbar-right>li>a{padding:16px 18px; line-height:28px; }
	
#banner {height: 350px;}
.slider,#main #banner{ display:none}
#main .slider,#banner{ display:block}
	
.nav-menu{ background:#424242; }

.navbar-default{ margin-top:4px; border:0; background-color:transparent; margin-bottom:0}
.navbar-default .icon-flag a{ padding:0}
.navbar-default .navbar-nav>li.dropdown>a:before{content: "\f0dd"; position:absolute; left:50%;  bottom:9px; margin-left:-4px;font: normal normal normal 14px/1 FontAwesome;}
.navbar-default .navbar-nav>li>a{ color:#ffffff; font-weight:600; padding:16px 22px; line-height:28px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color:#02adcc;font-weight:600; background-color:transparent !important;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#02adcc}
/*.navbar-default .navbar-nav>.active:hover>a,
.navbar-default .navbar-nav>.active>a:focus{color: #24225c !important;background-color: #e7e7e7 !important;}*/
/*.navbar-default .navbar-nav>.open>a{ color: #FFFFFF ;background-color: #24225c !important;}
.navbar-default .navbar-nav>.open>a:focus{ color: #fdee1c;}
.navbar-default .navbar-nav>.icon-flag>a{ padding:0}*/
.navbar-default .navbar-menu{ margin-left:-15px;}
/*.navbar-default .navbar-right{ padding-top:14px;}*/
.navbar-default .navbar-right .icon-search{ margin-right:19px;}
.navbar-default .navbar-right .icon-search a{ padding:0; color:#FFFFFF; font-size:25px;}
.navbar-default .navbar-right .icon-search a .fa{vertical-align: top;}
.navbar-default .navbar-right .icon-flag+.icon-flag{ margin-left:13px;}

.navbar-default .navbar-nav>li>a::after{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgb(2, 173, 204);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.navbar-default .navbar-nav>li>a:hover::after,
.navbar-default .navbar-nav>li>a:focus::after,
.navbar-default .navbar-nav>li.active> a::after{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
	
	
#myCarousel.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity}
#myCarousel.carousel-fade .carousel-inner .item,#myCarousel.carousel-fade .carousel-inner .active.left,#myCarousel.carousel-fade .carousel-inner .active.right{opacity:0}
#myCarousel.carousel-fade .carousel-inner .active,#myCarousel.carousel-fade .carousel-inner .next.left,#myCarousel.carousel-fade .carousel-inner .prev.right{opacity:1}
#myCarousel.carousel-fade .carousel-inner .next,#myCarousel.carousel-fade .carousel-inner .prev,#myCarousel.carousel-fade .carousel-inner .active.left,#myCarousel.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.carousel-control .fa-chevron-left, .carousel-control .icon-prev{ left:0;top:50%; margin-top:-42px;margin-left:0;background:#FFFFFF; width:64px; height:84px; opacity:1; position:absolute;box-shadow: 0px 0px 10px 1px #000000;}
.carousel-control .fa-chevron-right, .carousel-control .icon-next{ right:0; top:50%; margin-top:-42px;margin-right:0; background:#FFFFFF; width:64px; height:84px; opacity:1; position:absolute;box-shadow: 0px 0px 10px 1px #000000;}
.carousel-control { opacity:1; width:inherit}
.fa-chevron-right:before{ top:50%; right:12px; margin-top:-20px; position:absolute; font-size:40px; color:#25245b}
.fa-chevron-left:before{ top:50%; left:12px; margin-top:-20px; position:absolute; font-size:40px; color:#25245b}
.carousel-control:focus, .carousel-control:hover{ opacity:1}

/*#box-search .well{ margin-bottom:0; background:#000000; border:0; border-radius:0; padding:10px}
	#box-search	 .form-search{ padding:0}
	#box-search	 .form-search .form-control{ background:none; border:0; color:#FFFFFF; box-shadow:none}*/
	 
.cd-nav .text-hotline{  text-transform:uppercase;border-bottom: 1px solid #464646; }
.cd-nav .text-hotline a{padding:0; border-bottom:0; height:inherit; line-height:45px;color:#FFFFFF; padding:0 20px; }
.cd-nav .text-hotline a .tel{ padding-left:5px;color: #fdee1c;font-size: 20px;}

.categories .title-cate{font: 15px/24px 'Prompt', sans-serif; margin-top:20px; margin-bottom:5px;}
.categories .cate-all .cate-list{ padding:3px; max-width:100%;overflow:hidden;}
.categories .cate-all{overflow:hidden; margin:0;}
.categories .cate-all .cate-list .ref-link .cate-img{ position:relative; overflow:hidden;}
.categories .cate-all .cate-list .ref-link .cate-img::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';background:rgba(0,0,0,0.70);width:100%;height:100%;position:absolute;z-index:99;opacity:1}
.categories .cate-all .cate-list:hover .ref-link .cate-img::before{opacity:0;}
.categories .cate-all .cate-list .ref-link .cate-img .imgca{overflow:hidden;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}
/*.categories .cate-all .cate-list:hover .ref-link .cate-img .imgca{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); padding:-3px;}*/
.categories .text-description{position:absolute;bottom:50%; margin-bottom:-21px;left:0;right:0;color:#FFF;width:100%;z-index:101;opacity:1;padding:10px 10px; text-align:center;}
.categories .text-description .title-description{font: 24px/22px 'Prompt', sans-serif;}
.categories .text-description .title-description2{font: 18px/22px 'Prompt', sans-serif;}
	
.about-slide{ padding-top:40px; padding-bottom:30px;}
.about-slide .title-abouts{font:bold 19px/24px 'Prompt', sans-serif; text-transform:uppercase; margin-bottom:10px;}
.about-slide .text-abouts{font:14px/21px 'Prompt', sans-serif;margin-bottom:5px; color:#888888;}
.about-slide .text-abouts span{color:#02adcc; font-style:italic;}
.about-slide ul{font:14px/21px 'Prompt', sans-serif; color:#888888;list-style-type: decimal;}
.about-slide ul .text-abouts{font:14px/21px 'Prompt', sans-serif;margin-bottom:0; color:#888888;}
.about-slide ul li{ margin-left:15px;}

#myCarousel .item .img{height:400px;width:100%}
#myCarousel .item .carousel-control.right{background:none}
#myCarousel.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity}
#myCarousel.carousel-fade .carousel-inner .item,#myCarousel.carousel-fade .carousel-inner .active.left,#myCarousel.carousel-fade .carousel-inner .active.right{opacity:0}
#myCarousel.carousel-fade .carousel-inner .active,#myCarousel.carousel-fade .carousel-inner .next.left,#myCarousel.carousel-fade .carousel-inner .prev.right{opacity:1}
#myCarousel.carousel-fade .carousel-inner .next,#myCarousel.carousel-fade .carousel-inner .prev,#myCarousel.carousel-fade .carousel-inner .active.left,#myCarousel.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#myCarousel.carousel-fade .carousel-control{z-index:2}
#myCarousel .item:before{display:inline-block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(64,64,64,0.30);z-index:1}
#myCarousel .carousel-indicators li,#myCarousel .carousel-indicators .active{width:16px;height:16px}
#myCarousel .carousel-indicators li{border-width:4px;margin:0}
#myCarousel .carousel-indicators{bottom:17px}
#myCarousel .carousel-caption{z-index:2; bottom:inherit; top: 0;right: 0;left: 0; padding: 10px; background-color:rgba(136, 136, 136, 0.45);}
#myCarousel .carousel-caption .title{padding-bottom:5px;color:#FFF; font:15px/28px 'Prompt', sans-serif; text-align:left;}
#myCarousel .carousel-caption .title a { color:#FFFFFF}
#myCarousel .carousel-caption .title a:hover{ color:#02ADCC}
#myCarousel .carousel-caption .detail{font:13px/17px 'Prompt', sans-serif;color:#FFF;text-align:left;}
#myCarousel .carousel-caption{text-shadow:none}

.news-content{ padding-top:60px; padding-bottom:20px;}
.news-content .nav-tabs {border-bottom: 3px solid #02adcc;}
.news-content .nav-tabs>li.active>a,.news-content .nav-tabs>li.active>a:focus,.news-content .nav-tabs>li.active>a:hover {color: #fff;cursor: default; background-color: #02adcc;border: 1px solid #02adcc; border-bottom-color: #02adcc;}
.news-content .nav-tabs>li>a:hover {border-color: #02adcc #02adcc #02adcc; background-color:#02adcc; color:#FFFFFF; text-decoration:none;}
.news-content .nav-tabs>li>a{ background-color:#e5e5e5; color:#292929;border-color: #e5e5e5 #e5e5e5 #02adcc;margin-right: 7px; padding: 10px 40px;}
.news-content .news-text .tab-content{ width: auto;height: auto; }
.news-content .news-text .tab-content .tab-pane{ overflow: auto; padding-bottom: 6px; position:relative;}
.news-content .news-text .tab-content .tab-detail{ padding-top:10px; list-style:none;}
.news-content .news-text .tab-content .tab-detail .tab-list{ padding: 10px 15px;}
.news-content .news-text .tab-content .tab-detail .tab-list .img-news img{width:100%; height: 381px;}
.news-content .news-text .tab-content .tab-detail .tab-list .img-news.tap2 img{ max-width:100%; height:auto; width:inherit;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news{ text-align:center; box-shadow: 3px 4px 26px rgba(228, 228, 228, 0.75);}
.news-content .news-text .tab-content .tab-detail .tab-list:hover .detial-news{ box-shadow: 1px 1px 1px 1px rgba(228, 228, 228, 1);}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-news{ height:170px; overflow:hidden;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .head{ color:#424242;font:14px/22px 'Prompt', sans-serif; padding-top:5px; margin-bottom:5px;font-weight:600;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;padding-left:5px; padding-right:5px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .idpro{ color:#000000;font:12px/18px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .idpro span{ color:#02adcc;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .typepro{ color:#888888;font:12px/18px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .langpro{ color:#888888;font:12px/18px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .detial{ margin-top:5px; color:#000000;font: 12px/18px 'Prompt', sans-serif;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden; padding-left:5px;    padding-right: 5px;}
.news-content .news-text .item-event .links-event .img-event{ width:100%;}
.dropdown-menu.price{left: 20px;right: 20px;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{color: #888888; background-color: #ffffff;border-color: #02adcc; }
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {color: #888888;background-color: #ffffff;border-color: #02adcc;}
.btn-default.btn-price {color: #888888; background-color: #fff; border-color: #ccc; padding: 6px 15px; font-size: 12px; border-radius: 12px; margin-top:8px;}
.glyphicon.pricedrop {padding-left: 20px;}
.dropdown-menu>li>a {padding: 6px 20px;color: #888888;font-size: 12px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .btn-buy{ background-color:#02adcc; padding:6px 20px; color:#FFFFFF; margin-top:8px; border:none; border-radius:0; margin-bottom:25px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .btn-buy:hover{background-color:#424242;color:#02adcc;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .btn-buy.active{background-color:#424242;color:#02adcc;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-type .title-type{ color:#000000;font:16px/22px 'Prompt', sans-serif; padding-top:15px; margin-bottom:2px;font-weight:600; padding-left:5px;    padding-right: 5px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-type .text-type{ color:#02adcc;font:14px/18px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; margin-bottom:5px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-type .text2-type{ color:#888888;font:14px/18px 'Prompt', sans-serif; padding-bottom: 15px; padding-top:5px; padding-left:10px; padding-right:10px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .form-pay{padding:25px 20px;}
.btn-default.btn-fopay{ text-align:left;display: block;padding: 6px 30px;border-radius: 0; background-color:#02adcc; color:#FFFFFF; border:none;}
.btn-default.btn-fopay:hover{background-color:#424242;color:#02adcc;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-formpa{color:#888888;font:14px/18px 'Prompt', sans-serif;padding-top:25px;}
.content{ color:#888888;font:14px/20px 'Prompt', sans-serif;}
.content a{color:#02adcc;}
.content.inde{ color:#888888;font:14px/20px 'Prompt', sans-serif; padding:25px 20px;}
.content .contact-list{ margin-top:10px;}
.content .contact-list .ti-content{font:bold 14px/20px 'Prompt', sans-serif;}
.content .contact-list .listco-all{ list-style-type:square;}
.content .contact-list .listco-all .list-con{ margin-left:20px; font:13px/20px 'Prompt', sans-serif;}

.other-con{ display:block; padding-bottom:20px;}
.other-con .other-all{background-color:#75c3dc; padding-top:15px; padding-bottom:15px;}
.other-con .other-all .other-line{ border-right:1px solid #8bd5ed; min-height:140px;}
.other-con .other-all .title-other{font:bold 17px/24px 'Prompt', sans-serif; margin-bottom:5px; margin-top:10px;}
.other-con .other-all .text-tel{ list-style:none; }
.other-con .other-all .text-tel .text-all{color:#FFFFFF; font:12px/30px 'Prompt', sans-serif; padding-left:0;}
.other-con .other-all .text-tel .text-all .fa{color:#02adcc; font-size:18px; margin-right:7px; vertical-align:middle;}
.other-con .other-all .text-tel .btn-buy{ border-radius:0; border:1px solid #424242; margin-top:5px; font-size:12px; color:#888888;}
.other-con .other-all .img-news{ text-align:center;}
.other-con .other-all .img-news img{ width:100px; height:auto; text-align:center;}

	
.box-banner .banner-list li{ width:50%; float:left;}
.box-banner .banner-list li a img{ max-width:100%; height:auto; display:block}
.box-banner .banner-list li:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.box-banner .banner-list li .item{ overflow:hidden; position:relative}
.box-banner .banner-list li:hover .item a:before {   opacity:1; -webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
.box-banner .banner-list li .item a:before{content:'';position:absolute;opacity:0;background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; z-index:99; }
.box-banner .banner-list li .item a:before{
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-o-transform:scale(0.5);
		-ms-transform:scale(0.5);
		transform:scale(0.5) }		
.box-banner{ overflow:hidden}

	
footer{ background:#3c414c; padding-top:25px;}
footer .logo-footer{ margin-bottom:10px;}
footer .logo-footer img{}
.copyright{color:#616870;font: 12px/22px 'Prompt', sans-serif;text-align:center; padding-top:10px; background-color:#2b2f37; padding-bottom:10px;}
.copyright p {font-size:12px;font-style:normal}
.copyright p a{color:#616870;}
footer .social{ text-align:center;}
footer .social .btn-fb{margin-top:10px;background:#365899 url(../images/icon-fb-signup.svg) no-repeat 0 0;background-size:28px;background-position:25px; border:none;width: 180px;padding: 10px 10px 10px 55px; color:#FFFFFF; border-radius:0; font-size:14px; margin-bottom:25px;}
footer .social .btn-fb:hover{background:#476CB3 url(../images/icon-fb-signup.svg) no-repeat 0 0;background-size:28px;background-position:25px;}
.box-breadcrumb{background: none;}
.box-breadcrumb .breadcrumb.foote{ background:none; padding:15px 0; padding-top:10px; margin-bottom:0; background-color:transparent;}
.box-breadcrumb .breadcrumb.foote a{ color:#ffffff; text-decoration:none; }
.box-breadcrumb .breadcrumb.foote a:hover{ color:#02adcc;}
.breadcrumb.foote>.active{ color:#ffffff;}
.breadcrumb.foote>li+li:before {padding: 0 7px;color: #ffffff;content: "|";}
.breadcrumb.foote>li:nth-child(1)+li:before{content: "";}
.breadcrumb.foote>li+li:nth-last-child(1):before{content: "";}

.box-breadcrumb{background: none; margin-top:15px;}
.box-breadcrumb .breadcrumb{ background:none; padding:15px 0; padding-top:10px; margin-bottom:0; background-color:transparent;}
.box-breadcrumb .breadcrumb a{ color:#02adcc; text-decoration:none; }
.box-breadcrumb .breadcrumb a:hover{ color:#424242;}
.breadcrumb>.active{ color:#424242;}
.breadcrumb>li+li:before {padding: 0 8px;color: #424242;content: "|";}
.box-info.page-shop .menu-shop{padding-left:15px; background-color:#f5f5f5; padding:10px 15px 10px 25px; margin-bottom:30px;}
.box-info.page-shop .title-name{text-transform:uppercase;font:bold 17px/24px 'Prompt', sans-serif;margin-bottom:5px;color:#424242;}
.box-info.page-shop .title-name .fa{ font-size:22px; margin-left: 7px;}
.box-info.page-shop .menu-shop li .text-number{float:right}
.box-info.page-shop .menu-shop li{}
.box-info.page-shop .menu-shop li a{font:14px/28px 'Prompt', sans-serif;color:#424242;padding-top:3px;display:block;text-decoration:none}
.box-info.page-shop .menu-shop li a:hover,.box-info.page-shop .menu-shop li a.active{padding-left:5px;color:#02adcc;}

#accordion1{ margin-top:15px;}
#accordion1 .panel{border:none;border-top:1px solid #dddddd;box-shadow:none;border-radius:0;margin:0;}
#accordion1 .panel:last-child{border-bottom:1px solid #dddddd}
#accordion1 .panel-heading{padding:0}
#accordion1 .panel-title a{display:block;line-height:28px;color:#02adcc !important; font-size:14px;background:#fff;padding:10px 20px 15px 15px;position:relative;transition:all .5s ease 0s;}
#accordion1 .panel-title a:before{content:"\f107";font-family:'FontAwesome';display:block;width:30px;height:30px;line-height:28px;background: none;font-size:18px;color:#02adcc;text-align:center;position:absolute;top:25%;right:10px;transition:all .3s ease 0s}
#accordion1 .panel-title a.collapsed:before{content:"\f107"}
#accordion1 .panel-title a:hover{color:#6d6e70; padding-left:10px;}
#accordion1 .panel-title a:hover:before{color:#424242;}
#accordion1 .panel-title a.collapsed:hover:before{color:#02adcc;}
#accordion1 .panel-title a.active{color:#fff; background:#02adcc;}
#accordion1 .panel-title a.active:before{color:#fff;}
#accordion1 .panel-title a.collapsed.active:before{color:#fff;}
#accordion1 .panel-title a.collapsed{color:#424242}
#accordion1 .panel-body{font-size:15px;color:#635858;line-height:25px;border:none;padding:15px;background-color: #f5f5f5;}
.panel .panel-body{ padding-top:5px; padding-bottom:5px;}
.panel .panel-body .alllistbody{list-style-type: square; padding-left:20px;}
.panel .panel-body .alllistbody .listbody{ margin-bottom:5px; color: #424242; font-size:14px; line-height:18px;}
.panel .panel-body .alllistbody .listbody a{color:#424242}
.panel .panel-body .alllistbody .listbody a:hover{color:#02adcc}
.panel .panel-body .alllistbody .listbody a.active{color:#02adcc}

.box-info.page-shop .tab-detail{ padding-top:10px; list-style:none;}
.box-info.page-shop .tab-detail .tab-list{ padding: 10px 15px;}
.box-info.page-shop .tab-detail .tab-list .img-news img{width:100%; height: 377px;}
.box-info.page-shop .tab-detail .tab-list .detial-news{ text-align:center; box-shadow: 3px 4px 26px rgba(228, 228, 228, 0.75);}
.box-info.page-shop .tab-detail .tab-list:hover .detial-news{ box-shadow: 1px 1px 1px 1px rgba(228, 228, 228, 1);}
.box-info.page-shop .tab-detail .tab-list .detial-news .text-news{ height:170px; overflow:hidden;}
.box-info.page-shop .tab-detail .tab-list .detial-news .head{ color:#424242;font:14px/22px 'Prompt', sans-serif; padding-top:5px; margin-bottom:5px;font-weight:600;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;padding-left:5px; padding-right:5px;}
.box-info.page-shop .tab-detail .tab-list .detial-news .idpro{ color:#000000;font:12px/18px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box-info.page-shop .tab-detail .tab-list .detial-news .idpro span{ color:#02adcc;}
.box-info.page-shop .tab-detail .tab-list .detial-news .typepro{ color:#888888;font:12px/18px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box-info.page-shop .tab-detail .tab-list .detial-news .langpro{ color:#888888;font:12px/18px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box-info.page-shop .tab-detail .tab-list .detial-news .detial{ margin-top:5px; color:#000000;font: 12px/18px 'Prompt', sans-serif;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden; padding-left:5px;    padding-right: 5px;}
.box-info.page-shop .tab-detail .tab-list .detial-news .btn-buy{ background-color:#02adcc; padding:6px 20px; color:#FFFFFF; margin-top:8px; border:none; border-radius:0; margin-bottom:25px;}
.box-info.page-shop .tab-detail .tab-list .detial-news .btn-buy:hover{background-color:#424242;color:#02adcc;}
.box-info.page-shop .tab-detail .tab-list .detial-news .btn-buy.active{background-color:#424242;color:#02adcc;}

.box-info .title{font:bold 32px/40px 'Prompt', sans-serif; color:#424242; padding-left:15px; margin-bottom:5px;}	
.box-info{ background:#FFFFFF; padding:50px 0}

.box-info.page-shop .tab-detail .tab-list .detial-news.cont{ padding-top:25px; padding-bottom:10px;margin-top: 20px;}
.box-info.page-shop .tab-detail .tab-list .detial-news.cont .text-formpa{ margin-bottom:15px;}
.box-info.page-shop .tab-detail .tab-list .detial-news.cont.pay{ margin-top:0;}
.form-horizontal .control-label.control{ text-align:left;}

	
	
.box-search{font:18px/24px 'Prompt', sans-serif}
.box-search .form-horizontal .form-group [class*=col-]{padding-left:5px;padding-right:5px}
.box-search .form-horizontal .btn-default{background:#24225c;border:0;color:#FFF}
.box-search .form-horizontal .control-label{padding-top:10px;font:14px/24px 'Prompt', sans-serif}
.box-search .search-results>h1{font:22px/40px 'Prompt', sans-serif;text-transform:uppercase}
.box-search .search-results ol{padding-left:25px}
.box-search .search-results li{padding-bottom:20px}
.box-search .search-results li h1{ line-height:20px; margin-bottom:10px}
.box-search .search-results li h1 a{font:18px 'Prompt', sans-serif;color:#24225c; text-decoration:none}
.box-search .search-results li h1 a:hover{color:#343177}
.box-search .search-results li p{line-height:20px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	
@media (max-width: 1400px) {
.owl-theme .owl-controls .owl-buttons div{ height:69px}
.owl-theme .owl-controls .owl-buttons div .fa{ line-height:69px;}
}
@media (max-width: 1199px) {
.navbar-default .navbar-nav>li>a{ font-weight:400; font-size:13px;padding: 16px 14px;}
.other-con .other-all .other-line {min-height: 165px;}
.navbar-default .navbar-nav.navbar-right>li>a { padding: 16px 14px;}
.navbar-nav .attr-nav ul li .fa {font-size: 20px;}
.attr-nav > ul > li > a {padding: 20px 15px;padding-right: 10px;}
.attr-nav > ul > li > a span.badge {font-size: 10px;width: 20px;height: 20px;}

.box-info{padding:30px 0}
.box-info.page-shop .tab-detail {padding-top: 0;}

.box-info.page-shop .tab-detail .tab-list .img-news img {height: 303px;}
.news-content .news-text .tab-content .tab-detail .tab-list .img-news img{height: 306px;}
}
@media (max-width: 991px) {
.carousel-control .fa-chevron-right, .carousel-control .icon-next,
.carousel-control .fa-chevron-left, .carousel-control .icon-prev{  box-shadow:none;width: 47px;height: 54px;background: rgba(255,255,255,0.60);}
.fa-chevron-right:before{right: 7px;}
.fa-chevron-left:before{ left:7px;}
.box-search .form-horizontal .btn-default{ width:100%; margin-top:10px;}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {height: 5px; width: 30px; border-radius: 0px;}
.cd-nav-trigger span {right: 5px; margin-top: -7px;}
.cd-nav-trigger span::before {top: -9px;}
.cd-nav-trigger span::after {top: 9px;}
.cd-search-trigger::before {top: 5px; left: 18px;}
.cd-search-trigger::after {bottom: 16px;right: 0px;}
.cd-logo img {max-height: 30px;}
.cd-logo {top: 15px;}
.attr-nav { position: relative; padding-right: 0; right: 28px;}
.attr-nav > ul > li > a span.badge {color: #424242;background-color: #dedede;font-size: 14px;width: 25px;height: 25px;}
.attr-nav ul li .fa {color: #02adcc; font-size: 26px;}
.attr-nav > ul > li > a { padding: 6px 15px;}
.cd-search-trigger span {top: -5px;}
.cd-search {top: 60px;}
.cd-search input {background: #424242;}
ul.cart-list > li { padding: 15px 15px 38px 15px !important;display: list-item;float: none;}
ul.cart-list > li.total {margin-left: 0;}
.attr-nav > ul > li.dropdown ul.dropdown-menu {border-top: solid 5px #02adcc;margin-left: 80px;}
.attr-nav > ul > li.dropdown ul.dropdown-menu > li > a { background-color:#02adcc; color:#FFFFFF; border: none;border-bottom: 0px!important;}
.attr-nav > ul > li.dropdown ul.dropdown-menu > li > a:hover {color:#000000; background-color:#FFFFFF;}
.attr-nav > ul > li.dropdown ul.dropdown-menu > li.active > a{color:#000000; background-color:#FFFFFF;}
.cd-primary-nav, .cd-primary-nav ul {background: #ffffff;}
.cd-primary-nav .active > a {color: #424242 !important;background: #ffffff;}
.cd-primary-nav a, .cd-primary-nav ul a {color: #424242; border-bottom: 1px solid #e9e9e9;}
.cd-primary-nav .menu1 a {border-top: none;}

.cd-primary-nav {visibility: hidden; -webkit-transition: visibility 0s 0s;-moz-transition: visibility 0s 0s;transition: visibility 0s 0s;}
.cd-primary-nav.nav-is-visible {visibility: visible; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s;}
.cd-primary-nav li:hover a, .cd-primary-nav li.active a{ background-color:#424242 !important; color:#02adcc !important;}
.about-slide .title-abouts.bouts{ margin-top:20px; }

.other-con .other-all .other-line {min-height: 220px;}
.box-info{padding:20px 0}

.box-info.page-shop .tab-detail .tab-list .img-news img {height: 313px;}
.news-content .news-text .tab-content .tab-detail .tab-list .img-news img{height: 314px;}

}
@media (max-width: 767px) {
.box-banner .banner-list li{ width:100%;}
.box-about .detail{ font-size:12px;}
.box-about .title{ font-size:15px;}
.owl-theme .owl-controls .owl-buttons div{ height:40px; width: 40px;}
.owl-theme .owl-controls .owl-buttons div .fa{ line-height:40px; font-size:46px;}
.carousel-control .fa-chevron-right,
.carousel-control .fa-chevron-left{ top:58%;background: rgba(255,255,255,0.30);}
footer .img-logo-footer img{ max-height:50px;}
footer .img-logo-footer{ font-size:14px; }
footer address p{ font-size:12px;line-height:21px;}
footer .copyright{ font-size:10px; }
footer .img-logo-footer{ margin-bottom:10px;}
.cms-area,.cms-area p{ font-size:13px;line-height: 22px;}
.breadcrumb>li{ font-size:10px; line-height: 20px;}
.breadcrumb>li+li:before{ padding:0 2px;}
.box-search .search-results li{ padding-bottom:11px;}
.box-search .search-results li p{ font-size:11px;}

.categories .cate-all .cate-list {padding: 10px;width: 50%;height: 60px;float: left;}
.categories .title-cate {margin-bottom: 0;padding-left: 10px;}
.categories .cate-all .cate-list .ref-link .cate-img .imgca {display: none;}
.categories .cate-all .cate-list .ref-link .cate-img {height: 50px; background-color: #424242;}
.categories .text-description .title-description {font: 16px/20px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color:#FFFFFF; }
.categories .text-description .title-description2 {font: 16px/20px 'Prompt', sans-serif; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color:#FFFFFF;}
.categories .text-description .title-description.active{color: #02adcc;}
.categories .text-description .title-description2.active{color: #02adcc;}
.categories .text-description {bottom: 40%;}
.categories .cate-all .cate-list .ref-link .cate-img::before {content: '';opacity: 0;}

.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-news { height: 140px;}
.news-content .nav-tabs>li>a { padding: 10px 20px;font-size: 12px;}
.news-content {padding-top: 20px;padding-bottom:5px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .form-pay label{ text-align:left; margin-bottom:5px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .form-pay{ text-align:left;}

.other-con .other-all .other-line {min-height: inherit; border:none;}
.other-con .other-all .img-news {text-align: left;}
.copyright p {font-size: 10px;}

.box-breadcrumb .breadcrumb { padding: 5px 0;}
.box-breadcrumb {margin-top: 8px;}
.box-info.page-shop .menu-shop {margin-bottom: 15px;}
.box-info .title {font: bold 24px/32px 'Prompt', sans-serif;}
.box-account{ padding-left:0; padding-right:0;}

.box-info.page-shop .tab-detail .tab-list .detial-news.cont {padding-left: 15px;padding-right: 15px;margin-top: 10px;}
.box-info.page-shop .tab-detail .tab-list .detial-news.cont  .form-pay{ text-align:left;}
.box-info.page-shop .tab-detail .tab-list .detial-news.cont  .form-pay label{ text-align:left; margin-bottom:5px;}

.box-info.page-shop .tab-detail .tab-list .img-news img {width: inherit;height: auto;max-width: 100%;}
.news-content .news-text .tab-content .tab-detail .tab-list .img-news img{width: inherit;height: auto;max-width: 100%;}
}

@media (max-width: 480px) {
.attr-nav > ul > li.dropdown ul.dropdown-menu {left: -186px;}
.attr-nav ul li .fa {font-size: 20px;}
.attr-nav > ul > li > a {padding: 8px 10px;}
.attr-nav {right: 11px;}
.attr-nav > ul > li > a span.badge {font-size: 10px;width: 20px;height: 20px;}
.categories .cate-all .cate-list {padding: 5px 5px; height: 50px;}
.categories .text-description .title-description {font: 13px/27px 'Prompt', sans-serif; }
.categories .text-description .title-description2 {font: 13px/27px 'Prompt', sans-serif;}

.about-slide .text-abouts {font: 13px/20px 'Prompt', sans-serif;}
.about-slide ul .text-abouts {font: 13px/20px 'Prompt', sans-serif;}
.about-slide ul {font: 13px/20px 'Prompt', sans-serif;}
.about-slide {padding-top: 20px; padding-bottom: 20px;}
.about-slide .title-abouts { font: bold 17px/22px 'Prompt', sans-serif; margin-bottom: 5px;}
#myCarousel .item .img {height: 300px;}
.news-content .nav-tabs>li>a { padding: 7px 8px; margin-right: 2px; font-size: 10px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-formpa {font: 12px/16px 'Prompt', sans-serif; padding-left: 5px; padding-right: 5px;}
.news-content .news-text .tab-content .tab-detail .tab-list .detial-news .text-news {height: 170px;}

.content {font: 12px/20px 'Prompt', sans-serif;}



}