/* FONTS - Montserrat and Roboto  */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700&family=Roboto:wght@300;400&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Roboto', sans-serif;
}
/* HTML - Custom CSS */
html{
    scroll-behavior: smooth;
}

.custom-navbar-brand img {
    height: 50px !important;
}
.custom-video-text{
    font-size: 4rem !important;
}


/* Font sizes */
.font-size-16pt{
    font-size: 16pt !important;
}
.font-size-12px{
    font-size: 12px;
}
.font-size-14px{
    font-size: 14px;
}
.font-size-24px{
    font-size: 24px;
}

/* heights */
.height_100vh {
    height: 90vh !important;
}
.min-height-420px{
    min-height: 365px !important;
}
    

/*Landing Page Products Cards*/




/* Hide class use to hide certain elements as needed */
.hide{
    
    visibility: hidden;
}

.d-none{
    display: none;
}

.overflow-hidden{
    overflow: hidden;
}



/*Icons on the Secuirty Section of the cards*/
.Security_Icons{
    height: 70px;
}

.Security_Icons_v2{
    height: 120px;
}

/*Background Colors */
.navy_dark{
    background-color: #172B4D !important;
}


/* Hovers */
.custom_hover:hover {
    background-color: #172B4D !important;
}

/* No Shadow */
.no_shadow{
    box-shadow: none !important;
}

.carousel-item {
    height: 100vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  /* Demo Request Sticky Icons */
  /* Floating Social Media Bar Style Starts Here */

.fl-fl {
    background: #f6f9fc;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    padding-right: 4px;
    padding-left:4px;
    width: 180px;
    position: fixed;
    right: -135px;
    z-index: 1000;
    font: normal normal 10px Roboto !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  }
  
  .fa_icons {
    font-size: 20px;
    color: #525f7f !important;
    padding: 10px 0;
    width: 40px;
    text-align: center;
    
  }
  
  .fl-fl:hover {
    right: 0;
  }
  
  .fl-fl span {
    color: #525f7f !important;
    text-decoration: none;
    text-align: center !important;
    line-height: 43px!important;
    vertical-align: top!important;
  }
  
  .float-fb {
    top: 35%;
  }
  
  .float-tw {
    top: 41%;
  }
  
  .float-gp {
    top: 47%;
  }
  
  /* Floating Social Media Bar Style Ends Here */

  /* Landing page Video Overlay */
  .overlay_2{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #5e72e4;
    opacity: .3;
    z-index: 1;
  }

  /* Overlay_3 */
  .overlay_3 {
      background-color: #011A40;
      opacity: .4;
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      filter: blur(8px);

  }

  /* Map Background with Tinted Color */
  .tinted-map{
   
        

    background: linear-gradient(90deg, rgba(23,43,77,0.7007003484987745) 0%, rgba(23,43,77,0.6978992280505952) 100%),url(../img/Products/emar/dundasmap.png);
      
  }

  /* Landing Page Video and Gallary Caption position */
  .carousel-caption-position{
      top:50% !important;
  }

  /* Form Validation error */
  label.error {
      color: #f5365c;
      font-size: 0.8rem;
      display: block;
      margin-top: 5px;
      margin-bottom: 0 !important;
  }

  #index-email-inputgroup #email-error{
      position: absolute;
      padding-top: 40px;
  }
  
  #index-checkbx-inputgroup #NotaRobotCheck-error{ 
      
    position: absolute;
    padding-top: 20px;
    width: 100%;

  }
 /* Ends Form Validation error */  

  /* Margins and paddings */
  .mt-1dot4rem{
      margin-top: 1.4rem !important;
  }




 /* Sign up form on POS.htm */
 #signup-form-pos{
    background-color: #40aa8a;
 }