/********** FONTS **********/
@import url(http://fonts.googleapis.com/css?family=Lobster|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Lato:300);

/********** SELECTION **********/

::selection {
	color: #fff;
	background: #333333; /* Safari */
}

::-moz-selection {
	color: #fff;
	background: #333333; /* Firefox */
}#333333

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #444852;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1em;
	line-height: 1em;
	text-align: left;
	color: #4a4a4a;
}

/********** Back to top button **********/

#pagewrap {
	margin: 0 auto;
/*	width: 1000px; */
/*	padding-left: 150px; */
	position: relative;
}

#back-top {
	position: fixed;
	bottom: 5vh;
	right: 5vw;
}

#back-top a {
	width: 6vw;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */

#back-top span {
	width: 7vw;
	height: 7vw;
	display: block;
/*	background: #ddd url(up-arrow.png) no-repeat center center; */
	background: url("/images/PageTopGray2.png") no-repeat center center;
   background-size: contain;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

#back-top a:hover span {
	background: url("/images/PageTopRed2.png") no-repeat center center;
   background-size: contain;
}

/********** End Back to top button **********/

/**** Begin Photo Gallery Style ***/

/********** HEADER1 **********/

#header1 {
	background: #FFF;  
/*	background: #444852; #333333 */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#header1 .header1-container {
    position: relative;
    top: 10vh;
    left: 0px;
/*    margin: 0px 0px 0px 0px; */
	height: 20vh;
   width: 100vw;
/*	margin-top: -22px; */
/*	padding: 5px 10px 10px 10px; */
}

#header1 a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 14px/2.0;
	color: black;
	margin-bottom: 25px;
	text-decoration: none;
}

#header1 a.fb {
   position: absolute;
    top: 1vh;
   right: 20vw;
	height: 4vh;
	width: 2vw;
   background-image: url("/CUC_images/facebook-logo2.png");
  background-repeat: no-repeat;
  background-size: 2vw 4vh; /*cover; */
  border-radius: 0.2vw;
}

#header1 a.tw {
   position: absolute;
   top: 1vh;
   right: 15vw;
	height: 4vh;
	width: 2vw;
   background-image: url("/CUC_images/twitter-logo2.png");
  background-repeat: no-repeat;
  background-size: 2vw 4vh;
  border-radius: 0.2vw;
}

#header1 a.env {
	position: absolute;
   top: 1vh;
	right: 10vw;
	right: 10vw;
	height: 4vh;
	width: 2vw;
	background-image: url("/CUC_images/envelope.png");
	background-repeat: no-repeat;
	background-size: 2vw 4vh;
	border-radius: 0.2vw;
}

#header1 p.regular {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 30px;
	color: black;
	font-style: italic;
	margin-top: 20px;
}

#header1 p.smaller {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 21px;
	color: black;
	margin-top: 20px;
 }

#header1 h2.pos_left {
	position: relative;
	left: 20%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 35px;
	font-style: italic;
	margin-top: 20px;
}

#header1 h2.pos_right {
    position: relative;
    left: 35%;
}

#header1 h2.pos_top {
    position: absolute;
    top: -4vh;
	 left: 35vw;
    font-family: Brush Script MT, Brush Script Std, Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 2em;
   text-decoration:underline;
}

#header1 img.pos1 {
    position: relative;
    left: 2vw;
    top: -1vh;
    height: 8vh;
    width: 3.5vw;
/*    z-index: -1; */
}

#header1 img.logo1 {
/*    position: absolute; */
	position: relative;
	top: 2px;
	left: 55px;
	width: 65px;
	height: 65px;
}

#header1 .cols3 {
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
/*  -webkit-column-rule: 1px solid #000; */

  -moz-column-count: 3;
  -moz-column-gap: 15px;
/*  -moz-column-rule: 1px solid #000; */
  column-count: 3;
  column-gap: 15px;
  column-rule: none;
/*  column-rule:1px solid #000;   */
	text-align: left;
}

#header1 .cols3 a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 14px/2.0;
	color: black;
	margin-bottom: 25px;
	text-decoration: none;
}

#header1 .cols3 p #regular {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 30px;
	color: black;
	font-style: italic;
	margin-top: 20px;
}

#header1 .cols3 p #smaller {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 21px;
	color: black;
	margin-top: 20px;
}

/********** Header1 LOGO **********/

#header1 #logo {
	position: relative;
	top: 0px;
	left: 20px;
	width: 65px;
	height: 65px;
	background: #fff;
	padding: 0px 0;
	margin: 0 auto;
	cursor: default;
	opacity: 1;
    transition: opacity .7s ease-out;
    -moz-transition: opacity .7s ease-out;
    -webkit-transition: opacity .7s ease-out;
    -o-transition: opacity .7s ease-out;
	overflow: hidden;
/*	overflow: auto; */
}

*+html #header1 #logo {
	height: 60px;
	padding: 30px 0;
}

#header1 #logo span {
	font-size: 21px;
	line-height: 21px;
}

#header1 p {
/*	background: #444852;  */
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 35px;
	font-style: italic;
	line-height: 30px;
	text-align: left;
	color: #000;
	text-align: center;
	margin-top: 20px;
}

#header1 a {
	float: right;
	text-decoration: none;
}

#header1 img {
	float:left;
}

/********** HEADER1 TAGLINE **********/

#header1 .tagline {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	margin: 10px 0 40px 0;
}

/********** END HEADER **********/

/********** NAVIGATION **********/

#navigation {
	display: flex;
	  position: absolute;
	  left: 0vw;
	 top: 0vh;
	  height: 6vh;
  /*	width: 1000px; */
	  background: #333333; /* #616D75; */
  /*	border-bottom: 1px solid #fff;  */
  }
  
  #navigation .inner-container {
	  position: relative;
	  left: 0vw;
	 top: 0vh;
	  height: 8vh;
	  width: 100vw;
	  margin-left: 2%;
	  margin-right: 2%;
  }
  
  #navigation .nav-container {
	  position: relative;
	  left: 10vw;
	  height: 8vh;
	  width: 100vw;
	  margin-left: 2%;
	  margin-right: 2%;
	  padding: 5px 0px 5px 0px;  /*  75px 30px 100px 30px */
  }
  
  /**** Begin Navigation Menu   ***/
  
  #navMenu {
	display:inline-block;
	margin:0;
	width:auto;
	text-decoration:none;
}
  
	#navMenu ul {
	  margin:0;
	  padding:0;
	  line-height:1.2em;
   }
  
	#navMenu li {
	  margin:0vh;
	   height: 6vh;
	  width:10vw;
	  list-style:none;
	  float:left;
	  position:relative;
	  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	  font-size: 0.75em; /*0.33vw; *12px; */
	  text-decoration:none;
  /*    background: #999; */
   }
  
	#navMenu li.smSpace {
	  margin:0vh;
	   height: 7vh;
	  width:2vw;
	  list-style:none;
	  float:left;
	  position:relative;
	  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	  font-size: 0.75em; /*0.33vw; *12px; */
	  text-decoration:none;
   }
  
	#navMenu li.wider {
	  margin:0vh;
		height: 7vh;
	  width:14vw;
	  list-style:none;
	  float:left;
	  position:relative;
	  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	  font-size: 0.75em; /*0.33vw; *12px; */
	  text-decoration:none;
   }
  
	#navMenu ul li a {
	  text-align:center; 
	  margin:2vh;
	  height:7vh;
	  width:9vw;
	  display:block;
	  color:#FFF;
	  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	  font-weight: 400;
	  font-size: 1em;
	  line-height: 1.2em;
	  text-align: left;
	  text-decoration:none;
	  text-shadow:1px 1px 1px #000;
   }
  
	#navMenu ul li a.smSpace {
	  margin:1vh;
	  height:7vh;
	  width:2vw;
	  display:block;
	  color:#FFF;
	  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	  font-weight: 400;
	  font-size: 1em;
	  line-height: 1.2em;
	  text-align: left;
	  text-decoration:none;
	  text-shadow:1px 1px 1px #000;
   }
  
	#navMenu ul li a.wider {
	  margin:2vh;
	  height:7vh;
	  width:14vw;
	  display:block;
	  color:#FFF;
	  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	  font-weight: 400;
	  font-size: 1em;
	  line-height: 1.2em;
	  text-align: left;
	  text-decoration:none;
	  text-shadow:1px 1px 1px #000;
   }
  
   /* IE7 Display Fix */
  
   #navMenu ul li { 
	display: inline; 
   }
  
  #navMenu .right { /* Use the right class to push the content to the right */
		  float:right;
		  right:3vw;
		  width:20vw;
		  margin-right:1vw;
		  border-right:none;
		  /*border-left:1px solid rgba(0,0,0,0.3);*/
  }
  #navMenu .right a { /* Use the right class to push the content to the right */
		  width:20vw;
  }
  
   /*********************************************/
   /* hide navmenu submenu and allow it to return */
   /*********************************************/
  
	  #navMenu ul ul {
	  position:absolute;
	  visibility:hidden;
	  top:0vh;
	  background: #333333;  /* Last */
	  display:block;
	  color:#000;
	  font-size: 1em;
	  line-height: 1.2em;
	  text-decoration:none;
	  border:1px solid #000;  
   }
  
	#navMenu ul li:hover ul {
	  visibility:visible;
	  z-index:9999;
	  font-size: 1em;
	  line-height: 1.2em;
   }
  
	/*sets top level hover color*/
  
	#navMenu li:hover {
	 background:#76c2f5;
   }
  
	/*sets link items hover color and background*/
  
	#navMenu ul li:hover ul li a:hover {
	width:12vw;
  /*    background:#CCC; */
	display:block;
	color:#000;
	  font-size: 1.2em;
	  line-height: 1.2em;
	text-decoration:none;
   }
  
	/* Changes text color on hover for main menu hover*/
  
	#navMenu a:hover {   
	color:#000;
   } 
  
	/* Hamburger Button */
	.hamburger-button {
	  display: none;
	  background: none;
	  border: none;
	  cursor: pointer;
	  position:fixed;
	  top: 2vh;
	  left: 3vw;
	  padding: 10px;
	  z-index: 1000;
	}
	
	.hamburger-button .hamburger-line {
	  width: 30px;
	  height: 4px;
	  background: #333;
	  margin: 6px 0;
	}
	
	.hamburger-button.active {
	  right: 0;
	}
  
	/* Mobile Menu */
	.mobile-menu {
	  position: fixed;
	  top: 0vh;
	  right: -300vw;
	  width: 35vw;
	  height: 35vh;
	  margin: 20px 0 5px;
	  border:#000 2px solid;
	  z-index: 800;	  
	  background:#8d7200;/* #CA8F74; */
  /*    opacity: 0.8; */
	  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	  transition: right 0.3s ease-in-out;
	}
	
	.mobile-menu.active {
	  right: 0;
	}
	
	.mobile-menu ul li {
	  margin: 4px 0 5px 5px;
	  text-decoration:none;
	  list-style:none;
	}
	
	.mobile-menu ul li a {
	  font-size: 1em;
	  font-weight: 700;
	  transition: 0.3s;
	}
  
	.mobile-menu ul li a:hover {
	  font-size: 1.2em;
	  transition: 0.3s;
	  color:red;
	  list-style:none;
	}
  
   /*********************************************/
   /* hide mobile menu submenu and allow it to return */
   /*********************************************/
  
   .mobile-menu ul ul {
	  position:absolute;
	  visibility:hidden;
	  top:0vh;
	left: 0vw;
	background: #33B1FF;
	display:block;
	color:#000;
	  font-size: 0.8em;
	  line-height: 1.1em;
	text-decoration:none;
	border:1px solid #000;
  /*    text-shadow:1px 1px 1px #000; */ 
  /*    bottom: 100%;  */
  
   }
  
   .mobile-menu ul li:hover ul {
	  visibility:visible;
	  z-index:9999;
	  font-size: 1em;
	  line-height: 1.2em;
  /*    bottom: 100%;  */
   }
  
	/*sets top level hover color*/
  
	.mobile-menu li:hover {
	 background:#76c2f5; /*  #09F */
   }
  
	/*sets link items hover color and background*/
  
	.mobile-menu ul li:hover ul li a:hover {
	width:12vw;
	display:block;
	color:#000;
	font-size: 1.2em;
	  line-height: 1.2em;
	text-decoration:none;
	list-style-type: circle;
  }
  
	/* Changes text color on hover for main menu hover*/
  
	.mobile-menu a:hover {   
	color:#000;
   } 
	  
 /* Contains the Float */

 .clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 }

 /* IE7 Display Fix */

 #navMenu ul li { 

  display: inline; 
 
 }

#navMenu .right { /* Use the right class to push the content to the right */
        float:right;
        right:3em;
        width:25vw;
        margin-right:1em;
        border-right:none;
        /*border-left:1px solid rgba(0,0,0,0.3);*/
}

#navMenu .right a { /* Use the right class to push the content to the right */
        width:24vw;
}

/********** END NAVIGATION **********/

.image-zoom-container {
	background: #8d7230; /* #FFC300 #dbac14*/
    position: relative;
    top: 0vh;
    left: 0px;
	list-style: none;
	font-size: 0px;
}
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 33.33%;
	font-size: 16px;
	font-size: 1rem;
	border: 1px solid #fff;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
        -moz-transition: all .5s ease; /* Firefox */
        -ms-transition: all .5s ease; /* IE 9 */
        -o-transition: all .5s ease; /* Opera */
        transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
        -moz-transition: all .5s ease; /* Firefox */
        -ms-transition: all .5s ease; /* IE 9 */
        -o-transition: all .5s ease; /* Opera */
        transition: all .5s ease;
}
.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #fff;
	margin: 23% 0 0;
	padding: 10px 0;
	border-top: 5px solid rgba(255, 255, 255, .15);
	border-bottom: 5px solid rgba(255, 255, 255, .15);
}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
        -moz-transform:scale(1.25); /* Firefox */
        -ms-transform:scale(1.25); /* IE 9 */
        -o-transform:scale(1.25); /* Opera */
         transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: none;
}
 
@media (max-width: 767px) {
	.zoom-container {
		width: 50%;
	}
}
 
@media (max-width: 480px) {
	.zoom-container {
		width: 100%;
	}
}

@media (max-width: 500px) {
    .text-xxl {
      font-size: 2rem;
    }

#navigation .inner-container {
  display: none;
}

.hamburger-button {
      display: block;
    }
  
.navbar ul li:last-child a {
      margin-left: 0px;
}

#header1 .header1-container {
	height: 15vh;
}

#header1 img.pos1 {
	display: none;
}

#header1 h2.pos_top {
    top: -10vh;
	left: 20vw;
	font-size: 1.5em;
}

#header1 a.fb {
	top: -2vh;
	right: 70vw;
	height: 5vh;
	width: 6vw;
    background-size: 6vw 5vh;
 }
 
 #header1 a.tw {
	top: -2vh;
	right: 55vw;
	 height: 5vh;
	 width: 6vw;
   background-size: 6vw 5vh;
 }
 
 #header1 a.env {
	top: -2vh;
	right: 40vw;
	 height: 5vh;
	 width: 6vw;
	 background-size: 6vw 5vh;
	}
 
 


/**** End Photo Gallery Style ***/