﻿/*
 Theme Name:   SPSD Home
 Description:  Responsive Child Theme
 Template:	   responsive
 Text Domain:  spsd-home
*/
body {
	background: url('images/bodybg.png') 50% 0% no-repeat fixed rgb(216, 181, 159);
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #333333;
	position: relative;
}
ul {
    list-style-type: none;
    list-style-position: inside;
}
a {
	color: #e64d3d;
	text-decoration: none;
	-webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
a:hover {
    color: #2c3e50;
}
p {
	line-height: 22px;
    margin: 0 0 10px 0;
}
h1, h2, h3, h4, h5, h6, p {
	font-family: 'lato', sans-serif;
}
a img {
	border: none;
}
#container {
	max-width: 1250px;
}
.fa {
	color: #e64d3d;
}
.skip-container {
	padding: 0;
}
.top-bar {
	width: 100%;
    clear: both;
    float: left;
    padding: 0px;
    line-height: 50px;
    border-bottom: 1px solid #c30000;
    border-top: 5px solid #c30000;
    background-color: #5a0b00;
}
.top-inner-container, .navigation-row-container,
.bottom-sections-container, .school-spotlight-container,
.footer-info-container, .footer-bottom-container,
.page-title-heading-container  {
	width: 1170px;
    margin: 0 auto;
    position: relative;
    clear: both;
}
.top-info {
    float: left;
    margin: 0px;
    padding: 0px;
    color: #FFF;
}
.top-info .fa {
    font-size: 16px;
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 3px;
	color: #FFF;
}
.top-info li {
	float: left;
    display: inline;
    margin: 0px;
    padding: 0px 21px;
    border-left: 1px dotted #c30000;
}
.top-info li:last-child {
    border-right: 1px dotted #c30000;
}
.top-links {
	float: right;
    width: 25%;
    margin: 0px;
    padding: 0px 8px;
    border-right: 1px dotted #c30000;
    border-left: 1px dotted #c30000;
}
.top-links a {
	color: #FFF;
	font-size: 14px;
}
.top-bar .dt-sc-social-icons {
    float: right;
    margin: 0;
    padding: 5px 0;
}
.dt-sc-social-icons {
    display: inline-block;
}
.top-links span {
    padding: 0px 8px;
    color: #FFF;
}
.dt-sc-social-icons li a {
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #eaeaea;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    padding: 0px 14px;
    font-size: 16px;
    color: #888888;
    line-height: 40px;
    float: left;
}
.top-links .dt-sc-social-icons .fa {
    font-size: 14px;
    font-family: FontAwesome;
    font-weight: normal;
    color: #92a7bb;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.top-links .dt-sc-social-icons li {
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0;
}
.top-links .dt-sc-social-icons li a {
    padding: 0px 8px;
    border: none;
}
.navigation-row {
	max-width: 100%;
    float: left;
    width: 100%;
}
.navigation-row-background {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    z-index: 9999;
    background: #fff5d8 url(images/navbg.png) bottom repeat-x;
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #FFF;
}
.navigation-row-wrapper {
	float: left;
    width: 100%;
    z-index: 99999;
}
#logo {
	float: left;
    display: inline;
    padding: 0;
}
#logo a {
    width: 100%;
    display: block;
}
#logo a img {
    max-width: 100%;
}
.navigation-menu {
	float: right;
    margin: 0px;
    padding: 0px;
}
.navigation-menu .menu-container ul {
	margin: 0px auto;
    padding: 0px;
    position: relative;
}
.navigation-menu .menu-container > ul > li {
	display: inline-block;
    padding: 0;
    position: relative;
    border-right: 1px dotted #a8836c;
}
.navigation-menu .menu-container > ul > li > a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 29px 21px 30px;
    color: #5a0b00;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255,255,255, .50);
	background: transparent;
}
.navigation-menu .menu-container > ul > li.current-menu-item > a {
	color: #e64d3d;
    background: url(images/whitegradientbg.png);
    -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
    box-shadow: 2px 3px 5px rgba(0,0,0,0.2);
}
.navigation-menu .menu-container > ul > li:hover {
    background: #fff url(images/topnavhover.png) top center no-repeat;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}
.navigation-menu .menu-container a:hover {
	color: #e64d3d;
}
.navigation-menu .sub-menu .sub-menu {
	display: none;
}
.navigation-menu .sub-menu li:hover .sub-menu {
	display: block;
	top: -20px;
}
.testimonial-rotator {
	background: url(images/testimonialbg1.jpg) 50% 0 repeat-y fixed;
	height:auto;
	text-align:center;
	padding:70px 0px 60px 0px;
	position:relative;
	z-index:1;
}
#wrapper {
	margin-bottom: 0;
	margin-top: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.bottom-sections {
	background-color: #FFF;
}
.bottom-sections h2 {
	padding-top: 30px;
	margin-top: 0;
}
.clear {
	clear: both;
}
.widget-wrapper {
	background: none;
	border: none;
}
.school-spotlight {
	background: #e8d6bc url(images/topstrips.jpg) top center no-repeat;
	border-top: 1px solid #d7c3a6;
    padding: 75px 0px 60px 0px;
}
.school-spotlight-button {
	font-size: 16px;
    font-weight: 400;
    padding: 0px 95px 0px 40px;
    border-radius: 2px;
    line-height: 60px;
    display: inline-block;
	background-color: #e64d3d;
	color: #FFF;
	position: relative;
}
.school-spotlight-button:hover {
	background: #546d87;
	color: #FFF;
}
.school-spotlight-button:before {
	background: #546d87 !important;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 0;
    z-index: -1;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    border-radius: 0 2px 2px 0;
}
.school-spotlight-button span {
	width: 60px;
    font-size: 22px;
    height: 60px;
    text-align: center;
    line-height: 60px;
	background-color: #d73e2e;
    border-radius: 0px 2px 2px 0px;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    /* transition: width 0.1s ease 0s; */
    position: absolute;
    right: 0;
    top: 0;
	color: #FFF;
}
.school-spotlight-text-header {
	border-bottom:2px dotted #333;
	color: #2c3e50;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 20px;
}
.video-wrapper {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.school-spotlight-container .col-540 {
	padding-left: 20px;
}
.footer-info {
	background-color: #0f0200;
	color: #FFF;
	padding: 55px 0px 10px 0px;
	float: left;
    width: 100%;
}
.footer-info-header {
	border-bottom: 3px solid #2e2e2e;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 25px;
    font-weight: bold;
    color: #eef1f4;
    font-size: 20px;
}
.footer-info-container .small-line {
    width: 100px;
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    margin: 12px 0px 0px 0px;
	background-color: #e64d3d;
}
.footer-info-container .one-fourth-small {
	width: 23.4%;
	margin-right: .5%;
}
.footer-info-container .one-fourth-large {
	width: 25.4%;
	margin-right: .5%;
}
.footer-info-container .contact-footer p {
	margin: 2px 0;
}
.footer-info-container .contact-footer p:nth-of-type(2n) {
	margin-bottom: 20px;
}
.footer-info-container .contact-footer p span {
	margin-right: 10px;
    color: #bfc4c7;
}
.footer-iframe {
	position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.footer-iframe iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
}
.footer-info-container .contact-footer p .fa {
	/*color: #e64d3d;*/
	color: #FFF;
}
.footer-bottom {
	float: left;
    width: 100%;
    clear: both;
    padding: 25px 0px;
    background-color: #fff;
}
.footer-bottom p {
	float: left;
	margin-bottom: 0;
}
.testimonials-slidelist {
	color: #FFF;
}
.testimonials-slidelist h4, .testimonials-slidelist p,
.testimonials-slidelist em, .slick-dots {
	display: none;
}
.testimonials-slidelist h2 em {
	display: block;
}
.testimonials-text em:before, .testimonials-text em:after {
	display: none;
}
.page-title-heading {
	background: 50% 41px rgb(38, 5, 0);
	color: #FFF;
	padding: 48px 0px 50px;
}
.page-title-heading-title {
    font-size: 26px;
	float: left;
	font-weight: normal;
	margin: 0;
    color: #ffffff;
}
.page-title-heading-breadcrumb {
	float: right;
}
.chevron {
	padding: 0 5px;
}
.title-sep {
	display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.sidebar-links a {
    margin: 0 1px 1px 0 !important;
    padding: 8px 10px !important;
    color: #92a7bb;
    background-color: #f8f8f8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	display: block !important;
}
.sidebar-links a:hover {
	color: #e64d3d;
}
.one-third {
	width: 30%;
	margin-right: 25px;
	float: left;
	text-align: center;
}
.one-third img {
	margin-bottom: 0;
}
.one-third h4, #post-73828 h4  {
	border-bottom: 2px solid #dddddd;
    line-height: 1.8;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: bold;
	text-align: center;
	color: #5a0b00;
	margin-top: 0;
}
.one-third p, #post-73828 p {
	text-align: center;
}
.responsive-table {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.responsive-table table {
	border:1px dotted #c6c6c6;
	padding:20px;
	-moz-box-shadow: 0 4px 15px #c6c6c6;
	-webkit-box-shadow: 0 4px 15px #c6c6c6;
}
.menu-widget {
	padding-left: 0 !important;
}
.menu-widget .menu-item {
	margin: 0 0 2px 0;
    padding: 0;
    border-bottom-color: #FFFFFF;
	list-style: none;
}
.menu-widget .menu-item a {
	font-family: Montserrat, sans-serif;
	padding: 10px 20px !important;
    display: block !important;
    background-color: #F4F4F4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #858585;
}
.menu-widget .menu-item a:hover, .menu-widget .current-menu-item a {
	background-color: #d2aa95;
	color: #FFF;
}
.one-fourth-schools {
	width: 23%;
	float: left;
	margin-right: 10px;
}
.wp-caption {
	padding: 13px 5px 10px;
}
.wp-caption-text {
	color: #220e10;
    font-size: 18px !important;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 24px;
}
.calendar-home {
	background:#8b0a00 url(images/coabg.png) top left repeat-x;
	width:100%;
	min-height:80px;
}
.info-home {
	background:#e8d6bc url(images/topswirl2.png) bottom center no-repeat;
	padding-top:0px;
	min-height:451px;
}
.info-home img {
	margin: 0 auto;
}
.one-half {
	width: 48.9%;
	margin-right: 10px;
	float: left;
}
.one-half .video-wrapper {
	padding-top: 0;
	padding-bottom: 59.25%;
}
h1.entry-title {
	display: none;
}
.navigation-menu > div > ul > li {
	display: inline-block;
    position: relative;
}
.navigation-menu .sub-menu, .navigation-menu .children {
    background-color: #fff;
    text-align: left;
    position: absolute !important;
    width: 270px;
    left: 0;
    top: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navigation-menu .sub-menu li:first-child, .navigation-menu .children li:first-child,
.navigation-menu > div > ul > li:hover .sub-menu, .navigation-menu > div > ul > li:hover .children {
	border-top-color: #d2aa95;
}
.navigation-menu > div > ul > li:hover .sub-menu {
	z-index: 999;
	visibility: visible;
	opacity: 1;
	top: 62px;
}
.navigation-menu .sub-menu li {
	display: block;
    text-transform: none;
    width: 100%;
    background-color: #fff;
    position: relative;
}
.navigation-menu .sub-menu a {
	color: #888;
    padding: 10px 20px;
    display: block;
}
.menu {
	background: none;
}
.menu li a {
	height: auto;
	border-left: none;
	line-height: 22px;
}
.quick-links .fa {
	color: #FFF;
}
.dt-sc-hr-invisible-small {
    margin: 0px 0px 40px 0px;
	float: left;
    width: 100%;
    clear: both;
}
.title-sep:before {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    height: 2px;
    content: "";
}
.hr-title h3, .hr-title h2 {
    display: table-cell;
    white-space: pre;
    padding-right: 20px;
}
#content .breadcrumb-list, #content-full .breadcrumb-list {
	display: none;
}
.three-fifths {
	width: 58%;
	float: left;
}
.two-fifths {
	width: 38%;
	float: left;
}
.two-thirds {
	width: 65%;
	float: left;
}
.intro-text {
	background: #5a0b00;
	position: relative;
    float: left;
    width: 100%;
	color: #FFF;
	padding: 30px 0 15px 0;
}
.intro-text .two-thirds {
	padding-left: 15px;
}
.intro-text .one-third {
	padding-right: 15px;
}
.intro-text .one-third .school-spotlight-button {
	margin-top: 20px;
}
h1.post-title {
	display: none;
}
#widgets .textwidget a.school-spotlight-button {
	display: inline-block;
	padding: 0px 95px 0px 40px;
}
.widget-wrapper:after {
	clear: none;
}
#text-16 .widget-title {
	display: none;
}
.clickexpandheader {
	cursor: pointer;
}
.clickexpand {
	display: none;
}
.one-half .wp-caption {
	width: 100% !important;
}
.wp-caption {
	background: #FFF;
}
.clickexpand {
	display: none;
}
.startopen {
	display: block;
}
.activitiesheader {
	clear: both;
    color: #eec106;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 15px 1px 16px 75px;
    position: relative;
    transition: all 300ms linear 0s;
    background-color: #f8f8f8;
    border-radius: 2px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    cursor: pointer;
}
.clickexpandheader br {
	display: none;
}
.nextend-transition-previous-my-test .smartslider-inner, .nextend-transition-next-my-test .smartslider-inner {
	background-color: #e64d3d !important;
}
.nextend-bullet-numbers .nextend-bullet-numbers.active, .nextend-bullet-numbers .nextend-bullet-numbers:HOVER {
	background-color: #e64d3d !important;
}
.one-half .one-half {
	width: 48%;
}
.responsive-iframe {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.clickexpandheader h5:before {
	color: #fff;
    content: "\f067";
    font-family: fontawesome;
    line-height: 50px;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
    border-radius: 2px 0px 0px 2px;
    background-color: #2c3e50;
    cursor: pointer;
}
.active-expand h5:before {
	font-family: fontawesome;
    line-height: 50px;
    content: "\f068";
    color: #fff;
	background-color: #e64d3d;
	height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
    border-radius: 2px 0px 0px 2px;
	cursor: pointer;
}
.transparencybutton {
	position: absolute;
	right: 20px;
	top: 20px;
	background: #FFF;
	border-radius: 10px;
	padding: 10px;
}
.clearbutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: url('images/close-icon.png');
	cursor: pointer;
}
.transparencybuttonmedium {
	display: none;
	margin: 10px auto;
	text-align: center;
}
.homepage-callout {
	background: #fff5d8 url(images/navbg.png) bottom repeat-x;
	text-align: center;
	font-family: 'lato', sans-serif;
	color: #FFF;
	padding: 15px 0;
}
.homepage-callout h2 {
	margin: 0;
	font-size: 2.25em;
	font-style: italic;
}
.footer-info a {
	color: #FFF;
}
.footer-info a:hover {
	color: #e64d3d;
}
.contact-submit input,
.contact-submit input:hover{
     width: 120px;
     height: 50px;
     background-color: #e64d3d;
     font-size: 16px;
     color: #fff;
     border: 1px solid #fff;
     border-radius: 5px;
	 background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}
#logomedium {
	display: none;
}
@media only screen and (max-width : 1249px) {
	.top-inner-container, .navigation-row-container,
	.bottom-sections-container, .school-spotlight-container,
	.footer-info-container, .footer-bottom-container,
	.page-title-heading-container {
		width: 95%;
	}
	.bottom-sections-container .grid, .widget-wrapper {
		margin-bottom: 0;
	}
	.school-spotlight-container .col-540 {
		padding-left: 0;
	}
	.navigation-menu .menu-container > ul > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width:1659px) and (min-width:980px) {
    .transparencybuttonmedium {
        display:block;
    }
	.transparencybutton {
		display: none;
	}
	#logomedium {
		display: block;
		margin-left: 85px;
		margin-top: 50px;
	}
	#logomedium img {
		border-radius: 5px;
	}
	.top-info ul {
		position: absolute;
		bottom: 0;
		margin-bottom: 0;
	}
	#logo {
		display: none;
	}
	.navigation-menu {
		float: left;
	}
}​
@media only screen and (max-width: 1125px) {
	.top-links {
		width: 35%;
	}
}
@media only screen and (max-width: 1050px) {
	.navigation-row-container #logo, .navigation-row-container .navigation-menu {
		float: none;
	}
	.navigation-row-container #logo {
		text-align: center;
	}
	.navigation-row-container #logo img {
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 980px) {
	.one-fourth-small, .one-fourth-large,
	.one-fourth-schools, .one-half {
		width: 100% !important;
		float: left;
		clear: both;
		text-align: center;
		padding-top: 10px;
	}
	.footer-iframe iframe {
		width: 100%;
	}
	.top-links, .top-info {
		float: none;
		width: 100%;
	}
	.top-info li {
		float: none;
		display: block;
		border: none;
		text-align: center;
		padding: 0;
	}
	.top-info ul {
		padding: 0;
		margin: 0;
	}
	.top-info li:last-child {
		border: none;
	}
	.top-links {
		border: none;
		text-align: center;
	}
	.top-links span {
		padding: 0;
		display: block;
	}
	.top-links .dt-sc-social-icons {
		padding: 0;
		display: block;
		float: none;
	}
	.top-links .dt-sc-social-icons li {
		float: none;
	}
	.one-third {
		float: none;
		width: 100%;
	}
	#widgets {
		width: 100%;
	}
}
@media only screen and (max-width: 800px) {
    #container {
		padding: 0 10px;
	}
	.js .sub-header-menu {
		display: none;
	}
	.js .main-nav {
		clear: both;
		position: relative;
		margin: 0 auto;
		background-color: #e64d3d;
		background-image: none;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.js .main-nav .menu {
		display: none;
		position: absolute;
		z-index: 1000;
		top: 52px;
		width: 100%
	}
	.js .main-nav .menu ul {
		margin-top: 1px;
		min-width: 0;
	}
	.js .main-nav .menu li {
		float: none;
		border: none;
		background-color: #fff;
		width: 100%;
		background-image: none;
	}
	.js .main-nav .menu li:hover {
		background-image: none;
	}
	.js .main-nav .menu li a {
		height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		color: #444;
		text-shadow: none;
		font-size: 13px;
		font-weight: 400;
		line-height: 45px;
		text-align: left;
		cursor: pointer;
		background-image: none;
	}
	.js .main-nav .menu li.current_page_item, .js .menu .current-menu-item a, .js .menu .current_page_item a {
		background-color: #f5f5f5;
	}
	.js .main-nav .menu li li:hover {
		background: 0 0!important;
	}
	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}
	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}
	.js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {
		background-color: #f5f5f5!important;
		background-image: none;
		filter: none;
	}
	.js .main-nav .menu li li a::before, .js .main-nav .menu li li li a::before {
		position: absolute;
		top: 0;
		left: 20px;
		content: "\2013"}
	.js .main-nav .menu li li li a::after {
		position: absolute;
		top: 0;
		left: 30px;
		content: "\2013"}
	.js .main-nav .menu li ul {
		visibility: visible;
		position: static;
		background-color: #fff;
		display: none;
	}
	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 5px 40px 5px 10px;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}
	.js .main-nav a#responsive_menu_button {
		display: block;
		position: absolute;
		top: 0;
		left: 100%;
		width: 23px;
		height: 30px;
		margin-left: -30px;
		margin-top: 10px;
		background: url(images/select-icons.png) 0 5px no-repeat;
		cursor: pointer;
	}
	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url(images/select-icons.png) 0 -46px no-repeat;
	}
}
@media only screen and (min-width: 800px) {
	.navbar-fixed-top {
		position: fixed;
		top: 0;
		z-index: 9999;
	}
	.transparency-fixed {
		position: fixed;
		z-index: 9999;
	}
}
@media only screen and (min-width:980px) {
	#trans-medium {
		display:none;
	}
}
@media only screen and (max-width:449px) {
	#trans-large {
		display:none;
	}
	#trans-medium {
		background-color:#fff; 
		margin-top:20px; 
		width:100%; 
		height:150px; 
		padding-top:7px;
		padding-bottom:7px;
		text-align:center;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
}
@media only screen and (min-width:450px) and (max-width:979px) {
	#trans-large {
		display:none;
	}
	#trans-medium {
		background-color:#fff; 
		margin-top:20px; 
		width:150px; 
		height:150px; 
		padding:7px; 
		float:left;	
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
}