body {
    font-family: "Averta", "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif, sans-serif !Important;
}

@font-face {
    font-family: "Averta";
    src: url("/static/css/averta.otf") format("opentype")
}

.homeCapture h1 {
    color:white !important;
}

.bbg {

    background-image: url("/static/images/nmarc-bg.jpg") !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;

}

.homeCapture h3 {margin: 5px 0;}

.homeCapture {
    padding-top: 5px;
    background-image: url("/static/images/eelab/eelabbg-e.jpg") !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    min-height: 660px;
}

.menu a {
    font-size: 18px;
    display: block;
    margin-top: 7px !important;
    color: white !important;
    border: 1px dotted white;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.menu a:hover {
    border: 1px solid white;
    background-color: rgba(0, 0, 0, 0.9);
}


.row {
    margin-left: 0;
    margin-right: 0;
}

.spacer {
    display: block;
    width:100%;
    margin-top: 220px;
}

.believeTxt h3 {
    color: white !important;
}

/*

.inviteBox {
    display: block;
    margin: 0 auto;
    max-width: 350px;
    background-color: white;
    padding: 20px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)!important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)!important;
}

*/

#demoVid {
    display: none;
}


.inviteBox {
    display: block;
    margin: 0 auto;
    max-width: 380px;
    background-color: white;
    padding: 5px 30px 30px 30px;
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.475)!important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.475)!important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.captBtns {
    font-size: 24px;
    padding: 20px 60px;
}

.btn-page {
    display: block;
    margin: 40px auto;
    width: 100%;
    padding: 5px 0;
    border: 1px dashed #ffffff;
    color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.btn-page:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.46) !important;
    border: 1px solid #ffffff;
}

.btn-page h3 {
    text-align: center;
    line-height: 40px;
    font-size: 26px;
}

.btn-page img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 280px;
}


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 92%;
}


.pageTit {
    color:#1a3137 !important;
}

.bdashed {border:1px dashed #1a3137;}

.w100 {
    width:100%;
    padding: 10px;
    font-size: 15px;
}

.w70 {
    width:70%;
    padding: 15px 0;
    font-size: 18px;
}

.w80 {
    width:50%;
    padding: 10px 0;
    font-size: 16px;
}

.num {
    display: block;
    margin: 0 auto;
    background-color: #ccc;
    line-height: 80px;
    font-size: 24px;
    height: 80px;
    width:80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
}

.cambColr {
    font-size:22px;
    color: #afa05b !important;
}

.yle {
    font-size:22px;
    color: #3079AB !important;
}

.yleBg {
    background-color: #3079AB;
    color: white;
}

.yleBr {
    border:1px dotted #3079AB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ket {
    font-size:22px;
    color: #53BBB4 !important;
}

.ketBg {
    background-color: #53BBB4;
    color: white;
}

.ketBr {
    border:1px dotted #53BBB4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pet {
    font-size:22px;
    color: #E15258 !important;
}

.petBg {
    background-color: #E15258;
    color: white;
}

.petBr {
    border:1px dotted #E15258;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.fce {
    font-size:22px;
    color: #5CB860 !important;
}

.fceBg {
    background-color: #5CB860;
    color: white;
}

.fceBr {
    border:1px dotted #5CB860;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cae {
    font-size:22px;
    color: #39ADD1 !important;
}

.caeBg {
    background-color: #39ADD1;
    color: white;
}

.caeBr {
    border:1px dotted #39ADD1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cpe {
    font-size:22px;
    color: #7D669E !important;
}

.cpeBg {
    background-color: #7D669E;
    color: white;
}

.cpeBr {
    border:1px dotted #7D669E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.infografia {
    background-color: #5e817e;
    min-height: 200px;
}


.featuresLink {
    min-height: 600px;
    background-image: url(/static/images/eelab/intBg.jpg) !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.featuresLink h3 {
    color: white !important;
}


.footer {
    background-color: #5e817e;
    min-height: 70px;
}

.footer a, .footer p {
    display: block;
    font-size: 16px;
    color: #283734;
    line-height: 70px;
    margin: 0 !important;
}

.footer a:hover {
    color:#ffffff;
    background-color: #1a3137;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.img-r {
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}


.cem-form {
    width:100%;
    max-width: 450px;
    padding:0 20px 40px 20px;
    display: block;
    margin: 30px auto;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)!important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)!important;
}

.blueClr {
    color:#1a3137 !important;
}


.aboutTxt p {
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 10px auto;
    font-size: 20px !important;
    color: #1a3137;
}

.btnACC {
    color:white !important;
    font-size: 15px
}

.infoNums {
    width:200px;
    height:200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    border:3px dashed rgba(255, 28, 38, 0.8);
    text-align: center;
    padding-top: 35px;
    display: block;
    margin: 30px auto;
}


.btnCEM {
    color: white !important;
    font-size: 15px
}

.btnCEM:hover {
    color:black !important;
}

.sep {
    color: white;
    margin: 0 20px;
    font-size: 20px;
}

.discNum {
    border-bottom: 2px solid white;
    padding: 0 5px;
}

.xs-spacer {
    display: block;
    width:100%;
    margin-bottom: 65px;
}

.xs-spacer-b {
    display: block;
    width:100%;
    margin-top: 75px;
}

@media only screen and (max-width: 600px) {
  .spacer {
    display: block;
    width:100%;
    margin-top: 50px;}
    .logo {text-align: center;}
    .login {text-align: center;}
    .xsBr {display: block;}
    .playXs {display:block; width:100%; text-align: center}
    .brXs {display:block; margin-top: 30px;}
     h1 {
        font-size: 30px;
    }
    .xs-only{
        display: block;
    }
    .xs-spacer {
        display: block;
        width:100%;
        margin-bottom: 0;
    }
    .xs-spacer-b {
        display: block;
        width:100%;
        margin-top: 30px;
    }

    .mnu {display: none;}

    .a-xs {
        display: block;
        width:90%;
        margin-left: 5%;
        margin-bottom:10px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 991px) {
    .xs-spacer {
        display: block;
        width:100%;
        margin-bottom: 10px;
    }

    .xs-spacer-b {
        display: block;
        width:100%;
        margin-top: 10px;
    }

    .inviteBox {
        max-width: 95%;
    }

    .w70 {
        width:98%;
    }

    .exmList li {
        width:30% !important;
    }
}

@media only screen and (max-width: 991px) {
    .login {
        text-align: center;
    }
    .logo {text-align: center;}
}