html {
   
    font-size: 10px;
    background-color: #fff;
}


body {
	 font-family: 'Montserrat', sans-serif  ;
    font-size: 1.5rem;
    background-color: #fff;
}
ul{    list-style: none;}

a {
    text-decoration: none; color: #343434;
}

a:hover {
    text-decoration: none; color: #343434;
}

h1{font-size: 4.5rem; color: black;}
h3{font-size: 2.5rem; color: black;}

.flex{margin-top: 10px;}
.blockmid{margin-top: 50px;}

.navbar-brand{margin-left: 100px;}    

.parallax {
  /* The image used */
  background-image: url("images/files/promo_banner_bg.jpg");

  /* Set a specific height */
  min-height: 400px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.question{background-color: beige;}


.features .features_item {
    margin-top: 30px;
}
.features_item {
    position: relative;
}
.features_item--title {
    font-size: 2rem;
    padding-top: 2rem;
    color: #262626;
}
.features_item--text {
    font-size: 1.em;
    line-height: 2rem;
    color: #969696;
    padding-top: 1rem;
}


.footer--bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    top: 0;
    left: 0;
}

.footer {
    background-size: cover;
    position: relative;
	
}
.footer--inner {
    position: relative;
    z-index: 1;
}
.footer_main {
    position: relative;
    padding: 51px 0 0;
}
.footer_main--column_title {
    color: #fff;
    font-size: 17px;
    line-height: 29px;
    font-weight: 700;
    display: block;
}
.footer_navigation--link {
	font-family: 'Montserrat', sans-serif  ;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
}
.footer_navigation--link:hover {
  text-decoration: underline;
	 color: #fff;
}
.footer_contact_info--item .bi_com-phone {
    transform: scale(-1, 1);
    font-size: 16px;
}


.footer_contact_info--item .bi_location-alt-pin {
    font-size: 19px;
    left: -3px;
}

.footer_contact_info--item {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}


.footer_navigation--item {
    display: block;
    position: relative;
    padding: 12px 25px 12px 0;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer_contact_info--item span {
    display: inline-block;
    vertical-align: text-top;
    padding: 0 0 0 28px;
}


.offcanvas-header{ display:none; }
.screen-overlay {
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
  transition:opacity .5s ease, width 0s;
  opacity:1;
  width:100%;
  visibility:visible;
}

.cen{align-self: center;padding-right: 30px;}
.but{    border: none;
    font-size: 30px;
    background-color: white;
display: none;}

.topright{
	text-align: right;
	height: 40px;
	margin-right: 20px;
	margin-top: 20px;
}

.bg-light{background-color: #fff!important}
.nav-link{
    font-size: 2rem;
    font-weight: 300;
    margin-right: 10px;
	}

.navbar{margin-top: 46px;}
	
@media all and (max-width:768px) { 
	.but{display: block}
	.topright{display: none}
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
	.navbar-brand{margin-left: 10px;}

 .offcanvas-header{ display:block; }
 
 .mobile-offcanvas{
    visibility: hidden;
    transform:translateX(-100%);
    border-radius:0; 
    display:block;
    position: fixed;
    top: 0; left:0;
    height: 100%;
    z-index: 1200;
    width:80%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }

  .mobile-offcanvas.show{
    visibility: visible;
    transform: translateX(0);
  }
}