/* GLOBAL STYLES
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Raleway:400,600,700'); 
/*font-family: 'Hind Vadodara', sans-serif;
font-family: 'Noto Sans', sans-serif;*/
/* Padding below the footer and lighter body text */
*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html {
  scroll-behavior: smooth;
}
a{color:#454545;}
body { color: #fff;  font-family:"Raleway", Verdana, sans-serif;} 
.banner{float:left; background:url(img/banner.jpg) center center no-repeat;  background-size:cover; position:relative; height:708px; width:100%; padding-top: 45px; box-sizing:border-box; padding-bottom:70px;} 
.light{background:url(img/light.png) center bottom no-repeat; position:absolute; width:100%; height:100%; bottom:0; left:0; }
.banner p{font:400 24px/1.8 "Raleway"}
.banner p strong{font-weight:700}
.btn{background:none; border:none; box-shadow:0 0px 15px 2px #0075ab;  font:600 14px 'Open Sans'!important; color:#fff; padding:17px 60px;  text-transform:uppercase; border-radius:30px; margin-top:30px;  }
.btn:hover{box-shadow:0 0px 15px #0075ab inset; color:#0388c5;}
 .banner p.below-logo{font:600 18px 'Raleway'!important}
 
.padding-top-100{padding-top:100px;}
.padding-top-60{padding-top:60px;}
.padding-top-50{padding-top:50px;}

.logo img{max-width:100%; box-shadow:0 0 50px #0075ab; border-radius:100%; }
.below-logo{  font:600 18px 'Open Sans'; text-transform:uppercase; padding-top:20px;}

.logos{margin:50px 0; display:block; clear:both; float:left; width:100%;}

.image-box{ border:1px solid #ccc; height:240px; width:100%; position:relative; text-align:center;  margin-bottom:30px;}
.image-box  img{display:inline-block; vertical-align:middle;  margin-top:45px; }
 
.image-box p{font:400 22px 'Raleway'; color:#fff; text-align:left; padding:30px 0 0 20px;}
.image-box .logo-info{position:absolute; top:0; left:0; background:rgba(5,110,155,0.9); width:100%; height:100%; display:none; }
.image-box a.link{position:absolute; bottom:20px; right:20px; width:60px; height:48px; background:#f1d57a; color:#3f3f3f; border-radius:5px; line-height:45px;}
.image-box a.link:hover{color:#0388c5; background:#fff;}
.image-box:hover .logo-info{display:block;}
.footer{background:#0075ab; padding:40px 0; float:left; width:100%;  font:700 18px/1.6 'Raleway'; color:#fff;}
.footer a{color:#fff;}
.copyright{background:#0c1519; padding:40px 0; text-align:center; float:left; width:100%; font:600 15px 'Raleway'; color:#fff;}
.copyright a{color:#0388c5;}
.footer .below-logo{text-transform:capitalize!important; font-weight:700;}
.footer-right{padding-top:30px;}
 
 
/* RESPONSIVE CSS
-------------------------------------------------- */
 

@media (max-width: 991px) {
	
	
 .banner p{font:400 18px/1.8 "Raleway"}
 .btn{padding:14px 40px;  }
 .banner{height:auto; padding-bottom:100px; background-size:auto; background-repeat:repeat;}
	 
	}

@media (max-width: 767px) {
 .banner p{font:400 24px/1.8 "Raleway"}
	 .text-left,
	 .text-right{text-align:center;}
	.banner .padding-top-100{padding-top:40px;}
	.logos .container{max-width:400px;}
	.banner .logo img{max-width:250px;}
 .footer-right{padding-top:15px;}
 .banner .padding-top-60{padding-top:20px;}
	 
	}