@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%);

}