
@font-face {
font-family:"brandon-grotesque";
src: url("../fonts/Brandon_reg.otf") format("opentype");
font-style:normal;font-weight:400;
}

@font-face {
font-family:"brandon-grotesque-light";
src: url("../fonts/brandon-grotesque-light.otf") format("opentype");
font-style:normal;font-weight:400;
}

@font-face {
font-family:"AdineKirnberg";
src: url("../fonts/AdineKirnberg.ttf") format("truetype");
font-style:normal;
}
body{    overflow:hidden;}
html,
body{min-height:100%;height:100%;margin:0;padding:0;font-family:brandon-grotesque-light;color:#000;font-weight:normal;font-size:20px;}


.scroll-wrapper {    overflow: hidden !important;    padding: 0 !important;    position: relative;	height:100%;    max-height: none;      width: 100%;}
 .scroll-wrapper > .scroll-content {    border: none !important;    box-sizing: content-box !important;    height: auto;    left: 0;    margin: 0;    max-height: none;    max-width: none !important;    overflow: scroll !important;    padding: 0;    position: relative !important;    top: 0;    width: auto !important;}
 .scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;    width: 0;}
 .scroll-element {    display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
 .scroll-element.scroll-y.scroll-scrolly_visible {    display: block;}
 .scroll-element .scroll-bar,
.scroll-element .scroll-arrow {    cursor: default;}
 .scroll-textarea {    border: 1px solid #cccccc;    border-top-color: #999999;}
.scroll-textarea > .scroll-content {    overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {    border: none !important;    box-sizing: border-box;    height: 100% !important;    margin: 0;    max-height: none !important;    max-width: none !important;    overflow: scroll !important;    outline: none;    padding: 2px;    position: relative !important;    top: 0;    width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0;    width: 0;}
 .scrollbar-janos.theme-blue > .scroll-element,
.scrollbar-janos.theme-blue > .scroll-element .scroll-bar,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_corner,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_track{ background-color: #66CCEE; }
.scrollbar-janos > .scroll-element,
.scrollbar-janos > .scroll-element div{    border: none; margin: 0;  overflow: hidden;  padding: 0;  position: absolute;    z-index: 10;}
 .scrollbar-janos > .scroll-element div {background-color: transparent;    display: block;    height: 100%;    left: 0;    top: 0;    width: 100%;}
.scrollbar-janos > .scroll-element.scroll-y { border-left: 1px solid #AAAAAA;  height: 100%;  min-height: 100%;  right: 0;  top: 0; width: 10px;z-index:999;}
.scrollbar-janos > .scroll-element .scroll-element_corner {   display: none;}
.scrollbar-janos > .scroll-element.scroll-y,
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {    background-image: url(../images/scroll.png);    background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {   box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-element_track {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAAXNSR0IArs4c6QAAAFNJREFUKM/FzksKgDAMBNDX3NT7X8BaC25clBKw4sKBgYTMJwUbGurAfWLFcbPhREcPBEpC05ztqXkUPyKS5LJqHj9YaU11sdgarw+LKF8D/B9wAWL/DzbaLOVxAAAAAElFTkSuQmCC);
    background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {    background-image: url(../images/scroll-bar_body.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {    background-image: url(../images/arrow-less.png);    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_more {    background-image: url(../images/arrow-more.png);}
 .scrollbar-janos > .scroll-element .scroll-arrow,
.scrollbar-janos > .scroll-element .scroll-bar_body {    background-position: center;    background-repeat: no-repeat;}
 .scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: -11px; margin-left: 11px; }
.scrollbar-janos > .scroll-content.scroll-scrollx_visible { top:0px; margin-top:0px; }
 .scrollbar-janos > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }
 .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 16px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 16px;}
 .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 16px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: -32px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: -33px; }
 .scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; }
 .scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_corner,
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_corner {    border-top: 1px solid #AAAAAA;    bottom: 0;    display: block;    height: 16px;    left: auto;    right: 0;    top: auto;    width: 16px;    z-index: 13;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 17px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_track { top: -50px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: -51px;}


body{background:#fff url(../images/body-bg.jpg) center bottom no-repeat;background-size:cover;}
.bodyarea{display: block; position: relative;width: 100%; height: 100%; overflow: hidden;margin: 0;background:url(../images/bg.jpg) center bottom no-repeat;background-size:cover;}
.contentarea{height:calc(100% - 80px);position: relative; display: block;width: 100%;overflow:hidden;}
.contentalign{height:100%;position: relative; display: table;width: 100%;}
.aligncenter{vertical-align: middle;display: table-cell;}


.tellus{display: table;max-width:540px; width: 100%;margin: 25px auto 0; position: relative;  padding:10px;}
.tellus .form-group {width:100%; margin:0 0 20px;float:left; position: relative; }
.tellus .form-input {height: 50px;   padding: 0px;  background: #fff;  box-shadow: 0 0 7px #797979;border-radius: 10px;border: 1px #6cadde solid;}
.tellus .form-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; color: #a2a2a2; left: 10px;top: 8px;font-weight:normal;font-size:22px; }
.tellus input {height:50px;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: 10px;-webkit-appearance: none; }
.tellus input:focus + .form-label, .tellus input:valid + .form-label {top: 12px;font-size: 16px;color: #848484;right: 25px;left: inherit;}
.tellus input:hover + .form-label, .tellus input:valid + .form-label{top: 12px;font-size: 16px;color: #848484;right: 25px;left: inherit;}
.tellus input, .tellus select {border:none; border-radius: 10px;background:#fff;font-size:18px; box-sizing: border-box; width: 100%; display: block;color: #000;padding: 5px 10px; }
.tellus input:focus, .tellus select:focus {outline:none; }
.tellus input::-webkit-input-placeholder {color: #bebebe; }
.tellus input::-moz-placeholder {color: #bebebe; }
.tellus input:-ms-input-placeholder {color: #bebebe; }
.tellus input:-moz-placeholder {color: #bebebe; }
.tellus req{color: #fff;font-size: 12px;text-align: left; width: 100%;height: 15px;display: block;padding: 0px;margin-bottom: 10px;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #ebebeb inset;
  transition: background-color 5000s ease-in-out 0s;
}

header{height:60px;position:relative;display:block;}
header .logo{width:300px;height:50px;margin-top:5px;overflow:hidden;}
header .logo img{height:auto;max-height:100%;width:auto;max-width:100%;}

.registerslide{max-width:65%;margin: auto; height: calc(100% - 120px);}
.carousel-inner{background:#fff;border-radius:15px;}
.carousel-inner,
.carousel-inner .item{height:100%;}

.headerbox,
.footerbox{background:#000b38;color:#fff;height:40px;    padding: 0 15px;}
.headerbox h3{margin:0px;font-size:24px;text-align:center;line-height:40px;font-weight:bold;}
.footerbox a{height: 30px;margin-top: 5px;text-decoration:none;}
.footerbox a.left{float:left;    color: #fff;  font-weight: bold;}
.footerbox a.left:hover{color:#ff0;}
.footerbox a.right{float:right;}


.registerbox{text-align: center; display: block; width: 100%;position: relative;}
.loginform{position:relative;display:block;max-width:540px;margin:auto;min-height:115px;}
.registerbox .form-group{height:40px;font-size: 20px;    color: #000;}
.registerbox label{ width: 150px;float: left;text-align: left;line-height:40px;margin:0px;}
.registerbox .form-control{width:calc(100% - 150px);float:left;height:40px; font-size:18px;}
.registerbox .btn-success{margin-top:50px;}
.passwordbox{ display: table;width: 100%;position: relative;clear: both;}
.passwordbox .form-group{width: calc(100% - 60px);float: left;}
.passwordbox .eyeicon{width:60px;    text-align: right; float: left; font-size: 32px; line-height: 50px;color:#134d8a;}

.nextbtn{position: relative;display: block;width: 120px;margin: auto;text-transform: uppercase;border-radius: 20px;}
.btn-success {background-color: #85ba05; border-color: #6f9a06;}
h2{color: #134d8a;margin: 0;padding-bottom: 15px;font-size:40px;}
h3{font-size:36px;margin:0px;}
p{}
.alreadyuser{display: block;position: relative; margin-bottom: 20px; text-align: left;}
.alreadyuser a{text-align:left;}
.addmore{position: relative; display: block; height: 30px; margin-left: 50px;}
.scrollbox{position:relative;display:block;height:100%;overflow:auto;}
.textcenter{text-align:center;}
.font18{font-size:18px;}

.formbox{width: 600px;margin: auto;display: block;position: relative;clear: both;}
.formbox .form-group{height: 34px;position: relative;}
.formbox .form-group.group-p{height:50px;}
.formbox .form-group label{width: 140px; float: left; margin: 0; line-height: 34px;padding-right:10px;text-align:left;font-weight:500;}
.formbox .form-group .form-control{width:calc(100% - 140px);float:left;font-size:18px;}
.formbox .form-group p{margin-left:140px;font-size:16px;margin-bottom:0px;clear:both;}
.formbox .form-group .dontwebsite{position: absolute;right: -120px;top: 5px;width: 110px;}
.formbox .form-group .dontwebsite input{}
.addressadd{width:700px;margin:auto;position:relative;display:block;clear:both;padding:30px 0px;}
.addressadd .formbox .form-group{margin-bottom:5px;height:40px;}
.addressadd .formbox  .contact{position: relative;display: block;font-weight: bold;margin-bottom: 10px;margin-left: -50px;}
.addressadd .formbox .form-group .birthbox{width: calc(100% - 140px); float: left;}
.addressadd .formbox .form-group .birthbox .form-group{width:auto;float:left;margin-right:15px;}
.addressadd .formbox .form-group .birthbox label{width:auto;}
.addressadd .formbox .form-group .birthbox select{width:100px;}
.addressadd .formbox .form-group .birthbox p{float: left;margin: 0;clear: initial;margin-right:-40px;line-height:15px;}

.countrylist{display: block;margin: auto;position: relative;clear: both;max-width: 280px;width: 100%;}
.countrylist .checkbox{text-align:left;line-height:31px;}
.countrylist .checkbox input[type=checkbox]{width: 18px;height: 18px;margin-right: 5px;margin-left: -25px;margin-top:9px;}
.countrylist .checkbox span{padding:0 8px;}
.countrylist .checkbox.customctry input[type=checkbox]{margin-left: -5px; margin-top: 8px;position: relative; float: left; margin-right: 9px;}
.countrylist .checkbox.customctry input[type=text]{width:200px;} 
.countrylist .addmore{ margin: 0 0 15px 0;text-align: left;}
.timezonebox{ width: 100%; margin: auto; max-width: 600px;}
.timezonebox .form-group{height:34px;}
.timezonebox label{width: 150px; margin: 0;line-height: 34px;float: left;}
.timezonebox select{width:415px;float:left;margin-left:10px;}
.mtop150{margin-top:150px;}
.mtop100{margin-top:100px;}
.mtop50{margin-top:50px;}

.accesscodebox{position:relative;display:block;width:100%;text-align:center;max-width: 500px;margin: auto;}
.accesscodebox .form-group{ border-radius: 5px;overflow: hidden; max-width: 320px;margin: 50px auto 0;}
.accesscodebox .form-group input{width: calc(100% - 100px);float: left;text-align: center;letter-spacing: 10px;font-size: 20px;}
.accesscodebox .form-group button{width:104px;float:left;margin-left:-4px;border:0px;height:34px; background: #b9b7b7; font-weight: bold;}
.accesscodebox .form-group button:hover{background:#000;color:#fff;}
.accesscodebox .nextbtn{margin-top:70px;}
.accesscodebox .passwordbox{max-width: 240px;text-align: center;margin: auto; font-size: 25px;}
.accesscodebox .passwordbox .form-control {font-family: auto;  letter-spacing: 4px;width:calc(100% - 70px);float:left;  font-size: 30px;font-weight: bold; text-align: center;line-height: normal;height:40px;}
.accesscodebox .passwordbox .eyeicon{width:70px;text-align:center;float:left;line-height:30px;}

.logobox{ max-width: 400px; margin: auto; display: block; position: relative;text-align: center;}
.logobox .form-group{margin:40px 0;}
.logobox .checkbox{text-align:left;padding-left:50px;}
.logobox .checkbox input[type=checkbox]{width: 18px;height: 18px;}
.formupload{position: relative;  display: block;border: 1px #ccc solid; border-radius: 4px;overflow: hidden;background: #fff;}
.file-upload-wrapper {position: relative;width: 100%;height: 50px;}
.file-upload-wrapper:after {content: attr(data-text);font-size: 18px;position: absolute;top: 0;left: 0;background: #fff;padding: 10px 15px;display: block;
  width: calc(100% - 100px); pointer-events: none; z-index: 20; height: 50px; line-height: 30px; color: #999; border-radius: 5px 10px 10px 5px;font-weight: 300;}
.file-upload-wrapper:before { content: "Upload"; position: absolute;width:100px; top: 0; right: 0; display: inline-block; height: 50px; background: #696b6a;color: #fff; font-weight: 700;z-index: 25;font-size: 16px;line-height: 50px;padding: 0 15px; pointer-events: none; border-radius: 0 5px 5px 0;}
.file-upload-wrapper:hover:before {background: #3d8c63;}
.file-upload-wrapper input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; height: 50px;  margin: 0; padding: 0; display: block; cursor: pointer; width: 100%;}

.stripaccount{max-width: 770px; margin: auto; display: block; position: relative; clear: both;}
.stripaccount h3,.stripaccount p{text-align:center;}
.actradio,.devradio,.radiofor{display: block; position: relative; clear: both; width: 100%;}
.stripaccount input[type=radio]{width:18px;height:18px;    margin-left: -25px;}
.stripaccount .actradio .radio label{font-weight: 600;}
.stripaccount .actradio .radio label span{font-weight:normal;}
.stripaccount .devradio{margin-left:40px;}
.stripaccount .radiofor h4{margin:0 0 0 40px;font-weight:600;}
.stripaccount .radiofor .form-group{margin-left:60px;height:34px;margin-bottom:8px;}
.stripaccount .radiofor .form-group label{float:left; width: 210px;line-height: 30px; margin: 0;font-weight: normal;}
.stripaccount .radiofor .form-group input{float:left;width:290px;height:30px;}
.stripaccount .nextbtn{margin-top:20px;}

.thankregister{text-align:center;max-width: 745px; margin: auto;}
.thankregister p{font-size:32px;margin:20px 0px;}




p.errorctn{width:100%;position:relative;margin:0px !important;font-size:12px !important;line-height:12px;}



#removeRow{margin-left: 49px;padding: 2px 10px;margin-bottom: 10px;}






@media (max-width:1440px){

	.addressadd .formbox .form-group label{line-height:30px;}
	.addressadd .formbox .form-group .form-control{height:30px;}

}

@media (max-width:1280px){
  
}


@media (max-width:1199px){
	
	

}


@media only screen and (min-width:992px) and (max-width:1199px){
  
}

@media (max-width:991px){
	
 
}
@media (max-width:768px){
   
}
@media screen and (min-width: 768px) {
  
}

@media (max-width: 767px){

  
}

@media only screen and (max-width:375px){

   
}

