.g-page_center {
  position: relative; }

.why-forcis {
  overflow: hidden;
  background: url(/img/light-bg.jpg) repeat center top;
  padding: 80px 55px 80px 60px;
  -webkit-background-size: cover;
  background-size: cover; }
  .why-forcis .m-leaf-1 {
    left: 68%;
    top: 21%; }
    .why-forcis .m-leaf-1 IMG {
      -webkit-transform: scale(-0.7, 0.7) rotate(-5deg);
      -moz-transform: scale(-0.7, 0.7) rotate(-5deg);
      -ms-transform: scale(-0.7, 0.7) rotate(-5deg);
      -o-transform: scale(-0.7, 0.7) rotate(-5deg);
      transform: scale(-0.7, 0.7) rotate(-5deg); }
  .why-forcis .m-leaf-2 {
    left: 1%;
    top: 30%; }
  .why-forcis .m-row:after {
    content: "";
    display: block;
    clear: both; }
  .why-forcis .m-row.m-last {
    margin-bottom: 100px; }
  .why-forcis .m-col {
    width: 43%;
    float: left; }
  .why-forcis_title {
    text-align: center;
    margin-bottom: 0; }
  .why-forcis_subtitle {
    text-align: center;
    font: 24px/1.4em pt_sans_italic;
    color: #808080;
    margin-bottom: 85px; }
  .why-forcis_item {
    position: relative; }
    .why-forcis_item.m-tile-1 {
      margin-right: 10%; }
      .why-forcis_item.m-tile-1 .why-forcis_icon {
        top: -2px;
        left: -3px; }
        .why-forcis_item.m-tile-1 .why-forcis_icon .svg {
          width: 72px;
          height: 68px; }
    .why-forcis_item.m-tile-2 .why-forcis_icon {
      top: 4px;
      left: 15px; }
    .why-forcis_item.m-tile-3 {
      float: right;
      margin-top: -12%;
      top: 5px;
      width: 40%; }
      .why-forcis_item.m-tile-3 .why-forcis_icon {
        top: 3px;
        left: 10px; }
    .why-forcis_item.m-tile-4 {
      margin-left: 10px; }
      .why-forcis_item.m-tile-4 .why-forcis_icon {
        top: 4px;
        left: -2px; }
    .why-forcis_item.m-tile-5 {
      margin-top: 8%;
      margin-left: 6%;
      width: 45%; }
      .why-forcis_item.m-tile-5 .why-forcis_icon {
        top: 4px;
        left: 21px; }
    .why-forcis_item.m-tile-6 {
      margin-top: 6%; }
      .why-forcis_item.m-tile-6 .why-forcis_icon {
        top: 1px;
        left: 5px; }
    .why-forcis_item.m-tile-7 {
      margin-top: 13%;
      margin-left: 7%; }
      .why-forcis_item.m-tile-7 .why-forcis_icon {
        top: -10px;
        left: 6px; }
    .why-forcis_item.m-tile-8 {
      width: auto;
      text-align: center;
      top: -5px;
      left: -65px; }
      .why-forcis_item.m-tile-8 IMG {
        width: 100%;
        max-width: 643px;
        max-height: 481px; }
  .why-forcis_icon {
    position: absolute;
    top: 0;
    left: 0; }
  .why-forcis_descr {
    font: 16px/1.5em pt_sans;
    color: #000;
    padding-left: 85px; }
    .why-forcis_descr-title {
      font: 30px/1em pt_sans_bold;
      color: #009976;
      margin-bottom: 21px; }

.read-more {
  padding: 35px 65px; }
  .read-more_link {
    text-transform: uppercase;
    color: #393939;
    font: 14px/1.4em pt_sans_bold;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.2em; }
    .read-more_link.article {
      font: 20px/27px pt_sans_bold;
      color: #009976;
      float: right;
      letter-spacing: 0.1em; }

/*animation  */
.anim-r, .anim-l, .anim-box {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  overflow: visible !important;
  -webkit-transition: all 1s ease-out 250ms;
  -moz-transition: all 1s ease-out 250ms;
  -ms-transition: all 1s ease-out 250ms;
  -o-transition: all 1s ease-out 250ms;
  transition: all 1s ease-out 250ms; }

.anim-r {
  -webkit-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  -o-transform: translateX(-200px);
  transform: translateX(-200px);
  opacity: 0; }
  .anim-r.m-delay-1 {
    -webkit-transition: all 1s ease-out 1s;
    -moz-transition: all 1s ease-out 1s;
    -ms-transition: all 1s ease-out 1s;
    -o-transition: all 1s ease-out 1s;
    transition: all 1s ease-out 1s; }

.anim-l {
  -webkit-transform: translateX(200px);
  -moz-transform: translateX(200px);
  -ms-transform: translateX(200px);
  -o-transform: translateX(200px);
  transform: translateX(200px);
  opacity: 0; }
  .anim-l.m-delay-2 {
    -webkit-transition: all 1s ease-out 1s;
    -moz-transition: all 1s ease-out 1s;
    -ms-transition: all 1s ease-out 1s;
    -o-transition: all 1s ease-out 1s;
    transition: all 1s ease-out 1s; }
  .anim-l.m-delay-3 {
    -webkit-transition: all 1s ease-out 2s;
    -moz-transition: all 1s ease-out 2s;
    -ms-transition: all 1s ease-out 2s;
    -o-transition: all 1s ease-out 2s;
    transition: all 1s ease-out 2s; }

.anim-box {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 1s ease-out 100ms;
  -moz-transition: all 1s ease-out 100ms;
  -ms-transition: all 1s ease-out 100ms;
  -o-transition: all 1s ease-out 100ms;
  transition: all 1s ease-out 100ms; }

/* appear */
.anim-r.appeared, .anim-l.appeared {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1; }

.anim-b.appeared, .anim-t.appeared {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }

.anim-box.appeared {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/* media */
@media screen and (max-width: 700px) {
  .why-forcis {
    background-repeat: repeat-y;
    background-attachment: scroll;
    padding: 200px 20px 40px;
    /* appear */ }
    .why-forcis .m-leaf-1, .why-forcis .m-leaf-2 {
      display: none; }
    .why-forcis .a-nowrap {
      white-space: normal; }
    .why-forcis .m-row.m-box {
      position: absolute;
      top: 6%; }
    .why-forcis .m-col {
      width: 100%; }
    .why-forcis H1 {
      font-size: 38px;
      line-height: 0.9em;
      margin-bottom: 20px; }
      .why-forcis H1 i {
        font-size: 58px;
        line-height: 0.62em; }
    .why-forcis_subtitle {
      font: 18px/1.2em pt_sans_italic;
      margin-bottom: 95%; }
    .why-forcis_item {
      margin-bottom: 40px;
      position: relative; }
      .why-forcis_item.m-tile-1 {
        margin-right: 0; }
      .why-forcis_item.m-tile-3 {
        float: left;
        margin-top: 0%;
        top: 0px;
        width: auto; }
      .why-forcis_item.m-tile-4 {
        margin-left: 0; }
      .why-forcis_item.m-tile-5 {
        margin-top: 0;
        margin-left: 0;
        width: auto; }
      .why-forcis_item.m-tile-6 {
        margin-top: 0; }
      .why-forcis_item.m-tile-7 {
        margin-top: 0;
        margin-left: 0; }
      .why-forcis_item.m-tile-8 {
        width: auto;
        text-align: center;
        top: 0;
        left: 0;
        margin-bottom: 0; }
        .why-forcis_item.m-tile-8 IMG {
          min-width: 318px;
          min-height: 240px; }
    .why-forcis .anim-r {
      -webkit-transform: translateX(-100px);
      -moz-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
      -o-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 0;
      -webkit-transition: all 1s ease-out 100ms;
      -moz-transition: all 1s ease-out 100ms;
      -ms-transition: all 1s ease-out 100ms;
      -o-transition: all 1s ease-out 100ms;
      transition: all 1s ease-out 100ms; }
      .why-forcis .anim-r.m-delay-1 {
        -webkit-transition: all 1s ease-out 2s;
        -moz-transition: all 1s ease-out 2s;
        -ms-transition: all 1s ease-out 2s;
        -o-transition: all 1s ease-out 2s;
        transition: all 1s ease-out 2s; }
    .why-forcis .anim-l {
      -webkit-transform: translateX(100px);
      -moz-transform: translateX(100px);
      -ms-transform: translateX(100px);
      -o-transform: translateX(100px);
      transform: translateX(100px);
      opacity: 0;
      -webkit-transition: all 1s ease-out 100ms;
      -moz-transition: all 1s ease-out 100ms;
      -ms-transition: all 1s ease-out 100ms;
      -o-transition: all 1s ease-out 100ms;
      transition: all 1s ease-out 100ms; }
      .why-forcis .anim-l.m-delay-2 {
        -webkit-transition: all 1s ease-out 3s;
        -moz-transition: all 1s ease-out 3s;
        -ms-transition: all 1s ease-out 3s;
        -o-transition: all 1s ease-out 3s;
        transition: all 1s ease-out 3s; }
      .why-forcis .anim-l.m-delay-3 {
        -webkit-transition: all 1s ease-out 100ms;
        -moz-transition: all 1s ease-out 100ms;
        -ms-transition: all 1s ease-out 100ms;
        -o-transition: all 1s ease-out 100ms;
        transition: all 1s ease-out 100ms; }
    .why-forcis .anim-box {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0;
      -webkit-transition: all 1s ease-out 200ms;
      -moz-transition: all 1s ease-out 200ms;
      -ms-transition: all 1s ease-out 200ms;
      -o-transition: all 1s ease-out 200ms;
      transition: all 1s ease-out 200ms; }
    .why-forcis .anim-r.appeared, .why-forcis .anim-l.appeared {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; }
    .why-forcis .anim-box.appeared {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1; }

  .read-more {
    padding: 35px 25px; }
    .read-more_link {
      font: 12px/1.2em pt_sans_bold; }
      .read-more_link.article {
        font: 16px/22px pt_sans_bold; } }
@media screen and (min-width: 700px) and (max-width: 1200px) {
  .why-forcis {
    background-repeat: repeat-y;
    background-attachment: scroll;
    padding: 200px 30px 20px 30px;
    /* appear */ }
    .why-forcis .m-leaf-2 {
      left: 1%;
      top: 30%;
      z-index: 1; }
    .why-forcis .a-nowrap {
      white-space: normal; }
    .why-forcis .m-col {
      width: 47%; }
    .why-forcis_item {
      position: relative; }
      .why-forcis_item.m-tile-1 {
        margin-right: 5%; }
      .why-forcis_item.m-tile-3 {
        float: right;
        margin-top: 3%;
        top: -35px;
        width: 50%; }
      .why-forcis_item.m-tile-4 {
        margin-left: 0px;
        top: -100px; }
      .why-forcis_item.m-tile-5 {
        margin-top: 10%;
        margin-left: 5%;
        width: 45%; }
      .why-forcis_item.m-tile-6 {
        margin-top: -7%; }
      .why-forcis_item.m-tile-7 {
        margin-top: 12%;
        margin-left: 5%; }
      .why-forcis_item.m-tile-8 {
        width: auto;
        text-align: center;
        top: -5px;
        left: -85px; }
        .why-forcis_item.m-tile-8 IMG {
          width: 100%;
          max-width: 480px;
          max-height: 363px; }
    .why-forcis .anim-r {
      -webkit-transform: translateX(-100px);
      -moz-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
      -o-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 0;
      -webkit-transition: all 1s ease-out 200ms;
      -moz-transition: all 1s ease-out 200ms;
      -ms-transition: all 1s ease-out 200ms;
      -o-transition: all 1s ease-out 200ms;
      transition: all 1s ease-out 200ms; }
      .why-forcis .anim-r.m-delay-1 {
        -webkit-transition: all 1s ease-out 200ms;
        -moz-transition: all 1s ease-out 200ms;
        -ms-transition: all 1s ease-out 200ms;
        -o-transition: all 1s ease-out 200ms;
        transition: all 1s ease-out 200ms; }
    .why-forcis .anim-l {
      -webkit-transform: translateX(100px);
      -moz-transform: translateX(100px);
      -ms-transform: translateX(100px);
      -o-transform: translateX(100px);
      transform: translateX(100px);
      opacity: 0;
      -webkit-transition: all 1s ease-out 200ms;
      -moz-transition: all 1s ease-out 200ms;
      -ms-transition: all 1s ease-out 200ms;
      -o-transition: all 1s ease-out 200ms;
      transition: all 1s ease-out 200ms; }
      .why-forcis .anim-l.m-delay-2 {
        -webkit-transition: all 1s ease-out 200ms;
        -moz-transition: all 1s ease-out 200ms;
        -ms-transition: all 1s ease-out 200ms;
        -o-transition: all 1s ease-out 200ms;
        transition: all 1s ease-out 200ms; }
      .why-forcis .anim-l.m-delay-3 {
        -webkit-transition: all 1s ease-out 200ms;
        -moz-transition: all 1s ease-out 200ms;
        -ms-transition: all 1s ease-out 200ms;
        -o-transition: all 1s ease-out 200ms;
        transition: all 1s ease-out 200ms; }
    .why-forcis .anim-box {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0;
      -webkit-transition: all 1s ease-out 100ms;
      -moz-transition: all 1s ease-out 100ms;
      -ms-transition: all 1s ease-out 100ms;
      -o-transition: all 1s ease-out 100ms;
      transition: all 1s ease-out 100ms; }
    .why-forcis .anim-r.appeared, .why-forcis .anim-l.appeared {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; }
    .why-forcis .anim-b.appeared, .why-forcis .anim-t.appeared {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1; }
    .why-forcis .anim-box.appeared {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
    .why-forcis .read-more {
      padding: 30px 55px;
      text-align: center; }
      .why-forcis .read-more_link {
        font: 14px/1.2em pt_sans_bold;
        vertical-align: baseline; }
        .why-forcis .read-more_link:first-child {
          margin-bottom: 20px;
          display: block; }
        .why-forcis .read-more_link.article {
          font: 20px/27px pt_sans_bold;
          float: none; } }