@charset "utf-8";

/*
Author: Focus Style
Author URI: https://focus.style
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
:focus {outline: 0 !important;}

/* ----- general ----- */
body {font-family: 'Roboto', sans-serif; font-size: 14px; color: #282828; width:100%; 
/*height:100%;*/  overflow-x: hidden; overflow-y: scroll; font-weight: 400; line-height: 1.5;}
html {height: 100%; margin-right: 0 !important;} 
body {position: relative; min-height: 100%; margin: 0;}

input, textarea {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #6d6e71; -webkit-border-radius: 4px; border-radius: 4px; border: none; background: #eee; -webkit-box-shadow: none; box-shadow: none; border-top: 2px solid #d6d6d6;}
input[type=text] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:focus, textarea:focus {border-color: #e8c952; background: #f5eee1;}
.form-control {height: 36px;}
.form-control:focus {border-color: #e8c952; background: #f5eee1; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
::-webkit-input-placeholder {font-size:14px; color:#6d6e71; opacity:1;}
::-moz-placeholder {font-size:14px; color:#6d6e71; opacity:1;}
:-moz-placeholder {font-size:14px; color:#6d6e71; opacity:1;}
:-ms-input-placeholder {font-size:14px; color:#6d6e71; opacity:1;}
img {border:0;}
h1, h2, h3, h4, h5, h6 {color: #282828; margin-top: 0; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700;}

/* default font size */
.fa {font-size: 14px;}

/* Override the bootstrap defaults */
h1 {font-size: 28px;  
/* text-align: center;*/ margin: 0px 0 20px 0;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
a {color: #ff9600;}
a:focus, a:hover {color: #2d148c; text-decoration: none;}
legend {font-size: 18px; padding: 7px 0px}
label {font-size: 12px; 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 {color: #6d6e71; background-color: #eee; background-image: none; -webkit-box-shadow: none; box-shadow: none; background: #eee; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d6d6d6; font-size: 14px;}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {font-size: 14px;}
.input-group .input-group-addon {font-size: 14px; height: 30px; color: #fff; text-align: center; background-color: #b5b5b5; border: 1px solid #b5b5b5;}
.input-group.input-group-sm .input-group-addon {font-size: 12px;}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline-block;}

.nav-tabs {margin-bottom: 15px;}
div.required .control-label:before {content: '* '; color: #F00; font-weight: bold;}
button, input, textarea, a, a:before, a:after, #cart, .top-block, #logo img {-webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.nowrap {white-space: nowrap;}

/* Gradent to all drop down menus */
.dropdown-menu {min-width: 138px; box-sizing: border-box; padding: 10px; margin: 0 0 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; border: none; border-radius: 4px; -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.2); box-shadow: 0 0px 10px rgba(0,0,0,0.2);}
.dropdown-menu > li > a {display: block; padding: 5px 0; clear: both; font-weight: 400; line-height: 1.2; color: #333; white-space: nowrap;}
.dropdown-menu li > a:hover {text-decoration: none; color: #ff9600; background: none;}

/* top */
#top {width: 100%; height: 80px; position: relative; z-index: 1; background: #1f1f1f;}

/* header */
#header {height: 80px; background: #1f1f1f; background: -moz-linear-gradient(top, #1f1f1f 0%, #282828 35%, #282828 65%, #1f1f1f 100%); background: -webkit-linear-gradient(top, #1f1f1f 0%,#282828 35%,#282828 65%,#1f1f1f 100%); background: linear-gradient(to bottom, #1f1f1f 0%,#282828 35%,#282828 65%,#1f1f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 ); position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
#header .container {height: 100%; position: relative; text-align: right;}

/* logo */
#logo {display: block; position: absolute; bottom: 0px; left: 15px; font-size: 0;}
#logo img {width: auto; height: 80px;}

/* top-block */
.top-block {display: inline-block; margin: 27px 0 0 20px; position: relative; vertical-align: top;}
.top-block > button {border: 0; background: none; box-shadow: none; border-radius: 0; text-align: right; position: relative; padding: 0; margin: 0; display: inline-block; vertical-align: top;}
.top-block i {background: linear-gradient(45deg, #e98700, #fec12c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.top-block i:first-child {font-size: 30px; line-height: 1; margin-right: 5px; color: #FFF; display: inline-block; vertical-align: top;}
.top-block span.orangecircle {display: none; background: rgb(255,125,9); background: -moz-linear-gradient(top, rgba(255,125,9,1) 0%, rgba(255,218,1,1) 100%); background: -webkit-linear-gradient(top, rgba(255,125,9,1) 0%,rgba(255,218,1,1) 100%); background: linear-gradient(to bottom, rgba(255,125,9,1) 0%,rgba(255,218,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d09', endColorstr='#ffda01',GradientType=0 ); padding: 2px; border-radius: 100px; color: #000; position: absolute; top: 0px; right: 0px; font-weight: 400; font-size: 10px; line-height: 10px; min-width: 14px; height: 14px; text-align: center; box-sizing: border-box;}
.top-block span.orangecircle.show {display: inline-block;}
.top-block i.icon-arrow-down {color: #ffd402; font-size: 10px; display: inline-block; vertical-align: top; margin: 9px 0 0 5px;}

/* search */
#search {background: #e7dfd3; border-radius: 6px; padding: 3px; margin-top: -3px;}
#search i {height: 24px; font-size: 24px; background: linear-gradient(45deg, #282828, #282828); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
#search > input {font-size: 14px; color: #282828; line-height: 1; padding: 4px 5px; border: none; box-shadow: none; background: rgba(74,74,74,0.0); width: 222px; border-radius: 4px;}
#search > input::-webkit-input-placeholder {font-size:14px; color:#282828; opacity:1;}
#search > input::-moz-placeholder {font-size:14px; color:#282828; opacity:1;}
#search > input:-moz-placeholder {font-size:14px; color:#282828; opacity:1;}
#search > input:-ms-input-placeholder {font-size:14px; color:#282828; opacity:1;}
#search > button {border: 0; background: none; box-shadow: none; border-radius: 0; text-align: right; position: relative; padding: 0; margin: 0; display: inline-block; vertical-align: top;}

#top-phone > button span {font-family: 'Roboto Condensed', sans-serif; font-size: 24px; color: #fff; font-weight: 300; line-height: 1.2; vertical-align: top;}
#top-phone a {font-family: 'Roboto Condensed', sans-serif; font-size: 24px; color: #fff; font-weight: 300; line-height: 1.2; vertical-align: top; text-decoration: none;}
#top-phone .dropdown-menu {text-align: right; padding-right: 15px;}
#top-phone .dropdown-menu a {color: #333;} 
#top-phone .dropdown-menu a:hover {color: #ff9600;}

#top-callback a > span {vertical-align: top; color: #fff; font-size: 14px; margin: 7px 0 0 0; display: inline-block; line-height: 1;}

#top-user button > span {vertical-align: top; color: #fff; font-size: 14px; margin: 7px 0 0 0; display: inline-block; line-height: 1;}

#form-language button > span {vertical-align: top; color: #fff; font-size: 14px; margin: 7px 0 0 0; display: inline-block; line-height: 1;}

#form-language .dropdown-menu button {color: #333; font-weight: normal; font-size: 18px; text-decoration: none;} 
#form-language .dropdown-menu button:hover {color: #ff9600;}


/* cart */
#cart {display: inline-block; margin: 27px 0 0 20px; position: relative;}
#cart > button {border: 0; background: none; box-shadow: none; border-radius: 0; text-align: right; position: relative; padding: 0; margin: 0;}
#cart > button i {font-size: 30px; line-height: 1; margin-right: 5px; color: #FFF; display: inline-block; background: linear-gradient(45deg, #e98700, #fec12c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
#cart > button span#cart-total {display: none; background: #fff; padding: 2px; border-radius: 100px; color: #000; position: absolute; top: -3px; right: 4px; font-weight: 400; font-size: 10px; line-height: 10px; min-width: 14px; height: 14px; text-align: center; box-sizing: border-box;}
#cart > button span#cart-total.show {display: inline-block;}
/* #cart.open > button {}
#cart.open > button:hover {} */
#cart .dropdown-menu {background: #fff; z-index: 1001; border: none; border-radius: 4px; -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.2); box-shadow: 0 0px 10px rgba(0,0,0,0.2); width: 420px;}
@media (max-width: 478px) {#cart .dropdown-menu {	width: 310px; 	right: -45px; }}
#cart .dropdown-menu table {margin-bottom: 10px;}
#cart .dropdown-menu li p {margin: 20px 0;}

#header.sticks {height: 55px;}
/* #header.sticks #logo {} */
#header.sticks #logo img {height: 55px;}
#header.sticks .top-block {margin: 13px 0 0 20px;}
#header.sticks #search {margin-top: -1px;}
#header.sticks #cart {margin: 13px 0 0 20px;}



/* menu */
.topmenu {background-color: rgba(255, 255, 255, 0.8); position: relative; top: 0; left: 0; width: 100%; z-index: 11; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px;}
.common-home .topmenu {border-bottom: none; margin-bottom: 0px;}

#menu {background: none; min-height: 50px; border: 0; margin-bottom: 0; margin-left: -30px; margin-right: -30px;}
#menu .nav > li > a {color: #010101; text-shadow: none; padding: 15px 15px 14px 15px; min-height: 15px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.2;}
#menu .nav > li > a:hover, #menu .nav > li.open > a {background-color: rgba(0, 0, 0, 0.1);}
#menu .dropdown-menu {padding-bottom: 0;}
#menu .dropdown-inner {display: table;}
#menu .dropdown-inner ul {display: table-cell;}
#menu .dropdown-inner a {min-width: 160px; display: block; padding: 3px 20px; clear: both; line-height: 20px; color: #333333; font-size: 12px;}
#menu .dropdown-inner li a:hover {color: #FFFFFF;}
#menu .see-all {display: block; margin-top: 0.5em; border-top: 1px solid #DDD; padding: 3px 20px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 3px 3px; font-size: 12px;}
#menu .see-all:hover, #menu .see-all:focus {text-decoration: none; color: #ffffff; background-color: #229ac8; background-image: linear-gradient(to bottom, #ff9600, #1f90bb); background-repeat: repeat-x;}
#menu #category {float: left; padding-left: 15px; font-size: 16px; font-weight: 700; line-height: 40px; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
#menu .btn-navbar {font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 18px; float: right; background-color: #229ac8; background-image: linear-gradient(to bottom, #ff9600, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a;}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {color: #ffffff; background-color: #229ac8;}
@media (min-width: 768px) {#menu .dropdown:hover .dropdown-menu {	display: block; }}
@media (max-width: 767px) {#menu {	border-radius: 4px; } #menu div.dropdown-inner > ul.list-unstyled {	display: block; } #menu div.dropdown-menu {	margin-left: 0 !important; 	padding-bottom: 10px; 	background-color: rgba(0, 0, 0, 0.1); } #menu .dropdown-inner {	display: block; } #menu .dropdown-inner a {	width: 100%; 	color: #fff; } #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover {	background: rgba(0, 0, 0, 0.1); } #menu .see-all {	margin-top: 0; 	border: none; 	border-radius: 0; 	color: #fff; }}




/* content */
#content {min-height: 600px;}
/* #column-left, #column-right {} */

/* footer */
footer {margin-top: 30px; padding: 15px 0 15px 0; background: #1f1f1f; background: -moz-linear-gradient(top, #1f1f1f 0%, #282828 35%, #282828 65%, #1f1f1f 100%); background: -webkit-linear-gradient(top, #1f1f1f 0%,#282828 35%,#282828 65%,#1f1f1f 100%); background: linear-gradient(to bottom, #1f1f1f 0%,#282828 35%,#282828 65%,#1f1f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 ); color: #fff;}
footer a {color: #fff;}
footer a:hover {color: #ff9600;}
footer h5 {color: #fff; font-size: 18px; font-weight: 700; line-height: 1.2; margin-top: 15px;}
footer i {font-size: 30px; background: linear-gradient(45deg, #e98700, #fec12c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
footer li {margin-bottom: 3px;}
footer .bottom-cont {margin-bottom: 8px;}
footer .bottom-cont i  {display: inline-block; margin: 3px 7px 0 0; line-height: 1; vertical-align: middle;}
footer .bottom-cont div {list-style: none; display: inline-block; margin: 0; padding: 0; vertical-align: middle; line-height: 1.3; text-align: left;}
footer .bottom-cont > a, footer .bottom-cont address {list-style: none; display: inline-block; margin: 0px 0 0 0; padding: 0; vertical-align: top; line-height: 1.3; text-align: left; vertical-align: middle;}
footer .bottom-soslials {margin-bottom: 5px;}
footer .bottom-cont > a i {font-size: 30px;}

.bottom {background: #0f0f0f; padding: 30px 0; color: #fff; font-size: 16px;}


/* alert */
.alert {padding: 15px; position: fixed; top: 0; left: 0; right: 0; border: none; z-index: 9999; border-radius: 0; min-height: 55px;}

/* breadcrumb */
.breadcrumb {margin: 0; padding: 0; border: none; background: none;}
.breadcrumb i {font-size: 15px;}
.breadcrumb > li {color: #fff; padding: 0 20px 0 0; position: relative;}
.breadcrumb > li:last-child {display: none;}
.breadcrumb > li + li:before {content: ''; padding: 0;}
.breadcrumb > li:after {content: ''; display: block; position: absolute; top: 7px; right: 6px; width: 6px; height: 6px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.breadcrumb > li a {font-weight: 400; color: #5f5f5f; font-size: 12px;}
.pagination {margin: 0;}
.pagination>li {display: inline-block; margin: 0 6px 6px 0;}
.pagination>li>a, .pagination>li>span {
position: relative; float: none; padding: 0; display: block; text-align: center; margin-left: 0; line-height: 28px; box-sizing: border-box; min-width: 28px; color: #333333; text-decoration: none; background-color: #f5f5f5; border: 0; border-radius: 40px !important; -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.5); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.5);}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2; color: #fff; cursor: default; background-color: #ff9600; border-color: #ff9600;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index: 3; color: #ff9600; background-color: #fff5ed; border-color: #ff9600;}

/* buttons */
.buttons {margin: 1em 0;}

.btn {border: 0; box-shadow: none; border-radius: 4px; background: #ff9600; border: 1px solid #ff9600; font-family: 'Roboto Condensed', sans-serif; color: #fff; line-height: 1; font-size: 14px; font-weight: bold; text-align: center; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; padding: 10px 12px; margin: 0 0 0 0; -webkit-transition: 0.0s ease; -moz-transition: 0.0s ease; -o-transition: 0.0s ease; transition: 0.0s ease;}
.btn:hover {background: #ff9600; border: 1px solid #ff9600; opacity: 0.9;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
.btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary  {background: #ff9600; border: 1px solid #ff9600; opacity: 0.9;}

.btn-link:hover {background: none; border: 1px solid transparent; opacity: 1;}

.btn-xs {font-size: 9px;}
.btn-sm {font-size: 10px;}
.btn-lg {padding: 10px 16px; font-size: 18px;}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {font-size: 14px;}
.btn-group > .btn-xs {font-size: 9px;}
.btn-group > .btn-sm {font-size: 10px;}
.btn-group > .btn-lg {font-size: 18px;}

.btn-secondary {background: #57b700; border: 1px solid #57b700; color: #fff !important;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary[disabled] {background: #57b700; border: 1px solid #57b700; color: #fff; opacity: 0.9; -webkit-box-shadow: none; box-shadow: none;}

.btn-default {background: #fff; border: 1px solid #ff9600; color: #ff9600;}
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] {background: #fff; border: 1px solid #ff9600; color: #ff9600; opacity: 0.9; -webkit-box-shadow: none; box-shadow: none;}

.btn-danger {background: rgb(255,26,9); border: 1px solid rgb(255,26,9); color: #fff;}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {background: rgb(255,26,9); border: 1px solid rgb(255,26,9); opacity: 0.9; -webkit-box-shadow: none; box-shadow: none;}

/* .btn-success {}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {} */

.btn-info {background: rgb(196,196,196); border: 1px solid rgb(196,196,196); color: #333;	}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {background: rgb(196,196,196); border: 1px solid rgb(196,196,196); opacity: 0.9; -webkit-box-shadow: none; box-shadow: none;}

.btn-link {border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #ff9600; border-radius: 0;}
.btn-link, .btn-link:active, .btn-link[disabled] {background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none;}
.btn-inverse {color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000;}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111);}

/* list group */
.list-group a {border: 1px solid #DDDDDD; color: #888888; padding: 8px 12px;}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {color: #444444; background: #eeeeee; border: 1px solid #DDDDDD; text-shadow: 0 1px 0 #FFF;}


/* carousel */
.carousel-caption {color: #FFFFFF; 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;}

/* product list */
.product-layout {min-height: 438px;}
.product-list {min-height: 200px;}
@media (max-width: 768px) {.product-list {	min-height: 438px; }}
.product-thumb {margin-bottom: 20px; 
/*overflow: auto;*/ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.0); box-shadow: 0 0 10px 0 rgba(0,0,0,0.0); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; padding: 15px 0; -webkit-border-radius: 4px; border-radius: 4px; background: #fff;}
@media (min-width: 769px) {.product-list .product-thumb {	margin-bottom: 0px; 	padding: 30px 0; 	-webkit-border-radius: 0px; 	border-radius: 0px; 	border-bottom: 1px solid #eee; }}
@media (max-width: 768px) {.product-thumb {	border-bottom: 1px solid #eee; 	-webkit-border-radius: 0px; 	border-radius: 0px; }}
.product-thumb .image {text-align: center; margin-bottom: 10px;}
.product-thumb .image a {display: block;}
.product-thumb .image img {margin-left: auto; margin-right: auto;}
@media (min-width: 769px) {.product-list .product-thumb .image {	float: left; 	padding: 0 15px; }}
.product-thumb .caption {padding: 0px 10px; text-align: center;}
@media (min-width: 769px) {.product-list .product-thumb .caption {	margin-left: 248px; 	text-align: left; }}
.product-thumb h4 {font-size: 16px; line-height: 1.2; margin-bottom: 0px; position: relative; height: 52px; overflow: hidden; text-transform: none; font-family: 'Roboto', sans-serif;}
.product-thumb h4:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; z-index: 2; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
@media (min-width: 769px) {.product-list .product-thumb h4 {	height: auto; } .product-list .product-thumb h4:after {	display: none; }}
.product-thumb h4 a {color: #6765b1; font-size: 18px; font-weight: 400;}
.product-thumb h4 a:hover {color: #ff9600;}
.product-thumb .rating {display: none;}
.product-thumb .price {font-family: 'Roboto Condensed', sans-serif; font-size: 24px; color: #282828; font-weight: bold; margin-bottom: 10px; line-height: 1.2; height: 28px; overflow: hidden;}
.product-thumb .price-new {color: #ea3800;}
.product-thumb .price-old {color: #999; text-decoration: line-through; margin-left: 10px; font-weight: 300;}
.product-thumb .button-group {overflow: auto; text-align: center; font-size: 0;}
@media (min-width: 769px) {.product-list .product-thumb .button-group {	text-align: left; }}
.product-thumb .button-group button {background: #ff9600; border-radius: 4px; border: 1px solid #ff9600; display: inline-block; font-family: 'Roboto Condensed', sans-serif; color: #fff; line-height: 36px; font-size: 18px; font-weight: bold; text-align: center; -webkit-box-shadow: none; box-shadow: none; padding: 0 10px; margin: 0 3px 0 2px; -webkit-transition: 0.0s ease; -moz-transition: 0.0s ease; -o-transition: 0.0s ease; transition: 0.0s ease;}
.product-thumb .button-group button + button {padding: 0 9px; background: #fff; color: #ff9600;}
.product-thumb .button-group button:hover {opacity: 0.9;}
.product-thumb button i {vertical-align: middle;}
.product-thumb button i:before {font-size: 24px; font-family: "evrosvet" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.product-thumb button i.fa-shopping-cart:before {content: "\61";}
.product-thumb button i.fa-heart:before {content: "\68";}
.product-thumb button i.fa-exchange:before {content: "\73";}
.product-thumb .attributes {display: none; text-align: left; font-size: 12px; /*border: 1px solid #eee; border-collapse: collapse;*/ margin: 20px 10px 0 10px;}
@media (min-width: 769px) {.product-list .product-thumb .attributes {	display: block; }}
.product-thumb .attributes td {padding: 2px 5px; vertical-align: top;}
.product-thumb .attributes td:first-child {font-weight: 600;}
.product-thumb .attributes tr:nth-child(even) td {background: #f7f7f7;}

.product-list .attributes td {border-top: 1px solid #eee;}
.product-list .attributes tr:nth-child(even) td {background: #fff;}
@media (max-width: 768px)  {.product-list .attributes td {	border-top: none; } .product-list .attributes tr:nth-child(even) td {	background: #f7f7f7; }}

.product-list:hover {margin-top: -1px; border-top: 1px solid #fff;}
.product-thumb:hover {-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); position: absolute; top: 0; left: 15px; right: 15px; z-index: 10;}
@media (min-width: 769px) {.product-list .product-thumb:hover {	position: relative; 	left: 0px; 	right: 0px; 	border-bottom: 1px solid #fff; 	-webkit-border-radius: 4px; 	border-radius: 4px; }}

.product-thumb:hover  .image a{opacity: 0.8;}
.product-thumb:hover  .attributes {display: block;}


.thumbnail {display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #eee; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {border-color: #6765b1;}
.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: 5px; display: block; border: 1px solid #eee;}
.image-additional a:hover {border-color: #6765b1;}
.image-additional {max-width: 78px;}
.thumbnails .image-additional {float: left; margin-left: 20px;}
.product-info strong {font-weight: 700;}
.fa-stack {padding: 0; margin: 0; width: 1em; height: 1em; line-height: 1em;}
.price-block h2 {display: inline-block; color: #282828; margin: 10px 0; font-family: 'Roboto Condensed', sans-serif; text-transform: none;}
.price-block h2.new-price {color: #ea3800;}
.price-block .old-price {color: #999; text-decoration: line-through; margin-left: 10px; font-weight: 300;}
#product {font-size: 0;}
#product .inline-block {width: 140px; display: inline-block; margin-right: 5px; margin-bottom: 15px;}
#product .form-group {margin-bottom: 0;}
#product .form-control {height: 38px;}
#product button {font-size: 18px; line-height: 36px; padding: 0 12px; vertical-align: top; margin-right: 5px; margin-bottom: 15px;}
#product button i {vertical-align: middle; line-height: 14px; display: inline-block;}
#product button i:before {font-size: 20px; line-height: 1;}
/* #product #button-cart {} */

/* .table-specification {} */
.table-specification td {border-top: none !important; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.table-specification tr:nth-child(even) td {background: #f7f7f7;}
.table-specification tr:nth-child(odd) td {background: #fff;}
.table-specification td:nth-child(1) {width: 40%; font-weight: 600;}
.table-specification tr:hover td {background: #ffedde;}

.nav-tabs {border-bottom: 1px solid #eee;}
.nav-tabs>li>a {margin-right: 2px; line-height: 1.5; border: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 18px; border-bottom: 1px solid transparent;}
.nav-tabs>li>a:hover {border-bottom: 1px solid transparent; background-color: rgba(255, 255, 255, 0);}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #000; cursor: default; background-color: rgba(255, 255, 255, 0); border: 0;   border-bottom: 1px solid #ff9600;}

@media (min-width: 1200px) {#content .col-lg-2:nth-child(6n+1), #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-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-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: 30px;}


/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {background-image: none; background-color: #df5c39;}



.owl-wrapper-outer {border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}


/* royalSlider */
.royalSlider {width: 100%; height: 420px; z-index: 2; background: #fff; margin-bottom: 30px;}
.royalSlider h2 {font-size: 48px; font-family: 'PT Sans Narrow', sans-serif; text-shadow: 2px 2px 0 rgba(0,0,0,0.2); color: #fff; text-transform: uppercase; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; padding: 10px 0; display: none;}
.royalSlider h2:after {content: ''; width: 124px; height: 3px; position: absolute; left: 50%; bottom: 0; margin-left: -62px; background: #f9e937; -webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2); box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);}

.common-home h3 {font-size: 28px; color: #000; font-weight: 700; margin: 20px 0 20px 0;}


/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
	#content .col-lg-15:nth-child(5n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-lg-15:nth-child(5n+1){
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-lg-15:nth-child(5n+1){
		clear:left;
	}
}


/* description */
.description {text-align: justify; margin-bottom: 15px;}
.description p {margin-bottom: 15px;}
.description ul, .description ol {margin-bottom: 15px;}
.description ul li {list-style: circle inside; padding-left: 15px;}
.description ol li {list-style: decimal inside; padding-left: 15px;}
.description strong, .description b {font-weight: bold;}
.description em {font-style: italic;}
.description img {height: auto !important; max-width:100%}
.description img.right, .description  img.alignright {float: right; margin: 0 0 15px 15px;}
.description img.left, .description img.alignleft {float: left; margin: 0 15px 15px 0;}
.description img.center, .description img.aligncenter  {display: block; margin: 0 auto 15px auto;}
.description img.roundcorners {-webkit-border-radius: 8px; border-radius: 8px;}
.description hr {border: 0px; border-top: 1px solid #eee; clear: both;}
.description table {border: 1px solid #eee; border-collapse: collapse;}
.description td, .description th {border: 1px solid #eee; padding: 5px; vertical-align: top;}
.description table.va-middle {vertical-align: middle;} 
.description table.va-middle td, .description table.va-middle th {vertical-align: middle;} 

/* .categories-block {} */
.categories-block > div {margin-bottom: 30px; text-align: center;}
.categories-block > div a h4 {-webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.categories-block > div a:hover h4 {color: #ff9600;}

#supermenu .menu-info .supermenu-left a {font-size: 14px; margin-bottom: 2px; display: block;}
#payment_method .alert {position: initial;}

.clear {clear: both;}

a.scrolltop {width: 40px; height: 40px; padding: 8px; box-sizing: border-box; text-align: center; background: #ff9600; color: #fff; text-decoration: none; position: fixed; bottom: 23px; right: 23px; display: none; font-size: 18px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 22px;}
a.scrolltop:hover {opacity: 0.9;}
a.scrolltop i {font-size: 18px;}





/* #Screen < 1200 MD ================================================== */
@media (max-width: 1200px) {
#search > input {width: 200px;}
#supermenu ul li a.tll {padding: 15px 8px 14px 8px; font-size: 16px;}
.royalSlider {height: 400px;}
.royalSlider h2 {font-size: 40px;}


}


/* #Screen < 992 SM ================================================== */
@media (max-width: 992px) {
.topmenu {background-color: rgba(255, 255, 255, 1.0);}
#supermenu ul li div.bigdiv {-webkit-box-shadow: none; box-shadow: none;}
#supermenu ul li.tlli:last-child {float: none;}

h1, h2.box-header {font-size: 28px;}
h2 {font-size: 22px;}
h3 {font-size: 18px; font-weight: 600;}

.royalSlider {height: 320px;}
.royalSlider h2 {font-size: 30px;}


}



/* #Screen < 768 XS ================================================== */
@media (max-width: 768px) {
#top {height: 55px;}
#header {height: 55px; right: 60px; width: auto;}
#header .container {padding-right: 0;}
/* #header #logo {} */
#header #logo img {height: 55px;}
#header  .top-block{margin: 13px 0 0 12px;}
#header #cart {margin: 13px 0 0 12px;}
.topmenu {position: fixed; top: 0; z-index: 998;}
.topmenu .container {padding-right: 0; padding-left: 0;}
#supermenu.respsmall a.mobile-trigger {height: 55px; background: -moz-linear-gradient(top, #1f1f1f 0%, #282828 35%, #282828 65%, #1f1f1f 100%); background: -webkit-linear-gradient(top, #1f1f1f 0%,#282828 35%,#282828 65%,#1f1f1f 100%); background: linear-gradient(to bottom, #1f1f1f 0%,#282828 35%,#282828 65%,#1f1f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 ); color: #fff;}
#supermenu.respsmall a.mobile-trigger:before {right: 15px; top: 13px; background: linear-gradient(45deg, #e98700, #fec12c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.pagination {text-align: center;}
a.scrolltop {bottom: 10px; right: 10px;}
.royalSlider {height: 250px;}
.royalSlider h2 {font-size: 20px;}

}


/* #Screen < 600 ================================================== */
@media (max-width: 600px) {
.royalSlider {height: 230px;}
}


/* #Screen < 510 ================================================== */
@media (max-width: 510px) {


#header .top-block, #header #cart {margin: 16px 0 0 12px;}
.top-block i:first-child, #cart > button i {font-size: 28px;}
#supermenu.respsmall a.mobile-trigger:before {font-size: 28px; top: 15px;}

#top-phone, #top-callback {display: none;}
h1, h2.box-header {font-size: 24px; font-weight: 600;}
h2 {font-size: 18px; font-weight: 600;}
h3 {font-size: 16px; font-weight: 600;}
h4 {font-size: 14px; font-weight: 600;}

.royalSlider {height: 200px;}
}


/* #Screen < 340 ================================================== */
@media (max-width: 400px) {
#header {right: 50px;}

#header #logo img, #header.sticks #logo img {width: 140px;}
#header .top-block, #header #cart {margin: 17px 0 0 7px;}
.top-block i:first-child, #cart > button i {font-size: 24px;}
#supermenu.respsmall a.mobile-trigger:before {font-size: 24px; top: 16px;}
}

@media (max-width: 374px) {
    #logo {left: 0;}
    #header #logo img, #header.sticks #logo img {width: 100px;}    
}