@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,800,900');

.sub_li +.sub_li {
	//margin-left: 22px
}
.sub_tabs {
	padding: 0px;
	margin-bottom: 11px;
}
.nav-tabs li.sub_li:hover,.nav-tabs li.sub_li a:hover{background-color: #004c99;color:#fff;}
.nav-tabs li.sub_li .sub_li_a {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	border: 0px;
	//width: 130px;
	text-align: center;
	//margin: 0px;
	//text-transform: uppercase;
	//font-weight: 600;
	padding: 10px 14px;
	transition: none;
	-webkit-transition: none;
}
.nav-tabs li.sub_li {
	border-radius: 5px 5px 0 0;
        background-color: #212121;
	margin-bottom: -1px;
	position: relative;
	display: inline-block;
	//padding: 10px 0px;
	float: none;
}
.nav-tabs li.sub_li.active {
	background: #004c99;
        box-shadow: -1px 0px 4px #9e7e52;
}
.nav-tabs li.sub_li.active .sub_li_a {
	background: #004c99;
	color: #fff;
	border: 0px;
}
.sub_tabs_container {
	padding: 0 20px;
	position: relative;
}
.sub_tabs_container .tab-content {
	padding: 20px 0 0 0;
}
.tab-pane-sub {
	display: none !important;
        border: 1px solid #ddd;

padding: 15px;
}
.tab-pane-sub.active {
	display: block!important;
}

.scroller {
	position: absolute;
	height: 30px;
	width: 30px !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 9;
	border-radius: 100%;
	top: 0px !important;
	text-align: center;
	color: #fff;
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	transition: 0.6s ease;
	cursor: pointer;
}
.scroller-right {
	right: -12px;
}
.scroller-left {
	left: -12px;
}
.scroller-left::before {
	content: "\f104 ";
	line-height: 40px;
	padding-left: 0;
	font-family: FontAwesome;
	color: #bda583;
	font-size: 35px;
}
.scroller-right::before {
	content: "\f105 ";
	line-height: 40px;
	padding-right: 0;
	font-family: FontAwesome;
	color: #bda583;
	font-size: 35px;
}
.pn-ProductNav {
	/* Make this scrollable when needed */



	overflow-x: hidden;
	/* We don't want vertical scrolling */



	overflow-y: hidden;
	/* For WebKit implementations, provide inertia scrolling */



	-webkit-overflow-scrolling: touch;
	/* We don't want internal inline elements to wrap */



	white-space: nowrap;
	/* If JS present, let's hide the default scrollbar */



  /* positioning context for advancers */



	position: relative;
}
.js .pn-ProductNav {
	/* Make an auto-hiding scroller for the 3 people using a IE */



	-ms-overflow-style: -ms-autohiding-scrollbar;/* Remove the default scrollbar for WebKit implementations */
}
 .js .pn-ProductNav::-webkit-scrollbar {
 display: none;
}
.pn-ProductNav_Contents {
	float: left;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.pn-ProductNav_Contents-no-transition {
	-webkit-transition: none;
	transition: none;
}