/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {box-sizing: border-box; margin: 0; padding: 0;}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body {margin: 0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline}
audio:not([controls]) {display: none; height: 0}
[hidden],template {display: none}
a {background-color: transparent}
a:active,a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b,strong {font-weight: 700}
dfn {font-style: italic}
mark {color: #000; background: #ff0}
small {font-size:80%}
sub,sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
pre {overflow: auto}
code,kbd,pre,samp {font-family: monospace,monospace; font-size: 1em}
button,input,optgroup,select,textarea {margin: 0; font: inherit; color: inherit}
button {overflow: visible}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver}
legend {padding: 0; border: 0}
textarea {overflow: auto}
optgroup {font-weight: 700}
table {border-spacing: 0; border-collapse: collapse}
td,th {padding: 0}

/* TYPOGRAPHY */
@font-face {font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa, .ui-icon {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.fa-facebook-official:before {content: "\f230";}
.fa-instagram:before {content: "\f16d";}

body {background: url(../images/image_4_thumb.jpg) repeat left top scroll; color: #666; font-family: "PT Serif",serif; font-size: 15px;}
h1, h2, h3, h4 {color: #444; font-family: "Vidaloka",serif; font-weight: 500; line-height: 1.1; margin-bottom: .67em;}
h1, .h1 {font-size: 36px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 20px;}
h5, .h5 {font-size: 18px;}

p + h3 {margin-top: 35px;}
p + h4 {margin-top: 25px;}

p, li {line-height: 1.5; margin-bottom: 1em;}
li {margin-bottom: .8em;}
ul, ol {margin-bottom: 1em;}
strong {color: #444;}

.blue {color: blue;}
.green {color: #8bc04e}
.green-dk {color: #51914d}

.page-content ul, .page-content ol {margin-left: 20px; margin-bottom: 30px;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.text-success {color: #3c763d;}
.text-warning {color: #8a6d3b;}
.text-error {color: #b60000;}

@media (min-width: 1100px) {
  body {font-size: 18px;}
  p, li {line-height: 1.6em;}
  h1, .h1 {font-size: 36px;}
  h2, .h2 {font-size: 36px;}
  h3, .h3 {font-size: 24px;}

  .small-list {font-size: 16px;}
}

/* LAYOUT */
#page-container {background: #fff; box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.5); margin: 0 auto; max-width: 1230px;}

.page-wrapper {padding: 20px;}
.hidden {display: none;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {min-height: 1px; padding: 0 20px; position: relative;}
.col-section {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-sm-9 {float: left;}
.col-no-margin {margin-left: -20px; margin-right: -20px;}
.flex-center {align-self: center;}

.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

section {padding: 40px 15px;}
section img {max-width: 100%;}
.margin-bottom {margin-bottom: 20px;}
.margin-bottom-lg {margin-bottom: 40px;}
.margin-top {margin-top: 20px;}
.margin-top-lg {margin-top: 40px;}

.img-border {border: 12px solid #fff; box-shadow: 0 0 6px #ccc;}
.img-border-grey {border: 14px solid #fafafa; box-shadow: 0 0 6px #ccc;}

@media (min-width: 768px) {
  .col-section {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float: left;}
  
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 {width: 83.33333333%;}
  .col-sm-9 {width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}

  .margin-bottom {margin-bottom: 40px;}
  .margin-bottom-lg {margin-bottom: 60px;}
  .margin-top {margin-top: 40px;}
  .margin-top-lg {margin-top: 60px;}
}

@media (min-width: 1024px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {min-height: 1px; padding: 0 30px; position: relative;}
  .col-no-margin {margin-left: -30px; margin-right: -30px;}
}

/* HEADER */
header {background: #fff; border-bottom: 1px solid #fff; max-width: 1230px; padding: 10px 0; text-align: center; transition: padding ease-in-out 0.2s; z-index: 1000;}
#main-nav {font-size: 16px; margin-top: 30px;}
#main-nav ul {margin-bottom: 10px;}
#main-nav li {display: inline-block; margin: 0;}
#main-nav li a {border-top: 4px solid #8bc04e; color: #333; padding: 11px 10px 15px; text-decoration: none;}
#main-nav li a:hover {background: #8bc04e; color: #fff;}
#main-nav li a.nav-current {background: #8bc04e; color: #fff;}
#main-nav li:nth-child(1) a {border-color: #cde452;}
#main-nav li:nth-child(1) a.nav-current, #main-nav li:nth-child(1) a:hover {background: #cde452; color: #000;}
#main-nav li:nth-child(3) a {border-color: #ff661b;}
#main-nav li:nth-child(3) a.nav-current, #main-nav li:nth-child(3) a:hover {background: #ff661b;}
#main-nav li:nth-child(4) a {border-color: #51914d;}
#main-nav li:nth-child(4) a.nav-current, #main-nav li:nth-child(4) a:hover {background: #51914d;}

header.header-small {padding: 2px 0; border-bottom: 1px solid #ccc;}

@media (min-width: 768px) {
  header {max-width: 1230px; padding: 18px 30px; position: fixed; top: 0; width: 100%;}
  header.header-small {padding: 4px 30px;}
}

/* BANNER */
#pre-banner {background: #cde452; color: #000; margin-bottom: 10px; padding: 10px; text-align: center;}
#pre-banner a {color: #000;}
#banner img {max-width: 100%;}

/* INTRO */
#features {text-align: center;}
#features h2 {margin-bottom: 40px;}
#features h3 {margin-bottom: 0.4em;}
#features img {border: 10px solid #fff; border-radius: 150px; box-shadow: 0 0 6px #ccc; margin-bottom: 20px; width: 220px;}

#about {background: #F7FFF0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#about h3 {border-bottom: 4px solid #8bc04e; font-size: 28px; padding-bottom: 6px; margin-bottom: 16px}
.image-blocks div.col-xs-12 {margin-bottom: 20px;}
.image-blocks img {margin-bottom: 20px;}

#pizza h4 {margin-bottom: 5px;}

a.btn {border: 2px solid #51914d; border-radius: 20px; color: #51914d; display: inline-block; padding: 8px 15px; text-decoration: none;}
a.btn:hover {background: #51914d; color: #fff;}

#location {background: #79c469; color: #fff;}
#location h2 {color: #fff;}
#location h3 {color: #fff; margin-top: 30px; margin-bottom: 4px;}
#location strong {color: #444;}
#location a {color: #fff;}

@media (min-width: 1200px) {
  .image-blocks div.col-xs-12 {margin-bottom: 30px;}
  #location p {font-size: 18px; line-height: 1.4;}
}

footer {line-height: 30px; padding: 20px 30px; text-align: left;}
footer #social {float: right; font-size: 24px; margin: 0;}
footer #social li {display: inline-block; padding-left: 10px; margin: 0;}
footer #social a {color: #666;}
footer #social a:hover {color: #ff661b;}


/* MEDIA QUERIES */
@media (max-width: 767px) {
  #nav-intro {display: none;}
  .col-xs-12 {margin-bottom: 20px;}
  .mobile-hidden {display: none;}
}

@media (min-width: 768px) {
  section {padding: 60px 20px;}
  #banner {margin-top: 114px;}

  /* FORMS */
  .form-horizontal label {margin-bottom: 8px; padding-top: 8px; text-align: right;}
}

@media (min-width: 875px) {

  header {text-align: left;}
  #main-nav {float: right;}

}

@media (min-width: 960px) {
  #logo {width: 350px;}

  #banner {margin-top: 126px;}
  #main-nav li a {padding: 11px 30px 15px;}
}

@media (hover: none) {
   #main-nav li a:hover {background: none !important; color: #333;}
}