@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500");

@font-face {
  font-family: Poppins;
  src: url(../../theme/fonts/newpoppins/Poppins-Regular.ttf);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-family: Poppins;
}

caption {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%
}
tbody, tfoot, thead, tr {
    vertical-align: baseline
}
tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%
}
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-family: Poppins;
}
html {
    line-height: 1
}
ol, ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption, th, td {
    text-align: left;
    font-weight: 400;
    vertical-align: middle;
    font-family: Poppins;
}
q, blockquote {
    quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
    font-family: Poppins;
}
html, body {
    height: 100%;
    background: #fff;
    font-family: Poppins;
}
* {
    -webkit-font-smoothing: subpixel-antialiased
}

.relative {
    position: relative;
}

.margin-top-19 {
    margin-top: 19px!important;
}

.box-border {
    max-width: 130px;
    min-height: 110px;
    border: 1px solid #24a4dc;
    border-radius: 15px;
    word-break: break-all;
    padding: 2px;
}


/***************************
******  MAIN CSS **********
***************************/
.hide{
color:red;
display:none;
}
.slider-section {
	position: relative;
	overflow: hidden;
}

.bottom-right {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 99999;
    text-align: right;
}

.clearfix {
    clear: both;
}

.clearfix::after{
  content: "";
  display: table;
  clear: both;
}

.all-mr-b-10 {
    margin-bottom: 10px;
}

.label-a-input-equal-s .column {
    width: 50%;
    float: left;
}

.clearfix.all-mr-b-10 label {
    margin-right: 0px !important;
}

.bottom-right img{
    width: 50%;
}
.container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	width: 50%;
	/*background: #000000a3;*/
	z-index: 9999;
	padding: 0 0 30px 0;
}

/** LOGIN CSS **/
#text7 {
    background: #ffffffa3;
	padding: 20px;
	width: 100%;
	text-align:justify;
	line-height: 17px;
}

.login-container input[type="radio"] {
    width: 14px;
    text-align: left;
    margin-right: 12px;
    vertical-align: top;
}

.login-container label {
    margin-right: 29px;
}

#signup7 {
    height: 644px;
}
#signup8 {
	width: 100%;
	max-width: 426px;
	position: relative;
	float: left;
	/* top: 65%; */
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	display: block;
	margin: -14px 0 0 0;
}

.content-log {
    text-align: center;
    padding: 8px 0px;
    background: #f1f1f1;
    border-top: 1px solid #0000004d;
    border-bottom: 1px solid #0000004d;
    text-transform: uppercase;
    color: #636465;
    font-size: 12px;
    margin-bottom: 20px;
}

.differentcolor {
    background: #6b85b8d6!important;
}

#simpletable th {
	padding: 10px;
	border: 1px solid #ccc;
}
#simpletable td {
	padding: 10px;
		border: 1px solid #ccc;
}

.login{
    width: 100%;
	max-width:400px;
    position: relative;
	float: left;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	display:block;
	
	}
.login h2{
	color:#636465;
	font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
	}
.login form {
	border: 1px solid #636465;
	border-radius: 10px;
    background: #fff;
    box-shadow: 4px 4px 2px #848383b5;
}
#signup8 form {
	background: #fff;
	border-radius: 10px;
}

/* .login-shadow {
    box-shadow: 4px 4px 2px #848383b5;
} */

.login input[type=text], .login input[type=password] {
    width: 100%;
    padding: 8px 12px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 5px;
    font-family: Poppins;
}

.selectfield {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.login button {
    background-color: #24a4dc;
    color: white;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    font-size: 12px;
    font-family: Poppins;
    margin-top: 3px;
}

.login button:hover {
    opacity: 0.8;
}

.back-button {
    padding: 7px 17px!important;
    width: auto!important;
    margin-bottom: 5px;
}
p.top-space {
    margin-top: 10px;
}
.back-button-1 {
    background-color: #24a4dc;
    color: white;
    padding: 7px 17px!important;
    margin-bottom: 5px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    font-size: 12px;
}

.text-center-2 {
    text-align: center;
    padding-top: 25px;
}

.bottom-space {
    margin-bottom: 10px;
}

.top-bott-space {
    margin: 5px 0px;
    margin-top: 10px;
}

.loin-space {
    margin-top: 12px;
}

.login .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
    text-transform: uppercase;
}

.login .imgcontainer {
    padding: 10px 0px;
    text-align: center;
}
.login img.avatarss {
    width: 160px;
    margin: 0px;
    padding: 0px;
}

.login .login-container {
    padding: 16px;
    border-radius: 0 0 5px 5px;
}
.login-container label{
	color: #636465;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
}
.login-container label input{
	width:auto;
}
.login .sing-link input{
	background: transparent;
    padding: 0 7px;
    width: auto;
    border: none;
    font-weight: 600;
    color: #24a4dc;
    cursor: pointer;
	}

.login span.psw {
    float: right;
}
.login .sing-link{
text-align: center;
margin: 5px 0;
color: #636465;
text-transform: uppercase;
font-size: 12px;
	}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    .login span.psw {
       display: block;
       float: none;
    }
    .login .cancelbtn {
       width: 100%;
    }
}

/** REGISTER CSS **/

.register{
    width: 100%;
	max-width:400px;
    position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	display:none;
	}
.register h2{
	color:#fff;
	font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
	}
.register .reg-container {
    padding: 16px;
    border: 2px solid #fff;
	color: #fff;
}
.reg-container label{
	color:#fff;
	font-size: 14px;
    font-weight: 400;
}
.register input[type=text], .register input[type=password] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 8px 0;
    display: inline-block;
    border: none;
    background: #f1f1f1;
	box-sizing: border-box;
}

.register input[type=text]:focus, input[type=password]:focus {
    background-color: #ddd;
    outline: none;
}

.register hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}

.register .registerbtn {
    background-color: #24a4dc;
    color: white;
    padding: 16px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

.register .registerbtn:hover {
    opacity: 1;
}

.register a {
    color: dodgerblue;
}

.register .signin {
    background-color: #f1f1f1;
    text-align: center;
}
.register .reg-link{
	text-align: center;
    margin-top: 20px;
    color: #fff;
	}
.register .reg-link input{
	background: transparent;
    padding: 0 7px;
    width: auto;
    border: none;
    font-weight: 600;
    color: #24a4dc;
    cursor: pointer;
	}
	
/************************
*** MEDIA QUERY *******
***********************/

@media screen and (max-width: 767px) {
	.container {width: 100%;}
	.login {width: 80%;}
	.register {width: 80%;}
	.cb-slideshow li div{display:none;}
}

.inputer {
    width: 95%!important;
}

.inputer select#cars {
    width: 94px!important;
}


.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  font: inherit;
}.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
#user_type {
    padding: 12px 20px;
    width: 100%;
    margin: 7px 0 0 0;
    color: #979797;
}

.cmpy7 {

	margin: 0 2px 2px 0;
	padding: 15px 15px 30px 15px;
}
.img7 img {
	border-radius: 50%;
	height: 100px !important;
	width: 100px !important;
	border: 1px solid; 
}
.img7 {
	margin: 35px 0 -18px 0;
	border: 1px solid #6b85b8;
	padding: 0 0 20px 0;
	text-align: center;
	border-radius: 10px;
}

.mysvg{
    margin-top: 5px;
    float: left;
    margin-right: 4px;
}

.login-container a{
    font-size: 12px;
color: #636465;
text-transform: uppercase;
}
#signup8 {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.infomatics {
    text-align: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    line-height: 25px;
}
.infomatics2 {
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 22px;
}
.floatright{
    float: right;
}
.mail {
    width: 100%;
    margin: 15px 0 30px 0;
}
.txid_log{
    word-wrap: break-word;
color: #000;
text-align: center;
}
.txid_log_div{
    padding: 0px 20px;
}
.activi {
	margin: 0 0 0 50px;
}
.login-container {
	font-size: 14px;
}
.download {
	display: inline-flex;
	width: 100%;
}
.activ {
	width: 71%;
	text-align: center;
}

.txid_log {
	color: #1b75bb !important;
}



@media screen and (min-width: 320px) and (max-width: 400px) {
	#signup8 {
	top: 60%;
	padding: 0 0;
	margin: 0 0 ;
}
.login-container input[type="radio"] {
    margin-right: 0px;
    margin-bottom: 4px;
}
.login-container label {
    margin-right: 4px;
}

}

@media screen and (min-width: 360px) and (max-width: 374px) {
#signup8 {
	top: 57%;
	padding: 0 0;
	margin: 0 0;
}

}

@media screen and (min-width: 375px) and (max-width: 413px) {
#signup8 {
	top: 61%;
	padding: 0 0;
	margin: 0 0 ;
}
}
@media screen and (min-width: 414px) and (max-width: 736px) {
	#signup8 {
	top: 53%;
	padding: 0 0;
	margin: 0 0;
}
}






@media screen and (min-width: 481px) and (max-width: 767px) {
.login {
    margin-top: 20px!important;
}
.login-container label {
    margin-right: 4px;
}
.login-container input[type="radio"] {
    margin-right: 0px;
}
#signup8 {
	top: 102%;
}
.back-button {
    margin-top: 50px!important;
}
.container {
	padding: 0 0 60px 0;
}

#signup8 {
    top: 321px;
}


}

@media screen and (max-width: 767px) {
#signup8 {
	overflow-y: scroll;
	width: 95%;
}
.container {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;

}

.cb-slideshow, .cb-slideshow::after {
	/* position: fixed; */
	width: 100%;
	height: auto !important;
	top: 0px;
	left: 0px;
	z-index: 0;
}




}



@media screen and (min-width: 768px) and (max-width: 991px) {
.login {
	top: 50%;
}
}



@media screen and (min-width: 768px) and (max-width: 1024px) {
	.slider-section {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
	#signup8 {
	top: 321px!important;
	padding: 29px 0;
	margin: 0 0;
}
.container {
	padding: 0 40px;
}
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
	#signup8 {
	top: 52%;
	padding: 0px 0;
	margin: 0 0 56px 0;
}
	.slider-section {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
#signup8 {
	top: 56%;
	padding: 0px 0;
	margin: 0 0 56px 0;
}

	.slider-section {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
#signup8 {
	top: 57%;
	padding: 0px 0;
	margin: 0 0 56px 0;
}

	.slider-section {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
}

@media screen and (min-width: 1499px) and (max-width: 1920px) {
.slider-section {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#signup8 {
	top: 49%;
}
}
.slider-section img.bgimage{
	width: 100%;
    height: 720px;
}
.relative {
    position: relative;
}
.mainicon {
    margin: 0 0 0 auto;
    width: 27px;
    right: -7.3%;
    position: absolute;
    border-top: 4px solid #848383b5;
    border-right: 1px solid #636465;
    border-bottom: 5px solid #848383b5;
    top: 50%;
    background: #fff;
    box-shadow: 4px 0px 2px #848383b5;
    transform: translateY(-50%);
}

.mainicon img {
    width: 27px;
}

.icon2 {
    margin: -3px 0 0 0;
}

.mainicon img {
    opacity: 0.7;
    margin-bottom: 5px;
}

.forcentered {
    margin-top: 20px;
    width: 250px;
    transform: translateX(-50%);
    margin-left: 50%;
}

.forcentered h1 {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    clear: both;
}


span.lefter {
    float: left;
}

span.follow {
    float: right;
}


.forcentered i {
    color: #1b75bb;
    float: left;
    width: 28px;
    padding-top: 4px;
}

span.colon {
    width: 25px;
    text-align: right;
    display: inline-block;
}

span.coln2 {
    display: inline-block;
    width: 12px;
    text-align: right;
}

span.coln1 {
    display: inline-block;
    width: 5.4px;
    text-align: right;
}

.forcentered1 {
    padding: 20px 0px;
}

.contentleft{
    float: left;
}



.social-icon1{
    float: right;
}

.contentleft h6 {
    color: #0170bf;
    font-size: 16px;
}

.social-icon1 a{
    color: #0170bf; 
}

.personal h6 {
    font-size: 16px;
    color: #0170bf;
}

.social-icon1 a i {
    color: #0170bf;
    font-size: 17px;
    padding-right: 2px;
}

.horizontalimage {
    margin-top: 18px;
    padding: 5px 10px;
    border: 2px solid #b2c0dd;
    border-radius: 15px;
    margin-bottom: 18px;
}

.horizontalimage a img {
    width: 29px;
    margin-right: 8px;
}

.opacity {
    opacity: 0.2;
}

.modal-header {
    background-color: #239fdb;
    color: white;
    text-align: center;
    padding: 20px 22px;
    border-radius: 41px;
}


.modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    /* padding: 12px; */
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-bottom-right-radius: 46px 30px;
    border-bottom-left-radius: 46px 30px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

.overview {
    margin-bottom: 80px;
    width: 80%;
    background: #fff;
    transform: translateX(-50%);
    margin-left: 50%;
    border: 1px solid #5B9BD5;
}

.transparent-logo {
    padding-left: 10px;
}
.linehightcls{
    line-height: 27px;
}

.inputer {
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
    width: 50%;
}

.inputer select#cars {
    position: absolute;
    z-index: 99;
    height: 32px;
    background: #fff;
    border: none;
    top: 1px;
    color: #636465;
    width: 120px;
    left: 12px;
}

.inputer input[type="search"] {
    height: 34px;
    width: 100%;
    border-radius: 5px;
    text-indent: 110px;
    color: #636465;
}

.inputer input[type="search"]:focus{
    outline: none;
}

.over-header h6 {
    color: #636465;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
}

.over-header {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 80%;
    background: #fff;
    transform: translateX(-50%);
    margin-left: 50%;
    border: 1px solid #5B9BD5;
    outline: none;
    border-radius: 10px;
}

.inputer button {
    position: absolute;
    right: 0px;
    height: 34px;
    background: #3498DB;
    border: none;
    color: #fff;
    padding: 0px 13px;
    cursor: pointer;
}

.blockchain {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.blockchain {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 14px;
    background: white;
    border: 1px solid #00000070;
}

.blockchain h3 {
    padding: 5px 10px;
}



.over-content {
    padding: 0px 15px;
}

.over-left {
    float: left;
    width: 28%;
}

.border-b {
    padding: 12px 0px;
    border-bottom: 1px solid #00000087;
}

.border-b::before{
    display: table;
    content: " ";
}

.border-b::after{
    content: "";
    display: table;
    clear: both;
}

.over-left2 {
    float: right;
    width: 70%;
}

.over-left2 p {
    word-break: break-all;
}



@media (min-width: 320px) and (max-width: 480px) {
.slider-section {
    background-repeat: no-repeat !important;
    background-image: unset!important;
    background-color: black!important;
}

.all-mr-b-10 {
    margin-bottom: 0px;
}

.label-a-input-equal-s .column {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}

.over-header {
    width: 94%;
}

.login-container input[type="radio"] {
    margin-right: 4px;
}

.login-container label {
    margin-right: 10px;
}

.back-button {
    margin-top: 80px!important;
}

.mainicon {
    right: -27px!important;
}

#signup8 {
    top: 338px;
}

.overview {
    width: 94%!important;
}

.over-left {
    float: left;
    width: 40%;
}

.over-left2 {
    float: right;
    width: 60%;
}

.border-b {
    font-size: 12px;
}



}