/********************* MAIN *********************/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0 !important
}

body {
	background-color: #1f1927;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #c2bfb9;
	font-size: 16px;
	line-height: 20px;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	color: #c2bfb9;
}

.fa {
	font-size: 14px;
}

h1 {
	font-weight: 600;
	color: #c2bfb9;
	font-size: 28px;
	line-height: 32px;
	margin: 0 auto;
	padding: 5px 0px 10px 0px;
}

h2 {
	font-weight: 600;
	color: #c2bfb9;
	font-size: 28px;
	line-height: 38px;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
}

h3 {
	font-weight: 600;
	color: #c2bfb9;
	font-size: 14px;
	line-height: 16px;
	margin: 0 auto;
	padding: 5px 0px 10px 0px;
}

h4 {
	font-weight: 600;
	color: #c2bfb9;
	font-size: 14px;
	line-height: 16px;
	margin: 0 auto;
	padding: 5px 0px 10px 0px;
}

h5 {
	font-weight: 600;
	color: #c2bfb9;
	font-size: 20px;
	line-height: 22px;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
}

h6 {
	font-weight: 600;
	color: #c2bfb9;
	font-size: 28px;
	line-height: 38px;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
}

a {
	text-decoration: none;
	color: #c2bfb9;
}

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

a:focus {
	text-decoration: none;
	color: #f2ff59;
}

strong {
	font-weight: 500;
	font-weight: normal;
}

legend {
	font-size: 16px;
	padding: 7px 0px
}

label {
	font-size: 14px;
	font-weight: normal;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
	border: 2px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

div.required .control-label:before {
	content: '* ';
	color: #f27021;
	font-weight: bold;
}

.nav-tabs {
    border-bottom: none !important;
}

.nav-tabs > li > a {
    display: inline-block;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 500;
    color: #c2bfb9;
    background: #1f1927;
    border: 0px solid #ddd;
    border-radius: 6px;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.nav-tabs > li > a:hover {
    background: #f2ff59;
    color: #1f1927;
    text-decoration: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #1f1927;
    color: #c2bfb9;
    border: 0px solid #f1f1f1;
    font-weight: 600;
}

.tab-content {
    border: none;
    padding: 20px 0;
    background: transparent;
}

/********************* TOP *********************/

#top {
	background-color: #312453;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height: 54px;
	text-shadow: 0 0px 0 #067875;
}
#top .container {
	padding: 0 0px;
}
#form-currency .currency-select,
#form-language .language-select {
	text-align: left;
	color: #c2bfb9;
}
#form-currency .currency-select:hover,
#form-language .language-select:hover {
	background-color: none;
	text-shadow: none;
	color: #f2ff59;
}
#top-links {
	padding: 4px 0px 0px 0px;
}
#top .btn-link {
	color: #c2bfb9;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
#top .btn-link:hover {
	background-color: none;
	text-shadow: none;
	color: #f2ff59;
}
#top .btn-link:active {
	background-color: none;
	text-shadow: none;
	color: #f2ff59;
}

#top #top-links li, #top-links a {
	background-color: none;
	padding: 3px 3px 3px 5px;
	color: #c2bfb9;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
#top #top-links a:hover {
	background: none;
	text-shadow: none;
	color: #f2ff59;
}
#top #top-links a:focus {
	background: none;
	text-shadow: none;
	color: #f2ff59;
}

#top-links .dropdown-menu a {
	background-color: #1b2a31;
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	background-color: #1b2a31;
	text-shadow: none;
	color: #0ba6bc;
}
#top .btn-link strong {
	font-size: 14px;
    line-height: 14px;
}

/******************** HEADER ********************/

@media (min-width: 768px) {
.header {
	background-color: #241b3d;
	width: 100%;
	height: 105px;
	margin: 0 auto;
}
}

@media (max-width: 768px) {
.header {
	background-color: #241b3d;
	width: 100%;
	height: 210px;
	margin: 0 auto;
}
}

/* mobile */
@media (max-width: 768px) {
#search {
	margin: 15px 0px 0px 45px;
}
}

/* table */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
#search {
	margin: 10px 0px 0px 0px;
}
}

/* desktop */
@media (min-width: 1200px) {
#search {
	margin: 33px 0px 0px -15px;
}
}

.search-text {
	background-color: #ffffff;
	border: 0px solid #ffffff;
	height: 42px;
	line-height: 30px;
	padding: 0 15px;
	color: #06131b;
	font-size: 13px;
	font-weight: 600;
	-webkit-border-radius: 7px 0px 0px 7px;
	-moz-border-radius: 7px 0px 0px 7px;
	border-radius: 7px 0px 0px 7px;
}
.search-text:hover {
	color: #06131b;
	font-size: 12px;
	font-weight: 600;
}

.search-button {
	background-color: #ffffff;
	border: 0px solid #ffffff;
	height: 42px;
	line-height: 30px;
	padding: 0 15px;
	color: #06131b;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 0px 7px 7px 0px;
	-moz-border-radius: 0px 7px 7px 0px;
	border-radius: 0px 7px 7px 0px;
}

/******************** LOGO ********************/

@media (min-width: 769px) {
#logo {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 170px;
}
}

@media (max-width: 768px) {
	#logo {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 100px;
}
}

@media (max-width: 375px) {
	#logo {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 70px;
}
}

/******************** CART ********************/

/* desktop */
@media (min-width: 768px) {
#cart{
	margin: 31px 0px 0px 0px;
	width: auto;
	display: inline-block;
	vertical-align: top;
	color: #06131b;
	font-size: 13px;
	font-weight: 500;
}
}

/* mobile */
@media (max-width: 768px) {
#cart{
	margin: 22px 0px 0px 35px;
	width: auto;
	display: inline-block;
	vertical-align: top;
	color: #06131b;
	font-size: 13px;
	font-weight: 500;
}
}

#cart > button{
	background: #f2ff59;
	border: 1px solid #f2ff59;
	border-radius: 5px;
	box-shadow: none;
	padding: 10.5px 0;
	width: auto;
	position: relative;
	min-width: 240px;
	color: #06131b;
	font-size: 13px;
	font-weight: 500;
}
#cart > button > i {
	color: #06131b;
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
	line-height: 18px;
	border-right: 1px solid #f2ff59;
	padding: 0 10px 0 0px;
}

#cart a {
	text-decoration: none;
	color: #1f1927;
}

#cart a:hover {
	text-decoration: none;
	color: #312454;
}

#cart .dropdown-menu .text-empty{
	margin: 0;
	padding: 10px 0;
}

#cart .dropdown-menu {
	background: #f2ff59;
    margin: 0;
    padding: 20px 15px 20px 15px !important;
    width: 340px;
    right: -15px;
    list-style: none none;
    border: 0;
    margin-top: 11px;
    box-sizing: border-box;
    top: 100%;
	color: #06131b;
	font-size: 12px;
	font-weight: 500;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
}
#cart .dropdown-menu:after,#cart .dropdown-menu:before {
	border-bottom-style: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
#cart .dropdown-menu:before {
	border: 7px solid;
	border-color: transparent transparent #f2ff59 transparent;
	z-index: 99;
	right: 26px;
	top: -12px;
	opacity: 0;
}
#cart .dropdown-menu:after {
	border: 8px solid;
	border-color: transparent transparent #f2ff59 transparent;
	right: 25px;
	top: -15px;
}
#cart .cart-close {
	position: absolute;
	top: 20px;
	right: 0;
	font-weight: 400;
	background-color: #f2ff59;
}
#cart .cart-empty{
	padding-bottom: 25px;
	padding-top: 15px; 
}
#cart .dropdown-menu p{
	margin: 0;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr > td{
	border: 0;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr {
	background: none;
	border: 0px #f2ff59 solid;
}
#cart .dropdown-menu td {
	background: none;
	border: 1px #f2ff59 solid;
}
#cart .dropdown-menu img {
	background: none;
	border: 0px #f2ff59 solid;
}

/****************** NAVIGATION ******************/

.nav-menu {
	background-color: #06131b;
	width: 100%;
	height: 54px;
	margin: 0px 0px 0px 0px;
	display: table;
}

#menu {
	text-shadow: 0px 0px 0pt #ebebeb;
	background-color: #06131b;
	background-repeat: repeat-x;
	min-height: 22px;
	margin: 0px 0px 0px -15px;
}

@media (min-width: 767px) {
#menu .nav > li > a {
	color: #fff2f8;
	padding: 18px 10px 18px 10px;
	margin: 0px 0px -1px 0px;
	background-color: transparent;
	font-size: 14px;
	font-weight: 500;
}
}

@media (max-width: 767px) {
#menu .nav > li > a {
	color: #fff2f8;
	padding: 5px 10px 5px 10px;
	background-color: transparent;
	font-size: 14px;
	font-weight: 500;
}
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: none;
	color: #eac0f0;
}

#menu .dropdown-menu {
	background-color: #ffffff;
	border: 0px #000000 solid;
	padding: 0px;
	margin-top: -5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
}

#menu .dropdown-inner {
	display: table;
	border: 0px;
}

#menu .dropdown-inner ul {
	display: table-cell;
	border: 0px;
}

#menu .dropdown-inner a {
	min-width: 270px;
	display: block;
	padding: 7px 20px;
	clear: both;
	line-height: 20px;
	color: #455a64;
	font-size: 14px;
	font-weight: 500;
	border-bottom: 1px #eeeeee solid;
}

#menu .dropdown-inner li a:hover {
	background-color: none;
	color: #06131b;
}

#menu .see-all {
	font-weight: 500;
	font-size: 14px;
	color: #455a64;
	display: block;
	margin-top: 0px;
	padding: 7px 20px;
	border: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#menu .see-all:hover, #menu .see-all:focus {
	background-color: none;
	text-decoration: none;
	color: #06131b;
	border: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#menu #category {
	text-shadow: 0px 0px 0pt #ebebeb;
	text-transform: uppercase;
	padding-top: 5px;
	padding-left: 10px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	line-height: 40px;
	border: 0px;
	float: left;
}
#menu .btn-navbar {
	background-color: #353535;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	color: #ffffff;
	font-stretch: expanded;
	padding: 6px 10px 6px 10px;
	float: right;
	border: 0px;
	margin: 10px 0 auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow:    inset 0 0 0px #000000;
	-webkit-box-shadow: inset 0 0 0px #000000;
	box-shadow:         inset 0 0 0px #000000;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #455a64;
	background-color: none;
}

.dropdown-menu li > a:hover {
	background-color: none;
	text-decoration: none;
	color: #b4b4b4;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (max-width: 767px) {
	#menu {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: none;
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		background-color: none;
		width: 100%;
		color: #455a64;
		padding: 5px 10px 5px 10px;
		border-bottom: 0px #e5e5e5 solid;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background-color: #393939;
		color: #06131b;

	}
	#menu .see-all {
		padding: 10px 10px 5px 10px;
		margin: 0 auto;
		border: 0px;
		border-radius: 0;
		color: #455a64;
	}
}

/******************** CONTENT *******************/

#content {
	min-height: 550px;
}

hr {
	border-top: 1px solid #261e2c;
	border-bottom: 1px solid #2e2435;
}

/****************** 01-banner-3 *****************/

.banner-3 {
	background-color: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: -20px;
    margin-left: -15px;
    margin-right: -15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.banner-3 img {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

/************* Hover effect image **************/

@media (max-width: 767px) {
.banner-2 {
	margin-top: 20px;
}
}

figure {
	margin: 0;
	padding: 0;
	background-color: #292030;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

figure:hover {
	opacity: 1;
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/******************** FOOTER ********************/

footer {
	background-color: #292030;
	margin-top: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #c2bfb9;
	text-shadow: 0 1px 0 #000000;
}
footer hr {
	border-top: none;
	border-bottom: 0px solid #06151c;
}
footer a {
	color: #c2bfb9;
}
footer a:hover {
	color: #f2ff59;
}
footer h5 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #c2bfb9;
}

footer p {
	text-align: center;
}

.footer-card-image {
	text-align: center;
	width: 327px;
	height: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
}

/********************* ETC *********************/

.alert {
	padding: 8px 14px 8px 14px;
}

/****************** BREADCRUMB *****************/

@media (max-width: 767px) {
.breadcrumb {
	background-color: #292030;
	margin: 0px 0 30px 0;
	padding: 10px 0px 10px 0px;
	border: 0px solid #292030;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
}

@media (min-width: 768px) {
.breadcrumb {
	background-color: #292030;
	height: 240px;
	padding-top: 100px;
	margin: 0px 0px 30px 0px;
	border: 0px solid #ddd;
	text-align: center;
}

.breadcrumb a {
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #f2ff59;
	font-size: 28px;
}

.breadcrumb a:hover {
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #f2ff59;
}

.breadcrumb i {
	font-size: 26px;
}
.breadcrumb > li {
	color: #f2ff59;
	padding: 0 20px;
	position: relative;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
}

.pagination {
	margin: 0;
}

.pagination {
	margin: 0;
}

.buttons {
	margin: 1em 0;
}

.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}

/* buttons testi apsipirkima- atgal*/
.btn-default {
	font-weight: 500;
	color: #ffffff;
	background-color: #878787;
	border: 2px solid #727272;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}
.btn-default:hover {
	font-weight: 500;
	color: #ffffff;
	background-color: #707070;
	border: 2px solid #727272;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}

/* buttons testi apmoketi*/
.btn-primary {
	font-weight: 500;
	color: #ffffff;
	background-color: #0ba6bc;
	border: 2px solid #117887;
	text-shadow: 1px 1px 0pt #117887;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	font-weight: 500;
	color: #ffffff;
	background-color: #0d96a9;
	border: 2px solid #117887;
	text-shadow: 1px 1px 0pt #117887117887;
}


.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

/* buttons istrynti */
.btn-danger {
	color: #ffffff;
	background-color: #d64b46;
	border: 2px solid #a0332f;
	text-shadow: 1px 1px 0pt #a0332f;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	background-color: #bd3e3a;
	border: 2px solid #a0332f;
	text-shadow: 1px 1px 0pt #a0332f;
}


.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

/* buttons redaguoti */
.btn-info {
	color: #ffffff;
	background-color: #39df70;
	border: 2px solid #27b054;
	text-shadow: 1px 1px 0pt #289c4e;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #36c465;
	border: 2px solid #289c4e;
	text-shadow: 1px 1px 0pt #289c4e;
}

/* buttons t */
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #43af40;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}

/* buttons t */
.btn-inverse {
	color: #5e5e5e;
	height: 45px;
    margin-left: 30px;
	background-color: #f2ff59;
	vertical-align: baseline !important;
	-webkit-transition:	all 0.9s;
	-moz-transition:	all 0.9s;
	-o-transition:		all 0.9s;
	-ms-transition:		all 0.9s;
	transition:			all 0.9s;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #f2ff59;
	color: #5e5e5e;
}


.list-group a {
	border: 1px solid #d2d2d2;
	color: #06131b;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #0d96a9;
	background-color: #292030;
	border: 1px solid #d2d2d2;
}

/******************* CAROUSEL *******************/

.carousel-caption {
	color: #f27021;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}

/****************** THUMBNAILS *****************/

.thumbnail {
	display: block;
	padding: 0px;
	margin-left: -15px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #292030;
	border: 0px #ffffff solid;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.thumbnail > img,
.thumbnail a > img {
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #f2ff59;
	border: 0px #ffffff solid;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.thumbnail .caption {
	padding: 15px;
	color: #858b92;
	border: 0px #323232 solid;
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

.thumbnails > li {
	margin-left: 20px;
}

.thumbnails {
	margin-left: -20px;
}

.thumbnails > img {
	width: 100%;
}

.image-additional a {
	margin-bottom: 20px;
	padding: 10px;
	display: block;
	border: 0px #ffffff solid;
}

.image-additional a:hover {
	margin-bottom: 20px;
	padding: 10px;
	display: block;
	border: 0px #ffffff solid;
}

.image-additional {
	max-width: 78px;
}

.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/***************** PRODUCT BG *****************/

.product-img {
	background-color: #292030;
	border: 0px solid #292030;
	margin-left: -15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.product-about {
	background-color: #292030;
	border: 0px solid #292030;
	padding: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.product-description {
	background-color: #292030;
	border: 0px solid #292030;
	padding: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/***************** PRODUCT LIST *****************/

.product-thumb {
	border: 0px dashed #dadada;
	margin-bottom: 20px;
	overflow: auto;
}

.product-thumb:hover {
	border: 0px dashed #dadada;
	margin-top: 0px;
	margin-bottom: 20px;
	overflow: auto;
}

.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	background: none;
	display: block;
}
.product-thumb .image a:hover {
	opacity: 1;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
	background-color: #292030;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.product-grid .product-thumb .image {
	float: none;
}

@media (min-width: 767px) {
.product-list .product-thumb .image {
	background-color: #292030;
	float: left;
	padding: 0 15px;
}
}

.product-thumb h4 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	color: #c2bfb9;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	padding-top: 30px;
}

.product-thumb .caption {
	padding: 0 20px;
	min-height: 100px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}


@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 70px;
	padding: 0 10px;
}
}

@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}

.product-grid .product-thumb .caption {
	min-height: 0;
}
}

.product-thumb .rating {
	padding-bottom: 10px;
	text-align: center;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}

h2.price {
	margin: 0;
}
.product-thumb .price {
	font-weight: 500;
	color: #c2bfb9;
	text-align: center;
	font-size: 16px;
}
.product-thumb .price-new {
	font-weight: 500;
	text-align: center;
	font-size: 16px;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
	text-align: center;
	font-weight: 500;
	font-size: 12px;
}
.product-thumb .price-tax {
	color: #999;
	font-weight: 500;
	font-size: 12px;
	display: block;
	text-align: center;
}

.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}

.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}

.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}

/*************** QTY, ADD TO CART **************/

#input-quantity {
	background-color: #312454;
	border: 0px solid #312454;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	color: #ffffff;
	width: 50px;
	height: 50px;
	float: left;
	line-height: 35px;
	margin-bottom: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#button-cart {
	background-color: #312454;
	border: 0px solid #312454;
	font-weight: 500;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	max-width: 75%;
	height: 50px;
	float: left;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	-webkit-transition:all .7s ease 0s;
	-moz-transition:all .7s ease 0s;
	-o-transition:all .7s ease 0s;
	transition:all .7s ease 0s;
}

#button-cart:hover {
	background-color: #f2ff59;
	border: 0px solid #f2ff59;
	color: #1f1927;
}

/** NEWSLETTER Mobile
============================================= **/

@media (max-width: 767px) {
.newsletter {
	background-color: #06131b;
	margin-top: 20px;
	width: 100%;
	height: 310px;
}

.newsletter-in {
	padding-top: 30px;
	width: 360px;
	height: 310px;
	margin: 0px auto;
}

.newsletter-text-in {
    margin-left: 10px;
    margin-right: 10px;
}

.newsletter-text1 {
	text-shadow: 0px 0px 0pt #ebebeb;
	font-weight: 400;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	height: 50px;
	margin-top: 0px;
}

.newsletter-text2 {
	text-shadow: 0px 0px 0pt #ebebeb;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	height: 70px;
	margin-top: 20px;
	padding: 0px 20px 0px 20px;
}

.newsletter-form {
	height: 60px;
	margin-left: 25px;
}

.newsletter-email {
	text-shadow: 1px 1px 0pt #ebebeb;
	background-color: #ffffff;
	border: 0px solid #ffffff;
	font-weight: 500;
	font-size: 14px;
	color: #666666;
	outline: none;
	width: 290px;
	height: 46px;
	float: left;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.newsletter-submit {
	background-color: #06131b;
	border: 0px solid #06131b;
	font-weight: 600;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	width: 290px;
	height: 46px;
	float: left;
	line-height: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition:all .7s ease 0s;
	-moz-transition:all .7s ease 0s;
	-o-transition:all .7s ease 0s;
	transition:all .7s ease 0s;
}

.newsletter-submit:hover {
	background-color: #0ba6bc;
	border: 0px solid #0ba6bc;
	color: #06131b;
}
}

/** NEWSLETTER
============================================= **/

@media (min-width: 768px) {
.newsletter {
	background-color: #1b2a31;
	width: 100%;
	height: 310px;
	margin-top: 30px;
}

.newsletter-in {
	padding-top: 35px;
	width: 1000px;
	height: 310px;
	margin: 0px auto;
}

.newsletter-text-in {
    margin-left: 10px;
    margin-right: 10px;
}

.newsletter-text1 {
	text-shadow: 0px 0px 0pt #ebebeb;
	font-weight: 400;
	font-size: 30px;
	text-align: center;
	color: #ffffff;
	height: 55px;
	margin-top: 20px;
}

.newsletter-text2 {
	text-shadow: 0px 0px 0pt #ebebeb;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	height: 70px;
	margin-top: 10px;
}

.newsletter-form {
	height: 46px;
	margin-left: 265px;
}

.newsletter-email {
	text-shadow: 1px 1px 0pt #ebebeb;
	background-color: #ffffff;
	border: 0px solid #ffffff;
	font-weight: 500;
	font-size: 14px;
	color: #666666;
	outline: none;
	width: 408px;
	height: 46px;
	float: left;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	margin-right: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.newsletter-submit {
	background-color: #06131b;
	border: 0px solid #06131b;
	font-weight: 600;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	width: 130px;
	height: 46px;
	float: left;
	line-height: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition:all .7s ease 0s;
	-moz-transition:all .7s ease 0s;
	-o-transition:all .7s ease 0s;
	transition:all .7s ease 0s;
}

.newsletter-submit:hover {
	background-color: #0ba6bc;
	border: 0px solid #0ba6bc;
	color: #06131b;
}
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/********************* Review *********************/

.review-card {
	display: flex;
	gap: 20px;
	color: #696969;
	border: 0px solid #dddddd;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 15px;
	background-color: #33293a;
	position: relative;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
}

.review-left {
	min-width: 180px;
	border-right: 1px solid #1f1927;
}

.review-badge {
	font-size: 12px;
 	font-weight: 400;
	color: #52ab6b; /* žalias atspalvis, gali pasikeisti */
	margin-bottom: 0px;
}

.review-author {
 	font-weight: 500;
	font-size: 16px;
}

.review-right {
	flex: 1;
}

.review-rating {
	color: #f0ad4e;
	margin-bottom: 10px;
	font-size: 14px;
}

.review-text {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.review-date {
	text-align: right;
	font-size: 12px;
	color: #888;
}

/************* Custom Shopping Cart Page Styles ****************/

.cart-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 15px;
}

.cart-items {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.cart-item {
	margin-top: 5px;
	display: flex;
	align-items: flex-start;
	border: 0px solid #ececec;
	border-radius: 6px;
	padding: 15px;
	background: #292030;
}

.item-image img {
	max-width: 100px;
	border-radius: 6px;
	border: 0px solid #1f1927;
}

.item-details {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr auto auto;
	grid-template-rows: auto;
	gap: 10px;
	align-items: center;
	margin-left: 15px;
}

.item-name {
	grid-column: 1 / 2;
	font-weight: 600;
	font-size: 16px;
	padding-top: 0px;
}

.option {
	font-weight: 600;
	font-size: 16px;
	color: #c2bfb9;
}

.item-quantity {
	grid-column: 2 / 3;
	margin-right: 50px;
	padding-top: 30px;
}

.item-price,
.item-total {
	grid-column: 3 / 4;
	margin-right: 50px;
	padding-top: 5px;
	font-weight: 600;
	font-size: 16px;
	color: #c2bfb9;
	text-align: right;
}

.quantity-wrapper {
	display: flex;
	align-items: center;
	gap: 5px;
}

.qty-btn {
	width: 36px;
	height: 36px;
	background: #1f1927;
	border: 0px solid #1f1927;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
}

.qty-btn:hover {
	width: 36px;
	height: 36px;
	background: #1f1927;
	border: 0px solid #1f1927;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
}

.qty-input {
	background: #1f1927;
	width: 55px;
	height: 36px;
	text-align: center;
	border: 1px solid #1f1927;
	border-radius: 6px;
}

.remove-btn {
	display: inline-block;
	margin-top: 5px;
	font-size: 12px;
	color: #c00;
	background: none;
	border: none;
	cursor: pointer;
}

.cart-summary {
	margin-left: auto;
	max-width: 330px;
	padding: 20px;
	border: 0px solid #292030;
	border-radius: 6px;
	background: #292030;
}

.summary-row {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	font-weight: 600;
	font-size: 16px;
	color: #c2bfb9;
}

.summary-row .label {
	font-weight: 600;
	font-size: 14px;
	color: #c2bfb9;
}

.summary-row .value {
	font-weight: 600;
	font-size: 14px;
	color: #c2bfb9;
}

.cart-coupon {
	margin: 10px;
	padding: 0px;
	border: 0px solid #1f1927;
	border-radius: 6px;
	max-width: 300px;
}

.coupon-inner {
	display: flex;
	gap: 10px;
}

.coupon-input {
	background: #1f1927;
	font-weight: 400;
	font-size: 12px;
	flex: 0; 
	width: auto;
	min-width: 170px;
	padding: 8px 10px;
	border: 2px solid #1f1927;
	border-radius: 4px;
}

/********************* TikTok Mobile *********************/

@media (max-width: 768px) {
.bg_none {
	background-image: url(../image/none.png);
	background-position: top center;
	position: absolute;
	top: 80%;
	left: 10%;
	width: 500px;
	height: 36px;
	z-index: 999999;
}

.bg_height {
	text-shadow: 0px 0px 0pt #000000;
	color: #ffffff;
	width: 100%;
	min-height: 450px;
}
}

/********************* TikTok Desktop *********************/

@media (min-width: 768px) {
.bg_none {
	background-image: url(../image/none.png);
	background-position: top center;
	position: absolute;
	top: 82%;
	left: 45%;
	width: 500px;
	height: 36px;
	z-index: 999999;
}

.bg_height {
	text-shadow: 0px 0px 0pt #000000;
	color: #ffffff;
	width: 100%;
	min-height: 450px;
}
}

/********************* Contact form *********************/

.contact-box {
	background: #292030;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	margin-bottom: 30px;
}

.contact-box-inner {
	display: flex;
	align-items: flex-start;   /* kad adresas prasidėtų viršuje */
	gap: 30px;                 /* tarpas tarp logo ir adreso */
	margin-bottom: 25px;
}

.contact-logo img {
	text-align: left;
}

.contact-details,
.contact-phone {
	font-size: 14px;
	color: #c2bfb9;
}

.contact-form legend {
	margin-bottom: 14px;
	font-weight: 400;
}

.contact-form .form-group {
	margin-bottom: 20px;
}

/* Bendras stilius įvedimo laukams ir textarea */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
	background-color: #292030;   /* šviesiai pilkas fonas (pakeisk pagal PSD) */
	border: 2px solid #312453;   /* šviesiai pilkas rėmelis */
	border-radius: 6px;          /* užapvalinti kampai */
	padding: 15px 15px;
  	font-weight: 400;
	width: 100%;
	font-size: 14px;
	color: #c2bfb9;
	transition: all 0.2s ease-in-out;
	line-height: 1.4;
}

/* Fokusavimo efektas */
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus {
	background-color: #292030;         /* baltas fonas kai aktyvus */
	border: 2px solid #f2ff59;          /* mėlyna rėmelio spalva (pakeisk pagal PSD) */
	box-shadow: 0 0 6px rgba(60,141,188,0.2); /* subtilus glow */
	outline: none;
}

/* Etiketės */
.contact-form label {
	font-weight: 400;
	color: #c2bfb9;
}

/* Teksto klaidoms */
.contact-form .text-danger {
	color: #c2bfb9;
	margin-top: 5px;
	display: block;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: #c2bfb9; /* šviesiai pilkas tekstas placeholder'iams */
	font-weight: 300;
}