body{
    font-family: "Lato","latolight";
    font-size: 1.4em;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    color:#0A3D4C;   
	background-color:#f6f6f6;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Medium'), local('Lato-Medium'), url(../fonts/Lato-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'latolight';
    src: url('font/lato-light-webfont.eot');
    src: url('font/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato-light-webfont.woff') format('woff'), url('font/lato-light-webfont.ttf') format('truetype'), url('font/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal
}

.orange{color:#d8a62b;}
.clearfix {
    overflow: auto;
	clear:both;
}
#pageWrapper {
    width: 100%;
    margin: 0 auto;
    font-size: 1em;
    color: #666;
}

hr {margin-top: 20px;margin-bottom: 20px;border-top: 1px solid #d8a62b;}
/* Icon 1 */

.animated-icon1, .animated-icon3, .animated-icon4 {
  width: 27px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span, .animated-icon3 span, .animated-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #5d1e19;
}

.animated-icon3 span {
    background: #e3f2fd;
}

.animated-icon4 span {
    background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon3 span:nth-child(1) {
  top: 0px;
}

.animated-icon3 span:nth-child(2), .animated-icon3 span:nth-child(3) {
  top: 10px;
}

.animated-icon3 span:nth-child(4) {
  top: 20px;
}

.animated-icon3.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon3.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

.animated-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}
/* Navigation */

.top-nav-content {
    height:33px;
	background: #5d1e19;
	width: 100%;
}

.top-nav-content-right{    
    float: right;
   color:#d8a62b;
    height:33px;
	text-align:center;
	padding-top:3px;
	padding-left:72px;
	width:33%;
}
.top-nav-content-right img{padding-bottom:4px; }
.top-nav-content-right a{color:#d8a62b; font-size:1.1em;}
.pane{background-color: #d8a62b; 

-webkit-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
position:relative;
z-index:1;}
.menuMain {
    text-align: right;
    width: 91%;
    margin: 0 auto;
    line-height: 77px;
    height: 87px;
    font-size: 1.3em;
    
	
}
.logo {
    float: left;
	padding-top:4px;
}
.logo a {
    
    float: left;
}
.menuMain nav {
    margin: 0 auto;
    display: inline-block;
    float: right;
}
.menuMain nav>ul {
    list-style: none;
	
}

.menuMain nav>ul>li {
    float: left;
    margin-right:9px;
	padding:3px;
	
	
}
.menuMain nav>ul>li a{ color: black; padding:5px;}

.menuMain nav>ul>li a:hover {
    background-color: #efb62b;
    color: black;
	text-decoration: none;	
	padding:5px;
	}


/* Add an active class to highlight the current page */
.menuMain nav .active {    
    color: black;
	font-weight:bold;
}
.mmenu{ text-align:center; width:500px; margin-top:20px; margin-bottom:30px; }
.mmenu ul li{ border-bottom:0px solid #d8a62b; margin-left:50px; color:#5d1e19; border-bottom-color: 1px solid #000; }
.navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #5d1e19 !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #5d1e19 ! important;
}
.nav-link {color:#5d1e19 ! important;}
.navbar-collapse.in {
    overflow-y: none ! important; 
}

/* Hide the link that should open and close the topnav on small screens */

/* Create two equal columns that floats next to each other */
.column {
    float: left;    
    padding: 4px;
     /* Should be removed. Only for demonstration */
    
    margin-bottom:10px;
   margin-left:0px;
   margin-right:20px;
   background-color:#ebb600;
   text-align:center;
      
		
}

.column:first-child {margin-left: 0px; }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0% !important;
} 
/*Slider*/

.slidersection{background-color:#b28b2c; }
.slidersection .slider-left{float:left; margin: 0 auto; display:block;  }

.slidersection .slider-right{background:#000; width:50%; margin: 0 auto; display:block; text-align:center;  font-size:1.5em; color:#fff; line-height:35px;}
.item {
            
            text-align: center;
           
    
        }

       .item h2 {
            margin: 0;
            color: #888;
            padding-top: 80px;
            font-size: 30px;
        }
		.carousel-caption p {
    position: relative;
    color: #fff;
    font-family: Gilroy-Bold, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height:30px;	
    margin-bottom: 2px;
    float: left;
    clear: both;
    background-color: rgba(0,0,0,0.5);
    padding-left: 10px;
    padding-right: 10px;
	padding-top:20px;
	padding-bottom:20px;
	
}
		
		.carousel-caption h3{font-size:3em;}


.item img{width:100%; 
    border:0;}

.thumbnail {
    display: block;
    padding:0px !important;
    margin-bottom: 0px !important;
    line-height: 0px !important;
    background-color:#ff!important; 
    border:0px !important;
    border-radius: 0px !important;
    -webkit-transition: border .0s ease-in-out!important;
    -o-transition: border .0s ease-in-out!important;
    transition: border .0s ease-in-out!important;
}

/*Event*/
.eventssection{max-width:100%; margin: 0 auto; display:block;margin-left:50px; margin-right:20px;}
.eventssection .row {margin-top:3%;}
.eventssection .column{max-width:34%; display:block;   box-shadow: 1px 1px 0 #aaa;}
.eventssection h2 {color:#5d1e19}
.event h3{margin-top:-3px;}
.event p{line-height:19px;}

/*Marquee*/
#marqueecontainer{
position: relative;
width: ; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 1px solid #b2beb5;
padding:10px;
color:#0A3D4C;
text-align: left;
font-size:0.8em;
}
.recentnews{width:100%;}
.recentnews h2{margin-top:2%; font-size:1.5em;}
.vedio h2{margin-top:2%; font-size:1.5em;}
.event{text-align:left; padding:15px; border:1px solid #b2beb5; height:200px; background:#fff; font-size: 1em;
    line-height: 19px; color:#0A3D4C;}
	.upcoming h2{margin-top:2%; font-size:1.5em;}
	.event h3{color:#0A3D4C; font-weight:600; font-size:1.1em;}

/*Mission*/
.missionsection{max-width:100%; background:#efefef; margin-top:2%; color:#0A3D4C;}
.missionsection .main-container{font-size:1.3em; max-width:75%; margin: 0 auto;text-align:center; padding-top:1%; padding-bottom:3%; font-weight:100 !important;}
.missionsection .main-container h1{font-size:1.2em !important;font-weight:200; color: #ef9617}
.missionsection .button a{font-size:0.8em; color:#fff; max-width:8%; max-height:8%; background:#3e5092;  text-align:center;margin: 0 auto;  margin-top:2%; display: table;
    padding: 5px; text-decoration:none; }
/*Services*/

.servicessection{max-width:100%; margin: 0 auto; display:block; color:#0A3D4C;}
.servicessection .main-container {margin-left:5%; margin-top:2%; margin-bottom:5%; margin-bottom:1%; }
.servicessection .column{background:#fff;max-width:30%; display:block; box-shadow: 1px 1px 0 #aaa; font-size:1.3em; line-height:32px; text-align:center; padding-left:15px; padding-right:15px; }
.servicessection .container-fluid .column h1{ font-weight:200; text-align:center; margin-left:0%;}
.servicessection .main-container h1{font-size:2em !important;font-weight:200; color: #ef9617; padding-bottom:15px;}
.servicessection .button {font-size:0.7em; color:#fff; background:#3e5092;  text-align:center;margin: 0 auto;  margin-top:2%; padding: 5px;}
.servicessection .column p{font-size:0.8em !important; line-height:20px;}
.servicessection .column  h2{font-size:1.2em !important;}
.servicessection .button a{text-decoration:none; font-size:1.3em; color:#fff; }
/*Gallery*/
.gallerysection{max-width:100%;background:#efefef;margin-top:4%; color:#0A3D4C; }
.gallerysection .main-container p{padding-top:2%;  padding-bottom:2%; margin:0 auto; padding-left:5px; }
.gallerysection .main-container h2{font-size:1.8em !important; font-weight:200; text-align:center;}
.map{height:200px; width:100%; overflow:hidden;}
/*footer*/
.footercolumn1 {
  float: left;
  width: 13%;
  padding:0px;
  
}
.footercolumn2 {
  float: left;
  width: 20%;
  padding:0px;
  
}
.footercolumn3 {
  float: left;
  width: 32%;
  padding:0px;
  
}
.footercolumn4 {
  float: left;
  width: 35%;
  padding:0px;
  
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
footer{background-color:#5d1e19 !important; color:#d8a62b;}
.main-footer{width: 90%; margin: 0 auto; padding: 24px 0 0; display: table;clear: both; font-size:1.3em;}
.footer-section {float: left; font-size:1em; line-height:1.4em; }
.footer-section ul li{list-style:none;width:100%;}
.footer-section h2{margin-left:-10px; border:1px solid #fff;}
.footer-section h3{font-size: 1.15em;font-weight: 600;margin-left:11%; margin-top:-1px; }
.footer-section a{color:#d8a62b; text-decoration:none;}
.footaboutus{margin-left:5%;  margin-top:-6px; }
.ourservices {list-style:none; line-height:28px; margin-left:10%;}
.footcontact {margin-left:12%;}
.footcontact ul li{font-size:0.9em; line-height:20px; }
.footcontact span{padding-left:35px; font-size:1.8em;}
.copright-holder {border-top: 1px solid #ccc;padding: 6px 5%;display: table;width: 100%; background-color:#5d1e19; font-size:0.8em;}
.footermob ul li{width:100%; display:block; text-align:center; list-style: none;font-size:0.9em;line-height: 35px;}
.footermob ul li a{color:#d8a62b !important}
.copyright-mob{text-align:center; display:block; border-top: 1px solid #ccc; padding: 22px 5%; line-height:20px}
.copyright-mob a{color:#d8a62b !important}

.footer-sub-links {
    display: table-cell;
    text-align: right;
    width: 100%;
}
/*.footer-sub-links a{color: #fff;
    margin-right: 0;
    padding: 0 12px;
    border-right: 1px solid #fff;
    font-size: .9em;
    line-height: .9em;
    display: inline-block;}*/

/*Gallery*/
* {
    box-sizing: border-box;
}

.eventgallery a {padding-right:3%; padding-top:3%; padding-bottom:3%; text-align:center; }
/* The grid: Four equal columns that floats next to each other */
.gallery .column {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Style the images inside the grid */
.gallery .column img {
    opacity: 0.8; 
    cursor: pointer; 
}

.gallery .column img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.gallery .row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.gallery .container {
    position: relative;
    display: none;
}

/* Expanding image text */
.gallery #imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the expanded image */
.gallery .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}
/*contact page*/

.col-sm-10 {
    width: 64%;
}

.form-horizontal{margin-top:20px;}
.btn-primary{color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.btn-primary a{color: #fff; text-decoration:none;}
.btn-primary-services {width: 100%;}



/* Style the container/contact section */
.contact.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 10px;
}

/* Create two columns that float next to eachother */
.contact.column {
    float: left;
    width: 50%;
    margin-top: 6px;
    padding: 20px;
}

/* Clear floats after the columns */
.contact.row:after {
    content: "";
    display: table;
    clear: both;
}
/*Gallery*/


h1 {
	text-align: center;
	font-size: 3em;
}

.content {
	display: block;
	width: 100%;
	background: rgb(215, 215, 215);
	padding: 1em;
	overflow: hidden;
	margin: 0 auto;

}
.marquee-sibling{font-size:1.5em !important;}
.content *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*Aboutus*/
.pagebanner{background: rgba(0,0,0,0) url(../images/aboutusbanner.jpg) no-repeat scroll 100% 0/cover;  height:184px}
h1.pageTitle {
    font-size:2.5em;
    padding-right: 15px;
	color: #ef9617;
	text-align:left !important;
	padding-top:20px;
}
.contentpane {
    width: 85%;
    height: 100%;
    margin: 0 auto;
max-width: 1100px;	
color:#0A3D4C;}
.contentpane h2{font-size:1.5em;}
.contentpane p{font-size:1.1em; line-height:25px; text-align:justify;}
.contentpane ul li {font-size:1.1em; line-height:25px; }
.contentpane .blogleft{float:left; padding-right:35px;  }
.contentpane .blogright{float:right; padding-left:10px; }

/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media (max-width:800px) and (min-width:280px)  {
.deskstop{display:none;}
.col-sm-10 {
    width: 100%;
}
.column {
    float: left;    
    padding: 4px;
     /* Should be removed. Only for demonstration */
    
    margin-bottom:10px;
   margin-left:0px;   
   background-color:#ebb600;
   text-align:center;
      
		
}
.footermob ul li {
    width: 100%;
    display: block;
    text-align: center;
    list-style: none;
    font-size: 0.9em;
    line-height:5px;
}
.footaboutus{font-size:1.8em; border:1px solid #fff; }
.ourservices {}
.footcontact {}
.carousel-caption p {
    position: relative;
    color: #fff;
    font-family: "Ropa Sans",sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2px;
    float: left;
    clear: both;
    background-color: rgba(0,0,0,0.5);
    padding-left: 5px;
    padding-right: 5px;
	padding-top:10px;
	padding-bottom:10px;
}

 }
/* smartphones, Android phones, landscape iPhone */

@media (min-width:900px)  {
	.mobilemenu{display:none !important;}
	.menuMain nav>ul>li {
    float: left;
    margin-right:5px;
	padding:2px;
}
}
/* big landscape tablets, laptops, and desktops */ 
@media (min-width:1025px) {
.navbar-toggler{display:none !important;}


}
@media(min-width:768px) and (max-width:1500px){
.footermob{display:none !important;}
.copyright-mob{display:none!important;}}

@media screen and (max-width: 992px) {
	
.event span{font-size:0.9em;}
.eventssection .column{max-width:100%; display:block;}
.eventssection .upcoming{max-width:100%; display:flex;}
.eventssection .column:nth-child(2){margin-left:0px; width:100%; border:1pxsolid #000;}
.servicessection .column{max-width:100%; display:block; box-shadow: 0 0 15px 0 rgba(0,0,0,.05); margin-bottom:1%; margin-right:5% }
.footer-section{display:none;}
.footcontact {
    /* padding-left: 10%; */
    line-height: 25px;
    width: 100% !important;
    margin-top: -2% !important;
}
.main-footer{width: 100%;}
/*.deskstop{display:none;}*/
.navbar-toggler{border:0px;}
.top-nav-content-right{width:100%;  }
.top-nav-content-right a{color:#d8a62b;}
.footermob ul li {
    width: 100%;
    display: block;
    text-align: center;
    list-style: none;
    font-size: 0.9em;
    line-height: 23px;
}
}
