.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px
}



 /* MARGIN - PADDING ********************************************************************/

.p-10 {
  padding:10px;
}
.p-15 {
  padding:15px;
}
.p-20 {
  padding:20px;
}
.py-6 {
  padding-top:6px;
  padding-bottom:6px;
}
.py-15 {
  padding-top:15px;
  padding-bottom:15px;
}
.py-30 {
  padding-top:30px;
  padding-bottom:30px;
}
.pt-30 {
  padding-top:30px;
}
.mx-6 {
  margin-left: 6px;
  margin-right: 6px;
}
.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.px-15 {
  padding-left:15px;
  padding-right:15px;
}
.mt-5 {
  margin-top:5px!important;
}
.mt-15 {
  margin-top:15px!important;
}
.mt-20 {
  margin-top:20px;
}
.mt-30 {
  margin-top:30px!important;
}
.mb-15 {
  margin-bottom:15px;
}
.mb-30 {
  margin-bottom:30px;
}


/* ANIMATION ***************************************************************************/

.anim-rotate{
  transition: transform .3s linear;
}

@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-moz-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-o-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@-webkit-keyframes scale {
  0% { transform: scale(0.8); }
  100% { transform: scale(1); }
}
@-moz-keyframes scale {
  0% { transform: scale(0.8); }
  100% { transform: scale(1); }
}
@-o-keyframes scale {
  0% { transform: scale(0.8); }
  100% { transform: scale(1); }
}
@keyframes scale {
  0% { transform: scale(0.8); }
  100% { transform: scale(1); }
}

@-webkit-keyframes translate {
  0% { transform: translateX(50px); }
  100% { transform: translate(0); }
}
@-moz-keyframes translate {
  0% { transform: translateX(50px); }
  100% { transform: translate(0); }
}
@-o-keyframes translate {
  0% { transform: translateX(50px); }
  100% { transform: translate(0); }
}
@keyframes translate {
  0% { transform: translateX(50px); }
  100% { transform: translate(0); }
}


/* FLEX ********************************************************************************/

.flex {
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap !important
}
.flex-column {
  flex-direction: column !important
}
.align-items-center {
  align-items: center !important
}
.align-items-end {
  align-items: flex-end !important
}
.align-content-center {
  align-content: center !important
}
.justify-content-between {
  justify-content: space-between !important
}
.justify-content-space-around {
  justify-content: space-around !important
}
.justify-content-start {
  justify-content: flex-start !important
}
.justify-content-center {
  justify-content: center !important
}
.justify-content-end {
  justify-content: flex-end !important
}
.justify-content-space-evenly {
  justify-content: space-evenly !important
}
.flex-nowrap {
  flex-wrap: nowrap !important
}