.Lektorzy-widget-container{
    background-color: white !important;
    font-family: 'Roboto' !important;
}
.widget-menu-title{
    font-family: 'Roboto';
    color:#02003b;
    font-weight: bold;
    font-size:42px;
}
a.button-leftside {
  font-family: 'Roboto';
  text-decoration: none !important;
  padding: 16px 24px 15px;
  border-radius: 13px;
  color: white !important;
  background-color: #02003B;
  border: none;
  outline: none;
  height: auto;
  max-width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  border: 2px solid transparent;

  -moz-box-shadow: 0 5px 25px 0 #02003b3c !important;
  -webkit-box-shadow: 0 5px 25px 0 #02003b3c !important;
  box-shadow: 0 5px 25px 0 #02003b3c !important;

  transition: all .3s;
}
a.button-leftside:hover {
  border: 2px solid #02003B;
  color: #02003B !important;
  background-color: white;
}
.lektorzy-widget-menu{
    font-family: 'Roboto';
    display:grid;
    grid-template-columns: repeat(2,1fr);
    /* grid-template-columns: repeat(); */
}
.lektorzy-menu-select-wrapper{
    font-family: 'Roboto';
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.lektorzy-menu-select-wrapper .custom-select{
height: fit-content;
}
.lektorzy-widget-load-container{
    font-family: 'Roboto';
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:50px;
    margin-top:50px;
}
@media screen and (max-width: 1250px) {
    .lektorzy-widget-load-container{
        grid-template-columns: repeat(3,1fr);
    
    }
    .lektorzy-widget-menu{
      grid-template-columns: repeat(1,1fr);
      gap:30px;
  }
  .lektorzy-menu-select-wrapper{
    grid-column: 1;
  }
  .opisJezyka{
    padding:0px;
  }
    
  }
  @media screen and (max-width: 1000px) {
    .lektorzy-widget-load-container{
        grid-template-columns: repeat(2,1fr);
    
    }
    .lektorzy-widget-menu{
        grid-template-columns: repeat(1,1fr);
        gap:30px;
    }
  }
  @media screen and (max-width: 767px) {
    .lektorzy-widget-load-container{
        grid-template-columns: repeat(1,1fr);
    
    }
    .lektorzy-menu-select-wrapper{
        grid-template-columns: repeat(1,1fr);

    }
  }
.lektorzy-widget-single-box{
    font-family: 'Roboto';
    position: relative;
    border-radius: 25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: white;
    padding-bottom: 100.4px;
    /* suma elementu z inputem plus odstepy nad i od*/
}
.lektorzy-widget-single-box-header{
    
    font-family: 'Roboto';
    /* display:grid;
    grid-template-columns: repeat(2,1fr); */
    display: flex;
    justify-content: space-between;
    background-color: #02003b;
    padding:20px 20px;
    border-radius: 25px 25px 0 0;
}
.lektorzy-widget-single-box-lang{
    font-family: 'Roboto';
    /* display:grid;
    grid-template-columns: repeat(2,1fr); */
    display: flex;
    align-items: center;

}
.lektorzy-widget-single-box-lang img{
   border-radius: 100% !important;
   border:1px solid white !important;
   width:25px !important;
   height:25px !important;
   margin-right:5px !important;
   object-fit: cover;
}
.lektorzy-widget-single-box-cena{
    font-family: 'Roboto';
    color:white;
    padding: 6px 14px;
    text-align: center;
    font-size: 11px;
    border-radius: 25px;
    width:fit-content;
    font-weight: 600;
    text-transform: uppercase;
}

.lektorzy-widget-single-box-content{
    padding:0 25px;
}
.lektorzy-widget-wybierz{
    font-family: 'Roboto';
    text-transform: uppercase !important;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    color: #02003B;
    margin-bottom: 7px;
}
.lektorzy-widget-single-box-footer{
    font-family: 'Roboto';
    text-align: center;
    padding:10px 25px 20px 25px !important;
    position:absolute;
    bottom:0;
    width:100%;
}
.lektorzy-widget-single-box-footer audio{
    font-family: 'Roboto';
    width:100%;
    max-height: 40px !important;
}
.lektorzy-widget-single-box-footer a{
    font-family: 'Roboto';
    text-align: center;
    font-size: 14px;
    color:#02003b;
    text-decoration: none;
    font-weight: bold;
}

.lektorzy-widget-single-box-person-info-poland{
    font-family: 'Roboto';
    /* display: grid;
    grid-template-columns: repeat(2,1fr); */
    display: flex;
    padding:20px 0;
}
.lektorzy-widget-single-box-person-info-poland img{
    object-fit: cover !important;
    width:90px !important;
    height:90px !important;
    border-radius: 50px !important;
}

.lektorzy-widget-single-box-person-info-other{

        font-family: 'Roboto';
        /* display: grid;
        grid-template-columns: repeat(2,1fr); */
        display: flex;
        justify-content: center;
        padding:20px 0;

}
/* .lektorzy-widget-single-box-person-info-poland img {
    width: 50% !important;
  }
  
  .lektorzy-widget-single-box-person-info-poland img:after {
    content: "" !important;
    display: block !important;
    padding-bottom: 100% !important;
  } */


.lektorzy-content-person-id{
    font-family: 'Roboto';
    font-size: 12px;
    margin: 0;
    line-height: 12px;
    color: #707070;
}
.lektorzy-content-person-name{
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 18px;
    margin: 4px 0 0;
    font-weight: bold;
}
/* .lektorzy-content-person-id{
   
    text-align: center;
} */
.lektorzy-widget-single-box-person-info-other{

color:#02003b;
text-align: center;
}
.lektorzy-content-person-info{
    font-family: 'Roboto';
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 25px;
}

.lektorzy-single-audio{
    font-family: 'Roboto';
    /* display: grid;
    grid-template-columns: 8fr 2fr;
    gap:10px; */
    display: flex;
    justify-content: space-between;
    margin-top: 10px;

}
.lektorzy-single-audio-select{
  cursor: pointer;
    font-family: 'Roboto';
    border: #02003b 1px solid;
    border-radius: 25px;
    padding:5px 15px !important;
    font-size: 11px;
    display: flex;
    align-items: center;
    text-transform:uppercase;
    width:calc(100% - 50px);
    color:#02003b;
    font-weight: bold;
}
.lektorzy-single-audio-download{
  cursor: pointer;
    font-family: 'Roboto';
    border: #02003b 1px solid;
    border-radius: 25px;
    padding:5px;
   display: flex;
   align-items: center;
   justify-content: center;
   width:40px;
   height:40px;

}
.lektorzy-single-audio-download svg{
 width:14px;
 height:auto;
 fill:#02003b;
}

.lektorzy-single-audio .lektor-active{
    border: #02003b 1px solid;
    background-color: #02003b;
    color:white;

}
.lektorzy-single-audio .lektor-active svg{
    background-color: #02003b;
    color:white;
    fill:white;
}
/* 
*
* PODSTRONA LEKTORA FRONT
*
*/

.lektor-lektorPage-grid-2{
    font-family: 'Roboto';
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.lektor-lektorPage-dane-header{
    font-family: 'Roboto';
    display: flex;
    align-items: center;
}
.lektor-lektorPage-dane-header img{
    width:118px !important;
    height: 118px !important;
    object-fit: cover !important;
    border-radius: 100% !important;
}

.lektor-lektorPage-dane-header a{
    font-family: 'Roboto';
    margin-left:50px;
    background-color: transparent;
    border: 1px solid #02003B;
    color:#02003B;
    border-radius: 14px;
    width: fit-content;
    padding: 14px 25px;
    font-weight: bold;
    font-size: 14px;
    height: fit-content;
    text-transform: uppercase !important;
    transition: all .3s;
}
.lektor-lektorPage-dane-header a:hover {
  background-color: #02003B;
  border: 1px solid #02003B;
  color:white;
}

.lektor-lektorPage-id{
    font-family: 'Roboto';
    color:#8A8A8A;
    font-size: 11px;
    font-weight: 400;
    margin: 15px 0 5px;
}
.lektor-lektorPage-name{
    font-family: 'Roboto';
    color:#02003B !important;
    font-size: 32px;
    line-height: 32px;
    font-weight: 900;
    margin: 0 0 25px;

}

.lektor-lektorPage-description{
    font-family: 'Roboto';
    color:#02003B !important;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    margin-right:100px;
    margin-top:10px;

}

.lektor-lektorPage-h4{
    font-family: 'Roboto';
    margin: 30px 0 0;
    color:#02003B !important;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
}
.lektor-lektorPage-grupaCenowa{
    font-family: 'Roboto';
    color:white !important;
    font-size: 12px;
    line-height: 12px;
    width: fit-content;
    text-transform: uppercase !important;
    padding: 12px 18px;
    text-align: center;
    border-radius: 30px;
    margin-top:10px;
    font-weight: 500;
}
.lektor-lektorpage-lang-list{
    display: flex;
}
.lektor-lektorpage-lang-list span{
    font-family: 'Roboto';
    margin-right:35px;
    display: flex;
    align-items: center;
    margin-top:15px;
    color:#02003B !important;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}
.lektor-lektorpage-lang-list img{
    width: 25px !important;
    height: 25px !important;
    object-fit: cover !important;
    margin-right: 13px;
    border-radius: 100% !important;
    
}
.lektor-spotyReklamowe{
    margin-top:50px;
}
.lektor-lektorPage-spoty-title{
    font-family: 'Roboto';
    color:#02003B !important;
    /* font-size: 32px; */
    font-size: 28px;

    line-height: 40px;
    font-weight: 900;
}

.lektor-front-video-wrapper{
  position: relative;
}
.lektor-front-video-button-wrapper{
   position: absolute;
    z-index: 100000;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top:calc(50% - 30px);
}

.nav-arr_btn {
  position: absolute;
  z-index: 100000;
  display: flex;
  justify-content: space-between;
  top:50%;
  transform: translateY(-50%);
  width:fit-content;
  height:fit-content;
  background-color: none;
  border:none !important;
  outline: none !important;
  cursor: pointer !important;
}

.button-slider-left {
  left: 0;
  cursor: pointer !important;
}

.button-slider-right {
  right: 0;
  cursor: pointer !important;
}

.nav-arr_btn:hover{
background-color: none !important;
  background: none !important;
}
.nav-arr_btn:focus{
  background-color: none !important;
    background: none !important;
  }
.nav-arr_btn svg{
    width: 60px;
    height: 60px;
    background-color: #02003B;
    border-radius: 100%;
    color: #02003b;
    fill: #02003b;
    padding: 21px;
    background: white;
    cursor: pointer !important;

    -moz-box-shadow: 0 6px 35px 0 #02003b45;
    -webkit-box-shadow: 0 6px 35px 0 #02003b45;
    box-shadow: 0 6px 35px 0 #02003b45;
}


.lektor-youtubeSlider{
    margin-top: 35px;
}
.lektor-youtubeSlider{
    width: 100% !important;
}

 /* the slides */
 .slick-slide {
    margin: 0 20px;
}

/* the parent */
.slick-list {
    margin: 0 -20px;
}

.lektor-lektorPage-form-container{
    padding: 35px;
    max-width: 1000px;
    font-family: 'Roboto';
    margin: auto;
}
.lektor-lektorPage-contact-title{
    color:#02003B !important;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
    font-family: 'Roboto';
}
.lektor-lektorPage-contact-form .inputWrapper{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px;
    margin-top:20px;
    font-family: 'Roboto';
}
.lektor-lektorPage-contact-form .lektor-input-kontakt{
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 2px solid #02003B !important;
    border-radius: 9px !important;
    letter-spacing: 0px;
    color: #02003B;
    opacity: 1;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    outline: none !important;
    font-family: 'Roboto';
    padding: 15px;

}
.lektor-lektorPage-contact-form .lektor-textarea-kontakt{
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 2px solid #02003B !important;
    border-radius: 8px !important;
    width:100%;
    margin-top: 20px;
    letter-spacing: 0px;
    color: #02003B;
    opacity: 1;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    outline: none !important;
    font-family: 'Roboto';
}

.lektor-input-checkbox{
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 25px !important;
    height: 25px !important;
    border: 2px #02003B solid !important;
    background: white !important;
    outline: none !important;
    padding-right:20px !important;
    margin-right:20px;
    font-family: 'Roboto';
}

.lektor-lektorPage-contact-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #02003B;
    opacity: 1; /* Firefox */
    text-align: left;
    letter-spacing: 0px;
    color: #02003B;
    opacity: 1;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Roboto';
  }
  
  .lektor-lektorPage-contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #02003B;
  
    text-align: left;
    letter-spacing: 0px;
    color: #02003B;
    opacity: 1;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Roboto';

  }
  
  .lektor-lektorPage-contact-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #02003B;
  
    text-align: left;
    letter-spacing: 0px;
    color: #02003B;
    opacity: 1;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Roboto';

  }

  .lektor-infoPlik{
    text-align: left;
    letter-spacing: 0px;
    color: #02003B;
    opacity: 1;
    line-height: 26px;
    margin-top: 20px;
    font-size:14px;
    font-weight: 500;
    font-family: 'Roboto';
  }
.lektor-LektorPage-inputFile{
    font-family: 'Roboto';
    margin-top:5px;
}
  .lektor-lektorPage-file-info{
    font-size: 13px;
    color:#02003B;
    line-height: 16px;
    padding-left:15px;
    cursor: pointer;
    font-family: 'Roboto';
  }
  .lektorzy-input-file{
    display: none !important;
  }

  .lektor-checkbox-zgoda{
    color:#02003B;
    font-size: 11px;
    line-height: 16px;
    font-family: 'Roboto';
  }
  .lektor-zgoda-wrapper{
    margin-top:10px;
    display: flex;
    font-family: 'Roboto';  
}

  .lektor-frontPage-submit{
    font-family: 'Roboto';
    margin-top:20px;
    background: #02003B !important;
    border-radius: 8px !important;
    color:white !important;
    padding: 20px 50px !important;
    width: fit-content !important;
    font-size: 14px !important;
    line-height: 26px !important;
    outline: none;
  }

  .lektor-lektorPage-audio{
    background-color: #02003b;
    padding:45px;
    border-radius:30px;
    font-family: 'Roboto';  
}
  .lektor-lektorPage-audio-title{
    color:white !important;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
    font-family: 'Roboto';  
}


  .lektor-lektorPage-single-audio{
    margin-top:15px;
    font-family: 'Roboto';
  }
  .lektor-lektorPage-single-audio audio{
    font-family: 'Roboto';
    margin-top:0;
    width: 100%;
    height:40px;
  }
  .lektor-lektorPage-audio-subtitle{
    font-family: 'Roboto';
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 8px;
    color: white;
  }

  html {
    scroll-behavior: smooth;
  }

  /* 
  *
  *  SELECT Lektorzy
  *
   */

   /* The container must be positioned relative: */
.lektorzy-widget-menu .custom-select {
    position: relative;
    font-family: 'Roboto';
  }
  .lektorzy-select-title{
    font-family: 'Roboto';
    position: absolute;
    left:20px;
    top:-10px;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    color:#02003B;
    padding: 1px 4px;
  }
  .lektorzy-widget-menu .custom-select select {
    display: none; /*hide original SELECT element: */
  }
  
  .lektorzy-widget-menu .select-selected {
    background-color: white;
    border:2px solid #02003B;
    border-radius: 8px;
    font-size:13px;
    font-weight: bold;
    padding:16px;
    font-family: 'Roboto';
    /* background-color: DodgerBlue; */
  }
  
  /* Style the arrow inside the select element: */
  .lektorzy-widget-menu .select-selected:after {
    font-family: 'Roboto';
    position: absolute;
    content: "";
    top: 27px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #02003B transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .lektorzy-widget-menu .select-selected.select-arrow-active:after {
    border-color: transparent transparent #02003B transparent;
    top: 18px;
  }
  
  /* style the items (options), including the selected item: */
  .lektorzy-widget-menu .select-items div,.select-selected {
    color: #02003B;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .lektorzy-widget-menu .select-items {
    position: absolute;
    /* background-color: DodgerBlue; */
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border:2px solid #02003B;
    border-radius: 8px;
    font-size:15px;
    font-family: 'Roboto';
  }
  
  /* Hide the items when the select box is closed: */
  .lektorzy-widget-menu .select-hide {
    display: none;
  }
  
  .lektorzy-widget-menu .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }


  /* SELEKT NA STRONIE KONTAKT */

  


    /* The container must be positioned relative: */
.lektorzy-kontakt-select-input .custom-select {
    position: relative;
  }
  .lektorzy-kontakt-select-input .info-icon {
    position: absolute;
    left: calc(100% + 5px);
    top: 0;
    height: 17px;
    cursor: pointer;
  }
  .info-box_pole-emisji_wrapper {
    display: none;
    position: absolute;
    right: -25px;
    top: 0;
    padding: 20px;
    z-index: 10;
  }
  .info-box_pole-emisji_wrapper:hover {
    display: block;
  }
  .info-box_pole-emisji {
    padding: 10px;
    background-color: white;
    border: 1px solid #02003B;
    -moz-box-shadow: 0 3px 15px 0 #02003b38;
    -webkit-box-shadow: 0 3px 15px 0 #02003b38;
    box-shadow: 0 3px 15px 0 #02003b38;
    max-height: 300px;
    overflow-y: scroll;
  }
  .lektorzy-kontakt-select-input .info-icon:hover ~ .info-box_pole-emisji_wrapper {
    display: block;
  }
  .info-box_pole-emisji::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .info-box_pole-emisji::-webkit-scrollbar-thumb {
    background: rgb(173, 173, 174);
    border-radius: 3px;
  }
  .info-box_pole-emisji::-webkit-scrollbar-track { /* Background */
    background: rgb(238, 238, 238);
  }
  .info-box_pole-emisji p.title-pole-emisji {
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
    margin: 10px 0 3px;
    color: #02003B;
  }
  .info-box_pole-emisji p.title-pole-emisji:first-of-type { margin-top: 0; }
  .info-box_pole-emisji p.opis-pole-emisji {
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    margin: 0;
    color: #02003B;
  }


  .lektorzy-select-title{
    font-family: 'Roboto';
    position: absolute;
    left:20px;
    top:-10px;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    color:#02003B;
    padding: 1px 4px;
  }
  .lektorzy-kontakt-select-input .custom-select select {
    display: none; /*hide original SELECT element: */
  }
  
  .lektorzy-kontakt-select-input .select-selected {
    background-color: white;
    border:2px solid #02003B;
    border-radius: 9px;
    font-size:14px !important;
    font-weight: 500;
    padding:15px;
    font-family: 'Roboto';
    max-height: 50px;
    display: flex;
    align-items: center;
    /* background-color: DodgerBlue; */
  }
  
  /* Style the arrow inside the select element: */
  .lektorzy-kontakt-select-input .select-selected:after {
    font-family: 'Roboto';
    position: absolute;
    content: "";
    top: 23px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #02003B transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .lektorzy-kontakt-select-input .select-selected.select-arrow-active:after {
    border-color: transparent transparent #02003B transparent;
    top: 13px;
  }
  
  /* style the items (options), including the selected item: */
  .lektorzy-kontakt-select-input .select-items div,.select-selected {
     font-family: 'Roboto';
    color: #02003B;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .lektorzy-kontakt-select-input .select-items {
    position: absolute;
    /* background-color: DodgerBlue; */
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border:2px solid #02003B;
    border-radius: 8px;
    font-size:15px;
    font-family: 'Roboto';
  }
  
  /* Hide the items when the select box is closed: */
  .lektorzy-kontakt-select-input .select-hide {
    display: none;
  }
  
  .lektorzy-kontakt-select-input .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .lektorzy-kontakt-select-input{
    position: relative;
  }


  .error-file{
    font-family: 'Roboto';
    color:red;
    font-size: 14px;
    margin-top:10px;
  }

  .lektorzy-success-message{
    font-family: 'Roboto';
    color:green;
    font-size: 14px;
    margin-top:10px;
  }
  @media screen and (max-width: 1200px) {
    .lektor-lektorPage-form-container{
        padding:35px 0px;
    }
  }

  @media screen and (max-width: 900px) {
    .lektor-lektorPage-grid-2{
        grid-template-columns: 1fr;
        gap:35px;
    
    }
    .lektor-lektorPage-form-container{
        padding:30px 0px;
    }

    .lektor-lektorPage-form-container{
        padding:35px 0px;
    }
    .lektor-lektorPage-contact-form .inputWrapper{
        grid-template-columns: repeat(2,1fr);

    }
  }

  @media screen and (max-width: 767px) {
    .lektor-lektorPage-contact-form .inputWrapper{
        grid-template-columns: repeat(1,1fr);

    }

  }

  .lektorzy-brak-wynikow{
    text-align: center;
    grid-column: 1 / 5;
    font-weight: bold;
    color: #02003b;
    font-family: 'Roboto';
    padding: 100px 0px;
  }

.lektorPage-button-file {
  display: inline-block;
  font-weight: 400;
  color: #02003B !important;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #02003B !important;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.lektorPage-button-file:hover {
  color: white !important;
  background-color: #02003B !important;
  border: 1px solid #02003B !important;
}

.lektor-frontPage-submit{
  font-family: 'Roboto';
  margin-top:20px;
  background: #02003B !important;
  border: 1px solid #02003B !important;
  border-radius: 8px !important;
  color:white !important;
  padding: 25px 40px !important;
  width: fit-content !important;
  font-size: 13px !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  line-height: 13px !important;
  outline: none;
}

/* The container */
.container.lektor-zgoda-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  color:#02003B;
  font-size: 11px;
  line-height: 16px;
  font-family: 'Roboto';
}

/* Hide the browser's default checkbox */
.container.lektor-zgoda-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: rgb(255, 255, 255);
  border: 2px solid #02003B;
  box-sizing: border-box;
}

/* On mouse-over, add a grey background color */
.container.lektor-zgoda-wrapper:hover input ~ .checkmark {
  background-color: #dfdfee;
}

/* When the checkbox is checked, add a blue background */
.container.lektor-zgoda-wrapper input:checked ~ .checkmark {
  background-color: #02003B;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container.lektor-zgoda-wrapper input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container.lektor-zgoda-wrapper .checkmark:after {
  left: 7px;
  top: 2px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.opisJezyka{
  /* padding:0 30px; */
  /* max-width: 900px; */
  margin: 25px auto;
  box-sizing: border-box;
  /* text-align: center; */
  text-align: justify;
}

@media screen and (max-width: 1250px) {

.opisJezyka{
  padding:0px;
}
  
}