.banner{ width: 100%; height: 1030px; background: url(../img/in/Lunchroom.jpg);
       background-position: -200px -700px; text-align: center; }
.banner span{ font-size: 88px; color: #333; font-weight: bold; letter-spacing: 13px; line-height: 850px;}

.contact{ width: 1200px; margin: 0 auto;}
.contact-text{ text-align: center; margin-top: 90px}
.contact-text p:nth-child(1){ font-size: 45px;
 color: #333;
 font-weight: bold;
 letter-spacing: 5px;
 line-height: 83px;
}

  .contact-text p:nth-child(3){ font-size: 24px;
 color: #333;
 font-weight: bold;
 letter-spacing: 5px;
 line-height:59px}
   .contact-text p:nth-child(4){ font-size: 24px;
 color: #333;
 font-weight: bold;
 letter-spacing: 5px;
 line-height:59px}
    .contact-text p:nth-child(5){ font-size: 24px;
 color: #333;
 font-weight: bold;
 letter-spacing: 5px;
 line-height:59px}
.contact-photo{ margin-top: 80px; }

.about{ width: 100%;}
.about-title{ width: 100%; text-align: center; margin-top: 80px;line-height: 46px;
cursor: pointer;}
.about-title span{ font-family: arial; font-size: 43px; font-weight: bold;

letter-spacing: 3px;
color: #333;}
.about-title:hover .down-messig{ width: 100%; transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease; }
.contact-text:hover .down-messig{ width: 100%; transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease; }
.about-down{ width: 210px;height: 3px; background: #333;margin: 0 auto 75px auto;}
.text-down{ width: 454px;height: 3px; background: #333;margin: 0 auto 75px auto;}
.down-messig{ width: 50%; height:100% ; background: #cccccc;transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease; }
.about-us{ position: relative;margin-bottom: -4px;}
.about-us img{ width: 64%; height: 815px;}
.about-us-messig{ width: 50%; height: 815px; background: rgba(0,0,0,.7);position: absolute;top: 0; right: 0;}
.us-messig-title{ text-align: center; line-height: 72px; margin-top: 105px;}
.us-messig-title p{ font-weight: bold; color: #ebebeb; font-size: 43px;letter-spacing: 8px;}
.about-us-messig span{ width: 803px; margin: 78px auto 0 auto; display: block;color: #ebebeb;
font-size: 18px; line-height: 34px;letter-spacing: 1.4px;}
.about-me-messig{ width:50%; 
height: 815px;
 background: rgba(0,0,0,.7);
 position: absolute;top: 0; left: 0;}
 .about-me{position: relative;}
.about-me img{ width: 1230px; height: 815px; float: right;}
.about-me-messig span{ width: 803px; margin: 78px auto 0 auto; display: block;color: #ebebeb;
font-size: 18px; line-height: 34px;letter-spacing: 1.4px;}
.email{ width: 100%; margin-top: 56px ; text-align: center; margin-bottom: 97px;}
.email-title{ margin-bottom: 30px;}
.email-title span{ font-size: 24px; font-weight: bold; color: #333;letter-spacing: 3px;}
.emali-messig{ width: 600px; margin: 0 auto;}
.emali-messig input{ width: 388px; height: 71px; border-radius: 5px; background: none;
border: 1px solid #434343; font-size: 42px; float: left;
outline: none; padding-left: 10px;padding-right: 10px;}
.emali-messig button{ width: 170px; height: 73px; float: left; border: none;
background: #434343; outline: none; color: #fff; font-size: 24px; font-weight: bold;
cursor: pointer; letter-spacing: 3px;border-radius: 5px; margin-left: 7px;}
.subscribe {
    margin-top: 30px;
    text-align: center;}
    .email-title {
    margin-bottom: 30px;
}
.subscribe h3 {
    font-size: 32px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 40px;
    text-transform: uppercase;
    text-shadow: 1px 2px 1px #fff;
}
.subscribe p {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
}
.subscribe form {
    margin-top: 24px;
}
.success-message, .error-message {
    font-size: 18px;
}
.error-message {
    color: #e75967;
}
.subscribe form input {
    width: 310px;
    height: 46px;
    margin: 0;
    padding: 0 10px;
    background: #fff;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 18px;
    line-height: 46px;
    color: #888;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
}
.subscribe form button {
    width: 130px;
    height: 46px;
    margin: 0;
    padding: 0;
    background: #e75967;
    border: 0;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}










