#contentdivs[id]{
	width:auto;
}
.content[class]
{
	width:auto;
}




#login-content[id] {
  top: 93px;
}
body {
  background: url("../images/landing_page.jpg") no-repeat scroll center top / cover  rgba(0, 0, 0, 0);
  min-height: 100vh;
}
#wrapper .logindiv[class] {
  background: rgba(0, 0, 0, 0) url("../images/loginbg.png") no-repeat scroll center center / contain ;
  height: 255px;
  position: relative;
  top: auto;
  width: auto;
}
#wrapper .radial-bg[class] {
  background-image: linear-gradient(#313131, #3a3a3a, #696969);
  border-radius: 29px;
  height: auto;
  padding: 48px 38px;
  position: relative;
}
#wrapper .radial-bg[class]::before {
  background-color: #313131;
  background-image: none;
  border-radius: 100%;
  clip: rect(0px, 40em, 66px, 0px);
  color: #fff;
  content: attr(data-title);
  display: block;
  font-size: 35px;
  height: 280px;
  left: 50%;
  padding-top: 28px;
  position: absolute;
  text-align: center;
  top: -66px;
  transform: translateX(-50%);
  width: 43%;
  z-index: -1;
}

#wrapper .radial-bg .overlay-bottom[class] {
  bottom: -84px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#wrapper .radial-bg .overlay-bottom[class]::before {

  background-repeat: repeat-x;
  clip: rect(0px, 25em, 10em, 0px);
  content: "";
  height: 150%;
  opacity: 0.6;
  position: absolute;
  top: -24px;
  width: 100%;
}

#wrapper .radial-bg.logo-bottom[class]::after
{
	top:auto;
	bottom:0;
}
#wrapper .radial-bg .overlay-footer[class] {
  bottom: 32px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 85%;
}


/*Colors*/
.white[class] {color:#fff !important;}
.black[class] {color:#000 !important;}
.orange[class] {color:#FB913B !important;}
.green[class] {color:#39B54A !important;}
.grey[class] {color:#B2B2B2 !important;}

.darkorange-bg[class] {background-color:#D04400;}
.orange-bg[class] {background-color:#FB913B;line-height:28px;}
.green-bg[class] {background-color:#39B54A;line-height:28px;}

/*Elements*/

.block1[class] {width:8.3%;}
.block2[class] {width:16.6%;}
.block3[class] {width:33.3%;}
.block4[class] {width:33.2%;}
.block5[class] {width:41.5%;}
.block55[class] {width: 48.8%;}
.block6[class] {width:49.8%;}
.block7[class] {width:58.1%;}
.block8[class] {width:66.4%;}
.block9[class] {width: 75.1%;}
.block10[class] {width:83%;}
.block11[class] {width:91.3%;}
.block12[class] {width:100%;}

.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}
.f21 {font-size:21px !important;}
.f22 {font-size:22px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px !important;}
.f25 {font-size:25px !important;}
.f26 {font-size:26px !important;}
.f27 {font-size:27px !important;}
.f28 {font-size:28px !important;}

.space-small {padding-top:0.5em;}
.space-med {padding-top:1em;}
.space-large {padding-top:2em;}
.space-xlarge {padding-top:4em;}

.text-center{text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.pointer {cursor:pointer;}
.button[class] {
  background-image: none;
  border: medium none;
  border-radius: 50px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-family: calibri;
  font-size: 24px;
  font-weight: 100;
  height: auto;
  min-width: 175px;
  padding: 4px 0 7px !important;
  text-align: center;
}
.button.inactive,.button.inactive:hover, .button[disabled],.button[disabled]:hover {opacity:0.5; cursor:default; outline:none;}
.headerright .button {
  font-size: 21px !important;
  padding: 8px 20px !important;
}
.button:hover {opacity:0.9;}
.radius-left[class] {
  border-radius: 25px 0 0 25px !important;
}
.radius-right[class] {
  border-radius: 0 25px 25px 0 !important;
}
#login-content form .button {
  font-family: inherit;
  font-size: 20px !important;
  padding: 5px 0 !important;
  vertical-align: top;
}
.light {font-weight:200;}
.medium {font-weight:400;}
.bold {font-weight:700;}
.arrowlist {display:table; margin:0 auto;}
.arrowlist li {
  background-color: #fff;
  float: left;
  font-size: 21px;
  margin-right: 32px;
  padding: 8px 20px;
  text-align:center;
  position:relative;
  color:#ACAFB1;
}
.arrowlist li a { cursor: default;}
.arrowlist li.visible
{
	background-color:#FFD2AF; color:#fff;
}
.arrowlist li.active
{
	background-color:#FB913B;
	color:#fff;
}

.arrowlist li.error
{
	background-color:#D05215 !important;
}

.arrowlist li.active:last-child
{
	background-color:#39B54A;
}

.arrowlist li::before, .arrowlist li::after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 20px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -44px;
  top: 0;
  width: 5px;
}


.arrowlist li.visible::before {
	border-color: transparent transparent transparent #FFD2AF;
}
.arrowlist li.active::before{
	border-color: transparent transparent transparent #FB913B;
}
.arrowlist li.error::before{
	border-color: transparent transparent transparent #D05215;
}

.arrowlist li::after {
  border-color: #fff transparent;
  left: -22px;
  right: auto;
}
.arrowlist li.active::after{
	border-color:#FB913B transparent;
}
.arrowlist li.visible:not(.active)::after{
	border-color:#FFD2AF transparent;
}
.arrowlist li.error::after{
	border-color:#D05215 transparent;
}
.arrowlist li.active:last-child::after{
	border-color:#39B54A transparent;
}
.arrowlist li:last-child {margin-right:0; border-radius:0 25px 25px 0;}
.arrowlist li:last-child:before {
	border:none;
}
.arrowlist li:first-child {border-radius:25px 0 0 25px;}
.arrowlist li:first-child:after {
	border:none;
}
#switchtabs li.active,#switchtabs li.active a {cursor:pointer;}
.arrowlist.steps li {
  height: 24px;
  line-height: 22px;
  list-style: outside none none;
  width: 100px;
}
.arrowlist li a:before {width:110%;}

a.wrap:before {
	background-color:transparent;
	width:100%;
	height:100%;
	content:"";
	position:absolute;
	left:0;
	top:0;
}

.fr {float:right;}
.fl {float:left;}
.rel {position:relative;}

[class*=ico-]
{
	background-image:url(../images/sprite1.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
}
.ico-security {
  background-position: -41px 0;
}
.ico-question {
  height: 38px;
  position: absolute !important;
  right: 0;
  top: 5px !important;
}
.ico-tick {background-position:-91px 0;}

#signup_step2 .slimScrollDiv,#signup_step1 .slimScrollDiv {
  overflow: visible !important;
}
#signup_step2 .slimScrollBar, #signup_step1 .slimScrollBar {
  background-color: #fff !important;
  border-radius: 100px !important;
  height: 22px !important;
  left: auto !important;
  opacity: 1 !important;
  right: -39px !important;
  width: 22px !important;
}

#signup_step2 .slimScrollRail, #signup_step1 .slimScrollRail {
  background-color: #808080 !important;
  left: auto !important;
  padding-top: 0;
  right: -33px !important;
  top: 0 !important;
  width: 10px !important;
}
.slimScrollRail::before {
  background-color: #333333;
  content: "";
  height: 96%;
  left: 2px;
  position: absolute;
  top: 6px;
  width: 6px;
}


#signup_step3 .slimScrollDiv {
  overflow: visible !important;
}
#signup_step3 .slimScrollBar {
  background-color: #fff !important;
  border-radius: 100px !important;
  height: 25px !important;
  left: auto !important;
  opacity: 1 !important;
  right: -46px !important;
  width: 25px !important;
}
#signup_step3 .slimScrollRail {
  background-color: #808080 !important;
  left: auto !important;
  padding-bottom: 16px !important;
  padding-top: 0;
  right: -39px !important;
  top: -6px !important;
  width: 10px !important;
}
#signup_step3 .slimScrollRail::before {
  background-color: #333333;
  content: "";
  height: 95%;
  left: 2px;
  position: absolute;
  top: 8px;
  width: 6px;
}
/*Form*/
form.styled label {
  color: #fff;
  display: inline-block;
  font-size: 26px;
  line-height: 22px;
  width: 36%;
}
form.styled input, form.styled select {
  border: medium none;
  padding: 6px;
  width: 54%;
}
form.styled .field.big input,form.styled .field.big select {
  padding: 12px 6px;
}
form.styled select {padding:7px; width:57%}
form.styled input:disabled, form.styled select:disabled {
  opacity: 0.5;
}

form.styled .field {
  padding-bottom: 30px;
  position: relative;
}
form.signup .error {
  color: #d04400;
  float: right;
  position: absolute;
  right: 36px;
}
form.signup .field:not(.big) .error {
  margin-top: 0px;
}
.checkbutton {
  border-radius: 45px;
  padding: 4px 0 4px 52px;
  position: relative;
}
form.styled.processing::before {
  background-color: transparent;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}

form.signup > .formbox
{
	display:none;
}
form.signup > .active
{
	display:block;
}

::-webkit-input-placeholder { 
    color:    #5D6267;
}
:-moz-placeholder {
   color:    #5D6267;
   opacity:  1;
}
::-moz-placeholder {
   color:    #5D6267;
   opacity:  1;
}
:-ms-input-placeholder {
   color:    #5D6267;
}

/*tooltip*/
.modtooltip {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #ea8a3d;
  border-radius: 25px;
  min-width: 190px;
  padding: 5px 30px 5px 5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 4px;
  z-index: 0;
}
.modtooltip + div
{
	position:relative;
	z-index:100;
}

/*checkbox*/
.whitecheckbox {
  background-color: #fff;
  display: inline-block;
  height: 40px;
  margin-left: 50px;
  margin-top: -4px;
  width: 40px;
}
.whitecheckbox + input.whitebox {display:none;}
.whitecheckbox.checked {
  background-image: url("../images/sprite1.png");
  background-position: -80px 7px;
  background-repeat: no-repeat;
  background-size: 110px auto;
}

.checkbutton {
  border-radius: 45px;
  padding: 0 1px 1px 37px;
  position: relative;
}
.checkbutton .button[class] {
  display: block;
  font-size: 20px !important;
  min-width: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto;
}
.checkbutton > .whitecheckbox {
  border-radius: 25px;
  height: 30px;
  margin-left: -46px;
  margin-top: 2px;
  position: absolute;
  transition: all 0.2s ease 0s;
  width: 30px;
  z-index: 100;
}
.checkbutton > .whitecheckbox {
  background-position: 6px 7px;
  background-size: 60% auto;
  border-radius: 25px;
  margin-left: -34px;
  margin-top: 4px;
  position: absolute;
  transition: all 0.2s ease 0s;
  z-index: 100;
}
.checkbutton > .whitecheckbox.checked {
  background-color: #39b54a;
  background-image: url("../images/white-check.png");
  margin-top: 4px;
}
.centered {
  display: table;
  float: none;
  margin: 0 auto;
}

#disable_nav::before {
  background-color: transparent;
  content: "";
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}