body {
	-webkit-font-smoothing: antialiased;
	font-family:'Source Sans Pro', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#333333;
	line-height:24px;
	background:#262626 url(../images/texture_footer.jpg) repeat;
}

@media (max-width: 767px) {
	body { padding-left:0; padding-right:0; }
	#page-bg { padding-right:0; padding-left:0; }
}
@media (max-width: 480px) {
	body {}
	#page-bg { padding-right:0; padding-left:0; }
}

a { color:#3e89cf; transition:color 0.12s; }
a:focus { text-decoration:none; }
a:hover { color:#f15958; text-decoration:none;}

.img-hover { }
.img-hover a { transition:opacity .2s; }
.img-hover a:hover { opacity:.75 !important;}

h1 { font-family: 'Oswald', sans-serif; font-size: 36px; font-weight:300; color: #3e89cf; line-height: 36px; }
h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 24px; font-weight:700; color: #333333; line-height: 24px; text-transform: uppercase; }
h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight:700; color: #333333; line-height: 24px; }
h4 { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight:600; color: #333333; l
ine-height: 24px; }

.subtitle { font-size: 22px !important; color: inherit !important; line-height: inherit !important; font-family: inherit !important;}
.pagegroup{ clear: both; }
.pagegroup .section .header h2 { font-family: 'Oswald', sans-serif; font-size:36px; font-weight:300; color: #3e89cf; line-height:40px; text-transform:none; padding-bottom:15px; border-bottom: 1px dashed #cccccc; text-align: center; }

.pagegroup_posttypes .posttypelayout_digest .header h1.title { padding-bottom:15px;  border-bottom: 1px dashed #cccccc }

/* Forms */

.forms { padding: 20px 30px; background-color: #f7f7f7; border: 1px solid #ccc;}
.ctrlHolder { display: block; padding: 10px; background-color: #f7f7f7; border: 1px solid #ccc; }
.ctrlHolder img { margin-bottom: 10px; }
.ctrlHolder input { display: block; }
.form-group label { display: block; font-weight: bold; margin: 10px 0; }
input, textarea, .uneditable-input { width: 100%; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { height: 30px; padding-right: 0; }


#body { position:relative; z-index:3;}
#page-bg { background:#f7f7f7; position:relative; z-index:4; }
#body-psuedo { height:550px; position:absolute; top:0; left:0; right:0; z-index:2; background:url(../images/bg_subpage_gsl.jpg) no-repeat center center; background-size:cover; }
@media (max-width: 979px) { #body-psuedo { height:420px; margin-top:-50px;}}

.site-digitalbell #body-psuedo { background-image:url(../images/bg_subpage_digitalbell.jpg); }
.site-frontrunner #body-psuedo { background-image:url(../images/bg_subpage_frontrunner.jpg); }
.site-hilltop #body-psuedo { background-image:url(../images/bg_subpage_hilltop.jpg); }

.page_home #body-psuedo { background-image:url(../images/bg_home_gsl.jpg); }
@media (max-width: 600px) { .page_home #body-psuedo { background-image:url(../images/bg_home_gsl.jpg)} }

.site-digitalbell.page_home #body-psuedo { background-image:url(../images/bg_home_digitalbell.jpg); }
.site-frontrunner.page_home #body-psuedo { background-image:url(../images/bg_home_frontrunner.jpg); }
.site-hilltop.page_home #body-psuedo { background-image:url(../images/bg_home_hilltop.jpg); }

#header { color:white; font-size:16px; font-weight:400; font-family:'Source Sans Pro', sans-serif; position:relative; z-index:4; }
@media (max-width: 1199px) { #header { color:white; font-size:15px; font-weight:400; font-family:'Source Sans Pro', sans-serif; position:relative; z-index:4; }
}
#header a { color:white; }
#header .navbar { margin:0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
#header .brand { width:370px; height:65px; padding:17px 20px 18px; margin:0; background-image:url(../images/logo_gsl.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; transition:background-color 0.2s; }

.site-digitalbell #header .brand { width:300px; height:60px; padding:20px 20px; background-image:url(../images/logo_digitalbell.png); }
.site-frontrunner #header .brand { width:345px; height:45px; padding:28px 20px 27px; background-image:url(../images/logo_frontrunner.png); }
.site-hilltop #header .brand { width:270px; height:75px; padding:12px 20px 13px; background-image:url(../images/logo_hilltop.png); }

@media (max-width: 1199px) { 
#header .brand { width:220px; height:60px; padding:20px 30px; margin-left:0px; background-size:contain;} 
.site-digitalbell #header .brand { width:200px; height:60px; padding:20px 20px; background-image:url(../images/logo_digitalbell.png); }
.site-frontrunner #header .brand { width:245px; height:45px; padding:28px 20px 27px; background-image:url(../images/logo_frontrunner.png); }
.site-hilltop #header .brand { width:200px; height:75px; padding:12px 20px 13px; background-image:url(../images/logo_hilltop.png); }
}
@media (max-width: 767px) { #header .brand { width:200px; height:40px; padding:0 30px 40px 0px; margin-left:20px; background-size:contain;} }
#header a.brand:hover, #header a.brand:hover { background-color:rgba(0, 0, 0, 0.15); }
#header .navbar .nav {  }
#header .navbar .nav>li>a { padding:20px 20px; line-height:60px; transition:background-color 0.2s; }
@media (max-width: 1199px) { #header .navbar .nav>li>a { padding:20px 10px; line-height:60px; transition:background-color 0.2s; } }
#header .navbar .nav>li:hover>a, #header .navbar .nav>li>a:focus { background-color:rgba(0, 0, 0, 0.15); }
#header .navbar .nav>.active>a, #header .navbar .nav>.active>a:hover, #header .navbar .nav>.active>a:focus { background-color:rgba(0, 0, 0, 0.15); }

#header .navbar .nav>li>a .icon { display:inline-block; position:relative; bottom:-5px; margin-right:5px; font-style:normal; width:20px; height:20px; background-position:top left; background-repeat:no-repeat; }
#header .navbar .nav>li>a:hover .icon { background-position:bottom left; }

#header .navbar .nav>li.nav_school-work>a .icon { background-image:url(../images/icon_school_work.png); }
#header .navbar .nav>li.nav_our-story>a .icon { background-image:url(../images/icon_our_story.png); }
#header .navbar .nav>li.nav_about>a .icon { background-image:url(../images/icon_our_story.png); }
#header .navbar .nav>li.nav_building-blocks>a .icon { background-image:url(../images/icon_building_blocks.png); }
#header .navbar .nav>li.nav_features>a .icon { background-image:url(../images/icon_building_blocks.png); }
#header .navbar .nav>li.nav_blog>a .icon { background-image:url(../images/icon_bell_ringers.png); }
#header .navbar .nav>li.nav_news>a .icon { background-image:url(../images/icon_bell_ringers.png); }
#header .navbar .nav>li.nav_contact-us>a .icon { background-image:url(../images/icon_contact_us.png); }
#header .navbar .nav>li.nav_contact>a .icon { background-image:url(../images/icon_contact_us.png); }
#header .navbar .nav>li.nav_portfolio>a .icon { background-image:url(../images/icon_portfolio.png); }
#header .navbar .nav>li.nav_our-work>a .icon { background-image:url(../images/icon_our_work.png); }
#header .navbar .nav>li.nav_products-services>a .icon { background-image:url(../images/icon_products_services.png); }
#header .navbar .nav>li.nav_buy-now>a .icon { background-image:url(../images/icon_buy-now.png); }
#header .navbar .nav>li.nav_buy-now>a { background: rgba(241,89,88,.8); transition:background .2s; font-weight:800; text-transform:uppercase; }
#header .navbar .nav>li.nav_buy-now>a:hover { background: rgba(241,89,88,1); }

#header .navbar .btn-navbar { background:transparent; border:1px solid rgba(255,255,255,0.5); border-radius:5px; margin-top:35px; margin-right:10px; padding:5px; }
#header .navbar .btn-navbar .icon-bar { background-color:rgba(255,255,255,0.5); width:17px; height:3px; border-radius:3px; }
#header .btn-navbar .icon-bar+.icon-bar { margin-top:3px; }

#header .dropdown-menu { margin-top:0; padding:20px 30px; background-color:rgba(255,255,255,.95) }
#header .dropdown-menu a { color:#333333;   background-color: rgba(255,255,255,0); }
#header .dropdown-menu li { border-top:1px solid #ccc; }
#header .dropdown-menu li a { padding:10px 0; }
#header .dropdown-menu li a:hover { color:#3392eb; }
#header .dropdown-menu li:first-child { border-top:0; }
#header .navbar .nav>li>.dropdown-menu:before { display:none; }
#header .navbar .nav>li>.dropdown-menu:after { display:none; }
#header .navbar .nav li.dropdown>.dropdown-toggle .caret { display:none; }
#header .navbar .nav li.dropdown.open>.dropdown-toggle, #header .navbar .nav li.dropdown.active>.dropdown-toggle, #header .navbar .nav li.dropdown.open.active>.dropdown-toggle { background:rgba(0,0,0,0.15); }
#header .dropdown-menu>li>a:hover, #header .dropdown-menu>li>a:focus, #header .dropdown-submenu:hover>a, #header .dropdown-submenu:focus>a { background:transparent; }


@media (min-width:980px) {
	.nav-collapse .hover-open>.dropdown-menu { display:block; }
}

@media (max-width:979px) { 
	#header .navbar .nav>li>a { line-height:20px; padding:5px 20px; }
}

#slogan { height:60px; margin:20px 10px; background:url(../images/motto_subpage_gsl.png) no-repeat top center; background-size:contain; }
.site-digitalbell #slogan { background-image:url(../images/motto_subpage_digitalbell.png); }
.site-frontrunner #slogan { background-image:url(../images/motto_subpage_frontrunner.png); }
.site-hilltop #slogan { background-image:url(../images/motto_subpage_hilltop.png); }

.page_home #slogan { background-image:url(../images/motto_home_gsl.png); height:130px; margin:60px 20px; }
.site-digitalbell.page_home #slogan { background-image:url(../images/motto_home_digitalbell.png); }
.site-frontrunner.page_home #slogan { background-image:url(../images/motto_home_frontrunner.png); }
.site-hilltop.page_home #slogan { background-image:url(../images/motto_home_hilltop.png); }

@media (max-width:979px) { 
	.page_home #slogan { margin:20px 10px; height:60px; }
}

#body-container { background:white; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15); }
#content { min-height:500px; }

.contact-button { background:#3392eb; position:relative; z-index:4; color:white; text-align:center; font-size:30px; box-shadow: 4px 4px 0px 0px rgba(0,0,0,.15); text-transform:uppercase; font-family:"Oswald", sans-serif; font-weight:300; line-height:34px; display:block; padding:30px; color:white; transition:background-color 0.2s; margin-left: 0px; }
.contact-button:hover { text-decoration:none; background-color:#f15958; color:white; }
.contact-button .leadin { display: block; }
.contact-button .seperator { font-weight:400; margin:0 10px; display:none;}
.contact-button .phone { font-weight:400; }
.contact-button .email { font-weight:400; }
.contact-button .email .or { font-weight:300; font-size:22px; }
.contact-button .email .letter { display:inline-block; width:40px; height:30px; background:url(../images/icon_mail.png) no-repeat bottom -2px left; text-indent:-9999px; }
#contact .social { display: inline-block; }
#contact .contact { display: inline-block; padding: 0 20px; margin-top: 40px; position: relative; top: 50%; transform: translateY(-50%);}

@media (max-width: 1199px) {
	#footer-contact .leadin { display:block; padding-bottom:10px; }
	#footer-contact .seperator { display:none; }
}

@media (max-width: 767px) {
	#footer-contact .phone { display:block; padding-bottom:10px; }
	#footer-contact .email { display:block; }
}

#footer { position:relative; z-index:3; }
#footer-bottom { margin-top:20px; color:white; padding: 10px 0 40px 0;}

#footer-bottom a { color:inherit; }
#footer-bottom a:hover { text-decoration:underline; }

#footer-message { float:left; padding:13px 0; }
#footer-message .copywrite { float:left; margin-right:20px; }
#footer-message .footer-nav { float:left; }
#footer-message .footer-nav .separator { padding:0 5px; }

#footer-buttons { float:right; }
#footer-buttons .footer-button { display:inline-block; height:50px; background-position:left top; background-repeat:no-repeat; text-indent:-9999px; margin-left:30px; vertical-align:top; }
#footer-buttons .erate { width:75px; background-image:url(../images/logo_erate.png); }
#footer-buttons .gsl { width:90px; background-image:url(../images/logo_gsl_solutions.png); }
#footer-buttons .bbb { text-indent:0; margin-top:10px; }

#content { position:relative; }
#sidebar { z-index:2; position:relative; }
#sidebar-psuedo { position:absolute; top:1px; right:1px; bottom:1px; background:#f7f7f7; border-left:1px solid #ccc; z-index:1; }

@media (max-width: 767px) {
	#footer-bottom { padding-right:20px; padding-left:20px; }
	
	#footer-message { float:none; }
	#footer-message .copywrite { float:none; text-align:center; margin:0; }
	#footer-message .footer-nav { float:none; text-align:center; }
	#footer-buttons { float:none; text-align:center; }
	#footer-buttons .footer-button { margin:0 15px; }
	
	#sidebar-psuedo { display:none; }
}

#copy-inner { padding:40px 50px 30px 50px; }
.has-sidebar #copy-inner { padding:40px 20px 30px 40px; }
#sidebar-inner { padding:40px 20px 30px 20px; }


.pageheader h1 { margin:0; min-height:40px; color:#3392eb; font-family:"Source Sans Pro", sans-serif; font-size:36px; font-weight:700; border-bottom:1px solid #ccc; text-transform:uppercase; }
.pageheader h1 a { color:inherit; }
.pageheader h1 a:hover { text-decoration:none; }

.pageheader .pageactions { float:right; height:24px; padding-top:10px; }
.pageheader .pageactions a { float:left; display:block; color:inherit; margin-left:10px; }
.pageheader .pageactions a.print { width:24px; height:24px; background:url(../images/icon_print.png) 10px top no-repeat; text-indent:-9999px; border-left: 1px solid #ccc; padding-left: 10px; }
.pageheader .pageactions a.share { height:24px; background:url(../images/icon_share.png) right top no-repeat; padding-right:30px; }

.pageheader .breadcrumb { background:none; padding:0; font-size:16px; font-style:italic; font-weight:400; color:#262626; }
.pageheader .breadcrumb a { color:#262626; }
.pageheader .breadcrumb a:hover { text-decoration:underline; }


#sidebar .nav li.nav-header { border-bottom:1px solid #ccc; color:#262626; font-family:"Source Sans Pro", sans-serif; font-size:24px; font-weight:700; height:40px; line-height:40px; padding:0; text-transform:uppercase; }
#sidebar .nav-list { padding: 0; }
#sidebar .nav-list > li > a, #sidebar .nav-list .nav-header { margin: 0; }
#sidebar .nav>li>a { background: 0; background: transparent url(../images/arrow_small.png) left center no-repeat; border-bottom: 1px dashed #ccc; color: #333; font-size: 18px; font-weight:700; padding: 10px 0 10px 20px; }
#sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus, #sidebar .nav>.active>a, #sidebar .nav>.active>a:hover, #sidebar .nav>.active>a:focus { color: #3392eb; }

@media (min-width: 1200px) {
	#copy-inner { padding:40px 50px 30px 50px; }
	.has-sidebar #copy-inner { padding:40px 20px 30px 50px; }
	#sidebar-inner { padding:40px 30px 30px 30px; }
}
@media (max-width: 979px) and (min-width: 768px) {
	#copy-inner { padding:40px 50px 30px 50px; }
	.has-sidebar #copy-inner { padding:40px 20px 30px 40px; }
	#sidebar-inner { padding:40px 20px 30px 20px; }
	
	#sidebar .nav li.nav-header { font-size:18px; }
}
@media (max-width: 767px) {
	#copy-inner { padding:40px 20px 30px 20px; }
	.has-sidebar #copy-inner { padding:40px 20px 30px 20px; }
	#sidebar-inner { padding:0px 20px 30px 20px; }
}
@media (max-width: 480px) {
}


#home-story {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d8e8f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8e8f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d8e8f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d8e8f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d8e8f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d8e8f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8e8f5',GradientType=0 ); /* IE6-9 */
	
	border-top:1px solid #d6d7db;
}

#home-story .our-story { font-size:48px; line-height:48px; font-weight:300; padding:30px 0 30px 0; color:#262626; text-align:center; }
#home-story .story-list { position:relative; height:180px; z-index:10; padding-bottom:50px; }
#home-story .story-list .story-divider { background:url(../images/repeat_timeline_dot.png) repeat-x; position:absolute; top:25px; left:100%; width:37px; height:7px; }
#home-story .story-list .story-item { position:absolute; top:50px; line-height:1; }
#home-story .story-list .story-item a { color:inherit; }
#home-story .story-list .story-item .item-inner { position:relative; padding:10px; }
#home-story .story-list .story-item .icon { display:inline-block; color:white; font-size:12px; font-weight:700; text-align:center; line-height:36px; background-color:#262626; background-position:center center; background-repeat:no-repeat; width:36px; height:36px; border-radius:18px; cursor:pointer; transition:background-color 0.2s; }
#home-story .story-list .story-item .header { font-weight:700; }
#home-story .story-list .story-item .header .light { font-weight:300; font-size:14px; line-height:14px; }
#home-story .story-list .story-item .item { position:absolute; padding:7px 10px; text-align:center; background:white; border-radius:5px; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15); cursor:pointer; transition:background-color 0.2s; }
#home-story .story-list .story-item a.item { display:block; }
#home-story .story-list .story-item a.item:hover { text-decoration:none; }

#home-story .story-list .item-big .story-divider { top:35px; }

#home-story .story-list .story-item.item-top .item { bottom:66px; left:-56px; width:160px; }
#home-story .story-list .story-item.item-bottom .item { top:60px; left:-56px; width:160px; }
#home-story .story-list .story-item.item-big.item-top .item { bottom:68px; left:-48px; }


#home-story .story-list .story-item.item-top .item:before { width:0; height:0; content:"\00a0"; border-width:9px 9px 0 9px; border-style:solid; border-color:rgba(0, 0, 0, 0.15) transparent transparent transparent; position:absolute; bottom:-14px; left:50%; margin-left:-11px; }
#home-story .story-list .story-item.item-top .item:after { width:0; height:0; content:"\00a0"; border-width:10px 10px 0 10px; border-style:solid; border-color: white transparent transparent transparent; position:absolute; bottom:-10px; left:50%; margin-left:-16px; transition:border-color 0.2s; }

#home-story .story-list .story-item.item-bottom .item:after { width:0; height:0; content:"\00a0"; border-width:0 10px 10px 10px; border-style:solid; border-color: transparent transparent white transparent; position:absolute; top:-10px; left:50%; margin-left:-16px; transition:border-color 0.2s; }

#home-story .story-list .story-item.item-right .item:after { width:0; height:0; content:"\00a0"; border-width:10px 10px 10px 0; border-style:solid; border-color: transparent white transparent transparent; position:absolute; left:-10px; top:50%; margin-top:-16px; transition:border-color 0.2s; }

#home-story .story-list .story-item .header { font-size:14px; line-height:14px; font-weight:600; }
#home-story .story-list .story-item .copy { height:0; overflow:hidden; transition:height 0.3s ease; }

#home-story .story-list .story-item#item-formed { top:40px; left:120px; }
#home-story .story-list .story-item#item-numberone { left:223px; }
#home-story .story-list .story-item#item-families { left:321px; }
#home-story .story-list .story-item#item-senttoschools { left:419px; }
#home-story .story-list .story-item#item-digitalbellcreated { left:517px; }
#home-story .story-list .story-item#item-last { top:40px; left:610px; }

#home-story .story-list .story-item#item-formed .icon { line-height:50px; width:50px; height:50px; border-radius:25px; }
#home-story .story-list .story-item#item-numberone .icon { background-image:url(../images/icon_story_trophy.png); }
#home-story .story-list .story-item#item-families .icon { background-image:url(../images/icon_story_feet.png); }
#home-story .story-list .story-item#item-senttoschools .icon { background-image:url(../images/icon_story_bus.png); }
#home-story .story-list .story-item#item-digitalbellcreated .icon { background-image:url(../images/icon_story_bell.png); }
#home-story .story-list .story-item#item-last .icon { line-height:50px; width:50px; height:50px; border-radius:25px; }

#home-story .story-list .story-item#item-formed .item { }
#home-story .story-list .story-item#item-numberone .item { }
#home-story .story-list .story-item#item-families .item { }
#home-story .story-list .story-item#item-senttoschools .item { }
#home-story .story-list .story-item#item-digitalbellcreated .item { }
#home-story .story-list .story-item#item-last .item { width:180px; bottom:auto; top:-42px; left:70px; right:auto; font-size:18px; color:#262626 }

#home-story .story-list .story-item#item-last .item .small-grey { color:#414141; font-size:12px; }
#home-story .story-list .story-item#item-last .item .phone, #home-story .story-list .story-item#item-last .item .email { color:#3392eb; font-family:'Oswald', sans-serif; font-size:28px; line-height:34px; text-transform:uppercase; }

#home-story .story-list .story-item#item-last .item .smile { display:block; width:30px; height:30px; margin:0 auto; padding:0; background-image:url(../images/emoticon.png); background-repeat:no-repeat; background-position: center center; }


#home-story .story-list .story-item.active {  }
#home-story .story-list .story-item.active .copy { height:auto; line-height: 18px; text-align: left; padding: 10px; }
#home-story .story-list .story-item.active .item { background:#3393ea; color:white; }
#home-story .story-list .story-item.active .icon, #home-story .story-list .story-item:hover .icon { background-color:#f15958; }

#home-story .story-list .story-item.active.item-top .item:after { border-color:#3393ea transparent transparent transparent; }
#home-story .story-list .story-item.active.item-bottom .item:after { border-color:transparent transparent #3393ea transparent; }
#home-story .story-list .story-item.active.item-right .item:after { border-color:transparent #3393ea transparent transparent; }

@media (min-width:1200px) { 
	#home-story .story-list .story-divider { width:89px; }
	
	#home-story .story-list .story-item.item-top .item { bottom:66px; left:-98px; width:245px; }
	#home-story .story-list .story-item.item-bottom .item { top:60px; left:-98px; width:245px; }
	#home-story .story-list .story-item.item-big.item-top .item { bottom:68px; left:-91px; width:245px; }
	
	#home-story .story-list .story-item#item-formed { left:125px; }
	#home-story .story-list .story-item#item-numberone { left:280px; }
	#home-story .story-list .story-item#item-families { left:430px; }
	#home-story .story-list .story-item#item-senttoschools { left:580px; }
	#home-story .story-list .story-item#item-digitalbellcreated { left:730px; }
	#home-story .story-list .story-item#item-last { left:875px; }
	
	#home-story .story-list .story-item .header { font-size:18px; line-height:25px; min-height:27px; font-weight:600; }
	
	#home-story .story-list .story-item#item-formed .header i { display:inline-block; width:25px; height:25px; background-image:url(../images/logo_gsl_small.png); background-repeat:no-repeat; background-position:left top; vertical-align:middle; }
	#home-story .story-list .story-item#item-formed.active .header i { background-position:left bottom; }
}

@media (max-width:979px) { 
	#home-story .story-list { height:auto; padding:0 50px 50px; }
	
	#home-story .story-list .story-item .header { font-size:18px; line-height:20px; }
	
	#home-story .story-list .story-item
		, #home-story .story-list .story-item#item-formed
		, #home-story .story-list .story-item#item-numberone
		, #home-story .story-list .story-item#item-families
		, #home-story .story-list .story-item#item-senttoschools
		, #home-story .story-list .story-item#item-digitalbellcreated
		, #home-story .story-list .story-item#item-last 
		{ position:relative; top:auto; right:auto; bottom:auto; left:auto; padding-bottom:30px; }
	#home-story .story-list .story-divider { width:7px; height:auto; top:50px; left:20px; bottom:3px; background-repeat:repeat-y; }
	#home-story .story-list .story-item.item-big .story-divider { top:64px; }
	
	#home-story .story-list .story-item .item-inner { padding:0; }
	
	#home-story .story-list .story-item .icon { position:absolute; top:6px; left:6px; }
	#home-story .story-list .story-item.item-big .icon { left:0; }
	
	#home-story .story-list .story-item .item 
		, #home-story .story-list .story-item.item-top .item
		, #home-story .story-list .story-item.item-bottom .item
		, #home-story .story-list .story-item.item-big .item
		, #home-story .story-list .story-item.item-big.item-top .item
		, #home-story .story-list .story-item#item-last .item
		{ position:relative; width:auto; top:auto; left:auto; right:auto; bottom:auto; margin-left:60px; padding:15px 10px; }
	
	#home-story .story-list .story-item#item-formed .item {  }
	#home-story .story-list .story-item#item-numberone .item {  }
	#home-story .story-list .story-item#item-families .item {  }
	#home-story .story-list .story-item#item-senttoschools .item {  }
	#home-story .story-list .story-item#item-digitalbellcreated .item {  }
	#home-story .story-list .story-item#item-last .item {  }
		
		
		#home-story .story-list .story-item.item-top .item:before { border:0; }
		#home-story .story-list .story-item.item-top .item:after 
			, #home-story .story-list .story-item.item-bottom .item:after
			, #home-story .story-list .story-item.item-right .item:after 
			{ width:0; height:0; content:"\00a0"; border-width:10px 10px 10px 0; border-style:solid; border-color: transparent white transparent transparent; position:absolute; left:auto; right:100%; top:23px; margin-top:-10px; }
		#home-story .story-list .story-item.active.item-top .item:after 
			, #home-story .story-list .story-item.active.item-bottom .item:after 
			, #home-story .story-list .story-item.active.item-right .item:after 
			{ border-color:transparent #3393ea transparent transparent; }
		
		#home-story .story-list .story-item.item-big.item-top .item { padding-top:22px; padding-bottom:22px; }
		#home-story .story-list .story-item.item-big .item:after { top:32px; }
}

@media (max-width: 767px) {
	#home-story .our-story { font-size:34px; }
}
@media (max-width: 480px) {
	#home-story .our-story { font-size:30px; }
}

@media (min-width: 768px) {
	#home-top {
		background: #ffffff; 
		margin-bottom:60px;
		box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15);
        min-height: 390px;
	}
}

#home-features {
	background: #ffffff; 
	margin-bottom:40px;
	box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15);
}

#home-features .our-work { font-size:48px; line-height:48px; font-weight:300; padding:30px 0 30px 0; color:#262626; text-align:center; white-space:nowrap; }

#home-features .features-wrapper { margin:0 70px; }
#home-features .feature-tabs { display:table; width:100%; box-sizing:border-box; position:relative; z-index:10; border-bottom:1px dashed rgba(0, 0, 0, 0.25); }
#home-features .feature-tabs .feature-tab { display:table-cell; width:15%; box-sizing:border-box; text-align:center; cursor:pointer; }

#home-features .feature-tabs .feature-tab.active .feature-title { position:relative; }

#home-features .feature-tabs .feature-tab.active .feature-title:before { content:""; border-left:20px solid transparent; border-right:20px solid transparent; border-top:10px solid rgba(0,0,0,0.25); position:absolute; top:1px; left:50%; margin-left:-20px; }
#home-features .feature-tabs .feature-tab.active .feature-title:after { content:""; border-left:20px solid transparent; border-right:20px solid transparent; border-top:10px solid white; position:absolute; top:0px; left:50%; margin-left:-20px; }

#home-features .feature-tabs .feature-tab .feature-icon { width:110px; height:110px; margin:0 auto; border-radius:50%; background-repeat:no-repeat; background-position:top center;  margin-bottom:20px; box-shadow:4px 4px 0px rgba(0,0,0,0.4); 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;  /* For IE 6 - 9 */
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);  /* For Webkit browsers */
}

#home-features .feature-tabs .feature-tab:hover .feature-title { transition:color 0.2s; }

#home-features .feature-tabs .feature-tab:hover .feature-icon { -webkit-transition:all 0.2s ease; transition:all 0.2s ease;  }
#home-features .feature-tabs .feature-tab.active .feature-icon, #home-features .feature-tabs .feature-tab:hover .feature-icon {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: none;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

#home-features .feature-tabs .feature-tab .feature-title { display:block; padding-top:10px; line-height:40px; font-size:20px; font-weight:400; color:#808080; white-space:nowrap; }
#home-features .feature-tabs .feature-tab:hover .feature-title { color:#262626; text-decoration:none; }
#home-features .feature-tabs .feature-tab.active .feature-title { color:#000000; }

/* superintendents,principals,teachers,students,pta */

#home-features .feature-tabs #feature-tab-superintendents.feature-tab .feature-icon { background-image:url(../images/our_work_superintendent.jpg); }
#home-features .feature-tabs #feature-tab-principals.feature-tab .feature-icon { background-image:url(../images/our_work_principal.jpg); }
#home-features .feature-tabs #feature-tab-teachers.feature-tab .feature-icon { background-image:url(../images/our_work_teacher.jpg); }
#home-features .feature-tabs #feature-tab-students.feature-tab .feature-icon { background-image:url(../images/our_work_student.jpg); }
#home-features .feature-tabs #feature-tab-pta.feature-tab .feature-icon { background-image:url(../images/our_work_pta.jpg); }

#home-features .feature-carousel { position:relative; z-index:9; margin-top:-50px; height:450px; }
#home-features .feature-carousel .feature-item { background-repeat:no-repeat; background-position:bottom center; background-size:contain; position:absolute; top:0; right:0; bottom:0; left:0; border-top:1px solid rgba(0,0,0,0.25); }

#home-features .feature-carousel .feature-item { display:none; opacity:0; -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
#home-features .feature-carousel .feature-item.active { display:block; opacity:1; }

#home-features .feature-carousel #feature-superintendents.feature-item { background-color:#d9e8f5; background-image:url(../images/feature_superintendents.jpg); }
#home-features .feature-carousel #feature-principals.feature-item { background-color:#f8e7d2; background-image:url(../images/feature_principals.jpg); }
#home-features .feature-carousel #feature-teachers.feature-item { background-color:#c1e4d1; background-image:url(../images/feature_teachers.jpg); }
#home-features .feature-carousel #feature-students.feature-item { background-color:#ced3de; background-image:url(../images/feature_students.jpg); }
#home-features .feature-carousel #feature-pta.feature-item { background-color:#d9e8f5; background-image:url(../images/feature_pta.jpg); }

#home-features .feature-carousel .feature-item .feature-description { width:180px; position:absolute; top:0; left:0; bottom:0; padding:70px 0 20px 70px; font-size:18px; line-height:20px; color:#262626; }
#home-features .feature-carousel .feature-item .feature-description .feature-attribution { text-align:right; }
#home-features .feature-carousel .feature-item .feature-description .feature-attribution .name { display:block; font-size:24px; font-weight:700; }
#home-features .feature-carousel .feature-item .feature-description .feature-attribution .title { display:block; font-size:14px; font-style:italic; font-weight:400; }
#home-features .feature-carousel .feature-item .feature-description .feature-link { text-align:right; padding:10px 0; margin-top:5px; border-top:1px dashed rgba(0,0,0,0.25); font-size:14px; font-style:italic; font-weight:400; }
#home-features .feature-carousel .feature-item .feature-description .feature-link a { color:inherit; line-height:14px; padding-right:20px; background:url(../images/arrow_small.png) no-repeat right center; }
#home-features .feature-carousel .feature-item .feature-description .feature-link a:hover { text-decoration:underline; }

#home-features .feature-carousel .feature-carousel-arrow { position:absolute; top:50%; margin-top:-42px; width:24px; height:85px; background-repeat:no-repeat; background-position:left top; z-index:20; cursor:pointer; }
#home-features .feature-carousel .feature-carousel-arrow.prev { background-image:url(../images/arrow_feature_left.png); left:20px; }
#home-features .feature-carousel .feature-carousel-arrow.next { background-image:url(../images/arrow_feature_right.png); right:20px; }
#home-features .feature-carousel .feature-carousel-arrow:hover { background-position:left bottom; }

@media (min-width:1200px) { 
	#home-features .feature-carousel { min-height:500px; }
	
	#home-features .feature-carousel .feature-item .feature-description { width:250px; font-size:22px; line-height:24px; }
}

@media (max-width:979px) { 
	#home-features .our-work { font-size:48px; }
	#home-features  .features-wrapper { margin:0 30px; }
	
	#home-features .feature-tabs .feature-tab .feature-icon	{ width:55px; height:55px; background-size:contain; box-shadow:2px 2px 0px rgba(0,0,0,0.4); }
	#home-features .feature-tabs .feature-tab .feature-title { font-size:20px; }
	
	#home-features .feature-tabs .feature-tab.active:before { top:75px; }
	#home-features .feature-tabs .feature-tab.active:after { top:75px; }
	
	#home-features .feature-carousel .feature-item { min-height:0; padding-bottom:35%; padding-top:50px; }
	#home-features .feature-carousel .feature-item .feature-description { width:auto; position:static; top:auto; right:auto; bottom:auto; left:auto; padding:20px 30px; }
	
	#home-features .feature-carousel .feature-carousel-arrow { display:none; }
	
}

@media (max-width: 767px) {
	#home-features .our-work { font-size:34px; }
	#home-features  .features-wrapper { margin:0 10px; }
	#home-features .feature-tabs .feature-tab .feature-title { font-size:14px; }
	
	#home-features .feature-carousel .feature-item .feature-description { padding:20px 10px; font-size:18px; line-height:20px; }
	#home-features .feature-carousel .feature-item .feature-description .feature-attribution .name { font-size:16px; }
}
@media (max-width: 480px) {
	#home-features .feature-carousel { height:350px; }
	#home-features  .features-wrapper { margin:0 5px; }
	#home-features .our-work { font-size:30px; }
	#home-features .feature-tabs .feature-tab .feature-title { font-size:10px; }
	
	#home-features .feature-carousel .feature-item .feature-description { padding:20px 5px; font-size:14px; line-height:16px; }
}

#home-pagecontent {}
#home-pagecontent .pagegroup .section .header h2 { color:inherit; font-family:'Source Sans Pro', sans-serif; line-height:24px; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 40px 0 30px 0; text-transform:uppercase; }

@media (max-width: 767px) {
	#home-pagecontent {
	  padding:0 30px;
	}
}

@media print {
	#slogan
	, #header 
	, .pageheader .pageactions
	, #footer
	, #sidebar
	, #sidebar-psuedo
		{ display:none; }
		
	#copy.span9 { width:auto; float:none; margin-left:0; }

	.pageheader a[href]:after
	, #sidebar a[href]:after
		{ content:""; }
}

/* ***** CONTENT ***** */

.btn-primary { background-color:#3392eb; transition:background-color 0.2s; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color:#f15958 }

.nav-pills>.active>a { background-color:#3392eb; }
.nav-pills>.active>a:hover, .nav-pills>.active>a:focus { background-color:#f15958 }

.content ul, .content ol {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	list-style-position: inside;
}
.recordList article { margin-bottom: 50px;}
.element_posttypes .recordsContainer img { padding-bottom: 40px; }
.element_textblocks .article { margin-bottom: 30px; }
.post-image { margin: 0 20px 10px 0; width: 50%; }
.post-image img { border-radius: 6px; width: 100%; }
@media (max-width: 640px) {
	.post-image { float: none; margin: 12px 0; width: 100%; }
}
.post-image-modal { border-radius: 0; }
.post-image-modal img { width: 100%; }
@media (min-width: 768px) {
	.post-image-modal { width: 764px; margin-left: -382px; }
}

/* temp fix for post inline images
article.post div.content > img, article.post div.content > p > img {
	border-radius: 6px;
	clear: both;
	display: block;
	float: none;
	margin: 1em 0;
} */


#powered-by {
	text-align: center;
	position:relative;
	font-family: 'Georgia';
	padding: 20px 0 40px 0;
	-webkit-font-smoothing: antialiased;
	}

		#powered-by .digital-bell {
			line-height: 1.25em;
			color:#fff;
			padding:20px 0 20px 0;			
			}
			
			#powered-by .digital-bell .powered {
				font-size:14px;
				font-weight:400;
				color:rgba(255, 255, 255, 0.65);
				font-style:italic;
				}
			
			#powered-by .digital-bell .tagline {
				font-size:17px;
				font-weight:400;
				}
			
			#powered-by .digital-bell .bell-logo {
				display: inline-block;
				width: 238px;
				padding-top:14px;
				height: 34px;
				background: url(../images/logo_digital_bell_footer.png) no-repeat top left;
				text-indent: -9999px;
				margin:0 10px 0 10px;
				}

		#powered-by .bell-link {
			font-size:16px;
			font-weight:400;
			color:rgba(255, 255, 255, 0.65);
			padding:15px 0 15px 0;
			}

#powered-by a {
	display: block;
	text-decoration:none;
	padding:10px;
	color: inherit;
	transition: background-color 0.2s;
	}

#powered-by a:hover {
	background-color: rgba(255, 255, 255, 0.05);
	}
	
.galleria-lightbox-info {
top:10px;
height: 18px !important;
z-index:50;
background-color:#FFF;
}
.galleria-lightbox-title {
font-size: 40px;
font-weight:600;
float: none !important;
text-align: center;
line-height:36px;
background-color:#FFF;
border-bottom: 1px solid #ccc;
padding: 5px 10px 13px 10px;
}

@media (max-width: 767px) {
.galleria-lightbox-title {
font-size: 18px;
line-height:16px;
}	
}

.galleria-lightbox-image {
top: 58px !Important;
bottom: 10px !Important;
}

.galleria-lightbox-shadow {
background: none !important;
}

.galleria-lightbox-content {
bottom: -10px !important;
}

.block-padding { padding:0; }
@media (min-width:980px) { .block-padding { padding: 10% 0;} }
@media (min-width:1200px) { .block-padding { padding: 15% 30px;} }


/* Homepage Promo */

@media (min-width: 1200px) { .promo-row .span4 { width: 33.333% !important; padding: 5px !important; margin: 0 !important; } }
#promos { background: white; padding: 40px 50px;}
#promos .column { text-align: center; font-weight: 400; font-size: 18px; color: #808080;}
#promos .column img { display: block; margin: 0 auto 10px; }
#promos .column a { color: inherit; display: block; padding: 15px; margin-bottom: 10px; }
#promos .column a:hover { border-radius: 0 !important; text-decoration: none; background: rgba(0,0,0,.05); }
#promos .column a.cms-header {  }
#promos .column a .header { display: block; margin-top: -55px; color: #fff;}
#promos .column a .img-table { display: table; width: 100%; height: inherit; color: #fff; transition: background-color .2s; }
#promos .column a .img-table .img-cell { display: table-cell; vertical-align: middle; }
#promos .column a.video-block .img-table {position: relative;z-index: 10;height: inherit;transform: translate(0%, -101%);}
#promos .column a.video-block .header { display: block; position: relative; margin-top: -460px; z-index: 10;}
#promos .column a.img-bg { display: block;  background-color: #ccc; background-size: 100% !important; height: 400px; transition:background-size, opacity, .3s; overflow: hidden; padding: 0;}
#promos .column a.img-bg:hover { background-size: 120% !important; }
        
#promos .column a .video { position: relative; z-index: 1; width: auto; height: 100%; right: 0%; opacity: 0; transition: opacity .3s; }
#promos .column a:hover .video { opacity: 1; }
        
#promos .column a.img-bg.st-annes { background:#ccc url(images/home_bg_stannes.jpg) no-repeat center;}
#promos .column a:hover.img-bg.st-annes .img-table {background-color: rgba(62,92,125,.65);}
#promos .column a.img-bg.toys-for-tots { background:#ccc url(images/home_bg_toys.jpg) no-repeat center;}
#promos .column a:hover.img-bg.toys-for-tots .img-table {background-color: rgba(233,50,50,.65);}
#promos .column a.img-bg.armed { background:#ccc url(images/home_bg_armed.jpg) no-repeat center;}
#promos .column a:hover.img-bg.armed .img-table {background-color: rgba(48,57,68,.65);}
#promos .column a.img-bg.rubio { background:#ccc url(images/home_bg_rubio.jpg) no-repeat center;}
#promos .column a:hover.img-bg.rubio .img-table {background-color: rgba(62,92,125,.65);}
#promos .column a.img-bg.uxo { background:#ccc url(images/home_bg_uxo.jpg) no-repeat center;}
#promos .column a:hover.img-bg.uxo .img-table {background-color: rgba(74,89,70,.65);}
#promos .column a.img-bg.hope { background:#ccc url(images/home_bg_hope.jpg) no-repeat center;}
#promos .column a:hover.img-bg.hope .img-table {background-color: rgba(96,82,67,.65);}
        
#promos .column a.img-bg img {  }
        
@media (min-width: 768px) {
    #promos .column a.cms-header { min-height: 150px; }
    #promos .column a.img-bg { height: 280px;}
    #promos .column a.video-block .header { margin-top: -340px; }
    #promos .column a .video { right: 50%; }
    #promos .column a.img-bg img { max-width: 170px }
}
@media (min-width: 992px) {
    #promos .column a.img-bg { height: 380px;}
    #promos .column a.video-block .header { margin-top: -440px; }
    #promos .column a.img-bg img { max-width: 300px }
}
@media (min-width: 1200px) {
    #promos .column a.cms-header { min-height: 130px; }
    #promos .column a.img-bg { height: 450px; }
    #promos .column a.video-block .header { margin-top: -510px; }
}


/* Video Background */

#case-study { color: inherit; display: block; padding: 15px; margin-bottom: 10px; background: rgba(0,0,0,.05); }
#case-study:hover { border-radius: 0 !important; text-decoration: none;  }
#case-study .cms-header {  }
#case-study .header { display: block; margin-top: -55px; color: #fff;}
#case-study .img-table { display: table; width: 100%; height: inherit; color: #fff; transition: background-color .2s; }
#case-study .img-table .img-cell { display: table-cell; vertical-align: middle; }
#case-study .video-block .img-table {position: relative;z-index: 10;height: inherit;transform: translate(0%, -101%);}
#case-study .video-block .header { display: block; position: relative; margin-top: -460px; z-index: 10;}
#case-study .img-bg { display: block;  background-color: #ccc; background-size: 100% !important; height: 400px; transition:background-size, opacity, .3s; overflow: hidden; padding: 0;}
#case-study .img-bg:hover { background-size: 120% !important; }
        
#case-study .video { position: relative; z-index: 1; width: 100%; height: auto; right: 0%; opacity: 1; }
        
#case-study .img-bg img {  }
@media (min-width: 768px) {
    #case-study .cms-header { min-height: 150px; }
    #case-study .img-bg { height: 280px;}
    #case-study .video-block .header { margin-top: -340px; }
    #case-study .img-bg img { max-width: 170px }
}
@media (min-width: 992px) {
    #case-study .img-bg { height: 380px;}
    #case-study .video-block .header { margin-top: -440px; }
    #case-study .img-bg img { max-width: 300px }
}
@media (min-width: 1200px) {
    #case-study .cms-header { min-height: 130px; }
    #case-study .img-bg { height: 450px; }
    #case-study .video-block .header { margin-top: -510px; }
}