@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,900,900i');
/*-- @import url('https://fonts.googleapis.com/css?family=Architects+Daughter'); --*/

@font-face {
	font-family: BebasBook;
	font-weight: normal;
	src: url("../fonts/BebasNeueBook.otf") format("opentype");
}

@font-face {
	font-family: BebasBold;
	font-weight: bold;
	src: url("../fonts/BebasNeueBold.otf") format("opentype");
}

/*-- Red: #be1e32  /  Green: #539c27   /   Light Blue: #d2e3f7   /   Blue: #6eaffb   /   Page Background: #eafbeb --*/



/*------------------------------------------------------------------------------------ Basic (line 1413) --*/

li.checkInSignature {
	background-image: url("/images/check-in-signature.png");
	position: relative;
	background-size: 100px 45px;
	background-repeat: no-repeat;
	line-height: 2.75em;
	width: 100px;
	height: 45px;
	text-indent: -9999px;
	display: block;
}

body, input, select, textarea {
	font-family: 'Roboto', Helvetica, sans-serif;
	letter-spacing: 0;
}
	
h1, h2, h3, h4, h5, h6,
input[type="submit"], input[type="reset"], input[type="button"], button, .button,
input[type="submit"].special, input[type="reset"].special, input[type="button"].special, button.special, .button.special {
	font-family: 'BebasBold', Helvetica, sans-serif;
	letter-spacing: 0.05em;
	text-transform: none;
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button,
input[type="submit"].special, input[type="reset"].special, input[type="button"].special, button.special, .button.special {
	font-size: 120%;
	letter-spacing: 0.15em;
	padding: 0 1.5em;
}



h2, h2.homepage {
	margin-top: 1.75em;
	margin-bottom: 0.75em;
	text-align: center;
	font-size: 240%;
	line-height: 120%;
}

h2.homepage {
	margin-top: 0.5em;
	margin-bottom: 1.25em;
}

/*----------------- add horizontal line --*/
h3 {
    overflow: hidden;
    text-align: center;
	clear: both;
	margin: 1.5em 0 1em 0;
	font-size: 200%;
}
h3:before,
h3:after {
    background-color: #6eaffb;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h3:before {
    right: 0.5em;
    margin-left: -50%;
}
h3:after {
    left: 0.5em;
    margin-right: -50%;
}
/*------------- add horizontal line END --*/

h3.first {
	margin-top: 0;
}

h4 {
	font-size: 150%;
	margin-bottom: 0em;
	margin-top: 2em;
}

h4.events {
	margin: -1em 0 2em 0;
	text-align: center;
	color: #6eaffb !important;
}

p {
	font-size: 120%;
	line-height: 160%;
	margin-bottom: 1em;
}






/*----------------------------------------------------------------------------------- Features --*/
div.feature {
	background: #ededed;
	text-align: center;
	padding: 1em;
	margin-bottom: 2em;
}

div.feature h4, div.feature p, div.feature span {
	margin: 0;
	padding: 0 !important;
}

div.feature.resources p {
	margin-top: 1.5em;
}

div.feature span {
	display: block;
}

div.feature img {
	width: 100%;
}

div.feature.resources img {
	width: 50%;
	margin-top: 1.5em;
}

div.feature.checkin img {
	width: 70px;
}

div.feature.resources h4 {
	line-height: 120%;
}

div.feature p {
	font-size: 95%;
}

div.feature.goal1 span, div.feature.goal2 span, div.feature.goal3 span {
	font-size: 600%;
	margin: 0.4em 0 0.75em 0;
}	

div.feature.goal1 span { color: #6eaffb; }
div.feature.goal2 span { color: #be1e32; }
div.feature.goal3 span { color: #333333; }

.chatNow {
	max-width: 100%;
}

/*------------------------------------------------------------------------------- Features END --*/






.caption {
	margin-top: 0.25em;
	margin-bottom: 0;
	color: #6eaffb;
	font-size: 100%;
	font-style: italic;
}

/*-------------------------------------------------------------------------------- Basic (line 1413) END --*/

/*------------------------------------------------------------------------------------ Basic (line 1446) --*/
/*--
a {
	color: #6eaffb !important;
	-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
	-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
	-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
	transition: color 0.2s ease, border-bottom-color 0.2s ease;
	border-bottom: dotted 1px;
	color: inherit;
	text-decoration: none;
}

a:hover {
	border-bottom-color: transparent;
	background: #f6f9fb;
}
--*/

/*-- remove from Slide Show --*/
/*--
a #lg-download {
	border-bottom-color: auto !important;
	background: transparent !important;
}
--*/

/*-------------------------------------------------------------------------------- Basic (line 1446) END --*/


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.homeVideo { padding: 0 10em; }


/*---------------------------------------------------------------------------------- Buttons (line 2309) --*/

input[type="submit"].special, input[type="reset"].special, input[type="button"].special, button.special, .button.special {
    background-color: #b41400 !important;
}
/*------------------------------------------------------------------------------ Buttons (line 2309) END --*/

/*---------------------------------------------------------------------------------- Buttons (line 2319) --*/
input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, button.special:hover, .button.special:hover {
    background-color: #6eaffb !important;
}
/*------------------------------------------------------------------------------ Buttons (line 2319) END --*/





/*---------------------------------------------------------------------------------- Wrapper (line 2612) --*/
.wrapper.style1 {
	background-color: #6eaffb;
	color: black;
}
/*------------------------------------------------------------------------------ Wrapper (line 2612) END --*/



	
/*---------------------------------------------------------------------------------- Wrapper (line 2801) --*/

.wrapper.style3 {
	background-color: #6eaffb;
	color: #333333;
}
/*------------------------------------------------------------------------------ Wrapper (line 2801) END --*/


/*---------------------------------------------------------------------------------- Wrapper (line 3646) --*/
#main > header p {
	font-family: 'Alegreya Sans', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 140%;
	line-height: 160%;
	letter-spacing: 0;
    text-transform: none;
	padding: 0 2em;
}

header p {
	background-color: #4d5964;
    text-align: center;
	font-size: 120%;
	color: rgba(255, 255, 255, 0.75);
    position: relative;
    top: 0;
	padding: 2em 4em;
	margin: 0;
}
/*------------------------------------------------------------------------------ Wrapper (line 3646) END --*/


/*----------------------------------------------------------------------------------- Footer (line 3700) --*/
#footer {
	padding: 6em 2em 4em 2em;
}

#footer .copyright {
	font-size: 1em;
	letter-spacing: 0.1em;
	text-transform: none;
}
/*------------------------------------------------------------------------------- Footer (line 3700) END --*/




/*---------------------------------------------------------------------------------- Landing (line 3779) --*/
body.landing #page-wrapper {
	background-image: url("../../images/banner.jpg");
	background-image: url("../../images/banner.jpg");
	background-image: url("../../images/banner.jpg");
	background-image: url("../../images/banner.jpg");
}

body.is-mobile.landing #banner,
body.is-mobile.landing .wrapper.style4 {
	background-image: url("../../images/banner.jpg");
	background-image: url("../../images/banner.jpg");
	background-image: url("../../images/banner.jpg");
	background-image: url("../../images/banner.jpg");
}
/*------------------------------------------------------------------------------ Landing (line 3779) END --*/




/*----------------------------------------------------------------------------------- Header (line 3250) --*/
#header  {
	background: #6eaffb;
	height: 5em;
	line-height: 5em;
	-webkit-box-shadow: 0px 0px 28px 16px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 28px 16px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 28px 16px rgba(0,0,0,0.2);
}

#header.alt {
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

#header h1 {
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	height: inherit;
	left: 1.25em;
	line-height: inherit;
	position: absolute;
	top: 0;
}

#header nav > ul > li > a.menuToggle:after {
	vertical-align: middle;
	color: black;
}

#header nav > ul > li > a {
	font-family: 'BebasBold', Helvetica, sans-serif;
	color: white; /*-- #6eaffb --*/
	font-size: 115%;
	letter-spacing: 0.1em;
}

.center {
	text-align: center;
}

/*------------------------------------------------------------------------------- Header (line 3250) END --*/




/*----------------------------------------------------------------------------------- Banner (line 3376) --*/
#banner h2 {
	-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
	display: inline-block;
	font-size: 1.75em;
	opacity: 1;
	padding: 0.35em 1em;
	position: relative;
	z-index: 1;
}

#banner h2:before, #banner h2:after {
	-moz-transition: width 0.5s ease; /*-- was 0.85s --*/
	-webkit-transition: width 0.5s ease; /*-- was 0.85s --*/
	-ms-transition: width 0.5s ease; /*-- was 0.85s --*/
	transition: width 0.5s ease; /*-- was 0.85s --*/
	-moz-transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	transition-delay: 0.25s;
	height: 0; /*-- was 2px --*/
}

#banner:after {
	-moz-transition-delay: 0.25s; /*-- 1.25s --*/
	-webkit-transition-delay: 0.25s; /*-- 1.25s --*/
	-ms-transition-delay: 0.25s; /*-- 1.25s --*/
	transition-delay: 0.25s; /*-- 1.25s --*/
	background: #d2e3f7; /*-- background color of page --*/
}
/*------------------------------------------------------------------------------- Banner (line 3376) END --*/



/*----------------------------------------------------------------------------------- Banner (line 3451) --*/
#banner .more {
	background: #6eaffb !important;
	padding-top: 2em;
}

#banner .more:after {
	bottom: 2em;
}
/*------------------------------------------------------------------------------- Banner (line 3451) END --*/


/*---------------------------------------------------------------------- Page Wrapper + Menu (line 3129) --*/
#menu {
	background: #6eaffb;
}

#menu ul > li {
    border-top: solid 1px rgba(255, 255, 255, 0.25);
    margin: 1em 0 0 0;
}

#menu ul > li > a {
	font-size: 120%;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: none;
	margin-left: 1.5em;
}

#menu ul > li > a span {
	padding-right: 1em;
}

#menu h2 {
	margin-top: 2em;
	margin-bottom: 0.25em;
	font-size: 180%;
	text-align: left;
	font-style: italic;
}

#menu p span {
	padding-right: 1em;
}

#menu p {
	font-size: 110%;
}
/*------------------------------------------------------------------ Page Wrapper + Menu (line 3129) END --*/




/*----------------------------------------------------------------------------------------------- Custom --*/

#banner .centered {  /*-- center logo --*/
	position: absolute;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
}

/*--
#header h1 span.logo {
	background-image: url("../../images/logo-nav.png");
	background-size: 60px 60px;
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: 0;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	display: block;
}
--*/

#header h1 span.logo {
	background-image: url("../../images/logo-horizontal-nav.png");
	background-size: 320px 50px;
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	left: 0;
	width: 320px;
	height: 50px;
	text-indent: -9999px;
	display: block;
}

#banner h2.logo {
	background-image: url("../../images/logo-full-2x.png");
	background-size: 240px 240px;
	background-repeat: no-repeat;
	width: 240px;
	height: 240px;
	margin: 0 auto;
	text-indent: -9999px;
	display: block;
}

#banner p {
	margin-top: 1.5em;
	color: #333333;
	font-family: 'BebasBold', Helvetica, sans-serif;
	font-size: 140%;
	letter-spacing: 0.1em;
	text-transform: none;
}

.wrapper.style1.special {
	padding: 3em 5em 2em 5em;
}

.wrapper.alt.style2 {
	text-align: center;
	padding: 2em;
}

.wrapper.alt.style2 p {
	margin: 0;
	padding: 0;
}

.wrapper.style3.special {
	text-align: left;
	background-color: #ffffff;
}

.wrapper.style3.special h2,
.wrapper.style3.special h3 {
	color: #333333;
}

a.fa-seg, a.fa-seg:hover {
	background: url("../../images/fa-seg.png") top center no-repeat;
	top: 0.4em;
	width: 45px;
	height: 30px;
	text-indent: -9999px;
	display: block;
}

a.fa-seg:hover {
	background: url("../../images/fa-seg.png") bottom center no-repeat;
}

.help {
	background-color: #6eaffb;
}

.help h2 {
	font-size: 160%;
	font-style: italic;
}

.help p {
	font-size: 150%;
	margin-top: 1.5em !important;
}


/*------------------------------------------------------------------------------------------- Custom END --*/


/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
.jssora05l, .jssora05r {
display: block;
position: absolute;
/* size of arrow element */
width: 40px;
height: 40px;
cursor: pointer;
background: url('img/a17.png') no-repeat;
overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }

/* jssor slider thumbnail navigator skin 01 css */
/*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 68px;    border: #000 2px solid;    box-sizing: content-box;    background: url('img/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 68px;    border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}




/*------------------------------------------------------------------------------ photo album (lightGallery) -----*/
.content {
	width: 100%;
	height: 100%;
	margin: 10px auto;
}

.chroma-gallery-logo {
	width: 300px;
	height: 124px;
	background: url(images/chromagallery_logo.png) no-repeat;
	margin: 25px auto;
}

.mygallery { margin: 25px 0; }

@media screen and (max-width: 400px) /* small logo */ {
	.chroma-gallery-logo {
		width: 200px;
		height: 83px;
		background-size:200px 83px;
	}
}

@media screen and (min-width: 980px) /* Desktop */ {
	.content { width: 60%; }
}

#aniimated-thumbnials a {text-decoration: none; border: none;}
/*-------------------------------------------------------------------------- photo album (lightGallery) END -----*/



/*---------------------------------------------------------------- Responsive --*/
@media screen and (max-width: 980px) {

	#banner h2.logo {
		background-image: url("../../images/logo-980-2x.png");
		background-size: 200px 200px;
		background-repeat: no-repeat;
		width: 200px;
		height: 200px;
	}

	#banner p { font-size: 130%; }

	.help h2 { margin-bottom: 2em; }
	div.help { margin-bottom: 5em; }

	div.feature1, div.feature2 {
		margin-bottom: 1em;
	}

	div.feature1, div.feature2, div.feature3 {
		min-height: 2em;
	}

	.homeVideo { padding: 0 0 !important; }

}

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

	.wrapper { padding: 1.5em 1.5em 0.5em 1.5em; }  /*-- adjust padding of red box --*/
	#banner { padding: 14em 3em 20em 3em; }  /*-- adjust photo padding vertically --*/

	#header h1 span.logo { top: 5px; }

	#banner h2.logo {
		background-image: url("../../images/logo-736-2x.png");
		background-size: 160px 160px;
		background-repeat: no-repeat;
		width: 160px;
		height: 160px;
	}
	
	#header h1 span.logo {
		background-image: url("../../images/logo-horizontal-nav.png");
		background-size: 210px 33px;
		top: 20px;
		left: 0;
		width: 210px;
		height: 33px;
	}

	#banner p { font-size: 120%; }
	
	h2.homepage {
		font-size: 200%;
		line-height: 120%;
	}
	
	.imgMobile {
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.caption {
	margin-top: 0.5em;
	margin-bottom: 0;
	color: #6eaffb;
	font-size: 100%;
	font-style: italic;	
	}

	.homeVideo { padding: 0 0 !important; }

	#footer .icons {
		font-size: 1.2em;
	}

	li.checkInSignature {
		background-size: 80px 36px;
		line-height: 2.5em;
		width: 80px;
		height: 36px;
	}
	
		#menu ul > li {
		margin-top: 0 !important;
	}

}

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

	.wrapper.style1.special { padding: 3em 1.5em 2em 1.5em; }

	#banner h2.logo {
		background-image: url("../../images/logo-480-2x.png");
		background-size: 120px 120px;
		background-repeat: no-repeat;
		width: 120px;
		height: 120px;
	}

	#banner p { font-size: 120%; }

	.homeVideo { padding: 0 0 !important; }
	
	#footer .icons {
		font-size: .8em;
	}

	li.checkInSignature {
		background-size: 50px 22px;
		line-height: 2.25em;
		width: 50px;
		height: 22px;
	}

}
/*------------------------------------------------------------ Responsive END --*/