:root{
    --dark-blue:#173a64;
    --light-blue:#0095FB;
    --teal-blue:#3A88A3;
    --black:#000000;
    --dark-gray:#343A40;
    --gray:#999C9F;
    --light-gray:#CDCED0;
    --gray2:#8B9DB2;
    --white:#fff;
    --red:#CB344B;
    --dark-purle:#4B1DE5;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.otf');
}

@font-face {
    font-family: 'MontserratBold';
    src: url('/fonts/Montserrat-SemiBold.otf');
}

/* GENERAL */
.oll-container{
    padding:0 20px;
}
.main-page-blog-wrap .oll-container{
    padding:0;
}

.white-txt{
    color:var(--white);
}
.dblue-txt{
    color:var(--dark-blue);
}
.lblue-txt{
    color:var(--light-blue);
}
.dgray-txt{
    color:var(--dark-gray);
}
.gray-txt{
    color:var(--gray);
}
.gray2-txt{
    color:var(--gray2);
}

.content-title1{
    font: normal normal normal 32px/39px "MontserratBold";
}
.content-title2{
    font: normal normal normal 20px/24px "MontserratBold";
}
.content-title3{
    font: normal normal normal 16px/19px "MontserratBold";
}
.content-title4{
    font: normal normal normal 40px/49px "MontserratBold";
}
.content-title5{
    font: normal normal normal 24px/29px "MontserratBold";
}
.content-title6{
    font: normal normal bold 70px/80px "EBGaramond";
}
.content-title7{
    font: normal normal bold 32px/38px "EBGaramond";
}
.content-title8{
    font: normal normal normal 12px/15px "MontserratBold";
}
.content-title9{
    font: normal normal bold 22px/28px 'Garamond';
}
.content-title10{
    font: normal normal normal 18px/22px 'MontserratBold';
}
.content-title11{
    font: normal normal bold 50px/55px 'Garamond';
}
.content-title12{
    font: normal normal normal 14px/21px 'MontserratBold';
}
.content-title13{
    font: normal normal bold 30px/35px 'Garamond';
}
.content-title14{
    font: normal normal normal 28px/34px 'MontserratBold';
}
.content-title15{
    font: normal normal normal 20px/24px 'MontserratBold';
}
.content-desc1{
    font: normal normal normal 16px/24px "Montserrat";
}
.content-desc2{
    font: normal normal normal 14px/18px "MontserratBold";
}
.content-desc3{
    font: normal normal normal 16px/19px "Montserrat";
}
.content-desc4{
    font: normal normal normal 14px/18px "Montserrat";
}
.content-desc5{
    font: normal normal normal 16px/22px "Montserrat";
}
.content-desc6{
    font: normal normal normal 12px/24px "Montserrat";
}
.content-desc7{
    font: normal normal normal 16px/24px "Montserrat";
}
.link-chev-right{
    font: normal normal normal 14px/18px "MontserratBold";
    text-decoration: none;
    color:var(--dark-blue);
}
.fill-black{
    background:var(--black) !important;
}
.fill-dblue{
    background:var(--dark-blue) !important;
}
.fill-lblue{
    background:var(--light-blue) !important;
}
.fill-teal{
    background:var(--teal-blue) !important;
}
.fill-purple{
    background:var(--dark-purle) !important;
}
.fill-red{
    background:var(--red) !important;
}
.fill-white{
    background-color: #fff;
}

#mc_embed_signup .button{
    font: normal normal normal 14px/21px "MontserratBold";
    padding:14px 108px 13px 108px;
    background:var(--light-blue);
    border-radius: 0;
    border:0;
    position: relative;
}
#mc_embed_signup .button{
    height: auto;
}
#mc_embed_signup .button:hover{
    background:var(--dark-blue);
}
.footer-bottom{
    background:#000;
    padding:18px 18px;
    text-align: center;
}
.footer-bottom p{
    font: normal normal normal 12px/15px "Montserrat";
    color:var(--light-gray);
    padding:0;
    margin-bottom:0;
}
footer form{
    border:1px solid var(--white);
    padding:31px 49px 56px 53px;
}
footer form h4{
    font: normal normal normal 16px/24px "MontserratBold";
}
footer form p,
footer .footer-nav-wrap p{
    font: normal normal normal 14px/18px "Montserrat";
}
footer input[type=email],
.contact-form-wrap input,
.contact-form-wrap textarea{
    font: normal normal normal 14px/18px "MontserratBold";
    color:var(--dark-gray);
    padding:14px 13px;
    border-radius: 0;
}
footer form > *{
    margin-bottom: 12px;
}
footer form .btn,
.contact-form-wrap .btn{
    font: normal normal normal 14px/21px "MontserratBold";
    text-transform: uppercase;
    background:var(--light-blue);
    padding:14px 13px;
    color:var(--white);
    width:100%;
    margin-bottom:0;
    border-radius: 0;
    position: relative;
}
footer form .btn .fa-chevron-right:before,
.contact-form-wrap .btn .fa-chevron-right:before{
    position: absolute;
    top: 17px;
    right: 10px;
}
footer form .btn:hover{
    background:none;
}
.contact-form-wrap .btn{
    border:1px solid var(--dark-blue);
    background:var(--dark-blue);
}
.contact-form-wrap .btn:hover{
    border:1px solid var(--light-blue);
    background:var(--light-blue);
}
footer .footer-logo-wrap{
    display: block;
}
footer .footer-logo-wrap img{
    width: 60%;
    margin-bottom:45px;
}
footer .footer-nav-wrap *{
    color:var(--white);
}
footer .footer-nav-wrap .footer-links-wrap a{
    display: block;
    font: normal normal normal 14px/18px "Montserrat";
    text-decoration: none;
    margin-bottom: 26px;
}
footer .footer-nav-wrap .footer-links-wrap a:hover{
    font-family: 'MontserratBold';
    text-decoration: underline;
}
footer .footer-nav-wrap h4{
    font: normal normal normal 16px/24px "MontserratBold";
    margin-bottom:22px;
}
footer .footer-nav-wrap{
    padding:0;
}
.form-email{
    display: flex;
    flex-direction: column;
}
.form-email input[type=text],
.form-oll-titles input[type=text],
.main-page-bg form input[type=text],
.main-page-bg form select{
    font: normal normal normal 14px/18px 'MontserratBold';
    color: #343A40;
    padding:14px 20px;
    margin-bottom:15px;
}
.form-email button,
.form-oll-titles button,
.main-page-bg form button{
    border-radius: 0;
    background: var(--light-blue);
    color: var(--white);
    border: 0;
    padding:14px 20px;
    text-transform: uppercase;
    font: normal normal normal 14px/18px "MontserratBold";
    position: relative;
}
