@charset "UTF-8";

/*
Title:      	St Albans stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	1st June 2018
*/


/* PRIMARY COMPONENTS */

*, *::after, *::before {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	margin: 0;
  	padding: 0;
	}


html {
  	font-size: 100%;
	height: 100%;
	}

html * {
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	}


body {
	font-size: 1.0em;
	line-height: 1.6875em;
  	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
  	color: #000000;
  	background-color: #1e1d1d;
	height: 100%;
	position: relative;
	}

body, html {
  	/* prevent horizontal scrolling */
  	overflow-x: hidden;
	}

::-moz-selection {
	background: #0067a3;
	color: #ffffff;
	text-shadow: none;
	}

::selection {
	background: #0067a3;
	color: #ffffff;
	text-shadow: none;
	}

img::-moz-selection	{
	background: transparent;
	}

img::selection {
	background: transparent;
	}

a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}

a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .3s ease-in;
	}

ol {
	color: #ffffff;
	font-weight: normal;
	}

ol li {
	padding: 0 0 8px 0;
	}

p {
	margin: 0 0 1.1rem 0;
	text-align: left;
	color: #ffffff;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
	}

em {
	font-weight: 400;
	font-style: italic;
	}

strong {
	font-weight: 700;
	font-style: normal;
	}


h1 {
 	text-align: left;
	font-size: 2.75rem;
	line-height: 3.15rem;
	color: #000000;
	font-family: "trajan-pro-3";
	font-weight: 400;
	font-style: normal;
	margin: 0 0 1.2rem 0;
	padding: 0;
	text-transform: uppercase;
	}
@media only screen and (max-width: 960px) {
  	 h1 {
    	font-size: 2.25rem;
		line-height: 2.6rem;
		text-align: left;
  	}
}


.h1_home {
 	text-align: center;
	font-size: 2.2rem;
	line-height: 2.65rem;
	color: #ffffff;
	font-family: "trajan-pro-3";
	font-weight: 400;
	font-style: normal;
	margin: 0 auto;
	padding: 2.0rem 0;
	text-transform: uppercase;
	}
@media only screen and (max-width: 960px) {
  	 .h1_home {
    	font-size: 1.85rem;
		line-height: 2.15rem;
  	}
}


.h1_prayer {
 	text-align: left;
	font-size: 2.0rem;
	line-height: 2.3rem;
	color: #ffffff;
	font-family: "trajan-pro-3";
	font-weight: 400;
	font-style: normal;
	margin: 0 auto;
	padding: 0 0 1.0rem 0;
	text-transform: uppercase;
	}
@media only screen and (max-width: 960px) {
  	 .h1_prayer {
    	font-size: 1.75rem;
		line-height: 2.05rem;
  	}
}



h2 {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.175rem;
	color: #989394;
	font-family: "trajan-pro-3";
	font-weight: 400;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.025rem;
	}
@media only screen and (max-width: 960px) {
  	 h2 {
    	font-size: 1.575rem;
		line-height: 1.975rem;
  	}
}


.h2_home {
	text-align: center;
	font-size: 1.875rem;
	line-height: 2.375rem;
	color: #bab4b5;
	font-family: "alegreya", serif;
	font-weight: 400;
	font-style: italic;
	margin: 0 auto;
	padding: 0 0 1.0rem 0;
	text-transform: none;
	letter-spacing: 0;
	}
@media only screen and (max-width: 960px) {
  	 .h2_home {
    	font-size: 1.575rem;
		line-height: 1.975rem;
  	}
}



.h2_biblequote {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.375rem;
	color: #989394;
	font-family: "alegreya", serif !important;
	font-weight: 400;
	font-style: italic;
	margin: 0 auto;
	padding: 0 0 0.6rem 0;
	text-transform: none !important;
	letter-spacing: 0;
	}
@media only screen and (max-width: 960px) {
  	 .h2_biblequote {
    	font-size: 1.575rem;
		line-height: 1.975rem;
  	}
}


.h2_biblequotesmall {
	text-align: left;
	font-size: 1.475rem;
	line-height: 1.975rem;
	color: #989394;
	font-family: "alegreya", serif !important;
	font-weight: 400;
	font-style: italic;
	margin: 0 auto;
	padding: 0 0 0.6rem 0;
	text-transform: none !important;
	letter-spacing: 0;
	}
@media only screen and (max-width: 960px) {
  	 .h2_biblequotesmall {
    	font-size: 1.275rem;
		line-height: 1.675rem;
  	}
}



h3 {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #000000;
	font-family: "alegreya-sc",serif;
	font-weight: 400;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	}
@media only screen and (max-width: 960px) {
  	 h3 {
    	font-size: 1.1rem;
		line-height: 1.4rem;
  	}
}



.h3_ourbeatified {
	text-align: left;
	font-size: 1.45rem;
	line-height: 1.75rem;
	color: #989394;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
	}


.h3_collegesaints {
	text-align: left;
	font-size: 1.45rem;
	line-height: 1.75rem;
	color: #000000;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0.8rem 0 1.6rem 0;
	padding: 0;
	}
.h3_collegesaints a:link, .h3_collegesaints a:visited {
	color:#000000;
	text-decoration:none;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	}
.h3_collegesaints a:active, .h3_collegesaints a:hover {
	color:#0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 .h3_collegesaints {
    	font-size: 1.25rem;
		line-height: 1.65rem;
  	}
}

.h3_homeintro h3,
.h3_homeintro {
	text-align: left;
	font-size: 1.45rem;
	line-height: 1.75rem;
	color: #d6b328;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	}
@media only screen and (max-width: 960px) {
     .h3_homeintro h3,
     .h3_homeintro {
    	font-size: 1.25rem;
		line-height: 1.65rem;
  	}
}


.h3_otherintro h3,
.h3_otherintro {
	text-align: left;
	font-size: 1.45rem;
	line-height: 1.75rem;
	color: #d6b328;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	}
@media only screen and (max-width: 960px) {
    .h3_otherintro h3,
     .h3_otherintro {
    	font-size: 1.25rem;
		line-height: 1.65rem;
  	}
}


.h3_mainnavtitle {
	text-align: left;
	font-size: 1.8rem;
	line-height: 2.1rem;
	color: #ffffff;
	font-family: "alegreya-sc", serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	}
@media only screen and (max-width: 960px) {
  	 .h3_mainnavtitle {
    	font-size: 1.5rem;
		line-height: 1.8rem;
  	}
}


.h3_visitingtitle {
	text-align: left;
	font-size: 2.1rem;
	line-height: 2.3rem;
	color: #ffffff;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: none;
	}
@media only screen and (max-width: 960px) {
  	 .h3_visitingtitle {
    	text-align: center;
		font-size: 1.7rem;
		line-height: 2.0rem;
  	}
}


.h3_newsevents {
	text-align: center;
	font-size: 2.1rem;
	line-height: 2.3rem;
	color: #000000;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: none;
	}
@media only screen and (max-width: 960px) {
  	 .h3_newsevents {
    	font-size: 1.7rem;
		line-height: 2.0rem;
  	}
}


.h3_collegestaff {
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.9rem;
	color: #d6b328;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 0.4rem 0;
	padding: 0;
	text-transform: uppercase;
	}
@media only screen and (max-width: 960px) {
  	 .h3_collegestaff {
    	font-size: 1.3rem;
		line-height: 1.7rem;
  	}
}



h4 {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.175rem;
	color: #000000;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.2rem 0;
	padding: 0;
	}
@media only screen and (max-width: 960px) {
  	 h4 {
    	font-size: 1.575rem;
		line-height: 1.875rem;
  	}
}


h5 {
	text-align: left;
	font-size: 1.275rem;
	line-height: 1.575rem;
	color: #989394;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.2rem 0;
	padding: 0;
	}
@media only screen and (max-width: 960px) {
  	 h5 {
    	font-size: 1.075rem;
		line-height: 1.375rem;
  	}
}


h6 {
	text-align: center;
	font-size: 1.05rem;
	line-height: 1.35rem;
	color: #434141;
	font-family: "alegreya-sc",serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0;
	padding: 0;
	}
@media only screen and (max-width: 960px) {
  	 h6 {
    	font-size: 0.95rem;
		line-height: 1.25rem;
  	}
}



.divlinesolid {
	height: 1px;
	margin: 2.0rem 0;
	width: 100%;
	border-bottom: #c5c0c1 solid 1px;
	}

.divlinesolid2 {
	height: 1px;
	margin: 1.0rem 0;
	width: 100%;
	border-bottom: #cbc9c9 solid 1px;
	}

.divlinesoliddark {
	height: 1px;
	margin: 2.0rem 0;
	width: 100%;
	border-bottom: #2a2828 solid 1px;
	}

.divlineshortyellow {
	height: 1px;
	margin: 1.2rem 0;
	width: 20%;
	border-bottom: #d6b328 solid 3px;
	}

.divlineshortyellow2px {
	height: 1px;
	margin: 1.6rem 0 3.6rem 0;
	width: 20%;
	border-bottom: #d6b328 solid 2px;
	}

.divlineshortyellow2pxsmall {
	height: 1px;
	margin: 0.7rem 0 1.2rem 0;
	width: 20%;
	border-bottom: #d6b328 solid 2px;
	}

.clear {
 	clear: both;
	overflow: hidden;
	height: 0;
 	}


.quoteboxleft {
 	margin: 0.5rem 5% 1.0rem -20%;
	padding: 1.6rem 0;
	width: 50%;
	float: right;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
	border-top: 6px solid #d6b328;
	border-bottom: 2px solid #989394;
 	}
.quoteboxleft span {
	font-family: "alegreya",serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.05rem;
	line-height: 1.4rem;
 	}
@media only screen and (max-width: 960px) {
  	 .quoteboxleft {
    	margin: 0 auto 1.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}

.quoteboxleftfullwidth {
 	margin: 0.5rem 5% 1.0rem -20%;
	padding: 1.6rem 0;
	width: 120%;
	float: left;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
	border-top: 6px solid #d6b328;
	border-bottom: 2px solid #989394;
 	}
.quoteboxleftfullwidth span {
	font-family: "alegreya",serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.05rem;
	line-height: 1.4rem;
 	}
@media only screen and (max-width: 960px) {
  	 .quoteboxleftfullwidth {
    	margin: 0 auto 1.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}




body .normaltxt blockquote p,
body blockquote p,
.quoteboxright {
 	margin: 0.5rem -20% 1.0rem 5%;
	padding: 1.6rem 0;
	width: 50%;
	float: right;
	text-align: left;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 300 !important;
	font-style: normal;
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
	border-top: 6px solid #d6b328;
	border-bottom: 2px solid #989394;
 	}
body blockquote strong,
.quoteboxright span {
	font-family: "alegreya",serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.05rem;
	line-height: 1.4rem;
 	}
@media only screen and (max-width: 960px) {
    body blockquote,
    .quoteboxright {
    	margin: 0 auto 1.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}


.quoteboxrightfullwidth {
 	margin: 0.5rem -20% 1.0rem 0;
	padding: 1.6rem 0;
	width: 120%;
	float: right;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
	border-top: 6px solid #d6b328;
	border-bottom: 2px solid #989394;
 	}
.quoteboxrightfullwidth span {
	font-family: "alegreya",serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.05rem;
	line-height: 1.4rem;
 	}
@media only screen and (max-width: 960px) {
  	 .quoteboxrightfullwidth {
    	margin: 0 auto 3.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}



.galleryholderleft {
 	margin: 0.5rem 5% 1.0rem -20%;
	padding: 0;
	width: 120%;
	float: left;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
 	}
@media only screen and (max-width: 960px) {
  	 .galleryholderleft {
    	margin: 0 auto 1.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}


.galleryholderright {
 	margin: 0.5rem -20% 1.0rem 5%;
	padding: 0;
	width: 120%;
	float: right;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
 	}
@media only screen and (max-width: 960px) {
  	 .galleryholderright {
    	margin: 0 auto 1.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}



.galleryholderleft2 {
 	margin: 0.5rem 5% 1.0rem -20%;
	padding: 0;
	width: 50%;
	float: left;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
 	}
@media only screen and (max-width: 960px) {
  	 .galleryholderleft2 {
    	margin: 0 auto 1.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}


.galleryholderright2 {
 	margin: 0.5rem -20% 1.0rem 5%;
	padding: 0;
	width: 50%;
	float: right;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
 	}
@media only screen and (max-width: 960px) {
  	 .galleryholderright2 {
    	margin: 0 auto 1.0rem auto;
		width: 100%;
		float: none;
		font-size: 1.15rem;
		line-height: 1.6rem;
  	}
}




@media all and (min-width: 768px) {
   .colstwo  {
  -webkit-column-count: 2;
  -webkit-column-gap: 45px; /* Saf3, Chrome*/
  -moz-column-count: 2;
  -moz-column-gap: 45px; /* FF3.5+ */
  column-count: 2;
  column-gap: 45px; /* Opera 11+*/
  }
}













/* TEXT COMPONENTS */

.bibleversetxt {
	text-align: left;
	color: #d43034;
	font-size: 0.95rem;
	line-height: 1.25rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.1rem;
	padding: 0;
	margin: 0 0 2.0rem 0;
	}

.bibleversetxtsmall {
	text-align: left;
	color: #d43034;
	font-size: 0.8rem;
	line-height: 1.1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.1rem;
	padding: 0;
	margin: 0 0 2.0rem 0;
	}



.noticetxt {
	text-align: left;
	color: #d43034;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family:"alegreya";
	font-weight: 400 !important;
	font-style: italic;
	text-transform: uppercase;
	padding: 0 0 3.0rem 0;
	}

.normaltxt p,
.normaltxt ol li,
.normaltxt ul li,
.normaltxt {
	text-align: left;
	color: #0c242e;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family:"alegreya";
	font-weight: 400 !important;
	font-style: normal;
	}
.normaltxt .numbering {
	text-align: left;
	color: #989394;
	font-size: 0.9rem;
	font-family:"alegreya";
	font-weight: 400 !important;
	font-style: italic;
    float: left;
    margin-right: 3px;
	}
.normaltxt .bibleverse {
	text-align: left;
	color: #d43034;
	font-size: 0.8rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.1rem;
	}
.masstimesright .normaltxt strong,
.normaltxt span {
	text-transform: uppercase;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
.normaltxt a:link, .normaltxt a:visited {
	color:#0067a3;
	text-decoration:none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
.normaltxt a:active, .normaltxt a:hover {
	color:#0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}


.smallertxt p,
.smallertxt ol li,
.smallertxt ul li,
.smallertxt {
	text-align: left;
	color: #1e1d1d;
	font-size: 0.9rem;
	line-height: 1.25rem;
	font-family:"alegreya";
	font-weight: 400 !important;
	font-style: normal;
	}
.smallertxt a:link, .smallertxt a:visited {
	color:#0067a3;
	text-decoration:none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
.smallertxt a:active, .smallertxt a:hover {
	color:#0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}



.navdropdownintro {
	text-align: left;
	color: #ffffff;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family:"alegreya";
	font-weight: 700 !important;
	font-style: normal;
	}



.mediumtxt {
	text-align: left;
	color: #0c242e;
	font-size: 1.25rem;
	line-height: 1.55rem;
	font-family:"alegreya";
	font-weight: 400 !important;
	font-style: normal;
	}
.mediumtxt a:link, .mediumtxt a:visited {
	color:#0067a3;
	text-decoration:none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
.mediumtxt a:active, .mediumtxt a:hover {
	color:#0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}



.bulletlistfooternavholder {
	margin: 0;
	padding: 0;
	border-left: 3px solid #d6b328;
	}
@media only screen and (max-width: 960px) {
  	 .bulletlistfooternavholder  {
    	margin: 0;
		padding: 0 0 0 5%;
  	}
}
.bulletlistfootertitleholder {
	margin: 0;
	padding: 0 5% 0 0;
	}
.bulletlistfooternav {
	margin: 0 0 0 5%;
	padding: 0;
	list-style: none;
	color: #989394;
	width: 100%;
	border-top: 1px solid #c1bcbd;
	}
@media only screen and (max-width: 960px) {
  	.bulletlistfootertitleholder {
		padding: 0;
	}
	.bulletlistfooternav  {
    	margin: 0;
  	}
}
.bulletlistfooternav ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlistfooternav li {
	text-align: left;
	color: #989394;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #c1bcbd;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	}
.bulletlistfooternav li i {
	float: right;
	color: #0068a8;
	font-size: 1.1rem;
	}
.bulletlistfooternav a:link, .bulletlistfooternav a:visited {
	color: #989394;
	width: 100%;
	text-decoration: none;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	padding: 0.85rem 0;
	margin: 0;
	display: block;
	}
.bulletlistfooternav a:active, .bulletlistfooternav a:hover  {
	color: #d6b328;
	width: 100%;
	text-decoration: none;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	padding: 0.85rem 0;
	margin: 0;
	display: block;
	}


h5,
.largertxt {
	text-align: left;
	color: #0c242e;
	font-size: 1.45rem;
	line-height: 1.8rem;
	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
	}
h5 a:link, h5 a:visited,
.largertxt a:link, .largertxt a:visited {
	color:#0067a3;
	text-decoration:none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
h5 a:active, h5 a:hover,
.largertxt a:active, .largertxt a:hover {
	color:#0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}



.bulletlistmainnav {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #16402e;
	width: 95%;
	}
.bulletlistmainnav ul {
	list-style: none;
	margin: 0 0 8px 0;
	border: 0;
	padding: 0 0 8px 0;
	}
.bulletlistmainnav li {
	text-align: left;
	color: #989394;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	padding: 0.75rem 0;
	text-transform: uppercase;
	border-bottom: 1px solid #c5c0c1;
	}
.bulletlistmainnav a:link, .bulletlistmainnav a:visited {
	color: #989394;
	text-decoration: none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	display: block;
	}
.bulletlistmainnav a:active, .bulletlistmainnav a:hover  {
	color: #d6b328;
	text-decoration: none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	display: block;
	}
@media only screen and (max-width: 960px) {
  	 .bulletlistmainnav li  {
    	padding: 0.5rem 0;
		font-size: 0.95rem;
		line-height: 1.2rem;
  	}
}



.bulletlist {
	margin: 0;
	padding: 0 0 0.8rem 0;
	list-style: none;
	color: #000000;
	width: 95%;
	}
.bulletlist ul {
	list-style: none;
	margin: 0 0 8px 0;
	border: 0;
	padding: 0 0 8px 0;
	}
.bulletlist li {
	text-align: left;
	color: #000000;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family:"alegreya";
	font-weight: 600;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlist li i {
	color: #d6b328;
	font-size: 1.1rem;
	padding: 0 0.4rem 0 0;
	}
.bulletlist a:link, .bulletlist a:visited {
	color: #0067a3;
	text-decoration: none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
.bulletlist a:active, .bulletlist a:hover  {
	color: #0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	.bulletlist {
	padding: 0;
	}
	.bulletlist li  {
    	padding: 0 0 0.5rem 0;
		font-size: 0.95rem;
		line-height: 1.2rem;
  	}
}

.catlist.bulletlist li:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
	content: "\f105";
    color: #d6b328;
    font-size: 1.1rem;
    padding: 0 0.4rem 0 0;
}


.bulletlistrev {
	margin: 0;
	padding: 0 0 0.8rem 0;
	list-style: none;
	color: #ffffff;
	width: 95%;
	}
.bulletlistrev ul {
	list-style: none;
	margin: 0 0 8px 0;
	border: 0;
	padding: 0 0 8px 0;
	}
.bulletlistrev li {
	text-align: left;
	color: #ffffff;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family:"alegreya";
	font-weight: 600;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlistrev li i {
	color: #d6b328;
	font-size: 1.1rem;
	padding: 0 0.4rem 0 0;
	}
.bulletlistrev a:link, .bulletlistrev a:visited {
	color: #0067a3;
	text-decoration: none;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
.bulletlistrev a:active, .bulletlistrev a:hover  {
	color: #0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family:"alegreya";
	font-weight: 700;
	font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 .bulletlistrev  {
    	padding: 0;
  	}
}

.bulletlistrev li:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
	content: "\f105";
    color: #d6b328;
    font-size: 1.1rem;
    padding: 0 0.4rem 0 0;
}



.bulletlistlinks {
	margin: 0 0 0 5%;
	padding: 0;
	list-style: none;
	color: #989394;
	width: 100%;
	border-top: 1px solid #e5e4e4;
	}
@media only screen and (max-width: 960px) {
  	 .bulletlistlinks  {
    	margin: 0;
  	}
}
.bulletlistlinks ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlistlinks li {
	text-align: left;
	color: #000000;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	border-bottom: 1px solid #e5e4e4;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	}
.bulletlistlinks li i {
	float: right;
	color: #0067a3;
	font-size: 1.05rem;
	}
.bulletlistlinks li i span {
	font-size: 0.9rem;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	padding: 0 0 0 0.4rem;
	}

.bulletlistlinks a:link, .bulletlistlinks a:visited {
	color: #000000;
	width: 100%;
	text-decoration: none;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	padding: 0.85rem 0;
	margin: 0;
	display: block;
	}
.bulletlistlinks a:active, .bulletlistlinks a:hover  {
	color: #d6b328;
	width: 100%;
	text-decoration: none;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	padding: 0.85rem 0;
	margin: 0;
	display: block;
	}







/* ANIMATED SCROLL COMPONENTS */

#section10 a {
  	padding-top: 55px;
	}
#section10 a span {
  	position: absolute;
  	top: 0;
  	left: 50%;
  	width: 26px;
  	height: 44px;
  	margin-left: -15px;
  	border: 1px solid #6e686a;
  	border-radius: 50px;
  	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	}
#section10 a span::before {
  	position: absolute;
  	top: 10px;
  	left: 50%;
  	content: '';
  	width: 6px;
  	height: 6px;
  	margin-left: -3px;
  	background-color: #6e686a;
  	border-radius: 100%;
  	-webkit-animation: sdb10 2s infinite;
  	animation: sdb10 2s infinite;
  	box-sizing: border-box;
	}
@-webkit-keyframes sdb10 {
  	0% {
    	-webkit-transform: translate(0, 0);
    	opacity: 0;
  	}
  	40% {
    	opacity: 1;
  	}
  	80% {
    	-webkit-transform: translate(0, 20px);
    	opacity: 0;
  	}
  	100% {
    	opacity: 0;
  	}
}
@keyframes sdb10 {
  	0% {
    	transform: translate(0, 0);
    	opacity: 0;
  	}
  	40% {
    	opacity: 1;
  	}
  	80% {
    	transform: translate(0, 20px);
    	opacity: 0;
  	}
  	100% {
    	opacity: 0;
  	}
}


.demo a {
  	position: absolute;
  	bottom: 20px !important;
	left: 48%;
  	z-index: 2;
  	display: inline-block;
  	-webkit-transform: translate(0, -50%);
  	transform: translate(0, -50%);
  	color: #6e686a;
	font-size: 0.7rem;
  	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
  	letter-spacing: 0.15rem;
  	text-decoration: none;
  	transition: opacity .3s;
	text-transform: uppercase;
	}
.demo a:hover {
  	opacity: .5;
	}

.playbuttonwrap{
    margin: 0 auto;
    text-align: center;
}

#play-button{
    margin-top:50px;
    z-index: 2;
  	display: inline-block;
  	-webkit-transform: translate(0, -50%);
  	transform: translate(0, -50%);
  	text-decoration: none;
  	transition: opacity .3s;
	text-transform: uppercase;
    letter-spacing: 0;
    padding: 1rem;
}





/* SECTIONS COMPONENTS */

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


#topnavcontainer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .25);
	z-index: 100;
	position: relative;
	}


#homeheadercontainer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-height: 100vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: min-100vh;';
	}


#homeheadercontainerother {
	margin: -12em auto 0 auto;
	padding: 0;
	width: 100%;
	height: 30em;
	}
@media screen and (max-width: 960px) {
  #homeheadercontainerother {
	height: 15em;
  }
}

#homeheadercontainerothertall {
	margin: -12em auto 0 auto;
	padding: 0;
	width: 100%;
	height: 40em;
	}
@media screen and (max-width: 960px) {
  #homeheadercontainerothertall {
	height: 15em;
  }
}


#homestraplinehome {
	margin: 25vh auto 0 auto;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: 25vh auto 0 auto;';
	width: 100%;
	padding: 0 15%;
	}
@media screen and (max-width: 960px) {
  #homestraplinehome {
	margin: 10vh auto 0 auto;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: 10vh auto 0 auto;';
  }
}



#homecontenttop {
	margin: 0 auto;
	padding: 0 0 7.0rem 0;
	width: 100%;
	background: #f2eeef;
	}
@media screen and (max-width: 960px) {
  #homecontenttop {
	padding: 0;
  }
}
#homecontenttopleft {
	margin: 0 auto;
	padding: 5.0rem 5% 3.0rem 5%;
	width: 100%;
	background: #989394;
	}
#homecontenttopright {
	margin: 0 auto;
	padding: 0 ;
	width: 100%;
	background: #000000;
	}


#othercontenttop {
	margin: 0 auto;
	padding: 5.0rem 5%;
	width: 100%;
	background: #f2eeef;
	}
@media screen and (max-width: 960px) {
  #othercontenttop {
	padding: 4.0rem 5%;
  }
}


#alivinghistorycontent {
	margin: 0 auto;
	padding: 5.0rem 5%;
	width: 100%;
	background: #f2eeef;
	}
@media screen and (max-width: 960px) {
  #alivinghistorycontent {
	padding: 4.0rem 5%;
  }
}



#darkgreycontent {
	margin: 0 auto;
	padding: 5.0rem 5%;
	width: 100%;
	background: #383636;
	}
@media screen and (max-width: 960px) {
  #darkgreycontent {
	padding: 4.0rem 5%;
  }
}

#darktabbedcontenttabs {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #434141;
	}


#whitecontent {
	margin: 0 auto;
	padding: 5.0rem 5%;
	width: 100%;
	background: #ffffff;
	}
@media screen and (max-width: 960px) {
  #whitecontent {
	padding: 4.0rem 5%;
  }
}


#threerectors {
	margin: 0 auto;
	padding: 5.0rem 5%;
	width: 100%;
	background: #f2eeef;
	}
@media screen and (max-width: 960px) {
  #threerectors {
	padding: 4.0rem 5%;
  }
}


.themothercontent {
	margin: 0 auto;
	padding: 5.0rem 5%;
	width: 100%;
	background: #ffffff;
	}
@media screen and (max-width: 960px) {
  .themothercontent {
	padding: 4.0rem 5%;
  }
}


.themothercontentimagesband {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #383636;
	}

.themothercontentimagesholder {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	}
.themothercontentdescriptionholder {
	margin: -125px 0 0 0;
	padding: 0 5% 75px 5%;
	width: 100%;
	height: auto;
	z-index: 100;
	position: relative;
	}
@media screen and (max-width: 960px) {
  .themothercontentdescriptionholder {
	margin: -80px 0 0 0;
	padding: 0 5% 40px 5%;
  }
}

.themotherimagecaptionholder {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	color: #ffffff;
	font-size: 1.375rem;
	line-height: 1.375rem;
	font-family: "alegreya";
	font-weight: 700 !important;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  .themotherimagecaptionholder {
	font-size: 1.175rem;
	line-height: 1.175rem;
  }
}
.themotherimagecaptionholder span {
	margin: 0 1.0rem 0 0;
	padding: 0.8rem;
	float: left;
	width: 3.8rem;
	text-align: center;
	color: #ffffff;
	font-size: 2.0rem;
	line-height: 2.0rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-style: normal;
	border: 1px solid #d6b328;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	background: 0;
	}
@media screen and (max-width: 960px) {
  .themotherimagecaptionholder span {
	width: 2.9rem;
	  padding: 0.6rem;
	font-size: 1.6rem;
	line-height: 1.6rem;
  }
}
.themotherimagecaptionholder em {
	color: #989394;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family: "alegreya";
	font-weight: 400 !important;
	font-style: italic;
	}
@media screen and (max-width: 960px) {
  .themotherimagecaptionholder em {
	display: none;
  }
}


#ourcollegesaintsholder {
	margin: 0 0 3.0rem 0;
	padding: 0;
	}

.ourbeatifiedleft {
	margin: 0 0 3.0rem 0;
	padding: 0;
	width: 80%;
	float: left;
	}
@media screen and (max-width: 960px) {
  .ourbeatifiedleft {
	width: 100%;
	float: none;
  }
}

.ourbeatifiedright {
	margin: 0 0 3.0rem 0;
	padding: 0;
	width: 80%;
	float: right;
	}
@media screen and (max-width: 960px) {
  .ourbeatifiedright {
	width: 100%;
	float: none;
  }
}


.ourbeatifiedimage {
	margin: 0 2.0rem 0 0;
	padding: 0;
	}
.ourbeatifiedimage img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	border-bottom: 5px solid #989394;
	}
@media screen and (max-width: 960px) {
  .ourbeatifiedimage {
	margin: 0 0 1.0rem 0;
  }
	.ourbeatifiedimage img {
	max-width: 50%;
	}
}







/* HOME THREE PROMOS COMPONENTS */

#homecontentthreepromos {
	margin: 0 auto;
	padding: 7.0rem 5%;
	width: 100%;
	background: #ffffff;
	}

.threepromosholderleft {
	margin: 0 auto;
	padding: 0 2.0rem 0 0;
	}
@media screen and (max-width: 960px) {
  .threepromosholderleft {
	padding: 0 0 4.0rem 0;
  }
}

.threepromosholdermid {
	margin: 0 auto;
	padding: 0 1.0rem;
	}
@media screen and (max-width: 960px) {
  .threepromosholdermid {
	padding: 0 0 4.0rem 0;
  }
}

.threepromosholderright {
	margin: 0 auto;
	padding: 0 0 0 2.0rem;
	}
@media screen and (max-width: 960px) {
  .threepromosholderright {
	padding: 0;
  }
}

.threepromosimage01, .threepromosimage02, .threepromosimage03 {
	margin: 0 auto;
	padding: 0;
	height: 15em;
	z-index: 900;
	position: relative;
	}

a .threepromossquarecontainer {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .3s ease-in;
	margin: -3.0rem 1.6rem 0 1.6rem;
	padding: 4.5rem 2.0rem 1.0rem 2.0rem;
	border: 3px solid #d6b328;
	z-index: 1000;
	position: relative;
	}
a .threepromossquarecontainer:hover {
	border: 3px solid #000000;
	}


a .threepromossquarecontainer > h3 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .3s ease-in;
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.0rem;
	color: #000000;
	font-family:"alegreya-sc", serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
	}
a .threepromossquarecontainer > h3:hover {
	color: #d6b328 !important;
	}







/* VISTING ST ALBANS COMPONENTS */

#visitingstalbansholder {
	margin: 0 auto;
	padding: 4.0rem 5% 6.0rem 5%;
	width: 100%;
	}
.visitingstalbansleft {
	padding: 0 10% 0.5rem 0;
	margin: 0;
	border-right: 1px solid #6e686a;
	}
.visitingstalbansright {
	padding: 3.0rem 0 0 10%;
	margin: 0;
	}
@media only screen and (max-width: 960px) {
  	 .visitingstalbansleft {
    	padding: 0 0 3.0rem 0;
		border-right: none;
  	}
	.visitingstalbansright {
	padding: 0;
	margin: 0;
	}
}







/* SPANISH RED COMPONENTS */

#spanishareaholder {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #d53539 url(../png/red-pattern-tile.png) center center repeat;
	}
#spanishareaholderinnergrad {
	margin: 0 auto;
	padding: 4.0rem 5% 7.0rem 5%;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd2125+0,bd2125+6,bd2125+94,bd2125+100&1+0,0+6,0+94,1+100 */
	background: -moz-linear-gradient(top, rgba(189,33,37,1) 0%, rgba(189,33,37,0) 6%, rgba(189,33,37,0) 94%, rgba(189,33,37,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(189,33,37,1) 0%,rgba(189,33,37,0) 6%,rgba(189,33,37,0) 94%,rgba(189,33,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(189,33,37,1) 0%,rgba(189,33,37,0) 6%,rgba(189,33,37,0) 94%,rgba(189,33,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd2125', endColorstr='#bd2125',GradientType=0 ); /* IE6-9 */
	}
.spanisharealeft {
	padding: 0 5% 0 0;
	margin: 0;
	}
.spanisharearight {
	padding: 0 0 0 5%;
	margin: 0;
	}
@media only screen and (max-width: 960px) {
  	 .spanisharealeft {
    	padding: 0 0 3.0rem 0;
  	}
	.spanisharearight {
		padding: 0;
		margin: 0;
	}
}

.spanishimageholder {
	margin: 0;
	padding: 0;
	height: 18.5em;
	width: 85%;
	z-index: 900;
	position: relative;
	float: right;
	}
.spanishimagesquarecontainer {
	margin: 1.6rem 0 1.6rem 0;
	padding: 0;
	height: 14.5em;
	width: 30%;
	border: 3px solid #d6b328;
	z-index: 1000;
	position: relative;
	top: 2em;
	}






/* MASS TIMES YELLOW COMPONENTS */

#masstimesholder {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #d6b328 url(../png/yellow-pattern-tile.png) center center repeat;
	}
#masstimesholderinnergrad {
	margin: 0 auto;
	padding: 2.6rem 5%;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4a31a+0,d6b328+6,d6b328+94,c4a31a+100&1+0,0+6,0+94,1+100 */
	background: -moz-linear-gradient(top, rgba(196,163,26,1) 0%, rgba(214,179,40,0) 6%, rgba(214,179,40,0) 94%, rgba(196,163,26,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(196,163,26,1) 0%,rgba(214,179,40,0) 6%,rgba(214,179,40,0) 94%,rgba(196,163,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(196,163,26,1) 0%,rgba(214,179,40,0) 6%,rgba(214,179,40,0) 94%,rgba(196,163,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4a31a', endColorstr='#c4a31a',GradientType=0 ); /* IE6-9 */
	}
.masstimesleft {
	padding: 0 5% 0 0;
	margin: 0;
	}
.masstimesright {
	padding: 0 0 0 5%;
	margin: 0;
	}
@media only screen and (max-width: 960px) {
  	 .masstimesleft {
    	padding: 0;
  	}
	.masstimesright {
		padding: 0;
		margin: 0;
	}
}






/* THE CITY OF VALLADOLID THREE PROMOS COMPONENTS */

#thecitythrepromosholder {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #ffffff;
	}






/* THE RECTORS COMPONENTS */

.therectorsband01 {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ffffff;
	}
.therectorsband02 {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fbfbfb;
	}

.therectorsleft {
	margin: 0;
	padding: 0.8rem 2.5% 0.7rem 2.5%;
	float: left;
	text-align: left;
	width: 35%;
	font-size: 0.8rem;
	line-height: 1.0rem;
	color: #989394;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	}
.therectorsright {
	margin: 0;
	padding: 0.8rem 2.5% 0.7rem 2.5%;
	float: right;
	text-align: left;
	width: 65%;
	font-size: 1.05rem;
	line-height: 1.4rem;
	color: #000000;
	font-family: "alegreya",serif;
	font-weight: 700;
	font-style: normal;
	}
.therectorsright span {
	font-family: "alegreya",serif;
	font-weight: 400;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  .therectorsleft {
	margin: 0;
	padding: 0.6rem 5% 0.1rem 5%;
	float: none;
	width: 100%;
	}
	.therectorsright {
	margin: 0;
	padding: 0.1rem 5% 0.6rem 5%;
	float: none;
	width: 100%;
	}
}





/* RED BIBLE QUOTE BAND COMPONENTS */

#redbibleband {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #d53539 url(../png/red-pattern-tile.png) center center repeat;
	}
#redbiblebandinnergrad {
	margin: 0 auto;
	padding: 3.0rem 5%;
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	line-height: 2.6rem;
	color: #ffffff;
	font-family: "alegreya", serif !important;
	font-weight: 400;
	font-style: italic;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd2125+0,bd2125+6,bd2125+94,bd2125+100&1+0,0+6,0+94,1+100 */
	background: -moz-linear-gradient(top, rgba(189,33,37,1) 0%, rgba(189,33,37,0) 6%, rgba(189,33,37,0) 94%, rgba(189,33,37,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(189,33,37,1) 0%,rgba(189,33,37,0) 6%,rgba(189,33,37,0) 94%,rgba(189,33,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(189,33,37,1) 0%,rgba(189,33,37,0) 6%,rgba(189,33,37,0) 94%,rgba(189,33,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd2125', endColorstr='#bd2125',GradientType=0 ); /* IE6-9 */
	}
@media screen and (max-width: 960px) {
  #redbiblebandinnergrad {
	font-size: 1.8rem;
	line-height: 2.2rem;
  }
}
#redbiblebandinnergrad span {
	font-size: 0.95rem;
	line-height: 1.3rem;
	padding: 0 0 0 0.4rem;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	}







/* LATEST NEWS COMPONENTS */

#latestnewsholderfooter {
	margin: 0 auto;
	padding: 7.0rem 5% 10.0rem 5%;
	width: 100%;
	background: #f2eeef;
	}

#latestnewsholder {
	margin: 0 auto;
	padding: 7.0rem 5%;
	width: 100%;
	background: #f2eeef;
	}

.latestnewsleft {
	margin: 0 auto;
	padding: 0 2.0rem 0 0;
	}
@media screen and (max-width: 960px) {
  .latestnewsleft {
	padding: 0 0 3.0rem 0;
  }
}

.latestnewsmid {
	margin: 0 auto;
	padding: 0 1.0rem;
	}
@media screen and (max-width: 960px) {
  .latestnewsmid {
	padding: 0 0 3.0rem 0;
  }
}

.latestnewsright {
	margin: 0 auto;
	padding: 0 0 0 2.0rem;
	}
@media screen and (max-width: 960px) {
  .latestnewsright {
	padding: 0 0 3.0rem 0;
  }
}

.latestnewssubtitle {
	margin: 0 0 1.6rem 0;
	padding: 0 0 1.0rem 0;
	border-bottom: 1px solid #d6b328;
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.9rem;
	color: #989394;
	font-family:"alegreya";
	font-weight: 400;
	font-style: italic;
	}

.latestnewsimage {
	margin: 0 0 1.4rem 0;
	padding: 0;
	}

.latestnewsarticledate {
	margin: 0 0 1.0rem 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	text-align: left;
	font-size: 0.75rem;
	line-height: 0.95rem;
	color: #0067a3;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}

.latestnewsarticletitle {
	margin: 0 0 3.0rem 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	text-align: left;
	font-size: 1.325rem;
	line-height: 1.625rem;
	color: #000000;
	}
.latestnewsarticletitle a:link, .latestnewsarticletitle a:visited {
	color: #000000;
	text-decoration: none;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	}
.latestnewsarticletitle a:active, .latestnewsarticletitle a:hover {
	color:#d6b328;
	text-decoration:none;
	border-bottom: 1px solid #d6b328;
	font-family: "alegreya";
	font-weight: 700;
	font-style: normal;
	}






/* LATEST NEWS FULL SINGLE COMPONENTS */

#gbimnewsdateholder {
	padding: 0 1.3rem 0 0;
	margin: 0 2.0rem 0 0;
	border-right: #eae5e7 solid 6px;
	text-align: right !important;
	}
@media screen and (max-width: 960px) {
  #gbimnewsdateholder {
	margin: 0 0 3.0rem 0;
  }
}

.gbimnewsmonth {
	text-align: right;
	color: #d53539;
	font-size: 1.5rem;
	line-height: 1.8rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	}
.gbimnewsday {
	text-align: right;
	color: #d53539;
	font-size: 3.3rem;
	line-height: 3.6rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 1.0rem 0;
	margin: 1.6rem 0;
	text-transform: uppercase;
	}
.gbimnewsyear {
	text-align: right;
	color: #d53539;
	font-size: 1.2rem;
	line-height: 1.8rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 1.0rem 0;
	margin: 1.6rem 0;
	text-transform: uppercase;
	}

.newsheadingholder {
	width: 100%;
	text-align: left;
	color: #989394;
	font-size: 0.95rem;
	line-height: 1.3rem;
	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
	padding: 1.0rem 0;
	margin: 1.6rem 0;
	border-top: #cbc9c9 solid 1px;
	border-bottom: #cbc9c9 solid 1px;
	}
.newsheadingholder i {
	font-size: 1.15rem;
	vertical-align: -5%;
	margin: 0 0.2rem 0 0;
	}
.newsheadingholder a:link, .newsheadingholder a:visited {
	color:#989394;
	text-decoration:none;
	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
	}
.newsheadingholder a:active, .newsheadingholder a:hover {
	color:#0067a3;
	text-decoration:none;
	border-bottom: 1px solid #0067a3;
	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
	}







/* FOOTER NAV COMPONENTS */

#footernavholder {
	padding: 4.0rem 5%;
	margin: 0;
	background: #eae5e7;
	}

#footernavholdertall {
	padding: 4.0rem 5% 7.0rem 5%;
	margin: 0;
	background: #eae5e7;
	}







/* IMAGE SLIDER COMPONENTS */

.slider--item {
  	width: 100%;
	height: 25em !important;
  	background-repeat: no-repeat;
  	background-size: cover;
	}

.slider--item--tall {
  	width: 100%;
	height: 40em !important;
  	background-repeat: no-repeat;
  	background-size: cover;
	}

.slick-slide {
  	position: relative;
  	outline: none;
  	z-index: 2;
	}
.slick-slide.slick-current {
  	z-index: 3;
	}


.slick-arrow {
  	position: absolute;
  	width: 50px;
  	top: 0;
	height: 100%;
  	border: none;
  	outline: none;
  	background-color: rgba(255, 255, 255, 0);
  	text-indent: -9999px;
  	z-index: 9999;
  	cursor: pointer;
	}
.slick-arrow:before {
  	content: "";
  	position: absolute;
  	display: block;
  	width: 24px;
  	height: 24px;
  	top: 50%;
  	margin-top: -12px;
  	-webkit-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-khtml-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-moz-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-ms-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-o-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
	}
.slick-arrow:after {
  	content: "";
  	position: absolute;
  	display: block;
  	height: 1px;
  	width: 50px;
  	top: 50%;
  	background-color: white;
  	-webkit-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-khtml-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-moz-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-ms-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	-o-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  	opacity: 0;
	}



.slick-arrow.slick-prev {
  	left: 0;
	}
.slick-arrow.slick-prev:before {
  	border-top: 1px solid white;
  	border-left: 1px solid white;
  	left: 30px;
  	-webkit-transform: rotate(-45deg);
  	-khtml-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
	}
.slick-arrow.slick-prev:after {
  	left: 100px;
	}
.slick-arrow.slick-prev:hover:before {
  	left: 100px;
	}
.slick-arrow.slick-prev:hover:after {
  	left: 96px;
  	opacity: 1;
  	width: 40px;
	}

.slick-arrow.slick-next {
  	right: 0;
	}
.slick-arrow.slick-next:before {
  	border-bottom: 1px solid white;
  	border-right: 1px solid white;
 	right: 30px;
 	-webkit-transform: rotate(-45deg);
  	-khtml-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg);
  	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
	}
.slick-arrow.slick-next:after {
  	right: 100px;
	}
.slick-arrow.slick-next:hover:before {
  	right: 100px;
	}
.slick-arrow.slick-next:hover:after {
  	right: 96px;
  	opacity: 1;
  	width: 40px;
	}


.slick-dots {
  	padding: 0;
  	margin: 0;
  	width: 100%;
  	position: absolute;
  	bottom: 20px;
  	text-align: center;
	}
.slick-dots li {
  	display: inline-block;
  	vertical-align: middle;
  	margin: 0 6px;
	}
.slick-dots li.slick-active button {
  	background-color: white;
  	width: 10px;
	height: 14px;
	}
.slick-dots li.slick-active button:hover {
  	background-color: white;
	}
.slick-dots li button {
  	outline: none;
  	display: block;
  	width: 10px;
  	height: 14px;
  	border: 1px solid white;
  	background-color: rgba(255, 255, 255, 0);
  	text-indent: -9999px;
  	border-radius: 100%;
  	cursor: pointer;
  	-webkit-transition: all, 0.2s, ease-in 1s ease-in-out;
  	-khtml-transition: all, 0.2s, ease-in 1s ease-in-out;
  	-moz-transition: all, 0.2s, ease-in 1s ease-in-out;
  	-ms-transition: all, 0.2s, ease-in 1s ease-in-out;
  	-o-transition: all, 0.2s, ease-in 1s ease-in-out;
  	transition: all, 0.2s, ease-in 1s ease-in-out;
	}
.slick-dots li button:hover {
  	background-color: rgba(255, 255, 255, 0.5);
	}






/* PAGE CONTENT COMPONENTS */

.contentpaddingleft {
	margin: 0 auto;
	padding: 0 2.0rem 0 0;
	}
@media screen and (max-width: 960px) {
  .contentpaddingleft {
	padding: 0 0 0 0;
  }
}

.contentpaddingright {
	margin: 0 auto;
	padding: 0 0 0 2.0rem;
	}
@media screen and (max-width: 960px) {
  .contentpaddingright {
	padding: 0;
  }
}


.contentpaddingleftimages {
	margin: 0 auto;
	padding: 0 0.3rem 0 0;
	}
@media screen and (max-width: 960px) {
  .contentpaddingleftimages {
	padding: 0 0 1.0rem 0;
  }
}

.contentpaddingrightimages {
	margin: 0 auto;
	padding: 0 0 0 0.3rem;
	}
@media screen and (max-width: 960px) {
  .contentpaddingrightimages {
	padding: 0;
  }
}


#subvideoholder {
	margin: -16.0em 0 3.0rem 0;
	padding: 0;
	width: 100%;
	z-index: 10;
	position: relative;
	border: 15px solid #ffffff;
	background: #000000;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.05);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.05);
	}
@media screen and (max-width: 960px) {
  #subvideoholder {
	  margin: 0 0 3.0rem 0;
  }
}

#subvideoholder2 {
	margin: 0 0 3.0rem 0;
	padding: 0;
	width: 100%;
	z-index: 10;
	position: relative;
	border: 15px solid #ffffff;
	background: #000000;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.05);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.05);
	}


.footnoteholder {
	border-top: 3px solid #dcd4d7;
	margin: 2.0rem 0 0 0;
	padding: 1.2rem;
	width: 100%;
	background: #e2dbde;
	}







/* PRAYER TO VULNERATA COMPONENTS */

#prayertovulneratacontainer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-height: 100vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: min-100vh;';
	}

#prayertovulnerataholder {
	margin: 0 2.5%;
	padding: 3.0rem 5%;
	position: absolute;
	bottom: 0 !important;
	z-index: 10;
	background-color: rgba(0, 0, 0, .65);
	}
@media screen and (max-width: 960px) {
  #prayertovulnerataholder  {
	padding: 2.0rem 5%;
  }
}

.prayertxt {
	text-align: left;
	color: #989394;
	font-size: 2.0rem;
	line-height: 2.3rem;
	font-family: "alegreya";
	font-weight: 400;
	font-style: italic;
	padding: 0;
	margin: 0;
	}
@media screen and (max-width: 960px) {
  .prayertxt {
	font-size: 1.6rem;
	line-height: 1.9rem;
  }
}








/* COLLEGE STAFF COMPONENTS */

.collegestaffleft {
	padding: 0 3.0rem 0 0;
	margin: 0 3.0rem 0 0;
	border-right: 3px solid #d6b328;
	}
.collegestaffleft img {
	padding: 0;
	margin: 0;
	max-width: 100%;
	}
@media screen and (max-width: 960px) {
  .collegestaffleft {
	  padding: 0 0 2.0rem 0;
	  margin: 0;
	  border-right: none;
	  border-bottom: 2px solid #d6b328;
	}
	.collegestaffleft img {
	padding: 0;
	margin: 0;
	max-width: 40%;
	}
}

.collegestaffright {
	padding: 0;
	margin: 0;
	text-align: left;
	}
@media screen and (max-width: 960px) {
  .collegestaffright {
	padding: 2.0rem 0 0 0;
	margin: 0;
	}
}

.collegestafftitle {
	text-align: left;
	color: #989394;
	font-size: 1.05rem;
	line-height: 1.4rem;
	font-family:"alegreya";
	font-weight: 400 !important;
	font-style: italic;
	}







/* BUTTONS COMPONENTS */

.buttonholdercenter {
	padding: 0;
	margin: 0;
	text-align: center;
	}
.buttonholderleft {
	padding: 1.5rem 0;
	margin: 0;
	text-align: left;
	}
.buttonholderright {
	padding: 1.5rem 0;
	margin: 0;
	text-align: right;
	}



.buttonsnormal {
	font-size: 0.75rem;
	line-height: 0.75rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 1.0rem 3.0rem;
	text-decoration: none;
	color:#ffffff !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	margin:0;
	border: 2px solid #d6b328;
	background: #d6b328 !important;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonsnormal:hover {
	background: none !important;
	}

.buttonsnormalrev {
	font-size: 0.75rem;
	line-height: 0.75rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 1.0rem 3.0rem;
	text-decoration: none;
	color:#ffffff !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	margin:0;
	border: 2px solid #d6b328;
	background: #d6b328 !important;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonsnormalrev:hover {
	background: none !important;
	color:#000000 !important;
	}



.buttonssmall {
	font-size: 0.65rem;
	line-height: 0.65rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0.7rem 2.0rem;
	text-decoration: none;
	color:#ffffff !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	margin:0;
	border: 2px solid #d6b328;
	background: #d6b328 !important;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonssmall:hover {
	background: none !important;
	}

.buttonssmallrev {
	font-size: 0.65rem;
	line-height: 0.65rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0.7rem 2.0rem;
	text-decoration: none;
	color:#ffffff !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	margin:0;
	border: 2px solid #d6b328;
	background: #d6b328 !important;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonssmallrev:hover {
	background: none !important;
	color:#000000 !important;
	}








/* EQUAL HEIGHTS */

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
	}

.items-container,.data-test-items {
    overflow: hidden;
    margin: 0 0;
	}



.itemnavleft {
    display: block;
    float: left;
    width: 33.3333%;
	}
.itemnavright {
    display: block;
    float: left;
    width: 66.6666%;
	}

.item-1 {
	padding: 2.0rem 3.5% 1.6rem 3.5%;
	background: #d43034 url(../jpg/nav-header-images/formation-and-seminary-life.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border: 5px solid #eae4e5;
	}
.item-2 {
	padding: 2.0rem 3.5% 1.6rem 3.5%;
	background: #d43034 url(../jpg/nav-header-images/saints-and-martyrs.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border: 5px solid #eae4e5;
	}
.item-3 {
	padding: 2.0rem 3.5% 1.6rem 3.5%;
	background: #d43034 url(../jpg/nav-header-images/a-living-history.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border: 5px solid #eae4e5;
	}
.item-4 {
	padding: 2.0rem 3.5% 1.6rem 3.5%;
	background: #d43034 url(../jpg/nav-header-images/visiting-st-albans.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border: 5px solid #eae4e5;
	}
.item-5 {
	padding: 2.0rem 3.5% 1.6rem 3.5%;
	background: #d43034 url(../jpg/nav-header-images/news-and-events.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border: 5px solid #eae4e5;
	}
.item-6 {
	padding: 2.0rem 3.5% 1.6rem 3.5%;
	background: #d43034 url(../jpg/nav-header-images/spanish-section.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border: 5px solid #eae4e5;
	}


.item-options {
	padding: 2.0rem 3.5% 1.6rem 3.5%;
	}





.itemcityleft {
    display: block;
    float: left;
    width: 33.3333%;
	}
.itemcitymid {
    display: block;
    float: left;
    width: 33.3333%;
	}
.itemcityright {
    display: block;
    float: left;
    width: 33.3333%;
	}

.item-7, .item-9 {
	padding: 4.0rem 3.5% 3.6rem 3.5%;
	}
.item-8 {
	padding: 4.0rem 3.5% 3.6rem 3.5%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}




.item img {
    display: block;
    max-width: 100%;
	}
.item p:last-child {
    margin-bottom: 0;
	}


@media only screen and (max-width: 960px) {

    .test-margin .itemnavleft, .test-margin .items-container.big-items .itemnavleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemnavright, .test-margin .items-container.big-items .itemnavright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.item-1,.item-2,.item-3,.item-4,.item-5,.item-6 {
		padding: 0 5% 1.3rem 5%;
		}
	.item-options {
		padding: 1.6rem 5% 1.4rem 5%;
		}
	.itemnavleft {
    	display: none;
    	height: 0;
		visibility: 0;
		}


	.test-margin .itemcityleft, .test-margin .items-container.big-items .itemcityleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemcitymid, .test-margin .items-container.big-items .itemcitymid {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemcityright, .test-margin .items-container.big-items .itemcityright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.item-7, .item-9 {
		padding: 3.0rem 5% 2.6rem 5%;
		}
	.item-8 {
		padding: 3.0rem 5% 2.6rem 5%;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		border-left: none;
		border-right: none;
		}

}







/* CONTACT COMPONENTS */

#contactformholder {
	padding: 0;
	margin: 2.0rem 0 0 0;
	}

.contactinputleft {
	padding: 0;
	margin: 0 10px 10px 0;
	}
@media screen and (max-width: 768px) {
	.contactinputleft {
	margin: 0 0 10px 0;
	}
}

.contactinputright {
	padding: 0;
	margin: 0 0 10px 10px;
	}
@media screen and (max-width: 768px) {
	.contactinputright {
	margin: 0 0 10px 0;
	}
}

.contactinputfullwidth {
	padding: 0;
	margin: 0 0 10px 0;
	}
@media screen and (max-width: 768px) {
	.contactinputfullwidth {
	margin: 0 0 10px 0;
	}
}

.contactinstructionsholderleft {
	margin: 10px 0 0 0;
	text-align: left;
	color: #d43034;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	padding: 0 0 0.3rem 0;
	}
@media screen and (max-width: 960px) {
	.contactinstructionsholderleft {
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	}
}

.contactinstructionsholderright {
	margin: 10px 0 0 10px;
	text-align: left;
	color: #d43034;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	padding: 0 0 0.3rem 0;
	}
@media screen and (max-width: 960px) {
	.contactinstructionsholderright {
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	}
}

form label{
    margin: 10px 0 0 0;
	text-align: left;
	color: #d43034;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	padding: 0 0 0.3rem 0;
}

.contactinstructionsholderfull {
	margin: 10px 0 0 0;
	text-align: left;
	color: #d43034;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	padding: 0 0 0.3rem 0;
	}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.contactinputleft input[type="text"], .contactinputright input[type="text"], .contactinputleft input[type="email"], .contactinputright input[type="email"] {
  	text-align: left;
	color: #989394;
	width: 100%;
	height: 45px;
	padding: 0 0 0 15px;
	margin: 0;
	font-size: 1.0rem;
	line-height: 35px;
	vertical-align: middle;
	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
	background: #454343;
	box-shadow: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #383636;
	border-left: 1px solid #383636;
	border-right: 1px solid #383636;
	border-bottom: 3px solid #555252;
	}
.contactinputleft input[type="text"]:hover, .contactinputright input[type="text"]:hover, .contactinputleft input[type="email"]:hover, .contactinputright input[type="email"]:hover {
	color: #ffffff;
	background: #575555;
	}

.gform_wrapper textarea,
.contactinputfullwidth textarea {
  	text-align: left;
	color: #989394;
	width: 100%;
	height: 200px;
	padding: 15px;
	margin: 0 0 20px 0;
	font-size: 1.0rem;
	line-height: 1.3rem;
	vertical-align: middle;
	font-family:"alegreya";
	font-weight: 400;
	font-style: normal;
	background: #454343;
	box-shadow: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #383636;
	border-left: 1px solid #383636;
	border-right: 1px solid #383636;
	border-bottom: 3px solid #555252;
	}
.contactinputfullwidth textarea:hover {
	color: #ffffff;
	background: #575555;
	}

.ginput_container_email,
.ginput_container_text{
    margin: 0 10px 15px 0;
}

.c6.end .ginput_container_email,
.c6.end .ginput_container_text{
    margin: 0 0 15px 10px;
}

.c6.end label{
    margin-left: 10px;
}

button[type="submit"].contactform_button {
	font-size: 0.75rem;
	line-height: 0.75rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 1.0rem 3.0rem;
	text-decoration: none;
	color:#ffffff !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	margin:0;
	border: 2px solid #d6b328;
	background: #d6b328 !important;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
button[type="submit"].contactform_button:hover, button[type="submit"].contactform_button:focus {
	background: none !important;
	}

.g-recaptcha {
	margin: 0;
	padding: 1% 0 3% 0;
	width: 304px;
	text-align: center;
	}

.validation_message{
    display: none;
}

.validation_error{
    margin-bottom: 20px;
    color: #d43034;
    font-size: 1.05rem;
    line-height: 1.4rem;
    font-family: "alegreya";
    font-weight: 400 !important;
    font-style: normal;
}

.gform_wrapper .gfield_error input[type="text"],
.gform_wrapper .gfield_error textarea{
    border-bottom: 3px solid #d43034;
}

@media screen and (max-width: 960px) {
	.contactinstructionsholderfull {
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	}
    .c6.end .ginput_container_email,
    .c6.end .ginput_container_text,
    .c6.end label {
    	margin-left: 0;
    }
    .ginput_container_email, .ginput_container_text {
    	margin: 0 0 15px 0;
    }
}


/* PARTNERS LOGOS */

.partnerslinksholder {
	margin: 0 auto;
	width: 25%;
	padding: 0 ;
	float: left;
	text-align: center;
	}
.partnerslinksholder img {
	margin: 0 auto;
	padding: 0;
	max-width: 300px;
	}

.partnerslinks {
	width: 50%;
	height: 100%;
	min-height: 100%;
	float: left;
	padding: 0 0 1.0rem 0;
	}
@media screen and (max-width: 768px) {
  .partnerslinks {
	width: 50%;
	}
}

.partnerslinks img {
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
	padding: 0 auto;
	}







/* BACK TO TOP COMPONENTS */

.cd-top {
  	display: inline-block;
	padding: 0.8rem 0 1.15rem 0;
  	width: 50px;
	margin: 0;
  	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background: rgba(220, 220, 220, 1.0) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  	visibility: visible;
  	opacity: 1;
  	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
  	-moz-transition: opacity .3s 0s, visibility 0s .3s;
  	transition: opacity .3s 0s, visibility 0s .3s;
	}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  	-moz-transition: opacity .3s 0s, visibility 0s 0s;
  	transition: opacity .3s 0s, visibility 0s 0s;
	}
.cd-top.cd-is-visible {
  	/* the button becomes visible */
  	visibility: visible;
  	opacity: 1;
	}
.cd-top.cd-fade-out {
  	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  	opacity: .5;
	}
.no-touch .cd-top:hover {
  	background-color: #9d9d9d;
  	opacity: 1;
	}









/* FOOTER COMPONENTS */

#footerholder {
	margin: 0 auto;
	padding: 2.0rem 5% 2.0rem 5%;
	width: 100%;
	background: #1e1d1d;
	}
@media screen and (max-width: 960px) {
  #footerholder {
	padding: 16.0rem 5% 2.0rem 5%;
  }
}


.footerleft {
	margin: 0 auto;
	padding: 0 20% 0 0;
	}
@media screen and (max-width: 960px) {
  .footerleft {
	padding: 0 0 1.0rem 0;
  }
}

.footerright {
	margin: 0 auto;
	padding: 0 0 0 20%;
	}
@media screen and (max-width: 960px) {
  .footerright {
	padding: 0;
  }
}

#footerlogoholder {
	margin: -7.0rem auto -3.0rem auto;
	padding: 0;
	width: 156px;
	height: 156px;
	z-index: 1000;
	position: relative;
	overflow: hidden;
	}
@media screen and (max-width: 960px) {
  #footerlogoholder {
	margin: -20.0rem auto 0 auto;
	width: 120px;
	height: 120px;
  }
}

.divlinefooter {
	height: 1px;
	margin: 1.6rem 0 0.6rem 0;
	width: 100%;
	border-bottom: #000000 solid 1px;
	}

.sociallinksholder {
  	padding: 0;
  	margin: 0;
  	float: left;
	width: 7.5%;
	}
@media screen and (max-width: 960px) {
  .sociallinksholder {
	padding: 2.0rem 0 0 0;
	float: none !important;
	width: 100%;
  }
}
.sociallinks {
  	padding: 0;
  	margin: 0;
  	display: inline;
  	position: relative;
  	font-size: 0.8rem;
  	font-family: sans-serif;
  	font-weight: 400;
  	text-align: center;
	color: #989394;
	text-transform: none;
	}
.sociallinks i {
  	padding: 0;
  	margin: 0 0.6rem 0 0;
	}
.sociallinks a:link, .sociallinks a:visited {
	color:#989394;
	text-decoration:none;
	}
.sociallinks a:active, .sociallinks a:hover {
	color:#ffffff;
	text-decoration:none;
	}
@media (max-width: 960px) {
	.sociallinks {
	font-size: 0.9rem;
		margin: 0 auto;
	}
	.sociallinks i {
  	padding: 0;
  	margin: 0 auto;
		font-size: 2.2rem;
	text-align: center;
	display: block;
	}
}


.copyrighttxtleftholder {
  	padding: 0;
  	margin: 0;
  	float: right;
	width: 90%;
	}
@media screen and (max-width: 960px) {
  .copyrighttxtleftholder {
	padding: 2.0rem 0 0 0;
	float: none !important;
	width: 100%;
  }
}
.copyrighttxtleft {
	text-align: left;
	color: #989394;
	font-size: 0.55rem;
	line-height: 0.9rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
.copyrighttxtleft a:link, .copyrighttxtleft a:visited {
	color: #989394;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
.copyrighttxtleft a:active, .copyrighttxtleft a:hover {
	color: #ffffff;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  .copyrighttxtleft {
	text-align: center;
  }
}


.copyrighttxtright {
	text-align: right;
	color: #989394;
	font-size: 0.55rem;
	line-height: 0.9rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
.copyrighttxtright a:link, .copyrighttxtright a:visited {
	color: #989394;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
.copyrighttxtright a:active, .copyrighttxtright a:hover {
	color: #ffffff;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  .copyrighttxtright {
	text-align: center;
  }
}



.copyrighttxtrighttel {
	text-align: right;
	color: #989394;
	font-size: 0.85rem;
	line-height: 1.05rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0.25rem 0 0 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
.copyrighttxtrighttel strong  {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
.copyrighttxtrighttel a:link, .copyrighttxtrighttel a:visited {
	color: #989394;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.copyrighttxtrighttel a:active, .copyrighttxtrighttel a:hover {
	color: #ffffff;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  .copyrighttxtrighttel {
	text-align: center;
  }
}



#happyleaves {
	max-width: 178px;
	margin: 0 auto;
	padding: 0;
	text-align: center !important;
	}
@media screen and (max-width: 960px) {
  #happyleaves {
	margin: 0 auto;
	padding: 0.3rem 0 0 0;

  }
}





/* LEGAL PAGES COMPONENTS */

@media all and (min-width: 768px) {
   #colstwo  {
  -webkit-column-count: 2;
  -webkit-column-gap: 45px; /* Saf3, Chrome*/
  -moz-column-count: 2;
  -moz-column-gap: 45px; /* FF3.5+ */
  column-count: 2;
  column-gap: 45px; /* Opera 11+*/
  padding: 0;
  }
}
@media all and (max-width: 768px) {
   #colstwo  {
  padding: 0;
  }
}







.left {
	text-align: left !important;
	}

.center {
	text-align: center !important;
	}

.right {
	text-align: right !important;
	}

div.white p,
div.white li,
.white {
	color:#ffffff;
	}

.black {
	color:#0c242e;
	}

.blue {
	color:#009ee2;
	}

.purple {
	color:#901d7c;
	font-weight: 400;
	}







/* VIDEO COMPONENTS */

.contentoverlay {
  	position: absolute;
	z-index: 1000;
	top: 0;
	width: 100%;
	}

.videobg {
  	position: relative;
  	width: 100%; /* Set video container element width here */
  	height: 100%; /* Set video container element height here */
  	overflow: hidden;
  	background: #1e1d1d; /* bg color, if video is not high enough */
	z-index: 1;
	top: 0;
	}

/* horizontally center the video */
.videobg-width {
  	position: absolute;
  	width: 100%; /* Change width value to cover more area*/
  	height: 100%;
  	left: -9999px;
  	right: -9999px;
  	margin: auto;
	}

/* set video aspect ratio and vertically center */
.videobg-aspect {
  	position: absolute;
  	width: 100%;
  	height: 0;
  	top: -9999px;
  	bottom: -9999px;
  	margin: auto;
  	padding-bottom: 56.25%; /* 16:9 ratio */
  	overflow: hidden;
	}

.videobg-make-height {
  	position: absolute;
  	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}

.videobg-hide-controls {
  	box-sizing: content-box;
  	position: relative;
  	height: 100%;
  	width: 100%;
  	/* Vimeo timeline and play button are ~55px high */
  	padding: 55px 97.7777px; /* 16:9 ratio */
  	top: -55px;
  	left: -97.7777px; /* 16:9 ratio */
	}

.videobg iframe {
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	border: 0 none;
	}




.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}




a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
	}
.gmnoprint div {
    background:none !important;
	}