@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&subset=latin-ext');

/*Main*/

.clear { clear: both; }
div.clear { height: 20px; clear: both; }
pre { font-family: Courier New; }

html,body { height: 100%; font-size: 16px; }
body { font-family: "Lato", Tahoma, Arial, Helvetica, sans-serif; background: #fff; color: #111; padding: 0; margin: 0; }
a { color: #111; }

@media all and (max-width: 1270px) { body { font-size: 1em; } }
@media all and (max-width: 1020px) { body { font-size: 0.9em; } }
@media all and (max-width: 960px) { body { font-size: 0.8em; } }
@media all and (max-width: 500px) { body { font-size: 0.7em; } }
@media all and (max-width: 400px) { body { font-size: 0.6em; } }

header { display: block; position: relative; width: 100%; height: 100%; padding-top: 70px; background: no-repeat top center; background-attachment: scroll; background-size: cover; }
section { display: block; position: relative; width: 100%; min-height: 100%; background: no-repeat top center; background-attachment: scroll; background-size: cover; }


@media(min-width:1025px)
{
	header { background-attachment: fixed; }
	section { background-attachment: fixed; }
}

/* header */

header .logo { position: absolute; top: 25%; left: 0; width: 100%; height: 50%; text-align: center; }
header .logo img { max-width: 100%; max-height: 100%; }

/* nav */

.navbar { color: #000; background: rgba(255,255,255,0.8); border: 0; }
.navbar .navbar-default, .navbar .navbar-brand { color: #000; }
.navbar .navbar-header { padding: 0px 0; }
.navbar .navbar-header .navbar-brand { font-weight: bold; font-size: 1.6em; padding: 5px; }
.navbar .navbar-header:hover {  }
.navbar .navbar-brand img { max-height: 40px; }
.navbar .navbar-nav { padding: 0px 0; }
.navbar .navbar-nav li a { transition: background .5s; }
.navbar .navbar-nav li a:hover { background: #000; color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #111; }
@media(max-width:768px)
{
	.navbar { background: #fff; }
	.navbar.navbar-fixed-top .navbar-header .navbar-brand { font-size: 1.5em; }
}
@media(min-width:768px)
{
	.shop_hp .navbar-fixed-top.navbar-expanded { padding: 30px 0; }
	.shop_hp .navbar-fixed-top.navbar-expanded .navbar-header { display: none; }
	.shop_hp .navbar-fixed-top { -webkit-transition: padding .5s; -moz-transition: padding .5s; transition: padding .5s; }
	.shop_hp .navbar-fixed-top .navbar-brand:hover { opacity: .5; }
	.shop_hp .navbar-default.navbar-expanded, .navbar-inverse.navbar-expanded { border: 0; background: 0 0; }
}

/* main section */

section#main { padding-top: 70px; }

/* prod menu */

.category-products .panel { border: 0; background: none; }
.category-products .panel .panel-heading { border: 0; background: none; }
.category-products .panel .panel-heading:hover { background: #aaa; transition: background .5s; }
.category-products .panel .panel-heading:hover a { color: #fff; text-decoration: none; }


/* prod list */

.product-list {}
.product-list .product { position: relative; background: #000; }
.product-list .product:hover .image img { opacity: 0.5; }
.product-list .product .image { }
.product-list .product .image img { transition: opacity .5s; }
.product-list .product .price { position: absolute; bottom: 10px; left: 10px; font-size: 1.3em; font-weight: 900; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.77); }
.product-list .product .price u { text-decoration: line-through; }
.product-list .product .name { position: absolute; top: 10px; left: 10px; font-size: 1.7em; font-weight: 900; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.77); }
.product-list .product .more { position: absolute; bottom: 10px; right: 10px;  }

/* prod details */

.product-details {}
.product-details .product-information {}
.product-details .product-information .price {  }
.product-details .product-information .code { font-size: 0.7em; color: #aaa; }
.product-details .to-basket { padding-top: 30px; padding-bottom: 30px; border-top: 1px dashed #aaa; }
.product-details .product-more { padding-top: 30px; padding-bottom: 30px; border-top: 1px dashed #aaa; }
.product-details .images { padding-top: 30px; padding-bottom: 30px; border-top: 1px dashed #aaa; }
.product-details .images .image img { padding: 3px; }

/* basket */

.shop-basket { padding-bottom: 30px; }
.shop-basket .quantity-change { min-width: 120px; max-width: 150px; }
.shop-basket .regulations small { font-weight: normal; font-size: 0.8em; line-height: 1em; }

/* bootstrap general changes */
.table tbody>tr>td { vertical-align: middle; }

/* footer */
footer { display: block; position: relative; width: 100%; min-height: 20%; padding: 20px 0; background: #000; color: #fff; font-size: 0.8em; }
footer a { color: #fff; }
footer a:hover { color: #eee; }
footer h4 { margin: 3px 0; }
footer p { margin: 3px 0; }

#fb-slider { position: fixed; left: -205px; bottom: 25%; width: 205px; z-index: 2000; }
#fb-slider .cntr { position: relative; }
#fb-slider .hand { background: url(../img/fb.png) no-repeat; height: 75px; width: 30px; position: absolute; right: -30px; top: 0; }
#fb-slider .head { background: #fff; height: 75px; text-align: center; }