@font-face {
    font-family: 'Montserrat Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Regular'), url('../fonts/Montserrat-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Italic'), url('../fonts/Montserrat-Italic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Thin'), url('../fonts/Montserrat-Thin.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Thin Italic'), url('../fonts/Montserrat-ThinItalic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat ExtraLight'), url('../fonts/Montserrat-ExtraLight.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat ExtraLight Italic'), url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Light';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Light'), url('../fonts/Montserrat-Light.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Light Italic'), url('../fonts/Montserrat-LightItalic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Medium'), url('../fonts/Montserrat-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Medium Italic'), url('../fonts/Montserrat-MediumItalic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat SemiBold'), url('../fonts/Montserrat-SemiBold.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat SemiBold Italic'), url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Bold'), url('../fonts/Montserrat-Bold.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Bold Italic'), url('../fonts/Montserrat-BoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat ExtraBold'), url('Montserrat-ExtraBold.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat ExtraBold Italic'), url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Black';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Black'), url('../fonts/Montserrat-Black.woff') format('woff');
}


@font-face {
    font-family: 'Montserrat Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Black Italic'), url('../fonts/Montserrat-BlackItalic.woff') format('woff');
}
/* SIDE BAR */
/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}

#sidebar-wrapper {
    z-index: 999;
    position: fixed;
    min-height: 100vh;
    min-width: 200px !important;
    width: 14vw;
    margin-left: -13rem;
    -webkit-transition: margin .3s ease-out;
    -moz-transition: margin .3s ease-out;
    -o-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    padding: 20px 1.25rem;
    font-size: 13px;
    ;
}

#sidebar-wrapper .list-group {
    width: 100%;
    margin: 00px;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 100px;
}

#wrapper.toggled #page-content-wrapper {
    margin-left: 0px;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0px;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
        -webkit-transition: margin .3s ease-out;
        -moz-transition: margin .3s ease-out;
        -o-transition: margin .3s ease-out;
        transition: margin .3s ease-out;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: min(-14vw, -200px);
    }

    #wrapper #page-content-wrapper {
        margin-left: max(14vw, 200px);
    }

    #wrapper .toggled #page-content-wrapper {
        opacity: 0.5;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    #sidebar-wrapper {
        margin-left: -15rem;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: 0;
    }

    #wrapper .toggled #page-content-wrapper {
        opacity: 0.4;
        margin-left: 0;
    }

}

.sidebar-wrapper>a:hover {
    background-color: #0abeaf;
}

/* END SIDEBAR */
.navbar {
    height: 60px;
    box-shadow: inset 1px 1px #eeeeee;
}

html, body {
    height: 100%;
    font-family: 'Montserrat Regular',monospace;
    overflow-x: hidden;
}

/* THEME  */
.text-theme-color {
    color: #0abeaf;
}
.bg-theme-color {
    color: white;
    background-color: #0abeaf;
}
.color-c1{
    color : #F6821F
}
.color-c2{
    color : #FE0000
}
.color-c3 {
    color: #FCAE18;
}

.bg-c1{
    background-color: #F6821F;
    color: white;
}
.bg-c2{
    background-color: #FE0000;
    color: white;
}
.bg-c3 {
    background-color: #FCAE18;
    color: white;
}

/* c1 = #F6821F
c2 = #F7952A
c3 = #FCAE18
c4 = #FFE682
c5 = #FE0000
c6 = #0ABEAF */

.body {
    background-image: url('../assets/back.jpeg');
    background-position: center;
    background-size: cover;
}
.btn-theme {
    color: white;
    background-color: #0abeaf;
}
.btn-theme:active,
.btn-theme:hover,
.btn-theme:focus {
    opacity: 0.8 !important;
    color: #ffffffff !important;
}

/* Custom bootstrap */

input,.form-control{
    border-radius: 0 !important;
}
.card,.btn{
    border-radius: 0!important;
}


/* END THEME */

.btn:focus {
    outline: none;
    box-shadow: none;
  }