@charset "utf-8";
/* CSS Document */

html {position:relative; width:100%; height:100%; margin:0; padding:0; border:0; max-height: 999999px;}
body {position:relative; width:100%; min-width:320px; min-height:100%; margin:0; padding:0; border:0; max-height: 999999px; background:#f2e2dd; background-attachment:fixed; color:#382f2c; font:300 90%/160% Helvetica, 'Helvetica Neue', Arial; outline: none;}
* html body {height:100%;}
input, select {outline:none; box-sizing: border-box;}

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

.container { margin:0 auto; display:block; width:100%; height:100%; padding:0 50px; box-sizing: border-box;}
.container_in {display:block; width:100%; vertical-align: middle; padding: 50px 0;  margin:0 auto;}
.blur {-webkit-filter: blur(12px); filter: blur(12px);}

.left_col {display:inline-block; vertical-align:top; width:50%; margin-left:-4px; box-sizing: border-box; padding-right:30px;}
.right_col {display:inline-block; vertical-align:top;  width:50%; margin-right:-4px;  box-sizing: border-box;}
.owl-carousel {margin:0 auto; max-width: 505px;}
.illustration {text-align:center; position:relative;}
.image {width:100%;}

h1 {font:300 46px/110% Helvetica, 'Helvetica Neue', Arial;}

.form_field {font-size:0;}
.signup_text {padding:0 0 30px 0; font-weight:400; font-size:16px; opacity:0.6;}
.email {-webkit-appearance: none; border:0 solid #FFF; margin:0; background:#FFF; width:300px; font:300 20px/30px Helvetica, 'Helvetica Neue', Arial; border-radius:8px 0 0 8px; height:50px; padding:10px 14px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.email.focus {box-shadow:0 0 8px #F40;}
.submit {-webkit-appearance: none; border:0 solid #F40; margin:0; background:#F40; color:#FFF; font:500 20px/50px Helvetica, 'Helvetica Neue', Arial; border-radius:0 8px 8px 0; height:50px; padding:0; width:150px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer;}
.submit:hover {box-shadow:0 0 8px #F40;}
.submit.loading {background:#F40 url(/img/welcome/preloader.gif) no-repeat center center; background-size: 30px 30px; cursor:default; box-shadow:0 0 0 #F40 !important;}

.error {font:400 100% Helvetica, 'Helvetica Neue', Arial; color:#D34231; padding:10px 0;}

.logo {width:100px; height:145px; margin-bottom:40px;}

.download_app {display:inline-block; width:192px; height:62px; color:#F40; font-size:150%; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; border-radius:12px; padding: 0; box-shadow:0 6px 16px #FF885D;}
.download_app:hover {box-shadow:0 2px 6px #FF885D;}

.footer {margin-top:50px; border-top:1px solid #e4d2cc; padding-top:20px;}
.share_buttons {display:inline-block; width:60%; vertical-align:top;  font-size:14px; margin-right:-4px;}
.share_text {margin-bottom:8px;}

.links {display:inline-block; width:40%; vertical-align:top; text-align:right; font-size:14px;  margin-right:-4px;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 0)
and (max-width : 480px) {
    h1 {font-size:240% !important;}
    .container {padding:0 20px;}
    .logo {width:80px; height:auto;}
    .footer {margin-top: 20px;}
}

@media only screen
and (min-width : 0)
and (max-width : 560px)  {
  .email {border-radius:8px; width:300px; text-align:center; margin-bottom:16px;}
  .submit {border-radius:8px; width:300px;}
  .popup {margin-left:-160px; margin-top:30px; margin-bottom:30px; width:320px;}
  .group input.field {float:none; width:220px; }
  .group select {float:none; width:220px;}
  .group .title {float:none; }
  .group p {float:none; width:220px;}
}

@media only screen
and (max-width : 1023px) {

    .container_in {width:auto; text-align:center; padding:40px 0 30px;}
    .left_col {display:block; width:auto; margin-bottom:40px; padding-right:0;}
    .right_col {display:block; width:auto;}
    .logo {margin:0 auto 40px; }
    h1 {font-size:280%; max-width:560px; margin: 0 auto 50px auto;}
    .image {width:280px; height:auto !important; }
    .soon {display:block; width:auto; text-align:center;}
    .share_buttons {display:block; width:auto; text-align:center; margin-bottom:30px;}
    .share_text {margin-bottom:8px; }
    .links {display:block; width:auto; text-align:center;}
    .share {margin:4px !important;}
    .soon {margin-bottom:30px;}
}


@media only screen
and (min-width : 561px)
and (max-width : 1023px) {
    h1 {font-size:400%;}
.image {width:410px; height:auto !important; margin-top:30px;}
}

@media only screen
and (min-width : 1224px)  {
    .container_in { width:1100px;}
    .left_col {width:595px;}
    .right_col {width:505px;}
}


/* SHARE BUTTONS */
.share {
    font-family: Arial;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 0;
}

.share .share__button {border-radius:4px;}

.share .share__button i {
    position: absolute;
    display: inline-block;
    background: url(/img/welcome/share.png) 0 0 no-repeat;
    background-size:76px 14px;
    top:7px;
    left:10px;
    width: 19px;
    height: 14px;
}



.share .share__button {
    color: #f5f6f9;
    font-size: 12px;
    cursor: pointer;
    line-height: 28px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
}

.share__button:hover {
    opacity: 0.7;
}

.share__button {
    display: inline-block;
    transition: all .2s;
    padding-left: 40px;
}

.share_type_facebook .share__button {
    background: #395799;
}

.share_type_facebook .share__button i {
    background-position: 0 0;
}

.share_type_twitter .share__button {
    background: #21a8ef;
}

.share_type_twitter .share__button i {
    background-position: -19px 0;
}

.share_type_vkontakte .share__button {
    background: #4e75a0;
}

.share_type_vkontakte .share__button i {
    background-position: -38px 0;
}

.owl-theme .owl-dots .owl-dot span {background:#D5C7C2 !important;}
.owl-theme .owl-dots .owl-dot.active span {background:#FF4400 !important;}