@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500i,700');
.navbar-default {background-color: #fff; border: none;}
.navbar-nav > li > a{ color:#333; font-size:14px; font-weight:700; text-transform:uppercase; padding-top:5px; padding-left:15px; padding-bottom:28px; -webkit-transition:ease all 2s; -moz-transition:ease all 2s; transition:ease all 2s;}
.top-support{ float:right; margin-top:30px; font-size:11px; text-transform:uppercase; -webkit-transition:ease all 1s; -moz-transition:ease all 1s; transition:ease all 1s;}
.top-support li{ padding-left:10px;}
.top-support img{width:14px; height:14px; position:relative; top:-2px;}
.navbar-default .navbar-brand{ position:fixed; top:0px;width:180px; -webkit-transition:ease all 1s; -moz-transition:ease all 1s; transition:ease all 1s;}
.cover-pic{ margin-top:100px;}
.tagline{ font-size:20px; font-weight:500; color:#000; font-style:italic; margin-top:60px;}
h2{ font-weight:700; text-transform:uppercase; color:#000; margin-bottom:30px;}
h3{ font-weight:700; font-size:25px; color:#000; margin-bottom:10px;}
h4{ font-size:11px; text-transform:uppercase; color:#000;}
h6{ font-size:11px;}
h6 span{ color:#0099ff;}
h6 big{ font-size:18px; font-weight:700;}
.img-holder{ margin-top:60px; margin-bottom:20px; border-bottom:2px solid #ccc;}
.navbar-default.shrink .navbar-brand{ top:10px; padding:5px 2px;width:150px; font-size:25px;}
.navbar-default.shrink .navbar-nav > li > a{ font-size:12px; padding-bottom:10px;}
.navbar-default.shrink .top-support{margin-top:15px;}
.more-link{ background:#0099ff; color:#fff; padding:6px 10px 4px; font-size:10px; text-transform:uppercase; display:inline-block; margin-top:60px;}
.more-link:focus,.more-link:hover{ color:#fff;}
.h-about{ margin-top:120px; line-height:26px;}
.social{ margin-top:30px; font-size:16px;}
.footer{ margin-top:120px; margin-bottom:60px; font-size:12px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none}
.navbar-default .navbar-toggle{ border:none;}
.page-title{ margin-top:150px;}
.back-link{ font-size:10px; font-weight:700; text-transform:uppercase; margin-top:40px;}
.back-link img{ width:32px; display:block;}
.list-title{ font-size:20px; font-weight:400; margin-top:60px;}
.products-listing .nav-tabs > li > a{ border:none;}
.products-listing .nav-tabs{ border:none;}
.products-listing .nav > li > a{ padding:0; margin-right:30px;}
.products-listing .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:none; color:#000;}
.products-listing .nav-tabs > li > a:hover { background:none;}
.products-listing .nav-tabs > li.active{color:#000;}
.list-txt{ position:relative;}
.list-txt small{ position:absolute; top:0px; right:0; font-size:10px; color:#0099ff;}
.products-listing h4{ width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-detail{ margin-top:60px;}
#sync2 .item{ margin-right:5px; margin-top:5px;}
.detail-txt{ margin-top:30px; margin-left:30px;}
.detail-txt h3{color:#0099ff; margin-bottom:30px;}
.detail-txt h3 small{color:#0099ff;}
.detail-txt ul li{ margin-bottom:5px;}
.color-slection li{ width:22px; height:22px; margin-left:5px;}
.detail-txt ul{ margin-bottom:30px;}
.detail-txt h6{ margin-top:30px;}

.detail-txt .btn-group .btn{ padding:5px 10px;  font-size:11px; font-weight:700; margin-right:5px;}
.detail-txt .btn.active{ background:#000; color:#fff;}
.big-btn{ margin-top:30px;}
.big-btn .btn{ text-transform:uppercase; font-size:18px; padding:12px 20px;}
.tip-txt{ font-size:11px; display:block; margin-top:5px;}
.related-products h4{ width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.small-btn{ font-size:10px; text-transform:uppercase; margin-top:10px;}
.comment-txt{ margin-top:20px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none;}
.pdt-detailpopup{}
.pdt-detailpopup .close{ position:absolute; z-index:999; top:-10px; right:-10px; background:#fff; padding:6px; color:#fff; opacity:1;  -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;}
.modal-content{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:none;}
.modal-body{padding:0;}
.popover{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-color:#ddd; font-family: 'Montserrat', sans-serif; font-size:12px; letter-spacing:0.5px; line-height:18px; cursor:url(../img/close.svg), auto;}
.popover-links{ display:block; margin-bottom:10px; }
.popover-links a{ display:inline-block; cursor:pointer;}
@media(max-width:991px){
.detail-txt{margin-left:0px;}	
	}
@media(max-width:767px){
.cover-pic{margin-top:50px;}
.navbar-default .navbar-brand{ top:0;}	
.navbar-default.shrink .navbar-brand{top:3px; margin-left:30px;}
.navbar-toggle .icon-bar{height:1px; width:26px;}
.navbar-toggle .icon-bar + .icon-bar{margin-top: 6px;}
.navbar-nav > li > a{padding-bottom: 10px;}
.page-title{ margin-top:120px;}
}
@media(max-width:680px){
	h2{ font-size:25px; margin-bottom:15px;}
	h3{ font-size:18px;}
	.tagline{font-size:16px;}
	.h-about{ margin-top:60px;}
	.footer{ margin-top:60px; line-height:22px;}
	.img-holder{ margin-top:30px;}
	.list-title{ font-size:16px;}
	}
@media(max-width:420px){
	.navbar-default .navbar-brand{ font-size:24px; margin-top:5px; margin-left:5px; line-height:22px; width: auto;}
	.navbar-default.shrink .navbar-brand{font-size:15px;}
	.tagline{font-size:14px; margin-top:30px;}
	.more-link{margin-top:30px;}
	
	}	
@media(max-width:360px){
	
	}