@charset "UTF-8";
@import url("/css/navigation.css");
@import url("/webfonts/EuclidFlex-Light/stylesheet.css");
html {-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
body {font-size:16px;line-height:1.5;font-weight: 300; font-family: "EuclidFlexLight",sans-serif;letter-spacing: 1px;color:#717171;margin:0;padding:0;}
strong, a {color:#252525;}
.validation section ul {margin: 0 0 1em;font-size:17px;list-style: disc;padding-left: 1em;}
.validation section,.thankyou section {border-top:solid #ededed 1px;padding-top:2em;}
.validation section h2 {font-size:1.5em;margin: 0 0 1em}
section div.rule {border-top: 1px solid #ededed;margin: 0 auto 20px;width:100%;max-width: 350px;}
section p {margin: 0 0 1em;font-size:17px;}
section.notes {border-top:solid #ededed 1px;padding-top:2em;}section.notes p {margin: 0 0 1em;font-size:17px;}
section.notes.discount {border-top:solid #ededed 1px;padding-top:2em;border-bottom:solid #ededed 1px;padding-bottom:0em;}section.notes p {margin: 0 0 1em;font-size:17px;}
section.notes div.rule {border-top: 1px solid #ededed;margin: 0 auto 20px;width:100%;max-width: 350px;}
section.notes p.instructions {font-size:18px;text-align: center;margin-bottom:2em;}
section.notes p.announce {padding: 20px;color: #252525;margin: 0 0 20px;font-size:17px;text-indent:0;}
section.notes ul {margin:0;padding-left:1.2em;font-size:17px;}
section.notes ul li {margin: 0 0 1em;position: relative;}
section.notes ul li::before {content: '*';position: absolute;left:-1em;}
section .discount {border:2px solid #e76720;padding:.75em .75em .05em;border-radius: 3px;/*color:#7b85fc;*/}
section .discount h3 {text-align: center;font-size: 1.2em;margin:0 0 .25em;}
section .discount h3 span {display:block}
section .discount h4 {text-align: center;font-size: 1.2em;margin:0 0 .5em;}
section .discount p {text-align: center;font-size: 1.2em;}
section .discount p span {display:block}

header {position: relative;padding: 0 0 56.22047%;height: 0;background-size: cover;margin-bottom:6em;}
header div.scroll {display:none}
.home header {background-image: url(/images/photo-app-2.jpg);}
.validation header {background-image: url(/images/photo-validation-2.jpg);}
.thankyou header {background-image: url(/images/photo-thankyou-2.jpg);}


header h1 {color: #fff;text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);font-size: 2.875em;position: absolute;left:10%;bottom:13%;font-family: "EuclidFlexLight",sans-serif;}
header h1 span {font-size:.8em;}
header div {z-index: 100; position: fixed;width:100%;top:0;left:0;padding-top:20px;height:60px;-webkit-transition: background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition: background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out;transition: background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out;}
header div:hover,header div.scroll {background-color: #fff;}
header div img {position:absolute;display: inline-block;left:20px;top:-6px;margin:19px 0 0;}

section {max-width:960px;padding:0;width:100%;margin: 1.5em auto;}
section .margin {max-width:750px;margin: 0 auto;width:90%;padding:0 5%;}
section.wide {max-width:1050px;}
section .margin.wide {max-width:1150px;}
section.app {padding-top:2em;}
section h2 {font-size:1.65em;text-align:center;margin:1em 0;}


footer {max-width: 960px; padding:0;width:90%;margin: 3em auto; text-align: center;font-size: 12px;}
footer div {margin: 0 0 2em;background-image: url(/images/icon-lines.png);background-repeat: repeat-x;background-position: center;}
footer div img {display: block;margin:0 auto;}


/* ================================================================ *\
#App
\* ================================================================ */
.data .row {overflow: hidden;margin:0 0 .5em;line-height: 1.4em;letter-spacing: 0;}
.data .row.section {border-top:1px solid #ededed;padding-top:1.5em;margin-top:1em;}
.data .row.section.bottom p {margin:0 0 1em}
.data .row.header>label {text-transform: uppercase;}
.data .row label {display:block;float:left;width:260px;text-align: right;padding-right: 12px;position: relative;}
.data .row.discounts label {color:#000;}
.data .row label span {display:block;position:absolute;right:1px;top:.1em;color:#424242;font-size: 1.2em;}
.data .row.agree label {width:auto;letter-spacing: .15em; font-family: "Lato", sans-serif;text-align: center; background-color:#e76720;color:#fff!important;display:inline-block;padding: 5px 10px;border-radius: 3px;font-weight: 700;border:1px solid #e76720;font-size: 1em;}
.data .row .input {margin-left:274px;}
.data .row .input span {display:block;font-size: .9em;margin:.25em 0 0}
.data .row input[type=text] {-webkit-appearance: none;height:1.5em;border-radius: 3px;border:1px solid #dadada;width:250px}
.data .row input[type=number] {-webkit-appearance: none;height:1.5em;border-radius: 3px;border:1px solid #dadada;width:250px}
.data .row .input textarea {height:5em;border-radius: 3px;border:1px solid #dadada;width:250px}
.data .row .input select {}
.data .row .input.russian li label {margin:0 0 .25em 2em;text-indent: -1.4em;}
.data .row.req .input {text-transform: uppercase;font-size:.8em;}
.data .row .input label {float:none;width:auto;text-align:left;padding-right:0;}
.data .row .input .indent {padding-left:2em;}
.data .row .input.inline label {display: inline;padding-right:.25em;}
.data .row label input[type=submit] {-webkit-appearance: none;letter-spacing: .15em; font-family: "Lato", sans-serif;background-color:#e76720;color:#fff;display:inline-block;padding: 5px 10px;border-radius: 3px;font-weight: 700;border:1px solid #e76720;font-size: 1em;cursor:pointer;}
.data .row label input[type=submit]:hover {opacity: .8;}


/* ================================================================ *\
#Travel form
\* ================================================================ */

.travel.home header {background-image: url(/images/photo-travel-app-2.jpg);}
.travel.validation header {background-image: url(/images/photo-travel-validation.jpg);}
.travel.thankyou header {background-image: url(/images/photo-travel-thankyou.jpg);}
.travel section.notes h2 {font-size:20px;padding-bottom:0;margin: 0 0 1em;color:#252525;}
.travel .data.top .row label {width:70%}
.data.top .row .input input[type=text] {width:200px}
.data.top .row .input input[type=text]#number {width:50px}
.data.columns {margin:2em 0;}
.data.columns input[type=text]::placeholder {opacity:0;} 
.data.columns input[type=text]:-ms-input-placeholder {opacity:0;} 
.data.columns input[type=text]::-ms-input-placeholder {opacity:0;}
.data.columns .row {padding-left:1em;position: relative;}
.data.columns .row::before {position: absolute;left:0;top:0;font-size: .9em;}
.data.columns .row.num01::before {content:'1';}
.data.columns .row.num02::before {content:'2';}
.data.columns .row.num03::before {content:'3';}
.data.columns .row.num04::before {content:'4';}
.data.columns .row.num05::before {content:'5';}
.data.columns .row.num06::before {content:'6';}
.data.columns .row .col {width:31%;float:left;}
.data.columns .row .col + .col {margin-left:2% }
.data.columns .row .col input[type=text] {width:100%}
.data .row.wide textarea {width:80%;height:7em;border-radius: 3px;border:1px solid #dadada;}
.data .row.wide p {font-size: 1em;margin: .25em 0 .5em}
.data .row.section.nr {border-top-style: none;padding-top:0;}
.data .row.section.train {margin-top:3em;}
.data .row.section p {margin:.3em 0 .25em;}
.data .row.section label {color:#252525;}
.travel .data .row {padding-bottom: .2em;}
.travel .data .row label {width:320px;}
.travel .data .row .input {margin-left:334px}

     	
@media (min-width:1500px){
/*header {padding: 0 0 36%;background-position:center}*/
}
@media (max-width:1300px){
header div {height:100px;}
header div img {top:2px;}
}
@media (max-width:900px){
header div {position: fixed;background:#fff;height:60px;padding-top:0;}
header div img {height:50px;top:-13px}
}
@media (max-width:780px){
.validation section h2 {font-size: 1.4em;}
.validation section h2 span {display: block;}
}
@media (max-width:750px){
.data .row {margin:0 0 1em;}
.data .row.discounts {margin:0;}
.data .row.req label {display:inline;float:none;width:auto;text-align: left;padding-right: 0;position: relative;}
.data .row.req .input {margin-left:0;display:inline;}
.data .row label, .travel .data .row label {float:none;width:100%;text-align: left;padding-right: 0;margin-bottom: .2em}
.travel .data.top .row label {width:100%;}
.data .row label.hide {display:none;}
.data .row label br {display:none;}
.data .row label span, .travel .data .row label span {display:inline;position:static;}
.data .row .input, .travel .data .row .input {margin-left:1em;}
}
@media (max-width:650px){
section .discount h3 span {display:inline}
section .discount h4 span {display:inline}
section .discount p span {display:inline}
}
@media (max-width:600px){
body {font-size:16px;line-height:1.5;}
header h1 {left:5%;bottom:9%;font-size: 2em;}
.travel section.notes h2 br {display:none;}
.data.columns .row.header {display:none;}
.data.columns input[type=text]::placeholder {opacity:1;}
.data.columns input[type=text]:-ms-input-placeholder {opacity:1;}
.data.columns input[type=text]::-ms-input-placeholder {opacity:1;}
.data.columns .row {margin-left:1em;padding-top:1.5em;}
.data.columns .row .col {width:80%;float:none;}
.data.columns .row .col + .col {margin-left:0 }
.data.columns .row.num01::before {content:'Person 1';}
.data.columns .row.num02::before {content:'Person 2';}
.data.columns .row.num03::before {content:'Person 3';}
.data.columns .row.num04::before {content:'Person 4';}
.data.columns .row.num05::before {content:'Person 5';}
.data.columns .row.num06::before {content:'Person 6';}
}
@media (max-width:400px){
header div img {height:40px;top:-10px;left:10px}
}