@import url('https://fonts.googleapis.com/css?family=Montserrat:400&display=swap');

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap');

@import url('https://fonts.googleapis.com/css?family=Hind:400,500&display=swap');


html, body {margin:0;padding:0;height:100%;}

#wrapper {
    width: 100%;
    margin: 0 auto
}


.container {
    width: 1170px;
    margin: 0 auto
        
}


a {
	color: #f9d401;
	outline:none;
	text-decoration: none;
    text-align: center;
}

a:hover {
	transition:color 600ms;
	-moz-transition:color 600ms;
	-webkit-transition:color 600ms;
	-o-transition:color 600ms; 
}


h1 {
    font-size:25px;;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    
}

#obct h1, #about h1 {
    color:#000000;
    line-height: 0em;
     position: relative;
    padding: 0em 0em 0em 0.6em;
    margin-bottom: 2em;
}

h1 .small {
    color:#969b9f !important;
    font-size:17px;;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
  display: block;
    margin-bottom: 2em;
        font-weight:600;
}

#obct h1::before, #about h1::before {
   content:'';
    background: #0066a7;
    width: 5px;
    height: 50px;
    position: absolute;
      left: 0px;
          top:-8px;
}


h2 {
    font-size:16px;;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    
}


p {
    font-family: 'Hind', sans-serif;
    color: rgb(97, 97, 97);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 0px;
    text-align: left;
    visibility: visible;
    
}

p strong {
 font-weight:600;
}
/* Header */ 

header {
    width: 100%;
    height: 700px;
    position: relative; 

 
    
  }








nav{
    position: relative;
    width: 100%;
    height: 125px;
 
   
    
}




#top-nav .container {
     width: 1106px;
    margin: 0 auto;
    padding-top: 1em;


}
#top-nav .logo-box{
    
    
    
}
#top-nav .logo {
    width: 180px;
    height: 100px;
    background-image: url(images/logo.png ) ;
    background-repeat: no-repeat;
    float:left;
 

}


#top-nav .logo::after {
    position: absolute;

    width: 1px;
    height:33px;
    top: 2.9em;
    bottom: 1.1em;
    margin-left: 6em;
    content: '';
    background: rgba(255,255,255,1);
}


#top-nav .menu {
    width: 75%;
    float:right;
    padding-top: 1.3em;
        opacity: 1 !important!;
}

#top-nav .menu ul {
    
}

#top-nav .menu ul li {
   display: inline-block;
    font-size:15px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin-right: 2em
}



#top-nav .menu a {
    color:#fff;
}





/*Video Slider */



#video-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; }
video { display: block; width: 100%; height: auto; }

.fullsize-video-bg { height: 100%; overflow: hidden; }

.fullsize-video-bg:before { content: ""; background: rgba(114,45,0,.35); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.fullsize-video-bg:after { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC); background-size: 3px 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }


.fullsize-video-bg .inner { display: table; width: 100%; max-width: 24em; height: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 2; text-shadow: 0 1px 5px rgba(0,0,0,.5); }
.fullsize-video-bg .inner > div { text-align: center; display: table-cell; vertical-align: middle; padding: 0 2em; }

.home_overlay { background:#0f3b5d; opacity: 0.7; height: 100%; width: 100%; position: absolute; top: left; }

#slide-box {
    width: 100%;
    height: 650px;
       position: relative;
    
}

#slide-box .overlay {
    
    background-color:#0f3b5d;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}



#facts-box {
          bottom: -60.7%;
    position: fixed;
    width: 100%;
    height: 150px;
    background-color: #0066a7;
    opacity: 0.7;
    position: relative;
    z-index: 999;

   
}


#facts-box .container {
    opacity: 1 !important;
}




#facts-box .info-box{
    width: 230px;
    height: 50px;
    display: inline-block;
    margin-top: 2.8em;

}





#facts-box .vertical-separator {
    width: 4px;
    height: 50px;
    background-color: #fff;

}

#facts-box .vertical-separator-light {
    position: relative;
    content: '';
    top: -3.5em;
    left: -2em;
    height: 50px;
    width: 1px;
    background: rgba(255,255,255,0.2);
    
 

}

#facts-box h1 {

     line-height: 0.5em;
    
    
}

 #facts-box h2   {
     font-size: 12px;
     margin-bottom:0.5em;
     font-weight: 400;
    
}

#facts-box .main-title {
    width: 200px;
    left: 20px;
    top: -10px;
    display: inline-block;   
    position: relative;
    


}

#section-body-container {
    
    float: right;
    display: inline-block;
    margin-top:2.3em;
        position: absolute
}



#facts-box .section-body {
    width: 210px;
    display: inline-block;
    margin-right: 2em;
    height: 70px;


}

/*Section 1*/
#about {
    width: 100%;
    height: auto;
    min-height: 560px;
    margin-top: 5em;
    position: relative; 
    z-index: 1;
     background-color: #fff;
    

}


#about .img-box {
    width: 400px;
    height: 550px;
    z-index: 1;
    float: left;
   
  
}
    
#about .img {
    width: 400px;
    height: 550px;
  
  
}

#about .img-bg {
    
    width: 350px;
    height: 460px;
    background-color: #0066a7;
  position: relative;
    top:-450px;
    left: 65px;
    z-index: -999;
        
}
#boxl{
    
    float: left
        
    }

#boxr{
     width: 700px;
    float: right;
    
}

#about .info-box p{

    
}

/*
#title-box {
width: auto;
margin-bottom: 3em;

 
}

#about #title-box h1 {
    color:#000000;
    line-height: 0em;
  
    
}

#about #title-box h2 {
    color:#969b9f;
         line-height: 0.9em;
    
}


#title-box .headerdivider {

    background: #0066a7;
    width: 4px;
    height: 50px;
    position: absolute;
        top: 10px;

}

#title-box  .page-title {
    margin-left: 1em;
    
}
*/

#obct {
   width: 100%;
   height: auto;
    min-height: 560px;
    margin-top: 5em;
    position: absolute; 
    z-index: 1;
    background-color: #edeff2;  
}




#obct #boxl{
    width: 750px;
    float:left;
    margin-top: 3em;
 
}
#obct #boxr{
width: 30%;
float: right;
}




#boxr .img{

  position: absolute;  right: 0;  top: 0;  width: 35%;  height: 100%;
    max-height: 800px;
  background-size: 100% 100%;
   background-color: rgba(0, 0, 0, 0);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
box-sizing: border-box;

 }



#four-facts {


}


#four-facts .single-fact {
    width: 350px;
     display: inline-block;
    margin: 0.5em ;
    
}
#four-facts  .icon1 {
      display: block;
  width: 43px;
  height: 43px;
  background-image: url('images/icon1.png');
       background-repeat: no-repeat;
     float: left;
    top:5px;
    position: relative;
}

#four-facts  .icon2 {
      display: block;
  width: 43px;
  height: 43px;
  background-image: url('images/icon2.png');
       background-repeat: no-repeat;
     float: left;
        top:5px;
    position: relative;
}

#four-facts  .icon3 {
      display: block;
  width: 43px;
  height: 43px;
  background-image: url('images/icon3.png' ) ;
    background-repeat: no-repeat;
     float: left;
        top:5px;
    position: relative;
}


#four-facts  .icon4 {
      display: block;
  width: 43px;
  height: 43px;
  background-image: url('images/icon4.png' ) ;
    background-repeat: no-repeat;
     float: left;
        top:5px;
    position: relative;
}


#four-facts .title {
    margin-left: 4em;
     

}
#obct h3{ 
   color:#000000 !important;
    font-size:18px;
    font-family: 'Poppins', sans-serif;
    font-weight:600;
   line-height: 5px;
   
}
#obct h3.small {
    color:#969b9f !important;
    font-size:14px;
    font-family: 'Poppins', sans-serif;
    font-weight:600;
    
}