@charset "UTF-8";
/* CSS Document */

body {overflow-x: hidden; font-family: 'Montserrat', sans-serif;}
	body,p,td,th,ul,ol {
		font-family: 'Montserrat', sans-serif;
		font-size: 15px;
		line-height: 21px;
	}
	.container {max-width: 990px;}
	
	.home-header {
		background-image: url(../_imgs/back-header.jpg);
		/* Set a specific height */
    min-height: 400px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
		
		background-size: cover;
		padding: 155px 20px;
		color: white;
		font-size: 16px;
		line-height: 31px;
	}
	
	
	
	#floater a {
    /* set the width and height of the floater */
    width: 95px;
    height: 163px;
    
    /* set the background image of the floater. */
    /* you can also use background color and borders here */
    background-image: url(../_imgs/logo-side.jpg);
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right top;
    
    /* set the position to fixed so that it stays in place no matter where you scroll */
    position: fixed;
    top: 45%;
    
    /* set the display to block so that the entire graphic is clickable */
    display: block;
    
    /* set the z-index so high it will always be on top */
    z-index: 99999;
	}

	
	
	#floatmenu {
    /* set the width and height of the floater */
    width: 155px;
    height:inherit;
	
    
    /* set the position to fixed so that it stays in place no matter where you scroll */
    position: fixed;
    
    /* set it all the way to the right and halfway down the page */
    left: 100%;
    top: 20%;
    
    /* bring it back to the left 40px so that you can see the graphic */
    margin-left: -140px;
    
    /* bring the graphic up half of it's height so that it is pefectly vertically centered */
    margin-top: 0px;
    
    /* set the display to block so that the entire graphic is clickable */
    display: block;
    
    /* set the z-index so high it will always be on top */
    z-index: 99999;
		
	text-align: center;
	}
	
#myDIV a {
		border: 3px solid white;
	}
#myDIV .btn {
    padding: 5px 5px;
    background-color: #f1f1f1;
    cursor: pointer;
    font-size: 12px;
	width: 120px; 
	color: #000;
	border-radius: 0px;
	line-height:34px;
	
}
#myDIV .btn .img-holder {display: none;}

/* active class, on mouse-over */
#myDIV .btn:hover {
	color:#fff;
	}
#myDIV .active, .btn:hover {
	color:#fff;
	background: rgb(89,89,89);
	background: -moz-linear-gradient(top,  rgba(89,89,89,1) 0%, rgba(70,70,70,1) 32%, rgba(47,47,47,1) 72%, rgba(1,1,1,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,89,89,1)), color-stop(32%,rgba(70,70,70,1)), color-stop(72%,rgba(47,47,47,1)), color-stop(100%,rgba(1,1,1,1)));
	background: -webkit-linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(70,70,70,1) 32%,rgba(47,47,47,1) 72%,rgba(1,1,1,1) 100%);
	background: -o-linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(70,70,70,1) 32%,rgba(47,47,47,1) 72%,rgba(1,1,1,1) 100%);
	background: -ms-linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(70,70,70,1) 32%,rgba(47,47,47,1) 72%,rgba(1,1,1,1) 100%);
	background: linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(70,70,70,1) 32%,rgba(47,47,47,1) 72%,rgba(1,1,1,1) 100%);
}
#myDIV .active .img-holder{
	display:block;
	overflow:hidden;
	width:100%;
	position:relative;
}
#myDIV .active span{
	cursor:pointer;
	display:block;
	padding:15px 0 7px;
}
#myDIV a .overlay-box{
	position:absolute;
	bottom:0;
	left:0;
	width:90px;
	background:#343434;
	color:#fff;
	z-index:2;
	display:none;
	font-style:normal;
	height:35px;
	line-height:34px;
	cursor:pointer;
	overflow:hidden;
	}

	
	
	.home-about {
		background-image: url(../_imgs/back-about.jpg);
		padding: 255px 20px 125px 20px;
    	background-size: cover;	
	}

	.nav-pills > li > a {
  		border-radius: 0px;
		background-color: #fff;
		text-align: center;
		color: #474747;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 700;
		line-height: 2.7em;
		letter-spacing: 0.3em;		
	}
	.nav-pills > li + li {
		margin-left: 2px;
	}
	.nav-pills > li.active > a,
	.nav-pills > li.active > a:hover,
	.nav-pills > li.active > a:focus {
  		color: #fff;
  		background-color: #474747;
	}
	
	.tab-content {
		background-color: #fff;
		padding: 35px;
		min-height: 450px;
		font-size: 16px;
		color: #252525;
		line-height: 1.4em;
	}
	.tab-content p {
		margin-bottom: 5px;
	}
	.nav-stacked > li + li {
  		margin-top: 10px;
  		margin-left: 0;
	}
	
	.text-blue {color:#40d0fa;}
	
	.home-work {
		background-image: url(../_imgs/back-work.jpg);
		
		/* Set a specific height */
    min-height: 700px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
		
		background-size: cover;
		padding: 120px 20px 80px 20px;
	}
	.work-tabs {
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 0.1em;
		padding-top: 100px;
		font-weight: 300;
	}
	.work-tabs a {
		color: #fff;
	}
	.work-tabs a:hover {
		text-decoration: none;
	}
	.title {
		text-transform: uppercase;
		letter-spacing:0.2em;
	}
	.quote {
		text-transform: uppercase;
		font-size: 72px;
		line-height: .8em;
		max-width: 880px;
	}
	.home-nonp {
		background-image: url(../_imgs/back-nonprofit.jpg);
		background-position: bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding-bottom: 600px;
		padding-top: 50px;
	}
	.borderblk {
		display: block;
		border-top: 1px solid #000;
		padding-top: 7px;
		
	}
	.subtitle {
		display: inline;
		background-color: black;
		color:white;
		padding: 8px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
	}
	.borderblkbtm {
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
	}
	
	
	
	.home-events {
		background-image: url(../_imgs/back-events.jpg);
		
		/* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
		
		background-size: cover;
		padding-bottom: 100px;
		padding-top: 100px;
	}
	
	.home-events .nav-pills > li > a {
  		border-radius: 0px;
		background-color: rgba(17, 17, 17, .6);
		text-align: left;
		color: #f3cb3d;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.7em;
		letter-spacing: 0.2em;
	}
	.home-events .nav-pills > li + li {
		margin-left: 2px;
	}

	.home-events .nav-pills > a:hover,
	.home-events .nav-pills > a:focus {
  		color: #323233;
  		background-color: #f3cb3d;
	}
	.home-events .tab-content {
		background-color: transparent;
		min-height: auto;
		font-size: 17px;
		color: #ffffff;
		line-height: 1.1em;
		font-family: 'Montserrat', sans-serif;
		border-top:1px solid white;
		border-bottom:1px solid white;
	}
	.home-events .tab-content p {
 		font-size: 23px;
		line-height: normal;
	}
	
	.yellow-number {
		font-size: 95px;
		color: #f3cb3d;
		font-family: 'Montserrat', sans-serif;
		font-weight: 900;
		margin:0;
		padding: 0;
	}
	.white-number {
		margin:0;
		padding: 0;
		font-size: 65px;
		color: #fff;
	}
	.home-events .tab-content h2 {
		font-size: 42px;
	}

	.home-events .tab-pane {
		padding: 0px;}
	.home-events .tab-content {
		padding: 0px;}
	
	.contact {
		padding: 125px 25px;
	}
	
	
	.footer {
		background-color: #343434;
		color:#fff;
		padding: 105px 20px;
	}
	.footer p {
		font-family: 'Montserrat', sans-serif;
		font-size: 9pt;
		color: #7c7b7b;
	}
	
	.footer .glyphicon {
		color:#ffdf6b;
		font-size: 24px;
		margin-bottom: 20px;
	}
	.copy-foot p {
		font-size: 9pt;
		color: #7c7b7b;
		margin-top: 85px;
	}
	
	.home-ministry {
		background-image: url(../_imgs/back-ministry.jpg);
		background-repeat: repeat-x;
	}

	row.table-row > [class*="col-"].custom {
		background-color: lightgrey;
    	text-align: center;
  }
	.mk-row {
	background: url(../_imgs/back-mkt-row.jpg); background-repeat: repeat; 
}

@media (min-width: 768px) {
	
	

  .row.table-row {display:table;width:100%;margin:0 auto;}

  .row.table-row > [class*="col-"] {
    float:none;
    display:table-cell;
    vertical-align:top;
  }

  .row.table-row > .col-sm-11 {
    width: 91.66666666666666%;
  }
  .row.table-row > .col-sm-10 {
    width: 83.33333333333334%;
  }
  .row.table-row > .col-sm-9 {
    width: 75%;
  }
  .row.table-row > .col-sm-8 {
    width: 66.66666666666666%;
  }
  .row.table-row > .col-sm-7 {
    width: 58.333333333333336%;
  }
  .row.table-row > .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .row.table-row > .col-sm-3 {
    width: 25%;
  }
  .row.table-row > .col-sm-2 {
    width: 16.666666666666664%;
  }
  .row.table-row > .col-sm-1 {
    width: 8.333333333333332%;
  }


}

	.mrk-title {
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		font-size: 21px;
		font-weight: 700;
		color: white;
		padding-top: 65px;
		padding-bottom: 55px;
	}
	.mrk-menu {
		text-transform: uppercase;
		padding: 55px 0 55px 40px;
		font-weight: 300;
		letter-spacing: 0.1em;
		color:#ffffff;
	}




	.mrk-txt {
		display: block; 
		padding: 40px; 
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		color: #ffffff;
	}
	.mrk-txt p {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
	}
	.mrk-quote {
		display: block; 
		padding: 40px 0 60px 40px; 
	}
	.mrk-quote p {
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		font-size: 11px;
	}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
	
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-button {color:#282828!important;background-color:#d7d7d7!important;}
.w3-button:hover{color:#fff!important;}
	
.demo {padding:8px;color:#fff!important;background-color:transparent!important;font-weight: 900;font-size: 24pt;} 
	
.w3-red,.w3-hover-red:hover{padding:8px;color:#ffdf6b!important;background-color:transparent!important}
	
.mySlides {display:none}
	
	.w3-container a {
		color:#fff;
		font-size: 19px;
	}
	.w3-container a:hover {
		text-decoration: none;
	}
	
	.row-arrow {
		padding: 0; margin: 0;margin-top:90px;padding-left:6px; text-align: right;
	}
@media (max-width: 1155px) { 
		.row-arrow {
		padding: 0; margin: 0;margin-top:90px;padding-left:0px; text-align: right;
		}
	}
@media (max-width: 766px) {
		.row-arrow {
		padding: 0; margin: 0;margin-top:90px;padding-left: -80px; text-align: right;
		}
	}
 

.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: left;
	font-size: 21px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	letter-spacing: 0.2em;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}

	
.tz-gallery {
    padding: 0px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 0px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Material Icons';
    content: 'link';
    pointer-events: none;
    z-index: 500;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(37, 37, 37, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

.gal1 {min-height: 300px;background-color: #d7d7d7;}
.gal2 {min-height: 300px;background-color: #7c7b7b;}
	
@media (max-width: 768px) {
	#floater a { display: none; }
	.home-header { padding: 85px 20px 0px 20px; font-size: 16px; line-height: 1.4em; min-height: 250px;}
	#floatmenu { top: 1%; }
	.home-about { padding: 65px 0px 40px 0px; }
	.nav-pills > li > a {line-height: 1.4em;
	    font-size: 12px;
		font-weight: normal;
		letter-spacing: normal;}
	.nav-pills > li + li {
		margin-left: 0px;
	}
	.tab-content { padding: 15px; line-height: 1.2em; font-size: 11px; }
	
	.home-nonp {padding-bottom: 280px;}
	
	
	.quote {
		font-size: 24px;
	}
	.hvrbox .hvrbox-text {
		font-size: 21 px;
		font-weight: normal;
	letter-spacing: normal;
		line-height: 1em;
	}

	.home-events .nav-pills > li > a {
		line-height: 1.4em;
	    font-size: 12px;
		font-weight: normal;
		letter-spacing: normal;
		
	}
	.home-nonp {
		padding-bottom: 300px;
	}
	
	.home-events .tab-content h2 {
		font-size: 21px;
	}
	.home-events .tab-pane {
		padding: 0px;}
	.home-events .tab-content {
		padding: 0px;}
	
	
	.yellow-number {font-size: 65px;font-weight: 900;line-height: normal;}
	.tab-pane p {font-size: 13px; line-height: normal;}
	
	body,p,td,th,ul,ol {
		font-size: 13px;
		line-height: 17px;

}
	
}

@media (max-width: 480px) { 
	.yellow-number {font-size: 75px;font-weight: 900; line-height: normal;text-align: left;}
	.home-work {min-height: 450px;padding: 80px 20px 40px 20px;}
	.work-tabs {padding-top: 80px;}
	.no-pad {padding: 0; margin: 0;}
	.gal1 {min-height: 100px;background-color: #7c7b7b;}
	.gal2 {min-height: 100px;background-color: #d7d7d7;}
	.home-nonp {padding-bottom: 180px;}
}

.mrk-txt .imghvr {margin-top:30px;}

a:hover {text-decoration:none;}