/*
 * Globals
 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #ffffff;
  font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

body {
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

h2, h2 a, .h2 {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -.3px;
}
h3, h3 a, .h3 {
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: -.3px;
    text-transform: uppercase;
    padding-bottom: 23px;
}
h4, h4 a, .h4 {
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 400;
    letter-spacing: -.3px;
}
p {
    font-size: .9rem;
    line-height: 1.3rem;
    font-weight: 400;
    letter-spacing: -.3px;
}

.cover-container {
  max-width: 100%;
  background-image: url("../img/banner-top.jpg");
  background-position: center top;
  background-size: cover;
  min-height: 500px;
}
.cover-container .inner.cover {
    max-width: 50em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
}
.cover-container .lead {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    letter-spacing: -.3px;
}

.container-fluid > .container {
    padding: 82px 0;
}
.container-fluid > .container,
.container-fluid > .container * {
    text-shadow: none !important;
}

.impact-text {
    font-weight: 400;
    font-size: 2.7rem;
    line-height: 3.9rem;
    letter-spacing: -.3px;
}
.impact-text > span:not(:last-child) {
    padding-right: 40px;
    display: inline-block;
}
.text-black,
.text-black * {
    color: #211d1c;
}

ul.custom-dot {
    padding-top: 33px;
    display: block;
    text-align: left;
    max-width: 60em;
    margin-right: auto;
    margin-left: auto;
}
ul.custom-dot > li::before {
    content: "";
    display: block;

    position: absolute;
    top: 8px;
    left: 0;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #0e1b8d;
}
ul.custom-dot > li {
    position: relative;
    display: inline-block;
    width: 45%;
    margin-right: 10%;
    float: left;
    padding-left: 20px;
    font-size: 1.7rem;
    line-height: 1.9rem;
    padding-bottom: 30px;
}
ul.custom-dot > li:nth-child(2n+2) {
    /*margin-left: 10%;*/
    margin-right: 0;
}
ul.custom-dot > li:nth-child(2n+3) {
    clear: both;
}

.cover-container + div,
.with-box {
    padding: 37px !important;
    position: relative;
}
body > footer {
    position: relative;
}
.cover-container + div::before,
body > footer::before,
.with-box::before {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 20px 20.5px 0 20.5px;
    border-color: #dedddd transparent transparent transparent;
    z-index: 1;
}
.cover-container + div::before {
    border-color: #0e1316 transparent transparent transparent;
}
body > footer::before {
    border-color: #d0ac95 transparent transparent transparent;
}
.with-box > .container {
    max-width: 100%; 
    background-color: rgba(255, 255, 255, .85);
    padding: 35px 35px 45px;
}


.fifth-container {
    padding-top: 10px;
}/*
.fifth-container > div {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 20px;
}*/
.owl-carousel-client .owl-item > div {
    text-align: center;
}
.owl-carousel-client .owl-item > div > img {
    display: inline-block;
    width: auto !important;
}

.accreditations-container {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
}
.accreditations-container > div {
    float: left;
    width: 33.33333334%;
    padding-bottom: 25px;
    text-align: center;
}

.accreditations-container > div:nth-child(4),
.accreditations-container > div:nth-child(6),
.accreditations-container > div:nth-child(8) {
    margin-left: 16.66666667%;
    clear: both;

}
.address-container {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
}
.address-container > div {
    padding-top: 15px;
    float: left;
    width: 60%;
    padding-right: 20px !important;
}
.address-container > div > div {
    float: right;
    width: 50%;
    max-width: 160px;
}
.address-container > div > div:last-child {
    padding-right: 4px;
}

.address-container > div:last-child {
    width: 40%;
    border-left: 1px solid #fff;
    padding-right: 0;
    padding-left: 20px;
    box-sizing: border-box;
}


footer .col-lg-6 {
    padding: 71px 20px;
}



.nav-masthead > .nav-link {
    color: #ffffff !important;
}

.nav-masthead > .nav-link:not(:nth-child(1)) {
    font-size: .9rem;
    line-height: .9rem;
    padding: 1rem 1.1rem;
    height: .9rem;
    box-sizing: content-box;
    font-weight: 700;
    background-color: #0e1980;
    border-bottom: 0 !important;
    margin-left: 5px !important;
    text-shadow: none;
}
.nav-masthead > .nav-link:nth-child(1) {
    font-size: 1.5rem;
    font-weight: 400;
}
.nav-masthead > .nav-link:nth-child(2) {
    background-color: #fff;
    color: #0e1980 !important;
    margin-left: 20px !important;
}
.nav-masthead > .nav-link:nth-child(3)::before {
    content: "";
    display: inline-block;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff;
    padding-right: 10px;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}


.test {

}


/*
 * Responsive
 */

.cover-heading{
    margin-top: 35px;
}

.fifth-container {
    width: 94%;
    margin-right: auto;
    margin-left: auto;
}
.fifth-container img,.accreditations-container img{
    max-width: 100%;
    padding: 0 30px;
}



.owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.owl-nav > button {
    position: absolute;
    top: 0;
    width: 3%;
    left: -3%;
    height: 100%;
    pointer-events: auto;
    outline: 0 !important;
}
.owl-nav > button.owl-next {
    left: auto;
    right: -3%;
}
.owl-nav > button > span {
    display: inline-block;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #0e1980;
    color: transparent !important;
    line-height: 0 !important;
    outline: 0 !important
}
.owl-nav > button.owl-prev > span {
    border-width: 5px 10px 5px 0;
    border-color: transparent #0e1980 transparent transparent;
}


@media (max-width: 1359px){
    /*.fifth-container > div {
        width: 33%;
        display: inline-block;
        float: none;
        margin: 25px 0;
    }*/
}

@media (max-width: 1036px){
    /*.fifth-container > div {
        width: 100%;
    }*/
}

@media (max-width: 991px){
    ul.custom-dot > li {
        font-size: 1.5rem;
        line-height: 1.7rem;
    }
}

@media (max-width: 900px){
    .cover-container .lead {
        font-size: 1.9rem;
        line-height: 2.75rem;
    }
}

@media (max-width: 767px){
    .nav-masthead > .nav-link:nth-child(1) {
        width: 100%;
    }
    .nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus {
        border-bottom-color: transparent;
    }
    .cover-container .lead {
        font-size: 1.9rem;
        line-height: 2.75rem;
    }
    .cover-container{
        padding: 1rem!important;
    }

    .container-fluid > .container {
        padding: 38px 0;
    }

    .container .impact-text > span {
        padding-right: 0;
        display: block;
    }

    .address-container > div {
        width: 50%;
        border-right: 1px solid #fff;
    }

    .address-container > div:last-child {
        border: none;
    }

    .address-container > div > div {
        width: 100%;
    }
    .address-container > div > div:last-child {
        padding-right: 0;
    }
    h4, h4 a, .h4 {
        font-size: 1.2rem;
    }
}


@media (max-width: 708px){
    .cover-container .inner.cover {
        max-width: initial;
        width: 100%;
    }

    .cover-heading img{
        max-width: 100%;
    }

    .cover-container .lead {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .accreditations-container > div {
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
    }
    .accreditations-container img{
        max-width: initial;
    }

    .accreditations-container > div:nth-child(4), .accreditations-container > div:nth-child(6), .accreditations-container > div:nth-child(8) {
        margin-left: 0;
    }
}
@media (max-width: 600px) {
    .fifth-container {
        width: 90%;
    }
    .owl-nav > button {
        width: 5%;
        left: -5%;
    }
    .owl-nav > button.owl-next {
        right: -5%;
    }
}
@media (min-width: 576px){

    .container {
        max-width: 100%;
    }
}
@media (max-width: 500px) {

    .cover-container .lead br{
        display: none;
    }
    h2, h2 a, .h2 {
        font-size: 2.6rem;
    }
    .impact-text {
        font-size: 1.7rem;
        line-height: 2.7rem;
    }

    ul.custom-dot > li {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    ul.custom-dot > li:nth-child(2n+2) {
        margin-left: 0;
    }
    .cover-container + div, .with-box {
        padding: 50px 25px !important;
    }
    /*.fifth-container > div {
        width: 100%;
         float: none;
        margin: 30px 0;
        padding-bottom: 0;
    }*/
}

@media (max-width: 360px) {
    h2, h2 a, .h2 {
        font-size: 2rem;
    }
    .impact-text {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    ul.custom-dot > li {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    h3, h3 a, .h3 {
        font-size: 1.8rem;
    }
}