h1,h2,h3,h4,h3,p{
    color:var(--colorTextDark);
    
  }
  *{
     scroll-behavior: smooth;
  }
  .main-color{color: #000 !important;}
  .main-bg-color{background-color: #f1f1f1 !important;}
  .main-bg-gradient{}
  .main-border-color{border-color: #000000 !important;}
  .main-btn-color-plus-bg{color: #fff !important;background-color: #4c80a7 !important;border-bottom: 6px solid #fff !important;}
  .main-btn-color-plus-bg:hover{color: #4c80a7 !important;background-color: #fff !important;border-bottom: 6px solid #4c80a7 !important;}
  .main-btn-gradient{}
  .main-btn-gradient:hover{}
  .main-link-color{color:#8d7760 !important;}
  body{
      font-display: auto;
      scroll-behavior: smooth;
  }
  body{
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: top center;
    font-family:var(--font)
  }
  /**************/
  /*  SLIDERS  */
  /************/
  #main-slider-wrap div a.main-btn-color-plus-bg {
      margin: 0px 5px;
      padding: 10px 30px;
      text-transform: uppercase;
      font-size: 14px;
      text-shadow: 1px 1px 0px #000;}
  #main-slider-wrap h3.slider-style-title{  font-family: 'Raleway',sans-serif;  font-size: 60px;}
  #main-slider-wrap .slider-style-title {text-shadow: 3px 3px 15px rgb(79, 76, 76); text-transform: uppercase; font-family: 'Raleway',sans-serif;}
  #main-slider-wrap .slider-style-description{text-shadow: 3px 3px 15px rgb(79, 76, 76);font-size: 40px; font-weight: bold; font-family: 'Raleway',sans-serif;}
  /* (section) Main-slider-wrap */
  
  #main-slider-wrap{}
          /* Slider type 1*/
          #main-slider-wrap.slider-type-1{}
          #main-slider-wrap.slider-type-1 .carousel-caption{
              top: 50%;
              right: 0;
              bottom: auto;
              left: 0;
              display: flex;
              align-items: center;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
          }
          /* END Slider type 1 */
          /* Slider type 2*/
          #main-slider-wrap.slider-type-2{}
          @-webkit-keyframes zoom {
              from {
                  -webkit-transform: scale(1, 1);
              }
              to {
                  -webkit-transform: scale(1.3, 1.3);
              }
          }
          @keyframes zoom {
              from {
                  transform: scale(1, 1);
              }
              to {
                  transform: scale(1.3, 1.3);
              }
          }
          #main-slider-wrap.slider-type-2 .carousel-item > img {
              -webkit-animation: zoom 15s;
              animation: zoom 15s;
          }
          #main-slider-wrap.slider-type-2 .carousel-caption{
              top: 50%;
              right: 0;
              bottom: auto;
              left: 0;
              display: flex;
              align-items: center;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
          }
      /* END Slider type 2 */
          /* Slider type 3*/
          #main-slider-wrap.slider-type-3{}
          #main-slider-wrap.slider-type-3 .carousel-caption{
              top: 50%;
              right: 0;
              bottom: auto;
              left: 0;
              display: flex;
              align-items: center;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
          }
          .carousel-control-next, .carousel-control-prev {
              z-index: 50;
          }
          #main-slider-wrap.slider-type-3 .carousel-item-next.carousel-item-left,
          #main-slider-wrap.slider-type-3 .carousel-item-prev.carousel-item-right {
              -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
          }
          #main-slider-wrap.slider-type-3 .carousel-item-next,
          #main-slider-wrap.slider-type-3 .active.carousel-item-right {
              -webkit-transform: translate3d(0, 100%, 0);
              transform: translate3d(0, 100% 0);
          }
          #main-slider-wrap.slider-type-3 .carousel-item-prev,
          #main-slider-wrap.slider-type-3 .active.carousel-item-left {
              -webkit-transform: translate3d(0,-100%, 0);
              transform: translate3d(0,-100%, 0);
          }
          /* END Slider type 3 */
          /* Slider type 4*/
          #main-slider-wrap.slider-type-4{}
          #main-slider-wrap.slider-type-4 .carousel-caption{
              top: 50%;
              right: 0;
              bottom: auto;
              left: 0;
              display: flex;
              align-items: center;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
          }
          /* END Slider type 4 */
  /* END Main-slider */
  /****************/
  /*  CAROUSEL'S */
  /***************/
  /* carousel type 1 */
  #carousel-type-1{padding:40px 10px 20px 10px;}
  #carousel-type-1 .col-center {
      margin: 0 auto;
      float: none !important;
  }
  #carousel-type-1 .carousel {
      margin: 30px auto 60px;
      padding: 0 25px;
  }
  #carousel-type-1 .carousel .item {
      text-align: center;
      overflow: hidden;
  }
  #carousel-type-1 .carousel .item h4 {
      font-family: 'Varela Round', sans-serif;
  }
  #carousel-type-1 .carousel .item img {
      max-width: 100%;
      display: inline-block;
  }
  #carousel-type-1 .carousel .item .btn {
      border-radius: 0;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      border: none;
      background: #a177ff;
      padding: 6px 15px;
      margin-top: 5px;
  }
  #carousel-type-1 .carousel .item .btn:hover {background: #8c5bff;}
  #carousel-type-1 .carousel .item .btn i {
      font-size: 14px;
      font-weight: bold;
      margin-left: 5px;
  }
  #carousel-type-1 .carousel .thumb-wrapper {
      margin: 5px;
      text-align: left;
      background: #fff;
      box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  }
  #carousel-type-1 .carousel .thumb-content {
      padding: 15px;
      font-size: 13px;
  }
  #carousel-type-1 .carousel .carousel-control {
      height: 44px;
      width: 44px;
      background: none;
      margin: auto 0;
      border-radius: 50%;
      border: 3px solid rgba(0, 0, 0, 0.8);
  }
  #carousel-type-1 .carousel .carousel-control i {
      font-size: 36px;
      position: absolute;
      top: 50%;
      display: inline-block;
      margin: -19px 0 0 0;
      z-index: 5;
      left: 0;
      right: 0;
      color: rgba(0, 0, 0, 0.8);
      text-shadow: none;
      font-weight: bold;
  }
  #carousel-type-1 .carousel .carousel-control.left i { margin-left: -3px;}
  #carousel-type-1 .carousel .carousel-control.right i { margin-right: -3px;}
  #carousel-type-1 .carousel .carousel-indicators { bottom: -50px;}
  #carousel-type-1 .carousel-indicators li,
  #carousel-type-1 .carousel-indicators li.active {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin: 4px;
      border-color: transparent;
  }
  #carousel-type-1 .carousel-indicators li {background: #ababab;}
  #carousel-type-1 .carousel-indicators li.active {background: #555;}
  #carousel-type-1 .carousel-multi-item .controls-top {text-align: center;margin-bottom: 1.88rem;}
  #carousel-type-1 .carousel-multi-item .controls-top .btn-floating {
      background: #4285f4;
  }
  #carousel-type-1 a.waves-effect, a.waves-light {
      display: inline-block;
  }
  #carousel-type-1 .btn-floating {
      -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
      box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
      width: 47px;
      height: 47px;
      position: relative;
      z-index: 1;
      vertical-align: middle;
      display: inline-block;
      overflow: hidden;
      -webkit-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      margin: 10px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      padding: 0;
      cursor: pointer;
  }
  #carousel-type-1 .waves-effect {
      position: relative;
      cursor: pointer;
      overflow: hidden;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
  }
  #carousel-type-1 .fa-chevron-left:before {
      content: "\f053";
  }
  #carousel-type-1 .fa-chevron-right:before {
      content: "\f054";
  }
  #carousel-type-1 .btn-floating i {
      display: inline-block;
      width: inherit;
      text-align: center;
      color: #fff;
  }
  #carousel-type-1 .btn-floating i {
      font-size: 1.25rem;
      line-height: 47px;
  }
  #carousel-type-1 .fa, .fas {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
  }
  #carousel-type-1 .fa, .fab, .fal, .far, .fas {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
  }
  /* END carousel type 1 */
  /********************/
  /* END  CAROUSEL'S */
  /******************/
  /************************/
  /* CAROUSEL-GALLERY'S */
  /********************/
  .post-inner-jcarousel {
      position: relative;
      overflow: hidden;
  }
  .post-inner-jcarousel ul {
      width: 10000em;
      position: relative;
      /* Optional, required in this case since it's a <ul> element */
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .post-inner-jcarousel li {
      /* Required only for block elements like <li>'s */
      float: left;
      border: 1px solid #fff;
  }
  .post-inner-jcarousel img {
      display: block;
      max-width: 100%;
      height: auto !important;
  }
  .post-inner-jcarousel-control-prev,
  .post-inner-jcarousel-control-next {
      position: absolute;
      top: 50%;
      margin-top: -15px;
      width: 30px;
      height: 30px;
      text-align: center;
      background: #4E443C;
      color: #fff;
      text-decoration: none;
      text-shadow: 0 0 1px #000;
      font: 24px/27px Arial, sans-serif;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-box-shadow: 0 0 4px #F0EFE7;
      -moz-box-shadow: 0 0 4px #F0EFE7;
      box-shadow: 0 0 4px #F0EFE7;
  }
  .post-inner-jcarousel-control-prev {
      left: 15px;
  }
  .post-inner-jcarousel-control-next {
      right: 15px;
  }
  /***************************/
  /* END CAROUSEL-GALLERY'S */
  /*************************/
  /***************************/
  /* MAIN STYLES */
  /*************************/
  /*
  h1, .h1 {font: normal bold 56px 'Open Sans';}
  h2, .h2 {font: normal normal 40px 'Open Sans';}
  h3, .h3 {font: normal normal 36px 'Open Sans';}
  h4, .h4 {font: normal normal 28px 'Open Sans';}
  h5, .h5 {font: normal normal 24px 'Open Sans';}
  h6, .h6 {font: normal normal 16px 'Open Sans';}
  */
  /***************************/
  /* END MAIN STYLES */
  /*************************/
  /***************************/
  /* PAGE CONTACT STYLES ****/
  /*************************/
  #main-content.page-contact-content{
      overflow: hidden;
  }
  #main-content.page-contact-content .container{
      padding: 60px 35px;
      background-color: rgba(255,255,255, .92);
  }
  #main-content.page-contact-content #page-contact-block-info{
      padding-top: 15px;
      /*background-color: #fff;
      padding: 35px 60px;*/
  }
  #main-content.page-contact-content #page-contact-block-form{
      margin-top: 25px;
      padding-top: 25px;
      border-top: 1px solid #ccc;
  }
  #main-content.page-contact-content #page-contact-block-form .help-block.help-block-error {
      font-size: 1.2rem;
      color: #dc3545;
  }
  #main-content.page-contact-content #page-contact-block-map{
      border-bottom: 0 none;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
  }
  @media (min-width: 992px) {
      #main-content.page-contact-content #page-contact-block-form{
          padding-left: 35px;
          border: none;
          border-left: 1px solid #ccc;
      }
  }
  /***************************/
  /* END PAGE CONTACT STYLES /
  /*************************/
  /***************************/
  /* POST PAGES STYLES ******/
  /*************************/
  #main-content.page-post-content,
  #main-content.page-rooms-content,
  #main-content.page-contact-content{overflow: hidden;}
  #main-content.page-post-content .container,
  #main-content.page-rooms-content .container,
  #main-content.page-contact-content .container
  {
      padding: 25px 15px;
      background-color: rgba(255,255,255, .92);
  }
  .text_tittle h1 {
      color: var(--colorBlack);
          font-size:2rem;
          text-transform: none;
          text-align: left;
          font-family: 'Baloo Bhaina 2';
          margin-bottom: 1rem;
          font-weight: 300;
  }
  
  @media(max-width: 992px) {
  .text_tittle h1 {
      color: var(--colorBlueText);
          font-size:1.5rem;
          text-transform: none;
          text-align: left;
          font-family: 'Baloo Bhaina 2';
          margin-bottom: 0.5rem;
          font-weight: 300;
  }	
  }
  #main-content.page-post-content img {
      max-width: 100%;
      height: auto;
  }
  /**************************/
  /* END POST PAGES STYLES */
  /************************/
  /***************************/
  /* HOME PAGE SECTIONS */
  /*************************/
  /* Main styles */
  .container-main{
      width: 100% !important ;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
  /* Main posts */
  #section-offers {padding: 50px 0px;}
  #section-offers .section-offers-card-img{height:300px;}
  #section-offers .section-offers-card-title{text-transform:uppercase;}
  #section-offers .card-body a > h4 {color: #87755f;}
  #section-offers .card-body a:hover > h4 {text-decoration: none!important; color: #6dbaf0;}
  #section-offers .card-text{
      color: #87755f;
      text-align: center;
  }
  div.contact-tel-ico:before {
      content: " ";
      display: inline-block;
      background-image: url('../../rezerwacje/img/ico/ico_tel.png');
      background-size: 20px;
      width: 20px;
      height: 20px;
      margin: 0 6px 0 0;
  }
  div.contact-mail-ico:before {
      content: " ";
      display: inline-block;
      background-image: url('../../rezerwacje/img/ico/ico-mail.png');
      background-size: 16px;
      background-position: 0px 5px;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
      margin: 0 6px 0 0;
  }
  /* About Gallery */
  #carousel-gallery-type-1-about-gallery div.jumbotron {
      color: #fff; 
      text-shadow: 1px 1px 2px #000; 
      text-transform: uppercase;
      text-align: center;
      background: none;}
  #carousel-gallery-type-1-about-gallery div.row {margin: 0;}
  #carousel-gallery-type-1-about-gallery div.jumbotron p {font: normal normal 24px 'Open Sans';}
  #carousel-gallery-type-1-about-gallery div.jumbotron h2 {font: normal bold 48px 'Open Sans';}
  #carousel-gallery-type-1-about-gallery {padding: 60px 0px;}
  /***************************/
  /* END HOME PAGE SECTIONS */
  /*************************/
  /***************************/
  /*          RODO          */
  /*************************/
  /* for contact form */
  #itstart-rodo-box-2 {
      width: calc(90% - 30px);
      height: auto;
      position: fixed;
      left: 5%;
      top: 50px;
      z-index: 3000;
      background: #fff;
      padding: 15px;
      text-align: justify;
      box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;
      overflow-y: scroll;
      color: #000;
      font-size: 16px;
  }
  #itstart-rodo-close-button-2 {
      text-align: right;
      font-size: 30px;
      cursor: pointer;
      width: 30px;
      margin-left: calc(100% - 30px);
  }
  .itstart-rodo-contact-text {
      font-size: 18px;
  }
  /****************/
  /* ANOTHER CSS */
  /**************/
  
  
  #icons-social-pattern_type_1{
  
  }
  #icons-social-pattern_type_1 .icons-social{
      width: 128px;
      height: 128px;
      margin: 0 25px 0 0;
      float: left;
      cursor: pointer;
      overflow: hidden;
      text-indent: -9999px;
      background: url(images/icons/icons_social/icons_pattern_type_1.png) no-repeat;
  
  }
  #icons-social-pattern_type_1 .icons-social.icon-huge{
  
  }
  
  #icons-social-pattern_type_1 .icons-social.icon-big{
  
  }
  
  #icons-social-pattern_type_1 .icons-social.icon-small{
      width: 40px;
      height: 40px;
      background-size: 252px;
      margin: 0 12px 0 0;
  }
  #icons-social-pattern_type_1 .icons-social.icon-extra-small{
      width: 30px;
      height: 30px;
      background-size: 182px;
      margin: 0 7px 0 0;
  }
  #icons-social-pattern_type_1 .icons-social:last-child {
      margin: 0 !important;
  }
  /*
  #icons-social-pattern_type_1 .icons-social.icon-facebook{background-position: -8px -11px;}
  #icons-social-pattern_type_1 .icons-social.icon-twitter{background-position: -164px -9px;}
  #icons-social-pattern_type_1 .icons-social.icon-instagram{background-position: -323px -332px;}
  #icons-social-pattern_type_1 .icons-social.icon-google-plus{background-position: -323px -9px;}
  #icons-social-pattern_type_1 .icons-social.icon-trip-advisor{background-position: -7px -329px;}
  #icons-social-pattern_type_1 .icons-social.icon-youtube{background-position: -7px -169px;}
  */
  #icons-social-pattern_type_1 .icons-social.icon-small.icon-facebook{background-position: -4px -5px;}
  #icons-social-pattern_type_1 .icons-social.icon-small.icon-twitter{background-position: -55px -5px;}
  #icons-social-pattern_type_1 .icons-social.icon-small.icon-instagram{background-position: -107px -109px;}
  #icons-social-pattern_type_1 .icons-social.icon-small.icon-google-plus{background-position: -107px -6px;}
  #icons-social-pattern_type_1 .icons-social.icon-small.icon-trip-advisor{background-position: -4px -109px;}
  #icons-social-pattern_type_1 .icons-social.icon-small.icon-youtube{background-position: -5px -58px;}
  
  #icons-social-pattern_type_1 .icons-social.icon-extra-small.icon-facebook{background-position: -3px -3px;}
  #icons-social-pattern_type_1 .icons-social.icon-extra-small.icon-twitter{background-position: -40px -4px;}
  #icons-social-pattern_type_1 .icons-social.icon-extra-small.icon-instagram{background-position: -77px -79px;}
  #icons-social-pattern_type_1 .icons-social.icon-extra-small.icon-google-plus{background-position: -77px -4px;}
  #icons-social-pattern_type_1 .icons-social.icon-extra-small.icon-trip-advisor{background-position: -3px -79px;}
  #icons-social-pattern_type_1 .icons-social.icon-extra-small.icon-youtube{background-position: -3px -41px;}
  
  
  .carousel-item img {
      height: 100vh;
  }
  .carousel-item img {
      object-fit : cover;
  }
  
  
  /* for contact form in post */
  .contact-form input[type="checkbox"] {
      width: 40px;
      display: inline-block;
  }
  .contact-form #rodo_label {
      color: #0069d9 !important;
      cursor: pointer;
  }
  .contact-form .contact-form button {
      margin-top: 25px;
  }
  /**/
  
  
  
  /***************************/
  /*          MEDIA         */
  /*************************/
  
  
  
  /*****************/
  /*  MAX WIDHT  **/
  /***************/
  @media(max-width:767px) {
      body{
          background: none !important;
      }
  }
  @media (max-width: 992px) {
      #main-slider-wrap.slider-type-2, #main-slider-wrap, #main-slider-type-2, .carousel-inner, .carousel-item, .carousel-item img {
          height: 400px;
      }
      #main-slider-wrap.slider-type-2 .carousel-item > img {
              -webkit-animation: none;
              animation: none;
          }
  }
  /*****************/
  /*  MIN WIDHT  **/
  /***************/
  /*Small devices (landscape phones, 576px and up)*/
  @media (min-width: 576px) {
      #album-main-posts div.col-sm-6:nth-child(2) {padding-top: 0px;}
      /* load bg on Small devices */
      /* Contact Form Section */
      #contact-form-main.contact-form-main-1 {background-image: url('../../rezerwacje/img/contact-form.jpg');}
  }
  /* Small devices (tablets, 768px and up) */
  @media (min-width: 768px) {
      .container-main {max-width: 850px !important;}
      #carousel-gallery-type-1-about-gallery div.jumbotron p {font: normal normal 32px 'Open Sans';}
      #carousel-gallery-type-1-about-gallery div.jumbotron h2 {font: normal bold 68px 'Open Sans';}
  }
  /* Medium devices (desktops, 992px and up) */
  @media (min-width: 992px) {
      .container-main {max-width: 1000px !important;}
      #carousel-gallery-type-1-about-gallery div.jumbotron p {font: normal normal 46px 'Open Sans';}
      #carousel-gallery-type-1-about-gallery div.jumbotron h2 {font: normal bold 96px 'Open Sans';}
      #album-main-posts div.col-sm-6 {padding-top: 0px;}
  
      /***************************/
      /* POST PAGES STYLES ******/
      /*************************/
      #main-content.page-post-content,
      #main-content.page-rooms-content,
      #main-content.page-contact-content{overflow: hidden;}
      #main-content.page-post-content .container,
      #main-content.page-rooms-content .container,
      #main-content.page-contact-content .container
      {
          padding: 60px 35px;
          background-color: rgba(255,255,255, .92);
      }
  }
  /* Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
      .container-main {max-width: 1420px !important;}
  }
  
  
  
  /* scroll */
  #itstart-rooms-picker-inner::-webkit-scrollbar {
    width: 20px !important;
  }
  /* Track */
  #itstart-rooms-picker-inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey !important;
  }
  /* Handle */
  #itstart-rooms-picker-inner::-webkit-scrollbar-thumb {
    background: #02aee7 !important;
  }
  /* Handle on hover */
  #itstart-rooms-picker-inner::-webkit-scrollbar-thumb:hover {
    background: #02aee7 !important;
  }
  
  
  @media only screen and (max-width: 992px)  {
      #itstart-rooms-picker-inner::-webkit-scrollbar {
        width: 15px !important;
      }
  }
  
  @media only screen and (max-width: 600px)  {
      #itstart-rooms-picker-inner::-webkit-scrollbar {
          width: 0 !important;
      }
  }
  
  /*-----------------------------------------------------------------------------------------custom styles*/
  :root{
    --colorBlack:#444;
    --colorPurple:#af23f2;
    --colorOrange:#ff6a00;
    --newSectionGap:5px;
    --newSectionOuterGap:calc(var(--newSectionGap)*3);
    --bgColor_white:#f5f5f7;
    --font:'Baloo Bhaina 2', 'Poppins';
    --transition_main:200ms;
    --bgColor_dark:#a7a7a7 ;
    --bgColorLight:#fff;
     --colorBgNav:#dadada;
    --colorBluetLight:#1db9e4;
    --sectionHeight_short:40vh;
    --colorBlueText:#00BBFF;
    --colorGrayText:#666666;
    --colorTextDark:#404040;
    --borderColorViolet:#1db9e4;
    --textExtraColor:#1db9e4;
    --radiusSmall:5px;
    --gradient90:linear-gradient(90deg, rgb(250, 250, 250) 0%, rgb(245, 245, 245) 15%, rgb(242, 242, 242) 40%, rgb(211, 211, 211) 100%);
     --gradientReverse:linear-gradient(225deg,#313131 0%,#c1c1c1 25%,#efefef 52%,rgba(255,255,255,1) 100%) ;
     --gradient:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgb(255, 252, 252) 15%, rgba(212, 212, 212, 1) 40%, rgb(0, 0, 0) 100%);
   
    
  }
/* box - book*/
.tittle_graph{
  max-width:200px;
  
}
.section_graph{
  max-width:500px;
}

@media (max-width:1100px){
  .section_graph{
    position:relative;
    top:0;
    left:50%;
    transform:translateX(-50%)
  }
}
@media (max-width:900px){
  .section_graph{
   max-width:400px;
  }
  .tittle_graph {
    max-width: 150px;
}
}

  .mobile-header{
    display:none;
  }
  .text_color{
    color:var(--textExtraColor);
  }
  #box_2,#box_3,#box_4,#box_5{
    min-height:100vh;
    box-shadow:none!important;
    background-color: var( --bgColorLight)!important;
    background: var( --bgColorLight)!important;
  }

  #box_2,#box_4{
    min-height:var( --sectionHeight_short);
    background-color:var(--bgColor_dark)!important;
    background:var(--bgColor_dark)!important;
  }
#box_4{
  min-height:360px!important;
}
  #box_1{
    min-height:calc(100vh - 70px);
  
      background-position: center right;
      background-size: cover;
    margin-top:70px;
    position:relative;
    top:0;
    left:0;
    
  }
  .container{
    height:100%;
    max-width:100%!important;
  }
  /* Tabela w boxach potrzebuje tego aby suwak się nie pokazywał*/
  .table td{
    overflow:hidden;
  }
  /*------------------------------------------UI Elements*/
  .btn_2{
    transition:var(--transition_main);
      border-radius:40px;
      border:1px solid var(--borderColorViolet);
      height:35px;
      color:var( --borderColorViolet);
       background:white;
      padding:0px 20px;
       line-height:38px;
      font-size: 14px;
  }
  .btn_2:focus{
    outline:none;
  }
  .btn_2:hover{
    background:var(--borderColorViolet);
    color:white;
    
  }
  .btn_round{
    border:1px solid var(--borderColorViolet);
    height:40px;
    border-radius:40px;
    min-width:170px;
    color:white;
    background:var(--borderColorViolet);
     transition:var(--transition_main);
    line-height: 40px;
  }
  .btn_round:hover{
    background: var(--borderColorViolet);
    color:white;
  }
  .btn_round:focus{
    outline:none;
  }
.btn_regulamin {
    margin: 20px 0;
    display: flex;
    justify-content: center;
  font-size:15px;
}
.btn_regulamin a {
  color:white;
}
/*carousel products*/
.carousel_row{
   justify-content:center;
  margin-bottom:60px;
}
#projectsCarousel .carousel-inner{
  width:930px;
}
#projectsCarousel .carousel-item.active{
  display:flex;

  
}
#projectsCarousel .carousel-item{

  justify-content:center;
  width:930px;
  
}
#projectsCarousel .carousel-item img{
 max-width:300px;
  max-height:300px;
}
#projectsCarousel .carousel-item img:nth-child(1),#projectsCarousel .carousel-item img:nth-child(2){
  margin-right:15px;
}
#cars-comments{
   background: transparent;
    border-radius: 10px;
    height: 150px;
  padding: 15px;
}
#cars-comments .carousel-item.active{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#cars-comments .carousel-inner{
  max-width:800px;
}
#cars-comments   .carousel-item p{
  color:black;
}
#cars-comments   .carousel-item .user_name{
  font-size:22px;
border-bottom:1px solid gray;
}
/*Hotels corusel*/

#projectsCarousel.hotels-carousel .carousel-item img{
  max-height:unset;
  
}
@media(max-width:690px){
  #cars-comments .carousel-inner,#cars-comments .carousel-item{
    height: initial;
  }
  #cars-comments{
    height:initial;
  }
  #projectsCarousel .carousel-inner {
    width: 95vw;
    height:auto;
}
  #projectsCarousel .carousel-item{
  width:95vw;
    height:auto;
    
}
  #projectsCarousel .carousel-item img{
 max-width:calc((95vw / 2) - 15px);
  max-height:calc((95vw / 2) - 15px)!important;
}
}

  /*-----------------------------------------Karty produktów*/
  .card_custom{
    border-radius:var(--radiusSmall);
    display:flex;
    flex-direction:column;
    align-items:center;
    width:480px;
    height:502px;
    margin-bottom:30px;
    box-shadow:0 2px 6px rgba(112,112,112,0.2);
    background:white;
  }
  .card_picture{
    height:50%;
    width:100%;
    background-size:cover;
    border-radius:var(--radiusSmall);
        background-repeat: no-repeat;
  background-position:center;
  }
  .card_body{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    height:50%;
    padding:20px 10px;
  }
  .card_body button{
  margin-top:auto;
    
    
  }
  .card_tittle{
    text-align:center;
    font-size:14px;
        font-weight: 600;
  }
  .card_tittle::after{
    margin-top:10px;
    content:"";
    display:block;
    width:50px;
    height:1px;
    background:var(--colorGrayText);
    position:relative;
    top:0;
      left:50%;
    transform:translateX(-50%);
  }
  .card_text{
    text-align:center;
    margin-top: 5%;
    font-weight: 300;
  }
  
  .btn_absolute{
      position: absolute;
      bottom: 120px;
      left: 50%;
      transform: translateX(-50%);
  }
  .mobile-header p{
    text-align:center;
  }
  
   .intro_texts_wrap-mobile{
     display:none;
}
  /*cookies modal*/

#cookie-rodo-info .modal-content{
  position: absolute;
  bottom:0;
  border: 1px solid rgba(76, 76, 76, 0.2)!important;
  border-radius: 0rem!important;
  
}
@media(max-width:1025px){
   #cookie-rodo-info .modal-content{
     bottom:unset;
  }
}
#cookie-rodo-info{
  z-index:9999;
}
#cookie-rodo-info .modal-content p{
  font-size:14px;
  text-align: justify;
}
#cookie-rodo-info  .modal-dialog{
  max-width:90vw!important;
  min-height:100%!important;
  margin:0 auto!important;
}


  @media (max-width:1024px){
     .mobile-header{
      display:block;
    }
    .section1_right .section1_right_tittle,
    .section1_right p{
      display:none;
    }
    .btn_absolute{
      position:static;
      transform:initial;
    }
    .section1_right_tittle{
      margin-top: 5vh!important;
    }
  }

  
  @media (max-width:545px){
    #box-1 .content_wrap {
 
    padding-left: 0px!important;
}
    #cookie-rodo-info .modal-content p{
  font-size:12px;
 
}
    #box_2 .post-box-1{
      padding:15px!important;
      
    }
  .post-box-1  .frame_box2{
    margin-top:5px!important;
    border-radius:5px!important;
    }
    
    .card_custom{
    width:90%;
    
    }
      .section1_right_tittle{
     font-size:26px;
    }
    .intro_text{
      font-size:18px;
    }
    .intro_texts_wrap{
      display:none;
     width:80%!important; 
      margin-bottom: 90px!important;
    }
    .intro_texts_wrap-mobile{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      height:60vh;
      margin-top:20vh;
    }
     
    .section1_right button{
      display:none!important;
    }
    
  }
  @media(max-width:500px){
    .row{
      margin-left:0;
      margin-right:0;
    }
   
    
  }
  /*Margin bug*/
.lead > .row{
  margin-left:0!important;
  margin-right:0!important;
}
  /* Tabela sklep*/
    
  .tooltip1, .tooltip2, .tooltip3 {
    cursor: initial!important; 
}
.offer .title{
  flex-direction:column;
  height:unset!important;
  position:static!important;
}
.offer .title .shop_title-desc{
  color:#999;
}
.toolTip{
  top:unset!important;
  bottom:100%;
}
.offer{
  position:relative;
  top:0;
  left:0;
  padding: 15px 0!important;
  height:initial;
}
.offer >div {
  margin-bottom:10px;
}
.offer .small_text{
      color: #999;
     font-weight: 300;
    font-family: "Arial";
    font-size: 12px;
    margin-bottom: 10px;
}
.offer .price{
  font-size:22px!important;
  flex-wrap:wrap;
}
.offer .price p{
  margin:0!important;
}
.old-price{
  text-decoration:line-through ;
  font-size:18px!important;
  font-weight:100;
  margin-right:5px;
}
.offer .price p.price_value{
  margin-right:10px!important;
}
.price_small{
  font-size:14px;
}
 
.price-sec-row{
  width:100%;
}
.price-sec-row p{
  font-size:18px;
}
/*scroll anchors*/
.scroll_parent {
    position: relative;
    top: 0;
    left: 0;
}
.place-to-scroll {
    position: absolute;
    top: -120px;
    left: 0;
}
.bottom-trigger{
  position:absolute;
  bottom:120px;
  left:0;
}
.food-away-shop td {
  height:unset;
}

/*-------------------------------------------------------------------------------------------------------  Nowa sekcja*/

.icons-box{
  display:flex;
  align-items:center;
}
.new_features{
  margin: 5px 0;
    color: white;
    display: flex;
    align-items: center;
}
.new_features .check_icon {
    margin-right: 15px;
  flex-shrink:0;
}
.new_section-icon{
    width: 60px;
    filter: grayscale(1);
    margin-right: 20px;
}
.check_icon {
    display: inline-block;
    background-image: url(/rezerwacje/img/images_for_template/check.png);
    background-repeat: no-repeat;
  background-position:center;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

.section_new-title {
    text-align: center;
    color: white;
}
#section_calkulator .section_new-title{
  color:black;
}

.new_picture-box {
    background-color: var(--colorBlack);
}

.new_text-box {
    background-color: var(--colorBlack);
    margin: var(--newSectionGap);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section_content>div {
    margin: 10px;
}

/*-----------------------------------------------sekcja 1*/
.section_new-info {
    width: 100%;
    height: 70vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.section_new-features {
    justify-content: center;
    margin-top: 0px;
}
.section_new-features .new_features{
  color:black;
  
}

.section_typeA {
    /*padding:30px 0;*/
    background: white;
}

.section_typeA>div {
    margin-bottom: 0px;
  margin-top:0px;
}

.section_title-wrap {
    min-height: 10%;
}

.new-section_content {
    min-height: 100%;
    justify-content: center;
    padding: 0 var(--newSectionOuterGap);
    flex-wrap: nowrap;
}
.bigger_icon{
     margin-bottom: 40px;
    align-self: center;
    color: var(--colorBluetLight);
 
    font-size: 35px;
}
#section_calkulator .bigger_icon{
  margin-bottom:0;
  margin-top:20px;
  
}
.new_picture-box {
    margin: var(--newSectionGap);
  background-color: var(--bgColor_white);
      flex: 1 0 100%;
}
.picture-view {
  background-image:url("/rezerwacje/img/images_for_template/monitory-pizzeria-demo-nowe.png");
  background-size:100%;
  background-position:center;
  background-repeat:no-repeat;
}
/*---------------------------------------------Kalkulator*/
#section_calkulator {
    /*background-color: var(--bgColor_white);*/
    padding: 20px 0;
    margin-bottom: 0px;
    min-height: 450px;
    height: unset;
}

.calculator_wrap {
    display: flex;
    justify-content: center;
}

.calculator_body {
    min-height: 150px;
    background: transparent;
    width: 100%;
    box-shadow: 0px 5px 8px 0px rgba(148, 148, 148, 1);
    border-radius: 0px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
  border-radius:5px;

}

.calc_item:hover {
    box-shadow: 0px 6px 10px 0px rgba(148, 148, 148, 1);
}

.calc_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    border-right: 1px solid #f5f5f7;
  background:white;
}
.calc_item:nth-child(1){
  border-bottom-left-radius:var(--radiusSmall);
}
.calc_item:nth-last-child(1){
   border-bottom-right-radius:var(--radiusSmall);
}

.calc_item:nth-child(1) {
    border-left: 1px solid #f5f5f7;
}

.calculator_title-wrap{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  
}
.calculator_title-wrap p{
  margin:0;
  font-size:18px;
}


.item_text {
     height: 30%;
     border-top-left-radius:var(--radiusSmall);
     border-top-right-radius:var(--radiusSmall);
     width: 100%;
     background: var(--colorBlack);
}
.calc_item:nth-last-child(1) .item_text p{
  color:var(--colorBlueText);
  font-size:16px;
  margin:0;
  
}

.calc_item:nth-last-child(1) .item_text{
  display: flex;
  justify-content: center;
  align-items: center;
}
.calc_value {
    font-size: 24px;
    margin: 0;
    color:black;
  font-weight:500;
}

p .calc_value {
    margin-left: 10px;
}

.item_text p {
  font-size:13px;
    margin-top: 15px;
    margin-bottom: 0;
  text-align: center;
  color:white;
}

p.text_value {
    margin: 0;
    text-align: center;
}

.item_value {
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 15px;
}

.calc_item:nth-last-child(1) .item_value {
    align-items: flex-start;
}

.calc_item:nth-last-child(1) .item_value p {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

#base_value {
    width: 70%;
    height: 50px;
    outline: none !important;
  font-weight: 500;
    color: black;
    font-size: 20px;
  border-radius:var(--radiusSmall);
}

/*-----------------------------------------------sekcja 1*/
/*--------- Sekcja Demo*/
.new_demo-box {
    margin: var(--newSectionGap);
    width: calc(50% - 3 * var(--newSectionGap));
  position:relative:
    top:0;
  left:0;
}
.demo_cover{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  backdrop-filter: blur(1px);
}
#section_demo > div > div{
  border:10px solid black;
}
.new_demo-box:nth-child(1) {
    background-color: black;
  background-image:url("/rezerwacje/img/images_for_template/demo_v2.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
}

.new_demo-box:nth-child(2) {
    background-color: var(--bgColor_white);
}

/* varical nav*/
.vertical_nav {
    position: absolute;
    top: 0;
    left: -100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    background-color: var(--colorBlack);
    height: calc(100vh - 90px);
    z-index: 999;
}
@media(max-width:1024px){
  .vertical_nav {
    display:none;
  }
}
.vertical_nav.fixed {
    position: fixed;
    top: 90px;
    left: 0;
}

.vertical_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vertical_nav ul>li a {
    color: var(--colorBluetLight);
    font-size: 13px;
    text-align: center;
  transition:300ms;
}

.veritcal_nav-item {
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.veritcal_nav-item.active {
    transform: scale(1.1);
}

.veritcal_nav-item:hover {
    transform: scale(1.1);
    text-decoration: none;
    color: var(--colorPurple);
}

.veritcal_nav-item i {
    color: var(--colorBluetLight);
    font-size: 18px;
    margin-bottom: 10px;
}

.veritcal_nav-item i.active,
.veritcal_nav-item a.active {
  color:#f7943f;
    color: var(--colorOrange);
}

/*Sekcja Demo*/

#section_demo .new-section_content {
    min-height: 100%;
}
#section_demo{
  min-height:100vh;
}
/*Test marketing*/
#section_marketing .new_picture-box{
  background-size:cover;
  background-position:center;
  
}
#section_funcionality .new_picture-box{
  /*background-image:url("/rezerwacje/img/images_for_template/box_img_3.jpeg");*/
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content: center;
}

.button_demo{
  font-size: 22px;
  z-index:2;
 position: relative;
  top:50%;
  left:50%;
  width:min(300px,95%);
  height:80px;
  text-align:center;
  background-color:var(--borderColorViolet);
  color:white;
  border-radius:30px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:translate(-50% ,-50%);
  transition: 300ms;
  text-transform:uppercase;
  filter: drop-shadow(2px 4px 6px black);
  border: 2px solid #ffffff;
  text-shadow: 2px 2px 0 rgb(0 0 0 / 20%);
  box-shadow: inset 3px 3px 22px #ffffffa3;
}
.button_demo:hover{
border:2px solid transparent;
}
.demos{
/* color:red; */
font-weight:bolder;
margin-left:5px;
margin-right:5px;
text-shadow:none;
}
.button_demo:hover{
  text-decoration:none;
  transform:translate(-50% ,-50%) scale(1.03);
  color:white;
}

/*Slider*/
#new_box-functions-carousel .carousel-inner, #new_box-functions-carousel .carousel-item{
  height:100%;
}
#new_box-functions-carousel {
  width:100%;
}
#new_box-functions-carousel .carousel-item img{
  width:100%;
}
#new_box-functions-carousel .carousel-item img.slider_image-vertical{
  width:auto;
  height:90%;
}
/*#new_box-functions-carousel .carousel-item.slide6.active{
  display:flex;
  justify-content:space-evenly;
  align-items:center
}*/

/*PayU icon*/
.page_icon{
   background-position:center;
  background-size:100%;
  background-repeat:no-repeat;
}
.google-icon{
   background-image:url(/rezerwacje/img/images_for_template/google_moja_forma.png);
      width: 30px;
       height: 30px;
  margin-left:15px;
}
.responsive-icon{
   background-image:url(/rezerwacje/img/images_for_template/responsive_min.png);
    width: 35px;
    height: 35px;
    margin-left:15px;
}
.certificate-icon{
    background-image:url(/rezerwacje/img/images_for_template/ssl-badge-64-blue.png);
    width: 35px;
    height: 35px;
    margin-left:15px;
}
.payU-icon{
  background-image:url(/rezerwacje/img/images_for_template/payu-got.png);
  background-position:center;
  background-size:100%;
  background-repeat:no-repeat;
     width: 60px;
    min-height: 25px;
    margin-left:15px;
  
}
.printer-icon{
    background-image:url(/rezerwacje/img/images_for_template/ikona_printer.png);
  background-position:center;
  background-size:100%;
  background-repeat:no-repeat;
  width: 40px;
    margin-left: 20px;
    height: 40px;
    filter: invert(1);
}
/*Media for new Section*/
@media (max-width:1100px){
  #main-content.page-post-content .icons-box img{
    max-width:15%;
    
  }
  
}
@media (max-width:900px){
  
  #vartical-nav{
    display:none;
  }
  .item_value p{
    font-size:14px;
  }
  .calc_value{
    font-size:16px;
  }
  #base_value{
    font-size:16px;
    background:white;
  }
  .new_features {

    font-size: 16px;
  
}
  .section_new-title{
    font-size: 20px;
  }
  .new_picture-box{
        flex-basis: calc(50% - 10px);
  }
  .new_text-box{
     flex-basis: calc(50% - 10px);
  }
  .new-section_content{
    flex-direction: column;
  }
   .new-section_content.mobile-reverse{
     flex-direction:column-reverse;
  }
  .new_demo-box{
    width:unset;
    /*flex-basis: 50%;*/
  }
}
/*Totali mobile styles-- vertical layout*/
@media (max-width:768px){
  .new_features{
    font-size: 14px;
  }
  .new_text-box{
     max-width: calc(100% - 10px);
  }
  .new_picture-box{
    max-width: calc(100% - 10px);
  }
  .calculator_body{
    flex-direction:column;
    align-items: center;
  }
  .calc_item{
    width: 80%;
    height: 120px;
    margin-bottom:10px;
    border-radius:var(--radiusSmall);
  }
  .section_new-info{
    height: 160vh;
    min-height:100vh
  }
  .calculator_body{
    background: transparent;
    box-shadow:none;
  }
  .icons-box{
    margin:15px 0;
  }
  #section_demo .new-section_content{
    padding: 10px 10px;
  }
  .new-section_content{
    padding: 0 calc(var(--newSectionOuterGap) / 3);
  }
}

/*--------------------------------------------------------------------------------------------------------  Nowa sekcja*/