/*!
 * Template Name: Flat Tech - Flat Landing Page Template
 * Author: bonefishcode
 */
/*
 * table of contents
 * --------------------------------------------------
 * import
 * helper
 * base
 * element
 * site loader
 * site header
 * site common
 * site background
 * home section
 * about section
 * brief section
 * contact section
 * site footer
 */
/**
 * clearfix
 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/**
 * float
 */
.float-r {
  float: right !important;
}

.float-l {
  float: left !important;
}

.float-n {
  float: none !important;
}

@media (min-width: 480px) {
  .float-r-xs-min {
    float: right !important;
  }
  .float-l-xs-min {
    float: left !important;
  }
  .float-n-xs-min {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-r-sm-min {
    float: right !important;
  }
  .float-l-sm-min {
    float: left !important;
  }
  .float-n-sm-min {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-r-md-min {
    float: right !important;
  }
  .float-l-md-min {
    float: left !important;
  }
  .float-n-md-min {
    float: none !important;
  }
}

@media (max-width: 767px) {
  .float-r-xs-max {
    float: right !important;
  }
  .float-l-xs-max {
    float: left !important;
  }
  .float-n-xs-max {
    float: none !important;
  }
}

@media (max-width: 991px) {
  .float-r-sm-max {
    float: right !important;
  }
  .float-l-sm-max {
    float: left !important;
  }
  .float-n-sm-max {
    float: none !important;
  }
}

@media (max-width: 1199px) {
  .float-r-md-max {
    float: right !important;
  }
  .float-l-md-max {
    float: left !important;
  }
  .float-n-md-max {
    float: none !important;
  }
}

/**
 * margin
 */
.m-a-0 {
  margin: 0px !important;
}

.m-x-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.m-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.m-x-auto {
  margin-right: auto;
  margin-left: auto;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-a-5 {
  margin: 5px !important;
}

.m-x-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.m-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-a-10 {
  margin: 10px !important;
}

.m-x-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.m-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

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

.m-r-10 {
  margin-right: 10px !important;
}

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

.m-l-10 {
  margin-left: 10px !important;
}

.m-a-15 {
  margin: 15px !important;
}

.m-x-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.m-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-a-20 {
  margin: 20px !important;
}

.m-x-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.m-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

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

.m-r-20 {
  margin-right: 20px !important;
}

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

.m-l-20 {
  margin-left: 20px !important;
}

.m-a-25 {
  margin: 25px !important;
}

.m-x-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.m-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-a-30 {
  margin: 30px !important;
}

.m-x-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.m-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

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

.m-r-30 {
  margin-right: 30px !important;
}

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

.m-l-30 {
  margin-left: 30px !important;
}

.m-a-35 {
  margin: 35px !important;
}

.m-x-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.m-y-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-a-40 {
  margin: 40px !important;
}

.m-x-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.m-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

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

.m-r-40 {
  margin-right: 40px !important;
}

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

.m-l-40 {
  margin-left: 40px !important;
}

.m-a-45 {
  margin: 45px !important;
}

.m-x-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.m-y-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.m-a-50 {
  margin: 50px !important;
}

.m-x-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.m-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

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

.m-r-50 {
  margin-right: 50px !important;
}

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

.m-l-50 {
  margin-left: 50px !important;
}

.m-a-55 {
  margin: 55px !important;
}

.m-x-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.m-y-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.m-t-55 {
  margin-top: 55px !important;
}

.m-r-55 {
  margin-right: 55px !important;
}

.m-b-55 {
  margin-bottom: 55px !important;
}

.m-l-55 {
  margin-left: 55px !important;
}

.m-a-60 {
  margin: 60px !important;
}

.m-x-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.m-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

@media (min-width: 480px) {
  .m-a-0-xs-min {
    margin: 0px !important;
  }
  .m-x-0-xs-min {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .m-y-0-xs-min {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .m-x-auto-xs-min {
    margin-right: auto;
    margin-left: auto;
  }
  .m-t-0-xs-min {
    margin-top: 0px !important;
  }
  .m-r-0-xs-min {
    margin-right: 0px !important;
  }
  .m-b-0-xs-min {
    margin-bottom: 0px !important;
  }
  .m-l-0-xs-min {
    margin-left: 0px !important;
  }
  .m-a-5-xs-min {
    margin: 5px !important;
  }
  .m-x-5-xs-min {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-y-5-xs-min {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-t-5-xs-min {
    margin-top: 5px !important;
  }
  .m-r-5-xs-min {
    margin-right: 5px !important;
  }
  .m-b-5-xs-min {
    margin-bottom: 5px !important;
  }
  .m-l-5-xs-min {
    margin-left: 5px !important;
  }
  .m-a-10-xs-min {
    margin: 10px !important;
  }
  .m-x-10-xs-min {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-y-10-xs-min {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-t-10-xs-min {
    margin-top: 10px !important;
  }
  .m-r-10-xs-min {
    margin-right: 10px !important;
  }
  .m-b-10-xs-min {
    margin-bottom: 10px !important;
  }
  .m-l-10-xs-min {
    margin-left: 10px !important;
  }
  .m-a-15-xs-min {
    margin: 15px !important;
  }
  .m-x-15-xs-min {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-y-15-xs-min {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-t-15-xs-min {
    margin-top: 15px !important;
  }
  .m-r-15-xs-min {
    margin-right: 15px !important;
  }
  .m-b-15-xs-min {
    margin-bottom: 15px !important;
  }
  .m-l-15-xs-min {
    margin-left: 15px !important;
  }
  .m-a-20-xs-min {
    margin: 20px !important;
  }
  .m-x-20-xs-min {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-y-20-xs-min {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-t-20-xs-min {
    margin-top: 20px !important;
  }
  .m-r-20-xs-min {
    margin-right: 20px !important;
  }
  .m-b-20-xs-min {
    margin-bottom: 20px !important;
  }
  .m-l-20-xs-min {
    margin-left: 20px !important;
  }
  .m-a-25-xs-min {
    margin: 25px !important;
  }
  .m-x-25-xs-min {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-y-25-xs-min {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-t-25-xs-min {
    margin-top: 25px !important;
  }
  .m-r-25-xs-min {
    margin-right: 25px !important;
  }
  .m-b-25-xs-min {
    margin-bottom: 25px !important;
  }
  .m-l-25-xs-min {
    margin-left: 25px !important;
  }
  .m-a-30-xs-min {
    margin: 30px !important;
  }
  .m-x-30-xs-min {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-y-30-xs-min {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-t-30-xs-min {
    margin-top: 30px !important;
  }
  .m-r-30-xs-min {
    margin-right: 30px !important;
  }
  .m-b-30-xs-min {
    margin-bottom: 30px !important;
  }
  .m-l-30-xs-min {
    margin-left: 30px !important;
  }
  .m-a-35-xs-min {
    margin: 35px !important;
  }
  .m-x-35-xs-min {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-y-35-xs-min {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-t-35-xs-min {
    margin-top: 35px !important;
  }
  .m-r-35-xs-min {
    margin-right: 35px !important;
  }
  .m-b-35-xs-min {
    margin-bottom: 35px !important;
  }
  .m-l-35-xs-min {
    margin-left: 35px !important;
  }
  .m-a-40-xs-min {
    margin: 40px !important;
  }
  .m-x-40-xs-min {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-y-40-xs-min {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-t-40-xs-min {
    margin-top: 40px !important;
  }
  .m-r-40-xs-min {
    margin-right: 40px !important;
  }
  .m-b-40-xs-min {
    margin-bottom: 40px !important;
  }
  .m-l-40-xs-min {
    margin-left: 40px !important;
  }
  .m-a-45-xs-min {
    margin: 45px !important;
  }
  .m-x-45-xs-min {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-y-45-xs-min {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-t-45-xs-min {
    margin-top: 45px !important;
  }
  .m-r-45-xs-min {
    margin-right: 45px !important;
  }
  .m-b-45-xs-min {
    margin-bottom: 45px !important;
  }
  .m-l-45-xs-min {
    margin-left: 45px !important;
  }
  .m-a-50-xs-min {
    margin: 50px !important;
  }
  .m-x-50-xs-min {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-y-50-xs-min {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-t-50-xs-min {
    margin-top: 50px !important;
  }
  .m-r-50-xs-min {
    margin-right: 50px !important;
  }
  .m-b-50-xs-min {
    margin-bottom: 50px !important;
  }
  .m-l-50-xs-min {
    margin-left: 50px !important;
  }
  .m-a-55-xs-min {
    margin: 55px !important;
  }
  .m-x-55-xs-min {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-y-55-xs-min {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-t-55-xs-min {
    margin-top: 55px !important;
  }
  .m-r-55-xs-min {
    margin-right: 55px !important;
  }
  .m-b-55-xs-min {
    margin-bottom: 55px !important;
  }
  .m-l-55-xs-min {
    margin-left: 55px !important;
  }
  .m-a-60-xs-min {
    margin: 60px !important;
  }
  .m-x-60-xs-min {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-y-60-xs-min {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-t-60-xs-min {
    margin-top: 60px !important;
  }
  .m-r-60-xs-min {
    margin-right: 60px !important;
  }
  .m-b-60-xs-min {
    margin-bottom: 60px !important;
  }
  .m-l-60-xs-min {
    margin-left: 60px !important;
  }
}

@media (min-width: 768px) {
  .m-a-0-sm-min {
    margin: 0px !important;
  }
  .m-x-0-sm-min {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .m-y-0-sm-min {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .m-x-auto-sm-min {
    margin-right: auto;
    margin-left: auto;
  }
  .m-t-0-sm-min {
    margin-top: 0px !important;
  }
  .m-r-0-sm-min {
    margin-right: 0px !important;
  }
  .m-b-0-sm-min {
    margin-bottom: 0px !important;
  }
  .m-l-0-sm-min {
    margin-left: 0px !important;
  }
  .m-a-5-sm-min {
    margin: 5px !important;
  }
  .m-x-5-sm-min {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-y-5-sm-min {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-t-5-sm-min {
    margin-top: 5px !important;
  }
  .m-r-5-sm-min {
    margin-right: 5px !important;
  }
  .m-b-5-sm-min {
    margin-bottom: 5px !important;
  }
  .m-l-5-sm-min {
    margin-left: 5px !important;
  }
  .m-a-10-sm-min {
    margin: 10px !important;
  }
  .m-x-10-sm-min {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-y-10-sm-min {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-t-10-sm-min {
    margin-top: 10px !important;
  }
  .m-r-10-sm-min {
    margin-right: 10px !important;
  }
  .m-b-10-sm-min {
    margin-bottom: 10px !important;
  }
  .m-l-10-sm-min {
    margin-left: 10px !important;
  }
  .m-a-15-sm-min {
    margin: 15px !important;
  }
  .m-x-15-sm-min {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-y-15-sm-min {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-t-15-sm-min {
    margin-top: 15px !important;
  }
  .m-r-15-sm-min {
    margin-right: 15px !important;
  }
  .m-b-15-sm-min {
    margin-bottom: 15px !important;
  }
  .m-l-15-sm-min {
    margin-left: 15px !important;
  }
  .m-a-20-sm-min {
    margin: 20px !important;
  }
  .m-x-20-sm-min {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-y-20-sm-min {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-t-20-sm-min {
    margin-top: 20px !important;
  }
  .m-r-20-sm-min {
    margin-right: 20px !important;
  }
  .m-b-20-sm-min {
    margin-bottom: 20px !important;
  }
  .m-l-20-sm-min {
    margin-left: 20px !important;
  }
  .m-a-25-sm-min {
    margin: 25px !important;
  }
  .m-x-25-sm-min {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-y-25-sm-min {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-t-25-sm-min {
    margin-top: 25px !important;
  }
  .m-r-25-sm-min {
    margin-right: 25px !important;
  }
  .m-b-25-sm-min {
    margin-bottom: 25px !important;
  }
  .m-l-25-sm-min {
    margin-left: 25px !important;
  }
  .m-a-30-sm-min {
    margin: 30px !important;
  }
  .m-x-30-sm-min {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-y-30-sm-min {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-t-30-sm-min {
    margin-top: 30px !important;
  }
  .m-r-30-sm-min {
    margin-right: 30px !important;
  }
  .m-b-30-sm-min {
    margin-bottom: 30px !important;
  }
  .m-l-30-sm-min {
    margin-left: 30px !important;
  }
  .m-a-35-sm-min {
    margin: 35px !important;
  }
  .m-x-35-sm-min {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-y-35-sm-min {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-t-35-sm-min {
    margin-top: 35px !important;
  }
  .m-r-35-sm-min {
    margin-right: 35px !important;
  }
  .m-b-35-sm-min {
    margin-bottom: 35px !important;
  }
  .m-l-35-sm-min {
    margin-left: 35px !important;
  }
  .m-a-40-sm-min {
    margin: 40px !important;
  }
  .m-x-40-sm-min {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-y-40-sm-min {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-t-40-sm-min {
    margin-top: 40px !important;
  }
  .m-r-40-sm-min {
    margin-right: 40px !important;
  }
  .m-b-40-sm-min {
    margin-bottom: 40px !important;
  }
  .m-l-40-sm-min {
    margin-left: 40px !important;
  }
  .m-a-45-sm-min {
    margin: 45px !important;
  }
  .m-x-45-sm-min {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-y-45-sm-min {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-t-45-sm-min {
    margin-top: 45px !important;
  }
  .m-r-45-sm-min {
    margin-right: 45px !important;
  }
  .m-b-45-sm-min {
    margin-bottom: 45px !important;
  }
  .m-l-45-sm-min {
    margin-left: 45px !important;
  }
  .m-a-50-sm-min {
    margin: 50px !important;
  }
  .m-x-50-sm-min {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-y-50-sm-min {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-t-50-sm-min {
    margin-top: 50px !important;
  }
  .m-r-50-sm-min {
    margin-right: 50px !important;
  }
  .m-b-50-sm-min {
    margin-bottom: 50px !important;
  }
  .m-l-50-sm-min {
    margin-left: 50px !important;
  }
  .m-a-55-sm-min {
    margin: 55px !important;
  }
  .m-x-55-sm-min {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-y-55-sm-min {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-t-55-sm-min {
    margin-top: 55px !important;
  }
  .m-r-55-sm-min {
    margin-right: 55px !important;
  }
  .m-b-55-sm-min {
    margin-bottom: 55px !important;
  }
  .m-l-55-sm-min {
    margin-left: 55px !important;
  }
  .m-a-60-sm-min {
    margin: 60px !important;
  }
  .m-x-60-sm-min {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-y-60-sm-min {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-t-60-sm-min {
    margin-top: 60px !important;
  }
  .m-r-60-sm-min {
    margin-right: 60px !important;
  }
  .m-b-60-sm-min {
    margin-bottom: 60px !important;
  }
  .m-l-60-sm-min {
    margin-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .m-a-0-md-min {
    margin: 0px !important;
  }
  .m-x-0-md-min {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .m-y-0-md-min {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .m-x-auto-md-min {
    margin-right: auto;
    margin-left: auto;
  }
  .m-t-0-md-min {
    margin-top: 0px !important;
  }
  .m-r-0-md-min {
    margin-right: 0px !important;
  }
  .m-b-0-md-min {
    margin-bottom: 0px !important;
  }
  .m-l-0-md-min {
    margin-left: 0px !important;
  }
  .m-a-5-md-min {
    margin: 5px !important;
  }
  .m-x-5-md-min {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-y-5-md-min {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-t-5-md-min {
    margin-top: 5px !important;
  }
  .m-r-5-md-min {
    margin-right: 5px !important;
  }
  .m-b-5-md-min {
    margin-bottom: 5px !important;
  }
  .m-l-5-md-min {
    margin-left: 5px !important;
  }
  .m-a-10-md-min {
    margin: 10px !important;
  }
  .m-x-10-md-min {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-y-10-md-min {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-t-10-md-min {
    margin-top: 10px !important;
  }
  .m-r-10-md-min {
    margin-right: 10px !important;
  }
  .m-b-10-md-min {
    margin-bottom: 10px !important;
  }
  .m-l-10-md-min {
    margin-left: 10px !important;
  }
  .m-a-15-md-min {
    margin: 15px !important;
  }
  .m-x-15-md-min {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-y-15-md-min {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-t-15-md-min {
    margin-top: 15px !important;
  }
  .m-r-15-md-min {
    margin-right: 15px !important;
  }
  .m-b-15-md-min {
    margin-bottom: 15px !important;
  }
  .m-l-15-md-min {
    margin-left: 15px !important;
  }
  .m-a-20-md-min {
    margin: 20px !important;
  }
  .m-x-20-md-min {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-y-20-md-min {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-t-20-md-min {
    margin-top: 20px !important;
  }
  .m-r-20-md-min {
    margin-right: 20px !important;
  }
  .m-b-20-md-min {
    margin-bottom: 20px !important;
  }
  .m-l-20-md-min {
    margin-left: 20px !important;
  }
  .m-a-25-md-min {
    margin: 25px !important;
  }
  .m-x-25-md-min {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-y-25-md-min {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-t-25-md-min {
    margin-top: 25px !important;
  }
  .m-r-25-md-min {
    margin-right: 25px !important;
  }
  .m-b-25-md-min {
    margin-bottom: 25px !important;
  }
  .m-l-25-md-min {
    margin-left: 25px !important;
  }
  .m-a-30-md-min {
    margin: 30px !important;
  }
  .m-x-30-md-min {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-y-30-md-min {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-t-30-md-min {
    margin-top: 30px !important;
  }
  .m-r-30-md-min {
    margin-right: 30px !important;
  }
  .m-b-30-md-min {
    margin-bottom: 30px !important;
  }
  .m-l-30-md-min {
    margin-left: 30px !important;
  }
  .m-a-35-md-min {
    margin: 35px !important;
  }
  .m-x-35-md-min {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-y-35-md-min {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-t-35-md-min {
    margin-top: 35px !important;
  }
  .m-r-35-md-min {
    margin-right: 35px !important;
  }
  .m-b-35-md-min {
    margin-bottom: 35px !important;
  }
  .m-l-35-md-min {
    margin-left: 35px !important;
  }
  .m-a-40-md-min {
    margin: 40px !important;
  }
  .m-x-40-md-min {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-y-40-md-min {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-t-40-md-min {
    margin-top: 40px !important;
  }
  .m-r-40-md-min {
    margin-right: 40px !important;
  }
  .m-b-40-md-min {
    margin-bottom: 40px !important;
  }
  .m-l-40-md-min {
    margin-left: 40px !important;
  }
  .m-a-45-md-min {
    margin: 45px !important;
  }
  .m-x-45-md-min {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-y-45-md-min {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-t-45-md-min {
    margin-top: 45px !important;
  }
  .m-r-45-md-min {
    margin-right: 45px !important;
  }
  .m-b-45-md-min {
    margin-bottom: 45px !important;
  }
  .m-l-45-md-min {
    margin-left: 45px !important;
  }
  .m-a-50-md-min {
    margin: 50px !important;
  }
  .m-x-50-md-min {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-y-50-md-min {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-t-50-md-min {
    margin-top: 50px !important;
  }
  .m-r-50-md-min {
    margin-right: 50px !important;
  }
  .m-b-50-md-min {
    margin-bottom: 50px !important;
  }
  .m-l-50-md-min {
    margin-left: 50px !important;
  }
  .m-a-55-md-min {
    margin: 55px !important;
  }
  .m-x-55-md-min {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-y-55-md-min {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-t-55-md-min {
    margin-top: 55px !important;
  }
  .m-r-55-md-min {
    margin-right: 55px !important;
  }
  .m-b-55-md-min {
    margin-bottom: 55px !important;
  }
  .m-l-55-md-min {
    margin-left: 55px !important;
  }
  .m-a-60-md-min {
    margin: 60px !important;
  }
  .m-x-60-md-min {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-y-60-md-min {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-t-60-md-min {
    margin-top: 60px !important;
  }
  .m-r-60-md-min {
    margin-right: 60px !important;
  }
  .m-b-60-md-min {
    margin-bottom: 60px !important;
  }
  .m-l-60-md-min {
    margin-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .m-a-0-xs-max {
    margin: 0px !important;
  }
  .m-x-0-xs-max {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .m-y-0-xs-max {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .m-x-auto-xs-max {
    margin-right: auto;
    margin-left: auto;
  }
  .m-t-0-xs-max {
    margin-top: 0px !important;
  }
  .m-r-0-xs-max {
    margin-right: 0px !important;
  }
  .m-b-0-xs-max {
    margin-bottom: 0px !important;
  }
  .m-l-0-xs-max {
    margin-left: 0px !important;
  }
  .m-a-5-xs-max {
    margin: 5px !important;
  }
  .m-x-5-xs-max {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-y-5-xs-max {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-t-5-xs-max {
    margin-top: 5px !important;
  }
  .m-r-5-xs-max {
    margin-right: 5px !important;
  }
  .m-b-5-xs-max {
    margin-bottom: 5px !important;
  }
  .m-l-5-xs-max {
    margin-left: 5px !important;
  }
  .m-a-10-xs-max {
    margin: 10px !important;
  }
  .m-x-10-xs-max {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-y-10-xs-max {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-t-10-xs-max {
    margin-top: 10px !important;
  }
  .m-r-10-xs-max {
    margin-right: 10px !important;
  }
  .m-b-10-xs-max {
    margin-bottom: 10px !important;
  }
  .m-l-10-xs-max {
    margin-left: 10px !important;
  }
  .m-a-15-xs-max {
    margin: 15px !important;
  }
  .m-x-15-xs-max {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-y-15-xs-max {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-t-15-xs-max {
    margin-top: 15px !important;
  }
  .m-r-15-xs-max {
    margin-right: 15px !important;
  }
  .m-b-15-xs-max {
    margin-bottom: 15px !important;
  }
  .m-l-15-xs-max {
    margin-left: 15px !important;
  }
  .m-a-20-xs-max {
    margin: 20px !important;
  }
  .m-x-20-xs-max {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-y-20-xs-max {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-t-20-xs-max {
    margin-top: 20px !important;
  }
  .m-r-20-xs-max {
    margin-right: 20px !important;
  }
  .m-b-20-xs-max {
    margin-bottom: 20px !important;
  }
  .m-l-20-xs-max {
    margin-left: 20px !important;
  }
  .m-a-25-xs-max {
    margin: 25px !important;
  }
  .m-x-25-xs-max {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-y-25-xs-max {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-t-25-xs-max {
    margin-top: 25px !important;
  }
  .m-r-25-xs-max {
    margin-right: 25px !important;
  }
  .m-b-25-xs-max {
    margin-bottom: 25px !important;
  }
  .m-l-25-xs-max {
    margin-left: 25px !important;
  }
  .m-a-30-xs-max {
    margin: 30px !important;
  }
  .m-x-30-xs-max {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-y-30-xs-max {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-t-30-xs-max {
    margin-top: 30px !important;
  }
  .m-r-30-xs-max {
    margin-right: 30px !important;
  }
  .m-b-30-xs-max {
    margin-bottom: 30px !important;
  }
  .m-l-30-xs-max {
    margin-left: 30px !important;
  }
  .m-a-35-xs-max {
    margin: 35px !important;
  }
  .m-x-35-xs-max {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-y-35-xs-max {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-t-35-xs-max {
    margin-top: 35px !important;
  }
  .m-r-35-xs-max {
    margin-right: 35px !important;
  }
  .m-b-35-xs-max {
    margin-bottom: 35px !important;
  }
  .m-l-35-xs-max {
    margin-left: 35px !important;
  }
  .m-a-40-xs-max {
    margin: 40px !important;
  }
  .m-x-40-xs-max {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-y-40-xs-max {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-t-40-xs-max {
    margin-top: 40px !important;
  }
  .m-r-40-xs-max {
    margin-right: 40px !important;
  }
  .m-b-40-xs-max {
    margin-bottom: 40px !important;
  }
  .m-l-40-xs-max {
    margin-left: 40px !important;
  }
  .m-a-45-xs-max {
    margin: 45px !important;
  }
  .m-x-45-xs-max {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-y-45-xs-max {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-t-45-xs-max {
    margin-top: 45px !important;
  }
  .m-r-45-xs-max {
    margin-right: 45px !important;
  }
  .m-b-45-xs-max {
    margin-bottom: 45px !important;
  }
  .m-l-45-xs-max {
    margin-left: 45px !important;
  }
  .m-a-50-xs-max {
    margin: 50px !important;
  }
  .m-x-50-xs-max {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-y-50-xs-max {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-t-50-xs-max {
    margin-top: 50px !important;
  }
  .m-r-50-xs-max {
    margin-right: 50px !important;
  }
  .m-b-50-xs-max {
    margin-bottom: 50px !important;
  }
  .m-l-50-xs-max {
    margin-left: 50px !important;
  }
  .m-a-55-xs-max {
    margin: 55px !important;
  }
  .m-x-55-xs-max {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-y-55-xs-max {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-t-55-xs-max {
    margin-top: 55px !important;
  }
  .m-r-55-xs-max {
    margin-right: 55px !important;
  }
  .m-b-55-xs-max {
    margin-bottom: 55px !important;
  }
  .m-l-55-xs-max {
    margin-left: 55px !important;
  }
  .m-a-60-xs-max {
    margin: 60px !important;
  }
  .m-x-60-xs-max {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-y-60-xs-max {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-t-60-xs-max {
    /*margin-top: 60px !important;*/
  }
  .m-r-60-xs-max {
    margin-right: 60px !important;
  }
  .m-b-60-xs-max {
    margin-bottom: 60px !important;
  }
  .m-l-60-xs-max {
    margin-left: 60px !important;
  }
}

@media (max-width: 991px) {
  .m-a-0-sm-max {
    margin: 0px !important;
  }
  .m-x-0-sm-max {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .m-y-0-sm-max {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .m-x-auto-sm-max {
    margin-right: auto;
    margin-left: auto;
  }
  .m-t-0-sm-max {
    margin-top: 0px !important;
  }
  .m-r-0-sm-max {
    margin-right: 0px !important;
  }
  .m-b-0-sm-max {
    margin-bottom: 0px !important;
  }
  .m-l-0-sm-max {
    margin-left: 0px !important;
  }
  .m-a-5-sm-max {
    margin: 5px !important;
  }
  .m-x-5-sm-max {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-y-5-sm-max {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-t-5-sm-max {
    margin-top: 5px !important;
  }
  .m-r-5-sm-max {
    margin-right: 5px !important;
  }
  .m-b-5-sm-max {
    margin-bottom: 5px !important;
  }
  .m-l-5-sm-max {
    margin-left: 5px !important;
  }
  .m-a-10-sm-max {
    margin: 10px !important;
  }
  .m-x-10-sm-max {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-y-10-sm-max {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-t-10-sm-max {
    margin-top: 10px !important;
  }
  .m-r-10-sm-max {
    margin-right: 10px !important;
  }
  .m-b-10-sm-max {
    margin-bottom: 10px !important;
  }
  .m-l-10-sm-max {
    margin-left: 10px !important;
  }
  .m-a-15-sm-max {
    margin: 15px !important;
  }
  .m-x-15-sm-max {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-y-15-sm-max {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-t-15-sm-max {
    margin-top: 15px !important;
  }
  .m-r-15-sm-max {
    margin-right: 15px !important;
  }
  .m-b-15-sm-max {
    margin-bottom: 15px !important;
  }
  .m-l-15-sm-max {
    margin-left: 15px !important;
  }
  .m-a-20-sm-max {
    margin: 20px !important;
  }
  .m-x-20-sm-max {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-y-20-sm-max {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-t-20-sm-max {
    margin-top: 20px !important;
  }
  .m-r-20-sm-max {
    margin-right: 20px !important;
  }
  .m-b-20-sm-max {
    margin-bottom: 20px !important;
  }
  .m-l-20-sm-max {
    margin-left: 20px !important;
  }
  .m-a-25-sm-max {
    margin: 25px !important;
  }
  .m-x-25-sm-max {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-y-25-sm-max {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-t-25-sm-max {
    margin-top: 25px !important;
  }
  .m-r-25-sm-max {
    margin-right: 25px !important;
  }
  .m-b-25-sm-max {
    margin-bottom: 25px !important;
  }
  .m-l-25-sm-max {
    margin-left: 25px !important;
  }
  .m-a-30-sm-max {
    margin: 30px !important;
  }
  .m-x-30-sm-max {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-y-30-sm-max {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-t-30-sm-max {
    margin-top: 30px !important;
  }
  .m-r-30-sm-max {
    margin-right: 30px !important;
  }
  .m-b-30-sm-max {
    margin-bottom: 30px !important;
  }
  .m-l-30-sm-max {
    margin-left: 30px !important;
  }
  .m-a-35-sm-max {
    margin: 35px !important;
  }
  .m-x-35-sm-max {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-y-35-sm-max {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-t-35-sm-max {
    margin-top: 35px !important;
  }
  .m-r-35-sm-max {
    margin-right: 35px !important;
  }
  .m-b-35-sm-max {
    margin-bottom: 35px !important;
  }
  .m-l-35-sm-max {
    margin-left: 35px !important;
  }
  .m-a-40-sm-max {
    margin: 40px !important;
  }
  .m-x-40-sm-max {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-y-40-sm-max {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-t-40-sm-max {
    margin-top: 40px !important;
  }
  .m-r-40-sm-max {
    margin-right: 40px !important;
  }
  .m-b-40-sm-max {
    margin-bottom: 40px !important;
  }
  .m-l-40-sm-max {
    margin-left: 40px !important;
  }
  .m-a-45-sm-max {
    margin: 45px !important;
  }
  .m-x-45-sm-max {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-y-45-sm-max {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-t-45-sm-max {
    margin-top: 45px !important;
  }
  .m-r-45-sm-max {
    margin-right: 45px !important;
  }
  .m-b-45-sm-max {
    margin-bottom: 45px !important;
  }
  .m-l-45-sm-max {
    margin-left: 45px !important;
  }
  .m-a-50-sm-max {
    margin: 50px !important;
  }
  .m-x-50-sm-max {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-y-50-sm-max {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-t-50-sm-max {
    margin-top: 50px !important;
  }
  .m-r-50-sm-max {
    margin-right: 50px !important;
  }
  .m-b-50-sm-max {
    margin-bottom: 50px !important;
  }
  .m-l-50-sm-max {
    margin-left: 50px !important;
  }
  .m-a-55-sm-max {
    margin: 55px !important;
  }
  .m-x-55-sm-max {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-y-55-sm-max {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-t-55-sm-max {
    margin-top: 55px !important;
  }
  .m-r-55-sm-max {
    margin-right: 55px !important;
  }
  .m-b-55-sm-max {
    margin-bottom: 55px !important;
  }
  .m-l-55-sm-max {
    margin-left: 55px !important;
  }
  .m-a-60-sm-max {
    margin: 60px !important;
  }
  .m-x-60-sm-max {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-y-60-sm-max {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-t-60-sm-max {
    margin-top: 60px !important;
  }
  .m-r-60-sm-max {
    margin-right: 60px !important;
  }
  .m-b-60-sm-max {
    margin-bottom: 60px !important;
  }
  .m-l-60-sm-max {
    margin-left: 60px !important;
  }
}

@media (max-width: 1199px) {
  .m-a-0-md-max {
    margin: 0px !important;
  }
  .m-x-0-md-max {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .m-y-0-md-max {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .m-x-auto-md-max {
    margin-right: auto;
    margin-left: auto;
  }
  .m-t-0-md-max {
    margin-top: 0px !important;
  }
  .m-r-0-md-max {
    margin-right: 0px !important;
  }
  .m-b-0-md-max {
    margin-bottom: 0px !important;
  }
  .m-l-0-md-max {
    margin-left: 0px !important;
  }
  .m-a-5-md-max {
    margin: 5px !important;
  }
  .m-x-5-md-max {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-y-5-md-max {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-t-5-md-max {
    margin-top: 5px !important;
  }
  .m-r-5-md-max {
    margin-right: 5px !important;
  }
  .m-b-5-md-max {
    margin-bottom: 5px !important;
  }
  .m-l-5-md-max {
    margin-left: 5px !important;
  }
  .m-a-10-md-max {
    margin: 10px !important;
  }
  .m-x-10-md-max {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-y-10-md-max {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-t-10-md-max {
    margin-top: 10px !important;
  }
  .m-r-10-md-max {
    margin-right: 10px !important;
  }
  .m-b-10-md-max {
    margin-bottom: 10px !important;
  }
  .m-l-10-md-max {
    margin-left: 10px !important;
  }
  .m-a-15-md-max {
    margin: 15px !important;
  }
  .m-x-15-md-max {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-y-15-md-max {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-t-15-md-max {
    margin-top: 15px !important;
  }
  .m-r-15-md-max {
    margin-right: 15px !important;
  }
  .m-b-15-md-max {
    margin-bottom: 15px !important;
  }
  .m-l-15-md-max {
    margin-left: 15px !important;
  }
  .m-a-20-md-max {
    margin: 20px !important;
  }
  .m-x-20-md-max {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-y-20-md-max {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-t-20-md-max {
    margin-top: 20px !important;
  }
  .m-r-20-md-max {
    margin-right: 20px !important;
  }
  .m-b-20-md-max {
    margin-bottom: 20px !important;
  }
  .m-l-20-md-max {
    margin-left: 20px !important;
  }
  .m-a-25-md-max {
    margin: 25px !important;
  }
  .m-x-25-md-max {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-y-25-md-max {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-t-25-md-max {
    margin-top: 25px !important;
  }
  .m-r-25-md-max {
    margin-right: 25px !important;
  }
  .m-b-25-md-max {
    margin-bottom: 25px !important;
  }
  .m-l-25-md-max {
    margin-left: 25px !important;
  }
  .m-a-30-md-max {
    margin: 30px !important;
  }
  .m-x-30-md-max {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-y-30-md-max {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-t-30-md-max {
    margin-top: 30px !important;
  }
  .m-r-30-md-max {
    margin-right: 30px !important;
  }
  .m-b-30-md-max {
    margin-bottom: 30px !important;
  }
  .m-l-30-md-max {
    margin-left: 30px !important;
  }
  .m-a-35-md-max {
    margin: 35px !important;
  }
  .m-x-35-md-max {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-y-35-md-max {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-t-35-md-max {
    margin-top: 35px !important;
  }
  .m-r-35-md-max {
    margin-right: 35px !important;
  }
  .m-b-35-md-max {
    margin-bottom: 35px !important;
  }
  .m-l-35-md-max {
    margin-left: 35px !important;
  }
  .m-a-40-md-max {
    margin: 40px !important;
  }
  .m-x-40-md-max {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-y-40-md-max {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-t-40-md-max {
    margin-top: 40px !important;
  }
  .m-r-40-md-max {
    margin-right: 40px !important;
  }
  .m-b-40-md-max {
    margin-bottom: 40px !important;
  }
  .m-l-40-md-max {
    margin-left: 40px !important;
  }
  .m-a-45-md-max {
    margin: 45px !important;
  }
  .m-x-45-md-max {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-y-45-md-max {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-t-45-md-max {
    margin-top: 45px !important;
  }
  .m-r-45-md-max {
    margin-right: 45px !important;
  }
  .m-b-45-md-max {
    margin-bottom: 45px !important;
  }
  .m-l-45-md-max {
    margin-left: 45px !important;
  }
  .m-a-50-md-max {
    margin: 50px !important;
  }
  .m-x-50-md-max {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-y-50-md-max {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-t-50-md-max {
    margin-top: 50px !important;
  }
  .m-r-50-md-max {
    margin-right: 50px !important;
  }
  .m-b-50-md-max {
    margin-bottom: 50px !important;
  }
  .m-l-50-md-max {
    margin-left: 50px !important;
  }
  .m-a-55-md-max {
    margin: 55px !important;
  }
  .m-x-55-md-max {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-y-55-md-max {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-t-55-md-max {
    margin-top: 55px !important;
  }
  .m-r-55-md-max {
    margin-right: 55px !important;
  }
  .m-b-55-md-max {
    margin-bottom: 55px !important;
  }
  .m-l-55-md-max {
    margin-left: 55px !important;
  }
  .m-a-60-md-max {
    margin: 60px !important;
  }
  .m-x-60-md-max {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-y-60-md-max {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-t-60-md-max {
    margin-top: 60px !important;
  }
  .m-r-60-md-max {
    margin-right: 60px !important;
  }
  .m-b-60-md-max {
    margin-bottom: 60px !important;
  }
  .m-l-60-md-max {
    margin-left: 60px !important;
  }
}

/**
 * padding
 */
.p-a-0 {
  padding: 0px !important;
}

.p-x-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.p-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-a-5 {
  padding: 5px !important;
}

.p-x-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.p-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-a-10 {
  padding: 10px !important;
}

.p-x-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.p-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

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

.p-r-10 {
  padding-right: 10px !important;
}

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

.p-l-10 {
  padding-left: 10px !important;
}

.p-a-15 {
  padding: 15px !important;
}

.p-x-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.p-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-a-20 {
  padding: 20px !important;
}

.p-x-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.p-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

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

.p-r-20 {
  padding-right: 20px !important;
}

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

.p-l-20 {
  padding-left: 20px !important;
}

.p-a-25 {
  padding: 25px !important;
}

.p-x-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.p-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-a-30 {
  padding: 30px !important;
}

.p-x-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.p-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

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

.p-r-30 {
  padding-right: 30px !important;
}

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

.p-l-30 {
  padding-left: 30px !important;
}

.p-a-35 {
  padding: 35px !important;
}

.p-x-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.p-y-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.p-a-40 {
  padding: 40px !important;
}

.p-x-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.p-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

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

.p-r-40 {
  padding-right: 40px !important;
}

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

.p-l-40 {
  padding-left: 40px !important;
}

.p-a-45 {
  padding: 45px !important;
}

.p-x-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.p-y-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.p-a-50 {
  padding: 50px !important;
}

.p-x-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.p-y-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

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

.p-r-50 {
  padding-right: 50px !important;
}

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

.p-l-50 {
  padding-left: 50px !important;
}

.p-a-55 {
  padding: 55px !important;
}

.p-x-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.p-y-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.p-t-55 {
  padding-top: 55px !important;
}

.p-r-55 {
  padding-right: 55px !important;
}

.p-b-55 {
  padding-bottom: 55px !important;
}

.p-l-55 {
  padding-left: 55px !important;
}

.p-a-60 {
  padding: 60px !important;
}

.p-x-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.p-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

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

@media (min-width: 480px) {
  .p-a-0-xs-min {
    padding: 0px !important;
  }
  .p-x-0-xs-min {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .p-y-0-xs-min {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .p-t-0-xs-min {
    padding-top: 0px !important;
  }
  .p-r-0-xs-min {
    padding-right: 0px !important;
  }
  .p-b-0-xs-min {
    padding-bottom: 0px !important;
  }
  .p-l-0-xs-min {
    padding-left: 0px !important;
  }
  .p-a-5-xs-min {
    padding: 5px !important;
  }
  .p-x-5-xs-min {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .p-y-5-xs-min {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-t-5-xs-min {
    padding-top: 5px !important;
  }
  .p-r-5-xs-min {
    padding-right: 5px !important;
  }
  .p-b-5-xs-min {
    padding-bottom: 5px !important;
  }
  .p-l-5-xs-min {
    padding-left: 5px !important;
  }
  .p-a-10-xs-min {
    padding: 10px !important;
  }
  .p-x-10-xs-min {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .p-y-10-xs-min {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-t-10-xs-min {
    padding-top: 10px !important;
  }
  .p-r-10-xs-min {
    padding-right: 10px !important;
  }
  .p-b-10-xs-min {
    padding-bottom: 10px !important;
  }
  .p-l-10-xs-min {
    padding-left: 10px !important;
  }
  .p-a-15-xs-min {
    padding: 15px !important;
  }
  .p-x-15-xs-min {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .p-y-15-xs-min {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-t-15-xs-min {
    padding-top: 15px !important;
  }
  .p-r-15-xs-min {
    padding-right: 15px !important;
  }
  .p-b-15-xs-min {
    padding-bottom: 15px !important;
  }
  .p-l-15-xs-min {
    padding-left: 15px !important;
  }
  .p-a-20-xs-min {
    padding: 20px !important;
  }
  .p-x-20-xs-min {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .p-y-20-xs-min {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-t-20-xs-min {
    padding-top: 20px !important;
  }
  .p-r-20-xs-min {
    padding-right: 20px !important;
  }
  .p-b-20-xs-min {
    padding-bottom: 20px !important;
  }
  .p-l-20-xs-min {
    padding-left: 20px !important;
  }
  .p-a-25-xs-min {
    padding: 25px !important;
  }
  .p-x-25-xs-min {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .p-y-25-xs-min {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-t-25-xs-min {
    padding-top: 25px !important;
  }
  .p-r-25-xs-min {
    padding-right: 25px !important;
  }
  .p-b-25-xs-min {
    padding-bottom: 25px !important;
  }
  .p-l-25-xs-min {
    padding-left: 25px !important;
  }
  .p-a-30-xs-min {
    padding: 30px !important;
  }
  .p-x-30-xs-min {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .p-y-30-xs-min {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-t-30-xs-min {
    padding-top: 30px !important;
  }
  .p-r-30-xs-min {
    padding-right: 30px !important;
  }
  .p-b-30-xs-min {
    padding-bottom: 30px !important;
  }
  .p-l-30-xs-min {
    padding-left: 30px !important;
  }
  .p-a-35-xs-min {
    padding: 35px !important;
  }
  .p-x-35-xs-min {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .p-y-35-xs-min {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-t-35-xs-min {
    padding-top: 35px !important;
  }
  .p-r-35-xs-min {
    padding-right: 35px !important;
  }
  .p-b-35-xs-min {
    padding-bottom: 35px !important;
  }
  .p-l-35-xs-min {
    padding-left: 35px !important;
  }
  .p-a-40-xs-min {
    padding: 40px !important;
  }
  .p-x-40-xs-min {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .p-y-40-xs-min {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-t-40-xs-min {
    padding-top: 40px !important;
  }
  .p-r-40-xs-min {
    padding-right: 40px !important;
  }
  .p-b-40-xs-min {
    padding-bottom: 40px !important;
  }
  .p-l-40-xs-min {
    padding-left: 40px !important;
  }
  .p-a-45-xs-min {
    padding: 45px !important;
  }
  .p-x-45-xs-min {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .p-y-45-xs-min {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-t-45-xs-min {
    padding-top: 45px !important;
  }
  .p-r-45-xs-min {
    padding-right: 45px !important;
  }
  .p-b-45-xs-min {
    padding-bottom: 45px !important;
  }
  .p-l-45-xs-min {
    padding-left: 45px !important;
  }
  .p-a-50-xs-min {
    padding: 50px !important;
  }
  .p-x-50-xs-min {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .p-y-50-xs-min {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-t-50-xs-min {
    padding-top: 50px !important;
  }
  .p-r-50-xs-min {
    padding-right: 50px !important;
  }
  .p-b-50-xs-min {
    padding-bottom: 50px !important;
  }
  .p-l-50-xs-min {
    padding-left: 50px !important;
  }
  .p-a-55-xs-min {
    padding: 55px !important;
  }
  .p-x-55-xs-min {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .p-y-55-xs-min {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .p-t-55-xs-min {
    padding-top: 55px !important;
  }
  .p-r-55-xs-min {
    padding-right: 55px !important;
  }
  .p-b-55-xs-min {
    padding-bottom: 55px !important;
  }
  .p-l-55-xs-min {
    padding-left: 55px !important;
  }
  .p-a-60-xs-min {
    padding: 60px !important;
  }
  .p-x-60-xs-min {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .p-y-60-xs-min {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-t-60-xs-min {
    padding-top: 60px !important;
  }
  .p-r-60-xs-min {
    padding-right: 60px !important;
  }
  .p-b-60-xs-min {
    padding-bottom: 60px !important;
  }
  .p-l-60-xs-min {
    padding-left: 60px !important;
  }
}

@media (min-width: 768px) {
  .p-a-0-sm-min {
    padding: 0px !important;
  }
  .p-x-0-sm-min {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .p-y-0-sm-min {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .p-t-0-sm-min {
    padding-top: 0px !important;
  }
  .p-r-0-sm-min {
    padding-right: 0px !important;
  }
  .p-b-0-sm-min {
    padding-bottom: 0px !important;
  }
  .p-l-0-sm-min {
    padding-left: 0px !important;
  }
  .p-a-5-sm-min {
    padding: 5px !important;
  }
  .p-x-5-sm-min {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .p-y-5-sm-min {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-t-5-sm-min {
    padding-top: 5px !important;
  }
  .p-r-5-sm-min {
    padding-right: 5px !important;
  }
  .p-b-5-sm-min {
    padding-bottom: 5px !important;
  }
  .p-l-5-sm-min {
    padding-left: 5px !important;
  }
  .p-a-10-sm-min {
    padding: 10px !important;
  }
  .p-x-10-sm-min {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .p-y-10-sm-min {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-t-10-sm-min {
    padding-top: 10px !important;
  }
  .p-r-10-sm-min {
    padding-right: 10px !important;
  }
  .p-b-10-sm-min {
    padding-bottom: 10px !important;
  }
  .p-l-10-sm-min {
    padding-left: 10px !important;
  }
  .p-a-15-sm-min {
    padding: 15px !important;
  }
  .p-x-15-sm-min {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .p-y-15-sm-min {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-t-15-sm-min {
    padding-top: 15px !important;
  }
  .p-r-15-sm-min {
    padding-right: 15px !important;
  }
  .p-b-15-sm-min {
    padding-bottom: 15px !important;
  }
  .p-l-15-sm-min {
    padding-left: 15px !important;
  }
  .p-a-20-sm-min {
    padding: 20px !important;
  }
  .p-x-20-sm-min {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .p-y-20-sm-min {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-t-20-sm-min {
    padding-top: 20px !important;
  }
  .p-r-20-sm-min {
    padding-right: 20px !important;
  }
  .p-b-20-sm-min {
    padding-bottom: 20px !important;
  }
  .p-l-20-sm-min {
    padding-left: 20px !important;
  }
  .p-a-25-sm-min {
    padding: 25px !important;
  }
  .p-x-25-sm-min {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .p-y-25-sm-min {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-t-25-sm-min {
    padding-top: 25px !important;
  }
  .p-r-25-sm-min {
    padding-right: 25px !important;
  }
  .p-b-25-sm-min {
    padding-bottom: 25px !important;
  }
  .p-l-25-sm-min {
    padding-left: 25px !important;
  }
  .p-a-30-sm-min {
    padding: 30px !important;
  }
  .p-x-30-sm-min {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .p-y-30-sm-min {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-t-30-sm-min {
    padding-top: 30px !important;
  }
  .p-r-30-sm-min {
    padding-right: 30px !important;
  }
  .p-b-30-sm-min {
    padding-bottom: 30px !important;
  }
  .p-l-30-sm-min {
    padding-left: 30px !important;
  }
  .p-a-35-sm-min {
    padding: 35px !important;
  }
  .p-x-35-sm-min {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .p-y-35-sm-min {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-t-35-sm-min {
    padding-top: 35px !important;
  }
  .p-r-35-sm-min {
    padding-right: 35px !important;
  }
  .p-b-35-sm-min {
    padding-bottom: 35px !important;
  }
  .p-l-35-sm-min {
    padding-left: 35px !important;
  }
  .p-a-40-sm-min {
    padding: 40px !important;
  }
  .p-x-40-sm-min {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .p-y-40-sm-min {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-t-40-sm-min {
    padding-top: 40px !important;
  }
  .p-r-40-sm-min {
    padding-right: 40px !important;
  }
  .p-b-40-sm-min {
    padding-bottom: 40px !important;
  }
  .p-l-40-sm-min {
    padding-left: 40px !important;
  }
  .p-a-45-sm-min {
    padding: 45px !important;
  }
  .p-x-45-sm-min {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .p-y-45-sm-min {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-t-45-sm-min {
    padding-top: 45px !important;
  }
  .p-r-45-sm-min {
    padding-right: 45px !important;
  }
  .p-b-45-sm-min {
    padding-bottom: 45px !important;
  }
  .p-l-45-sm-min {
    padding-left: 45px !important;
  }
  .p-a-50-sm-min {
    padding: 50px !important;
  }
  .p-x-50-sm-min {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .p-y-50-sm-min {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-t-50-sm-min {
    padding-top: 50px !important;
  }
  .p-r-50-sm-min {
    padding-right: 50px !important;
  }
  .p-b-50-sm-min {
    padding-bottom: 50px !important;
  }
  .p-l-50-sm-min {
    padding-left: 50px !important;
  }
  .p-a-55-sm-min {
    padding: 55px !important;
  }
  .p-x-55-sm-min {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .p-y-55-sm-min {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .p-t-55-sm-min {
    padding-top: 55px !important;
  }
  .p-r-55-sm-min {
    padding-right: 55px !important;
  }
  .p-b-55-sm-min {
    padding-bottom: 55px !important;
  }
  .p-l-55-sm-min {
    padding-left: 55px !important;
  }
  .p-a-60-sm-min {
    padding: 60px !important;
  }
  .p-x-60-sm-min {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .p-y-60-sm-min {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-t-60-sm-min {
    padding-top: 60px !important;
  }
  .p-r-60-sm-min {
    padding-right: 60px !important;
  }
  .p-b-60-sm-min {
    padding-bottom: 60px !important;
  }
  .p-l-60-sm-min {
    padding-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .p-a-0-md-min {
    padding: 0px !important;
  }
  .p-x-0-md-min {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .p-y-0-md-min {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .p-t-0-md-min {
    padding-top: 0px !important;
  }
  .p-r-0-md-min {
    padding-right: 0px !important;
  }
  .p-b-0-md-min {
    padding-bottom: 0px !important;
  }
  .p-l-0-md-min {
    padding-left: 0px !important;
  }
  .p-a-5-md-min {
    padding: 5px !important;
  }
  .p-x-5-md-min {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .p-y-5-md-min {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-t-5-md-min {
    padding-top: 5px !important;
  }
  .p-r-5-md-min {
    padding-right: 5px !important;
  }
  .p-b-5-md-min {
    padding-bottom: 5px !important;
  }
  .p-l-5-md-min {
    padding-left: 5px !important;
  }
  .p-a-10-md-min {
    padding: 10px !important;
  }
  .p-x-10-md-min {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .p-y-10-md-min {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-t-10-md-min {
    padding-top: 10px !important;
  }
  .p-r-10-md-min {
    padding-right: 10px !important;
  }
  .p-b-10-md-min {
    padding-bottom: 10px !important;
  }
  .p-l-10-md-min {
    padding-left: 10px !important;
  }
  .p-a-15-md-min {
    padding: 15px !important;
  }
  .p-x-15-md-min {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .p-y-15-md-min {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-t-15-md-min {
    padding-top: 15px !important;
  }
  .p-r-15-md-min {
    padding-right: 15px !important;
  }
  .p-b-15-md-min {
    padding-bottom: 15px !important;
  }
  .p-l-15-md-min {
    padding-left: 15px !important;
  }
  .p-a-20-md-min {
    padding: 20px !important;
  }
  .p-x-20-md-min {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .p-y-20-md-min {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-t-20-md-min {
    padding-top: 20px !important;
  }
  .p-r-20-md-min {
    padding-right: 20px !important;
  }
  .p-b-20-md-min {
    padding-bottom: 20px !important;
  }
  .p-l-20-md-min {
    padding-left: 20px !important;
  }
  .p-a-25-md-min {
    padding: 25px !important;
  }
  .p-x-25-md-min {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .p-y-25-md-min {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-t-25-md-min {
    padding-top: 25px !important;
  }
  .p-r-25-md-min {
    padding-right: 25px !important;
  }
  .p-b-25-md-min {
    padding-bottom: 25px !important;
  }
  .p-l-25-md-min {
    padding-left: 25px !important;
  }
  .p-a-30-md-min {
    padding: 30px !important;
  }
  .p-x-30-md-min {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .p-y-30-md-min {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-t-30-md-min {
    padding-top: 30px !important;
  }
  .p-r-30-md-min {
    padding-right: 30px !important;
  }
  .p-b-30-md-min {
    padding-bottom: 30px !important;
  }
  .p-l-30-md-min {
    padding-left: 30px !important;
  }
  .p-a-35-md-min {
    padding: 35px !important;
  }
  .p-x-35-md-min {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .p-y-35-md-min {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-t-35-md-min {
    padding-top: 35px !important;
  }
  .p-r-35-md-min {
    padding-right: 35px !important;
  }
  .p-b-35-md-min {
    padding-bottom: 35px !important;
  }
  .p-l-35-md-min {
    padding-left: 35px !important;
  }
  .p-a-40-md-min {
    padding: 40px !important;
  }
  .p-x-40-md-min {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .p-y-40-md-min {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-t-40-md-min {
    padding-top: 40px !important;
  }
  .p-r-40-md-min {
    padding-right: 40px !important;
  }
  .p-b-40-md-min {
    padding-bottom: 40px !important;
  }
  .p-l-40-md-min {
    padding-left: 40px !important;
  }
  .p-a-45-md-min {
    padding: 45px !important;
  }
  .p-x-45-md-min {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .p-y-45-md-min {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-t-45-md-min {
    padding-top: 45px !important;
  }
  .p-r-45-md-min {
    padding-right: 45px !important;
  }
  .p-b-45-md-min {
    padding-bottom: 45px !important;
  }
  .p-l-45-md-min {
    padding-left: 45px !important;
  }
  .p-a-50-md-min {
    padding: 50px !important;
  }
  .p-x-50-md-min {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .p-y-50-md-min {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-t-50-md-min {
    padding-top: 50px !important;
  }
  .p-r-50-md-min {
    padding-right: 50px !important;
  }
  .p-b-50-md-min {
    padding-bottom: 50px !important;
  }
  .p-l-50-md-min {
    padding-left: 50px !important;
  }
  .p-a-55-md-min {
    padding: 55px !important;
  }
  .p-x-55-md-min {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .p-y-55-md-min {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .p-t-55-md-min {
    padding-top: 55px !important;
  }
  .p-r-55-md-min {
    padding-right: 55px !important;
  }
  .p-b-55-md-min {
    padding-bottom: 55px !important;
  }
  .p-l-55-md-min {
    padding-left: 55px !important;
  }
  .p-a-60-md-min {
    padding: 60px !important;
  }
  .p-x-60-md-min {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .p-y-60-md-min {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-t-60-md-min {
    padding-top: 60px !important;
  }
  .p-r-60-md-min {
    padding-right: 60px !important;
  }
  .p-b-60-md-min {
    padding-bottom: 60px !important;
  }
  .p-l-60-md-min {
    padding-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .p-a-0-xs-max {
    padding: 0px !important;
  }
  .p-x-0-xs-max {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .p-y-0-xs-max {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .p-t-0-xs-max {
    padding-top: 0px !important;
  }
  .p-r-0-xs-max {
    padding-right: 0px !important;
  }
  .p-b-0-xs-max {
    padding-bottom: 0px !important;
  }
  .p-l-0-xs-max {
    padding-left: 0px !important;
  }
  .p-a-5-xs-max {
    padding: 5px !important;
  }
  .p-x-5-xs-max {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .p-y-5-xs-max {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-t-5-xs-max {
    padding-top: 5px !important;
  }
  .p-r-5-xs-max {
    padding-right: 5px !important;
  }
  .p-b-5-xs-max {
    padding-bottom: 5px !important;
  }
  .p-l-5-xs-max {
    padding-left: 5px !important;
  }
  .p-a-10-xs-max {
    padding: 10px !important;
  }
  .p-x-10-xs-max {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .p-y-10-xs-max {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-t-10-xs-max {
    padding-top: 10px !important;
  }
  .p-r-10-xs-max {
    padding-right: 10px !important;
  }
  .p-b-10-xs-max {
    padding-bottom: 10px !important;
  }
  .p-l-10-xs-max {
    padding-left: 10px !important;
  }
  .p-a-15-xs-max {
    padding: 15px !important;
  }
  .p-x-15-xs-max {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .p-y-15-xs-max {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-t-15-xs-max {
    padding-top: 15px !important;
  }
  .p-r-15-xs-max {
    padding-right: 15px !important;
  }
  .p-b-15-xs-max {
    padding-bottom: 15px !important;
  }
  .p-l-15-xs-max {
    padding-left: 15px !important;
  }
  .p-a-20-xs-max {
    padding: 20px !important;
  }
  .p-x-20-xs-max {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .p-y-20-xs-max {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-t-20-xs-max {
    padding-top: 20px !important;
  }
  .p-r-20-xs-max {
    padding-right: 20px !important;
  }
  .p-b-20-xs-max {
    padding-bottom: 20px !important;
  }
  .p-l-20-xs-max {
    padding-left: 20px !important;
  }
  .p-a-25-xs-max {
    padding: 25px !important;
  }
  .p-x-25-xs-max {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .p-y-25-xs-max {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-t-25-xs-max {
    padding-top: 25px !important;
  }
  .p-r-25-xs-max {
    padding-right: 25px !important;
  }
  .p-b-25-xs-max {
    padding-bottom: 25px !important;
  }
  .p-l-25-xs-max {
    padding-left: 25px !important;
  }
  .p-a-30-xs-max {
    padding: 30px !important;
  }
  .p-x-30-xs-max {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .p-y-30-xs-max {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-t-30-xs-max {
    padding-top: 30px !important;
  }
  .p-r-30-xs-max {
    padding-right: 30px !important;
  }
  .p-b-30-xs-max {
    padding-bottom: 30px !important;
  }
  .p-l-30-xs-max {
    padding-left: 30px !important;
  }
  .p-a-35-xs-max {
    padding: 35px !important;
  }
  .p-x-35-xs-max {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .p-y-35-xs-max {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-t-35-xs-max {
    padding-top: 35px !important;
  }
  .p-r-35-xs-max {
    padding-right: 35px !important;
  }
  .p-b-35-xs-max {
    padding-bottom: 35px !important;
  }
  .p-l-35-xs-max {
    padding-left: 35px !important;
  }
  .p-a-40-xs-max {
    padding: 40px !important;
  }
  .p-x-40-xs-max {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .p-y-40-xs-max {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-t-40-xs-max {
    padding-top: 40px !important;
  }
  .p-r-40-xs-max {
    padding-right: 40px !important;
  }
  .p-b-40-xs-max {
    padding-bottom: 40px !important;
  }
  .p-l-40-xs-max {
    padding-left: 40px !important;
  }
  .p-a-45-xs-max {
    padding: 45px !important;
  }
  .p-x-45-xs-max {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .p-y-45-xs-max {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-t-45-xs-max {
    padding-top: 45px !important;
  }
  .p-r-45-xs-max {
    padding-right: 45px !important;
  }
  .p-b-45-xs-max {
    padding-bottom: 45px !important;
  }
  .p-l-45-xs-max {
    padding-left: 45px !important;
  }
  .p-a-50-xs-max {
    padding: 50px !important;
  }
  .p-x-50-xs-max {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .p-y-50-xs-max {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-t-50-xs-max {
    padding-top: 50px !important;
  }
  .p-r-50-xs-max {
    padding-right: 50px !important;
  }
  .p-b-50-xs-max {
    padding-bottom: 50px !important;
  }
  .p-l-50-xs-max {
    padding-left: 50px !important;
  }
  .p-a-55-xs-max {
    padding: 55px !important;
  }
  .p-x-55-xs-max {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .p-y-55-xs-max {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .p-t-55-xs-max {
    padding-top: 55px !important;
  }
  .p-r-55-xs-max {
    padding-right: 55px !important;
  }
  .p-b-55-xs-max {
    padding-bottom: 55px !important;
  }
  .p-l-55-xs-max {
    padding-left: 55px !important;
  }
  .p-a-60-xs-max {
    padding: 60px !important;
  }
  .p-x-60-xs-max {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .p-y-60-xs-max {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-t-60-xs-max {
    padding-top: 60px !important;
  }
  .p-r-60-xs-max {
    padding-right: 60px !important;
  }
  .p-b-60-xs-max {
    padding-bottom: 60px !important;
  }
  .p-l-60-xs-max {
    padding-left: 60px !important;
  }
}

@media (max-width: 991px) {
  .p-a-0-sm-max {
    padding: 0px !important;
  }
  .p-x-0-sm-max {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .p-y-0-sm-max {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .p-t-0-sm-max {
    padding-top: 0px !important;
  }
  .p-r-0-sm-max {
    padding-right: 0px !important;
  }
  .p-b-0-sm-max {
    padding-bottom: 0px !important;
  }
  .p-l-0-sm-max {
    padding-left: 0px !important;
  }
  .p-a-5-sm-max {
    padding: 5px !important;
  }
  .p-x-5-sm-max {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .p-y-5-sm-max {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-t-5-sm-max {
    padding-top: 5px !important;
  }
  .p-r-5-sm-max {
    padding-right: 5px !important;
  }
  .p-b-5-sm-max {
    padding-bottom: 5px !important;
  }
  .p-l-5-sm-max {
    padding-left: 5px !important;
  }
  .p-a-10-sm-max {
    padding: 10px !important;
  }
  .p-x-10-sm-max {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .p-y-10-sm-max {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-t-10-sm-max {
    padding-top: 10px !important;
  }
  .p-r-10-sm-max {
    padding-right: 10px !important;
  }
  .p-b-10-sm-max {
    padding-bottom: 10px !important;
  }
  .p-l-10-sm-max {
    padding-left: 10px !important;
  }
  .p-a-15-sm-max {
    padding: 15px !important;
  }
  .p-x-15-sm-max {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .p-y-15-sm-max {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-t-15-sm-max {
    padding-top: 15px !important;
  }
  .p-r-15-sm-max {
    padding-right: 15px !important;
  }
  .p-b-15-sm-max {
    padding-bottom: 15px !important;
  }
  .p-l-15-sm-max {
    padding-left: 15px !important;
  }
  .p-a-20-sm-max {
    padding: 20px !important;
  }
  .p-x-20-sm-max {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .p-y-20-sm-max {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-t-20-sm-max {
    padding-top: 20px !important;
  }
  .p-r-20-sm-max {
    padding-right: 20px !important;
  }
  .p-b-20-sm-max {
    padding-bottom: 20px !important;
  }
  .p-l-20-sm-max {
    padding-left: 20px !important;
  }
  .p-a-25-sm-max {
    padding: 25px !important;
  }
  .p-x-25-sm-max {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .p-y-25-sm-max {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-t-25-sm-max {
    padding-top: 25px !important;
  }
  .p-r-25-sm-max {
    padding-right: 25px !important;
  }
  .p-b-25-sm-max {
    padding-bottom: 25px !important;
  }
  .p-l-25-sm-max {
    padding-left: 25px !important;
  }
  .p-a-30-sm-max {
    padding: 30px !important;
  }
  .p-x-30-sm-max {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .p-y-30-sm-max {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-t-30-sm-max {
    padding-top: 30px !important;
  }
  .p-r-30-sm-max {
    padding-right: 30px !important;
  }
  .p-b-30-sm-max {
    padding-bottom: 30px !important;
  }
  .p-l-30-sm-max {
    padding-left: 30px !important;
  }
  .p-a-35-sm-max {
    padding: 35px !important;
  }
  .p-x-35-sm-max {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .p-y-35-sm-max {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-t-35-sm-max {
    padding-top: 35px !important;
  }
  .p-r-35-sm-max {
    padding-right: 35px !important;
  }
  .p-b-35-sm-max {
    padding-bottom: 35px !important;
  }
  .p-l-35-sm-max {
    padding-left: 35px !important;
  }
  .p-a-40-sm-max {
    padding: 40px !important;
  }
  .p-x-40-sm-max {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .p-y-40-sm-max {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-t-40-sm-max {
    padding-top: 40px !important;
  }
  .p-r-40-sm-max {
    padding-right: 40px !important;
  }
  .p-b-40-sm-max {
    padding-bottom: 40px !important;
  }
  .p-l-40-sm-max {
    padding-left: 40px !important;
  }
  .p-a-45-sm-max {
    padding: 45px !important;
  }
  .p-x-45-sm-max {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .p-y-45-sm-max {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-t-45-sm-max {
    padding-top: 45px !important;
  }
  .p-r-45-sm-max {
    padding-right: 45px !important;
  }
  .p-b-45-sm-max {
    padding-bottom: 45px !important;
  }
  .p-l-45-sm-max {
    padding-left: 45px !important;
  }
  .p-a-50-sm-max {
    padding: 50px !important;
  }
  .p-x-50-sm-max {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .p-y-50-sm-max {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-t-50-sm-max {
    padding-top: 50px !important;
  }
  .p-r-50-sm-max {
    padding-right: 50px !important;
  }
  .p-b-50-sm-max {
    padding-bottom: 50px !important;
  }
  .p-l-50-sm-max {
    padding-left: 50px !important;
  }
  .p-a-55-sm-max {
    padding: 55px !important;
  }
  .p-x-55-sm-max {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .p-y-55-sm-max {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .p-t-55-sm-max {
    padding-top: 55px !important;
  }
  .p-r-55-sm-max {
    padding-right: 55px !important;
  }
  .p-b-55-sm-max {
    padding-bottom: 55px !important;
  }
  .p-l-55-sm-max {
    padding-left: 55px !important;
  }
  .p-a-60-sm-max {
    padding: 60px !important;
  }
  .p-x-60-sm-max {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .p-y-60-sm-max {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-t-60-sm-max {
    padding-top: 60px !important;
  }
  .p-r-60-sm-max {
    padding-right: 60px !important;
  }
  .p-b-60-sm-max {
    padding-bottom: 60px !important;
  }
  .p-l-60-sm-max {
    padding-left: 60px !important;
  }
}

@media (max-width: 1199px) {
  .p-a-0-md-max {
    padding: 0px !important;
  }
  .p-x-0-md-max {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .p-y-0-md-max {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .p-t-0-md-max {
    padding-top: 0px !important;
  }
  .p-r-0-md-max {
    padding-right: 0px !important;
  }
  .p-b-0-md-max {
    padding-bottom: 0px !important;
  }
  .p-l-0-md-max {
    padding-left: 0px !important;
  }
  .p-a-5-md-max {
    padding: 5px !important;
  }
  .p-x-5-md-max {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .p-y-5-md-max {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-t-5-md-max {
    padding-top: 5px !important;
  }
  .p-r-5-md-max {
    padding-right: 5px !important;
  }
  .p-b-5-md-max {
    padding-bottom: 5px !important;
  }
  .p-l-5-md-max {
    padding-left: 5px !important;
  }
  .p-a-10-md-max {
    padding: 10px !important;
  }
  .p-x-10-md-max {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .p-y-10-md-max {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-t-10-md-max {
    padding-top: 10px !important;
  }
  .p-r-10-md-max {
    padding-right: 10px !important;
  }
  .p-b-10-md-max {
    padding-bottom: 10px !important;
  }
  .p-l-10-md-max {
    padding-left: 10px !important;
  }
  .p-a-15-md-max {
    padding: 15px !important;
  }
  .p-x-15-md-max {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .p-y-15-md-max {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-t-15-md-max {
    padding-top: 15px !important;
  }
  .p-r-15-md-max {
    padding-right: 15px !important;
  }
  .p-b-15-md-max {
    padding-bottom: 15px !important;
  }
  .p-l-15-md-max {
    padding-left: 15px !important;
  }
  .p-a-20-md-max {
    padding: 20px !important;
  }
  .p-x-20-md-max {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .p-y-20-md-max {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-t-20-md-max {
    padding-top: 20px !important;
  }
  .p-r-20-md-max {
    padding-right: 20px !important;
  }
  .p-b-20-md-max {
    padding-bottom: 20px !important;
  }
  .p-l-20-md-max {
    padding-left: 20px !important;
  }
  .p-a-25-md-max {
    padding: 25px !important;
  }
  .p-x-25-md-max {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .p-y-25-md-max {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-t-25-md-max {
    padding-top: 25px !important;
  }
  .p-r-25-md-max {
    padding-right: 25px !important;
  }
  .p-b-25-md-max {
    padding-bottom: 25px !important;
  }
  .p-l-25-md-max {
    padding-left: 25px !important;
  }
  .p-a-30-md-max {
    padding: 30px !important;
  }
  .p-x-30-md-max {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .p-y-30-md-max {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-t-30-md-max {
    padding-top: 30px !important;
  }
  .p-r-30-md-max {
    padding-right: 30px !important;
  }
  .p-b-30-md-max {
    padding-bottom: 30px !important;
  }
  .p-l-30-md-max {
    padding-left: 30px !important;
  }
  .p-a-35-md-max {
    padding: 35px !important;
  }
  .p-x-35-md-max {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .p-y-35-md-max {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-t-35-md-max {
    padding-top: 35px !important;
  }
  .p-r-35-md-max {
    padding-right: 35px !important;
  }
  .p-b-35-md-max {
    padding-bottom: 35px !important;
  }
  .p-l-35-md-max {
    padding-left: 35px !important;
  }
  .p-a-40-md-max {
    padding: 40px !important;
  }
  .p-x-40-md-max {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .p-y-40-md-max {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-t-40-md-max {
    padding-top: 40px !important;
  }
  .p-r-40-md-max {
    padding-right: 40px !important;
  }
  .p-b-40-md-max {
    padding-bottom: 40px !important;
  }
  .p-l-40-md-max {
    padding-left: 40px !important;
  }
  .p-a-45-md-max {
    padding: 45px !important;
  }
  .p-x-45-md-max {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .p-y-45-md-max {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-t-45-md-max {
    padding-top: 45px !important;
  }
  .p-r-45-md-max {
    padding-right: 45px !important;
  }
  .p-b-45-md-max {
    padding-bottom: 45px !important;
  }
  .p-l-45-md-max {
    padding-left: 45px !important;
  }
  .p-a-50-md-max {
    padding: 50px !important;
  }
  .p-x-50-md-max {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .p-y-50-md-max {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-t-50-md-max {
    padding-top: 50px !important;
  }
  .p-r-50-md-max {
    padding-right: 50px !important;
  }
  .p-b-50-md-max {
    padding-bottom: 50px !important;
  }
  .p-l-50-md-max {
    padding-left: 50px !important;
  }
  .p-a-55-md-max {
    padding: 55px !important;
  }
  .p-x-55-md-max {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .p-y-55-md-max {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .p-t-55-md-max {
    padding-top: 55px !important;
  }
  .p-r-55-md-max {
    padding-right: 55px !important;
  }
  .p-b-55-md-max {
    padding-bottom: 55px !important;
  }
  .p-l-55-md-max {
    padding-left: 55px !important;
  }
  .p-a-60-md-max {
    padding: 60px !important;
  }
  .p-x-60-md-max {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .p-y-60-md-max {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-t-60-md-max {
    padding-top: 60px !important;
  }
  .p-r-60-md-max {
    padding-right: 60px !important;
  }
  .p-b-60-md-max {
    padding-bottom: 60px !important;
  }
  .p-l-60-md-max {
    padding-left: 60px !important;
  }
}

/**
 * scroll
 */
.js-scroll {
  -ms-overflow-style: scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
}

.scroll-x {
  -ms-overflow-style: scrollbar;
  overflow-x: auto;
  overflow-y: hidden;
}

.scroll-y {
  -ms-overflow-style: scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
}

/**
 * color
 */
.block-default {
  background-color: #fff;
  color: #313131;
}

.block-default:not( > .block-default) h1,
.block-default:not( > .block-default) h2,
.block-default:not( > .block-default) h3,
.block-default:not( > .block-default) h4,
.block-default:not( > .block-default) h5,
.block-default:not( > .block-default) h6,
.block-default:not( > *.block-invert) h1,
.block-default:not( > *.block-invert) h2,
.block-default:not( > *.block-invert) h3,
.block-default:not( > *.block-invert) h4,
.block-default:not( > *.block-invert) h5,
.block-default:not( > *.block-invert) h6,
.block-default:not( > *.block-light) h1,
.block-default:not( > *.block-light) h2,
.block-default:not( > *.block-light) h3,
.block-default:not( > *.block-light) h4,
.block-default:not( > *.block-light) h5,
.block-default:not( > *.block-light) h6,
.block-default:not( > *.block-primary) h1,
.block-default:not( > *.block-primary) h2,
.block-default:not( > *.block-primary) h3,
.block-default:not( > *.block-primary) h4,
.block-default:not( > *.block-primary) h5,
.block-default:not( > *.block-primary) h6,
.block-default:not( > *.block-info) h1,
.block-default:not( > *.block-info) h2,
.block-default:not( > *.block-info) h3,
.block-default:not( > *.block-info) h4,
.block-default:not( > *.block-info) h5,
.block-default:not( > *.block-info) h6,
.block-default:not( > *.block-success) h1,
.block-default:not( > *.block-success) h2,
.block-default:not( > *.block-success) h3,
.block-default:not( > *.block-success) h4,
.block-default:not( > *.block-success) h5,
.block-default:not( > *.block-success) h6,
.block-default:not( > *.block-warning) h1,
.block-default:not( > *.block-warning) h2,
.block-default:not( > *.block-warning) h3,
.block-default:not( > *.block-warning) h4,
.block-default:not( > *.block-warning) h5,
.block-default:not( > *.block-warning) h6,
.block-default:not( > *.block-danger) h1,
.block-default:not( > *.block-danger) h2,
.block-default:not( > *.block-danger) h3,
.block-default:not( > *.block-danger) h4,
.block-default:not( > *.block-danger) h5,
.block-default:not( > *.block-danger) h6,
.block-default:not( > *.block-pink) h1,
.block-default:not( > *.block-pink) h2,
.block-default:not( > *.block-pink) h3,
.block-default:not( > *.block-pink) h4,
.block-default:not( > *.block-pink) h5,
.block-default:not( > *.block-pink) h6 {
  color: #212121;
}

.block-default a:not(.btn) {
  color: #786de4;
}

.block-default a:not(.btn):focus,
.block-default a:not(.btn):hover {
  color: #6c62cd;
  text-decoration: none;
}

.color-default {
  color: #fff !important;
  height: 70px;
  line-height: 70px;
}
.color-default img{float: left;
    padding-left: 20px;}
 .color-default span{    float: right;
    padding-right: 20px;
    font-size: 24px;
    vertical-align: baseline;color:White !important;}
.block-invert {
  background-color: #212121;
  color: white;
}

.block-invert:not( > .block-default) h1,
.block-invert:not( > .block-default) h2,
.block-invert:not( > .block-default) h3,
.block-invert:not( > .block-default) h4,
.block-invert:not( > .block-default) h5,
.block-invert:not( > .block-default) h6,
.block-invert:not( > *.block-invert) h1,
.block-invert:not( > *.block-invert) h2,
.block-invert:not( > *.block-invert) h3,
.block-invert:not( > *.block-invert) h4,
.block-invert:not( > *.block-invert) h5,
.block-invert:not( > *.block-invert) h6,
.block-invert:not( > *.block-light) h1,
.block-invert:not( > *.block-light) h2,
.block-invert:not( > *.block-light) h3,
.block-invert:not( > *.block-light) h4,
.block-invert:not( > *.block-light) h5,
.block-invert:not( > *.block-light) h6,
.block-invert:not( > *.block-primary) h1,
.block-invert:not( > *.block-primary) h2,
.block-invert:not( > *.block-primary) h3,
.block-invert:not( > *.block-primary) h4,
.block-invert:not( > *.block-primary) h5,
.block-invert:not( > *.block-primary) h6,
.block-invert:not( > *.block-info) h1,
.block-invert:not( > *.block-info) h2,
.block-invert:not( > *.block-info) h3,
.block-invert:not( > *.block-info) h4,
.block-invert:not( > *.block-info) h5,
.block-invert:not( > *.block-info) h6,
.block-invert:not( > *.block-success) h1,
.block-invert:not( > *.block-success) h2,
.block-invert:not( > *.block-success) h3,
.block-invert:not( > *.block-success) h4,
.block-invert:not( > *.block-success) h5,
.block-invert:not( > *.block-success) h6,
.block-invert:not( > *.block-warning) h1,
.block-invert:not( > *.block-warning) h2,
.block-invert:not( > *.block-warning) h3,
.block-invert:not( > *.block-warning) h4,
.block-invert:not( > *.block-warning) h5,
.block-invert:not( > *.block-warning) h6,
.block-invert:not( > *.block-danger) h1,
.block-invert:not( > *.block-danger) h2,
.block-invert:not( > *.block-danger) h3,
.block-invert:not( > *.block-danger) h4,
.block-invert:not( > *.block-danger) h5,
.block-invert:not( > *.block-danger) h6,
.block-invert:not( > *.block-pink) h1,
.block-invert:not( > *.block-pink) h2,
.block-invert:not( > *.block-pink) h3,
.block-invert:not( > *.block-pink) h4,
.block-invert:not( > *.block-pink) h5,
.block-invert:not( > *.block-pink) h6 {
  color: #fff;
}

.block-invert a:not(.btn) {
  color: #fff;
}

.block-invert a:not(.btn):focus,
.block-invert a:not(.btn):hover {
  color: #e5e5e5;
  text-decoration: none;
}

.color-invert {
  color: #212121 !important;
}

.block-light {
  background-color: #f4f5f9;
  color: #313131;
}

.block-light:not( > .block-default) h1,
.block-light:not( > .block-default) h2,
.block-light:not( > .block-default) h3,
.block-light:not( > .block-default) h4,
.block-light:not( > .block-default) h5,
.block-light:not( > .block-default) h6,
.block-light:not( > *.block-invert) h1,
.block-light:not( > *.block-invert) h2,
.block-light:not( > *.block-invert) h3,
.block-light:not( > *.block-invert) h4,
.block-light:not( > *.block-invert) h5,
.block-light:not( > *.block-invert) h6,
.block-light:not( > *.block-light) h1,
.block-light:not( > *.block-light) h2,
.block-light:not( > *.block-light) h3,
.block-light:not( > *.block-light) h4,
.block-light:not( > *.block-light) h5,
.block-light:not( > *.block-light) h6,
.block-light:not( > *.block-primary) h1,
.block-light:not( > *.block-primary) h2,
.block-light:not( > *.block-primary) h3,
.block-light:not( > *.block-primary) h4,
.block-light:not( > *.block-primary) h5,
.block-light:not( > *.block-primary) h6,
.block-light:not( > *.block-info) h1,
.block-light:not( > *.block-info) h2,
.block-light:not( > *.block-info) h3,
.block-light:not( > *.block-info) h4,
.block-light:not( > *.block-info) h5,
.block-light:not( > *.block-info) h6,
.block-light:not( > *.block-success) h1,
.block-light:not( > *.block-success) h2,
.block-light:not( > *.block-success) h3,
.block-light:not( > *.block-success) h4,
.block-light:not( > *.block-success) h5,
.block-light:not( > *.block-success) h6,
.block-light:not( > *.block-warning) h1,
.block-light:not( > *.block-warning) h2,
.block-light:not( > *.block-warning) h3,
.block-light:not( > *.block-warning) h4,
.block-light:not( > *.block-warning) h5,
.block-light:not( > *.block-warning) h6,
.block-light:not( > *.block-danger) h1,
.block-light:not( > *.block-danger) h2,
.block-light:not( > *.block-danger) h3,
.block-light:not( > *.block-danger) h4,
.block-light:not( > *.block-danger) h5,
.block-light:not( > *.block-danger) h6,
.block-light:not( > *.block-pink) h1,
.block-light:not( > *.block-pink) h2,
.block-light:not( > *.block-pink) h3,
.block-light:not( > *.block-pink) h4,
.block-light:not( > *.block-pink) h5,
.block-light:not( > *.block-pink) h6 {
  color: #212121;
}

.block-light a:not(.btn) {
  color: #786de4;
}

.block-light a:not(.btn):focus,
.block-light a:not(.btn):hover {
  color: #6c62cd;
  text-decoration: none;
}

.color-light {
  color: #f4f5f9 !important;
}

.block-primary {
  background-color: #786de4;
  color: white;
}

.block-primary:not( > .block-default) h1,
.block-primary:not( > .block-default) h2,
.block-primary:not( > .block-default) h3,
.block-primary:not( > .block-default) h4,
.block-primary:not( > .block-default) h5,
.block-primary:not( > .block-default) h6,
.block-primary:not( > *.block-invert) h1,
.block-primary:not( > *.block-invert) h2,
.block-primary:not( > *.block-invert) h3,
.block-primary:not( > *.block-invert) h4,
.block-primary:not( > *.block-invert) h5,
.block-primary:not( > *.block-invert) h6,
.block-primary:not( > *.block-light) h1,
.block-primary:not( > *.block-light) h2,
.block-primary:not( > *.block-light) h3,
.block-primary:not( > *.block-light) h4,
.block-primary:not( > *.block-light) h5,
.block-primary:not( > *.block-light) h6,
.block-primary:not( > *.block-primary) h1,
.block-primary:not( > *.block-primary) h2,
.block-primary:not( > *.block-primary) h3,
.block-primary:not( > *.block-primary) h4,
.block-primary:not( > *.block-primary) h5,
.block-primary:not( > *.block-primary) h6,
.block-primary:not( > *.block-info) h1,
.block-primary:not( > *.block-info) h2,
.block-primary:not( > *.block-info) h3,
.block-primary:not( > *.block-info) h4,
.block-primary:not( > *.block-info) h5,
.block-primary:not( > *.block-info) h6,
.block-primary:not( > *.block-success) h1,
.block-primary:not( > *.block-success) h2,
.block-primary:not( > *.block-success) h3,
.block-primary:not( > *.block-success) h4,
.block-primary:not( > *.block-success) h5,
.block-primary:not( > *.block-success) h6,
.block-primary:not( > *.block-warning) h1,
.block-primary:not( > *.block-warning) h2,
.block-primary:not( > *.block-warning) h3,
.block-primary:not( > *.block-warning) h4,
.block-primary:not( > *.block-warning) h5,
.block-primary:not( > *.block-warning) h6,
.block-primary:not( > *.block-danger) h1,
.block-primary:not( > *.block-danger) h2,
.block-primary:not( > *.block-danger) h3,
.block-primary:not( > *.block-danger) h4,
.block-primary:not( > *.block-danger) h5,
.block-primary:not( > *.block-danger) h6,
.block-primary:not( > *.block-pink) h1,
.block-primary:not( > *.block-pink) h2,
.block-primary:not( > *.block-pink) h3,
.block-primary:not( > *.block-pink) h4,
.block-primary:not( > *.block-pink) h5,
.block-primary:not( > *.block-pink) h6 {
  color: #fff;
}

.block-primary a:not(.btn) {
  color: #fff;
}

.block-primary a:not(.btn):focus,
.block-primary a:not(.btn):hover {
  color: #e5e5e5;
  text-decoration: none;
}

.color-primary {
  color: #786de4 !important;
}

.block-info {
  background-color: #1080f2;
  color: white;
}

.block-info:not( > .block-default) h1,
.block-info:not( > .block-default) h2,
.block-info:not( > .block-default) h3,
.block-info:not( > .block-default) h4,
.block-info:not( > .block-default) h5,
.block-info:not( > .block-default) h6,
.block-info:not( > *.block-invert) h1,
.block-info:not( > *.block-invert) h2,
.block-info:not( > *.block-invert) h3,
.block-info:not( > *.block-invert) h4,
.block-info:not( > *.block-invert) h5,
.block-info:not( > *.block-invert) h6,
.block-info:not( > *.block-light) h1,
.block-info:not( > *.block-light) h2,
.block-info:not( > *.block-light) h3,
.block-info:not( > *.block-light) h4,
.block-info:not( > *.block-light) h5,
.block-info:not( > *.block-light) h6,
.block-info:not( > *.block-primary) h1,
.block-info:not( > *.block-primary) h2,
.block-info:not( > *.block-primary) h3,
.block-info:not( > *.block-primary) h4,
.block-info:not( > *.block-primary) h5,
.block-info:not( > *.block-primary) h6,
.block-info:not( > *.block-info) h1,
.block-info:not( > *.block-info) h2,
.block-info:not( > *.block-info) h3,
.block-info:not( > *.block-info) h4,
.block-info:not( > *.block-info) h5,
.block-info:not( > *.block-info) h6,
.block-info:not( > *.block-success) h1,
.block-info:not( > *.block-success) h2,
.block-info:not( > *.block-success) h3,
.block-info:not( > *.block-success) h4,
.block-info:not( > *.block-success) h5,
.block-info:not( > *.block-success) h6,
.block-info:not( > *.block-warning) h1,
.block-info:not( > *.block-warning) h2,
.block-info:not( > *.block-warning) h3,
.block-info:not( > *.block-warning) h4,
.block-info:not( > *.block-warning) h5,
.block-info:not( > *.block-warning) h6,
.block-info:not( > *.block-danger) h1,
.block-info:not( > *.block-danger) h2,
.block-info:not( > *.block-danger) h3,
.block-info:not( > *.block-danger) h4,
.block-info:not( > *.block-danger) h5,
.block-info:not( > *.block-danger) h6,
.block-info:not( > *.block-pink) h1,
.block-info:not( > *.block-pink) h2,
.block-info:not( > *.block-pink) h3,
.block-info:not( > *.block-pink) h4,
.block-info:not( > *.block-pink) h5,
.block-info:not( > *.block-pink) h6 {
  color: #fff;
}

.block-info a:not(.btn) {
  color: #fff;
}

.block-info a:not(.btn):focus,
.block-info a:not(.btn):hover {
  color: #e5e5e5;
  text-decoration: none;
}

.color-info {
  color: #1080f2 !important;
}

.block-success {
  background-color: #10cfbd;
  color: white;
}

.block-success:not( > .block-default) h1,
.block-success:not( > .block-default) h2,
.block-success:not( > .block-default) h3,
.block-success:not( > .block-default) h4,
.block-success:not( > .block-default) h5,
.block-success:not( > .block-default) h6,
.block-success:not( > *.block-invert) h1,
.block-success:not( > *.block-invert) h2,
.block-success:not( > *.block-invert) h3,
.block-success:not( > *.block-invert) h4,
.block-success:not( > *.block-invert) h5,
.block-success:not( > *.block-invert) h6,
.block-success:not( > *.block-light) h1,
.block-success:not( > *.block-light) h2,
.block-success:not( > *.block-light) h3,
.block-success:not( > *.block-light) h4,
.block-success:not( > *.block-light) h5,
.block-success:not( > *.block-light) h6,
.block-success:not( > *.block-primary) h1,
.block-success:not( > *.block-primary) h2,
.block-success:not( > *.block-primary) h3,
.block-success:not( > *.block-primary) h4,
.block-success:not( > *.block-primary) h5,
.block-success:not( > *.block-primary) h6,
.block-success:not( > *.block-info) h1,
.block-success:not( > *.block-info) h2,
.block-success:not( > *.block-info) h3,
.block-success:not( > *.block-info) h4,
.block-success:not( > *.block-info) h5,
.block-success:not( > *.block-info) h6,
.block-success:not( > *.block-success) h1,
.block-success:not( > *.block-success) h2,
.block-success:not( > *.block-success) h3,
.block-success:not( > *.block-success) h4,
.block-success:not( > *.block-success) h5,
.block-success:not( > *.block-success) h6,
.block-success:not( > *.block-warning) h1,
.block-success:not( > *.block-warning) h2,
.block-success:not( > *.block-warning) h3,
.block-success:not( > *.block-warning) h4,
.block-success:not( > *.block-warning) h5,
.block-success:not( > *.block-warning) h6,
.block-success:not( > *.block-danger) h1,
.block-success:not( > *.block-danger) h2,
.block-success:not( > *.block-danger) h3,
.block-success:not( > *.block-danger) h4,
.block-success:not( > *.block-danger) h5,
.block-success:not( > *.block-danger) h6,
.block-success:not( > *.block-pink) h1,
.block-success:not( > *.block-pink) h2,
.block-success:not( > *.block-pink) h3,
.block-success:not( > *.block-pink) h4,
.block-success:not( > *.block-pink) h5,
.block-success:not( > *.block-pink) h6 {
  color: #fff;
}

.block-success a:not(.btn) {
  color: #fff;
}

.block-success a:not(.btn):focus,
.block-success a:not(.btn):hover {
  color: #e5e5e5;
  text-decoration: none;
}

.color-success {
  color: #10cfbd !important;
}

.block-warning {
  background-color: #fbb03b;
  color: white;
}

.block-warning:not( > .block-default) h1,
.block-warning:not( > .block-default) h2,
.block-warning:not( > .block-default) h3,
.block-warning:not( > .block-default) h4,
.block-warning:not( > .block-default) h5,
.block-warning:not( > .block-default) h6,
.block-warning:not( > *.block-invert) h1,
.block-warning:not( > *.block-invert) h2,
.block-warning:not( > *.block-invert) h3,
.block-warning:not( > *.block-invert) h4,
.block-warning:not( > *.block-invert) h5,
.block-warning:not( > *.block-invert) h6,
.block-warning:not( > *.block-light) h1,
.block-warning:not( > *.block-light) h2,
.block-warning:not( > *.block-light) h3,
.block-warning:not( > *.block-light) h4,
.block-warning:not( > *.block-light) h5,
.block-warning:not( > *.block-light) h6,
.block-warning:not( > *.block-primary) h1,
.block-warning:not( > *.block-primary) h2,
.block-warning:not( > *.block-primary) h3,
.block-warning:not( > *.block-primary) h4,
.block-warning:not( > *.block-primary) h5,
.block-warning:not( > *.block-primary) h6,
.block-warning:not( > *.block-info) h1,
.block-warning:not( > *.block-info) h2,
.block-warning:not( > *.block-info) h3,
.block-warning:not( > *.block-info) h4,
.block-warning:not( > *.block-info) h5,
.block-warning:not( > *.block-info) h6,
.block-warning:not( > *.block-success) h1,
.block-warning:not( > *.block-success) h2,
.block-warning:not( > *.block-success) h3,
.block-warning:not( > *.block-success) h4,
.block-warning:not( > *.block-success) h5,
.block-warning:not( > *.block-success) h6,
.block-warning:not( > *.block-warning) h1,
.block-warning:not( > *.block-warning) h2,
.block-warning:not( > *.block-warning) h3,
.block-warning:not( > *.block-warning) h4,
.block-warning:not( > *.block-warning) h5,
.block-warning:not( > *.block-warning) h6,
.block-warning:not( > *.block-danger) h1,
.block-warning:not( > *.block-danger) h2,
.block-warning:not( > *.block-danger) h3,
.block-warning:not( > *.block-danger) h4,
.block-warning:not( > *.block-danger) h5,
.block-warning:not( > *.block-danger) h6,
.block-warning:not( > *.block-pink) h1,
.block-warning:not( > *.block-pink) h2,
.block-warning:not( > *.block-pink) h3,
.block-warning:not( > *.block-pink) h4,
.block-warning:not( > *.block-pink) h5,
.block-warning:not( > *.block-pink) h6 {
  color: #fff;
}

.block-warning a:not(.btn) {
  color: #fff;
}

.block-warning a:not(.btn):focus,
.block-warning a:not(.btn):hover {
  color: #e5e5e5;
  text-decoration: none;
}

.color-warning {
  color: #fbb03b !important;
}

.block-danger {
  background-color: #ff5454;
  color: white;
}

.block-danger:not( > .block-default) h1,
.block-danger:not( > .block-default) h2,
.block-danger:not( > .block-default) h3,
.block-danger:not( > .block-default) h4,
.block-danger:not( > .block-default) h5,
.block-danger:not( > .block-default) h6,
.block-danger:not( > *.block-invert) h1,
.block-danger:not( > *.block-invert) h2,
.block-danger:not( > *.block-invert) h3,
.block-danger:not( > *.block-invert) h4,
.block-danger:not( > *.block-invert) h5,
.block-danger:not( > *.block-invert) h6,
.block-danger:not( > *.block-light) h1,
.block-danger:not( > *.block-light) h2,
.block-danger:not( > *.block-light) h3,
.block-danger:not( > *.block-light) h4,
.block-danger:not( > *.block-light) h5,
.block-danger:not( > *.block-light) h6,
.block-danger:not( > *.block-primary) h1,
.block-danger:not( > *.block-primary) h2,
.block-danger:not( > *.block-primary) h3,
.block-danger:not( > *.block-primary) h4,
.block-danger:not( > *.block-primary) h5,
.block-danger:not( > *.block-primary) h6,
.block-danger:not( > *.block-info) h1,
.block-danger:not( > *.block-info) h2,
.block-danger:not( > *.block-info) h3,
.block-danger:not( > *.block-info) h4,
.block-danger:not( > *.block-info) h5,
.block-danger:not( > *.block-info) h6,
.block-danger:not( > *.block-success) h1,
.block-danger:not( > *.block-success) h2,
.block-danger:not( > *.block-success) h3,
.block-danger:not( > *.block-success) h4,
.block-danger:not( > *.block-success) h5,
.block-danger:not( > *.block-success) h6,
.block-danger:not( > *.block-warning) h1,
.block-danger:not( > *.block-warning) h2,
.block-danger:not( > *.block-warning) h3,
.block-danger:not( > *.block-warning) h4,
.block-danger:not( > *.block-warning) h5,
.block-danger:not( > *.block-warning) h6,
.block-danger:not( > *.block-danger) h1,
.block-danger:not( > *.block-danger) h2,
.block-danger:not( > *.block-danger) h3,
.block-danger:not( > *.block-danger) h4,
.block-danger:not( > *.block-danger) h5,
.block-danger:not( > *.block-danger) h6,
.block-danger:not( > *.block-pink) h1,
.block-danger:not( > *.block-pink) h2,
.block-danger:not( > *.block-pink) h3,
.block-danger:not( > *.block-pink) h4,
.block-danger:not( > *.block-pink) h5,
.block-danger:not( > *.block-pink) h6 {
  color: #fff;
}

.block-danger a:not(.btn) {
  color: #fff;
}

.block-danger a:not(.btn):focus,
.block-danger a:not(.btn):hover {
  color: #e5e5e5;
  text-decoration: none;
}

.color-danger {
  color: #ff5454 !important;
}

.block-pink {
  background-color: #ec5298;
  color: white;
}

.block-pink:not( > .block-default) h1,
.block-pink:not( > .block-default) h2,
.block-pink:not( > .block-default) h3,
.block-pink:not( > .block-default) h4,
.block-pink:not( > .block-default) h5,
.block-pink:not( > .block-default) h6,
.block-pink:not( > *.block-invert) h1,
.block-pink:not( > *.block-invert) h2,
.block-pink:not( > *.block-invert) h3,
.block-pink:not( > *.block-invert) h4,
.block-pink:not( > *.block-invert) h5,
.block-pink:not( > *.block-invert) h6,
.block-pink:not( > *.block-light) h1,
.block-pink:not( > *.block-light) h2,
.block-pink:not( > *.block-light) h3,
.block-pink:not( > *.block-light) h4,
.block-pink:not( > *.block-light) h5,
.block-pink:not( > *.block-light) h6,
.block-pink:not( > *.block-primary) h1,
.block-pink:not( > *.block-primary) h2,
.block-pink:not( > *.block-primary) h3,
.block-pink:not( > *.block-primary) h4,
.block-pink:not( > *.block-primary) h5,
.block-pink:not( > *.block-primary) h6,
.block-pink:not( > *.block-info) h1,
.block-pink:not( > *.block-info) h2,
.block-pink:not( > *.block-info) h3,
.block-pink:not( > *.block-info) h4,
.block-pink:not( > *.block-info) h5,
.block-pink:not( > *.block-info) h6,
.block-pink:not( > *.block-success) h1,
.block-pink:not( > *.block-success) h2,
.block-pink:not( > *.block-success) h3,
.block-pink:not( > *.block-success) h4,
.block-pink:not( > *.block-success) h5,
.block-pink:not( > *.block-success) h6,
.block-pink:not( > *.block-warning) h1,
.block-pink:not( > *.block-warning) h2,
.block-pink:not( > *.block-warning) h3,
.block-pink:not( > *.block-warning) h4,
.block-pink:not( > *.block-warning) h5,
.block-pink:not( > *.block-warning) h6,
.block-pink:not( > *.block-danger) h1,
.block-pink:not( > *.block-danger) h2,
.block-pink:not( > *.block-danger) h3,
.block-pink:not( > *.block-danger) h4,
.block-pink:not( > *.block-danger) h5,
.block-pink:not( > *.block-danger) h6,
.block-pink:not( > *.block-pink) h1,
.block-pink:not( > *.block-pink) h2,
.block-pink:not( > *.block-pink) h3,
.block-pink:not( > *.block-pink) h4,
.block-pink:not( > *.block-pink) h5,
.block-pink:not( > *.block-pink) h6 {
  color: #fff;
}

.block-pink a:not(.btn) {
  color: #fff;
}

.block-pink a:not(.btn):focus,
.block-pink a:not(.btn):hover {
  color: #e5e5e5;
  text-decoration: none;
}

.color-pink {
  color: #ec5298 !important;
}

/**
 * font family
 */
.font-default {
  font-family: "Open Sans", Arial, sans-serif;
}

.font-alt {
  font-family: "Open Sans", Arial, sans-serif;
}

.font-sub {
  font-family: Merriweather, "Times New Roman", Times, serif;
}

/**
 * font style
 */
.font-italic {
  font-style: italic;
}

/**
 * font weight
 */
.font-light {
  font-weight: light;
}

.font-normal {
  font-weight: normal;
}

.font-bold {
  font-weight: bold;
}

/**
 * align
 */
.align-r {
  text-align: right !important;
}

.align-l {
  text-align: left !important;
}

.align-c {
  text-align: center !important;
}

@media (min-width: 480px) {
  .align-r-xs-min {
    text-align: right !important;
  }
  .align-l-xs-min {
    text-align: left !important;
  }
  .align-c-xs-min {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .align-r-sm-min {
    text-align: right !important;
  }
  .align-l-sm-min {
    text-align: left !important;
  }
  .align-c-sm-min {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .align-r-md-min {
    text-align: right !important;
  }
  .align-l-md-min {
    text-align: left !important;
  }
  .align-c-md-min {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .align-r-xs-max {
    text-align: right !important;
  }
  .align-l-xs-max {
    text-align: left !important;
  }
  .align-c-xs-max {
    text-align: center !important;
  }
  h2 {font-size: 20px;}
}

@media (max-width: 991px) {
  .align-r-sm-max {
    text-align: right !important;
  }
  .align-l-sm-max {
    text-align: left !important;
  }
  .align-c-sm-max {
    text-align: center !important;
  }
}

@media (max-width: 1199px) {
  .align-r-md-max {
    text-align: right !important;
  }
  .align-l-md-max {
    text-align: left !important;
  }
  .align-c-md-max {
    text-align: center !important;
  }
}

.align-t {
  vertical-align: top !important;
}

.align-m {
  vertical-align: middle !important;
}

.align-b {
  vertical-align: bottom !important;
}

@media (min-width: 480px) {
  .align-t-xs-min {
    vertical-align: top !important;
  }
  .align-m-xs-min {
    vertical-align: middle !important;
  }
  .align-b-xs-min {
    vertical-align: bottom !important;
  }
}

@media (min-width: 768px) {
  .align-t-sm-min {
    vertical-align: top !important;
  }
  .align-m-sm-min {
    vertical-align: middle !important;
  }
  .align-b-sm-min {
    vertical-align: bottom !important;
  }
}

@media (min-width: 992px) {
  .align-t-md-min {
    vertical-align: top !important;
  }
  .align-m-md-min {
    vertical-align: middle !important;
  }
  .align-b-md-min {
    vertical-align: bottom !important;
  }
}

@media (max-width: 767px) {
  .align-t-xs-max {
    vertical-align: top !important;
  }
  .align-m-xs-max {
    vertical-align: middle !important;
  }
  .align-b-xs-max {
    vertical-align: bottom !important;
  }
}

@media (max-width: 991px) {
  .align-t-sm-max {
    vertical-align: top !important;
  }
  .align-m-sm-max {
    vertical-align: middle !important;
  }
  .align-b-sm-max {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1199px) {
  .align-t-md-max {
    vertical-align: top !important;
  }
  .align-m-md-max {
    vertical-align: middle !important;
  }
  .align-b-md-max {
    vertical-align: bottom !important;
  }
}

/**
 * text transform
 */
.text-cap {
  text-transform: capitalize;
}

.text-lower {
  text-transform: lowercase;
}

.text-upper {
  text-transform: uppercase;
}

/**
 * base
 * --------------------------------------------------
 */
*,
*:active:focus,
*:focus {
  outline: 0 !important;
}

*:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

html {
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

body {
  line-height: 1.9;
  background-color: #fff;
  color: #212121;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  body {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 900;
  text-transform: capitalize;
  letter-spacing: 0;
}

ftsz30{
    font-size: 30px;
}


h1 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

@media (min-width: 768px) {
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 14px;
  }
  h6 {
    font-size: 12px;
  }
}



p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

a {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  color: #212121;
}

a:focus,
a:hover {
  color: #373737;
  text-decoration: none;
}

i {
  letter-spacing: 0;
}

.velocity-animating {
  -webkit-transition: none !important;
       -o-transition: none !important;
          transition: none !important;
}

@media (max-width: 767px) {
  .animated {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
  }
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

@media (min-width: 768px) {
  .col-table-cell-middle {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  .col-table-cell-middle:before,
  .col-table-cell-middle:after {
    content: "";
    display: table;
  }
  .col-table-cell-middle:after {
    clear: both;
  }
}

@media (min-width: 768px) {
  .equal-height-table {
    display: table;
    table-layout: fixed;
  }
}

@media (min-width: 768px) {
  .equal-height-table-cell-top {
    display: table-cell;
    vertical-align: top;
  }
}

@media (min-width: 768px) {
  .equal-height-table-cell-middle {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 768px) {
  .equal-height-table-cell-bottom {
    display: table-cell;
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-table {
    display: table;
    table-layout: fixed;
  }
  .row-table > [class*=col-] {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  .container > .row-table {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container > .row-table {
    width: 970px;
  }
  .row-table > [class*=col-].col-md-p-r-1 {
    padding-right: 0;
  }
  .row-table > [class*=col-].col-md-p-l-1 {
    padding-left: 0%;
  }
}

@media (min-width: 1200px) {
  .container > .row-table {
    width: 1170px;
  }
}

@media (max-width: 767px) {
  .container,
  .max-width {
    max-width: 480px;
  }
}

.is-desktop:not(.ie9) [data-sr] {
  visibility: hidden;
}

/**
 * form
 * --------------------------------------------------
 */
.form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #212121;
}

.form-control::-webkit-input-placeholder {
  color: #212121;
}

.form-control::-moz-placeholder {
  color: #212121;
}

.form-control:-ms-input-placeholder {
  color: #212121;
}

.form-control::-ms-input-placeholder {
  color: #212121;
}

form .required {
  position: relative;
}

form .required:after {
  position: absolute;
  top: 15px;
  right: 20px;
  content: "*";
  line-height: 1;
  color: #ff5454;
  font-family: Arial, sans-serif;
  font-size: 20px;
}

form._default .form-group {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 5px 20px;
  background-color: #f4f5f9;
}

form._default .form-label {
  opacity: 0.7;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 900;
  text-transform: capitalize;
  color:#555;
}

form._default .form-control {
  border-width: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  border-color: #212121;
  padding: 0;
  background-color: transparent;
}

form._default textarea {
  resize: vertical;
}

.form-group.error .form-label {
  color: #ff5454;
}

.form-notify {
  margin-top: 20px;
  font-size: 13px;
  text-align: center;
}

.form-notify i {
  margin-right: 10px;
}

/**
 * button
 * --------------------------------------------------
 */
.btn {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  line-height: 1;
  overflow: hidden;
  padding: 17px 24px 17px 25px;
  border-width: 2px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn i {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
  margin-right: 12px;
}

.btn span {
  display: inline-block;
}

.btn span + i {
  margin-right: 0;
  margin-left: 12px;
}

@media (min-width: 768px) {
  .btn {
    padding: 22px 39px 22px 40px;
  }
}

.btn-default {
  border-color: #fff;
  background-color: #fff;
  color: #786de4;
}

.btn-default:focus,
.btn-default:hover {
  border-color: #ededed;
  background-color: #ededed;
  color: #786de4;
}

.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover {
  border-color: #ededed;
  background-color: #ededed;
  color: #786de4;
}

.btn-invert {
  border-color: #212121;
  background-color: #212121;
  color: #fff;
}

.btn-invert:focus,
.btn-invert:hover {
  border-color: #212121, 7%;
  background-color: #303030;
  color: #fff;
}

.btn-invert:active,
.btn-invert:active:focus,
.btn-invert:active:hover {
  border-color: #303030;
  background-color: #303030;
  color: #fff;
}

.btn-primary {
  border-color: #786de4;
  background-color: #786de4;
  color: #fff;
}

.btn-primary:focus,
.btn-primary:hover {
  border-color: #8177e5;
  background-color: #8177e5;
  color: #fff;
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
  border-color: #786de4;
  background-color: #786de4;
  color: #fff;
}

.btn-accent {
  border-color: #786de4;
  background-color: #786de4;
  color: #fff;
}

.btn-accent:focus,
.btn-accent:hover {
  border-color: #8177e5;
  background-color: #8177e5;
  color: #fff;
}

.btn-accent:active,
.btn-accent:active:focus,
.btn-accent:active:hover {
  border-color: #786de4;
  background-color: #786de4;
  color: #fff;
}

.btn-info {
  border-color: #1080f2;
  background-color: #1080f2;
  color: #fff;
}

.btn-info:focus,
.btn-info:hover {
  border-color: #2088f2;
  background-color: #2088f2;
  color: #fff;
}

.btn-info:active,
.btn-info:active:focus,
.btn-info:active:hover {
  border-color: #1080f2;
  background-color: #1080f2;
  color: #fff;
}

.btn-success {
  border-color: #10cfbd;
  background-color: #10cfbd;
  color: #fff;
}

.btn-success:focus,
.btn-success:hover {
  border-color: #20d2c1;
  background-color: #20d2c1;
  color: #fff;
}

.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover {
  border-color: #10cfbd;
  background-color: #10cfbd;
  color: #fff;
}

.btn-warning {
  border-color: #fbb03b;
  background-color: #fbb03b;
  color: #fff;
}

.btn-warning:focus,
.btn-warning:hover {
  border-color: #fbb548;
  background-color: #fbb548;
  color: #fff;
}

.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:active:hover {
  border-color: #fbb03b;
  background-color: #fbb03b;
  color: #fff;
}

.btn-danger {
  border-color: #ff5454;
  background-color: #ff5454;
  color: #fff;
}

.btn-danger:focus,
.btn-danger:hover {
  border-color: #fe5f5f;
  background-color: #fe5f5f;
  color: #fff;
}

.btn-danger:active,
.btn-danger:active:focus,
.btn-danger:active:hover {
  border-color: #ff5454;
  background-color: #ff5454;
  color: #fff;
}

.btn-pink {
  border-color: #ec5298;
  background-color: #ec5298;
  color: #fff;
}

.btn-pink:focus,
.btn-pink:hover {
  border-color: #ed5e9f;
  background-color: #ed5e9f;
  color: #fff;
}

.btn-pink:active,
.btn-pink:active:focus,
.btn-pink:active:hover {
  border-color: #ec5298;
  background-color: #ec5298;
  color: #fff;
}

/**
 * icon list
 * --------------------------------------------------
 */
.icon-list {
  padding-left: 0;
  list-style: none;
}

.icon-list > li {
  margin-bottom: 10px;
}

.icon-list > li > img {
  height: 30px;
  margin-right: 1em;
}

/**
 * iconbox
 * --------------------------------------------------
 */
.icon-box {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .icon-box {
    margin-bottom: 40px;
  }
}

.icon-box-media i {
  height: 48px;
  line-height: 48px;
  font-size: 36px;
}

.icon-box-media img {
  display: block;
  height: 50px;
  line-height: 50px;
}

@media (min-width: 768px) {
  .icon-box-media i {
    height: 56px;
    line-height: 56px;
    font-size: 36px;
  }
  .icon-box-media img {
    display: block;
    height: 56px;
    line-height: 56px;
  }
}

.icon-box._center {
  text-align: center;
}

.icon-box._center .icon-box-media {
  padding-top: 10px;
}

.icon-box._center .icon-box-media img {
  margin-right: auto;
  margin-left: auto;
}

.icon-box._center .icon-box-heading {
  margin-top: 20px;
}

.icon-box._center .icon-box-content {
  margin-top: 20px;
}

.icon-box._left {
  position: relative;
  padding-left: 78px;
  text-align: left;
}

.icon-box._left .icon-box-media {
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .icon-box._left {
    padding-left: 76px;
  }
}

/**
 * site loader
 * --------------------------------------------------
 */
.site-loader {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 900;
  background-color: #10cfbd;
}

.site-loader-spinner {
  -webkit-animation: spinner 0.75s infinite linear;
       -o-animation: spinner 0.75s infinite linear;
          animation: spinner 0.75s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  border: 20px solid #fff;
  border-right-color: transparent;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/**
 * site header
 * --------------------------------------------------
 */
 .nav li{font-family: "Microsoft YaHei" , Georgia, Times, "Times New Roman" , serif;}
.navbar {
  -webkit-transition: all 0.8s ease-in-out;
       -o-transition: all 0.8s ease-in-out;
          transition: all 0.8s ease-in-out;
  -webkit-transition-property: opacity;
       -o-transition-property: opacity;
          transition-property: opacity;
  opacity: 0;
}

.is-loaded .navbar {
  opacity: 1;
}

.navbar {
  height: auto;
  line-height: 56px;
  margin-bottom: 0;
  border-width: 0 0 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .navbar {
    height: 100px;
    line-height: 100px;
    border-bottom: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    font-size: 14px;
    font-weight: 900;
  }
}

.navbar-fixed-top .navbar-collapse {
  max-height: none;
}

.caret {
  margin-top: -3px;
}

.navbar-header {
    padding: 0 15px;
}

@media (max-width: 1199px) {
  .navbar-header {
    padding: 0 15px;
  }
}

.navbar-brand {
  float: none;
  height: auto;
  line-height: inherit;
  padding: 0;
}

.navbar-brand img {
  max-height: 35px;
}

@media (min-width: 992px) {
  .navbar-brand img {
    max-height: 40px;
  }
}

.navbar-brand-wrap {
  display: table;
  height: 56px;
}

@media (min-width: 768px) {
  .navbar-brand-wrap {
    height: 100px;
  }
}

.navbar-brand {
  display: table-cell;
  vertical-align: middle;
}

.navbar-nav > li > a {
  display: inline-block;
  line-height: 1;
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover {
  background-color: transparent;
}

@media (max-width: 767px) {
  .navbar-nav {
    line-height: 56px;
  }
}

@media (max-width: 361px) {
  .navbar-nav {
    line-height: 45px;
  }
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding: 0 10px;
  }
}

@media (min-width: 992px) {
  .navbar-nav > li:not(:last-child) {
    margin-left: 20px;
  }
  .navbar-nav > li > a {
    padding: 0 15px;
  }
}

.navbar-toggle {
  height: 56px;
  margin: 0;
  border: 0;
  padding: 0;
}

.navbar-toggle .icon-bar:nth-child(3) {
  position: relative;
}

.navbar-toggle .icon-bar:nth-child(3):before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  content: "";
  background-color: inherit;
}

.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2),
.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) {
  opacity: 0;
}

.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3):before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (min-width: 768px) {
  .navbar-toggle {
    height: 100px;
  }
}

.navbar-theme .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-theme .navbar-nav > li.active > a {
  color: #fff;
}

.navbar-theme .navbar-nav > li > a {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: color;
       -o-transition-property: color;
          transition-property: color;
  color: rgba(255, 255, 255, 0.5);
}

.navbar-theme .navbar-nav > li > a:hover {
  color: #fff;
}

@media (min-width: 992px) {
  .navbar-theme .navbar-nav > li > a {
    position: relative;
  }
  .navbar-theme .navbar-nav > li > a:after {
    -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
    -webkit-transition-property: -webkit-transform;
         -o-transition-property: -o-transform;
            transition-property: transform;
    -webkit-transform: translateX(-50%) scaleX(0);
        -ms-transform: translateX(-50%) scaleX(0);
         -o-transform: translateX(-50%) scaleX(0);
            transform: translateX(-50%) scaleX(0);
    position: absolute;
    bottom: -14px;
    left: 50%;
    content: "";
    width: 90%;
    height: 4px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    background-color: #786de4;
  }
}

@media (min-width: 768px) {
  .is-scroll .navbar-theme .navbar-nav > li.active > a:after {
    -webkit-transform: translateX(-50%) scaleX(1);
        -ms-transform: translateX(-50%) scaleX(1);
         -o-transform: translateX(-50%) scaleX(1);
            transform: translateX(-50%) scaleX(1);
  }
}

.site-header {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: background-color;
       -o-transition-property: background-color;
          transition-property: background-color;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 800;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.8;
}

.is-scroll .site-header {
  background-color: #212121;
}

@media (max-width: 1199px) {
  .site-header {
    background-color: #212121;
  }
}

@media (max-width: 991px) {
  .navbar-nav > li {
    float: none !important;
  }
  .nav > li > a {
    padding: 10px 15px !important;
  }
  .collapse.collapse {
    display: none !important;
  }
  .collapse.collapse.in {
    display: block !important;
  }
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .navbar-header {
    float: none !important;
  }
  .navbar-toggle {
    display: block !important;
  }
  .navbar-collapse {
    border-top: 1px solid transparent !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }
  .navbar-collapse.collapse {
    overflow-x: visible !important;
  }
  .navbar-right {
    float: none !important;
    margin: 7.5px -15px !important;
    
  }
  .navbar-right li a{
      font-family:"微软雅黑";
  }
}

/* audio icon */
.nav > .audio-toggle {
  display: none;
}

.nav > .audio-toggle a {
  color: #fff !important;
  opacity: 1;
}

.nav > .audio-toggle i {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
       -o-transform: scale(1.25);
          transform: scale(1.25);
  width: 18px;
  text-align: center;
}

.is-audio-on .nav > .audio-toggle,
.is-audio-off .nav > .audio-toggle {
  display: block;
}

.is-audio-on .nav > .audio-toggle a {
  -webkit-animation: audio 1s infinite linear;
       -o-animation: audio 1s infinite linear;
          animation: audio 1s infinite linear;
}
.is-audio-on .nav > .audio-toggle i:before {
  content: "\f028";
}

.is-audio-off .nav > .audio-toggle a {
  opacity: .5;
}

.is-audio-off .nav > .audio-toggle i:before {
  content: "\f026";
}

@-webkit-keyframes audio {
  0% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}

@-o-keyframes audio {
  0% {
    -o-transform: scale(1.25);
       transform: scale(1.25);
  }
  50% {
    -o-transform: scale(1.5);
       transform: scale(1.5);
  }
  100% {
    -o-transform: scale(1.25);
       transform: scale(1.25);
  }
}

@keyframes audio {
  0% {
    -webkit-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
  }
  50% {
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
  }
}

/**
 * common
 * --------------------------------------------------
 */
.site,h3{font-family: '微软雅黑';}
.site,
.site-canvas,
.site-main {
  position: relative;
}

.section {
  position: relative;
  padding: 0px 0;
}

@media (min-width: 768px) {
  .section {
    padding: 0px 0;
  }
}

.section-heading h1,
.section-heading h2 {
  margin-bottom: 15px;
}

.section-heading h5 {
  font-family: Merriweather, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.section-heading p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .section-heading h1,
  .section-heading h2 {
    margin-bottom: 15px;
  }
}

.section-content {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .section-content {
    margin-top: 30px;
  }
}

/**
 * background and effect
 * --------------------------------------------------
 */
.site-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  overflow: hidden;
}

.site-bg-img,
.site-bg-overlay,
.site-bg-effect,
.site-bg-canvas,
.site-bg > canvas {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute !important;
  overflow: hidden;
}

.site-bg-img,
.site-bg-effect,
.site-bg-canvas {
  display: none;
}

.site-bg-img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.is-site-bg-img .site-bg-img {
  display: block;
  background-image: url(../images/yemian/site-bg-img.jpg);
}

.is-site-bg-slideshow .site-bg-img {
  display: block;
}

/**
 * home
 * --------------------------------------------------
 */
/* home section padding */

@media (min-width: 768px) {
  #home {
    padding: 200px 0 180px;
  }
}
@media (max-width: 768px) {
  #home {
    padding: 60px 0 180px;
  }
}


/**
 * pricing
 * --------------------------------------------------
 */
.pricing-table {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

@media (max-width: 767px) {
  .pricing-table {
    margin-top: 30px;
  }
}

.pricing-table-header {
  position: relative;
  padding: 30px 20px;
}

.pricing-table-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  border-top: 60px solid rgba(255, 255, 255, 0.2);
  border-left: 60px solid transparent;
  background-color: transparent;
  color: #fff;
}

.pricing-table-badge i {
  position: absolute;
  top: -51px;
  right: 9px;
  content: "\f001";
  line-height: 1;
  font-family: FontAwesome;
  font-size: 16px;
}

.pricing-table-content {
  background-color: #fff;
}

.pricing-table-footer {
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.pricing-table-list {
  list-style: none;
  padding-left: 0;
}

.pricing-table-list li {
  padding: 12px 20px;
  font-weight: 600;
  text-align: left;
}

.pricing-table-list li:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pricing-table-list li i {
  margin-right: .5em;
  color: #222;
}

.pricing-table-caption {
  font-family: Merriweather, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.pricing-table-title {
  font-size: 32px;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 0;
}

.pricing-table-title span {
  font-size: 18px;
  font-weight: 700;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .pricing-table-title {
    font-size: 48px;
  }
}

.site-footer {
  padding: 10px 0;
  text-align: center;
}

.site-footer-logo {
  margin: 0 auto;
}

.site-footer-social-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.site-footer-social-list li {
  display: inline-block;
  margin: 5px 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .site-footer-social-list {
    margin: 5px 15px;
  }
}


.lh27{
line-height: 27px;}
.jlhzitmlb{margin:50px 0px 20px 0px; width: 100px;font-size: 16px;line-height: 28px;height: 28px;background: #fdfa00;text-align: center;font-weight: bold;}


/*Clients Block*/
.superbox-show {
	text-align:center;
	position:relative;
	background:#333;
	box-shadow:inset 0 1px 5px #111;
	-webkit-box-shadow:inset 0 1px 5px #111;
	-moz-box-shadow:inset 0 1px 5px #111;
	width:100%;
    float:left;
	padding:25px;
	display:none;
}
.superbox-current-img {
	max-width:100%;
	box-shadow:0 1px 4px #222;
	border:1px solid #222;
}
.superbox-img:hover {
	opacity:0.8;
}
.superbox-float {
	float:left;
}
.superbox-close {
	opacity:0.7;
	cursor:pointer;
	position:absolute;
	top:25px;
	right:25px;
	background:url(../img/close.gif) no-repeat center center;
	width:35px;
	height:35px;
}
.superbox-close:hover {
	opacity:1;
}

.superbox-list {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12.5%;
	margin:10px 0; 
	padding:0;
}
.caseitm .imgBox{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
.caseitm .imgBox img{
        position: absolute;
        width: 100%;
}
@media only screen and (min-width: 320px) {
	.superbox-list {
		width:50%;
	}
	.prdtype{width:50%;float:left;}
    .caseitm{width:50%;border: 2px solid #ececec;}
	#caseLst{max-width:100%;}
}
@media only screen and (min-width: 486px) {
	.superbox-list {
		width:25%;
	}
	.prdtype{width:33.33333333%;float:left;}
    .caseitm{width:50%;}
	#caseLst{max-width:100%;}
	.caseLstFrm{padding-left: 0px;
    padding-right: 0px;}
}
@media only screen and (min-width: 768px) {
	.superbox-list {
		width:20%;
	}
	.prdtype{ width:20%;float:left;}
    .caseitm{ width:25%;}
    #flwimg{width:auto !important;}
	#caseLst{max-width:100%;}
	.caseLstFrm{padding-left: 0px;
    padding-right: 0px;}
}
@media only screen and (min-width: 1025px) {
	.prdtype{ width:20%;float:left;}
    .caseitm{ width:25%;}
}
@media only screen and (min-width: 1400px) {
	.prdtype{ width:20%;float:left;}
    .caseitm{ width:20%;}
}
#caseLst{
	margin:0 auto;
}
@media only screen and (max-width: 360px) {
	#ourprd img{ width:100%;}
}

@media only screen and (max-width: 450px) {
    #moreico{ width:80%;}
}

.superbox-img {
	width:70%;
	padding:5% 15%;
    margin: 5px;
	cursor:pointer;
	border:1px solid #000;
	border-radius:5px;
	opacity:0.8;
}
/*Clients Block*/
*
{
    margin: 0;
    padding: 0;
}
.box
{
    width: 100%;
    height: auto;
    line-height: 5;
    text-align: center;
    font-size: 5em;
    color: #fff;
    text-transform: capitalize;
    vertical-align: middle;
}
.pricing-table-list li
{
    font-weight: normal;
}
body
{
    font-family: "Microsoft YaHei", Georgia, Times, "Times New Roman", serif;
}
.topico{position:fixed;display:block;bottom: 0px;right: 0px;}
.chatico1{position:fixed;display:block;bottom: 0px;right: 0px;height: 76px;width: 48px;}
.chatico2{position:fixed;display:block;bottom: 0px;right: 0px;width:40px;}
.clt{position:relative;word-wrap:break-word;word-break:normal;max-width:60%;clear:both;float:left; background:#F0F4F8;border-radius:5px;margin:10px;margin-left:35px;padding:10px;font-size:14px;display:inline-block;}
.clt:before{color:#928989;left: -35px;content:"客服<"; position:absolute;}
.cgt{position:relative;word-wrap:break-word;word-break:normal;max-width:60%;clear:both;float:right;background:#C7EDFC;border-radius:5px;margin:10px;margin-right:40px;padding:10px;font-size:14px;display:inline-block;}
.cgt:after{ color:#00b6ff;right:-22px;top:10px;content: ">我"; position:absolute;}
#ClientInfo
{
    position: fixed;
    z-index: 11;
    background: #fff;
    color:#000;
    text-align: center;
    padding:0px;
    overflow-y: auto;
}
#ClientInfo div:first-child
{
    text-align:left;
    text-indent:0px;
}
#ClientInfo img
{
    margin: 0 auto;
}
.zhezhao
{
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: #000;
    text-align: center;
    visibility: hidden;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.clsbt{font-size: 3em;
    bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;    
    color: #fff;}
.superbox{ margin-bottom:50px;}
.prdtype{margin:15px 0; padding:0; display: inline-block;
    vertical-align: top; text-align:center;
    border-right:1px solid #444;
    
 }
.prdtype div{color:#444;}
.prdtypeC{font-size:16px; font-weight:bold;}
.prdtypeE{font-size:12px;}
.caseitm{margin:0; padding:0; float:left; position: relative;padding-bottom: 40px; box-shadow: 0 0 6px 1px rgb(0 0 0 / 20%);}
.caseitm .wbdsgn{ cursor:pointer;height: 220px;width: 100%;padding:15px;margin: 0px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.caseitm .wbstsnpsht{cursor:pointer;width: 100%;padding:5px;margin: 0px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.caseitmTT{width:100%; text-align:center;bottom:0px; position:absolute;}
.caseitmTT{color:#0e67c3;}
.caseitmTT div{ display:block; float:left; border:1px solid #0e67c3; line-height:20px; margin:2px; padding:1px; }

@media only screen and (max-width: 486px) {
	.caseitmTT a{float:left;border:1px solid #0e67c3;line-height:15px;margin:2px;padding:1px;color:#0e67c3;font-size:11px;}
}
@media only screen and (min-width: 768px) {
	.caseitmTT a{ float:left; border:1px solid #0e67c3; line-height:16px; margin:2px; padding:1px; color:#0e67c3;}
}
.caseitmTT .prdnm{color:#4c5457; border:none;float: unset;}
.container2{width:100%; margin:0; padding:0;}
.caseLstFrm{width:100%; background:#555; display:inline-block;}
.site-footer-copyright{color:#fff;}



/*新增部分*/
.index_banner{
	width: 100%;
	overflow: hidden;
	margin:0 0;
	position: relative;
}
.index_banner video {
	width: 1920px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
.index_banner img {
	/*display: none;*/
}
.index_banner .banner_txt {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 99;
	color: #FFFFFF;
	text-align: center;
	font-size: 24px;
	margin-top: -68px;
}
.banner_txt h1 {
	font-size: 83.7px;
	font-weight: bold;
	text-shadow: 3px 0 4px rgba(0,0,0,0.21);
	margin: 0 0 10px;
}
@media only screen and (max-width: 991px) {
	.index_banner {
		margin: 150px 0 0;
	}
	.index_banner video {
		display: none !important;
	}
	.index_banner img {
		display: block;
		width: 100%;
	}
	.index_banner .banner_txt {
		font-size: 20px;
		margin-top: -54px;
	}
	.banner_txt h1 {
		font-size: 64px;
		margin: 0 0 10px;
	}
}
@media only screen and (max-width: 767px) {
	.index_banner {
		margin: 72px 0 0;
	}
	.index_banner .banner_txt {
		font-size: 14px;
		margin-top: -42px;
	}
	.banner_txt h1 {
		font-size: 30px;
		margin: 0 0 10px;
	}
	.banner_txt p {
		padding: 0 20px;
	}
}
@media only screen and (min-width: 992px) {
	.index_banner {
		height: 758px;
	}
	.index_banner video {
		/*width: 1400px;*/
		width: 100%;
		position: fixed;
		left: 50%;
		top: 0;
		z-index: 1;
		margin-left: -700px;
	}
}
@media only screen and (min-width: 1250px) {
	.index_banner video {
		width: 100%;
		/*width: 1920px;*/
		left: 0;
		margin-left: 0;
	}
}
.carousel-indicators{z-index: 5;}
/*生产设备    产品防伪查询       技术研发*/
.index1 {
	width: 100%;
	height: 360px;
	background-color: #eeeeee;
	position: relative;
	z-index: 10;
	margin-top: 50px;
}
.index1 .index1_banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	top: -100px;
	z-index: 1;
}
.index1_banner .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background: #c6c6c6;
    opacity: 1;
}
.index1_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #428acb;
}
.index1_banner .swiper-container-horizontal>.swiper-pagination-bullets,.index1_banner .swiper-pagination-custom,.index1_banner .swiper-pagination-fraction {
	bottom: 0;
}
.index1_banner .swiper-pagination {
	display: none;
}
.index1 a {
	display: block;
	width: 100%;
	height: 400px;
	background-color: #FFFFFF;
	overflow: hidden;
	padding: 15px 20px 25px;
}
.index1 a:last-of-type {
	margin: 0;
}
.index1 a h3 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 25px;
}
.index1 a .index1_img {
	width: 100%;
	overflow: hidden;
	margin: 10px 0 15px;
}
.index1_img img {
	width: 100%;
	transition: all 1s;
}
.index1 a p {
	width: 100%;
	height: 60px;
	overflow: hidden;
	color: #949494;
	line-height: 20px;
}
.index1 a span {
	display: block;
	width: 70px;
	line-height: 15px;
	color: #949494;
	margin: 40px 0 0;
}
.index1 a:hover {
	box-shadow: 5px 3px 16px rgba(0,0,0,0.22);
	background:#FFFFFF url(../images/yemian/sj.png) no-repeat right bottom;
}
.index1 a:hover span {
	text-decoration: underline !important;
	color: #428acb;
}
.index1 a:hover .index1_img img {
	transform: scale(1.1);
}
@media only screen and (max-width: 991px) {
	.index1 .index1_banner {
		width: 360px;
		margin: 0 auto;
	}
	.index1_banner .swiper-container {
		padding: 0 0 45px;
	}
	.index1_banner .swiper-pagination {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.index1 {
	    height: 420px;margin-top: 30px;
	}
	.index1 .index1_banner {
		width: 335px;
		margin: 0 auto;
		top: -30px;
	}
	.index1_banner .swiper-pagination-bullet {
	    width: 10px;
	    height: 10px;
	}
	.index1 a {
	    height: 400px;
	}
	.index1 a span {
	    margin: 40px 0 0;
	}
}
@media only screen and (min-width: 992px) {
	.index1 .index1_banner {
		width: 780px;
		margin: 0 auto;
	}
	.index1_banner .swiper-container {
		padding: 0 0 45px;
	}
	.index1_banner .swiper-pagination {
		display: block;
	}
}
@media only screen and (min-width: 1250px) {
	.index1 .index1_banner {
		width: 100%;
	}
	.index1_banner .swiper-container {
		padding: 0;
	}
	.index1_banner .swiper-pagination {
		display: none;
	}
}
/*产品中心*/
.index2 {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 70px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 10;
}
.index2 .index2_title {
	width: 100%;
	line-height: 18px;
	overflow: hidden;
	color: #949494;
	text-align: center;
}
.index2_title h1 {
	font-size: 36px;
	color: #000000;
	line-height: 42px;
	margin: 0 0 10px;
}
.index2 .index2_menu {
	width: 375px;
	overflow: hidden;
	margin: 15px auto 20px;
}
.index2_menu li {
	width: 75px;
	line-height: 39px;
	color: #000000;
	float: left;
	font-size: 18px;
	margin: 0 25px;
	cursor: pointer;
	text-align: center;
}
.index2_menu li:hover {
	color: #428acb;
	font-weight: bold;
}
.index2_menu li.active {
	border-bottom: 2px solid #428acb;
	font-weight: bold;
}
.index2 .index2_list {
	width: 100%;
	overflow: hidden;
}
.index2_list li {
	width: 100%;
	overflow: hidden;
	display: none;
}
.index2_list li.active {
	display: block;
}
.index2_list li a {
	display: block;
	width: 288px;
	overflow: hidden;
	float: left;
	margin: 10px 16px 10px 0;
	text-align: center;
}
.index2_list li a:nth-of-type(4n) {
	margin: 10px 0;
}
.index2_list li a .index2_img {
	width: 100%;
	height: 230px;
	overflow: hidden;
	border: 1px solid #dfdfdf;
}
.index2_img img {
	width: 100%;
	transition: all 1s;
}
.index2_list li a h4 {
	width: auto;
	line-height: 24px;
	margin: 10px auto 0;
	height: 25px;
	overflow: hidden;
}
.index2_list li a:hover .index2_img {
	border: 2px solid #428acb;
}
.index2_list li a:hover .index2_img img {
	transform: scale(1.1);
}
.index2_list li a:hover h4 {
	color: #428acb;
	font-weight: bold;
}
.index2_list li a:hover h4 span {
	border-bottom: 1px solid #428acb;
}
.index2 .index2_more {
	display: block;
	width: 145px;
	height: 38px;
	border-bottom: 3px solid #2370b5;
	background-color: #428acb;
	text-align: center;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 16px;
	margin: 20px auto 0;
}
.index2 .index2_more:hover {
	text-decoration: underline !important;
}
@media only screen and (max-width: 991px) {
	.index2 .index2_list {
	    width: 592px;
	    margin: 0 auto;
	}
	.index2_list li a:nth-of-type(2n+1) {
		margin: 10px 16px 10px 0;
	}
	.index2_list li a:nth-of-type(2n) {
		margin: 10px 0;
	}
}
@media only screen and (max-width: 767px) {
	.index2 {
	    padding: 35px 0 40px;
	}
	.index2_title h1 {
	    font-size: 28px;
	    line-height: 35px;
	}
	.index2 .index2_title br {
		display: none;
	}
	.index2 .index2_menu {
	    width: 315px;
	    margin: 10px auto;
	}
	.index2_menu li {
	    margin: 0 15px;
	}
	.index2 .index2_list {
	    width: 100%;
	}
	.index2_list li a {
	    width: calc(50% - 5px);
	    width: -moz-calc(50% - 5px);
	    width: -webkit-calc(50% - 5px);
	}
	.index2_list li a:nth-of-type(2n+1) {
	    margin: 5px 10px 5px 0;
	}
	.index2_list li a:nth-of-type(2n) {
	    margin: 5px 0;
	}
	.index2_list li a .index2_img {
		height: auto;
	}
	.index2_list li a h4 {
	    margin: 5px auto 0;
	    font-size: 12px;
	}
	.index2 .index2_more {
	    width: 115px;
	    height: 33px;
	    line-height: 30px;
	    font-size: 14px;
	    margin: 10px auto 0;
	}
}
@media only screen and (min-width: 992px) {
	.index2 .index2_list {
	    width: 896px;
	    margin: 0 auto;
	}
	.index2_list li a:nth-of-type(3n+1) ,.index2_list li a:nth-of-type(3n+2) {
		margin: 10px 16px 10px 0;
	}
	.index2_list li a:nth-of-type(3n) {
		margin: 10px 0;
	}
}
@media only screen and (min-width: 1250px) {
	.index2 .index2_list {
	    width: 100%;
	}
	.index2_list li a:nth-of-type(4n+1) ,.index2_list li a:nth-of-type(4n+2) ,.index2_list li a:nth-of-type(4n+3) {
		margin: 10px 16px 10px 0;
	}
	.index2_list li a:nth-of-type(4n) {
		margin: 10px 0;
	}
}
/*为什么选择宇联机械*/
.index2_1{padding: 70px 0 69px;background: url(../images/yemian/product-bg.png) no-repeat center top;}
.index2_1 .ys-title{text-align: center;}
.index2_1 .ys-title h3{display: block;font-size: 45px;line-height: 45px;color: #333;}
.index2_1 .ys-title span{display: block;width: 650px;height: 50px;background: #428acb;border-radius: 25px;font-size: 18px;line-height: 50px;color: #fff;margin: 20px auto 50px;}
.index2_1 .ys-list{text-align: center;}
.index2_1 .ys-list .part{padding: 0 40px;background: url(../images/ys-line.png) no-repeat right top;}
.index2_1 .ys-list .part .pic {padding: 6px;border: solid 1px #cfcfcf;border-radius: 50%;margin: 0 auto;width: 120px;height: 120px;box-sizing: content-box;}
.index2_1 .ys-list .part:hover .pic {border-color: #428acb;transition: 0.6s;}
.index2_1 .ys-list .part em {display: block;font-size: 18px;color: #333;margin: 21px 0 8px;}
.index2_1 .ys-list .part:hover em {color: #428acb;}
.index2_1 .ys-list .part p {display: block;font-size: 14px;line-height: 22px;color: #737373;text-align: justify;text-align-last: center;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3; 
    overflow: hidden;  }
/*满足客户*/
.index2_2{background: url(../images/yemian/solution-bg.jpg) no-repeat center top; padding-top: 56px; height: 224px; margin-bottom: 70px;box-sizing: content-box;}
.solution-title{background: url(../images/yemian/solution-title.png) no-repeat center 25px; width: 880px; margin: 0 auto 37px;text-align: center;color: #fff;}
.solution-title span{display: block; width: 477px; height: 50px; background: #fff; border-radius: 25px; font-size: 18px; line-height: 50px; color: #428acb; margin: 0 auto 25px;}
.solution-title h3{display: block; font-size: 36px; line-height: 36px;  font-weight: bold;}
.solution-list ul li{float: left; background: url(../images/yemian/solution-icon.png) no-repeat left center; padding-left: 34px; margin-right: 46px; font-size: 18px; line-height: 18px; color: #fff;}
/*四大优势*/
.c::after {content: "";display: block;height: 0; clear: both;}
.fl {FLOAT: left;}
.txt-c {text-align: center;}
.index2_3{margin-bottom: 70px;}
.fourys-title  h3{display: block; font-size: 45px; line-height: 45px; color: #333333;}
.fourys-title  h3 strong{color: #428acb;}
.index2_3 span{display: block; font-size: 15px; line-height: 15px; color: #737373; margin: 20px 0 51px;}
.fourys-list ul li{/*float: left;*/  border-right: dashed 1px #e6e6e6; border-bottom: dashed 1px #e6e6e6; }
.fourys-list ul li .info {}
.fourys-list ul li .info .num{}
.fourys-list ul li .info .num strong{display: block; font-size: 70px; line-height: 55px; color: #428acb; font-family: arial;}
.fourys-list ul li .info .num span{display: block; font-size: 14px; line-height: 14px; color: #737373; margin: 0;}
.fourys-list ul li .info .num em{display: block; font-size: 36px; line-height: 36px;  color: #333333;}
.fourys-list ul li .info b{display: block; font-size: 24px; line-height: 24px; color: #333333; margin: 29px 0 23px}
.fourys-list ul li .info p{display: block; background: url(../images/yemian/fourys-icon.png) no-repeat left 8px; padding-left: 20px; font-size: 15px; line-height: 26px; color: #737373; text-align: justify; margin-bottom: 17px;}
.fourys-list{margin-bottom: 28px;}
.fourys-list .pic{max-width: 100%;}
.fourys-list .pic img{}
.fourys-list ul li.item1,.fourys-list ul li.item2{height: 565px;}
.fourys-list ul li.item1,.fourys-list ul li.item3{padding-left: 21px; padding-right: 60px;}
.fourys-list ul li.item2,.fourys-list ul li.item4{padding-left: 59px; padding-right: 19px;}
.fourys-list ul li.item1 .info,.fourys-list ul li.item3 .info{margin-bottom: 45px;}
.fourys-list ul li.item2{border-right: none;}
.fourys-list ul li.item2 .pic{margin-bottom: 50px;}
.fourys-list ul li.item3,.fourys-list ul li.item4{border-bottom: none;}
.fourys-list ul li.item3 .info,.fourys-list ul li.item4 .pic{ margin-top: 50px;}
.fourys-list ul li.item4 .pic{margin-bottom: 50px;}
.index-zx{  margin: 0 auto; text-align: center; width: 656px;}
.index-zx span,.index-zx a{display: inline-block; width: 156px; font-size: 15px;  line-height: 46px; border: solid 2px #428acb; background: #428acb; color: #fff}
.index-zx span{ border-top-left-radius: 25px; border-bottom-left-radius: 25px; margin: 0;}
.index-zx a{border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.index-zx a:hover{text-decoration: underline;}
.index-zx b{display: block; font-size: 20px; line-height: 46px;  color: #428acb; border-top: solid 2px #428acb; border-bottom: solid 2px #428acb; font-family: arial; width: 336px;}


@media only screen and (max-width:1800px){
	
}
@media only screen and (max-width:1600px){
	
}
@media only screen and (max-width:1400px){
	
}
@media only screen and (max-width:1300px){
	
}
@media only screen and (max-width:1200px){
	
}
@media only screen and (max-width:1169px){
	
}
@media only screen and (max-width:1000px){
	.index2_1 .ys-title h3{font-size: 25px;}
	.index2_1 .ys-title span {width: 350px;height: 40px; font-size: 15px;line-height: 40px;margin: 15px auto 40px;}
	.index2_1 .ys-list .part{padding: 0 16px;}
	.index2_1 .ys-list .part em {font-size: 15px;margin: 16px 0 6px;}
	.index2_1 .ys-list .part p{margin-bottom: 25px;}
	.index2_1 .ys-list .part:nth-child(2n){background: none;}
	.solution-title {
    background: url(../images/yemian/solution-title.png) no-repeat center 25px;
		background-size: contain;
    width: 350px;
    margin: 0 auto 37px;
}
	.solution-title span {
    width: 300px;
    height: 45px;
    font-size: 12px;
    line-height: 45px;
    margin: 0 auto 10px;
}
	.index2_2{height: 144px;margin-bottom: 30px;}
	.solution-title h3{font-size: 20px;}
	.solution-list{display: none;}
	.fourys-title h3{font-size: 25px;}
	.index2_3 span {font-size: 13px;line-height: 15px; margin: 5px 0 41px;}
	.fourys-list ul li .info .num strong{font-size: 40px;line-height: 40px;}
	.fourys-list ul li .info .num span{font-size: 12px;line-height: 12px;}
	.fourys-list ul li .info .num em{font-size: 20px;line-height: 20px;}
	.fourys-list ul li .info b {
    font-size: 18px;
    line-height: 18px;
    margin: 20px 0 18px;
}
	.fourys-list ul li{border-right: none;}
	.fourys-list ul li.item1 .info, .fourys-list ul li.item3 .info { margin-bottom: 25px;}
	.fourys-list .pic img{width: 100%;height: auto;}
	.fourys-list ul li.item1, .fourys-list ul li.item3 {padding-left: 21px;padding-right: 0px;}
	.fourys-list ul li.item2, .fourys-list ul li.item4 {padding-left: 21px;padding-right: 0px;}
	.fourys-list ul li.item1, .fourys-list ul li.item2 {height: auto;margin-bottom: 20px;padding-bottom: 15px;}
	.fourys-list ul li.item3, .fourys-list ul li.item4 {border-bottom: dashed 1px #e6e6e6;}
	.index-zx {
    margin: 0 auto;
    text-align: center;
    width: 350px;
		display: none;
}
	.index-zx b {
    display: block;
    font-size: 20px;
    line-height: 46px;
    color: #428acb;
    border-top: solid 2px #428acb;
    border-bottom: solid 2px #428acb;
    font-family: arial;
    width: 206px;
}
	.index-zx span{font-size: 15px;line-height: 2;width: 100px;}
	.index-zx a{display: none;}
	.index2_3{margin-bottom: 15px}
}
@media only screen and (max-width:954px){
	
}
@media only screen and (max-width:820px){
	
}
@media only screen and (max-width:768px){
	
}
@media only screen and (max-width:650px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:580px){

}
@media only screen and (max-width:440px){

}
@media only screen and (max-width:390px){

}



/*技术服务*/
.index3 {
	width: 100%;
	height: 330px;
	overflow: hidden;
	background: url(../images/yemian/index3.jpg) no-repeat center center;
	padding: 65px 0 0;
	position: relative;
	z-index: 10;
}
.index3 .index3_txt {
	width: 408px;
	height: 100%;
	color: #FFFFFF;
	float: right;
	text-align: justify;
	line-height: 18px;
}
.index3_txt h1 {
	font-size: 36px;
	margin: 0 0 20px;
}
.index3_txt p {
	margin: 5px 0 0;
}
.index3_txt a {
	display: block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 14px;
	color: #428acb;
	margin: 45px 0 0;
}
.index3_txt a:hover {
	text-decoration: underline !important;
}
@media only screen and (max-width: 991px) {
	.index3 {
		height: 845px;
		background: #428acb url(../images/yemian/index3s.jpg) no-repeat top center;
		background-size: 100%;
		padding: 450px 0 0;
	}
	.index3 .index3_txt {
	    width: 625px;
	    height: 100%;
	    float: none;
	    text-align: center;
	    line-height: 30px;
	    font-size: 22px;
	    margin: 0 auto;
	}
	.index3_txt a {
	    width: 160px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 22px;
	    color: #428acb;
	    margin: 45px auto 0;
	}
}
@media only screen and (max-width: 767px) {
	.index3 {
		height: 300px;
		padding: 30px 0 0;
	}
	.index3 .index3_txt {
	    width: 100%;
	    line-height: 20px;
	    font-size: 12px;
	}
	.index3_txt h1 {
	    font-size: 28px;
	    margin: 0 0 10px;
	}
	.index3_txt a {
	    width: 120px;
	    height: 35px;
	    line-height: 35px;
	    font-size: 14px;
	    margin: 20px auto 0;
	}
}
@media only screen and (min-width: 992px) {
	.index3 .index3_txt {
		width: 300px;
	}
	.index3_txt p {
		text-indent: 24px;
	}
}
@media only screen and (min-width: 1250px) {
	.index3 .index3_txt {
		width: 408px;
	}
}
/*关于我们*/
.index3_2{width: 100%;padding: 50px 0 55px;background-color: #FFFFFF;overflow: hidden;position: relative;z-index: 10;}
.index3_2 .jeisa{text-align: center;line-height: 20px;margin-bottom: 50px;}
.index3_2 .jeisa .gywm{font-size: 36px;color: #000000;line-height: 42px;margin: 0 0 10px;}
.index3_2 .jeisa .ddwa{color: #949494;line-height: 20px;}
.index3_2 .dakwa{display: flex;}
.index3_2 .dy{background-color: #f8f9fa;padding:0 2vw;position: relative;}
.index3_2 .dy::before {
    content: '';
    width: 5px;
    height: 100%;
    position: absolute;
    background: #015ec4;
	left: 0;
}
.index3_2 .dy p{font-size: 22px;color: #2370b5;margin-top: 2vw;}
.index3_2 .dy .content{text-indent: 2em;margin-top: 1vw;font-size: 15px;line-height: 1.8;}
.index3_2 .dy .gdsii{margin-top: 1vw;}
.index3_2 .dy .gdsii a{display: inline-block;font-size: 14px;text-align: center;background-color: #015ec4;color: #fff;height: 36px;line-height: 33px;width: 120px;border: 1px solid transparent;border-color: #007bff;margin-right: 1px;box-sizing: border-box;}
.index3_2 .dy .gdsii a:nth-child(1){border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.index3_2 .dy .gdsii a:nth-child(3){border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.index3_2 .dr img{width: 100%;}
@media only screen and (max-width:1000px){
	.index3_2 .dakwa{display:inherit;}
	.index3_2 .dy .gdsii a:nth-child(2){display: none;}
	.index3_2 .dy::before { width: 3px;}
	.index3_2 .dy {padding: 0 12px;}
	.index3_2 .dy p{font-size: 18px;padding-top: 10px;}
	.index3_2 .dy .content{font-size: 13px;margin-top: 10px;}
	.index3_2 .dr{margin-top: 10px;}
}
/*关于我们*
/*最新消息*/
.index4 {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 55px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 10;
}
.index4 .container {
	padding: 0 0 0 3px;
}
.index4 h1 {
	font-size: 36px;
	color: #000000;
	line-height: 45px;
}
.index4 .index4_list {
	width: 100%;
	overflow: hidden;
	margin: 30px 0 0;
	position: relative;
}
.index4_list a {
	display: block;
	width: 325px;
	height: 137px;
	overflow: hidden;
	float: left;
	margin: 0 50px 0 0;
	border-bottom: 2px solid #428acb;
}
.index4_list a:nth-of-type(3) {
	margin: 0;margin-bottom: 30px;
}
.index4_list a p {
	font-family: arial;
	color: #949494;
	font-size: 14px;
}
.index4_list a .jwzs{margin: 10px 0;}
.index4_list a h3 {
	font-size: 22px;
	color: #666666;
	line-height: 30px;
	margin: 15px 0 0;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis; 
}
.index4_list a:hover h3 {
	color: #000000;
	font-weight: bold;
}
.index4_list .index4_more {
	width: 86px;
	height: 102px;
	overflow: hidden;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/yemian/sj.png) no-repeat right bottom;
	background-size: 100%;
	color: #FFFFFF;
	padding: 63px 0 0 45px;
	font-size: 14px;
	font-weight: bold;
}
.index4_more:hover {
	text-decoration: underline !important;
}
@media only screen and (max-width: 991px) {
	.index4_list .index4_more {
		display: none;
	}
	.index4 h1 {
	    text-align: center;
	}
	.index4 .index4_list {
		width: 500px;
		margin: 30px auto 0;
	}
	.index4_list a {
		width: 100%;
		margin: 0 0 40px;
		position: relative;
	}
	.index4_list a:before {
		background: url(../images/yemian/sj.png) no-repeat right bottom;
    	background-size: 100%;
		display: block;
		content: '更多';
		width: 60px;
    	height: 71px;
    	position: absolute;
    	right: 0;
    	bottom: 0;
    	color: #FFFFFF;
    	padding: 42px 7px 0;
    	text-align: right;
    	display: none;
	}
	.index4_list a:hover:before {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.index4 {
	    padding: 34px 0 40px;
	}
	.index4 h1 {
	    font-size: 28px;
	    line-height: 35px;
	}
	.index4 .index4_list {
		width: 100%;
		margin: 30px auto 0;
	}
	.index4_list a {
		float: none;
		margin: 0 0 20px;
		height: 110px;
	}
	.index4_list a h3 {
	    font-size: 20px;
	    line-height: 25px;
	    margin: 5px 0 0;
	}
}
@media only screen and (min-width: 992px) {
	.index4_list a {
		width: 302px;
		margin: 0 30px 0 0;
	}
	.index4_list .index4_more {
		display: none;
	}
}
@media only screen and (min-width: 1250px) {
	.index4_list a {
		width: 325px;
		margin: 0 50px 30px 0;
	}
	.index4_list .index4_more {
		display: block;
	}
}
.product li {
    list-style: none;
    float: left;
    width: 50%;
    padding: 1px;
}
.product li img{width:100%;height:auto;}
.product li a {
    display: block;
    color: #000;
    text-align: left;
}
.dTpic{ margin:0px !important;
        padding:1px !important;}