/*
  multiple option select
*/

.header-list {width: 100%;}
.header-list ul {max-width: 280px; font-size: 20px; margin: 0px 20px 20px; padding: 0;}
.header-list li {position: relative; overflow: hidden; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background-color: rgba(0,0,0,0.4);}
.header-list li a {position: absolute; top: 0; z-index: 9; white-space: nowrap; width: 100%; color: #ffffff;}
.header-list li a:hover {color: #ffff00; text-decoration: none;}
.header-list li span {position: absolute; right: 0; top: 0; background-color: rgba(0,0,0,0.8); height: 100%; width: 14px; transition: all 0.8s;}
.header-list li span.current {background-color: #ff0000;}
.header-list li:hover span {transition: all 0.8s; width: 100%;}
@media only screen and (max-width: 400px) {
	.header-list ul {margin: 0px 5px 5px; padding: 0;}
	.siteLogo {margin-left: 5px;}
}


.header-list1 {width: 100%;}
.header-list1 ul {max-width: 280px; font-size: 20px; margin: 0px 20px 20px; padding: 0;}
.header-list1 li {position: relative; overflow: hidden; background-color: rgba(0,0,0,0.4); margin-bottom: 10px; padding-right: 14px; padding-left: 14px; font-weight: bold;}
.header-list1 li a {position: absolute; right: 0px; top: 0; z-index: 9; white-space: nowrap; width: 100%; color: #ffff00; text-align: center;}
.header-list1 li a:before {position: absolute; right: 0; top: 0; z-index: 9; white-space: nowrap; content: ""; display: inline-block; width: 10px; height: 100%; border: 1px solid #fff; border-left: none;}
.header-list1 li a:after {position: absolute; left: 0; bottom: 0; z-index: 9; white-space: nowrap; content: ""; display: inline-block; width: 10px; height: 100%; border: 1px solid #fff; border-right: none;}
.header-list1 li a:hover {color: #ffffff; text-decoration: none; background-color: rgba(0,0,0,1)}
.header-list1 li a.current {background-color: #9c4dff; color: #ffffff;}
@media only screen and (max-width: 400px) {
	.header-list1 ul {margin: 0px 5px 5px; padding: 0;}
	.siteLogo {margin-left: 5px;}
}
.header-list1 a {transition: all 0.8s;}


.underline1 {color: #0000ff; font-weight: bold; text-align: center; position: relative; display: inline-block; padding: 5px 25px;}
.underline1::before {content: ''; display: inline-block; width: 25px; height: 25px; top: 0; right: 0; border: 1px solid #000; border-left: none; border-bottom: none; position: absolute;}
.underline1::after {content: ''; display: inline-block; width: 25px; height: 25px; bottom: 0; left: 0; border: 1px solid #000; border-right: none; border-top: none; position: absolute;}



#mainMenu li {
	transition: -webkit-background-color 1.6s ease;
  transition: background-color 1.6s ease;
  transition: background-color 1.6s ease, -webkit-background-color 1.6s ease;
}
#mainMenu li:after {
	display: block;
	content: ' ';
	background-color: #aaaaaa;
	width: 100%;
	height: 100%;
	position: relative;
}
#mainMenu li:hover:after {
	background-color: #ff00ff;
}

.SumoSelect .select-all {height: auto;}

th {vertical-align: middle; text-align: center;}


.bg-first {background-color: #e40615;}
.text-first {color: #e40615;}
tr td:first-child {padding-right: 0!important;}
tr td:last-child {padding-left: 0!important;}

body {font-size: 14px; background-color: #efefef;}
table.menu td, table.menu th {padding-right: 5px; padding-left: 5px;}

a {color:#ffffff;}
a:hover {color:#ffff00; text-decoration: none;}


#secondCarousel .carouselImg {max-width: 100%; height: auto;}
#secondCarousel .carouselThumbImg {width: 70px; height: 50px;}
#secondCarousel .carousel-caption {padding: 20px; left: unset; right: 50%; transform: translateX(50%); background-color: rgba(0,0,0,0.4); display: inline-block;}
#secondCarousel .carousel-indicators .active {background-color: #ff0000; border: #000000 1px solid;}
#secondCarousel .carousel-indicators a {margin-right: 4px; margin-left: 4px;}
#secondCarousel .carousel-indicators {margin-top: 10px; bottom: unset; margin-left: unset; margin-right: unset; position: unset;}


.overlay-1 {overflow: hidden;}
.overlay-1:hover .overlay a {color: #ff0000; transition-duration: 1s; background-color: rgba(0,0,0,0.6);}
.overlay-1:hover {background-size: 120% 120% !important; transition-duration: 1s;}
.overlay a {color: #ffffff; background-color: rgba(0,0,0,0.2);}

.underline::after {content: '';display: block;width: 35px;height: 6px;background: #c4161c;border-radius: 3px;margin: auto;}

.links a {color: #e40615;}
.links a:hover {color: #ff0000;}
.currentPage {color: #ffff00;}

.social a i {padding: 2px;}
.social a:hover i {background-color: #000000; transition: background-color 1.5s; border-radius: 10px;}



.mytext-right {text-align: left !important;}
.mytext-left {text-align: right !important;}

@media only screen and (max-width: 768px)
{
	.mytext-right {text-align: center !important;}
	.mytext-left {text-align: center !important;}
}


#cartTable .cartTr .firstTd {padding-right: 3px!important;}
#cartTable .cartTr .actions {width: 30px;}
#cartTable .cartTr .actions button {padding: 1px; font-size: 10px;}
#cartTable .cartTr .lastTd {padding-left: 3px!important; text-align: left;}