/*
transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;
*/
/* PAGE MODULES */
body{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	color: #000000;
    font-size: 14px;
    line-height: 22px;
}
a { transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; cursor:pointer;}
b,
strong { font-weight: 900; }



.owl-carousel .slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
@-webkit-keyframes slideUp {
  0% { top: 0; }
  100% { top : -620px; }
}
@keyframes slideUp {
  0% { top: 0; }
  100% { top : -620px; }
}
.box-inf {
  background-color: #56342b;
  color:#fff;
  width: 300px;
  width: 100%;
  padding: 25px;
  font-style: italic;
  line-height: 1.5em;
}
.mapa-start .box-inf,
.box .box-inf {
    background-color: #fff;
  color:#000;
  width: 300px;
  max-width: 100%;
  padding: 25px;
  font-style: italic;
  line-height: 1.5em;
  font-size:1.3em;
}


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,
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 { margin-top: 35px; }
.gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: url() no-repeat scroll center top transparent; max-width: 100%; width: 225px; height: 170px; background-size: cover; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;  margin: 5px; border: 10px #FFFFFF solid; box-shadow: 0px 0px 5px rgba(0,0,0,.15); }
.gallery-item:hover { opacity: 0.7; }

.button { color: #fff; display: inline-block; background: transparent; vertical-align: top; padding: 17px 40px 21px; line-height: 22px; border: 3px solid #fff; font-size: 14px; text-transform: uppercase; font-weight: 900; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.button:active,
.button:focus,
.button:hover { background-color: #fff; color: #000; text-decoration: none; }
.button.inv { color: #000; border-color: #000; background: #fff; }
.button.inv:active,
.button.inv:focus,
.button.inv:hover { background-color: #000; color: #fff; text-decoration: 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: #ec6013; 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 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: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #ec6013; background-color: #fff; z-index: 1020; }
.mobile-nav-toggle span { display: block; height: 3px; background: #ec6013; 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: #4aaedb; }
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) {...}


*/

h1 { font-size: 40px; font-weight: 900; margin: 27px 0 25px; text-transform: uppercase; }
.page-start h1, h2 { font-size: 24px; font-weight: 900; text-transform: uppercase; }

body.page-start {  }
body.page-start .logo {  }
body.page-start .logo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 90%; max-height: 80%; }

.box { background: #c60237; display: block; margin: 0 -15px; padding: 15px; text-align: center; position: relative; }
.page-offer .box { cursor: pointer; }
.row-2 .box-2,
.row-2 .box-3 { background: #4c221b; color: #fff;}
.row-2 .box-2 { text-align: left; }
.row-2 .box-3 { text-align: right; }
.row-2 .box-3 a { color: inherit; }
.box.outline .img { box-shadow: 0 0 0 2px #B0B0B0 inset; }

.box .img { opacity: 1; background: none no-repeat scroll center center transparent; background-size: cover; position: absolute; width: 100%; height: 100%; margin: auto; top:0;left:0;bottom:0;right:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.box .content { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 300; color: #fff; opacity: 0;position: absolute; width: 100%; height: 200px; margin: auto; top:0;left:0;bottom:0;right:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.box .content h2 { margin: 0; }
.box .content a { margin-top: 20px; }
.box.show .img,
.box:hover .img { opacity: 0.3; }
.box.show .content,
.box:hover .content { opacity: 1; }

.box:before { content: ''; display: inline-block; vertical-align: top; height: 0; width: 100%; line-height: 0; margin: -15px 0; padding-bottom: 89%; }
.box.box-big:before { padding-bottom: 121.6%; }

/*.row-2 .box-1 { background: #fff; }
.row-2 .box-1 .img { opacity: 0.3; }
.row-2 .box-1 .content { color: #000; }
.row-2 .box-1 .content a { color: #000; border-color: #000; }*/
.row-2 .box-2 .content,
.row-2 .box-3 .content { margin: 0; padding: 43px 30px 0 40px; font-size: 14px; text-transform: none; line-height: 22px; height: auto; }
.row-2 .box-2 h2,
.row-2 .box-3 h2 { margin-bottom: 20px; }
.row-2 .box-2 .content {  }
.row-2 .box-3 .content { padding-top: 45px; }
/*.row-2 .box-3:before { padding-bottom: 60.8%; }*/

p[class^="ico-"] { position: relative; padding-right: 143px; font-size: 15px; line-height: 25px; margin-bottom: 25px; }
p[class^="ico-"] strong { font-size: 17px; }
p[class^="ico-"]:after { content: ''; position: absolute; top: 0; right: 73px; width: 45px; height: 45px; background: none no-repeat scroll center center rgba(0, 0, 0, 0); }
p.ico-globe:after { background-image: url(../img/ico-globe.png); }
p.ico-marker:after { background-image: url(../img/ico-marker.png); }
p.ico-book:after { background-image: url(../img/ico-book.png); }

.row-3 {  }
.row-3 #gMap:before { padding-bottom: 44.5%; }
.row-3 #gMap:before { padding-bottom: 44.5%; }
.row-3 .box-2 { background: #fff; text-align: left; padding-left: 40px; }

#gMap {  }

.where-slider { position: relative; display: none; }
.where-slider.owl-loaded { display: block; }
.where-slider .item-wrap { background: #FFF; padding-left: 20px; padding-top: 10px; }
.where-slider .item { position: relative; display: block; text-align: left; margin: auto; vertical-align: top; line-height: 22px; font-size: 14px; color: #000; }
.where-slider .item:before { content: ''; position: absolute; left: -16px; top: 7px; width: 6px; height: 6px; border-radius: 100%; background: #D2DB2E; }
.where-slider .owl-nav { position: absolute; top: 75px; left: 330px; }
.where-slider .owl-prev,
.where-slider .owl-next { display: inline-block; vertical-align: top; width: 50px; height: 26px; background: none no-repeat scroll center center rgba(0, 0, 0, 0); background-size: cover; font-size: 0; color: rgba(0, 0, 0, 0); }
.where-slider .owl-prev { background-image: url(../img/arr-up.png); }
.where-slider .owl-next { background-image: url(../img/arr-down.png); }

.logo { background: #4C221B; display: block; margin: 0 -15px; text-align: center; }

.copyright { background: #333333; color: #ffffff; padding-top: 19px; padding-bottom: 19px; }
.made-by { color: rgba(255, 255, 255, 0.2); text-align: right; }
.made-by a { color: inherit; }



.logo-wrap { background: #56342b; margin: 0 -15px; line-height: 0; }
.logo-wrap a { display: inline-block; width: 100%; height: 0; padding-bottom: 90%; position: relative; }
.logo-wrap a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 115px; }

.partner-link { text-align: center; margin: 32px -15px; background:#fff9b2;  }
.fb-link { text-align: center; margin-top: 24px; }
.partner-link img{margin-top:20%;}
.left-nav {  }
.left-nav nav { text-align: center; padding-top: 20px; }
.left-nav nav a { position: relative; display: block; color: #4c4c4c; font-size: 14px; line-height: 24px; padding: 8px 0 10px; text-transform: uppercase; font-weight: 900; }
.left-nav nav a.active:after,
.left-nav nav a:after { content: ''; position: absolute; width: 158px; height: 1px; bottom: 0; left:0;right:0;margin:auto; background: #e4e4e4; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.left-nav nav a.active,
.left-nav nav a:hover,
.left-nav nav a:focus,
.left-nav nav a:active { background-color: #56342B; color: #FFF; text-decoration: none; }
.left-nav nav a.active:after,
.left-nav nav a:hover:after,
.left-nav nav a:focus:after,
.left-nav nav a:active:after { opacity: 0; }

/*border-top: 10px solid #c31344;*/
.page-kontakt .desc-row,
.page-subpage .desc-row { font-size: 0; }
.page-kontakt .desc-row .col-xs-12,
.page-subpage .desc-row .col-xs-12 { font-size: 15px; margin-right: -1px; }
.page-kontakt .desc-row .col-xs-12::before,
.page-subpage .desc-row .col-xs-12::before { content: ''; display: inline-block; width: 100%; padding-bottom: 25.3%; }
.page-kontakt .desc-row .col-xs-12 .text,
.page-subpage .desc-row .col-xs-12 .text { position: absolute; top: 0; left: 14px; right: 15px; }
.desc-row { background: #e3164e;  color: #fff; font-weight: 300; font-size: 15px; line-height: 22px; display: flex; min-height:200px;}
.desc-row .text { padding: 0 15px 30px; min-height: 200px; }
.desc-row h2 { font-size: 30px; padding: 0 15px; margin-bottom: 45px; }
.desc-row .box-wrap { display: flex; background: #ed2b29; }
.desc-row .box { background: transparent; width: 100%; } 
.desc-row .box-wrap .button { padding-left: 59px; padding-right: 59px; }
.page-subpage .desc-row {
    /*background-color: #EFEFEF; border-top-color: #cfcfcf; color:#111111;*/
}

.prod-row {  }
.prod-row .content { height: 130px; }
.prod-row .position .content { height: 32px; }
.prod-row .lead { display: none; }
.prod-row .title { display: none; }

nav{  margin: 0 -15px;}

.modal {
	background-color:rgba(0,0,0,.5);
}
.position-modal-wrap { background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 25s ease; -webkit-transition: opacity 25s ease; -moz-transition: opacity 25s ease; max-height: 100%; overflow: auto; }
.position-modal-wrap.active { opacity: 1; }
.position-modal-wrap .position-modal { max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FFF; padding: 10px; margin: auto; width: 900px; height: 695px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.position-modal-wrap .position-modal.active { opacity: 1; }
.position-modal-wrap .nav { background: none no-repeat scroll center center transparent; width: 100px; height: 100px; position: absolute; top: 0; bottom: 0; margin: auto 0; cursor: pointer; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.position-modal-wrap .nav:hover { opacity: 0.7; }
.position-modal-wrap .prev { background-image: url('../img/slider-left.png'); left: 0; }
.position-modal-wrap .next { background-image: url('../img/slider-right.png'); right: 0; }
.position-modal-wrap .cont { text-align: center; }
.position-modal-wrap .cont.show {  }
.position-modal-wrap .close { width: 37px; height: 37px; background: #000; line-height: 37px; color: #FFF; font-size: 14px; font-weight: 700; position: absolute; top: 10px; right: 10px; text-align: center; opacity: 1; text-transform: uppercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.position-modal-wrap .close:hover { opacity: 0.7; }
.position-modal-wrap .lead {  }
.position-modal-wrap .lead h2 { font-size: 28px; color: #4c4c4c; font-weight: 900; text-align: center; }
.position-modal-wrap .lead.active + .img { height: 470px; }
.position-modal-wrap .button { margin-top: -10px; }
.position-modal-wrap .img { height: 520px; width: 80%; margin: auto; display: block; background: none no-repeat scroll center center rgba(0, 0, 0, 0); background-size: contain; }
body.modal-wrap-open { overflow: hidden; }



.subpage.container-fluid { padding-bottom: 0; }

footer { background: #56342b; color: #fff; text-align: right; }
footer .logo-wrap { text-align: center; }
/*footer .row { display: flex; }*/
footer .row > div { position: relative; }
footer .row .row > div {  }
footer p[class^="ico-"] { padding-right: 65px; }
footer p[class^="ico-"]:after { right: 0; }
footer p[class^="ico-"] a { color: #fff; }

#contactFormSend { padding: 15px 0; }

.page-kontakt #gMap { height: 419px; margin: 0 -15px; }
.page-subpage .desc-row h2 { padding: 0; }

.modal-content { border-radius: 0; box-shadow: none; border: none; }

.bg { background: none no-repeat scroll center center transparent; background-size: cover; }

.area-map-row { margin-bottom: -50px; }
.area-map-row .box { background: #f4c820; color: #000; }
.area-map-row .box:before { padding-bottom: 97%; }
.area-map-row .box .content { color: inherit; height: 155px; }
.area-map-row .button { background: transparent; }
#gMapAreas {  }

.modal-dialog{
    width:auto;
    max-width:90%;
}
.modal-content{
/*    width:900px;
    height: 659px;*/
    background-size:cover !important;
    
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  padding: 10px;
  margin: auto;
  width: 100%;
  text-align:center;
  transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
}
.modal-body .button {
    color:#000;
    border: 3px solid #000;
    background:#fff;
}
.modal-body img{
    max-width:100%;
    height: auto!important;
}
.modal-body .button:hover{
    background-color:black;
    color:#fff;
}
.modal-body button.close{
      width: 37px;
  height: 37px;
  background: #000;
  line-height: 37px;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  opacity: 1;
  text-transform: uppercase;
  transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
}
.partner-link a {
  display: inline-block;
  width: 100%;
  height: 0;
  padding-bottom: 90%;
  position: relative;
}
.copyright{
      font-size: 0.9em;
}

@media (min-width: 798px) {
    footer .row,
    .row-1,
    .row-2,
    .row-3 { display: flex; margin-left: -16px; margin-right: -16px; }
    .row-1 > div:last-of-type,
    .row-2 > div:last-of-type,
    .row-3 > div:last-of-type { display: flex; }
    .row-1 > div:last-of-type > div,
    .row-2 > div:last-of-type > div,
    .row-3 > div:last-of-type > div { display: block; width: 100%; box-sizing: content-box; }
    .row-1 > div:last-of-type > div:before,
    .row-2 > div:last-of-type > div:before,
    .row-3 > div:last-of-type > div:before { display: none; }
    
    .container-fluid { overflow: hidden; }
    
    footer .row .row { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; height: 51px; margin-top:85px; }
    .area-map-row { display: flex; margin: 0 -16px -50px; }
    .mapka{padding:0;}
    .kont{padding:0;}
    
}

@media (max-width: 797px) {
    .copyright,
    .copyright .made-by { text-align: center; }
    .left-nav { padding-bottom: 25px; }
    .logo-wrap a img { max-width: 100%; }
    #gMapAreas { height: 300px; }
    .row-2 .box-3:before { display: none; }
    .row-2 .box-3 .content  {position:relative;}
    .row-3 .box-2 .content  {position:relative;}
    .row-3 .box-2:before  {display:none;}
    .desc-row{display:block;}
    .map-sales{margin:0 25px 0 25px !important;}
    .page-kontakt .map-sales {margin: 0 35px 0 35px !important;}
    
    .position-modal-wrap .position-modal { bottom: initial; }
    .position-modal-wrap .close { top: 0; right: 0; }
    
    .row.row-1 .box.box-big:before { padding-bottom: 89%; }
    
}
@media (max-width: 899px) {
    .modal.fade .modal-dialog{width:400px;margin:0 auto;}
    .modal-content {width:400px;font-size:12px;  line-height: 18px}
}
@media (max-width: 500px) {
    .modal.fade .modal-dialog{width:300px;margin:0 auto;}
    .modal-content {width:300px;font-size:12px;line-height: 18px; }
    p[class^="ico-"]:after{right:0;}
    p[class^="ico-"] {padding-right:51px;}
    body.page-start .logo img {max-width: 85%; max-height: 85%;}
    
    
    .row-1 .box:not(.box-big) .content{font-size:10px; line-height:11px; height:100%; margin-top:5px;}
    .row-1 .box:not(.box-big) .content h2{font-size:15px;}
    .row-1 .box:not(.box-big) .content a {margin-top: 0px;}
    .row-1 .box:not(.box-big) .button{  padding: 10px 5px 10px; font-size: 9px;}
    .box-big .content {height:200px; margin:auto;}
    .row-2 .box-3 .content{padding:0;}
    
}
@media(max-width:1080px){
    .position .img { opacity: 1 !important; }
    .position .content{opacity: 1; top: initial; background: rgba(198, 2, 55, 0.75); padding: 15px 0; height: initial !important;}
    
    .page-kontakt .desc-row .col-xs-12::before,
    .page-subpage .desc-row .col-xs-12::before { display: none; }
    .page-kontakt .desc-row .col-xs-12 .text,
    .page-subpage .desc-row .col-xs-12 .text { position: relative; }
}

aside { position: fixed; right: 0; top: 75px; width: 0; z-index: 51; }
aside .item { z-index: 21; top: -100px; left: 0; position: absolute; color: #FFF;  transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
aside .item:before { content: ''; position: absolute; left: -58px; width: 58px; height: 58px; background: none no-repeat scroll center center #d42026; top: 0; }
aside .item:hover { z-index: 22; }


aside .facebook-box { width: 310px; top: 94px; box-sizing: border-box; padding: 6px 10px 7px; background: #4A6EA9; }
aside .facebook-box iframe { background: #fff; }
aside .facebook-box:before { background-image: url('../img/social-fbc.png'); background-color: #4A6EA9; }
aside .facebook-box:hover,
aside .facebook-box.active {left: -310px;}