.gifty {width:50%;}
.holding_iphone {background:url('../../images/phone-app.png') no-repeat; background-size:40%; background-position: right;}

h4 {font-family: 'Open Sans', sans-serif; font-size:1.48em; line-height: 0.96em; font-weight:400; margin:20px 0 20px 0;  letter-spacing:-0px; color:#85c008; line-height: 1.5;}

.form {width:80%; max-width:600px; background:#fff; padding:30px; margin:110px auto 60px auto; border-radius:6px;
-webkit-box-shadow: 0px 0px 63px -19px rgba(0,0,0,0.88);
-moz-box-shadow: 0px 0px 63px -19px rgba(0,0,0,0.88);
box-shadow: 0px 0px 63px -19px rgba(0,0,0,0.88);
}

.form_rsvp { padding:12px 0px; border-bottom:1px solid #ddd; font-size:2em; letter-spacing:5px; color:#999;}

.form_coming { padding:12px 0px; border-bottom:1px solid #ddd;}

.form_details { padding:12px 0px; border-bottom:1px solid #ddd;}

.form_message { padding:12px 0px; border-bottom:1px solid #ddd;}

.form_submit { padding:12px 0px; }

.form_col_left {float:left; width:45%; margin: 0 10% 10px 0;}
.form_col_right {float:right; width:45%;  margin: 0 0% 10px 0;}

input,textarea {box-sizing:border-box; background:#f4f4f4; padding:11px; border:0; width:100%; font-size:1.06em; font-weight:700; color:#333; box-shadow: inset 0 0 10px #ddd; -moz-box-shadow: inset 0 0 10px #ddd; font-family: 'Open Sans', sans-serif; margin:10px 0 10px 0; }


[type="radio"]:checked,[type="radio"]:not(:checked) {    position: absolute;    left: -9999px;}
[type="radio"]:checked + label,[type="radio"]:not(:checked) + label{    position: relative;    padding-left: 34px;    cursor: pointer;    line-height:20px;    display: inline-block;    color: #666;  margin:0 0 -4px 0;}
[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before {    content: '';    position: absolute;    left: 0;
    top: 0;    width: 24px;    height: 24px;    border: 1px solid #ddd;    border-radius: 100%;    background: #fff;  box-shadow: inset 0 0 10px #ddd; -moz-box-shadow: inset 0 0 10px #ddd; }
[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after {    content: '';    width: 18px;    height: 18px;    background: #85c008;    position: absolute;    top: 4px;    left: 4px;    border-radius: 100%;    -webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {    opacity: 0;    -webkit-transform: scale(0);    transform: scale(0);}
[type="radio"]:checked + label:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}



.modal { display: none; position: fixed; z-index: 9999999999999999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4);}
.close { color: #aaa; float: right; font-size: 28px;  font-weight: bold;}
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer;}
.modal.active{display: block;}