*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Roboto', sans-serif;font-weight:400;margin:0;padding:0;border:0;letter-spacing:0.5px}ul,li,h1,h2,h3,h4,h5{padding:0;margin:0}li{list-style:none}a{text-decoration:none;color:inherit;outline:none;cursor:pointer}img{max-width:100%;vertical-align:top}.clear{clear:both}body.no-scroll{overflow:hidden !important}body{height:auto;cursor:default}.form input[type="submit"],.common-btn,.form input[type="button"],.form button{background:#4789bb;width:100%;display:block;cursor:pointer;color:#fff;height:50px;border-radius:50px;font-size:20px;text-align:center;line-height:48px}.form input[type="submit"]:hover,.common-btn:hover,.form input[type="button"]:hover,.form button:hover{background:#38404c}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute}.form input[type='text'],.form input[type='number'],.form input[type='email'],.form input[type='password'],.form input[type='tel'],.form textarea,select{display:block;width:100%;background:transparent;outline:none;width:100%;border-bottom:1px solid #999;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;padding:15px 10px;height:50px}select{background:url(icon-arrow-grey.png) no-repeat calc(100% - 10px) center/11px;padding-right:40px}button.button-btn.delete:hover,button.button-btn.undo:hover{background:none;outline:none}.error-msg{color:red;padding:5px;font-size:14px}.form textarea{line-height:1;resize:none;min-height:120px;padding:7px 10px}.form .form-element{margin:15px 0;vertical-align:top;width:100%;display:inline-block;position:relative}.form .two.active .form-element.validate-input{margin-top:100px}.form .form-element:last-child{margin-bottom:0}.form .form-element .col-6{float:left;width:48%;position:relative}.form .form-element .col-6+.col-6{float:right}.form .form-element.no-margin{margin-bottom:0}.form .form-element label{display:block;width:100%;padding-bottom:10px;color:#696969}.form-element input[type="text"]:focus,.form-element input[type="phone"]:focus,.form-element input[type="email"]:focus,.form-element input[type="password"]:focus,.form-element input[type="tel"]:focus{border-color:#043f7b;background:transparent}.forgot-password a{font-size:14px;padding:0 0 10px 0;color:#1C7F76;display:block;text-align:right}button:focus{outline:0}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}:-moz-placeholder{color:#000}.checkbox,.radio{display:inline-block;position:relative;vertical-align:middle;padding:0 0 0 25px;height:20px;float:left;font-size:14px}.checkbox input,.radio input{top:0;left:0;margin:0 !important;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.checkbox .input-helper:before,.radio .input-helper:before,.checkbox .input-helper:after,.radio .input-helper:after{-webkit-transition:all;-o-transition:all;transition:all;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;content:""}.checkbox .input-helper:before,.radio .input-helper:before{left:0;border:1px solid #ccc;border-radius:2px}.checkbox.disabled,.radio.disabled{opacity:.6;filter:alpha(opacity=60)}.checkbox input{width:17px;height:17px}.checkbox input:checked+.input-helper:before{-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.checkbox input:checked+.input-helper:after{-webkit-transform:scale(1) rotate(-50deg);-ms-transform:scale(1) rotate(-50deg);-o-transform:scale(1) rotate(-50deg);transform:scale(1) rotate(-50deg);opacity:1;filter:alpha(opacity=100)}.checkbox .input-helper:before{top:-1px;width:17px;height:17px}.checkbox .input-helper:after{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0) rotate(80deg);-ms-transform:scale(0) rotate(80deg);-o-transform:scale(0) rotate(80deg);transform:scale(0) rotate(80deg);width:22px;height:9px;border-bottom:2px solid #043f7b;border-left:2px solid #043f7b;border-bottom-left-radius:2px;left:-1px;top:1px}.wrapper{box-shadow:0 0 30px rgba(0,0,0,0.15);min-height:100vh;display:flex;position:relative;background:url(banner.jpg) no-repeat;background-size:cover;background-position:bottom}.wrapper:before{content:"";background:rgba(0,0,0,0.4);position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;width:100%;height:100%}.form .logo{margin:auto;padding:40px 0 0;text-align:center}.form .logo img{width:200px;margin:auto}.form{z-index:15;position:relative;margin:auto;background:rgba(255,255,255,0.9);position:relative;width:600px;box-sizing:border-box;margin:auto;overflow:hidden}.form-element input{color:#000;padding:12px 0px;font-size:16px}.form-panel.one:before{position:absolute;top:0;left:0;display:none;background:#303439;width:100%;height:100%}.form-toggle{z-index:10;position:absolute;top:60px;right:85px;background:#FFFFFF;width:50px;height:50px;border-radius:100%;cursor:pointer;transition:all 0.3s ease}.form-toggle:before,.form-toggle:after{content:'';display:block;position:absolute;top:50%;left:50%;width:25px;height:3px;background:#043f7b;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.form-toggle:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.form-toggle:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.form-toggle.visible{-webkit-transform:translate(0, -25%) scale(1);transform:translate(0, -25%) scale(1);opacity:1}.two .form-element label{color:#FFFFFF}.two .form-element input,.two .form-element input:focus{color:#FFFFFF;border-bottom:1px solid #fff}.form .form-element label.checkbox{display:inline-block !important;width:auto}.form-panel.one .form-recovery{display:inline-block;float:right;color:#696969;font-size:14px}.form-panel.one .form-recovery:hover{color:#043f7b}.form-panel{padding:40px calc(5% + 60px) 60px 60px;box-sizing:border-box}.form-panel.one:before{content:'';display:block;opacity:0;visibility:hidden;transition:0.3s ease}.form-panel.one.hidden:before{display:block;opacity:1;visibility:visible}.form-panel.two{z-index:5;position:absolute;top:0;right:-95%;background:#303439;width:100%;min-height:100%;padding:60px calc(10% + 60px) 60px 60px;transition:0.3s ease}.form-panel.two:before,.form-panel.two:after{content:'';display:block;position:absolute;top:60px;left:1.5%;background:rgba(255,255,255,0.2);height:30px;width:2px;transition:0.3s ease}.form-panel.two:after{left:3%}.form-panel.two.active{right:-10%;box-shadow:0 0 10px rgba(0,0,0,0.2);cursor:default}.form-panel.two.active:before,.form-panel.two.active:after{opacity:0}.form-header{margin:0 0 40px}.form-header h1{padding:4px 0;color:#043f7b;font-size:24px;font-weight:500;text-transform:uppercase}.two .form-header h1{position:relative;z-index:40;color:#FFFFFF;margin-right:40px}@media (min-width: 1600px){.logo,.title{margin-bottom:60px}}@media (max-width: 1400px){.form{width:450px}.form-panel{padding:40px calc(5% + 45px) 50px 45px}.form-toggle{width:45px;height:45px}.form-panel.two{padding:60px calc(10% + 45px) 50px 45px}.form-header{margin:0 0 10px}.form .logo img{width:180px}}@media (max-width: 1200px){.logo img{max-width:170px}.form input[type="text"],.form input[type="number"],.form input[type="email"],.form input[type="password"],.form input[type="tel"],.form textarea,select{padding:10px;height:40px}}@media (max-width: 767px){.wrapper{background-size:contain}}