/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body
{
   /* background-color: #0C5A91;*/
	background-color:#ffffff;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.atrib {
    position: absolute;
    bottom: 5px;
    right: 10px;
    margin-bottom: 0;
	color: #333;
}

footer {
    margin: 50px 0;
}

.row
{
    margin-left: 0;
    margin-right: 0;
}

header{

    width: 100%;
    height: 215px; 
    background-image: url("../img/headerBg/am_headerWide.jpg"); 
    background-position: 30% center;
    background-size: cover;
	position: relative;
}

.about-img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.header-img {
   max-width: 200px;
   /*width: 80%;*/
   height: auto;
   margin-left: 68px;
   text-align: center;
}
@media (max-width:991px)
{
	.header-img
	{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
.center3
{
	margin:auto !important;
}
@media (max-width:991px)
{
#mainphoto1
{
	width:100%;
	max-width:123px !important;
}
#mainphoto2
{
	width:100%;
	max-width:123px;
}
}
 #headerWrapper {
   position: relative;
 /* top: 0; left: 0;
   z-index: 10; 
   height: 0; */
   width: 100%; 
} 

@media (min-width:991px)
{
.threecolupper
{
	height:70px;
	
}
.threecollower
{
	height:68px;
}
.marginnew1
{
	margin-bottom:0px !important;
}
.marginnew2
{
	margin-top:5px !important;
}
}
@media (min-width:1200px)
{
.threecolupper
{
	height:61px;
	
}
.threecollower
{
	height:45px;
}
.bluebutton
{
	height:40px;
	line-height:27px;
}
.marginnew1
{
	margin-bottom:0px !important;
}
.marginnew2
{
	margin-top:5px !important;
}
}
.bluecolor
{
	color:#0C5A91;
}
.header-text
 {
   position: absolute; 
   top: 75px;
   right: 135px;  
   margin-bottom: 0;
   font-size: 32px;
   color: #000;   
}

.fade-in
{
	animation-name: fade-in-animation;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
}

@keyframes fade-in-animation
{
	0%{opacity: 0;}
	100%{opacity: 1;}
}


.navbar-inverse 
{ 
    /*background-color: #AFB2B9;*/
	background-color:#0C5A91;
    border-color: #080808;
    border-bottom: 1px solid #022241;
    font-size: 12px;
}

.navbar-inverse .navbar-brand
{
    color: #fff;    
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #022f5a;
}

.navbar
{
    margin-bottom: 0;
}

.navbar .navbar-nav > li > a, .navbar-brand {
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}
.nav > li > a 
{
    padding: 14px 12px;
}

.navbar-default 
{
    /*background-color: #AFB2B9;*/
	background-color:#0C5A91;
    border-color: #AFB2B9;
}

.well
{
    background-color: #033c73;    
    border: 1px solid #022f5a;
} 

#footer a
{
    color: #fff;
	text-decoration: none;
} 

#footer a:hover
{
    color: #fff;
	text-decoration: underline;
} 

h4
{
	font-size: 16px;
	color: #000;
	font-weight: 700;
}

#footer h4
{
    margin-top: 0;
    margin-bottom: 0;	
}

#footer p
{
    margin: 0 0 5px;
}

.footer
{
    padding: 10px 0;
}

.footer-top
{
    margin: 10px 0;
}

.white-text
{
    color: #fff;
}

.org-name
{
	color: #000;
	font-weight: 700;
}

.blue-background
{
    background-color: #033c73;
}

.img-border
{
    border: 1px solid #000;
}

img.spacing
 {
      display: block;
      margin-left: auto;
	  margin-right: auto;
 }   
 
    
.margin-bottom-10
{
    margin-bottom: 10px;
}

.margin-bottom-20
{
    margin-bottom: 20px;
}

.margin-bottom-30
{
    margin-bottom: 30px;
}

.margin-bottom-40
{
    margin-bottom: 40px;
}

.margin-top-0
{
    margin-top: 0px;
}

.margin-top-10
{
    margin-top: 10px;
}

.margin-top-20
{
    margin-top: 20px;
}

.margin-top-30
{
    margin-top: 30px;
}

.margin-top-40
{
    margin-top: 40px;
}

.padding-top-5
{
	padding-top: 5px;
}

.padding-left-0
{
	padding-left: 0;
}

 .small-center
    {
        text-align: left;
    }

.aboutus 
{
    float: right;
    padding: 15px;
}

.background-1
{
    /*background-color: #AFB2B9;*/
	background-color:#0C5A91;
}
.color1
{
	color:white !important;
}

#three-column h3 , #galleries h3
{
    letter-spacing: 5px;
	margin: 0;
	padding: 3px 0 3px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background: #AFB2B9;
}

.page-background-color
{
    background-color: #ffffff;
}

.media-heading 
{
    margin-bottom: 10px;
}

.media, .media-body 
{
    overflow: hidden;
}

.media 
{
    margin-top: 15px;
}

.media-heading-top
{
    margin-bottom: 10px;
}

.donate-link
{
	
	text-shadow: 2px 2px 1px #000;
} 

.about-link
{
	color: #333;
	text-decoration: none;
}

.btn-primary 
{
    color: #fff;
    background-color: #afb2b9;
    border-color: #000;
}

/* Responsive iFrame */

.google-calendar{
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100% ;
}

.google-calendar iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.carousel
{
	border: 2px solid #0C5A91;
}

/*Responsive Styles */

@media(max-width:1199px) 
{
.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);       
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
    {
        max-height: 420px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;  
    }

    .margin-left-15
        {
        margin-left: 15px;
    }

    h4
        {
        font-size: 15px;
    }    
	
	img.spacing
       {
        display: block;
        margin-left: auto;
        margin-right: -5px;
    }   
	
	.atrib
	{
		font-size: 10px;
	}
	
	.header-text
	 {
	   position: absolute; 
	   top: 75px;
	   right: 75px;  
	   margin-bottom: 0;
	   font-size: 32px;
	   color: #000;   
	}
}
@media(max-width: 1050px)
{
	.center-logo{
		margin-left: auto ;
		margin-right: auto;
	}
}
@media(max-width: 991px)
{
	
	.customer-img,
    .img-related {
        margin-bottom: 30px;
	}	
	
	.header-text
	{
		display: none;		
	}

    .center
	{
		margin-left: 0;
		margin-right: auto;
	}    
    .center-logo{
		margin-left: auto ;
		margin-right: auto;
	}
    .margin-left-15
    {
        margin-left: 0;
    }
	
	img.spacing
       {
        display: block;
        margin-left: 0;
        margin-right: auto;
    }   
}

@media(max-width:767px) 
{
    .img-portfolio {
      margin-bottom: 15px;
    }
		
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a
	{
    color: #333;
	}
	
	.header-text
	{
		display: none;
	}
	.center
	{
		margin-left: auto;
		margin-right: auto;
		
	}

	img.spacing
       {
	    display: block;
		margin-left: auto;
		margin-right: auto;
	}   

    .small-center
	{
        text-align: center;
    }    
	
	img.spacing
       {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }   
	.atrib
	{
		font-size: 5px;
	}
}

@media(max-width:399px)
{
	h4
        {
        font-size: 13px;
    }   
	.atrib
	{
		font-size: 4px;
	}
}

@media(max-width:321px)
{
	
	h4
        {
        font-size: 12px;
    }   
	.atrib
	{
		font-size: 3px;
	}
}

.nopadding
{
	padding:0;
}
.cpbuttons
{
	font-size:12px;
	width:123px;
}
.bluebutton
{
	background-color:#0C5A91;
	border-color:white;
	color:white;
	font-size:12px;
}
.bluebutton:hover, .bluebutton:active,.bluebutton:hover:active
{
	background-color:#5580b0;
	border-color:white;
	color:white;
}
.bluebutton:focus
{
	background-color:#1f4672;
	border-color:white;
	color:white;
}
.width1
{
	width:222px;
	margin:auto;
}
.bluebackground
{
	background-color:#0C5A91 !important;
}
#popUpContainer
{
	position:fixed;
	top:calc(20% - 50px);
	z-index:99999;
	width:100%;
	height:0;
	display:none;
}
#popUp
{
	width:35%;
	min-width:215px;
	max-width:400px;
	margin:0 auto;
	overflow-y:auto;
	text-align:center;
	background-color:#fff;
	padding:15px;
	border-radius:2px;
	border:1px solid black;
	position:relative;
	overflow-y:auto;
}
#popUp p
{
	color:black;
	font-size:16px;
	text-align:justify;
	font-family:'Montserrat', sans-serif;
	
}
.closer
{
	position:absolute;
	top:-5px;
	right:5px;
	line-height:2;
	cursor:pointer;
	
}
.textcontainer
{
	padding-left:19%;
	padding-right:19%;
	text-align:justify;
}
.appcaption
{
	font-size:14px;
}
.popUpCaption
{
	font-size:25px;
}

#popUpContainer1
{
	position:fixed;
	top:calc(20% - 50px);
	z-index:99999;
	width:100%;
	height:0;
	display:none;
}
#popUp1
{
	width:35%;
	min-width:215px;
	max-width:400px;
	margin:0 auto;
	overflow-y:auto;
	text-align:center;
	background-color:#fff;
	padding:15px;
	border-radius:2px;
	border:1px solid black;
	position:relative;
	overflow-y:auto;
}
#popUp1 p
{
	color:black;
	font-size:16px;
	text-align:justify;
	font-family:'Montserrat', sans-serif;
	
}
.closer1
{
	position:absolute;
	top:-5px;
	right:5px;
	line-height:2;
	cursor:pointer;
	
}
.textcontainer1
{
	padding-left:19%;
	padding-right:19%;
	text-align:justify;
}
.appcaption1
{
	font-size:14px;
}
.popUpCaption1
{
	font-size:25px;
}

#popUpContainer2
{
	position:fixed;
	top:calc(20% - 50px);
	z-index:99999;
	width:100%;
	height:0;
	display:none;
}
#popUp2
{
	width:35%;
	min-width:215px;
	max-width:400px;
	margin:0 auto;
	overflow-y:auto;
	text-align:center;
	background-color:#fff;
	padding:15px;
	border-radius:2px;
	border:1px solid black;
	position:relative;
	overflow-y:auto;
}
#popUp2 p
{
	color:black;
	font-size:16px;
	text-align:justify;
	font-family:'Montserrat', sans-serif;
	
}
.closer2
{
	position:absolute;
	top:-5px;
	right:5px;
	line-height:2;
	cursor:pointer;
	
}
.textcontainer2
{
	padding-left:19%;
	padding-right:19%;
	text-align:justify;
}
.appcaption2
{
	font-size:14px;
}
.popUpCaption2
{
	font-size:25px;
}
#menuinstructions
{
	max-width:200px;
	font-size:12px;
	white-space:normal !important;
	cursor:default;
}
#menuinstructions:hover
{
	background-color:white;
}
@media (max-width: 1199px)
{
	#menuinstructions:hover
	{
		background-color:transparent !important;
	}
}
.sub1 .dropdown-menu
{
	top:30px;
	left:-120%;
}
@media (max-width:1199px)
{
	.navbar-nav .open .dropdown-menu
{
	position:static;
	float:none;
	width:auto;
	margin-top:0;
	background-color:#2f547e !important;
	border:0;
	box-shadow:none;
	color:white !important;
	
}
.navbar-nav .sub1 .dropdown-menu
{
	position:static;
	float:none;
	width:auto;
	margin-top:0;
	background-color:transparent;
	border:0;
	box-shadow:none;
	padding:3px 40px;
	color:white;
	
}
.dropdown-menu>li>a
{
	color:white !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
	color:white !important;
	background-color:#080808 !important;
}
}