/* Index Styles */
.page_banner {
    display: none;
}

/* Index Styles */
#hero-banner {
    display: none;
}

#mobile {
    display: none;
}

/* Video Styles */
.video {
    overflow: hidden;
    height: calc(100vh - 130px);
    z-index: 0;
    width: 100%;
}

.video video {
    width: 100%;
    height: auto;
    margin-top: -110px;
    z-index: 0;
}

/* Intro Partnership */
.partnership {
    display: flex;
}

.partnership .picture {
    width: 30%;
    padding: 100px 5% 100px 5%;
    height: 100%;
    background: linear-gradient(90deg, #F0F5F9 50%, #FFF 50%);
}

.partnership .picture img {
    width: 100%;
    border: 5px solid #FFF;
}

.partnership .text img {
    max-width: 350px;
}

@media screen and (max-width: 800px) {
    .partnership .text img {
        max-width: 250px;
        margin: 0 auto;
        display: block;
    }
}

.partnership .text {
    width: 45%;
    padding: 100px 15% 100px 0%;
    display:flex;
    align-items: center;
    justify-content: center;
}

.partnership .text .text-container h1 {
    font-size: 50px; 
    color: #2C3C49;
    margin-top: 40px;
}

.partnership .text .text-container h1 span {
    color: #8bacc5
}

.partnership .text .text-container h2 {
    font-size: 34px;
    margin-top: 40px;
    font-weight: 700;
    color: #2C3C49;
}

.partnership .text .text-container > p:first-of-type {
    color: #2C3C49;
    font-size: 16px;
    font-weight: 400;
}

.partnership .text .text-container p {
    font-size: 16px;
    font-weight: 300;
}

.partnership .text .text-container .quote {
    width: auto;
    height: auto;
    padding: 50px;
    background-color: #132330;
    margin-top: 40px;
    border-left: 5px solid #BEDFF8;
}

.partnership .text .text-container .quote h3 {
    font-size: 18px;
    color: #BEDFF8;
}

.partnership .text .text-container .quote p {
    font-size: 16px;
    color: #FFF;
}

.partnership .text .line {
    width: 100%;
    display: flex;
    margin-top: 40px;
}

.partnership .text .line .circle {
    width: 10px;
    background-color: #BEDFF8;
    border-radius: 50%;
    height: 10px;
}

.partnership .text .line .center {
    width: 99%;
    height: 1px;
    border-top: 2px solid #E0E5E9;
    margin-top: 4.5px;
    margin-left: 5px;
    margin-right: 5px;
}

.partnership .text .lines:before {
    width: 10px;
    height: 10px;
    content: '';
    background-color: #A5C6DF;
    position: absolute;
    border-radius: 50%;
    margin-top: -4.5px;
    margin-left: 0px;
}

.partnership .text .learn {
    display: block;
    width: 175px;
    height: 45px;
    line-height: 45px;
    background-color: #a5c6df;
    color: #FFF;
    text-align: center;
    margin-top: 40px;
    font-weight: 300;
    font-size: 16px;
    border-left: 3px solid #a5c6df;
    border-right: 3px solid #a5c6df;
}

.partnership .text .learn:hover {
    background-color: #bedff8;
    border-right: 3px solid #bedff8;
}

/* Solutions */
.solutions {
    width: auto;
    height: auto;
    padding: 100px 5% 100px 5%;
    background: linear-gradient(180deg, #061623 40%, #20303D 60%);
}

.solutions h1 {
    font-size: 41px;
    color: #FFF;
    text-align: center;
}

.solutions h2 {
    font-size: 22px;
    color: #FFF;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #505559
}

.solutions .top-p {
    font-size: 18px;
    color: #d0d5d9;
    text-align: center;
}

.solutions p {
    font-size: 15px;
    color: #d0d5d9;
    padding: 0px 20px 0px 20px;
    margin-bottom: 20px;
}

.solutions .boxes {
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 50px;
}

.solutions .boxes div {
    width: 25%;
    background-color: #2C3C49;
    padding-bottom: 20px;
    -webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

.solutions .boxes div:first-child, .solutions .boxes div:nth-child(2), .solutions .boxes div:nth-child(3) {
    margin-right: 2.5%;
}

.solutions img {
    width: 100%;
    margin-bottom: 20px;
}

.solutions a {
    margin-left: 20px;
    color: #a0a5a9;
    font-size: 15px;
}

.solutions a:hover {
    color: #E0F0FD;
}

.solutions .link-arrow {
    border: solid #a0a5a9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 4px;
    -webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
  }
  
  .solutions .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .solutions a:hover .link-arrow {
    border: solid #e0f0fd;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 7px;
}

/* Responsive Effects */
@media screen and (max-width: 1600px) {
    .partnership .text {
        width: 50%;
        padding: 100px 10% 100px 0%;
    }
}

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

    .video {
        height: auto;
    }

    .video video {
        margin-top: 0px;
    }

    .partnership .text {
        width: 55%;
        padding: 100px 5% 100px 0%;
    }

    .partnership .text .text-container h1 {
        font-size: 55px; 
    }
}

@media screen and (max-width: 1150px) {
    .partnership .text .text-container h1 {
        font-size: 45px; 
    }
}

@media screen and (max-width: 1100px) {
    .solutions p {
        font-size: 13px;
    }
    
}

@media screen and (max-width: 950px) {
    
    .video {
        margin-top: 0px;
    }

    .partnership {
        width: 90%;
        padding: 0px 5% 0px 5%;
    }

    .partnership .picture {
        display: none;
    }

    .partnership .text {
        width: 100%;
        padding: 50px 0% 50px 0%;
        text-align: center;
    }

    .partnership .text .text-container h1 {
        font-size: 35px;
        text-align: center;
        margin-bottom: 20px;
    }

    .partnership .text .text-container h2 {
        font-size: 28px;
        text-align: center;
    }

    .solutions .boxes {
        display: flex;
        flex-wrap: wrap;
    }

    .solutions .boxes div {
        width: 100%;
        margin-bottom: 40px;
    }

    .solutions .boxes div:first-child, .solutions .boxes div:nth-child(2), .solutions .boxes div:nth-child(3) {
        margin-right: 0%;
    }

    .solutions h2, .solutions p {
        text-align: center;
    }

    .solutions h1 {
        font-size: 35px;
    }

    .solutions a {
        display: block;
        margin: 0 auto;
        text-align: center;
        height: 45px;
        line-height: 45px;
        width: 50%;
        background-color: #a5c6df;
        color: #FFF;
    }

    .solutions .link-arrow {
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        margin-left: 4px;
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        transition: all ease 0.2s;
      }

}   


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

    .video video {
        margin-top: 0px;
    }
}