/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1;
  min-height: 100%;
  min-width: 100%;
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  color: #272727; }

body {
  margin: 0; }

h1 {
  font-size: 2em; }

h1, h2, h3, h4, h5 {
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

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

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

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

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

@font-face {
  font-family: 'icomoon';
  src: url('../themes/links/assets/font/icomoon.eot?vghwhc');
  src: url('../themes/links/assets/font/icomoon.eot?vghwhc#iefix') format('embedded-opentype'), url('../themes/links/assets/font/icomoon.ttf?vghwhc') format('truetype'), url('../themes/links/assets/font/icomoon.woff?vghwhc') format('woff'), url('../themes/links/assets/font/icomoon.svg?vghwhc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-Telegram:before {
  content: "\e900"; }

.icon-Viber:before {
  content: "\e901"; }

.icon-VK:before {
  content: "\e902"; }

.icon-WhatsApp:before {
  content: "\e903"; }

.full-screen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }

.full-screen.bg {
  background-color: #eee; }

.error h1 {
  font-size: 4rem; }

.error p {
  font-size: 1.25rem; }

@media (max-width: 767px) {
  .full-screen {
    padding: 0 1rem; }

  .error h1 {
    font-size: 2rem; }

  .error p {
    font-size: 1rem; } }

body.oc-loading, body.oc-loading * {
  cursor: wait !important; }

.stripe-loading-indicator {
  height: 5px;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 2000; }

.stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded {
  height: 5px;
  display: block;
  background: #0090c0;
  position: absolute;
  -webkit-box-shadow: inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #fff;
  box-shadow: inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #fff; }

.stripe-loading-indicator .stripe {
  width: 100%;
  -webkit-animation: oc-infinite-loader 60s linear;
  animation: oc-infinite-loader 60s linear; }

.stripe-loading-indicator .stripe-loaded {
  width: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.stripe-loading-indicator.loaded {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.stripe-loading-indicator.loaded .stripe-loaded {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
  width: 100% !important; }

.stripe-loading-indicator.hide {
  display: none; }

body > p.flash-message {
  position: fixed;
  width: 500px;
  left: 50%;
  top: 13px;
  margin-left: -250px;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px 10px 15px;
  z-index: 10300;
  word-wrap: break-word;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

body > p.flash-message.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s, width 0s;
  transition: all 0.5s, width 0s;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

body > p.flash-message.fade.in {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

body > p.flash-message.success {
  background: #8da85e; }

body > p.flash-message.error {
  background: #c30; }

body > p.flash-message.warning {
  background: #f0ad4e; }

body > p.flash-message.info {
  background: #5fb6f5; }

body > p.flash-message button.close {
  float: none;
  position: absolute;
  right: 10px;
  top: 8px;
  color: white;
  font-size: 21px;
  line-height: 1;
  font-weight: bold;
  opacity: 0.2;
  filter: alpha(opacity=20);
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  outline: none; }

body > p.flash-message button.close:hover, body > p.flash-message button.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50); }

@media (max-width: 768px) {
  body > p.flash-message {
    left: 10px;
    right: 10px;
    top: 10px;
    margin-left: 0;
    width: auto; } }

[data-request][data-request-validate] [data-validate-for]:not(.visible), [data-request][data-request-validate] [data-validate-error]:not(.visible) {
  display: none; }

a.oc-loading:after, button.oc-loading:after, span.oc-loading:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4em;
  height: 1em;
  width: 1em;
  animation: oc-rotate-loader 0.8s infinite linear;
  border: 0.2em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  opacity: 0.5;
  filter: alpha(opacity=50); }

@-moz-keyframes oc-rotate-loader {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes oc-rotate-loader {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-o-keyframes oc-rotate-loader {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(360deg); } }

@-ms-keyframes oc-rotate-loader {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(360deg); } }

@keyframes oc-rotate-loader {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes oc-infinite-loader {
  0% {
    width: 0; }

  10% {
    width: 42%; }

  20% {
    width: 63%; }

  30% {
    width: 78.75%; }

  40% {
    width: 88.59375%; }

  50% {
    width: 94.130859375%; }

  60% {
    width: 97.0724487305%; }

  70% {
    width: 98.5892057419%; }

  80% {
    width: 99.3594339117%; }

  90% {
    width: 99.7475567005%; }

  100% {
    width: 99.9423761471%; } }

@-webkit-keyframes oc-infinite-loader {
  0% {
    width: 0; }

  10% {
    width: 42%; }

  20% {
    width: 63%; }

  30% {
    width: 78.75%; }

  40% {
    width: 88.59375%; }

  50% {
    width: 94.130859375%; }

  60% {
    width: 97.0724487305%; }

  70% {
    width: 98.5892057419%; }

  80% {
    width: 99.3594339117%; }

  90% {
    width: 99.7475567005%; }

  100% {
    width: 99.9423761471%; } }

@-o-keyframes oc-infinite-loader {
  0% {
    width: 0; }

  10% {
    width: 42%; }

  20% {
    width: 63%; }

  30% {
    width: 78.75%; }

  40% {
    width: 88.59375%; }

  50% {
    width: 94.130859375%; }

  60% {
    width: 97.0724487305%; }

  70% {
    width: 98.5892057419%; }

  80% {
    width: 99.3594339117%; }

  90% {
    width: 99.7475567005%; }

  100% {
    width: 99.9423761471%; } }

@-ms-keyframes oc-infinite-loader {
  0% {
    width: 0; }

  10% {
    width: 42%; }

  20% {
    width: 63%; }

  30% {
    width: 78.75%; }

  40% {
    width: 88.59375%; }

  50% {
    width: 94.130859375%; }

  60% {
    width: 97.0724487305%; }

  70% {
    width: 98.5892057419%; }

  80% {
    width: 99.3594339117%; }

  90% {
    width: 99.7475567005%; }

  100% {
    width: 99.9423761471%; } }

@keyframes oc-infinite-loader {
  0% {
    width: 0; }

  10% {
    width: 42%; }

  20% {
    width: 63%; }

  30% {
    width: 78.75%; }

  40% {
    width: 88.59375%; }

  50% {
    width: 94.130859375%; }

  60% {
    width: 97.0724487305%; }

  70% {
    width: 98.5892057419%; }

  80% {
    width: 99.3594339117%; }

  90% {
    width: 99.7475567005%; }

  100% {
    width: 99.9423761471%; } }

.view {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9; }

.card-container {
  width: 24rem;
  height: auto;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
  background-color: #fff;
  box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.05); }

.img-bg {
  width: 24rem;
  height: 12rem;
  overflow: hidden;
  position: absolute;
  border-radius: 0.75rem 0.75rem 0 0;
  background-color: #72afd3;
  background-size: cover;
  z-index: 1; }

.title {
  max-width: 100%;
  max-height: 6.5rem;
  padding: 2.5rem 2rem 0 2rem;
  position: relative;
  color: #fff;
  z-index: 2; }

.title h2 {
  font-size: 2rem;
  font-weight: 500;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }

.title p {
  margin-bottom: 0; }

.container {
  padding: 2rem 1rem;
  position: relative;
  z-index: 2; }

.wrapper {
  padding: 1rem;
  border-radius: 0.75rem;
  background-color: #fff;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.12); }

.social h1 {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.5rem; }

.social h4 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #9c9c9c; }

.info {
  display: flex;
  align-items: center;
  margin-bottom: 0.9rem; }

.text {
  padding-left: 1rem; }

.links {
  display: flex;
  flex-wrap: wrap; }

.logo img {
  border-radius: 100%; }

.links.q4 a:first-child, .links a {
  height: 2.5rem;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  border-radius: 0.7rem;
  text-decoration: none;
  transition: background-color 0.35s;
  margin-bottom: 0.75rem; }

.links.q4 a:first-child i, .links.q3 i, .links.q2 i, .links.q1 i {
  margin-right: 0.75rem; }

.links.q4 a:first-child span {
  display: block; }

.links.q4 a span {
  display: none; }

.links.q4 a i {
  margin-right: 0; }

.links.q3 a:nth-child(2), .links.q3 a:nth-child(3), .links.q2 a {
  flex: 0 0 calc(50% - .375rem);
  max-width: calc(50% - .375rem);
  margin-bottom: 0; }

.links.q4 a:nth-child(3), .links.q4 a:nth-child(2), .links.q3 a:nth-child(2), .links.q2 a:first-child {
  margin-right: 0.375rem; }

.links.q4 a:nth-child(4), .links.q4 a:nth-child(3), .links.q3 a:nth-child(3), .links.q2 a:last-child {
  margin-left: 0.375rem; }

.links.q4 a {
  flex: 0 0 calc(33.333% - .5rem);
  max-width: calc(33.333% - .5rem);
  margin-bottom: 0; }

.links a:last-child {
  margin-bottom: 0; }

.links i {
  font-size: 1.125rem; }

.VK {
  background-color: #5b88bd; }

.WhatsApp {
  background-color: #24d366; }

.Telegram {
  background-color: #1f98d4; }

.Viber {
  background-color: #665cac; }

.VK:focus, .VK:hover {
  background-color: #466992; }

.WhatsApp:focus, .WhatsApp:hover {
  background-color: #21b75a; }

.Telegram:focus, .Telegram:hover {
  background-color: #1d82b5; }

.Viber:focus, .Viber:hover {
  background-color: #524a8c; }

.custom-link a {
  height: 2.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e8e8e8;
  font-size: 0.875rem;
  font-weight: 500;
  color: #585858;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: background-color 0.35s;
  margin-bottom: 0.75rem; }

.custom-link a:first-child {
  margin-top: 0.75rem; }

.custom-link a:last-child {
  margin-bottom: 0; }

.custom-link a:focus, .custom-link a:hover {
  background-color: #c1c1c1; }

.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2rem; }

.footer a {
  display: flex;
  align-items: center;
  border-radius: 1.5rem;
  padding: 0.75rem 1rem;
  color: #272727;
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.35s; }

.footer a:focus, .footer a:hover {
  background-color: #f5f5f5; }

.footer a img {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.5rem; }

@media (max-width: 400px) {
  .view {
    align-items: initial; }

  .card-container {
    width: 100%;
    border-radius: 0;
    box-shadow: none; }

  .img-bg {
    width: 100%;
    border-radius: 0;
    text-align: center; }

  .img-bg img {
    display: none; } }
/*  fadeIn  */
@keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }
/*  fadeInDown  */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  animation-name: fadeInDown; }
/*  fadeInLeft  */
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  animation-name: fadeInLeft; }
/*  fadeInRight  */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  animation-name: fadeInRight; }
/*  Base  */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.delay-01s {
  animation-delay: 0.1s; }

.animated.delay-03s {
  animation-delay: 0.3s; }

.animated.delay-04s {
  animation-delay: 0.4s; }

.animated.delay-08s {
  animation-delay: 0.8s; }

.animated.delay-1s {
  animation-delay: 1s; }

.animated.delay-2s {
  animation-delay: 2s; }

.animated.delay-3s {
  animation-delay: 3s; }

.animated.delay-4s {
  animation-delay: 4s; }

.animated.delay-5s {
  animation-delay: 5s; }

.animated.fast {
  animation-duration: 800ms; }

.animated.faster {
  animation-duration: 500ms; }

.animated.slow {
  animation-duration: 2s; }

.animated.slower {
  animation-duration: 3s; }

@media (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important; } }