/*
offwhite - #F4F4F4
pink - #bd757a
purple - #633254
blue - #87a4af
bg- light grey - #b0b0b0
light grey - #575756;
dark grey - #342e2a
mid-grey - #D8D8D8
*/
/*Font import*/

@font-face {
    font-family: 'OpenSans';
    src: url('../font/OpenSans-Regular.otf') format('otf'),
    url('../font/OpenSans-Regular.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../font/OpenSans-SemiBold.otf') format('otf'),
    url('../font/OpenSans-Semibold.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../font/OpenSans-Bold.otf') format('otf'),
    url('../font/OpenSans-Bold.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../font/OpenSans-Italic.otf') format('otf'),
    url('../font/OpenSans-Italic.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../font/OpenSans-ExtraBold.otf') format('otf'),
    url('../font/OpenSans-ExtraBold.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@media (min-width: 1200px){
    /* .container {
        max-width: unset;
        padding: 0 5rem;
    } */
}
* {
    -webkit-tap-highlight-color: transparent; /* for removing the highlight */
    outline: none; /*focus ring*/
    transition: all 300ms ease-in-out;
}
html {
    min-width: 360px;
    max-width: 2480px;
    margin: auto;
    scroll-behavior: smooth;
}
body {
    font-family: 'OpenSans', sans-serif;
    max-width: 2000px;
    margin: auto;
    position: relative;
}
:focus, :active{
    outline-color: transparent;
}
a {
    color:#fff;
}
a:hover,
a:active {
    color: #633254;
}
.bg-dgrey a:hover {
    color: #bd757a;

}
h1 {
    font-family: 'OpenSans-ExtraBold', sans-serif;
    font-size: 3.5rem;
}
h2 {
    font-family: 'OpenSans-Bold', sans-serif;
    margin-bottom: 1rem;
}
h3 {
    font-size: 2rem;
}
h5 {
    font-size: 1rem;
    text-transform: uppercase;
    font-family: 'OpenSans-SemiBold', sans-serif;
}
h5.demo {
    text-transform: initial !important;
}
.about-head {
    font-size: 2.65rem;
}
nav {
    margin-right: 0;
    z-index: 100;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    max-width: 2000px;
}

.navbar {
    padding-bottom: 0;
    border-bottom: 3px solid #bd757a;
}
.navbar {
    padding-top: 0;
}
.navbar-brand {
    padding: 0.75rem 0;
}
.navbar-brand img {
    width: 200px;
    transition: all 500ms ease-in-out;
}
.sticky .navbar-brand img {
    width: 160px;
    transition: all 500ms ease-in-out;
}
.nav-link {
    font-family: 'OpenSans-Bold', sans-serif;
    color: #633254;
    transition: all 500ms ease-in-out;
}
.nav-link:hover,
.nav-link:active,
.nav-link:focus {
    color: #bd757a;
}
.homepage-nav {
    margin-top: -5rem;
    height: 5rem;
}
.homepage-nav-item {
    background-color: #b0b0b0;
}
.homepage-nav-item:hover ,
.homepage-nav-item.active {
    background-color: #575756;
}
.homepage-nav-item a {
    color: #fff;
}
a[disabled] {
    color: #ccc
}
.btn {
    border-radius: 2rem;
    padding: 0.25rem 1.75rem;
}
.btn-purple {
    background-color: #633254;
}
.btn-purple:hover {
    background-color: #bd757a;
}
.btn-purple .nav-link {
    color: #fff;
}
.btn-white {
    border: 2px solid #fff;
    background: none;
    color: #fff
}
.btn-white:hover,
.btn-white:active {
    background-color: #633254;
    border: 2px solid #633254;
    color: #fff;
    text-decoration: none;
}
.btn-bg-white {
    background: #fff;
    color: #633254;
}
.btn-bg-white:hover {
    background: #bd757a;
    color: #fff;
}
.bg-trans-black {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0) 100%);
}
.dropdown-toggle::after {
    display: none;
}
.text-purple {
    color: #633254;
}
.text-grey {
    color: #342e2a;
}
.text-pink {
    color: #bd757a;
}
.text-semibold {
    font-family: 'OpenSans-SemiBold', sans-serif;
}
.text-bold {
    font-family: 'OpenSans-Bold', sans-serif;
}
.text-body{
    color: #342E2A;
}
.text-blinc {
    color: #F49400;
}
.bg-pink {
    background: #bd757a;
}
.bg-lgrey {
    background: #575756;
}
.bg-dgrey {
    background: #342e2a;
}
.bg-offwhite {
    background: #F4F4F4;
    color: #342E2A;
}
.bg-purple {
    background: #633254;
}
.bg-mgrey {
    background: #D8D8D8;
}
.bg-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.border-white-top {
    border-top: 1px solid #fff;
}
.carousel-indicators {
    z-index: 1;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    background:transparent;
    opacity: 1;
    border:2px solid #fff;
    border-radius: 50%;
}
.carousel-indicators li.active {
    background:#fff;
}
.driver {
    max-height: 500px;
}
input {
    padding: 0.25rem 1rem;
    border: #9B9B9A;
    color: #9B9B9A;
}
footer a {
    color: #342E2A;
    font-size: 14px;
}
.blinc-offset-1 {
    margin: auto;
}
.path{
    top: -50%;
}
.blinc-logo {
    height:60px
}

button {
    border: none;
}
/*Hamburger*/
#nav-icon3 {

    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 2rem;
    background: #633254;
    border-radius: 9px;
    opacity: 1;
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
    top: 0.25rem;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 0.75rem;
}
#nav-icon3 span:nth-child(4) {
    top: 1.25rem;
}
#nav-icon3.open span:nth-child(1) {
    top: 0;
    width: 0%;
    left: 50%;
}
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
    top: 0;
    width: 0%;
    left: 50%;
}
.solution-link a{
    color: #fff;
    margin: 0.25rem 1.5rem 0.25rem 0;
    font-family: 'OpenSans-SemiBold', sans-serif;
    padding: 0.25rem 1.25rem;
}

.header a{
    cursor: pointer;
    font-family: 'OpenSans-Bold', sans-serif;

}
.header .collapsed {
    transition: opacity 300ms ease;
    opacity: 1;
    font-family: 'OpenSans', sans-serif;

}

.collapsed:hover img{
    transition: opacity 300ms ease;
    opacity: .75;
}
.collapsed img {
    transition: opacity 300ms ease;
    opacity: 0 !important;
}
.bg-driver {
    z-index: -1;
    background-color: #F4F4F4;
    height: 800px;
    width: 800px;
    right: -5rem;
    border-radius: 50%;
    bottom: -40%;
}
.carousel img {
    height: 70vh;
}
@media (min-width: 992px) {
    .bulb{
        height: 300px;
    }
    .path{
        top: -40%;
    }
    .driver {
        position: absolute;
        right: 0;
        top: 5rem;
    }
    .blinc-offset-1 {
        margin: -5rem 0 0;
    }
    .position-md-absolute {
        position: absolute;
    }
    .carousel-indicators {
        z-index: 1;
        bottom: 6rem;
    }
}
@media (max-width:991px) {
    .navbar-toggler {
        height: 3rem;
        width: 3rem;
        padding:0;
    }
    .mobile-toggle {
        background: url('../img/mobile-down.png') no-repeat;
        background-size: contain;
        width: 14px;
        height: 14px;
    }
    .collapsed .mobile-toggle {
        background: url('../img/mobile-right.png') no-repeat;
        background-size: contain;
    }
    .carousel img {
        height: 40vh;
    }
    .blinc-logo {
        height:48px
    }
    .bulb{
        width: 100%;
    }
    .content{
        margin-top: 4rem;
    }
}
@media (max-width: 767px) {
    .navbar-brand img {
    width: 120px;
    }
    .form.position-absolute {
        position: relative!important;
    }
    .driver {
        max-height: 240px;
    }
    @keyframes FadeIn { 
        0% {
          opacity: 0;
        }
      
        100% {
            opacity: 1;
        }
      }
    h1 {
        font-size: 2rem;
    }
    h1.about-head {
        font-size: 2rem;
    }
      h2, .about-head {
        font-size: 1.45rem;
    }
    h3 {
        font-size: 1.25rem
    }
    .h2, h4{
        font-size: 1.05rem;
    }
    p {
        font-size: 1rem
    }
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        transition: ease-in-out all 300ms;

    }
    .navbar-brand img {
        max-height: 42px;
        transition: all 500ms ease-in-out;
    }
    .sticky .navbar-brand img {
        max-height: 38px;
        transition: all 500ms ease-in-out;
    }
    .navbar > .container{
        border-bottom: none;
    }
    .navbar-collapse.collapsing{
        transition: all 500ms ease-in-out;
    }
    .navbar-collapse.show {
        height: 100vh;
        transition: all 500ms ease-in-out;
    }
    .navbar-nav {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top:-1rem;
    }
    .nav-item {
        opacity: 0;
    }
    .nav-link {
        font-size: 1.25rem;
    }
    .btn .nav-link {
        font-size: 1rem;
    }
    .dropdown-item {
        font-size: 1.25rem;
    }
    .navbar-collapse.show .menu-overlay {
        animation: FadeIn 500ms linear;
        animation-fill-mode: both;
        animation-delay: 300ms;
    }
    .navbar-collapse.show .dropdown-item:nth-of-type(1),
    .navbar-collapse.show .nav-item:nth-of-type(1) {
        animation: FadeIn 500ms linear;
        animation-fill-mode: both;
        animation-delay: 300ms;
    }
    .navbar-collapse.show .dropdown-item:nth-of-type(2),
    .navbar-collapse.show .nav-item:nth-of-type(2) {
        animation: FadeIn 500ms linear;
        animation-fill-mode: both;
        animation-delay: 500ms;
    }
    .navbar-collapse.show .dropdown-item:nth-of-type(3),
    .navbar-collapse.show .nav-item:nth-of-type(3) {
        animation: FadeIn 500ms linear;
        animation-fill-mode: both;
        animation-delay: 700ms;
    }
    .navbar-collapse.show .dropdown-item:nth-of-type(4),
    .navbar-collapse.show .nav-item:nth-of-type(4) {
        animation: FadeIn 500ms linear;
        animation-fill-mode: both;
        animation-delay: 900ms;
    }
    .navbar-collapse.show .dropdown-item:nth-of-type(5),
    .navbar-collapse.show .nav-item:nth-of-type(5) {
        animation: FadeIn 500ms linear;
        animation-fill-mode: both;
        animation-delay: 1200ms;
    }
    .navbar-collapse.show .dropdown-item:nth-of-type(6),
    .navbar-collapse.show .nav-item:nth-of-type(6) {
        animation: FadeIn 500ms linear;
        animation-fill-mode: both;
        animation-delay: 1500ms;
    }
    .dropdown-menu {
        background-color: transparent;
    }

    .sticky {
        width: 100%;
    }

    .dropdown-menu {
        border: none;
        text-align: right;
    }
    .dropdown-item {
        padding-right: 0;
    }
    .bg-driver {
        z-index: -1;
        background-color: #F4F4F4;
        height: 800px;
        width: 800px;
        right: -50%;
        border-radius: 50%;
        bottom: inherit;
    }
}
input {
    border-radius: 0 !important;
}
.rc-anchor {
    opacity: 0;
}