@charset "utf-8";
/* CSS Document */

@import url('css/fontface.css');
@import url('css/font-awesome.css');
@import url('css/icofont.css');

* { margin: 0px; padding: 0px; outline: none;}

body{  font-size:16px; line-height: 24px; color:#000; font-family: 'Montserrat', sans-serif; font-weight: 400; background: #fff;}

h1 { font-size: 35px; line-height: 40px; margin: 0; margin-bottom: 15px; color: #16181e; font-family: 'Montserrat', sans-serif; font-weight: 400;}
h2 { font-size: 30px; line-height: 32px; margin: 0; margin-bottom: 12px; color: #22243b; font-family: 'Montserrat', sans-serif; font-weight: 400;}
h3 { font-size: 24px; line-height: 26px; margin: 0; margin-bottom: 12px; color: #22243b; font-family: 'Montserrat', sans-serif; font-weight: 400;}
h4 { font-size: 22px; line-height: 26px; margin: 0; margin-bottom: 12px; color: #22243b; font-family: 'Montserrat', sans-serif; font-weight: 400;}
h5 { font-size: 18px; line-height: 24px; margin: 0; margin-bottom: 12px; color: #22243b; font-family: 'Montserrat', sans-serif; font-weight: 400;}
p { font-size: 16px; line-height: 24px;  margin: 0; margin-bottom: 12px; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 400;}
p span { font-size: 80%; }
img { height:auto; max-width:100%;}
a { text-decoration: none; color: #000; transition: all 0.3s ease;}
a:hover { transition: all 0.3s ease; }


/************************* top **********************/

#header { padding: 70px 0 55px 0; text-align: center;}
#header h2 { font-size: 55px; line-height: 60px; font-weight: 600; color: #434343; text-transform: uppercase; margin-bottom: 20px;}
#header h2 span { font-size: 48px; }
#header p { display: inline-block; font-size: 19px; display: inline-block;  margin-right: 15px; }
#header .eat_title img { width: 18%; }
#banner img { width: 100%; }


/************* Join *******************************/

#join_eat_sec { background: #f3f2f2; padding: 90px 0 100px 0; text-align: center;}
#join_eat_sec h2 { font-size: 48px; line-height: 54px; font-weight: 300; color: #16181E; text-transform: capitalize; margin-bottom: 0px; }
#join_eat_sec h2 span { font-size: 40px; }
#join_eat_sec p { font-size: 23px; line-height: 36px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #434343; margin-bottom: 0;}
.join_top h3 { font-size: 36px; line-height: 40px; font-weight: 600; color: #16181E; margin-bottom: 33px; }
#two_box_sec {  margin-top: 70px;}
.join_inner { padding: 45px 65px 45px 65px; text-align: center; border: 2px solid #fff; }
.join_inner p span{ font-size: 120%; color: #00577F; font-weight: 600; background: #ffffff; margin:5px 0; padding:2px 20px;}
.join_inner h3 { font-size: 30px; line-height: 34px; font-weight: 700; color: #000000; text-transform: uppercase; margin-bottom: 33px; }
#join_eat_sec .join_inner p { font-size: 26px; line-height: 36px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #434343; margin-bottom: 30px; min-height: 144px;}
a.pledge_nw { display: inline-block; height: 56px; line-height: 56px; padding: 0 55px; background:  #00577F; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 24px; }
a.pledge_nw:hover {
    background: #aec243;
    text-decoration: none;
    font-weight: 600;
}


/************* Restaurant Sign *******************************/

#restaurant_sign { padding: 120px 0 110px 0; text-align: center; }
#restaurant_sign h2 { font-size: 48px; line-height: 54px; font-weight: 300; color: #16181E;  margin-bottom: 33px; }
#restaurant_sign p { font-size: 24px; line-height: 36px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #434343; margin-bottom: 50px;}
.restaurant_inner { margin: 0 175px; }



/************* Who *******************************/

#who {
    background: #f3f2f2;
    padding-top: 90px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 70px;
    text-align: center;
}
#who h2 { font-size: 48px; line-height: 54px; font-weight: 300; color: #16181E;  margin-bottom: 33px; }
#who p { font-size: 24px; line-height: 36px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #434343; margin-bottom: 15px;}
#who a { color: #00577F; border-bottom: 1px dotted; text-decoration: none;}
#who a:hover { color: #aec243;}
.who_inner { margin: 0 15px; }
.who_inner p span{ font-size: 120%; color: #00577F; font-weight: 600; background: #ffffff; margin:5px 0; padding:2px 20px;}
.who_inner h3 { font-size: 30px; line-height: 34px; font-weight: 700; color: #000000; text-transform: uppercase; margin-bottom: 33px; }

/************* Two Block *******************************/

#two_block { padding: 90px 0; }
#two_block h3 { font-size: 23px; color: #16181E; line-height: 48px; margin-bottom: 35px; }
.left_sec { width: 50%; float: left; padding: 0 30px; text-align: center;}
.right_sec { width: 50%; float: left; padding: 0 30px; text-align: center;}
#two_block p { font-size: 18px; line-height: 24px; color: #16181E; margin-bottom: 50px;}
.two_block_cont a.see_link { color: #00577F; text-transform: uppercase; font-size: 18px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; background: url(images/arrow.png) no-repeat 100% 3px; padding-right: 52px; padding-top: 8px; padding-bottom: 8px;}
.two_block_cont a.see_link:hover { text-decoration: none; color: #000; }
.two_block_cont { text-align: center;  }

/************* Share *******************************/

#share_sec {  padding-top: 70px; }
#share_sec ul { margin: 0; list-style: none; }
#share_sec ul li { display: inline-block; width: 47%; float: left; margin: 0 7px; margin-bottom: 14px; }
.share_right { padding-top: 156px; text-align: center;}
#share_sec h2 { font-size: 48px; line-height: 54px; font-weight: 300; color: #16181E;  margin-bottom: 33px; text-align: center;}
.share_right a { display: inline-block; width: 52px; height: 52px; line-height: 52px; border-radius: 50%; border: 1px solid #00577f; text-align: center; color: #00577f; font-size: 27px; margin: 0 5px;}
.share_right a:hover { border: 1px solid #aec243; color: #aec243; }
#copy { text-align: center; padding: 15px 0; border-top: 1px solid #f2f2f3; }
#copy p { font-size: 11px; line-height: 16px; font-weight: 500; color: #16181E; margin-bottom: 0; }


/*********** Popup *********************/

 



/*******************  Responsive  ***************************/

@media (min-width: 992px) and (max-width: 1199px) {

	#join_eat_sec .join_inner p { font-size: 22px; }
	.restaurant_inner { margin: 0 150px; }
	#two_block h3 { font-size: 19px; }
	#share_sec ul li { width: 46%; }

}


@media (min-width: 768px) and (max-width: 991px) {

	#header h2 { font-size: 50px; }
	#header h2 span { font-size:42px; }
	#join_eat_sec h2, #restaurant_sign h2 { font-size: 43px; }
	#join_eat_sec { padding: 50px 0 50px 0; }
	#join_eat_sec p { line-height: 33px; font-size: 20px; }
	.join_inner {  padding: 20px; }
	.join_inner h3 { font-size: 27px;}
	#join_eat_sec .join_inner p { font-size: 20px;}
	a.pledge_nw { height: 56px;  line-height: 56px; font-size: 20px;}
	.restaurant_inner { margin: 0 75px; }
	#restaurant_sign { padding: 50px 0; }
	#restaurant_sign p { font-size: 21px; }
	#two_block { padding: 50px 0; }
	#two_block h3 { line-height: 40px; } 
	.left_sec {  width: 100%; float: none;  padding: 0 10px;}
	.right_sec { width: 100%; float: none; padding: 0 30px; }
	#two_block p { margin-bottom: 30px; }
	.two_block_cont a.see_link { font-size: 15px; }
	#share_sec ul li { width: 45%; }
	#share_sec h2 { font-size: 35px; }
	.share_right { padding-top: 115px; }






} 


@media (max-width: 767px) {

	#header { padding: 40px 0; }
	#header .eat_title img { width: 40%; }
	#header h2 { font-size: 40px; line-height: 48px;}
	#header h2 span { font-size: 36px; }
	.join_top h3 { font-size: 30px; line-height: 34px;}
	#join_eat_sec { padding: 40px 0; }
	#join_eat_sec h2 { font-size: 38px; line-height: 42px; }
	#join_eat_sec h2 span { font-size: 34px; }
	#join_eat_sec p { font-size: 20px; }
	.join_inner { padding: 20px; margin-bottom: 30px;}
	#join_eat_sec .join_inner p { font-size: 20px; line-height: 33px; margin-bottom: 20px; min-height: inherit;}
	a.pledge_nw { font-size: 20px; height: 50px; line-height: 50px; padding: 0 50px;}
	.restaurant_inner { margin: 0; }
	#restaurant_sign { padding: 50px 0; }
	#restaurant_sign h2 { font-size: 44px; }
	#restaurant_sign p { font-size: 22px; line-height: 30px; }
	#two_block { padding: 40px 0; }
	#two_block h3 { font-size: 23px; line-height: 30px; }
	.left_sec { width: 100%; float: none; padding: 0 10px; }
	.right_sec { width: 100%; float: none; padding: 0 10px; }
	.two_block_cont { margin-bottom: 30px; }
	#share_sec ul li { width: 46%; }
	#share_sec h2 { font-size: 40px; }
	.share_right { padding-top: 30px; clear: both;  padding-bottom: 30px; }
	#who p { font-size: 18px; line-height: 24px;  margin-bottom: 15px;}

}



@media (max-width: 480px) {

	#header h2 { font-size: 33px; line-height: 36px; }
	#header h2 span { font-size:26px; }
	#header .eat_title img { width: 48%; }
	#join_eat_sec h2 { font-size: 30px;  line-height: 34px;}
	#join_eat_sec h2 span { font-size: 24px; }
	.join_top h3 { font-size: 24px; line-height: 28px;}
	#join_eat_sec p { font-size: 17px; line-height: 30px; }
	.join_inner h3 { font-size: 27px; margin-bottom: 15px; }
	#restaurant_sign h2 { font-size: 36px; line-height: 50px;}
	#restaurant_sign p { font-size: 20px; }
	#two_block p { margin-bottom: 35px; }
	#share_sec ul li { width: 100%; float: none; margin: 0; margin-bottom: 14px;}
	#share_sec ul li img { width: 100%; }
	#share_sec h2 { font-size: 30px; }
	#who p { font-size: 14px; line-height: 18px; }

}