body {
padding: 0;
margin: 0;
}
	.material-icons.md-18 { font-size: 18px; }
	.material-icons.md-24 { font-size: 24px; }
	.material-icons.md-36 { font-size: 36px; }
	.material-icons.md-48 { font-size: 48px; }
 
.lato{font-family: 'Lato', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}

#sidenav-overlay {
display: none;
}

.mybanner{
	color: #1275ab;
	font-size: 1.5rem;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	font-weight:700;
	letter-spacing: normal;
	text-align:center;
	margin-bottom: 1.5rem;
}


input[type=text], input[type=password], input[type=email]{
	width:65%;
	margin-bottom:20px;
	border:1px solid grey;
	height:40px;
	border-radius:5px;
	
}


.input-field.col label {
    left: 1.5rem;
}

.input-field label:not(.label-icon).active {
  -webkit-transform: translateY(-18px) scale(0.8);
          transform: translateY(-18px) scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
		  color:#1275ab;
}

.card__title {
    font-size: 24px;
    color: #0e6fbd;
    margin: 1rem 0;
    padding: 0 1rem;
    text-align: center;
	font-weight:400;
	font-style:normal;
	font-family: 'Lato', sans-serif;
	font-stretch: normal;
	letter-spacing: normal;
}

.card-panel p, .card-panel li{
    color: #4d4d4d;
    line-height: 1.67;
	font-size:16px!important;
	font-weight:300;
	font-style:normal;
	font-family: 'Lato', sans-serif;
	font-stretch: normal;
	letter-spacing: normal;
}




.card-panel h2 {
    color: #0e6fbd;
    margin: 2rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

h5{
	color: #999;
	font-size: 1rem;
	text-align:center;
	margin-bottom:2rem;
}

.caption h5 {
	text-align:left;
	width:50%;
	font-weight:400;
	font-style: normal;
	font-stretch: normal;
	font-size:18px;
	line-height: 28px;
	letter-spacing: normal;
	margin-bottom:2rem;
}

.slider .indicators .indicator-item.active {
    background-color: #0e6fbd;
}


.caption h3 {
	font-weight:700;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-stretch: normal;
	font-size:35px;
	line-height: normal;
	letter-spacing: normal;
}

.terms-of-use__header {
    background-image: url("../img/privacy-cookies.jpg");
}

.about__header {
    background-image: url("../img/about.jpg");
}

.fees__header {
    background-image: url("../img/fees.jpg");
}

.security__header {
    background-image: url("../img/security.jpg");
}

.row img {
    overflow: hidden;
    width: 100%;
}

.security img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1rem;
    vertical-align: middle;
    width: 50px !important;
	height: 50px !important;
}

.why img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1rem;
    vertical-align: middle;
    width: 50px !important;
	height: 50px !important;
}

.why p{
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-size: 1.1rem;
    line-height: 1.65;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color:#383838;
}

.industry img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1rem;
    vertical-align: middle;
    width: 50px !important;
	height: 50px !important;
}

.industry a{
	color:#fff!important;
}

.industry p{
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-size: 1.1rem;
    line-height: 1.65;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color:#e7f1f6;
}

.security__asset-title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 1rem;
	font-family: 'Lato', sans-serif;
	color: #4d4d4d;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

.why__asset-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 1rem;
	font-family: 'Lato', sans-serif;
	color: #4d4d4d;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

.page-header {
    position: relative;
    overflow: hidden;
    padding: 180px 1rem 1rem;
    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    min-height: 446px;
    box-sizing: border-box;
}

.page-header__title {
    font-size: 30px;
    text-align: center;
    margin: 0 auto 20px;
    font-weight: 400;
	font-family: 'Lato', sans-serif;
}

.page-header__description {
    max-width: 540px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.65;
	font-family: 'Roboto', sans-serif;
}


.dropdown-content{
   width: max-content !important;
   height:auto !important;
   margin-top:64px;
}

.dropdown-content li a{
  color: #333!important;
  font-family: 'Lato', sans-serif!important;
  font-size:14px;
  padding: 14px 16px;
}

.dropdown-content li a:hover{
  color: #333!important;
  background:#fff!important;
}

.dropdown-content li > a > i {
    height: inherit;
    line-height: inherit;
    float: left;
    margin: 0 5px 0 0;
    width: 24px;
}

.side-nav li a i {
    height: inherit;
    line-height: inherit;
    float: left;
    margin: 0 5px 0 0;
    width: 24px;
}

li > a li > a > [class*="mdi-"], .side-nav li > a > i.material-icons {
    margin: 0 5px 0 0;
}

.service {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 1rem 0;
    align-items: center;
	padding: 5rem 0;
}

.service__about {
    box-sizing: border-box;
}


.service__title {
    font-size: 30px;
    color: #0e6fbd;
    margin-bottom: 15px;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
    font-weight: 300;
	font-family: 'Lato', sans-serif;
}

.service__description {
    max-width: 400px;
    line-height: 1.65;
    color: #383838;
	font-size:1.1rem;
    margin-bottom: 30px;
    font-weight: 300;
	font-style: light;
	font-family: 'Lato', sans-serif;
}

.service__button {
    display: flex;
}

.service__btn {
    padding: 0 1rem;
}
.button_m {
    height: 2.75rem;
    width: 12.1875rem;
}
.button_accent {
    background: #2a86bf;
    border: 1px solid #fff;
    color: #fff;
}
.button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1rem;
    height: 3rem;
    outline: none;
    text-decoration: none;
    width: 15.3125rem;
    z-index: 1;
    transition: background-color .2s;
}



.cookie-panel {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(247, 247, 247, 0.9);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.cookie-panel__content {
    margin: 0 auto;
    max-width: 1230px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.cookie-panel__text {
    color: #383838;
}


.cookie-panel__close {
    cursor: pointer;
}
.button_s {
    font-size: 0.8125rem;
    height: 2.125rem;
    width: 7.8125rem;
}
.button_accent {
    background: #2a86bf;
    border: 1px solid #fff;
    color: #fff;
}
.button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1rem;
    height: 3rem;
    outline: none;
    text-decoration: none;
    width: 15.3125rem;
    z-index: 1;
    transition: background-color .2s;
}

nav ul li a{
  color: #333;
  font-family: 'Lato', sans-serif;
  font-size:16px;
}

nav ul li a:hover{
  color: #333;
  background:#fff;
}

.navbg{
	background:#fff!important;
}

.loginBtn{
	width:100px!important;
	box-shadow:none;
	background:#fff!important;
	color:#2982b3!important;
	border:1px solid #2982b3!important;
	border-radius:5px;
	font-size:14px;
	font-weight:400;
	
}

.loginBtn:hover{
	box-shadow:none;
	background:#2982b3!important;
	color:#fff!important;
	border:1px solid #2982b3!important;
	
}


.registerBtn{
	width:140px!important;
	box-shadow:none;
	background:#2f9add!important;
	color:#fff!important;
	border:1px solid #2f9add!important;
	border-radius:5px;
	font-size:14px;
	font-weight:400;
	
}

.registerBtn:hover{
	box-shadow:none;
	background:#2982b3!important;
	color:#fff!important;
	border:1px solid #2982b3!important;
	
}






.sidenavBg{
	background:#fff!important;
}



.how-box img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	vertical-align: middle;
	width:64px !important;
}

.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



#err{
	color: #ff6868;
    background: #ffeded!important;
	text-align:center;
	width:50%;
	float:left;
	margin-top:20px ;
	margin-bottom:30px;
	display:none;
	padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	font-size:14px!important;
}

.passResetErr{
	color: #ff6868;
    background: #ffeded!important;
	text-align:center;
	width:50%;
	float:left;
	margin-top:20px ;
	margin-bottom:30px;
	padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	font-size:14px!important;
}




.btn-primary {
    background: #0088ff!important;
    border-color: #0088ff!important;
	font-family: 'Open Sans', sans-serif;
}

.btn-primary:hover{
	color:#0088ff!important;
    background: #fff!important;
    border-color: #0088ff!important;
	 border: 1px solid #0088ff!important;
	font-family: 'Open Sans', sans-serif;
}




.btn, .btn-large {
    text-decoration: none;
    color: #fff;
    background-color: #2982b3;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
	font-family: 'Lato', sans-serif !important;
}

.btn, .btn-large, .btn-flat {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 1rem;
   text-transform: capitalize; 
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}





.field-icon {
    margin-left: -50px;
    position: relative;
    z-index: 1;
}



.custombtn{
	font-weight:600;
	font-style:normal;
	border-radius:5px;
    font-size: 14px;
    letter-spacing: 2px;
    height: 40px;
    line-height: 40px;
    padding: 0;
	width:65%;
}

.custombtn:hover{
	 color: #fff;
    background-color: #2982b3!important;
}

.custombtn:focus{
	 color: #fff;
    background-color: #2982b3!important;
}

.forgot a{
	font-size:14px!important ;
	text-decoration:underline;
}

.footerbg{
background:#1A1A1A!important;
}

.footerbg ul li a{
color:#fff!important;
font-size:12px!important;
font-family: 'Lato', sans-serif !important;
}

.footerbg ul li a:hover{
text-decoration:underline;
}

.footerbg span{
color:#fff!important;
font-size:12px!important;
font-family: 'Lato', sans-serif !important;	
}

.footerbg p{
color:#fff!important;
font-size:12px!important;
font-family: 'Lato', sans-serif !important;	
}

.footer-copyright{
color:#fff!important;
font-size:14px!important;
font-family: 'Lato', sans-serif !important;	
}


.logo-color{
	color:#1c4c55;
}


  
   h1{
  color:#fff;
  font-size:44px!important;
  font-weight: 700;
  font-family: 'Source Serif Pro', serif;
  }
.absolutePosForh1{
	position: absolute;
  top: 30%;  
}

.absolutePositionP{
	 position: absolute;
  top: 40%;
  
}

.absolutePositionP P {
color:#fff !important;
  font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 600;
opacity: .9;
max-width: 750px;
margin: 0 auto;
}

.absolutePosForBtn{
	 position: absolute;
  top: 55%;
}




 .row img{
  overflow: hidden;
  width:100%;

}



 .greycolor{
    background:#F8F8F8 !important;
 }
 
 .collapsible-body u{
    color:#333!important;
	font-size:20px!important
 }
 
  .collapsible-body p{
    color:#333!important;
	font-size:15px!important
 }
 


 .marg{
    margin-left:25% !important ;
	margin-top:10px !important;
 }
 
 .margbottom{
	 margin-bottom:40px!important ;
 }




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-family: 'Roboto', sans-serif;
    color: #000 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: 'Roboto', sans-serif;
    color: #000 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	font-family: 'Roboto', sans-serif;
    color: #000 !important;
}

h3{
 margin-top:12%;
 font-size: 63px;

}


.bgcolor{
    background:#009688!important;
	color:#fff!important;

}




.button-collapse {
  color:#000!important;
}






@media only screen and (max-width : 600px) {

.side-nav{
	margin-top:56px;
}

body{
	 overflow-x:hidden;
}

input[type=text], input[type=password], input[type=email]{
	width:100%;
}

.card__title {
    padding: 0 0;
}

.why p{
	font-size: 1.2rem;
}

.industry p{
	font-size: 1.2rem;
}

.service__description {
	font-size:1.2rem;
}


.caption h5 {
	text-align:left;
	width:100%;
	font-weight:400;
	font-style: normal;
	font-stretch: normal;
	font-size: 1.2rem;
	letter-spacing: normal;
}

.caption h3 {
	font-weight:700;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-stretch: normal;
	font-size:30px;
	line-height: normal;
	letter-spacing: normal;
	margin-top:5rem;
}

  h1{
  font-size:35px!important;
  }
  


.custombtn{
	width:100%;
}
	
.marg{
    margin-left:0% !important ;
	margin-top:10px !important;
 }
 
 #err{
	 width:100%;
 }
 
.passResetErr{
	width:100%;
}
	


.field-icon {
  float: right;
  margin-top: 13px;
  position: relative;
  z-index: 1;
}


.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}
}