/* >>>>>>>>>>>>>> :: 1.0 Import All CSS & Fonts <<<<<<<<<<<<<<< */
    @import 'css/bootstrap.min.css';
    /*@import 'css/magnific-popup.css';*/
    @import 'css/animate.css';
    @import 'css/meanmenu.css';
    @import 'css/icofont.css';
    @import 'css/owl.carousel.css';
    /* Web Fonts */
    @import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans:600,700|Poiret+One');

    /* >>>>>>>>>>>>>> :: 2.0 Common CSS <<<<<<<<<<<<<<< */
    /*html {scroll-behavior: smooth;}*/
    * { margin: 0; padding: 0; }
    .floatleft { float: left; }
    .floatright { float: right; }
    .alignleft { float: left; margin-right: 15px; }
    .alignright { float: right; margin-left: 15px; }
    .aligncenter { display: block; margin: 0 auto 15px; }
    a:focus { outline: 0px solid; }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 15px;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: .3px;
    }
    h2 span,
    h3 span {
        color: #DD2C00;
    }
    body,
    p {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        color: #888;
        font-size: 16px;
        line-height: 1.4;
    }
    a,
    a:hover,
    a:focus {
        transition: all 700ms ease 0s;
        text-decoration: none;
        outline: none;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    ul {
        margin: 0;
    }
    ol li,
    ul li {
        list-style: outside none none;
    }
    img {
        height: auto;
        max-width: 100%;
    }
    .table {
        display: table;
        /*z-index: 9;*/
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .table_cell {
        display: table-cell;
        vertical-align: middle;
    }
    .margin_top_30 {
        margin-top: 30px;
    }
    .section_padding_150 {
        padding: 150px 0;
    }
    .section_padding_100 {
        padding: 100px 0;
    }
    .section_padding_100_0 {
        padding: 100px 0 0 0;
    }
    .section_padding_0_100 {
        padding: 0 0 100px 0;
    }
    .section_padding_100_50 {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .section_padding_100_70 {
        padding-top: 100px;
        padding-bottom: 70px;
    }
    .section_padding_200 {
        padding: 200px 0;
    }
    .section_heading {
        margin-bottom: 50px;
        position: relative;
        text-align: center;
    }
    .section_heading > h3 {
        color: #2C3E50;
        margin-bottom: 0;
    }
    .section_heading > p {
        margin-bottom: 5px;
        color: #2C3E50;
    }
    .section_heading.text-left {
        text-align: left !important;
    }
    .font-poiret-one {
        font-family: 'Poiret One', cursive !important;
    }

    /* SCROLL UP START */
        #scrollUp {
        background-color: #DD2C00;
        border-radius: 5px;
        right: 20px;
        bottom: 20px;
        color: #FFFFFF;
        font-size: 30px;
        width: 40px;
        height: 40px;
        padding: 0 3px 8px 6px; }
    /* SCROLL UP END */

    /* >>>>>>>>>>>>>> :: 4.0 Header Area CSS <<<<<<<<<<<<<<< */
    header {
        height: auto;
        position: absolute;
        width: 100%;
        z-index: /*99999999*/ 2;
    }
    .logo_area {
        width: 330px;
        height: 60px;
        padding: 16px 0;
    }
    .icon-menu {
        display: inline-block;
        font-size: 20px !important;
        padding-right: 16px;
    }
    .main_header_area {
        height: 90px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .main_header_area.sticky {
        background-color: #383838;
        width: 100%;
        position: fixed;
        transition-duration: 500ms;
    }
    .main_menu_area {
        float: right;
        position: relative;
    }
    .mainmenu {
        display: inline-block;
        text-align: left;
    }
    .mainmenu ul#nav li {
        display: inline-block;
        position: relative;
    }
    .mainmenu ul#nav li a {
        color: #FFFFFF;
        display: block;
        font-size: 1.6rem;
        font-weight: 600;
        height: 90px;
        line-height: 2rem;
        padding: 40px 15px;
    }
    .main_header_area .mainmenu ul#nav li.current_page_item a {
        color: #DD2C00;
        font-weight: 700;
    }
    .mainmenu ul#nav li a i,
    .mean-container .mean-nav ul li a i {
        font-size: 14px;
        padding-left: 5px;
    }
    .mainmenu ul#nav li ul {
        text-align: left;
    }
    .mainmenu ul#nav li ul li a {
        padding-left: 15px !important;
        text-align: left !important;
    }
    .main_header_area.sticky .mainmenu ul#nav li.active a,
    .main_header_area.sticky .mainmenu ul#nav li:hover a,
    .mainmenu ul#nav li.active a,
    .mainmenu ul#nav li:hover a {
        color: #DD2C00;
    }

    .blog_page .main_header_area,
    .about_area,
    .timeline_area,
    .message_now_area {
        background-color: #FFFFFF;
    }
    .why_choose_us_area {
        background-color: #F6F6F6;
    }

    /* >>>>>>>>>>>>>> :: 5.0 Slider Area CSS <<<<<<<<<<<<<<< */
    .welcome_area {
        position: relative;
        overflow: hidden;
    }
    .single_slide {
        position: relative;
        background-position: center center;
        background-size: cover;
    }
    .single_slide:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.7);
        content: "";
    }
    .single_slide .slide_text {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        text-align: center;
    }
    .single_slide .slide_text h2 {
        color: #FFFFFF;
        font-size: 60px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .single_slide .slide_text h3 {
        font-weight: 600;
        color: #FFFFFF;
        font-size: 20px;
    }
    .single_slide .slide_text a {
        background-color: transparent;
        border: 1px solid #FFFFFF;
        border-radius: 6px;
        color: #FFFFFF;
        display: inline-block;
        font-family: 'Poiret One', cursive !important;
        letter-spacing: 1.5px;
        font-size: 18px;
        font-weight: 700;
        line-height: 19px;
        margin: 15px auto 0;
        padding: 15px 24px;
        width: auto;
        transition: all 400ms ease-in-out;
    }
    .single_slide .slide_text a:hover {
        background-color: #DD2C00;
        color: #FFFFFF;
        border: 1px solid #DD2C00;
    }
    .welcome_area.static_version .single_slide {
        background-attachment: fixed;
    }
    /* >>>>>>>>>>>>>> O NASZEJ FIRMIE <<<<<<<<<<<<<<< */
    .about_us_text > h3 {
        color: #2C3E50;
    }
    .about_us_thumb {
        background-color: #FFFFFF;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
        padding: 5px;
        border-radius: 2px;
    }
    .about_us_text a {
        background-color: transparent;
        border: 1px solid #DD2C00;
        border-radius: 6px;
        color: #DD2C00;
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 15px;
        padding: 15px 24px;
        width: auto;
    }
    .about_us_text a:hover,
    .about_us_text a:focus {
        background-color: #DD2C00;
        color: #FFFFFF;
    }

    /* >>>>>>>>>>>>>> DLACZEGO TA FIRMA CSS <<<<<<<<<<<< */
    .special_feature_area {
        background-color: #F6F6F6;
    }
    .single_choose_us {
        margin-bottom: 30px;
        padding-right: 85px;
        position: relative;
        text-align: right;
        transition-duration: 500ms;
    }
    .single_choose_us > h4 {
        color: #34495E;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .single_choose_us > p {
        color: #34495E;
    }
    .choose_us_icon {
        background-color: /*#34495E*/transparent;
        border: 1px solid #DD2C00;
        border-radius: 50%;
        color: #DD2C00;
        height: 70px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 2px;
        width: 70px;
        transition-duration: 500ms;
    }
    .choose_us_icon > i {
        font-size: 30px;
        line-height: 70px;
    }
    .single_choose_us:hover .choose_us_icon {
        color: #FFFFFF;
        background-color: #DD2C00;
    }
    .why_choose_us_text_area.second_area .single_choose_us {
        padding-right: 0;
        padding-left: 85px;
    }
    .why_choose_us_text_area.second_area .choose_us_icon {
        right: auto;
        left: 0;
        top: 10px;
    }
    .why_choose_us_text_area.second_area .single_choose_us {
        text-align: left;
    }
    .why_choose_us_image,
    .why_choose_us_image .second_area {
        margin-top: 40px;
    }
    .why_choose_us_area .second_part {
        margin-top: 40px;
    }

    /*  >>>>>>>>>>>>>> :: 18.0 Footer Area CSS <<<<<<<<<<<<<<< */
    .footer_area {
        position: relative;
        z-index: 1;
        background-color:#262626;
        padding-top:1rem;
    }
    footer a {
        color:#FFFFFF;
    }
    footer a:hover {
        color:#DD2C00;
        font-size:100%
    }
    footer a:focus {
        text-decoration:none!important;
        outline:none !important;
        color:#FFFFFF;
    }
    footer ul li {
        font-size:1.5rem;
        line-height:4.3rem;
        color:#888;
        margin-right: 13px;
    }
    footer ul li img {
        margin-top: -5px;
        width: 50px;
        height: 44px;
    }
    .tekst {
        color:#E9E9E9;
        font-size:1.4rem !important;
        line-height:1.65rem !important;
    }
    .obramowanie1 {
        border:.5px solid #FFFFFF;
        border-radius:5px;
        padding:10px 15px 10px 10px;
    }
    .obramowanie2 {
        border:.5px solid #FFFFFF;
        border-radius:5px;
        padding:10px 15px 10px 10px;
    }
    .obramowanie1:hover, .obramowanie2:hover {
        border:.5px solid #DD2C00;
    }
    .informacja {
        color:#fff;
        margin-top: 20px;
        font-size: 1.7rem;
        line-height:4rem;
    }
    .regulamin, .polityka, .adres {
        margin-top: 50px;
    }
    .modal-content i {
        padding: 10px 10px !important;
    }
    .adres img, .regulamin img {
        float: left;
        margin-right: 20px;
    }
    .odstep {
        margin-top:8px;
    }
    .odstep li {
        display: inline;
        padding-top: 5px;
    }
    .copyright {
        text-align:center;
        font-size:1.2rem;
        padding-top:-1rem;
        color:#FFFFFF;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
    }

    /* >>>>>>>>>>>>>> REZERWACJA <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
    .rezerwacja {
        position: static;
        right:10px;
        top:25px;
        padding:1em;
        font-size:1.3em;
        background-color: #383838;

    }
    .bookero-plugin-form .field label {
        color: /*#434343*/ #FFFFFF!important;
        display: block;
        font-size: 14px;
        font-weight: 600;
        margin: 0 0 5px 0!important;
        padding: 5px 0;
        text-align: left;
    }
    body .bookero-plugin-form-heading {
        color: #FFFFFF!important;
        font-size: 23px;
        font-weight: 200;
        margin: 25px 0 10px 0;
        text-align: left;
        width: 100%;
    }
    .required-fields-notice[data-v-015e24d6] {
        font-size: 12px;
        font-style: normal;
        margin: 10px 0 0 0!important;
        color: #FFFFFF!important;
        opacity: 1!important;
    }
    .calendar-days-heading-cell[data-v-06a855bc] {
        color: #FFFFFF!important;
        font-size: 13px;
        font-weight: 700;
        padding: 16px 0 4px 0;
        text-align: center;
        width: 14.28571%;
    }
    #bookero-plugin h2.bookero-plugin-header {
        background-color: #d9534f!important;
    }
    .submit-section .submit-button[data-v-7a5868e4] {
        background: #d9534f!important;
        border: none;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        letter-spacing: 0;
        padding: 13px 60px 13px 30px;
        position: relative;
        -webkit-transition: right .2s ease-out;
        -o-transition: right .2s ease-out;
        transition: right .2s ease-out;
        text-transform: none;
    }
    /*.calendar-days-list-cell.is-valid[data-v-06a855bc] {
        background: #FFFFFF!important;
        border: 1px solid #000000!important;
        color: #000000!important;
        cursor: pointer;
    }*/
   /* >>>>>>>>>>>>>> :: 24.0 Contact Us Area CSS <<<<<<<<<<<<<<< */
    .contact_input_area .form-group input,
    .contact_input_area .form-group textarea {
        background-color: rgba(255, 255, 255, 0.9);
        border: 1px solid #DD2C00;
        border-radius: 6px;
        box-shadow: none;
        height: 50px;
        margin-bottom: 30px;
        padding: 15px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        width: 100%;
    }

    .contact_input_area .form-group input:focus,
    .contact_input_area .form-group textarea:focus {
        border: 2px solid #DD2C00;
    }

    .contact_input_area .form-group textarea {
        height: 150px;
    }

    .message_title {
        margin-bottom: 60px;
        text-align: center;
    }

    .contact_input_area button {
        background-color: rgba(255, 255, 255, 0.9);
        border: 2px solid #DD2C00;
        border-radius: 6px;
        color: #DD2C00;
        display: block;
        font-weight: 600;
        height: 50px;
        line-height: 1;
        margin: 0 auto 30px;
        padding: 15px 24px;
        text-transform: capitalize;
        transition-duration: 500ms;
        width: auto;
    }
    .contact_input_area button:hover {
        background-color: #DD2C00;
        color: #FFFFFF;
        border: 2px solid #DD2C00;
    }

    .success,
    .error {
        padding: 1em;
        margin-bottom: 12px;
        margin-bottom: 12px;
        margin-bottom: 12px;
        margin-bottom: 12px;
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        border-radius: 4px;
    }

    .success {
        color: #fff;
        background-color: #2ecc71
    }

    .error {
        color: #fff;
        background-color: #c0392b;
    }

    .map_area {
        padding-bottom: 10px;
    }

    .message_now_area {
        position: relative;
        /*z-index: 1;*/
        padding:50px 0 10px 0;
    }

    .address-area .single_part {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
    }

    .address-area .single_part > p,
    .address-area .single_part > a {
        position: relative;
        margin-left: 30px;
        margin-bottom: 0;
        color: #2c3e50;
        display: block;
    }

    .address-area .single_part > i {
        color: #FF9800;
        font-size: 20px;
        left: 0;
        position: absolute;
        top: 5px;
    }

    /* OSTRZEŻENIE O PLIKACH COOKIES OKIENKO */
    #cookie-warn, .mybox {
    position:fixed;
    top:120px;
    left:20px;
    background:#444;
    width:290px;
    height: 170px;
    z-index:3;
    display:none;
    border:2px solid;
    border-color:#444;
    border-radius:5px;
    }
    #cookie-warn a {
    color:#fff;
    }
    #cookie-warn a:hover {
    color:#DD2C00;
    }
    #cookie-warn p {
    font-size: 1.4rem;
    color:#fff;
    padding:12px 10px 7px 20px;
    }
    .mybox .btn{
    font-size: 1.4rem !important;
    margin-left: 15px;
    }

    @media(min-width: 280px) and (max-width:991px) {
    #cookie-warn, .mybox {
    width:250px;
    height: 160px;
    }
    #cookie-warn {
    position: fixed;
    bottom: 15px;
    top:auto;
    left:15px;
   }
   #cookie-warn p {
    font-size: 1.2rem;
    padding:10px 15px 7px 13px;
   }
   .mybox .btn{
    font-size: 1.1rem !important;
    margin-left: 20px;
    }
    }
    /* OSTRZEŻENIE O PLIKACH COOKIES OKIENKO END */

    /* <<<<<<<<<<<< PROGRAM KONFERENCJI CSS >>>>>>>>>>>>>> */
#pojazdy {
    color:#FFFFFF;
    background:/*#fac42b;ŻÓŁTY*//*#856363;*/#bdbdbd;
    padding: 100px 0 90px 0;
}
#pojazdy h4 {
    font-size:17px;
    letter-spacing:0;
}
#pojazdy .lead {
    color:#DD2C00;
}
#pojazdy img {
    border:2px solid #ffffff;
}
#pojazdy .nav-tabs {
    border-bottom:1px solid #ffffff;
    margin-bottom:20px;
    font-size:19px;
}
#pojazdy .nav-tabs > li > a {
    color: #ffffff;
    padding:10px 100px 10px 0;
    background: none;
    border:none;
    cursor: default;
}
#pojazdy .nav-tabs > li.active > a {
    color: #262626;/*CIEMNO SZARY*/
    padding:10px 50px 10px 0;
    border-bottom:4px solid #ffffff;
    padding:10px 100px 10px 0;
}
#pojazdy .nav-tabs > li > a:hover,
#pojazdy .nav-tabs > li.active > a:hover {
    color: #262626;
}
#pojazdy .panel {
    background:transparent;
}
#pojazdy .panel-body {
    border-top:1px solid #ffffff;
    padding:20px 0;
}
#pojazdy .panel-default {
    border:none;
    border-bottom:1px solid #ffffff;
    border-radius:0px;
}
#pojazdy .panel-default > .panel-heading {
    color: #333333;/*CIEMNO SZARY*/
    background:transparent;
    border-color: #ffffff;
    padding:10px 0;
}
#pojazdy .panel-title {
    float:left;
}
#pojazdy .panel-title > a {
    color: #262626;
    text-decoration:none;
    transition: all 0.1s;
}
#pojazdy .panel-title > a:hover {
    color: #ffffff;
}
#pojazdy .date {
    color:#000;
    margin-bottom:0;
    margin-left: 5px;
    font-size:17px;
    line-height:18px;
}
#pojazdy .speaker-name {
    color: #DD2C00;
    font-size:16px;
    /*letter-spacing:1px;*/
}
#pojazdy .panel-body h4 {
    color:#666666;
    font-size:21px;
}
#pojazdy .panel-body p {
    margin-right:10px;
    display:inline-block;
}
#pojazdy .panel-body p span {
    color:#666666;
    display:inherit;
}
#pojazdy .about-speaker i{
    color:#262626;
}
#pojazdy .about-speaker a{
    color:#262626;
    text-decoration:none;
    }
#pojazdy .about-speaker a:hover{
    color:#000000;
    text-decoration:none;
    }
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#myTab li {
    width:100%;
    }
#pojazdy .panel-title {
    display:block;
    float:none;
    }
#pojazdy .speaker-name {
    text-align:center;
    margin-top:20px;
    }
}
/* PROGRAM KONFERENCJI END */

/* >>>>>>>>>>>>>> LISTA PUNKTOWANA OFERTY <<<<<<<<<<<<<<< */
    .our_speciality_area {
        background-image: url(img/bg-1.jpg);
        background-position: center center;
        background-size: cover;
        position: relative;
        /*z-index: 1;*/
        background-attachment: fixed;
        overflow: hidden;
    }
    .our_speciality_area:before {
        background-color: rgba(0, 0, 0, 0.7);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        /*z-index: -1;*/
    }
    .single_speciality {
        margin-bottom: 15px;
        position: relative;
        z-index: 1;
    }
    .single_speciality_text {
        margin-left: 35px;
    }
    .single_speciality_icon {
        left: 0;
        position: absolute;
        transition-duration: 500ms;
        top: 0;
    }
    .our_speciality_area .single_speciality_icon i {
        color: #FFFFFF;
        font-size: 27px;
	}
    .single_speciality_text > h5 {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin-left: 1.5rem;
    }
    .our_speciality_area .section_heading {
        text-align: left;
    }
    .our_speciality_area .section_heading p {
        color: #FFFFFF;
    }

    /* The grid: Four equal columns that floats next to each other */
    .column {
      float: left;
      width: 20%;
      padding: 10px;
    }

    /* Style the images inside the grid */
    .gal_img_column img {
      opacity: 0.8;
      cursor: pointer;
    }

    .gal_img_column img:hover {
      opacity: 1;
    }

    /* Clear floats after the columns */
    .gal_img_row:after {
      content: "";
      display: table;
      clear: both;
    }

    /* The expanding image container */
    .gal_img_container {
      position: relative;
      display: none;
    }

    /* Expanding image text */
#gal_img_imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the expanded image */
.gal_img_closebtn {
  position: absolute;
  top: 0px;
  right: 15px;
  color: silver;
  font-size: 35px;
  cursor: pointer;
  mix-blend-mode: difference;
}

/* Next & previous galery buttons */
.gal_img_prev, .gal_img_next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "prev button" to the left */
.gal_img_prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}
/* Position the "next button" to the right */
.gal_img_next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.gal_img_prev:hover, .gal_img_next:hover {
  background-color: rgba(0,0,0,0.8);
}

.price_list_container_grid {
  display: grid;
  grid-template-columns: 60% 40%; /*columns widths*/
}

.price_list_column1 {
  float: left;
}

.price_list_column2 {
  float: right;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .gal_img_prev, .gal_img_next {font-size: 11px}
}