/*cursors*/
.cursor-pointer{
    cursor: pointer
}

.no-padding{
    padding: 0  
}
.no-margin{
    margin: 0  !important
}

.no-padding-r{
    padding-right: 0 !important
}
.no-padding-l{
    padding-left: 0 !important
}
.no-padding-t{
    padding-top: 0 !important
}
.no-padding-b{
    padding-bottom: 0 !important
}

/*position*/
.position-relative{
    position: relative
}
.position-absolute,
.position-fixed{
    width: 100%;
    left:0;
    top:0
}
.position-absolute{
    position: absolute;
}
.position-fixed{
    position: fixed;
}

.img-center, 
.item-center{
    margin: 0 auto;
}

.img-responsive{
    max-width: 100%;
}

/*overflow*/
.overflow-visible{
    overflow: visible
}
.overflow-hidden{
    overflow: hidden
}

/*reset*/
.reset{
    padding:0 !important;
    margin:0 !important;
    line-height: normal !important;
    border:none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    background: transparent !important;
    color: inherit !important;
}
ul.reset{
    list-style: none !important
}
ul.reset li{
    padding: 0 !important
}

/*padding top bottom*/
.padding-t-b-10{
    padding:10px 0 !important;
}
.padding-t-b-20{
    padding:20px 0 !important;
}
.padding-t-b-30{
    padding:30px 0 !important;
}
.padding-t-b-40{
    padding:40px 0 !important;
}
.padding-t-b-50{
    padding:50px 0 !important;
}
.padding-t-b-60{
    padding:60px 0 !important;
}
.padding-t-b-80{
    padding:80px 0 !important;
}
.padding-t-b-100{
    padding:100px 0 !important;
}
.padding-t-b-120{
    padding:120px 0 !important;
}
.padding-t-b-140{
    padding:140px 0 !important;
}

/*padding top*/
.padding-t-20{
    padding-top:20px !important;
}
.padding-t-40{
    padding-top:40px !important;
}
.padding-t-50{
    padding-top:50px !important;
}
.padding-t-60{
    padding-top:60px !important;
}

/*paddgin bottom*/
.padding-b-20{
    padding-bottom:20px !important;
}
.padding-b-40{
    padding-bottom:40px !important;
}
.padding-b-50{
    padding-bottom:50px !important;
}
.padding-b-60{
    padding-bottom:60px !important;
}
.padding-b-70{
    padding-bottom:70px !important;
}

/*padding*/
.padding-10{
    padding:10px;
}
.padding-15{
    padding:15px;
}
.padding-20{
    padding:20px;
}
.padding-25{
    padding:25px;
}
.padding-30{
    padding:30px;
}
.padding-35{
    padding:35px;
}
.padding-40{
    padding:40px;
}
.padding-45{
    padding:45px;
}
.padding-50{
    padding:50px;
}

/*margin top*/
.margin-t-10{
    margin-top:10px !important;
}
.margin-t-20{
    margin-top:20px !important;
}
.margin-t-30{
    margin-top:30px !important;
}
.margin-t-40{
    margin-top:40px !important;
}
.margin-t-50{
    margin-top:50px !important;
}

/*margin bottom*/
.margin-b-10{
    margin-bottom:10px !important;
}
.margin-b-15{
    margin-bottom:15px !important;
}
.margin-b-20{
    margin-bottom:20px !important;
}
.margin-b-25{
    margin-bottom:25px !important;
}
.margin-b-30{
    margin-bottom:30px !important;
}
.margin-b-35{
    margin-bottom:35px !important;
}
.margin-b-40{
    margin-bottom:40px !important;
}
.margin-b-45{
    margin-bottom:45px !important;
}
.margin-b-50{
    margin-bottom:50px !important;
}
.margin-b-55{
    margin-bottom:55px !important;
}
.margin-b-60{
    margin-bottom:60px !important;
}

/*margin top bottom*/
.margin-t-b-10{
    margin:10px 0 !important;
}
.margin-t-b-20{
    margin:20px 0 !important;
}
.margin-t-b-30{
    margin:30px 0 !important;
}
.margin-t-b-40{
    margin:40px 0 !important;
}
.margin-t-b-50{
    margin:50px 0 !important;
}

.full-width{
    width: 100%
}

/*lists*/
ul.ul-inline-15 li{
    float:left;
    margin-right: 15px;
    padding-right: 15px;
}

/*responsive*/
/*xs*/
@media (max-width: 767px) {
    .text-xs-left{
        text-align: left
    }
    .text-xs-right{
        text-align: left
    }
    .text-xs-center{
        text-align: center
    }

    .pull-xs-right{
        float:right
    }
}
/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-left{
        text-align: left
    }
    .text-sm-right{
        text-align: left
    }
    .text-sm-center{
        text-align: center
    }

    .pull-sm-right{
        float:right
    }
    .pull-sm-left{
        float:left
    }
}
/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .text-md-left{
        text-align: left
    }
    .text-md-right{
        text-align: left
    }
    .text-md-center{
        text-align: center;
    }

    .pull-md-right{
        float:right
    }
    .pull-md-left{
        float:left
    }
}
/*lg*/
@media (min-width: 1200px) {
    .text-lg-left{
        text-align: left
    }
    .text-lg-right{
        text-align: left
    }
    .text-lg-center{
        text-align: center
    }

    .pull-lg-right{
        float:right
    }
    .pull-lg-left{
        float:left
    }
}


input.hide-arrs[type="number"]::-webkit-outer-spin-button,
input.hide-arrs[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.hide-arrs[type="number"] {
    -moz-appearance: textfield;
}