@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwOIpWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIouWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* { margin: 0; padding: 0; }
body { font-family: 'Raleway', sans-serif; }
input,select,textarea { font-family: 'Raleway', sans-serif; padding: 8px; box-sizing: border-box; }
input[type="number"], select {
    line-height: 50px;
   height:50px;
}
img { max-width: 100%; }
a { color: #323232; text-decoration: none; transition: all 0.3s ease 0s; }
button { font-family: 'Raleway', sans-serif; }
ul { margin: 0; padding: 0; }
.cl { clear: both; }
*:focus { outline: none; }
h1,h2 { font-size: 28px; font-weight: 500; }

.wlcmCntr { display: inline-block; }
.wlcmForm { position: absolute; top: 50%; left: 50%; max-width: 450px; width: 100%; background: #1974c4; border-radius: 5px; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.wlcmForm h2 { font-size: 25px; color: #fff; border-bottom: 1px solid #f9c285; padding: 15px; background: #f2a654; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.wlcmForm form { padding: 20px; }
.inp { width: 49%; padding: 15px; color: #000; font-weight: 500; border: none; border-radius: 3px; }
.wlcmInp { margin-bottom: 15px; }
.genderInp { margin: 20px 0; background: #1865ab; padding: 15px; /*text-align: center;*/ }
.genderInp h4 { color: #fff; font-weight: 600; font-size: 15px; padding-bottom: 15px; }
.wlcmInp h4 { color: #fff; font-weight: 600; font-size: 15px; padding-bottom: 10px; }
.wlcmInp p { color: #f2a653; font-weight: 600; font-size: 12px; padding-bottom: 5px; }
.wlcmInp label,.genderInp label { font-size: 13px; color: #fff; line-height: 20px; margin-right: 5%; }
.wlcmInp select { margin-top: 15px; }
.wlcmInp input[type="submit"] { width: 100%; background: #1865ab; border: none; color: #fff; padding: 15px 0; cursor: pointer; border-radius: 3px; font-size: 14px; font-weight: 500; text-transform: uppercase; }

.sltgender { display: inline-block; position: relative; padding-left: 27px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; }
.sltgender input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border-radius: 50%; }
/*.sltgender input:checked ~ .checkmark { background-color: #2196F3; }*/
.checkmark:after { content: ""; position: absolute; display: none; }
.sltgender input:checked ~ .checkmark:after { display: block; }
.sltgender .checkmark:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: #000; }


@media all and (max-width: 767px) {
.wlcmForm { width: 95%; }
.wlcmForm h2 { font-size: 20px; }
.wlcmForm form { padding: 10px; }
.wlcmInp { margin-bottom: 10px; }
.genderInp { margin: 10px 0; }
.inp { padding: 10px; }
}