/*
transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;
*/
/* PAGE MODULES */
body{
	font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	color: #131313;
}




form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; }
form p.ajaxInfo.error { background-color: #690000; border-color: #F00; }
form p.ajaxInfo.error_send { background-color: #690000; border-color: #F00; }
form p.ajaxInfo.ok { background-color: #006900; border-color: #0F0; }

form p.error { display: none; }
form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; }
form label.full { text-align: left; width: 100%; display: inline-block; }
form label,
form textarea,
form input { width: 100%; box-sizing: border-box; }
form .button { display: inline-block; vertical-align: top; }

textarea,
select,
input:not([type="checkbox"]):not([type="radio"]) { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; height: 44px; padding: 0 10px; font-size: 15px; font-family: inherit; }
textarea { height: 120px; }
select {  }
input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 8px; }
textarea.error,
select.error,
input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; }


:-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; }
::-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; }
:-ms-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; }
::-webkit-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; }

.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.cb { clear: both; }

.info { display: none; text-align: center; font-size: 24px; border: 2px solid #666; padding: 10px 20px; border-radius: 15px; margin: 10px 0 20px; }
.info.show { display: block; }
.info.error { background-color: #ab0268; border-color: #780148; color: #fff; }
.info.ok { background-color: #02ab68; border-color: #017848; color: #fff; }


.gallery-item:hover { opacity: 0.7; }

.button { cursor: pointer; background: none no-repeat scroll center center #d70084; border: none; box-sizing: border-box; color: #fff; height: 59px; line-height: 59px; padding: 0 37px; font-weight: 700; font-size: 16px; color: #fff; text-transform: lowercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.basket-top:hover button,
.button:active,
.button:focus,
.button:hover { background-color: #484848; text-decoration: none; outline: none; }


/* mobilne menu */
/*
.mobile-nav {  }
.mobile-nav nav { display: none; background: #b1c903; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; }
.mobile-nav nav.show { display: block; }
.mobile-nav nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav nav li { display: block; }
.mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; }
.mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #b1c903; background-color: #fff; z-index: 1020; }
.mobile-nav-toggle span { display: block; height: 3px; background: #b1c903; margin: 4px 8px; }
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus,
.mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; }
*/
/* /mobilne menu */

/* mobilne menu */
.mobile-nav {  }
.mobile-nav nav { display: none; background: #372404; max-height: 100%; overflow: auto; z-index: 1200; width: 100%; text-align: center; padding: 15px 0; }
.mobile-nav nav.show { display: block; }
.mobile-nav nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav nav li { display: block; }
.mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; }
.mobile-nav nav .dropdown-menu { display: block; position: static; width: 100%; text-align: center; background: 0; border: none; box-shadow: none; background: rgba(255, 255, 255, 0.2); padding: 0; margin: 0 0 5px 0; }
.mobile-nav nav .dropdown-menu a { font-size: 14px; }
.mobile-nav nav .dropdown-menu a:hover { background: none; color: #FFF; }
.mobile-nav-toggle { padding: 0; position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #fff; background-color: #fff; z-index: 1200; }
.mobile-nav-toggle span { display: block; height: 3px; background: #464951;; margin: 4px 8px; }
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus,
.mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; }
/* /mobilne menu */


header nav { text-align: right; margin-right: -15px; }
header nav ul { margin: 0; padding: 0; }
header nav li { display: inline-block; vertical-align: top; }
header nav a { display: block; font-size: 16.67px; text-transform: lowercase; font-weight: 300; color: #515151; text-decoration: none; padding: 0 22px; line-height: 99px; }
header nav li.current a, header nav a:focus, header nav a:active, header nav a:hover { outline: none; text-decoration: none; color: #fff; background: #372404; }
header nav li ul.dropdown-menu { opacity: 0; visibility: hidden; display: block; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
header nav li:hover ul { opacity: 1; visibility: visible; }
header nav li li { border: none; display: block; }
header nav li li a { text-decoration: none !important; }


/* RESPONSIVE */
/*
@media (min-width: 1230px) {...}

@media (min-width: 1022px) {...}

@media (max-width: 1021px) {...}

@media (min-width: 798px) {...}

@media (max-width: 797px) {...}

@media (max-width: 598px) {...}

@media (max-width: 510px) {...}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}


*/

.page-start { background:url(../img/bg.jpg) no-repeat top, url(../img/bg-footer.jpg) no-repeat bottom;  }
header .menu { padding-left: 0; position: relative; z-index: 20; margin-bottom: 0; }
header .menu li { display: inline-block; }
header .top { background: #372404; margin-top: 20px; margin-left: 15px; margin-right: 15px; }
header .top::after { content: ''; display: block; clear: both; } 
header .top::before { content: ''; display: block; clear: both; }
header .container { position: relative; }

#logo { position: absolute; left: 0; right: 0; top: -90px; text-align: center; z-index: 10; }

header .menu li a { color: #fff; font-size: 14px; font-weight: 300; text-transform: uppercase; display: block; padding: 30px 20px 20px; }
header .menu li:first-of-type a { font-size: 0; background: url(../img/home.png) no-repeat center center; width: 25px; height: 28px; display: block; }

.address { display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 300; z-index: 20; position: relative; padding-left: 38%; padding-top: 21px; line-height: 17px; }
.telefon { display: inline-block; color: #fff; font-weight: 400; z-index: 20; position: relative; float: right; font-size: 18px; line-height: 64px; padding-top: 5px; padding-right: 10px; }
.telefon::before { content:''; background:url(../img/phone.png) no-repeat center center; width:22px; height:31px; display: inline-block; margin-right: 10px; vertical-align: middle; }

.top-item.item-228 { display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 300; z-index: 20; position: relative; padding-left: 38%; padding-top: 21px; line-height: 17px; }
.top-item.item-227 { display: inline-block; color: #fff; font-weight: 400; z-index: 20; position: relative; float: right; font-size: 18px; line-height: 64px; padding-top: 5px; padding-right: 10px; }
.top-item.item-229 { display: inline-block; color: #fff; font-weight: 400; z-index: 20; position: relative; float: right; font-size: 14px; line-height: 64px; padding-top: 5px; padding-right: 10px; }
.top-item.item-229 a { color:#fff; }
.top-item.item-227::before { content:''; background:url(../img/phone.png) no-repeat center center; width:22px; height:31px; display: inline-block; margin-right: 10px; vertical-align: middle; }

.langs { z-index: 30; text-align: right; padding-top: 30px; padding-right: 50px; position: relative; display: inline-block; float: right; }
.langs a { padding: 0 10px; }

.slider { height: 535px; margin-top: 45px; border:10px solid #fff; position: relative; margin-bottom: 30px; }
.slider .slide { height: 515px; background:no-repeat center center/cover; }
.text { width: 50%; background-color: rgba(255, 255, 255, 0.8); font-family: 'Caveat', cursive; color: #b79651; font-size: 48px; padding-top: 5px; padding-bottom: 10px; position: absolute; left:0; right:0; bottom:0; margin:auto; text-align: center; }
.owl-nav { position: absolute; bottom: 10px; width: 50%; left: 0; right: 0; margin: auto; }

.owl-prev, .owl-next { background: #b79651; color: #fff; width: 45px; height: 45px; text-align: center; border-radius: 100%; line-height: 48px; font-size: 33px; font-weight: 100; padding-right: 3px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.owl-prev { position: absolute; top: -52px; left: -22px; }
.owl-next { position: absolute; top: -52px; right: -22px; padding-right: 0; }

.owl-prev:hover, 
.owl-next:hover { background:#fff; color:#b79651 }

.description { overflow: hidden; color: #44372b; font-size: 14px; line-height: 24px; }
.description h2 { font-size: 24px; color: #b79651; font-weight: 100; position: relative; display: inline-block; margin-bottom: 50px; }
.description h2::after { content: ''; height: 1px; width: 100%; display: block; position: absolute; left: 103%; bottom: 5px; background: #b79651; }
.description .desc2 { padding-left: 50px; }

.page-start .gallery-item span { height: 285px; display: block; width: 100%; background: no-repeat center center/cover; border: 10px solid #fff; box-shadow: 0px 2px 2px 0px rgba(35, 31, 32, 0.25); margin-bottom: 40px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.page-start .gallery-item span:hover { opacity:0.8;}
.page-start .gallery { margin-top: 50px; }

.page-subpage .gallery-item { height: 285px; display: inline-block; width: 30%; margin:14px; background: no-repeat center center/cover; border: 10px solid #fff; box-shadow: 0px 2px 2px 0px rgba(35, 31, 32, 0.25); margin-bottom: 40px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }

.button { color: #b79651; font-size: 14px; text-transform: uppercase; font-weight: 400; background: transparent; border: 2px solid #b79651; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; }
.box { height: 500px; }
.box-1 { text-align: center; }
.box-1 .button { position: absolute; bottom: 60px; margin: auto; background: #019ee3; border: none; color: #fff; border-bottom: 3px solid #0081d5; padding: 0 10px; left: 0; right: 0; width: 170px; }
.box-1 .button:hover { background:#0081d5; }

.box.box-2 { background: #b79651; padding: 20px; color:#fff; }
.box.box-2 h3 { font-size: 23px; text-align: center; }
.boxes { padding-top:40px; }
.box table { margin: 0 20px; }
.box table td { padding:5px 0; }
.box table tr td:first-of-type { width: 75%; }
.box table tr td:nth-of-type(2) { background: #fff; color: #b79651; padding: 0 15px 0 0px; text-align: right; }
.box table { margin: 50px 20px 0; width: 88%; }

footer {  padding-top:20px; padding-bottom:30px;}

.logo-footer { text-align: center; margin-top: 60px; position: relative; margin-bottom: 30px; }
.logo-footer::after { content: ''; width: 33%; height: 2px; background: #b79651; display: block; position: absolute; left: 67%; top: 26px; } 
.logo-footer::before { content: ''; width: 33%; height: 2px; background: #b79651; display: block; position: absolute; right: 67%; top: 26px; }
.kontakt-box { font-size:13px; color:#44372b; text-transform: uppercase; }
.kontakt-box a { color:#44372b; }
/*.kontakt-box:first-of-type { color: #44372b; font-size: 24px; text-align: right; padding-right: 50px; }*/
.kontakt-box.box-item-201 { color: #44372b; font-size: 24px; text-align: right; padding-right: 50px; }
.kontakt-box:last-of-type { font-size:14px; }
.kontakt-box img { margin-right: 10px; }

.image.active { display: block; } 
.image { display: none; }
.button:hover,
.button:active,
.button:focus { background: #b79651; color: #fff; }


body:not(.page-start) { background: url(../img/bg-subpage.jpg) no-repeat 100% -80px, url(../img/bg-footer.jpg) no-repeat bottom; }
.container-subpage { margin-top: 40px; min-height: 480px; padding-bottom:50px; padding-top: 40px; }

.page-subpage h1, 
.page-subpage h2,
.page-kontakt h1, 
.page-kontakt h2{ font-family: 'Caveat', cursive; color: #b79651; font-weight: 300; }

.menu-left { border-right: 1px solid #b79651; } 
.menu-left a { display: block; color: #b79651; font-size: 15px; text-transform: uppercase; padding: 7px 20px; border-bottom: 1px solid; margin-right: 30px; }
.menu-left a.active { padding-left: 40px; font-weight: 600; }

.page-subpage .gallery-item { width: 20%; height: 145px; margin: 0; }

@media (max-width: 1230px) {
    #logo img { width: 100%; } 
    #logo { position: absolute; left: 0; right: 0; top: -10px; text-align: center; z-index: 10; width: 300px; margin: auto; }
    .top-item.item-228 { padding-left: 20%; }
    header .menu li a { padding: 30px 15px 20px; }
    .slider, .slider .slide { height: 495px; }
    .box-1 { text-align: center; background: #003581 no-repeat center top/contain ; }
    .box table { margin: 50px 0 0; width: 100%; }
}

@media (max-width: 1021px) {
    .kontakt-box img { float:left; }
    #logo { top:-60px; }
    header .top { margin-top: 90px; }
    header .menu li a { padding: 30px 12px 20px; }
    .top-item.item-228 { padding-left: 0; }
    .langs { padding-top:10px; }
    .slider { margin-top:25px; height:430px }
    .slider .slide { height: 410px; }
    .page-start .gallery-item span { height: 215px; }
    .box.box-2 { padding:10px; }
    .box table tr td:nth-of-type(2) { padding: 0 2px 0 0px; }
    .logo-footer::before { content: ''; width: 29%; right: 72%; }
    .logo-footer::after { content: ''; width: 28%; left: 72%; }
    
    .menu-left a.active { padding-left: 20px; }
    .menu-left a { padding:7px 10px; }
    .page-subpage .gallery-item { width: 25%; }
    
}

@media (max-width: 797px) {
    .box, .fb { height: 460px; width: 350px; margin: 10px auto; }
    .kontakt-box { text-align: center; margin-bottom: 10px; }
    .kontakt-box img { float:none; }
    .text { width: 80%; font-size: 20px;  }
    .owl-nav { display: none; }
    .slider .slide { height: 260px; }
    .slider { height: 280px; }
    .page-start { background: url(../img/bg.jpg) no-repeat 0 -5%, url(../img/bg-footer.jpg) no-repeat bottom; }
    .logo-footer::before, .logo-footer::after { display: none; }
    .page-subpage .gallery-item { width: 180px; }
}
@media (max-width: 600px) {
    .container-subpage img { width:auto!important; max-width:100%; height:auto!important; float:none!important; margin:10px 0!important; }
    .container-subpage { margin-top:0; padding-top:0; }
}
@media (max-width: 500px) {
    .box, .fb { width: 300px; margin: 10px auto; }
    .page-start .gallery-item span { height: 145px; }
    
    .top-item.item-229, .top-item.item-228 { text-align: center; width: 100%; }
    .logo-footer img { max-width:100%; }
    .slider .slide { height: 160px; }
    .slider { height: 180px; margin-top:0; }
}