@font-face {
  font-family: 'roboto'; src: url('../fnt/Roboto-Thin.eot');
  src: url('../fnt/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fnt/Roboto-Thin.woff2') format('woff2'), url('../fnt/Roboto-Thin.woff') format('woff'), url('../fnt/Roboto-Thin.ttf')  format('truetype'), url('../fnt/Roboto-Thin.svg#roboto') format('svg'); }

  
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
* { margin:0; padding:0; border: 0 none; }
html, body { width: 100%; height: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; }
html { background: #50a3a2; background: -webkit-linear-gradient(135deg, #4567b2 20%, #8ab9ff 80%); background: linear-gradient(135deg, #4567b2 20%, #8ab9ff 80%); }
body {	font: 300 normal normal 100%/1.5 roboto, sans-serif; overflow: hidden;
	background-image: url(data:image/png;base64,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); 
	}

	@media (min-width: 480px) { body { font-size: 130%; } }
	@media (min-width: 800px) { body { font-size: 150%; } }
	@media (min-width: 1200px) { body { font-size: 170%; } }
	
*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; }

body ::-webkit-input-placeholder { font-family: roboto, sans-serif; color: rgba(255, 255, 255, 0.5); font-weight: 300; }/* WebKit browsers */
body :-moz-placeholder { font-family: roboto, sans-serif; color: rgba(255, 255, 255, 0.5); font-weight: 300; opacity: 1; }/* Mozilla Firefox 4 to 18 */
body ::-moz-placeholder { font-family: roboto, sans-serif; color: rgba(255, 255, 255, 0.5); font-weight: 300; opacity: 1; }/* Mozilla Firefox 19+ */
body :-ms-input-placeholder { font-family: roboto, sans-serif; color: rgba(255, 255, 255, 0.5); font-weight: 300; }/* Internet Explorer 10+ */

input, textarea, button	{ -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; -webkit-transition-duration: 0.25s; transition-duration: 0.25s;}

.wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden;}
.wrapper.form-success .container h1 { -webkit-transform: translateY(85px); transform: translateY(85px); }

.container { position: relative; max-width: 900px; margin: 0 auto; padding: 5px 0; text-align: center; }
.container h1 {font-weight: 100;font-size: 180%;color:rgba(255, 255, 255, 0.9); -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-in-put; transition-timing-function: ease-in-put; }


#formLogin { padding: 20px 0; position: relative; z-index: 2; }
.inpLogin { display: block; text-align: center; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 1); font-size: 100%; width: 250px; padding: 10px 15px; margin: 0 auto 10px auto; border-radius: 3px; }
.inpLogin:hover { background-color: rgba(255, 255, 255, 0.4); }
.inpLogin:focus { background-color: rgba(255, 255, 255, 0.9); width: 300px; color: rgba(0, 58, 115, 1); }
#login { background-color: rgba(255, 143, 0, 0.9); border: 0; color: rgba(255, 255, 255, 1); font-size: 90%; width: 250px; padding: 10px 15px; border-radius: 3px; cursor: pointer; }
#login:hover { background-color: rgba(170, 13, 255, 0.9); }


.bg-bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; }
.bg-bubbles li { position: absolute; display: block; width: 80px; height: 80px; bottom: -160px; list-style: none; background-color: rgba(255, 255, 255, 0.1); -webkit-animation: square 35s infinite; animation: square 35s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
.bg-bubbles li:nth-child(1) { left: 10%; }
.bg-bubbles li:nth-child(2) { left: 20%; width: 80px; height: 80px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 17s; animation-duration: 25s; }
.bg-bubbles li:nth-child(3) { left: 25%; -webkit-animation-delay: 4s; animation-delay: 4s; }
.bg-bubbles li:nth-child(4) { left: 40%; width: 60px; height: 60px; -webkit-animation-duration: 32s; animation-duration: 32s; background-color: rgba(255, 255, 255, 0.05); }
.bg-bubbles li:nth-child(5) { left: 70%; }
.bg-bubbles li:nth-child(6) { left: 80%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: rgba(255, 255, 255, 0.05); }
.bg-bubbles li:nth-child(7) { left: 32%; width: 160px; height: 160px; -webkit-animation-delay: 7s; animation-delay: 7s; }
.bg-bubbles li:nth-child(8) { left: 55%; width: 30px; height: 30px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s; }
.bg-bubbles li:nth-child(9) { left: 25%; width: 60px; height: 60px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s; background-color: rgba(255, 255, 255, 0.15); }
.bg-bubbles li:nth-child(10) { left: 90%; width: 160px; height: 160px; -webkit-animation-delay: 11s; animation-delay: 11s; }
@-webkit-keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-1700px) rotate(600deg); transform: translateY(-1700px) rotate(600deg); } }
@keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-1700px) rotate(600deg); transform: translateY(-1700px) rotate(600deg); } }


#home { padding: 20px; position: absolute; top: 20px; right: 20px; z-index: 10; display: none; color: #fff; overflow: hidden; cursor: pointer; }
#home:hover:before, #home:hover:after { background: #fff; }
#home:before, #home:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #000; border-radius: 100%;  height: 4px; margin-top: -2px;}
#home:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#home:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }



.op{position: relative; margin: 4%; font: 700 160%/1.5 roboto, sans-serif; padding: 10% 0; background: rgba(255,255,255,.1); color: rgba(255,255,255,.9); width: 42%; float: left; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; cursor: pointer; 
-  -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.op:hover{ background: rgba(255,255,255,.3); border: 1px solid rgba(255,255,255,0.5); color: rgba(0,0,0,0.5); }








/* Clearfix by Nicolas Gallagher
   ========================================================================== */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



.vlign{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}

.spinner { width: 40px; height: 40px; margin: 100px auto; background-color: #333; border-radius: 100%; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } }
@keyframes scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } }














#formDrive ,#formDriveO { position: relative; width: 100%; margin: 50px auto; text-align: center; }
.fieldDrive { position: relative; width: 100%; margin: 0; padding: 20px 30px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; }
.fieldDrive:not(:first-of-type) { display: none; }




.inpField, .inpText { width: 100%; padding: 10px 15px; margin: 0 auto 10px auto; font-size: 90%; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 1); border-radius: 3px; font-weight: 700;display:block; }
.inpHalf { float: left; width: 49%; }
.inpHalf:nth-child(even) {margin-right: 2% }

.inpThird { float: left; width: 32%; margin-right: 2%; }
.inpThird:nth-child(3n+1) { margin-right: 0; }

.inpSmall { background-color: rgba(255, 0, 0, 0.2); float: left; width: 20%; margin-right: 2%; text-align: center; }

.inpLThird { float: left; width: 68%; margin-right: 0; }
.inpRThird { float: left; width: 32%; margin-right: 0; }

.clrRed {background-color: rgba(255, 0, 0, 0.2);}
.rght {text-align: left; padding-left: 10%; line-height: 2.1; }


/*buttons*/
#formDrive .action-button, #formDriveO .action-button {
	width: 150px;
	background-color: rgba(255, 143, 0, 0.9);
	font-size: 90%;
	color: white;
	border: 0 none;
	border-radius: 3px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#formDrive .action-button:hover, #formDrive .action-button:focus, #formDriveO .action-button:hover, #formDriveO .action-button:focus { background-color: rgba(170, 13, 255, 0.9); }






/*headings*/
.fieldTitle { font-size: 110%; text-transform: uppercase; color: #2C3E50; margin-bottom: 30px; }
/*progressbar*/
#progressbar { margin-bottom: 30px; overflow: hidden; counter-reset: step; }
#progressbar li { position: relative; float: left; width: 33.33%; list-style-type: none; color: white; text-transform: uppercase; font-size: 80%; }
#progressbar li:before { content: counter(step); counter-increment: step; display: block; width: 50px; line-height: 50px; margin: 0 auto 5px auto; font-weight: 700; font-size: 90%; background: white; color: #333; border-radius: 25px; }
#progressbar li:after { content: ''; position: absolute; width: 100%; height: 2px; background: white; left: -50%; top: 24px; z-index: -1; }
#progressbar li:first-child:after { content: none; }
#progressbar li.active:before,  #progressbar li.active:after{ background: rgba(255, 143, 0, 1); color: white; }



#carGrup { position: relative; float: left; width: 100%; text-align: center; }
.carCard { position: relative; float: left; margin: 0; width: 25%; }
.carCard label { display: block; margin: 5px; padding: 0; font-size: 90%; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 1); border-radius: 3px; font-weight: 700; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.carCard label:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.4); }
.carCard label:active { background-color: rgba(255, 255, 255, 0.4); }
.radioCard:checked ~ label { background-color: rgba(255, 255, 255, 0.9); color: rgba(0, 0, 0, 0.9); }
.radioCard:checked ~ label  .cardTitle { border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.cardTitle { display: block; margin: 0 10px; padding: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.7); font-size: 90%; font-weight: 700;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.cardDesc { display: block; padding: 10px 0; font-size: 80%; }
.radioCard { display: none; }


#carGrupO { position: relative; float: left; width: 100%; text-align: center; }
.carCardO { position: relative; float: left; margin: 0; width: 50%; }
.carCardO label { display: block; margin: 5px; padding: 0; font-size: 90%; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 1); border-radius: 3px; font-weight: 700; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.carCardO label:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.4); }
.carCardO label:active { background-color: rgba(255, 255, 255, 0.4); }
.radioCardO:checked ~ label { background-color: rgba(255, 255, 255, 0.9); color: rgba(0, 0, 0, 0.9); }
.radioCardO:checked ~ label  .cardTitle { border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.cardTitleO { display: block; margin: 0 10px; padding: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.7); font-size: 90%; font-weight: 700;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.cardDescO { display: block; padding: 10px 0; font-size: 80%; }
.radioCardO { display: none; }
/*headings*/

/*progressbar*/
#progressbarO { margin-bottom: 30px; overflow: hidden; counter-reset: step; }
#progressbarO li { position: relative; float: left; width: 33.33%; list-style-type: none; color: white; text-transform: uppercase; font-size: 80%; }
#progressbarO li:first-child { margin-left: 16.665%; }
#progressbarO li:before { content: counter(step); counter-increment: step; display: block; width: 50px; line-height: 50px; margin: 0 auto 5px auto; font-weight: 700; font-size: 90%; background: white; color: #333; border-radius: 25px; }
#progressbarO li:after { content: ''; position: absolute; width: 100%; height: 2px; background: white; left: -50%; top: 24px; z-index: -1; }
#progressbarO li:first-child:after { content: none; }
#progressbarO li.active:before,  #progressbarO li.active:after{ background: rgba(255, 143, 0, 1); color: white; }