body{
	overflow-x: hidden;
	overflow-y: auto;
  font-family: 'Roboto-Regular';
}
body, p{
    font-size: 11pt;
}
body, p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
  font-weight: normal;
}
h1 .h1{
  font-size:24pt;
  
}
h2 .h2{
  font-size:22pt;
}
h3 .h3{
  font-size:20pt;
}
h4 .h4{
  font-size:18pt;
}
h5 .h5{
  font-size:16pt;
}
h6 .h6{
  font-size:14pt;
}
p .p{
  font-size:12pt;
}
small .small{
  font-size:8pt;
}

body, html {
  height: 100%;
}
.line-1{-webkit-line-clamp: 1;}
.line-2{-webkit-line-clamp: 2;}
.line-3{-webkit-line-clamp: 3;}
.line-4{-webkit-line-clamp: 4;}
.line-5{-webkit-line-clamp: 5;}
.line-6{-webkit-line-clamp: 6;}
.line-1, .line-2, .line-3, .line-4, .line-5, .line-6{display: block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

b, .b, strong, .text-bold{
  font-family: 'Roboto-bold';
  font-weight: bold;
}
input[type="file"]{
  padding: 1px;
}
ul{margin: 0;padding: 0;}

ul li{list-style-type: none;margin: 0;padding: 0;}
a, button, [type=submit]{
  text-decoration: none !important;
  cursor: pointer;
}
.blank-img{
  text-align: center;
  background-position:center;
  background-repeat: no-repeat;
  background-size:contain;
}
.shadow{
  -webkit-box-shadow: 3px 3px 9px 3px rgba(0,0,0,0.2); 
  box-shadow: 3px 3px 9px 3px rgba(0,0,0,0.1);
}
.bg-properties
{
  background-size:cover;
  background-repeat:no-repeat;
	background-position: center center;
}
.bannerifram {
  position: relative;
  height:760px;
  margin-top: -73px;
}
.video-section {
  position: relative;
}
.bannerifram iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
}
.video-section:before {
  position: absolute;
  content: '';
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(250, 250, 250, 0.4);
}
.heading,
.heading-banner{
  position: relative;
}
.heading-banner::before{
  position:absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.heading:before {
  left: -130px;
  right: 0px;
  bottom: -10px;
  content: '\f789';
  font: normal normal normal 30px/.4 fa-regular-400;
  position: absolute;
  
}
.heading:after {
  left: 0px;
  right: 0px;
  bottom: -5px;
  content: '';
  margin: auto;
  position: absolute;
  width: 100px;
  height: 2px;
  background-color: #ff8c4a;
}

.video-outer-div::after{
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:1;
  background: rgba(255, 255, 255, 0.2);
}
.bg-dim-white{
  background: #ffffff80;
}

.bg-dim-blue{
  background: #02064f;
}
.overlay-div{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.navbar{
  background: rgba(255, 255, 255, 0.9);
}
.navbar ul li .nav-link{
  color:#02064F !important;
  letter-spacing: 2px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
}
.text-orange{
  color:#ff8c4a!important;
}
.navbar .nav-item .active,
.navbar .nav-item .active:hover,
.navbar ul li .nav-link:hover{
  color:#ff8c4a!important;
  letter-spacing: 2px;
  border-bottom: 2px solid #ff8c4a;

}

.text-blue{
  color:#02064F !important;
}
.border-blue{
  border:1px solid #02064f !important;
}
.btn-orange{
  color:#fd5d00!important;
  border-color: #fd5d00 !important;
}
.btn-orange:hover{
  color:#02064f!important;
  font-weight: bold;
  border-color: #02064f!important;
}
.bg-about-img::before{
	background-image: url(../media/images/aboutus/about.jpg);
}
.bg-services-img::before{
	background-image: url(../media/images/services/header-services.jpg);
}
.bg-gallery-img::before{
	background-image: url(../media/images/gallery/woodworker.jpg);
}
.bg-testimonials-img::before{
	background-image: url(../media/images/testimonials/testimonials-banner.jpg);
}
.bg-partners-img::before{
	background-image: url(../media/images/partners/Partners.jpg);
}
.bg-donate-img::before{
	background-image: url(../media/images/donate/donatebanner.jpg);
}
.bg-volunteering-img::before{
	background-image: url(../media/images/Volunteering/Banner-Volunteering-With-Us.jpg);
}
.bg-contact-img::before{
	background-image: url(../media/images/contactus.jpg);
}
.banner_blur::before,
.image-blur::before{
  -ms-filter: blur(2px);
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px);
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index: -1;
  background-size:cover;
  background-repeat:no-repeat;
	background-position: center center;
}
.video-background{
  margin-top: -75px;
}
.banner_blur::after{
  position: absolute;
  height: 185px;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.3);

}
.image-blur::after{
  position: absolute;
  height: 763px;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.3);
}
.terms-conditions ul{
  counter-reset: list-number;
}
.terms-conditions ul li:before {
  counter-increment: list-number;
  content: counter(list-number)'. ';
}
@font-face {
  font-family: 'Roboto-Regular';
  src:	url('fonts/Roboto-Regular.ttf');
  src:	url('fonts/Roboto-Regular.ttf') format('embedded-opentype'), 
		    url('fonts/Roboto-Regular.ttf') format('woff2'), 
		    url('fonts/Roboto-Regular.ttf') format('woff'), 
		    url('fonts/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-bold';
  src:	url('fonts/Roboto-Bold.ttf');
  src:	url('fonts/Roboto-Bold.ttf') format('embedded-opentype'), 
		    url('fonts/Roboto-Bold.ttf') format('woff2'), 
		    url('fonts/Roboto-Bold.ttf') format('woff'), 
		    url('fonts/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'fa-regular-400';
  src:	url('../fontawesome-free-6.1.0/webfonts/fa-brands-400.ttf');
  src:	url('../fontawesome-free-6.1.0/webfonts/fa-brands-400.ttf') format('embedded-opentype'), 
		    url('../fontawesome-free-6.1.0/webfonts/fa-brands-400.ttf') format('woff2'), 
		    url('../fontawesome-free-6.1.0/webfonts/fa-brands-400.ttf') format('woff'), 
		    url('../fontawesome-free-6.1.0/webfonts/fa-brands-400.ttf') format('truetype'); 
}
/* =================footer============ */
.media-icons .fa-facebook-f{
 color:#02064F;
}
.media-icons .fa-facebook-f:hover{
 color:#325EFD;
}
.media-icons .fa-instagram{
  color:#02064F;
 }
 .media-icons .fa-instagram:hover{
  color:#D62975;
 }
 .media-icons .fa-twitter{
  color:#02064F;
 }
 .media-icons .fa-twitter:hover{
  color:#22AEE3;
 }
 .footer-links li a{
  color: white;
 }
 .footer-links li a:hover{
  color: #02064f;
  }
@media screen and (max-width: 768px){
.bannerifram {
  position: relative;
  margin-top: 0px;
  height: 200px;
}
}
