main {
  width: 100%;
  overflow: hidden;
  position: relative
}

main.isend {
  background: #fff
}

.globalcont {
  margin: 0 0 10rem 0
}

@media only screen and (max-width: 768px) {
  .globalcont {
    margin: 0 0 2rem 0;
    padding: 0 5vw
  }
}

.globalcont p.left {
  text-align: left !important
}

.globalcont .inner {
  max-width: 1200px;
  margin: auto;
  padding: 0 8vw;
  background: #fff;
  padding: 5%
}

.globalcont .title {
  text-align: center;
  margin: 0 0 3rem 0
}

.globalcont .title h2.bart {
  text-align: center;
  margin: 0 0 2rem 0;
  font-size: 2rem
}

@media only screen and (max-width: 768px) {
  .globalcont .title h2.bart {
    font-size: 1.5rem
  }
}

.globalcont .title p {
  text-align: center
}

@media only screen and (max-width: 768px) {
  .globalcont .title p {
    text-align: left
  }

  .globalcont .title p br {
    display: none
  }
}

.singletxt {
  font-weight: 500;
  padding: 0 5rem 3rem 5rem
}

.sekou_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10rem 0
}

.sekou_flex.sig {
  margin: 0;
  padding: 0 5rem 0 5rem
}

@media only screen and (max-width: 768px) {
  .sekou_flex {
    display: block;
    margin: 0 0 3rem 0
  }
}

.sekou_flex.picks {
  margin: 0;
  padding: 5rem
}

.sekou_flex.picks.sig {
  margin: 0;
  padding: 5rem 5rem 0 5rem
}

@media only screen and (max-width: 768px) {
  .sekou_flex.picks {
    padding: 0
  }
}

.sekou_flex.picks .box {
  width: 48%
}

@media only screen and (max-width: 768px) {
  .sekou_flex.picks .box {
    width: 100%
  }
}

.sekou_flex .box {
  width: 30%
}

@media only screen and (max-width: 768px) {
  .sekou_flex .box {
    width: 100%;
    margin: 0 0 2rem 0
  }
}

.sekou_flex .box .image {
  margin: 0 0 1rem 0
}

.sekou_flex .box .txt h3 {
  font-weight: bold;
  margin: 0 0 1rem 0
}

.sekou_flex .box .txt h3 span {
  display: block;
  font-size: 1rem
}

.widetxt {
  padding: 0 5%
}

.pickups {
  background: #eee;
  padding: 5rem;
  position: relative
}

@media only screen and (max-width: 768px) {
  .pickups {
    padding: 5%
  }
}

.pickups .icon {
  position: absolute;
  top: -3rem;
  left: -6rem;
  width: 120px;
  height: 120px;
  background: #e54689;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem
}

.pickups .icon.blue {
  background: #3d75dc
}

@media only screen and (max-width: 768px) {
  .pickups .icon {
    width: 60px;
    height: 60px;
    top: -2rem;
    left: 0
  }
}

.globalint_box {
  margin: 0 0 5rem 0
}

@media only screen and (max-width: 768px) {
  .globalint_box {
    margin: 0 0 2rem 0
  }
}

.globalint_box .mainbox {
  display: flex;
  justify-content: space-between;
  border: 1px solid #31955b;
  position: relative;
  cursor: pointer
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox {
    display: block
  }
}

.globalint_box .mainbox:hover .icons {
  background: #31955b;
  color: #fff
}

.globalint_box .mainbox:hover .icons i {
  color: #fff
}

.globalint_box .mainbox.active i {
  transform: rotate(45deg)
}

.globalint_box .mainbox .country {
  width: 25%;
  padding: 3rem;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .country {
    width: 100%;
    text-align: center
  }
}

.globalint_box .mainbox .country p.en {
  font-size: 5rem;
  font-weight: 300;
  margin: 0 0 2rem 0;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .country p.en {
    font-size: 3rem;
    margin: 0 0 0 0;
    text-align: center
  }
}

.globalint_box .mainbox .country .flag {
  width: 100px
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .country .flag {
    margin: auto
  }
}

.globalint_box .mainbox .thumb {
  width: 30%
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .thumb {
    margin: auto;
    width: 50%
  }
}

.globalint_box .mainbox .thumb_flex {
  padding: 3rem 0;
  display: flex;
  width: 65%;
  justify-content: space-between;
  align-items: center;
  border-right: 1px solid #31955b
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .thumb_flex {
    width: 100%;
    display: block;
    border-right: 0;
    padding: 0 0 3rem 0;
    border-bottom: 1px solid #31955b
  }
}

.globalint_box .mainbox .txts {
  flex: 1;
  text-align: left;
  width: 100%;
  padding: 0 0 0 5rem
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .txts {
    padding: 1rem 0 0 0;
    text-align: center
  }
}

.globalint_box .mainbox .txts h3 {
  font-weight: bold;
  font-size: 2rem;
  position: relative
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .txts h3 {
    font-size: 1.6rem
  }
}

.globalint_box .mainbox .txts h3:after {
  content: "";
  width: 3rem;
  height: 1px;
  display: block;
  background: #000;
  margin: 1rem 0
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .txts h3:after {
    margin: 1rem auto
  }
}

.globalint_box .mainbox .txts .prof {
  font-size: 1.2rem;
  text-align: left
}

.globalint_box .mainbox .txts .prof p {
  text-align: left
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .txts .prof {
    text-align: center !important
  }

  .globalint_box .mainbox .txts .prof p {
    text-align: center
  }

  .globalint_box .mainbox .txts .prof br {
    display: block
  }
}

.globalint_box .mainbox .icons {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31955b
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .icons {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .icons p {
    display: flex;
    justify-content: center;
    align-items: center
  }
}

.globalint_box .mainbox .icons i {
  display: block;
  font-size: 3rem
}

@media only screen and (max-width: 768px) {
  .globalint_box .mainbox .icons i {
    margin: 0 1rem 0 0
  }
}

.globalint_box .mainbox .icons span {
  display: block
}

.int_cont {
  padding: 5%;
  border: 1px solid #31955b;
  border-top: none
}

.int_cont .int_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 0 5rem 0
}

@media only screen and (max-width: 768px) {
  .int_cont .int_flex {
    display: block;
    margin: 0 0 2rem 0
  }
}

.int_cont .int_flex.rv {
  flex-direction: row-reverse
}

.int_cont .int_flex .txts {
  width: 50%;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .int_cont .int_flex .txts {
    width: 100%
  }
}

.int_cont .int_flex .txts h3 {
  font-weight: bold;
  font-size: 2.2rem;
  margin: 0 0 1rem 0;
  color: #31955b
}

@media only screen and (max-width: 768px) {
  .int_cont .int_flex .txts h3 {
    font-size: 1.6rem
  }
}

.int_cont .int_flex .txts p {
  margin: 0 0 1em 0;
  text-align: left
}

.int_cont .int_flex .image {
  width: 45%
}

@media only screen and (max-width: 768px) {
  .int_cont .int_flex .image {
    width: 100%
  }
}

.qacont {
  background: #4b9a69;
  padding: 5%;
  color: #fff
}

.qacont h3 {
  font-weight: bold;
  font-size: 3rem;
  text-align: center;
  margin: 0 0 5rem 0
}

@media only screen and (max-width: 768px) {
  .qacont h3 {
    font-size: 2rem;
    margin: 0 0 2rem 0
  }
}

.qacont .qa_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 0 5rem 0;
  align-items: center
}

@media only screen and (max-width: 768px) {
  .qacont .qa_flex {
    margin: 0 0 2rem 0;
    display: block
  }
}

.qacont .qa_flex .txts {
  width: 54%;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .qacont .qa_flex .txts {
    width: 100%;
    margin: 0 0 1rem 0
  }
}

.qacont .qa_flex .txts.wide {
  width: 100%
}

.qacont .qa_flex .txts .num {
  font-size: 5rem
}

@media only screen and (max-width: 768px) {
  .qacont .qa_flex .txts .num {
    font-size: 3rem
  }
}

.qacont .qa_flex .txts h4 {
  font-weight: 500;
  position: relative;
  font-size: 1.8rem
}

@media only screen and (max-width: 768px) {
  .qacont .qa_flex .txts h4 {
    font-size: 1.6rem
  }
}

.qacont .qa_flex .txts h4:after {
  content: "";
  width: 5rem;
  height: 1px;
  display: block;
  margin: 2rem 0;
  background: #fff
}

@media only screen and (max-width: 768px) {
  .qacont .qa_flex .txts h4:after {
    margin: 1rem 0
  }
}

.qacont .qa_flex .txts p {
  text-align: left
}

.qacont .qa_flex .image {
  width: 42%
}

@media only screen and (max-width: 768px) {
  .qacont .qa_flex .image {
    width: 100%
  }
}

.intbox {
  display: none
}

.lastcont h2 {
  border: 1px solid #31955b;
  padding: 2rem;
  color: #31955b;
  font-weight: bold;
  margin: 0 0 3rem 0;
  font-size: 2rem
}

@media only screen and (max-width: 768px) {
  .lastcont h2 {
    font-size: 1.6rem;
    margin: 0 0 2rem 0
  }
}

.lastcont .lead {
  margin: 0 0 3rem 0
}

.lastcont h4 {
  color: #31955b;
  font-size: 1.8rem;
  margin: 0 0 2rem 0;
  font-weight: bold
}

@media only screen and (max-width: 768px) {
  .lastcont h4 {
    font-size: 1.6rem
  }
}