@import url('https://fonts.googleapis.com/css?family=Roboto');
 @import url('https://fonts.googleapis.com/css?family=Lato');
 .row1{
    display: flex;
    display: -webkit-flex;
 }
 .col-3{
    width: 33.333333%;
 }
 .blog_inner{
    margin: 15px;
box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.24);
min-height: 360px;
 }
 .blog_inner12{
   display: flex;
 }
 .img-responsive{
   max-width: 100%;
   height: auto;
 }
 .blo_date{
   font-size: 12px !important;
margin-top: 10px;
 }
 .blog_img{
    height: 160px;
overflow: hidden;
text-align: center;
padding: 10px;
 }
  .blog_img img{
    object-fit: cover;
height: 165px;
 }
 .blog_head{
    padding: 0px 15px 15px;
 }
 .blog_head h4{
    font-size: 20px;
margin: 10px 0px 5px;
line-height: initial !important;
 }
 .blog_head p{
    font-size: 16px;
font-family: lato;
line-height: initial;
 }
 #serv1 p, #serv1 span{
     font-family: lato;
 }
 .middle{
    display: flex;
    align-items:center;
 }
 .blog_inner1{
    margin-top: 20px;
    display: block;
float: left;
 }
 .blog_inner1 p{
    display: block;
    font-family: lato;
line-height: initial;
margin-bottom: 10px;
font-size: 18px;
 }
 .m-t-20{
    margin-top: 30px;
 }
 html,
 body {
     border: 0;
     /*    font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;*/
     line-height: 1.5;
     margin: 0;
     padding: 0;
 }
 
 div,
 span,
 object,
 object,
 iframe,
 img,
 table,
 caption,
 thead,
 tbody,
 tfoot,
 tr,
 tr,
 td,
 article,
 aside,
 canvas,
 details,
 figure,
 hgroup,
 menu,
 nav,
 footer,
 header,
 section,
 summary,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 address,
 cit,
 code,
 del,
 dfn,
 em,
 ins,
 q,
 samp,
 small,
 strong,
 sub,
 sup,
 b,
 i,
 hr,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 legend,
 label {
     border: 0;
     font-size: 100%;
     vertical-align: baseline;
     margin: 0;
     padding: 0;
 }
 
 article,
 aside,
 canvas,
 figure,
 figure img,
 figcaption,
 hgroup,
 footer,
 header,
 nav,
 section,
 audio,
 video {
     display: block;
 }
 
 table {
     border-spacing: 0;

 }
 caption,
 th,
 td {
     text-align: left;
     vertical-align: middle;
 }
 
 a img {
     border: 0;
 }
 
 :focus {
     outline: 0;
 }
 
 @-webkit-keyframes nav_menu {
     from,
     to {
         transform: none;
     }
     0% {
         transform: scale(0);
     }
     50% {
         transform: scale(1);
     }
 }
 
 @-moz-keyframes nav_menu {
     from,
     to {
         transform: none;
     }
     0% {
         transform: scale(0);
     }
     50% {
         transform: scale(1);
     }
 }
 
 @-o-keyframes nav_menu {
     from,
     to {
         transform: none;
     }
     0% {
         transform: scale(0);
     }
     50% {
         transform: scale(1);
     }
 }
 
 @keyframes nav_menu {
     from,
     to {
         transform: none;
     }
     0% {
         transform: scale(0);
     }
     50% {
         transform: scale(1);
     }
 }
 /*svg bullet*/
 
 @keyframes svg_bullet {
     to {
         stroke-dashoffset: 0;
     }
 }
 
 @-moz-keyframes svg_bullet {
     to {
         stroke-dashoffset: 0;
     }
 }
 
 @-webkit-keyframes svg_bullet {
     to {
         stroke-dashoffset: 0;
     }
 }
 
 @-o-keyframes svg_bullet {
     to {
         stroke-dashoffset: 0;
     }
 }
 
 @-ms-keyframes svg_bullet {
     to {
         stroke-dashoffset: 0;
     }
 }
 /**
 * Swiper 3.3.1
 * Licensed under MIT
 * Released on: February 7, 2016
 */
 
 .swiper-container {
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     /* Fix of Webkit flickering */
     z-index: 1;
 }
 
 .swiper-container-no-flexbox .swiper-slide {
     float: left;
 }
 
 .swiper-container-vertical > .swiper-wrapper {
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -ms-flex-direction: column;
     -webkit-flex-direction: column;
     flex-direction: column;
 }
 
 .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 10;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -ms-transition-property: -ms-transform;
     transition-property: transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }
 
 .swiper-container-android .swiper-slide,
 .swiper-wrapper {
     -webkit-transform: translate3d(0px, 0, 0);
     -moz-transform: translate3d(0px, 0, 0);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
 }
 
 .swiper-container-multirow > .swiper-wrapper {
     -webkit-box-lines: multiple;
     -moz-box-lines: multiple;
     -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .swiper-container-free-mode > .swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -ms-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin: 0 auto;
 }
 
 .swiper-slide {
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
 }
 /* Auto Height */
 
 .swiper-container-autoheight,
 .swiper-container-autoheight .swiper-slide {
     height: auto;
 }
 
 .swiper-container-autoheight .swiper-wrapper {
     -webkit-box-align: start;
     -ms-flex-align: start;
     -webkit-align-items: flex-start;
     align-items: flex-start;
     -webkit-transition-property: -webkit-transform, height;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -ms-transition-property: -ms-transform;
     transition-property: transform, height;
 }
 /* a11y */
 
 .swiper-container .swiper-notification {
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     opacity: 0;
     z-index: -1000;
 }
 /* IE10 Windows Phone 8 Fixes */
 
 .swiper-wp8-horizontal {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
 }
 
 .swiper-wp8-vertical {
     -ms-touch-action: pan-x;
     touch-action: pan-x;
 }
 /* Arrows */
 
 .swiper-button-prev,
 .swiper-button-next {
     position: absolute;
     top: 50%;
     width: 27px;
     height: 44px;
     margin-top: -22px;
     z-index: 10;
     cursor: pointer;
     -moz-background-size: 27px 44px;
     -webkit-background-size: 27px 44px;
     background-size: 27px 44px;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .swiper-button-prev.swiper-button-disabled,
 .swiper-button-next.swiper-button-disabled {
     opacity: 0.35;
     cursor: auto;
     pointer-events: none;
 }
 
 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
     left: 10px;
     right: auto;
 }
 
 .swiper-button-prev.swiper-button-black,
 .swiper-container-rtl .swiper-button-next.swiper-button-black {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 }
 
 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 }
 
 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
     right: 10px;
     left: auto;
 }
 
 .swiper-button-next.swiper-button-black,
 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 }
 
 .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 }
 /* Pagination Styles */
 
 .swiper-pagination {
     position: absolute;
     text-align: center;
     -webkit-transition: 300ms;
     -moz-transition: 300ms;
     -o-transition: 300ms;
     transition: 300ms;
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 10;
 }
 
 .swiper-pagination.swiper-pagination-hidden {
     opacity: 0;
 }
 /* Common Styles */
 
 .swiper-pagination-fraction,
 .swiper-pagination-custom,
 .swiper-container-horizontal > .swiper-pagination-bullets {
     bottom: 10px;
     left: 0;
     width: 100%;
 }
 /* Bullets */
 
 .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     border-radius: 100%;
     background: #000;
     opacity: 0.2;
 }
 
 button.swiper-pagination-bullet {
     border: none;
     margin: 0;
     padding: 0;
     box-shadow: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -webkit-appearance: none;
     appearance: none;
 }
 
 .swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer;
 }
 
 .swiper-pagination-white .swiper-pagination-bullet {
     background: #fff;
 }
 
 .swiper-pagination-bullet-active {
     opacity: 1;
     background: #007aff;
 }
 
 .swiper-pagination-white .swiper-pagination-bullet-active {
     background: #fff;
 }
 
 .swiper-pagination-black .swiper-pagination-bullet-active {
     background: #000;
 }
 
 .swiper-container-vertical > .swiper-pagination-bullets {
     right: 10px;
     top: 50%;
     -webkit-transform: translate3d(0px, -50%, 0);
     -moz-transform: translate3d(0px, -50%, 0);
     -o-transform: translate(0px, -50%);
     -ms-transform: translate3d(0px, -50%, 0);
     transform: translate3d(0px, -50%, 0);
 }
 
 .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 5px 0;
     display: block;
 }
 
 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 5px;
 }
 /* Progress */
 
 .swiper-pagination-progress {
     background: rgba(0, 0, 0, 0.25);
     position: absolute;
 }
 
 .swiper-pagination-progress .swiper-pagination-progressbar {
     background: #007aff;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
     -ms-transform-origin: left top;
     -o-transform-origin: left top;
     transform-origin: left top;
 }
 
 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
     -webkit-transform-origin: right top;
     -moz-transform-origin: right top;
     -ms-transform-origin: right top;
     -o-transform-origin: right top;
     transform-origin: right top;
 }
 
 .swiper-container-horizontal > .swiper-pagination-progress {
     width: 100%;
     height: 4px;
     left: 0;
     top: 0;
 }
 
 .swiper-container-vertical > .swiper-pagination-progress {
     width: 4px;
     height: 100%;
     left: 0;
     top: 0;
 }
 
 .swiper-pagination-progress.swiper-pagination-white {
     background: rgba(255, 255, 255, 0.5);
 }
 
 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
     background: #fff;
 }
 
 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
     background: #000;
 }
 /* 3D Container */
 
 .swiper-container-3d {
     -webkit-perspective: 1200px;
     -moz-perspective: 1200px;
     -o-perspective: 1200px;
     perspective: 1200px;
 }
 
 .swiper-container-3d .swiper-wrapper,
 .swiper-container-3d .swiper-slide,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-cube-shadow {
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transform-style: preserve-3d;
 }
 
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-slide-shadow-bottom {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 10;
 }
 
 .swiper-container-3d .swiper-slide-shadow-left {
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     /* Safari 4+, Chrome */
     background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Chrome 10+, Safari 5.1+, iOS 5+ */
     background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 3.6-15 */
     background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Opera 11.10-12.00 */
     background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 16+, IE10, Opera 12.50+ */
 }
 
 .swiper-container-3d .swiper-slide-shadow-right {
     background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     /* Safari 4+, Chrome */
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Chrome 10+, Safari 5.1+, iOS 5+ */
     background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 3.6-15 */
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Opera 11.10-12.00 */
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 16+, IE10, Opera 12.50+ */
 }
 
 .swiper-container-3d .swiper-slide-shadow-top {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     /* Safari 4+, Chrome */
     background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Chrome 10+, Safari 5.1+, iOS 5+ */
     background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 3.6-15 */
     background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Opera 11.10-12.00 */
     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 16+, IE10, Opera 12.50+ */
 }
 
 .swiper-container-3d .swiper-slide-shadow-bottom {
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     /* Safari 4+, Chrome */
     background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Chrome 10+, Safari 5.1+, iOS 5+ */
     background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 3.6-15 */
     background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Opera 11.10-12.00 */
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     /* Firefox 16+, IE10, Opera 12.50+ */
 }
 /* Coverflow */
 
 .swiper-container-coverflow .swiper-wrapper,
 .swiper-container-flip .swiper-wrapper {
     /* Windows 8 IE 10 fix */
     -ms-perspective: 1200px;
 }
 /* Cube + Flip */
 
 .swiper-container-cube,
 .swiper-container-flip {
     overflow: visible;
 }
 
 .swiper-container-cube .swiper-slide,
 .swiper-container-flip .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1;
 }
 
 .swiper-container-cube .swiper-slide .swiper-slide,
 .swiper-container-flip .swiper-slide .swiper-slide {
     pointer-events: none;
 }
 
 .swiper-container-cube .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active,
 .swiper-container-cube .swiper-slide-active .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
     pointer-events: auto;
 }
 
 .swiper-container-cube .swiper-slide-shadow-top,
 .swiper-container-flip .swiper-slide-shadow-top,
 .swiper-container-cube .swiper-slide-shadow-bottom,
 .swiper-container-flip .swiper-slide-shadow-bottom,
 .swiper-container-cube .swiper-slide-shadow-left,
 .swiper-container-flip .swiper-slide-shadow-left,
 .swiper-container-cube .swiper-slide-shadow-right,
 .swiper-container-flip .swiper-slide-shadow-right {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
 }
 /* Cube */
 
 .swiper-container-cube .swiper-slide {
     visibility: hidden;
     -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
     -ms-transform-origin: 0 0;
     transform-origin: 0 0;
     width: 100%;
     height: 100%;
 }
 
 .swiper-container-cube.swiper-container-rtl .swiper-slide {
     -webkit-transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
     -ms-transform-origin: 100% 0;
     transform-origin: 100% 0;
 }
 
 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-next,
 .swiper-container-cube .swiper-slide-prev,
 .swiper-container-cube .swiper-slide-next + .swiper-slide {
     pointer-events: auto;
     visibility: visible;
 }
 
 .swiper-container-cube .swiper-cube-shadow {
     position: absolute;
     left: 0;
     bottom: 0px;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.6;
     -webkit-filter: blur(50px);
     filter: blur(50px);
     z-index: 0;
 }
 /* Fade */
 
 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -ms-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 
 .swiper-container-fade .swiper-slide {
     pointer-events: none;
     -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
     transition-property: opacity;
 }
 
 .swiper-container-fade .swiper-slide .swiper-slide {
     pointer-events: none;
 }
 
 .swiper-container-fade .swiper-slide-active,
 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
     pointer-events: auto;
 }
 /* Scrollbar */
 
 .swiper-scrollbar {
     border-radius: 10px;
     position: relative;
     -ms-touch-action: none;
     background: rgba(0, 0, 0, 0.1);
 }
 
 .swiper-container-horizontal > .swiper-scrollbar {
     position: absolute;
     left: 1%;
     bottom: 3px;
     z-index: 50;
     height: 5px;
     width: 98%;
 }
 
 .swiper-container-vertical > .swiper-scrollbar {
     position: absolute;
     right: 3px;
     top: 1%;
     z-index: 50;
     width: 5px;
     height: 98%;
 }
 
 .swiper-scrollbar-drag {
     height: 100%;
     width: 100%;
     position: relative;
     background: rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     left: 0;
     top: 0;
 }
 
 .swiper-scrollbar-cursor-drag {
     cursor: move;
 }
 /* Preloader */
 
 .swiper-lazy-preloader {
     width: 42px;
     height: 42px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -21px;
     margin-top: -21px;
     z-index: 10;
     -webkit-transform-origin: 50%;
     -moz-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
     -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
     animation: swiper-preloader-spin 1s steps(12, end) infinite;
 }
 
 .swiper-lazy-preloader:after {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
     background-position: 50%;
     -webkit-background-size: 100%;
     background-size: 100%;
     background-repeat: no-repeat;
 }
 
 .swiper-lazy-preloader-white:after {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
 
 @-webkit-keyframes swiper-preloader-spin {
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @keyframes swiper-preloader-spin {
     100% {
         transform: rotate(360deg);
     }
 }
 
 @font-face {
     font-family: 'Bebas Neuer';
     font-style: normal;
     font-weight: normal;
     src: local('Bebas Neue'), url('fonts/BebasNeue.woff') format('woff')
 }
 
 html,
 body {
     font-family: 'Bebas Neuer', sans-serif;
     width: 100%;
     height: 100%;
     min-width: 960px;
     /* background: #4d443d */
 }
 
 h1 {
     font-size: 110px;
     line-height: 105px;
     font-weight: 400
 }
 
 h2 {
     font-size: 100px;
     line-height: 100px;
     text-transform: uppercase;
     margin-bottom: 10px;
     font-weight: 400
 }
 
 h3 {
     font-size: 70px;
     line-height: 70px;
     text-transform: uppercase;
     font-weight: 400
 }
 
 h4 {
     font-size: 50px;
     line-height: 40px;
     text-transform: uppercase;
     font-weight: 400
 }
 
 h5 {
     font-size: 16px;
     line-height: 20px;
     text-transform: uppercase;
     font-weight: 400
 }
 
 h6 {
     font-size: 30px;
     line-height: 30px;
     text-transform: uppercase;
     font-weight: 400
 }
 
 p {
     font-size: 30px;
     line-height: 34px;
     font-weight: 400
 }
 
 a,
 a:hover {
     text-decoration: none;
     color: #ea02c0;
 }
 
 ul li {
     list-style: none
 }
 
 .center {
     text-align: center
 }
 
 .pull-right {
     float: right
 }
 
 .col {
     float: left
 }
 
 .col-12 {
     width: 100%
 }
 
 .col-9 {
     width: 75%
 }
 
 .col-85 {
     width: 70%
 }
 
 .col-8 {
     width: 66.6%
 }
 
 .col-7 {
     width: 60%
 }
 
 .col-6 {
     width: 50%
 }
 
 .col-5 {
     width: 40%
 }
 
 .col-4 {
     width: 33.3%
 }
 
 .col-35 {
     width: 30%
 }
 
 .col-3 {
     width: 25%
 }
 
 .col-1 {
     width: 10%
 }
 
 .order-steps {
     width: 100%;
     position: absolute;
     bottom: -80px;
     float: left;
     background: #f1eedb;
     box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
     height: 80px;
     line-height: 80px;
     z-index: 1
 }
 
 .order-steps.scroll {
     position: fixed;
     top: 0;
     left: 0;
     bottom: auto
 }
 
 .order-steps ul {
     width: 60%;
     min-width: 880px;
     margin: 0 auto;
     text-align: center
 }
 
 .order-steps ul li {
     display: inline
 }
 
 .order-steps ul li a {
     color: #4d443d;
     font-size: 18px;
     float: none;
     line-height: 50px;
     display: inline-block;
     margin: 18px 30px;
     margin-top: 18px;
     width: 300px;
     text-align: left;
     opacity: .5;
     cursor: auto
 }
 
 .order-steps ul li a span {
     font-size: 36px;
     color: #ea02c0;
     margin-right: 5px
 }
 
 .order-steps ul li a .icon-step {
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     width: 25px;
     height: 25px;
     background: #fff;
     margin: 7px 20px 5px 10px;
     float: left
 }
 
 .order-steps ul li a.current {
     opacity: 1
 }
 
 .order-steps ul li a.current .icon-step {
     border: 1px solid green
 }
 
 .order-steps ul li a.completed {
     opacity: 1
 }
 
 .order-steps ul li a.completed .icon-step {
     border: 1px solid green;
     background-color: green;
     background-image: url(../img/check-white.png);
     background-size: 15px 10px;
     background-position: center center;
     background-repeat: no-repeat
 }
 
 .order-steps ul li a .step-label {
     font-size: 18px;
     margin-top: 18px;
     color: #4d443d
 }
 
 .suffix {
     display: block;
     float: left;
     width: 4%;
     text-align: center;
     padding: 10px 0 0
 }
 
 .form-group {
     width: 100%;
     float: left;
     margin-bottom: 20px
 }
 
 .col-f-12 {
     width: 96%
 }
 
 .col-f-12:first-child {
     margin-right: 4%
 }
 
 .col-f-12:nth-child(odd) {
     margin-right: 4%
 }
 
 .col-l-12 {
     width: 98%;
     float: left
 }
 
 .col-r-12 {
     width: 98%;
     float: right
 }
 
 .col-f-6 {
     width: 49%;
     position: relative
 }
 
 .col-f-6:first-child {
     margin-right: 2%
 }
 
 .col-f-6:nth-child(odd) {
     margin-right: 2%
 }
 
 .col-f-4 {
     width: 32.3%;
     margin-left: 1.5%
 }
 
 .col-f-4:first-child {
     margin-left: 0
 }
 
 .fg-l2 input {
     width: 48%;
     float: left
 }
 
 .fg-3 label {
     width: 32.3%;
     float: left;
     margin-right: 1.5%
 }
 
 .fg-3 label:last-child {
     margin-right: 0
 }
 
 .time-input {
     width: 23.5%
 }
 
 .time-input.first {
     margin-right: 2%
 }
 
 .time-input input {
     width: 30%
 }
 
 .time-input .select-box {
     width: 30%
 }
 
 .m-t-15 {
     margin-top: 15px
 }
 
 .m-t-50 {
     margin-top: 50px
 }
 
 form {
     margin-bottom: 20px;
     float: left;
     width: 100%
 }
 
 form .content-header {
     margin-bottom: 25px;
     margin-top: 30px
 }
 
 form .btn-group {
     margin-top: 50px
 }
 
 form h5 {
     font-size: 22px;
     margin-bottom: 10px
 }
 
 .page-section form .menu-desc {
     font-size: 13px;
     margin: 0 10% 3px 0 !important;
     width: 90%;
     padding-left: 40px;
     box-sizing: border-box;
     float: left;
     display: block;
     white-space: normal;
     line-height: 15px !important
 }
 
 label {
     float: left;
     width: 100%;
     position: relative
 }
 
 label span {
     display: block;
     width: 100%;
     margin-bottom: 5px;
     white-space: nowrap
 }
 
 label.error {
     position: absolute;
     color: #ff0008;
     font-size: 10px;
     margin: 0;
     top: 68px;
     width: 100%;
     left: 0
 }
 
 input {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     font-size: 13px;
     height: 38px;
     width: 100%;
     border: 0;
     color: #4d443d;
     background: #f1eedb;
     padding: 5px 10px;
     font-weight: 400;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }
 
 input:disabled {
     background: #e5e5e5;
     color: grey
 }
 
 input.error {
     border: 1px solid #ff0008
 }
 
 input[type=email] {
     width: 100%;
 }
 
 input[type=radio] {
     width: 30px;
     height: 15px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0
 }
 
 select {
     height: 38px;
     width: 100%;
     float: left;
     font-size: 13px;
     border: 0;
     color: #4d443d;
     box-shadow: none;
     background-color: #f1eedb;
     background-image: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding: 5px 10px;
     text-transform: uppercase;
     font-weight: 700;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0
 }
 
 .select-box {
     width: 100%;
     float: left;
     position: relative
 }
 
 .select-box:after {
     content: '';
     position: absolute;
     right: 10px;
     top: 18px;
     margin: 0;
     float: left;
     display: inline-block;
     width: 0;
     height: 0;
     vertical-align: middle;
     border-top: 6px solid #4d443d;
     border-top: 6px solid \9;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent
 }
 
 .select-box.special {
     width: 100px;
     position: absolute;
     right: 8px;
     top: 6px;
     display: none
 }
 
 .select-box.special select {
     background-color: #fff;
     height: 26px
 }
 
 .select-box.special:after {
     top: 11px
 }
 
 .super-selects {
     width: auto;
     max-width: 50%;
     position: absolute;
     right: 8px;
     top: 6px
 }
 
 .super-selects .select-box {
     width: 180px;
     margin-right: 5px;
     position: relative;
     float: left;
     top: 0;
     right: 0
 }
 
 .super-selects .number-box {
     width: 50px;
     position: relative;
     float: left;
     top: 0;
     right: 0
 }
 
 .number-box {
     width: 100px;
     position: absolute;
     right: 8px;
     top: 6px;
     display: none
 }
 
 .number-box input[type=number] {
     height: 26px;
     background-color: #fff
 }
 
 .number-box.number-desc {
     width: 90px
 }
 
 .number-box.number-desc:first-child {
     margin-right: 5px
 }
 
 .number-box.number-desc span {
     color: #4d443d !important;
     font-size: 10px;
     margin: 3px 5px 0 0;
     text-align: right;
     line-height: 12px !important;
     float: left;
     width: 38px;
     white-space: normal
 }
 
 .number-box.number-desc input[type=number] {
     width: 47px;
     padding: 5px
 }
 
 .checkbox-item {
     position: relative;
     color: #4d443d;
     margin-bottom: 4px;
     min-height: 71px
 }
 
 .checkbox-item.ch-long-item {
     min-height: 38px
 }
 
 .checkbox-item input[type=checkbox] {
     float: left;
     width: 20px;
     margin: 0 10px;
     opacity: 0
 }
 
 .checkbox-item span {
     float: left;
     display: block;
     width: auto;
     margin: 12px 0 0;
     line-height: 20px !important
 }
 
 .checkbox-item.selected {
     background: #ea02c0
 }
 
 .checkbox-item.selected span {
     color: #f1eedb
 }
 
 .checkbox-item.selected .select-box.special,
 .checkbox-item.selected .number-box {
     display: block
 }
 
 .checkbox-item.selected .check {
     background-color: #fff;
     background-image: url(../img/check.png);
     background-size: 14px 10px;
     background-position: center center;
     background-repeat: no-repeat
 }
 
 .checkbox-item .check {
     width: 18px;
     height: 18px;
     background-color: #f1eedb;
     position: absolute;
     top: 10px;
     left: 10px
 }
 
 .radio-group {
     text-align: center;
     margin-bottom: 60px
 }
 
 .radio-group label {
     width: 150px;
     display: inline-block;
     float: none;
     position: relative
 }
 
 .radio-group label span {
     text-align: left
 }
 
 .radio-group label .radio-icon {
     position: absolute;
     width: 20px;
     height: 20px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     border: 2px solid #ea02c0;
     top: -3px;
     left: 3px;
     background: #fff
 }
 
 .radio-group label .radio-icon .inner {
     display: none;
     width: 16px;
     height: 16px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     background: #ea02c0;
     margin: 2px
 }
 
 .radio-group label.selected .radio-icon .inner {
     display: block
 }
 
 textarea {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     font-size: 13px;
     height: 110px;
     max-height: 110px;
     width: 100%;
     max-width: 100%;
     float: left;
     border: 0;
     color: #4d443d;
     background: #f1eedb;
     padding: 10px 10px;
     text-transform: uppercase;
     font-weight: 400;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }
 
 ::-webkit-input-placeholder {
     color: #d2c5aa
 }
 
 ::-moz-placeholder {
     color: #d2c5aa
 }
 
 :-ms-input-placeholder {
     color: #d2c5aa
 }
 
 :-moz-placeholder {
     color: #d2c5aa
 }
 
 header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     min-width: 960px;
     z-index: 999;
     display: block;
     -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
     -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
     transition: all .25s ease-out
 }
 
 header .inner-header {
     width: 60%;
     min-width: 880px;
     margin: 0 auto;
     -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
     -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
     transition: all .25s ease-out
 }
 
 header.scroll {
     background: #ea02c0;
     box-shadow: 0 2px 10px #000
 }
 
 header.scroll .menu {
     margin: 15px 0;
     padding-top: 7px
 }
 
 header.scroll .menu ul li a:hover {
     color: #a98e68
 }
 
 header.scroll .menu ul li.current-menu-item a {
     border-bottom: 2px solid #e9e9e9;
     color: #fff
 }
 
 header.scroll .menu ul li.current-menu-item a:hover {
     color: #a98e68
 }
 
 header.scroll .logo {
     margin: 5px 0;
 }
 
 .home .menu ul li.current-menu-item a {
     border-bottom: 2px solid #e9e9e9;
     color: #fff
 }
 
 .home .menu ul li a:hover {
     color: #fff;
     border-bottom: 2px solid #fff;

     text-shadow: 0px 1px 1px #000 !important;
 }
 
 .hamburger {
     display: none;
     width: 30px;
     height: 20px;
     position: absolute;
     right: 8%;
     top: 25px
 }
 
 .hamburger span {
     display: block;
     width: 30px;
     height: 2px;
     background: #f1eedb;
     margin-top: 7px
 }
 
 .hamburger span:first-child {
     margin-top: 0
 }
 
 .menu {
     float: right;
     margin: 75px 0;
     -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
     -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
     transition: all .25s ease-out
 }
 
 .menu ul {
     float: left
 }
 
 .menu ul li {
     float: left
 }
 
 .menu ul li a {
     margin: 0 0 0 27px;
     padding: 0;
     font-weight: 400;
     color: #fff;
     display: block;
     font-size: 18px;
     text-transform: uppercase;
     cursor: pointer;
     overflow: hidden;
     position: relative;
     -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
     -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
     transition: all .2s ease-out;
     letter-spacing: 1px;
 }
 
 .menu ul li a:hover {
     color: #4d443d
 }
 
 .menu ul li.current-menu-item a {
     border-bottom: 2px solid #e9e9e9;
     color: #fff
 }
 
 .menu ul li.current-menu-item a:hover {
     color: #f1eedb
 }
 
 .logo {
     position: relative;
     z-index: 1;
     float: left;
     background: url(../img/logo.png) no-repeat;
     /*    background-size: cover;*/
     width: 245px;
     height: 70px;
     margin: 46px 0 0;
     -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
     -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
     transition: all .25s ease-out
 }
 
 section {
     width: 100%;
     float: left;
     overflow: hidden
 }
 
 .intro {
     width: 100%;
     height: 120vh;
     min-height: 700px;
     position: relative;
     float: left;
     background: url(../media/poster.jpg) no-repeat;
     background-size: cover;
     background-attachment: fixed
 }
 
 .intro .box {
     min-width: 880px;
     width: 60%;
     margin: 30vh auto 0
 }
 
 .intro h1 {
     color: #fff;
     text-shadow: 1px 1px 3px #000;
 }
 
 .intro h1 span {
     color: #ea02c0;
 }
 
 .intro p {
     color: #fff;
     margin: 20px 0 10px
 }
 
 .intro.texturized {
     height: 75vh;
     min-height: 500px;
     background: url(../img/texture-light.jpg);
     background-size: cover;
     z-index: 1
 }
 
 .intro.texturized h1,
 .intro.texturized h2 {
     color: #4d443d
 }
 
 .intro.texturized p {
     color: #4d443d;
     max-width: 560px
 }
 
 .intro.texturized .beet {
     top: auto;
     bottom: -25%
 }
 
 .intro.texturized .carrot {
     height: 70vh;
     top: auto;
     bottom: -10%
 }
 
 .intro.no-shadow {
     box-shadow: 0 0 0 #000
 }
 
 .intro .note {
     position: absolute;
     bottom: 20px;
     left: 20px;
     line-height: 22px;
     color: #4d443d;
     font-size: 18px
 }
 
 .intro .note a {
     color: #f1eedb
 }
 
 .intro .slider-nav {
     width: 105px;
     position: absolute;
     bottom: 40vh;
     left: 20%;
     z-index: 10
 }
 
 .intro .slider-nav i {
     cursor: pointer;
     -webkit-transition: all .05s ease-out;
     -moz-transition: all .05s ease-out;
     -ms-transition: all .05s ease-out;
     -o-transition: all .05s ease-out;
     transition: all .05s ease-out
 }
 
 .intro .slider-nav i:hover {
     opacity: .5
 }
 
 .swiper-container {
     padding-top: 70px;
     margin-top: -20px
 }
 
 .bottom-note {
     position: relative;
     float: left;
     width: 100%;
     text-align: center;
     color: #4d443d;
     background: #f1eedb;
     height: 30px;
     padding: 20px 0
 }
 
 .bottom-note p {
     line-height: 34px;
     height: 30px;
     font-size: 18px
 }
 
 .bottom-note a {
     color: #ea02c0
 }
 
 .chalkboard {
     background: url(../img/chalkboard.jpg);
     float: left;
     background-size: cover;
     background-attachment: fixed;
     width: 100%
 }
 
 .chalkboard .content p {
     max-width: 680px
 }
 
 .texture-board {
     background: url(../img/texture-light.jpg);
     float: left;
     background-size: cover;
     width: 100%;
     position: relative;
     z-index: 1
 }
 
 .texture-board .container .content {
     color: #4d443d
 }
 
 .texture-board .container .content p {
     max-width: 520px
 }
 
 .image-board {
     background: url(../img/img-board.jpg);
     float: left;
     background-size: cover;
     background-attachment: fixed;
     width: 100%
 }
 
 .white {
     width: 100%;
     padding: 5vh 0 0;
     position: relative;
     background: #fff;
     float: left
 }
 
 .white h2,
 .white h3,
 .white h4,
 .white h5,
 .white h6,
 .white p {
     color: #4d443d
 }
 
 .white .wrapper {
     width: 60%;
     min-width: 880px;
     margin: 50px auto 0
 }
 
 .container {
     width: 100%;
     float: left;
     height: 90vh;
     min-height: 680px;
     position: relative
 }
 
 .container .wrapper {
     width: 60%;
     min-width: 880px;
     margin: 0 auto
 }
 
 .container .content {
     height: 200px;
     margin-top: -200px;
     top: 50%;
     position: absolute;
     color: #fff;
     z-index: 2
 }
 
 .container .content.lite {
     color: #4d443d
 }
 
 .container .content.pull-right {
     left: 40%
 }
 
 .container .content.center {
     text-align: center;
     width: 60%;
     min-width: 880px
 }
 
 .page-section {
     float: left;
     width: 100%
 }
 
 .page-section .content {
     display: inline-block;
     width: 100%;
     margin-bottom: 0px
 }
 
 .page-section .content-header {
     border-bottom: 2px solid #4d443d;
     float: left;
     width: 100%;
     padding-bottom: 30px;
     position: relative
 }
 
 .page-section .content-header span {
     color: #837d78
 }
 
 .page-section .content-subheader {
     border-bottom: 2px solid #d2c8c1;
     float: left;
     width: 100%;
     padding-bottom: 20px;
     position: relative
 }
 
 .page-section span {
     font-size: 22px;
     line-height: 24px;
     color: #4d443d;
     float: left;
     width: 100%;
 }
 
 .page-section .qty {
     position: absolute;
     right: 0;
     bottom: 20px
 }
 
 .page-section .qty span {
     font-size: 22px;
     color: #4d443d;
     width: 70px;
     display: block;
     float: left
 }
 
 .page-section .qty span:nth-child(2) {
     margin: 0 28px 0 12px
 }
 
 .page-section .qty span.long {
     width: 100%
 }
 
 .details,
 .menu-details {
     margin-top: 40px;
     float: left;
     width: 100%
 }
 
 .details ul,
 .menu-details ul {
     float: left;
     width: 100%;
     overflow: hidden
 }
 
 .details ul li,
 .menu-details ul li {
     margin-bottom: 30px;
     float: left;
     width: 100%
 }
 
 .details.locations ul,
 .menu-details.locations ul {
     margin: 0;
     list-style: none
 }
 
 .details.locations ul li,
 .menu-details.locations ul li {
     width: 45%;
     margin-right: 10%;
     padding: 0;
     float: left;
     margin-bottom: 50px
 }
 
 .details.locations ul li:nth-child(even),
 .menu-details.locations ul li:nth-child(even) {
     margin-left: 0;
     margin-right: 0
 }
 
 .details.locations ul li span,
 .menu-details.locations ul li span {
     width: 100%;
     display: block
 }
 
 .details.locations ul li:before,
 .menu-details.locations ul li:before {
     display: none
 }
 
 .details.locations p,
 .menu-details.locations p {
     margin-bottom: 0
 }
 
 .menu-details .standard-meal {
     width: 100%;
     float: left
 }
 
 .menu-details .meal {
     width: 100%;
     float: left
 }
 
 .menu-details .prices {
     float: right;
     text-align: center;
     margin-top: 15px
 }
 
 .menu-details .prices span {
     display: block;
     float: left;
     font-size: 22px;
     width: 70px
 }
 
 .menu-details .prices span:nth-child(2) {
     margin: 0 25px
 }
 
 .menu-details .prices.per-person span {
     width: 100px;
     font-size: 18px;
     display: inline;
     float: none
 }
 
 .menu-details .prices.per-person span:nth-child(2) {
     margin: 0 0 0 10px;
     width: 70px;
     font-size: 22px
 }
 
 .details p {
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 20px
 }
 
 .details ul {
     margin: 40px 0
 }
 
 .details ul li {
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 10px;
     color: #4d443d;
     padding-left: 25px;
     position: relative
 }
 
 .details ul li:before {
     content: '';
     position: absolute;
     top: 6px;
     left: 5px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     background: #ea02c0;
     height: 6px;
     width: 6px
 }
 
 .menu-icon {
     width: 100%;
     float: left;
     position: relative;
     margin: 0 0 30px;
     text-align: center
 }
 
 .menu-icon .icon {
     position: relative;
     top: 0;
     left: 0
 }
 
 .image {
     width: 100%;
     height: 40vh;
     max-height: 400px;
     float: left;
     background: url(../img/image.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     position: relative
 }
 
 .image.type {
     max-height: 100%
 }
 
 .image .claim {
     font-size: 70px;
     color: #f1eedb;
     line-height: 70px;
     text-align: center;
     width: 100%;
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     height: 120px;
     text-shadow: 0 2px 30px rgba(0, 0, 0, 0.8)
 }
 
 .image.bimg-1 {
     background: url(../img/bimg-1.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-2 {
     background: url(../img/bimg-2.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-3 {
     background: url(../img/bimg-3.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-4 {
     background: url(../img/bimg-4.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-5 {
     background: url(../img/bimg-5.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-6 {
     background: url(../img/bimg-6.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-7 {
     background: url(../img/bimg-7.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-8 {
     background: url(../img/bimg-8.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-9 {
     background: url(../img/bimg-9.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-10 {
     background: url(../img/bimg-10.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.bimg-11 {
     background: url(../img/bimg-11.jpg) no-repeat;
     background-size: cover;
     background-position: center right;
     background-attachment: fixed
 }
 
 .image.careers {
     background: url(../img/careers.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .image.type {
     height: 50vh;
     background: url(../img/bimg-5.jpg) no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed
 }
 
 .texture {
     background: url(../img/texture-light.jpg);
     width: 75%;
     height: 70vh;
     min-height: 550px;
     background-size: cover;
     top: 50%;
     margin-top: -40vh;
     position: absolute;
     z-index: 1;
     box-shadow: 0 5px 150px #000
 }
 
 .mytexture {
     height: 90vh;
 }
 
 .texture.left {
     left: 0
 }
 
 .texture.right {
     right: 0
 }
 
 .board {
     background: url(../img/wooden-board.jpg);
     width: 75%;
     height: 85vh;
     background-size: 100% 100%;
     top: 50%;
     margin-top: -45vh;
     right: 0;
     position: absolute;
     z-index: 1;
     box-shadow: 0 5px 150px #000;
     box-shadow: 0 5px 150px #000;
     background-blend-mode: multiply;
     background-color: rgba(0, 0, 0, 0.3);
 }
 
 .carrot {
     background: url(../img/1-old.png);
     width: 45%;
     height: 100vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     top: -20%;
     right: 0
 }
 
 .carrot-2 {
     background: url(../img/carrot-2.png);
     width: 44%;
     height: 95vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     top: 5%;
     right: 12%
 }
 
 .mashrooms {
     background: url(../img/mashrooms.png);
     width: 34%;
     height: 68vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     bottom: -5vh;
     right: 12%;
     background-position: center center;
 }
 
 .radish {
     background: url(../img/radish.png);
     width: 30%;
     height: 65vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     top: 15%;
     left: 8%
 }
 
 .cabbage {
     background: url(../img/cabbage.html);
     width: 25%;
     height: 50vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     bottom: 2%;
     left: 0
 }
 
 .eggplant {
     background: url(../img/eggplant.html);
     width: 45%;
     height: 95vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     top: 20%;
     right: 5%
 }
 
 .bread {
     background: url(../img/bread.html);
     width: 30%;
     height: 50vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     bottom: 7%;
     right: 20%
 }
 
 .bread-2 {
     background: url(../img/bread-2.html);
     width: 40%;
     height: 50vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     top: -7%;
     right: 5%
 }
 
 .beet {
     background: url(../img/crystal_ballv-1.png);
     width: 40%;
     height: 75vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     top: -20%;
     right: 4%;
 }
 
 .basil {
     background: url(../img/basil.html);
     width: 15%;
     height: 30vh;
     position: absolute;
     z-index: 1;
     background-size: contain;
     background-repeat: no-repeat;
     bottom: 15%;
     right: 15%
 }
 
 .avocado {
     background: url(../img/avocado.html);
     width: 26%;
     height: 20vh;
     position: absolute;
     z-index: 1;
     background-size: cover;
     background-repeat: no-repeat;
     bottom: 0;
     right: 0
 }
 
 .avocado-2 {
     background: url(../img/avocado-2.html);
     width: 38%;
     height: 50vh;
     position: absolute;
     z-index: 1;
     background-size: cover;
     background-repeat: no-repeat;
     bottom: 0px;
     left: 53%;
 }
 
 .bfp-icon {
     background: url(../img/bfp.html) no-repeat;
     width: 120px;
     height: 60px;
     display: block;
     float: right;
     background-size: contain;
     position: absolute;
     right: 30px;
     bottom: 15px
 }
 
 footer {
     width: 100%;
     float: left;
     position: relative;
     color: #f1eedb;
     font-size: 1rem;
     background: url(../img/footer3.jpg) no-repeat;
     background-size: cover
 }
 
 footer b {
     color: #ea02c0;
 }
 
 footer a {
     color: #f1eedb;
     font-size: 14px;
 }
 
 footer .wrapper {
     width: 60%;
     min-width: 880px;
     margin: 0 auto
 }
 
 footer li a {
     font-size: 16px;
 }
 
 footer .wrapper .footer-inner {
     float: left;
     width: 100%;
     margin: 100px 0 0
 }
 
 footer .logo {
     float: left;
     margin: 0;
     background: url(../img/logo-footer.png) no-repeat;
     width: 100%;
     height: 90px;
     background-size: 75px 70px;
     background-position: center
 }
 
 footer .box {
     width: 28%;
     float: left
 }
 
 footer .bottom {
     float: left;
     width: 100%;
     text-align: center;
     margin-top: 70px;
     font-size: 16px;
     padding-bottom: 30px
 }
 
 footer .f-h-1 {
     width: 40%;
     float: left
 }
 
 footer .f-h-2 {
     width: 60%;
     float: left
 }
 
 .btn-group {
     display: inline-block;
     margin: 30px auto;
     width: 100%
 }
 
 .btn-group.menu-buttons {
     text-align: right;
     margin-top: 50px
 }
 
 .btn-group.menu-buttons .btn {
     margin-left: 10px
 }
 
 .btn {
     min-width: 180px;
     line-height: 58px;
     font-size: 20px;
     font-weight: 400;
     margin: 0 auto;
     position: relative;
     display: inline-block;
     white-space: nowrap;
     cursor: pointer;
     padding: 0;
     text-align: center;
     text-transform: uppercase;
     -webkit-box-sizing: initial;
     -moz-box-sizing: initial;
     box-sizing: initial;
     z-index: 1;
     background: transparent;
     overflow: hidden
 }
 
 .btn span {
     display: block;
     transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
     height: 55px;
     width: 180px;
     line-height: 55px;
     font-size: 20px
 }
 
 .btn:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
     content: attr(data-hover);
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
     transform: translate(-100%, 0);
     -webkit-transform: translate(-100%, 0);
     -moz-transform: translate(-100%, 0);
     -ms-transform: translate(-100%, 0);
     -o-transform: translate(-100%, 0)
 }
 
 .btn:hover:before {
     transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0)
 }
 
 .btn.btn-primary {
     border: 2px solid #fff;
     background: #fff;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: #4d443d
 }
 
 .btn.btn-primary:before {
     background: #252525;
     color: #fff
 }
 
 .btn.btn-primary:hover {
     color: #fff
 }
 
 .btn.btn-default {
     border: 2px solid #fff;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: #fff
 }
 
 .btn.btn-default:before {
     background: #fff;
     color: #4d443d
 }
 
 .btn.btn-default:hover {
     color: #4d443d
 }
 
 .btn.btn-outline {
     border: 2px solid #4d443d;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: #4d443d
 }
 
 .btn.btn-outline:before {
     background: #f1eedb;
     color: #ea02c0
 }
 
 .btn.btn-small {
     width: 25px;
     height: 19px;
     line-height: 17px;
     font-size: 10;
     font-weight: 400
 }
 
 .btn.btn-brown {
     border: 2px solid #4d443d;
     background: #4d443d;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: #f1eedb
 }
 
 .btn.btn-brown .btn-text {
     color: #f1eedb
 }
 
 .btn.btn-brown:before {
     background: #4d443d;
     color: #fff
 }
 
 .btn.btn-icon {
     padding: 0 0 0 15px
 }
 
 .btn.btn-icon-right {
     padding: 0 15px 0 0
 }
 
 .btn.btn-cream {
     border: 2px solid #f1eedb;
     background: #f1eedb;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: #4d443d
 }
 
 .btn.btn-cream:before {
     background: #f1eedb;
     color: #4d443d
 }
 
 .btn.btn-cream .btn-text {
     color: #4d443d
 }
 
 .scroll-down {
     width: 50px;
     height: 30px;
     position: absolute;
     bottom: 40px;
     left: 50%;
     margin-left: -25px;
     cursor: pointer
 }
 
 .btn .btn-text {
     display: inline-block;
     line-height: 58px;
     height: 51px;
     float: left;
     width: auto;
     min-width: 85px
 }
 
 .btn .icon-arrow-right {
     background: url(../img/arrow-right.svg) no-repeat;
     height: 49px;
     width: 32px;
     background-size: 10px 20px;
     background-position: center center;
     display: inline-block;
     margin: 0 5px
 }
 
 .btn .icon-arrow-left-dark {
     background: url(../img/arrow-left-dark.svg) no-repeat;
     height: 49px;
     width: 32px;
     background-size: 10px 20px;
     background-position: center center;
     display: inline-block;
     margin: 0 5px
 }
 
 .icon-success {
     background: url(../img/success.png) no-repeat;
     height: 50px;
     width: 50px;
     background-size: 50px 50px;
     display: inline-block
 }
 
 .icon-arrow {
     background: url(../img/arrow.svg) no-repeat;
     height: 30px;
     width: 50px;
     background-size: 50px 30px;
     background-position: center center;
     display: inline-block
 }
 
 .icon-arrow-right {
     background: url(../img/arrow-right.svg) no-repeat;
     float: right;
     height: 30px;
     width: 50px;
     background-size: 18px 30px;
     background-position: center center;
     display: inline-block
 }
 
 .icon-arrow-left {
     background: url(../img/arrow-left.svg) no-repeat;
     float: left;
     height: 30px;
     width: 50px;
     background-size: 18px 30px;
     background-position: center center;
     display: inline-block
 }
 
 .icon-arrow-left-dark {
     background: url(../img/arrow-left-dark.svg) no-repeat;
     float: left;
     height: 30px;
     width: 50px;
     background-size: 18px 30px;
     background-position: center center;
     display: inline-block
 }
 
 .icon-beans {
     /*    background: url(../img/beans.png) no-repeat;*/
     height: 400px;
     width: 265px;
     background-size: contain;
     display: inline-block;
     top: 15%;
     position: absolute;
     right: 0;
     z-index: 3
 }
 
 .icon-beet {
     background: url(../img/beet-icon1.png) no-repeat;
     height: 180px;
     width: 160px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     top: 260px;
     left: 25%
 }
 
 .icon-carrot {
     background: url(../img/carrot-icon1.png) no-repeat;
     height: 180px;
     width: 250px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     top: -150px;
     left: 5%
 }
 
 .icon-carrots {
     background: url(../img/carrots.svg) no-repeat;
     height: 355px;
     width: 125px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     top: 35%;
     right: 15%
 }
 
 .icon-currant {
     display: none;
     background: url(../img/currant.svg) no-repeat;
     height: 170px;
     width: 200px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     top: -40px;
     left: 10%
 }
 
 .icon-coffee {
     background: url(../img/coffee.html) no-repeat;
     height: 180px;
     width: 270px;
     background-size: contain;
     display: inline-block;
     float: right
 }
 
 .icon-fresh {
     background: url(../img/fresh-icon.png) no-repeat;
     height: 150px;
     width: 150px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     bottom: 5%;
     right: 0%
 }
 
 .icon-fresh.ontexture {
     right: 5%;
     bottom: 20%;
     width: 100px;
     height: 100px;
     z-index: 3
 }
 
 .icon-fresh-dark {
     background: url(../img/fresh-dark.png) no-repeat;
     height: 150px;
     width: 150px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     bottom: 10%;
     right: 20%
 }
 
 .icon-mashroom {
     background: url(../img/mashroom.png) no-repeat;
     height: 230px;
     width: 210px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     right: 0;
     top: 10%
 }
 
 .icon-pepper {
     background: url(../img/pepper.png) no-repeat;
     height: 210px;
     width: 200px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     bottom: -140px;
     left: 60%
 }
 
 .icon-pin {
     background: url(../img/pin.html) no-repeat;
     height: 47px;
     width: 40px;
     margin-bottom: 10px;
     background-size: cover;
     display: inline-block;
     position: relative
 }
 
 .icon-pumpkin {
     background: url(../img/pumpkin-icon1.png) no-repeat;
     height: 260px;
     width: 200px;
     background-size: contain;
     display: inline-block;
     left: 0;
     top: 15%;
     position: absolute
 }
 
 .icon-pumpkin-dark {
     background: url(../img/pumpkin-dark-icon.png) no-repeat;
     height: 150px;
     width: 200px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     top: 280px;
     left: 20%
 }
 
 .icon-roller {
     background: url(../img/roller.png) no-repeat;
     height: 200px;
     width: 340px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     right: 15%;
     top: -150px
 }
 
 .icon-turnip {
     background: url(../img/turnip.svg) no-repeat;
     height: 280px;
     width: 165px;
     background-size: contain;
     display: inline-block;
     position: absolute;
     bottom: 5%;
     left: 5%
 }
 
 .icon-cucumber {
     background: url(../img/cucumber.html) no-repeat;
     height: 80px;
     width: 120px;
     background-size: contain;
     display: inline-block;
     position: relative
 }
 
 .icon-onion {
     background: url(../img/onion.html) no-repeat;
     height: 220px;
     width: 140px;
     background-size: contain;
     float: right;
     position: relative
 }
 
 .icon-onions {
     background: url(../img/onions.html) no-repeat;
     height: 120px;
     width: 125px;
     background-size: contain;
     display: inline-block;
     position: relative
 }
 
 .icon-pears {
     background: url(../img/pears.html) no-repeat;
     height: 70px;
     width: 90px;
     background-size: contain;
     display: inline-block;
     position: relative
 }
 
 .icon-apple {
     background: url(../img/apple.png) no-repeat;
     height: 150px;
     width: 165px;
     background-size: contain;
     position: absolute;
     bottom: -55px;
     left: 0
 }
 
 .icon-cinamon {
     background: url(../img/cinamon.html) no-repeat;
     height: 230px;
     margin-top: 41px;
     width: 300px;
     background-size: contain;
     float: right;
     position: relative
 }
 
 .icon-sandwiches {
     background: url(../img/sandwiches.html) no-repeat;
     height: 200px;
     width: 300px;
     background-size: contain;
     float: right;
     position: relative
 }
 
 .icon-pineapple {
     background: url(../img/pineapple.html) no-repeat;
     height: 170px;
     width: 350px;
     background-size: contain;
     position: relative;
     float: right
 }
 
 .icon-breads {
     background: url(../img/breads.png) no-repeat;
     height: 300px;
     width: 335px;
     background-size: contain;
     position: relative;
     float: right;
     margin-top: 0px
 }
 .icon-breads.h-logo {
    background-image: url(../img/TheClairvoyantPlace-logo.jpg);
    background-size: 50%;
    background-position: center top
 }
 
 .icon-pepper-dark {
     background: url(../img/pepper-dark.html) no-repeat;
     height: 110px;
     width: 120px;
     background-size: contain;
     bottom: -32px;
     position: absolute;
     left: 0
 }
 
 .content-header .icon-coffee {
     position: absolute;
     right: 0;
     top: -80px
 }
 
 .icon-fb {
     width: 45px;
     height: 45px;
     background: url(../img/fb.png) no-repeat;
     background-size: 45px 45px;
     display: block;
     float: left;
     margin-right: 5px;
     margin-bottom: 20px;
     cursor: pointer;
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out
 }
 
 .icon-fb:hover {
     opacity: .6
 }
 
 .icon-tw {
     width: 45px;
     height: 45px;
     background: url(../img/tw.png) no-repeat;
     background-size: 45px 45px;
     display: block;
     float: left;
     margin-right: 5px;
     margin-bottom: 20px;
     cursor: pointer;
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out
 }
 
 .icon-tw:hover {
     opacity: .6
 }
 
 .icon-inst {
     width: 45px;
     height: 45px;
     background: url(../img/inst.png) no-repeat;
     background-size: 45px 45px;
     display: block;
     float: left;
     margin-right: 5px;
     margin-bottom: 20px;
     cursor: pointer;
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out
 }
 
 .icon-inst:hover {
     opacity: .6
 }
 .icon-blog {
    width: 45px;
    height: 45px;
    background: url(../img/blog.png) no-repeat;
    background-size: 45px 45px;
    display: block;
    float: left;
    margin-right: 0;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.icon-blog:hover {
    opacity: .6
}
 
 .appstore {
     width: 140px;
     height: 40px;
     background: url(../img/appstore-brown.html) no-repeat;
     background-size: 82% auto;
     background-position: center;
     display: block;
     float: left;
     margin-top: 15px;
     background-color: #fff;
     border: 2px solid #fff;
     -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
     -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
     transition: all .2s ease-out
 }
 
 .appstore:hover {
     background: url(../img/appstore-cream.html) no-repeat;
     background-size: 82% auto;
     background-position: center;
     background-color: #4d443d;
     border: 2px solid #f1eedb
 }
 
 .appstorewhite {
     width: 176px;
     height: 51px;
     background: url(../img/appstore.html) no-repeat;
     background-size: 82% auto;
     background-position: center;
     display: inline-block;
     border: 2px solid #fff;
     -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
     -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
     transition: all .2s ease-out
 }
 
 .appstorewhite:hover {
     background: url(../img/appstore-brown.html) no-repeat;
     background-size: 82% auto;
     background-position: center;
     background-color: #fff;
     border: 2px solid #fff
 }
 
 .btn-appstore {
     width: 176px;
     height: 51px;
     background: url(../img/appstore-brown.html) no-repeat;
     background-size: 82% auto;
     background-position: center;
     display: inline-block;
     margin-top: 0;
     border: 2px solid #4d443d;
     -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
     -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
     transition: all .2s ease-out
 }
 
 .btn-appstore:hover {
     background-color: #f1eedb
 }
 
 .map {
     width: 100%;
     float: left;
     position: relative;
     height: 75vh
 }
 
 .infowindow {
     font-family: 'Bebas Neue', sans-serif
 }
 
 .infowindow p {
     color: #4d443d;
     font-size: 18px;
     text-transform: uppercase
 }
 
 .infowindow span {
     color: #ea02c0
 }
 
 .catering-order-form header {
     position: absolute
 }
 
 .catering-order-form .intro {
     height: 65vh
 }
 
 .catering-order-form .intro.texturized p {
     max-width: 100%;
     text-align: center
 }
 
 #form-step-2 {
     display: none
 }
 
 .modal {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(222, 220, 208, 0.85);
     z-index: 99999
 }
 
 .modal .alert {
     background: #fff;
     color: #4d443d;
     width: 320px;
     position: absolute;
     text-align: center;
     left: 50%;
     margin-left: -160px;
     height: 160px;
     top: 50%;
     margin-top: -80px;
     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3)
 }
 
 .modal .alert p {
     color: #4d443d;
     margin: 30px 30px 0;
     font-size: 18px;
     line-height: 20px
 }
 
 .super-claim {
     margin-top: 80px !important
 }
 
 .pre-loader {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(222, 220, 208, 0.85);
     z-index: 99999
 }
 
 .pre-loader .pre-loader-content {
     width: 200px;
     position: absolute;
     text-align: center;
     left: 50%;
     margin-left: -100px;
     height: 160px;
     top: 50%;
     margin-top: -80px
 }
 
 .sending .pre-loader {
     display: block
 }
 
 .sk-fading-circle {
     margin: 35px auto;
     width: 40px;
     height: 40px;
     position: relative
 }
 
 .sk-fading-circle .sk-circle {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0
 }
 
 .sk-fading-circle .sk-circle:before {
     content: '';
     display: block;
     margin: 0 auto;
     width: 15%;
     height: 15%;
     background-color: #333;
     border-radius: 100%;
     -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
     animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
 }
 
 .sk-fading-circle .sk-circle2 {
     -webkit-transform: rotate(30deg);
     -ms-transform: rotate(30deg);
     transform: rotate(30deg)
 }
 
 .sk-fading-circle .sk-circle3 {
     -webkit-transform: rotate(60deg);
     -ms-transform: rotate(60deg);
     transform: rotate(60deg)
 }
 
 .sk-fading-circle .sk-circle4 {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }
 
 .sk-fading-circle .sk-circle5 {
     -webkit-transform: rotate(120deg);
     -ms-transform: rotate(120deg);
     transform: rotate(120deg)
 }
 
 .sk-fading-circle .sk-circle6 {
     -webkit-transform: rotate(150deg);
     -ms-transform: rotate(150deg);
     transform: rotate(150deg)
 }
 
 .sk-fading-circle .sk-circle7 {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg)
 }
 
 .sk-fading-circle .sk-circle8 {
     -webkit-transform: rotate(210deg);
     -ms-transform: rotate(210deg);
     transform: rotate(210deg)
 }
 
 .sk-fading-circle .sk-circle9 {
     -webkit-transform: rotate(240deg);
     -ms-transform: rotate(240deg);
     transform: rotate(240deg)
 }
 
 .sk-fading-circle .sk-circle10 {
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg)
 }
 
 .sk-fading-circle .sk-circle11 {
     -webkit-transform: rotate(300deg);
     -ms-transform: rotate(300deg);
     transform: rotate(300deg)
 }
 
 .sk-fading-circle .sk-circle12 {
     -webkit-transform: rotate(330deg);
     -ms-transform: rotate(330deg);
     transform: rotate(330deg)
 }
 
 .sk-fading-circle .sk-circle2:before {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s
 }
 
 .sk-fading-circle .sk-circle3:before {
     -webkit-animation-delay: -1s;
     animation-delay: -1s
 }
 
 .sk-fading-circle .sk-circle4:before {
     -webkit-animation-delay: -0.9s;
     animation-delay: -0.9s
 }
 
 .sk-fading-circle .sk-circle5:before {
     -webkit-animation-delay: -0.8s;
     animation-delay: -0.8s
 }
 
 .sk-fading-circle .sk-circle6:before {
     -webkit-animation-delay: -0.7s;
     animation-delay: -0.7s
 }
 
 .sk-fading-circle .sk-circle7:before {
     -webkit-animation-delay: -0.6s;
     animation-delay: -0.6s
 }
 
 .sk-fading-circle .sk-circle8:before {
     -webkit-animation-delay: -0.5s;
     animation-delay: -0.5s
 }
 
 .sk-fading-circle .sk-circle9:before {
     -webkit-animation-delay: -0.4s;
     animation-delay: -0.4s
 }
 
 .sk-fading-circle .sk-circle10:before {
     -webkit-animation-delay: -0.3s;
     animation-delay: -0.3s
 }
 
 .sk-fading-circle .sk-circle11:before {
     -webkit-animation-delay: -0.2s;
     animation-delay: -0.2s
 }
 
 .sk-fading-circle .sk-circle12:before {
     -webkit-animation-delay: -0.1s;
     animation-delay: -0.1s
 }
 
 @-webkit-keyframes sk-circleFadeDelay {
     0%,
     39%,
     100% {
         opacity: 0
     }
     40% {
         opacity: 1
     }
 }
 
 @keyframes sk-circleFadeDelay {
     0%,
     39%,
     100% {
         opacity: 0
     }
     40% {
         opacity: 1
     }
 }
 
 @media screen and (max-width:1440px) {
     h1 {
         font-size: 85px;
         line-height: 80px
     }
     h2 {
         font-size: 70px;
         line-height: 70px
     }
     h3 {
         font-size: 50px;
         line-height: 50px
     }
     h4 {
         font-size: 38px;
         line-height: 30px
     }
     p {
         font-size: 20px;
         line-height: 26px
     }
     .super-claim {
         margin-top: 100px !important
     }
     .btn-group {
         margin: 20px auto
     }
     .btn {
         height: 45px;
         min-width: 150px;
         line-height: 47px;
         font-size: 16px
     }
     .btn .btn-text {
         line-height: 45px;
         height: 45px
     }
     .btn .icon-arrow-right {
         height: 39px
     }
     .btn .icon-arrow-left-dark {
         height: 39px
     }
     .btn-appstore,
     .appstorewhite {
         width: 146px;
         height: 41px
     }
     header.scroll .menu {
         padding-top: 0
     }
     .menu {
         margin: 55px 0 0;
     }
     .menu ul li a {
       margin: 0px 0 0 20px;
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;

     }
     .logo {
         margin: 42px 0 0
     }
     .intro p {
         margin: 10px 0 0
     }
     .intro.texturized p {
         color: #4d443d;
         max-width: 400px
     }
     .container .content h2 {
         margin-top: 50px
     }
     .container .content p {
         margin: 15px 0 10px
     }
     .chalkboard .content p {
         max-width: 520px
     }
     .page-section span {
         font-size: 18px;
         line-height: 22px
     }
     .page-section .content {
         margin-bottom: 80px
     }
     .page-section .content-header {
         padding-bottom: 20px
     }
     .details {
         margin-top: 25px
     }
     .details p {
         font-size: 18px;
         line-height: 22px
     }
     .details ul {
         margin: 30px 0
     }
     .details ul li {
         font-size: 18px;
         line-height: 18px;
         position: relative
     }
     .details ul li:before {
         content: '';
         position: absolute;
         top: 6px;
         left: 5px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         border-radius: 15px;
         background: #ea02c0;
         height: 6px;
         width: 6px
     }
     .locations span,
     .locations p {
         font-size: 18px;
         line-height: 22px;
         width: 100%;
         display: block
     }
     footer {
         font-size: 18px
     }
     footer .wrapper .footer-inner {
         margin: 80px 0 0
     }
     .icon-tw,
     .icon-fb,
     .icon-inst,
     .icon-blog {
         width: 35px;
         height: 35px;
         background-size: 35px 35px;
         margin-bottom: 10px
     }
     .icon-pumpkin {
         height: 170px;
         width: 130px
     }
     .icon-carrot {
         height: 130px;
         width: 180px
     }
     .icon-beet {
         height: 110px;
         width: 110px
     }
     .icon-pumpkin-dark {
         height: 100px;
         width: 150px
     }
     .icon-beans {
         height: 280px;
         width: 185px;
         top: 10%
     }
     .icon-mashroom {
         height: 190px;
         width: 180px;
         top: 25%
     }
     .icon-pepper {
         height: 190px;
         width: 130px
     }
     .icon-roller {
         height: 160px;
         width: 270px
     }
     .icon-currant {
         height: 150px;
         width: 170px
     }
     .icon-carrots {
         height: 270px;
         width: 100px
     }
     .icon-turnip {
         height: 230px;
         width: 130px
     }
 }
 
 @media screen and (max-width:1200px) {
     .image.bimg-1,
     .image.bimg-2,
     .image.bimg-3,
     .image.bimg-4,
     .image.bimg-5,
     .image.bimg-6,
     .image.bimg-7,
     .image.bimg-8,
     .image.bimg-9,
     .image.bimg-10,
     .image.bimg-11,
     .image.type,
     .image.careers {
         background-size: cover;
         background-attachment: scroll
     }
 }
 
 @media screen and (max-width:1124px) {
     .video-overlay,
     .bgvideo {
         display: none
     }
     .intro {
         background: url(../img/poster.jpg);
         background-size: cover;
         background-position: center center
     }
 }
 
 @media screen and (max-width:1024px) {
     .intro {
         background-attachment: initial
     }
     .intro .box {
         min-width: 640px
     }
     .container .wrapper {
         min-width: 640px
     }
     .container .content.center {
         min-width: 640px
     }
     .chalkboard {
         background-attachment: initial;
         background-size: contain
     }
 }
 
 @media screen and (max-width:960px) {
    .blog_page .col-4{
        width: 50%;
    }
     .order-steps ul li a {
         width: auto
     }
     html,
     body,
     header {
         min-width: 100%
     }
     header .inner-header {
         width: 90%;
         min-width: 90%;
         margin-right: 5%;
         margin-left: 5%
     }
     footer .wrapper {
         width: 90%;
         min-width: 90%;
         margin-right: 5%;
         margin-left: 5%;
         float: left
     }
     .intro .box {
         min-width: 60%;
         width: 60%;
         margin-right: 20%;
         margin-left: 20%
     }
     .container .wrapper {
         min-width: 60%;
         width: 60%;
         margin-right: 20%;
         margin-left: 20%
     }
     .container .wrapper .content.center {
         min-width: 60%
     }
     .white .wrapper {
         min-width: 80%;
         width: 80%
     }
     .image {
         height: 25vh
     }
     .texture {
         width: 90%;
         height: 80vh;
         margin-top: -45vh
     }
     .order-steps ul {
         min-width: 80%
     }
     .carrot,
     .beet {
         background-size: cover
     }
     .cabbage {
         background-size: cover;
         background-position: center top
     }
     .radish {
         width: 40%;
         background-size: cover;
         top: 40%;
         left: 0;
         background-position: center right
     }
     .basil {
         background-size: cover;
         right: 0;
         bottom: 5%;
         width: 20%
     }
     .mashrooms {
         width: 45%;
         background-size: cover;
         bottom: -38vh;
         right: 0
     }
     .eggplant {
         width: 50%;
         height: 80vh;
         background-size: cover;
         top: 30%;
         right: 0
     }
     .avocado {
         width: 45%;
         height: 12vh;
         background-size: cover;
         bottom: 0;
         right: 0
     }
     .avocado-2 {
         width: 40%;
         height: 30vh;
         bottom: 0;
         right: 0
     }
     .bread {
         right: 0;
         background-size: cover
     }
     .page-section .qty {
         width: 35%
     }
     .page-section .qty span {
         font-size: 16px;
         width: 33.3%;
         text-align: right
     }
     .page-section .qty span:nth-child(2) {
         margin: 0
     }
     .menu-details .standard-meal {
         width: 100%
     }
     .menu-details .meal {
         width: 100%;
         margin-right: 1%
     }
     .menu-details .prices {
         width: 35%;
         margin-top: 0
     }
     .menu-details .prices span {
         width: 33.3%;
         text-align: right
     }
     .menu-details .prices span:nth-child(2) {
         margin: 0
     }
     .menu-details .prices.per-person {
         text-align: right
     }
     .slider-nav {
         display: none
     }
 }
 
 @media screen and (max-width:820px) {
     .super-selects {
         width: auto;
         max-width: 100%;
         position: relative;
         right: 0;
         top: 0;
         float: right;
         margin-bottom: 3px;
         padding-left: 3px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box
     }
     .super-selects .number-box {
         margin-right: 5px;
         margin-top: 3px
     }
     .super-selects .select-box {
         width: 150px;
         margin-top: 3px
     }
 }
 
 @media screen and (max-width:768px) {
    
     h1 {
         font-size: 65px;
         line-height: 65px
     }
     h2 {
         font-size: 50px;
         line-height: 55px
     }
     h3 {
         font-size: 36px;
         line-height: 44px
     }
     h4 {
         font-size: 30px;
         line-height: 20px
     }
     p {
         font-size: 20px;
         line-height: 24px
     }
     .intro .box {
         min-width: 80%;
         width: 80%;
         margin-right: 10%;
         margin-left: 10%;
         text-align: center
     }
     .intro .slider-nav {
         left: 50%;
         margin-left: -52.5px
     }
     .intro .note {
         display: none
     }
     .intro.texturized p {
         margin: 10px auto 0
     }
     .container .wrapper {
         min-width: 100%;
         width: 100%;
         height: 100%;
         margin: 0;
         float: left;
         position: relative
     }
     .container .wrapper .content {
         width: 80%;
         text-align: center;
         left: 10%;
         right: 10%
     }
     .container .wrapper .content p {
         width: 260px;
         margin: 0 auto 15px
     }
     .texture {
         width: 100%
     }
     .bottom-note {
         display: none
     }
     .bfp-icon {
         display: none
     }
     footer {
         border-bottom: 0
     }
     footer .f-h-1 {
         margin-right: 0;
         width: 90%;
         margin: 0 5%
     }
     footer .f-h-2 {
         width: 74%;
         margin: 50px 13% 0
     }
     footer .f-h-2 .col ul {
         text-align: right
     }
     footer .f-h-2 .col:first-child ul {
         text-align: left
     }
     footer .bottom {
         margin-top: 110px;
         padding-bottom: 25px
     }
     .hamburger {
         display: block
     }
     header .menu {
         display: none
     }
     header.open {
         background: #4d443d
     }
     header.open .menu {
         display: block
     }
     header.open .menu ul li.current-menu-item a {
         color: #ea02c0;
         border-bottom: 0
     }
     header .menu,
     header.scroll .menu {
         margin: 5px 0 15px;
         float: left;
         width: 100%
     }
     header .menu ul,
     header.scroll .menu ul {
         width: 100%;
         padding-top: 15px;
         border-top: 1px solid #000
     }
     header .menu ul li,
     header.scroll .menu ul li {
         width: 100%
     }
     header .menu ul li a,
     header.scroll .menu ul li a {
         width: 100%;
         text-align: center;
         margin: 0
     }
     header .menu ul li.current-menu-item a,
     header.scroll .menu ul li.current-menu-item a {
         border-bottom: 0
     }
     header .logo,
     header.scroll .logo {
         margin: 10px 0;
     }
     .icon-carrots {
         display: none
     }
     .order-steps ul {
         min-width: 96%
     }
     .order-steps ul li a {
         margin: 18px 10px
     }
     .carrot-2,
     .icon-fresh-dark {
         display: none
     }
     .page-section .col-6 {
         width: 100%
     }
     .fg-3 label {
         width: 100%;
         margin-right: 0;
         margin-top: 10px
     }
     .fg-3 label:first-child {
         margin-top: 0
     }
     .col-f-6,
     .col-f-12 {
         width: 100%;
         margin-top: 0;
         margin-left: 0
     }
     .col-f-6:nth-child(odd),
     .col-f-12:nth-child(odd) {
         margin-right: 0;
         margin-top: 0;
         margin-bottom: 15px
     }
     #form-step-1 .col-f-6:nth-child(odd),
     #form-step-1 .col-f-12:nth-child(odd) {
         margin-bottom: 15px
     }
     .col-r-12,
     .col-l-12 {
         width: 100%;
         float: left
     }
     .col-f-4 {
         width: 100%;
         margin-top: 20px;
         margin-left: 0
     }
     .col-f-4:first-child {
         margin-top: 0
     }
     .rwd-m-20 {
         margin-top: 20px
     }
     .time-input {
         width: 100%
     }
     .time-input.first {
         margin-bottom: 15px
     }
 }
 
 @media screen and (max-width:680px) {
    .blog_page .col-4{
        width: 100%;
    }
     .step-label {
         display: none
     }
     .icon-mashroom {
         display: none
     }
     .icon-onion,
     .icon-apple,
     .icon-pineapple,
     .icon-breads,
     .icon-pepper-dark,
     .icon-sandwiches,
     .content-header .icon-coffee,
     .icon-cinamon {
         display: none
     }
 }
 
 @media screen and (max-width:480px) {
     .intro .box {
         min-width: 90%;
         width: 90%;
         margin-right: 5%;
         margin-left: 5%
     }
     .intro.lg-cm .box {
         margin-top: 20vh
     }
     .intro.lg-cm .box p {
         max-width: 250px;
         margin: 10px auto 0
     }
     .intro.texturized .beet {
         width: 35%;
         bottom: -20%
     }
     .container .wrapper .content {
         width: 86%;
         text-align: center;
         left: 7%;
         right: 7%
     }
     .container .wrapper .content h2 {
         margin-top: 0
     }
     .white .wrapper {
         min-width: 90%;
         width: 90%;
         margin: 50px 5%;
         float: left;
         position: relative
     }
     .page-section .col-6 {
         width: 100%
     }
     .page-section .content {
         margin-bottom: 50px
     }
     .details.locations ul li {
         width: 45%;
         margin-right: 10%
     }
     .details.locations ul li:nth-child(even) {
         margin-left: 0
     }
     footer .wrapper {
         width: 100%;
         min-width: 100%;
         margin-right: 0;
         margin-left: 0
     }
     .icon-pumpkin {
         top: 0;
         width: 90px;
         height: 120px
     }
     .icon-pumpkin-dark {
         top: auto;
         height: 70px;
         width: 110px
     }
     .icon-carrot {
         height: 100px;
         width: 140px;
         top: -20px;
         right: 15%;
         left: auto
     }
     .icon-fresh {
         height: 100px;
         width: 100px;
         bottom: 5%;
         right: 8%
     }
     .icon-fresh.ontexture {
         display: none
     }
     .icon-mashroom {
         display: none
     }
     .icon-beans {
         display: none
     }
     .icon-roller {
         height: 120px;
         width: 200px;
         right: 10%;
         top: -10%
     }
     .icon-turnip {
         height: 160px;
         width: 90px
     }
     .icon-coffee {
         height: 150px;
         width: 220px
     }
     .menu-icon {
         margin: 0 0 30px
     }
     .order-steps ul li a span {
         font-size: 28px
     }
     .btn-group.menu-buttons {
         text-align: center
     }
     .image .claim {
         font-size: 56px;
         line-height: 56px
     }
     .page-section .col-85 {
         width: 100%
     }
     .page-section .qty {
         width: 30%
     }
     .page-section .qty span {
         font-size: 13px;
         line-height: 15px
     }
     .menu-details .meals {
         width: 100%
     }
     .menu-details .prices {
         width: 30%
     }
     .menu-details .prices span {
         font-size: 16px
     }
     .menu-details .prices.per-person span {
         font-size: 16px;
         line-height: 18px;
         float: right
     }
     .menu-details .prices.per-person span:nth-child(2) {
         font-size: 16px;
         line-height: 18px;
         float: right
     }
     .white h3 {
         font-size: 30px;
         line-height: 32px
     }
     .white h4 {
         font-size: 25px;
         line-height: 15px
     }
     .col-f-6:nth-child(odd),
     .col-f-12:nth-child(odd) {
         margin-bottom: 4px
     }
 }
 
 @media screen and (max-width:360px) {
     h1 {
         font-size: 54px;
         line-height: 54px
     }
     .details.locations ul li {
         width: 80%;
         margin-right: 10%;
         margin-left: 10%;
         text-align: center
     }
     .details.locations ul li:nth-child(even) {
         margin-right: 10%;
         margin-left: 10%
     }
 }
 
 .ui-datepicker {
     background: #fff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
     padding: 5px 10px
 }
 
 .ui-datepicker table {
     width: 180px;
     text-align: center
 }
 
 .ui-datepicker table th span {
     color: #4d443d;
     font-size: 12px
 }
 
 .ui-datepicker table td {
     vertical-align: middle;
     height: 24px
 }
 
 .ui-datepicker table td a {
     line-height: 20px;
     vertical-align: middle;
     height: 16px;
     display: block
 }
 
 .ui-datepicker-next {
     cursor: pointer;
     float: right
 }
 
 .ui-datepicker-next span {
     color: black
 }
 
 .ui-datepicker-prev {
     cursor: pointer
 }
 
 .ui-datepicker-prev span {
     color: black
 }
 
 .ui-datepicker-title {
     text-align: center;
     top: 0;
     width: 100%;
     border-bottom: 1px solid #999;
     left: 0;
     color: #b19571;
     font-size: 19px;
     height: 30px;
     line-height: 38px
 }
 
 .ui-datepicker-week-end {
     background: #f9f9f9
 }
 
 .ui-datepicker-current-day {
     background: #4d443d !important
 }
 
 .ui-datepicker-current-day a {
     color: #f1eedb !important
 }
 
 .bgvideo {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%)
 }
 
 .video-overlay {
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     /*    background: rgba(45, 43, 42, 0.45);*/
     bottom: 0;
     height: 118.5%;
 }
 
 .profilepic {
     position: absolute;
     right: -80%;
     top: 0;
     width: 70%;
     background: #fff;
     padding: 10px;
     box-shadow: 0px 0px 30px 10px #000;
 }
 
 .londondairies {
     top: 80%;
 }
 
 .dropdown {
     position: relative;
 }
.mydropdown::before{
    width: 0; 
  height: 0; 
    z-index:99;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-bottom: 5px solid #fff;
    position: absolute;
    bottom: 0;
}
 .mydropdown li {
     padding: 0;
     margin: 0;
     width: 100%;
 }
.mydropdown {
    position: absolute;
    z-index: 1;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    height: 0;
    left: -300%;
    width: 600px;
    border-radius: 5px;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0px 17px 50px 0 rgba(0, 0, 0, 0.19);
    background-color: #f6f9fc;
}



.mydropdown li {
    width: 29%;
    text-align: center;
    padding: 2%;
    min-height: 150px;
    position: relative;
}
.bdr-lr::after {
    background-image: -webkit-linear-gradient(bottom, #f1f2f6 15%, #dfe6ed 15%, #dfe6ed 85%, #f1f2f6 85%);
    background-image: linear-gradient(to top, #f1f2f6 15%, #dfe6ed 15%, #dfe6ed 85%, #f1f2f6 85%);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
}


.mydropdown li img{
    margin:10px auto;
    display: table;
    width: 30px;
    height: 30px;
}
 .dropdown:hover .mydropdown {
     opacity: 1;
     visibility: visible;
     height: auto;
 }
 
 .mydropdown li a {
     line-height: 20px !important;
     margin: 0 !important;
     padding: 5px 10px !important;
     font-size: 14px !important;
     border: none !important;
     color: #000 !important;
     text-shadow: 0px 0px 0px #000 !important;
     font-family: 'Roboto', sans-serif !important;
 }
 
 header.scroll .mydropdown li a:hover {
     color: #000 !important;
 }
 
 .home .mydropdown li a:hover {
     color: #ea02c0 !important;
 }
 
 header.scroll .mydropdown li a {
     color: #000 !important;
 }
 
 .mydropdown li a:hover {
     color: #ea02c0 !important;
 }
 
 .mychalkboard {
     padding-bottom: 10%;
 }
 
 .link-cls {
     cursor: pointer;
 }
 
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     margin: 0;
 }
 
 input[type=number] {
     -moz-appearance: textfield;
 }
 
 .services {
     background: url(../img/servicesbg.png);
     background-repeat: no-repeat;
 }
 

 
 .myfulldiv {
     margin: 40px 0 0;
     width: 100%;
 }
 
 .ffifthy {
     float: left;
     width: 50%;
     color: #fff;
 }
 
 .right-div {
     margin: 300px 0 100px;
 }
 
 .text-shadow {
     text-shadow: 2px 1px 4px #000 !important;
 }
 
 .marrowncls {
     color: #ea02c0;
 }
 
 .marrowncls {
     color: #ea02c0 !important;
 }
 
 .marrowncls.btn.btn-outline {
     border: 2px solid #ea02c0;
     color: #ea02c0;
 }
 
 .btn.btn-primary::before {
     background: #ea02c0;
 }
 
 .btn.btn-primary:hover {
     border-color: #ea02c0;
     background: #ea02c0;
     border: 2px solid #fff;
 }
 
 .faqbg {
     background-image: url(../img/faq.html);
     background-repeat: no-repeat;
 }

.showmob{
    display: none;
}

@media(max-width:768px){
    .logo {
    width: 70%;
    background-size: 50%;
    height: 70px;
}
    .hidemob{
        display: none;
    }
    .showmob{
        display: block;
    }
.carrot {
    width: 100%;
    background-size: 100%;
}
    .services{
        display: none;
    }

.chalkboard {
    background-size: cover;
}
     .profilepic {
         position: relative;
         right: 0;
         top: 0;
         width: 90%;
     }
     .footer-inner .col-6 {
         width: 100%;
     }
     footer .f-h-2 {
         width: inherit;
         margin: 34px 0% 0;
     }
     footer .f-h-2 .col ul {
         text-align: left;
     }
     footer .f-h-2 .col ul {
         text-align: left;
         padding: 0 5%;
     }
     .board {
     background-size: cover;
     }
    
     .texture {
         min-height: 200px;
     }
    
     .icon-pumpkin-dark {
         left: 0;
     }
     .ffifthy {
         float: left;
         width: 86% !important;
         color: #fff;
         padding: 0 20px;
     }
     .right-div {
         margin: 0px 0 50px !important;
     }
     .profilepic {
         margin-top: -80px;
     }
     .icon-carrot {
         height: 100px;
         width: 140px;
         top: -90px;
         right: 0%;
         left: auto;
     }
     .icon-beet {
         left: auto;
         right: 0;
     }
.beet {
  
    width: 100%;
    height: 75vh;
    position: absolute;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    top: -25%;
    right: 0;
    left: 0;
}
    .footer-inner .col-4 {
    width: 100%;
    text-align: left;
}
footer .logo {
    background-position: left;
}
footer b {
    color: #ea02c0;
    padding: 0 15px;
}
    .hideinmob{
        display: none !important;
    }
    /* About Us pages*/
    
 .mashrooms {
    width: 75%;
    background-size: 75%;
    background-position: center center;
    bottom: -30vh;
    left: 0;
    right: 0;
    margin: auto;
}
    .radish {
 display: none;
}
    h2 {
    font-size: 40px;
    line-height: 40px;
}
    .mytexture {
    height: 90vh;
    }
    footer .logo {
        display: none;
    }
    .intro.texturized .beet {
    width: 50%;
    bottom: -50%;
    left: 0;
    margin: auto;
    right: 0;
}
    .white .wrapper {
margin: 0px 5%;

}
    .menu-icon {
    margin: 0 0 0px;
}
    .page-section .menu-icon{
        display: none;
    }
        .scroll  .logo {        
        height: 50px;
    }
    .page-section {
    padding: 30px 0 50px;
}
.page-section .content {
    margin-bottom: 0px;
}

}


@media(min-width:769px) and (max-width:992px){
 .logo {
     width: 330px;
 }

 
 .profilepic {
     position: relative;
     right:0;
     width: 35%;
 }
    .ffifthy {
    float: left;
    width: 100%;
    color: #fff;
}
    .right-div {
    margin: 12px 0 100px;
}
    .chalkboard {
    background-size: cover;
}
    .chalkboard .content p {
    max-width: 600px;
}
 .container .wrapper .content p {
    width: 600px;
    margin: 0 auto 15px;
}
        .profilepic {
    width: 33%;
}
 .mashrooms {
    width: 45%;
    background-size: 100%;
    bottom: -38vh;
    right: 0;
    left: 0;
    margin: auto;
}
    .container .content h2 {
    margin-top: 10px;
}
h2 {
    font-size: 50px;
    line-height: 50px;
}
}


@media(min-width:640px) and (max-width:768px){
   .logo {
    background-size: 30% !important;
} 
    .carrot {
    width: 100%;
    background-size: 70%;
}
    .container .wrapper .content p {
    width: 380px;
    margin: 0 auto 15px;
}
    .profilepic {
    width: 33%;
}
       .carrot {
    width: 80%;
    background-size: 70%;
}
    .container .wrapper .content p {
    width: 427px;
    margin: 0 auto 15px;
}

}


@media(min-width:500px) and (max-width:639px){
.logo {
    background-size: 40% !important;
}
}

.latocls{
    font-family: 'Lato', sans-serif !important;
}
.whitecls{
    color:#fff !important;
}
.whitecls.btn.btn-outline{
    border: 2px solid #fff !important;
    color: #fff;
}
.whitecls.btn.btn-outline:hover{
    color: #000 !important;
    background: #fff;
}
.whitecls.btn.btn-outline::before {
    background: #fff;
}

.fifty-div{
    float:left;
    width: 50%;
}
.fifty-div img {
    width: 100%;
    margin: -60px 0px 0 -15px;
}
.olive-green{
    color:#556B2F !important;
}
.logo2 {
         background: url(../img/logo2.png) no-repeat;
}
.scroll .logo2{

     display: none;
}
.scroll .logo1{
           display: block;
}
.logo1{
           display: none;
}



.awardsImgs li {
      float: left;
    width: 98% !important;
    margin: auto;
    border-bottom:1px solid #ddd;
    padding-bottom: 15px;
}
.awardsImgs li:last-child {
    border:none;
}
.awardsImgs li img{
    width:100%;
}

.seventyCls {
    width: 60% !important;
     float: left;
}
.thirtyCls {
    width: 40% !important;
     float: left;
}


@media(max-width:767px){
   .seventyCls {
    width: 100% !important;
     float: left;
}
.thirtyCls {
    width: 100% !important;
     float: left;
}

}
.into-video-texturized{
    overflow:hidden;
}
.video-overlay.video-overlay1{
background: -moz-linear-gradient(-45deg, rgba(170,142,105,1) 0%, rgba(255,255,255,0.29) 71%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(-45deg, rgba(170,142,105,1) 0%,rgba(255,255,255,0.29) 71%,rgba(255,255,255,0) 100%);
background: linear-gradient(135deg, rgba(170,142,105,1) 0%,rgba(255,255,255,0.29) 71%,rgba(255,255,255,0) 100%);
}