/* @extend display-flex; */
display-flex, .signup-content, .actions ul, .actions ul li a {
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli, .actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/poppins/poppins-v5-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/poppins/poppins-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/poppins/poppins-v5-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("../fonts/poppins/poppins-v5-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins/poppins-v5-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins/poppins-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-regular.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-regular.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-regular.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/poppins/poppins-v5-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Italic"), local("Poppins-Italic"), url("../fonts/poppins/poppins-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-italic.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/poppins/poppins-v5-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins/poppins-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/poppins/poppins-v5-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("../fonts/poppins/poppins-v5-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins/poppins-v5-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins/poppins-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-600.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-600.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-600.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/poppins/poppins-v5-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/poppins/poppins-v5-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("../fonts/poppins/poppins-v5-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/poppins/poppins-v5-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("../fonts/poppins/poppins-v5-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/poppins/poppins-v5-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("../fonts/poppins/poppins-v5-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800italic.svg#Poppins") format("svg");
  /* Legacy iOS */ }
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/poppins/poppins-v5-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Black"), local("Poppins-Black"), url("../fonts/poppins/poppins-v5-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-900.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-900.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-900.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-900.svg#Poppins") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/muli/Muli-Regular.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/muli/Muli-ExtraBold.ttf");
  /* IE9 Compat Modes */ }
/* Montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat/Montserrat-Light.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat/Montserrat-Regular.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/montserrat/Montserrat-Italic.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat/Montserrat-Medium.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat/Montserrat-SemiBold.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat/Montserrat-Bold.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/montserrat/Montserrat-BoldItalic.ttf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/montserrat/montserrat-v12-latin-900.ttf"), url("../fonts/montserrat/montserrat-v12-latin-900.eot") format("embedded-opentype"), url("../fonts/montserrat/montserrat-v12-latin-900.svg") format("woff2"), url("../fonts/montserrat/montserrat-v12-latin-900.woff") format("woff"), url("../fonts/montserrat/montserrat-v12-latin-900.woff2") format("truetype"); }

a:focus, a:active {text-decoration: none; outline: none; transition: all 300ms ease 0s;  -moz-transition: all 300ms ease 0s;  -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s;  -ms-transition: all 300ms ease 0s; }
input, select, textarea { outline: none; appearance: unset !important; -moz-appearance: unset !important;  -webkit-appearance: unset !important; -o-appearance: unset !important; -ms-appearance: unset !important; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; -o-appearance: none !important; -ms-appearance: none !important; margin: 0; }
input:focus, select:focus, textarea:focus {outline: none; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; }

input[type=checkbox] { appearance: checkbox !important; -moz-appearance: checkbox !important; -webkit-appearance: checkbox !important; -o-appearance: checkbox !important; -ms-appearance: checkbox !important; }
input[type=radio] {appearance: radio !important; -moz-appearance: radio !important; -webkit-appearance: radio !important; -o-appearance: radio !important; -ms-appearance: radio !important; }

input:-webkit-autofill {box-shadow: 0 0 0 30px transparent inset; -moz-box-shadow: 0 0 0 30px transparent inset; -webkit-box-shadow: 0 0 0 30px transparent inset; -o-box-shadow: 0 0 0 30px transparent inset; -ms-box-shadow: 0 0 0 30px transparent inset; background-color: transparent !important; }

.clear {clear: both; }
h2 {font-size: 27px; color: #222; font-weight: 800; font-family: 'Muli'; margin: 0px; padding-bottom: 65px; }
h2 span { color: #7c7cdd; }

body {font-size: 13px; line-height: 1.6; color: #222; font-weight: 400; font-family: 'Poppins'; margin: 0px; background: #222; }
.main {padding: 50px 0; }

p { margin: 0px; }
p.desc {padding-bottom: 330px; color: #999; line-height: 1.92; }

p.title {font-weight: bold; padding-bottom: 7px; }
.signup-img {padding-bottom: 43px; }

fieldset {border: none; padding: 0px; margin: 0px; }
.signup-desc { background: #fff; width: 495px; }

.signup-desc-content {padding: 45px 55px; }
.signup-form-conent {width:100%;  }

.signup-form { }

input {display: block; width: 100%; border: none; border-bottom: 1px solid rgba(255,255,255,0.6); box-sizing: border-box; font-family: 'Poppins'; font-weight: 500; font-size: 16px; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;  -ms-transition: 0.3s ease; padding-top: 30px; padding-bottom: 5px; -webkit-appearance: none; background: transparent; color:#fff;}

input + label {position: absolute; transition: 0.25s ease; -moz-transition: 0.25s ease; -webkit-transition: 0.25s ease;  -o-transition: 0.25s ease; -ms-transition: 0.25s ease;  left: 0; top: 25px; font-size: 16px; font-weight: 500; color: #fff; }
input:focus + label { top: -7px; font-size: 14px; font-weight: 500; }
  
input:valid + label {top: -7px; font-size: 14px; font-weight: 500; }

.form-group { position: relative; }
.field-icon {font-size: 24px; position: relative; z-index: 2; float: right; margin-top: -37px; }

.content {position: relative; }
.content h3 {display: none; }

.step-current {position: absolute; right: 0; top: 0; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 800; color: #7c7cdd; }
.actions ul {width: 100%; justify-content: flex-start; -moz-justify-content: flex-start; -webkit-justify-content: flex-start; -o-justify-content: flex-start; -ms-justify-content: flex-start; }

.actions ul .disabled {display: none; }
.actions ul li {margin-left: 20px; }

.actions ul li:first-child a {background: #fff; color: #999; }
.actions ul li a {color: #fff; font-size: 14px; font-weight: 600; background: #0c8af8;  align-items: center;  -moz-align-items: center;  -webkit-align-items: center;  -o-align-items: center;  -ms-align-items: center;  justify-content: center;  -moz-justify-content: center;
      -webkit-justify-content: center;  -o-justify-content: center;  -ms-justify-content: center;  text-decoration: none; padding:6px 30px; border-radius:50px; border:1px solid #fff;}

.steps {display: none; }

@media screen and (max-width: 992px) {
.signup-form {padding: 55px 30px; }
.signup-desc {width: 465px; }

.signup-img {width: 100%; } 

}
@media screen and (max-width: 768px) {
.steps ul, .signup-content {flex-direction: column;  -moz-flex-direction: column;  -webkit-flex-direction: column;  -o-flex-direction: column; -ms-flex-direction: column; }
.steps ul li, .signup-desc, .signup-form-conent { width: 100%; } 
}
@media screen and (max-width: 480px) {
.actions ul li a {width: 100px; } }

/*# sourceMappingURL=style.css.map */

.bg-section {background-image:url(../images/background/bg-graphic.jpg); background-repeat:no-repeat; background-size:cover; }
body {font-family: 'Poppins', sans-serif;}

.label-title {font-size:20px; color:#fff; font-weight:600;}
.login-section-head .site-logo {padding-left:30px; font-weight:400;}

.login-section-head .site-logo a {text-decoration:none; color:#fff;}
.login-section-head .site-logo a:hover {text-decoration:none; color:#fff;}

.login-section-head  {padding-top:24px;}
.login-nav {display:flex; display:-ms-flexbox; list-style:none;  -ms-flex-pack: end; justify-content: flex-end; padding-right:30px;}

.login-nav li {padding:0 6px;}
.login-nav li a {color:#fff; text-decoration:none;}

.login-nav li a:hover {color:#fff; text-decoration:none;}
.login-nav li:last-child a {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0ac0f8+0,0364e7+100 */
background: rgb(10,192,248); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(10,192,248,1) 0%, rgba(3,100,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(10,192,248,1) 0%,rgba(3,100,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(10,192,248,1) 0%,rgba(3,100,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac0f8', endColorstr='#0364e7',GradientType=1 ); /* IE6-9 */ padding:4px 30px;
}

.bg-section {}
.main {position:absolute; width:100%; top:50%; transform: translate(0, -50%);}

@media (min-width:320px) and (max-width:767px) {
.login-section-head .row .col-sm-6 {max-width:50%; flex:0 0 50%; -ms-flex: 0 0 50%; }
.login-section-head .site-logo {padding-left:0; line-height:18px;}
.login-nav {padding-right:0;}
}

.sign-btn {color:#fff !important; border:1px solid #fff !important; border-radius:50px !important; font-size:14px !important; background-color:#0c8af8 !important; padding:6px 20px !important; line-height:20px !important; }
.input-tags {width: 100%; padding: 15px; display: block; margin: 0 auto;}

.label-info {background-color: #5bc0de; line-height: 16px; padding: 8px 8px 10px 10px; display: inline-block; border-radius: 5px;}

.bootstrap-tagsinput {background-color: transparent !important; border-bottom: 1px solid rgba(255,255,255,0.6) !important; border-top: none !important; border-left: none !important; border-right: none !important; border-radius: 0 !important;  width: 100%;
    box-shadow: none !important;}
	
.chip-input-tag {color: #fff; font-weight: 500; margin-top: 20px;}	
.signup-form-conent .actions {margin-top:0;}

.login-foot-link {color:#fff; margin-left:20px;}
.flex-block {display:flex;  display: -ms-flexbox; align-items: center; padding-top:20px;}

.login-foot-link:hover {color:#fff;}
.slide-step-section input + label {top:0; font-size:30px;}

.slide-step-section input {padding-top:60px; padding-bottom:14px;}

.slide-step-section input:focus + label { top: -10px; font-size: 14px; font-weight: 500; }
  
.slide-step-section input:valid + label {top: -10px; font-size: 14px; font-weight: 500; }
.slide-step-section input::placeholder {font-size:26px;}

.icon-span {font-size: 20px; vertical-align: middle; margin-right: 10px; font-weight: 200;}
.icon-span i { font-weight: 100;}