html {
  width: 100%;
  overflow-x: hidden; }

body {
  width: 100%;
  overflow-x: hidden;
  color: #363636;
  font-family: 'Lato', sans-serif;
  font-size: 16px; }
  body h2 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    padding: 20px 0; }
    @media only screen and (max-width: 767px) {
      body h2 {
        font-size: 26px;
        line-height: 32px; } }
    @media only screen and (max-width: 420px) {
      body h2 {
        font-size: 24px;
        line-height: 30px; } }
  body ul {
    list-style-type: square; }

img {
  width: 100%; }

section {
  padding: 60px 0; }

a.btn-action {
  background: #12a497;
  color: #f4f1f0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  padding: 8px 20px;
  border-radius: 1px;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25); }
  a.btn-action:hover {
    background: #267172;
    color: #f4f1f0; }

hr.gradient {
  position: relative;
  background: #019898;
  background: -moz-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #019898), color-stop(0%, #f6290c), color-stop(0%, #029898), color-stop(100%, #eda634));
  background: -webkit-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
  background: -o-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
  background: -ms-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
  background: linear-gradient(to right, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019898', endColorstr='#eda634', GradientType=1 );
  height: 3px;
  width: 60%;
  border: 0;
  margin-bottom: 0; }

nav {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  padding: 8px 0; }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    nav .container {
      width: 100%; } }
  @media only screen and (min-width: 768px) {
    nav ul.nav.navbar-nav {
      float: right; } }
  nav ul.nav.navbar-nav li {
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      nav ul.nav.navbar-nav li {
        text-align: center; } }
    nav ul.nav.navbar-nav li a {
      color: #267172;
      font-size: 15px;
      font-weight: 600; }
      nav ul.nav.navbar-nav li a:hover {
        color: #12a497;
        background: transparent; }
      nav ul.nav.navbar-nav li a:focus {
        background: transparent !important; }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        nav ul.nav.navbar-nav li a {
          font-size: 14px;
          padding: 15px 8px; } }
    nav ul.nav.navbar-nav li.cta-li {
      padding-top: 10px;
      padding-left: 5px; }
      nav ul.nav.navbar-nav li.cta-li a {
        background: #267172;
        color: #f4f1f0;
        padding: 5px 10px; }
  nav .navbar-brand {
    padding: 0;
    padding-left: 10px; }
    nav .navbar-brand img {
      position: relative;
      top: -21px;
      max-width: 120px; }
  nav span.icon-bar {
    background: #444; }

.header-image {
  display: block;
  width: 100%;
  text-align: center;
  background: url("../img/header-bg.png") no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }

.headline {
    padding: 0 0 12vw;
}
  .headline img {
    display: block;
		fill: white;
		margin: 10em auto 0;
		max-width: 100%;
		width: 680px;
  }
  .headline h1 {
    color: #f4f1f0;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 600;
    line-height: 68px; }
    @media only screen and (max-width: 767px) {
      .headline h1 {
        font-size: 36px;
        line-height: 48px;
        padding: 40px 0; } }
    @media only screen and (max-width: 420px) {
      .headline h1 {
        font-size: 30px;
        line-height: 40px;
        padding: 25px 0; } }
  .headline a.btn-action {
    background: #12a497;
    border: 2px solid #f4f1f0;
    padding: 8px 35px; }
    .headline a.btn-action:hover {
      background: #267172; }

#first-section {
  text-align: center;
  padding: 0;
  padding-bottom: 60px; }
  #first-section h2 {
    padding-bottom: 0; }
  #first-section p.descr-p {
    color: #12a497;
    font-weight: 600;
    margin-bottom: 35px;
    padding: 0 14vw; }
  #first-section .whatisit-col {
    padding: 0 30px;
    margin-bottom: 40px; }
    #first-section .whatisit-col h3 {
      font-size: 20px;
      font-weight: 600;
      text-transform: uppercase;
      color: #12a497;
      margin: 13px 0 13px; }
    #first-section .whatisit-col img {
      max-width: 300px;
      width: 100%;
      margin: 0 auto; }
  #first-section hr.gradient {
    margin-top: 0;
    margin-bottom: 35px; }
  .widescreen-cont {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin: .5em 0;
    overflow: hidden;
  }
    .widescreen-cont .euronews,
    .widescreen-cont video {
      border:0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

section#willyouget-section {
  padding: 25px 0; }
  section#willyouget-section .table-header {
    background: #009598;
    background: -moz-linear-gradient(left, #009598 0%, #f6290c 0%, #009598 0%, #00caac 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #009598), color-stop(0%, #f6290c), color-stop(0%, #009598), color-stop(100%, #00caac));
    background: -webkit-linear-gradient(left, #009598 0%, #f6290c 0%, #009598 0%, #00caac 100%);
    background: -o-linear-gradient(left, #009598 0%, #f6290c 0%, #009598 0%, #00caac 100%);
    background: -ms-linear-gradient(left, #009598 0%, #f6290c 0%, #009598 0%, #00caac 100%);
    background: linear-gradient(to right, #009598 0%, #f6290c 0%, #009598 0%, #00caac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009598', endColorstr='#00caac', GradientType=1 );
    color: #f4f1f0;
    text-align: center;
    font-weight: 600;
    padding: 20px 0; }
    @media only screen and (max-width: 991px) {
      section#willyouget-section .table-header {
        font-size: 22px; } }
  section#willyouget-section .panel-group {
    margin: 0; }
    section#willyouget-section .panel-group .panel {
      border: 0 !important;
      box-shadow: inherit; }
      section#willyouget-section .panel-group .panel .panel-heading {
        overflow: hidden;
        padding: 15px 15px;
        background: transparent;
        border-bottom: 2px solid #009698; }
        section#willyouget-section .panel-group .panel .panel-heading.opened-heading {
          border-color: transparent; }
        section#willyouget-section .panel-group .panel .panel-heading a {
          font-weight: 600; }
          section#willyouget-section .panel-group .panel .panel-heading a:focus {
            text-decoration: none; }
        section#willyouget-section .panel-group .panel .panel-heading .highlight-name {
          float: left;
          width: 32%;
          text-align: center;
          font-size: 18px;
          line-height: 22px; }
          @media only screen and (max-width: 991px) {
            section#willyouget-section .panel-group .panel .panel-heading .highlight-name {
              width: 88%; } }
          @media only screen and (max-width: 400px) {
            section#willyouget-section .panel-group .panel .panel-heading .highlight-name {
              width: 82%; } }
      section#willyouget-section .panel-group .panel .panel-body {
        padding-top: 0;
        padding-bottom: 25px;
        border-top: 0;
        border-bottom: 2px solid #009698; }
        section#willyouget-section .panel-group .panel .panel-body ul.decimal-ul {
          list-style-type: decimal; }
        section#willyouget-section .panel-group .panel .panel-body h6 {
          font-size: 16px;
          font-weight: 600;
          margin-top: 0; }
  section#willyouget-section .table-body .col-header {
    min-height: 50px; }
  section#willyouget-section .table-body .name-col {
    font-weight: 600; }
  section#willyouget-section .table-body img {
    max-width: 200px;
    margin: 0 auto; }
  section#willyouget-section .table-row.collapse-row {
    height: 50px; }
  section#willyouget-section .table-row .panel-col {
    margin-top: 20px; }
  section#willyouget-section .glyphicon {
    float: right;
    font-size: 18px;
    color: #777;
    margin-right: 5%; }
  section#willyouget-section .glyphicon-plus {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg); }
  section#willyouget-section a[data-toggle="collapse"] .glyphicon-plus {
    display: none; }
  section#willyouget-section a[data-toggle="collapse"].opened .glyphicon-plus {
    display: inline-block; }
  section#willyouget-section a[data-toggle="collapse"].opened .glyphicon-chevron-down {
    display: none; }

section#meet {
  background-color: #12a497;
  background-image: url("../img/section_end-bg.png");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #f4f1f0;
  padding: 15px 0; }
  @media only screen and (max-width: 991px) {
    section#meet {
      text-align: center; } }
  section#meet h2 {
    color: #f4f1f0;
    padding-bottom: 5px;
    margin-bottom: 0; }
    @media only screen and (max-width: 600px) {
      section#meet h2 {
        padding-left: 7px;
        padding-right: 7px; } }
  section#meet h3 {
    text-transform: uppercase;
    margin-top: 10px; }
  section#meet hr {
    margin: 0px 0 15px 26%;
    width: 48%;
    border-color: #f4f1f0; }
  section#meet img {
    max-width: 400px;
    float: right; }
    @media only screen and (max-width: 991px) {
      section#meet img {
        float: none !important;
        margin: 0 auto; } }
  section#meet ul {
    list-style-type: square; }
    @media only screen and (max-width: 450px) {
      section#meet ul {
        padding-left: 20px; } }
  section#meet .row {
    margin-bottom: 30px; }
    section#meet .row.row-inverse img {
      float: left; }
    @media only screen and (min-width: 992px) {
      section#meet .row.row-inverse .text-col {
        text-align: right; } }

section#testimonials {
  text-align: center; }
  section#testimonials .testimonials-header {
    background: #019898;
    background: -moz-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #019898), color-stop(0%, #f6290c), color-stop(0%, #029898), color-stop(100%, #eda634));
    background: -webkit-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: -o-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: -ms-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: linear-gradient(to right, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019898', endColorstr='#eda634', GradientType=1 );
    height: 5px;
    padding: 0;
    margin: 0;
    margin-bottom: 50px; }
  section#testimonials h5 {
    font-size: 18px;
    font-weight: 600; }
  section#testimonials img {
    max-width: 185px;
    margin: 0 auto;
    margin-bottom: 25px;
    border-radius: 50%; }
  section#testimonials p.name {
    font-size: 18px;
    margin-top: 5px; }
  section#testimonials .testimonial-col {
    padding: 0 6vw; }
    @media only screen and (max-width: 991px) {
      section#testimonials .testimonial-col:first-of-type {
        margin-bottom: 30px; } }

section#join {
  background: #ecb738;
  color: #f4f1f0;
  text-align: center; }
  section#join p.join-text {
    font-style: italic;
    font-size: 20px;
    line-height: 28px; }

section#howworks {
  padding: 25px 0; }
  section#howworks h2 {
    padding: 20px 0 30px; }
  section#howworks img.works-icon {
    width: 100%;
    max-width: 140px; }
  section#howworks .col-itworks {
    text-align: center;
    margin-bottom: 15px;
    min-height: 260px; }
    @media only screen and (min-width: 1200px) {
      section#howworks .col-itworks {
        padding: 0px 1vw; } }
    @media only screen and (max-width: 991px) {
      section#howworks .col-itworks {
        min-height: 150px; } }
    section#howworks .col-itworks p {
      text-align: center; }
    @media only screen and (max-width: 991px) {
      section#howworks .col-itworks ul {
        max-width: 160px;
        margin: 0 auto; } }
  section#howworks .row.row-widetarget {
    text-align: center; }
    section#howworks .row.row-widetarget h3 {
      text-transform: uppercase;
      font-size: 18px;
      text-align: center;
      font-weight: 600;
      margin-bottom: 15px; }
    section#howworks .row.row-widetarget img {
      margin: 0 auto; }
    section#howworks .row.row-widetarget p {
      margin-top: 10px;
      margin-bottom: 0; }
  section#howworks .row.row-flags {
    margin-top: 25px; }
    section#howworks .row.row-flags .col-itworks {
      min-height: 50px; }

section#youget {
  background: #12a497;
  color: #f4f1f0;
  padding: 10px 0 40px; }
  @media only screen and (max-width: 991px) {
    section#youget {
      text-align: center; } }
  section#youget h3 {
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 15px; }
	@media only screen and (min-width: 767px) {
      section#youget h3 {
     min-height: 84px; } }
    section#youget h3 span {
      display: inline-block;
      width: 56px;
      font-style: italic;
      text-align: center;
      border: 2px solid #f4f1f0;
      border-radius: 50%;
      padding: 12px 10px;
      margin-right: 10px; }
  section#youget h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 500;
    margin-top: 30px; }
    @media only screen and (max-width: 767px) {
      section#youget h4 {
        font-size: 24px;
        line-height: 30px; } }
  section#youget hr.hr-h4 {
    width: 350px;
    margin-top: 0;
    margin-bottom: 35px; }
    @media only screen and (max-width: 991px) {
      section#youget hr.hr-h4 {
        width: 60%;
        margin-bottom: 45px; } }
  section#youget p.descr-p {
    margin-bottom: 25px; }
  section#youget ul {
    list-style-type: square; }
  section#youget a.btn-action {
    background: #ecb738;
    border: 2px solid #f4f1f0;
    margin-top: 25px; }
    @media only screen and (max-width: 991px) {
      section#youget a.btn-action {
        margin-top: 15px; } }
  section#youget .row {
    margin-bottom: 30px; }
    @media only screen and (min-width: 992px) {
      section#youget .row iframe {
        float: right; } }
    section#youget .row img {
      max-width: 400px;
      float: right; }
      @media only screen and (max-width: 991px) {
        section#youget .row img {
          float: none !important;
          margin: 0 auto; } }
    section#youget .row.row-inverse img {
      float: left; }
    @media only screen and (min-width: 992px) {
      section#youget .row.row-inverse .text-col {
        text-align: right; } }
    @media only screen and (max-width: 991px) {
      section#youget .row ul {
        max-width: 400px;
        margin: 0 auto; } }
    section#youget .row ul.left-ul {
      max-width: 270px; }
      @media only screen and (min-width: 992px) {
        section#youget .row ul.left-ul {
          float: left; } }
  section#youget .row.row-header {
    margin-bottom: 0; }
  @media only screen and (min-width: 992px) {
    section#youget .row.row-first h3, section#youget .row.row-first p {
      text-align: right; } }
  @media only screen and (min-width: 992px) {
    section#youget .row.row-first img {
      float: left;
      margin-left: 30px; } }
  section#youget .row.row-first b, section#youget .row.row-first ul {
    margin-left: 3vw; }
  @media only screen and (max-width: 991px) {
    section#youget .row.row-first ul {
      max-width: 400px;
      margin: 0 auto;
      margin-bottom: 25px; } }
  @media only screen and (min-width: 992px) {
    section#youget .row.row-step {
      margin-bottom: 45px; } }
  @media only screen and (max-width: 991px) {
    section#youget .row.row-step {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 450px) {
    section#youget iframe {
      width: 300px !important; } }
  @media only screen and (max-width: 370px) {
    section#youget iframe {
      width: 255px !important; } }

section#howmade {
  padding: 25px 0 35px; }
  section#howmade h2 {
    padding: 5px 0 7px; }
  section#howmade ul {
    text-align: center;
    list-style-type: none;
    margin: 0; }
  section#howmade .popup-gallery {
    overflow: hidden;
    padding-top: 25px; }
  section#howmade .image-row {
    margin-top: 25px; }
  section#howmade .image-col {
    padding: 7px; }
    section#howmade .image-col a:focus {
      outline-color: #bbb; }
    section#howmade .image-col img {
      width: 100%;
      max-width: 300px;
      margin: 0 auto; }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        section#howmade .image-col img {
          max-width: 365px; } }

section#aboutus {
  padding: 30px 0; }
  section#aboutus h2 {
    padding: 20px 0 10px; }
  section#aboutus .howmade-header {
    color: #f4f1f0;
    padding-bottom: 30px;
    background: #019898;
    background: -moz-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #019898), color-stop(0%, #f6290c), color-stop(0%, #029898), color-stop(100%, #eda634));
    background: -webkit-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: -o-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: -ms-linear-gradient(left, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    background: linear-gradient(to right, #019898 0%, #f6290c 0%, #029898 0%, #eda634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019898', endColorstr='#eda634', GradientType=1 ); }
  section#aboutus .people-container {
    text-align: center;
    padding-top: 20px; }
    section#aboutus .people-container .people-col {
      margin-top: 30px;
      margin-bottom: 15px;
      padding: 0 8vw; }
    section#aboutus .people-container img {
      max-width: 250px;
      margin: 0 auto; }
    section#aboutus .people-container h3 {
      color: #12a497;
      text-transform: uppercase;
      font-size: 22px;
      margin: 15px 0 3px; }
    section#aboutus .people-container p.position {
      color: #267172;
      line-height: 20px;
      margin-bottom: 20px; }
    section#aboutus .people-container .row-otherpeople .people-col {
      padding: 0 4vw; }
  section#aboutus .btn-action {
    border: 2px solid #f4f1f0;
    margin-top: 35px; }

section#contact {
  background: #ecb738;
  padding: 25px 0 40px; }
  section#contact h2 {
    color: #f4f1f0;
    margin-top: 0; }
  section#contact .white-col {
    color: #f4f1f0;
    margin-bottom: 25px; }
  section#contact .others-col hr {
    background: #12a497;
    width: 40px;
    height: 3px;
    margin: 5px auto;
    border: 0; }
  section#contact .btn-action {
    border: 2px solid #f4f1f0; }
    @media only screen and (max-width: 400px) {
      section#contact .btn-action {
        white-space: normal; } }

footer {
  background: #0b3d43;
  background: -moz-linear-gradient(left, #0b3d43 0%, #f16f5c 0%, #f6290c 0%, #0b3d43 0%, #05191b 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #0b3d43), color-stop(0%, #f16f5c), color-stop(0%, #f6290c), color-stop(0%, #0b3d43), color-stop(100%, #05191b));
  background: -webkit-linear-gradient(left, #0b3d43 0%, #f16f5c 0%, #f6290c 0%, #0b3d43 0%, #05191b 100%);
  background: -o-linear-gradient(left, #0b3d43 0%, #f16f5c 0%, #f6290c 0%, #0b3d43 0%, #05191b 100%);
  background: -ms-linear-gradient(left, #0b3d43 0%, #f16f5c 0%, #f6290c 0%, #0b3d43 0%, #05191b 100%);
  background: linear-gradient(to right, #0b3d43 0%, #f16f5c 0%, #f6290c 0%, #0b3d43 0%, #05191b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3d43', endColorstr='#05191b', GradientType=1 );
  color: #f4f1f0;
  overflow: hidden;
  text-align: center;
  padding: 35px 0 0 0; }
  @media only screen and (min-width: 992px) {
    footer .contact-col {
      text-align: left;
      border-left: 2px solid #fff;
      padding: 25px 0 10px 15px; } }
  @media only screen and (max-width: 991px) {
    footer .contact-col p {
      margin: 0; } }
  footer .logo-col img {
    position: relative;
    max-width: 160px;
    margin: 0 auto; }
    @media only screen and (min-width: 992px) {
      footer .logo-col img {
        float: right;
        top: -35px;
        right: 0px;
        margin-bottom: -50px; } }

.mfp-wrap button.mfp-close {
  cursor: pointer !important; }

/*# sourceMappingURL=style.css.map */