@font-face{font-family: 'appGillSans';src: url('fonts/fonts/GillSansMTPro-Light.otf') format('opentype');}

@font-face{font-family: 'appGillSansMedium';src: url('fonts/fonts/GillSansMTPro-Medium.otf') format('opentype');}

@font-face{font-family: 'appGillSansLight';src: url('fonts/fonts/GillSansMTPro-Light.otf') format('opentype');}
@font-face{font-family: 'appGillSansLightItalic';src: url('fonts/fonts/GillSansMTPro-LightItalic.otf') format('opentype');}

/*nowe czcionki*/
@font-face{font-family: 'appGillSansBook'; src: url('fonts/fonts/GillSansMTPro-Book') format('opentype');}
@font-face{font-family: 'appGillSansMedium';src: url('fonts/fonts/GillSansMTPro-Medium.otf') format('opentype');}
@font-face{font-family: 'appGillSansBold'; src: url('fonts/fonts/GillSansMTPro-Bold.otf') format('opentype');}
@font-face{font-family: 'appGillSansMediumItalic';src: url('fonts/fonts/GillSansMTPro-MediumItalic.otf') format('opentype');}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
body{
  font-family: 'appGillSansMedium' !important;
}

::placeholder{
  color: #d8d9da;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d8d9da;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #d8d9da;
}

.dMainMenuContent{
  background: #c0e2ec;
  background: linear-gradient(white, #cbdbe0);
}

/*---------------------------------------------------------------------------------*/
/*----------------------MenuTop-------------------------------*/
/*---------------------------------------------------------------------------------*/

.iMenuTopSign{
  margin-left: 100px;
  height: 26px;
  margin-top: 10px;
}

/*---------------------------------------------------------------------------------*/
/*----------------------Start-------------------------------*/
/*---------------------------------------------------------------------------------*/

.dStartMainAppDiv{
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 99%;
  width: 85%;
  max-width: 1024px;
  margin-top: 35px;
 }

 .dStartInfoLogoCompany{
    height: 250px;
 }

 .iStartLogo{
   width: 350px;
   margin-top: 70px;
 }
 .iStartCompanyName{
   float: right;
   width: 430px;
   margin-top: 120px;
   margin-right: 30px;
 }

 .dStartDescriptionText{
   font-size: 24px;
   letter-spacing: 1px;
   color: #858d91;
   margin-bottom: 80px;
 }

 .dStartSelectLang, .dStartSignIn{
   font-size: 24px;
   letter-spacing: 1px;
   color: #858d91;
   margin-bottom: 21px;
 }

 /* LANGUAGES CHECK BOXES */

 .dStartLanguagesContent{
   margin-bottom: 65px;
 }
/* en */
 .dStartEnLanguage, .dStartFrLanguage, .dStartGerLanguage, .dStartNlLanguage{
   display: inline-block;
 }
 .dStartFrLanguage, .dStartGerLanguage, .dStartNlLanguage{
   margin-left: 8%;
 }
 .iStartCheckboxLan, .iStartEnFlag, .iStartCheckboxLanFr, .iStartFrFlag, .iStartCheckboxLanGer ,.iStartGerFlag, .iStartCheckboxLanNl, .iStartNlFlag {
   margin-right: 10px;
   width: 30px;
 }
 .iStartCheckboxLan,
.iStartCheckboxLanFr,
.iStartCheckboxLanGer,
.iStartCheckboxLanNl{
  width: 25px;
  cursor: pointer;
}
.iStartEnFlag, .iStartFrFlag,.iStartGerFlag,.iStartNlFlag{
   width: 40px;
}

 .sStartEnName, .sStartFrName, .sStartGerName, .sStartNlName{
   vertical-align: top;
   font-size: 22px;
   color: #858d91;
   letter-spacing: 3px;
 }

 /* clickedCheckboxes */
 .iStartCheckboxLanEnClicked, .iStartCheckboxLanFrClicked, .iStartCheckboxLanGerClicked, .iStartCheckboxLanNlClicked{
   display: none;
   margin-right: 10px;
   width: 25px;
   cursor: pointer;
 }

 /* Login BOXES */
.dStartLoginBox{
  height: 22%;
}

.iStartEmailBox, .iStartPasswordInput, .bStartLoginButton{
  width: 31%;
  height: 85px;
  margin-right: 20px;
  border-radius: 7px;
  /* box-shadow: -1px -4px 10px 1px rgba(0,0,0,0.4); */
  padding-left: 30px;
  box-sizing: border-box;
  font-family: 'appGillSansMedium';
  font-size: 20px;
  letter-spacing: 2px;
}

.iStartEmailBox, .iStartPasswordInput{
  border-width: 0px;
  /* box-shadow: -1px 3px -1px -1px rgba(0,0,0,0.4); */
  color: #d8d9da;
}

.bStartLoginButton{
  vertical-align: bottom;
  border-radius: 3px;
  border: 0.5px solid white;
  box-shadow: -1px -4px 10px 1px rgba(0,0,0,0.4);
  cursor: pointer;
  background-color: #b40718;
  color: white;
  font-size: 24px;
  letter-spacing: 4px;
  text-align: right;
  padding-right: 30px;
  border-width: 1px;
}
/* register text */
.dStartRegisterText{
  height: 5%;
  font-size: 22px;
  color: #858d91;
  letter-spacing: 1px;
  margin-top: 30px;

}

@media(max-width: 1313px){
  .dStartFrLanguage{
    margin-left: 5%;
  }
  .dStartGerLanguage{
    margin-left: 5%;
  }
  .dStartNlLanguage{
    margin-left: 5%;
  }
}
@media(max-width: 1121px){
  .dStartFrLanguage{
    margin-left: 4%;
  }
  .dStartGerLanguage{
    margin-left: 4%;
  }
  .dStartNlLanguage{
    margin-left: 4%;
  }
}
@media(max-width: 1044px){
  .dStartFrLanguage{
    margin-left: 3%;
  }
  .dStartGerLanguage{
    margin-left: 3%;
  }
  .dStartNlLanguage{
    margin-left: 3%;
  }
}
@media(max-width: 845px){
  .iStartPasswordInput{
    margin-right: 16px;
  }
}
@media(max-width: 700px){
  .iStartPasswordInput{
    margin-right: 16px;
  }
}