@charset "utf-8";
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.eot');
    src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/opensans-extrabolditalic-webfont.eot');
    src: url('../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.eot');
    src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold_italic';
	src: url('../fonts/opensans-semibolditalic-webfont.eot');
	src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
		 url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'),
		 url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
:focus { outline: none; }
::-moz-selection {background-color: #c20f00;color:#FFFFFF;}
::selection {background-color: #c20f00; color:#FFFFFF;}
*{box-sizing:border-box;}
body{margin:0px; padding:0px;font-family: 'open_sansregular'; font-size:16px;color:#f9f2e8; line-height:21px; background-color:#0f3826;}
p {margin-bottom:20px; margin-top:0px; line-height:26px; font-size:17px; font-family: 'open_sansregular';}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-family: 'open_sansbold';text-align: left; line-height: 2rem;}
.main-container{max-width:800px; width:96%; margin:auto;}
.main-container-new{max-width:1170px; width:94%; margin:auto;}

.inner-flex {display: flex; gap: 20px;}
.logo {text-align: center;}
.top-section h1 {font-size: 36px; line-height: 46px;}
.button-flex {display: flex;}
.text-area {width: 100%;}
.image-area {width: 260px;}
.image-area img {width:100%;}
.image-area-mobile {display: none;}
.two-columns {padding: 50px 0px;}
.text-area h1 {
    font-size: 45px;
    line-height: 80px;
    margin: 0px auto 20px auto;
    text-align: center;
    max-width: 370px;
}
.text-area h1 img {
    max-width: 80px;
    float: left;
    margin-right: 15px;
}
span.highlight {font-size: 22px; display: inline-block; line-height: 32px; margin-bottom: 15px; font-family: 'open_sansbold';}
.big_text{font-size: 20px; line-height:30px;}
.how_it_work h2 {margin: 30px 0px 0px; display: block;}
.how_it_work ol {margin: 15px 0px; padding: 0px 0px 0px 15px; font-size: 17px; line-height: 26px;}
.how_it_work ol li{margin: 15px 0px 0px 0px; font-size: 17px; line-height: 26px;}
.how_it_work ol li strong {font-size: 20px; line-height: 30px; font-family: 'open_sansbold'; font-weight: normal;}
.hungry_hearts ul {margin: 0px; padding: 0px; font-size: 17px; line-height: 26px; list-style: none;}
.book_table h2 {margin: 40px 0px 15px 0px;}

.text-area ul {margin: 0px;padding: 0px 0px 0px 20px;}
.text-area ul li{margin: 0px 0px 5px 0px; padding: 0px; font-size:17px; line-height:26px;}
.text-area ul li br {display: none;}
.text-area ul li strong {font-family: 'open_sansbold'; margin-bottom: 10px; display: block;}
.image-area ul {margin: 0px; padding: 0px 0px 0px 20px;}
.image-area ul li{margin: 0px 0px 0px 0px; padding: 0px; font-size:17px; line-height:26px;}
footer{padding:20px 0px; background-color: #000;margin-top: 0px;}
footer p {margin: 0px; text-align: center; font-size:14px;color:#fff;}
footer p a:hover{color:#ccc;}
footer p a{margin: 0px; text-align: center; color:#fff; font-size:14px; text-decoration:none;}
.image-area .top_image {max-width: 270px; width: 100%; margin: auto;}
.align-left{text-align:left;}
.top-section h1.no-margin{margin-bottom:0px;}
.text-center{text-align:center;}
.comming_soon {text-align: center;}
.comming_soon h2{text-align: center; font-size:30px; margin:0px 0px 15px 0px;}
.content_part {padding: 40px 0px;}
.content_part h1 {font-size: 40px;line-height: 50px; margin-top: 0px;}
.button-flex {display: flex; justify-content: center; gap: 15px; margin: 30px 0px;}
.button-flex a:first-child img {width: 165px;}

.flex-box {display: flex; gap: 20px;}
.step {
    width: 50%;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    padding-left: 55px;
    margin-bottom: 20px;
}
.step span {
    color: #fff;
    font-family: 'open_sansbold';
    display: block;
    position: absolute;
    text-align: center;
    border-radius: 50px;
    left: 0;
    line-height: 40px;
    font-size: 35px;
}
.text-area h3 {
    font-size: 25px;
    margin-top: 50px;
    margin-bottom: 15px;
}
.step strong {font-family: 'open_sansbold';}
h2.top-margin-set {margin-top: 30%;}
.text-area h2 {
    text-align: center;
    font-size: 60px;
    line-height: 70px;
    margin: 0px 0px 20px 0px;
}
section.yello_bg {
    background-color: #faf4e6;
    color: #333;
    text-align: center;
    padding: 50px 0px;
}
section.yello_bg h2 {
    text-align: center;
    font-size: 35px;
	line-height: 45px;
	margin: 0px;
}
.testimonials-flex {
    display: flex;
    gap: 20px;
}
.testimonial-box {
    width: 50%;
    font-size: 20px;
    line-height: 30px;
}
.no-bot-padding{
	padding-bottom:0px;
}
@media screen and (max-width: 731px) {
	.main-container {width: 94%;}
	
	.inner-flex {display: flex; gap: 20px; flex-direction: column;}
	.image-area {width: 100%;}
	.book_table h2 {margin: 15px 0px 15px 0px;}

	.text-area {width: 100%;}
	.button-flex {justify-content: center; gap: 10px;}
	.image-area-mobile {width: 250px; margin: auto;}
	.image-area img{display:none;}
	.image-area-mobile{display:block;margin-bottom: 20px;}
	.image-area-mobile img {max-width: 100%;height: auto;}
	.text-area h1 {
    font-size: 35px;
    line-height: 45px;
    margin: 0px auto 20px auto;
    text-align: center;
    max-width: 270px;
}
.text-area h1 img {
    max-width: 45px;
    float: left;
    margin-right: 15px;
}
.text-area h2 {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
}
.testimonials-flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.testimonial-box {
    width: 100%;
    font-size: 17px;
    line-height: 27px;
}
	h2.top-margin-set {margin-top: 50px;}
	.flex-box {display: flex; gap: 10px; flex-direction: column;}
	.step {
    width: 100%;
    font-size: 17px;
    line-height: 27px;
    position: relative;
    padding-left: 55px;
    margin-bottom: 20px;
}
}
@media screen and (max-width: 660px) {
	.inner-flex {flex-direction: column;}
	.inner-flex .common-box {width: 100%;}
}

@media screen and (max-width: 410px) {
	.button-flex {flex-direction: column;text-align: center;}
	.button-flex a:first-child img {width: 180px;}
}
@media screen and (max-width: 380px) {
	.button-flex {justify-content: center; gap: 10px; flex-direction: column; width: 100%; align-content: center; display: flex; text-align: center;}
	.top-section h1 {font-size: 33px; line-height: 43px;}
}