#dcal > .col-md-3 {
	background: rgb(243, 243, 243); margin: 5px 5px 5px 8px; width: 23%; height: 125px;
}
#dcal2 > .col-md-3 {
	background: rgb(243, 243, 243); margin: 5px 5px 5px 8px; width: 23%; height: 125px;
}
#dcal3 > .col-md-3 {
	background: rgb(243, 243, 243); margin: 5px 5px 5px 8px; width: 23%; height: 125px;
}
#dcal4 > .col-md-3 {
	background: rgb(243, 243, 243); margin: 5px 5px 5px 8px; width: 23%; height: 125px;
}
#dcal5 > .col-md-3 {
	background: rgb(243, 243, 243); margin: 5px 5px 5px 8px; width: 23%; height: 125px;
}
#dcal > .col-md-3:hover {
	background: rgb(249, 249, 249);
}
#dcal2 > .col-md-3:hover {
	background: rgb(249, 249, 249);
}
#dcal3 > .col-md-3:hover {
	background: rgb(249, 249, 249);
}
#dcal4 > .col-md-3:hover {
	background: rgb(249, 249, 249);
}
#dcal5 > .col-md-3:hover {
	background: rgb(249, 249, 249);
}
.mothin {
	color: rgb(0, 0, 0); font-weight: 300;
}
.ddate {
	color: rgb(105, 79, 174);
}
.modal-content#welcomevideo {
	background: rgba(255, 255, 255, 0.8) !important;
}
.navbar-default {
	border: currentColor; border-image: none; color: rgb(255, 255, 255); background-color: rgb(71, 40, 112);
}
.navbar-default .navbar-brand {
	color: rgb(0, 183, 240);
}
.navbar-default .navbar-nav > li > a {
	color: rgb(255, 255, 255);
}
.navbar-default .navbar-nav > li > a:hover {
	color: rgb(0, 183, 240);
}
.navbar-default .navbar-nav > li > a:focus {
	color: rgb(0, 183, 240);
}
ul.dropdown-menu {
	background: rgba(255, 255, 255, 0.3);
}
.btn-block.btn-primary.btn h3 {
	color: rgb(255, 255, 255) !important;
}
.btn-primary {
	background: rgb(9, 83, 134);
}
.btn-primary:hover {
	background: rgb(37, 160, 218); border: 1px solid rgb(37, 160, 218); border-image: none;
}
.btn-default:hover {
	background: rgb(245, 220, 117); border: 1px solid rgb(245, 220, 117); border-image: none;
}
.panel-group .panel {
	border-radius: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;
}
.panel-title > a {
	color: rgb(145, 87, 164); letter-spacing: 1px; font-weight: bold; text-decoration: none;
}
.panel-title > a:focus {
	color: rgb(145, 87, 164); letter-spacing: 1px; font-weight: bold; text-decoration: none;
}
.panel-title > a:hover {
	color: rgb(71, 40, 112); text-decoration: none;
}
.panel-default > .panel-heading {
	color: rgb(145, 87, 164);
}
#main {
	background: url("http://thepottershouse.org/dw/img/dw-herobg.jpg") no-repeat 0% 0% / cover rgb(231, 231, 231);
}
#video {
	
}
.responsive-video {
	overflow: hidden; padding-top: 60px; padding-bottom: 56.25%; position: relative;
}
.responsive-video iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.responsive-video object {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.responsive-video embed {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#box1 {
	width: 23%; margin-bottom: 20px;
}
#box2 {
	width: 23%; margin-bottom: 20px;
}
#box3 {
	width: 23%; margin-bottom: 20px;
}
#box4 {
	width: 23%; margin-bottom: 20px;
}
.curriculum {
	background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; width: 31%; margin-right: 2%;
}
.curriculum:hover {
	opacity: 0.7;
}
.curric:hover {
	opacity: 0.7;
}
#box5 {
	background: rgb(255, 255, 255); margin: 1%; border: 1px solid rgb(221, 221, 221); border-image: none; width: 48%; min-height: 425px;
}
#box6 {
	background: rgb(255, 255, 255); margin: 1%; border: 1px solid rgb(221, 221, 221); border-image: none; width: 48%; min-height: 425px;
}
#box1 h3 {
	font-weight: 600; margin-left: 20px;
}
#box2 h3 {
	font-weight: 600; margin-left: 20px;
}
#box3 h3 {
	font-weight: 600; margin-left: 20px;
}
#box4 h3 {
	font-weight: 600; margin-left: 20px;
}
#box5 li {
	line-height: 1.5em; padding-bottom: 5px; margin-top: 5px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
#box6 li {
	line-height: 1.5em; padding-bottom: 5px; margin-top: 5px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.picon {
	margin: 0px 5px 5px 24px; float: left;
}
#staff li:hover {
	background: rgb(248, 248, 248);
}
h1 {
	color: rgb(85, 85, 85); font-family: "Open Sans", Helvetica, Arial; font-weight: bold;
}
h2 {
	color: rgb(85, 85, 85); font-family: "Open Sans", Helvetica, Arial; font-weight: bold;
}
h3 {
	color: rgb(85, 85, 85); font-family: "Open Sans", Helvetica, Arial; font-weight: bold;
}
#top a {
	color: rgb(145, 87, 164) !important;
}
#top a:hover {
	color: rgb(71, 40, 112) !important; text-decoration: none !important;
}
.box {
	background: rgb(248, 248, 248); margin: 1%; padding: 0px; border: 1px solid rgb(238, 238, 238); border-image: none; min-height: 633px;
}
.boxp {
	margin: 20px; text-align: left;
}
.chev {
	background: rgb(71, 40, 112); padding: 12px; color: rgb(255, 255, 255); margin-top: -10px; margin-right: -15px;
}
.chev:hover {
	background: rgb(145, 87, 164);
}
.getresponsebtn {
	border: 1px solid rgb(71, 40, 112); border-image: none;
}
#grform {
	margin-left: 60px !important;
}
.image-box {
	overflow: hidden;
}
.box img {
	background-position: center; transition:1s; opacity: 0.7; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease;
}
.box img:hover {
	opacity: 1; transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5);
}
.xtrapad {
	padding-top: 3%; padding-bottom: 2%;
}
.xtramarg {
	margin-top: 15px; margin-bottom: 15px;
}
.fx:hover {
	opacity: 0.7;
}
.opac {
	opacity: 0.7;
}
.boxshad {
	border: 1px solid rgb(68, 68, 68); border-image: none; box-shadow: 2px 2px 5px #000;
}
.clear {
	clear: both;
}
.btn-custom {
	width: 100%; color: rgb(255, 255, 255) !important; text-transform: uppercase; font-size: 18px; background-color: rgb(145, 87, 164);
}
.btn-custom a {
	width: 100%; color: rgb(255, 255, 255) !important; text-transform: uppercase; font-size: 18px; background-color: rgb(145, 87, 164);
}
.btn-custom:hover {
	background: rgb(71, 40, 112); color: rgb(221, 221, 221);
}
.btn-custom a:hover {
	background: rgb(71, 40, 112); color: rgb(221, 221, 221);
}
.gray {
	background: rgb(243, 243, 243);
}
.black {
	background: rgb(0, 0, 0);
}
.yellow {
	background: rgb(245, 220, 117);
}
.ltblue {
	background: rgb(0, 183, 240);
}
.ltblue:hover {
	background: rgb(130, 221, 249);
}
#foot {
	background: rgb(51, 51, 51); color: rgb(238, 238, 238);
}
footer {
	padding: 20px; height: 300px; text-align: center; display: block;
}
.jumbotronin {
	background: url("http://thepottershouse.org/dw/img/dw-hero-infants.jpg") no-repeat 0% 0% / cover; width: 100%; height: 400px; padding-top: 2%;
}
.jumbotronkid {
	background: url("http://thepottershouse.org/dw/img/dw-hero-kidzone.jpg") no-repeat 0% 0% / cover; width: 100%; height: 400px; padding-top: 2%;
}
@media all and (width:1024px)
{
#dcal > .col-md-3 {
	width: 223%; float: left;
}
#dcal2 > .col-md-3 {
	width: 223%; float: left;
}
#dcal3 > .col-md-3 {
	width: 223%; float: left;
}
#dcal4 > .col-md-3 {
	width: 223%; float: left;
}
}
@media all and (max-width:991px)
{
#dcal > .col-md-3 {
	width: 23%; float: left;
}
#dcal2 > .col-md-3 {
	width: 23%; float: left;
}
#dcal3 > .col-md-3 {
	width: 23%; float: left;
}
#dcal4 > .col-md-3 {
	width: 23%; float: left;
}
.boxp {
	text-align: left;
}
#box1 {
	width: 48%;
}
#box2 {
	width: 48%;
}
#box3 {
	width: 48%;
}
#box4 {
	width: 48%;
}
#box5 {
	width: 48%;
}
#box6 {
	width: 48%;
}
}
@media all and (max-width:767px)
{
#dcal > .col-md-3 {
	width: 48%;
}
#dcal2 > .col-md-3 {
	width: 48%;
}
#dcal3 > .col-md-3 {
	width: 48%;
}
#dcal4 > .col-md-3 {
	width: 48%;
}
#box1 {
	width: 98%;
}
#box2 {
	width: 98%;
}
#box3 {
	width: 98%;
}
#box4 {
	width: 98%;
}
#box5 {
	width: 98%;
}
#box6 {
	width: 98%;
}
.box {
	margin-bottom: 50px;
}
}
@media all and (max-width:670px)
{
#dcal > .col-md-3 {
	width: 47%;
}
#dcal2 > .col-md-3 {
	width: 47%;
}
#dcal3 > .col-md-3 {
	width: 47%;
}
#dcal4 > .col-md-3 {
	width: 47%;
}
}
@media all and (max-width:540px)
{
#dcal > .col-md-3 {
	width: 98%;
}
#dcal2 > .col-md-3 {
	width: 98%;
}
#dcal3 > .col-md-3 {
	width: 98%;
}
#dcal4 > .col-md-3 {
	width: 98%;
}
#dws {
	height: 450px;
}
}