// .navbar {
//     padding: 20px 40px;
//     position: fixed;
//     width: 100%;
//     z-index: 10;
//     background: $white;
//     align-items: center;

//     button {
//         outline: none;
//         padding: 0;

//         .navbar-toggler-icon {
//             background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(128,128,128, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
// }
// }

// .navbar-nav {
//     align-items: center;

//     .nav-item {

//         &.active {
//             a {
//                 color: $brand_color-dark;

//                 &:hover {
//                     color: $brand_color-dark;
//                 }
//             }
//         }

//         &.link-tel {
//             padding-left: 20px;
//         }

//         .nav-link {
//             padding: 0 1rem;
//             font-weight: 400;
//             display: inline-block;

//             .fa-shopping-cart {
//                 color: $black;
//             }

//             &:hover,
//             &:active,
//             &:focus {
//                 color: $black;
//             }

//             &.btn-get {
//                 background-color: $brand_color;
//                 border: 1px solid $brand_color;
//                 border-radius: 30px;
//                 color: #fff;
//                 padding: 5px 20px;
//                 cursor: pointer;
//                 font-size: 13px;
//                 width: 150px;
//                 text-align: center;
//                 transition: all .2s linear;
//                 display: inline-block;

//                 &:hover {
//                     background-color: transparent;
//                     border: 1px solid $brand_color;
//                     color: $brand_color;
//                 }
//             }

//             &.btn-tel {
//                 border: 1px solid #7A7A7A;
//                 border-radius: 30px;
//                 padding: 5px 20px;
//                 cursor: pointer;
//                 font-size: 13px;
//                 transition: all .2s linear;
//                 display: inline-block;

//                 &:hover {
//                     background-color: $brand_color;;
//                     border: 1px solid $brand_color;
//                     color: $white;
//                 }

//                 .fa-phone::before {
//                     padding-right: 10px;
//                 }
//             }

//             &.dropdown-toggle {
//                 cursor: pointer;

//                 i {
//                     position: relative;
//                     color: $black;
//                 }

//                 &::after {
//                     position: absolute;
//                     right: 0;
//                     top: 15px;
//                     color: $black;
//                 }
//             }
//         }
//     }
// }
// }
 .section {
     padding: 6rem 1.5rem 3rem 1.5rem;
 }

 .navbar {
     position: fixed;
     width: 100%;
     border-bottom: 1px solid #ff6600;
     -ms-flex-align: stretch;
     align-items: stretch;
     display: -ms-flexbox;
     display: flex;
     background-color: #fff !important;
     padding: 0;

     &>.div-container {
         align-items: stretch;
         display: -ms-flexbox;
         display: flex;
         min-height: 3.25rem;
         width: 100%;
         padding: 0 20px;

         .navbar-brand {
             background-color: #fff;

             img {
                 height: 18px;
                 width: auto;
             }
         }

     }

     .navbar-menu,
     .navbar-start {
         display: block;
         padding: 0;
         box-shadow: none;
         -ms-flex-positive: 1;
         flex-grow: 1;
         -ms-flex-negative: 0;
         flex-shrink: 0;
         -ms-flex-align: stretch;
         align-items: stretch;
         display: -ms-flexbox;
         display: flex;
         background-color: #fff;

         .navbar-end {
             -ms-flex-pack: end;
             justify-content: flex-end;
             margin-left: auto;
             -ms-flex-align: stretch;
             align-items: stretch;
             display: -ms-flexbox;
             display: flex;

             .navbar-item {
                 display: inline-flex;
                 align-items: center;

                 a {
                     &.icon-bell {
                         font-size: 17px;
                         line-height: 27px;
                         text-align: center;
                         color: #999;
                         display: inline-block;
                         border: 1px solid #999;
                         border-radius: 50%;
                         padding: 0;
                         width: 30px;
                         height: 30px;
                         transition: all 0.2s;
                         position: relative;

                         &:hover {
                             color: #ff6600;
                             border-color: #ff6600;
                         }
                     }

                     .notification-no {
                         position: absolute;
                         top: -4px;
                         right: -8px;
                         border-radius: 50%;
                         background-color: #ff6600;
                         padding: 0 5px;
                         color: #fff;
                         font-weight: 700;
                         font-size: 12px;
                         line-height: 16px;
                         transition: all 0.2s;
                     }
                 }

                 .button {
                     border: none;
                     padding: 0;

                     .fa {
                         transition: all 0.2s;
                     }


                 }

                 .is-active {
                     .button .fa {
                         transform: rotate(180deg);
                     }
                 }

                 .dropdown-menu {
                     min-width: 8rem;

                     .dropdown-content {
                         cursor: pointer;
                     }

                     .dropdown-item {
                         &:hover {
                             p {
                                 a {
                                     color: #ff6600;
                                 }
                             }
                         }

                         p {
                             a {
                                 color: #4a4a4a;
                             }
                         }
                     }
                 }

                 img {
                     max-height: 100%;
                     height: 28px;
                     vertical-align: middle;
                 }
             }
         }
     }
 }
.account-tabs li a {
    color: #999;
    border-width: 1px;
    padding-bottom: 15px;
}
img {
    vertical-align: middle;
    border-style: none;
}

.navbar-brand,
.navbar-tabs {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 3.25rem;
}

body {
    color: #4a4a4a;
    font-weight: 400;
    line-height: 1.5;
}
.container {
    padding-left: 0;
    padding-right: 0;
    font-family: 'Quicksand', sans-serif;
    // BlinkMacSystemFont,
    // -apple-system,
    // "Segoe UI",
    // "Roboto",
    // "Oxygen",
    // "Ubuntu",
    // "Cantarell",
    // "Fira Sans",
    // "Droid Sans",
    // "Helvetica Neue",
    // "Helvetica",
    // "Arial",
    // sans-serif;
}
.wrapper {
    padding: 0;
}