@font-face {
    font-family: NexaBold;
    src: url(../font/NexaBold.otf);
}

@font-face {
    font-family: NexaLight;
    src: url(../font/NexaLight.otf);
}

@font-face {
    font-family: "Nexa-Regular";
    src: url('../font/NexaRegular.woff2') format('woff2'), url('../font/NexaRegular.woff') format('woff');
}

@font-face {
    font-family: "Nexa-RegularItalic";
    src: url('../font/NexaRegularItalic.woff2') format('woff2'), url('../font/NexaRegularItalic.woff') format('woff');
}

body {
    font-family: 'Nexa-Regular', sans-serif;
}

p {
    font-family: 'Nexa-Regular', sans-serif;
}

i {
    transition: all .3s ease-in-out;
}

.nexa-bold {
    font-family: 'NexaBold', sans-serif;
}

.nexa-light {
    /*font-family: 'NexaLight', sans-serif;*/
    font-family: 'Nexa-Regular', sans-serif;
}

/* Bootstrap Overrides */

.bg-primary {
    background-color: #505e67 !important;
}

.bg-secondary {
    background-color: #3ec5d3 !important;
}

.border-secondary {
    border-color: #3ec5d3 !important;
}

.btn-primary {
    background-color: transparent !important;
    border-color: #1f5d6a !important;
    color: #1f5d6a !important;
}

    .btn-primary:hover {
        background-color: #1f5d6a !important;
        color: #ffffff !important;
    }

.btn-secondary {
    background-color: #3ec5d3 !important;
    border-color: #3ec5d3 !important;
    color: #ffffff !important;
}

    .btn-secondary:hover {
        background-color: #ffffff !important;
        border-color: #3ec5d3 !important;
        color: #3ec5d3 !important;
    }

.btn-info {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

    .btn-info:hover {
        background-color: #ffffff !important;
        border-color: #1f5d6a !important;
        color: #1f5d6a !important;
    }

.text-primary {
    color: #5a6770 !important;
}

.text-secondary {
    color: #3ec5d3 !important;
}

a.text-secondary:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.text-info {
    color: #1e5d6c !important;
}

.font-xl {
    font-size: 52px;
}

a.nav-link:hover {
    color: #3ec5d3 !important;
}

/* Custom */

.active {
    background-color: #3ec5d3;
    border-radius: 10px;
    color: #ffffff !important;
}

.login {
    border-radius: 10px;
}

a.active:hover {
    color: #ffffff !important;
}

.logo {
    max-width: 150px;
}

.line {
    background-color: #5a6770;
    height: 5px;
    width: 100%;
    border-radius: 2px;
}

.infront {
    position: relative;
    z-index: 10;
}

.behind {
    position: relative;
    z-index: -10;
}

.bigger-text {
    font-size: 64px;
}

.big-text {
    font-size: 50px;
}

.min-w125 {
    min-width: 125px !important;
}

.max-w300 {
    max-width: 300px !important;
}

.height600 {
    height: 600px;
}

.w60 {
    width: 60%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.lh-35 {
    line-height: 35px;
}

.lh-30 {
    line-height: 30px;
}

.rounded-top {
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
}

.rounded-bottom {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.rounded-full {
    border-radius: 10px;
}

.rounded-hero {
    border-radius: 250px;
}

.bg-img-hero {
    background-image: url('../img/cloudrx-header.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-hero-about {
    background-image: url('../img/mock-up-header.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-hero-why {
    background-image: url('../img/cloudrx-header-2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-hero-how {
    background-image: url('../img/cloudrx-header-4.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-hero-api {
    background-image: url('../img/cloudrx-header-6.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-hero-partners {
    background-image: url('../img/cloudrx-header-5.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-hero-contact {
    background-image: url('../img/cloudrx-header-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-col-1 {
    background-image: url('../img/cloudrx-800-300-4.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-col-2 {
    background-image: url('../img/thin-thumb3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-col-3 {
    background-image: url('../img/thin-thumb2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rotate {
    transform: rotate(180deg);
}

/* Mobile displays */

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

    .height600 {
        height: auto !important;
    }
}