/*
green: #77B755  
darkGreen: #4f8c4b
lightBlue: #d2edf3  
blue: #009ee0
darkBlue: #0182b7
red: #e74361
darkRed: #b7374e
lightGrey: #f8f8f8
middleGrey: #e7e7e7
darkGrey: #aaa
darkerGrey: #666
*/

body { font-family: Helvetica, Arial, sans-serif; color:#666; font-size:16px; line-height: 21px;}
h1, h2 ,h3 { color: #77B755; -webkit-margin-before: 0; -webkit-margin-after: 0;}
h1 { font-size: 44px; text-align:center; padding-top:40px; padding-bottom:45px;}
h2 { font-size: 34px; text-align:center;}
h3 { font-size: 24px;}
h4 { font-size: 16px; text-align:center; font-weight:bold; margin:20px 0;}
h5 { font-size: 14px;}
a { color: #77B755; text-decoration: none; }
a:hover, a:focus { color:#4f8c4b; }
hr { border-top: 1px solid #ccc; }

.sos-grey { color:#aaa!important; }
.sos-green { color:#77B755!important; }
.sos-bg-green { background-color:#77B755!important; color:white!important; }
.sos-blue { color:#009ee0!important; }
.sos-bg-blue { background-color:#009ee0!important; color:white!important; }
.sos-red { color:#e74361!important; }
.sos-bg-red { background-color:#e74361!important; color:white!important; }

.btn { font-size: 16px;}
.btn-xs { font-size: 12px;}
.btn-green, 
.btn-blue,
.btn-red ,
.btn-grey { color:white; }
.btn-green { background-color:#77B755; }
.btn-blue { background-color:#009ee0;  }
.btn-facebook { background-color:#6d84b4; color:white;} 
.btn-twitter { background-color:#1DA1F2; color:white; }
.btn-red { background-color:#e74361;}
.btn-grey { background-color:#aaa; }
.btn-green:hover, .btn-green:focus, .btn-green.focus { background-color:#4f8c4b; color:white; }
.btn-blue:hover, .btn-blue:focus, .btn-blue.focus { background-color:#0182b7; color:white; }
.btn-red:hover, .btn-red:focus, .btn-red.focus { background-color:#b7374e; color:white; }
.btn-grey:hover, .btn-grey:focus, .btn-grey.focus { background-color:#666; color:white; }
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus { background-color:#3b5998; color:white; }
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus { background-color:#0084b4; color:white; }
.btn-inverse.btn-green { background-color:white; color:#77B755; }
.btn-inverse.btn-green:hover, .btn-inverse.btn-green:focus, .btn-inverse.btn-green.focus { background-color:#77B755; color:white; }
.btn-inverse.btn-blue { background-color:white; color:#009ee0; }
.btn-inverse.btn-blue:hover, .btn-inverse.btn-blue:focus, .btn-inverse.btn-blue.focus { background-color:#009ee0; color:white; }
.btn-inverse.btn-red { background-color:white; color:#e74361; }
.btn-inverse.btn-red:hover, .btn-inverse.btn-red:focus, .btn-inverse.btn-red.focus { background-color:#e74361; color:white; }
.btn-inverse.btn-grey { background-color:white; color:#666; }
.btn-inverse.btn-grey:hover, .btn-inverse.btn-grey:focus, .btn-inverse.btn-grey.focus { background-color:#aaa; color:white; }
.btn-inverse { border:1px solid #ddd;} 
.btn.pull-right { margin-left: 10px; }
.btn-lg{ font-size: 22px; }
.btn-sm { font-size: 12px; margin-top: 5px;}

.container { padding:0;} 
@media (min-width: 992px) {
	.container { width: 960px;}
}
.sos-wrapper-grey { background-color:rgb(248,248,248); border-bottom: 1px solid #ddd;}
.sos-wrapper-white { background-color:white; border-bottom: 1px solid #ddd;}
.sos-wrapper-noline { border-bottom:0;}
.sos-separator { padding-bottom:50px; }

.page-header { padding: 10px 0 20px 0; border:0; margin:0; text-align:center; }
.sos-header { padding:10px; text-align:center; font-size:20px; }
.sos-stats  h2 { color: white; text-align:center; padding:5px 0; margin:0;}
.sos-share { margin-top: 10px;}

article.rte { background-color: white; }
article img { max-width: 100%;}
@media (max-width: 767px){
	article.rte { padding: 30px 30px; }
}
@media (min-width: 768px) {
	article.rte { padding: 60px 100px; }
}
@media (min-width: 992px) {
	article.rte { margin: 0 100px; }
}

/* ------------------ page content --------------------- */
.sos-content h2 { text-align:left; }
.sos-content h3 { text-align:left; }
.sos-home h2 { font-size: 24px;  color: #666;  padding-bottom: 20px;}

.sos-content .figure { margin-bottom: 10px; border: 1px solid #D7D7D7; border-collapse: separate; display: table; width: 50px; }
.sos-content .figure.figure-right { float: right; margin: 0 0 10px 20px;}
.sos-content .figure.figure-left { float: left; margin: 0 20px 10px 0px;}
.sos-content .figure img { margin: 5px;max-width: 250px;}
.sos-content .figure .figcaption { margin: 0 5px 5px;font-size: 0.786em; line-height: 1.25em; }
.sos-content .container { }

/* ------------------ teasers --------------------- */
.sos-teaser { }
.sos-teaser-vertical { width: 300px; min-height:300px; float: left; margin-bottom:30px; background-color:white;  position:relative;}
.sos-teaser-vertical > a { display: block; text-decoration:none;} 
.sos-teaser-vertical .sos-profile-image { width: 60px; height: 60px; margin: -30px auto 0 auto; }
.sos-teaser-vertical img.teaserpic,
.sos-teaser-vertical .teaserpic img {max-width:260px; max-height:225px; min-height:60px; display:block; margin-left:auto; margin-right:auto; margin-top: 20px;} 
.sos-teaser-vertical .username { color:#ccc; text-align:center; font-size: 12px;}
.sos-teaser-vertical .edit { background-color:#009ee0; color: white; font-weight:bold; text-align:center; 
	padding:5px; width:100%; position:absolute; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;   }
.sos-teaser-vertical .icon { text-align:center; font-size: 40px; }
.sos-teaser-vertical .spacer { height:80px; }
.sos-teaser-vertical .location { color:#aaa; text-align:center; margin-top:-12px; font-size: 14px;}
.sos-teaser-vertical h3 { font-size: 24px; padding:20px 10px; margin:0; text-align:center;}
.sos-teaser-vertical p { padding:6px 15px 20px 15px; text-align:center; color:#666; -webkit-margin-before: 0; -webkit-margin-after: 0;}
.sos-teaser-vertical .stats { display:inline-block; width:100%; }
.sos-teaser-vertical .stats .stats-figure {font-size:24px; color:#aaa;} 
.sos-teaser-vertical .stats .stats-label {font-size:12px; color:#aaa; margin-top:-3px;} 
.sos-teaser-vertical .progress {margin:10px 20px 20px 20px;}
.sos-teaser-vertical .footer {height:1px;}
.sos-teaser.sos-bg-blue  *,
.sos-teaser.sos-bg-red *,
.sos-teaser.sos-bg-green  *{ color:white; }
.sos-teaser-vertical .progress .progress-bar { background-color:#aaa;} 
.sos-teaser-vertical.sos-green .progress  { border: 1px solid #ddd; box-shadow: none; -webkit-box-shadow: none;} 
.sos-teaser-vertical.sos-blue .progress { border: 1px solid #009ee0;} 
.sos-teaser-vertical.sos-red .progress .{ border: 1px solid #e74361;} 
.sos-teaser-vertical.sos-green .progress .progress-bar { background-color:#77B755;} 
.sos-teaser-vertical.sos-blue .progress .progress-bar { background-color:#009ee0;} 
.sos-teaser-vertical.sos-red .progress .progress-bar { background-color:#e74361;} 
.sos-teaser-vertical.sos-green h3 { color:#77B755;}
.sos-teaser-vertical.sos-blue h3 { color:#009ee0;}
.sos-teaser-vertical.sos-red h3 { color:#e74361;}
.sos-teaser.sos-teaser-preview { margin:0; clear:none; min-height:initial;}
.sos-teaser.sos-teaser-preview  img { margin-bottom:20px;}
.sos-teaser.sos-teaser-link { cursor:pointer;}
.sos-teaser.sos-teaser-link:hover,
.sos-teaser.sos-teaser-link:focus {
    outline: 0;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(47,47,47,0.1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(47,47,47,0.1);
	box-shadow: 0px 0px 10px 5px rgba(47,47,47,0.1);
}
.sos-teaser.sos-bg-green.sos-teaser-link:hover,
.sos-teaser.sos-bg-green.sos-teaser-link:focus {background-color:#4f8c4b!important;}
.sos-teaser.sos-bg-blue.sos-teaser-link:hover,
.sos-teaser.sos-bg-blue.sos-teaser-link:focus {background-color:#0182b7!important;}
.sos-teaser.sos-bg-red.sos-teaser-link:hover,
.sos-teaser.sos-bg-red.sos-teaser-link:focus {background-color:#b7374e!important;}
.sos-teaser.sos-teaser-active {
    outline: 0;
	-webkit-box-shadow: 0px 0px 0px 10px rgba(119,183,85,0.72)!important;
	-moz-box-shadow: 0px 0px 0px 10px rgba(119,183,85,0.72)!important;
	box-shadow: 0px 0px 0px 10px rgba(119,183,85,0.72)!important;
}
.sos-teaser-horizontal { overflow: hidden; margin:0px auto 30px auto; background-color:white; padding:20px; width:100%;}
.sos-teaser-horizontal img{ float:left; margin-right:20px; max-width:300px; }
.sos-teaser-horizontal h3 {     font-size: 32px; margin: 10px 0px 10px 0px; display:inline-block;}

@media (max-width: 991px) {
	.sos-teaser-vertical { margin-left:auto; margin-right:auto; float:none; }
	.sos-teaser-horizontal { width:340px;}
}
@media (min-width: 992px) {
	.sos-teaser-vertical:nth-child(3n+1) { clear: both; margin-left:0; margin-right:20px;}
	.sos-teaser-vertical:nth-child(3n+2) { }
	.sos-teaser-vertical:nth-child(3n) { margin-right:0; margin-left:20px;}
	.sos-teaser-vertical { margin-left:10px; margin-right:10px;}
}
@media (min-width: 1200px) {
}


.sos-teaser-button { clear: both;  }

.portal-image-teaser { max-width:960px; margin: 0 auto; }
.portal-image-teaser  img{ max-width:100%; }



/* ------------------ accordion --------------------- */
.accordion-item {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0.2em;
	margin-top: 20px;
	-webkit-box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
}
.accordion-item.current {}
.accordion-pane {display: none;	padding: 5px 20px 15px;}
.accordion-heading {	cursor: pointer;margin:0!important; padding:10px 20px;}

/* ------------------ paging --------------------- */
.sos-pagination { clear:both; text-align:center;} 
.sos-pagination .pagination>li>a, 
.sos-pagination .pagination>li>span { color: #777; }
.sos-pagination .pagination>li.active>a { color: white;  background-color: #77B755;  border-color: #77B755;}

/* ------------------ campaign carousel --------------------- */
.sos-campaign-carousel { clear:both;}
.sos-campaign-carousel  .image { }
.sos-campaign-carousel  .caption { padding:3px; margin:3px; position:absolute; bottom:0; background-color: white; opacity: 0.8; color:black; }
.sos-campaign-carousel  img{ max-width:100%; max-height:100%; top:50%; left:50%; position:absolute; 
	transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
.sos-campaign-carousel .slick-slide  { position:relative; }
.sos-campaign-carousel .slick-slide  figure{ background-color:white; }
@media (max-width: 419px) {
	.sos-campaign-carousel { width:300px; margin: 0 auto;}
	.sos-campaign-carousel  .image { width:300px; height: 225px;}
}
@media (min-width: 420px) and (max-width: 767px){
	.sos-campaign-carousel { width:400px; margin: 0 auto;}
	.sos-campaign-carousel  .image { width:400px; height: 300px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.sos-campaign-carousel  .image { width:720px; height: 540px;}
}
@media (min-width: 992px) {
	.sos-campaign-carousel  .image { width:617px; height: 463px;}
}
@media (min-width: 1200px) {
	/*.sos-campaign-carousel  .image { width:750px; height: 563px; }*/
}

/* ------------------ campaign page --------------------- */
.sos-container-campaign h1 { padding-bottom: 0px; }
.sos-campaign-preview { margin: 0; padding: 10px; margin-top:20px; overflow:hidden;}
.sos-campaign-preview .sos-campaign-preview-title { font-size:20px; }
.sos-campaign-image-row { padding-top:45px; clear:both;}
.sos-container-campaign .sos-campaign-username { font-size:20px; }
.sos-container-campaign .sos-profile-image { width:60px; height:60px; }
@media (max-width: 991px){
	.sos-container-campaign .sos-campaign-user { margin-top:20px; }
}
.sos-container-campaign .sos-campaign-contact { padding-top: 5px; }
.sos-container-campaign .sos-campaign-reference { color:#aaa;      font-size: 14px;     padding-bottom: 30px;}
.sos-container-campaign .sos-campaign-subtitle { text-align:center; font-size:20px; padding:0; margin: 0; color: #aaa;}
.sos-container-campaign .progress { border: 1px solid #ddd; margin-bottom:0; background-color:white; box-shadow: none; -webkit-box-shadow: none;    margin-top: 30px;}
.sos-container-campaign .progress  .progress-bar{ background-color:#77B755; padding-top:10px;}
.sos-container-campaign .sos-campaign-progress-label { font-size:24px; color:#aaa;     margin-bottom: 20px;   margin-top: 10px; }
.sos-container-campaign .sos-campaign-stat { display: inline-block; width: 100%;  font-size: 24px;  padding-top: 12px;  margin-top: 10px;  border-top: 1px solid #e7e7e7; }
.sos-container-campaign .sos-campaign-stat-amount { color:#77B755; } 
.sos-container-campaign .sos-campaign-stat-donors { color: #009ee0; } 
.sos-container-campaign .sos-campaign-stat-days { color:#e74361; margin-bottom:10px; padding-bottom:10px;  } 
.sos-container-description {  margin-bottom:20px; }
.sos-container-description .sos-campaign-description  { background-color:white; margin: 0px; padding: 25px;}
.sos-container-project { padding-bottom:10px; }
.sos-container-donors { padding-bottom:20px;} 
.sos-container-donors .donor {}
.sos-container-donors .donor-amount { text-align:center; color:#77B755; }
.sos-container-donors .donor-name { }
.sos-container-donors .donor-date { font-size:12px; color:#aaa; text-align:right; margin:2px;}
.sos-container-donors .donor-comment { display:block; color:#aaa; }
.sos-container-donors .sos-donor-carousel {margin-bottom:15px; background-color:white;     padding: 20px 30px;}
.sos-container-donors .sos-donor-carousel .slick-slide .row  { border-bottom:1px solid #e7e7e7; padding:15px 0;}
.sos-container-donors .sos-donor-carousel .slick-slide { }
.sos-container-donors .sos-donor-carousel .slick-prev, 
.sos-container-donors .sos-donor-carousel .slick-next { background: white;}
.sos-container-project { clear:both; }
.sos-container-comments { padding:20px 0; } 
.sos-container-comments  h2{ color:#009ee0;} 
.sos-container-comments .comment {}
.sos-container-comments .comment-name { font-size:20px; }
.sos-container-comments .comment-date { font-size:12px; color:#aaa; text-align:right; margin:2px;}
.sos-container-comments .comment-comment { display:block; color:#aaa; }
.sos-container-comments textarea {margin-top:10px;}
.sos-container-comments .sos-comment-carousel { margin-bottom:5px; background-color:white;     padding: 20px 30px;}
.sos-container-comments .sos-comment-carousel .slick-slide .row  { border-bottom:1px solid #e7e7e7;padding:15px 0;}
.sos-container-comments .sos-comment-carousel .slick-slide { }
.sos-container-comments .sos-comment-carousel .slick-prev, 
.sos-container-comments .sos-comment-carousel .slick-next { background:white;    margin: 0 5px;}
.sos-container-project h2,
.sos-container-donors h2,
.sos-container-comments h2 { text-align: left;  color: #666;  font-size: 24px;   padding-top: 40px;    padding-bottom: 20px;}

/* ------------------ step wizard --------------------- */
.stepwizard { display: table; margin:20px auto 30px auto; position: relative; }
.stepwizard-row { display: table-row; }
.stepwizard-row:before {top:10px; position:absolute; content:" "; height:3px; background-color:#ccc;z-index:0;}
.stepwizard-3 .stepwizard-row:before { width:66%; left:16.7%; }
.stepwizard-4 .stepwizard-row:before { width:75%; left:12.5%; }
.stepwizard-5 .stepwizard-row:before { width:80%; left:10%; }
.stepwizard-step { display: table-cell; text-align: center; position:relative; width:150px; }
.stepwizard-step .btn-text { display:block;margin-top:0px; color:#aaa; font-weight:bold; text-decoration:none;}
.stepwizard-step .btn-circle { width:20px; height:20px; padding:3px 0; border-radius:50%; background-color: #ccc;z-index:1; opacity:1; cursor:initial;}
.stepwizard-step.step-active .btn-circle{ background-color: #77B755;} 
.stepwizard-step.step-active .btn-text { color: #77B755;} 
@media (max-width: 768px) {
	.stepwizard { display: none; }
}

/* ------------------ forms --------------------- */
.sos-form {padding: 0 10px;}
@media (min-width: 768px) {
	.sos-form  { margin:0 auto; max-width:650px;}
}
.sos-form h5 { border-bottom:1px solid #ccc; } 
.sos-form hr { margin:5px 0; }
.sos-form .control-label { padding-top: 7px; text-align: right;}
.sos-form .control-label.text-left {text-align:left;}
.sos-form .control-label.text-right {text-align:right;}
.sos-form .has-error .ValidatorMessageClass, .sos-error { font-weight: bold; color: #e74361;}
.sos-form .has-error .control-label, .has-error label { font-weight: bold; color: #e74361!important; }
.sos-form .has-error .form-control { border-color: #e74361; }
.sos-form .help-block { margin-bottom: 0; margin-top: 2px; }
.sos-form .sosTooltip { display: inline-block;font-size: 16px; color:#77B755;}
.sos-form .popover  { border-color: #77B755; width:300px;}
.sos-form .popover .popover-title {  color:#77B755;}
.sos-form .popover .popover-content { color:#000;}
.sos-form .form-control.sosInline { display: inline-block; width: auto; }
.btn-file { position: relative; overflow: hidden; color:#77B755;}
.btn-file input[type=file] {
    display: block; position: absolute; top: 0; right: 0;
    min-width: 100%; min-height: 100%;
	background: white;
    font-size: 100px; text-align: right;
    filter: alpha(opacity=0);  opacity: 0;
    outline: none; 
    cursor: inherit;  
}
.sos-form .sos-add-media-buttons button {width:190px; height:70px; }
.sos-form .sos-add-media-buttons .glyphicon { font-size:30px;}
.sos-form .sos-add-media  { display:none; border:1px solid #0182b7; border-radius:4px; padding:10px; margin-bottom: 15px;}
.sos-form .sos-add-media-buttons .btn { width:100%;}
.sos-form .sos-upload-image { }
.sos-campaign-gallery-image { position:relative; height:225px; width:300px; background-color: #aaa; margin:0 auto;}
.sos-campaign-gallery-image button { position:absolute; left:3px; top:3px;}
.sos-campaign-gallery-image img{ max-width:100%; max-height:100%; top:50%; left:50%; position:absolute; 
	transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); }
.sos-campaign-gallery-caption { max-width:300px; margin:0 auto;}
.sos-campaign-gallery-caption > p { font-style: italic; margin-bottom:3px;}

.sos-buttons-top{ padding: 20px 0 0px; clear:both; overflow:hidden;}
.sos-buttons { padding: 0 0 40px; clear:both; overflow:hidden;}
.adminIcons { white-space:nowrap; }
.g-recaptcha > div  { display:inline-block;}
.sos-form .sos-profile-image { width: 160px;  height: 160px; } 
.sos-profile-image { background-color: white;    border-radius: 50%;    overflow: hidden;    box-shadow:0px 0px 1px 1px rgba(47,47,47,0.1);}
.sos-profile-image img { max-width:100%; max-height:100%; margin-top: 50%; margin-left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); }

@supports (overflow:-webkit-marquee) and (justify-content:inherit) 
{

  .sos-profile-image { background-color: black;}

}

/*** WIDGET POPUP ***/
.P2PmodalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.P2PmodalPage .P2PmodalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 690px; height: 390px; background-color: #000000;
	/*left: 200px;*/
    position: absolute;
    z-index: 998;
}
.P2PmodalPage .P2Pmodal
{
    background-color:#fff;
    position: absolute;
	top: 20px;	
	left: 20px;
    z-index: 999;
    width: 650px;
    height: 350px;
    padding: 0px;
}
.P2PmodalPage .P2PmodalTop{    background-color: #fff;    padding: 10px;    color: #ffffff;    text-align: right;}
.P2PmodalPage .P2PmodalTop a, #P2PmodalPage .P2PmodalTop a:visited{    color: #ffffff;}
.P2PmodalPage .P2PmodalBody{    padding: 0px;	font-family:Arial,Helvetica;	font-size:12px;	color:#333; clear:both;line-height: 1.2em;}
.P2PmodalPage .P2PmodalBody a{    	color:#00AEEF!important;}
.P2PmodalPage .P2PleftModal {	float:left;	width:170px;	padding:0px;	margin-left:30px;}
.P2PmodalPage .P2PmiddleModal {	float:left;	width:600px;	padding:0px;	margin-left:30px;}
.P2PmodalPage .P2PrightModal {	float:left;	width:400px;	margin-left:15px;	padding:0px;	margin-right:30px;}
.P2PmodalPage .P2PrightModalText{	}
.P2PmodalPage .P2PrightModalScript{	margin-top:10px;	width:400px;	background: #eee;	padding:10px;	font-family: Courier, sans-serif;}
/*** WIDGET POPUP END  ***/

/* ------------------ navigation bars --------------------- */
.sos-navbar-top { background-color:white; font-weight:bold; font-size:14px; margin-bottom:0; }
.sos-navbar-top .container-fluid { padding: 0px; }
.sos-navbar-top .navbar-header { float: left; margin:0;}
.sos-navbar-top .navbar-brand {
	/* padding: 2px 10px;  */
	padding: 0 10px; 
	margin:0!important;
}
.sos-navbar-top .navbar-brand  img {
	height: 100%; 
	/* padding-top:6px; */
}
.sos-navbar-top .dropdown-menu {-webkit-box-shadow: none;    box-shadow: none;}
.sos-navbar-top .navbar-nav>.active>a, 
.sos-navbar-top .navbar-nav>.active>a:hover, 
.sos-navbar-top .navbar-nav>.active>a:focus {
    color: #009ee0;
    background-color: white;
}

.sos-navbar-button, .navbar-toggle { border:none; height:50px;min-width:50px; margin:0; }
.sos-navbar-button { display:block; }
.navbar-toggle { float:right; border-radius:0; border-left: 1px solid #e7e7e7;}
.navbar-toggle a { color:#666; }
.sos-navbar-button.sos-search { float:right; color: white; background-color:#77B755; }
.sos-navbar-button.sos-search:hover, .sos-navbar-button.sos-search:focus { background-color: #4f8c4b; }
.sos-navbar-button.sos-start { line-height: 15px; float:right; color: white; background-color: #009ee0; padding: 5px 15px; }
.sos-navbar-button.sos-start:hover, .sos-navbar-button.sos-start:focus { background-color: #0182b7; }
.sos-navbar-button.sos-login  { float:right; background-color:white; border-left: 1px solid #e7e7e7;     padding: 0 15px;}
.sos-navbar-button.sos-login:hover, .sos-navbar-button.sos-login:focus { background-color:#ddd; }
.sos-navbar-button.sos-login a { color:#666; }
.sos-navbar-user { float:right; position:relative; border-left: 1px solid #e7e7e7; }
.sos-navbar-user:hover, .sos-navbar-user:focus { background-color:#ddd; }
.sos-navbar-user > a { padding:0 15px; display: table-cell; vertical-align: middle; height: 50px;}
.sos-navbar-user .sos-profile-image { width:40px; height:40px; float:left;}
.sos-navbar-user .dropdown-menu { position:absolute; right:0; left:inherit; }
.sos-navbar-user .caret {margin-left: 8px; margin-top:18px; border-top: 8px dashed;  border-right: 5px solid transparent;  border-left: 5px solid transparent;  color: #777;}

.sos-nav-1 { text-transform: uppercase; float:right; padding-right: 15px; }
.sos-nav-2 { width:100%; border-top:1px solid #e7e7e7;}

.sos-navbar-bottom { background-color:#77B755; margin-bottom:0; font-size:12px; border-radius:0; border:0;}
.sos-navbar-bottom  .container { padding: 10px; }
.sos-navbar-bottom  .navbar-brand { padding: 0;}
.sos-navbar-bottom .navbar-header {text-align:center; }
.sos-navbar-bottom .navbar-brand {float:none; }
.sos-navbar-bottom .navbar-brand  img {height: 50px; display:inline-block;}
.sos-navbar-bottom .navbar-nav>li>a { color: white; text-align:center; padding-left:0;}
.sos-navbar-bottom .navbar-nav>li>a:hover, 
.sos-navbar-bottom .navbar-nav>li>a:focus { color: white; text-decoration:underline;}



@media (max-width: 568px) {
	.sos-navbar-button.sos-start { display:none;}
}
@media (max-width: 400px) {
	.sos-navbar-top .navbar-header { width: 100%; border-bottom: 1px solid #eee; }
	#navbar1.navbar-collapse { border-top: 1px solid #e7e7e7;}
}

@media (max-width: 955px) {
    .navbar-toggle { display:block !important; }
	#navbar1 .sos-nav-1 { border-top:1px solid #e7e7e7;}
	#navbar1.navbar-collapse { clear: both; border-top:0;}
    #navbar1.navbar-collapse.collapse { display: none !important;}
    #navbar1.navbar-collapse.collapse.in { display: block !important;}
	#navbar1.navbar-left { float: none !important; }
	#navbar1.navbar-right { float: none !important; }
	#navbar1 .navbar-nav>li {float: none !important; }
	#navbar1 .navbar-nav {float: none !important; }
	#navbar1 .navbar-nav { padding: 7.5px 0px; margin:0;}
	#navbar1 .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; }
	#navbar1 .dropdown-menu { position: static; float: none; border:none; box-shadow:none;}
	#navbar1 .navbar-nav .open .dropdown-menu>li>a, #navbar1 .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }	
	#navbar1 .navbar-nav .open .dropdown-menu>li>a { color: #777;}
	#navbar1 .navbar-nav .open .dropdown-menu>li>a:hover, #navbar1 .navbar-nav .open .dropdown-menu>li>a:focus {  color: #333; background-color: #f5f5f5;}
}


.WebPartZoneBorder, .WebPartZoneBorderActive {
    border: 0!important;
    padding: 0!important;
}
.WebPart, .EditorWidget, .WebPartBorder, .WebPartBorderActive, .WebPartContent {
    border: 0!important;
    padding: 0!important;
    display: inline-block;
}