/*---------------------------RESET------------------------*/
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	color: #444;
}
a:hover{
	text-decoration: none;
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1,h2,h3,h4,h5,h5 {
	margin: 0;
	padding: 0;
}
img {max-width:100%;}
a:hover, a:focus {outline:none; text-decoration:none;}
/*---------------END RESET-----------------------*/
body {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 300;
}

.hd-menu {text-align:right;}
.header-top {padding:10px 0;position:fixed;width:100%; top:0; border-bottom:1px solid #fff; background-color:#FFF;z-index:10;}
.nav-main-menu .btn-shop {display:inline-block;margin-left:20px;}
.nav-main-menu .main-menu {display:inline-block;}
.nav-main-menu .main-menu  li {display:inline-block;margin:0 20px;}
.nav-main-menu .main-menu  li a {font-family:Open Sans;font-size:16px;font-weight:bold;color:#222;text-transform:uppercase;}
.nav-main-menu .main-menu  li a:hover {color:#e92b2b;}
.btn_shopnow {color:#fff;font-size:14px;text-transform:uppercase;width:140px;height:38px;background:#399df5;line-height:38px;text-align:center;border-radius:5px;font-family:Open Sans;font-weight:bold;display:inline-block;border-bottom:solid 2px #28608a;}
.btn_shopnow .fa {margin-left:5px;}
.btn_shopnow:hover {background: #28608a;color:#fff;}
.banner {position:relative;margin-top:60px;}
span.btn-close {display:inline-block;height:17px;width:17px;position:absolute;top:5px;right:5px;background:url(../img/icon_close.png) no-repeat 0px 0px;cursor:pointer;}
.countdown{
	top: 62%; height: auto; position: absolute;left: 0; width: 100%; z-index: 2; text-align: center;}
#defaultCountdown{   width: 100%;   text-align: center;}
#defaultCountdown .countdown-section{display: inline-block;}
#defaultCountdown .countdown-amount{ font-family: 'Open Sans', sans-serif;  margin: 0 10px 10px 10px;  width: 70px; height: 70px; border: 2px solid #fff; border-radius: 50%; display: block; line-height: 70px; text-align: center; font-size: 27px; color: #fff;  font-weight: bold;}
#defaultCountdown .countdown-period{ font-family: 'Open Sans', sans-serif;font-size: 13px;  color: #fff; font-weight: bold; text-transform: uppercase;}
.share-social{    background: #efefee;padding: 50px 0 170px; position: relative;}
.share-social:before{content: ""; position: absolute; top: -30px;left: 48%; width: 60px; height: 30px; background: url(../img/arrow1.png) center center no-repeat;}
.share-social:after{content: "";    z-index: 1; position: absolute; bottom: -30px;left: 48%; width: 60px; height: 30px; background: url(../img/arrow2.png) center center no-repeat;}
.share-social .title_social{    margin-bottom: 30px;text-align: center; font-size: 36px; color: #333333;text-transform: uppercase;font-family: 'Poppins', sans-serif;  font-weight: 600;}
.share-social .title_coupon{     margin-bottom: 15px;   color: #222222; font-size: 26px; font-weight: bold;    text-align: center; background: url(../img/icon_title.png) top center no-repeat; line-height: 80px;  min-height: 71px;}
.share-social .title_coupon span{font-size: 34px; color: #e92b2b; text-transform: uppercase;}
.share-social .content_info{  padding: 0px 15px; position: relative;}
.share-social .content_info:before{content: ""; height: 10px; width: 100%; background: url(../img/border_social.png)center center repeat-x; position: absolute; top:0; left: 0; right: 0; border-radius:30px;}
.share-social .content_info:after{content: ""; height: 10px; width: 100%; background: url(../img/border_social.png)center center repeat-x; position: absolute; bottom:0; left: 0; right: 0; border-radius:30px;}
.share-social .content_info .content{padding: 40px 0;    background: #fff;}
.share-social .content_info .info{       padding-left: 110px;  padding-right: 20px;}
.share-social .content_info .info .date{color: #222222; font-size: 14px;font-family: 'Poppins', sans-serif;    font-weight: normal;    margin-bottom: 25px;}
.share-social .content_info .sale{border-left: 6px solid #e92b2b; padding: 0 3px;    margin-bottom: 20px;}
.share-social .content_info .sale .sale-info{border-left: 3px solid #e92b2b;}
.share-social .content_info .sale .sale-info span{display: block;    padding-left: 20px;}
.share-social .content_info .sale .sale-info .uopto{font-size: 18px; color: #222222; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}
.share-social .content_info .sale .sale-info .saleoff{font-family: 'Lobster', cursive; color: #e92b2b; font-size: 46px;}
.share-social .content_info .des{    color: #666;  font-size: 12px;  line-height: 20px;}
.share .content_info .content{    padding: 40px 30px;}
.share .content_info .title_share{font-size: 21px; color: #222222; letter-spacing: 0.5px; font-family: 'Poppins', sans-serif;    margin-bottom: 25px;}
.share .content_info .sales{color: #222222; font-size: 12px;    font-weight: normal;    line-height: 20px;    margin-bottom: 20px;}
.share .content_info .sales span{margin: 0 5px;font-size: 22px; color: #fff; font-family: 'Lobster', cursive; background: #e92b2b;  padding: 0 10px;    text-transform: uppercase;}
.share-icon{    border-left: 6px solid #e92b2b; padding: 0 3px;  margin-bottom: 18px;}
.share-icon .share-info{border-left: 3px solid #e92b2b;vertical-align:top;display:inline-block;}
.share-icon .share-info .num{font-size:45px; color: #e92b2b; font-weight: 700;font-family: 'Poppins', sans-serif; position:relative; display:inline-block;}
.share-icon .share-info .num:after{
	bottom: 0;
    content: "Shares";
    font-size: 12px;
    font-weight: normal;
    left: 48px;
    position: absolute;
    top: 42px;
}

.scl-bottom{
	display:inline-block;
	margin-left:20px;
}

.btn-social{
	padding:5px 10px;
	margin-right:2px;
	color:#FFF;
	background-color:#234999;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	
}

.btn-social i{
	font-size:20px;
	vertical-align:middle;
}

.btn-social.lk-fb{
	padding:5px 13px;
}

.btn-social.so-twitter{
	background-color:#33CCFF;
}

.btn-social.so-googleplus{
	background-color:#B53223
}

.btn-social.so-printerest{
	background-color:#BD2126
}

.share-icon .share-info .text{color:#e92b2b;font-size: 12px; padding-left: 20px;    padding-left: 48px;}
.share-icon .share-info span{display: block;    padding-left: 20px;}
.share .content_info .content .des p{margin-bottom: 0;font-weight: normal; color: #666666; font-size: 12px;}
.share .content_info .content .des p span{color: #e92b2b; text-transform: uppercase;    font-weight: 500;}
.Coupon,.share{position: relative;} 	
.Coupon:before{content: ""; position: absolute; bottom: -110px;left: -70px;background: url(../img/img_left.png)left bottom no-repeat;    width: 181px;  height: 358px;   z-index: 1;}
.share:after {content: ""; position: absolute; bottom: -110px;right: -85px;background: url(../img/img_right.png)left bottom no-repeat;    width: 206px;  height: 360px;   z-index: 1;}
.special{background: url(../img/bgr_themes.jpg)center center no-repeat; position: relative;}
.special:after{content: ""; position: absolute; bottom: 0;left: 48%; width: 60px; height: 30px; background: url(../img/arrow3.png) center center no-repeat;    z-index: 1;}
.special .content{    text-align: center; overflow: hidden;   padding: 55px 180px;}
.special .content .title-special{font-size: 36px; font-weight: 600; font-family: 'Poppins', sans-serif; text-transform: uppercase;  color: #fff;margin-bottom: 25px;}
.special .content .des{color: #fff; font-size: 14px; font-weight: 300;    margin-bottom: 40px;}
.special .content .col{margin-bottom: 50px;}
.special .content .col .title{font-size: 20px; font-weight: 500; text-transform: uppercase; color: #000;    margin-bottom: 20px;}
.special .content .price{font-size: 36px;  color: #fff;   font-weight: 600;   text-decoration: line-through;    margin-bottom: 25px;}
.special .content .button_shop{    display: block; clear: both; text-align: center;}
.special .content .button_shop a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 30px;
    background: #ffb431;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    border-bottom: solid 2px #c5891f;
}
.special .content .button_shop a:hover{background: #faa819;}
.can-save h1{    font-size: 36px; color: #333333; font-weight: 600; text-transform: uppercase; text-align: center;margin: 55px 0 25px;}
.tab-bottom .nav-tabs{text-align: center;    border-bottom: none;}
.tab-bottom .nav-tabs>li.active>a,.tab-bottom .nav-tabs>li.active>a:hover,.tab-bottom .nav-tabs>li.active>a:focus{   color: #fff;  cursor: default; background-color: #399df5;  border: none;  border-bottom-color: transparent;}
.tab-bottom .nav-tabs>li.active>a:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    bottom: -19px;
    left: 45%;
    border-color: #399df5 transparent transparent transparent;
}
.tab-bottom .nav-tabs li{float: none; display: inline-block; margin:0 8px;}
.tab-bottom .nav-tabs li a{ margin: 0;font-size: 14px; color: #222222; font-weight: 500; padding: 8px 30px; border: 1px solid #ebebeb; border-radius: 5px; position: relative;}
.tab-bottom .nav>li>a:hover, .tab-bottom .nav>li>a:focus{background-color:#399df5; color:#fff;}
.el-myTabs{margin-bottom: 80px;}
.tab-content .tab-content-left li.title{font-size: 16px; color: #222222; font-weight: 500; text-transform: uppercase;  padding: 30px 0 30px 25px;text-align: left;}
.tab-content li li{position: relative; border-bottom: 1px solid #ebebeb; text-align: center; padding:30px 0 30px 0;height: 79px;}
.tab-content .tab-content-left li.ic-jl{background: url(../img/icon_joomla.png) 20px center no-repeat;    padding: 30px 0 30px 65px; text-align: left;}
.tab-content .tab-content-left li.ic-jl span strong{color: #e35c3e; font-weight: 500; }
.tab-content .tab-content-left li.ic-jl span a{font-size: 14px; color: #222222; font-weight: 600;}
.tab-content .tab-content-left li.ic-jl span a:hover{color: #e35c3e;}
.tab-content ul{padding: 0;	}
.tab-content ul ul{border-left: 1px solid #ebebeb;border-top: 1px solid #ebebeb;}
.tab-content .tab-content-price li.title{font-size: 16px; background: #ffb431;}
.tab-content .tab-content-price li.title span{color: #fff;}
.tab-content .tab-content-3 li.title{font-size: 18px; background: #399df5;}
.tab-content .tab-content-3 li.title span{color: #fff;}
.tab-content .tab-content-right li.title{font-size: 20px; background: #e35c3e;}
.tab-content .tab-content-right li.title span{font-size: 20px; color: #fff;}
.tab-content li.title{color: #fff; font-weight: 600; text-transform: uppercase;    height: 65px;}
.tab-content .tab-content-right ul{border: 1px solid #e35c3e;margin-top: -30px; border-top-left-radius: 5px;border-top-right-radius: 5px;}
.tab-content .tab-content-price ul{margin-top: -10px;border-top: none;border-left: none;}
.tab-content .tab-content-3 ul{margin-top: -10px;border-top: none;border-left: none;}
.tab-content .tab-content-3 li li,.tab-content .tab-content-price li li{border-left: 1px solid #ebebeb; }
.tab-content .tab-content-3 li li.title{border-left: 1px solid #399df5;}
.tab-content .tab-content-price li li.title{border-left: 1px solid #ffb431;border-top-left-radius: 5px; }
.tab-content .tab-content-right li.title{height: 95px;  border-top: none; }
.tab-content .tab-content-right li.title:after{
	content: ""; background: url(../img/icon_col_3.png)center center no-repeat; position: absolute; bottom: -21px; left: 0; width: 100%; height: 21px;
}
.tab-content .tab-content-price li.title{height: 75px;  border-top: none;  }
.tab-content .tab-content-price li.title:after{
	content: ""; background: url(../img/icon_col_1.png)center center no-repeat; position: absolute; bottom: -21px; left: 0; width: 100%; height: 21px;
}
.tab-content .tab-content-3 li.title{height: 75px;  border-top: none; position: relative;}
.tab-content .tab-content-3 li.title:after{
	content: ""; background: url(../img/icon_col_2.png)center center no-repeat; position: absolute; bottom: -21px; left: 0; width: 100%; height: 21px;
}
.tab-content li li:last-child{background-color: #f9f9f9 !important;}
.tab-content li li span{color: #222222; font-weight: 500; font-size: 18px;}
.tab-content .tab-content-right li span{font-size: 24px;}
.tab-bottom .el-browse{ display: block;   clear: both;    text-align: center;}
.tab-bottom .el-browse a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 30px;
    background: #ffb431;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    border-bottom: solid 2px #c5891f;    margin-top: 50px;
}
.tab-bottom .el-browse a:hover{background: #faa819;}
.tab-bottom{    padding-bottom: 75px;}
.box-bottom{    background: #3fa2f8;  text-align: center; padding: 50px 0 35px;}
.box-bottom .text1{color: #fff; font-size: 16px; font-weight: 600;    margin-bottom: 20px;}
.box-bottom .text2{color: #fff; font-size: 32px; font-weight: bold; text-transform: uppercase;font-family: 'Comfortaa', cursive;}
.content1-tab2 h4{color: #399df5; font-size: 20px; font-weight: bold;  margin-top: -20px;    margin-bottom: 40px;}
.content1-tab2 h4 span{  border-bottom: 2px solid #399df5;  display: inline-block;padding-bottom: 5px; }
.tab-footer{text-align: center;  margin-top: 60px;}
.tab-footer a{color: #666666; font-size: 12px; border-bottom: 1px solid #9f9f9f;text-decoration: none; }
.tab-footer a:hover{color:#e65e4e; }
.content1-tab2 .el-browse a{margin-top: 12px;}
.content2-tab2 .title-content-tab2{    margin-top: 55px;}
.content1-tab2 .tab-content-left .th{text-align: left;    padding-left: 25px;}
.content1-tab2 .tab-content-left .th a{color: #222222; font-size: 14px; font-weight: bold;}
.content1-tab2 .tab-content-left .th a:hover{color: #e7584c;}

@media (min-width: 1400px){
	#defaultCountdown .countdown-amount{ width: 80px; height: 80px; line-height: 80px; font-size: 36px; }
	#defaultCountdown .countdown-period{font-size: 14px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#defaultCountdown .countdown-amount{width: 50px;height: 50px;line-height: 48px;font-size: 18px;}
	.share-social .title_social{font-size: 30px;}
	.share-social .title_coupon{font-size: 20px;background-size: 85%;line-height: 68px;min-height: 70px;}
	.share-social .title_coupon span{font-size: 25px;}
	.share .content_info .title_share{font-size: 16px;margin-bottom: 20px;}
	.share-icon{margin-bottom: 10px;}
	.share .content_info .des{line-height: 25px;}
	.share-social .content_info .content,.share .content_info .content{min-height: 365px;}
	.special .content{padding: 50px 80px;}
	.tab-content li li span{font-size: 16px;}
	.tab-content .tab-content-left li.ic-jl{padding: 30px 0 30px 40px;background-size: 8%;background-position: 10px center;}
	.tab-content .tab-content-price ul,.tab-content .tab-content-3 ul{margin-top: -9px;}
	.tab-content .tab-content-right ul{margin-top: -31px;}
	.tab-content .tab-content-right li.title span{font-size: 18px;}
	.tab-content .tab-content-right li span{font-size: 21px;}
	
}
@media (min-width: 767px) and (max-width: 991px) {
	.hd-logo{text-align: center;}
	.logo{padding: 20px 0px;}
	.hd-menu{text-align: center;}
	#defaultCountdown .countdown-amount{margin: 0 7px 7px 7px;width: 30px;height: 30px;line-height: 27px;font-size: 10px;}
	#defaultCountdown .countdown-period{font-size: 8px;}
	.btn_shopnow{width: 135px;height: 34px;line-height: 34px;font-size: 12px;}
	.nav-main-menu .main-menu li a{font-size: 13px;}
	.share-social .title_social{font-size: 25px;}
	.Coupon, .share{width: 100%;}
	.Coupon .content_info, .share .content_info{width: 80%;margin: 0 auto;}
	.Coupon::before{left: 20px;}
	.Coupon{margin-bottom: 120px;}
	.share::after{right: 12px;}
	.special .content{padding: 50px 20px;}
	.tab-content .tab-content-price li li{margin-top: 0;border-right: 1px solid #ebebeb;}
	.tab-content .tab-content-price li.title{height: 66px;border-top-left-radius: 0;}
	.tab-content .tab-content-price ul{margin-top: 0;}
	.tab-content .tab-content-right ul{margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
	.tab-content .tab-content-3 ul{margin-top: 0;}
	.tab-content .tab-content-right li.title,.tab-content .tab-content-3 li.title{height: 66px;}
	.tab-content{width: 80%;margin: 0 auto;}
	.box-bottom .text1{font-size: 13px;}
	.box-bottom .text2{font-size: 25px;}
	.share-social::before{top: -25px;background-size: 70%;left: 45%;}
	.share-social::after,.special::after{left: 45%;}

}
@media (max-width: 767px) and (min-width: 480px){
	#defaultCountdown .countdown-amount{margin: 0 7px 7px 7px;width: 30px;height: 30px;line-height: 27px;font-size: 10px;}
	#defaultCountdown .countdown-period{font-size: 8px;}
	.share-social .title_coupon{font-size: 23px;line-height: 81px;}
	.share-social .title_coupon span{font-size: 30px;}
	.special .content .col{width: 50%;margin-bottom: 30px;}
	.special .content .title-special{font-size: 25px;}
	.special .content .des{font-size: 11px;margin-bottom: 30px;}
	.special .content .col .title{font-size: 15px;margin-bottom: 15px;}
	.special .content .price{font-size: 25px;margin-bottom: 10px;}
	.special .content .button_shop a{font-size: 11px;padding: 0px 15px;}
	.can-save h1{font-size: 33px;}
	.share-social::before{top: -23px;left: 45%;background-size: 60%;}
	.share-social::after,.special::after{left: 45%;}
}
@media (max-width: 767px){
	.hd-logo{text-align: center;}
	.logo{padding: 20px 0px;}
	.hd-menu{text-align: center;}
	.nav-main-menu .main-menu li{padding-bottom: 10px;}
	.btn_shopnow{width: 135px;height: 34px;line-height: 34px;font-size: 12px;}
	.nav-main-menu .main-menu li a{font-size: 13px;}
	.share-social .title_social{font-size: 20px;}
	.Coupon, .share{width: 100%;}
	.Coupon::before{display: none;}
	.Coupon{margin-bottom: 60px;}
	.share::after{display: none;}
	.special .content{padding: 50px 20px;}
	.tab-content .tab-content-left ul,.tab-content .tab-content-3 ul{border-right: 1px solid #ebebeb;}
	.tab-content ul li.title:after{background:none !important;}
	.tab-content li li.title{line-height: 66px;padding: 0;}
	.tab-content .tab-content-left li.title{padding: 0 0 0 20px;}
	.tab-content .tab-content-price li li{margin-top: 0;border-right: 1px solid #ebebeb;}
	.tab-content .tab-content-price li.title{height: 66px;border-top-left-radius: 0;}
	.tab-content .tab-content-price ul{margin-top: 0;}
	.tab-content .tab-content-right ul{margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
	.tab-content .tab-content-3 ul{margin-top: 0;}
	.tab-content .tab-content-right li.title,.tab-content .tab-content-3 li.title{height: 66px;}
	.tab-content{width: 80%;margin: 0 auto;}
	.box-bottom .text1{font-size: 10px;}
	.box-bottom .text2{font-size: 13px;}
	.share-social{padding: 50px 0 50px;}
}
@media (max-width: 479px){
	#defaultCountdown .countdown-amount{margin: 0 3px 3px 3px;width: 20px;height: 20px;line-height: 17px;font-size: 7px;}
	#defaultCountdown .countdown-period{font-size: 5px;}
	.share-social .title_coupon{background: none; font-size: 15px;line-height: 20px;min-height: auto;}
	.share-social .content_info .info{padding-left: 20px;}
	.share-social .content_info .info .date{font-size: 10px;}
	.share-social .content_info .sale .sale-info .uopto{font-size: 14px;}
	.share-social .content_info .sale .sale-info .saleoff{font-size: 34px;}
	.share-social .content_info .des{font-size: 11px;}
	.share .content_info .title_share{margin-bottom: 15px;font-size: 15px;line-height: 23px;}
	.share .content_info .sales{font-size: 11px;}
	.share .content_info .sales span{font-size: 12px;}
	.share-social .title_coupon span{font-size: 20px;}
	.share-icon .share-info .num{font-size: 28px;}
	.share-icon .share-info .text{font-size: 11px;}
	.share .content_info .content .des{line-height: 20px;}
	.share .content_info .content .des p{font-size: 11px;}
	.special {  background: #399df5;}
	.special .content .title-special{font-size: 22px;}
	.special .content .des{line-height: 15px;margin-bottom: 35px;font-size: 11px;}
	.special .content .title-special{margin-bottom: 15px;}
	.special .content .col .title{font-size: 15px;margin-bottom: 12px;}
	.special .content .price{font-size: 25px;margin-bottom: 10px;}
	.can-save h1{font-size: 18px;}
	.tab-bottom .nav-tabs li a{padding: 8px 20px;font-size: 11px;}
	.tab-bottom .nav-tabs li{margin: 0 3px;}
	.el-myTabs {  margin-bottom: 30px;}
	.tab-content .tab-content-right li span{font-size: 18px;}
	.tab-content li li span,.tab-content .tab-content-right li.title span{font-size: 14px !important;}
	.tab-content .tab-content-price li li.title{border-top-left-radius: 0;}
	.tab-content .tab-content-left li.ic-jl span a{font-size: 12px;}
	.content1-tab2 h4{font-size: 14px;margin-top: 0;margin-bottom: 20px;}
	.tab-bottom .el-browse a{font-size: 12px;padding: 2px 20px;}
	.share-social::before,.share-social::after,.special::after{display: none;}
	
}

.theme-package a,
.copyright a{
	display:inline-block;
}
.theme-package a img,
.copyright a img{
	opacity:0.8;
}

.theme-package a:hover img,
.copyright a:hover img{
	opacity:1;
} 
.event-hide{
	opacity:0;
}
.nav-main-menu .main-menu li a.get-gifts {
	color:#e92b2b;
}

.nav-main-menu .main-menu li a.get-gifts:hover{
	color:#399df5;
}

.message-info{
	padding:0 8px;
	border:2px dashed #e92b2b;
}