/* --- App layout changes: hide search box in app header --- */
  .Home_page .BaseMaster_searchBoxContainer
  {
    display: none;
  }

  .Home_page .BaseMaster_contentContainer
  {
    height: auto !important;
  }
  
  /* --- App layout changes end --- */

  .Home_page .BaseMaster_mainMenuContainer
  {
  background: transparent;
  border-bottom: 0 none;
  }

  .Home_page .CHMenu_menuItem > a,
  .Home_page .BaseMaster_profileLink
  {
  color: black;
  }

  .Home_page .CHMenu_menuItem:hover,
  .Home_page .BaseMaster_profileLink:hover,
  .Home_page .BaseMaster_helpMenu:hover
  {
  background-color: rgba(255,255,255,.4);
  }

  /* Import font from Google Web Fonts */
  @font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  }

  @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  }

/* -----------------------------Custom CSS here--------------------------------- */

body {
  background-color: #FFFFFF;
  font-family: Tahoma;
  font-size: 18px;
}

/* Banner */
.banner {
  display:flex;
  justify-content: center;
  align-items: top;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/resources/Storage/HomepageFiles/20200830Ruptela3297.JPG");
  height: 402px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.title-and-description {
  text-align: center;
  margin-top: 72px;
}

.title-and-description h1 {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 59px;
  color: #FFF;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
}

.title-and-description p {
  margin-top:50px;
  margin-bottom: 50px;
  color: #FFF;
}

.searchBoxContainer {
  width: 90%;
}

.searchBox {
  border: 2px solid #606060;
  box-sizing: border-box;
  border-radius: 10px 0px 0px 10px;
  width: 80%;
  height: 50px;
  margin-bottom: 77px;
  font-size: 18px;
  font-family: Tahoma;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.7);
  padding-inline-start: 20px ;
  outline: none;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.btnSearch {
  position: absolute;
  width: 76px;
  height: 50px;
  background: #20B9D3;
  border: 2px solid #606060;
  box-sizing: border-box;
  border-radius: 0px 10px 10px 0px;
  transition: 0.5s;
}

.btnSearch:hover {
  cursor: pointer;
  transition: 1s;
  background: #61d5e7;
}

/*
====
Main page
====
*/

.main-page {
  overflow: hidden;
}
/* Buttons */
.button-container, .video-container, .rtl-footer-column-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 70px;
}

.button-container {
  flex-wrap: wrap;
}

.large-button-link {
  text-decoration: none;
  color: #000000;
}

.large-button-link:hover {
  color: #000000;
}
.large-button-link:visited {
  color: #000000;
}

.large-button {
  width: 364px;
  height: 243px;
  background: #F3F3F3;
  border: 1px solid #D3D3D3;
  box-sizing: border-box;
  border-radius: 20px;
  margin-inline-start: 20px ;
  margin-inline-end: 20px ;
  transition: 0.5s;
}

.large-button:hover {
  background: #FFF;
  box-shadow: 0px 0px 10px 3px rgba(51, 51, 51, 0.25);
  cursor: pointer;
}

.large-button h3 {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-block-start: 37px ;padding-inline-end: 0px ;padding-block-end: 0px ;padding-inline-start: 32px ;
}

.large-button p {
  font-family: Tahoma;
  font-size: 18px;
  line-height: 22px;
 
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-block-start: 34px ;padding-inline-end: 10% ;padding-block-end: 0px ;padding-inline-start: 32px ;
}

.large-button img {
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-block-start: 26px ;padding-inline-end: 10% ;padding-block-end: 25px ;padding-inline-start: 289px ;
}
#img-news {
  padding-block-start: 26px ;padding-inline-end: 10% ;padding-block-end: 25px ;padding-inline-start: 264px ;
}

/* Heading */
.middle-heading h2 {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  margin-top: 100px;
  color: #333333;
}

/* iframe */
iframe {
  border: none;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  margin-inline-start: 20px ;
  padding-inline-end: 30px ;
  width: 555px;
  height: 312px;
  margin-bottom: 70px;
  max-width: 100%;
}

/* =========== */
/* MOBILE-ONLY */
@media only screen and (max-width: 1000px) {
  .searchBoxContainer {
  width: 80%;
  }
  .searchBox {
  font-size: 16px;
  }

  .title-and-description h1 {
    padding-bottom: 50px;
    font-size: 42px;
  }
  .title-and-description p {
    display: none;
  }
  .button-container, .video-container {
    align-items: center;
    flex-direction: column;
  }
  .large-button {
    margin-inline-start: 0 ;
    margin-inline-end: 0 ;
    margin-bottom: 10px;
  }
  iframe {
    margin-inline-start: 0 ;
    padding-inline-end: 0 ;
  }
}

@media only screen and (max-width: 1244px) {
  .large-button-link {
    padding-top: 20px;
  }
}.background{background-image: url('/resources/Storage/JUJ_1543.jpg') !important;}.backgroundGlass{background:rgba(255,255,255,.7) !important;}