.title-presentation{
    background-image: linear-gradient(to bottom, #e8e8e8, #c9c9c9);padding: 0 70px;
}

.title-presentation .cards-inleft{
    max-width: 190px;width: 100%;padding-top: 5rem;display: block;margin: 0 auto;
}

.title-presentation h3{
    text-transform: uppercase;color: #1071a3;font-family: open sans;font-size: 16px;letter-spacing: 2px;margin-bottom: 0;
}

.title-presentation h1{
    color: #f3f3f3;font-weight: bold;margin-bottom: 0;line-height: 0.8; padding-bottom: 5rem;
}

.title-presentation .icon-color{
    max-width: 48px;width: 100%;
}

.title-presentation .subtite{
    text-transform: uppercase;font-weight: 600;font-size: 15px;letter-spacing: .8px;
}

.title-presentation .text-in{
    color: #8a8989;line-height: 1.3;font-size: 13px;margin-bottom: 25px;
}

.image-transition img{
    /*position: absolute;*/width: 430px;transform: rotateZ(35deg);right: 110px;margin-left: 10%;
}

#black-section{
    background: #191919;padding: 5rem;
}
#blue-section{
    background: #063453;padding: 5rem;
}

#black-section h1{
    color: #f7f7f7;font-size: 35px;margin-bottom: 50px;
}

#black-section .black-text-in{
    color: #eaeaea;text-align: justify;font-size: 13px;
}

#black-section button{
    color:#191919;background: #1071a3;border-radius: 0;text-transform: uppercase;padding: 6px 40px;font-family: open sans;font-size: 13px;margin-top: 3.5rem;
}

#black-section button:hover{
    border-color: #1071a3; background: #191919; color: #1071a3;
}

#blue-section{
    background: #1071a3;padding: 5rem;
}

#blue-section img{
    max-width: 430px;top: 7rem;transform: rotateY(180deg) rotateZ(-11deg);
}

#blue-section h1{
    color: #f7f7f7;font-size: 36px;margin-bottom: 50px;text-align: end;
}

#blue-section .blue-text-in{
    color: #eaeaea;font-size: 13px;text-align: justify;letter-spacing: -.1px;
}

#blue-section button{
    color:#1071a3;background: #fff;border-radius: 0;text-transform: uppercase;padding: 6px 40px;font-family: open sans;font-size: 13px;margin-top: 3.5rem;
}

#blue-section button:hover{
    background: #1071a3; color: #fff; border-color: #fff;
}

#whitesection{
    background: #fff;padding: 5rem;
}

#whitesection h1{
    color:#1071a3;font-size: 36px;margin-bottom: 50px;
}

#whitesection p{
    color:#191919; font-size: 13px;
}

#whitesection button{
    color:#fff;background: #1071a3;border-radius: 0;text-transform: uppercase;padding: 6px 40px;font-size: 13px;margin-top: 3.5rem;
}

#whitesection button:hover{
    color: #1071a3; background: #fff; border-color: #1071a3;
}


#downloadsection{
    background:#063453; padding: 5rem;
}

#downloadsection h1{
    color:#fff;font-size: 36px;margin-bottom: 50px;
}

#downloadsection p{
    color:#fff; font-size:13px
}

#downloadsection .btn-container{
    padding-top: 3rem;
}

.btn-container .dl-btn{
    border: solid 1px #e5e5e5;width: 200px;display: flex;justify-content: center;
}

.btn-container .dl-btn .icon-focused{
    display: none;
}

.btn-container .dl-btn:hover{
    background: #fff; cursor: pointer;
}

.btn-container .dl-btn:hover .icon-focused{
    display: block;
}

.btn-container .dl-btn:hover .icon-default{
    display: none;
}


.btn-container .dl-btn:hover .availability{
    color: #063453 !important;
}


.dl-btn img{
    max-width: 50px;width: 100%;
}

.dl-btn .availability{
    color: #e5e5e5;font-size: 12px;margin-bottom: 0;height: 50px;padding: 9px 0 0 14px;
}

.dl-btn .availability b{
    font-size: 17px !important;
}