/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/* Variables and Classes ================================================================================================ */
.clearafter {
  content: "";
  display: block;
  clear: both;
}

.vcenter {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.backface {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#subbox1 {
  background-image: url(../images/bg19.jpg);
}

#subbox1 .sw > div {
  width: 600px;
}

#subbox1 .sw > div a {
  background: #0985ff;
  width: auto;
  height: inherit;
  display: inline-block;
  z-index: 10;
}

#subbox1 .sw > div a:hover {
  background: #2392ff;
  color: #fff;
}

@media screen and (max-width: 1336px) {
  #subbox1 .sw > div {
    width: 600px;
  }

  #subbox1 .sw > div h1 {
    font-size: 50px;
  }

  #subbox1 {
    background-position: -1100px center;
  }
}
@media screen and (max-width: 1012px) {
  #subbox1 .sw > div a {
    display: block;
    width: 190px;
    margin: 0 auto;
    margin-top: 40px;
  }
}
#box2 {
  padding-top: 100px;
  padding-bottom: 80px;
}

#panel .sw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
}

#panel .sw > div {
  width: calc(32.8% - 60px);
  color: #fff;
  padding: 40px 30px 40px 30px;
  font-size: 24px;
  text-align: center;
  line-height: 1.3;
}

#panel .sw > div:nth-child(1) {
  background: #FF9A1F;
}

#panel .sw > div:nth-child(2) {
  background: #132441;
}

#panel .sw > div:nth-child(3) {
  background: #fdcf04;
}

@media screen and (max-width: 1650px) {
  #panel .sw > div {
    font-size: 22px;
  }
}
@media screen and (max-width: 1336px) {
  #panel .sw > div {
    font-size: 26px;
  }
}
@media screen and (max-width: 1012px) {
  #panel .sw {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding: 0;
  }

  #panel .sw > div {
    width: calc(100% - 60px);
    padding: 40px 30px 40px 30px;
  }
}
#box3 .sw > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#box3 .sw > div > div {
  padding: 100px 10% 100px 10%;
  width: 30%;
  position: relative;
}

#box3 h2 {
  font-size: 40px;
  padding-bottom: 30px;
}

#box3 li {
  margin-bottom: 10px;
}

#box3 .sw > div > div:nth-child(1):after, #box3 .sw > div > div:nth-child(2):after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e9eb+0,ffffff+100 */
  background: #e8e9eb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e8e9eb), to(#ffffff));
  background: -o-linear-gradient(top, #e8e9eb 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #e8e9eb 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e8e9eb", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
}

#box3 .sw > div > div:nth-child(1):after {
  display: none;
}

@media screen and (max-width: 1650px) {
  #box3 .sw > div > div:nth-child(1):after {
    display: block;
    right: 15px;
    left: inherit;
  }

  #box3 .sw > div > div:nth-child(2):after {
    display: none;
  }
}
@media screen and (max-width: 1336px) {
  #box3 .sw > div > div {
    padding: 100px 5% 100px 5%;
    width: 40%;
  }
}
@media screen and (max-width: 1012px) {
  #box3 .sw > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #box3 .sw > div > div {
    padding: 60px 0 40px 0;
    width: 100%;
  }

  #box3 .sw > div > div:nth-child(1):after {
    height: 1px;
    width: 100%;
    right: inherit;
    left: 0;
    background: #e8e9eb;
    top: inherit;
    bottom: 0;
  }
}
.swbluebox2 {
  padding-top: 0;
  padding-bottom: 110px;
}

.swbluebox2 .bluebox {
  background: url(../images/bg20.jpg);
}

@media screen and (max-width: 1650px) {
  .swbluebox2 {
    padding-bottom: 0;
  }
}
#box5 {
  padding-bottom: 120px;
  padding-top: 110px;
}

#box5 .threeboxes a {
  background-color: #fff;
}

#box6 {
  padding-bottom: 60px;
  padding-top: 120px;
}

.swbluebox4 {
  padding-top: 0;
  padding-bottom: 110px;
}

.swbluebox4 .bluebox {
  background: url(../images/bg21.jpg);
}

@media screen and (max-width: 1650px) {
  .swbluebox4 {
    padding-bottom: 0;
  }
}