/*!
 * Start Bootstrap - New Age v5.0.7 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */body,
 html {
    width:100%;
    height:100%
   }
   body {
    font-family:Muli,Helvetica,Arial,sans-serif
   }
   a {
    color:#fdcc52;
    transition:all .35s
   }
   a:focus,
   a:hover {
    color:#fcbd20
   }
   hr {
    max-width:100px;
    margin:25px auto 0;
    border-width:1px;
    border-color:rgba(34,34,34,.1)
   }
   hr.light {
    border-color:#fff
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    font-family:Catamaran,Helvetica,Arial,sans-serif;
    font-weight:200;
    letter-spacing:1px
   }
   p {
    font-size:18px;
    line-height:1.5;
    margin-bottom:20px
   }
   section {
    padding:100px 0
   }
   section h2 {
    font-size:50px
   }
   #mainNav {
    border-color:rgba(34,34,34,.05);
    background-color:#fff;
    transition:all .35s;
    font-family:Catamaran,Helvetica,Arial,sans-serif;
    font-weight:200;
    letter-spacing:1px
   }
   @media (max-width:768px) {
        #mainNav .navbar-brand {
            color:#003a73;
            font-family:Catamaran,Helvetica,Arial,sans-serif;
            letter-spacing:1px;
            font-weight: bolder;
            text-shadow: 1px 1px rgba(0,0,0,.1);

        }
   }
   @media (min-width:769px) {
        #mainNav .navbar-brand {
            color:#fdcc52;
            font-family:Catamaran,Helvetica,Arial,sans-serif;
            font-weight:200;
            letter-spacing:1px;
            font-weight: bolder;
            text-shadow: 1px 1px rgba(0,0,0,.5);
        }
    }
   #mainNav .navbar-brand:focus,
   #mainNav .navbar-brand:hover {
    color:#fcbd20
   }
   #mainNav .navbar-toggler {
    font-size:12px;
    padding:8px 10px;
    color:#222
   }
   #mainNav .navbar-nav>li>a {
    font-size:11px;
    font-family:Lato,Helvetica,Arial,sans-serif;
    letter-spacing:2px;
    text-transform:uppercase
   }
   #mainNav .navbar-nav>li>a.active {
    color:#fdcc52!important;
    background-color:transparent
   }
   #mainNav .navbar-nav>li>a.active:hover {
    background-color:transparent
   }
   #mainNav .navbar-nav>li>a,
   #mainNav .navbar-nav>li>a:focus {
    color:#222
   }
   #mainNav .navbar-nav>li>a:focus:hover,
   #mainNav .navbar-nav>li>a:hover {
    color:#fdcc52
   }
   @media (min-width:992px) {
    #mainNav {
     border-color:transparent;
     background-color:transparent
    }
    #mainNav .navbar-brand {
     color:fade(white,70%)
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
     color:#fff
    }
    #mainNav .navbar-nav>li>a,
    #mainNav .navbar-nav>li>a:focus {
     color:rgba(255,255,255,.7)
    }
    #mainNav .navbar-nav>li>a:focus:hover,
    #mainNav .navbar-nav>li>a:hover {
     color:#fff
    }
    #mainNav.navbar-shrink {
     border-color:rgba(34,34,34,.1);
     background-color:#fff
    }
    #mainNav.navbar-shrink .navbar-brand {
     color:#003a73;
     text-shadow: 1px 1px rgba(0,0,0,.3);
    }
    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
     color:#fdcc52
    }
    #mainNav.navbar-shrink .navbar-nav>li>a,
    #mainNav.navbar-shrink .navbar-nav>li>a:focus {
     color:#222
    }
    #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li>a:hover {
     color:#fdcc52
    }
   }
   header.masthead {
    position:relative;
    width:100%;
    padding-top:150px;
    padding-bottom:100px;
    color:#fff;
    /* background:url(../img/bg-pattern.png),#7b4397; */
    /* background:url(../img/bg-pattern.png),linear-gradient(to left,#7b4397,#dc2430) */
    background: url(../img/bg-pattern.png),linear-gradient(to left,#002c59,#003a72);
   }
   header.masthead .header-content {
    max-width:500px;
    margin-bottom:100px;
    text-align:center
   }
   header.masthead .header-content h1 {
    font-size:30px
   }
   header.masthead .device-container {
    max-width:325px;
    margin-right:auto;
    margin-left:auto
   }
   header.masthead .device-container .screen img {
    border-radius:3px
   }
   @media (min-width:992px) {
    header.masthead {
     height:100vh;
     min-height:775px;
     padding-top:0;
     padding-bottom:0
    }
    header.masthead .header-content {
     margin-bottom:0;
     text-align:left
    }
    header.masthead .header-content h1 {
     font-size:50px
    }
    header.masthead .device-container {
     max-width:325px
    }
   }
   section.download {
    position:relative;
    /* padding:150px 0 */
    padding:80px 0
   }
   section.download h2 {
    font-size:50px;
    margin-top:0
   }
   section.download .badges .badge-link {
    display:block;
    margin-bottom:25px
   }
   section.download .badges .badge-link:last-child {
    margin-bottom:0
   }
   section.download .badges .badge-link img {
    height:60px
   }
   @media (min-width:768px) {
    section.download .badges .badge-link {
     display:inline-block;
     margin-bottom:0
    }
   }
   @media (min-width:768px) {
    section.download h2 {
     font-size:70px
    }
   }
   section.features .section-heading {
    margin-bottom:100px
   }
   section.features .section-heading h2 {
    margin-top:0
   }
   section.features .section-heading p {
    margin-bottom:0
   }
   section.features .device-container,
   section.features .feature-item {
    max-width:325px;
    margin:0 auto
   }
   section.features .device-container {
    margin-bottom:100px
   }
   @media (min-width:992px) {
    section.features .device-container {
     margin-bottom:0
    }
   }
   section.features .feature-item {
    padding-top:50px;
    padding-bottom:50px;
    text-align:center
   }
   section.features .feature-item h3 {
    font-size:30px
   }
   section.features .feature-item i {
    font-size:80px;
    display:block;
    margin-bottom:15px;
    background: linear-gradient(to left,#c7303f,#d14b3e);
    /* background:linear-gradient(to left,#7b4397,#dc2430); */
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
   }
   section.cta {
    position:relative;
    padding:250px 0;
    background-image:url(../img/bg-cta.jpg);
    background-position:center;
    background-size:cover
   }
   section.cta .cta-content {
    position:relative;
    z-index:1
   }
   section.cta .cta-content h2 {
    font-size:50px;
    max-width:450px;
    margin-top:0;
    margin-bottom:25px;
    color:#fff
   }
   @media (min-width:768px) {
    section.cta .cta-content h2 {
     font-size:80px
    }
   }
   section.cta .overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5)
   }
   section.contact {
    text-align:center
   }
   section.contact h2 {
    margin-top:0;
    margin-bottom:25px
   }
   section.contact h2 i {
    color:#dd4b39
   }
   section.contact ul.list-social {
    margin-bottom:0
   }
   section.contact ul.list-social li a {
    font-size:40px;
    line-height:80px;
    display:block;
    width:80px;
    height:80px;
    color:#fff;
    border-radius:100%
   }
   section.contact ul.list-social li.social-twitter a {
    background-color:#1da1f2
   }
   section.contact ul.list-social li.social-twitter a:hover {
    background-color:#0d95e8
   }
   section.contact ul.list-social li.social-facebook a {
    background-color:#3b5998
   }
   section.contact ul.list-social li.social-facebook a:hover {
    background-color:#344e86
   }
   section.contact ul.list-social li.social-google-plus a {
    background-color:#dd4b39
   }
   section.contact ul.list-social li.social-google-plus a:hover {
    background-color:#d73925
   }
   footer {
    padding:25px 0;
    text-align:center;
    /* color:rgba(255,255,255,.3); */
    /* background-color:#222 */
    color: #fff;
    background-color:#3b5998;
   }
   footer p {
    font-size:12px;
    margin:0
   }
   footer ul {
    margin-bottom:0
   }
   footer ul li a {
    font-size:12px;
    color:rgba(255,255,255,.3)
   }
   footer ul li a.active,
   footer ul li a:active,
   footer ul li a:focus,
   footer ul li a:hover {
    text-decoration:none
   }
   .bg-primary {
    background:#eee; 
    background:linear-gradient(#fff,#fff);
    /* background:#c7303f;
    background: linear-gradient(#c7303f,#d14b3e); */
   }
   .text-primary {
    color:#fdcc52
   }
   .no-gutter>[class*=col-] {
    padding-right:0;
    padding-left:0
   }
   .btn-outline {
    color:#fff;
    border:1px solid;
    border-color:#fff
   }
   .btn-outline.active,
   .btn-outline:active,
   .btn-outline:focus,
   .btn-outline:hover {
    color:#fff;
    border-color:#fdcc52;
    background-color:#fdcc52
   }
   .btn {
    border-radius:300px;
    font-family:Lato,Helvetica,Arial,sans-serif;
    letter-spacing:2px;
    text-transform:uppercase
   }
   .btn-xl {
    font-size:11px;
    padding:15px 45px
   }
   .c-b-s{
    /* box-shadow: 2px 2px 8px rgba(0,0,0,.4),inset 2px 2px 4px rgb(244, 244, 244) */
    box-shadow: 2px 2px 8px rgba(0,0,0,.4);
   }
    .subtitle{
        text-align: left;
        /* background: #deedfb !important; */
        /* background: #0c4c88 !important; */
        /* background: #003a72 !important; */
        background: #003264 !important;
        height: 38px;
        padding: 0.75rem !important;
        font-size: 15px;
        font-family: Catamaran,Helvetica,Arial,sans-serif;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 1.2;
        color:#fff;
        /* color:#454545; */
   }
#materia_id option {
    text-transform: capitalize;
}
.c-h-a {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    background: url(../img/bg-pattern.png),linear-gradient(to left,#002c59,#003a72) !important;
    color: #fff;
}
.card-body{
    padding: 0.75rem 1.25rem !important;
}
.form-control{
    height: calc(1rem + .75rem + 2px) !important;
    padding: .12375rem .75rem !important;
    font-size: 0.75rem !important;
}
label{
    font-size: 0.8rem !important;
    font-weight: bold !important;
    color:#002c59;
}
table{
    margin-top: 0.5rem;
    font-size: 0.8rem !important;
}