/*
color 1:
1D1E22

color 2:
f4d430

color 3:
D4D4DC
*/
html {
    scroll-behavior: smooth;
        }
  .footerColor {
    background: #b6b6bd;}
  .bacColor {
      background: #1d1e2288;}
    .bacColorF {
      background: #1D1E22;}
    .navColor {
      color: #f4d430;}
    .lineColor {
      background: #f4d430;}
    .grayBack{
      background: #D4D4DC;}
      .grayTxtx{
      color: #D4D4DC;}
    .grayTxt{
      color: #1D1E22;}
      .infoPanel{
          height: 400px;
        }
    .top-nav-collapse {
      background-color: #1D1E22 !important;}
    .navbar:not(.top-nav-collapse) {
      background: transparent !important;}
      @media (max-width: 800px){
      .navbar:not(.top-nav-collapse) {
        background: #0000009a!important;}
        
      }
      @media (max-width: 990px){
      .navbar:not(.top-nav-collapse) {
        background: #0000009a!important;}
        .infoPanel{
          height: 850px;
        }
        
      }
    @media (min-width: 800px) and (max-width: 850px) {
      .navbar:not(.top-nav-collapse) {
        background: #1D1E22!important;}
        
      }
      @media (max-width: 1023px){
        .dynaText{
          font-size: 50%;
        }
        
      }
      #pageLoad
      {
          position: fixed;
          width: 100vw;
          height: 100vh;
          background: #1D1E22 ;
          z-index: 99999;
          color:#f4d430;
  
      }
  
      .welcome-picture{
          width: 100vw; 
          max-height: 100vh; 
      }
  
      .li-carousel-second{
          height: 2px !important; 
          width: 100% !important;  
          border-radius: 0% !important; 
          background-color: #f4d430 !important;
      }
      .border-custom-button{
          border-color: #f4d430;
          color: #f4d430;
          border: 2px solid;
      }
      .border-custom-button:hover {
          background-color: #1D1E22 !important;
          border-color: #D4D4DC !important;
          color: #D4D4DC;
          border: 2px solid;
      }
  
      .custom-yellow-line{
        background-color: #383838 !important;
    }
      .custom-href{
          color: #96730a !important;
      }
      .cardColordark{
        color: #96730a !important;
    }
      .custom-href:hover{
        color: #f4d430 !important;
    }
  
      @media (min-width: 0px) and (max-width: 767px) {
        .startDance{
          font-size: 12px;
          }
          .dynamH1{
            font-style: bold !important;
            font-size: 20px;
            
          }
          .dynamH3{
            font-style: bold !important;
            font-size: 20px;
          }
          
        }
        @media (min-width: 0px) and (max-width: 370px) {
          .startDance{
            font-size: 12px;
            }
            .dynamH1{
              font-style: bold !important;
              font-size: 20px;
            }
            .dynamH3{
              font-style: bold !important;
              font-size: 20px;
            }
            .dynamCard{
              margin-top: 30px;
            }
            .photoHide{
              display: none;
            }
            
          }
  
        @media (min-height: 0px) and (max-height: 484px) {
          .startDance{
            font-size: 12px;
            }
            .dynamH1{
              font-style: bold !important;
              font-size: 20px;
            }
            .dynamH3{
              font-style: bold !important;
              font-size: 20px;
            }
            .dynamCard{
              margin-top: 30px;
            }
            .photoHide{
              display: none;
            }
          }
          .overCard:hover {
            background-color: #1d1e2277 !important;
            
        }
      .navbar-full-color{
        background: #1D1E22 !important;
      }
      .footerHover{
        color: #1D1E22 !important;
        
      }
      .footerHover:hover{
        color: #8d7a1a !important;
      }
      .grayHrefHover{
        color: #D4D4DC;
        
      }
      .grayHrefHover:hover{
        color: #f4d430;
      }
      .social-network-svg{
        transition: .7s ease;
      }
  
      .social-network-svg:hover{
        opacity: 1 !important;
        transition: .7s ease;
      }
  
      .customPill.active 
      {
        color: #1D1E22 !important;
        background-color: #D4D4DC !important;
        border: 1px #D4D4DC solid !important;
        
      }
      .customPill 
      {
        color: #D4D4DC !important;
        background-color: #1D1E22 !important;
        border: 1px #0e0e0f solid !important;
        border-radius: 0% !important;
      }
      .customPill:hover 
      {
        color: #f4d430 !important;
        background-color: #0e0e0f !important;
        border: 1px #0e0e0f solid !important;
      }
      .customPill.active:hover 
      {
        color: #1D1E22 !important;
        background-color: #D4D4DC !important;
        border: 1px #D4D4DC solid !important;
      }
      
      @media (min-width: 0px) and (max-width: 350px) {
          .customPill{
            width: 110px;
            height: 100%;
          }
      }
      .customPillPruvodce.active 
      {
        
        color: #D4D4DC !important;
        background-color: #1D1E22 !important;
        border: 3px #0e0e0f solid !important;
        border-radius: 0% !important;
        
      }
      .customPillPruvodce 
      {
        color: #1D1E22 !important;
        background-color: #D4D4DC !important;
        border: 3px #0e0e0f solid !important;
        border-radius: 0% !important;
      }
      .customPillPruvodce:hover 
      {
        color: #f4d430 !important;
        background-color: #0e0e0f !important;
        border: 3px #0e0e0f solid !important;
      }
      
      @media (min-width: 0px) and (max-width: 350px) {
          .customPillPruvodce{
            width: 110px;
            height: 100%;
          }
      }
      .pillH{
        color: #f4d430;
        background-color: #1D1E22;
      }
      .weCard{
        height: 680px;
      }
      @media (min-width: 0px) and (max-width: 767px) {
        .weCard{
          width: 100%;
          height: 100%;
        }
    }
    .weCardPruvodce{
      height: 780px;
    }
    @media (min-width: 0px) and (max-width: 767px) {
      .weCardPruvodce{
        width: 100%;
        height: 100%;
      }
  }
  .datStyle:focus
  {
    color: #1D1E22;
  }
  .datStyle:hover
  {
    cursor: pointer;
  }
  .datStyleLabel:hover
  {
    cursor: pointer !important;;
  }
    .inputStyle{
      border-bottom-color: #f4d430; 
      border-top-color: #1D1E22; 
      border-left-color: #1D1E22; 
      border-right-color: #1D1E22;
      border-top: none;
      background: none;
      color: #D4D4DC;
      border-radius: 0%;
      transition: .7s ease;
    }
    .inputStyle:focus{
      border-bottom-color: #f4d430; 
      border-top-color: #f4d430; 
      border-left-color: #f4d430; 
      border-right-color: #f4d430;
      background-color: #f4d430;
      border-radius: 0%;
      transition: .7s ease;
    }
    .inputStyleMes{
      border-bottom-color: #f4d430; 
      border-top-color: #f4d430; 
      border-left-color: #f4d430; 
      border-right-color: #f4d430;
      background: none;
      color: #D4D4DC;
      transition: .7s ease;
    }
    .inputStyleMes:focus{
      border-bottom-color: #f4d430; 
      border-top-color: #f4d430; 
      border-left-color: #f4d430; 
      border-right-color: #f4d430;
      background-color: #f4d430;
      border-radius: 0%;
      transition: .7s ease;
    }
    .inputStyleMes::-webkit-scrollbar-track {
      background: #D4D4DC !important;
      border-color: #f4d430 !important;
      border: 1px solid;
    }
    .inputStyleMes::-webkit-scrollbar-thumb {
      background: #1D1E22 !important;
      border-radius: 20px;
      border-radius: 20px;
      border: 0px solid;  
    }
    .inputStyleMes::-webkit-scrollbar {
      width: 6px;
    }
    .custom-control-label:before{
      border: none;
      background-color:#f4d430 !important;
    }
    .custom-switch .custom-control-input:checked~.custom-control-label::before
    {
      color:#f4d430 !important;
    }
    .custom-switch .custom-control-input:checked~.custom-control-label::after{
      background-color: #1D1E22 !important;
    }
    .custom-control-input~.custom-control-label::after{
      background-color: #1D1E22 !important;
    }
  
    .stepperCustomColor{
      background-color: #1D1E22 !important;
      color: #f4d430 !important;
    }
    .customLabel{
      color: #1D1E22   !important;
    }
    .customStepperLi:hover{
      background-color: #D4D4DC !important;
    }
    .customStepperLink:hover{
      background-color: #fed96a !important;
    }
  
    .customNote{
      border-radius: 5px;
      background-color: #1d1e2277;
    }
  
    .yellowBorder{
      border-color: #f4d430;
      color: #f4d430;
      border: 2px solid; 
    }
  
    .navGrayTxtx{
      color: white;
      transition: .7s ease;
    }
    .navGrayTxtx:hover{
      color: #f4d430;
      transition: .7s ease;
    }
    .serviceCard:hover
    {
      background-color: #1d1e2200 !important;
      transition: .7s ease;
    }
    .serviceCard
    {
      background-color: #1d1e2277 !important;
      transition: .7s ease;
    
    }
  
    @media (min-width: 0px) and (max-width: 500px) {
      .responziveFontNabidkaBig{
        font-size: 150%;
      }
    }
    @media (min-width: 0px) and (max-width: 350px) {
      .responziveFontNabidkaSmall{
        font-size: 80% !important;
      }
    }
  
  
  
  
    .customFormDatePicker{
      border-bottom-color: #f4d430 !important; 
      border-top-color: #1D1E22 !important; 
      border-left-color: #1D1E22 !important; 
      border-right-color: #1D1E22 !important;
      background: #1D1E22 !important;
      transition: .7s ease !important;
  
    }
    .customFormDatePicker{
      border-bottom-color: #f4d430 !important; 
      border-top-color: #1D1E22 !important; 
      border-left-color: #1D1E22 !important; 
      border-right-color: #1D1E22 !important;
      background: #1D1E22 !important;
      transition: .7s ease !important;
  
    }
  
  .customFormDatePickerLabel.active
  {
    color: #f4d430 !important;
    background-color: #00000000 !important;
  
  }
  
  .custom-href-dark{
    color: #96730a !important;
  }
  
  .custom-href-dark:hover{
  color: #383838 !important;
  }