@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin-ext');

html { min-height: 100%; }
body {
	background-color: #291933;
	background-image: url('https://www.birstonopusmaratonis.lt/images/background.jpg');
	background-size: fit;
	-moz-background-size: fit;
	-o-background-size: fit;
	-webkit-background-size: fit;	
	background-repeat: no-repeat;
	background-position: top center; 
	width: 100%;
	min-height: 100%;
	padding: 50px 0;
	margin: 0;
	font-family: 'Roboto Condensed', sans-serif;
}
::-webkit-input-placeholder { color: #fff; }
:-moz-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; }
::-moz-focus-inner { border: 0; outline: none; }
*:focus { outline: none; }
.validate { color: #ea7c85 !important; }
.validate::-webkit-input-placeholder { color: #ea7c85 !important; }
.validate:-moz-placeholder { color: #ea7c85 !important; }
.validate::-moz-placeholder { color: #ea7c85 !important; }
.validate:-ms-input-placeholder { color: #ea7c85 !important; }
.template, .box-template { display: none; }
.logo { width: 80px; height: 80px; margin-top: 10px; }

.btn { background: none; border: 2px solid #ea7c85; color: #ea7c85; border-radius: 12px; padding: 12px 15px; margin: 5px 0; text-transform: uppercase; }
.btn:hover { background: #ea7c85; color: #fff; font-size: 14px; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.btn.next { border-color: #63d8d2; color: #63d8d2; }
.btn.next:hover { background: #63d8d2; color: #fff; }
.btn + .btn { margin-left: 10px; }

input, select { margin: 5px; font-size: 14px; background: none; border: none; border-bottom: 2px solid #ea7c85; color: #fff; padding: 12px 7px; text-transform: uppercase; box-sizing: border-box; }
input:focus { border: none; border-bottom: 2px solid #ea7c85; outline: none; }

#step1 { margin-top: 225px; }
.fullname { text-transform: capitalize; }
.hello { color: #e8d930; font-size: 40px;  padding-bottom: 50px; padding-top: 100px; }
.white { color: #fff; }
.hello .small { font-weight: bold; font-size: 30px; }


.choose { text-align: justify; padding-bottom: 50px; }
.choose img { display: inline-block; max-width: 24%; }
.choose img:hover { cursor: pointer; }
.choose:after{content:""; display: inline-block; width: 100%; height: 0;}

.person input { width: 100%; margin: 10px 0; border-radius: 0; }
select { width: 100%; margin: 10px 0; border-radius: 0; background-image: url('https://www.birstonopusmaratonis.lt/images/arrow.png'); background-repeat: no-repeat; background-position: calc(100% - 10px) 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; color: rgba(255,255,255,0); text-shadow: 0 0 0 #fff; color: #fff; }
select option { background-color: #ea7c85; }

.price { display: inline-block; background: #63d8d2; border: 2px solid #63d8d2; border-radius: 12px; padding: 12px 15px; margin: 5px 0; color: #fff; font-size: 14px; text-transform: uppercase;  }
.price i { font-style: normal; }

#add, .del { margin-top: 10px; color: #ea7c85; font-size: 14px; }
#add:hover { text-decoration: none; }
#add i { display: inline-block; background-image: url('https://www.birstonopusmaratonis.lt/images/people.png'); width: 14px; height: 18px; position: relative; top: 3px; }

#step4 .data { margin-bottom: 40px; }

.box > div { border-radius: 15px; background-color: #fff; font-size: 16px; padding: 25px; }
.box img { margin: 0 auto; position: relative; top: 30px; }
.box span { display: block; text-transform: uppercase;}
.box span.name > span { display: inline-block; }
.box .name { font-weight: bold; }
.box .email { text-transform: lowercase; }

.agreement { line-height: 25px; color: #fff; position: relative; font-weight: bold; }
.agreement input { position: relative; top: 3px; margin-right: 5px; }
.agreement a { color: #ea7c85; }
.agreement a:hover { color: #63d8d2; text-decoration: none; }

.giftcode { width: 100%; margin: 10px 0; border-radius: 0; }