/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top: 56px; 
}
p{font-family: 'Heebo', sans-serif; line-height:22pt; font-weight:normal;}
h1, h2, h3, h4{font-family: 'Esteban', serif;}
img{width:100%; height:auto}
.carousel-item {
  height:75vh;
  min-height: 300px;
  background: #83a4d4; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #83a4d4, #fff); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #83a4d4, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
}
.portfolio-item {
  margin-bottom: 30px;
}
.bg1{background:#3e3c55 url(../images/footer_image.png) no-repeat right; display: block; padding:5% 10%; color:#a7a6b5; }
.bg2{background:#26243a}
.bg3{background:#f5f5f5; padding:3% 0;}

.navbar-brand img{height:50px; width:auto;}
.carousel-item img{position:absolute; bottom:0;  width:50%; height:auto; }
.card-title a{color:#575656; text-decoration:none;}
.card-body p{text-align:center;}
.carousel-caption{text-transform:none !important;}
.carousel-caption h3, .carousel-caption h1{font-weight:bold; margin-bottom:10px;}
.carousel-caption p{font-weight:bold;}
.carousel-item-bg{background: #ff428d ;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffae46, #ff428d);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffae46, #ff428d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.img-pad img{width:90%; height:90%;}
.login{background:#46d34a; -webkit-box-shadow: 5px 5px 0px 0px rgba(118,186,120,1);
-moz-box-shadow: 5px 5px 0px 0px rgba(118,186,120,1); box-shadow: 5px 5px 0px 0px rgba(118,186,120,1);}
.login a{color:#fff;}
.ml-cor{margin-left:50%;}
.font-weight-blue{color:#007bff;}

.feature-content h3 {
    margin-top: 0;
    font-size: 18px; color:#118aef;display: block;
text-align:center;
}

.feature-content p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6em;
	padding:3px 0 0;
}

.feature-icon {
 color:#118aef;
 font-size:30px; display:block; text-align:center;
}
.fa {
    display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.feature-box{margin-bottom:15px;}
.carousel-caption{ font-family: 'Lato', sans-serif;}
.carousel-caption{width:30% !important; left:10% !important; font-family: 'Roboto', sans-serif;}
.carousel-caption h2{font-family:Helvetica, Arial, sans-serif;color:#444; font-weight:bold;}
.carousel-caption p{color:#6c6b6b;}
.carousel-item img{right:10% !important;}
.navbar{box-shadow: 0 1px 5px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#333!important;}
.feedback img{width:100%;}
.app-icons img{float:left; width:150px;}
.reports{ width:100%;}
.inside-banner{background:#006cff ; padding:5% 10% 4%; color:#fff; margin:0 0 5%;}
.inside-box{position: relative;
z-index: 4;
margin: -110px auto 60px;
background:#ffffff;
padding: 40px;
display: table;
width:80%;
height:300px;
-webkit-box-shadow: 1px 1px 20px rgba(51, 51, 51, 0.35);
box-shadow: 1px 1px 20px
    rgba(51, 51, 51, 0.35);
    box-sizing: border-box;
}
p.fotlinks{text-align:center;}
.fotlinks a{margin:10px 5px 0; color:#bcbcbc;}
@media (max-width: 576px) {
.carousel-caption h3, .carousel-caption h1, .carousel-caption p{text-align:center; font-size:90%;}
.carousel-item{height:50vh;}
.carousel-caption{ position:absolute; top:20%; right:13%; }
}
.fab {
  padding: 10px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  margin: 2px 2px;
  border-radius: 20%; width: 40px;
}
.fab:hover {
    opacity: 0.7; color: #212529; text-decoration: none;
}

.fa-facebook-f {
  background: #67667a;
  color: #212529; cursor: pointer;
}
.fa-linkedin-in {
  background: #67667a;
  color: #212529;
}
.fa-google-play {
  background: #67667a;
  color: #212529;
}