/*!
 * Start Bootstrap - New Age v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2017 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;
     color: #FFF;
 }
 a {
     color: #90aed6;
     -webkit-transition: all .35s;
     -moz-transition: all .35s;
     transition: all .35s
 }
 a:focus,
 a:hover {
     color: #90aed6
 }

a:link {
    color: #FFF;
}

a:visited {
    color: #FFF;
}

 hr {
     max-width: 100px;
     margin: 25px auto 0;
     border-width: 1px;
     border-color: rgba(34, 34, 34, .1)
 }
 hr.light {
     border-color: #fff
 }
 h1,
 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: 20px;
     letter-spacing: 2px;
     color: #FFF;
 }
 #mainNav {
     border-color: rgba(34, 34, 34, .05);
     background-color: #90aed6;
     -webkit-transition: all .35s;
     -moz-transition: all .35s;
     transition: all .35s;
     font-family: Catamaran, Helvetica, Arial, sans-serif;
     font-weight: 200;
     letter-spacing: 1px
 }
 #mainNav .navbar-brand {
     content:url(../img/logo-alternate.png);
     width:25%;
     height:25%;
     font-family: Catamaran, Helvetica, Arial, sans-serif;
     font-weight: 200;
     letter-spacing: 1px
 }
 #mainNav .navbar-brand:focus,
 #mainNav .navbar-brand:hover {
     color: #90aed6
 }
 #mainNav .navbar-toggler {
     font-size: 12px;
     padding: 8px 10px;
     color: rgb(110, 68, 68)
 }
 #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: #90aed6!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: #353535
 }
 #mainNav .navbar-nav>li>a:focus:hover,
 #mainNav .navbar-nav>li>a:hover {
     color: #90aed6
 }
 @media (min-width: 992px) {
     #mainNav {
         border-color: trannavbar-lightsparent;
         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: #353535
     }
     #mainNav .navbar-nav>li>a:focus:hover,
     #mainNav .navbar-nav>li>a:hover {
         color: #90aed6
     }
     #mainNav.navbar-shrink {
         border-color: rgba(34, 34, 34, .1);
         background-color: #fff
     }
     #mainNav.navbar-shrink .navbar-brand {
        content:url(../img/logo-alternate.png);
        width:25%;
        height:25%;
     }
     #mainNav.navbar-shrink .navbar-brand:focus,
     #mainNav.navbar-shrink .navbar-brand:hover {
        content:url(../img/logo-alternate.png);
        width:25%;
        height:25%;
     }
     #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: #90aed6
     }
 }
 header.masthead {
     position: relative;
     width: 100%;
     padding-top: 150px;
     padding-bottom: 100px;
     color: #353535;
     background: #90aed6;
     background-image: url(../img/background.jpg);
     background-repeat: repeat-x;
     background-size: auto 85vh;
 }
 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: 100px 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: -webkit-linear-gradient(to left, #7b4397, #dc2430);
     background: linear-gradient(to left, #7b4397, #dc2430);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent
 }
 section.cta {
     position: relative;
     padding: 100px 0;
     background-color: #575757;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     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: #353535
 }
 @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: #353535;
     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: #353535
 }
 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: #90aed6;
     background: -webkit-linear-gradient(#90aed6, #90aed6);
     background: linear-gradient(#90aed6, #90aed6)
 }
 .text-primary {
     color: #90aed6
 }
 .no-gutter>[class*=col-] {
     padding-right: 0;
     padding-left: 0
 }
 .btn-outline {
     color: #353535;
     border: 1px solid;
     border-color: #353535
 }

 .btn {
     border-radius: 300px;
     font-family: Lato, Helvetica, Arial, sans-serif;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #353535;
 }

.btn:link {
    color: #353535;
}

.btn:visited {
    color: #353535;
}

.btn-xl {
     font-size: 11px;
     padding: 15px 45px;
     color: #353535;
 }

 .btn-outline.active,
 .btn-outline:active,
 .btn-outline:focus,
 .btn-outline:hover {
     color: #FFF;
     border-color: #90aed6;
     background-color: #90aed6
 }
 
 .section-header {
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 36px;
    color: #FFF;
    letter-spacing: 3px;
 }

 .section-header-alternate {
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 36px;
    color: #353535;
    letter-spacing: 3px;
 }

 .imgContainer{
    display: inline-block;
    border-radius: 50%;
    color: #353535;
}

.team-members>img{
    border-radius: 50%;
    padding: 10px;
}

section.docs {
    position: relative;
    padding: 100px 0;
    background-color: #90aed6;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
section.docs .docs-content {
    position: relative;
    z-index: 1
}
section.docs .docs-content h2 {
    font-size: 50px;
    max-width: 450px;
    margin-top: 0;
    margin-bottom: 25px;
    color: #353535
}
@media (min-width: 768px) {
    section.docs .docs-content h2 {
        font-size: 80px
    }
}
section.docs .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.pilltender>img {
    height: 75vh;
    width: auto;
}

.subheader {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

section.overview {
    position: relative;
    padding: 0 0;
    margin-top: -25px;
    background-color: #90aed6;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
section.overview .overview-content {
    position: relative;
    z-index: 1
}
section.overview .overview-content h2 {
    font-size: 50px;
    max-width: 450px;
    margin-top: 0;
    margin-bottom: 25px;
    color: #353535
}
@media (min-width: 768px) {
    section.overview .overview-content h2 {
        font-size: 80px
    }
}
section.docs .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}