html {overflow-y: scroll;}
body {font-family: 'Montserrat', sans-serif; color: #FFF;}
h1, h2, h3, h4, h5, p, li {font-family: 'Montserrat', sans-serif;}
h2 {color: #00bfcb;}
h3 {color: #f07d00;}
h4 {color: #CCC;}
p {text-align: justify;}
input {box-sizing: initial;}
table, th, tr, td {border: 0;}
hr {margin: 0;}

a:visited {color: #00bfcb;}
a:link {color: #00bfcb; text-decoration: none;}
a:hover {color: #f07d00; text-decoration: underline;}
#wrapper a:hover {text-decoration: underline !important}

#wrapper {background: #FFF; padding-top: 10px; color: #333;}
#main {word-wrap: normal; min-width: 280px;}
#header {height: auto;}
#logo-place {}
#footer-wrapper {background: #353435; border-top: 5px solid #f07d00;}
#footer {background: none;}
#footer h4 {color: #00bfcb;}
#copyright {color: #ccc;}

.sp-slider-controllers {visibility: hidden; display: none;}

#footer .moduletable_menu {margin: 0 0 2em 0;}
#footer .nav li {color: #fff; margin: 0 6px; border-left: 1px solid white; padding-left: 6px;}

#top-bar {background: #00bfcb; color: #FFF; min-height: 30px; padding-top: 6px;}
#top-bar a:link, #top-bar a:visited {color: #FFF;}
.spacer {width: 24px; display: inline-block;}

#toggle {display: none;}
#introtxt {color: #f07d00; font-size: 18px; font-weight: bold;}
#introtxt span {font-size: 24px;}
/*
#navigation {background: #353435; text-align: center;}
#navigation a:link {height: 57px; padding-top: 17px; margin: 0 15px; border-bottom: 3px solid #353435; text-transform: uppercase;}
#navigation a:visited, #navigation a:link, #navigation a:active {color: #FFF; font-weight: bold; border-bottom: 3px solid #353435; text-decoration: none;}
#navigation a:hover {color: #00bfcb; background: #353435; border-bottom: 3px solid #f07d00;}
#navigation div {display: inline-block;}
*/
ul.breadcrumb li {color: #333;}
ul.breadcrumb>.active {color: #666;}
ul.breadcrumb li .pathway {color: #999;}
ul.breadcrumb li a.pathway:hover {color: #f07d00;}

.item-page ul {list-style: square inside url("../images/puce.png");}
aside, #main, #footer {}

.page-header {margin: 0; border: 0;}
.nav {margin-bottom: 0;}
.nav>li>a:hover, .nav>li>a:focus {background: none;}
.nav li {margin: 0; text-align: center; display: inline-block;}

.search {}
.search form {margin: 0;}
.search legend {font-size: 14px; color: #fff; font-weight: bold; padding: 0; margin: 0;}
.search fieldset {border: 1px solid #f07d00;}

.pagination {text-align: center; width: 100%}
.pagination ul>li>a, .pagination ul>li>span, .vm-pagination ul>li>a, .vm-pagination ul>li>span {background-color: #fff3e5;border: 1px solid #ffb15c; margin: 0 3px;}

.vm-pagination {margin: 25px auto;}
.vm-pagination ul li {display: inline-block;}

.moduletable h3 {text-align: center; color:#f07d00; font-weight: normal; font-size: 18px;}

.thumbnail {background: white; color: black;}
.custom-tripti {margin: 50px 0;}

.promomod .vmgroup {border: 1px solid #ddd; background: #FFF; border-radius: 5px; padding: 25px 15px 15px 15px;}
.promomod .product-container a:link, a:hover, a:visited {text-decoration: none;}

.ui.form .field>label {color: #FFF; !important}
.ui.message .list:not(.ui) {list-style:none; list-style-position:inherit;}

#jawnav li.item-211 a {padding: 12px; !important}

.contact #system-message .alert-message {color: #468847 !important; background-color: #dff0d8 !important; border-color: #d6e9c6 !important;}

/* START ESHOP STYLES */

#eshop-main-container hr {display: none;}

#eshop_products_filter_form .checkbox {color:#00bfcb;}
.eshop-product-price p {text-align: center;}
.eshop-product-price .price, .eshop-product-price .eshop-sale-price {
    background: #f07d00;
    color: white;
}

#productTabs {margin-top: 1em;}

#products-list .ajax-block-product {border:3px solid #ddd;}
#products-list .row-fluid {margin-bottom: 15px;}
#products-list .ajax-block-product .image {border: none;}

#products-list-container .ajax-block-product {border:3px solid #ddd;}
#products-list-container .row-fluid {margin-bottom: 15px;}
#products-list-container .ajax-block-product .image {border: none;}

.sortPagiBar {display: none;}

.eshop-info-block {padding: 10px 0;}
#products-list .eshop-image-block, #products-list .eshop-info-block {padding: inherit;}

/* STOP ESHOP STYLES */

/* START VM STYLES

.product {
	background: white;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding-right: 15px;
	padding-left: 15px;
	margin: 5px;
}
.product-price {
	padding: 15px;
	border: 1px dashed #f07d00;
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
}
.product .product-price {
	float: inherit;
	margin: 0 auto;
}
.product .product-price .ask-a-question {
	color: #FFFFFF;	
}
.product h2 a {
	font-size: 24px;
	color: #000;
}
.product h2 a:hover {
	font-size: 24px;
	color: #f07d00;
}
.product .product_s_desc {
	color: #000;
}
.browse-view .product {
	padding-top: 15px;
	padding-bottom: 15px;
}
.vm-col-3 {
	/*width: 32%;*//*
}
div.vm-details-button a, div.back-to-category a {
	border: 1px solid #f07d00;
	color: #FFF;
}
div.vm-details-button a:hover, div.back-to-category a:hover {
	border: 1px solid #FFF;
	color: #CCC;
}
.vm-product-descr-container-0 {
	color: #000;
}
.main-image {
	background: #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 35px 0;
}
.vm-pagination {
	float: inherit;
}
/*.vm-pagination ul {
	margin: 15px 0;
	padding: 0;
}*//*
.vm-page-counter {
	float: inherit;
}
.pagenav {
	border: 3px solid #f07d00;
	background: #000;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.manufacturer a img {border: 10px solid #f07d00;}

#techspecs {list-style: none;}
#techspecs li {line-height: 60px;}
#techspecs li img {margin-right: 15px;}

 END VM STYLES */

.blog .leading-0, .blog .item  { margin-bottom: 50px;}
#contact-form legend {
	font-size: 12px;
	color: #CCC;
}
#contact-form label {
	color: black;
}
#contact-form legend {
	display: none;
}
.form-actions {
	background: none;
	border: none;
}

/************************** DEFAULT BOOTSTRAP STYLES **************************/
 .btn {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: normal;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
     padding: 10px 16px;
}
 .btn-lg {
     font-size: 18px;
     line-height: 1.33;
     border-radius: 6px;
}
 .btn-primary {
     color: #fff;
     background-color: #428bca;
     border-color: #357ebd;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
     color: #fff;
     background-color: #3276b1;
     border-color: #285e8e;
}
/*********************** RAISED BUTTONS ************************/
 .btn-primary.raised {
     box-shadow: 0 3px 0 0 #007299;
}
 .btn-primary.raised:active, .btn-primary.raised.active {
     background: #33a6cc;
     box-shadow: none;
     margin-bottom: -3px;
     margin-top: 3px;
}
/*********************** CUSTOM BTN VALUES ************************/
 .btn {
     padding: 14px 24px;
     border: 0 none;
}
 .btn:focus, .btn:active:focus, .btn.active:focus {
     outline: 0 none;
}
 .btn-primary {
     background: #f07d00;
     color: #ffffff !important;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
     background: #0099CC;
}
 .btn-primary:active, .btn-primary.active {
     background: #007299;
     box-shadow: none;
}
 
/* FLIPPING TILES */
 .flipanel {
     margin: 0 auto;
     width: 280px;
     height: 280px;
     position: relative;
     font-size: .8em;
     -webkit-perspective: 600px;
     -moz-perspective: 600px;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
 .grid-3 a p {
    color: white;
}
 .flipanel .front {
     position: absolute;
     top: 0;
     z-index: 900;
     width: inherit;
     height: inherit;
     text-align: center;
     -webkit-transform: rotateX(0deg) rotateY(0deg);
     -webkit-transform-style: preserve-3d;
     -webkit-backface-visibility: hidden;
     -moz-transform: rotateX(0deg) rotateY(0deg);
     -moz-transform-style: preserve-3d;
     -moz-backface-visibility: hidden;
    /* -- transition is the magic sauce for animation -- */
     -o-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
}
 .flipanel.flip .front {
     z-index: 900;
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
}
 .flipanel .back {
     position: absolute;
     top: 0;
     z-index: 800;
     width: inherit;
     height: inherit;
     -webkit-transform: rotateY(-180deg);
     -webkit-transform-style: preserve-3d;
     -webkit-backface-visibility: hidden;
     -moz-transform: rotateY(-180deg);
     -moz-transform-style: preserve-3d;
     -moz-backface-visibility: hidden;
    /* -- transition is the magic sauce for animation -- */
     -o-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
}
 .flipanel.flip .back {
     z-index: 1000;
     -webkit-transform: rotateX(0deg) rotateY(0deg);
     -moz-transform: rotateX(0deg) rotateY(0deg);
}
/* MEDIA QUERIES *********************************************/
/* For printing */
@media print {
  #navigation {display: none; visibility: hidden;}
  header, footer {display: none; visibility: hidden;}
}

 @media (max-width: 640px) {
	 .search {margin: 10px auto;}
     .nav {
        padding-left: 0;
    }
     .nav li {
        width: 100%;
         padding: 5px 0;
         background: #353435;
		 border-bottom: 1px solid black;
    }
     #navigation li a:link, #navigation li a:active {
        border: none;
		height: inherit;
		padding-top: 5px;
    }
     #toggle {
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         display: block;
         text-indent: -9999px;
         overflow: hidden;
         width: 40px;
         height: 40px;
         background: url("../images/ham.png") no-repeat;
         margin: 0 auto;
    }
     #sidebar {
        margin-top: 10px;
    }
     .controls {
        margin-left: 0 !important;
    }
     .control-label {
        text-align: left !important;
    }
     .form-actions {
        padding-left: 0 !important;
    }
     iframe {
        width: 200px;
    }
   .eshop-product-price .price, .eshop-product-price .eshop-sale-price {
    font-size: 1em;
}
}
/* Small devices (tablets, 768px and up) */
 @media (max-width: 768px) {
   #techspecs {margin: 0; padding: 0;}
}
/* Medium devices (desktops, 992px and up) */
 @media (min-width: 992px) {
}
/* Large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
}
/* for higher resolutions (android and retina) */
 @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
}