@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext");
@font-face {
  font-family: "Futura Medium";
  src: url("../fonts/Futura-Medium.woff2") format("woff2"), url("../fonts/Futura-Medium.woff") format("woff"), url("../fonts/Futura-Medium.ttf") format("truetype"); }
html {
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

body {
  padding: 0;
  margin: 0;
  color: #494949;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  position: relative; }

a {
  color: #909090;
  text-decoration: underline;
  transition: all 250ms ease; }
  a:hover {
    color: #000000; }

::-moz-selection {
  background: #000000;
  color: #fffb00; }

::selection {
  background: #000000;
  color: #fffb00; }

h1, h2, h3, h4, h5, h6, p, blockquote, cite {
  margin: 0;
  padding: 0; }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

.clearfix:after {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  content: "";
  display: block;
  clear: both; }

.is-hidden {
  display: none; }

.yl-btn {
  font-family: "Futura Medium", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 65px;
  background: #ffffff;
  height: 70px;
  padding: 0 50px;
  display: inline-block;
  white-space: nowrap;
  transition: all 450ms ease;
  height: 67px;
  border: none;
  text-decoration: none !important; }
  .yl-btn span {
    transition: none;
    display: block;
    color: #000000;
    transition: all 250ms ease; }
  .yl-btn:active, .yl-btn:focus {
    color: #ffffff; }
  .yl-btn:hover {
    transform: translateY(-5px);
    text-decoration: none;
    background: #000000 !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 25px 50px;
    color: #ffffff; }
    .yl-btn:hover span {
      color: #ffffff; }

.input-wrapper {
  position: relative;
  margin-bottom: 17px; }
  .input-wrapper.two-columns {
    display: flex; }
    .input-wrapper.two-columns .input-content {
      width: 30%; }
      .input-wrapper.two-columns .input-content + .input-content {
        margin-left: 20px; }
  .input-wrapper .input-holder {
    height: 55px;
    border: 1px solid #c0c0c0;
    transition: all 450ms ease; }
    .input-wrapper .input-holder.braintree-hosted-fields-focused {
      background: rgba(192, 192, 192, 0.1); }
  .input-wrapper label {
    display: block;
    font-family: "Futura Medium", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000000 !important;
    margin: 0 0 3px 0;
    padding: 0; }
    .input-wrapper label b {
      color: #fffb00;
      font-weight: 300; }

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  width: 100%;
  padding: 0 20px;
  border: none;
  border-radius: 0;
  background: #ffffff;
  outline: none !important;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 55px;
  color: #000000;
  transition: all 450ms ease; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  textarea:focus {
    background: rgba(255, 255, 255, 0.8); }
  input[type="text"].error,
  input[type="email"].error,
  input[type="password"].error,
  textarea.error {
    background: #fff3f3;
    box-shadow: #ffaaaa 1px 0 0 inset, #ffaaaa -1px 0 0 inset, #ffaaaa 0 1px 0 inset, #ffaaaa 0 -1px 0 inset; }

.submit-wrapper {
  margin-top: 40px; }

input[type="submit"], .btn-submit, .download-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  height: 55px;
  width: 100%;
  padding: 0 20px;
  border: none;
  border-radius: 0;
  outline: none !important;
  font-family: "Futura Medium", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 55px;
  color: #ffffff;
  transition: all 450ms ease;
  background: #333333; }
  input[type="submit"]:hover, .btn-submit:hover, .download-btn:hover {
    text-decoration: none;
    background: #ffffff;
    color: #000000; }
  input[type="submit"]:focus, .btn-submit:focus, .download-btn:focus {
    text-decoration: none;
    color: #ffffff;
    background: #333333; }

.btn-submit {
  position: relative; }
  .btn-submit s {
    transition: all 0.2s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0; }
    .btn-submit s img {
      width: 55px;
      height: 55px; }
  .btn-submit.is-loading {
    pointer-events: none; }
    .btn-submit.is-loading s {
      transform: translateX(-50%) translateY(-50%) scale(1);
      opacity: 1; }
    .btn-submit.is-loading span {
      transform: scale(0);
      opacity: 0; }

.file-wrapper {
  position: relative;
  cursor: pointer; }
  .file-wrapper .file {
    display: block;
    width: 100%;
    height: 55px;
    color: #000000;
    text-align: center;
    font-family: "Futura Medium", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 55px;
    background: #e2e2e2;
    transition: all 450ms ease;
    position: relative; }
  .file-wrapper input[type="file"] {
    display: block;
    width: 100%;
    height: 55px;
    outline: none !important;
    border: none !important;
    position: absolute;
    top: 0;
    cursor: pointer;
    opacity: 0;
    text-indent: -5000px;
    font-size: 0; }
  .file-wrapper:hover .file {
    background: #ffffff;
    color: #000000; }

.main-header {
  position: relative; }
  .main-header .dock {
    margin-bottom: 55px;
    padding: 0 50px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main-header .dock .logo path {
      fill: #000000; }
    .main-header .dock .logo:hover {
      opacity: 0.6; }
  .main-header .title {
    text-align: center;
    margin-bottom: 120px; }
    .main-header .title h3 {
      padding: 0 200px;
      font-family: "Futura Medium", sans-serif;
      font-weight: 400;
      font-size: 60px;
      line-height: 70px;
      color: #000000;
      margin-bottom: 70px;
      letter-spacing: 2px; }
  .main-header .intro {
    padding-top: 50px;
    padding-right: 70px; }
    .main-header .intro h4 {
      font-family: "Futura Medium", sans-serif;
      font-weight: 400;
      font-size: 46px;
      line-height: 56px;
      color: #000000;
      margin-bottom: 40px;
      letter-spacing: 2px; }
    .main-header .intro h5 {
      font-family: "Futura Medium", sans-serif;
      font-weight: 400;
      font-size: 30px;
      line-height: 38px;
      color: #000000;
      margin-bottom: 20px;
      letter-spacing: 1px; }
  .main-header .bottom .col {
    margin: 0;
    padding: 0; }
  .main-header .parallax-bg {
    background-color: #fffb00; }

.global-header {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain; }
  .global-header .top {
    height: 280px;
    display: flex;
    flex-flow: column; }
  .global-header .dock {
    height: 85px;
    margin-bottom: 0;
    flex-shrink: 0;
    align-items: flex-end; }
    .global-header .dock .logo img {
      width: 50%; }
  .global-header .title-row-wrapper {
    height: 100%;
    display: flex;
    align-items: center; }
  .global-header .title-row {
    display: flex;
    align-items: center; }
    .global-header .title-row h1 {
      flex-grow: 1;
      font-family: "Futura Medium", sans-serif;
      font-weight: 400;
      font-size: 40px;
      line-height: 1.2;
      color: #000000; }
  .global-header .payment-steps span {
    background: #ffffff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-family: "Futura Medium", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 60px;
    font-weight: bold;
    width: 60px;
    height: 60px;
    border-radius: 50%; }
    .global-header .payment-steps span:last-child {
      background: #000000;
      color: #ffffff;
      margin-left: 30px; }

.signup-form, .wpcf7-form, #purchase-form {
  background: #fffb00;
  padding: 50px;
  margin-bottom: 50px !important; }

.parallax-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: 100% 0;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: -100; }

.rellax-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  overflow: hidden; }

.btn-group.languages > a {
  border-radius: 0;
  padding: 0 33px 10px 25px;
  background: none;
  border: none;
  font-family: "Futura Medium", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #000000 !important;
  text-decoration: none;
  background: url(../img/icon-globe-1.svg) 0 5px no-repeat !important;
  box-shadow: none !important; }
  .btn-group.languages > a span:last-child {
    display: none; }
  .btn-group.languages > a:after {
    content: "";
    width: 8px;
    height: 4px;
    position: absolute;
    top: 11px;
    right: 15px;
    transition: all 450ms ease;
    background: url(../img/carret-1.svg) 0 0 no-repeat; }
  .btn-group.languages > a:hover {
    opacity: 0.7; }
    .btn-group.languages > a:hover:after {
      transform: rotate(90deg); }
.btn-group.languages .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 10px;
  background: #000000;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: all 450ms ease; }
  .btn-group.languages .dropdown-menu li {
    transition: all 450ms ease; }
    .btn-group.languages .dropdown-menu li a {
      padding: 5px 15px;
      height: auto;
      color: #ffffff;
      font-size: 14px;
      background: none !important;
      text-decoration: none; }
      .btn-group.languages .dropdown-menu li a span:last-child {
        display: none; }
    .btn-group.languages .dropdown-menu li:hover a {
      color: #fffb00; }
    .btn-group.languages .dropdown-menu li.selected {
      display: none; }
    .btn-group.languages .dropdown-menu li:first-child a {
      padding-top: 10px; }
    .btn-group.languages .dropdown-menu li:last-child a {
      padding-bottom: 10px; }
.btn-group.languages.open > a {
  background: url(../img/icon-globe-1.svg) 0 5px no-repeat !important;
  box-shadow: none;
  color: #000000;
  opacity: 0.7; }
  .btn-group.languages.open > a:after {
    transform: rotate(180deg); }
.btn-group.languages.open .dropdown-menu {
  max-height: 100px; }

.promo-block-1 .col {
  height: 450px;
  padding: 0; }
.promo-block-1 .image {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover; }
.promo-block-1 .text {
  padding: 0 90px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center; }
  .promo-block-1 .text ul {
    margin-bottom: 25px; }
  .promo-block-1 .text li {
    padding-left: 30px;
    margin: 2px 0; }
    .promo-block-1 .text li:before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 10px;
      background: #333333;
      position: relative;
      display: inline-block;
      margin-right: 15px;
      margin-left: -30px; }
.promo-block-1 h3 {
  margin-bottom: 25px;
  font-family: "Futura Medium", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  color: #000000; }

.promo-block-2 {
  position: relative; }
  .promo-block-2 .row .row {
    height: 100%; }
  .promo-block-2 .col {
    height: 450px; }
  .promo-block-2 .parallax-bg {
    background-position: 100% -100px; }
  .promo-block-2 .text {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Futura Medium", sans-serif;
    font-weight: 400;
    font-size: 46px;
    line-height: 56px;
    color: #ffffff; }
    .promo-block-2 .text p {
      flex-basis: 50%;
      text-align: left;
      padding: 0 5% 0 8%; }
      .promo-block-2 .text p:last-child {
        font-size: 124px;
        line-height: 134px; }

.promo-block-3 {
  background: #fffb00; }
  .promo-block-3 .text {
    padding: 80px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .promo-block-3 .text p {
      font-family: "Futura Medium", sans-serif;
      font-weight: 400;
      font-size: 30px;
      line-height: 38px;
      color: #000000;
      margin-right: 40px; }

.footer {
  padding-top: 55px;
  padding-bottom: 50px; }
  .footer .head {
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .footer .head .logo svg {
      width: 240px; }
    .footer .head .logo path {
      transition: all 450ms ease;
      fill: #909090; }
    .footer .head .logo:hover {
      opacity: 1; }
      .footer .head .logo:hover path {
        fill: #000000; }
    .footer .head span {
      font-size: 15px; }
  .footer .menu {
    margin-bottom: 50px;
    display: flex;
    justify-content: flex-start; }
    .footer .menu ul {
      margin-right: 170px; }
      .footer .menu ul li {
        line-height: 40px; }
        .footer .menu ul li a {
          text-decoration: none; }
          .footer .menu ul li a:hover {
            text-decoration: underline; }
  .footer .notes {
    font-size: 15px;
    line-height: 24px;
    color: #b4b4b4; }
    .footer .notes p {
      margin-bottom: 25px; }

.social .container {
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.vc_column-inner {
  padding: 0 !important; }

.vc_row, .row {
  padding: 0 !important;
  margin: 0 !important; }

.vc_row .wpb_column:last-child .main-header .dock {
  justify-content: flex-end; }

.wpb_text_column {
  margin: 0 !important; }

.text-block-standalone .wpb_text_column {
  padding: 0 90px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center; }

.text-block-standalone .wpb_text_column ul {
  margin-bottom: 25px; }

.text-block-standalone .wpb_text_column li {
  padding-left: 30px;
  margin: 2px 0; }

.text-block-standalone .wpb_text_column li:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #333333;
  position: relative;
  display: inline-block;
  margin-right: 15px;
  margin-left: -30px; }

.text-block-standalone > .wpb_column > .vc_column-inner > .wpb_wrapper {
  height: 100%; }

.born-form .correct-err-msg,
.born-form .error-msg-list {
  line-height: 1.4; }
.born-form .correct-err-msg + .error-msg-list {
  padding-top: 8px; }
.born-form .error-msg-list li + li {
  padding-top: 4px; }
.born-form .error-msg-list li:last-child {
  padding-bottom: 15px; }
.born-form .input-wrapper .field-label {
  display: inline-block;
  margin-bottom: 3px;
  position: relative; }
.born-form .input-wrapper.type-checkbox > label > .field-label {
  position: relative;
  padding-left: 40px;
  cursor: pointer; }
  .born-form .input-wrapper.type-checkbox > label > .field-label:before {
    content: "";
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    width: 22px;
    height: 22px;
    padding-left: 4px;
    left: 0;
    top: 4px;
    background: #ffffff; }
.born-form .input-wrapper.type-checkbox > label > input {
  position: absolute;
  left: 0;
  top: 4px; }
  .born-form .input-wrapper.type-checkbox > label > input:checked ~ .field-label:before {
    content: "\f107"; }
.born-form .input-wrapper label {
  margin: 0; }
  .born-form .input-wrapper label.required .field-label:after {
    content: "*";
    margin-left: 5px; }
.born-form .input-wrapper .btn {
  border-radius: 0;
  padding: 0 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 55px;
  border: none; }
.born-form .input-wrapper .btn-default:hover {
  background: rgba(255, 255, 255, 0.8); }
.born-form .input-wrapper .btn-default.active, .born-form .input-wrapper .btn-default:active, .born-form .input-wrapper .btn-default:focus {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.8); }
.born-form .input-wrapper .dropdown-menu {
  border-radius: 0;
  max-width: 100%;
  border: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 55px; }
  .born-form .input-wrapper .dropdown-menu li a {
    overflow: hidden;
    text-overflow: ellipsis; }
.born-form .input-wrapper .open > .dropdown-toggle.btn-default:focus {
  background-color: rgba(255, 255, 255, 0.8); }
.born-form .input-wrapper .bootstrap-select {
  width: 100% !important; }
  .born-form .input-wrapper .bootstrap-select > .dropdown-toggle.bs-placeholder {
    transition: all 450ms ease; }
    .born-form .input-wrapper .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
      background: rgba(255, 255, 255, 0.8); }

.delivery-form-intro {
  font-family: "Futura Medium", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  padding: 30px 0; }

.delivery-content {
  display: flex; }
  .delivery-content > div {
    width: 100%; }

.delivery-notes {
  margin-left: 50px; }
  .delivery-notes .payment-methods {
    display: flex;
    align-items: center;
    padding-top: 40px; }
    .delivery-notes .payment-methods .pay-method {
      display: inline-block; }
      .delivery-notes .payment-methods .pay-method + .pay-method {
        margin-left: 30px; }

#delivery-form {
  background: transparent; }
  #delivery-form .correct-err-msg,
  #delivery-form .error-msg-list {
    padding-left: 50px;
    padding-right: 50px;
    background: #fffb00; }
    #delivery-form .correct-err-msg li:last-child,
    #delivery-form .error-msg-list li:last-child {
      padding-bottom: 0; }
  #delivery-form .correct-err-msg {
    padding-top: 50px; }
  #delivery-form .dependency-group {
    padding: 50px;
    background: #fffb00; }
    #delivery-form .dependency-group + .dependency-group {
      margin-top: 5px; }
  #delivery-form .input-wrapper {
    position: relative;
    margin-bottom: 0; }
  #delivery-form .dependency-children .input-wrapper {
    margin-top: 17px; }
  #delivery-form label[for=email_delivery] {
    pointer-events: none; }
    #delivery-form label[for=email_delivery] .field-label:after {
      content: none; }
  #delivery-form .extra-label {
    position: absolute;
    right: 0;
    top: 0;
    font-family: "Futura Medium", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px; }

.no-scroll, .no-scroll body {
  overflow: hidden; }

.born-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  visibility: hidden;
  backface-visibility: hidden; }
  .born-modal.modal-visible {
    visibility: visible; }
    .born-modal.modal-visible .modal-inner,
    .born-modal.modal-visible .modal-actions {
      transform: translateY(0);
      opacity: 1; }
    .born-modal.modal-visible .modal-actions {
      transition-delay: 250ms; }
    .born-modal.modal-visible .born-overlay {
      opacity: 1;
      visibility: visible; }
  .born-modal .modal-banner-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .born-modal .modal-close span {
    width: 30px;
    height: 30px;
    position: relative;
    display: block; }
    .born-modal .modal-close span:before, .born-modal .modal-close span:after {
      content: "";
      width: 24px;
      height: 3px;
      background: #000;
      position: absolute;
      top: 13px;
      left: 3px;
      transition: all 450ms ease; }
    .born-modal .modal-close span:before {
      transform: rotate(45deg); }
    .born-modal .modal-close span:after {
      transform: rotate(-45deg); }
  .born-modal .modal-inner {
    position: relative;
    overflow-y: auto;
    z-index: 10003;
    max-height: 90%;
    width: 630px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.15);
    transition: all 650ms ease; }
  .born-modal .modal-actions {
    position: absolute;
    margin-top: 40px;
    margin-left: -65px;
    text-align: right;
    z-index: 10004;
    transition: opacity 450ms ease; }
  .born-modal .modal-inner,
  .born-modal .modal-actions {
    transform: translateY(5%);
    opacity: 0; }
  .born-modal .modal-content {
    position: relative;
    -webkit-overflow-scrolling: touch;
    border: none;
    border-radius: 0;
    box-shadow: none; }
    .born-modal .modal-content.has-overflow {
      justify-content: flex-start; }
    .born-modal .modal-content > div {
      padding: 0;
      margin: 0; }
    .born-modal .modal-content p {
      color: green; }

.born-overlay {
  position: absolute;
  visibility: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10002;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: all 450ms ease; }

#braintree-payment-modal {
  font-family: "Futura Medium", sans-serif; }
  #braintree-payment-modal .title-row {
    display: flex;
    align-items: center;
    padding: 20px 65px 20px 40px; }
    #braintree-payment-modal .title-row .title {
      color: #000000;
      flex-grow: 1;
      font-size: 30px; }
    #braintree-payment-modal .title-row .braintree-logo img {
      width: 167px; }
  #braintree-payment-modal .form-title {
    background: #fffb00;
    color: #000000;
    font-size: 22px;
    padding: 45px 40px; }
  #braintree-payment-modal form {
    padding: 30px 40px 45px; }

#threeDSecure-wrapper {
  padding: 45px 40px 15px; }
  #threeDSecure-wrapper .threeDSecure-header {
    margin-bottom: 45px; }
  #threeDSecure-wrapper .header-text {
    color: #000000;
    font-size: 22px; }
  #threeDSecure-wrapper .threeDSecure-body iframe {
    max-width: 100%; }

.bt-step-content {
  margin-bottom: 80px; }

.single-certificate {
  display: flex;
  padding-top: 45px; }
  .single-certificate .item-content,
  .single-certificate .item-share {
    width: 100%; }
  .single-certificate .item-content h2 {
    margin-bottom: 45px; }
  .single-certificate .share-buttons {
    text-align: right; }

.share-buttons .share-label {
  font-family: "Futura Medium", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1; }
  .share-buttons .share-label + .share-btn {
    margin-left: 15px; }
.share-buttons .share-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  transition: all 450ms ease; }
  .share-buttons .share-btn + .share-btn {
    margin-left: 15px; }
  .share-buttons .share-btn.btn-fb {
    background-color: #3E5A99; }
  .share-buttons .share-btn.btn-tw {
    background-color: #01AAED; }
  .share-buttons .share-btn:hover {
    text-decoration: none;
    opacity: .8; }
  .share-buttons .share-btn i {
    line-height: 40px;
    font-size: 17px; }

@media only screen and (max-width: 1200px) {
  .promo-block-1 .text {
    padding: 0 60px; } }
@media only screen and (max-width: 992px) {
  .main-header .dock {
    margin-bottom: 25px; }
  .main-header .title {
    margin-bottom: 80px; }
    .main-header .title h3 {
      padding: 0;
      margin-bottom: 50px; }
  .main-header .intro {
    padding-top: 35px;
    padding-right: 40px; }
    .main-header .intro h4 {
      font-family: "Futura Medium", sans-serif;
      font-weight: 400;
      font-size: 42px;
      line-height: 52px;
      margin-bottom: 30px; }
    .main-header .intro h5 {
      font-family: "Futura Medium", sans-serif;
      font-weight: 400;
      font-size: 26px;
      line-height: 34px;
      margin-bottom: 20px; }

  .signup-form {
    padding: 35px; }

  .promo-block-1 {
    margin-bottom: 10px; }
    .promo-block-1 .col {
      height: auto;
      min-height: 250px; }
    .promo-block-1 .image {
      height: 350px; }
    .promo-block-1 .text {
      padding-top: 50px;
      padding-bottom: 50px; }

  .promo-block-2 .col {
    padding-top: 60px;
    padding-bottom: 60px;
    height: auto; }
  .promo-block-2 .text {
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center; }
    .promo-block-2 .text p {
      flex-basis: auto;
      text-align: center;
      height: auto;
      padding: 3% 5%;
      font-size: 36px;
      line-height: 46px; }
      .promo-block-2 .text p:last-child {
        font-size: 80px;
        line-height: 90px; }

  .promo-block-3 .text {
    text-align: center;
    padding: 60px;
    flex-flow: column; }
    .promo-block-3 .text p {
      margin: 0 0 30px 0; }

  .delivery-notes {
    margin-left: 30px; }

  #delivery-form {
    background: transparent; }
    #delivery-form .correct-err-msg,
    #delivery-form .error-msg-list {
      padding-left: 25px;
      padding-right: 25px; }
    #delivery-form .correct-err-msg {
      padding-top: 25px; }
    #delivery-form .dependency-group {
      padding: 25px; } }
@media only screen and (max-width: 767px) {
  input[type="submit"], .btn-submit, .download-btn {
    padding: 0 10px; }

  .born-modal {
    width: 100%;
    height: 100%;
    padding: 15px; }
    .born-modal .modal-inner {
      max-height: 100%; }
    .born-modal .modal-actions {
      margin-top: 5px;
      margin-left: -35px; }

  #braintree-payment-modal .title-row {
    padding: 20px 40px 20px 40px; }
    #braintree-payment-modal .title-row .title {
      font-size: 20px; }
    #braintree-payment-modal .title-row .braintree-logo img {
      width: 100px; }
  #braintree-payment-modal .form-title {
    padding: 24px 40px;
    font-size: 18px; }
  #braintree-payment-modal form {
    padding: 20px 40px 40px; }

  #threeDSecure-wrapper {
    padding: 20px 40px; }
    #threeDSecure-wrapper .threeDSecure-header {
      margin-bottom: 20px; }
    #threeDSecure-wrapper .header-text {
      font-size: 18px; }

  .bt-step-content {
    margin-bottom: 60px; }

  .single-certificate {
    flex-wrap: wrap;
    padding-top: 45px; }
    .single-certificate .item-content,
    .single-certificate .item-share {
      width: 100%; }
    .single-certificate .item-content h2 {
      margin-bottom: 35px; }
    .single-certificate .item-share {
      margin-top: 40px; }
    .single-certificate .share-buttons {
      text-align: left; }

  .input-wrapper {
    position: relative;
    margin-bottom: 17px; }
    .input-wrapper.two-columns {
      display: block; }
      .input-wrapper.two-columns .input-content {
        width: auto; }
        .input-wrapper.two-columns .input-content + .input-content {
          margin-left: 0;
          margin-top: 17px; }
    .input-wrapper label {
      font-size: 16px; }

  .main-header {
    padding-bottom: 25px; }
    .main-header .dock {
      height: 80px;
      margin-bottom: 10px;
      padding: 0 5px 0 20px; }
      .main-header .dock .logo {
        padding-top: 10px; }
        .main-header .dock .logo svg, .main-header .dock .logo img {
          width: 180px;
          height: auto; }
    .main-header .title {
      margin-bottom: 50px; }
      .main-header .title h3 {
        font-family: "Futura Medium", sans-serif;
        font-weight: 400;
        font-size: 40px;
        line-height: 50px;
        padding: 0 20px;
        margin-bottom: 50px; }
    .main-header .intro {
      padding: 0 20px;
      text-align: center;
      margin-bottom: 40px; }
      .main-header .intro h4 {
        font-family: "Futura Medium", sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px; }
      .main-header .intro h5 {
        font-family: "Futura Medium", sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px; }
    .main-header .parallax-bg {
      background-image: none !important; }

  .global-header {
    padding-bottom: 0;
    background-position: center;
    background-size: cover; }
    .global-header .btn-group.languages > a {
      padding: 0 15px 10px 25px; }
      .global-header .btn-group.languages > a:after {
        right: 0; }
    .global-header .top {
      height: auto; }
    .global-header .dock {
      align-items: center;
      margin-bottom: 0;
      padding: 0 15px; }
    .global-header .title-row-wrapper {
      padding: 0 0 20px; }
      .global-header .title-row-wrapper h1 {
        font-size: 28px; }
      .global-header .title-row-wrapper .container {
        width: 100%; }
    .global-header .payment-steps span {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px; }
      .global-header .payment-steps span:last-child {
        margin-left: 10px; }

  .signup-form, .wpcf7-form, #purchase-form {
    padding: 15px;
    margin: 0;
    background: #ffe400;
    margin-bottom: 40px !important;
    margin-top: 40px !important; }

  .btn-group.languages {
    padding-top: 20px; }
    .btn-group.languages > a span:first-child {
      display: none; }
    .btn-group.languages > a span:last-child {
      display: inline; }
    .btn-group.languages .dropdown-menu {
      left: 12px;
      right: auto; }
      .btn-group.languages .dropdown-menu li a span:first-child {
        display: none; }
      .btn-group.languages .dropdown-menu li a span:last-child {
        display: inline; }

  .promo-block-1 .col {
    height: auto;
    min-height: 250px; }
  .promo-block-1 .image {
    height: 250px; }
  .promo-block-1 .text {
    padding: 20px; }
  .promo-block-1 h3 {
    font-family: "Futura Medium", sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px; }

  .text-block-standalone .wpb_text_column {
    padding: 20px; }
  .text-block-standalone .col {
    height: auto;
    min-height: 250px; }
  .text-block-standalone .image, .text-block-standalone .vc_empty_space {
    height: 250px !important; }
  .text-block-standalone h3 {
    font-family: "Futura Medium", sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px; }

  .footer {
    padding-top: 35px;
    padding-bottom: 10px; }
    .footer .head {
      flex-flow: column; }
      .footer .head span {
        text-align: center; }
      .footer .head .logo {
        text-align: center;
        margin-bottom: 20px; }
      .footer .head img {
        width: 80%;
        height: auto; }
    .footer .menu {
      margin-bottom: 10px;
      flex-flow: column;
      justify-content: center; }
      .footer .menu ul {
        margin: 0 0 20px 0;
        text-align: center; }
    .footer .notes {
      text-align: center; }

  .yl-dock {
    display: flex;
    align-items: center; }
    .yl-dock .main-header {
      padding-bottom: 0; }

  .delivery-content {
    flex-wrap: wrap; }

  .delivery-notes {
    margin-left: 0;
    margin-top: 50px; }

  #delivery-form {
    background: transparent; }
    #delivery-form .correct-err-msg,
    #delivery-form .error-msg-list {
      padding-left: 15px;
      padding-right: 15px; }
    #delivery-form .correct-err-msg {
      padding-top: 15px; }
    #delivery-form .dependency-group {
      padding: 15px; }
    #delivery-form .dependency-children .input-wrapper {
      margin-top: 12px; } }