body, html {background: #fdfdfd;}
	.mainblend {background: linear-gradient(to bottom, #f0f4ff 0%, #f3f7ff 100%);}
	.gallerycontainer {background: linear-gradient(to bottom, #f0f4ff 0%, #f3f7ff 100%);}
	
	a:link {color: #1e1c1c; text-decoration: none; font-weight: bold;}
	a:visited {color: #1e1c1c; text-decoration: none;}
	a:hover {color: #8c101a; text-decoration: none;}
	a:active {color: #1e1c1c; text-decoration: none;}
	
	#globalnav  {background: rgba(6, 59, 89, 0.9); text-decoration: none; font-family: 'Abel', sans-serif; position: fixed; top: 0; width: 100%;}
	#globalnav a:link {color: #f8f2f2; text-decoration: none;}
	#globalnav a:visited {color: #fdfcfc; text-decoration: none;}
	#globalnav a:hover {color: #dcddd8; text-decoration: none;}
	#globalnav a:active {color: #fdfcfc; text-decoration: none;}

	#globalnav .dropdown ul li {background: rgba(6, 59, 89, 0.9); border: none; }
	#globalnav .dropdown ul li a {padding: .5em; font-family: 'Abel', sans-serif;}
	
	.is-drilldown-submenu-parent > a::after,
	.is-dropdown-submenu li.is-dropdown-submenu-parent.opens-right > a::after {border-color: transparent transparent transparent #f4edc7;}
	.js-drilldown-back > a::before {border-color: transparent #f4edc7 transparent transparent;}
	.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: #f4edc7 transparent transparent transparent;}
	
	.pushback {display: none !important;}
	
	.smallpush {margin-top: 3em;}
	.pushpush {margin: 2em; 0;}
	.lowpull  {margin-bottom: 3em;}
	.borderbottom {border-bottom: 3em solid #fdfdfd;;}
	.heroicpush {margin-top: 15vh;}
	.heroic	{background: #bdd7ce;}
	.heropad {padding: .5em;}
	h1.heropad {font-family: 'Oswald', sans-serif; font-size: 3.5em; text-transform: uppercase; color: #ffffff;  margin: 0; padding: 0;}
	.birdsizer {height: 1em;}
	.logoborder {border: 1px solid white;}
	.sectionimage {min-height:220px;}
	
	
	h1 {font-family: 'Muli', sans-serif; font-size: 2em;}
	h2 {font-family: 'Abel'}
	h2 {border-bottom: 1px solid white;}
	h3, h4 {font-family: 'Abel'}
	p {font-family: 'Muli'}
	.liner {margin: 3em 0; height: 1px; background: #80740b; background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #80740b));}
	.white {color:#f3eded;}
	.red {color:#ff0000; font-weight: bold;}
	.reducer {font-size: .8em;}
	.go-up {text-transform: uppercase;}
	
	.infobox {padding: .5em;}
	.greenquote, .greenone {background: rgba(189, 215, 206, 0.2);}
	.greentwo {background: rgba(188, 235, 218, 0.2);}
	.greenquotebox {background: rgba(189, 215, 206, 0.2); padding: 1em; margin: 2em;}
	.gtk {background: rgba(189, 215, 206, 0.2); margin: .5em; padding: .5em; font-family: 'abel', sans-serif; box-shadow: 1px 1px 0px #828080;}
	
	
	.muli {font-family: 'muli', sans-serif;}
	.abel {font-family: 'abel', sans-serif;}
	.oswald {font-family: 'oswald', sans-serif;}
	.logopusher {padding-top: 1em; }
	.phaser {
		opacity: 0;
							    -webkit-transition: opacity 1s ease-in;
							    -moz-transition: opacity 1s ease-in;
							    -o-transition: opacity 1s ease-in;
							    -ms-transition: opacity 1s ease-in;
							    transition: opacity 1s ease-in;
							    transition-delay: .5s;
							}
.phaser.load {
							    opacity: 1;
							}
							
.bground {padding:.25em; animation: pulse 30s infinite;} /* this is for the strip behind the logo */
			@keyframes pulse {
			  0%, 100% {
			    background: rgba(243, 232, 233, 0.2);
			  }
			  25% {
			    background: rgba(243, 232, 233, 0.4);
			  }
			  50% {
			    background: rgba(253, 250, 250, .6);
			  }
			  75% {
			    background: rgba(215, 215, 215, 0.4);
			  }
			}

.footerarea  {background: rgba(6, 59, 89, 0.9); text-decoration: none; font-family: 'Muli', sans-serif; width: 100%; padding-top: 2em;}
											
.homer {color: #fffbe0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; z-index: 10;}
	.shad {text-shadow: 1px 1px 1px black}
	.shadowbox {box-shadow: 1px 1px 1px 1px #fffbe0;}
	.logopush {margin-top: 2em;}
	.homeaction {margin-top: 600px; background: rgba(0, 9, 117, 0.8); color: #fffbe0; z-index: 20; position: relative;}
	.actionbox {border: 1px solid #fffbe0;}
	.actionbox h3 {font-family: 'Offside', serif; font-size: 1.5em; background: #fffbe0; color: rgba(0, 9, 117, 1); text-align: center;}
	.actionbox p {font-family: 'Hind Siliguri', sans-serif; font-size: 1.4em; color: #fffbe0; padding: .5em; text-align: justify}
	.actionbox img {margin: 10px auto auto auto;} 
	.caption {font-family: 'Hind Siliguri', sans-serif; font-size: .8em; color: #fffbe0; font-style: italic; }
	.upperfoot {background: rgba(4, 9, 74, 0.8); color: #fffbe0; font-family: 'Hind Siliguri', sans-serif; font-size:1em; padding: 1em;}

		
	.lowernav h6 {color: #f8f2f2; padding-left: 1.2em;}
	.footerarea ul	{list-style: none; padding-left:0; font-family: 'abel', sans-serif; }
	.footerarea a:link {color: #f8f2f2; text-decoration: none;}
	.footerarea a:visited {color: #fdfcfc; text-decoration: none;}
	.footerarea a:hover {color: #dcddd8; text-decoration: none;}
	.footerarea a:active {color: #fdfcfc; text-decoration: none;}

/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  	.masonry-css {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
  .masonry-css {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 37.5em) {
  .masonry-css {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

@media screen and (min-width: 50em) {
  .masonry-css {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

@media screen and (min-width: 68.75em) {
  .masonry-css {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

.masonry-css-item {
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}



/*mobile nav style*/
		#mobilenav	{background-color:rgba(255, 251, 224, 0.95);}
		#mobilenav ul {margin-top: 5em;}
		#mobilenav li {display: block; font-size: 1.8em;}

/* pop up navigation styles jquery.popupoverlay*/
.icon {
    z-index: 999;
/*     position: fixed; */
/*    background: rgba(0, 0, 0, 0.21);*/
/*     display: block; */
/*
    padding: 9px;
    height: 32px;
    width:32px;
    margin: 0px 20px 0px 0px;
    top: 0;
    right: 0;
*/
}
.mobilenav {
    /*    top: 47px !important;*/
    font-family: inherit;
    top: 0;
    left:0;
    z-index: 999;
    display: none;
    position: fixed;
    width: 100%;
    min-height: 100%;
    background: #827e79;
    
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.mobilemenu li {
    list-style-type: none;
    text-align: right;
    line-height: normal;
    padding: 2px;
}
.mobilemenu li a {
    font-size: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
}
#popup, .linkcell a:link {color: #631b07;}
#popup, .linkcell a:visited {color: #856055;}
#popup, .linkcell a:hover {color: #a59595;}
#popup, .linkcell a:active {color: #856055;}

.mobilemenu li a:link {color: #631b07;}
.mobilemenu li a:visited {color: #856055;}
.mobilemenu li a:hover {color: #a59595;}
.mobilemenu li a:active {color: #856055;}
.mobilemenu li:first-child {margin-top: 40px;}
.mobilenenu ul li .hamlabel {
    list-style-type: none;
    text-align: right;
    line-height: normal;
    padding-top: 3px;
    color: rgba(255, 255, 255, 0.95);
}
/*transforms fancy*/
#popup {
  transform: scale(0.2);
  min-height: 100%;
}
.popup_visible #popup {
  transform: scale(1);
}
li.hamlabel {color: black; font-size: 1.5em;}

/* end of pop up nav*/

		
		
		@media screen and (max-width: 39.9375em) {
				h1 {font-family: 'Oswald', sans-serif; font-size: 1.3em;}
				h1.heropad {font-family: 'Oswald', sans-serif; font-size: 2em; text-transform: uppercase; color: #ffffff;  margin: 0; padding: 0; }
				.homeaction {margin-top: 500px; background: rgba(0, 9, 117, 0.8); color: #fffbe0; z-index: 20; position: relative; padding: 1em;}
				.actionbox p {font-size: 1em;}
				.heroicpush {margin-top: 5vh;}
				.smallpush {margin-top: 2em;}
				.logopusher {padding-top: 1em; }
				.socials a {font-size: 2em;}
				}
			@media screen and (min-width: 400px) and (orientation: landscape) {
				  h1 {
				    color: red;
				  }
				}

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.logopusher {padding-top: 1em; }
}

/* Large and up */
@media screen and (min-width: 64em) {
	.logopusher {padding-top: 1em; }

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}