@import url(https://fonts.googleapis.com/css?family=Gruppo);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,300italic&subset=latin,latin-ext);


/*
Theme Name: IT v kostce
Theme URI: http://itvkostce.cz
Author: Martin Gross
Author URI: http://itvkostce.cz
Description: Šablona vytvořená na míru pro potřeby klienta
Version: 1.0
License: Copyright - Martin Gross
Tags: custom-made
Text Domain: itvkostce
*/

* {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}

html {
height: 100%;
}

body {
text-align: center;
font-size: 16px; font-family: 'Roboto', sans-serif; color: #fff; font-weight: 300;
background-color: #1e1a17; 
}/*responsive*/

.logo {
font-family: 'Gruppo', sans-serif;
}

.value-buttons {
user-select: none;
-ms-user-select: none;
-o-user-select:none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}

/*-----ZAKLAD-----*/

h1, h2, h3, h4, h5, p, hr {
margin: 0 0 20px; font-weight: normal;
}

a {
color: #d6cecb;
}

a.white-link, .white-link a {
color: #fff;
}

a, .header a:hover, .button, .justify a.button, .button:hover, .justify a:hover {
text-decoration: none;
}

a:hover, .justify a {
text-decoration: underline;
}

ul li, ol li {
list-style-position: outside; margin-left: 20px;
}

hr {
border-bottom: 1px solid #888;
}

.cleaner {
clear: both; height: 0;
}

/*.half, .left, .right responsive*/

.wrapper {
width: 100%; text-align: center;
}

.wrap {
max-width: 960px; margin: auto; padding: 0 20px;
}

img {
display: block; max-width: 100%; height: auto;
}

.hidden {
opacity: 0;
}

.no-show {
display: none;
}

/*-----FONTY-----*/

.logo {
font-size: 50px; line-height: 27px;
}

.logo .smaller {
font-size: 38px;
}

h1 {
font-size: 32px; line-height: 48px;
}

h2 {
font-size: 24px; line-height: 36px;
}

h3 {
font-size: 22px; line-height: 34px;
}

h4, .order-total {
font-size: 21px; line-height: 32px;
}

h5, #galTitle {
font-size: 1.2em;
}/*responsive*/

.pcmenu, .homebox h1, .homebox h2, .partneri h3, h2.thumb-title {
font-size: 1.1em;
}

.footer {
font-size: 0.8em;
}

.order-product-cena {
font-size: 20px; line-height: 20px; font-weight: i;
}

.order-product-content {
font-size: 16px; line-height: 22px;
}

a, #galTitle {
font-weight: normal;	
}

h1, .pcmenu, .homebox h2, .partneri h3, h2.thumb-title {
text-transform: uppercase;	
}

.pcmenu li ul li a {
text-transform: lowercase;
}

.justify {
text-align: justify;
}

strong {
font-weight: 700;
}

/*-----STRUKTURA-----*/

/*-----header-----*/

.header {
padding: 0 20px 0;
background-color: rgba(27,23,22,0.8);
}/*responsive*/

.logo {
margin-bottom: 11px; margin-top: 15px;
}/*responsive*/

.logo a span {
color: #d6cecb;
}

/*.pcmenu, #mobmenu responsive*/

/*-----home-----*/

/*celá homepage kompletně responsive*/

/*-----content-----*/

.content {
padding-top: 20px; text-align: left;
}

.postpic {
position: relative; margin-bottom: 20px;
}

.picmenu {
position: absolute; top: 5px; right: 15px;
}

.picmenu .button {
display: block; margin-top: 10px; text-align: center;
background-color: rgba(27,23,22,0.8);
border-color: rgba(27,23,22,0.8);
color: #fff;
}

.picmenu .button:hover {
border-color: rgba(27,23,22,0.8);
}

body .button.white-button {
background-color: #fff;
border-color: #fff;
color: #1e1917;
}

body .button.white-button:hover {
background-color: transparent;
border-color: #fff;
color: #fff;
}

.half.post-thumb {
position: relative; margin-bottom: 20px;
}

h2.thumb-title {
position: absolute; top: 20px; left: 20px; padding: 7px;
background-color: rgba(3,0,0,0.8);
}

.products-heading {
border-bottom: 1px #fff solid;	
}

.products-thumb img {
width: 300px; margin-bottom: 20px;		
}

.order .products-thumb img {
width: 150px; margin-left: 0; margin-right: 0;
}

.products-list {
margin-bottom: 20px;
}

.products-list p {
margin-bottom: 5px;
}

.product-content {
clear: both; float: left;
}

.product-cena {
float: right;
}

/*-----footer-----*/

.footer {
padding-top: 20px; padding-bottom: 10px;
}

/*.home .footer responsive*/

.footer p {
margin: 0;
}

/*-----loader a galerie-----*/

.loader {
position: absolute; top: 100px; left: 0; right: 0; width: 100%; height: 100px;
}

.gal-img {
position: relative;
}

.gal-img img {
position: relative;
z-index: 999;
}

.gal-img .loader {
top: 40%; height: 10%;
z-index: 998;
}

.loader img {
width: 50px; height: 50px; margin: auto; margin-top: 100px;	
}

.gal-img .loader img {
height: 100%; width: auto; margin-top: 0;
}

#scroller {
margin: 20px 0;
}

.scroll-border {
display: inline-block;
}/*responsive*/

#scroller img {
display: inline-block;
cursor: pointer;
}/*responsive*/

#galTitle {
position: absolute; top: 15px; right: 15px; padding: 10px;
color: rgba(29,24,22,1);
background: rgba(255,255,255,0.8);
z-index: 9990;
}

/*-----kontakt-----*/

.contact-data, #formular {
margin-bottom: 20px;
}

input, textarea {
width: 100%; display: block; padding: 10px; margin-top: 10px;
border: 0;
font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif; color: #1e1917;
-webkit-appearance: none;
}

textarea {
height: 200px;	
}

.input-small {
max-width: 100px;
}

.form {
width: 460px; max-width: 100%;
text-align: left;
}

.button {
display: inline-block; padding: 10px;
}

input[type=submit], .button {
margin-top: 20px;
border: 1px #fff solid;
background-color: transparent;
color: #fff;
}

.button {
margin-top: 0;
}

input[type=submit]:hover, .button:hover {
background-color: #fff;
color: #1e1917;
}

input[type=submit] {
width: auto;
cursor: pointer;
}

label {
margin-top: 20px; display: block;
font-size: 16px; line-height: 24px;
}


.checkbox-wrap,
.radio-wrapper {
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkbox-wrap:last-child,
.radio-wrapper:last-child {
    margin-bottom: 0;
}

.radio-wrap {
    padding-top: 5px;
}

.radio-wrap label,
.checkbox-wrap label {
    display: inline;
    vertical-align: middle;
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    background: #fff;
    border: 1px #ccc solid;
    cursor: pointer;
}

input[type=checkbox]:checked {
    background: #fff url("images/check.png") center center no-repeat;
    background-size: 70% 70%;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: none;
}

input[type=radio]:checked {
    background: #fff url("images/radio.png") center center no-repeat;
    background-size: 100% 100%;
}

.thanks, .error {
padding: 10px; display: block; margin: 10px 0 20px;
border-left: 5px solid #75be5f;
background-color: #eee;
color: #1e1917;
}

.thanks, .error p {
margin: 0;
}

.error {
border-left: 5px solid #d35533;	
}

/*-----order-----*/

.order {
text-align: left; margin-bottom: 20px;	
}

.order-product {
position: relative; padding-left: 80px;	min-height: 50px; margin-bottom: 20px;
}
.add-to-cart-wrap {
position: absolute; left: 0; top: 0; display: table; width: 60px; height: 50px; text-align: left;
}

.add-to-cart {
position: relative; display: table-cell; padding: 5px 5px 5px 0; vertical-align: middle;
}

.value-buttons {
position: absolute; top: 0; right: 0; width: 30px; height: 100%; text-align: center;
}

.value-buttons div {
width: 30px; height: 25px;
cursor: pointer;
border: 2px #fff solid;
}

.value-buttons div.plus {
border-bottom-width: 1px;
}

.value-buttons div.minus {
border-top-width: 1px;
}

.value-buttons div:hover {
background: #9c9a8f;
color: #fff;
}

.order-product-content {
padding-top: 3px; padding-bottom: 4px;
}

.order-price-wrap {
margin-bottom: 20px; padding-left: 20px	
}

.order-totals, .delivery-select {
margin-bottom: 20px;
}

.ppl-place-picker-button {
    display: inline-block;
    margin-top: 20px;
    padding: 5px;
    background: transparent;
    color: #fff;
    border: 2px #fff solid;
    font-weight: 700;
    cursor: pointer;
}

.ppl-place-picker-button:hover {
    background: #fff;
    color: #1e1917;
}

.ppl-place-picker.no-show {
    display: none;
}

.ppl-place-picker-value-outer {
    font-weight: 300;
}

/*-----OSTATNI-----*/

/*-----tabulky-----*/

.justify table {
width: 100%; margin-bottom: 20px;
}

.justify table td {
width: 33.3%;	
}

/*-----efekty gradient shadow radius -----*/

a, .homebox h1, .homebox h2, .homebox-content img, h2.thumb-title, input[type=submit], .ppl-place-picker {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

body {
background: rgba(166,155,152,1);
background: -moz-linear-gradient(top, rgba(166,155,152,1) 0%, rgba(29,24,22,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(166,155,152,1)), color-stop(100%, rgba(29,24,22,1)));
background: -webkit-linear-gradient(top, rgba(166,155,152,1) 0%, rgba(29,24,22,1) 100%);
background: -o-linear-gradient(top, rgba(166,155,152,1) 0%, rgba(29,24,22,1) 100%);
background: -ms-linear-gradient(top, rgba(166,155,152,1) 0%, rgba(29,24,22,1) 100%);
background: linear-gradient(to bottom, rgba(166,155,152,1) 0%, rgba(29,24,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a69b98', endColorstr='#1d1816', GradientType=0 );
background-attachment: fixed;
}

.header {
-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.4);
-o-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.4);
box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.4);
}

.box-shadow {
-webkit-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
-ms-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
-o-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
border-radius: 1px;
}

.radius_0, input, textarea {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}

input[type=radio] {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}

/*-----float cleaner-----*/

.float_in:before, .float_in:after {
content:"";
display:table;
}

.float_in {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.float_in:after {
clear:both;
}

/*----------RESPONSIVE----------*/

@media only screen and (max-width:1010px) {

    .pcmenu, .no-link, .homebox .img1, .homebox .img2, .homebox .img3 {
    display: none;
    }

    h1, .justify {
    text-align: center;
    }

    .form {
        margin-left: auto;
        margin-right: auto;
    }

    p {
    text-align: center !important;
    }

    .justify img {
    margin-left: auto; margin-right: auto;
    }

    .product-cena {
    font-size: 1.2em;
    }

    .subbox a:hover {
    text-decoration: none;
    }

    .logo {
    padding: 0 10px; max-width: 350px; margin-left: auto; margin-right: auto; line-height: 30px;
    }

    #mobfire {
    padding: 10px 0;
    cursor: pointer;
    }

    .mobfire_in {
    width: 110px; height: 18px; text-align: center; margin: auto; padding-left: 20px;
    background: url('images/trigram.png') 18px 1px no-repeat;
    background-size: 14px 14px;
    font-size: 18px; line-height: 18px;
    }

    #mobmenu {
    position: relative; width: 100%; max-width: 300px; margin: auto;
    }

    #mobmenu .wrap {
    position: absolute; max-height: 2px; top: -2px; left: 0; width: 100%; text-align: center; overflow: hidden; padding: 2px 0 0;
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -ms-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    z-index: 9998;
    }

    #mobmenu.clicked .wrap {
    max-height: 1000px;
    }

    #mobmenu .wrap>div {
    width: 100%; padding: 1px 7px;
    background-color: rgba(80,73,71,0.9);
    }

    #mobmenu li {
    list-style: none; margin-left: 0;
    }

    #mobmenu li a {
    display: block; padding: 10px; margin: 7px 0;
    background-color: rgba(3,0,0,0.6);
    color: #fff;
    }

    .subbox .box-shadow {
    -webkit-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
    -o-box-shadow: -7px 7px 13px 0px rgba(0,0,0,0.5);
    box-shadow: none;
    }

    .subbox1, .subbox2, .subox3 {
    width: 100%; max-width: 340px; margin: auto; padding: 0 20px;
    }

    .subbox1 {
    padding-top: 20px;
    }

    .subbox .homebox {
    padding: 5px;
    background-color: rgba(27,23,22,0.8);
    margin-bottom: 20px;
    }

    .subbox .homebox_title {
    margin-bottom: 0;
    color: #fff;
    }

    .subbox .homebox-content img {
    margin: auto; margin-bottom: 5px; max-width: 100%;
    }

    .partneri {
    padding: 0 10px;
    }

    .partneri img {
    margin: auto; margin-bottom: 20px; max-width: 100%;
    }

    .post-thumbs {
    text-align: center;
    }

    .post-thumb {
    max-width: 460px; margin-left: auto; margin-right: auto;
    }

    h2.thumb-title {
    top: 10px; left: 10px; right: 10px;
    }

    .picmenu {
    position: static; text-align: center; padding: 20px 0 0;
    }

    .picmenu .button {
    display: inline-block; margin: 5px; width: 200px; max-width: 100%;
    }

    .product-content, .product-cena {
    display: block; clear: both; float: none;
    }

    .product-cena {
    padding-top: 5px;
    }

    .contact .content {
    text-align: center;
    }

    .objednavka {
    padding-top: 20px;
    border-top: 1px #888 solid;
    }

    .scroll-border {
    width: 60px; height: 29px;
    }

    #scroller img {
    width: 50px; height: 29px;
    }

    .foot.right {
    padding-top: 5px;
    }

}

@media only screen and (min-width:1010px) and (max-width:1333px) {

    #mobfire, #mobmenu {
    display: none;
    }

    .homebox:hover h1, .homebox:hover h2 {
    font-size: 1.1em;
    }

    .pcmenu, .homebox h1, .homebox h2, .partneri h3 {
    font-size: 1em;
    }

    body {
    padding-top: 66px;
    }

    body.home {
    width: 100%; height: 100%; padding-top: 0; overflow: hidden;
    }

    .button, .homebox:hover h1, .homebox:hover h2, a:hover h2.thumb-title {
    font-size: 1.2em;
    }

    .half {
    float: left; width: 50%;
    }

    .half.post-text:nth-of-type(even) {
    padding-left: 20px;
    }

    .half.post-text:nth-of-type(odd) {
    padding-right: 20px;
    }

    .left {
    float: left;
    }

    .right {
    float: right;
    }

    .header {
    position: fixed; top: 0; left: 0; height: 66px;
    z-index: 9999;
    }

    .logged .header {
    top: 32px;
    }

    .logo {
    float: left;
    }

    .pcmenu {
    float: right;
    }

    .pcmenu li {
    list-style-type: none; display: inline-block; margin: 0 0 0 10px; position: relative;
    }

    .pcmenu a {
    display: inline-block; margin-top: 9px; padding-top: 4px; padding-bottom: 10px; vertical-align: top;
    border-top: 1px transparent solid;
    }

    .pcmenu a:hover {
    border-top: 1px #d6cecb solid;
    }

    .pcmenu li.no-link {
    cursor: default;
    }

    .pcmenu .no-link > a:hover {
    color: #fff;
    border-top: 1px transparent solid;
    }

    .pcmenu li ul {
    display: none; position: absolute; top: 31px; left: 0; text-align: left; padding-top: 5px;
    }

    .pcmenu li:hover ul {
    display: block;
    z-index: 9999;
    }

    .pcmenu li ul li {
    margin: 0; width: 100%; padding: 0px 10px;
    background-color: rgba(22,23,23,0.9);
    }

    .pcmenu li ul li:first-of-type {
    padding-top: 10px;
    }

    .pcmenu li ul li:last-of-type {
    padding-bottom: 10px;
    }

    .pcmenu li ul li a:hover {
    border: 0;
    }

    .pcmenu li ul li a {
    color: #fff; padding: 7px; margin: 0; width: 100%;
    white-space: nowrap;
    border: 0;
    }

    .pcmenu li ul li a:hover {
    color: #d6cecb;
    border: 0;
    }

    .subbox {
    position: absolute; height: 100%; top: 0;
    }

    .subbox1 {
    left: 0; padding: 106px 40px 35px 20px;
    z-index: 9996;
    }

    .subbox1 h1 {
    text-align: left;
    }

    .subbox2 {
    right: 0; padding: 86px 20px 45px 0;
    z-index: 9997;
    }

    .subbox-partneri {
    right: 0; width: 100%; padding-right: 20px;
    z-index: 9995;
    }

    .homebox1 {
    float: left; max-height: 100%; overflow: hidden;
    background: url('images/home/lck-osetreni-nabytku-bigpic.jpg') left bottom no-repeat;
    background-size: 100% auto;
    }

    .homebox2 {
    float: right; height: 63%; padding-bottom: 96px;
    }

    .homebox3 {
    clear: right; float: right; height: 37%;
    }

    .homebox-img-wrap {
    position: relative; height: 100%;
    }

    .homebox1 .homebox-img-wrap {
    width: 100%; overflow: hidden;
    }

    .homebox img {
    float: right; width: auto; max-width: 100%; height: 100%;
    }

    .homebox1 .img1 {
    float: none; width: 100%; height: auto;
    }

    .homebox1 .img1 {
    opacity: 0;
    }

    .homebox-content {
    position: absolute; top: 30px; left: 30px;
    }

    .homebox .homebox-content img {
    float: left; width: auto; height: 45px; margin-bottom: 20px;
    }

    .homebox:hover .homebox-content img {
    height: 49px;
    }

    .homebox h1, .homebox h2 {
    clear: left; float: left; margin: 0; padding: 7px;
    background-color: rgba(3,0,0,0.8);
    }

    .partneri {
    position: absolute; right: 20px; top: 63%; width: 25%; height: 96px; text-align: left; margin-top: -96px; padding: 20px 0 0 40px;
    }

    .partneri h3 {
    margin: 0 0 7px;
    }

    .partneri img {
    width: 100%;
    }

    .scroll-border {
    width: 120px; height: 58px;
    }

    #scroller img {
    width: 100px; height: 58px;
    }

    .home .footer {
    position: absolute; bottom: 0; left: 0; width: 100%; max-width: 100%; height: 35px; padding-top: 11px; padding-bottom: 0;
    z-index: 9998;
    }

}

@media only screen and (min-width:1330px) {

    #mobfire, #mobmenu {
    display: none;
    }

    body {
    padding-top: 66px;
    }

    body.home {
    width: 100%; height: 100%; padding-top: 0; overflow: hidden;
    }

    .button, .homebox:hover h1, .homebox:hover h2, a:hover h2.thumb-title {
    font-size: 1.2em;
    }

    .half {
    float: left; width: 50%;
    }

    .half.post-text:nth-of-type(even) {
    padding-left: 20px;
    }

    .half.post-text:nth-of-type(odd) {
    padding-right: 20px;
    }

    .left {
    float: left;
    }

    .right {
    float: right;
    }

    .header {
    position: fixed; top: 0; left: 0; height: 66px;
    z-index: 9999;
    }

    .logged .header {
    top: 32px;
    }

    .logo {
    float: left;
    }

    .pcmenu {
    float: right;
    }

    .pcmenu li {
    list-style-type: none; display: inline-block; margin: 0 0 0 10px; position: relative;
    }

    .pcmenu a {
    display: inline-block; margin-top: 9px; padding-top: 4px; padding-bottom: 10px; vertical-align: top;
    border-top: 1px transparent solid;
    }

    .pcmenu a:hover {
    border-top: 1px #d6cecb solid;
    }

    .pcmenu li.no-link {
    cursor: default;
    }

    .pcmenu .no-link > a:hover {
    color: #fff;
    border-top: 1px transparent solid;
    }

    .pcmenu li ul {
    display: none; position: absolute; top: 31px; left: 0; text-align: left; padding-top: 5px;
    }

    .pcmenu li:hover ul {
    display: block;
    z-index: 9999;
    }

    .pcmenu li ul li {
    margin: 0; width: 100%; padding: 0px 10px;
    background-color: rgba(22,23,23,0.9);
    }

    .pcmenu li ul li:first-of-type {
    padding-top: 10px;
    }

    .pcmenu li ul li:last-of-type {
    padding-bottom: 10px;
    }

    .pcmenu li ul li a:hover {
    border: 0;
    }

    .pcmenu li ul li a {
    color: #fff; padding: 7px; margin: 0; width: 100%;
    white-space: nowrap;
    border: 0;
    }

    .pcmenu li ul li a:hover {
    color: #d6cecb;
    border: 0;
    }

    .subbox {
    position: absolute; height: 100%; top: 0;
    }

    .subbox1 {
    left: 0; padding: 106px 40px 35px 20px;
    z-index: 9996;
    }

    .subbox1 h1 {
    text-align: left;
    }

    .subbox2 {
    right: 0; padding: 86px 20px 45px 0;
    z-index: 9997;
    }

    .subbox-partneri {
    right: 0; width: 100%; padding-right: 20px;
    z-index: 9995;
    }

    .homebox1 {
    float: left; max-height: 100%; overflow: hidden;
    background: url('images/home/lck-osetreni-nabytku-bigpic.jpg') left bottom no-repeat;
    background-size: 100% auto;
    }

    .homebox2 {
    float: right; height: 63%; padding-bottom: 96px;
    }

    .homebox3 {
    clear: right; float: right; height: 37%;
    }

    .homebox-img-wrap {
    position: relative; height: 100%;
    }

    .homebox1 .homebox-img-wrap {
    width: 100%; overflow: hidden;
    }

    .homebox img {
    float: right; width: auto; max-width: 100%; height: 100%;
    }

    .homebox1 .img1 {
    float: none; width: 100%; height: auto;
    }

    .homebox1 .img1 {
    opacity: 0;
    }

    .homebox-content {
    position: absolute; top: 30px; left: 30px;
    }

    .homebox .homebox-content img {
    float: left; width: auto; height: 45px; margin-bottom: 20px;
    }

    .homebox:hover .homebox-content img {
    height: 49px;
    }

    .homebox h1, .homebox h2 {
    clear: left; float: left; margin: 0; padding: 7px;
    background-color: rgba(3,0,0,0.8);
    }

    .partneri {
    position: absolute; right: 20px; top: 63%; width: 25%; height: 96px; text-align: left; margin-top: -96px; padding: 20px 0 0 40px;
    }

    .partneri h3 {
    margin: 0 0 7px;
    }

    .partneri img {
    width: 100%;
    }

    .scroll-border {
    width: 120px; height: 58px;
    }

    #scroller img {
    width: 100px; height: 58px;
    }

    .home .footer {
    position: absolute; bottom: 0; left: 0; width: 100%; max-width: 100%; height: 35px; padding-top: 11px; padding-bottom: 0;
    z-index: 9998;
    }

}

@media only screen and (min-width:1010px) {
    .main {
        padding-top: 90px;
    }

    .order-total-title {
        display: inline-block;
        width: 160px;
    }
}

/* ======== Gallery ======== */

.gallery-pic {
    width: 33.3%;
    float: left;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 0;
    border-bottom: 0;
}

.gallery-pic:nth-of-type(-n+3) {
    padding-top: 0;
}

.gallery-pic:nth-of-type(3n+1) {
    clear: both;
    padding-right: 20px;
}

.gallery-pic:nth-of-type(3n+2) {
    padding-left: 10px;
    padding-right: 10px;
}

.gallery-pic:nth-of-type(3n) {
    padding-left: 20px;
}

.gallery-pic.fourth:nth-of-type(-n+4) {
    padding-top: 0;
}

.gallery-pic.fourth:nth-of-type(4n+1) {
    clear: both;
    padding-right: 21px;
}

.gallery-pic.fourth:nth-of-type(4n+2) {
    padding-left: 7px;
    padding-right: 14px;
}

.gallery-pic.fourth:nth-of-type(4n+3) {
    padding-left: 14px;
    padding-right: 7px;
}

.gallery-pic.fourth:nth-of-type(4n+4) {
    padding-left: 21px;
}

.gal-href {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
}

.gallery-pic img {
    opacity: 1;
}

.gallery-pic:hover img {
    opacity: 0.5;
}

.gal-title {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    padding: 10px 10px 12px;
    text-align: center;
}

.gal-title,
.featherlight-title-content {
    background: rgba(255,255,255,0.8);
    color: #000;
}

.featherlight {
    display: none;
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    background: #333;
    background: rgba(0,0,0,0);
    z-index: 99990;
    white-space: nowrap;
    cursor: pointer;
}

.featherlight:last-of-type {
    background: rgba(0,0,0,0.8);
}

.featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.featherlight .featherlight-content {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    padding: 25px 25px 0;
    text-align: left;
    vertical-align: middle;
    border-bottom: 25px solid transparent;
    background: #fff;
    cursor: auto;
    white-space: normal;
}

.featherlight .featherlight-inner {
    display: block;
}

.featherlight-title-content {
    position: absolute;
    display: block;
    top: 25px;
    left: 25px;
    right: 25px;
    margin: auto;
    padding: 10px 20px;
}

.featherlight .featherlight-close-icon {
    position: absolute;
    width: 25px;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 99991;
    cursor: pointer;
    line-height: 25px;
    font-family: Arial,	sans-serif;
    background: #fff;
    color: #000;
}

.featherlight .featherlight-image {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.featherlight-iframe .featherlight-content {
    padding: 0;
    border-bottom: 0;
}

.featherlight iframe {
    border: none;
}

.featherlight-loading .featherlight-content {
    width: 80px;
    height: 80px;
    padding: 0;
    background: #fff url("images/loading.gif") no-repeat center 20px;
    background-size: 40px auto;
}

.featherlight-content img {
    height: auto !important;
}

.featherlight-loading .featherlight-previous,
.featherlight-loading .featherlight-next,
.featherlight-loading .featherlight-close-icon {
    display: none;
}

.featherlight-next,
.featherlight-previous {
    display: block;
    position: absolute;
    top: 25px;
    bottom: 0;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
    opacity: 0.6;
    cursor: pointer;
}

.featherlight-next:hover,
.featherlight-previous:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0.2);
}

.featherlight-previous {
    left: 25px;
    background-image: url("images/left.png");
}

.featherlight-next {
    right: 25px;
    background-image: url("images/right.png");
}

.featherlight-next span,
.featherlight-previous span {
    display: none;
}

html, body {
    width: 100%;
    height: 100%;
}

#popup-outer {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    overflow: auto;
    z-index: 99999;
}

#popup-outer.active {
    display: block;
}