/***
 * This file contains all the positioning setup of your web page.
 * This includes CSS Reset or other basic configurations that will never need to be changed for your website.
 **/

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.center-alignment {
  text-align: center;
}

.col-inline {
  display: inline-block;
  width: initial;
}

.justify-alignment {
  text-align: justify;
}

.left-alignment {
  text-align: left;
}

.right-alignment {
  text-align: right;
}

.center-margin {
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}


.nopadding {
  padding: 0 !important;
}

.nopadding-top {
  padding-top: 0 !important;
}

.nopadding-right {
  padding-right: 0 !important;
}

.nopadding-bottom {
  padding-bottom: 0 !important;
}

.nopadding-left {
  padding-left: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

.nomargin-top {
  margin-top: 0 !important;
}

.nomargin-right {
  margin-right: 0 !important;
}

.nomargin-bottom {
  margin-bottom: 0 !important;
}

.nomargin-left {
  margin-left: 0 !important;
}

.margin-top-all-10 {
  margin-top: 10px !important;
}

.margin-top-all-20 {
  margin-top: 20px !important;
}

.margin-top-all-30 {
  margin-top: 30px !important;
}

.margin-top-all-40 {
  margin-top: 40px !important;
}

.margin-top-all-50 {
  margin-top: 50px !important;
}

.margin-bottom-all-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-all-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-all-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-all-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-all-50 {
  margin-bottom: 50px !important;
}

.padding-top-all-10 {
  padding-top: 10px !important;
}

.padding-top-all-20 {
  padding-top: 20px !important;
}

.padding-top-all-30 {
  padding-top: 30px !important;
}

.padding-top-all-40 {
  padding-top: 40px !important;
}

.padding-top-all-50 {
  padding-top: 50px !important;
}

.padding-bottom-all-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-all-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-all-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-all-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-all-50 {
  padding-bottom: 50px !important;
}



/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {

  .center-sm {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .center-alignment-sm {
    text-align: center;
  }

  .justify-alignment-sm {
    text-align: justify;
  }

  .left-alignment-sm {
    text-align: left;
  }

  .right-alignment-sm {
    text-align: right;
  }

  .pull-right-sm {
    float: right;
  }

  .pull-left-sm {
    float: left;
  }

  .col-sm-inline {
    display: inline-block;
    width: initial;
  }

  .margin-top-sm-10 {
    margin-top: 10px !important;
  }

  .margin-top-sm-20 {
    margin-top: 20px !important;
  }

  .margin-top-sm-30 {
    margin-top: 30px !important;
  }

  .margin-top-sm-40 {
    margin-top: 40px !important;
  }

  .margin-top-sm-50 {
    margin-top: 50px !important;
  }

  .margin-top-sm-100 {
    margin-top: 100px !important;
  }

  .margin-bottom-sm-10 {
    margin-bottom: 10px !important;
  }

  .margin-bottom-sm-20 {
    margin-bottom: 20px !important;
  }

  .margin-bottom-sm-30 {
    margin-bottom: 30px !important;
  }

  .margin-bottom-sm-40 {
    margin-bottom: 40px !important;
  }

  .margin-bottom-sm-50 {
    margin-bottom: 50px !important;
  }

  .margin-bottom-sm-100 {
    margin-bottom: 100px !important;
  }

  .padding-top-sm-10 {
    padding-top: 10px !important;
  }

  .padding-top-sm-20 {
    padding-top: 20px !important;
  }

  .padding-top-sm-30 {
    padding-top: 30px !important;
  }

  .padding-top-sm-40 {
    padding-top: 40px !important;
  }

  .padding-top-sm-50 {
    padding-top: 50px !important;
  }

  .padding-top-sm-100 {
    padding-top: 100px !important;
  }

  .padding-bottom-sm-10 {
    padding-bottom: 10px !important;
  }

  .padding-bottom-sm-20 {
    padding-bottom: 20px !important;
  }

  .padding-bottom-sm-30 {
    padding-bottom: 30px !important;
  }

  .padding-bottom-sm-40 {
    padding-bottom: 40px !important;
  }

  .padding-bottom-sm-50 {
    padding-bottom: 50px !important;
  }

  .padding-bottom-sm-100 {
    padding-bottom: 100px !important;
  }

}



/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
  .center-md {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .pull-right-md {
    float: right;
  }

  .pull-left-md {
    float: left;
  }

  .col-md-inline {
    display: inline-block;
    width: initial;
  }

  .margin-top-md-10 {
    margin-top: 10px !important;
  }

  .margin-top-md-20 {
    margin-top: 20px !important;
  }

  .margin-top-md-30 {
    margin-top: 30px !important;
  }

  .margin-top-md-40 {
    margin-top: 40px !important;
  }

  .margin-top-md-50 {
    margin-top: 50px !important;
  }

  .margin-top-md-100 {
    margin-top: 100px !important;
  }

  .margin-bottom-md-10 {
    margin-bottom: 10px !important;
  }

  .margin-bottom-md-20 {
    margin-bottom: 20px !important;
  }

  .margin-bottom-md-30 {
    margin-bottom: 30px !important;
  }

  .margin-bottom-md-40 {
    margin-bottom: 40px !important;
  }

  .margin-bottom-md-50 {
    margin-bottom: 50px !important;
  }

  .margin-bottom-md-100 {
    margin-bottom: 100px !important;
  }

  .padding-top-md-10 {
    padding-top: 10px !important;
  }

  .padding-top-md-20 {
    padding-top: 20px !important;
  }

  .padding-top-md-30 {
    padding-top: 30px !important;
  }

  .padding-top-md-40 {
    padding-top: 40px !important;
  }

  .padding-top-md-50 {
    padding-top: 50px !important;
  }

  .padding-top-md-100 {
    padding-top: 100px !important;
  }

  .padding-bottom-md-10 {
    padding-bottom: 10px !important;
  }

  .padding-bottom-md-20 {
    padding-bottom: 20px !important;
  }

  .padding-bottom-md-30 {
    padding-bottom: 30px !important;
  }

  .padding-bottom-md-40 {
    padding-bottom: 40px !important;
  }

  .padding-bottom-md-50 {
    padding-bottom: 50px !important;
  }

  .padding-bottom-md-100 {
    padding-bottom: 100px !important;
  }

}



/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

  .center-lg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

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

  .col-lg-inline {
    display: inline-block;
    width: initial;
  }

  .margin-top-lg-10 {
    margin-top: 10px !important;
  }

  .margin-top-lg-20 {
    margin-top: 20px !important;
  }

  .margin-top-lg-30 {
    margin-top: 30px !important;
  }

  .margin-top-lg-40 {
    margin-top: 40px !important;
  }

  .margin-top-lg-50 {
    margin-top: 50px !important;
  }

  .margin-top-lg-100 {
    margin-top: 100px !important;
  }

  .margin-bottom-lg-10 {
    margin-bottom: 10px !important;
  }

  .margin-bottom-lg-20 {
    margin-bottom: 20px !important;
  }

  .margin-bottom-lg-30 {
    margin-bottom: 30px !important;
  }

  .margin-bottom-lg-40 {
    margin-bottom: 40px !important;
  }

  .margin-bottom-lg-50 {
    margin-bottom: 50px !important;
  }

  .margin-bottom-lg-100 {
    margin-bottom: 100px !important;
  }

  .padding-top-lg-10 {
    padding-top: 10px !important;
  }

  .padding-top-lg-20 {
    padding-top: 20px !important;
  }

  .padding-top-lg-30 {
    padding-top: 30px !important;
  }

  .padding-top-lg-40 {
    padding-top: 40px !important;
  }

  .padding-top-lg-50 {
    padding-top: 50px !important;
  }

  .padding-top-lg-100 {
    padding-top: 100px !important;
  }

  .padding-bottom-lg-10 {
    padding-bottom: 10px !important;
  }

  .padding-bottom-lg-20 {
    padding-bottom: 20px !important;
  }

  .padding-bottom-lg-30 {
    padding-bottom: 30px !important;
  }

  .padding-bottom-lg-40 {
    padding-bottom: 40px !important;
  }

  .padding-bottom-lg-50 {
    padding-bottom: 50px !important;
  }

  .padding-bottom-lg-100 {
    padding-bottom: 100px !important;
  }

}



@media (max-width:767px) {

  .center-xs {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .col-xs-inline {
    display: inline-block;
    width: initial;
  }

  .border-block {
    margin-bottom: 20px;
  }

  .center-alignment-xs {
    text-align: center;
  }

  .justify-alignment-xs {
    text-align: justify;
  }

  .left-alignment-xs {
    text-align: left;
  }

  .right-alignment-xs {
    text-align: right;
  }

  .pull-right-xs {
    float: right;
  }

  .pull-left-xs {
    float: left;
  }

  .nopadding-xs {
    padding: 0 !important;
  }

  .nopadding-xs-top {
    padding-top: 0 !important;
  }

  .nopadding-xs-right {
    padding-right: 0 !important;
  }

  .nopadding-xs-bottom {
    padding-bottom: 0 !important;
  }

  .nopadding-xs-left {
    padding-left: 0 !important;
  }

  .nomargin-xs {
    margin: 0 !important;
  }

  .nomargin-xs-top {
    margin-top: 0 !important;
  }

  .nomargin-xs-right {
    margin-right: 0 !important;
  }

  .nomargin-xs-bottom {
    margin-bottom: 0 !important;
  }

  .nomargin-xs-left {
    margin-left: 0 !important;
  }

  .margin-top-xs-10 {
    margin-top: 10px !important;
  }

  .margin-top-xs-20 {
    margin-top: 20px !important;
  }

  .margin-top-xs-30 {
    margin-top: 30px !important;
  }

  .margin-top-xs-40 {
    margin-top: 40px !important;
  }

  .margin-top-xs-50 {
    margin-top: 50px !important;
  }

  .margin-top-xs-100 {
    margin-top: 100px !important;
  }

  .margin-bottom-xs-10 {
    margin-bottom: 10px !important;
  }

  .margin-bottom-xs-20 {
    margin-bottom: 20px !important;
  }

  .margin-bottom-xs-30 {
    margin-bottom: 30px !important;
  }

  .margin-bottom-xs-40 {
    margin-bottom: 40px !important;
  }

  .margin-bottom-xs-50 {
    margin-bottom: 50px !important;
  }

  .margin-bottom-xs-100 {
    margin-bottom: 100px !important;
  }

  .padding-top-xs-10 {
    padding-top: 10px !important;
  }

  .padding-top-xs-20 {
    padding-top: 20px !important;
  }

  .padding-top-xs-30 {
    padding-top: 30px !important;
  }

  .padding-top-xs-40 {
    padding-top: 40px !important;
  }

  .padding-top-xs-50 {
    padding-top: 50px !important;
  }

  .padding-top-xs-100 {
    padding-top: 100px !important;
  }

  .padding-bottom-xs-10 {
    padding-bottom: 10px !important;
  }

  .padding-bottom-xs-20 {
    padding-bottom: 20px !important;
  }

  .padding-bottom-xs-30 {
    padding-bottom: 30px !important;
  }

  .padding-bottom-xs-40 {
    padding-bottom: 40px !important;
  }

  .padding-bottom-xs-50 {
    padding-bottom: 50px !important;
  }

  .padding-bottom-xs-100 {
    padding-bottom: 100px !important;
  }

}