@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

.header_wrapper {
  width: 100%;
  height: 70px;
  background: white;
  position: fixed;
  z-index: 99999;
  top: 0;
  border-bottom: 1px solid #e0e0e0; }

.munu_l {
  width: 1px;
  height: 70px;
  background: #c0c0c0;
  float: left;
  opacity: 0.3; }

.hamburg-open {
  right: 0% !important;
  -moz-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  -ms-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  -webkit-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  transform: rotate(0deg) translate3d(0px, 0px, 0px); }

.hamburg .aaa, .hamburg .bbb, .hamburg .ccc {
  display: block;
  width: 80%;
  margin: 0 auto;
  height: 5px;
  background: #555;
  margin-bottom: 6px;
  margin-top: 6px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  -ms-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  -webkit-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  transform: rotate(0deg) translate3d(0px, 0px, 0px); }

.active .aaa {
  display: block;
  width: 80%;
  margin: 0 auto;
  height: 5px;
  background: #E36B2A;
  margin-bottom: 6px;
  margin-top: 6px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: rotate(405deg) translate3d(8px, 8px, 0px);
  -ms-transform: rotate(405deg) translate3d(8px, 8px, 0px);
  -webkit-transform: rotate(405deg) translate3d(8px, 8px, 0px);
  transform: rotate(405deg) translate3d(8px, 8px, 0px); }
.active .bbb {
  display: block;
  width: 80%;
  margin: 0 auto;
  height: 5px;
  background: #E36B2A;
  margin-bottom: 6px;
  margin-top: 6px;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  -ms-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  -webkit-transform: rotate(0deg) translate3d(0px, 0px, 0px);
  transform: rotate(0deg) translate3d(0px, 0px, 0px);
  opacity: 0; }
.active .ccc {
  display: block;
  width: 80%;
  margin: 0 auto;
  height: 5px;
  background: #E36B2A;
  margin-bottom: 6px;
  margin-top: 6px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: rotate(-405deg) translate3d(8px, -8px, 0px);
  -ms-transform: rotate(-405deg) translate3d(8px, -8px, 0px);
  -webkit-transform: rotate(-405deg) translate3d(8px, -8px, 0px);
  transform: rotate(-405deg) translate3d(8px, -8px, 0px); }

.top {
  position: relative; }
  @media (min-width: 0px) {
    .top {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .top:after {
        content: " ";
        display: block;
        clear: both; }
      .top .menu {
        display: none; }
      .top .logo {
        position: absolute;
        width: 120px;
        left: 50%;
        margin-left: -60px;
        top: 5px;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
      .top .hamburg {
        position: absolute;
        height: 40px;
        width: 40px;
        top: 12px;
        right: 10px;
        cursor: pointer; }
      .top .aside {
        position: absolute;
        width: 100%;
        height: 2000px;
        background: rgba(0, 0, 0, 0.8);
        padding-top: 10px;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        right: -100%;
        top: 70px; }
        .top .aside ul li a {
          display: block;
          width: 100%;
          line-height: 1.4;
          padding: 15px 0;
          text-align: center;
          color: #FFF;
          font-size: 13px;
          border-bottom: 1px dashed #444; }
      .top .language, .top .lan_dropdown, .top .contactus {
        display: none; }
      .top .lancon {
        margin: 20px; }
        .top .lancon select {
          display: block;
          width: 100%;
          height: 40px;
          padding: 10px;
          font-size: 12px !important;
          color: #999;
          background-color: #fff;
          border: 1px solid #999;
          border-radius: 0;
          outline: none;
          margin-bottom: 10px !important;
          -webkit-appearance: none;
          -moz-appearance: window;
          background: url("../images/arrow.png") no-repeat right 12px; } }
  @media (min-width: 520px) {
    .top {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .top:after {
        content: " ";
        display: block;
        clear: both; }
      .top .menu {
        display: none; }
      .top .logo {
        position: absolute;
        width: 120px;
        left: 50%;
        margin-left: -60px;
        top: 5px;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
      .top .hamburg {
        position: absolute;
        height: 40px;
        width: 40px;
        top: 12px;
        right: 10px;
        cursor: pointer; }
      .top .aside {
        position: absolute;
        width: 100%;
        height: 2000px;
        background: rgba(0, 0, 0, 0.8);
        padding-top: 10px;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        right: -100%;
        top: 70px; }
        .top .aside ul li a {
          display: block;
          width: 100%;
          line-height: 1.4;
          padding: 15px 0;
          text-align: center;
          color: #FFF;
          font-size: 15px;
          border-bottom: 1px dashed #444; }
      .top .language, .top .lan_dropdown, .top .contactus {
        display: none; } }
  @media (min-width: 920px) {
    .top {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      height: 65px; }
      .top:after {
        content: " ";
        display: block;
        clear: both; }
      .top .logo {
        position: absolute;
        width: 120px;
        left: 125px;
        top: 5px;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
      .top .menu {
        display: block;
        width: 750px;
        position: absolute;
        height: 50px;
        right: 30px;
        top: 35px; }
        .top .menu ul li {
          display: block;
          float: right;
          text-align: left;
          position: relative;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .top .menu ul li a {
            display: block;
            color: #888;
            padding: 0 30px 0 0;
            font-size: 15px;
            line-height: 1.2;
            height: 35px; }
            .top .menu ul li a:hover {
              color: #E46B2A; }
          .top .menu ul li:hover ul {
            visibility: visible;
            opacity: 1; }
          .top .menu ul li ul {
            position: absolute;
            display: block;
            width: 140px;
            border-top: 3px solid #E36B2A;
            visibility: hidden;
            opacity: 0;
            top: 28px;
            left: -10px;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            -webkit-transition: all 0.5s;
            transition: all 0.5s; }
            .top .menu ul li ul li {
              padding: 0px; }
              .top .menu ul li ul li a {
                display: block;
                height: auto;
                width: 140px;
                color: #222;
                background: rgba(224, 224, 224, 0.9);
                border-bottom: 1px solid #c0c0c0;
                line-height: 1.5;
                font-size: 13px;
                padding: 13px 0;
                text-align: center;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s; }
                .top .menu ul li ul li a:hover {
                  color: #E36B2A; }
      .top .contactus {
        position: absolute;
        display: block;
        height: 21px;
        position: absolute;
        font-size: 13px;
        cursor: pointer;
        right: 170px;
        top: 0px; }
        .top .contactus a {
          display: block;
          color: #c0c0c0;
          padding: 0px 10px;
          background: #888;
          line-height: 21px;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .top .contactus a:hover {
            color: #FFF; }
      .top .language {
        display: block;
        position: absolute;
        height: 21px;
        right: 50px;
        top: 0px;
        color: #c0c0c0;
        padding: 0px 10px;
        line-height: 20px;
        background: #888;
        font-size: 13px;
        cursor: pointer; }
        .top .language select {
          display: block;
          float: right;
          width: 80px;
          margin-left: 5px;
          background: none;
          color: #c0c0c0;
          -webkit-appearance: none;
          -moz-appearance: window;
          background: url("../images/arrow2.png") no-repeat 68px 4px; }
          .top .language select option {
            display: block;
            background: #e0e0e0; }
      .top .lan_dropdown {
        display: block;
        position: absolute;
        height: 0;
        top: 50px;
        right: 10px;
        overflow: hidden;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .top .lan_dropdown ul li a {
          display: block;
          font-size: 13px !important;
          color: #FFF !important;
          line-height: 30px !important;
          padding: 0 20px !important;
          background: #555;
          text-align: center;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .top .lan_dropdown ul li a:hover {
            background: #888;
            color: #fff; }
      .top .hamburg {
        display: none; }
      .top .aside {
        display: none; } }

.drop_open {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 120px !important; }

@media (min-width: 0px) {
  .slide_logo {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    height: 84px;
    padding-left: 2%; }
    .slide_logo:after {
      content: " ";
      display: block;
      clear: both; } }
.slide_logo .slide_logo_text img {
  display: block;
  width: 70px;
  float: left;
  margin-right: 10px; }
.slide_logo .slide_logo_text h6 {
  padding-top: 10px;
  text-align: left;
  font-size: 17px; }
.slide_logo .slide_logo_text a {
  color: #fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .slide_logo .slide_logo_text a:hover {
    color: #E36B2A; }

@media (min-width: 520px) {
  .slide_logo {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    height: 84px;
    padding-left: 4%; }
    .slide_logo:after {
      content: " ";
      display: block;
      clear: both; } }
.slide_logo .slide_logo_text img {
  display: block;
  width: 60px;
  float: left;
  margin-right: 10px; }
.slide_logo .slide_logo_text h6 {
  padding-top: 10px;
  text-align: left; }
.slide_logo .slide_logo_text a {
  color: #fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .slide_logo .slide_logo_text a:hover {
    color: #E36B2A; }

@media (min-width: 920px) {
  .slide_logo {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0 84px;
    height: 50px; }
    .slide_logo:after {
      content: " ";
      display: block;
      clear: both; } }
.slide_logo .slide_logo_text img {
  display: block;
  width: 70px;
  float: left;
  margin-right: 10px; }
.slide_logo .slide_logo_text h6 {
  padding-top: 14px;
  text-align: left; }
.slide_logo .slide_logo_text a {
  color: #fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .slide_logo .slide_logo_text a:hover {
    color: #E36B2A; }

.newest_event {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px; }
  @media (min-width: 0px) {
    .newest_event {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .newest_event:after {
        content: " ";
        display: block;
        clear: both; }
      .newest_event .text {
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
        .newest_event .text img {
          display: block;
          margin: 0 auto; }
        .newest_event .text h6 {
          padding-top: 20px;
          text-align: center; }
        .newest_event .text a {
          color: #888;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .newest_event .text a:hover {
            color: #E36B2A; } }
  @media (min-width: 520px) {
    .newest_event {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .newest_event:after {
        content: " ";
        display: block;
        clear: both; }
      .newest_event .text {
        width: 96.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%; }
        .newest_event .text img {
          display: block;
          width: 50px;
          float: left;
          margin-right: 30px; }
        .newest_event .text h6 {
          padding-top: 14px;
          text-align: left; } }
  @media (min-width: 920px) {
    .newest_event {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .newest_event:after {
        content: " ";
        display: block;
        clear: both; }
      .newest_event .text {
        width: 95.83333%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .newest_event .text img {
          display: block;
          width: 50px;
          float: left;
          margin-right: 30px; }
        .newest_event .text h6 {
          padding-top: 14px;
          text-align: left; } }

.pillar {
  padding: 0 20px; }
  @media (min-width: 0px) {
    .pillar {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px; }
      .pillar:after {
        content: " ";
        display: block;
        clear: both; }
      .pillar .pillar_a {
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        margin-bottom: 30px; }
        .pillar .pillar_a img {
          width: 100%;
          margin-bottom: 10px; }
        .pillar .pillar_a a {
          display: block;
          margin-top: 10px;
          color: #E36B2A;
          text-decoration: underline; }
          .pillar .pillar_a a:hover {
            color: #830E17; } }
  @media (min-width: 520px) {
    .pillar {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px; }
      .pillar:after {
        content: " ";
        display: block;
        clear: both; }
      .pillar .pillar_a {
        width: 29.52065%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%; }
        .pillar .pillar_a img {
          width: 100%;
          margin-bottom: 10px; }
        .pillar .pillar_a a {
          display: block;
          margin-top: 10px;
          color: #E36B2A;
          text-decoration: underline; }
          .pillar .pillar_a a:hover {
            color: #830E17; } }
  @media (min-width: 920px) {
    .pillar {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px; }
      .pillar:after {
        content: " ";
        display: block;
        clear: both; }
      .pillar .pillar_a {
        width: 29.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .pillar .pillar_a img {
          width: 100%;
          margin-bottom: 10px; }
        .pillar .pillar_a a {
          display: block;
          margin-top: 10px;
          color: #E36B2A;
          text-decoration: underline; }
          .pillar .pillar_a a:hover {
            color: #888; } }

.service {
  margin-bottom: 60px; }
  @media (min-width: 0px) {
    .service {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px; }
      .service:after {
        content: " ";
        display: block;
        clear: both; }
      .service .service_a {
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        text-align: center;
        margin-bottom: 40px; }
        .service .service_a a {
          display: block;
          width: 120px;
          height: 120px;
          margin: 0 auto;
          padding: 20px;
          padding-top: 30px;
          margin-bottom: 10px;
          border: 1px solid #c0c0c0;
          border-radius: 50%; } }
  @media (min-width: 520px) {
    .service {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px; }
      .service:after {
        content: " ";
        display: block;
        clear: both; }
      .service .service_a {
        width: 29.44565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%;
        text-align: center; }
        .service .service_a a {
          display: block;
          width: 120px;
          height: 120px;
          margin: 0 auto;
          padding: 20px;
          padding-top: 30px;
          margin-bottom: 10px;
          border: 1px solid #c0c0c0;
          border-radius: 50%; } }
  @media (min-width: 920px) {
    .service {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px; }
      .service:after {
        content: " ";
        display: block;
        clear: both; }
      .service .service_a {
        width: 29.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%;
        text-align: center; }
        .service .service_a a {
          display: block;
          width: 120px;
          height: 120px;
          margin: 0 auto;
          padding: 20px;
          padding-top: 30px;
          margin-bottom: 10px;
          border: 1px solid #c0c0c0;
          border-radius: 50%;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .service .service_a a:hover {
            background: #e0e0e0;
            border: 1px solid #FFF; } }

.white_wrapper {
  margin-top: 400px;
  width: 100%;
  background: #FFF;
  padding-top: 50px; }

.white_wrapper-app {
  margin-top: 300px;
  width: 100%;
  background: #FFF; }

.leftmenu_on a {
  display: block;
  font-size: 15px !important;
  padding-bottom: 5px !important;
  margin-bottom: 30px !important;
  color: #888 !important;
  border-bottom: 2px solid #FFF !important;
  color: #ED832D !important;
  font-weight: bold !important; }

.leftmenu_on_mobile a {
  display: block;
  font-size: 16px !important;
  padding-bottom: 5px !important;
  margin-bottom: 30px !important;
  color: #888 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  color: #ED832D !important;
  font-weight: bold !important; }

.slides li {
  display: block;
  position: relative; }

.cookiebar {
  position: fixed;
  bottom: 0;
  background-color: #975a21;
  width: 100%;
  padding: 20px 0 20px 0;
  opacity: 0.9; }
  .cookiebar p {
    text-align: left;
    font-size: 12px;
    color: #fff;
    width: 80%;
    padding-left: 10%; }
  .cookiebar a {
    color: #fff;
    text-decoration: underline; }
  .cookiebar .continuebutton {
    width: 26px;
    height: 25px;
    position: absolute;
    background: url("../images/close_cookie_bar.png") no-repeat left bottom;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    right: 5%;
    font-size: 12px; }

.cookiebar p {
  width: 90%; }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .company_main_photo_1, .company_main_photo_2,
  .company_main_photo_3, .company_main_photo_4 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background-size: cover !important;
    margin-bottom: 30px;
    padding-top: 150px; }
    .company_main_photo_1:after, .company_main_photo_2:after,
    .company_main_photo_3:after, .company_main_photo_4:after {
      content: " ";
      display: block;
      clear: both; }
    .company_main_photo_1 h1, .company_main_photo_2 h1,
    .company_main_photo_3 h1, .company_main_photo_4 h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .company_main_photo_1, .company_main_photo_2,
  .company_main_photo_3, .company_main_photo_4 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background-size: cover !important;
    margin-bottom: 30px;
    padding-top: 150px; }
    .company_main_photo_1:after, .company_main_photo_2:after,
    .company_main_photo_3:after, .company_main_photo_4:after {
      content: " ";
      display: block;
      clear: both; }
    .company_main_photo_1 h1, .company_main_photo_2 h1,
    .company_main_photo_3 h1, .company_main_photo_4 h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .company_main_photo_1, .company_main_photo_2,
  .company_main_photo_3, .company_main_photo_4 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background-size: cover !important;
    margin-bottom: 40px;
    padding-top: 200px; }
    .company_main_photo_1:after, .company_main_photo_2:after,
    .company_main_photo_3:after, .company_main_photo_4:after {
      content: " ";
      display: block;
      clear: both; }
    .company_main_photo_1 h1, .company_main_photo_2 h1,
    .company_main_photo_3 h1, .company_main_photo_4 h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

.photo_1 {
  background: url("../images/company_top_01.jpg") bottom; }

.photo_2 {
  background: url("../images/company_top_02.jpg") center; }

.photo_3 {
  background: url("../images/company_top_03.jpg") center; }

.photo_4 {
  background: url("../images/company_top_04.jpg") center; }

.company {
  padding-bottom: 70px; }
  @media (min-width: 0px) {
    .company {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .company:after {
        content: " ";
        display: block;
        clear: both; }
      .company .submenu {
        display: none; }
      .company .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
        .company .submenu_mobile ul li a {
          display: block;
          font-size: 15px;
          text-align: center;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          border-bottom: 1px solid #e0e0e0; }
      .company .content {
        padding: 0 20px;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .company .content h2 {
          margin-bottom: 20px;
          text-align: center; }
        .company .content p {
          margin-bottom: 10px; }
        .company .content .team_member {
          margin-bottom: 30px;
          border-bottom: 1px dashed #c0c0c0;
          padding: 20px 0;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .company .content .team_member .foto {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            margin-bottom: 20px; }
            .company .content .team_member .foto img {
              width: 100%;
              border-radius: 50%; }
          .company .content .team_member p {
            margin-left: 0px; }
          .company .content .team_member h6 {
            text-align: center; }
          .company .content .team_member h5 {
            text-align: center;
            font-size: 18px;
            color: #E36B2A; }
        .company .content .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .company .content .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center; }
        .company .content .partners {
          padding: 0 20px;
          width: 98.33333%;
          float: left;
          margin-left: 0.83333%;
          margin-right: 0.83333%; }
          .company .content .partners .ttt_banner {
            height: 50px;
            padding: 10px;
            text-align: center;
            margin-bottom: 40px;
            border-bottom: 1px solid #c0c0c0; }
          .company .content .partners .pal {
            width: 98.33333%;
            float: left;
            margin-left: 0.83333%;
            margin-right: 0.83333%;
            margin-bottom: 40px; }
            .company .content .partners .pal .foto {
              width: 40%;
              margin: 0 auto; }
              .company .content .partners .pal .foto img {
                width: 100%;
                margin-bottom: 20px; }
            .company .content .partners .pal .description {
              width: 100%; }
              .company .content .partners .pal .description h5 {
                text-align: center; } }
  @media (min-width: 520px) {
    .company {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .company:after {
        content: " ";
        display: block;
        clear: both; }
      .company .submenu {
        display: none; }
      .company .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 21.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%; }
        .company .submenu_mobile ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3; }
      .company .content {
        padding: 0 20px;
        width: 71.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .company .content h2 {
          margin-bottom: 20px;
          text-align: left; }
        .company .content p {
          margin-bottom: 10px; }
        .company .content .team_member {
          margin-bottom: 30px;
          border-bottom: 1px dashed #c0c0c0;
          padding: 20px 0;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .company .content .team_member .foto {
            width: 100px;
            height: 100px;
            float: left;
            margin-right: 40px; }
            .company .content .team_member .foto img {
              width: 100%;
              border-radius: 50%; }
          .company .content .team_member p {
            margin-left: 140px; }
          .company .content .team_member h6, .company .content .team_member h5 {
            text-align: left; }
        .company .content .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .company .content .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px; }
        .company .content .partners {
          padding: 0 20px;
          width: 96.19565%;
          float: left;
          margin-left: 1.90217%;
          margin-right: 1.90217%; }
          .company .content .partners .ttt_banner {
            height: 50px;
            padding: 10px;
            text-align: left;
            margin-bottom: 40px;
            border-bottom: 1px solid #c0c0c0; }
          .company .content .partners .pal {
            width: 96.19565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%;
            margin-bottom: 40px; }
            .company .content .partners .pal .foto {
              width: 40%;
              margin: 0 auto; }
              .company .content .partners .pal .foto img {
                width: 100%;
                margin-bottom: 20px; }
            .company .content .partners .pal .description {
              width: 100%; }
              .company .content .partners .pal .description h5 {
                text-align: center; } }
  @media (min-width: 920px) {
    .company {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .company:after {
        content: " ";
        display: block;
        clear: both; }
      .company .submenu_mobile {
        display: none; }
      .company .submenu {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 12.5%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .company .submenu ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .company .submenu ul li a:hover {
            color: #ED832D;
            border-bottom: 2px solid #ED832D; }
      .company .content {
        padding: 0 20px;
        width: 79.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .company .content h2 {
          margin-bottom: 20px; }
        .company .content p {
          margin-bottom: 10p; }
        .company .content .team_member {
          margin-bottom: 30px;
          border-bottom: 1px dashed #c0c0c0;
          padding: 20px 0;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .company .content .team_member .foto {
            width: 100px;
            height: 100px;
            float: left;
            margin-right: 40px; }
            .company .content .team_member .foto img {
              width: 100%;
              border-radius: 50%; }
          .company .content .team_member p {
            margin-left: 140px; }
          .company .content .team_member h6, .company .content .team_member h5 {
            text-align: left; }
        .company .content .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .company .content .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            .company .content .send a:hover {
              background: #888; }
        .company .content .office h6 {
          color: #ED832D; }
        .company .content .partners {
          padding: 0 20px;
          width: 95.83333%;
          float: left;
          margin-left: 2.08333%;
          margin-right: 2.08333%; }
          .company .content .partners .ttt_banner {
            height: 50px;
            margin-top: 0;
            border-bottom: 1px solid #c0c0c0;
            padding: 10px;
            text-align: left;
            margin-bottom: 40px; }
          .company .content .partners .pal {
            width: 45.83333%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%;
            margin-bottom: 40px; }
            .company .content .partners .pal .foto {
              width: 30%;
              float: left;
              padding-right: 30px; }
              .company .content .partners .pal .foto img {
                width: 100%; }
            .company .content .partners .pal .description {
              width: 70%;
              float: left; }
              .company .content .partners .pal .description h5 {
                text-align: left; } }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type='text'] {
  width: 100%;
  padding: 10px 10px 12px 100px;
  font-size: 12px;
  color: #555;
  border: 1px solid #999;
  background-color: #fff; }

.demo5 {
  margin-bottom: 5px;
  width: 100%; }
  @media (min-width: 0px) {
    .demo5 {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .demo5:after {
        content: " ";
        display: block;
        clear: both; }
      .demo5 .css {
        width: 100%;
        position: relative;
        margin-right: 1%;
        margin-bottom: 10px; }
      .demo5 .css input {
        transition: 0.1s all linear; }
      .demo5 .css label {
        position: absolute;
        top: 13px;
        left: 15px;
        font-size: 12px;
        color: #aaa;
        transition: 0.1s all linear;
        cursor: text; }
      .demo5 .css.active label {
        top: 8px;
        left: 10px;
        padding: 5px;
        color: #fff;
        font-size: 13px;
        background: #88857d; }
      .demo5 .percent {
        width: 100%; }
      .demo5 textarea {
        display: block;
        width: 100%;
        height: 150px;
        padding: 10px;
        font-size: 12px;
        color: #999;
        border: 1px solid #999;
        background-color: #fff;
        margin-bottom: 30px !important; } }
  @media (min-width: 520px) {
    .demo5 {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .demo5:after {
        content: " ";
        display: block;
        clear: both; }
      .demo5 .css {
        width: 49%;
        position: relative;
        float: left;
        margin-right: 1%; }
      .demo5 .css input {
        transition: 0.1s all linear;
        width: 100%; }
      .demo5 .css label {
        position: absolute;
        top: 13px;
        left: 15px;
        font-size: 12px;
        color: #aaa;
        transition: 0.1s all linear;
        cursor: text; }
      .demo5 .css.active label {
        top: 8px;
        left: 10px;
        padding: 5px;
        color: #fff;
        font-size: 13px;
        background: #88857d; }
      .demo5 .percent {
        width: 99%; }
      .demo5 textarea {
        display: block;
        width: 100%;
        height: 150px;
        padding: 10px;
        font-size: 12px;
        color: #999;
        border: 1px solid #999;
        background-color: #fff;
        margin-bottom: 30px !important; } }
  @media (min-width: 920px) {
    .demo5 {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .demo5:after {
        content: " ";
        display: block;
        clear: both; }
      .demo5 .css {
        width: 40%;
        position: relative;
        float: left;
        margin-right: 1%; }
      .demo5 .css input {
        transition: 0.1s all linear; }
      .demo5 .css label {
        position: absolute;
        top: 13px;
        left: 15px;
        font-size: 12px;
        color: #aaa;
        transition: 0.1s all linear;
        cursor: text; }
      .demo5 .css.active label {
        top: 8px;
        left: 10px;
        padding: 5px;
        color: #fff;
        font-size: 13px;
        background: #88857d; }
      .demo5 .percent {
        width: 81%; }
      .demo5 textarea {
        display: block;
        width: 81%;
        height: 150px;
        padding: 10px;
        font-size: 12px;
        color: #999;
        border: 1px solid #999;
        background-color: #fff;
        margin-bottom: 30px !important; } }

@media (min-width: 0px) {
  .ssl {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-right: 1%;
    float: left;
    border: 1px solid #999;
    margin-bottom: 15px; }
    .ssl:after {
      content: " ";
      display: block;
      clear: both; }
    .ssl select {
      display: block;
      width: 100%;
      height: 40px;
      padding: 10px;
      font-size: 12px !important;
      color: #999;
      background-color: #fff;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url("../images/arrow.png") no-repeat right 12px; } }
@media (min-width: 520px) {
  .ssl {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    width: 49%;
    margin-right: 1%;
    float: left;
    border: 1px solid #999;
    margin-bottom: 15px; }
    .ssl:after {
      content: " ";
      display: block;
      clear: both; }
    .ssl select {
      display: block;
      width: 100%;
      height: 40px;
      padding: 10px;
      font-size: 12px !important;
      color: #999;
      background-color: #fff;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url("../images/arrow.png") no-repeat right 12px; } }
@media (min-width: 920px) {
  .ssl {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    margin-right: 1%;
    float: left;
    border: 1px solid #999;
    margin-bottom: 15px; }
    .ssl:after {
      content: " ";
      display: block;
      clear: both; }
    .ssl select {
      display: block;
      width: 100%;
      height: 40px;
      padding: 10px;
      font-size: 12px !important;
      color: #999;
      background-color: #fff;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url("../images/arrow.png") no-repeat right 12px; } }

.ss2 {
  display: block; }
  @media (min-width: 0px) {
    .ss2 {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      margin-left: 0;
      border: 1px solid #999;
      margin-bottom: 15px; }
      .ss2:after {
        content: " ";
        display: block;
        clear: both; }
      .ss2 select {
        display: block;
        width: 100%;
        height: 40px;
        padding: 10px;
        font-size: 12px !important;
        color: #999;
        background-color: #fff;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url("../images/arrow.png") no-repeat right 12px; } }
  @media (min-width: 520px) {
    .ss2 {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto;
      width: 99%;
      border: 1px solid #999;
      margin-bottom: 15px; }
      .ss2:after {
        content: " ";
        display: block;
        clear: both; }
      .ss2 select {
        display: block;
        width: 100%;
        height: 40px;
        padding: 10px;
        font-size: 12px !important;
        color: #999;
        background-color: #fff;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url("../images/arrow.png") no-repeat right 12px; } }
  @media (min-width: 920px) {
    .ss2 {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      width: 81%;
      margin-left: 0;
      border: 1px solid #999;
      margin-bottom: 15px; }
      .ss2:after {
        content: " ";
        display: block;
        clear: both; }
      .ss2 select {
        display: block;
        width: 100%;
        height: 40px;
        padding: 10px;
        font-size: 12px !important;
        color: #999;
        background-color: #fff;
        border-radius: 0;
        outline: none;
        margin-bottom: 0px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url("../images/arrow.png") no-repeat right 12px; } }

.w_49 {
  width: 49%; }

@media (min-width: 0px) {
  .w_100 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important; }
    .w_100:after {
      content: " ";
      display: block;
      clear: both; } }
@media (min-width: 520px) {
  .w_100 {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important; }
    .w_100:after {
      content: " ";
      display: block;
      clear: both; } }
@media (min-width: 920px) {
  .w_100 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 81% !important; }
    .w_100:after {
      content: " ";
      display: block;
      clear: both; } }

.ttb_bg1 {
  background: url("../images/tb_01.jpg") !important; }

.ttb_bg2 {
  background: url("../images/tb_02.jpg") !important; }

.ttb_bg3 {
  background: url("../images/tb_03.jpg") !important; }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .resource_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_02.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .resource_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .resource_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .resource_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_02.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .resource_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .resource_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .resource_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_02.jpg") center;
    margin-bottom: 40px;
    padding-top: 200px; }
    .resource_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .resource_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

.resource {
  padding-bottom: 70px; }
  @media (min-width: 0px) {
    .resource {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .resource:after {
        content: " ";
        display: block;
        clear: both; }
      .resource .submenu {
        display: none; }
      .resource .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
        .resource .submenu_mobile ul li a {
          display: block;
          font-size: 15px;
          text-align: center;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          border-bottom: 1px solid #e0e0e0; }
      .resource .video {
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        padding: 0 20px; }
        .resource .video .picture {
          width: 98.33333%;
          float: left;
          margin-left: 0.83333%;
          margin-right: 0.83333%;
          margin-bottom: 40px; }
          .resource .video .picture a {
            color: #ED832D; }
          .resource .video .picture img {
            width: 100%;
            margin-bottom: 10px; }
        .resource .video h4 {
          margin-bottom: 30px;
          margin-left: 20px;
          color: #555; }
      .resource .white_paper {
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        padding: 0 20px; }
        .resource .white_paper h5 {
          color: #888; }
        .resource .white_paper h6 {
          color: #222; }
        .resource .white_paper a {
          color: #888; }
        .resource .white_paper ul {
          margin-top: 20px;
          margin-bottom: 20px;
          margin-left: 20px; }
          .resource .white_paper ul li {
            font-size: 14px;
            color: #222;
            line-height: 1.5;
            margin-bottom: 10px;
            list-style: square; }
        .resource .white_paper iframe {
          width: 100%;
          height: 300px; }
        .resource .white_paper .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .resource .white_paper .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            .resource .white_paper .send a:hover {
              background: #888; }
        .resource .white_paper .seemore {
          margin-top: 10px; }
          .resource .white_paper .seemore a {
            font-size: 15px;
            color: #888; } }
  @media (min-width: 520px) {
    .resource {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .resource:after {
        content: " ";
        display: block;
        clear: both; }
      .resource .submenu {
        display: none; }
      .resource .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 21.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%; }
        .resource .submenu_mobile ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3; }
      .resource .video {
        width: 71.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%;
        padding: 0 20px; }
        .resource .video h5 {
          color: #888; }
        .resource .video h6 {
          color: #222; }
        .resource .video a {
          color: #888; }
        .resource .video .picture {
          width: 46.19565%;
          float: left;
          margin-left: 1.90217%;
          margin-right: 1.90217%;
          margin-bottom: 40px; }
          .resource .video .picture img {
            width: 100%;
            margin-bottom: 10px; }
        .resource .video h4 {
          margin-bottom: 30px;
          margin-left: 20px;
          color: #555; }
      .resource .white_paper {
        width: 71.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%;
        padding: 0 20px; }
        .resource .white_paper .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .resource .white_paper .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            .resource .white_paper .send a:hover {
              background: #888; }
        .resource .white_paper iframe {
          width: 100%;
          height: 400px; }
        .resource .white_paper .seemore {
          margin-top: 10px; }
          .resource .white_paper .seemore a {
            font-size: 15px;
            color: #888; } }
  @media (min-width: 920px) {
    .resource {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .resource:after {
        content: " ";
        display: block;
        clear: both; }
      .resource .submenu_mobile {
        display: none; }
      .resource .submenu {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 12.5%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .resource .submenu ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .resource .submenu ul li a:hover {
            color: #ED832D;
            border-bottom: 2px solid #ED832D; }
      .resource .video {
        width: 79.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%;
        padding: 0 20px; }
        .resource .video .picture {
          width: 29.16667%;
          float: left;
          margin-left: 2.08333%;
          margin-right: 2.08333%;
          margin-bottom: 40px; }
          .resource .video .picture a {
            color: #888; }
            .resource .video .picture a:hover {
              color: #ED832D; }
          .resource .video .picture img {
            width: 100%;
            margin-bottom: 10px;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            .resource .video .picture img:hover {
              opacity: 0.8; }
        .resource .video h4 {
          margin-bottom: 30px;
          margin-left: 20px;
          color: #555; }
      .resource .white_paper {
        width: 79.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .resource .white_paper h5 {
          color: #888; }
        .resource .white_paper h6 {
          color: #222; }
        .resource .white_paper a {
          color: #888; }
          .resource .white_paper a:hover {
            color: #ED832D; }
        .resource .white_paper .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .resource .white_paper .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            .resource .white_paper .send a:hover {
              background: #888; }
        .resource .white_paper iframe {
          width: 100%;
          height: 500px; }
        .resource .white_paper .seemore {
          margin-top: 10px; }
          .resource .white_paper .seemore a {
            font-size: 15px;
            color: #888; }
            .resource .white_paper .seemore a:hover {
              color: #ED832D; } }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .news_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_01.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .news_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .news_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .news_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_01.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .news_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .news_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .news_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_01.jpg") center;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 200px; }
    .news_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .news_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

.news {
  padding-bottom: 70px; }
  @media (min-width: 0px) {
    .news {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .news:after {
        content: " ";
        display: block;
        clear: both; }
      .news .submenu {
        display: none; }
      .news .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
        .news .submenu_mobile ul li a {
          display: block;
          font-size: 15px;
          text-align: center;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          border-bottom: 1px solid #e0e0e0; }
      .news .content {
        padding: 0 20px;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .news .content h2 {
          margin-bottom: 20px; }
        .news .content h4 {
          color: #ED832D;
          margin-bottom: 10px; }
        .news .content p {
          margin-bottom: 20px;
          font-size: 14px;
          padding-bottom: 5px;
          border-bottom: 1px dotted #c0c0c0; }
        .news .content a {
          color: #ED832D; }
        .news .content .pressroom p {
          border-bottom: none !important; }
        .news .content .pressroom .e_info {
          margin-bottom: 20px; }
          .news .content .pressroom .e_info ul li {
            display: block;
            margin-bottom: 15px;
            color: #222;
            list-style: square; }
          .news .content .pressroom .e_info h6 {
            color: #555;
            margin-bottom: 8px;
            font-size: 16px; }
        .news .content .list_title {
          display: none; }
        .news .content .list {
          border-bottom: 1px solid #D4D2D2;
          margin-bottom: 10px;
          padding-top: 10px; }
          .news .content .list h6 {
            color: #888;
            margin-bottom: 5px;
            font-size: 16px; }
          .news .content .list p {
            border: none;
            margin-bottom: 5px; }
          .news .content .list .e_1 {
            width: 48.33333%;
            float: left;
            margin-left: 0.83333%;
            margin-right: 0.83333%;
            margin-left: 0; }
            .news .content .list .e_1 a {
              color: #888; }
          .news .content .list .e_2 {
            width: 48.33333%;
            float: left;
            margin-left: 0.83333%;
            margin-right: 0.83333%; }
          .news .content .list .e_3 {
            width: 48.33333%;
            float: left;
            margin-left: 0.83333%;
            margin-right: 0.83333%; }
          .news .content .list .e_4 {
            width: 48.33333%;
            float: left;
            margin-left: 0.83333%;
            margin-right: 0.83333%;
            margin-right: 0; }
        .news .content .new_list {
          margin-bottom: 10px;
          border-bottom: 1px solid #D4D2D2; }
          .news .content .new_list h6 {
            color: #555;
            margin-bottom: 3px;
            font-size: 16px; }
          .news .content .new_list .n1 {
            width: 48.33333%;
            float: left;
            margin-left: 0.83333%;
            margin-right: 0.83333%;
            margin-left: 0; }
            .news .content .new_list .n1 p {
              border-bottom: none;
              margin-bottom: 0px; }
          .news .content .new_list .n2 {
            width: 48.33333%;
            float: left;
            margin-left: 0.83333%;
            margin-right: 0.83333%; }
            .news .content .new_list .n2 p {
              border-bottom: none;
              margin-bottom: 0px; }
          .news .content .new_list .n3 {
            width: 120px;
            margin-left: 0; }
            .news .content .new_list .n3 p {
              border-bottom: none;
              margin-bottom: 5px; }
        .news .content .year_tab a {
          display: block;
          padding: 10px 20px;
          color: #ED832D;
          border: 1px solid #d0d0d0;
          font-size: 16px;
          float: left;
          margin-right: 20px;
          text-align: center;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .news .content .year_tab a:hover {
            background: #ED832D;
            border: 1px solid #ED832D;
            color: #FFF !important; }
        .news .content .pages a {
          display: block;
          border: 1px solid #c0c0c0;
          padding: 5px 10px;
          font-size: 14px;
          color: #555;
          line-height: 1.5;
          float: left;
          margin-right: 10px; }
        .news .content .achive a {
          color: #888; }
        .news .content .achive .especial {
          margin-bottom: 20px; }
          .news .content .achive .especial h5 {
            font-size: 20px;
            color: #E36B2A;
            margin-bottom: 15px; }
          .news .content .achive .especial h6 {
            font-size: 16px;
            color: #222;
            margin-bottom: 15px; }
          .news .content .achive .especial p {
            margin-bottom: 15px; }
          .news .content .achive .especial a {
            color: #888; } }
  @media (min-width: 520px) {
    .news {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .news:after {
        content: " ";
        display: block;
        clear: both; }
      .news .submenu {
        display: none; }
      .news .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 21.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%; }
        .news .submenu_mobile ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3; }
      .news .content {
        padding: 0 20px;
        width: 71.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .news .content h2 {
          margin-bottom: 20px; }
        .news .content h4 {
          color: #ED832D;
          margin-bottom: 10px; }
        .news .content p {
          margin-bottom: 20px;
          font-size: 14px;
          padding-bottom: 5px;
          border-bottom: 1px dotted #c0c0c0; }
        .news .content a {
          color: #ED832D; }
        .news .content .pressroom p {
          border-bottom: none !important; }
        .news .content .pressroom .e_info {
          margin-bottom: 20px; }
          .news .content .pressroom .e_info ul li {
            display: block;
            margin-bottom: 15px;
            color: #222;
            list-style: square; }
          .news .content .pressroom .e_info h6 {
            color: #555;
            margin-bottom: 8px;
            font-size: 16px; }
        .news .content .list_title {
          display: none; }
        .news .content .list {
          border-bottom: 1px solid #D4D2D2;
          margin-bottom: 10px;
          padding-top: 10px; }
          .news .content .list h6 {
            color: #888;
            margin-bottom: 5px;
            font-size: 16px; }
          .news .content .list p {
            border: none;
            margin-bottom: 5px; }
          .news .content .list .e_1 {
            width: 58.69565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%;
            margin-left: 0; }
            .news .content .list .e_1 a {
              color: #888; }
          .news .content .list .e_2 {
            width: 33.69565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%; }
          .news .content .list .e_3 {
            width: 46.19565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%; }
          .news .content .list .e_4 {
            width: 46.19565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%;
            margin-right: 0; }
        .news .content .new_list {
          margin-bottom: 10px;
          border-bottom: 1px solid #D4D2D2; }
          .news .content .new_list h6 {
            color: #555;
            margin-bottom: 3px;
            font-size: 16px; }
          .news .content .new_list .n1 {
            width: 46.19565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%;
            margin-left: 0; }
            .news .content .new_list .n1 p {
              border-bottom: none;
              margin-bottom: 0px; }
          .news .content .new_list .n2 {
            width: 46.19565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%; }
            .news .content .new_list .n2 p {
              border-bottom: none;
              margin-bottom: 0px; }
          .news .content .new_list .n3 {
            width: 96.19565%;
            float: left;
            margin-left: 1.90217%;
            margin-right: 1.90217%; }
            .news .content .new_list .n3 p {
              border-bottom: none;
              margin-bottom: 0px; }
            .news .content .new_list .n3 img {
              width: 130px;
              margin-bottom: 10px;
              margin-left: -1.9%; }
        .news .content .year_tab a {
          display: block;
          padding: 10px 20px;
          color: #ED832D;
          border: 1px solid #d0d0d0;
          font-size: 16px;
          float: left;
          margin-right: 20px;
          text-align: center;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .news .content .year_tab a:hover {
            background: #ED832D;
            border: 1px solid #ED832D;
            color: #FFF; }
        .news .content .pages a {
          display: block;
          border: 1px solid #c0c0c0;
          padding: 5px 10px;
          font-size: 14px;
          color: #555;
          line-height: 1.5;
          float: left;
          margin-right: 10px; }
        .news .content .achive a {
          color: #888; }
        .news .content .achive .especial {
          margin-bottom: 20px; }
          .news .content .achive .especial h5 {
            font-size: 20px;
            color: #E36B2A;
            margin-bottom: 15px; }
          .news .content .achive .especial h6 {
            font-size: 16px;
            color: #222;
            margin-bottom: 15px; }
          .news .content .achive .especial p {
            margin-bottom: 15px; }
          .news .content .achive .especial a {
            color: #888; } }
  @media (min-width: 920px) {
    .news {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .news:after {
        content: " ";
        display: block;
        clear: both; }
      .news .submenu_mobile {
        display: none; }
      .news .submenu {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 12.5%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .news .submenu ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .news .submenu ul li a:hover {
            color: #ED832D;
            border-bottom: 2px solid #ED832D; }
      .news .content {
        padding: 0 20px;
        width: 79.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .news .content h2 {
          margin-bottom: 20px; }
        .news .content h4 {
          color: #ED832D;
          margin-bottom: 10px; }
        .news .content h5 {
          font-size: 25px; }
        .news .content p {
          margin-bottom: 20px;
          font-size: 14px;
          padding-bottom: 5px;
          border-bottom: 1px dotted #c0c0c0; }
        .news .content a {
          color: #ED832D; }
        .news .content .pressroom .e_info {
          margin-bottom: 20px; }
          .news .content .pressroom .e_info ul {
            list-style-type: circle !important; }
            .news .content .pressroom .e_info ul li {
              display: block;
              margin-bottom: 15px;
              color: #222;
              list-style-type: circle !important; }
          .news .content .pressroom .e_info h6 {
            color: #555;
            margin-bottom: 8px;
            font-size: 16px; }
        .news .content .pressroom p {
          border-bottom: none !important; }
        .news .content .list_title {
          display: block;
          border-bottom: 5px solid #D4D2D2;
          margin-bottom: 10px;
          padding-top: 10px; }
          .news .content .list_title h6 {
            color: #888;
            margin-bottom: 3px;
            font-size: 16px;
            font-weight: bold; }
          .news .content .list_title p {
            border: none;
            margin-bottom: 3px;
            color: #888;
            font-size: 16px;
            font-weight: bold; }
          .news .content .list_title .e_1 {
            width: 29.16667%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%;
            margin-left: 0; }
          .news .content .list_title .e_2 {
            width: 12.5%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%; }
          .news .content .list_title .e_3 {
            width: 20.83333%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%; }
          .news .content .list_title .e_4 {
            width: 20.83333%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%;
            margin-right: 0; }
        .news .content .list {
          border-bottom: 1px solid #D4D2D2;
          margin-bottom: 10px;
          padding-top: 10px; }
          .news .content .list h6 {
            color: #888;
            margin-bottom: 5px;
            font-size: 16px; }
          .news .content .list p {
            border: none;
            margin-bottom: 5px; }
          .news .content .list .e_1 {
            width: 29.16667%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%;
            margin-left: 0; }
            .news .content .list .e_1 a {
              color: #888; }
              .news .content .list .e_1 a:hover {
                color: #ED832D; }
          .news .content .list .e_2 {
            width: 12.5%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%; }
          .news .content .list .e_3 {
            width: 20.83333%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%; }
          .news .content .list .e_4 {
            width: 20.83333%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%;
            margin-right: 0; }
        .news .content .new_list {
          margin-bottom: 10px;
          border-bottom: 1px solid #D4D2D2; }
          .news .content .new_list h6 {
            color: #555;
            margin-bottom: 3px;
            font-size: 16px; }
          .news .content .new_list .n1 {
            width: 29.16667%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%;
            margin-left: 0; }
            .news .content .new_list .n1 p {
              border-bottom: none;
              margin-bottom: 0px; }
          .news .content .new_list .n2 {
            width: 37.5%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%; }
            .news .content .new_list .n2 p {
              border-bottom: none;
              margin-bottom: 0px; }
          .news .content .new_list .n3 {
            width: 20.83333%;
            float: left;
            margin-left: 2.08333%;
            margin-right: 2.08333%; }
            .news .content .new_list .n3 p {
              border-bottom: none;
              margin-bottom: 0px; }
            .news .content .new_list .n3 img {
              width: 70%; }
        .news .content .year_tab a {
          display: block;
          padding: 10px 20px;
          color: #ED832D;
          border: 1px solid #d0d0d0;
          font-size: 16px;
          float: left;
          margin-right: 20px;
          text-align: center;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .news .content .year_tab a:hover {
            background: #ED832D;
            border: 1px solid #ED832D;
            color: #FFF !important; }
        .news .content .pages a {
          display: block;
          border: 1px solid #c0c0c0;
          padding: 5px 10px;
          font-size: 14px;
          color: #555;
          line-height: 1.5;
          float: left;
          margin-right: 10px;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .news .content .pages a:hover {
            background: #ED832D;
            color: #FFF; }
        .news .content .achive a {
          color: #888;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .news .content .achive a:hover {
            color: #ED832D; }
        .news .content .achive .especial {
          margin-bottom: 30px; }
          .news .content .achive .especial h5 {
            font-size: 20px;
            color: #E36B2A;
            margin-bottom: 15px; }
          .news .content .achive .especial h6 {
            font-size: 16px;
            color: #222;
            margin-bottom: 15px; }
          .news .content .achive .especial p {
            margin-bottom: 15px; }
          .news .content .achive .especial a {
            color: #888; }
            .news .content .achive .especial a:hover {
              color: #ED832D; } }

.page_on {
  background: #ED832D !important;
  color: #FFF !important; }

.readmore {
  display: block;
  text-align: right; }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .solution_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_04.jpg") top;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .solution_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .solution_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .solution_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_04.jpg") top;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .solution_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .solution_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .solution_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_04.jpg") top;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 200px; }
    .solution_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .solution_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

.solution {
  padding-bottom: 70px; }
  @media (min-width: 0px) {
    .solution {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .solution:after {
        content: " ";
        display: block;
        clear: both; }
      .solution .submenu {
        display: none; }
      .solution .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
        .solution .submenu_mobile ul li a {
          display: block;
          font-size: 15px;
          text-align: center;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          border-bottom: 1px solid #e0e0e0; }
      .solution .content {
        padding: 0 20px;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .solution .content h1, .solution .content h2, .solution .content h4 {
          margin-bottom: 20px;
          text-align: center; }
        .solution .content p {
          margin-bottom: 10px; }
        .solution .content h5 {
          text-align: center; }
        .solution .content ul li {
          font-size: 15px;
          line-height: 1.5;
          color: #888;
          margin-bottom: 10px; }
        .solution .content a {
          color: #ED832D; }
        .solution .content .o_iocn {
          margin: 0 auto;
          width: 80px;
          margin-top: 20px; }
        .solution .content .i_icon {
          width: 48.33333%;
          float: left;
          margin-left: 0.83333%;
          margin-right: 0.83333%;
          margin-top: 30px;
          height: 130px; }
          .solution .content .i_icon img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px; }
          .solution .content .i_icon h6 {
            text-align: center;
            font-size: 14px;
            font-weight: bolder; }
        .solution .content .i_icon-3 {
          width: 48.33333%;
          float: left;
          margin-left: 0.83333%;
          margin-right: 0.83333%;
          margin-top: 30px; }
          .solution .content .i_icon-3 img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px; }
          .solution .content .i_icon-3 h6 {
            text-align: center;
            font-size: 14px;
            font-weight: bolder; }
        .solution .content .left {
          width: 100%;
          padding: 10px;
          margin-top: 10px; }
          .solution .content .left .icon_dev {
            margin-bottom: 40px; }
            .solution .content .left .icon_dev img {
              display: block;
              margin-bottom: 50px;
              float: left;
              width: 50px;
              margin-right: 10px;
              margin-top: -5px; }
        .solution .content .right {
          width: 100%;
          padding: 10px;
          margin-top: 10px; }
          .solution .content .right .icon_dev {
            margin-bottom: 40px; }
            .solution .content .right .icon_dev img {
              display: block;
              margin-bottom: 50px;
              float: left;
              width: 50px;
              margin-right: 10px;
              margin-top: -5px; }
        .solution .content .notifications_1 img {
          display: block;
          margin-right: 30px;
          margin: 0 auto; }
        .solution .content .notifications_2 img {
          display: block;
          margin-left: 30px;
          margin: 0 auto; }
        .solution .content .casestudies {
          padding-bottom: 10px;
          border-bottom: 1px dashed #c0c0c0;
          margin-bottom: 30px; }
          .solution .content .casestudies .m_logo {
            width: 100%;
            padding: 10px; }
            .solution .content .casestudies .m_logo img {
              display: block;
              margin: 0 auto;
              margin-bottom: 20px; }
          .solution .content .casestudies .studies_copy {
            width: 100%;
            padding-right: 0px; }
            .solution .content .casestudies .studies_copy h3 {
              text-align: center; }
            .solution .content .casestudies .studies_copy a {
              color: #222;
              -moz-transition: all 0.3s;
              -o-transition: all 0.3s;
              -webkit-transition: all 0.3s;
              transition: all 0.3s; }
              .solution .content .casestudies .studies_copy a:hover {
                color: #ED832D; } }
  @media (min-width: 520px) {
    .solution {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .solution:after {
        content: " ";
        display: block;
        clear: both; }
      .solution .submenu {
        display: none; }
      .solution .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 21.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%; }
        .solution .submenu_mobile ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3; }
      .solution .content {
        padding: 0 20px;
        width: 71.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .solution .content h1, .solution .content h2, .solution .content h4 {
          margin-bottom: 20px;
          text-align: left; }
        .solution .content p {
          margin-bottom: 10px; }
        .solution .content h5 {
          text-align: left; }
        .solution .content ul li {
          font-size: 15px;
          line-height: 1.5;
          color: #888;
          margin-bottom: 10px; }
        .solution .content .o_iocn {
          margin: 0 auto;
          width: 100%;
          margin-top: 20px; }
        .solution .content .i_icon {
          width: 27.44565%;
          float: left;
          margin-left: 1.90217%;
          margin-right: 1.90217%;
          margin-top: 30px; }
          .solution .content .i_icon img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px; }
          .solution .content .i_icon h6 {
            text-align: center;
            font-size: 14px;
            font-weight: bolder; }
        .solution .content .i_icon-3 {
          width: 21.19565%;
          float: left;
          margin-left: 1.90217%;
          margin-right: 1.90217%;
          margin-top: 30px; }
          .solution .content .i_icon-3 img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px; }
          .solution .content .i_icon-3 h6 {
            text-align: center;
            font-size: 14px;
            font-weight: bolder; }
        .solution .content .left {
          width: 100%;
          padding: 10px;
          margin-top: 10px; }
          .solution .content .left .icon_dev {
            margin-bottom: 40px; }
            .solution .content .left .icon_dev img {
              display: block;
              float: left;
              width: 60px;
              margin-right: 10px;
              margin-top: -5px; }
        .solution .content .right {
          width: 100%;
          padding: 10px;
          margin-top: 10px; }
          .solution .content .right .icon_dev {
            margin-bottom: 40px; }
            .solution .content .right .icon_dev img {
              display: block;
              float: left;
              width: 60px;
              margin-right: 10px;
              margin-top: -5px; }
        .solution .content .notifications_1 img {
          display: block;
          margin-right: 30px;
          margin: 0 auto; }
        .solution .content .notifications_2 img {
          display: block;
          margin-left: 30px;
          margin: 0 auto; }
        .solution .content .casestudies {
          padding-bottom: 10px;
          border-bottom: 1px dashed #c0c0c0;
          margin-bottom: 30px; }
          .solution .content .casestudies .m_logo {
            width: 100%;
            padding: 10px; }
            .solution .content .casestudies .m_logo img {
              display: block;
              margin-bottom: 20px; }
          .solution .content .casestudies .studies_copy {
            width: 100%;
            padding-right: 20px; }
            .solution .content .casestudies .studies_copy h3 {
              text-align: center; } }
  @media (min-width: 920px) {
    .solution {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .solution:after {
        content: " ";
        display: block;
        clear: both; }
      .solution .submenu_mobile {
        display: none; }
      .solution .submenu {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 12.5%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .solution .submenu ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .solution .submenu ul li a:hover {
            color: #ED832D;
            border-bottom: 2px solid #ED832D; }
      .solution .content {
        padding: 0 20px;
        width: 79.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .solution .content h1, .solution .content h2, .solution .content h4 {
          margin-bottom: 20px;
          text-align: left; }
        .solution .content h5 {
          margin-top: 40px;
          text-align: left; }
        .solution .content p {
          margin-bottom: 10px; }
        .solution .content ul li {
          font-size: 15px;
          line-height: 1.5;
          color: #888;
          margin-bottom: 10px;
          list-style: square;
          margin-left: 40px; }
        .solution .content .o_iocn {
          float: left;
          width: 80px;
          margin-top: 35px;
          margin-right: 25px;
          margin-bottom: 60px; }
        .solution .content .i_icon {
          width: 12.5%;
          float: left;
          margin-left: 2.08333%;
          margin-right: 2.08333%;
          margin-top: 30px; }
          .solution .content .i_icon img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px; }
          .solution .content .i_icon h6 {
            text-align: center;
            font-size: 14px;
            font-weight: bolder; }
        .solution .content .i_icon-3 {
          width: 29.16667%;
          float: left;
          margin-left: 2.08333%;
          margin-right: 2.08333%;
          margin-top: 30px; }
          .solution .content .i_icon-3 img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px; }
          .solution .content .i_icon-3 h6 {
            text-align: center;
            font-size: 14px;
            font-weight: bolder; }
        .solution .content .left {
          width: 50%;
          float: left;
          padding: 10px;
          margin-top: 10px; }
        .solution .content .right {
          width: 50%;
          float: right;
          padding: 10px;
          margin-top: 10px; }
        .solution .content .notifications_1 img {
          display: block;
          float: left;
          margin-right: 30px; }
        .solution .content .notifications_2 img {
          display: block;
          float: right;
          margin-left: 30px; }
        .solution .content .casestudies {
          padding-bottom: 10px;
          border-bottom: 1px dashed #c0c0c0;
          margin-bottom: 30px; }
          .solution .content .casestudies .m_logo {
            width: 20%;
            float: right;
            padding: 10px; }
          .solution .content .casestudies .studies_copy {
            width: 80%;
            float: left;
            padding-right: 20px; }
            .solution .content .casestudies .studies_copy h3 {
              text-align: left; } }

.s_lll {
  height: 1px;
  border-bottom: 1px solid #e0e0e0;
  clear: both;
  margin: 40px 0; }

.mb-40 {
  margin-bottom: 40px; }

.back {
  display: block;
  float: right; }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .kalay_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_03.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .kalay_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .kalay_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .kalay_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_03.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .kalay_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .kalay_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .kalay_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_03.jpg") center;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 200px; }
    .kalay_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .kalay_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

.kalay {
  padding-bottom: 70px; }
  @media (min-width: 0px) {
    .kalay {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .kalay:after {
        content: " ";
        display: block;
        clear: both; }
      .kalay .submenu {
        display: none; }
      .kalay .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
        .kalay .submenu_mobile ul li a {
          display: block;
          font-size: 15px;
          text-align: center;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          border-bottom: 1px solid #e0e0e0; }
      .kalay .content {
        padding: 0 20px;
        width: 98.33333%;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .kalay .content h1, .kalay .content h2 {
          margin-bottom: 20px;
          text-align: center; }
        .kalay .content h5 {
          margin-top: 10px; }
        .kalay .content p {
          margin-bottom: 10px; }
        .kalay .content ul {
          margin-top: 20px;
          margin-bottom: 20px;
          margin-left: 20px; }
          .kalay .content ul li {
            font-size: 14px;
            color: #222;
            line-height: 1.5;
            margin-bottom: 10px;
            list-style: square; }
        .kalay .content a {
          color: #ED832D; }
        .kalay .content .block {
          width: 98.33333%;
          float: left;
          margin-left: 0.83333%;
          margin-right: 0.83333%;
          background: #f0f0f0;
          padding: 15px;
          margin-bottom: 30px; }
          .kalay .content .block h5 {
            text-align: center !important; }
          .kalay .content .block img {
            display: block;
            margin: 0 auto; }
        .kalay .content .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .kalay .content .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px; } }
  @media (min-width: 520px) {
    .kalay {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; }
      .kalay:after {
        content: " ";
        display: block;
        clear: both; }
      .kalay .submenu {
        display: none; }
      .kalay .submenu_mobile {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 21.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%; }
        .kalay .submenu_mobile ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3; }
      .kalay .content {
        padding: 0 20px;
        width: 71.19565%;
        float: left;
        margin-left: 1.90217%;
        margin-right: 1.90217%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .kalay .content h1, .kalay .content h2 {
          margin-bottom: 20px;
          text-align: left; }
        .kalay .content h5 {
          margin-top: 10px; }
        .kalay .content p {
          margin-bottom: 10px; }
        .kalay .content ul li {
          font-size: 15px;
          line-height: 1.5;
          color: #888;
          margin-bottom: 10px; }
        .kalay .content .block {
          width: 46.19565%;
          float: left;
          margin-left: 1.90217%;
          margin-right: 1.90217%;
          height: 360px;
          background: #f0f0f0;
          padding: 15px;
          margin-bottom: 30px; }
          .kalay .content .block h5 {
            text-align: center !important; }
          .kalay .content .block img {
            display: block;
            margin: 0 auto; }
        .kalay .content .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .kalay .content .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px; } }
  @media (min-width: 920px) {
    .kalay {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .kalay:after {
        content: " ";
        display: block;
        clear: both; }
      .kalay .submenu_mobile {
        display: none; }
      .kalay .submenu {
        display: block;
        padding: 0 20px;
        margin-top: 10px;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 12.5%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%; }
        .kalay .submenu ul li a {
          display: block;
          font-size: 14px;
          padding-bottom: 5px;
          margin-bottom: 30px;
          color: #888;
          text-align: left;
          border-bottom: 2px solid #FFF;
          line-height: 1.3;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .kalay .submenu ul li a:hover {
            color: #ED832D;
            border-bottom: 2px solid #ED832D; }
      .kalay .content {
        padding: 0 20px;
        width: 79.16667%;
        float: left;
        margin-left: 2.08333%;
        margin-right: 2.08333%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .kalay .content h1, .kalay .content h2 {
          margin-bottom: 20px;
          text-align: left; }
        .kalay .content h5 {
          margin-top: 10px; }
        .kalay .content p {
          margin-bottom: 10px; }
        .kalay .content ul li {
          font-size: 15px;
          line-height: 1.5;
          color: #888;
          margin-bottom: 10px; }
        .kalay .content .block {
          width: 29.16667%;
          float: left;
          margin-left: 2.08333%;
          margin-right: 2.08333%;
          height: 320px;
          background: #f0f0f0;
          padding: 15px;
          margin-bottom: 30px; }
          .kalay .content .block h5 {
            text-align: center !important; }
          .kalay .content .block img {
            display: block;
            margin: 0 auto; }
        .kalay .content .send {
          width: 100%;
          border-top: 1px dashed #c0c0c0;
          padding-top: 20px; }
          .kalay .content .send a {
            display: block;
            width: 150px;
            line-height: 40px;
            background: #ED832D;
            color: #FFF;
            text-align: center;
            border-radius: 5px;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            .kalay .content .send a:hover {
              background: #888; } }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .legal_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_06.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .legal_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .legal_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .legal_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_06.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .legal_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .legal_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .legal_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_06.jpg") center;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 200px; }
    .legal_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .legal_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

@media (min-width: 0px) {
  .app_privacy_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 300px;
    background: url("../images/topbanner_06.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 100px; }
    .app_privacy_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .app_privacy_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .app_privacy_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_06.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 100px; }
    .app_privacy_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .app_privacy_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .app_privacy_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_06.jpg") center;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 150px; }
    .app_privacy_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .app_privacy_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

.partners_legal {
  padding-bottom: 70px;
  text-align: left; }
  @media (min-width: 0px) {
    .partners_legal {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 20px; }
      .partners_legal:after {
        content: " ";
        display: block;
        clear: both; }
      .partners_legal h2 {
        margin-bottom: 20px;
        text-align: center; }
      .partners_legal p {
        margin-bottom: 10px; }
      .partners_legal .ttt_banner {
        height: 80px;
        background: #e0e0e0;
        margin: 40px 0;
        padding: 20px;
        text-align: center; } }
  @media (min-width: 520px) {
    .partners_legal {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 20px; }
      .partners_legal:after {
        content: " ";
        display: block;
        clear: both; }
      .partners_legal h2 {
        margin-bottom: 20px;
        text-align: left; }
      .partners_legal p {
        margin-bottom: 10px; }
      .partners_legal .ttt_banner {
        height: 100px;
        background: #e0e0e0;
        margin: 40px 0;
        padding: 40px;
        text-align: center; } }
  @media (min-width: 920px) {
    .partners_legal {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 30px; }
      .partners_legal:after {
        content: " ";
        display: block;
        clear: both; }
      .partners_legal h2 {
        margin-bottom: 20px; }
      .partners_legal p {
        margin-bottom: 10px; }
      .partners_legal .ttt_banner {
        height: 120px;
        background: #e0e0e0;
        margin: 40px 0;
        padding: 40px;
        text-align: left; } }

.app_privacy {
  text-align: left; }
  @media (min-width: 0px) {
    .app_privacy {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 20px; }
      .app_privacy:after {
        content: " ";
        display: block;
        clear: both; }
      .app_privacy h2 {
        margin-bottom: 20px;
        text-align: center; }
      .app_privacy p {
        margin-bottom: 10px; } }
  @media (min-width: 520px) {
    .app_privacy {
      max-width: 920px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 20px; }
      .app_privacy:after {
        content: " ";
        display: block;
        clear: both; }
      .app_privacy h2 {
        margin-bottom: 20px;
        text-align: left; }
      .app_privacy p {
        margin-bottom: 10px; } }
  @media (min-width: 920px) {
    .app_privacy {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 30px; }
      .app_privacy:after {
        content: " ";
        display: block;
        clear: both; }
      .app_privacy h2 {
        margin-bottom: 20px; }
      .app_privacy p {
        margin-bottom: 10px; } }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .dev_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_04.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .dev_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .dev_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .dev_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_04.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .dev_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .dev_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .dev_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_04.jpg") center;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 200px; }
    .dev_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .dev_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 0px) {
  .dev_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_05.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .dev_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .dev_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .dev_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_05.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .dev_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .dev_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .dev_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_05.jpg") center;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 200px; }
    .dev_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .dev_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: Avenir, "Open Sans", Sans-Serif, Arial;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  line-height: 1;
  font-size: 16px; }

a {
  text-decoration: none; }

@media (min-width: 0px) {
  .privacy_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_07.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .privacy_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .privacy_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 25px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 520px) {
  .privacy_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_07.jpg") center;
    background-size: cover;
    margin-bottom: 30px;
    padding-top: 150px; }
    .privacy_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .privacy_main_photo h1 {
      display: block;
      width: 80%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }
@media (min-width: 920px) {
  .privacy_main_photo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: -100;
    height: 400px;
    background: url("../images/topbanner_07.jpg") center;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 200px; }
    .privacy_main_photo:after {
      content: " ";
      display: block;
      clear: both; }
    .privacy_main_photo h1 {
      display: block;
      width: 50%;
      font-size: 35px;
      line-height: 1.3;
      margin: 0 auto;
      color: #FFF;
      text-align: center;
      text-shadow: 2px 2px 3px #222;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; } }

body {
  background: #FFF;
  overflow-x: hidden; }
  body h1 {
    font-size: 35px;
    line-height: 1.3;
    color: #555; }
  body h2 {
    font-size: 28px;
    line-height: 1.3;
    color: #888; }
  body h3 {
    font-size: 30px;
    line-height: 1.3;
    color: #888; }
  body h4 {
    font-size: 28px;
    line-height: 1.3;
    color: #888; }
  body h5 {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 10px; }
  body h6 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 7px;
    color: #888; }
  body p {
    font-size: 14px;
    line-height: 1.7;
    color: #888; }

.clear {
  clear: both; }

.for-1 {
  width: 61px; }

.for-2 {
  width: 62px; }

.for-3 {
  width: 63px; }

.for-4 {
  width: 64px; }

@media (min-width: 0px) {
  .module {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
    .module:after {
      content: " ";
      display: block;
      clear: both; } }
@media (min-width: 520px) {
  .module {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto; }
    .module:after {
      content: " ";
      display: block;
      clear: both; } }
@media (min-width: 920px) {
  .module {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    .module:after {
      content: " ";
      display: block;
      clear: both; } }

@-moz-keyframes square {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-700px) rotate(600deg); } }
@-webkit-keyframes square {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-700px) rotate(600deg); } }
@keyframes square {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-700px) rotate(600deg); } }
@-moz-keyframes square2 {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -moz-transform: translateY(-700) rotate(600deg);
    transform: translateY(-700) rotate(600deg); } }
@-webkit-keyframes square2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-700) rotate(600deg);
    transform: translateY(-700) rotate(600deg); } }
@keyframes square2 {
  0% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -moz-transform: translateY(-700) rotate(600deg);
    -ms-transform: translateY(-700) rotate(600deg);
    -webkit-transform: translateY(-700) rotate(600deg);
    transform: translateY(-700) rotate(600deg); } }
.slider-desktop {
  background: #FFF; }
  @media (min-width: 0px) {
    .slider-desktop {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      background: #135;
      height: 400px;
      background: url("../images/first_bg_1_mobile.jpg");
      background-size: cover; }
      .slider-desktop:after {
        content: " ";
        display: block;
        clear: both; }
      .slider-desktop .titile_text {
        position: absolute;
        width: 88%;
        top: 30%;
        left: 10%;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .slider-desktop .titile_text .text_content h1 {
          font-size: 18px;
          color: #E36B2A;
          line-height: 1.2;
          margin-bottom: 15px; }
        .slider-desktop .titile_text .text_content h2 {
          font-size: 32px;
          color: #FFF;
          line-height: 1.2;
          margin-bottom: 5px; }
        .slider-desktop .titile_text .text_content p {
          font-size: 14px;
          margin-bottom: 8px;
          color: #FFF;
          line-height: 1.2; }
          .slider-desktop .titile_text .text_content p img {
            display: block !important;
            width: 4px !important;
            float: left !important;
            margin-right: 7px !important;
            margin-top: 5px !important; } }
  @media (min-width: 520px) {
    .slider-desktop {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      background: #135;
      height: 400px;
      background: url("../images/first_bg_1_pad.jpg");
      background-size: cover; }
      .slider-desktop:after {
        content: " ";
        display: block;
        clear: both; }
      .slider-desktop .titile_text {
        position: absolute;
        width: 88%;
        top: 35%;
        left: 10%;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .slider-desktop .titile_text .text_content h1 {
          font-size: 23px;
          color: #E36B2A;
          line-height: 1.2;
          margin-bottom: 23px; }
        .slider-desktop .titile_text .text_content h2 {
          font-size: 35px;
          color: #FFF;
          line-height: 1.2;
          margin-bottom: 13px; }
        .slider-desktop .titile_text .text_content p {
          font-size: 14px;
          margin-bottom: 8px;
          color: #FFF; }
          .slider-desktop .titile_text .text_content p img {
            display: block !important;
            width: 4px !important;
            float: left !important;
            margin-right: 7px !important;
            margin-top: 5px !important; } }
  @media (min-width: 920px) {
    .slider-desktop {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      background: #135;
      height: 520px;
      background: url("../images/first_bg_1.jpg");
      background-size: cover; }
      .slider-desktop:after {
        content: " ";
        display: block;
        clear: both; }
      .slider-desktop .titile_text {
        position: absolute;
        top: 35%;
        left: 15%;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .slider-desktop .titile_text .text_content h1 {
          font-size: 32px;
          color: #E36B2A;
          line-height: 1.2;
          margin-bottom: 20px; }
        .slider-desktop .titile_text .text_content h2 {
          font-size: 45px;
          color: #FFF;
          line-height: 1.2;
          margin-bottom: 13px; }
        .slider-desktop .titile_text .text_content p {
          font-size: 16px;
          margin-bottom: 10px;
          color: #FFF; }
          .slider-desktop .titile_text .text_content p img {
            display: block !important;
            width: 5px !important;
            float: left !important;
            margin-right: 7px !important;
            margin-top: 5px !important; } }
  @media (min-width: 1600px) {
    .slider-desktop {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      background: #135;
      height: 520px;
      background: url("../images/first_bg_1_over.jpg");
      background-size: cover; }
      .slider-desktop:after {
        content: " ";
        display: block;
        clear: both; }
      .slider-desktop .titile_text {
        position: absolute;
        top: 35%;
        left: 15%;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .slider-desktop .titile_text .text_content h1 {
          font-size: 32px;
          color: #E36B2A;
          line-height: 1.2;
          margin-bottom: 20px; }
        .slider-desktop .titile_text .text_content h2 {
          font-size: 45px;
          color: #FFF;
          line-height: 1.2;
          margin-bottom: 13px; }
        .slider-desktop .titile_text .text_content p {
          font-size: 16px;
          margin-bottom: 10px;
          color: #FFF; }
          .slider-desktop .titile_text .text_content p img {
            display: block !important;
            width: 5px !important;
            float: left !important;
            margin-right: 7px !important;
            margin-top: 5px !important; } }

footer {
  width: 100%;
  background: #3A3940; }

@media (min-width: 0px) {
  .footer_content {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0 30px 0; }
    .footer_content:after {
      content: " ";
      display: block;
      clear: both; }
    .footer_content .info {
      width: 98.33333%;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%;
      padding-top: 10px;
      margin-bottom: 20px; }
      .footer_content .info p {
        color: #FFF;
        font-size: 13px;
        line-height: 1.8;
        text-align: center; }
      .footer_content .info a {
        display: block;
        margin: 10px 0;
        color: #a0d8ff;
        font-size: 13px;
        text-align: center; }
    .footer_content .socilmedia {
      width: 98.33333%;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%; }
      .footer_content .socilmedia .gui {
        width: 260px;
        margin: 0 auto; }
        .footer_content .socilmedia .gui a {
          display: block;
          width: 40px;
          height: 40px;
          float: right;
          margin-right: 25px;
          background: #444;
          border-radius: 50%;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
      .footer_content .socilmedia .gui-logo {
        width: 120px;
        margin: 0 auto; }
        .footer_content .socilmedia .gui-logo img {
          width: 120px;
          padding: 5px, 50px, 0px, 50px; } }
@media (min-width: 520px) {
  .footer_content {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0 30px 0; }
    .footer_content:after {
      content: " ";
      display: block;
      clear: both; }
    .footer_content .info {
      width: 96.19565%;
      float: left;
      margin-left: 1.90217%;
      margin-right: 1.90217%;
      padding-top: 10px;
      margin-bottom: 20px; }
      .footer_content .info p {
        color: #FFF;
        font-size: 14px;
        line-height: 1.8;
        text-align: center; }
      .footer_content .info a {
        display: block;
        margin: 10px 0;
        color: #a0d8ff;
        font-size: 13px;
        text-align: center; }
    .footer_content .socilmedia {
      width: 96.19565%;
      float: left;
      margin-left: 1.90217%;
      margin-right: 1.90217%; }
      .footer_content .socilmedia .gui {
        width: 380px;
        margin: 0 auto; }
        .footer_content .socilmedia .gui a {
          display: block;
          width: 40px;
          height: 40px;
          float: left;
          margin-right: 25px;
          background: #444;
          border-radius: 50%;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
      .footer_content .socilmedia .gui-logo {
        width: 380px;
        margin: 0 auto; }
        .footer_content .socilmedia .gui-logo img {
          display: block;
          float: right;
          width: 120px;
          padding-top: 10px; } }
@media (min-width: 920px) {
  .footer_content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0 0 0; }
    .footer_content:after {
      content: " ";
      display: block;
      clear: both; }
    .footer_content .info {
      width: 45.83333%;
      float: left;
      margin-left: 2.08333%;
      margin-right: 2.08333%;
      padding-top: 10px; }
      .footer_content .info p {
        color: #FFF;
        font-size: 14px;
        line-height: 1.8;
        text-align: left; }
      .footer_content .info a {
        display: block;
        float: left;
        margin: 10px 25px 10px 0;
        color: #a0d8ff;
        font-size: 13px;
        text-align: left; }
      .footer_content .info img {
        display: block;
        float: left;
        padding: 5px;
        width: 150px; }
    .footer_content .socilmedia {
      width: 45.83333%;
      float: left;
      margin-left: 2.08333%;
      margin-right: 2.08333%; }
      .footer_content .socilmedia .gui a {
        display: block;
        width: 40px;
        height: 40px;
        float: right;
        margin-right: 25px;
        background: #444;
        border-radius: 50%;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .footer_content .socilmedia .gui a:hover {
          background: #555; }
      .footer_content .socilmedia .gui-logo img {
        display: block;
        float: right;
        width: 120px;
        padding-top: 5px;
        padding-right: 20px; } }

.slider_logo_wrapper {
  background: #e08e4c; }
  @media (min-width: 0px) {
    .slider_logo_wrapper {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; }
      .slider_logo_wrapper:after {
        content: " ";
        display: block;
        clear: both; }
      .slider_logo_wrapper .bx-prev, .slider_logo_wrapper .bx-next {
        display: block; } }
  @media (min-width: 520px) {
    .slider_logo_wrapper {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto; }
      .slider_logo_wrapper:after {
        content: " ";
        display: block;
        clear: both; }
      .slider_logo_wrapper .bx-prev, .slider_logo_wrapper .bx-next {
        display: block; } }
  @media (min-width: 920px) {
    .slider_logo_wrapper {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .slider_logo_wrapper:after {
        content: " ";
        display: block;
        clear: both; }
      .slider_logo_wrapper .bx-prev, .slider_logo_wrapper .bx-next {
        display: block; } }