@import url('https://fonts.googleapis.com/css?family=Battambang');
*{
	margin: 0;
	padding: 0;
	outline: 0 !important;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body{
	color: rgba(var(--color5),1.00);
	font-size: 14px;
	font-family: 'Arial', 'Battambang';
	line-height: 22px;
}
a,
a:hover,
a:active,
a:focus{
   outline: 0 !important;
   text-decoration: none;
}
a[href=""]{ pointer-events: none; }
button::-moz-focus-inner{ border: 0; }
img{ max-width: 100%;}
.preload{/* overflow: hidden;*/ }
.preload * { 
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-ms-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

:root {
    /* Color */
    --color1: 9,118,188;
	--color2: 17,108,167;
	--color3: 20,73,158;
	--color4: 102,109,113;
	--color5: 51,51,51;
	--color6: 242,242,242;
}




.container {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
}
.section {
    width: 100%;
    float: left;
}
a.read-more, input.read-more, button.read-more {
    border: 1px solid rgba(var(--color1),1.00);
	color: rgba(var(--color1),1.00);
	float: left;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	text-transform: capitalize;
	width: 100px;
	background-color: transparent;
	cursor: pointer;
	border-radius: 2px;
}

/* ==========================================================================
   Header blog
   ========================================================================== */
.header{ 
	width: 100%;
	float: left;
	background: white;
}
.header > .header-top {
    height: 50px;
    width: 100%;
    padding: 0 15px;
}
.header .header-top .align-right { float: right; }
.header .header-top .align-right > div { float: left; }
.header .header-top .align-right ul > li {
    float: left;
    line-height: 50px;
    margin-left: 15px;
	list-style: none
}
.header .header-top .align-right .contant-info ul > li > span{
	background-repeat:no-repeat;
	background-position: left;
	float:left;
	height:45px;
	width:30px;
}
.header .header-top .align-right .contant-info ul > li > span.phone{background-image:url("../images/icons/call.png");}
.header .header-top .align-right .contant-info ul > li > span.email{background-image:url("../images/icons/mail.png");}
.header .header-top .align-right .contant-info ul > li,
.header .header-top .align-right .contant-info ul > li > a{color:rgba(var(--color4),1.00);font-size:12px}
.header .header-top .align-right .social ul{float: left;padding: 13px 0;margin-left: 20px;}
.header .header-top .align-right .social ul > li{width:24px;height:24px;margin-left:8px}
.header .header-top .align-right .social ul > li > a{border-radius:50%;float:left;height:24px;position:relative;width:24px}
.header .header-top .align-right .social ul > li > a span{border-radius:50%;float:left;height:19px;margin:2px;width:19px}
.header .header-top .align-right .social ul > li > a span.original-color{background:rgba(var(--color1),0.00)}
.header .header-top .align-right .social ul > li > a span.default-color{background:rgba(var(--color1),1.00);height:19px;margin-top:-20px;opacity:1;padding:2px;width:19px}
.header .header-top .align-right .social ul > li:hover > a span.default-color{background:rgba(var(--color1),0.00)}
.header .header-top .align-right .social ul > li:hover > a span.original-color{background:rgba(var(--color1),1.00)}
.header .header-top .align-right .social ul > li > a img{float:left;left:0;position:absolute;right:0;border-radius: 50%;}
.header .header-top .align-right .social ul >li img{float:left}

.header .header-bottom {  float: left; width: 100% }
.header .header-bottom .main-logo{width: 380px; float: left; }
.header .header-bottom .main-logo a img{ height: 60px;}
.header-bottom .search-small-menu{ width: calc(100% - 380px);float: right;margin: 8px 0;}
.header-bottom .search-small-menu .small-menu-list,
.header-bottom .search-small-menu .search-box{
	float: right
}
.header-bottom .search-small-menu .small-menu-list ul > li { float: left; line-height: 47px;list-style: none}
.header-bottom .search-small-menu  .small-menu-list ul > li > a {
    color: rgba(var(--color4),1.00);
	padding: 0 0 0 25px;
	font-size: 13px;
	text-transform: capitalize;
}
.header .header-bottom .main-menu {
	float: left;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background:  rgba(var(--color1),1.00);
}
.header .header-bottom .main-menu .main-menu-list {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}
.header .header-bottom .main-menu .main-menu-list ul li {
	float: left;
	margin: 0;
	width: auto;
	padding-right: 41px;
	list-style: none
}
.header .header-bottom .main-menu .main-menu-list ul li:last-child{ padding-right: 0}
.header .header-bottom .main-menu .main-menu-list ul li a {
	color: #fff;
	float: left;
	font-size: 13px;
	height: 60px;
	line-height: 60px;
	text-transform: uppercase;
	padding-left: 35px;
	background-image: url("../images/menu-icon.png");
	background-repeat: no-repeat;
}
.header .header-bottom .main-menu .main-menu-list ul li:hover a,
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item a{color:rgba(var(--color3),1.00);}
.header .header-bottom .main-menu .main-menu-list ul li.gopro a{background-position:-5px 0;}
.header .header-bottom .main-menu .main-menu-list ul li.speakers a{background-position:0 -46px;}
.header .header-bottom .main-menu .main-menu-list ul li.powerbank a{background-position:0 -93px;}
.header .header-bottom .main-menu .main-menu-list ul li.charger a{background-position:0 -140px;}
.header .header-bottom .main-menu .main-menu-list ul li.headset a{background-position:0 -186px;}
.header .header-bottom .main-menu .main-menu-list ul li.promotions a{background-position:0 -278px;}
.header .header-bottom .main-menu .main-menu-list ul li.news-events a{background-position:0 -231px;}
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item.gopro a{background-position:0 -324px;}
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item.speakers a{background-position:0 -370px;}
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item.powerbank a{background-position:0 -418px;}
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item.charger a{background-position:0 -464px;}
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item.headset a{background-position:0 -511px;}
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item.promotions a{background-position:0 -603px;}
.header .header-bottom .main-menu .main-menu-list ul li.current-menu-item.news-events a{background-position:0 -558px;}
.header .header-bottom .main-menu .main-menu-list ul li a,
.header .header-bottom .main-menu .main-menu-list ul li:hover a{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}


.header-bottom .search-small-menu .search-box{ width: 470px;margin: 5px 0;}
.header-bottom .search-small-menu .search-box .wc_ps_sidebar_container .wc_ps_nav_submit .wc_ps_nav_submit_icon {
    color: white;
}
.wc_ps_container .wc_ps_nav_submit_icon{ padding: 0 15px !important;}
.wc_ps_sidebar_container .wc_ps_nav_submit .wc_ps_nav_submit_icon {
    font-size: 22px !important;
}
.wc_ps_sidebar_container .wc_ps_nav_submit {
    background-color: rgba(var(--color1),1.00) !important;
    border-right: 0;
    border-left: 0 solid rgba(var(--color1),1.00) !important;
}
.header-bottom .search-small-menu .search-box .wc_ps_sidebar_container.wc_ps_container_active {
 	border-color: rgba(var(--color1),1.00) !important
}
/* ==========================================================================
   Content blog
   ========================================================================== */
.content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0 10px;
}

.banner-slider{
	max-width: 1024px;
	float: left;
	margin-right: 10px;
	height: auto;
	max-height: 415px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.section.products{ padding: 50px 0 20px} 
.section-alignleft {
    width: 136px;
    float: left;
    background-color: transparent;
    margin-right: 22px;
}
.section-alignleft .categories-title {
    border: 1px solid #eee;
    background: rgba(var(--color6),1.00);
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.section-alignleft .categories-title h3 {
    font-weight: 100;
	height: 46px;
	line-height: 46px;
	text-transform: uppercase;
	font-size: 12px;
}
.section-alignleft .categories-title h3 span {
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    padding-left: 30px;
    width: 15px;
    background-position: left;
    margin-left: 15px;
}
.section-alignleft .categories-title h3 span.go-pro { background-image: url('../images/icons/blue-gopro.png');}
.section-alignleft .categories-title h3 span.speaker { background-image: url('../images/icons/blue-speaker.png'); }
.section-alignleft .categories-title h3 span.power-bank { background-image: url('../images/icons/blue-powerbank.png');margin-left: 13px; }
.section-alignleft .categories-title h3 span.charger { background-image: url('../images/icons/blue-charger.png'); }
.section-alignleft .categories-title h3 span.headset { background-image: url('../images/icons/blue-headset.png'); }
.section-alignleft .categories-title ul {
    float: left;
    width: 100%;
    background: #fff;
}
.section-alignleft .categories-title ul > li {
    border-bottom: 1px solid #eee;
    float: left;
/*    height: 38px;*/
    text-align: left;
    width: 100%;
    list-style: none;
    padding: 7px 15px;
}
.section-alignleft .categories-title ul > li a {  width: 100%;float: left;color: rgba(var(--color5),1.00); }
.section-alignleft .categories-title ul > li img { margin: 3px auto; max-height: 30px;}


.section-aligncenter {
    width: 670px;
    float: left;
    margin-right: 22px;
    background-color: transparent;
}
.section-aligncenter .section-center {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.content-title, .section-aligncenter .content-title {
    background: rgba(var(--color6),1.00);
    float: left;
    height: 48px;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 2px;
}
.content-title h3, .section-aligncenter .content-title h3 {
    font-size: 20px;
    font-weight: 100;
    line-height: 48px;
    padding: 0 15px;
    text-transform: uppercase;
}
.section-aligncenter .items-list { float: left; width: 100%; }
.section-aligncenter .items-list .products-list {
    background: #fff;
	border: 1px solid #eee;
	float: left;
	padding: 5px 0;
	text-align: center;
	margin: 0 5px 10px !important;
	width: 160px;
	position: relative;
}
.section-aligncenter .section-new-arrival .items-list .products-list{ width: 160px !important;float: none}
.section-aligncenter .items-list .products-list a {
    float: left;
    width: 100%;
}
.section-aligncenter .items-list .products-list .discount {
    width: 60px;
	height: 57px;
	background: url(../images/icons/blue-dicount.png) 0 0 no-repeat;
	position: absolute;
	z-index: 3;
	top: 8px;
	right: 5px;
	line-height: 40px;
	text-align: center;
	color: white;
	font-size: 11px;
}
.section-aligncenter .items-list .products-list h3 {
	font-size: 13px;
	color: rgba(var(--color5),1.00);
	margin: 10px 0 5px;
	padding: 0 10px;
	min-height: 50px;
	font-weight: 400;
	text-align: left;
}
.section-aligncenter .items-list .products-list a p {
    padding: 0 10px 5px;
	float: left;
	width: 100%;
	text-align: left;
	min-height: 30px;
}
.section-aligncenter .items-list .products-list a p b {
    color: rgba(var(--color1),1.00);;
	font-weight: normal;
	font-size: 15px;
	padding-right: 10px;
}
.section-aligncenter .items-list .products-list a p del { font-size: 12px; color: #8e8f93; }
.section-aligncenter .items-list .slick-slider.slick-initialized {  margin: 0 -5px; }
.section-aligncenter .items-list .products-list .hovereffect{
	cursor:pointer;
	display:inline-block;
	float:none;
	height:100%;
	padding-top:30px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:100%
}
.section-aligncenter .items-list .products-list .hovereffect > img{width:120px;height:133px}
.section-aligncenter .items-list .products-list img {
    margin: 0 auto;
}
.section-aligncenter .items-list .products-list, 
.section-aligncenter .items-list .products-list:hover, 
.section-aligncenter .items-list .products-list img, 
.section-aligncenter .items-list .products-list:hover img {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.section-aligncenter .items-list .products-list:hover {
    -webkit-box-shadow: 2px 4px 10px -6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 4px 10px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 4px 10px -6px rgba(0, 0, 0, 0.4);

}




.section-alignright {
    width: 174px;
    float: left;
    background-color: transparent;
}
.section-alignright .ads-thumbnail {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.section-alignright .ads-thumbnail a, 
.section-alignright .ads-thumbnail a > img { float: left; }





.section.news-events{ padding: 0 0 40px;}
.section.news-events .news-events-list {
	float: left;
	width: 100%;
	margin-bottom: 15px
}
.news-events-list .news-list .thumbnail {
	border: solid #eee 1px;
	line-height: none;
	width: 100%;
	float: left;
	height: 153px;
}
.section.news-events .news-events-list .news-list {
	width: 100%;
	float: left;
	margin: 2px 7.5px 8px;
	text-align: left;
	outline: none !important;
}
.section.news-events .news-events-list .news-list .hovereffect {
	cursor: pointer;
	display: inline-block;
	float: none;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	background-color: #000;
}
.section.news-events .news-events-list .news-list:hover img {
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: .7
}
.section.news-events .news-events-list h3 {
	width: 100%;
	float: left;
	color: rgba(var(--color5),1.00);
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0;
	font-weight: 400;
	min-height: 80px;
}
.news-events-list h3 a { 
	color: rgba(var(--color5),1.00);
	font-size: 14px;
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.news-events-list .news-list:hover h3 a { color: rgba(var(--color1),1.00); }
.news-events-list .news-list:hover a.read-more, 
.news-events-list .news-list:hover input.read-more, 
.news-events-list .news-list:hover button.read-more{
	color: white;
	background: rgba(var(--color1),1.00);;
}
.section.news-events .news-events-list h3:hover { color: rgba(var(--color1),1.00);}
.section.news-events .news-events-list h3, 
.section.news-events .news-events-list h3:hover, 
.section.news-events .news-events-list .news-list img, 
.section.news-events .news-events-list .news-list:hover img,
.news-events-list .news-list:hover a.read-more, 
.news-events-list .news-list:hover input.read-more, 
.news-events-list .news-list:hover button.read-more,
.news-events-list .news-list a.read-more, 
.news-events-list .news-list input.read-more, 
.news-events-list .news-list button.read-more{
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}


.page-news-events .news{ padding: 25px 0 0;}
.page-news-events .news-events-list {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.page-news-events .news-events-list .news-list {
    float: left;
    margin: 0 15px 30px 0;
    outline: medium none;
    text-align: left;
    width: 266px;
}
.page-news-events .news-events-list .news-list .thumbnail {
    border: solid #eee 1px;
    line-height: none;
    width: 100%;
    float: left;
    height: 170px;
}
.page-news-events .news-events-list .news-list .hovereffect {
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    background-color: #000;
}
.page-news-events .news-events-list .news-list a img {
    max-width: 266px;
    max-height: 170;
    position: relative;
    z-index: 1;
}
.page-news-events .news-events-list .news-list a, 
.page-news-events .news-events-list .news-list a img {
    float: left;
}
.page-news-events .news-events-list h3, 
.page-news-events .news-events-list h3:hover, 
.page-news-events .news-events-list .news-list img, 
.page-news-events .news-events-list .news-list:hover img {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.page-news-events .news-events-list .news-list:hover img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .7;
}
.page-news-events .news-events-list .news-list:nth-child(3n+3) {
    margin-right: 0 !important;
}
.page-news-events .news-events-list h3 {
    width: 100%;
    float: left;
    color: rgba(var(--color5),1.00);
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0;
    font-weight: 400;
	min-height: 80px;
}
.page-news-events .content-title{ margin-bottom: 0}










/*contact us*/
.page-contact-us{ background-color: #f6f6f6}
.googlemap{
	float: left;
	width: 100%;
	height: 424px;
}

/* -- contact info -- */
.contact-information{  margin: 30px 0 60px 0; }
.contact-info{
	float: left;
	width: 424px;
	padding: 0 20px;
}
.contact-info .sub-title{
	float: left;
	width: 100%
}
.contact-us .sub-title h4 {
    color: rgba(var(--color5),1.00);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contact-info ul{ float: left; width: 100%}
.contact-info ul li{	
	float: left;
	font-size: 12px;
	padding: 6px 0;
	width: 100%;
}
.contact-info ul li a{ 
	text-transform: none;
	color: rgba(var(--color5),1.00)
}
.contact-us p{
	margin-bottom: 15px;
}
.contact-info ul li{
	list-style-type: none;
	line-height: 34px;
	padding: 0 0 0 50px;
	margin-bottom: 5px;
	background-position: 0 -6px;
	background-repeat: no-repeat;
}
.contact-us ul li.address{ background-image: url(../images/icons/blue-location.png);}
.contact-us ul li.phone{ background-image: url(../images/icons/blue-call.png); }
.contact-us ul li.website{ background-image: url(../images/icons/blue-site.png); }


/* -- contact form -- */
.contact-form{
	float: left;
	width: 580px;
	padding: 0 20px;
}
.contact-form td{ padding: 0 10px 10px 0; }
.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form textarea{
	width: 100%;
	resize: none;
	border: solid #ccc 1px;
	padding: 8px 10px;
	font-size: 13px;
	border-radius: 0;
	font-family: 'Arial', 'Battambang';
}
.contact-form textarea{ height: 150px; }
.contact-form input[type="submit"]{
	float: right;
	border: none;
	background: rgba(var(--color1),1.00);
	padding: 8px 20px;
	color: #fff;
	font-size: 13px;
}















/*about us*/
.about-us{ background-color: #f6f6f6}
.about-us .overview {
    width: 100%;
    margin: 20px 0 30px;
    position: relative;
}
.about-us .overview img { float: left; }
.about-us .overview .overview-title {
    bottom: 50px;
    font-size: 30px;
    font-weight: 100;
    left: 25px;
    position: absolute;
}
.about-us .overview .overview-title h3 {
    color: #fff;
    font-weight: 300;
}
.about-us .our-company img{ float: left; margin-right: 50px}
.about-us  .our-company { margin: 20px 0 60px; }
















/*product*/
.products .all-products-item .products-list {
    margin: 0 10px 10px 0 !important;
	position: relative;
	width: 160px !important;
}
.products .all-products-item .products-list:nth-child(4n+4) {
    margin-right: 0 !important;
}
.page-products .section.products{ padding: 25px 0 20px;}












/*products-detail*/
.products-detail{ margin: 30px 0 0}
.products-detail > .section-aligncenter {
    background-color: transparent;
    float: left;
    margin-right: 22px;
    width: 828px;
}
.products-detail .content-title {
    line-height: 30px;
    margin: 0 auto;
	background-color: transparent
}
.products-detail .details-phone{
	float: left;
    width: 100%;
    height: auto;
    background-color: #fff;
    position: relative;
}
.products-detail .details-phone .single{
    float: left;
    width: 336px;
	margin-right: 35px
}
.products-detail .details-phone .single .thumbnail{
    border: 1px solid #eee;
    display: inline-flex;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    text-align: center;
    width: 336px;
	height: 336px
}
.products-detail .details-phone .single .thumbnail img{
    float: left;
    height: 212px;
    left: 0;
    max-width: 160px;
    position: absolute;
    right: 0;
    top: 50%;
	margin: 0 auto;
    transform: translateY(-50%);
}
.products-detail .details-phone .single .img-detail .slick-slide {
    padding: 0 2.5px;
}
.gallery-wrapper {
    float: left;
    width: 100%;
	margin: 10px auto;
}
.gallery-wrapper h4{
	padding: 5px 0 10px;
	margin-bottom: 10px;
	border-bottom: dotted #ccc 1px;
}
.gallery-wrapper .click {
    float: left;
    font-size: 11px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
.gallery {
    float: left;
    height: 100px;
    margin: 0 auto 10px;
    width: calc(100% + 8px);
}
.gallery-list {
    outline: 0 none;
    overflow: hidden;
    position: relative;
	border: 1px solid #e5e5e5;
	margin-right: 8px;
	height: 50px !important
}
.gallery-list .gallery-item {
    float: left
}
.gallery-list .gallery-item img {
	float: left;
    left: 0;
    max-width: 40px;
    position: absolute;
    right: 0;
    top: 50%;
	margin: 0 auto;
    transform: translateY(-50%);
}
.gallery-list .play {
    background: rgba(0, 0, 0, 0) url("../images/icons/play.png") no-repeat scroll center center;
    bottom: 0;
    float: left;
    height: 50px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}


.gallery{ height: 40px; margin-bottom: 20px; }
.gallery .slick-prev, .slick-prev, 
.gallery .slick-next, .slick-next{
	right: 4px;
	top: 60%;
	left: auto;
	width: 20px;
	height: 20px;
	background-position: -50px -14.5px;
}
.gallery .slick-prev, .slick-prev{ 
	left: 0; 
	background-position: -15px -14.5px;
}




.products-detail .detail {
    float: left;
    width: 457px;
}
.products-detail .detail .summarize {
	float: left;
    width: 100%;
}
.products-detail .detail  h3 {
    text-transform: none;
    font-size: 24px;
    line-height: 36px;
    padding: 5px 0 10px;
    color: rgba(var(--color1),1.00);
}



.products-detail .detail .single-price,
.products-detail .detail .color-choice{
    color: #7F7F7F;
    font-size: 14px;
    width: 100%;
	line-height: 60px;
	height: 60px;
}
.products-detail .detail .single-price span.amount,
.products-detail .detail .single-price span.color{ padding-left: 20px}
.products-detail .detail .single-price span.amount b{
	color: rgba(var(--color1),1.00);
	font-size: 24px;
	font-weight: bold;
	margin-right: 20px;
}
.products-detail .detail .single-price span.amount del{
	color: #7F7F7F;
	font-size: 18px;
	font-weight: 400;
	margin-top: 0;
	float: right;
	width: 70%;
}
.products-detail .summarize:not(.phone-promotion) {
    border-top: dashed #ccc 1px;
}
.products-detail .detail .color-choice{ height: 130px}
.products-detail .detail .color-choice span.color b{ color: rgba(var(--color5),1.00)}


.products-detail .detail .feature {
    float: left;
    margin: 0 auto 10px;
    padding: 0;
    width: 100%;
	border-top: dashed  #ccc 1px;
	border-bottom: dashed  #ccc 1px
}
.products-detail .summarize, 
.products-detail.variations_form .woocommerce-variation-add-to-cart {
    position: relative;
}
.products-detail .detail .feature li {
    float: left;
    list-style: outside none none;
    padding: 15px 0 18px;
    text-align: center;
    width: 25%;
	height: 100px;
	background-color: #f9fbfa
}
.products-detail .detail .feature li span{
    width: 100%;
    height: 30px;
    float: left;
    cursor: default;
    background-image: url(../images/icons/feature.png);
    background-repeat: no-repeat;
}
.products-detail .detail .feature li h4{
    font-size: 10px;
    font-weight: 300;
	line-height: 20px;	
}
.products-detail .detail .feature li h4::first-line,
.products-detail .detail .feature .more-spec {
    font-size: 14px;
    font-weight: 600
}
.products-detail .detail .feature li small{ font-size: 12px;color: #7F7F7F;}
.products-detail .detail .feature li:nth-child(1) span{ background-position: 50% 1px }
.products-detail .detail .feature li:nth-child(2) span{ background-position: 50% -31px }
.products-detail .detail .feature li:nth-child(3) span{ background-position: 50% -63px }
.products-detail .detail .feature li:nth-child(4) span{ background-position: 50% -95px }



.products-detail .detail .phone-promotion{ color: #7F7F7F;margin: 10px 0 20px;}
.products-detail .detail .phone-promotion span{  color: rgba(var(--color5),1.00);font-weight: bold;}


.products-detail .detail .specification{
	background: #f9fbfa;
	border-top: dashed #ccc 1px;
	border-bottom: dashed #ccc 1px;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	cursor: pointer;
	color: rgba(var(--color1),1.00);
	font-weight: bold;
	text-transform: uppercase
}
.products-detail .detail .specification #more-spec span{
	background: url('../images/icons/dropdown.png') no-repeat right;
	padding-right: 20px;
}
.source{background-color:#aed6f1;padding:5px 20px;font-size:11px;line-height: 15px;}
.source p{margin:5px 0;}
.source p.s{text-transform:uppercase;}
.source span{color:rgba(var(--color1),1.00);text-transform:capitalize;}

.products-detail .detail #full-spec{ 
	float: left;
	height: 100%;
	width: 100%;
	display: none
}
.products-detail .detail .see-full-spec {
    background-color: transparent;
    position: relative;
    width: 100%;
}
.products-detail .detail .see-full-spec table {
    border-collapse: collapse;
    background: #F6F6F6;
    width: 100%;
}
.products-detail .detail .see-full-spec table tr.tab td {
    background-color: #EEEEEE;
    padding: 20px;
}
.products-detail .detail .see-full-spec table tr.tab h3 {
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 0;
    color: rgba(var(--color1),1.00);
    text-transform: uppercase;
}
.products-detail .detail .see-full-spec table tr td {
    padding: 10px 20px;
    font-size: 12px;
    vertical-align: text-top;
    border-bottom: dashed #ccc 1px;
}



.products-detail .detail .social-media{ margin: 30px 0;border: none;}












/*promotion*/
.products-promotion{ padding: 25px 0;}
.products-promotion .section-aligncenter {
    background-color: transparent;
    float: left;
    margin-right: 22px;
    width: 828px;
}
.products-promotion .items-list img{
	margin: 10px 0 20px
}







/*news-events*/
.news .section-aligncenter {
    background-color: transparent;
    float: left;
    margin-right: 22px;
    width: 828px;
}


/*news-events detail*/
.news-events-detail .news{ margin: 20px 0 50px; }
.news-events-detail{ padding: 0} 
.news-events-detail .content-title {
    line-height: 30px;
    margin: 0 auto;
    background-color: transparent;
}
.news-events-detail .single-content h3 {
    color: rgba(var(--color1),1.00);
    font-size: 36px;
    font-weight: 100;
    line-height: 54px;
    margin-bottom: 10px;
    width: 100%;
}
.news-events-detail .single-content span.published {
    color: #606262;
    float: left;
    font-size: 11px;
    margin: 5px 0 10px;
    width: 100%;
}
.news-events-detail .single-content .inner-content p {
    line-height: 26px;
    margin-bottom: 15px;
}
.news-events-detail .facebookbox {
    float: left;
    width: 100%;
	margin-top: 30px;
}











.iterm {
    float: left;
	margin: 0 8px 10px;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
	position: relative;
}
.iterm input[type="radio"] {
    display: inline-block;
	height: 100%;
	width: 100%;
	bottom: 12px;
	cursor: pointer;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 12px;
	top: 0;
	z-index: 2;
}
.color > div {
    width: 45px;
	height: 45px;
    margin: 0 auto 5px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3);
}






.pagination {
	margin: 40px 0;
	width: 100%;
	float: left
}
.pagination .page-information {
	color: #606262;
	float: left;
	line-height: 36px;
	padding: 0;
	width: 15%
}
.pagination .page-information span {
	font-size: 26px;
	color: #606262;
}
.pagination ul {
	padding: 0;
	margin: 0 auto;
	float: none;
}
.pagination li {
	list-style: none;
	float: left;
	margin: 0 4px;
	color: #bdbdbd;
	line-height: 42px;
	opacity: 1;
	cursor: pointer
}
.pagination li a {
	border: 1px solid #bdbdbd;
	color: #bdbdbd;
	float: left;
	font-size: 15px;
	height: 36px;
	line-height: 34px;
	min-width: 36px;
	padding: 0 8px;
	text-align: center;
	cursor: pointer;
	border-radius: 2px
}
.pagination li[disable="true"] a{
	color: white;
	background-color: rgba(var(--color1),1.00);
	border: 1px solid rgba(var(--color1),1.00)
}
.pagination li[disable="true"] a,.pagination li[disable="false"] a {
	font-size: 13px
}
.pagination li a.prev {
	background: rgba(0, 0, 0, 0) url("../images/icons/page-prev.png") no-repeat scroll 8px center/12px auto;
	padding-left: 20px;
}
.pagination li a.next {
	background: rgba(0, 0, 0, 0) url("../images/icons/page-next.png") no-repeat scroll 40px center/11px auto;
	padding-right: 25px;
}
.pagination li a.prev-disabled {
	background: rgba(var(--color1),1.00) url("../images/icons/page-prev-disabled.png") no-repeat scroll 8px center/11px auto;
	padding-left: 25px;
}
.pagination li a.next-disabled {
	background: #ed1d27 url("../images/icons/page-next-disabled.png") no-repeat scroll 14px center/12px auto;
	padding-right: 20px;
}
.pagination li a.prev-disabled, .pagination li a.next-disabled {
	border: 1px solid rgba(var(--color1),1.00);
	color: #fff;
}
.pagination li.current a {
	background: rgba(var(--color1),1.00);
	border: 1px solid rgba(var(--color1),1.00);
	color: #fff
}



.breadcrumb {
    color: #606262;
    float: left;
    line-height: 44px;
    margin: 2px 0;
    width: 100%;
    font-size: 12px;
}
.breadcrumb span { float: left;font-size: 15px; line-height: 22px;}
.breadcrumb span.arrow {
    float: left;
	height: 22px;
	margin: 2px 0px 2px 5px;
	width: 10px;
}
.breadcrumb > span > a { color: rgba(var(--color4),1.00); }
.breadcrumb > span:last-child > a:last-child{ color: rgba(var(--color1),1.00)}



.related > h3 {
    border-bottom: 1px solid #eee;
    float: left;
    font-size: 20px;
    font-weight: 100;
    margin: 60px auto 25px;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}
.section-aligncenter .related .all-products-item .products-list {
    margin: 0 10px 10px 0 !important;
    width: 155.6px !important;
    position: relative;
}





/* ==========================================================================
   Footer blog
   ========================================================================== */
.footer{
	width: 100%;
	float: left;
}
.footer .scrollup {
    -webkit-box-shadow: 2px 2px 6px -3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 6px -3px rgba(0, 0, 0, 0.3);
}
.footer .scrollup {
    background: rgba(var(--color1),1.00) url("../images/icons/arrow-up.png") no-repeat scroll 10px;
    bottom: 300px;
    display: none;
    height: 40px;
    position: fixed;
    right: 50px;
    color: transparent;
    z-index: 9999;
    width: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.footer-top{
	width: 100%;
	float: left;
	background-color: rgba(var(--color1),1.00);
	padding: 30px 0;
	color: white
}
.footer .footer-top .footer-main-menu {
    float: left;
}
.footer .footer-top .footer-main-menu:nth-child(1){ width: 30%; }
.footer .footer-top .footer-main-menu:nth-child(2){ width: 50%; }
.footer .footer-top .footer-main-menu:nth-child(3){ width: 20%; }
.footer .footer-top .footer-main-menu .sub-title {
    float: left;
    width: 100%;
	text-transform: uppercase;
}
.footer .footer-top .footer-main-menu .sub-title h4 {
    color: white;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
	text-transform: uppercase;
}
.footer .footer-top .footer-main-menu ul li {
	float: left;
	font-size: 12px;
	padding: 6px 0;
	width: 50%;
	list-style: none
}
.footer .footer-top .footer-main-menu ul li a {
	color: white;
	text-transform: capitalize
}
.footer .footer-top .footer-main-menu.contact-us ul{ float: left; width: 100%}
.footer .footer-top .footer-main-menu.contact-us ul li {
	background-position: 0 -7px;
	background-repeat: no-repeat;
	padding: 0 0 0 60px;
	width: auto;
	float: none;
	margin-bottom: 10px;
	line-height: 34px;
}
.footer .footer-top .footer-main-menu.contact-us ul li.address{background-image: url(../images/icons/blue-location.png)}
.footer .footer-top .footer-main-menu.contact-us ul li.phone{background-image: url(../images/icons/blue-call.png)}
.footer .footer-top .footer-main-menu.contact-us ul li.website{background-image: url(../images/icons/blue-site.png)}
.footer .footer-top .footer-main-menu.contact-us ul li.facebook{background-image: url(../images/icons/blue-fb.png)}

.footer .footer-top .follow-us ul{
    float: left;
    width: 100%;
}
.footer .footer-top .follow-us ul li{
    float: left;
	padding-right: 15px;
	width: auto
}
.footer .footer-top .follow-us ul li a img{
    border-radius: 50%;
	width: 35px;
	height: 35px;
}



.footer-bottom{
	width: 100%;
	float: left;
	color: rgba(255,255,255,0.9);
	padding: 15px 0;
	font-size: 14px;
	background-color: rgba(var(--color2),1.00);
}
.footer-bottom .copyright{ float: left; }
.footer-bottom .developedby{ float: right; }
.footer-bottom img{ height: 18px; margin-top: -11px; border: none !important; }
.footer-bottom a.sitemap{
	color: #fff;
	margin-left: 10px;
	padding-left: 10px;
}







/*slick slider*/

.slick-prev, .slick-next {
	border-radius: 50%;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 35px;
	height: 35px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background-color: rgba(var(--color1),0.6);;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.slick-prev {
	left: 12px;
	background-image: url('../images/icons/product-prev.png');
}
.slick-next {
	right: 12px;
	background-image: url('../images/icons/product-next.png');
}
.news-events .news-events-list .slick-prev, 
.section-aligncenter .items-list .products-slide .slick-prev,
.section-aligncenter .items-list .products-slide-two .slick-prev{
	left: inherit;
	right: 45px;
	top: -39px
}
.news-events .news-events-list .slick-next, 
.section-aligncenter .items-list .products-slide .slick-next,
.section-aligncenter .items-list .products-slide-two .slick-next{
	right: 15px;
	top: -39px;
}
.slick-next.slick-arrow.slick-disabled, .slick-prev.slick-arrow.slick-disabled {
	opacity: 1;
	pointer-events: none
}
.slick-prev:hover, .slick-next:hover {
	background-color: rgba(var(--color1),1.00);
}
.slick-prev, .slick-prev:hover, .slick-next, .slick-next:hover {
	-webkit-transition: all .5s;
	transition: all .5s
}
.slick-dots {
	bottom: 0;
	display: block;
	float: left;
	height: 26px;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	margin-bottom: 10px
}
.slick-dots li {
	background: #ccc;
	border-radius: 50%;
	content: "";
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 0 4px;
	padding: 0;
	position: relative;
	width: 8px
}
.slick-dots li.slick-active button {
	opacity: 1;
	background: #1075bc
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 4px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: white;
	border-radius: 50%;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	text-align: center;
	opacity: .25;
	color: rgba(var(--color5),1.00);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: rgba(var(--color5),1.00);
}

.section-aligncenter .products-slide .slick-prev, 
.section-aligncenter .products-slide .slick-next,
.section-aligncenter .products-slide-two .slick-prev, 
.section-aligncenter .products-slide-two .slick-next,
.news-events .news-events-list .slick-prev,
.news-events .news-events-list .slick-next{
	width: 25px;
	height: 25px
}





/*woocommerse search*/

.rs_rs_name{ 
	color: #333 !important;
	font-size: 20px;
	margin: 5px 0;
}
.rs_result_row{
	margin: 10px 0 !important;
	border-bottom: 1px dotted #c2c2c2;
}
.rs_rs_cat,
.rs_rs_price{
	font-size: 12px !important;
}
.rs_rs_cat a,
.rs_rs_price a{ color: rgba(var(--color1),1.00) !important; }
.rs_content {
    margin-left: 170px !important;
}
.rs_rs_avatar { width: 100px !important; margin-left: 30px; }