@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Roboto:300,400,500);
#mainContent #pageContent a:focus { outline:none !important; }
#mainContent #pageContent h3,
#mainContent #pageContent h2,
#mainContent #pageContent p,
#mainContent #pageContent h1,
#mainContent #pageContent a { font-family:"Noto Sans",sans-serif !important; }
#mainContent #pageContent .clearfix { clear:both; }
#mainContent #pageContent #why { margin-bottom:50px; }
#mainContent #pageContent #why .contain-box {
  width:auto;
  text-align:left;
  padding:0 10px;
}
#mainContent #pageContent #why .heading {
  font-size:24px;
  margin-top:20px;
  display:block;
  text-transform:uppercase;
  line-height:30px;
  font-weight:bold;
}
#mainContent #pageContent #why .sub-heading {
  font-size:16px;
  margin-top:20px;
  display:block;
}
#mainContent #pageContent #why .description { font-size:16px; }
#mainContent #pageContent #why a,
#mainContent #pageContent #brill-info a {
  text-decoration:none;
  color:#037F92;
  cursor:pointer;
}
#mainContent #pageContent #resource a {
  text-decoration:none;
  cursor:pointer;
  font-weight:bold;
  font-size:20px;
}
#mainContent #pageContent .txt-green { color:#4CA146; }
#mainContent #pageContent .txt-purple { color:#DF1A83; }
#mainContent #pageContent .txt-orange { color:#EE402D; }
#mainContent #pageContent .txt-red { color:#C7212F; }
#mainContent #pageContent .txt-yellow { color:#F89D2A; }
#mainContent #pageContent .txt-navy { color:#14496B; }
#mainContent #pageContent .txt-golden { color:#BF8D2C; }
#mainContent #pageContent .txt-d-green { color:#407F46; }
#mainContent #pageContent .txt-blue { color:#136A9F; }
#mainContent #pageContent .heading-blue { color:#173E6E; }
#mainContent #pageContent .upper-case { text-transform:uppercase; }
#mainContent #pageContent .bold { font-weight:bold; }
#mainContent #pageContent .text-l { text-align:left; }
#mainContent #pageContent .text-r { text-align:right; }
#mainContent #pageContent .font16 { font-size:16px; }
#mainContent #pageContent .font18 { font-size:18px; }
#mainContent #pageContent .font14 { font-size:14px; }
#mainContent #pageContent .font30 { font-size:30px; }
#mainContent #pageContent .pad-l0 { padding-left:0 !important; }
#mainContent #pageContent .fl { float:left; }
#mainContent #pageContent .fr { float:right; }
#mainContent #pageContent .mr-20 { margin-right:20px; }
#mainContent #pageContent .mtb-40 { margin:40px 0; }
#mainContent #pageContent .bg-grey1 { background:#FCFCFC; }
#mainContent #pageContent .pad-20 { padding:20px; }
#mainContent #pageContent section {
  margin:40px 0;
  clear:both;
}
#mainContent #pageContent h3 {
  margin:25px 0;
  margin:60px 0 15px 0;
  font-size:25px;
  line-height:40px;
}
#mainContent #pageContent #top-banner {
  width:100%;
  height:300px;
  background:url(../top-banner.png) top right no-repeat;
  background-size:cover;
  padding-top:75px;
  padding-right:180px;
}
#mainContent #pageContent #top-banner h1 {
  font-size:30px;
  line-height:45px;
  text-align:left;
  color:#173E6E;
}
#mainContent #pageContent .extra-space {
  min-height:30px;
  display:block;
}
#mainContent #pageContent .img-fluid {
  max-width:100%;
  height:auto;
}
@media screen and (max-width:992px) {
  #mainContent #pageContent #top-banner h1 {
    font-size:24px;
    line-height:32px;
    margin-top:25px;
  }

  #mainContent #pageContent #why .heading { font-size:20px; }

  #mainContent #pageContent #why .sub-heading { font-size:15px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
  #mainContent #pageContent #why .grid .grid-row,
  #mainContent #pageContent #resource .grid .grid-row { display:block; }

  #mainContent #pageContent #resource .grid .grid-row .grid-item { padding:0; }

  #mainContent #pageContent #top-banner {
    background:url(../top-banner-mo.png) 0 0 repeat-x;
    padding-right:0;
    padding-top:140px;
    height:366px;
  }

  #mainContent #pageContent #top-banner h1 {
    font-size:20px;
    text-align:center;
    line-height:25px;
  }
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
  #mainContent #pageContent #why .heading {
    font-size:18px;
    line-height:22px;
  }

  #mainContent #pageContent #top-banner { padding-right:0; }

  #mainContent #pageContent .extra-space { display:none; }
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
  #mainContent #pageContent #why .heading { font-size:19px; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  #mainContent #pageContent .extra-space { display:none; }
}