/* vim: set ts=2 sw=2 sts=2 et: *//** * Default styles * * @author    Qualiteam software Ltd <info@x-cart.com> * @copyright Copyright (c) 2011-2015 Qualiteam software Ltd <info@x-cart.com>. All rights reserved * @license   http://www.x-cart.com/license-agreement.html X-Cart 5 License Agreement * @link      http://www.x-cart.com/ *//**Css For Menu**/.menubox {	background-color: #002144;	border-radius: 0px;}.navbar-inverse.navbar {	background-color: #002144;	border-radius: 0;	margin: 0px;	border: 0px;	position: relative;	z-index: 10;}.navbar-inverse .navbar-nav {	margin: 0px;	position: relative;	width: 100%;}.navbar-inverse .navbar-nav > li {	background-image: none;	display: inline-block;	float: none;	margin: 0;	float: left;	padding: 0px;	position: relative;	background-color: #002144;}.navbar-inverse .navbar-nav > li > a {}.navbar-inverse .navbar-nav > li > a span {	color: #fff;	font-size: 18px;	font-weight: 500;	padding: 25px 46px 24px 53px;	display: block;}.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {	color: #fff;	background-color: #e31d1a;}.navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse #top-main-menu > li > a:hover, .navbar-inverse #top-main-menu > li > a:focus, #top-main-menu > li.active:hover > a, .navbar-inverse #top-main-menu > li.active:hover > a, .navbar-inverse #top-main-menu.navbar-nav > li > a:hover, .navbar-inverse #top-main-menu.navbar-nav > li > a:focus {	color: #fff;	background-color: #e31d1a;}.navbar-nav > li.first > a {	border-top-left-radius: 0px;	border-bottom-left-radius: 0px;}#top-man-menu > li > span.primary-title.tap, #top-man-menu > li > a.tap, #top-man-menu > li:hover > span.primary-title, #top-man-menu > li:hover > a {	color: #fff;	background-color: #e31d1a;}.navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > li:hover {	color: #fff;	background-color: #e31d1a;}.nav > li > span {	font-family: 'Roboto', sans-serif;	color: #fff;	font-weight: 500;	text-transform: uppercase;	line-height: 18px;	text-decoration: none;	margin: 0px;	padding: 0px;}.navbar-inverse .navbar-nav > li a {	font-family: 'Roboto', sans-serif;	color: #fff;	font-weight: 500;	text-transform: uppercase;	text-decoration: none;	margin: 0px;	padding: 0px;}.navbar-inverse .navbar-nav > li a span { display:block;	font-family: 'Roboto', sans-serif;	color: #fff;	font-size: 18px;	font-weight: 500;	line-height: 19px;}.navbar-inverse .navbar-nav > li > ul {	position: absolute;	left: 0px;	top: 100%;	width: 425px;	z-index: 9999;	display: none;	padding: 15px 15px 15px 15px;	background: rgba(153,153,153,0.9);}.navbar-inverse .navbar-nav > li:hover > ul {	display: block;}.navbar-inverse .navbar-nav > li > ul > li > ul {	background-color: transparent;}.navbar-inverse .navbar-nav > li > ul > li {	background-color: transparent;	padding: 0px 0px 0px 0px;	display: inline-block; float:left; min-height:43px;	width: 49%;	margin: 0px;}.navbar-inverse .navbar-nav > li > ul > li:nth-child(odd) {	border-right: solid 1px #fff;}.navbar-inverse .navbar-nav > li > ul > li:nth-child(even) {	padding-left: 15px;}.navbar-inverse .navbar-nav > li > ul > li:first-child, .navbar-inverse .navbar-nav > li > ul > li:nth-child(2) {	padding-top: 0px;}.navbar-inverse .navbar-nav > li > ul > li:nth-last-child(2), .navbar-inverse .navbar-nav > li > ul > li:nth-last-child(1) {	padding-bottom: 0;}.navbar-inverse .navbar-nav > li > ul > li:hover {	background-color: transparent;}.navbar-inverse .navbar-nav > li > ul > li a {	font-size: 14px;	color: #fff;	text-decoration: none;}.navbar-inverse .navbar-nav > li > ul > li a span {	color: #fff;	font-size: 14px;	text-transform: none;	font-weight: 500;}.navbar-inverse .navbar-nav > li > ul > li:hover a, .navbar-inverse .navbar-nav > li > ul > li:hover a span {	color: #e31d1a;}.mobile_header {	background-color: #002144;	box-shadow: none;	position: relative;	left: auto;	clear: both;}.mobile_header ul.nav-pills {	box-shadow: none;	position: relative;	left: auto;	clear: both;}@media screen and (min-width: 992px) {.mobile_header .dropdown-menu {	width: 100%;}}@media screen and (max-width: 991px) {#logo {	float: none;}.desktop-header .mobile_header {	display: table;	margin-top: 10px;	position: relative;	width: 100%;}.desktop-header .mobile_header::before {	clear: both;	content: "";	display: table;}.desktop-header .mobile_header::after {	clear: both;	display: table;	background-color: #002144;}#header-bar {	display: none;}		/*** dropdown**/.mobile_header .nav > li {	position: static;}.mobile_header .nav > li:nth-child(3) > a svg{ display:none;}.mobile_header .nav > li:nth-child(3) > a{    margin: 0;    padding: 0;    float: left;    display: block;    background: url(../images/mobile_menu_icon.png) no-repeat 0 0 transparent;    background-position: 10px -265px;    width: 55px;    height: 56px;	}.Product_form .language-selector li,.mobile_header .nav > li:nth-child(4){	display:none;}.mobile_header .dropdown-menu {	background-color: #fff;	border: 0 solid #fafafa;	border-radius: 0;	float: none;	right: 0px;	left: 0px;	position: absolute;	z-index: 9;}			/** for menu**/.mobile_header ul.nav-pills {	background-color: #002144;	box-shadow: none;	position: relative;	left: auto;	clear: both;}.mobile_header ul.nav-pills .open .dropdown-menu {}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden {	background-color: #fff;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li {	text-transform: uppercase;	border-bottom: solid 1px #002144;	margin: 0px;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden li a {	padding: 5px 15px;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li > ul {	margin-left: 20px;	margin-right: 20px;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li > ul > li {	text-transform: uppercase;	border-bottom: dashed 1px #002144;	margin: 0px;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li > ul > li a {	font-size: 13px;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li > ul > li:nth-last-child(1) {	border-bottom: 0px;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li > ul > li > ul {	margin-left: 25px;	margin-right: 25px;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li > ul > li > ul > li {	margin: 0px;	border-bottom: none;	text-transform: none;}.mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden > li > ul > li > ul > li a {	font-size: 13px;}		/** Account section*/.mobile_header ul li ul.account-links {	display: block;	clear: both;}.mobile_header ul li ul.account-links li {	display: table;	float: none;	font-size: 14px;	padding: 0 0 0 0px;	width: 100%;}.mobile_header ul li ul.account-links li:hover {	background-color: transparent;}.mobile_header .dropdown-menu li a br {	display: none;}.mobile_header .dropdown-menu li a {	clear: both;    color: #0e2240;    display: block;    float: none;    padding: 13px 15px;    margin: 0px;    width: 100%;    height: auto;    max-width: 100%;    text-align: left;}.mobile_header ul li ul.account-links li.account-link-1 {	background-position: -1px 3px;}.mobile_header ul li ul.account-links li.account-link-1:hover {	background-position: 0 -65px;}.mobile_header ul li ul.account-links li.where-buy {	background-position: -1px -422px;}.mobile_header ul li ul.account-links li.where-buy:hover {	background-position: -1px -490px;}.mobile_header ul li ul.account-links li.account-link-2 {	background-position: -1px -271px;}.mobile_header ul li ul.account-links li.account-link-2:hover {	background-position: 0px -339px;}			/** search section*/.mobile_header ul#search_box {	float: none;	height: 44.8px;	left: 0;	position: absolute;	right: 0;	top: auto;	width: 100%;}.mobile_header ul#search_box #mobile_search .simple-search-box input.form-text {	background: transparent none repeat scroll 0 0;	border: medium none;	box-shadow: none;	float: none;	font-size: 14px;	line-height: 28px;	padding: 0 0 0 50px;	width: 100%;}.mobile_header ul#search_box #mobile_search .simple-search-box {	width: 100%;	display: table;	padding-left: 0;}.mobile_header ul#search_box #mobile_search .simple-search-box button.submit-button {	background: transparent url("../images/search.png") no-repeat scroll 0 0;	float: left;	left: 0;	margin: 0;	position: absolute;	top: auto;	width: 45px;	z-index: 999;}.mobile_header ul#search_box #mobile_search .simple-search-box button.submit-button span {	display: none;}.simple-search-box div.table-value {	float: left;	margin-left: 0;	width: 100%;}.mobile_header .dropdown-menu li a.active, .mobile_header ul.nav-pills .open .dropdown-menu .desctop-hidden li a.active {	color: #e31d1a;}}

/*  VIDEO PLAYER CONTAINER
############################### */

.vid-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px;
	height: 0;
}
.vid-container iframe,  .vid-container object,  .vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*  VIDEOS PLAYLIST 
############################### */

.vid-list-container {
	width: 92%;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 4%;
	padding-bottom: 20px;
	position: relative;
	height: 230px;
}
.vid-list {
	width: 1184px;
	position: absolute;
	top: 0;
	left: 0;
}
.vid-item {
	display: block;
	width: 148px;
	height: 200px;
	float: left;
	margin: 0;
	padding: 10px;
}
.thumb {
	/*position: relative;*/

	overflow: hidden;
	height: 84px;
}
.thumb img {
	width: 100%;
	position: relative;
	top: -13px;
}
.vid-item .desc {
	color: #21A1D2;
	font-size: 15px;
	margin-top: 5px;
}
.vid-item:hover {
	background: #eee;
	cursor: pointer;
}
.arrows {
	position: relative;
	width: 100%;
}
.arrow-left {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	left: -25px;
	top: -130px;
	z-index: 99;
	cursor: pointer;
}
.arrow-right {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	right: -25px;
	top: -130px;
	z-index: 100;
	cursor: pointer;
}
.arrow-left:hover {
	background: #CC181E;
}
.arrow-right:hover {
	background: #CC181E;
}
 @media (max-width: 624px) {
.vid-list-container {
	padding-bottom: 20px;
}
/* reposition left/right arrows */

.arrows {
	position: relative;
	margin: 0 auto;
	width: 96px;
}
.arrow-left {
	left: 0;
	top: -17px;
}
.arrow-right {
	right: 0;
	top: -17px;
}
}