/* Global
-----------------------------------------------------------------*/

main{
    position: relative;
    z-index: 5;
}

.row > * {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
}

.row{

    &.sm-marg{
        margin-left: -5px;
        margin-right: -5px;

        >*{
            padding-left: 5px;
            padding-right: 5px;
        }
    }

    &.stand-marg{
        margin-left: -20px;
        margin-right: -20px;

        >*{
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    &.md-marg{
        margin-left: -25px;
        margin-right: -25px;

        >*{
            padding-left: 25px;
            padding-right: 25px;
        }
    }

    &.lg-marg{
        margin-left: -40px;
        margin-right: -40px;

        >*{
            padding-left: 40px;
            padding-right: 40px;
        }
    }

    &.xlg-marg{
        margin-left: -50px;
        margin-right: -50px;

        >*{
            padding-left: 50px;
            padding-right: 50px;
        }
    }

    &.xxlg-marg{
        margin-left: -80px;
        margin-right: -80px;

        >*{
            padding-left: 80px;
            padding-right: 80px;
        }
    }
}

.container{
    max-width: 1320px;
}

.container-xxl{
    max-width: 1700px;
}

.container-xl{
    max-width: 1400px;
}

.container-box{
    max-width: 1920px;
    margin: auto;
}


img{
    width: 100%;
    height: auto;
}

figure{
    margin: 0;
}

.btn{

    &:hover,
    &:focus,
    &:active{
        outline: none;
        box-shadow: none;
    }
}

.alink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

// ::-webkit-scrollbar {
//     width: 10px;
// }
  
// ::-webkit-scrollbar-track {
//     background: rgba(255,255,255,.05);
// }
  
// ::-webkit-scrollbar-thumb {
//     background: rgba(255,255,255,.2);
//     border-radius: 40px;
// }