.header_wrap{background: url('/images/header(1).png');background-repeat: no-repeat; background-size:100%; } 
.navbar-light .navbar-toggler-icon{background-image: url(/images/menu.png) }
.sar_header{padding: 0%}
.logo_wrap{margin:0% 5%;}
.logo_url{padding: 5px 0;}
.sar_menu{background-color:#545050;border-top:1px solid #111;padding:0;}
.sar_menu ul li a.nav-link{padding:5px 15px !important;color:#fff !important;line-height:30px;border-right: 1px solid #111;font-size:14px !important}
body {
    font-family: 'Arials', sans-serif !important;
  }
  #navbarNavDropdown{justify-content: flex-end;padding-right: 86px}
  @media (min-width: 320px) and (max-width: 480px) {
   #navbarNavDropdown{justify-content: flex-end;padding-right: 0px !important}
   }
     @media (min-width: 1000px) and (max-width: 1024px) {
        #navbarNavDropdown{justify-content: flex-end;padding-right: 40px !important}
     }
  .footer_title{font-size:15px !important;font-weight:600;border-bottom:2px solid #111;text-transform: uppercase;margin:0 0 22px;text-align: left}
  .footer_menu{list-style-type:none;padding:0;text-align: left}
  .footer_menu .footer_menu_item{margin-bottom:9px;}
  .footer_menu .footer_menu_item a{font-size:15px; color:#5a5a5a;}
  .footer_menu .footer_menu_item a:hover{color:#000;text-decoration:none;}
  .footer_contact a{font-size:15px; color:#5a5a5a;}
  .footer_contact a:hover{color:#000;text-decoration:none;}
  .footer_contact_subscribe input{width:100%;margin-bottom:10px;width: 100%;box-sizing: border-box;padding: 10px;display: inline-block;border: 1px solid #ddd;background-color: #f4f4f4;color: #444;font-size: 14px;}
  .footer_contact_subscribe input[type="submit"]{background-color:#444;color:#fff !important}
  .nopadding{padding:0 !important}
  h2.home_title {text-align: center;font-size: 24px;line-height: 1.384615384615385em;color: #fff;padding-bottom: 25px}
  .overview-heading{color:#ce2029;font-size: 24px; line-height: 34px;padding-bottom: 30px;font-weight: 600}
  .inner-heading{color:#ce2029;font-size: 24px; line-height: 34px;padding-bottom: 30px;font-weight: 600}
  .h3-title {text-align: center;padding-top: 10px;font-size: 21px;font-weight: 600;}
  .paragraph-title{text-align: center;}
  .custom-color{background-color: #e55c2e;padding-top: 30px;padding-bottom: 30px;}
  .login-back-color{background-color: #e8e8e8;padding-top: 30px;padding-bottom: 30px;}
  .overview-custom-color{background-color: #e8e8e8;padding-top: 30px;padding-bottom: 30px;}
  .ct_col_content{box-shadow: 0 0 13px #000;background: #fff;width: auto;padding-bottom: 10px}
  .row.conuntry_thought_row {padding-bottom: 40px;}
  .anchor{text-align:center;}
  footer#footer {padding-top: 20px;}
  .custom-buttons{padding-top: 18%}
  .sarfarosh-buttons{padding-left:0px;}
  .form-control{background: transparent;border: 1px solid #000;}
  .form-control::placeholder{color:#000;}
  .custom-list {padding: 0px;border: 1px solid #bbb;border-top: none;padding-bottom: 14px}
  .custom-list-1 {padding: 0px;border: 1px solid #bbb;border-top: none;padding-bottom: 14px; margin-bottom:20px}
  img.ct_col_image {max-width: 100%;height: auto;}
  p.title-silent{text-align: center;}
  p.title-silent a{text-decoration: none;}
  p.custom-story{text-align: center}
  .silent-padding{padding-top: 30px; padding-bottom: 30px}
  a.link {border: 1px solid;padding-top: 5px;padding-bottom: 5px;padding-left: 15px;padding-right: 15px; text-decoration: none}
  p.anchor a {text-decoration: none;}
  .hyper{border:1px solid; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px;border-radius: 7px;}
  .hyper:hover{background-color: #007bff; color: #fff}
  .hyper-1{color: #fff;border:1px solid #fff;padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px;border-radius: 7px;}
  .hyper-1:hover{color: #000;border:1px solid #000;}
  button.btn.btn-1{background-color: #000;color:#fff;}
  button.btn.btn-1:hover {background: #f05a28; color: #fff}
  .btn-2{background-color: #006738;color:#fff;}
  .btn-1:hover{background-color: #f05a28 !important;border:1px solid #f05a28 !important;color: #fff}
  .initiative-ct_col_content-1{padding: 15px;background-color:#f05a28 }
  .background-home-3{background-color: #006738;padding-top: 30px;padding-bottom: 30px;}
  .custom-fb{border: 1px solid #fff}
  .home_title-1{font-weight: 600; font-size: 24px;line-height: 33px; color: #fff;text-align: center;padding-top: 7px;}
  .img-bottom-space{margin-bottom: 8px}
  img.logo_image {max-width: 100%;height: auto;}
  button.btn.btn-default {background: #f05a28;color: #fff;font-weight: 600;font-size: 17px;border: 0px solid;}
  button.btn.btn-default:hover {background: #000;color: #fff;font-weight: 600;font-size: 17px;border: 0px solid;}
  .user_details{text-align: center;padding-top: 4px}
  .follow_button{text-align: center;padding-bottom: 20px}
  .border-read{border: 1px solid; padding-top: 5px;padding-bottom: 5px; padding-left: 15px; padding-right: 15px; border-radius: 9px}
  a.border-read:hover {text-decoration: none;background-color: #0056b3;color: #fff;}
  .user_card.box_shadow {box-shadow: 0 0 5px;margin-bottom: 20px;}
 
@media (min-width: 320px) and (max-width: 480px) {
  .btn.btn-1 {
    margin-bottom: 10px !important;
    font-size: 10px !important;}
}
@media (min-width: 320px) and (max-width: 480px) {
  .mobile-background {
    background:none !important;
}
.justify-mobile{text-align: justify !important;}
}
.content{position: relative;}
.image {display: block;width: 100%;height: auto;}
.overlay {position: absolute;bottom: -14px;left: 0;right: 0;background-color: #ce2029;overflow: hidden;width: 100%;height: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: .3s ease;transition: .3s ease; display:none !important;}
.ct_col_content:hover .overlay {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); display:none !important;}
.text {text-align:center !important;color: white;font-size: 15px;position: absolute;top: 50%;width: 79%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: justify;font-weight: 600;border: 1px solid #fff;padding: 8px;word-spacing: -1px}
@media(min-width: 320px) and (max-width: 480px) {
.text{padding:13px !important;} 
.logo_wrap{background-size:200% !important;}
}

@media only screen and (max-width: 600px) {
.header_wrap{ background:none !important; }
    .logo_wrap {
    margin: 0% 2%;
}
}

span#navbarDropdownMenuLink {
    padding: 5px 15px !important;
    color: #fff !important;
    line-height: 30px;
    border-right: 1px solid #111;
    font-size: 14px !important;
}
img.ct_col_image-1 {
    max-width: 100%;
    height: auto;
}
.custom-header-nav{color: #fff;padding-right: 5px;text-decoration: none;}
.custom-header-nav:hover{color: #fff;padding-right: 5px;text-decoration: none;}
.ct_col_content:hover{background-color: #FFF}
@media (min-width: 320px) and (max-width: 480px){
  .justify-content-between{    justify-content: center !important;} 
}
p.hero-name {
    font-size: 15px;
}
.well{min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
p.justify-mobile {
    font-size: 17px;
}
@media (min-width: 320px) and (max-width: 480px){
 .ct_col_image{
     padding-bottom:10px !important;
     margin-bottom:0px !important;
 }
 .img-bottom-space{margin-bottom:0px !important;}
 .custom-mobile-css {padding-bottom:0px !important;}
 .mobile-custom{padding-top:10px !important;}

 a.login img{display: block;}
}
div#navbarNavDropdown {
    text-align: left;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

/* irrelevant styling */

body p { 
  max-width: 100%; 
  margin: 20px auto; 

}
.video { position: relative; }


input#heroname::placeholder {
    color: #495057;
}
textarea#nominatereason::placeholder{color: #495057;}
textarea#nominateplace::placeholder{color: #495057;}
input#videolink1::placeholder{color: #495057;}
input#videolink2::placeholder{color: #495057;}
input#videolink3::placeholder{color: #495057;}
header.container-fluid.sar_header {
    background: #fff;
    position: fixed;
    z-index: 1111;
}
.container-fluid.sar_content {
    padding-top: 258px;
}
.container-fluid.overview-custom-color {
    padding-top: 258px;
}
div#tallModal {
    z-index: 9999;
}
.container-fluid.login-back-color {
    padding-top: 258px;
}
@media (min-width: 768px) and (max-width: 1024px){
 .vote-button{padding:5px !important;}
  }

  /*Vote or nominate silent heroes Image size style for desktop*/
  img.nav-item_icon {
    width: 235px;
    height: 130px;
}
@media (min-width: 320px) and (max-width: 480px){
 img.nav-item_icon{width: 100% !important;}
  }
@media (min-width: 768px) and (max-width: 1024px){
 img.nav-item_icon{width: 100% !important;}
  }
  a{text-decoration: none !important}
  
  
	.video-slider {
		width: 100%;
		height: 20em;
		background: #444;
		position: relative;
		overflow: hidden;
	}
	.slide {
		position: absolute;
		top: 0;
		left: 100%;
		height: 100%;
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
	.slide:first-child{
		left: 0;
	}
	.video{
		height: 100%;
		width: 100%;
		border:0;
	}
	.slide-arrow{
		position: absolute;
		top: 0;
		left: 0;
		height: 45%;
		width: 15%;
		cursor: pointer;
		opacity: .2;
	}
	.slide-arrow:hover{
		opacity: 1;
	}
	.slide-arrow:after{
		content: "\003c";
		text-align: center;
		display: block;
		height: 10%;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 3em;
	}
	.slide-arrow.right:after{
		content: "\003e";
	}
	.slide-arrow.right{
		left: auto;
		right: 0;
	}