/***
 * 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;
}

.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;
  }

  .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;
  }

  .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;
  }

  .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;
  }
  .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;
  }

}