.clearfix {clear:both;}

#promos { background:white; padding:0 30px 30px; }
#promos h2.header { font-size:24px; font-weight:300; color:#808080; border-bottom:1px dashed #ccc; margin:0 0 25px 0; padding:15px 0; text-align: center; text-transform: none; }
#promos .item { text-align:center; font-weight: 400; font-size: 18px; color: #808080; transition: background .2s; }
#promos .item a:hover { background: rgba(0,0,0,.05); border-radius: 4px; }
#promos .item img { display:block; margin:0 auto 10px; }
#promos .item a { color:inherit; display:block; padding:15px; }
.promo-row {overflow:hidden}
@media (min-width: 768px) {
#promos { background:white; padding:0 50px 30px; }
#promos .item a { padding-bottom: 1000px;margin-bottom: -980px; }
}

#carousel { padding:0 30px; }
#carousel .carousel-inner>.item { display:block; }
#carousel .subtitle { font-size: 22px; font-weight: 300; padding-top: 20px; }

#carousel .item .title { font-size:36px; font-weight:400; }
#carousel .item .title:hover {color: #f15958;}
@media (max-width: 1199px) { #carousel .item .title { font-size:30px;} }
@media (max-width: 980px) { #carousel .item .title { font-size:26px;} }
#carousel .item .title a { color:inherit; }
#carousel .item a:hover { color: #3392eb; }
#carousel .item .read-more { display:none; }
#carousel .item .content { margin:15px 0 30px; }

@media (min-width:768px) {
	#carousel { background:white; padding:0; }
	#carousel .item { height:360px; position:relative; color:white; }
	#carousel .carousel-inner>.item { display:none; }
	#carousel .carousel-inner>.active { display:block; }
	#carousel .item a:hover { color:inherit;; }
	#carousel .item .image { width:750px; max-width:75%; position:absolute; top:0; right:0; bottom:0; }
	#carousel .item .image img { display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
	#carousel .item:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; box-shadow: 0 0 250px rgba(0, 0, 0, 0.75) inset;
		background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(37, 40, 45)), color-stop(0.4, rgb(37, 40, 45)), color-stop(0.60, rgba(37,40,45, 0)), color-stop(1, rgba(37,40,45, 0)));
		background-image: -o-linear-gradient(left, rgb(37, 40, 45) 0%, rgb(37, 40, 45) 40%, rgba(37, 40, 45, 0) 35%, rgba(37, 40, 45, .35) 100%);
		background-image: -moz-linear-gradient(left, rgb(37, 40, 45) 0%, rgb(37, 40, 45) 40%, rgba(37, 40, 45,0) 60%, rgba(37, 40, 45, .35) 100%);
		background-image: -webkit-linear-gradient(left, rgb(37, 40, 45) 0%, rgb(37, 40, 45) 40%, rgba(37, 40, 45, 0) 60%, rgba(37, 40, 45, .35) 100%);
		background-image: -ms-linear-gradient(left, rgb(37, 40, 45) 0%, rgb(37, 40, 45) 40%, rgba(37, 40, 45, 0) 60%, rgba(37, 40, 45, .35) 100%);
		background-image: linear-gradient(to left, rgb(37, 40, 45) 0%, rgb(37, 40, 45, 0) 40%, rgba(37, 40, 45, 0) 60%, rgba(37, 40, 45, .35) 100%);
	}
	
	#carousel .item .read-more { display:inline-block; height:50px; background:#3392eb; color:white; line-height:50px; padding:0 20px; font-size:18px; border-radius:5px; margin-top:15px; transition: background .2s; }
	#carousel .item .read-more:hover { background-color:#f15958; }
	
	#carousel .item .content { position:absolute; top:70px; left:70px; bottom:50px; width:30%; margin:0; z-index:10; overflow:hidden; }

	#carousel .carousel { position:relative; }
	#carousel .carousel .controls { position:absolute; top:0; right:0; left:0; bottom:0; z-index:5; }
	#carousel .carousel .prev, #carousel .carousel .next { position:absolute; top:50%; margin-top:-42px; width:50px; height:85px; background-repeat:no-repeat; background-position:center center; cursor:pointer; opacity:0.5; transition:opacity .2s; }
	#carousel .carousel .prev { left:0; background-image:url(../images/arrow_carousel_left.png); }
	#carousel .carousel .next { right:0; background-image:url(../images/arrow_carousel_right.png); }
	#carousel .carousel .prev:hover, #carousel .carousel .next:hover { opacity:1; }
	
	#carousel .carousel-indicators { top:50px; left:70px; right:auto; width:30%; display:-webkit-flex; display:flex; }
	#carousel .carousel-indicators a { -webkit-flex: 1 1 auto; flex: 1 1 auto; display:block; height:5px; background-color:rgba(255,255,255,0.4); margin-right:1px; transition: background-color .2s, box-shadow .2s; }
	#carousel .carousel-indicators a.active {  background-color:rgba(255,255,255,1); box-shadow: 0 0 10px rgba(255, 255, 255, 1); }
	#carousel .carousel-indicators a:hover { background-color: rgba(255,255,255,1); box-shadow: 0 0 10px rgba(255, 255, 255, 1); }
}
@media (min-width:981px) { #carousel .item { height:470px;} }
@media (min-width:1200px) { #carousel .item { height:500px;} }

#news-blocks { padding:0; } 
@media (max-width: 767px) { #news-blocks { padding:0 30px; } }
#news-blocks h2 { font-size:30px; font-weight:bold; border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0 0 30px 0; }
#news-blocks .items { margin-bottom:10px; }
#news-blocks .item { margin-bottom:30px; }
#news-blocks .item .image { margin-bottom:15px; background-color:#25282d;}
#news-blocks .item .image img { display:block; margin-left: auto; margin-right: auto;}
#news-blocks .item .image img:hover {  }
#news-blocks .item .image a { display:block; position:relative; }
#news-blocks .item .image a:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; box-shadow:inset 0px 0px 100px 0px rgba(0,0,0,.35); transition:box-shadow .2s;  }
#news-blocks .item:hover .image a:before { box-shadow:inset 0px 0px 100px 0px rgba(0,0,0,.0);  }
#news-blocks .item .title { font-size:24px; font-weight:normal; margin-bottom:30px; }
#news-blocks .item .subtitle { font-size:18px; font-weight:300; }
#news-blocks .item a { color:inherit; }
#news-blocks .item:hover a { color: #3392eb; }

@media (max-width: 767px) {#promo-banner {background: #fff;margin-bottom: 40px;padding-bottom: 1px;}}
#promo-banner .promo-banner-wrapper { background:#464f57; padding:0 50px; color:white; padding:0 50px; border-radius: 0 0 7px 7px;  margin: 0px 30px 50px 30px; transition: background .2s; box-shadow: 4px 4px 0px 0px rgba(0,0,0,.15);}
@media (min-width: 768px) {
#promo-banner .promo-banner-wrapper { margin: 0px 50px 50px 50px;}
}
@media (max-width: 560px) {#promo-banner .promo-banner-wrapper {  margin: 0px 0px 30px 0px; border-radius: 0px; box-shadow: none; padding: 0 30px; }}
/*.site-digitalbell #promo-banner .promo-banner-wrapper { background:#f15958; }*/
/*.site-hilltop #promo-banner .promo-banner-wrapper { background:#b9040d; }*/
#promo-banner .promo-banner-wrapper.active { background:#464f57; }
/*#promo-banner .promo-banner-wrapper:hover { background-color:#f15958; }*/
/*#promo-banner .promo-banner-wrapper.active:hover { background-color:#464f57; }*/
#promo-banner .banner-link { background:#3393ea; color:inherit; display:block; text-align:center; padding:20px 20px 15px 20px; font-size:32px; letter-spacing: 1px; line-height:1; font-weight:300; font-family:"Oswald", sans-serif; margin:0px -50px; transition: background .2s; border-radius:inherit;}
#promo-banner .banner-link:hover { background:#f15958;}
#promo-banner .banner-link .title { display:block; margin-bottom:10px; padding: 0 20px; }
#promo-banner .banner-link .subtitle { display:block; font-size:24px; font-weight:300; }
#promo-banner .active .banner-link { border-radius:initial; }
#promo-banner .active a.banner-link { background:#3393ea; transition: background .2s; }
#promo-banner .active a.banner-link:hover { background:#f15958; }

#promo-banner .promo-banner-message { max-height:0; overflow:hidden; transition:max-height 0.5s; }
#promo-banner .active .promo-banner-message { max-height:9999px; }
#promo-banner ol { font-size: 30px; font-family:"Oswald", sans-serif; counter-reset:li; margin-left:0; padding-left:0; padding-top:30px; }
#promo-banner ol > li { position:relative; margin:0 0 25px 0; padding:0 0 0 1.4em; list-style:none; line-height:1; }
#promo-banner ol > li:before { content:counter(li) "."; counter-increment:li; position:absolute; top:0; left:0; width:1em; font-weight:bold; text-align:left; }
#promo-banner ol > li { font-weight:300; }
#promo-banner .contact-button { padding:30px; margin:50px 0; border-radius: 5px; box-shadow: 4px 4px 0px 0px rgba(0,0,0,.15); }

#promo-banner .promo-banner-social-media { display:flex; background:#464f57; min-height: 70px; padding:20px 50px; color:white; border-radius: 7px 7px 0 0;  margin: 0px 30px; box-shadow: 4px 4px 0px 0px rgba(0,0,0,.15);}
@media (min-width: 768px) {
#promo-banner .promo-banner-social-media { margin: 0px 50px 0px 50px;}
}
@media (max-width: 560px) {#promo-banner .promo-banner-social-media {  margin:0; border-radius: 0px; box-shadow: none; padding: 20px 30px; }}
#promo-banner .promo-banner-social-media .social_container { margin-left: auto; margin-right: auto; }
#promo-banner .twitter a { background-image: url(../images/icon_social_twitter.png); }
#promo-banner .twitter a:hover { background-color:#40bff5; }
#promo-banner .facebook a { background-image: url(../images/icon_social_facebook.png); }
#promo-banner .facebook a:hover { background-color:#5d82d1; }
#promo-banner .instagram a { background-image: url(../images/icon_social_instagram.png); }
#promo-banner .instagram a:hover { background-color:#548bb6; }
#promo-banner .youtube a { background-image: url(../images/icon_social_youtube.png); }
#promo-banner .youtube a:hover { background-color:#ef4e41; }
#promo-banner .rss a { background-image: url(../images/icon_social_rss.png); }
#promo-banner .rss a:hover { background-color:#25a774; }
#promo-banner .social-media { display:inline-block; float:left;}
#promo-banner .social-media-separator { display:inline-block; float:left; width:1px; background:rgba(255,255,255,.35); height: 70px; margin: 0 5px;}
#promo-banner .social-media a { display: block; min-width: 70px; height: 70px; background-position: center center; background-repeat: no-repeat; text-indent: -9999px; transition: background-color .2s; }

/* Key Advantages */

#key-advantages {text-align: center;}
#key-advantages .key-title { display: block; width: 100%; color:#3392eb; margin-bottom: 40px; margin-top:10px; line-height: 1; }
#key-advantages .key-title .strong {font-size: 40px; font-weight: 900; text-transform: uppercase; display:inline-block; }
#key-advantages .key-title .italic {font-size: 36px; font-weight: 200; font-style:italic; display:inline-block; padding: 0 5px; }
#key-advantages .item {width: 33.333333%; float: left; }
#key-advantages .item .item-inner { }
#key-advantages .item .item-inner p { font-size: 18px; font-weight: 300; line-height: 1.5;}
#key-advantages .item .item-inner img { max-height: 80px; width: auto; margin-bottom: 10px; }
#key-advantages .item .item-inner span { display: block; color: initial; font-size: 18px; font-weight: 300; }
#key-advantages .item .item-inner span.title {font-size: 24px;text-transform: uppercase;font-weight: 700; padding:10px 0;}
#key-advantages .item a {display: block; padding: 20px; transition:background .2s;}
#key-advantages .item a:hover { background:#f2f2f2;}
#key-advantages.btn-signup {width: 100%;display: inline-block; line-height: 1;}
#key-advantages.btn-signup a {
    display: block;
    max-width: 720px;
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    background-color: #f15959;
    border-radius: 10px;
    border: 2px solid #cd4c4b;
    padding: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: background .2s;
	box-shadow: 0px 1px rgba(255,255,255,.35) inset;
    background: #f15958;
    background: -moz-linear-gradient(top, #f15958 0%, #cd4c4b 100%);
    background: -webkit-linear-gradient(top, #f15958 0%,#cd4c4b 100%);
    background: linear-gradient(to bottom, #f15958 0%,#cd4c4b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15958', endColorstr='#cd4c4b',GradientType=0 );
}
#key-advantages.btn-signup a:hover {     
    box-shadow:none;
    background: -moz-linear-gradient(top, #f15958 0%, #f15959 100%);
    background: -webkit-linear-gradient(top, #f15958 0%,#f15959 100%);
    background: linear-gradient(to bottom, #f15958 0%,#f15959 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15958', endColorstr='#f15959',GradientType=0 );
	}

@media (max-width: 767px) {
	#key-advantages.btn-signup a { font-size:30px; }
	#key-advantages .item {width:100%;}
}
#daily-time-savers .item { float: left; width: 12.5%;}
#daily-time-savers .item-inner { padding: 5px; text-align: center; }
#daily-time-savers .tab-content span { display: block;font-size: 24px;font-weight: 800;text-transform: uppercase;}
#daily-time-savers ul {border: none;}
#daily-time-savers ul li { width: 12.5%; text-align: center;}
#daily-time-savers ul li a img {width: 100%;height: auto;max-width: 125px;}
#daily-time-savers ul li a {
    padding: 0;
    border: none;
    margin: 5px;
    border-radius: 50%;
    transition: box-shadow .2s;
}
#daily-time-savers ul li.active>a, #daily-time-savers ul li a:hover {
    box-shadow: -3px 5px 5px rgba(0,0,0,.3);
}
#daily-time-savers .tab-content { overflow:visible; margin-top: -10px;}
#daily-time-savers .tab-content .tab-pane .inner-pane {color: #fff; background-color: #999; padding: 40px; border-radius: 7px; box-shadow: -3px 5px 5px rgba(0,0,0,.3);}
#daily-time-savers #ts-calendar .inner-pane {background-color: #3e89cf;}
#daily-time-savers #ts-email .inner-pane {background-color: #3cb878;}
#daily-time-savers #ts-phone-calls .inner-pane {background-color: #f26c4f;}
#daily-time-savers #ts-office-visits .inner-pane {background-color: #f7941d;}
#daily-time-savers #ts-maintanance .inner-pane {background-color: #1cbbb4;}
#daily-time-savers #ts-support .inner-pane {background-color: #3e89cf;}
#daily-time-savers #ts-announcements .inner-pane {background-color: #3cb878;}
#daily-time-savers #ts-guides .inner-pane {background-color: #9ec369;}
#daily-time-savers .tab-pane:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid #999;
    margin-left: 5%;
}
#daily-time-savers .tab-pane#ts-calendar:before { border-bottom: 15px solid #3e89cf; margin-left: 4.5%; }
#daily-time-savers .tab-pane#ts-email:before { border-bottom: 15px solid #3cb878; margin-left: 17%; }
#daily-time-savers .tab-pane#ts-phone-calls:before { border-bottom: 15px solid #f26c4f; margin-left: 29.5%; }
#daily-time-savers .tab-pane#ts-office-visits:before { border-bottom: 15px solid #f7941d; margin-left: 42%; }
#daily-time-savers .tab-pane#ts-maintanance:before { border-bottom: 15px solid #1cbbb4; margin-left: 54.5%; }
#daily-time-savers .tab-pane#ts-support:before { border-bottom: 15px solid #3e89cf; margin-left: 67%; }
#daily-time-savers .tab-pane#ts-announcements:before { border-bottom: 15px solid #3cb878; margin-left: 79.5%; }
#daily-time-savers .tab-pane#ts-guides:before { border-bottom: 15px solid #9ec369; margin-left: 92%; }
#daily-time-savers .time-saver-image { display: inline-block; float: left; margin-right: 20px; margin-bottom:20px; width: 25%; max-width: 125px; }
#daily-time-savers .time-saver-text { display: inline-block; width: 65%; margin-top:10px;  }
#daily-time-savers.time-savers { margin: 20px 0;}
@media (max-width: 991px) { 
#daily-time-savers ul li { width: 25%;} 
#daily-time-savers ul li a {padding: 10px;border: none;margin:0;border-radius: 5px;transition: background .2s;}
#daily-time-savers ul li.active>a, #daily-time-savers ul li a:hover {box-shadow: none;background-color: #f2f2f2;}
#daily-time-savers .tab-pane:before {display: none;}
}
@media (min-width: 992px) {
#daily-time-savers.time-savers {background: url(../images/bg_time_savers.jpg)no-repeat right top; margin-right: -50px; min-height: 420px; float: left; }
#daily-time-savers .time-saver-text { width: 50%; }
}
#improved-school-image .school-image { display: inline-block; float: left; margin-right: 20px; margin-bottom:20px; width: 25%; max-width: 125px; }
#improved-school-image .school-image-text { display: inline-block; width: 65%; margin-top:10px;  }
#improved-school-image.improved-school-image { margin: 20px 0;}
#improved-school-image .image { float:right; margin-right:-20px;}
@media (min-width: 992px) {
#improved-school-image.improved-school-image {background: url(../images/bg_improved_school_image.jpg)no-repeat right top; margin-right: -50px; min-height: 450px; float: left;background-size: 45%; }
#improved-school-image .school-image-text { width: 50%; }
}
.text .title {font-size: 24px; text-transform: uppercase; font-weight: bold;}
.text .abstract {font-size: 18px; font-weight: 300; margin-bottom: 30px;}
@media (min-width: 992px) { 
#parental-involvement .image { float:left; width:66.666666%; }
#parental-involvement .text {width: 33.333333%;float: left;}
#parental-involvement .text .title, #parental-involvement .text .abstract {padding-left: 30px;}
}

#used-by .item {width: 50%; background-color: #194fa1; box-shadow: 0 0 0 1px rgba(255,255,255,1)inset; float: left;}
#used-by .item a img { background-size: 100%; display: block; box-shadow: 0 0 0 1px rgba(255,255,255,1); }