body.landing-page{font-family: 'Roboto', sans-serif;color:#606060;}
body.landing-page .navbar-dark .navbar-toggler{color:#fff !important;border-color: #fff}
body.landing-page a,body.landing-page button{transition: color 0.2s ease;}
body.landing-page .btn{font-family: 'Mulish', sans-serif;font-weight: bold;transition: box-shadow 0.2s ease;}
body.landing-page .btn.btn-primary:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.65)}
body.landing-page .btn.btn-default:hover{box-shadow: 0px 0px 20px rgba(29, 144, 226, 0.66)}

body.landing-page h2{font-size:36px;margin-bottom:40px;}
body.landing-page h3{font-size:36px;margin-bottom:40px;}
body.landing-page.centered{margin-left:100px;margin-right:100px;}

.content{padding:40px 0px;}
/* .bg1{background: #061134 url(/images/bg-menu.jpg);background-size:cover;} */
.bg1{color:#000}
.bg1  ul li a{color:#000 !important;outline: none}
.bg1  ul li.active a{color:#1E8FE2 !important;}
.bg1  ul li .dropdown-menu{border-radius:0;background: #061134; border-top:2px solid #1E8FE2;}
.bg1  ul li .dropdown-menu a:hover{background:none;color:#1E8FE2 !important;}
.bg1 .mr-auto{margin:0 auto;}
.bg2 {background: url(/images/bg2.jpg) no-repeat; background-size:cover;height:450px;}      
.bg3 {background: url(/images/bg3.jpg) no-repeat; background-size:cover;min-height: 329px;height: 100%;}      
h1,h2,h3,h4{font-family: 'Mulish', sans-serif;font-weight: bold}
.with-border:after{content: " ";border-bottom:4px solid #1D8FE1;display: block;max-width:60px;padding-top:10px;margin-bottom:20px;}
.with-border.text-center:after{margin:0 auto 20px;}
#footer-1{background:#091633;  background-size:cover;color:#fff;font-size:16px;padding:30px 0px;}
#footer-1  ul.quicklinks{list-style: none;margin:0;padding:0;margin-bottom: 20px}
#footer-1  ul.quicklinks li a{color:#fff;}
#footer-1  ul.quicklinks li a:hover{color:#1E8FE2;text-decoration: none}
#footer-1  ul.social{list-style: none;margin:0;padding:0;}
#footer-1  ul.social li{display: inline-block;}
#footer-1  ul.social li a{color:#fff;margin-right:10px;}
#footer-1  ul.social li a:hover{color:#1E8FE2;text-decoration: none}
#footer-2{background:#1D8FE1;color:#fff;padding:15px 0px;}
#footer-2 small{color:#fff;font-size:12px;}
.banner{background: #2F95CF; background-size:cover;color:#fff;overflow: hidden}
.banner  .content-child{padding:40px ;}
#who-use-mfa{background:#1D8FE1;color:#fff;overflow: hidden}
#who-use-mfa.content{padding:0px;}
#who-use-mfa .with-border:after{border-color:#fff;}
body.landing-page .btn.btn-default{color:#1E8FE2;background: #fff;border-radius: 0px}
body.landing-page  .btn.btn-primary{background: #1D8FE1;color:#fff;border:0px;border-radius: 0px}
#who-use-mfa .content-child{padding:40px ;}
#who-use-mfa .content-child a.btn.btn-default:hover{box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.65)}
#why-mfa h5{padding:20px 0px;font-size:24px;}
.address span{color:#1D8FE1;}
#get-started .gs-item {margin-bottom:40px;}
#get-started .gs-item .circle{border:4px solid #606060;border-radius: 100%;text-align: center;width:120px;height:120px;padding:20px;margin:0 auto 20px;}      
#get-started .gs-item .circle{background-size:40% !important;}
#get-started .gs-item h4{margin-bottom:10px;text-align: center !important;color:#1D8FE1;}
#get-started .gs-item p{text-align: center;}
#why-mfa{background: #F5F5F5}
#sign-up{background: #F5F5F5}
.signup2 #sign-up{background: #efefef} 
#sign-up h3{color: #000}
.content-padding1{padding:0px 30px ;}
.bg1 .navbar-brand img{max-width:45%;}

.banner ul li {line-height: 57px;font-size:25px;}
.banner h1{font-size:50px}
#why-mfa h3{position: relative;max-width:830px;margin:0 auto;}
.bg4{background: url(/images/seal.png) no-repeat; min-height:180px; width:100%;background-size:contain; background-position: center 30%;margin-bottom:20px;}
/*#why-mfa h3::before{content: " ";background: url(/images/seal.png) no-repeat;position: absolute;background-size:cover;width:80px;height:80px;right:0px;top:-20px;}*/
.we-support h3{text-align: center;}
.we-support h4{text-align: center;margin-bottom:30px;}
.we-support ul{list-style: none;padding:0;margin:0;}
.we-support ul li {position: relative;min-height: 95px;padding-left:100px;}
.we-support ul li img{position:absolute;width:75px !important;left:0;top:-10px;}
.we-support ul li h6{font-weight: bold;font-size:24px;}

.banner2{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.banner2 .left-section {width:50%;padding:40px}
.banner2 .left-section h4{font-size:35px;color:#000}
.banner2 .left-section h2{font-size:65px;color:#000;margin-bottom:10px}
.banner2 .left-section h5{font-size:25px;font-weight: normal;color:#000;margin-bottom:20px}
.banner2 .left-section .btn-border-only{border:1px solid #000;color:#000 !important;border-radius:8px !important;padding:10px 20px }
.banner2 .right-section {width:50%;text-align: center;}
.banner2 .right-section img{max-width:80%}

@media (max-width: 960px){
/*#why-mfa h3::before{position: relative;
top: 0;
right: 0;
display: block;
margin: 0 auto 30px;
}*/
.bg4{height:200px;}
.banner2{
  flex-direction: column-reverse;
  
  
}
.banner2 .left-section{width:100%; text-align: center;}
.banner2 .right-section{width:100%}
.banner2 .right-section img{max-width:100%;margin-bottom:10px}
}



@media (max-width: 768px){
  
  .navbar-collapse{margin-top:27px;}
  #who-use-mfa .content-child{max-width: 100%}
  .banner  .content-child{padding:20px;}
  #footer-1  ul.social{margin-bottom:20px;}
  body.landing-page.centered{margin:0;}
  body.landing-page .bg1 .text-center,
  body.landing-page .bg1 .text-right,
  body.landing-page .bg1 .text-left{
  	text-align: center !important;
  	padding:10px 0px;
  }
  .banner h1{font-size:30px;text-align: }
  .we-support ul li{margin-bottom: 20px}
  .we-support ul li img{top:0px;}
  .img-fluid{width:100%;}
}