/* Fonts */
@import url('fonts.css');


/* Break Points */
/* Small devices (landscape phones, 300px and up) */
@import url('m240px.css');

/* Small devices (landscape phones, 576px and up) */
@import url('m576px.css');

/* Medium devices (tablets, 768px and up) */
@import url('m768px.css');

/* Large devices (desktops, 992px and up) */
@import url('m992px.css');

/* Extra large devices (large desktops, 1200px and up) */
@import url('m1200px.css');

html,
body {
    font-family: 'Poppins', sans-serif;
    font-size: 0.9375rem; /* 14px - 1px = 0.0625rem */
}

/*
********************************************************************************
    R * Resets
********************************************************************************
*/

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

/*
********************************************************************************
    D * Defaults
********************************************************************************
*/

.navbar {
    padding: 1.334rem 0rem;
    transition: 0.4s;
}

.navbar-left {
    display: flex;
    align-items: center;
/*    background: #eee;*/
}

.navbar-center {
/*    background: #eee;*/
    
}

.navbar-right {
/*    background: #eee;*/
}

/* icon navbar */

.burger-icon {
    width: 24px;
    height: 12px;
    z-index: 1;
}

.burger-icon:hover {
    cursor: pointer;
}

.burger-icon span {
    display: block;
    height: 2px;
    margin-bottom: 3px;
    border-radius: 100px;
    float: right;
    transition: 0.4s;
}

.burger-icon span:last-child {
    margin-bottom: 0;
}

.burger-icon span:nth-child(1) {
    width: 18px;
}
.burger-icon span:nth-child(2) {
    width: 24px;
}
.burger-icon span:nth-child(3) {
    width: 18px;
    margin-right: 2px;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-1px, 6px);
    transform: rotate(-45deg) translate(-1px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(1px, -8px);
    transform: rotate(45deg) translate(1px, -8px);
}

.navbar-left > .logo img {
    width: 74px;
}

.navbar-center nav > ul > li {
    display: inline-block;
}

.navbar-center nav > ul > li:first-child {
    margin-left: 0;
}

.navbar-center nav > ul > li > a.active {
    font-weight: 600;
}

.navuser,
.navuser-info {
    display: flex;
    align-items: center;
    float: right;
}

.navuser > .user-logged {
    display: inline-block;
    height: 41px;
    width: 41px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    text-transform: uppercase;
    overflow: hidden;
}

.navuser > .user-logged-wr {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
}

.navuser > .user-logged-wr img {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    margin-top: 2px;
}

/* Mobile Navbar */
.mobile-nav nav {
    padding: 1.600rem 0;
}

.mobile-nav nav > ul > li {
    text-align: center;
    height: 50px;
}

.mobile-nav nav > ul > li > a {
    line-height: 50px;
}

/*
 * - @ Boostrap
 * - Dropdown 
*/

.dropdown-menu {
    margin-top: .50rem;
}


/*
********************************************************************************
    H * Helpers
********************************************************************************
*/

.color.black {
    color: #35383c;
}

.color.lightgray {
    color: #eaeaea;
}

.color.darkgray {
    color: #7e7e7e;
}

.color.purple {
    color: #660099;
}

/* Font weight 400 */
.fw400 {
    font-weight: 400;
}

/* Font weight 500 */
.fw500 {
    font-weight: 500;
}

/* Font weight 600 */
.fw600 {
    font-weight: 600;
}

/* Font weight 700 */
.fw700 {
    font-weight: 700;
}