@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Caveat:400,700');
@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy');

@import url('https://fonts.googleapis.com/css?family=Bangers|Finger+Paint|Ranchers|Sedgwick+Ave+Display|Slackey');

@font-face {
  font-family: 'Tropical';
  src: url('/fonts/TropicalAsianDEMO-Regular.eot');
  src: local('☺'), url('/fonts/TropicalAsianDEMO-Regular.woff') format('woff'), 
  url('/fonts/TropicalAsianDEMO-Regular.ttf') format('truetype'), 
  url('/fonts/TropicalAsianDEMO-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KGA';
  src: url('/fonts/KGAllofMe.eot');
  src: local('☺'), url('/fonts/KGAllofMe.woff') format('woff'),
   url('/fonts/KGAllofMe.ttf') format('truetype'), url('/fonts/KGAllofMe.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
/* font-family: 'Caveat', cursive; */
@charset "UTF-8";

.scripts_log{
  position: fixed;
  z-index: -9999999999999999999;
  background: #fff;
  padding: 1rem;
  max-height: 40rem;
  overflow-y: auto;
  color: #000;
  top: 10rem;
  right: 0;
  width: 30rem;
  display: none;
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }



@-webkit-keyframes logoRes { from { opacity: 0;
    -webkit-transform: scale(0.7); }
  to { opacity: 1;
    -webkit-transform: scale(1); } }

@keyframes logoRes { from { opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes showDialog { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes showDialog { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.page-break {display: none !important;}
.break {display: none !important;}
.picture_verification .imgContainer{display: none;}
.picture_verification.done .imgContainer{display: block;}
.picture_verification.done .input {display: none;}
.picture_verification.done>label {display: none;}
.imgContainer{  position: relative;}

*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none; }
video { width: 100%; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
/* a:active, a:hover, a:focus { outline: 0; } */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
p { font: 400 1.7rem/1.5 "Open Sans", sans-serif; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
ul, ol { list-style-position: inside; }
img { max-width: 100%; height: auto; border: 0; }
[class^="icon_"], [class*=" icon_"], .icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; }
ul li, ol li { list-style: none; }
/* MODULES */
.dialog_wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: table; vertical-align: middle; display: none; z-index: 1500; padding:  0; }
.dialog_wrapper .main_table { width: 100%; height: 100%; padding-right: 2rem; }
.dialog_wrapper .main_tcell { padding: 0 2rem; }
.dialog { max-width: 600px; margin: 0 auto; padding: 2.4rem; background-color: rgba(0, 0, 0, 0.8); border: 0.3rem solid #fff; display: none; z-index: 503; position: relative; }
.dialog.error { max-width: 350px; padding: 0; }
.dialog.error .h2 { padding: 2.4rem; border-bottom: 2px solid #441420; color: #441420; }
.dialog.error p { display: block; padding: 0 2.4rem 2.4rem; }
.dialog .icon_close { position: absolute; top: 1.5rem; right: 1.5rem; color: #fff; cursor: pointer; font-size: 3.5rem; z-index: 9999; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; }
/* .dialog .icon_close:hover, .dialog .icon_close:focus { color: #000; } */
.dialog .icon_close svg { float: left; }
.dialog_bg { position: fixed; left: 0; top: 0; background-color: rgba(33, 33, 33, 0.55); display: none; width: 100%; height: 100%; }
.dialog_opened { position: fixed; overflow-y: scroll; width: 100%; height: 100%; }
.dialog_opened .dialog_bg { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.dialog_opened .dialog { -webkit-animation-name: showDialog; animation-name: showDialog; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.dialog_opened .dialog_wrapper { display: block; }
.dialog_scrollable_mobile .dialog_wrapper { width: 100% !important; }
.dialog_scrollable_mobile .main_table { padding-right: 0 !important; }
.dialog_scrollable .dialog_wrapper { overflow-y: scroll; width: calc(100% + 4rem); }
#toast { position: fixed; z-index: 1503; width: 100%; max-width: 280px; left: 2rem; right: 2rem; bottom: 2rem; background-color: #fff; color: #fff; display: none; -webkit-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.25); box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.25); padding: 1rem 2rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#toast p {     width: 70%;   display: inline-block; vertical-align: middle; margin-bottom: 0; margin-top: .3rem; color: #fff; font-size: 1.4rem; font-family: "Open Sans", sans-serif; }
#toast.error { background-color: rgba(239, 83, 80, 0.9); }
#toast.wish { background-color: rgba(81, 43, 138, 0.8); }
#toast.success { background-color: rgba(0, 188, 82, 0.8); }
.toast_close { position: absolute; color: #fff; top: .3rem; right: 1rem; font-size: 2.5rem; cursor: pointer; }
.toast_icon { color: #fff; float: left; margin-right: 2rem; font-size: 3rem; }
.fixed_footer { position: fixed; bottom: 0; left: 0; width: 100%; }
.button {      background: url(/img/yellow.png) center no-repeat;    -webkit-background-size: contain;    padding: 3rem; border: none;    font-size: 1.8rem;    background-size: contain;    display: inline-block; text-align: center; white-space: nowrap; cursor: pointer; text-decoration: none; color: #000; -webkit-transition: all .3s; transition: all .3s; }
.button:focus { outline: 0; }


#element:-webkit-full-screen {  background: #231f20 url(/img/bg.jpg) center repeat-y;    -webkit-background-size: 100%;    background-size: 100%;  width: 100%;  height: 100%;  margin: 0;}
#element:not(:root):-webkit-full-screen::backdrop{   background: #231f20 url(/img/bg.jpg) center repeat-y;    -webkit-background-size: 100%;    background-size: 100%;}
#element:-moz-full-screen {  background: #231f20 url(/img/bg.jpg) center repeat-y;    -webkit-background-size: 100%;    background-size: 100%;  margin: 0;}
#element:-ms-fullscreen {  background: #231f20 url(/img/bg.jpg) center repeat-y;    -webkit-background-size: 100%;    background-size: 100%;  margin: 0;}
#element:fullscreen {   background: #231f20 url(/img/bg.jpg) center repeat-y;    -webkit-background-size: 100%;    background-size: 100%;  margin: 0;}
/*.button:hover { background-color: #FE7E17; color: #000; }*/
.button.primary { background-color: #009688; }
/* .button.primary:hover { background-color: #fff; } */
.button.outlined { border: 1px solid #4040a6; background-color: transparent; color: #4040a6; }
/* .button.outlined:hover { background-color: #4040a6; color: #fff; } */
.button.flat { font-weight: bold; background-color: rgba(1, 59, 109, 0.2); color: #4040a6; }
/* .button.flat:hover { background-color: rgba(1, 59, 109, 0.4); } */
html { font-size: 62.5%; }
body {position: relative; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-x: hidden; 	font-family: "Open Sans", sans-serif, sans-serif; 	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent;	 margin: 0;  font-size: 1.4rem;	min-height: 100vh;    width: 100vw;    height: 100%;        padding-top: 13rem;    color: #fff;    background: #231f20 url(/img/bg.jpg) center repeat-y;    -webkit-background-size: 100%;    background-size: 100%; }
header { padding: 2rem 0;    position: absolute;    width: 100%;    top: 0;    left: 0;}
[disabled], .disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }
.clearfix::before, .row::before, .clearfix::after, .row::after { content: " "; display: table; }
.clearfix::after, .row::after { clear: both; }
.clearfix, .row { *zoom: 1; }
a { text-decoration: none; color: inherit; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
hr { border-top: 1px solid #dbdbdb; border-bottom: 0; border-right: 0; border-left: 0; clear: both; margin: 2.4rem 0; }
hr.dotted { border-style: dotted; }
hr.dashed { border-style: dashed; }
.wrapper { min-height: calc(100vh - 15rem); width: 100%; max-width: 132rem; height: 100%; padding: 0 2rem; margin: 0 auto; position: relative; }
.wrapper_normal { width: 100%; max-width: 132rem; padding: 0 2rem; margin: 0 auto; position: relative; }
.wrapper_small { width: 100%; max-width: 93rem; padding: 0 2rem; margin: 0 auto; position: relative; }
.wrapper:after { content: ""; display: table; clear: both; }
.icon { line-height: 0; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
table.table { width: 100%; }
.table thead { border: 1px solid #441420; border-bottom: 0 !important; }
.table th { font-weight: 500; text-align: left; padding: 1rem 2rem; border-right: 1px solid #0cbbbc; background-color: #441420; color: #fff; }
.table th:last-child { border-right: 0; }
.table td { padding: .8rem 2rem; border-right: 1px solid #d0d0d0; }
.table tbody { border-left: 1px solid #d0d0d0; }
.table tbody tr { border-bottom: 1px solid #d0d0d0; }
.input::-webkit-input-placeholder { color: #000; }
.input:-ms-input-placeholder { color: #000; }
.input::-ms-input-placeholder { color: #000; }
.input::placeholder { color: #000; }
.input:focus::-webkit-input-placeholder { opacity: 0; }
.input:focus:-ms-input-placeholder { opacity: 0; }
.input:focus::-ms-input-placeholder { opacity: 0; }
.input:focus::placeholder { opacity: 0; }
.input::-webkit-input-placeholder { font: 400 1.6rem/1.5 "Open Sans", sans-serif; color: #000; }
.input::-moz-placeholder { font: 400 1.6rem/4rem "Open Sans", sans-serif; color: #000; }
.input:-ms-input-placeholder { font: 400 1.6rem/1.5 "Open Sans", sans-serif; color: #000; }
.input:-moz-placeholder { font: 400 1.6rem/4rem "Open Sans", sans-serif; color: #000; }
input:-moz-placeholder { font: 400 1.6rem/4rem "Open Sans", sans-serif !important; color: #000; }
.input { display: block; width: 100%; height: 4rem;background: #fff;  padding: 0 1.6rem; font-size: 1.5rem; border: 1px solid #cccccc; color: #000; border-radius: 0.5rem; -webkit-box-shadow: none; box-shadow: none; margin: 0.5rem 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
textarea.input { min-height: 7rem; padding-top: 1rem; resize: none; }
select.input { line-height: 1em; text-indent: 0.01px; -o-text-overflow: ''; text-overflow: ''; background: #fff; }
select::-ms-expand { display: none; }
.validate_error { border: 1px solid #e57373 !important; background: rgba(245, 201, 197, 1);  animation: pulse 2s infinite; }


@-webkit-keyframes pulse {
  0% {
   background: rgba(245, 201, 197, .3);
  }
  50% {
      background: rgba(245, 201, 197, .5);
  }
  100% {
      background: rgba(245, 201, 197, .3);
  }
}
@keyframes pulse {
  0% {
    background: rgba(245, 201, 197, .3);
  }
  50% {
      background: rgba(245, 201, 197, .5);
  }
  100% {
      background: rgba(245, 201, 197, .3);
  }
}
.no_chose{    font-size: 3rem !important;}
label.validate_error { border-bottom: 1px solid #e57373 !important; border-top: none !important; border-left: none !important; border-right: none !important; }
section { padding: 4rem 0; }
.btn_wrap { white-space: normal; }
/*pagination*/
.pagination { padding: 1rem 0; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pagination li { display: inline-block !important; padding: 0 !important; margin: .4rem .3rem; list-style: none; }
.pagination li span { color: #000; font-size: 1.4rem; }
.pagination li:before { display: none !important; }
.pagination li:after { display: none !important; }
.pagination li a { display: block; min-width: 3.8rem; height: 3.8rem; padding: 0 .5rem; font-size: 1.8rem; line-height: 3.8rem; font-weight: 700; border-radius: 0.5rem; color: #363636; border: 0.1rem solid #cccccc; text-align: center; }
/* .pagination li a:hover { background-color: #363636; color: #fff !important; } */
.pagination li.active a { background-color: #363636; color: #fff; pointer-events: none; }
/*social*/
.social { line-height: 0; font-size: 2.9rem; }
.social a { display: inline-block; line-height: 0; }
.social a .icon { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
/* .social a:hover .icon { padding: .2rem; } */
.feedback { width: 100%; padding: 1.6rem; background-color: rgba(0, 0, 0, 0.85); border: 0.1rem solid rgba(255, 255, 255, 0.7); pointer-events: auto; }
.feedback_title { margin-bottom: 1.2rem; font: 400 2.5rem/1.1 "Open Sans", sans-serif; color: #fff; text-align: center; }
.feedback_title span { color: #000; }
.feedback_title strong { font-weight: 700; }
.feedback .input { height: 3.4rem; margin-bottom: 1.2rem; background-color: #fff; color: #fff; }
.feedback textarea.input { min-height: 12.4rem; }
.feedback .button { width: 100%; background-color: #000; }
.modal_feedback { max-width: 36rem; background-color: transparent; padding: 0; }
.modal_feedback .feedback { background-color: rgba(226, 10, 24, 0.85); border: 0.8rem solid rgba(255, 255, 255, 0.8); }
.content { font-size: 1.7rem; color: #000; }
.content:after { content: ''; display: table; clear: both; }
/* .content a:not(.button):hover, .content a:not(.button):focus { color: #000; } */
.content img { height: auto !important; }
.content ul:last-child, .content ol:last-child, .content table:last-child, .content img:last-child, .content iframe:last-child, .content p:last-child { margin-bottom: 0; }
.content p { margin: 1rem 0; }
.content a { display: inline-block; color: #000; }
.content ul { margin-bottom: 2rem; }
.content ul li { position: relative; display: table; padding: 0 0 0 2.2rem; font: 500 1.7rem/1.5 "Open Sans", sans-serif; color: #000; margin: 1rem 0; }
.content blockquote { padding-left: 2rem; border-left: 0.5rem solid #000; clear: both; }
.content ul li:before { display: block; position: absolute; color: #000; left: .3rem; content: ''; width: .8rem; height: 1.2rem; top: 0.5rem; vertical-align: middle; border: 0 solid; border-width: 0 3px 3px 0; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); }
.content ol { margin-bottom: 2rem; counter-reset: li; }
.content ol > li { padding-left: 2rem; margin-bottom: .4rem; overflow: hidden; }
.content ol > li:before { margin-left: -2rem; counter-increment: li; content: counters(li, ".") ". "; color: #000; font-weight: 900; }
.title { color: #000; font: 400 4.5rem "Open Sans", sans-serif; }
/* .navigation_dropDown, .dropDown:hover .navigation_dropDown { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; } */
.dark_overlay.nav-opened:after { content: ""; display: none; width: 100%; height: 100vh; background: #000; opacity: .8; position: fixed; top: 0; left: 0; z-index: 2; }
.mobile_call { display: none; width: 100%; padding: 0 2rem; font: 900 2.4rem/5.4rem "Open Sans", sans-serif; color: #fff; background-color: #000; z-index: 1; }
.mobile_call .icon { position: relative; top: -.1em; margin-right: .8rem; font-size: .95em; }
/* .mobile_call:hover, .mobile_call:focus { color: #fff; background-color: #0a2c72; } */
.mob_social { display: none; padding: 1rem 2rem; font-size: 2.4rem; }
.navigation .navigation_dropBtn { display: none; }
.navigation .navigation_dropBtn a { position: relative; }
.navigation .navigation_dropBtn a:after { content: ''; position: absolute; top: 50%; left: 2rem; width: 1em; height: 1em; font-size: 1.2rem; border: 0 solid #000; border-width: 0 0 2px 2px; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
/*input[type='checkbox'] { position: absolute; left: -9999px; }
input[type='checkbox'] + label { position: relative; padding-left: 3rem; cursor: pointer; display: inline-block; margin-bottom: 1rem; }
input[type='checkbox'] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; border: 1px solid #cccccc; background: #fff; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
input[type='checkbox'] + label:after { content: '✔'; position: absolute; top: 0.15rem; left: 0.55rem; font-size: 1.4rem; color: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
input[type='checkbox']:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
input[type='checkbox']:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
input[type='checkbox']:checked + label:before { background-color: #000; border: 1px solid #000; }
input[type='radio'] { position: absolute; left: -9999px; }
input[type='radio'] + label { position: relative; padding-left: 3rem; cursor: pointer; display: inline-block; margin-right: 1rem; margin-bottom: 1rem; }
input[type='radio'] + label:before { content: ''; position: absolute; left: 0; top: 0; right: 0; width: 2rem; height: 2rem; border: 1px solid #000; background: #fff; border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
input[type='radio']:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
input[type='radio']:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
input[type='radio']:checked + label:before { background-color: #000; border: 1px solid #000; }*/
[data-open] { cursor: pointer; }
.no-scroll { overflow: hidden; }
.hide_desctop { display: none !important; }
.img { width: 100%; max-width: 100%; background-size: cover !important; background-position: center !important; display: block; }
.img img { width: 0; height: 0; }
.row { margin: 0 -1.5rem; /*display: flex; flex-wrap: wrap; align-items: center;*/ }
.row.nomargin [class*='col_'] { margin: 0 1.5rem; }
.row:after { content: ''; display: block; clear: both; }
[class*='col_'] { margin: 1rem 1.5rem; position: relative; display: inline-block; vertical-align: bottom;/* float: left; */}
[class*='col_'].top {vertical-align: middle;}
.col_1 {   width: calc(100% / 12 - 3.2rem); }
.col_2 {  width: calc(100% / 6 - 3.3rem); }
.col_3 {  width: calc(100% / 4 - 3.3rem); }
.col_4 {  width: calc(100% / 3 - 3.3rem); }
.col_5 {  width: calc(100% / 2.4 - 3.2rem); }
.col_6 {  width: calc(100% / 2 - 3.2rem); }
.col_7 {  width: calc(100% / 1.714285714285714 - 3.2rem); }
.col_8 {  width: calc(100% / 1.5 - 3.2rem); }
.col_9 {  width: calc(100% / 1.3333333333 - 3.2rem); }
.col_10 {  width: calc(100% / 1.2 - 3.2rem); }
.col_11 {  width: calc(100% / 1.0909090909091 - 3.2rem); }
.col_12 {  width: calc(100% / 1 - 3.2rem); }
#app_wrapper label {font-size: 1.6rem;     margin: 1.5rem 1rem 1.5rem 0;}
#app_wrapper h1{ font-size: 4.4rem; color: #ffd300; font-family: 'KGA','Caveat', cursive;}
 h1{font-size: 5rem;  ; color: #fff; font-family: 'KGA','Tropical', cursive; letter-spacing: 0.5rem; font-weight: 400;     line-height: 1.2;}
 h2{ font-size: 4.5rem; text-transform: uppercase; color: #fff; font-family: 'Tropical', cursive; letter-spacing: 0.5rem;     line-height: 1.2;}
 h3{ font-size: 4.3rem; text-transform: uppercase; color: #fff; font-family: 'Tropical', cursive;   letter-spacing: 0.5rem;     line-height: 1.2;}
 h4{ font-size: 4.2rem; text-transform: uppercase; color: #fff; font-family: 'Tropical', cursive; letter-spacing: 0.5rem;     line-height: 1.2;}
 h5{ font-size: 4.1rem; text-transform: uppercase; color: #fff; font-family: 'Tropicalt', cursive; letter-spacing: 0.5rem;     line-height: 1.2;}
 h6{ font-size: 4rem; text-transform: uppercase; color: #fff; font-family: 'Tropical', cursive; letter-spacing: 0.5rem;     line-height: 1.2;}
.sub_title{font-size: 2.4rem; color: #fff; font-family: 'KGA','Tropical', cursive; letter-spacing: 0.5rem; font-weight: 400;     line-height: 1.2;}
#go-button {position: relative; top: -2rem;}
#go-button svg{width: 2.5rem; height: 2.5rem; cursor: pointer; color: grey;}
.vt{vertical-align: top!important;}

.capture_modal{ width: 100vw; max-width: 100%; height: 100vh;  border: none; position: fixed; top: 0; left: 0; padding: 0; }
.capture_modal .button{  display: inline-block;  margin: 0.5rem; padding: 1.5rem 2rem;   background-size: cover !important;}
.capture_modal .button.save_pic{background-image: url('/img/button3.png') }
.capture_modal .icon_close{top:1rem; right: 1rem; z-index: 9999;}
.capture_modal .title{font-size: 4rem; text-align: center;  color: #fff;  font-weight: 400;     line-height: 1.2;}
.capture_modal .title.hide{display: none;}
.capture_modal .ok_btn{ display: block; width: 7.5rem; height: 7.5rem; z-index: 999;    top: 0; background: #fff; border: none; margin: 0 auto; position: relative; border-radius: 50%; }
.capture_modal .ok_btn:after{content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%) scale(0.8); border-radius: 50%; background: #fff; border: 0.3rem solid #000; }
.capture_modal .question_block{display: none; text-align: center;}
.capture_modal .question_block.active{display: block;}

.capture_modal .screen_block{display: none;}
.capture_modal .screen_block .btns {margin-bottom: 3rem; }
.capture_modal .screen_block.active{display: block;}
/* .capture_modal .video{  display: block;  width: 120%;  -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); left: 50%; position: absolute; top: 33%;} */
.capture_modal .video{  display: block;  width: 100%;}
.capture_modal .canvas{  display: block;  width: 100%;}
.capture_modal .canvcanvas_imageas{  display: none;}
.capture_modal .before_after_block.change_brightness .canvas{  display: none; }
.capture_modal .before_after_block.change_brightness .canvas_image{  display: block; width: 100%; }
/*.capture_modal .video_block .btns{   float: right;}*/
/*.capture_modal .video_block .btns button{display: block; margin: 1rem 0;}*/
.screen_block .loader{display: none; position: absolute; left: 50%;   top: 10%; transform: translate(-50%, -10%);}
.screen_block.show_loader .loader{display: block;}
.screen_block.show_loader .canvas {display: none;}

.before_after_block .loader{display: none; position: absolute; left: 50%;   top: 10%; transform: translate(-50%, -10%);}
.before_after_block.show_loader .loader{display: block;}
.before_after_block.show_loader .canvas {display: none;}

body .basicloader{display: none; }
body.show_loader .basicloader{display: block; position: fixed; left: 50%;   top: 50%; transform: translate(-50%, -50%); z-index: 9999999;}

.capture_modal .done_img{display: none;}
.capture_modal .file_name{display: none;}
.video_block .text{color: #fff; position: absolute; top: 80%; left: 50%; width: 100%;transform: translate(-50%, -80%); font-size: 2rem; text-align: center; z-index: 999;  background: #00000057;}

.parts {width: 100vw;	height: 100vh; position: relative;	padding: 0;	margin: 0;	overflow: hidden;}
.parts .half_part .btns{position: absolute; top: 80%; left: 50%; width: 100%;transform: translate(-50%, -80%); text-align: center; z-index: 999;}
.parts .half_part .btns a{    font-size: 1.8rem;}

#app_timer.warning_compleated {
  color:red;
  -webkit-animation: blink2 1s linear infinite;
  animation: blink2 1s linear infinite;
}
@-webkit-keyframes blink2 {
  100% { color: rgba(255, 126, 23, 0); }
}
@keyframes blink2 {
  100% { color: rgba(255, 126, 23, 0); }
}

#app_timer {position: absolute; font-size: 4rem; left: 50%; top:5rem; margin-left: -5rem;}
#app_timer.not_compleated {color:red;}

@media (orientation: landscape) {
	.parts .half_part{position: relative;width: 49vw;display: inline-block; vertical-align: top; height: 100vh;	}
	/*.parts .half_part .canvas{
		width: 100%;position: absolute; top: 0;
		left: 0;
	}*/
}
@media (orientation: portrait) {
	.parts .half_part{position: relative;width: 100vw;float: none;display: block;height: 50vh;	}
}



.capture_modal .before_after_block{display: none;}
.capture_modal .before_after_block.active{display: block;}
.capture_modal .video_block{position: relative; margin-top: 0}
/*.capture_modal  img.before_img{position: absolute; top: 0; right: 0; width: 25%;}*/
.capture_modal  img.before_img{width: 100%; }
.capture_modal  [class*='col_']{vertical-align: top;}



.choice .col_6{vertical-align: top;}
.choice .choices_btns {display: none;}
.choice .text {display: none;}
.choice .titleName {display: none;}

/* .choices_capture .btns{clear: both;}
.video_block{position: relative;}*/

/*
font-family: 'Bangers', cursive;
font-family: 'Finger Paint', cursive;
font-family: 'Slackey', cursive;
font-family: 'Ranchers', cursive;
font-family: 'Sedgwick Ave Display', cursive;*/

.modal_2, .modal_1{padding: 2rem;    max-width: 70rem!important;}
.modal_del{padding: 2rem;    max-width: 40rem!important;}
.modal_del .button {width: 100%;}
.modal_4 .button {width: 100%;}
.dialog .button{   position: relative;top: 1.2rem;}
.dialog .button2{   position: relative;top: 1.2rem;}
.dialog .button2.brightness{ background: transparent; border: none;  margin: 2rem;}
.dialog .button2.brightness svg{font-size: 2.4rem }
.settings {display: none;}
.settings a{display: none;}
.settings svg{display: none;}


input[type='checkbox'], input[type='radio'] { position: absolute; left: -9999px; }
input[type='checkbox'], input[type='radio'] + label { position: relative; padding-left: 3rem; cursor: pointer; display: inline-block; margin-bottom: 1rem; margin-right: 1rem; }
input[type='checkbox'] + label:before, input[type='radio'] + label:before { content: ''; position: absolute; left: 0; top: .1rem; width: 2rem; height: 2rem; border: 1px solid #aaa; background: #fff; border-radius: 3px; -webkit-transition: all .3s ease; transition: all .3s ease; }
input[type='checkbox'] + label:after, input[type='radio'] + label:after { content: '✔'; position: absolute; top: 0.05rem; left: 0.45rem; font-size: 1.4rem; color: #000; -webkit-transition: all .2s; transition: all .2s; }
input[type='checkbox']:not(:checked) + label:after, input[type='radio']:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
input[type='checkbox']:checked + label:after, input[type='radio']:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
input[type='checkbox']:checked + label:before, input[type='radio']:checked + label:before { background-color: #ffd300; border: 1px solid #333996; }

.loginlogo {  margin: 10rem auto 2rem;  width: 100%;    position: relative;   text-align: center;}
.login_page {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 100%; color: #fff;  background: #231f20 url(/img/bg.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.login_page .table { height: 100%; width: 100%; text-align: left !important; }
.login_page h1 { text-align: center; text-transform: uppercase; position: absolute; top: -7rem; color: #B2BBBF; left: 0; font-weight: bold; text-shadow: 0px 2px 5px #C6C8CC; opacity: 0; }
.login_page input { background-color: #fff; border: 1px solid #BEC1C1; padding-left: 4rem; color:#353535;}
.login_page span { display: block; margin-bottom: .1rem; font-size: 1.4rem; }
.login_page .validate_error { border-color: red !important; background: #ffbcbc;}
.login_page .button {    background-image: none; background-color: #FE7E17; color: #fff; border-radius: 50%; padding: 0; width: 6rem; height: 6rem; position: absolute; right: -3.3rem; top: 50%; margin-top: -3rem; font-size: 3rem; line-height: 1; box-shadow: 0px 2px 20px rgba(134, 124, 124, 0.22); opacity: 1; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
/* .login_page .button:hover { background-color: #444444; color:#FE7E17;} */
.login_page .button svg { font-size: 3rem; }
.login_input { position: relative; }
.login_input svg { position: absolute; top: 0.7rem; left: 0.6rem;  color: #353535; width: 2.5rem; height: 2.5rem;}
.login_form { max-width: 450px; margin: 0 auto 0; background-color: rgba(113, 131, 150, 0.3); padding: 1rem; position: relative; }
.form_inner { padding: 3rem 5rem; background-color: #353535; }
.exit {position: absolute; bottom: 2rem; z-index: 99; left: 1rem; border-radius: 50%;    font-weight: 700;    text-transform: uppercase;    text-align: center;    background: url(/img/exit.png) center no-repeat;    -webkit-background-size: contain;    color: #000;        width: 6em;    padding: 1.3em 0 1.7em;    font-family: 'Caveat', cursive;    background-size: contain; text-align: center; font-size: 2rem }
.btn_last {position: absolute; bottom: 4rem; z-index: 999; right: 1rem; font-size: 2rem;  font-family: 'Caveat', cursive;}
.btn_last2 {position: absolute; bottom: 1rem; z-index: 999; right: 18rem; font-size: 2rem;  font-family: 'Caveat', cursive;}
.step{ width: 15rem; border: none;   padding: 2.2em 3rem 2em 1.5em;    font-size: 2rem;    font-weight: 700;    background: url(/img/arrow_red.png) left center no-repeat;    -webkit-background-size: contain;    background-size: contain;    z-index: 1;    text-transform: uppercase;}
.btn_last.step{bottom: 2rem;}
.step_prev  { width: 15rem;    padding: 2.2em 0 2em 1.5em;    font-size: 2rem;    font-weight: 700;    background: url(/img/arrow_red2.png) left center no-repeat;    -webkit-background-size: contain;    background-size: contain;    z-index: 1;    text-transform: uppercase;}
.btn  { width: 15rem;    padding: 1.7em 0 2em 3.3em;    font-size: 2rem;    font-weight: 700;    background: url(/img/arrow_red2.png) left center no-repeat;    -webkit-background-size: contain;    background-size: contain;    z-index: 1;    text-transform: uppercase;}
.submit, .sub{      width: 15rem;    padding: 1rem 0;    font-size: 3rem;    font-weight: 700;    line-height: 1;    color: #fff;    text-align: center;    text-transform: uppercase;    background: url(/img/button.png) center no-repeat;    -webkit-background-size: 100% 100%;    background-size: 100% 100%;    border: none;}
.send{ bottom: 4rem;     right: 3rem;   width: 15rem;    padding: 1rem 0;    font-size: 3rem;    font-weight: 700;    line-height: 1;    color: #fff;    text-align: center;    text-transform: uppercase;    background: url(/img/button.png) center no-repeat;    -webkit-background-size: 100% 100%;    background-size: 100% 100%;    border: none;}
.signature-pad {    background: #231f20 url(/img/bg.jpg) center no-repeat;    -webkit-background-size: cover;    background-size: cover;  position: relative;  font-size: 10px;  width: 100%;  height: 100%;  max-width: 700px;  max-height: 460px; /*border: 0.1rem solid #ffd300; */  border-radius: 4px;  padding: 16px 0;}
.signature-pad::before,.signature-pad::after {  position: absolute;  z-index: -1;  content: "";  width: 40%;  height: 10px;  bottom: 10px;  background: transparent;}
.signature-pad--body {  position: relative;    height: 20rem;}
.signature-pad--body canvas {  /*border: 0.1rem solid #ffd300;*/ width: 100%;  height: 20rem;  border-radius: 4px;}
.signature-pad--footer {  color: #C3C3C3;  text-align: center;  font-size: 1.2em;  margin-top: 8px;}
.signature-pad--actions { margin-top: 8px;}
.signature-pad img {max-width: 20%; position: absolute; right: 0; bottom: 0;}
#fileFrame {width: 100%; height: 100vh; position: fixed; top:0; left:0; }

.info_block {
  margin-bottom: 5rem
}
.info_block p{
   font-family: 'Caveat', cursive;
   font-size: 4rem;
   text-transform: uppercase;
   color: red;
}
.btn_re_save{
      bottom: 4rem;
    width: 15rem;
    padding: 1rem 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url(/img/button.png) center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    border: none;
    display: block;
    margin: 1rem auto;
        font-family: 'Caveat', cursive;
}


.logoContainer{  width:170px;  height:180px;  margin: 15px 0;   text-align: center;  line-height: 120px;}
.logoContainer img{  max-width:100%;}
.fileContainer{     width: 100%; max-width: 25rem;   white-space: nowrap;    padding: 0;    overflow: hidden;    height: 4rem;    -o-text-overflow: ellipsis;    text-overflow: ellipsis;    line-height: 4rem;    background-size: cover;}
.fileContainer span{  overflow:hidden; width: 100%; max-width: 25rem;  display:block;  white-space:nowrap;  text-overflow:ellipsis;  cursor: pointer;}
.fileContainer input[type="file"]{  opacity:0;  margin: 0;  padding: 0;  width:100%;  height:100%;  left: 0;  top: 0;  position: absolute;  cursor: pointer;}

iframe.video {display: block; width: 100%; max-width: 80%; margin: 0 ;}
/*.validate_signature.validate_error{background: transparent; color: #e57373;}*/
.divider {border-radius: 0.3rem; margin: 1rem 0; display: none;}
.divider.active{display: block;}
/*.main_blocks{display: none}
.main_blocks.active{display: block}*/
.p{display: none;}
.thanks_modal {  margin: 10rem auto;  background: #231f20 url(/img/bg.jpg) center no-repeat;    -webkit-background-size: cover;    background-size: cover;}
.thanks_modal  h2{color: #fff; margin-bottom: 3rem;}
.thanks_modal  p{color: #fff;}
.pa {  position: absolute;  top: 40%;  left: 50%;  transform: translate(-50%, -40%);}
div.pa {    width: 80%;}
header {  padding: 2rem 0}
.form { 	height: 100%;  min-height: calc(100vh - 15rem);}
#app_wrapper {      padding-bottom: 13rem;}
.enstein img{  width: 14rem;}
.result_html{background: #fff; color: #000}
.result_html .disabled{opacity: 1}
.result_html .sub_title {
      font: 400 2rem/1.5 "Open Sans", sans-serif;
      letter-spacing: initial;
}
.result_html h1{
   font: 400 3rem/1.5 "Open Sans", sans-serif;
      letter-spacing: initial;
      color: #000;
}
.result_html p,
.result_html span,
.result_html a,
.result_html label{
  color: #000
}