/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/
@import url('animate.css');
@font-face {
	font-family: 'Montserrat';
  	src: url('../fonts/Montserrat-Regular.eot'); /* IE9 Compat Modes */
  	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Montserrat-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/Montserrat-Regular.woff')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
  	src: url('../fonts/Montserrat-Bold.eot'); /* IE9 Compat Modes */
  	src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Montserrat-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/Montserrat-Bold.woff');
	font-weight: bold;
	font-style: normal;
}
h1,h2,h3,h4,h5,p,a,li {font-family:'Montserrat', Helvetica, Arial, Sans-serif;}
h1,h2,h3 {color:#2d5663;}
h4,h5 {color:#548c9d;}
a {transition:ease-in .1s;transition: ease-out .4s}
a:hover, a:focus, a:active {text-decoration:none;outline:0}

.top-row {margin-top:20px}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-60 {margin-top:60px;}
.navbar-nav .active {opacity:.5}
.gray {color:#989898}
.img-border {border:5px solid #eee}
.lighten {opacity:.5}
span.green {color:#00B000}
span.red {color:#D80000}

body {
 padding-top:50px;
 background-color: #FFF;
 font-family: "Montserrat",Helvetica,Arial,sans-serif;
}
::-webkit-input-placeholder {
 font-size: 12px;
}
:-moz-placeholder { /* older Firefox*/
 font-size:12px;
}
::-moz-placeholder { /* Firefox 19+ */ 
 font-size: 12px;
} 
:-ms-input-placeholder { 
 font-size: 12px;
}
.textarea-contact {height:92px!important;}
.g-recaptcha {margin:10px 0;}
.background-squares-top {position:fixed;top:15%;right:0;display:none;}
.background-squares-bottom {position:fixed;bottom:5%;left:0;display:none}
.btn-theme {
	background-color:#f79838;
	color:#003333;
	border:2px solid rgba(255,255,255,.7);
	font-family:"Montserrat",Helvetica,Arial,sans-serif;
	transition:ease-in .1s;
	transition: ease-out .4s;
}
.btn-theme:hover {
	background-color:#003333;
	color:#f79838;
	box-shadow:0px 2px 5px rgba(10,10,10,0.3) inset;
}
#masthead { 
 min-height:250px;
}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}
.drop-left-side {
	left:0px;
	min-width: 250px;
}
.brand {
	background-image: url("../img/MSM-PrimaryLogo.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 267px;
	height: 175px;
	margin-top: 0px;
	padding: 0px;
}
@media screen and (max-width: 991px) {
	.brand {
	background-position:center;
	width:400px;
	height:220px;
	margin:0 auto;
	}
}
	
.brand-secondary {
	width: auto;
	height: 60px;
	float:right;
	position:relative;
	bottom:30px;
}
.dropdown-toggle .fa {
	font-size:18px;
	padding:0px;
}
ul.events-feed {
	padding-left:0px;
	margin-bottom:0px;
}
.events-feed>a>li {
	list-style:none;
	display:inline-block;
	margin-bottom:15px;
	border-bottom:2px solid #548c9d;
	background-color:#eee;
	padding:5px;
	width:100%;
	transition:ease-in .1s;
	transition:ease-out .4s;
}
.events-feed>a>li:hover {
	background-color:#ddd;
}
.events-feed li img {
	float:left;
	margin:5px;
	padding:2px;
}
.events-feed li h5 {
	margin:5px 0 5px 5px;
}
.events-feed li p {
	float:left;
	margin-left:5px;
	color:#989898;
	font-size:12px;
	margin-bottom:0px;
}
ul.career-reasons li {list-style:decimal;color:#989898}
ul.career-reasons li p{list-style:decimal;color:#333}
@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 50px;
  }
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}
.list-social-icons {margin-top:15px;}
.list-social-icons li {font-size: 16px;}
.affix-top,.affix{
 position: static;
}
.footer-redo {padding:0px;border-bottom:5px solid #ddd}

.box {width:100%;}
.aligncenter {text-align:center}
.box-gray {background:#eee;padding:20px 20px 30px 20px;}
.box-gray h4, .box-gray i {margin-bottom: 20px;}
.box-bottom {background:#548c9d;padding:15px 15px;font-size:18px}
a .box-bottom {color:#ffffff;font-weight:700;transition:ease-in .1s;transition:ease-out .4s}
a .box-bottom:hover {color:#f79838;}

.icon {margin:15px;height:75px;}
.icon img {width:60px;}

.foot{padding:0px 15px 0px;border-top:5px solid #4C8C9D;margin-top:60px;}
.foot-sitemap .col-md-4 {padding:30px;}
.foot-sitemap .foot-contact{background-color:#438C9D;}
.foot-sitemap .foot-contact h4{color:#003333}
.foot-sitemap h4 {color:#fff;}
.foot-sitemap ul {padding-left:0;}
.foot-sitemap ul li {list-style:none;}
.foot-sitemap ul li a {color:#989898;}
.foot-sitemap ul li a:hover {color:#fff;text-decoration:none;}
.foot-sitemap .foot-contact ul li a, .foot-sitemap .foot-contact ul li {color:#fff;}
.foot-social a {font-size:28px;padding:5px;margin-right:2px;color:#e9e9e9}
.foot-social a:hover {color:#fff;text-shadow:0px 0px 3px #fff}
.foot .accreditations img {margin:10px;}
.privacy {
    color: rgba(152, 152, 152, 0.5);
    display: inline-block;
    margin-top: 15px;
}
.privacy a {
    color: rgba(152, 152, 152, 0.5);
}
.privacy a:hover {
    color: rgba(152, 152, 152, 1);
	text-decoration:none;
}
.copyright {
    color: rgba(152, 152, 152, 0.5);
    display: inline-block;
    float: right;
    margin-top: 15px;
}
@media (min-width: 992px) {
  #sidebar.affix-top {
    position: fixed;
  	margin-top:20px;
  	width:228px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}
.boiler p {font-size:16px;}
/*Media Partners Page */
.image-bg-fluid-height {background: transparent url("../img/handshake.jpg") no-repeat scroll center center;background-size:cover}
.row.img-bg {padding-top:30px;padding-bottom:30px;}
.img-bg h2 {color:rgba(255,255,255,1);font-size:24px;}
.img-bg p {color:rgba(0,0,0,.75);}
.img-bg .icon .fa {color:rgba(255,255,255,.85);text-align:center;display:block;padding:20px}
.media-features {background-color:rgba(255,255,255,.75);padding:15px;min-height:285px; text-align:center;box-shadow: 0px 0px 5px rgba(0,0,0,.75) inset;
}
ul.media-part-list li {list-style:square;margin-bottom:10px;}
.testimonials {min-height:160px;}
.testimonial-caption p{
    text-align: center;
    padding: 0px 10%;
	color:#333;
	font-size:18px;
	font-family: 'Droid Serif', serif;
}
.testimonial-title {
    text-align: right;
    font-size: 14px;
    color: #666;
    padding: 0px 15%;
}
.testimonials .carousel-control {
    color: #2D5663;
	width:10%;
	top:-55px;
}
.testimonials .left {
    background-image: none;
}
.testimonials .right {
    background-image: none;
}
.testimonials .carousel-indicators {display:none;}
/*Careers Pages*/
.job-descriptions {font-size:12px;}
.job-descriptions ul {padding-left:10px;}
.job-descriptions ul li {list-style:circle;}
.employee-testimonials .carousel-inner {margin:0 50px;width:auto;padding:0 5px;}
.employee-testimonials .carousel-control {color:#2D5663;}
.employee-testimonials .carousel-control .fa {color:#2D5663;font-size:32px;position:relative;top:80px}
.employee-testimonials .carousel-control.left {background-image: none;left:-65px}
.employee-testimonials .carousel-control.right {background-image: none;right:-65px;}
.employee-testimonials .col-sm-3 {padding:15px;}
.employee-quote {background:url(../img/crumpled-paper.jpg) center;min-height:180px;padding:15px;border:1px solid rgba(255,255,255,.85);box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);margin:10px;}
.employee-quote p {font-family: 'Architects Daughter', cursive;font-size:18px;color:#666;}
.employee-name {font-style:italic;color:#989898;font-family: 'Montserrat';margin-left:15px;}
.employee-quote.note-1 {transform:scale(.97) rotate(-2deg);border-radius:2px 4px 1px 3px;}
.employee-quote.note-2 {transform:scale(.87) rotate(3deg);border-radius:5px 2px 4px 3px;}
.employee-quote.note-3 {transform:scale(.95) rotate(-4deg);border-radius:3px 1px 5px 2px;}
.employee-quote.note-4 {transform:scale(.87) rotate(-3deg);border-radius:2px 3px 4px 1px;}
.employee-quote.note-5 {transform:scale(1) rotate(2deg);border-radius:5px 2px 3px 2px;}
.employee-quote.note-6 {transform:scale(.93) rotate(-4deg);border-radius:4px 3px 2px 3px;}
.employee-quote.note-7 {transform:scale(.95) rotate(-3deg);border-radius:3px 4px 2px 3px;}
.employee-quote.note-8 {transform:scale(.87) rotate(4deg);border-radius:3px 5px 1px 2px;}
.employee-quote.note-9 {transform:scale(1) rotate(-2deg);border-radius:3px 5px 1px 2px;}
.list-group-item.active {background-color:#548C9D}
.list-group-item.active a {color:#fff}
.nav .list-group-item a:hover {background-color:transparent;color:#033}
.employee-monthly h4 {color:#333}
.employee-monthly b {color:#666}
.employee-monthly img {margin:0 15px 10px 0;float:left;height:135px;}
.panel-group .panel {border-radius:0px;}
.panel-heading.prev-months {border-radius:0px;background-color:#548C9D;}
.prev-months .panel-title {color:#fff}
ul.months {padding-left:5px}
ul.months li {list-style:none;font-size:12px;display:inline;}
ul.months li:after {content:" / ";}
ul.months li:last-child:after {content:"";}
.bamboo-btn {margin-left:25px;}
/*Careers Pages -- MODAL*/
.modal-content {border-radius:0px}
.modal-header {background-color:#548C9D;}
.modal-header h4{color:#FFF;}
.modal-header .close {color:rgb(255,255,255);opacity:.75;padding:5px;}
.modal-header .close:hover {color:rgb(255,255,255);opacity:1}
.modal-body {font-size:12px}
.modal-body input[type="radio"], input[type="checkbox"] {
    display: inline-block;
    cursor: pointer;
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 6px;
    border: 0px none;
}
.modal-body label {line-height:23px;}
.modal-body .cfg-element-set {margin-bottom:15px;}
.modal-body .cfg-required {color: #F00;}
.modal-footer .btn {font-family:"Montserrat",Helvetica,Arial,sans-serif;opacity:.65;border:1px solid #DDDDDD;transition:ease-in .1s;transition: ease-out .4s}
.modal-body .btn-file {
    position: relative;
    overflow: hidden;
	margin-top:10px;
	font-family:"Montserrat",Helvetica,Arial,sans-serif;
}
.modal-body .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.modal-footer .btn:hover {opacity:1}
.page-header small {text-transform:uppercase}
.eom-img {float:left;width:250px; margin-right:15px;margin-bottom:15px;}
.panel.eom {border:1px solid #ddd;border-radius:0px;background-color:#eee;}
.panel.eom h4.panel-header{background-color:#438C9D;color:#fff;padding:10px 15px;margin-top:0;}
.panel.eom ul li{list-style:none; padding:2px 0;margin:2px 0;}
.panel.eom ul {padding-left:15px;}

iframe.sp-form-frame {
    width: 100%;
    height: 6000px;
}


.landingpage .logo-row {text-align: center;}
.landingpage .top-row {text-align: center;}
.landingpage .top-row h1.page-header {padding-bottom: 30px;}
.landingpage .top-row h1 small {font-size: 18px;}
.landingpage .brand-logo {max-width: 267px;}
#landingpage-csr {
    text-align: center;
    margin-top: 60px;
	padding: 30px;
	color: #ffffff;
	border: 1px solid #eeeeee;
	background: #2d5663; /* Old browsers */
	background: -moz-linear-gradient(top,  #2d5663 0%, #003333 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2d5663 0%,#003333 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2d5663 0%,#003333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5663', endColorstr='#003333',GradientType=0 ); /* IE6-9 */
}
#landingpage-csr img {border: 2px solid rgba(255,255,255,.3);}
#landingpage-csr h2 {line-height: 36px;color: #438C9D;}
#landingpage-csr h2 span.intro {font-size: 21px;}
#landingpage-csr h5 {
    color: 
    #eee;
    font-size: 16px;
    margin: 30px 0;
    font-style: italic;
}
#landingpage-csr i {
    font-size: 40px;
    color: rgba(255,255,255,.7);
    margin: 15px;
}

@media screen and (max-width: 991px) {
iframe.sp-form-frame {
    width: 100%;
    height: 5300px;
}
}

@media screen and (max-width: 480px) {
iframe.sp-form-frame {
    width: 100%;
    height: 5500px;
}
}

@media screen and (max-width: 1199px) {
.col-lg-4 {margin-top:10px;margin-bottom:20px;}
.footer-redo {border-bottom:0px;}
}
@media screen and (max-width: 991px) {
.col-md-3 {margin-top:10px;margin-bottom:20px;}
}
@media screen and (max-width: 600px) {
h1.page-header {font-size:28px;}
h1.page-header img {height:35px;bottom:5px;}
}
@media screen and (max-width: 480px) {
h1.page-header img {display:none;}
}
@media screen and (max-width: 440px) {
.brand {width:250px;}
}