﻿body, form, html
{ height:100%;
}
body { margin:0; padding:0; background:url(/contribute-images/bg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover;font-family: 'Arvo', serif;}
.main-wrapper{width:1200px; margin:0 auto; max-width:100%;}
.wrapper{ width:100%; float:left;}
.wrapper-left{ width:511px; float:left; margin-top:30px; position:fixed; z-index:1;}
.logo{ width:78px; float:left;}
.logo-name{ width:432px; float:left; margin-top:15px; background:url(/contribute-images/bg-loog-name.png) no-repeat right 14px;}
.logo-name-in{ width:100%; float:left;}
.logo-name-add{width:100%; float:left; color:#282829; font-size:15px; font-weight:400;}
.contribute-btn{ width:100%; float:left; text-align:center; margin-top:30px;}
.contribute-btn a{ width:314px; height:57px; background:url(/contribute-images/contribute-btn.png) no-repeat top left; display:inline-block;}
.wrapper-right{ width:590px; float:right; padding-top:27px; padding-bottom:380px;}
.wrapper-right p{ color:#282829; font-size:15px;  line-height:22px; text-align:justify;}
.heading2{ color:#282829; font-weight:400; font-size:19px; width:100%; float:left; margin-bottom:10px;}
.color-red{ color:#ec2753}
.building{ width:100%; height:100%; position:fixed; bottom:0;background:url(/contribute-images/building.png) no-repeat center bottom;    background-size: contain}

.regards{ width:100%; float:left; text-align:right; margin-top:25px; font-style:italic;}
.regards-bold{ font-size:19px; font-weight:400;}
.bg-fade
{ height:100%; width:100%; left:0; top:0; position:fixed; background:rgba(35, 19, 2, 0.78); z-index:2; display:none;
}
.form
{ height:420px; width:709px; background:#fff; left:0; right:0; top:0; bottom:0; position:fixed; z-index:3; margin:auto; border-radius:10px; padding-top:8px;display:none;
}

.donation-inner
{ width:100%; float:left; margin-top:36px; box-sizing:border-box; padding:0 75px;
}
.text-box
{ width:100%; height:30px; outline:none; margin-bottom:10px; border-radius:5px; border:none; border-bottom:1px solid #e4e4e4; padding:0 10px; box-sizing:border-box;
}
.nextbtn
{ width:100%; float:left; margin:34px 0 0 0; text-align:center;
}
.next-button
{ width:177px;height:45px; border-radius:5px; border:none; background:#efefef; cursor:pointer; color:#b4b4b4; font-size:16px; text-transform:uppercase; outline:none;
}
.form .logo, .form .logo-name-in, .form .logo-name-add
{ width:100%; text-align:center;
}
.form .logo-name-in
{ margin-top:6px;
}
.form .logo-name-add
{ text-transform:none; font-size:12px; 
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
::-moz-placeholder { /* Firefox 19+ */color: #fc9999; font-family: 'Calibri';}
:-ms-input-placeholder { /* IE 10+ */color: #fc9999; font-family: 'Calibri';}
:-moz-placeholder { /* Firefox 18- */color: #fc9999; font-family: 'Calibri';}