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

/*==================================
Commen CSS
================================= */
html {-webkit-text-size-adjust: none; min-height: 100%; height: 100%;}
body{ overflow-x: hidden; background: #fff; font-family: 'Nunito'; height: 100%; font-size: 14px; }
h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, textarea, select {margin: 0; padding: 0;}
img {border: 0;}
a {text-decoration: none; outline: none !important; outline-color: transparent !important;}
a:link, a:hover {text-decoration: none;  -moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;}

.mtp0 {margin-top:0px;}
.mtp5 {margin-top:5px;}
.mtp10 {margin-top:10px;}
.mtp15 {margin-top:15px;}
.mtp20 {margin-top:20px;}
.mtp25 {margin-top:25px;}
.mtp30 {margin-top:30px;}
.mtp35 {margin-top:35px;}
.mtp40 {margin-top:40px;}
.mtp45 {margin-top:45px;}

.mbp0 {margin-bottom:0px;}
.mbp5 {margin-bottom:5px;}
.mbp10 {margin-bottom:10px;}
.mbp15 {margin-bottom:15px;}
.mbp20 {margin-bottom:20px;}
.mbp25 {margin-bottom:25px;}
.mbp30 {margin-bottom:30px;}
.mbp35 {margin-bottom:35px;}
.mbp40 {margin-bottom:40px;}
.mbp45 {margin-bottom:45px;}

.ptp0 {padding-top:0px;}
.ptp5 {padding-top:5px;}
.ptp10 {padding-top:10px;}
.ptp15 {padding-top:15px;}
.ptp20 {padding-top:20px;}
.ptp25 {padding-top:25px;}
.ptp30 {padding-top:30px;}
.ptp35 {padding-top:35px;}
.ptp40 {padding-top:40px;}
.ptp45 {padding-top:45px;}

.pbp0 {padding-bottom:0px;}
.pbp5 {padding-bottom:5px;}
.pbp10 {padding-bottom:10px;}
.pbp15 {padding-bottom:15px;}
.pbp20 {padding-bottom:20px;}
.pbp25 {padding-bottom:25px;}
.pbp30 {padding-bottom:30px;}
.pbp35 {padding-bottom:35px;}
.pbp40 {padding-bottom:40px;}
.pbp45 {padding-bottom:45px;}

.font-size8 { font-size: 8px; }
.font-size10 { font-size: 10px; }
.font-size12 { font-size: 12px; }
.font-size14 { font-size: 14px; }
.font-size16 { font-size: 16px; }
.font-size18 { font-size: 18px; }
.font-size20 { font-size: 20px; line-height: 24px; }
.font-size22 { font-size: 21px; }
.font-size24 { font-size: 22px; }
.font-size26 { font-size: 23px; }
.font-size28 { font-size: 24px; }
.font-size30 { font-size: 25px; }
.font-size32 { font-size: 26px; }
.font-size34 { font-size: 27px; }
.font-size36 { font-size: 28px; }
.font-size38 { font-size: 29px; }
.font-size40 { font-size: 30px; }
.font-size45 { font-size: 38px; }

.font-size50 { font-size: 40px; }
.font-size55 { font-size: 42px; }
.font-size58 { font-size: 45px; line-height: 40px;}
.font-size60 { font-size: 40px; }
.font-size64 { font-size: 45px; }
.font-size66 { font-size: 50px; }
.font-size68 { font-size: 51px; line-height: 40px }
.font-size89 { font-size: 61px; line-height:50px; }

.font-w300 { font-weight: 300; }
.font-w400 {  font-weight: 400; }
.font-w500 {  font-weight: 500; }
.font-w600 {  font-weight: 600; }
.font-w700 {  font-weight: 700; }
.font-w900 {  font-weight: 900; }

.font-gotham-book{font-family: 'Gotham Rounded Book';}
.font-gotham-rounded{ font-family: 'Gotham Rounded';}

.font-nunito{ font-family: 'Nunito'; }
.font-stronger{ font-family: 'stronger'; }


.text-green{ color: #80af3d; }
.text-orange,.text-orange:hover{ color: #fc7e2f; }
.text-light-black{ color: #58595b; }

.greenbg{ background: #94c83d; }
.orangebg{ background: #fc7e2f; }

.dark-greenbg{ background: #e9f2d6; }
.light-greenbg{ background: #f4f8ea; }
/*===== Gutter Size ======*/
/* 20px gutter*/
.gutter-20.row { margin-right:-10px; margin-left:-10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] { padding-right:10px; padding-left:10px;}
/* 10px gutter */
.gutter-5.row { margin-right:-4px; margin-left:-4px;}
.gutter-5 > [class^="col-"], .gutter-5 > [class^=" col-"] { padding-right:4px; padding-left:4px;}
/* 10px gutter */
.gutter-10.row { margin-right:-5px; margin-left:-5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] { padding-right:5px; padding-left:5px;}
/* 0px gutter */
.gutter-0.row { margin-right:0; margin-left:0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] { padding-right:0; padding-left:0;}

.container{max-width: 1170px;}

/*==================================
Header CSS
================================= */
header{ position: absolute; top: 80px; left: 0; right: 0; background: #fff; }
.navstyle{ padding: 0px; }
.navigation .nav-link{padding: 20px 15px!important; color:#fc7e2f; font-size: 16px; }
/*==================================
Banner CSS
================================= */
.greenbg{ background: url(../images/green-bg.jpg) no-repeat center center; background-size: cover; }
.greenfood-img{ background: url(../images/greenfood-img.png) no-repeat center top; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}



.wave a .on{ display: inline-block;}
.wave a:hover .on{ display: none;}
.wave a .off{ display: none;}
.wave a:hover .off{ display: inline-block;}
.box-details{ padding-top: 10px; padding-bottom: 20px; font-size: 11px!important; font-weight: 600;  }
.box-details { color: #231f20;}
.box-details img{ margin-right: 3px; max-height: 18px; }
/*==================================
Content CSS
================================= */
.ranch,.prodetails,.sesame,.vinaigrette,.vinaigrette-greek,.vinai{ min-height: 370px; }
.max-width{ max-width: 95%; margin:  60% auto 0; }
.btn-radius{ border-radius: 20px; }
.tpspace{ padding-top: 40px; padding-bottom:40px; }
.mapbg{ background: url(../images/map.png) no-repeat center top; background-size:cover; min-height: inherit; padding-top: 20px; padding-bottom: 20px; }
.wave2{ background: url(../images/wav-1.png) no-repeat center top 50%; background-size:100% 40px;  }
.graybox{ background: url(../images/gray-bg.png) no-repeat center top; background-size: 100% 100%; padding: 50px 40px; max-width: 600px; margin: 0 auto; }

.pro-icon{ max-width: 33%; }
.top-height{ padding-bottom: 6%; margin-top: 35%; }
.probg{ background: url(../images/pro-bg-mobile.jpg) no-repeat center center; background-size: cover; }
.probg-img{ background: url(../images/probg-img.png) no-repeat center top 10%; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}
.max-width-pro{ max-width: 95%; margin:0 auto ; }

.pro-details{ border-radius: 4px; position: absolute; background: rgba(99, 133, 55, 0.8); left: 10%; right: 10%; top: 10%; bottom: 10%; }

.border-wav{ background: url(../images/border.png) no-repeat center top; background-size:100% auto; height: 20px; }
.right0{ right: 5px; top:3px; padding: 6px; }
.proimg .pro-details{ display: none; }
.proimg:hover .pro-details{ display: block!important; }

.box-bg{ background: #f8f1eb; border-radius: 10px; padding: 20px; }

.top-height-s{ padding-bottom: 11%; margin-top: 15%; }
.probg-s{ background: url(../images/pro-bg-mobile.jpg) no-repeat center center; background-size: cover; }
.probg-img-s{ background: url(../images/probg-img-s.png) no-repeat center top; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}

.top-height-new{ padding-bottom: 6%; margin-top: 21%; }
.probg-new{ background: url(../images/pro-bg-mobile-new.jpg) no-repeat center center; background-size: cover; }
.probg-img-new{ background: url(../images/probg-img-new.png) no-repeat center top 10%; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}

.farmers-market-bg{ background: url(../images/farmers-market-bg-mobile.jpg) no-repeat center center; background-size: cover; }
.farmers-market-img{ background: url(../images/farmers-market-img.png) no-repeat center top 10%; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}
.top-heightmd, .top-heightsm{ padding-bottom: 6%; margin-top: 35%; }
.btnshadow{-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.37); box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.37);}

.kansas-bg{ background: url(../images/kansas-bg-mobile.jpg) no-repeat center center; background-size: cover; }
.kansas-img{ background: url(../images/kansas-img.png) no-repeat center top 10%; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}

.italy-bg{ background: url(../images/italy-bg-mobile.jpg) no-repeat center center; background-size: cover; }
.italy-img{ background: url(../images/italy-img.png) no-repeat center top 10%; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}

.classic-greek-bg{ background: url(../images/classic-greek-bg-mobile.jpg) no-repeat center center; background-size: cover; }
.classic-greek-img{ background: url(../images/classic-greek-img.png) no-repeat center top 10%; background-size: 100% auto ; min-height:520px; display: table; text-align: center; padding-bottom: 40px;}

/*==================================
Footer CSS
================================= */
.topborder{ border-top: solid 3px #d6d7d7; }
.roundbg{ background: url(../images/round-bg.png) no-repeat center top; background-size:cover; }
.footerlink{ font-size: 15px; color: #6e6e6e; }
.footerlink a{ display: inline-block; color: #6e6e6e; padding: 3px 3px;}

.navbar-brand{ position: absolute; }
.navbar-brand img{ max-height: 200px; }
.navbar-toggler{ float: right; position:  absolute; right: 0; top: 10px; right: 15px;}


.orangebg{ background:#fc7e2f url(../images/orange-bg.png) no-repeat center bottom; background-size:cover; padding: 10px 0; }
.titlelogo{ width: 50px; }
.orangebg .btn{ padding: 8px 35px!important; border-radius: 15px; }
.videosection {height: inherit;}

@media (max-width: 575px) {
    .navbar-brand{ top: -20px; left: 15px; }
    header{ top:30px; min-height: 55px; }
    .navbar-brand img{ height: 90px; top:10px;  }
    .navigation{ margin-top:90px; border-top: solid 1px #dedede; }
    .navigation .nav-link{padding: 10px 15px!important; color:#fc7e2f; font-size: 16px;  border-bottom: solid 1px #dedede; }
	
}

@media (min-width: 576px) and (max-width: 992px) {
    .navbar-brand img { max-height: 120px; }
    .navigation .nav-link { padding: 12px 15px!important;}
    header{top: 47px;}
}

@media (min-width: 576px) {
    /*==Header CSS== */
	
    /*==Banner CSS== */

    /*==Content CSS== */
    .wave{ background: url(../images/wav.png) no-repeat center top 20px; background-size:100% 40px;  } 
    .greenfood-img{ min-height: 400px; padding-bottom: 40px; }
	.probg{ background: url(../images/pro-bg.jpg) no-repeat center top; background-size: cover; }
	.probg-img{ background: url(../images/probg-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 400px; padding-bottom: 40px; }
    .max-width{ max-width:46%; margin:  0 auto; margin-bottom: 0px; margin-top: 165px; }
	
	.max-width-pro{ max-width:82%; margin:  0 auto; margin-bottom: 0px; }
	.pro-wav{ background: url(../images/border.png) no-repeat center top 80px; background-size:100% auto;}
   .prodetails{ background: url(../images/pro-details-bg.png) no-repeat right top; background-size: 47% auto; }
	
	.sesame{ background: url(../images/sesame.png) no-repeat right top; background-size: 47% auto; }
	
	.vinaigrette-greek{ background: url(../images/vinaigrette-greek.png) no-repeat right top; background-size: 47% auto; }
	
	.probg-s{ background: url(../images/pro-bg-s.jpg) no-repeat center top; background-size: cover; }
	.probg-img-s{ background: url(../images/probg-img-s.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 400px; padding-bottom: 40px; }
	
	.probg-new{ background: url(../images/pro-bg-new.jpg) no-repeat center top; background-size: cover; }
	.probg-img-new{ background: url(../images/probg-img-new.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 400px; padding-bottom: 40px; }
	
	.farmers-market-bg{ background: url(../images/farmers-market-bg.jpg) no-repeat center top; background-size: cover; }
	.farmers-market-img{ background: url(../images/farmers-market-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 400px; padding-bottom: 40px; }
	
	.kansas-bg{ background: url(../images/kansas-bg.jpg) no-repeat center top; background-size: cover; }
	.kansas-img{ background: url(../images/kansas-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 400px; padding-bottom: 40px; }
	
	.italy-bg{ background: url(../images/italy-bg.jpg) no-repeat center top; background-size: cover; }
	.italy-img{ background: url(../images/italy-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 400px; padding-bottom: 25px; }
	
	.classic-greek-bg{ background: url(../images/classic-greek-bg.jpg) no-repeat center top; background-size: cover; }
	.classic-greek-img{ background: url(../images/classic-greek-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 400px; padding-bottom: 40px; }
	
	.top-heightmd, .top-heightsm{ margin-top: 21%; }
	.vinaigrette{ background: url(../images/vinaigrette.png) no-repeat right top; background-size: 47% auto; }
	.ranch{ background: url(../images/ranch.png) no-repeat right top; background-size: 47% auto; }
	
	.vinai{ background: url(../images/vinai.png) no-repeat right top; background-size: 47% auto; }
    /*==Footer CSS== */
}

@media (min-width: 768px) {
    
    .font-size50 { font-size: 42px; }
    .font-size55 { font-size: 44px; }
    .font-size60 { font-size: 52px; }
    .font-size64 { font-size: 55px; }
    .font-size66 { font-size: 60px; }
    .font-size68 { font-size: 62px; line-height: 51px }
    .font-size89 { font-size: 65px; line-height: 55px; }
    /*==Header CSS== */

    /*==Banner CSS== */
	.titlelogo{ width: 100px; }
	.orangebg .btn{ padding: 12px 50px!important; border-radius: 25px; }
    /*==Content CSS== */
    .wave{ background: url(../images/wav.png) no-repeat center top 30px; background-size:100% 30px;  }
    .mobile-img{ position: absolute; left: 0; right: 0; }
    .box-details{font-size: 14px!important;  font-weight: 400;}
    .box-details img{ margin-right: 5px; max-height: inherit; }
    .greenfood-img{ background-size: cover; min-height:520px; padding-bottom: 40px;} 
	.probg-img{ background: url(../images/probg-img.png) no-repeat center top -12% ; background-size: 100% auto ; min-height:200px; padding-bottom:20px;}
    .max-width{ max-width:45%; margin:  0 auto; margin-bottom: 0px; margin-top: 31%; }
	
	.max-width-pro{ max-width:66%; margin:  0 auto; margin-bottom: 0px; }
	.top-height, .top-height-s, .top-height-new  { margin-top: 24%;	}
	
	
	
	.border-wav{ background: url(../images/border.png) no-repeat center top; background-size:100% 39px; height: 50px; }
	.pro-wav{ background: url(../images/border.png) no-repeat center top 80px; background-size:100% 39px; }
	.prodetails{ background: url(../images/pro-details-bg.png) no-repeat right top; background-size:47% auto; }
	
	.sesame{ background: url(../images/sesame.png) no-repeat right top; background-size:47% auto; }
	.vinaigrette-greek{ background: url(../images/vinaigrette-greek.png) no-repeat right top; background-size:47% auto; }
	
	.probg-img-s{ background: url(../images/probg-img.png) no-repeat center top -12% ; background-size: 100% auto ; min-height:200px; padding-bottom:20px;}
	
	.probg-img-new{ background: url(../images/probg-img-new.png) no-repeat center top -12% ; background-size: 100% auto ; min-height:200px; padding-bottom:20px;}
	
	.top-heightmd,.top-heightsm { margin-top: 20%;}
	.farmers-market-img{ background: url(../images/farmers-market-img.png) no-repeat center top -12% ; background-size: 100% auto ; min-height:200px; padding-bottom:20px;}
	.vinaigrette { background: url(../images/vinaigrette.png) no-repeat right top; background-size:47% auto; }
	
	.ranch { background: url(../images/ranch.png) no-repeat right top; background-size:47% auto; }
	.vinai { background: url(../images/vinai.png) no-repeat right top; background-size:47% auto; }
	
	.kansas-img{ background: url(../images/kansas-img.png) no-repeat center top -12% ; background-size: 100% auto ; min-height:200px; padding-bottom:20px;}
	
	.classic-greek-img{ background: url(../images/classic-greek-img.png) no-repeat center top -12% ; background-size: 100% auto ; min-height:200px; padding-bottom:20px;}
    /*==Footer CSS== */
    .footerlink{ font-size: 18px;  }
}

@media (min-width: 992px) {
    /*==Header CSS== */

    /*==Banner CSS== */
	.top-height, .top-height-new { margin-top: 33%; }
	.top-height-s { margin-top: 10%; }
    /*==Content CSS== */
    .max-width{ max-width:42%;}
	.max-width-pro{ max-width:52%;}
    .wave{ background: url(../images/wav.png) no-repeat center top 35px; background-size:100% 40px;  }
	
	.probg-img-s{ background: url(../images/probg-img.png) no-repeat center top -50px ; background-size: 100% auto ; min-height:200px; padding-bottom:25px;}
	
	.top-heightmd { margin-top: 26%; }
	.top-heightsm { margin-top: 28%; }
	.italy-img{ padding-bottom: 40px; }
    /*==Footer CSS== */
}

@media (min-width: 1100px) {
    /*==Header CSS== */

    /*==Banner CSS== */

    /*==Content CSS== */
.italy-img{ padding-bottom: 14px; }
    /*==Footer CSS== */
}

@media (min-width: 1200px) {
    /*== Commen CSS == */
    .font-size22 { font-size: 22px; }
    .font-size24 { font-size: 24px; }
    .font-size26 { font-size: 26px; }
    .font-size28 { font-size: 28px; }
    .font-size29 { font-size: 29px; }
    .font-size30 { font-size: 30px; }
    .font-size32 { font-size: 32px; }
    .font-size34 { font-size: 34px; }
    .font-size36 { font-size: 36px; }
    .font-size38 { font-size: 38px; }
    .font-size40 { font-size: 40px; }
    
     .font-size45 { font-size: 45px; }
     .font-size50 { font-size: 50px; }
     .font-size55 { font-size: 55px; }
    .font-size58 { font-size: 58px; line-height: 55px;}
     .font-size60 { font-size: 60px; }
     .font-size64 { font-size: 64px; }
    .font-size66 { font-size: 66px; }
    .font-size68 { font-size: 70px; line-height: 55px; }
    .font-size89 { font-size: 89px; line-height: 70px; }
    /*==Header CSS== */

    /*==Banner CSS== */
	.titlelogo{ width: 120px; }
    /*==Content CSS== */
    .wave{ background: url(../images/wav.png) no-repeat center top 40px; background-size:100% 35px;  }
    .greenfood-img{ background-size: 100% auto ; height: 775px;}
	.top-height, .top-height-new, .top-heightmd{ padding-bottom: 6%; margin-top: 41%; }
	
    .max-width{ max-width: 30%; margin:  25% auto 0;}
	.max-width-pro{ max-width: 40%; margin:  0 auto;}
    
    .tpspace{ padding-top: 70px; padding-bottom:70px; }
    .mapbg{ background: url(../images/map.png) no-repeat center top; background-size: 100% 100%; min-height: 600px; padding-top: 80px; padding-bottom:50px; }
    /*==Footer CSS== */
    .roundbg{ background: url(../images/round-bg.png) no-repeat center top; background-size:100% auto; }
	.pro-icon { max-width: 100%; }
	.prodetails{ background: url(../images/pro-details-bg.png) no-repeat right top; background-size:auto; }
	.sesame{ background: url(../images/sesame.png) no-repeat right top; background-size:auto; }
	.vinaigrette-greek{ background: url(../images/vinaigrette-greek.png) no-repeat right top; background-size:auto; }
	.probg-img{ background: url(../images/probg-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 845px;  padding-bottom: 0px;}
	.bottom-height{ padding-top: 30px;  padding-bottom: 17px;}
	.top-height-s{ padding-bottom: 15%; margin-top: 18%; }
	.probg-img-s{ background: url(../images/probg-img.png) no-repeat center top -68px; background-size: 100% auto ; min-height: 845px;  padding-bottom: 0px;}
	.probg-img-new{ background: url(../images/probg-img-new.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 845px;  padding-bottom: 0px;}
	
	.farmers-market-img{ background: url(../images/farmers-market-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 845px;  padding-bottom: 0px;}
	
	.kansas-img{ background: url(../images/kansas-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 845px;  padding-bottom: 0px;}
	.classic-greek-img{ background: url(../images/classic-greek-img.png) no-repeat center top 0 ; background-size: 100% auto ; min-height: 845px;  padding-bottom: 0px;}
	.vinaigrette{ background: url(../images/vinaigrette.png) no-repeat right top; background-size:auto; }
	.ranch{ background: url(../images/ranch.png) no-repeat right top; background-size:auto; }
	
	.vinai{ background: url(../images/vinai.png) no-repeat right top; background-size:auto; }
	
	.top-heightsm{ padding-bottom: 6%; margin-top: 35%; }
}

@media (min-width: 1600px) {
    /*==Header CSS== */

    /*==Banner CSS== */

    /*==Content CSS== */

    /*==Footer CSS== */
}