#header .top-header:after, .paper-bg .holder:after, .green-body .frame:after, .water-bg-block .frame:after, .veritas-block .two-columns:after, .veritas-block .one-column:after, #footer .holder:after {
  content: " ";
  display: block;
  clear: both; }

#main ul, .paper-bg ul, .paper-bg.add ul, .slide-pagination, .pagination ul, .comming-block .list, #footer .social-networks {
  margin: 0;
  padding: 0;
  list-style: none; }

html {
  box-sizing: border-box; }

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

body {
  margin: 0;
  color: #5d5649;
  background: #fff;
  font: 19px/24px "museoSansRounded-300", sans-serif;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none; }

* {
  max-height: 1000000px; }

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

img {
  border-style: none; }

a {
  outline: none;
  text-decoration: none;
  color: #fff; }
  a:hover {
    text-decoration: underline; }

input,
textarea,
select {
  font: 100% "museoSansRounded-300", sans-serif;
  color: #343433;
  vertical-align: middle; }

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

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

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

input[type="submit"]:hover,
button:hover {
  cursor: pointer; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  margin: 0;
  outline: none;
  padding: 4px 7px;
  border: 1px solid #999; }
  input[type="text"]:focus,
  input[type="tel"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    border-color: #4d4d4d; }

input[type=text],
input[type=password],
input[type=file],
input[type=submit],
input[type=search],
input[type=email],
textarea {
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

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

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "museoSansRounded-300", sans-serif;
  line-height: 1.2em;
  margin: 0 0 1.2em; }

p {
  margin: 0 0 1.2em; }

q {
  quotes: none; }
  q:before, q:after {
    content: '';
    content: none; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

@font-face {
  font-family: 'museoSansRounded-100';
  src: url("../eot/museosansrounded-100.eot");
  src: url("../eot/museosansrounded-100d41d.eot?#iefix") format("embedded-opentype"), url("../museosansrounded-100.html") format("woff2"), url("../woff/museosansrounded-100.woff") format("woff"), url("../ttf/museosansrounded-100.ttf") format("truetype"), url("../svg/museosansrounded-100.svg#museoSansRounded-100") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'museoSansRounded-300';
  src: url("../eot/museosansrounded-300.eot");
  src: url("../eot/museosansrounded-300d41d.eot?#iefix") format("embedded-opentype"), url("../museosansrounded-300.html") format("woff2"), url("../woff/museosansrounded-300.woff") format("woff"), url("../ttf/museosansrounded-300.ttf") format("truetype"), url("../svg/museosansrounded-300.svg#museoSansRounded-300") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'museoSansRounded-700';
  src: url("../eot/museosansrounded-700.eot");
  src: url("../eot/museosansrounded-700d41d.eot?#iefix") format("embedded-opentype"), url("../museosansrounded-700.html") format("woff2"), url("../woff/museosansrounded-700.woff") format("woff"), url("../ttf/museosansrounded-700.ttf") format("truetype"), url("../svg/museosansrounded-700.svg#museoSansRounded-700") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'museoSansRounded-900';
  src: url("../eot/museosansrounded-900.eot");
  src: url("../eot/museosansrounded-900d41d.eot?#iefix") format("embedded-opentype"), url("../museosansrounded-900.html") format("woff2"), url("../woff/museosansrounded-900.woff") format("woff"), url("../ttf/museosansrounded-900.ttf") format("truetype"), url("../svg/museosansrounded-900.svg#museoSansRounded-900") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'museoSansRounded-1000';
  src: url("../eot/museosansrounded-1000.eot");
  src: url("../eot/museosansrounded-1000d41d.eot?#iefix") format("embedded-opentype"), url("../museosansrounded-1000.html") format("woff2"), url("../woff/museosansrounded-1000.woff") format("woff"), url("../ttf/museosansrounded-1000.ttf") format("truetype"), url("../svg/museosansrounded-1000.svg#museoSansRounded-1000") format("svg");
  font-weight: normal;
  font-style: normal; }
.button {
  width: 100%;
  height: 64px;
  line-height: 66px;
  color: #fff;
  background-color: #23b013;
  background-image: -webkit-linear-gradient(#23b013, #1d9f09);
  background-image: linear-gradient(#23b013, #1d9f09);
  padding: 0;
  border: none;
  border-radius: 14px;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: auto 100%;
  display: block;
  text-align: center;
  font-size: 28px;
  text-transform: none;
  margin-top: 30px;
  cursor: pointer;
  letter-spacing: normal;
  text-decoration: none;
  max-width: 420px;
  margin: 0 auto; }
  .button:hover {
    background-color: #2bb91b;
    background-image: -webkit-linear-gradient(#2bb91b, #1da40d);
    background-image: linear-gradient(#2bb91b, #1da40d);
    text-decoration: none; }
  .button:active {
    background-color: #1ca20c;
    background-image: -webkit-linear-gradient(#1ca20c, #1ca20c);
    background-image: linear-gradient(#1ca20c, #1ca20c);
    box-shadow: none;
    position: relative;
    top: 4px; }
  .button.inactive, .button.disabled {
    background: #dfdfdf;
    box-shadow: none; }

#kiosk-thank-you {
  text-align: center;
  padding: 40px 0; }
  #kiosk-thank-you h2 {
    font-weight: bold; }

#wrapper {
  position: relative;
  width: 100%;
  z-index: 1; }

#header {
  width: 100%;
  padding: 0;
  margin: 0 0 -19px;
  background: #058cb2 url(../jpg/bg-header.jpg) repeat-x 50% 100%; }
  #header .holder {
    margin: 0 auto;
    max-width: 1190px;
    padding: 0 10px;
    min-height: 537px; }
  #header .header-bottom {
    width: 100%;
    background: url(../png/cloud.png) repeat-x 45% 100%; }
    #header .header-bottom .holder {
      padding: 53px 10px 30px;
      min-height: 219px; }
  #header .top-header {
    padding: 15px 0 50px; }
    #header .top-header .btn {
      text-transform: capitalize;
      font: 16px/26px "museoSansRounded-700", sans-serif;
      margin: 0 2px 0 0;
      text-decoration: none;
      float: right;
      min-width: 90px;
      padding: 5px 10px 10px;
      text-align: center;
      background: url(../png/btn-login-default.png) no-repeat;
      background-size: 100% 150px; }
      #header .top-header .btn:hover {
        background: url(../png/btn-login-default.png) no-repeat 0 -54px;
        background-size: 100% 150px; }
      #header .top-header .btn:focus {
        background: url(../png/btn-login-default.png) no-repeat 0 -109px;
        background-size: 100% 150px; }
  #header .text-holder {
    text-align: center; }
    #header .text-holder .btn {
      text-transform: capitalize;
      font: 21px/26px "museoSansRounded-700", sans-serif;
      margin: 0 2px 0 0;
      text-decoration: none;
      display: inline-block;
      vertical-align: top;
      min-width: 282px;
      padding: 15px 10px 23px;
      text-align: center;
      background: url(../png/trial-btn.png) no-repeat 0 -1px;
      background-size: 100% 278px;
      position: relative;
      min-height: 88px; }
      #header .text-holder .btn:after {
        position: absolute;
        left: 50%;
        bottom: 46px;
        margin: 0 0 0 -42px;
        width: 91px;
        height: 6px;
        content: "";
        background: url(../png/sprite.png) no-repeat -97px -86px; }
      #header .text-holder .btn span {
        font-family: "museoSansRounded-900", sans-serif; }
      #header .text-holder .btn .no-cc {
        font-family: "museoSansRounded-700", sans-serif;
        font-size: 11px;
        font-weight: normal;
        display: block;
        position: relative;
        top: 4px; }
      #header .text-holder .btn:hover {
        background: url(../png/trial-btn.png) no-repeat 0 -97px;
        background-size: 100% 278px; }
      #header .text-holder .btn:focus {
        background: url(../png/trial-btn.png) no-repeat 0 -194px;
        background-size: 100% 278px; }
  #header h1 {
    font: 70px/78px "museoSansRounded-900", sans-serif;
    margin: 0 0 35px;
    color: #fff;
    letter-spacing: -2px; }
  @media only screen and (max-width: 767px) {
    #header {
      background-position: 50% 112px;
      background-size: 679px auto; }
      #header .holder {
        min-height: 240px;
        padding: 0 10px 30px; }
      #header .top-header {
        padding: 15px 0 25px; }
        #header .top-header .btn {
          min-width: 75px; }
      #header h1 {
        letter-spacing: normal;
        font-size: 22px;
        line-height: 26px;
        margin: 0 0 26px; }
        #header h1 br {
          display: none; }
      #header .header-bottom {
        background-size: 1600px auto; }
        #header .header-bottom .holder {
          padding: 70px 10px 22px;
          min-height: 195px; }
        #header .header-bottom .text {
          line-height: 20px;
          font-size: 14px; }
      #header .text-holder .btn {
        min-width: 242px; } }

.header-bottom {
  text-align: center;
  font-family: "museoSansRounded-900", sans-serif; }
  .header-bottom .title {
    margin: 0 0 10px;
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 34px;
    text-transform: uppercase;
    color: #98a7ac; }
  .header-bottom .text {
    display: block;
    color: #546165;
    font-size: 28px;
    line-height: 36px; }
  @media only screen and (max-width: 767px) {
    .header-bottom .text {
      font-size: 22px;
      line-height: 34px; } }

.inner #header {
  margin: 0;
  padding: 0 0 210px;
  background: #ffffd1 url(../jpg/bg-header-inner.jpg) repeat-x 50% 0; }
  @media only screen and (max-width: 767px) {
    .inner #header {
      padding: 0 0 190px; } }
  .inner #header .holder {
    min-height: inherit; }
    @media only screen and (max-width: 767px) {
      .inner #header .holder {
        padding-bottom: 0; } }
  .inner #header h1 {
    font-size: 42px;
    line-height: 54px;
    letter-spacing: normal;
    margin: 20px 0 15px; }
  .inner #header .top-header {
    padding: 15px 0 18px; }
.inner .logo {
  width: 214px;
  margin: 5px 0 0 1px; }
@media only screen and (max-width: 767px) {
  .inner .logo {
    width: 165px; }
  .inner #header h1 {
    font-size: 32px;
    line-height: 36px; } }

.logo {
  float: left;
  width: 245px;
  margin: 4px 0 0 1px; }
  .logo img {
    display: block;
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 767px) {
    .logo {
      width: 165px; } }

#main {
  width: 100%;
  margin: -185px 0 0;
  background: url(../png/inner-bg.png) 50% 0; }
  #main .holder {
    margin: 0 auto;
    max-width: 1190px;
    padding: 44px 10px 160px; }
  #main ul {
    margin: 0 0 22px; }
    #main ul li {
      position: relative;
      font: 21px/22px "museoSansRounded-700", sans-serif;
      padding: 0 0 10px 8px;
      color: #546165; }
      @media only screen and (max-width: 767px) {
        #main ul li {
          font-size: 16px;
          line-height: 20px; } }
      #main ul li:after {
        content: "";
        position: absolute;
        left: -11px;
        top: 9px;
        width: 8px;
        height: 8px;
        background: #d8d8d8;
        border-radius: 50%;
        background: #546165; }
  #main .form-holder {
    margin: 0 auto;
    max-width: 746px;
    padding: 0 0 0 137px;
    position: relative; }
  @media only screen and (max-width: 1000px) {
    #main .form-holder {
      padding: 0 0 0 45px; } }
  @media only screen and (max-width: 767px) {
    #main .form-holder {
      padding: 0 10px; }
    #main .holder {
      padding: 44px 10px 50px; } }

@-webkit-keyframes angelMove {
  0% {
    -ms-transform: translateY(0);
    /* IE 9 */
    -webkit-transform: translateY(0);
    /* Chrome, Safari, Opera */
    transform: translateY(0); }
  50% {
    -ms-transform: translateY(20px);
    /* IE 9 */
    -webkit-transform: translateY(20px);
    /* Chrome, Safari, Opera */
    transform: translateY(20px); }
  100% {
    -ms-transform: translateY(0);
    /* IE 9 */
    -webkit-transform: translateY(0);
    /* Chrome, Safari, Opera */
    transform: translateY(0); } }
@-moz-keyframes angelMove {
  0% {
    -ms-transform: translateY(0);
    /* IE 9 */
    -webkit-transform: translateY(0);
    /* Chrome, Safari, Opera */
    transform: translateY(0); }
  50% {
    -ms-transform: translateY(20px);
    /* IE 9 */
    -webkit-transform: translateY(20px);
    /* Chrome, Safari, Opera */
    transform: translateY(20px); }
  100% {
    -ms-transform: translateY(0);
    /* IE 9 */
    -webkit-transform: translateY(0);
    /* Chrome, Safari, Opera */
    transform: translateY(0); } }
@keyframes angelMove {
  0% {
    -ms-transform: translateY(0);
    /* IE 9 */
    -webkit-transform: translateY(0);
    /* Chrome, Safari, Opera */
    transform: translateY(0); }
  50% {
    -ms-transform: translateY(20px);
    /* IE 9 */
    -webkit-transform: translateY(20px);
    /* Chrome, Safari, Opera */
    transform: translateY(20px); }
  100% {
    -ms-transform: translateY(0);
    /* IE 9 */
    -webkit-transform: translateY(0);
    /* Chrome, Safari, Opera */
    transform: translateY(0); } }
.contact-form {
  position: relative;
  max-width: 470px;
  padding: 33px 0 0; }
  .contact-form:after {
    position: absolute;
    top: 0;
    content: "";
    left: 50%;
    width: 90px;
    height: 4px;
    margin: 0 0 0 -45px;
    background: url(../png/sprite.png) no-repeat -104px -111px; }
  .contact-form .angel {
    position: absolute;
    right: -222px;
    top: -122px;
    content: "";
    width: 258px;
    height: 267px;
    background: url(../svg/angel.svg) no-repeat;
    background-size: 258px 267px;
    -o-animation: angelMove 2s ease-in-out;
    -moz-animation: angelMove 2s ease-in-out;
    -webkit-animation: angelMove 2s ease-in-out;
    animation: angelMove 2s ease-in-out;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transition: top 1s ease-in-out;
    /* For Safari 3.1 to 6.0 */
    transition: top 1s ease-in-out; }
  .contact-form label {
    display: block;
    letter-spacing: 2px;
    font: 14px/15px "museoSansRounded-700", sans-serif;
    padding: 0 0 3px 12px;
    color: #343433;
    text-transform: uppercase; }
  .contact-form .row {
    overflow: hidden;
    padding: 7px 10px 7px 40px;
    border: 3px solid #d5d6d6;
    border-radius: 15px;
    position: relative;
    margin: 0 0 20px;
    background: rgba(251, 252, 252, 0.4); }
    .contact-form .row:after {
      position: absolute;
      content: "";
      left: 18px;
      top: 15px;
      background: url(../png/sprite.png); }
    .contact-form .row.error {
      border-color: red; }
    .contact-form .row.name:after {
      background-position: -4px 0;
      width: 13px;
      height: 19px; }
    .contact-form .row.name.parent-focus:after {
      background-position: -30px 0; }
    .contact-form .row.mail:after {
      background-position: -1px -26px;
      width: 19px;
      height: 14px;
      left: 12px;
      top: 19px; }
    .contact-form .row.mail.parent-focus:after {
      background-position: -27px -26px; }
    .contact-form .row.tel:after {
      background-position: -3px -50px;
      width: 17px;
      height: 17px;
      left: 16px;
      top: 17px; }
    .contact-form .row.tel.parent-focus:after {
      background-position: -29px -50px; }
    .contact-form .row.pass:after {
      background-position: -3px -74px;
      width: 14px;
      height: 18px;
      left: 16px; }
    .contact-form .row.pass.parent-focus:after {
      background-position: -29px -74px; }
    .contact-form .row.parent-focus {
      border-color: #5a5a5a; }
      .contact-form .row.parent-focus input[type=text], .contact-form .row.parent-focus input[type=tel], .contact-form .row.parent-focus input[type=email], .contact-form .row.parent-focus input[type=password] {
        color: #5a5a5a; }
  .contact-form input[type=text], .contact-form input[type=tel], .contact-form input[type=email], .contact-form input[type=password] {
    float: left;
    width: 100%;
    border: 0;
    font: 24px/27px "museoSansRounded-100", sans-serif;
    padding: 4px 0;
    color: #111;
    height: 35px;
    background: none; }
  .contact-form .input-placeholder-text {
    position: absolute;
    left: 48px;
    font: 24px/35px "museoSansRounded-100", sans-serif;
    color: #9d9d9d; }
  .contact-form .submit {
    display: block;
    padding: 0;
    border: none;
    width: 100%;
    height: 64px;
    font: 21px/40px "museoSansRounded-700", sans-serif;
    padding: 10px 10px 14px;
    color: #fff;
    background: url(../png/submit-btn.png) no-repeat;
    background-size: 100% 210px;
    outline: none; }
    .contact-form .submit:hover {
      background: url(../png/submit-btn.png) no-repeat 0 -73px;
      background-size: 100% 210px; }
    .contact-form .submit:focus {
      background: url(../png/submit-btn.png) no-repeat 0 -150px;
      background-size: 100% 210px; }
  @media only screen and (max-width: 1000px) {
    .contact-form input[type=text], .contact-form input[type=tel], .contact-form input[type=email], .contact-form input[type=password] {
      padding: 8px 0 2px; } }
  @media only screen and (max-width: 767px) {
    .contact-form {
      max-width: 320px;
      margin: 0 auto; }
      .contact-form:before {
        display: none; }
      .contact-form .submit {
        padding: 5px 10px 16px; }
      .contact-form input[type=text], .contact-form input[type=tel], .contact-form input[type=email], .contact-form input[type=password] {
        font-size: 20px;
        line-height: 23px;
        padding: 9px 0 5px; }
      .contact-form .input-placeholder-text {
        font-size: 20px;
        line-height: 23px;
        padding: 9px 0 5px; }
      .contact-form .angel {
        display: none; } }

.paper-bg {
  width: 100%;
  margin: 0 0 -110px;
  padding: 487px 0 0;
  background: url(../png/paper-top.png) repeat-x 50% 0; }
  .paper-bg .frame {
    background: url(../png/paper-repeat.png) 50% 0; }
  .paper-bg .holder {
    padding: 0 7px;
    margin: 0 auto;
    max-width: 1190px; }
  .paper-bg .content-area {
    float: left;
    width: 100%;
    margin: -408px 0 0; }
  .paper-bg .two-columns {
    padding: 0 0 100px;
    overflow: hidden; }
    .paper-bg .two-columns .col {
      float: left;
      width: 50%;
      padding: 0 91px 0 12px; }
      .paper-bg .two-columns .col:first-child {
        padding: 0; }
        @media only screen and (max-width: 767px) {
          .paper-bg .two-columns .col:first-child {
            padding: 0 20px; } }
  .paper-bg h2 {
    margin: 0 0 18px;
    font: 36px/40px "museoSansRounded-900", sans-serif;
    color: #41392a; }
    @media only screen and (max-width: 767px) {
      .paper-bg h2 {
        text-align: center; } }
  .paper-bg li {
    padding: 0 0 18px 33px;
    line-height: 21px;
    position: relative; }
    .paper-bg li:after {
      position: absolute;
      left: 2px;
      width: 20px;
      height: 20px;
      top: 1px;
      content: "";
      background: url(../svg/check.svg) no-repeat; }
  .paper-bg.add {
    position: relative;
    margin: 0; }
    .paper-bg.add .holder {
      padding: 0 7px 9px; }
    .paper-bg.add h2 {
      font-size: 44px;
      line-height: 46px;
      text-align: center;
      margin: 0 0 56px;
      text-transform: capitalize; }
    .paper-bg.add .content-area {
      margin: -412px 0 0; }
    .paper-bg.add ul {
      letter-spacing: -5px;
      margin: 0 auto;
      max-width: 1046px;
      padding: 0 0 0 36px; }
      .paper-bg.add ul li {
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        color: #5d5649;
        line-height: 24px;
        padding: 0 68px 0 85px;
        min-height: 66px;
        margin: 0 0 13px;
        font-size: 21px; }
        .paper-bg.add ul li:before {
          content: '';
          display: inline-block;
          height: 66px;
          width: 1px;
          overflow: hidden;
          margin: 0 0 0 -5px;
          vertical-align: middle; }
        .paper-bg.add ul li:after {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          width: 66px;
          height: 66px;
          margin: -33px 0 0;
          border-radius: 50%;
          background-image: url(../svg/bullet-music.svg);
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: 67px auto;
          background-color: #fff; }
        .paper-bg.add ul li.music:after {
          background-image: url(../svg/bullet-music.svg); }
        .paper-bg.add ul li.book:after {
          background-image: url(../svg/bullet-book.svg); }
        .paper-bg.add ul li.brain:after {
          background-image: url(../svg/bullet-brain.svg); }
        .paper-bg.add ul li.pin:after {
          background-image: url(../svg/bullet-pin.svg); }
        .paper-bg.add ul li.pencil:after {
          background-image: url(../svg/bullet-pencil.svg); }
        .paper-bg.add ul li.flag:after {
          background-image: url(../svg/bullet-flag.svg); }
        .paper-bg.add ul li span {
          padding: 8px 0 0;
          white-space: normal;
          vertical-align: middle;
          display: inline-block; }
  @media only screen and (max-width: 1000px) {
    .paper-bg .two-columns .col {
      padding: 0 0 0 12px; }
    .paper-bg.add ul li {
      padding: 0 10px 0 85px; } }
  @media only screen and (max-width: 767px) {
    .paper-bg .content-area {
      margin: -438px 0 0; }
    .paper-bg .two-columns .col {
      float: none;
      display: block;
      max-width: 400px;
      width: 100%;
      padding: 0 20px;
      margin: 0 auto; }
    .paper-bg li {
      font-size: 15px;
      padding: 0 0 18px 27px; }
    .paper-bg h2 {
      font-size: 25px;
      line-height: 30px;
      margin: 0 0 15px; }
    .paper-bg.add .content-area {
      margin: -442px 0 0; }
    .paper-bg.add ul {
      padding: 0 10px; }
      .paper-bg.add ul li {
        font-size: 17px;
        width: 100%;
        padding: 0 0 0 85px; }
    .paper-bg.add h2 {
      margin: 0 0 20px;
      font-size: 24px;
      line-height: 30px; } }

.story-block {
  width: 100%;
  position: relative; }
  .story-block img {
    display: block;
    width: 100%;
    height: auto; }
  .story-block .frame {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .story-block .holder {
    margin: 0 auto;
    max-width: 1190px;
    padding: 0 10px;
    height: 100%;
    text-align: center;
    white-space: nowrap; }
    .story-block .holder:after {
      content: '';
      display: inline-block;
      height: 100%;
      width: 1px;
      overflow: hidden;
      margin: 0 0 0 -5px;
      vertical-align: middle; }
    .story-block .holder span {
      max-width: 970px;
      padding: 234px 10px 0;
      color: #fff;
      font: 44px/46px "museoSansRounded-900", sans-serif;
      vertical-align: middle;
      display: inline-block;
      white-space: normal; }
  @media only screen and (max-width: 1369px) {
    .story-block .holder span {
      padding: 124px 10px 0; } }
  @media only screen and (max-width: 1000px) {
    .story-block .holder span {
      font-size: 30px;
      line-height: 36px;
      padding: 104px 10px 0; } }
  @media only screen and (max-width: 767px) {
    .story-block {
      overflow: hidden; }
      .story-block .holder span {
        padding: 74px 10px 0;
        font-size: 15px;
        line-height: 20px; } }
  @media only screen and (max-width: 432px) {
    .story-block img {
      width: 598px;
      margin: 0 0 0 -163px; } }

.green-body {
  width: 100%;
  margin: 0 0 -20px;
  padding: 764px 0 0;
  background: url(../png/green-top.png) repeat-x 50% 0; }
  .green-body .frame {
    width: 100%;
    background: url(../png/green-repeat.png) 50% 0; }
  .green-body .content-area {
    float: left;
    width: 100%;
    margin: -626px 0 0; }
  @media only screen and (max-width: 767px) {
    .green-body {
      padding: 760px 0 0; }
      .green-body .content-area {
        margin: -666px 0 0; } }

.testimonial {
  width: 100%;
  padding: 0 0 89px;
  background: url(../png/testimonial-bg.png) no-repeat 50% 0; }
  .testimonial .holder {
    margin: 0 auto;
    max-width: 1190px;
    padding: 133px 10px 0; }
  .testimonial .title {
    letter-spacing: 2px;
    display: block;
    color: #33452c;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font: 16px/20px "museoSansRounded-900", sans-serif;
    margin: 0 auto 40px;
    max-width: 420px; }
    .testimonial .title:after {
      position: absolute;
      content: "";
      top: -78px;
      left: 50%;
      width: 61px;
      height: 60px;
      margin: 0 0 0 -32px;
      background: url(../png/sprite.png) no-repeat -127px -1px; }
  @media only screen and (max-width: 767px) {
    .testimonial {
      padding: 0 0 19px; } }

.slideshow {
  position: relative;
  max-width: 370px;
  margin: 0 auto; }
  .slideshow .slideset {
    margin: 0 0 50px;
    position: relative;
    width: 100%; }
  .slideshow .slide {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0; }
    .slideshow .slide.active {
      z-index: 99; }
  .slideshow blockquote {
    margin: 0;
    text-align: center;
    color: #33452c; }
    .slideshow blockquote q {
      text-align: justify;
      display: block;
      line-height: 23px;
      margin: 0 0 21px; }
    .slideshow blockquote cite {
      padding: 12px 0 0;
      font-style: normal;
      text-align: center;
      display: block; }
    .slideshow blockquote .name {
      margin: 0 0 5px;
      display: block;
      text-transform: capitalize;
      font: 28px/35px "museoSansRounded-900", sans-serif; }
    .slideshow blockquote .web-link {
      display: block; }
      .slideshow blockquote .web-link a {
        color: #fff;
        text-decoration: underline; }
        .slideshow blockquote .web-link a:hover {
          text-decoration: none; }
  @media only screen and (max-width: 1000px) {
    .slideshow {
      max-width: 320px; } }
  @media only screen and (max-width: 767px) {
    .slideshow {
      max-width: inherit; }
      .slideshow blockquote q {
        font-size: 15px; } }

.slide-pagination li {
  position: absolute; }
  .slide-pagination li.person {
    left: -370px;
    top: -55px; }
  .slide-pagination li.person01 {
    left: -270px;
    top: 7px; }
  .slide-pagination li.person02 {
    left: -188px;
    top: -123px; }
  .slide-pagination li.person03 {
    left: -371px;
    top: 71px; }
    .slide-pagination li.person03 a:after {
      left: -21px;
      bottom: 9px; }
  .slide-pagination li.person04 {
    left: -157px;
    top: 51px; }
    .slide-pagination li.person04 a:after {
      left: -21px;
      bottom: 9px; }
  .slide-pagination li.person05 {
    left: -315px;
    top: 222px; }
  .slide-pagination li.person06 {
    left: -159px;
    top: 197px; }
  .slide-pagination li.person07 {
    left: 470px;
    top: -119px; }
  .slide-pagination li.person08 {
    left: 632px;
    top: -59px; }
  .slide-pagination li.person09 {
    left: 483px;
    top: 17px; }
  .slide-pagination li.person10 {
    left: 645px;
    top: 59px; }
    .slide-pagination li.person10 a:after {
      left: -21px;
      bottom: 9px; }
  .slide-pagination li.person11 {
    left: 486px;
    top: 185px; }
    .slide-pagination li.person11 a:after {
      left: -21px;
      bottom: 9px; }
  .slide-pagination li.person12 {
    left: 635px;
    top: 241px; }
  .slide-pagination li.active a:after {
    display: block; }
.slide-pagination img {
  display: block;
  width: 69px;
  height: 110px;
  position: relative;
  z-index: 1; }
.slide-pagination a {
  display: block;
  position: relative; }
  .slide-pagination a:after {
    display: none;
    position: absolute;
    left: -24px;
    bottom: 22px;
    width: 83px;
    height: 36px;
    content: "";
    background: url(../png/ico-active.png) no-repeat; }
  .slide-pagination a:hover:after {
    display: block; }
@media only screen and (max-width: 1100px) {
  .slide-pagination li.person02 {
    left: -98px; }
  .slide-pagination li.person04 {
    left: -97px; }
  .slide-pagination li.person01 {
    left: -210px; }
  .slide-pagination li.person06 {
    left: -90px; }
  .slide-pagination li.person05 {
    left: -195px; }
  .slide-pagination li.person {
    left: -280px; }
  .slide-pagination li.person03 {
    left: -271px;
    top: 89px; }
  .slide-pagination li.person07 {
    left: 400px; }
  .slide-pagination li.person08 {
    left: 542px; }
  .slide-pagination li.person09 {
    left: 433px; }
  .slide-pagination li.person10 {
    left: 555px; }
  .slide-pagination li.person11 {
    left: 425px; }
  .slide-pagination li.person12 {
    left: 555px; } }
@media only screen and (max-width: 1000px) {
  .slide-pagination li.person02 {
    left: -68px; }
  .slide-pagination li.person04 {
    left: -67px; }
  .slide-pagination li.person01 {
    left: -160px; }
  .slide-pagination li.person06 {
    left: -60px; }
  .slide-pagination li.person05 {
    left: -125px; }
  .slide-pagination li.person {
    left: -190px;
    top: -115px; }
  .slide-pagination li.person03 {
    left: -181px;
    top: 116px; }
  .slide-pagination li.person07 {
    left: 330px; }
  .slide-pagination li.person08 {
    left: 432px; }
  .slide-pagination li.person09 {
    left: 353px; }
  .slide-pagination li.person10 {
    left: 445px; }
  .slide-pagination li.person11 {
    left: 355px; }
  .slide-pagination li.person12 {
    left: 455px;
    top: 181px; } }
@media only screen and (max-width: 767px) {
  .slide-pagination {
    display: none; } }

.pagination {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 99; }
  .pagination ul {
    letter-spacing: -5px; }
    .pagination ul li {
      vertical-align: top;
      display: inline-block;
      text-align: left;
      margin: 0 5px; }
      .pagination ul li.active a {
        background: #fff; }
    .pagination ul a {
      display: block;
      width: 17px;
      border-radius: 50%;
      height: 17px;
      overflow: hidden;
      text-indent: -9999px;
      border: 2px solid #fff; }
      .pagination ul a:hover {
        background: #fff; }
  @media only screen and (max-width: 1000px) {
    .pagination ul li {
      margin: 0 3px; } }

.water-bg-block {
  width: 100%;
  padding: 18px 0 0;
  background: url(../png/content-bg.png) no-repeat 50% 0; }
  .water-bg-block .water-block {
    margin: 0 auto;
    max-width: 1269px;
    padding: 916px 0 0;
    background: url(../png/bg-block-top.png) no-repeat 50% 0;
    background-size: 100% auto; }
  .water-bg-block .frame {
    background: url(../png/bg-block-repeat.png) 50% 0;
    background-size: 100% auto; }
  .water-bg-block .content-area {
    float: left;
    width: 100%;
    margin: -900px 0 0;
    padding: 102px 0 53px; }
  @media only screen and (max-width: 1369px) {
    .water-bg-block .water-block {
      max-width: 1080px;
      padding: 779px 0 0; }
    .water-bg-block .content-area {
      margin: -770px 0 0; } }
  @media only screen and (max-width: 1100px) {
    .water-bg-block .water-block {
      max-width: 980px;
      padding: 707px 0 0; }
    .water-bg-block .content-area {
      margin: -697px 0 0; } }
  @media only screen and (max-width: 1000px) {
    .water-bg-block .water-block {
      max-width: 750px;
      padding: 541px 0 0; }
    .water-bg-block .content-area {
      margin: -537px 0 0; } }
  @media only screen and (max-width: 767px) {
    .water-bg-block .water-block {
      padding: 226px 0 0;
      max-width: 325px; }
    .water-bg-block .content-area {
      margin: -174px 0 0;
      padding: 0 0 53px; } }

.veritas-block {
  max-width: 910px;
  margin: 0 auto;
  padding: 0 0 41px;
  color: #2d3c3f; }
  .veritas-block h1 {
    text-transform: capitalize;
    font: 44px/46px "museoSansRounded-900", sans-serif;
    margin: 0 0 10px;
    text-align: center;
    color: #2d3c3f; }
  .veritas-block .two-columns {
    padding: 23px 0 40px; }
    .veritas-block .two-columns p {
      margin: 0 0 6px; }
  .veritas-block .one-column {
    padding: 23px 0 40px; }
    .veritas-block .one-column p {
      margin: 0 0 6px; }
    .veritas-block .one-column .col {
      float: none;
      margin: 0 auto;
      text-align: center; }
      .veritas-block .one-column .col:first-child {
        padding: 3px 0; }
        .veritas-block .one-column .col:first-child .img-holder {
          margin: 0 auto 58px; }
  .veritas-block .col {
    float: left;
    width: 50%;
    position: relative;
    padding: 0 9px 0 67px; }
    .veritas-block .col:after {
      position: absolute;
      width: 3px;
      left: -4px;
      content: "";
      bottom: 0;
      top: 36px;
      background: rgba(45, 60, 63, 0.23); }
    .veritas-block .col .img-holder {
      margin: 0 0 58px 47px; }
    .veritas-block .col:first-child {
      padding: 0 72px 0 3px; }
      .veritas-block .col:first-child:after {
        display: none; }
      .veritas-block .col:first-child .img-holder {
        margin: 0 0 58px 27px; }
    .veritas-block .col .title {
      display: block;
      width: 287px;
      z-index: 9;
      left: 10px;
      bottom: -30px;
      font: 28px/30px "museoSansRounded-700", sans-serif;
      color: #fff;
      padding: 44px 5px 0;
      position: absolute !important;
      height: 91px !important;
      background: url(../png/bg-text.png) no-repeat;
      text-align: center; }
    .veritas-block .col .post {
      padding: 47px 0 0; }
    .veritas-block .col .img-holder {
      position: relative;
      width: 305px; }
      .veritas-block .col .img-holder:after {
        position: absolute;
        left: -33px;
        top: -30px;
        content: "";
        width: 371px;
        height: 364px;
        z-index: 1;
        background: url(../png/upper-round.png) no-repeat;
        background-size: 100% auto; }
    .veritas-block .col img {
      display: block;
      border-radius: 40%;
      width: 100%;
      height: auto;
      margin: -3px 0 0; }
  @media only screen and (max-width: 1369px) {
    .veritas-block {
      max-width: 850px; }
      .veritas-block .col {
        padding: 0 9px 0 30px; }
        .veritas-block .col:first-child {
          padding: 0 30px 0 3px; }
          .veritas-block .col:first-child .img-holder {
            margin: 0 auto 59px; }
        .veritas-block .col .img-holder {
          margin: 0 auto 59px; } }
  @media only screen and (max-width: 1100px) {
    .veritas-block {
      max-width: 730px; }
      .veritas-block .col .img-holder {
        width: 245px; }
        .veritas-block .col .img-holder:after {
          width: 297px;
          height: 303px;
          left: -26px;
          top: -26px; }
      .veritas-block .col .title {
        left: -25px; } }
  @media only screen and (max-width: 1000px) {
    .veritas-block {
      max-width: 600px; }
      .veritas-block .two-columns, .veritas-block .one-column {
        padding: 72px 20px 1px; }
      .veritas-block .col {
        height: auto !important;
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 0 70px; }
        .veritas-block .col:after {
          display: none; }
        .veritas-block .col:first-child {
          padding: 0; } }
  @media only screen and (max-width: 767px) {
    .veritas-block {
      padding: 0; }
      .veritas-block .post {
        font-size: 15px; }
      .veritas-block h1 {
        font-size: 26px;
        line-height: 36px;
        margin: 0 50px 15px; }
      .veritas-block .two-columns, .veritas-block .one-column {
        padding: 0 57px 1px;
        text-align: center; }
      .veritas-block .col {
        margin: 0 0 20px; }
        .veritas-block .col .img-holder {
          width: 185px; }
          .veritas-block .col .img-holder:after {
            height: auto;
            width: auto;
            left: -20px;
            right: -20px;
            bottom: -20px;
            top: -20px;
            background-size: 100% 100%; }
        .veritas-block .col .title {
          width: 245px;
          left: -30px;
          background-size: 100% 100%;
          font-size: 24px; } }

.comming-block {
  max-width: 920px;
  margin: 0 auto; }
  .comming-block h2 {
    font: 36px/40px "museoSansRounded-900", sans-serif;
    color: #2d3c3f;
    margin: 0 0 67px;
    text-align: center;
    text-transform: capitalize; }
  .comming-block .list {
    margin: 0  -35px;
    letter-spacing: -5px;
    text-align: center; }
  .comming-block li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 29px 20px; }
  .comming-block a {
    display: block;
    width: 262px;
    color: #231e17;
    opacity: 1;
    text-decoration: none;
    height: 258px;
    font: 22px/26px "museoSansRounded-700", sans-serif;
    white-space: nowrap;
    background: url(../png/bg-book.png) no-repeat; }
    .comming-block a:after {
      content: '';
      display: inline-block;
      height: 258px;
      width: 1px;
      overflow: hidden;
      margin: 0 0 0 -5px;
      vertical-align: middle; }
    .comming-block a span {
      vertical-align: middle;
      display: inline-block;
      white-space: normal;
      padding: 10px 40px 0; }
  @media only screen and (max-width: 1369px) {
    .comming-block li {
      margin: 0 9px 20px; } }
  @media only screen and (max-width: 1100px) {
    .comming-block .list {
      margin: 0 10px; }
    .comming-block li {
      margin: 0 3px 20px; } }
  @media only screen and (max-width: 767px) {
    .comming-block {
      padding: 0 35px; }
      .comming-block h2 {
        font-size: 20px;
        line-height: 25px;
        margin: 30px 0 30px; }
      .comming-block .list {
        margin: 0; }
      .comming-block a {
        width: 225px;
        height: 225px;
        background-size: 100% 100%; }
        .comming-block a:after {
          height: 225px; } }

.accessibility {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }
  .accessibility:focus {
    position: static;
    width: auto;
    height: auto; }

.hidden {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-indent: -9999px;
  left: -9999px; }

#footer {
  background: #1a1529;
  width: 100%; }
  #footer .holder {
    margin: 0 auto;
    max-width: 1190px;
    padding: 42px 10px 30px; }
  #footer .copyright {
    font-size: 16px;
    line-height: 22px;
    color: #646286;
    float: left; }
  #footer a {
    color: #646286; }
    #footer a:hover {
      text-decoration: none;
      color: #fff; }
  #footer .social-networks {
    float: right;
    padding: 2px 8px 0 0; }
    #footer .social-networks li {
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding: 0 0 0 7px; }
      #footer .social-networks li:first-child {
        padding: 0 1px 0 0; }
        #footer .social-networks li:first-child:after {
          display: none; }
      #footer .social-networks li:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 2px;
        height: 16px;
        background: url(../png/sprite.png) no-repeat -80px -4px; }
      #footer .social-networks li a {
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../png/sprite.png) no-repeat; }
        #footer .social-networks li a.facebook {
          width: 17px;
          height: 16px;
          background-position: -58px -1px; }
        #footer .social-networks li a.twitter {
          width: 17px;
          height: 14px;
          margin: 1px 0 0;
          background-position: -87px -2px; }
        #footer .social-networks li a:hover {
          opacity: .8; }
  @media only screen and (max-width: 767px) {
    #footer .social-networks {
      float: none; }
    #footer .copyright {
      float: none;
      font-size: 12px; }
    #footer .holder {
      padding: 20px 10px; } }

.mac .contact-form input[type=text],
.mac .contact-form input[type=tel],
.mac .contact-form input[type=email],
.mac .contact-form input[type=password] {
  padding: 6px 0 2px;
  line-height: 30px; }