/* Header Icon block */
.sticky .dark
{
	margin-bottom:0px;
}
.mohanIconWrapper
{
	margin-top:15px;
	margin-bottom:15px;
}
.mohanIconWrapper .pull-right
{
	margin-top:10px;
}
.fleft
{
	float:left;
}
.organ_helpline {
  text-align: center;
  margin-right:25px;
}
.organ_helpline img
{
margin-right: 10px;
position: relative;
top: -4px;
}
.organ_helpline {
  color: #3b5997;
  font-size: 14px;
 
}
.organ_donarCard
{
color: #1f4393;
font-size: 16px;
margin-right: 25px;
margin-top: 10px;
}
.donate_now_button {
  background-color: #1f4494;
  border-radius: 0;
  color: #fff;
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
}

/* Full css */
.container
{
width:1300px;
max-width:100%;
}
.banner_wrapper
{
	background:url("../images/banner_image.png");
    position: relative;
}

.banner_conatiner {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.col-md-col-5
{
	width:20%;
	float:left;
}
.copyright-footer {
  list-style: outside none none;
  padding-left: 0;
  text-align: center;
}
.copyright-footer > li {
  display: inline-block;
  margin-right: 30px;
}
.copyright-footer > li:last-child
{
	margin-right:0px;
}
.greyBackground
{
	background-color:#E7E7E7;
}
.topbar  input.serachIconWrapper
{
	margin-top:-5px;
	background:#fff;
    color: #000;
}
.registration-btn .glyphicon-search
{
	left: -18px;
position: relative;
color:#000;
}
.donateMoney
{
	color:#fff;
	font-size:20px;
	text-align:center;
}
.donateMoney input
{	
	margin-right:5px;
}
.donateMoney.black
{
	color:#000;
}
.bgTitle
{
	background:url("../images/titleBackground.png") no-repeat;
}
.roundedButton
{
	 border: 1px solid #fff;
    border-radius: 20px;
    bottom: 15px;
    color: #fff;
    cursor: pointer;
    padding: 10px 35px;
    position: absolute;
    text-align: center;
	    left: 24%;
}

.roundedButton:hover {
    color: #fff;
}

.btn-continue{
padding: 20px 0;
}


.title_bg
{	
background-color: #feaa0c;
color: #fff;
font-size: 22px;
margin-left: 18px;
margin-top: 10px;
padding: 10px 15px;
}
.bgTitle
{
	padding-top:20px;
}
.flipWrapper
{
	margin-bottom:30px;background-color:#E7E7E7;min-height:367px;
}
.flipWrapper.redBg
{
	background: #a9123a;
	color:#FFF;
}
.flipWrapper.redBg p,.flipWrapper.redBg h4
{	
	color:#FFF;
}
.donationValue
{
	color:#FFF;
	font-size:20px;
}
.caption
{
  padding: 15px;
}
.top_menu li a
{
color: #575757;
font-size: 14px;
}
.gender {
     margin-top: 10px;
    padding-left: 30px;
}
.submitDonate
{
	border:none;
margin-right: 30px;
margin-top: 30px;
}
#gender
{
	margin-left: -15px;
}
.top_menu .nav li a .caret
{
	border-top-color:#575757;
}
.flipBackWrapper
{
	padding:15px 20px;
}
.flipBackWrapper p,.flipBackWrapper b
{	
	 color: #fff;
    display: block;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.search_black
{
	color:#000;
	background-color:#B6B6B6;
}
.topButtonSameSize {
  border: medium none;
  border-radius: 0;
  float:left;
  padding: 15px;
}
.topbar ul li a b.caret
{
border-color: #fff transparent;
}
.menu-icon {
  padding-right: 10px;
}
.fleft
{
	float:left;
}
.mohanIconWrapper
{
	margin-top:15px;
	margin-bottom:15px;
}
#top-menu {
  background-color: #1f4494;
  border: medium none;
  border-radius: 0;
}
#top-menu li a
{
	color:#FFF;
}
#top-menu .nav li a .caret
{
	border-top-color:#FFF;
}
.organ_helpline {
  text-align: center;
     margin-right: 160px;
}
..mohanIconWrapper .pull-right
{
	margin-top:10px;
}
.help_our_cause
{

}
.organ_donarCard
{
color: #1f4393;
font-size: 16px;
margin-right: 25px;
margin-top: 10px;
}
.donate_now_button {
   background-color:#ff0000;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
}

.flipWrapper .caption label {
  font-size: 20px;
}
.top_spacing {
  margin-top: 25px;
}
.rightSidebar {
  padding: 20px 10px;
}
.newsletter_sub {
  background-color: #e1e4e6;
  border: medium none;
  margin-left: 10px;
  padding: 5px 15px;
}
.footer-bottom .container {
  border-top: 1px solid #7a7b7d;
  margin-top: 15px;
  padding-top: 20px;
}
.donation_option
{
 margin-left:5px;
}
.donation_continue {
  background: #1f4494;
  border-radius: 0;
  color: #fff;
  margin-top: 20px;
  padding: 10px 30px;
}
.footer_wrapper
{
	background:#F4F4F4;
	padding-top:25px;
	padding-bottom:10px;
}
.copyright-footer li a
{
	color:#7a7b7d;
}
.five_column_wrapper
{
	float:left;
	width:100%;
	margin-top:20px;
}
.col-md-col-5 ul
{
	padding-left:0px;
	list-style:none;
}
.col-md-col-5 ul li a
{
	color:#7A7B7D;
}
.footer_heading
{
	font-weight:bold;
	color:#626466;
	margin-bottom: 10px;
}
.organ_helpline img
{
margin-right: 10px;
position: relative;
top: -4px;
}
.phone_no
{
	color:#3B5997;
	font-size:24px;
}
.organ_helpline {
  color: #3b5997;
  font-size: 14px;
  
}
@media (min-width:220px) and (max-width:440px) {
.column-wrapper
{
	width:100% !important;
}
.img-wrapper img
{
	width:100%;
}

}
@media (min-width:220px) and (max-width:565px)
{
.five_column_wrapper .col-md-col-5
{
	width:100%;
}
.copyright-footer li
{
	width:100%
}
}
@media (min-width:566px) and (max-width:700px)
{
.five_column_wrapper .col-md-col-5
{
	width:50%;
}
}
@media (min-width:220px) and (max-width:768px)
{
.pull-left.top_menu
{
	display:none;
}
}


/* Flip css start */
.positioningDiv {
    position:relative;
}

.front{
	transform:perspective(600px) rotateY(0deg);
	backface-visibility:hidden;
	transition: transform .5s linear 0s;
}
.back{
    backface-visibility: hidden;
    background: #a9123a none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    transform: perspective(600px) rotateY(180deg);
    transition: transform 0.5s linear 0s;
    width: 100%;
}
.flip3d:hover .front{
	transform:perspective(600px) rotateY(-180deg);
}
.flip3d:hover .back{
	transform:perspective(600px) rotateY(0deg);
}
/* Flip css End */
.getInTouch .input-group {
  position: relative;
  margin: 25px 0 20px;
  width:100%;
  background:none;
  border:none;
}

.getInTouch input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width:100%;
  background:none;
  border: none;
  border-bottom: 1px solid #757575;
}

.getInTouch input:focus {
  outline: none;
}

.getInTouch label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.getInTouch input:focus ~ label,
.getInTouch input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #4285f4;
}

.getInTouch .bar {
  position: relative;
  display:block;
  width:315px;
}

.getInTouch .bar:before,
.getInTouch .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #4285f4;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

..getInTouch .bar:before {
  left: 50%;
}

.getInTouch .bar:after {
  right: 100%;
}

.getInTouch input:focus ~ .bar:before,
.getInTouch input:focus ~ .bar:after {
  width: 100%;
}

.getInTouch .highlight {
  position: absolute;
  height: 60%;
  width: 100%;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

.getInTouch input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* animations */
@-webkit-keyframes inputHighlighter {
  from { background: #4285f4; }
  to   { width: 0; background: transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background: #4285f4; }
  to   { width: 0; background: transparent; }
}
@keyframes inputHighlighter {
  from { background: #4285f4; }
  to   { width: 0; background: transparent; }
}

.registration-btn input[type=text] {
    width: 100px;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 20px;
    border: none;
    -webkit-transition: all ease-in-out .3s;
}

.registration-btn input[type=text]:focus {
    width: 200px; 
    outline: none;  
    background: white;
    box-shadow: none;
    border-bottom-color: transparent;
    color: #666;
}
.getInTouch.loginRegister  input[type="checkbox"]
{
	width:auto;
	float:left;
}
.Banner-bottom-conetent{
	    max-width: 70%;
    margin: 0 auto;
    color: #fff;
}
}