@charset "utf-8";
/*--
        Add your style here
--*/ 
/*.menu-wrap {
    right:0 !important;
    -webkit-transform: translate3d(320px,0,0);
    transform: translate3d(320px,0,0);
    visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
    -webkit-transform: translate3d(-30px,0,0);
    transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
    right:0;
    opacity:1;
    visibility:visible;
}*/

/*#menu2 {line-height:30px}*/
/*.slider-zoom, .single-popup-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.51);
    line-height: 240px;
   
    color: #fff;
    z-index: 20;
    font-size: 11px;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}
.hid-det-items .single-popup-image {top:0px}
.swiper-slide:hover .slider-zoom, .single-popup-image, .hid-det-items .gallery-item:hover .single-popup-image, .hid-det-items .gallery-item:hover .popup-image {top:0}

#datatable_filter {text-align:right; padding: 10px 0}
#datatable_filter input {padding:5px; margin-left: 5px}
#datatable .btn {margin: 0}
#datatable td, #datatable th {vertical-align:middle;}
.pagecontent .text-center {text-align:center}
.alert{padding:5px 0;}
.alert-error, .help-block{color:#d00;padding:5px 0;border:0; max-width: 300px; margin: 10px auto}
.blog_logout {background: #d00; float:right; border-radius:5px; }
footer.fixed-footer {height:90px}
.form-group input {padding:10px}
.alert-success{background:#28a745;color:#fff;padding:10px;border:0}
.alert-error{background:#d00;color:#fff;padding:5px;border:0}
.vis-thumb-info .thumb-info {float:none}
.vis-thumb-info .thumb-info h3, .vis-thumb-info .thumb-info p {text-align:center; float:none} 

.btn-calendar {background: #4d06a4; padding: 20px 30px; font-size: 14px}
#renderRange {font-size: 26px; vertical-align:middle; padding-left:50px}
.tui-full-calendar-month-week-item {background:#f7f7f7}
#calendar {margin-bottom:100px}
*/
 .text-center {text-align:center}
.my-content .pagecontent h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
    line-height:1.2em;
    width: 100%;
    padding-top:0px;
    padding-bottom:0px;
    margin-bottom:10px;
    float:unset;
    
    
}
.my-content .pagecontent h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    line-height:1.2em;
    width: 100%;
    text-align: initial;
    padding-top:20px;
    padding-bottom:0px;
    margin-bottom:10px;
    float:unset;
    
    
}
.my-content .pagecontent ul,.my-content .pagecontent ol {list-style:auto; padding-left: 15px; margin: 10px 0}
.my-content .pagecontent li {text-align:left; padding: 5px 0; line-height: 1.5em; padding-left: 10px}
.my-content .pagecontent h2 {
    color:#b9946e;
    text-align: left;
    font-size: 22px;
    line-height:1em;
    font-weight: normal;
    width: 100%; 
    padding-bottom: 0px;
    margin-top:15px;
    margin-bottom:10px;
}
.my-content .pagecontent h4 {
    padding-top:20px;
    color:#b9946e;
    text-align: left;
    font-size: 16px;
    line-height:1em;
    font-weight: 700;
    float: left;
    width: 100%; 
    padding-bottom: 20px;
}
.red {color: #d00}
.blue {color: #008bdd} 
.green {color: #0e9e1f}
.border-gray {border: 1px solid #aaa; padding: 10px; display:block; margin:5px}
.border-green {border: 1px solid #0e9e1f; padding: 10px; display:block; margin:5px}
.border-red {border: 1px solid #d00; padding: 10px; display:block; margin:5px}
.border-dashed-gray {border: 1px dashed #aaa; padding: 10px; display:block; margin:5px}
.border-dashed-green {border: 1px  dashed #0e9e1f; padding: 10px; display:block; margin:5px}
.border-dashed-red {border: 1px  dashed #d00; padding: 10px; display:block; margin:5px}
.fleft {float: left; display:block; margin: 0 5px 5px 0}
.fright {float: right; display:block; margin: 0 0 5px 5px}
.my-content .fullwidth {clear:both; display:block; width: 100%; margin: 5px 0; height: auto}
.policy-box {text-align:left}
/*.logo-holder {left: 0; margin-left:0}
.header-contacts {display:none}*/
.my-content .pagecontent {padding-bottom: 100px}
.my-content .pagecontent strong {font-weight: bold}
.my-content .pagecontent p {margin: 10px 0}
.my-content .pagecontent table td {padding: 5px;border: 1px solid #999; }
.my-content .pagecontent table {width:100%; border: 1px solid #999; border-collapse: collapse;}
.my-content .pagecontent img {padding:5px;}
.my-content .pagecontent .imagebar img {padding:0px;}
.my-content .pagecontent table{border: 0px !important}
.my-content .pagecontent table p {margin: 0px; padding:0px}
.my-content .pagecontent table>tbody>tr>td{border:0px!important}
.my-content .pagecontent table>tbody>tr>td {text-align:left; border-top: 1px solid #ccc!important;border-bottom: 1px solid #ccc!important; padding:5px 10px}
.my-content .pagecontent table>tbody>tr:nth-child(odd){background: #f9f9f9}
div.pagination {border:0px}
ul.pagination {display:flex; text-align:center;  align-items: center;width:100%; border:0;  justify-content: center;}
ul.pagination  li {border: 1px solid rgba(0,0,0,.07)}
ul.pagination  a:hover {background: #000}
.text-center {text-align:center}
.pagination-container {padding: 0; border:0}
.pagination-container a {border-right:0;letter-spacing:0px}
.my-content ul.pagination  li.active {
    display:block;
    background: #555;
    color:#fff !important;
    padding: 12px 18px;
    font-size: 13px;
    color: #666;
    letter-spacing: 1px;
    border-right: 1px solid rgba(0,0,0,.07);
}
.my-content ul.pagination  li.disabled {
    display:block;
    padding: 12px 18px;
    font-size: 13px;
    color: #666;
/*    letter-spacing: 1px;
    border-right: 1px solid rgba(0,0,0,.07);*/
}
.nav-holder nav li ul {min-width:250px}
.my-content h2 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #666;
    margin-bottom: 20px;
    margin-top:30px;
}
.my-content h3 {
    float: left;
    width: 100%;
    /*color: #d4b200;*/
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    margin-top:30px;
    margin-bottom: 20px;
}
.my-content h4 {
    float: left;
    width: 100%;
    color: #d4b200;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    margin-top:30px;
    margin-bottom: 20px;
}
.par-title h3 {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 46px;
    font-weight: bold;
    color: #292929;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.skiptranslate {width:95%}
#google_translate_element .goog-te-gadget-simple {padding:2px 10px; border:1px solid #aaa; font-size:12px; border-radius:5px;background: #f5f5f5;}
#google_translate_element .goog-te-gadget-simple a span:first-child {padding-right:5px}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span { text-decoration: none; margin-right: 3px; margin-left: 4px; font-size:12px;}
#google_translate_element .goog-te-gadget-simple img { display: none;}

body .leaflet-container a {color: #fff}
a.button, .button {border-radius: 3px; display: inline-block;  padding: 5px 22px;  background:  #333;  color: #fff;  font-style: italic;  text-decoration: none;    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;}
a.button:hover, button:hover {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

.my-content .video-container{width:100%}
.my-content .media-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden; z-index:auto}
.my-content .media-container iframe,.my-content .media-container object,.my-content .media-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:0}
.gallery-items .grid-det h3 {text-align:center; margin: 0; font-size:16px}
#feedback {display:none}
.my-content p {font-size: 16px}
.my-content ol,.my-content ul {list-style: auto; text-align:center; font-size: 16px; line-height:20px; margin:20px 0; padding-left: 15px}
.error_message {background: #d00; color:#fff; padding:8px;}
.my-content li {text-align:left}
.my-content .pagecontent .tabs-menu {list-style:none; }
.my-content .pagecontent .tabs-menu li {display: block; padding-left:2px; margin-right:2px; margin-top:2px; padding-bottom:20px}
.tabs-menu li a {padding: 5px 10px}
.slider-wrap.homecarousel, .center-carousel {position:relative}

.swiper-slide .slider-zoom {top:-40px; right:0; width:100%; height:100%; font-size: 20px; background:  rgba(0,0,0,0.5);border-radius:0; display:flex; justify-content:center; align-items:center }
.swiper-slide .slider-zoom:hover {background: rgba(0,0,0,0.1); top:0}
#cookie{display:block;z-index:99999;min-height:35px;width:100%;position:fixed;background:rgba(43,54,67,0.7);text-align:center;color:#fff;bottom:0;left:0}
#cookie>div{padding:10px;margin-left:15px;margin-right:15px;font-size:1em;font-weight:400}
#cookie a{color:#ccc;border:1px solid #ccc;padding:3px;border-radius:3px;margin:2px;display:inline-block}
#cookie #okbutton{position:absolute;background:#fff;color:#000;padding:5px 15px;text-decoration:none;font-size:1em;font-weight:400;border:0;border-radius:5px;bottom:5px;right:5px}
.policy-box {font-size:10px}

@media only screen and (max-width: 754px){
.logo-holder {
   top:20px;
}
}
@media (max-width: 640px) {
    .nomobile {display:none}
.image-container { max-width:100%; display: inline-block; margin:0 auto; text-align:center}
.image-container img {padding: 5px; max-width:100%;}
  .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
    .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

.alert{padding:5px 0;}
.alert-error, .help-block{color:#d00;padding:5px 0;border:0; max-width: 300px; margin: 10px auto}
.blog_logout {background: #d00; border-radius:5px; }
.form-group input {padding:10px}
.alert-success{background:#28a745;color:#fff;padding:10px;border:0}
.alert-error{background:#d00;color:#fff;padding:5px;border:0}
.wybierz .popup-image {background: #333;color: #fff; padding:5px; border-radius: 5px}
.wybierz-box {display:flex; margin-bottom:150px}
.wybierz {display:flex; flex-direction:column; border: 1px solid #999; border-radius:5px; padding:2px; margin:2px}
#simplecookienotification_v01 a {color: #fff; border: 1px solid #fff; padding: 5px}
.fixed-button {position: fixed; bottom:80px; left:0; width:100%; background: #eee; border-top: 1px solid #999; z-index:2; text-align:center; padding: 10px}
.fixed-button .alert p {text-align: center; padding:5px; margin:5px}
.fixed-button button {margin:5px; cursor: pointer; background: #28a745; border:0; padding:15px 20px}
.fixed-button .alert-success {padding:0}
.img-my {height:150px}
.my-content .pagecontent img {max-height: 150px;}
.wybierz-box {flex-wrap: wrap; justify-content: center}
.hero-wrap p {font-size:20px}

@media only screen and (max-width: 992px){
    .wybierz {width:30%}
}
@media (max-width: 640px) {
    .wybierz {width:100%}
}
