@font-face {
    font-family: 'latolight';
    src: url('/assets/fonts/lato-light-webfont.eot');
    src: url('/assets/fonts/lato-light-webfont.eot') format('embedded-opentype'),
         url('/assets/fonts/lato-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/lato-light-webfont.woff') format('woff'),
         url('/assets/fonts/lato-light-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('/assets/fonts/lato-bold-webfont.eot');
    src: url('/assets/fonts/lato-bold-webfont.eot') format('embedded-opentype'),
         url('/assets/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/lato-bold-webfont.woff') format('woff'),
         url('/assets/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack';
    src: url('/assets/fonts/lato-black-webfont.eot');
    src: url('/assets/fonts/lato-black-webfont.eot') format('embedded-opentype'),
         url('/assets/fonts/lato-black-webfont.woff2') format('woff2'),
         url('/assets/fonts/lato-black-webfont.woff') format('woff'),
         url('/assets/fonts/lato-black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

 
body {
  font-family: 'latolight';
  color: #115c9b;
}

.container{width:100% !important;}
.container.pad-left{padding:0 5%; box-sizing:border-box;}
.list-inline{margin-top:14px; margin-bottom:0;}
.navbar-collapse.collapse{width:auto; padding-right:0; padding-left:0;}
a {
  color: inherit;
}
a:hover, a:focus, a:active {
  color: inherit;
}

/* =============================================================================
  Layout
========================================================================== */
/* Header 
================================= */

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 32px;
    line-height:32px;
    padding: 15px 0 15px 0px;
}
.navbar-brand img {
	max-width:321px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.list-inline > li:last-child {
   
    
}

.navbar-static-top {
  margin: 0;
  border: 0;
  color: #fff;
}

.navbar-top {
  background: #ed2328;
  font-size: 12px;
  padding: 3px 0;
}

.padding_btm{padding-bottom:30px;}
.download-full-pledge{ padding-top:10px; text-align:center;}
.download-full-pledge img{max-width:50%;}
.moreinfo{ color:#a0a0a0; float:left; margin:0px;}
.moreinfo a{ color:#a0a0a0;   font-family: 'latobold'; text-decoration:none;}
.btm_logo{ }

.navbar-top .list-inline {
  margin-bottom: 0;
}
.navbar-top .header-contact li {
  margin-right: 15px;
}
.navbar-top .header-contact li .fa {
  margin-right: 5px;
}

.navbar-main {
  margin:10px 0;
  color: #000;
  background: #fff;
}
.navbar-header
{
margin-left:-40px;
}
.navbar-main .navbar-brand {
  border-bottom: none !important;
}
.navbar-main a:hover,
.navbar-main a:active,
.navbar-main a:focus,
.navbar-main a.is-active {
  background: none !important;
  color: inherit;
  border-bottom: 2px solid #fff;
}
.navbar-main .submenu {
  position: absolute;
  list-style: none;
  background: #1f76bd;
  padding: 0;
  width: 150px;
  left: -35px;
  visibility: hidden;
  top: 85px;
  -moz-transition: all, 0.05s;
  -o-transition: all, 0.05s;
  -webkit-transition: all, 0.05s;
  transition: all, 0.05s;
}
.navbar-main .submenu li {
  border-top: 1px solid #185b91;
}
.navbar-main .submenu li:hover {
  background: #185b91;
  -moz-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
}
.navbar-main .submenu li a {
  width: 100%;
  border-bottom: none;
  text-decoration: none;
  padding: 5px 25px;
  display: block;
  font-size: 16px;
}
.navbar-main li a {
  color:#000000;
  font-size: 20px;
  padding: 0;
     text-decoration: none;
    cursor: default;
}
.navbar-main li:hover .submenu {
  top: 62px;
  visibility: visible;
  -moz-transition: all, 0.25s;
  -o-transition: all, 0.25s;
  -webkit-transition: all, 0.25s;
  transition: all, 0.25s;
}
.navbar-main .icon-bar {
  background: #fff;
}

/* Home Slider 
================================= */
.carousel-home img {
  width: 100%;
}
.carousel-home .carousel-control {
  background: #1f76bd;
  height: 80px;
  width: 40px;
  top: 50%;
  margin-top: -40px;
  -moz-transition: width, 0.3s;
  -o-transition: width, 0.3s;
  -webkit-transition: width, 0.3s;
  transition: width, 0.3s;
}
.carousel-home .carousel-control .fa {
  font-size: 2.5em;
  padding-top: 12px;
}
.carousel-home .carousel-control:hover {
  width: 50px;
}
.carousel-home .carousel-caption {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.carousel-home .carousel-caption h2{
	 font-size:40px;
	 color:#ffffff;
	 text-shadow:none;
	   font-family: 'latobold';
	 
}
.carousel-home .carousel-caption h3{
	 font-size:40px;
	 color:#ffffff;
	 text-shadow:none;
	  
	 
}

.carousel-home .carousel-caption p{
	 font-size:28px;
	 color:#ffffff;
	 text-shadow:none;
	 padding-top:20px;
	  
	 
}

.carousel-caption {
    left: 21%;
    padding-bottom: 30px;
    right: 21%;
}
.carousel-home .carousel-title {
  color: #fff;

 
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
}
.carousel-home .carousel-subtitle {
  font-size: 25px;
  text-transform: uppercase;
}
.carousel-home .btn {
  margin-top: 30px;
}

.section-home {
  margin: 30px 0;
}


/* home/reasons 
================================= */
.home-reasons {
  margin:0px 0;
}

.home-reasons-bg{
background:url(/assets/images/bg.png) no-repeat;
background-size:cover;
}

.home-reasons .row{display:table; width:100%;}
.home-reasons .row .home-reasons-bg{display:table-cell; float:none;}

.reasons-col {
	position: relative;
	overflow: hidden;
	text-align:center;
	padding:72px 0 0 0;
	cursor:pointer;
}
.reasons-col .col-with-border
{
	display:none;
}
.reasons-col.active .col-with-border
{
	border-bottom:solid 20px #005a92;
	display:block;
	position:absolute;
	width:100%;
	bottom:0;
	z-index:11;
}
.reasons-col img {
	/* width: 100%;*/
 /* -moz-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	-webkit-transition: all, 0.5s;
	transition: all, 0.5s;*/
	margin:20px auto 0;
	padding-top:20px;
	width:40%;
}
.reasons-col.active img {padding-bottom:20px;
	padding-top:0px;}
.reasons-col .reasons-titles {
	position: relative;
	bottom: 0;
	text-align: center;
	color: #0F0F1E;/* background: rgba(31, 118, 189, 0.8);
  width: 100%;
  
  text-transform: uppercase;
  height: 125px;
  padding: 25px 0;*/
}
.reasons-col .reasons-titles h2 {
	color:#000000;
	font-size:22px;
	line-height:32px;
	width:100%;
	margin:auto;
}
.reasons-col  i{display:none;}
.reasons-col  i.mobile-version{display:block; color:red;}
.reasons-col.active i{display:block;}
.reasons-col.active i.mobile-version{display:none;}
.reasons-col .on-hover i{display:block;}
.reasons-col i {
	bottom:10%;
	right:10%;
    position: absolute;
    font-size: 44px;
	line-height:44px;
	font-weight:normal;
	color:#005a92;
}
.reasons-col .reasons-title {
	font-weight: bold;
}
.reasons-col1 {
	border-bottom: 1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
}
.reasons-col2 {/*D7D7D7*/
	border-bottom: 1px solid #D7D7D7;
}
#box1 .on-hover{background: #ed1b29;}
#box2 .on-hover{background: #00adef;}

#box3 .on-hover{background:#ed1b29;}
#box4 .on-hover{background:#00adef;}

#box5 .on-hover{background: #a60094;}
#box6 .on-hover{background: #00d756;}
.reasons-col .on-hover {
	position: absolute;
	top: 0;
	width: 100%;
	height:100%;
	padding: 25px;
	color: #fff;
	text-align: justify;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	-webkit-transition: all, 0.5s;
	transition: all, 0.5s;
	box-sizing:border-box;
}
.reasons-col:hover .on-hover {
	visibility: visible;
	opacity: 1;
	padding: 50px;
	-moz-transition: all, 1s;
	-o-transition: all, 1s;
	-webkit-transition: all, 1s;
	transition: all, 1s;
}
.reasons-col.active:hover .on-hover{visibility:hidden; opacity:0;}
.reasons-col .on-hover h3 {
	display: block;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 80%;
    font-size: 38px;
	line-height:44px;
	font-weight:normal;
}
.reasons-col .on-hover i {
	bottom:10%;
	right:10%;
    position: absolute;
    font-size: 44px;
	line-height:44px;
	font-weight:normal;
	color:#fff;
}
.reasons-col:hover img {
 /* -moz-transform: perspective(1.1) scale3d(1.1, 1.1, 1.1);
  -webkit-transform: perspective(1.1) scale3d(1.1, 1.1, 1.1);
  transform: perspective(1.1) scale3d(1.1, 1.1, 1.1);*/
}

.home-reasons .row.details-row{ color:#fff; padding:60px 0; display:none;}
.home-reasons .row.details-row .detail-close-btn{ cursor:pointer;}
.details-row h3{font-size:24px; font-weight:bold; line-height:30px; padding-top:20px; clear:both;}
.details-row p{font-size:24px; line-height:30px; font-weight:bold;}

#detail-box1{background-color:#ff0000;}
#detail-box2{background-color:#00adef;}
#detail-box3{background-color:#ed1b29;}
#detail-box4{background-color:#00adef;}
#detail-box5{background-color:#a60094;}
#detail-box6{background-color:#00d756;}
#detail-box1-mobile{background-color:#ff0000;}
#detail-box2-mobile{background-color:#00adef;}
#detail-box3-mobile{background-color:#ed1b29;}
#detail-box4-mobile{background-color:#00adef;}
#detail-box5-mobile{background-color:#a60094;}
#detail-box6-mobile{background-color:#00d756;}

/* home/causes
================================= */
.cause {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border: 1px solid #1f76bd;
  -moz-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
}
.cause .cause-progress {
  margin: 0 10px 15px;
  border: 1px solid #1f76bd;
  border-radius: 3px;
}
.cause .cause-progress .progress-bar {
  background: #1f76bd;
  box-shadow: none;
}
.cause .cause-img {
  margin-bottom: 15px;
  width: 100%;
}
.cause .cause-title {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}
.cause .cause-details {
  text-align: justify;
  padding: 0 15px;
  font-size: 13px;
  margin-bottom: 15px;
  min-height: 115px;
}
.cause:hover {
  background: #f0f0f0;
  color: #144d7b;
  border-color: #144d7b;
}

/* Team 
================================= */
.team-member {
  background: #1f76bd;
  color: #fff;
  text-align: center;
  padding-bottom: 15px;
  border: 1px solid #1f76bd;
}
.team-member .thumnail img {
  width: 100%;
}
.team-member .member-name {
  font-weight: bold;
}
.team-member .member-position {
  padding: 0 15px 5px;
}

/* footer 
================================= */
.footer-top {
  background: #115c9b;
  height: 40px;
}

.main-footer {
  /*background: #1f76bd;*/
  color: #a0a0a0;
  padding-bottom:20px;
  font-size:16px;
}

.form-control { height:52px; box-sizing:border-box;}
.inputbdr{border-top:solid 1px #ccc; border-right:solid 0px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}

.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: auto;
    z-index: 2;
}

.input-group {
    border-collapse: separate;
    display: inline-block;
    position: relative;
}

.form-inline .input-group > .form-control {
    width: auto;
	font-family: 'latobold';
	 color:#a0a0a0;
}

.form_btn{background-color:#00adef; color:#ffffff; border-radius:0px; border:0px;   font-family: 'latoblack';     padding: 16px 60px; font-size:16px; letter-spacing:3px; box-sizing:border-box; }
.download-full-pledge .form_btn{white-space:normal;}
.form_btn:hover{background-color:#048abd;  color:#ffffff;}
.input-group-btn>.form_btn{font-size:16px; padding: 15px 12px;}
label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
	color:#a0a0a0;
	font-size:14px;
	padding-right:20px;
	  font-family: 'latoblack';
}

.form-inline{width:auto; display: inline-block; float:right;}



.list-inline {
   display:inline-block;
}


.footer-bottom a{
    text-decoration: underline;
	font-family: 'latobold';
}
.main-footer .footer-main {
  padding: 30px 0;
}
.main-footer .footer-title {
  text-transform: uppercase;
  margin-bottom: 10px;
}
.main-footer .footer-title .title-under {
  background: #fff;
  margin: 15px 0;
  text-align: left;
}
.main-footer .footer-title .title-under:after {
  margin: 0;
  background: #fff;
}
.main-footer .footer-content {
  text-align: justify;
  font-size: 13px;
}
.main-footer .tweet {
  font-size: 13px;
}
.main-footer .tweet:after {
  content: "";
  height: 1px;
  display: block;
  background: #115c9b;
  width: 150px;
  margin: 15px auto;
}
.main-footer .tweet:last-child:after {
  display: none;
}

.footer-bottom {
 /* background: #115c9b;*/
  padding: 3px;
}

.footer-form .form-group {
  margin-bottom: 5px;
}
.footer-form .form-control {
  background: #115c9b;
  color: #fff;
  border: 0;
  border-radius: 0;
  margin-bottom: 5px;
  border: 1px solid #fff;
  resize: none;
}
.footer-form .btn-submit {
  border-radius: 0;
  background: #115c9b;
  text-transform: uppercase;
  border: 1px solid #fff;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
}
.footer-form .btn-submit:hover {
  background: #fff;
}
.footer-form input:-moz-placeholder,
.footer-form textarea:-moz-placeholder {
  color: #fff;
}
.footer-form input::-moz-placeholder,
.footer-form textarea::-moz-placeholder {
  color: #fff;
}
.footer-form input:-ms-input-placeholder,
.footer-form textarea:-ms-input-placeholder {
  color: #fff;
}
.footer-form input::-webkit-input-placeholder,
.footer-form textarea::-webkit-input-placeholder {
  color: #fff;
}

/* Pages 
================================= */
.page-heading {
  background: url('/assets/images/heading-bg.jpg') no-repeat center;
  background-size: cover;
  min-height: 190px;
  color: #fff;
  padding: 25px 15px;
  margin-bottom: 50px;
}
.page-heading .title-under {
  background: #fff;
}

.page-description {
  font-size: 18px;
}

.main-container {
  margin-bottom: 50px;
}

/* Pages/Gallery 
================================= */
.gallery-item {
  padding: 0;
  display: block;
  margin: 0;
}
.gallery-item img {
  width: 100%;
}

.contact-items {
  margin-top: 30px;
}
.contact-items .contact-item {
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 16px;
}
.contact-items .contact-icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #1f76bd;
  vertical-align: middle;
  margin-right: 5px;
  color: #fff;
  text-align: center;
}
.contact-items .contact-icon .fa {
  vertical-align: sub;
  font-size: 20px;
  margin-top: 7px;
}

/* contact 
================================= */
.contact-map {
  height: 350px;
  background: #ccc;
}

form .alert {
  display: none;
}

/* Causes 
================================= */
.cause-carousel {
  margin-top: 15px;
  margin-bottom: 30px;
}

/* =============================================================================
	Module
========================================================================== */
.btn-primary {
  background: #115c9b;
  border: none;
  border-radius: 0;
  padding: 10px 25px;
  border: 1px solid transparent;
  -moz-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
}
.btn-primary:hover {
  background: #fff;
  color: #1f76bd;
  border: 1px solid #1f76bd;
}

.btn-secondary {
  background: #fff;
  color: #1f76bd;
  border-radius: 0;
}
.btn-secondary:hover {
  background: #1f76bd;
  color: #fff;
}

.title-style-1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
  margin-bottom: 50px;
}

.title-style-2 {
  text-align: left;
  text-transform: uppercase;
  font-size: 26px;
  margin-bottom: 25px;
}
.title-style-2 .title-under {
  display: block;
  margin: 5px 0;
}
.title-style-2 .title-under:after {
  margin: 0;
  margin-top: 10px;
}

.title-under {
  display: block;
  margin: 5px auto;
  background: #1f76bd;
  height: 1px;
  width: 280px;
}
.title-under:after {
  content: '';
  display: block;

  width: 100px;
  background: inherit;
  height: 2px;
  margin: 0 auto;
  margin-top: 10px;
}

/* Modal
================================= */
.form-control {
  border-radius: 0;
  box-shadow: none;
}

/* Tabeles
================================= */
.table-style-1 thead {
  background: #1f76bd;
  border-bottom: 1px solid #144d7b;
  color: #fff;
}
.table-style-1 td,
.table-style-1 th {
  border-bottom: 1px solid #1f76bd;
}

.table-style-2 thead {
  background: #115c9b;
  border-bottom: 1px solid #144d7b;
  color: #fff;
}
.table-style-2 tbody tr:nth-child(even) {
  background: #1f76bd;
  color: #fff;
}
.table-style-2 td,
.table-style-2 th {
  border-bottom: 1px solid #1f76bd;
}

.contact-form{display:inline-table; float:right;}
.medialink{color:#00adef; }
.medialink:hover{color:#048abd;}


/* =============================================================================
	Responsive
========================================================================== */
/* Large devices (large desktops, 1200px and Down) */
@media (max-width: 1600px) {
	.carousel-caption {
		left: 5%;
		padding-bottom: 30px;
		right: 5%;
	}
}
@media (max-width: 1200px) {
  .about-us-col {
    padding: 15px;
  }

  .reasons-col:hover .on-hover {
    padding: 15px;
  }

  .reasons-col:hover .on-hover {
    padding: 25px;
  }
  
 
.carousel-caption {
    left: 5%;
    padding-bottom: 30px;
    right: 5%;
}
  
}
/* Medium devices (desktops, 992px and Donw) */
@media (max-width: 1024px) {
  

  .about-us-col {
    margin-bottom: 25px;
  }

  .team-member {
    margin-bottom: 25px;
  }

  .reasons-col {
    margin-bottom: 0px;
  }

  .footer-col {
    margin-bottom: 50px;
  }
  
  .form-inline .input-group {
    vertical-align: middle;
}
.reasons-col .reasons-titles h2{font-size:16px;}
.reasons-col .on-hover h3{font-size:28px; line-height:34px;}
.container.pad-left{padding: 0 2%;}
.input-group-addon, .input-group-btn, .input-group .form-control {
    /*display:inline-table;
	padding-top:20px;
	width:100%;*/
	
}

.form-inline {
   
    text-align: center;
}

btm_logo{clear:both;
}

.list-inline {
    display: block;
    text-align: center;
}
.carousel-home .carousel-caption h2{
	 font-size:35px;
	 color:#ffffff;
	 text-shadow:none;
	   font-family: 'latobold';
	 
}
.carousel-home .carousel-caption h3{
	 font-size:35px;
	 color:#ffffff;
	 text-shadow:none;
	  
	 
}

.carousel-home .carousel-caption p{
	 font-size:26px;
	 color:#ffffff;
	 text-shadow:none;
	 padding-top:20px;
	  
	 
}

.carousel-caption {
    left: 5%;
    padding-bottom: 30px;
    right: 5%;
}
.list-inline > li{padding:0 3px;}
}
/* Small devices (tablets, 768px and Down) */
@media (max-width: 767px) {
	
	.home-reasons .row .home-reasons-bg{display:block;}
header .container.pad-left{padding: 0;}
  .header-contact {
    text-align: center;
  }
  .header-contact li {
    margin: 0 !important;
  }

  .header-social {
    text-align: center;
  }

  .navbar-main #navbar {
    float: none !important;
  }
  .navbar-main #navbar a {
    border-bottom: none;
  }
  .navbar-main .navbar-brand {
   
	width:100%;
  }
  
  .form-inline {
    display: block;
    text-align: center;
    width: 100%;
	padding:0px !important;
	float:none;
}



.form_btn {
   
    width: 100%;
}
 

  .col-form {
    margin-bottom: 25px;
  }
  
  .form-inline .input-group {
   display: block;
    vertical-align: middle;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display:inline-table;
	margin-top:20px;
	width:100%;
	
}

.carousel-home .carousel-caption h2{
	 font-size:30px;
	 color:#ffffff;
	 text-shadow:none;
	   font-family: 'latobold';
	 
}
.carousel-home .carousel-caption h3{
	 font-size:30px;
	 color:#ffffff;
	 text-shadow:none;
	  
	 
}

.carousel-home .carousel-caption p{
	 font-size:20px;
	 color:#ffffff;
	 text-shadow:none;
	 padding-top:20px;
	  
	 
}

.carousel-caption {
    left: 2%;
    padding-bottom: 30px;
    right: 2%;
}

.main-footer {
    /* background: #1f76bd; */
    color: #a0a0a0;
    padding-bottom: 20px;
     padding-right: 0px; 
    font-size: 16px;
	text-align:center;
}

.text-right {
   text-align:center;
}
.moreinfo {
    color: #a0a0a0;
    float: none;
    /* padding-left: 75px; */
    margin: 0px;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}

.reasons-col img{width:80%;}
.reasons-col .reasons-titles h2{font-size:20px; line-height:26px; width:80%;}
.download-full-pledge img{max-width:80%;}
.reasons-col1 {
	border-bottom: 1px solid #D7D7D7;
	border-right:0;
}
.reasons-col2 {/*D7D7D7*/
	border-bottom: 1px solid #D7D7D7;
}

.collapse {
    display: block;
}


.navbar-toggle {
   display: none;
}

.navbar-main {
    color: #000;
    text-align: center;
	margin:0px;
	padding:0px;
}

.list-inline {margin-top:0px;}

.list-inline > li:first-child {
    padding-left: 0;
	display:none;
	
}

.list-inline > li{text-align:center; padding:10px 0; width:49%; margin:0px;}

.list-inline > li:nth-child(2) {

   border-right:solid 1px #00adef
	
}

.details-row h3{font-size:24px; font-weight:bold; line-height:30px; padding-top:20px; clear:both;}
.details-row p{font-size:18px; line-height:30px; font-weight:bold;}

.list-inline {border-top:solid 1px #00adef; border-bottom:solid 1px #00adef;}
.btm_logo { text-align:center;}

.fancybox-close{top: -30px !important;
    right: -20px !important;
    background-size: 50% !important;}

.contact-form{display:block; float:none;}
.contact-form .form-group.custom-error {
    width: 50%;
}

.reasons-col {
   
    padding: 52px 0 52px 0;
    
}

.download-full-pledge {
     padding-top: 0px; 
}

label {
   
    padding-right: 0px;
   
}

.navbar-header {
    margin-left: 0px;
}
}

@media (max-width: 320px) {
	.navbar-main .navbar-brand {
    width: 100%;
	max-width:310px;
	margin-left:5px;
	
}

	.navbar-main .navbar-brand img{
		max-width:310px;
		width:80%;
		text-align:center;

}
.navbar-header {
    margin-left: 0px;
}
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-close-btn{    z-index: 111;
    position: absolute;
	cursor:pointer;
    right: 5%;
    top: 10%;}
	



	.fill {
    width: 100%;
   height:338px;
    background-position: center;




    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


    
 .topbar {
            font-size: 24px;
            color: #ffffff;
            font-family: 'latobold';
            text-align: center;
            background-color: #015A91;
            padding:10px 0 8px;
        }
            .topbar .topbar_content {
                display:table;
                margin:auto;
            }
            .topbar .topbar_content .left {
                display:table-cell;
                vertical-align:middle;
                padding-right:20px;
            }
            .topbar .topbar_content .right {
                display:table-cell;
                vertical-align:middle;
            }

            .topbar ul {
                list-style: none;
                margin:0; padding:0;
            }

                .topbar ul li {
                float:left;
                } .topbar ul li.space {
                float:left;
                }
                    .topbar ul li a {
                        display:table-cell;
                        height:58px;
                        padding:6px 15px;
                        margin-right:8px;
                        background-color:rgba(255,255,255,0.14);
                        vertical-align:middle;
                        cursor:pointer;
                    }
                    .topbar ul li a:hover {
                        background-color:rgba(255,255,255,0.85);
                    }
                        .topbar ul li a img {
                            display:block;
                        }
@media (max-width: 1199px) {
            .topbar {
                font-size: 20px;
            }
                .topbar .text-custom-break {
                    
                }
            .topbar .topbar_content {display:inline-block; max-width:90%;
            }
            .topbar ul li a {
                height:46px; 
                padding:4px 10px;
            }
                .topbar ul li a img {
                    width: 88px;
                }
        }
@media (max-width: 1023px) {
            .topbar {
                font-size: 18px;
            }
                .topbar .text-custom-break {
                    display:inline-block !important; 
                }
            .topbar .topbar_content {display:inline-block; max-width:95%;
            }
            .topbar ul li a {
                height:42px; 
                padding:4px 10px;
            }
                .topbar ul li a img {
                    width: 78px;
                }
        }

        @media (max-width: 767px) {
            .topbar {
                font-size: 18px;
            }
            .topbar .topbar_content {display:inline-block;
            }
                .topbar .topbar_content .left {
                    display:block; padding-right:0px;
                }
                .topbar .topbar_content .right {
                    display:inline-block;
                    margin:15px 0 10px;
                }
            .topbar ul li a {
                height:42px; 
                padding:4px 10px;
            }
                .topbar ul li a img {
                    width: 78px;
                }
        }

/* NEW Request for Video pop model */


        .video-main-outer-area {
            width: 100%;
            margin: auto;
            clear: both;
            max-width: 1280px;
            max-height: 720px;
            position: relative;
        }

        .responsive-video {
            position: relative;
            padding-bottom: 56.25%;
            overflow: hidden;
        }

            .responsive-video iframe, .responsive-video object, .responsive-video embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                max-width: 1280px;
                max-height: 720px;
}


 /*#videoModalforpdf .modal-dialog{
 height: 65% !important;
    overflow-y: scroll;
    margin-top: 5%;
}*/

#videoModalforpdf .modal-dialog {
    /*height: 65% !important;
     overflow-y: scroll;
    margin-top: 6%;
    overflow-x: hidden;
    overflow-y: auto; */
	width:750px;
}

/*
#videoModalforpdf .modal-dialog::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #000000;
 margin-top: 50px;
}

#videoModalforpdf .modal-dialog::-webkit-scrollbar
{
 width: 5px;
 background-color: rgba(126, 125, 125, 0.14);
}

#videoModalforpdf .modal-dialog::-webkit-scrollbar-thumb
{
 background-color: #000000;
 border: 2px solid #555555;
}

 */

			
@media only screen   and (min-device-width: 320px)   and (max-device-width: 480px)
  {
   .close{position:absolute; right:-10px; top:-10px;opacity:1.0!important;}
  }
			
@media (min-width: 768px) {
      .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
 /*  .modal-xy {  // custom
    width: xxxpx;
  }*/
  .close{position:absolute; right:-15px; top:-15px;opacity:1.0!important;}
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
  .close{position:absolute; right:-14px; top:-25px;opacity:1.0!important;}
}
/*.modal-body{
    background-color: #fff;
}*/
.modal-body {
  
    padding: 1px!important;
}
.hmbtn {
   background-color: #00adef;
    color: #ffffff;
    border-radius: 0px;
    border: 0px;
    font-family: 'latoblack';
    padding: 6px 17px;
    font-size: 16px;
    letter-spacing: 3px;
    box-sizing: border-box;
    text-transform: uppercase;
}



.hmbtn:focus {
    text-decoration: none;
}
        @media (max-width: 767px) {
            #homeCarousel .fill {
                height: 385px;
            }

            .modal-dialog {
                margin-top: 15%;
				width:auto !important;
				
            }

            .modal-body {
                margin-bottom: -5px;
            }
			#info_wrapper{
				height: auto !important;
			}
        }