html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 { } mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
} :focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
} table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}@font-face {
font-family: 'Oswald-Regular';
src: url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Regular.eot);
src: url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Regular.eot?#iefix) format('embedded-opentype'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Regular.woff2) format('woff2'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Regular.woff) format('woff'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Regular.ttf) format('truetype'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Regular.svg#Oswald-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald-Bold';
src: url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Bold.eot);
src: url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Bold.eot?#iefix) format('embedded-opentype'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Bold.woff2) format('woff2'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Bold.woff) format('woff'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Bold.ttf) format('truetype'),
url(//granola.com.ua/wp-content/themes/granola/fonts/Oswald-Bold.svg#Oswald-Bold) format('svg');
font-weight: normal;
font-style: normal;
}.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
width: 90%;
}
.row {/**/}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}  .lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url(//granola.com.ua/wp-content/themes/granola/img/controls.png);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
} .lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
} .lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}  .lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
} @-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}/*/*/.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}body {
width: 100%;
}
a {
text-decoration: none;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.section {
overflow: hidden;
max-width: 100%;
min-height: 100vh;
box-sizing: border-box;
}
.main .section {
width: 100%;
top: 0;
left: 0;
}
.spinner {
width: 40px;
height: 40px;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
margin: auto;
}
.double-bounce1, .double-bounce2 {
border: 2px solid rgba(0,0,0,0.8);
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.4;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.title-block-1,
.title-block-2,
.title-block-3,
.title-block-4,
.title-block-5,
.facts,
.howis,
.partners {
display: block;
position: absolute !important;
z-index: 99;
}
.loader {
background: #fff;
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 222;
}
.pagination-overflow-helper {
background: #fff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
display: none;
z-index: 101;
} .page-404 {
background-color: #e5eaf3;
min-height: 100vh;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.page-404 > div {
width: 50vw;
margin: auto;
text-align: center;
}
.page-404 .pic-404-outer {
}
.page-404 .pic-404-outer img {
max-width: 100%;
}
.page-404 p {
font-family: 'Open Sans';
font-size: 24px;
font-weight: 800;
color: #e6499c;
margin-top: 60px;
margin-bottom: 40px;
}
.page-404 p span {
font-family: 'Open Sans';
font-size: 24px;
font-weight: 700;
color: #58baf3;
}
.page-404 a {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 400;
color: #000;
}  .header {
background: transparent !important;
width:100%;
margin: 35px 0 0 0;
padding: 0 4vw;
position: absolute;
z-index: 111;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header__logo {
float: left;
min-width: 10.5vw;
position: relative;
}
.header__logo__image img { visibility: visible;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.header__logo .header__logo__image {
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header__logo .header__logo__image:hover {
opacity: 0.8;
}
.header__logo__image:before {
content: '';
position: absolute;
top: 0vw;
left: 0vw;
opacity: 0;
min-width: 20vw;
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/logo-2.png) no-repeat;
background-size:  contain;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
header.stance-black .header__logo__image:before,
header.stance-contacts .header__logo__image:before{
opacity: 1;
}
header.stance-black .header__logo__image img,
header.stance-contacts .header__logo__image img {
opacity: 0;
}
header.stance-black-single-article .header__logo__image:before,
header.stance-contacts .header__logo__image:before{
opacity: 0;
}
header.stance-black-single-article .header__logo__image img,
header.stance-contacts .header__logo__image img {
opacity: 1;
}
header.stance-black-single-article .menu-navigation > li > a {
color: #262626;
}
.menu-outer {
float: right;
margin: 1vw 0vw 0 0;
}
.header .social {
display: inline-block;
margin: 1vw 5vw 0 0;
position: relative;
top: 5px;
}
.header .social > li {
margin-left: .75vw;
width: 20px;
}
.header .social__item {
display: inline-block;
}
.header .social__item a {
position: relative;
width: 20px;
display: block;
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header .social__item a:hover {
opacity: 0.6;
}
.header .social__item a:before {
content: '';
position: absolute;
opacity: 0;
top: 0vh;
left:0;
width: 100%;
height: 100%;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
header.stance-black .social__item a:before {
opacity: 1;
}
header.stance-black .social__item a:hover:before {
opacity: 1;
}
.header .social__item:nth-of-type(1) a:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facebook-2.png) no-repeat;
background-size: cover;
}
.header .social__item:nth-of-type(3) a:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/vkontakte-2.png) no-repeat;
background-size: cover;
}
.header .social__item:nth-of-type(2) a:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/instagram-2.png) no-repeat;
background-size: cover;
} .header .social__item img {
width: 100%;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
header.stance-black .social__item img {
opacity: 0;
}
header.stance-black-single-article .social__item a:before {
opacity: 1;
}
.header .nav {
display: inline-block;
}
.header .menu-navigation {
margin:0 3.5vw 0 0;
padding: 0;
}
.header .menu-navigation > li {
margin-left: 2vw;
display: inline-block;
vertical-align: middle;
position: relative;
}
.header .menu-navigation > li:before {
content: '';
background: rgba(255,255,255,0.8);
width: 45px;
height: 45px;
border-radius: 50%;
position: absolute;
bottom: -125%;
right: 0;
left: 0px;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header .menu-navigation > li:after {
content: '';
background: rgba(255,255,255,0.8);
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
bottom: -30%;
right: 0;
left: 50%;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header.stance-black .menu-navigation > li:before,
.header.stance-black .menu-navigation > li:after,
.header.stance-black .menu-navigation > li a:before,
.header.stance-black .menu-navigation > li a:after {
background: rgba(0,0,0,0.15);
}
.header .menu-navigation > li:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.2;
}
.header .menu-navigation > li:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.3;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.header .menu-navigation > li:hover a:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.2;
}
.header .menu-navigation > li:hover a:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.2;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.header .menu-navigation > li > a {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 700;
color: #fff;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.header.stance-black ul li a {
color: #262626;
}
.buy-button {
padding: 1.5vh 0;
border-radius: 2vw;
overflow: hidden;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.header .buy-button a {
color: rgba(0,0,0,0) !important;
padding: 1vh 1.5vw;
border-radius: 2vw;
background: #c1307c;
position: relative;
z-index: 55;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.buy-button-text-outer {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
pointer-events: none;
z-index: 77;
}
.buy-button-text-outer p {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 700;
color: #fff;
margin: auto;
}
.buy-button-effect {
background: #179DE5;
width: 1.5vw;
height: 1.5vw;
border-radius: 50%;
position: absolute;
opacity: 0;
pointer-events: none;
z-index: 66;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.buy-button .buy-button-effect:nth-child(2) {
left: 50%;
bottom: -10%;
}
.buy-button:hover .buy-button-effect:nth-child(2) {
opacity: 1;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.buy-button .buy-button-effect:nth-child(3) {
left: 0;
}
.buy-button:hover .buy-button-effect:nth-child(3) {
opacity: 1;
-webkit-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.buy-button .buy-button-effect:nth-child(4) {
right: 0;
top: 0;
}
.buy-button:hover .buy-button-effect:nth-child(4) {
opacity: 1;
-webkit-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.buy-button .buy-button-effect:nth-child(5) {
left: 15%;
top: 0;
}
.buy-button:hover .buy-button-effect:nth-child(5) {
opacity: 1;
-webkit-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.buy-button .buy-button-effect:nth-child(6) {
right: 15%;
bottom: 0;
}
.buy-button:hover .buy-button-effect:nth-child(6) {
opacity: 1;
-webkit-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.buy-button .buy-button-effect:nth-child(7) {
right: 0;
bottom: 10%;
left: 0;
margin: 0 auto;
}
.buy-button:hover .buy-button-effect:nth-child(7) {
opacity: 1;
-webkit-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.header .menu-navigation > li a:before {
content: '';
background: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
bottom: 0%;
right: 0;
left: 30%;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header .menu-navigation > li a:after {
content: '';
background: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
bottom: -50%;
right: 0;
left: 50%;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.current-menu-item:before {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.2 !important;
}
.current-menu-item:after {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.3 !important;
}
.current-menu-item a:before {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.2 !important;
}
.current-menu-item a:after {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.2 !important;
}
.header .buy-button:before,
.header .buy-button:after,
.header .buy-button a:before,
.header .buy-button a:after {
display: none;
}
.header.stance-black .buy-button a,
header.stance-contacts .buy-button a {
background: #179DE5;
}
.header .buy-button a:hover {
}
.header.stance-black .buy-button a {
color: #fff;
}
.header.stance-black .buy-button-effect,
.header.stance-contacts .buy-button-effect {
background: #c1307c;
}
.language-button-effect {
position: absolute;
background: #fff;
border-radius: 50%;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
width: 150%;
height: 150%;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.language-button-list-effect {
position: absolute;
background: #fff;
border-radius: 10px;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
width: 150%;
height: 150%;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.header.stance-black .language-button-effect,
.header.stance-black .language-button-list-effect {
background: rgba(0,0,0,0.3);
}
.header .language-button-outer {
cursor: pointer;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.header .language-button-outer .language-button {
background: #fff;
color: #262626;
width: 1.75vw;
height: 1.75vw;
border-radius: 1.75vw;
font-family: 'Open Sans';
font-size: 14px;
font-weight: 700;
padding: .2vw;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.header.stance-black .language-button-outer .language-button {
color: #fff;
background: #262626;
}
.header .language-button-outer .language-button-2 {
background: #262626;
color: #fff;
}
.language-list-outer {
width: 100%;
text-align: center;
position: absolute;
top: 0px;
left: 0;
display: none;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.language-list-outer ul {
border-radius: 8px;
background: rgba(255,255,255,0.8);
border: 1px solid #fff;
padding: 4px 0;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
header.stance-black .language-list-outer ul {
background: rgba(0,0,0,0.8);
}
.language-list-outer li a {
font-size: 14px;
font-family: 'Open Sans';
font-weight: 700;
text-decoration: none;
color: #000;
display: inline-block;
padding: 0.2vw 0 4px 0;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
header.stance-black .language-list-outer li a {
color: #fff;
}
.language-button-outer:hover {
-webkit-filter: brightness(120%);
-o-filter: brightness(120%);
filter: brightness(120%);
}
.language-button-outer.active {
border-radius: 0;
}
header.stance-a .language-button-outer,
header.stance-b .language-button-outer {
background: #000;
}
header.menu-opened .language-button-outer {
background: #fff;
}  #full_page {
visibility: hidden;
position: absolute !important;
top: 0;
left: 0;
}
.title-block-1 {
position: relative;
background-color: #97c76b;
background: url(//granola.com.ua/wp-content/themes/granola/img/title-1-background.jpg) no-repeat;
background-size: cover;
}
.title-block-2 {
position: relative;
background-color: #b7998a;
background: url(//granola.com.ua/wp-content/themes/granola/img/title-2-background.jpg) no-repeat;
background-size: cover;
}
.title-block-3 {
position: relative;
background-color: #59bcf1;
}
.title-block-4 {
background: url(//granola.com.ua/wp-content/themes/granola/img/background-screen-4.jpg) no-repeat;
background-size: cover;
position: relative;
}
.title-block-5 {
background: url(//granola.com.ua/wp-content/themes/granola/img/background-screen-5.jpg) no-repeat;
background-size: cover;
position: relative;
height: 100%;
}
.package-wrap {
width: 25.75vw;
position: fixed;
bottom: 0;
left: 15vw;
z-index: 98;
width: 25.75vw;
}
.pack {pointer-events:none;
width: 25.75vw;
position: relative;
bottom: 0;
}
.pack-info {
position: absolute;
width: 6.5vw;
height: 12vh;
top:10vh;
right: 0;
z-index: 99;
}
.pack-info > div {
position: absolute;
top: 0;
left: 0;
display: none;
width: 6.5vw;
}
.pack-info > div:nth-child(1),
.pack-info > div:nth-child(2),
.pack-info > div:nth-child(3),
.pack-info > div:nth-child(4) {
display: block;
}
.pack-item {
max-width: 100%;
}
.package-screen-1 {
}
.package.package-screen-2 {
}
.package.package-screen-3 {
}
.package.package-screen-4 {
}
.pack-adaptive {
display: none;
}
.attach-item-1, .attach-item-2, .attach-item-3, .attach-item-4{
pointer-events:none;
}
.attach-item-1 {
position: relative;
}
.attach-item-1:nth-of-type(1) {
position: absolute;
height: 72vh;
left:0vw;
top:12vh;
}
.attach-item-1:nth-of-type(2) {
position: absolute;
width: 3vw;
left:23.5vw;
top:16.5vh;
}
.attach-item-1:nth-of-type(3) {
position: absolute;
width: 36vw;
left:18vw;
top:0vh;
}
.attach-item-1:nth-of-type(4) {
position: absolute;
width: 19vw;
left:25.8vw;
top:0vh;
}
.attach-item-1:nth-of-type(5) {
width: 17vw;
position: absolute;
left:47vw;
top: 15vh;
}
.attach-item-1:nth-of-type(6) {
position: absolute;
height: 40vh;
right:0;
top: 0;
}
.attach-item-1:nth-of-type(7) {
position: absolute;
height: 41vh;
right:0vw;
top: 18vh;
}
.attach-item-1:nth-of-type(8) {
position: absolute;
height: 19.5vh;
top: 41vh;
right: 0;
}
.attach-item-1:nth-of-type(9) {
position: absolute;
width: 12vw;
top: 50vh;
right: 0;
}
.attach-item-1:nth-of-type(10) {
position: absolute;
width: 24vw;
bottom: 0vh;
right: 0;
}
.attach-item-1:nth-of-type(11) {
position: absolute;
width: 30vw;
bottom: 0vh;
right: 0vw;
}
.attach-item-1:nth-of-type(12) {
position: absolute;
width: 45vw;
right:0vw;
bottom: 0vh;
z-index: 98;
}
.attach-item-1:nth-of-type(13) {
position: absolute;
width: 57vw;
bottom: 0vh;
right: 26vw;
z-index: 99;
}
.attach-item-1:nth-of-type(14) {
position: absolute;
width: 17vw;
bottom: 0;
left: 0;
z-index: 98;
}
.attach-item-1:nth-of-type(15) {
position: absolute;
height: 25vh;
bottom: 0vh;
left: 3.5vw;
}
.attach-item-1:nth-of-type(16) {
position: absolute;
width: 18vw;
bottom: 6vh;
left: 0vw;
}
.attach-item-1:nth-of-type(17) {
position: absolute;
width: 13vw;
bottom: 2vh;
left: 22.5vw;
}
.attach-item-1:nth-of-type(18) {
position: absolute;
width: 25vw;
bottom: -5vh;
left: 40vw;
}
.attach-item-2 {
position: relative;
}
.attach-item-2:nth-of-type(1) {
position: absolute;
width: 14vw;
left:0vw;
top:6vh;
z-index: 98;
}
.attach-item-2:nth-of-type(2) {
position: absolute;
width: 50%;
left:0vw;
bottom:4vh;
}
.attach-item-2:nth-of-type(3) {
position: absolute;
width: 32vw;
left:30vw;
top:0vh;
}
.attach-item-2:nth-of-type(4) {
position: absolute;
width: 13vw;
left:47vw;
top:10vh;
}
.attach-item-2:nth-of-type(5) {
width: 9vw;
position: absolute;
left:58.5vw;
top: 15vh;
}
.attach-item-2:nth-of-type(6) {
position: absolute;
width: 21vw;
right:0;
top: 24vh;
z-index: 99;
}
.attach-item-2:nth-of-type(7) {
position: absolute;
height: 55vh;
right:0vw;
top: 2vh;
z-index: 98;
}
.attach-item-2:nth-of-type(8) {
position: absolute;
height: 30vh;
bottom: 20vh;
right: 0;
}
.attach-item-2:nth-of-type(9) {
position: absolute;
width: 63vw;
bottom: 0;
right: 0;
z-index: 97;
}
.attach-item-2:nth-of-type(10) {
position: absolute;
width: 30vw;
bottom: 0vh;
right: 12vw;
z-index: 99;
}
.attach-item-2:nth-of-type(11) {
position: absolute;
width: 70vw;
bottom: 0vh;
left: 1vw;
z-index: 99;
}
.attach-item-2:nth-of-type(12) {
position: absolute;
width: 15vw;
bottom: 55vh;
left: 26vw;
}
.attach-item-2:nth-of-type(13) {
position: absolute;
width: 25vw;
bottom: 50vh;
left: 16vw;
}
.attach-item-2:nth-of-type(14) {
position: absolute;
width: 20vw;
bottom: 2vh;
left: 18vw;
}
.attach-item-3 {
position: relative;
}
.attach-item-3:nth-of-type(1) {
position: absolute;
width: 9.25vw;
left:22vw;
bottom:67vh;
}
.attach-item-3:nth-of-type(2) {
position: absolute;
width: 29vw;
left:21vw;
top: 0;
}
.attach-item-3:nth-of-type(3) {
position: absolute;
width: 7.5vw;
left:37vw;
bottom:74vh;
}
.attach-item-3:nth-of-type(4) {
position: absolute;
width: 28vw;
left:43vw;
top:10vh;
}
.attach-item-3:nth-of-type(5) {
height: 51vh;
position: absolute;
right:0vw;
top: 0vh;
}
.attach-item-3:nth-of-type(6) {
position: absolute;
width: 10vw;
right:0;
top: 35vh;
}
.attach-item-3:nth-of-type(7) {
position: absolute;
width: 12vw;
right:0vw;
top: 38vh;
}
.attach-item-3:nth-of-type(8) {
position: absolute;
height: 40vh;
bottom: 3vh;
right: 0;
}
.attach-item-3:nth-of-type(9) {
position: absolute;
width: 27vw;
bottom: 0;
right: 0;
}
.attach-item-3:nth-of-type(10) {
position: absolute;
width: 20vw;
bottom: 0vh;
right: 0;
z-index: 98;
}
.attach-item-3:nth-of-type(11) {
position: absolute;
width: 12vw;
top: 57vh;
right: 25vw;
}
.attach-item-3:nth-of-type(12) {
position: absolute;
width: 24vw;
right:0vw;
bottom: 0vh;
}
.attach-item-3:nth-of-type(13) {
position: absolute;
width: 57vw;
bottom: 0vh;
right: 12vw;
z-index: 97;
}
.attach-item-3:nth-of-type(14) {
position: absolute;
width: 22vw;
bottom: 2vh;
right: 44vw;
}
.attach-item-3:nth-of-type(15) {
position: absolute;
width: 34vw;
bottom: 0vh;
left: -5vw;
z-index: 97;
}
.attach-item-3:nth-of-type(16) {
position: absolute;
width: 44vw;
bottom: 0vh;
left: 0vw;
z-index: 99;
}
.attach-item-3:nth-of-type(17) {
position: absolute;
width: 25vw;
bottom: 0;
left: 0;
}
.attach-item-3:nth-of-type(18) {
position: absolute;
height: 65vh;
bottom: 14vh;
left: 0vw;
}
.attach-item-3:nth-of-type(19) {
position: absolute;
width: 14vw;
bottom: 42vh;
left: 0vw;
}
.attach-item-3:nth-of-type(20) {
position: absolute;
width: 14vw;
bottom: 6vh;
left: 22vw;
}
.attach-item-3:nth-of-type(21) {
position: absolute;
width: 17.5vw;
bottom: 2vh;
right: 19vw;
}
.attach-item-4:nth-of-type(1) {
position: absolute;
max-width: 281px;
width: 14vw;
right: 21vw;
bottom: 0vh;
z-index: 60;
}
.attach-item-4:nth-of-type(2) {
position: absolute;
max-width: 161px;
width: 8vw;
left: 0vw;
top: 15vh;
z-index: 55;
}
.attach-item-4:nth-of-type(3) {
position: absolute;
max-width: 242px;
width: 12vw;
left: 0;
top: 39vh;
z-index: 44;
}
.attach-item-4:nth-of-type(4) {
position: absolute;
max-width: 131px;
width: 7vw;
left: 9vw;
top: 57vh;
}
.attach-item-4:nth-of-type(5) {
max-width: 164px;
width: 8vw;
position: absolute;
left:58.5vw;
top: 20vh;
}
.attach-item-4:nth-of-type(6) {
position: absolute;
height: 50vh;
right:0;
top: 0;
}
.attach-item-4:nth-of-type(7) {
position: absolute;
max-width: 490px;
width: 24vw;
right: 3vw;
bottom: 0vh;
z-index: 55;
}
.attach-item-4:nth-of-type(8) {
position: absolute;
width: 60vw;
bottom: 0;
right: 0;
z-index: 66;
}
.attach-item-4:nth-of-type(9) {
position: absolute;
width: 64vw;
bottom: 0;
right: 1vw;
z-index: 44;
}
.attach-item-4:nth-of-type(10) {
position: absolute;
width: 17vw;
bottom: 0vh;
right: 50vw;
}
.attach-item-4:nth-of-type(11) {
position: absolute;
width: 16vw;
left:0vw;
bottom:0vh;
}
.attach-item-4:nth-of-type(12) {
position: absolute;
width: 12vw;
left:0vw;
bottom:0vh;
}
.attach-item-4:nth-of-type(13) {
position: absolute;
width: 27vw;
left:15vw;
bottom:35vh;
}
.attach-item-4:nth-of-type(14) {
position: absolute;
width: 14vw;
left: 24vw;
bottom: 8vh;
}
.attach-item-5:nth-of-type(1){
position: absolute;
width: 38.4vw;
left: 20.3vw;
top: 0;
}
.attach-item-5:nth-of-type(2){
position: absolute;
width: 28.7vw;
left: 20.3vw;
top: 0;
}
.attach-item-5:nth-of-type(3){
position: absolute;
width: 30.3vw;
left: 24.4vw;
top: 0;
}
.attach-item-5:nth-of-type(4){
position: absolute;
width: 11.1vw;
left: 29.9vw;
top: 0;
}
.attach-item-5:nth-of-type(5){
position: absolute;
width: 20.1vw;
left: 17.5vw;
top: 2.5vh;
}
.attach-item-5:nth-of-type(6){
position: absolute;
height: 43.6vh;
left: -0.5vw;
top: 23.7vh;
}
.attach-item-5:nth-of-type(7){
position: absolute;
height: 22.6vh;
left: -0.5vw;
top: 55.8vh;
}
.attach-item-5:nth-of-type(8){
position: absolute;
height: 39.4vh;
left: -0.6vw;
top: 42.8vh;
}
.attach-item-5:nth-of-type(9){
position: absolute;
height: 22.4vh;
left: 2.6vw;
top: 29.6vh;
}
.attach-item-5:nth-of-type(10){
position: absolute;
height: 20vh;
left: -0.1vw;
top: 52.1vh;
}
.attach-item-5:nth-of-type(11){
position: absolute;
height: 39.9vh;
left: -0.7vw;
top: 26.3vh;
}
.attach-item-5:nth-of-type(12){
position: absolute;
height: 64vh;
right: -0.2vw;
top: 4.4vh;
}
.attach-item-5:nth-of-type(13){
position: absolute;
height: 50vh;
right: 0vw;
top: 50.2vh;
z-index: 9999;
}
.attach-item-5:nth-of-type(14){
position: absolute;
width: 55vw;
bottom: 0vh;
right: 0vw;
}
.attach-item-5:nth-of-type(15){
position: absolute;
width: 28vw;
bottom: 0vh;
right: 0vw;
}
.attach-item-5:nth-of-type(16){
position: absolute;
width: 11vw;
bottom: -2.8vh;
left: 42.9vw;
}
.attach-item-5:nth-of-type(17){
position: absolute;
width: 19.4vw;
bottom: 0vh;
left: 0vw;
}
.attach-item-5:nth-of-type(18){
position: absolute;
width: 15.8vw;
bottom: 0vh;
left: 0vw;
}
.attach-item-5:nth-of-type(19){
position: absolute;
width: 52vw;
bottom: -2vh;
left: 0vw;
}
.attach-item-5:nth-of-type(20){
position: absolute;
width: 15.3vw;
bottom: 6.8vh;
left: 22.9vw;
}
.subs-wrap {
font-family: 'Oswald-Regular', sans-serif;
margin: 35vh 0 0 45vw;
position: relative;
}
.subs-sm {
max-width: 250px;
position: relative;
z-index: 99;
}
.subs-sm img {
max-width: 3.25vw;
display: block;
margin: .5vw auto;
}
.subs-sm.time-icon img {
max-width:2.75vw;
}
.subs-sm p {
font-size: 11px;
font-family: 'Open Sans';
text-align: center;
font-weight: 700;
line-height: 135%;
letter-spacing: 0.5px;
color: #fff;
}
.subs-sm-1:nth-of-type(2){
position: absolute;
left: -38vw;
top: -17vh;
display: none;
}
.subs-sm-1:nth-of-type(3){
position: absolute;
left: 25vw;
top: -5vh;
}
.subs-sm-1:nth-of-type(4){
position: absolute;
left: 31vw;
top: 16vh;
}
.subs-sm-1:nth-of-type(5){
position: absolute;
left: 27vw;
top: 30vh;
}
.subs-sm-2:nth-of-type(2){
position: absolute;
left: 37vw;
top: 33vh;
}
.subs-sm-2:nth-of-type(3){
position: absolute;
left: 25vw;
top: 19vh;
}
.subs-sm-2:nth-of-type(4){
position: absolute;
left: 39vw;
top: 30vh;
display: none;
}
.subs-sm-2:nth-of-type(5){
position: absolute;
right: 23vw;
top: -10vh;
}
.subs-sm-3:nth-of-type(2){
position: absolute;
left: -39vw;
top: -15vh;
display: none;
}
.subs-sm-3:nth-of-type(3){
position: absolute;
left: 27vw;
top: -10vh;
}
.subs-sm-3:nth-of-type(4){
position: absolute;
left: 29vw;
top: 30vh;
display: none;
}
.subs-sm-3:nth-of-type(5){
position: absolute;
left: 33.5vw;
bottom: 13vh;
}
.subs-sm-4:nth-of-type(2){
position: absolute;
left: -37vw;
top: -15vh;
display: none;
}
.subs-sm-4:nth-of-type(3){
position: absolute;
left: 25vw;
top: -10vh;
}
.subs-sm-4:nth-of-type(4){
position: absolute;
left: 35vw;
top: 0vh;
}
.subs-sm-4:nth-of-type(5){
position: absolute;
left: 20vw;
top: 33vh;
display: none;
}
.subs-sm-5:nth-of-type(2){
position: absolute;
left: 15vw;
top: -17vh;
}
.subs-sm-5:nth-of-type(3){
position: absolute;
left: 31.7vw;
top: -2.6vh;
}
.subs-sm-5:nth-of-type(4){
position: absolute;
left: 29.8vw;
top: 37.8vh;
}
.subs-main {display: inline-block;
max-width: 30vw;
margin: 3vh 0 0 0;
}
.subs-main h1, .subs-main h2, .subs-main h3{
font-size: 1.8vw;
text-transform: uppercase;
color: #fff;
line-height: 115%;
letter-spacing: 1px;
padding-bottom: 6vh;
display: block;
background-image: url(//granola.com.ua/wp-content/themes/granola/img/subs-main-back-1.png);
background-position: 0.5% 84%;
background-repeat: no-repeat;
background-size: 48px 10px;
position: relative;
}
.howis .inner-head h3 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
color: #fff;
}
.subs-main-4 h2:after  {
content: '';
display: block;
position: absolute;
top: 11.5vh;
right: 0vw;
width: 19vw;
height: 7vh;
background-image: url(//granola.com.ua/wp-content/themes/granola/img/subs-main-back-2.png);
background-repeat: no-repeat;
background-size: cover;
}
.subs-main p {
font-family: 'Open Sans';
font-size: 13px;
line-height: 125%;
letter-spacing: 0.5px;
color: #fff;
width: 20vw;
margin: 2.25vh 0 5vh 0;
}
.subs-main .facts-anchor-button {
text-transform: uppercase;
font-family: 'Oswald-Bold', sans-serif;
font-size: 1vw;
line-height: 120%;
outline: none;
border-radius: 2vw;
border-top: none;
width: auto;
border-left: none;
border-right: none;
border-bottom: 3px solid #d9d9d9;
padding: 1.5vh 1.75vw 1.1vh 1.75vw;
cursor: pointer;
position: relative;
z-index: 99;
display: inline-block;
overflow: hidden;
-webkit-box-shadow: 22px 10px 56px -4px rgba(0,0,0,0.42);
-moz-box-shadow: 22px 10px 56px -4px rgba(0,0,0,0.42);
box-shadow: 22px 10px 56px -4px rgba(0,0,0,0.42);
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.facts-anchor-button:hover {
-webkit-filter: brightness(120%);
-o-filter: brightness(120%);
filter: brightness(120%);
-webkit-box-shadow: 22px 10px 56px -10px rgba(0,0,0,0);
-moz-box-shadow: 22px 10px 56px -10px rgba(0,0,0,0);
box-shadow: 22px 10px 56px -10px rgba(0,0,0,0);
}
.title-block-1 .subs-main .facts-anchor-button {
color: #1a7945;
background: #e1e1e1;
}
.title-block-2 .subs-main .facts-anchor-button {
color: #744459;
background: #e1e1e1;
}
.title-block-3 .subs-main .facts-anchor-button {
color: #016e9f;
background: #e1e1e1;
}
.title-block-4 .subs-main .facts-anchor-button {
color: #9d2b78;
background: #e1e1e1;
}
.title-block-5 .subs-main .facts-anchor-button {
color: #eb900e;
background: #e1e1e1;
}  .facts {
background: #fff;
}
.title-item {
margin: 15vh 0 0 15vw;
position: relative;
}
.title-item h2,
.title-item .facts-title {
display: inline;
font-family: 'Oswald-Regular', sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 5.5vw;
font-weight: 600;
position: relative;
}
.title-item svg {
display: block;
position: absolute;
left: 20.5vw;
top: 5vh;
z-index: 99;
width: 11vw;
height: 9vh;
fill: rgba(255,255,255,0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.title-item svg path {
stroke: #DF4D96;
}
.title-item svg.finished {
fill: #DF4D96;
}
.number {
color: #e44c9b;
}
.facts .title-item h2 span {
display: inline-block;
opacity: 1;
}
.equal {
color: #dcdcdc;
border-bottom: 7px solid #dcdcdc;
}
.item-column-row {
margin: 10vh 0vw 0 10vw;
}
.facts-item {
display: inline-block;
vertical-align: middle;
min-height: 115px;
margin: 4vh 1vw;
}
.facts-item p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 18px;
color: #262626;
padding: 0 1.5vw;
width: 15vw;
position: relative;
z-index: 1;
}
.facts-item p span {
font-weight: 600;
color: #e44c9b;
}
.facts-item p:before {
content: '';
display: block;
position: absolute;
left: -7%;
top: 5px;
width: 30px;
height: 30px;
}
.facts-item:nth-of-type(1) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-1.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(2) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-2.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(3) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-3.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(4) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-4.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(5) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-5.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(6) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-6.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(7) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-7.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(8) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-8.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(9) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-9.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(10) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-10.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(6) p:after {
content: '';
display: block;
position: absolute;
z-index: -1;
left:-1.25vw;
top: -4.25vh;
width: 100%;
height: 16.7vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-background-6.png) no-repeat;
background-size: contain;
}
.facts-item:nth-of-type(8) p:after {
content: '';
display: block;
position: absolute;
z-index: -1;
left:-4vw;
top: -50%;
width: 100%;
height: 31.25vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-background-8.png) no-repeat;
background-size: contain;
}
.facts-item:nth-of-type(10) p:after {
content: '';
display: block;
position: absolute;
z-index: -1;
left:-2.8vw;
top: -50%;
width: 100%;
height: 21.25vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-background-10.png) no-repeat;
background-size: contain;
}
.facts-item-imp {
font-family: 'Open Sans', sans-serif;
color: #e44c9b;
font-size: 16px;
text-transform: uppercase;
}  .inner-head {
margin: 19.5vh 0vw 0 8.5vw;	position: relative;
}
.howis-item-wrap {
margin: 4vh 11.5vw 0 11.5vw;
}
.howis {
background: #59bcf1;
}
.howis .inner-head h2 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
}
.howis .inner-head > svg {
fill: rgba(255,255,255,0);
display: block;
position: absolute;
left:8vw;
top:3vh;
z-index: 99;
width: 15vw;
height: 9vh;
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.howis .inner-head > svg path {
stroke: #DF4D96;
}
.howis .inner-head > svg.finished {
fill: #DF4D96;
}
.howis-item {
display: inline-block;
width: 33%;
min-height: 51vh;
position: relative;
}
.cook-img {
position: absolute;
}
.cook-img-first-step:nth-of-type(1) {
height: 23vh;
bottom: 40%;
right: 20%;
z-index: 5;
}
.cook-img-first-step:nth-of-type(2)  {
width: 18.25vw;
bottom: 2.5vh;
left: 1.75vw;
}
.cook-img-second-step:nth-of-type(1) {
height: 37.5vh;
left:7.5vw;
}
.cook-img-second-step:nth-of-type(2) {
height: 41vh;
left:0vw;
top:4.75vh;
}
.cook-img-second-step:nth-of-type(3) {
height: 21vh;
left:7vw;
top:27.5vh
}
.cook-img-second-step-overlay {
background: url(//granola.com.ua/wp-content/themes/granola/img/cook-img-5-full.png) no-repeat center bottom;
background-size: cover;
position: absolute;
width: 8.6vw;
height: 0;
bottom: 2.5vh;
left:7vw;
}
.cook-img-third-step:nth-of-type(1) {
width: 6vw;
bottom: 2vh;
left: -1vw;
}
.cook-img-third-step:nth-of-type(2) {
width: 18.25vw;
bottom: 3.65vh;
left: 2.5vw;
}
.cook-img-third-step:nth-of-type(3) {
}
.cook-img-third-step-overlay {
background: url(//granola.com.ua/wp-content/themes/granola/img/cook-img-7-full.png) no-repeat center bottom;
background-size: 100%;
position: absolute;
width: 18.25vw;
height: 0;
bottom: 3.65vh;
left: 2.5vw;
}
.howis-message p {
font-family: 'Oswald-Regular', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 135%;
color: #fff;
padding: 25px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.howis-message span {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
letter-spacing: 2px;
color: #e44c9b;
position: absolute;
}
.howis-message b {
font-weight: normal;
display: inline-block;
padding-left: 25px;
}
.howis-message {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
align-items: center;
}
.howis-item:nth-of-type(1) .howis-message {
width: 10vw;
height: 15vh;
top: 11vh;
left: 1.75vw;
}
.howis-item:nth-of-type(1) .howis-message p {
background: url(//granola.com.ua/wp-content/themes/granola/img/howis-message-background-1.png) no-repeat;
background-size: 100% 100%;
}
.howis-item:nth-of-type(2) .howis-message {
width: 14.3vw;
height: 20vh;
left: 13vw;
top:-2vh;
}
.howis-item:nth-of-type(2) .howis-message p {
background: url(//granola.com.ua/wp-content/themes/granola/img/howis-message-background-2.png) no-repeat;
background-size: 100% 100%;
}
.howis-item:nth-of-type(3) .howis-message {
width: 14.3vw;
height: 12.5vh;
top: 10vh;
left: 4vw;
}
.howis-item:nth-of-type(3) .howis-message p {
background: url(//granola.com.ua/wp-content/themes/granola/img/howis-message-background-3.png) no-repeat;
background-size: 100% 100%;
}
.bracket {
position: relative;
}
.bracket-overlay {
background: #59bcf1;
width: 0%;
height: 100%;
display: none;
position: absolute;
right: 0;
top: 0;
}
.bracket img {
display: block;
width: 100%;
}
.bracket p {
text-align: center;
font-family: 'Oswald-Regular', sans-serif;
color: #fff;
font-size: 1.5vw;
letter-spacing: 1px;
margin-top: 1vh;
}  .partners {
background: #e44c9b;
position: relative;
}
.partners .inner-head h2 {
position: relative;
z-index: 99;
}
.partners .inner-head h2 p {
position: relative;
display: inline-block;
z-index: 55;
}
.partners .inner-head svg {
display: block;
position: absolute;
right: -25px;
bottom: -15px;
z-index: 98;
width: 15vw;
height: 9vh;
z-index: 44;
fill: rgba(255,255,255,0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.partners .inner-head svg.finished {
fill: #D32F84;
}
.partners .inner-head svg path {
stroke: #D32F84;
}
.partners .inner-head svg.finished path {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
stroke: rgba(255,255,255,0);
}
.inner-head h2,
.inner-head div.title {
font-family: 'Oswald-Regular', sans-serif;
color: #fff;
font-size: 60px;
letter-spacing: 3px;
margin-left: 6.25vw;
display: inline-block;
padding-right: 7vw;
}
.partners-item-wrap {
font-size: 0;
padding: 14vh 7vw;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
.partner-item {
margin: 3vh 15px;
width: 18%;
height: 72px;
position: relative;
}
.partner-item a {
text-align: center;
display: block;
width: 16vw;
margin: 0 auto;
position: relative;
}
.partner-item a:before {
content: '';
position: absolute;
top:12vh;
left:0;
z-index: -1;
display: block;
width: 100%;
height: 8vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/shadow.png) no-repeat;
background-size: 100%;
}
.partner-item a img {
width: 70%;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
}  .contacts-form-outer br {
display: none;
}
.contacts-form-outer img {
max-width: 100%;
}
.contacts-section {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.contacts-item {
min-height: 100vh;
font-family: 'Open Sans', sans-serif;
position: relative;
z-index: 99;
}
.contacts-item h2 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
color: #2e7da8;
line-height: 115%;
margin: 25vh 0 0 5.25vw;
}
.contacts-item .contacts-item-svg {
display: block;
position: absolute;
left:11vw;
top:29.5vh;
z-index: -1;
width: 10vw;
height: 6vh;
}
.contacts-item:first-of-type {
background: #fff;
width: 38%;
position: relative;
}
.contacts-item:last-of-type {
background: #2e7da8;
width: 62%;
position: relative;
padding: 0 0 15vh 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contacts-item form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 8.5vh 0 0 5.25vw;
}
.contacts-item form input, .contacts-item form textarea {
background: #eef1f6;
outline: none;
border: none;
color: #262626;
font-size: 14px;
width: 22.5vw;
margin-bottom: 1vh;
padding-left: 1vw;
}
.contacts-item form input {
height: 3.75vh;
}
.contacts-item form input[type="submit"] {
background: #2e7da8;
color: #fff;
font-weight: 700;
font-size: 14px;
margin-top:3vh;
width: 11vw;
height: 5.5vh;
padding-left: 0;
border-radius:.5vw; }
.contacts-item form textarea {
resize: none;
padding-top: 1vh;
height: 22vh;
}
.label-textarea {
position: relative;
display: block;
}
.label-textarea:after {
content: '';
position: absolute;
bottom:-2vh;
left: 2vw;
width: 0;
height: 0;
border-style: solid;
border-width: 33px 33px 0 0;
border-color: #eef1f6 transparent transparent transparent;
}
.contacts-item-left-line {
width: 2vw;
height: .67vh;
background: #fff;
margin: 24vh 0 0 7vw;
}
.coords {
position: relative;
}
.coords:after {
content: '';
position: absolute;
width: 16vw;
height: 35vh;
right: 1vw;
top: -4vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/contacts-data-mark.png) no-repeat;
background-size: cover;
}
.tel {
margin: 9vh 0 0 7vw;
}
.tel p {
color: #fff;
font-size: 2.75vw;
font-weight: 400;
margin-bottom: 2vh;
}
.email, .adress {
color: #fff;
font-size: 14px;
font-weight: 700;
margin: 4vh 0 0 9.5vw;
position: relative;
}
.email a {
color: #fff;
}
.email:before, .adress:before  {
content: '';
position: absolute;
left: -2.25vw;
bottom: -.75vh;
width: 1.33vw;
height: 1.33vw;
border-radius: 1.33vw;
}
.email:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/mail-icon.png) no-repeat;
background-size: cover;
}
.adress:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/adress-icon.png) no-repeat;
background-size: cover;
}
.wrap-names {
margin: 20vh 0 0 7vw;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.person {
width:50%;
color: #fff;
font-size: 14px;
line-height: 135%;
}
.person:nth-of-type(1) {
}
.person:nth-of-type(2) {
}
.person a {
color: #fff;
}
.person span {
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: 2vh;
position: relative;
}
.person span:after {
content: '';
position: absolute;
bottom:-2.5vh;
left:0vw;
width: 1.4vw;
height: .33vh;
background: #fff;
} .assortment {
font-size: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 77;
}
.food {
display: inline-block; width: 20%;
height: 100%;
position: relative;
cursor: pointer;
}
.food:after {
z-index: 33;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.food-2:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-1-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-3:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/food-2-background-2.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-4:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-5:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-4-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-6:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/food-5-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-1:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-6-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food:before {
content: '';
background-image: -webkit-gradient(
linear,
left top,
left top,
color-stop(0, rgba(255,255,255,0.1)),
color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: linear-gradient(to left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
z-index: 66;
opacity: 0.05;
-webkit-transform: scale(0.96);
-ms-transform: scale(0.96);
-o-transform: scale(0.96);
transform: scale(0.96);
-webkit-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
}
.food:hover:before {
opacity: 0.5;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.food img {
display: block;
width: 8.7vw;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 55;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.food p {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 100%;
position: absolute;
bottom: 4vh;
z-index: 55;
-webkit-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.food:hover:after,
.food:hover img,
.food:hover p {
-webkit-filter: brightness(110%);
-o-filter: brightness(110%);
filter: brightness(110%);
}
.food.secondary:after {
-webkit-filter: brightness(80%);
-o-filter: brightness(80%);
filter: brightness(80%);
}
.food.secondary img {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.food:hover p {
-webkit-transform: translateY(-1vh);
-ms-transform: translateY(-1vh);
-o-transform: translateY(-1vh);
transform: translateY(-1vh);
}  .granola-slider-section {
font-size: 0;
position: relative;
display: none;
opacity: 0;
z-index: 66;
}
.left-part-choice-wrapper {
display: inline-block;
vertical-align: top;
width:38%;
height: 100%;
position: fixed;
left: 0;
top: 0;
}
.left-part-choice-wrapper > div {
display: none;
opacity: 0;
top: 0;
left: 0;
width: 100%;
}
.left-part-choice-wrapper > div:nth-child(1) {
display: block;
opacity: 1;
}
.choice-item-2-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-1-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-3-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-2-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-4-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-5-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-4-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-6-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-5-background.jpg) no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.choice-item-1-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-6-background.jpg) no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.choice-item-pack {
width: 20vw;
position: absolute;
z-index: 99;
left: 0;
bottom: 15vh;
right: 0;
margin: 0 auto;
}
.choice-item-right {
display: inline-block;
vertical-align: top;
width: 61.5%;
margin-left: 38%;
}
.attach-choice-item-1, .attach-choice-item-2, .attach-choice-item-3, .attach-choice-item-4,.attach-choice-item-5 {
position: absolute;
z-index: 98;
}
.attach-choice-item-1:nth-of-type(1) {
height: 35vh;
top:0;
left:0;
}
.attach-choice-item-1:nth-of-type(2) {
height: 17vh;
top: 4vh;
left: 24vw;
}
.attach-choice-item-1:nth-of-type(3) {
height: 34vh;
top:0;
right:0;
}
.attach-choice-item-1:nth-of-type(4) {
width:17.5vw;
bottom: 0;
right: 0;
}
.attach-choice-item-1:nth-of-type(5) {
width: 5vw;
bottom: 3vh;
right: 7vw;
}
.attach-choice-item-1:nth-of-type(6) {
width: 17.5vw;
bottom: 0;
right: 0;
}
.attach-choice-item-1:nth-of-type(7) {
width: 5vw;
bottom: 3vh;
left:9vw;
}
.attach-choice-item-1:nth-of-type(8) {
width: 8vw;
bottom: 0;
left: 0;
}
.attach-choice-item-1:nth-of-type(9) {
width: 16vw;
bottom: 0;
left: 0;
}
.attach-choice-item-1:nth-of-type(10) {
width: 6vw;
top: 63vh;
left: 6vw;
}
.attach-choice-item-1:nth-of-type(11) {
width: 6vw;
bottom: 0vh;
left: 6vw;
}
.attach-choice-item-1:nth-of-type(12) { height: 25vh;
top:42vh;
}
.attach-choice-item-2 {
}
.attach-choice-item-2:nth-of-type(1) {
height: 50vh;
left:0;
bottom:10vh;
}
.attach-choice-item-2:nth-of-type(2) {
height: 47.5vh;
top: 0;
left: 17.5vw;
}
.attach-choice-item-2:nth-of-type(3) {
width: 21vw;
left:9vw;
bottom:30vw;
display: none;
}
.attach-choice-item-2:nth-of-type(4) {
height: 27.5vh;
right: 0;
bottom:15vh;
}
.attach-choice-item-2:nth-of-type(5) {
width: 8vw;
right: 0;
bottom: 5vh;
}
.attach-choice-item-2:nth-of-type(6) {
width: 100%;
bottom: 0;
}
.attach-choice-item-3 {
}
.attach-choice-item-3:nth-of-type(1) {
width: 19vw;
top: 0;
right: 0;
}
.attach-choice-item-3:nth-of-type(2) {
width: 13vw;
top:0;
right:0;
}
.attach-choice-item-3:nth-of-type(3) {
height: 25vh;
right: 0;
bottom: 17.5vh;
}
.attach-choice-item-3:nth-of-type(4) {
width: 15vw;
bottom: 0;
right: 0;
}
.attach-choice-item-3:nth-of-type(5) {
width: 17.5vw;
left:0;
bottom: 0;
}
.attach-choice-item-3:nth-of-type(6) {
display: block;
height: 50vh;
left: 1vw;
bottom: 30vh;
z-index: 199;
}
.attach-choice-item-4{
}
.attach-choice-item-4:nth-of-type(1) {
width: 12.5vw;
left:0;
bottom: 0;
}
.attach-choice-item-4:nth-of-type(2) {
width: 11.5vw;
left:0;
bottom: 31vh;
}
.attach-choice-item-4:nth-of-type(3) {
width: 19vw;
left:10vw;
bottom: 30vw;
display: none;
}
.attach-choice-item-4:nth-of-type(4) {
height: 30vh;
right: 0;
top:0;
}
.attach-choice-item-4:nth-of-type(5) {
width: 80%;
bottom: 0;
right: 0;
}
.attach-choice-item-4:nth-of-type(6) {
width: 4.25vw;
right: 9vw;
bottom: 13vh;
z-index: 199;
}
.attach-choice-item-5:nth-of-type(1) {
top: 0.2vh;
right: -8vw;
width: 25.4vw;
}
.attach-choice-item-5:nth-of-type(2) {
top: 0;
right: -3.1vw;
width: 22vw;
}
.attach-choice-item-5:nth-of-type(3) {
top: 0;
right: -7.5vw;
width: 22vw;
}
.attach-choice-item-5:nth-of-type(4) {
top: 0;
right: 2.6vw;
width: 8vw;
}
.attach-choice-item-5:nth-of-type(5) {
top: 4.3vh;
right: 4.6vw;
width: 15vw;
}
.attach-choice-item-5:nth-of-type(6) {
top: 33vh;
left: 0vw;
width: 15vw;
}
.attach-choice-item-5:nth-of-type(7) {
top: 38.6vh;
left: 2.8vw;
width: 10.9vw;
}
.attach-choice-item-5:nth-of-type(8) {
top: 60.2vh;
left: -0.2vw;
width: 9.7vw;
}
.attach-choice-item-5:nth-of-type(9) {
top: 56.2vh;
left: 0vw;
width: 6.7vw;
}
.attach-choice-item-5:nth-of-type(10) {
top: 49.5vh;
left: 0vw;
width: 13.1vw;
}
.attach-choice-item-5:nth-of-type(11) {
top: 35.8vh;
left: 0vw;
width: 15.4vw;
}
.attach-choice-item-5:nth-of-type(12) {
bottom: -0.3vh;
right: -7.1vw;
width: 13.4vw;
}
.attach-choice-item-5:nth-of-type(13) {
bottom: 0vh;
left: 0vw;
width: 120%;
}
.attach-choice-item-5:nth-of-type(14) {
bottom: 0vh;
left: 0vw;
width: 16.4vw;
}
.choice-item-info {
margin: 20vh 7vw 0 7vw;
}
.head-area {
display: none;
}
.head-area:nth-child(1) {
display: block;
}
.head-area h1, .head-area h2 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
float: left;
}
.granola-slider-section.stance-1 .head-area h1,
.granola-slider-section.stance-1 .head-area h2 {
color: #990000;
}
.granola-slider-section.stance-2 .head-area h1,
.granola-slider-section.stance-2 .head-area h2 {
color: #70ab52;
}
.granola-slider-section.stance-3 .head-area h1 ,
.granola-slider-section.stance-3 .head-area h2{
color: #a68474;
}
.granola-slider-section.stance-4 .head-area h1,
.granola-slider-section.stance-4 .head-area h2 {
color: #3498cb;
}
.granola-slider-section.stance-5 .head-area h1,
.granola-slider-section.stance-5 .head-area h2{
color: #e44c9b;
}
.granola-slider-section.stance-6 .head-area h1,
.granola-slider-section.stance-6 .head-area h2{
color: #f4cc48;
}
.granola-slider-section.stance-6 .head-area h1, .granola-slider-section.stance-5 .head-area h2,.granola-slider-section.stance-5 h3,
.granola-slider-section.stance-6 table thead, .granola-slider-section.stance-5 .current-count {
color: #f4cc48;
}
.granola-slider-section.stance-6 .active, .granola-slider-section.stance-5 a {background:#f4cc48;}
.granola-slider-section.stance-1 .head-area h1, .granola-slider-section.stance-1 .head-area h2,.granola-slider-section.stance-1 h3,
.granola-slider-section.stance-1 table thead, .granola-slider-section.stance-1 .current-count {
color: #990000;
}
.granola-slider-section.stance-1 .active, .granola-slider-section.stance-6 a {background:#990000;}
.count {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
color: #dfdede;
float: right;
position: relative;
}
.count:after {
content: '';
display: none;
position: absolute;
right:0px;
bottom: -2.5vh;
width: 16.25vw;
height: 1.25vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/arrow-background.png) no-repeat;
background-size: 100%;
}
.granola-slider-section.stance-1 .current-count {
color: #70ab52;
}
.granola-slider-section.stance-2 .current-count {
color: #a68474;
}
.granola-slider-section.stance-3 .current-count {
color: #3498cb;
}
.granola-slider-section.stance-4 .current-count {
color: #e44c9b;
}
.arrows-area {
font-size: 0;
}
.arrow:nth-of-type(1) {
margin-left:0;
}
.arrows-area-wrapper {
margin: 25px 0 0 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.arrow {
cursor: pointer;
display: inline-block;
width: 5px;
height: 5px;
border-radius: 5px;
margin-left: 1.2vw;
background: #dfdede;
position: relative;
}
.arrow:after {
content: '';
position: absolute;
width: 300%;
height: 300%;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
}
.left-dir {
position: relative;
display: inline-block;
width: 86px;
cursor: pointer;
}
.right-dir {
position: relative;
display: inline-block;
width: 157px;
cursor: pointer;
}
.left-dir img,
.right-dir img {
max-width: 100%;
}
.left-dir:before,
.right-dir:before {
content: '';
width: 100%;
height: 300%;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
}
.granola-slider-section.stance-1 .active{
background: #70ab52;
}
.granola-slider-section.stance-2 .active{
background: #a68474;
}
.granola-slider-section.stance-3 .active{
background: #3498cb;
}
.granola-slider-section.stance-4 .active{
background: #e44c9b;
}
.info-area-wrapper {
position: relative;
width: calc(100% - 7vw);
margin: 5vh 0 0 0;
}
.info-area {
overflow: hidden;
top: 0;
left: 0;
display: none;
}
.info-area:nth-child(1) {
display: block;
}
.info-area h3 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
margin: 2vh 0 1vh 0;
}
.granola-slider-section.stance-1 h3 {
color: #70ab52;
}
.granola-slider-section.stance-2 h3 {
color: #a68474;
}
.granola-slider-section.stance-3 h3 {
color: #3498cb;
}
.granola-slider-section.stance-4 h3 {
color: #e44c9b;
}
.info-area p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #262626;
line-height: 20px;
padding: 5px 0;
}
.footnote {
margin: 15px 0 0 0;
}
.info-area table {
font-family: 'Open Sans', sans-serif;
width:100%;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 20px 0 1vh 0;
padding: 5px 0;
}
.granola-slider-section.stance-1 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-1.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-2 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-2.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-3 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-3.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-4 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-4.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-1 table thead {
color: #70ab52;
}
.granola-slider-section.stance-2 table thead {
color: #a68474;
}
.granola-slider-section.stance-3 table thead {
color: #3498cb;
}
.granola-slider-section.stance-4 table thead {
color: #e44c9b;
}
.granola-slider-section.stance-6 table thead {
color: #e44c9b;
}
.info-area table td{
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: 500;
font-size: 12px;
padding: 5px 5px 5px 0;
}
.info-area table td:first-child {
font-weight: 600;
}
.info-area table td:last-child {
padding-right: 10%;
}
.rec-details {
font-size: 10px;
color: #aaaaaa;
}
.granola-slider-section.stance-1 .mark-row {
background: #f4f8f1;
}
.granola-slider-section.stance-2 .mark-row {
background: #f8f5f4;
}
.granola-slider-section.stance-3 .mark-row {
background: #eff7fb;
}
.granola-slider-section.stance-4 .mark-row {
background: #fdf1f7;
}
.granola-slider-section.stance-5 .mark-row {
background: #fef7e5;
}
.footnote p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #aaaaaa;
padding-right: 10%;
}
.nav-area {
margin: 5vh 7vw 5vh 0;
}
.nav-area a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #fff !important;
padding: .35vw 2.75vh;
border: 1px solid transparent;
border-radius: 1vw;
color: #262626;
transition: .5s;
}
.granola-slider-section.stance-1 a {
background: #70ab52;
}
.granola-slider-section.stance-2 a {
background: #a68474;
}
.granola-slider-section.stance-3 a {
background: #3498cb;
}
.granola-slider-section.stance-4 a {
background: #e44c9b;
}
.granola-slider-section.stance-6 a {
background: #e44c9b;
}
.nav-area a:hover {
background: #f4f8f1;
color: #262626 !important;
}  .location {
width: 100%;
}
.left-part-location-wrapper {
position: fixed;
float: left;
overflow: hidden;
width: calc(100% - 62%);
height: 100%;
background-size: cover;
}
.left-part-location-wrapper .acf-map {
height: 100%;
}
.sb-search {
position: absolute;
width: 0%;
min-width: 2vw;
height: 5vh;
overflow: hidden;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: transparent;
width: 100%;
height: 5vh;
margin: 0;
z-index: 10;
padding: 2vh 3vw 2vh 1vw;
font-size: 1vw;
color: red;
}
input[type="search"].sb-search-input {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
color: #747474;
}
.sb-search-input:-moz-placeholder {
color: #747474;
}
.sb-search-input::-moz-placeholder {
color: #747474;
}
.sb-search-input:-ms-input-placeholder {
color: #747474;
}
.sb-icon-search,
.sb-search-submit  {
width: 2vw;
height: 4vh;
display: block;
position: absolute;
right: .75vw;
top: 1.5vh;
padding: 0;
margin: 0;
line-height: 4vh;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
color: #747474;
background: #fff;
z-index: 90;
font-size: 1vw;
}
.sb-icon-search:before {
content: "";
background: url(//granola.com.ua/wp-content/themes/granola/img/search-icon.png) no-repeat center;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 50%;
height: 50%;
}
.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
height: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: #fff;
border: 1px solid #d7d5d9;
color: #fff;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90;
}
.right-part-location-wrapper {
float: right;
width: calc(100% - 38%);
}
.right-part-location {
background: #eeeeee;
margin: 19vh 0 0 0;
padding: 4vh 6.25vw 4vh 8.25vw;
min-height: calc(100vh - 19vh);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-menu {
margin-bottom: 3vh;
margin-left: -15px;
}
.buy-menu ul li:first-child {
margin-left: 0;
}
.buy-menu ul li{
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
margin-right: 15px;
font-weight: 700;
letter-spacing: -0.5px;
}
.buy-menu ul li a {
display: block;
padding: .45vw 1.75vh;
border: 1px solid transparent;
border-radius: 1vw;
color: #262626; background: #179de5;
transition: .5s;
}
.buy-menu ul li a:hover {
background: rgba(0,0,0,0);
color:#262626;
}
.buy-menu .active {
background: #179de5;
color: #fff;
}
.buy-brand {
margin: 6vh 0 0 -15px;
}
.buy-brand span {
display: none;
}
.buy-brand img {
display: block;
max-width: 100%;
}
.store-adress-wrapper {
font-family: 'Open Sans', sans-serif;
margin: 2vh 0 0 -15px;
overflow: hidden;
}
.store-adress {
float: left;
font-size: 0;
width: 50%;
}
.city-store {
color: #c1307c;
vertical-align: top;
font-size: 12px;
font-weight: 700;
width: 40%;
display: inline-block;
margin-top: 15px;
}
.place-store {
vertical-align: top;
color: #262626;
font-size: 14px;
width: 66%;
display: inline-block;
margin-top: 5px;
}
.place-adress {
margin: 10px 0 10px 0;
cursor: pointer;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.place-adress:hover {
text-decoration: underline;
-webkit-filter: brightness(120%);
-o-filter: brightness(120%);
filter: brightness(120%);
}  .buy-online {
width: 100%;
}
.left-buy-online-wrapper {
position: fixed;
float: left;
overflow: hidden;
width: calc(100% - 62%);
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.png) no-repeat;
background-position: center !important;
background-size: cover !important;
}
.buy-online-attach-out-wrapper {
position: absolute;
z-index: 44;
top: 0;
left: 0;
width: calc(100% - 62%);
}
.buy-online-attach-out-wrapper img {
position: absolute;
right: 0;
top: 0;
max-width: 17.5vw;
}
.buy-online-attach{
position: absolute;
}
.buy-online-attach:nth-of-type(1) {
width: 17.5vw;
bottom:0;
left:0;
}
.buy-online-left-content-outer {
width: 45%;
position: absolute;
margin: 30vh 0 0 0;
padding: 0 7.5vw 12vh 7.5vw;
z-index: 55;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-left-content-outer h3 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #262626;
}
.buy-online-left-content-element{
margin: 4vh 7.5vw 0 6vw;
}
.buy-online-left-content-element-item {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 14px;
color: #262626;
margin-top: 35px;
position: relative;
}
.buy-online-left-content-element-item:nth-of-type(1) {
margin-top:0;
}
.buy-online-left-content-element-item:after {
content: '';
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: -40px;
display: block;
}
.buy-online-left-content-element-item:nth-of-type(1):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-1.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(2):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-2.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(3):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-3.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(4):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-4.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(5):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-5.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item span {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
line-height: 16px;
}
.right-buy-online-wrapper {
float: right;
width: calc(100% - 38%);
}
.right-buy-online {
min-height: 100%;
background: #eeeeee;
margin: 19vh 0 0 0;
padding: 4vh 6.25vw 0 6.25vw;
}
.order-area-outer {
font-size: 0;
margin: 0 0 0 0;
}
.order-area-outer .content {
margin: 15px 0 0 0;
}
.order-area {
display: inline-block;
width: 50%;
vertical-align: top;
}
.order-area-pic {
}
.order-area-pic h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #262626;
margin-top: 2.5vh;
}
.order-area-pic img {
display: block;
width: 21vw;
margin-top: 2vh;
}
.order-area-book {
font-size: 14px;
}
.order-area-book br {
display: none;
}
.order-area-book h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #262626;
margin-top: 2.5vh;
margin-bottom: 2vh;
}
.order-amount-outer {
border-top: 2px solid #c6c6c6;
border-bottom: 2px solid #c6c6c6;
margin: 1.5vh 0;
padding: 1.5vh 0;
}
.order-amount-left {
float: left;
}
.order-amount-left h5 {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
}
.order-amount-left span {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #179de5;
margin-top: .5vh;
display: block;
}
.order-amount-right {
float: right;
}
.order-amount-right .count {
float: none;
}
.order-amount-right a{
font-size: 1vw;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 180%;
width: 1.75vw;
height: 3.5vh;
background: #c6c6c6;
border-radius: .1vw;
display: inline-block;
margin-top: -.8vh;
}
.amount-input-text {
}
.order-amount-right input {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
width: 3vw;
height: 3.5vh;
border: 2px solid #c6c6c6;
margin-left: .2vw;
margin-right: .2vw;
padding: 0 0 1px 10%;
display: inline-block;
}
.order-delivery {
}
.order-delivery h5 {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
}
.radio-group {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
}
.radio-group label {
margin-top: 1vh;
}
input[type=radio].css-checkbox {
position:absolute;
z-index:-1000;
left:-1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0; border:0;
}
input[type=radio].css-checkbox + label.css-label {
padding-left:1.25vw;
height:2vh;
display:inline-block;
line-height:1vw;
background-repeat:no-repeat;
background-position: 0px -23px;
font-size:.75vw;
vertical-align:middle;
cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0px 0px;
}
label.css-label {
background-image:url(//granola.com.ua/wp-content/themes/granola/img/radio-button.png);
font-family: 'Open Sans', sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.order-overall {
border-top: 2px solid #c6c6c6;
border-bottom: 2px solid #c6c6c6;
margin: 1.5vh 0;
padding: 1.5vh 0;
}
.order-overall h5 {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
float: left;
}
.order-overall span {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #179de5;
float: right;
}
.order-overall + input {
font-family: 'Oswald-Regular', sans-serif;
font-size: .75vw;
color: #fff;
padding: .45vw 2.75vh;
border: 1px solid transparent;
border-radius: 1vw;
background: #179de5;
transition: .5s;
}
.order-area-info {
width: 50%;
padding: 5vh 0 0 0;
}
.order-area-info p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 14px;
margin: 10px 0;;
}
.order-area-info h5 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
margin: 12px 0;
color: #179de5;
line-height: 14px;
background: none;
}
.order-area-tip {
font-size: 14px;
font-family: 'Open Sans';
font-weight: 600;
line-height: 18px;
color: #262626;
width: 200%;
margin: 35px 0 0 0;
}
.liqpay-link {
text-align: center;
display: block;
width: 150px;
margin: 20px 0 0 0;
}
.order-area-pic .buy-online-form-thank-you-title {
font-size: 20px;
font-weight: 700;
color: #179de5;
}
.buy-online-form-outer {
font-family: 'Open Sans';
width: 150%;
margin: 40px 0 0 0;
}
.buy-online-form-outer br {
display: none;
}
.buy-online-form-outer h4 {
font-size: 20px;
font-weight: 700;
color: #262626;
margin: 25px 0 20px 0;
}
.buy-online-form-outer select {
font-size: 14px;
font-weight: 600;
color: #262626;
background: #eeeeee;
border: 1px solid #c6c6c6;
width: calc(50% - 12px);
margin: 0 12px 12px 0;
padding: 8px 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-form-outer input {
font-size: 14px;
font-weight: 600;
color: #262626;
background: #eeeeee;
width: calc(100% - 12px);
border: 1px solid #c6c6c6;
margin-bottom: 12px;
padding: 8px 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-form-outer input.size-2 {
width: 100%;
}
.buy-online-form-outer .wpcf7-form-control-wrap.name,
.buy-online-form-outer .wpcf7-form-control-wrap.phone {
width: calc(50% - 12px);
margin: 0 12px 12px 0;
display: inline-block;
}
.buy-online-form-outer textarea {
font-size: 14px;
font-weight: 600;
color: #262626;
background: #eeeeee;
width: calc(100% - 12px);
border: 1px solid #c6c6c6;
margin-bottom: 12px;
padding: 8px 12px;
resize: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-form-outer input.hidden {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.buy-online-form-outer input[type="submit"] {
font-size: 20px;
font-weight: 700;
color: #ffffff;
background: #179de5;
border: 1px solid rgba(0,0,0,0);
border-radius: 25px;
display: inline-block;
width: auto;
margin: 25px 0 0 0;
padding: 5px 30px;
}
.buy-online-form-outer img {
display: block;
width: auto;
margin-top: 2vh;
}
.buy-online-form-outer span.wpcf7-not-valid-tip {
font-size: 14px;
font-weight: 600;
}
.buy-online-form-outer div.wpcf7-validation-errors {
font-size: 16px;
font-family: 'Open Sans';
font-weight: 600;
background: #f7e700;
margin-top: 10px !important;
padding: 5px 10px !important;
}
.buy-online-form-outer div.wpcf7-mail-sent-ok {
font-size: 16px;
font-family: 'Open Sans';
font-weight: 600;
color: #fff;
background: #398f14;
margin-top: 10px !important;
padding: 5px 10px !important;
}  .left-partnership-wrapper {
position: relative;
float: left;
overflow: hidden;
width: calc(100% - 59%);
min-height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.png) no-repeat;
background-size: cover;
}
.left-distrib-wrapper {
}
.partnership-item {
min-height: 100vh;
font-family: 'Open Sans', sans-serif;
}
.partnership-item br {
display: none;
}
.partnership-item h3 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #eef1f6;
line-height: 16px;
margin: 30vh 0 2.5vh 5.25vw;
}
.partnership-item form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 1vh 0 0 5.25vw;
}
.partnership-item form input, .partnership-item form textarea {
background: #eef1f6;
outline: none;
border: none;
color: #bcc8dd;
font-size: 12px;
width: 22.5vw;
margin-bottom: 8px;
}
.partnership-item form input,
.partnership-item form textarea {
padding: 10px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.partnership-item form input[type="submit"] {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #fff;
width: 7.5vw;
padding: .45vw 1.75vh;
border: 0px solid transparent;
border-radius: 1vw;
background: #2e7da8;
display: block;
margin: 30px 0 0 0;
}
.partnership-item form textarea {
resize: none;
padding-top: 1vh;
height: 22vh;
}
.partnership-item span.wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0 10px 0;
}
.label-textarea {
position: relative;
}
.label-textarea:after {
content: '';
position: absolute;
bottom:-2vh;
left: 2vw;
width: 0;
height: 0;
border-style: solid;
border-width: 33px 33px 0 0;
border-color: #eef1f6 transparent transparent transparent;
}
.right-partnership-wrapper {
float: right;
width: calc(100% - 38%);
min-height: 100%;
}
.right-partnership {
min-height: 100%;
background: #eeeeee;
margin: 19vh 0 0 0;
padding: 4vh 6.25vw 0 7.25vw;
}
.partner-info {
margin-right: 0;
padding-bottom: 25px;
}
.partner-info h3 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #262626;
margin-top: 10vh;
}
.partner-info p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 14px;
margin: 10px 0;
}
.partner-info h5 {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin: 12px 0;
color: #179de5;
line-height: 14px;
background: none;
}  .about-us-section .left-partnership-wrapper {
position: fixed;
}
.about-us-section .right-partnership-wrapper {
height: initial;
}
.about-us-section .right-partnership {
background: #fff;
margin: 0 0 0 0;
padding: 170px 250px 40px 216px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-section .right-partnership.bg-img{
background: url(//granola.com.ua/wp-content/themes/granola/img/right-bg-article.png) no-repeat right top -50px; }
.about-us-section .right-partnership h1 {
font-family: 'Oswald-Regular';
font-size: 36px;
line-height: 38px;
font-weight: 400;
color: #e3267f;
}
.content {
font-family: 'Open Sans';
font-size: 12px;
padding: 25px 0 0 0;
}
.content p {
margin: 0 0 15px 0;
}
.content h5 {
margin: 0 0 15px 0;
}
.content a {
text-decoration: none;
}
.content img {
max-width: 100%;
}
.content.content-shirko {
position: relative;
}
.content.content-shirko a {
font-weight: normal;
color: #595959;
text-decoration: underline;
}
.content.content-shirko.text p {
font-size: 16px;
}
.content.content-shirko p {
font-size: 15px;
font-family: 'Open Sans';
font-weight: 400;
line-height: 25px;
color: #595959;
margin: 0 0 20px 0;
position: relative;
}
.content.content-shirko h2 {
font-size: 24px;
font-family: 'Open Sans';
font-weight: 800;
line-height: 30px;
color: #333333;
margin: 0 0 20px 0;
}
.content.content-shirko h3 {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
line-height: 27px;
color: #333333;
margin: 0 0 20px 0;
}
.content.content-shirko h4 {
font-size: 16px;
font-family: 'Open Sans';
font-weight: 600;
font-style: italic;
line-height: 25px;
color: #333333;
margin: 0 0 20px 0;
}
.content.content-shirko h5 {
font-size: 15px;
font-family: 'Open Sans';
font-weight: 400;
line-height: 25px;
color: #333333;
margin: 0 0 20px 0;
padding: 25px 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content.content-shirko h5:before {
content: '';
background: #f1f1f1;
height: 100%;
width: 150%;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
z-index: -1;
}
.content.content-shirko blockquote {
border-left: 2px solid #c1307c;
display: block;
margin: 0 0 45px 0;
padding-left: 50px;
position: relative;
top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content.content-shirko p em {
font-style: italic;
font-weight: normal;
}
.content.content-shirko p strong,
.content.content-shirko p b {
font-weight: 700;
}
.content.content-shirko img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
margin-left: 0;
}
.content.content-shirko img.alignleft {
float: left;
margin: 0 25px 25px 0;
} body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left bottom;
}
body.blog .header__logo__image:before{
background: url(//granola.com.ua/wp-content/themes/granola/img/logo.png) no-repeat;
}
.blog-section {
padding-top: 28vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.blog-section .blog-text{
width: 30%;
}
.blog-section .blog-text p{
font:400 50px 'Oswald-Regular';
line-height: 1.3;
text-transform: uppercase;
color: #318ed8;
margin-top: 224px;
margin-left: 105px;
}
.blog-elements-outer {  width: 56%; }
.blog-single-outer {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
.blog-elements-outer.flex-outer{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; -webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blog-elements-outer .blog-element .more{
font:400 15px 'Open Sans';
color: #318ed8;
}
.blog-element {
display: block;
text-decoration: none;
text-align: center;
text-transform: uppercase;
width: 485px;
margin: 20px 0;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.blog-element:nth-child(1) {
margin-top: 0;
}
.blog-element:nth-child(2n) {
position: relative;
top: 230px;
}
.blog-element:hover:before {
opacity: 1;
}
.blog-pic-outer { margin-bottom: 24px;
}
.blog-pic-outer img {
display: block;
max-width: 100%;
}
.blog-element .title {
font-family: 'Oswald-Regular';
text-transform: none;
width: 80%;
position: relative;
font-size: 24px;
line-height: 26px; color: #262626;
margin: 0 auto 23px;
}
.blog-element .short-description {
font-family: 'Open Sans';
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #262626;
}
.blog-single-title {
font-family: 'Open Sans';
font-size: 16px;
font-weight: 600;
color: #262626;
}
.blog-single-back-link {
font-family: 'Open Sans';
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #262626;
display: inline-block;
margin: 10px 0 0 0;
}
.blog-single-back-link:hover img{
transform: rotate(180deg) translateX(15px) !important;
}
.blog-single-back-link img{
transition: .5s;
}
.blog-elements-outer .blog-element:hover .more{text-decoration: underline;}
.blog-single-outer {
width: 100%;
padding-bottom: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-single-outer .content {
font-size: 14px;
line-height: 18px;
padding-top: 50px;
}
.blog-single-outer .wp-caption.alignleft {
float: left;
margin: 0 25px 10px 0;
}
.blog-single-outer .wp-caption img {
margin-bottom: 0;
}
.blog-single-outer .wp-caption-text {
font-size: 12px !important;
font-weight: 700 !important;;
text-align: center;
text-transform: uppercase;
margin: 10px 0 0 0 !important;
}  body.blogeng{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left bottom;
}
body.blogeng .header__logo__image:before{
background: url(//granola.com.ua/wp-content/themes/granola/img/logo.png) no-repeat;
}
.blogeng-section {
padding-top: 28vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.blogeng-section .blogeng-text{
width: 30%;
}
.blogeng-section .blogeng-text p{
font:400 50px 'Oswald-Regular';
line-height: 1.3;
text-transform: uppercase;
color: #318ed8;
margin-top: 224px;
margin-left: 105px;
}
.blogeng-elements-outer {  width: 56%; }
.blogeng-single-outer {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
.blogeng-elements-outer.flex-outer{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; -webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blogeng-elements-outer .blogeng-element .more{
font:400 15px 'Open Sans';
color: #318ed8;
}
.blogeng-element {
display: block;
text-decoration: none;
text-align: center;
text-transform: uppercase;
width: 485px;
margin: 20px 0;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.blogeng-element:nth-child(1) {
margin-top: 0;
}
.blogeng-element:nth-child(2n) {
position: relative;
top: 230px;
}
.blogeng-element:hover:before {
opacity: 1;
}
.blogeng-pic-outer { margin-bottom: 24px;
}
.blogeng-pic-outer img {
display: block;
max-width: 100%;
}
.blogeng-element .title {
font-family: 'Oswald-Regular';
text-transform: none;
width: 80%;
position: relative;
font-size: 24px;
line-height: 26px; color: #262626;
margin: 0 auto 23px;
}
.blogeng-element .short-description {
font-family: 'Open Sans';
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #262626;
}
.blogeng-single-title {
font-family: 'Open Sans';
font-size: 16px;
font-weight: 600;
color: #262626;
}
.blogeng-single-back-link {
font-family: 'Open Sans';
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #262626;
display: inline-block;
margin: 10px 0 0 0;
}
.blogeng-single-back-link:hover img{
transform: rotate(180deg) translateX(15px) !important;
}
.blogeng-single-back-link img{
transition: .5s;
}
.blogeng-elements-outer .blogeng-element:hover .more{text-decoration: underline;}
.blogeng-single-outer {
width: 100%;
padding-bottom: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blogeng-single-outer .content {
font-size: 14px;
line-height: 18px;
padding-top: 50px;
}
.blogeng-single-outer .wp-caption.alignleft {
float: left;
margin: 0 25px 10px 0;
}
.blogeng-single-outer .wp-caption img {
margin-bottom: 0;
}
.blogeng-single-outer .wp-caption-text {
font-size: 12px !important;
font-weight: 700 !important;;
text-align: center;
text-transform: uppercase;
margin: 10px 0 0 0 !important;
} .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
display:block;
margin-bottom: 15px;
}
.screen-reader-response{display:none;} .contacts-section-title-outer {
position: relative;
margin: 23vh 0 0 5.25vw;
display: inline-block;
}
.contacts-item .contacts-section-title-outer h2 {
margin: 0 0 0 0;
}
.contacts-item .contacts-item-svg {
top: initial;
left: initial;
right: -50%;
bottom: -50%;
}
.partnership {
background: #eee;
height: 100%;
}
.home-page-adaptive-slider {
margin-top: 40px;
}
.home-page-adaptive-slider img {
max-width: 100%;
}
.nav-arrow-bottom {
position: fixed;
bottom: 3vh;
right: 2vw;
width: 32px;
height: 32px;
background: url(//granola.com.ua/wp-content/themes/granola/img/arrow-bottom.png) no-repeat;
background-size: cover;
z-index: 101;
-webkit-animation: arrow-bottom 5s infinite ease-in-out;
-moz-animation: arrow-bottom 5s infinite ease-in-out;
animation: arrow-bottom 5s infinite ease-in-out;
}
@keyframes arrow-bottom {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(-12px);
-ms-transform: translateY(-12px);
-o-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-filter: brightness(80%);
-o-filter: brightness(80%);
filter: brightness(80%);
}
50% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
75% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-filter: brightness(100%);
-o-filter: brightness(100%);
filter: brightness(100%);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.nav-arrow-bottom {
position: fixed;
bottom: 3vh;
right: 2vw;
width: 32px;
height: 32px;
background: url(//granola.com.ua/wp-content/themes/granola/img/arrow-bottom.png) no-repeat;
background-size: cover;
-webkit-animation:  arrow-bottom  5s infinite ease-in-out;
-moz-animation:  arrow-bottom  5s infinite ease-in-out;
animation: arrow-bottom  5s infinite ease-in-out;
}
.full-page-nav {
position: fixed;
bottom: 5vh;
right: 2.916666666666667vw;
z-index: 111;
width: 20px;
}
.full-page-nav-buttons-outer > div {
width: 20px;
height: 20px;
position: relative;
cursor: pointer;
}
.full-page-nav-buttons-outer div div {
width: 4px;
height: 4px;
border: 1px solid #000;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.full-page-nav-buttons-outer > div:hover div {
background: #000;
}
.full-page-nav-buttons-outer > div:nth-child(1) div {
background: #000;
}
.full-page-nav-arrow {
background: url(//granola.com.ua/wp-content/themes/granola/img/page_scroll_arrow.png) no-repeat center;
width: 11px;
height: 14px;
margin: 0 auto 0 auto;
padding-top: 13px;
cursor: pointer;
-webkit-animation: mouse_hint_anim 5s infinite ease-in-out;
-moz-animation: mouse_hint_anim 5s infinite ease-in-out;
animation: mouse_hint_anim 5s infinite ease-in-out;
}
@keyframes mouse_hint_anim {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(-2.5px);
-ms-transform: translateY(-2.5px);
-o-transform: translateY(-2.5px);
transform: translateY(-2.5px);
-webkit-filter: brightness(110%);
-o-filter: brightness(110%);
filter: brightness(110%);
}
50% {
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
75% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-filter: brightness(100%);
-o-filter: brightness(100%);
filter: brightness(100%);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.full-page-nav-arrow-top {
background: url(//granola.com.ua/wp-content/themes/granola/img/page_scroll_arrow.png) no-repeat center;
width: 9px;
height: 13px;
margin: 0 auto 0 auto;
padding-top: 10px;
cursor: pointer;
visibility: visible;
opacity: 1;
-webkit-animation: mouse_hint_anim_2 5s infinite ease-in-out;
-moz-animation: mouse_hint_anim_2 5s infinite ease-in-out;
animation: mouse_hint_anim_2 5s infinite ease-in-out;
}
@keyframes mouse_hint_anim_2 {
0% {
-webkit-transform: translateY(0) rotate(180deg);
-ms-transform: translateY(0) rotate(180deg);
-o-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
}
25% {
-webkit-transform: translateY(5px) rotate(180deg);
-ms-transform: translateY(5px) rotate(180deg);
-o-transform: translateY(5px) rotate(180deg);
transform: translateY(5px) rotate(180deg);
-webkit-filter: brightness(110%);
-o-filter: brightness(110%);
filter: brightness(110%);
}
50% {
-webkit-transform: translateY(-10px) rotate(180deg);
-ms-transform: translateY(-10px) rotate(180deg);
-o-transform: translateY(-10px) rotate(180deg);
transform: translateY(-10px) rotate(180deg);
}
75% {
-webkit-transform: translateY(0) rotate(180deg);
-ms-transform: translateY(0) rotate(180deg);
-o-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
-webkit-filter: brightness(100%);
-o-filter: brightness(100%);
filter: brightness(100%);
}
100% {
-webkit-transform: translateY(0) rotate(180deg);
-ms-transform: translateY(0) rotate(180deg);
-o-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
}
} li.lslide{
text-align: center;
} .adaptive {
display: none;
}  @media screen and (max-width: 1750px) {
.blog-elements-outer{
width: 58%;
}
}
@media screen and (max-width: 1680px) {
.blog-elements-outer{
width: 60%;
}
.about-us-section .right-partnership.bg-img{ }
.about-us-section .right-partnership{
padding: 170px 200px 40px 200px;
}
}
@media screen and (max-width: 1620px) {
.blog-elements-outer{
width: 64%;
}
.blog-section .blog-text{
width: 26%;
}
}
@media screen and (max-width: 1536px) {
.blog-elements-outer{
width: 64%;
}
.blog-section .blog-text{
width: 26%;
}
.blog-section .blog-text p{
margin-left: 70px;
font-size: 44px;
}
.blog-element{
width: 456px;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -30px bottom -30px;
}
.blog-element:nth-child(2n){
top: 210px;
}
}
@media screen and (max-width: 1440px) {
.header .social {
margin-right: 4.5vw;
}
.title-item svg {
left: 21vw;
top: 8vh;
}
.about-us-section .right-partnership{
padding: 170px 180px 40px 110px;
}
.blog-element{
width: 430px;
}
.blog-section .blog-text p{
margin-left: 50px;
font-size: 42px;
}
.blog-element .title{
width: 90%;
}
}
@media screen and (max-width: 1366px) {
.cook-img-first-step:nth-of-type(1) {
bottom: 50%;
}
.facts-item {
margin: 1vh 1vw;
}
.right-partnership {
margin: 20px;
}
.header {
padding: 0 3vw;
}
.header .menu-navigation {
margin-right: 3vw;
}
.howis-message p {
padding-right: 25px;
padding-left: 25px;
}
.about-us-section .right-partnership{
padding: 130px 140px 40px 70px;
}
.header .social{
margin-right: 20px;
}
.blog-element{
width: 400px;
margin: 0;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right -35px bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -50px bottom -40px;
}
.blog-element:nth-child(2n){
top: 182px;
}
}
@media screen and (max-width: 1280px) {
.blog-element{
width: 366px;
}
.blog-element .title{
font-size: 20px;
line-height: 22px;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left -60px top 0px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right -20px top -20px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -100px bottom -40px;
}
.blog-section .blog-text p{
margin-left: 20px;
font-size: 36px;
}
.blog-elements-outer{
width: 66%;
}
.blog-element:nth-child(2n){
top: 162px;
}
.blog-section .blog-text{
width: 24%;
}
.blog-element .title{
margin-bottom: 15px;
}
.blog-pic-outer{
margin-bottom: 15px;
}
}
@media screen and (max-width: 1120px) {
.header .social{
margin-right: 0px;
}
.blog-section .blog-text p{
font-size: 32px;
}
.blog-element{
width: 338px;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left -60px top 0px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right -20px top -20px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right -30px bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -238px bottom -40px;
}
}
@media screen and (max-width: 1024px) {
.food{
height: 50%;
width: 100%;
}
.nav-area a {
padding: 1.35vw 3.75vh;
border-radius: 15px;
}
.section {
position: relative !important;
} .header {
background: #fff !important;
width: 100%;
height: 40px;
margin: 0;
position: fixed;
overflow: visible;
left: 0;
top: 0;
z-index: 101;
}
header {
display: none;
visibility: hidden;
pointer-events: none;
}
.adaptive {
display: block;
}
.adaptive-header-wrapper {
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.adaptive-menu-button-outer {
width: 36px;
position: relative;
z-index: 100;
}
.adaptive-menu-button {
display: block;
}
.adaptive-menu-button div {
height: 3px;
width: 100%;
background: #000;
margin: 6px 0;
}
.adaptive-menu {
position: absolute;
width: 100%;
top: 35px;
left: 0;
padding: 0 0 15px 0;
background: #fff;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.adaptive-menu ul {
padding: 15px;
}
.adaptive-menu li {
text-align: center;
}
.adaptive-menu li a {
background: #fff;
display: block;
padding: 15px;
text-transform: uppercase;
color: #262626;
font-size: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
letter-spacing: 1px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.adaptive-menu li a:hover {
background: #262626;
color: #fff;
}
.lang-list ul {
text-align: center;
}
.lang-list ul li {
display: inline-block;
}
.lang-list ul li a:hover {
}
.socials-outer {
text-align: center;
}
.socials-outer a {
margin: 0 15px;
}
.socials-outer a img{
width: 20px;
}
.header__logo {
} body {
overflow: auto !important;
}
.main .section {
display: block !important;
opacity: 1 !important;
}
.pack-adaptive {
bottom: 0;
left: 0;
right: 0;
margin: 50px auto 0 auto;
z-index: 97;
display: block;
width: 100%;
max-width: calc(23vh + 6.5vw);
}
.attach-item-1:nth-of-type(11) {
position: absolute;
width: 40vw;
bottom: 3vh;
right: 0vw;
display: block;
}
.attach-item-1:nth-of-type(12) {
position: absolute;
width: 55vw;
right:0vw;
bottom: 0vh;
z-index: 98;
display: block;
}
.attach-item-1:nth-of-type(13) {
position: absolute;
width: 65vw;
bottom: 0vh;
right: 26vw;
z-index: 98;
display: block;
}
.attach-item-1:nth-of-type(14) {
position: absolute;
width: 23vw;
bottom: 0;
left: 0;
z-index: 98;
display: block;
}
.attach-item-1:nth-of-type(15) {
position: absolute;
height: 27.5vh;
bottom: 0vh;
left: 0vw;
z-index: 95;
display: block;
}
.attach-item-1:nth-of-type(16) {
position: absolute;
width: 30vw;
bottom: 6vh;
left: 0vw;
z-index: 95;
display: block;
}
.subs-wrap {
font-size: 0;
margin: 0;
}
.subs-main {
max-width: 55%;
margin: 0 0 0 15px;
display: block;
float: left;
}
.subs-main h2 {
}
.subs-main p {
width: 100%;
}
.subs-main .facts-anchor-button {
font-size: 12px;
}
.subs-sm {
width: calc(35% - 20px);
position: relative;
display: block;
float: right;
margin: 0 15px 15px 0;
}
.subs-sm p br {
display: none;
}
.subs-sm img {
max-width: 8vw;
margin-bottom: 15px;
}
.subs-sm-1:nth-of-type(2), .subs-sm-1:nth-of-type(3), .subs-sm-1:nth-of-type(4), .subs-sm-1:nth-of-type(5),
.subs-sm-2:nth-of-type(2), .subs-sm-2:nth-of-type(3), .subs-sm-2:nth-of-type(4), .subs-sm-2:nth-of-type(5),
.subs-sm-3:nth-of-type(2), .subs-sm-3:nth-of-type(3), .subs-sm-3:nth-of-type(4), .subs-sm-3:nth-of-type(5),
.subs-sm-4:nth-of-type(2), .subs-sm-4:nth-of-type(3), .subs-sm-4:nth-of-type(4), .subs-sm-4:nth-of-type(5) {
position: relative;
top: 0;
left: 0;
display: block;
}
.subs-sm-1:nth-of-type(2), .subs-sm-2:nth-of-type(4), .subs-sm-3:nth-of-type(2),
.subs-sm-3:nth-of-type(4), .subs-sm-4:nth-of-type(2), .subs-sm-4:nth-of-type(5) {
display: none;
}
.title-block-1 {
position: relative;
background-color: #97c76b;
background-size: cover;
}
.attach-item-1 {
display: none;
}
.package-wrap {
display: none;
}
.attach-item-2:nth-of-type(1) {
position: absolute;
width: 16vw;
left:0vw;
top:50vh;
z-index: 98;
display: none
}
.attach-item-2:nth-of-type(11) {
position: absolute;
width: 70vw;
bottom: 0vh;
left: 1vw;
z-index: 99;
display: block;
}
.attach-item-2:nth-of-type(9) {
position: absolute;
width: 63vw;
bottom: 0;
right: 0;
z-index: 97;
display: block;
}
.title-block-2 {
position: relative;
background-color: #97c76b;
background-size: cover;
}
.attach-item-2 {
display: none;
}
.package-wrap {
display: none;
}
.attach-item-3:nth-of-type(12) {
position: absolute;
width: 24vw;
right:0vw;
bottom: 0vh;
display: block;
}
.attach-item-3:nth-of-type(13) {
position: absolute;
width: 57vw;
bottom: 0vh;
right: 12vw;
z-index: 97;
display: block;
}
.attach-item-3:nth-of-type(15) {
position: absolute;
width: 34vw;
bottom: 0vh;
left: -5vw;
z-index: 97;
display: block;
}
.attach-item-3:nth-of-type(16) {
position: absolute;
width: 44vw;
bottom: 0vh;
left: 0vw;
z-index: 99;
display: block;
}
.title-block-3 {
position: relative;
background-color: #4cb4e8;
background-size: cover;
}
.attach-item-3 {
display: none;
}
.package-wrap {
display: none;
}
.attach-item-4:nth-of-type(2) {
position: absolute;
width: 20vw;
left:1.25vw;
bottom:2vh;
display: block;
}
.attach-item-4:nth-of-type(7) {
position: absolute;
width: 18vw;
left:13vw;
top: 80vh;
display: block;
}
.attach-item-4:nth-of-type(8) {
position: absolute;
width: 90vw;
bottom: 0;
left: 0;
z-index: 98;
display: block;
}
.attach-item-4:nth-of-type(9) {
position: absolute;
width: 58vw;
bottom: 0;
right: 0;
z-index: 99;
display: block;
}
.title-block-4 {
position: relative;
background-color: #97c76b;
background-size: cover;
}
.attach-item-4 {
display: none;
}
.package-wrap {
display: none;
}
.facts-item p {
width: 22vw;
}
.howis-item-wrap {
text-align: center;
}
.howis-item {
width: 48%;
position: relative;
left: 7vw;
}
.howis-item:nth-of-type(2) .howis-message {
left:16vw;
}
.contacts-section {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.contacts-item:first-of-type {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
min-height: 0;
padding-top: 55px;
}
.contacts-form-outer {
margin: 25px 0 0 0vw;
width: 100%;
}
.contacts-item h2 {
margin:0;
font-size: 48px;
}
.contacts-item .contacts-item-svg {
display: block;
position: relative;
top: -10px;
left: 0;
z-index: -1;
width: 175px;
}
.contacts-item form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0vh 0 0 0vw;
width: 100%;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-form p {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
max-width: 480px;
}
.wpcf7-form p span, .wpcf7-form p label {
width: 100%;
max-width: 480px;
}
.contacts-item form input, .contacts-item form textarea {
background: #eef1f6;
outline: none;
border: none;
color: #bcc8dd;
font-size: 14px; width: 100%;
margin-bottom: 15px;
padding: 15px;
}
.contacts-item form input {
height: 25px;
}
.contacts-item form input[type="submit"] {
background: #2e7da8;
color: #fff;
font-weight: 700;
font-size: 14px;
margin-top:3vh;
width: auto;
height: auto;
padding-left: 15px;
border-radius:5px;
}
.contacts-item form textarea {
resize: none;
height: 22vh;
}
.label-textarea {
display: block;
position: relative;
}
.label-textarea:after {
content: '';
position: absolute;
bottom:-2vh;
left: 2vw;
width: 0;
height: 0;
border-style: solid;
border-width: 33px 33px 0 0;
border-color: #eef1f6 transparent transparent transparent;
display: none;
}
.contacts-item:last-of-type {
width: 100%;
padding-bottom: 0;
}
.person span:after {
height: 2px;
width: 30px;
}
.contacts-item-left-line {
width: 25px;
height: 5px;
background: #fff;
margin: 0 0 0 9vw;
display: none;
}
.email:before, .adress:before {
left: -25px;
bottom: -5px;
width: 20px;
height: 20px;
display: none;
}
.coords {
padding-top: 25px;
padding-right: 60px;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tel {
margin: 0 0 25px 0;
}
.coords:after {
width: 160px;
height: 180px;
}
.granola-slider-section {
}
.left-part-choice-wrapper {
display: block;
width: 100%;
height: inherit;
position: relative;
}
.choice-item-right {
display: block;
width: 100%;
}
.choice-item-pack {
width: 25vw;
}
.choice-item-right {
margin-left: 0;
}
.choice-item-info {
margin: 10vh 7vw 0 7vw;
}
.head-area h1, .head-area h2 {
font-size: 4vw;
}
.count {
font-size: 4vw;
}
.about-us-section .left-partnership-wrapper, .right-buy-online-wrapper {
position: relative;
padding-top: 40px;
}
.left-partnership-wrapper, .left-part-location-wrapper, .left-buy-online-wrapper {
position: relative;
float: none;
width: 100%;
height: 50%;
padding-top: 40px;
}
.left-buy-online-wrapper {
min-height: 90%;
}
.right-partnership-wrapper, .right-part-location-wrapper, .right-buy-online-wrapper {
float: none;
width: 100%;
height: auto;
}
.right-buy-online-wrapper {
padding-top: 0;
}
.right-part-location-wrapper {
height: auto;
}
.buy-online-left-content-outer {
width: 100%;
margin: 25vh 0 0 0;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-outer {
position: relative;
}
.left-buy-online-wrapper {
display: none;
}
.order-area-book .email {
margin-top: 0 !important;
margin-left: 0 !important;
}
.right-buy-online {
height: auto;
margin: 0 0 0 0;
}
.order-area-pic img {
width: auto;
max-width: 90%;
}
.partnership-item h3 {
font-size: 24px;
text-align: center;
}
.partnership-item form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.partnership-item form input, .partnership-item form textarea {
width: 100%;
}
.partnership-item form input[type="submit"] {
font-weight: 700;
font-size: 14px;
margin-top:3vh;
width: auto;
height: auto;
width: 200px;
padding: 8px 12px;
border-radius:5px;
}
@media screen and (max-width: 1024px) { .title-block-1, .title-block-2, .title-block-3, .title-block-4, .facts, .howis, .partners {
padding-top: 25px;
min-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.title-block-1 {
padding-top: 60px;
}
.title-item {
display: inline-block;
margin: 0 0 0 15px;
}
.title-item svg {
fill: #DF4D96;
}
.equal {
border-bottom-width: 3px;
}
.title-item svg {
top: initial !important;
right: initial !important;
bottom: initial !important;
left: initial !important;
right: -20% !important;
top: 0 !important;
}
.facts-item {
min-height: 0px;
margin: 0 0 25px 0;
}
.inner-head {
margin: 0 0 0 15px;
}
.assortment {
height: auto;
overflow: auto;
position: absolute;
}
.right-part-location {
padding: 25px 15px 25px 15px;
}
.location {
min-height: 0;
}
.order-area-book .order-form-submit {
width: 200px;
padding: 8px 12px;
}
.left-partnership-wrapper {
height: auto;
min-height: 0;
}
.partnership-item {
min-height: 0;
}
.partnership-item h3 {
margin: 25px 0 25px 0;
}
.partnership-item form {
margin: 0 0 0 0;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.right-partnership {
padding: 25px 15px;
height: auto;
margin: 0 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.partner-info h3 {
margin: 45px 0 0 0;
} .blog-section{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blog-section .blog-text{
width: 100%;
}
.blog-section .blog-text p{
font-size: 38px;
text-align: center;
margin: 0 0 15px 0;
}
.blog-section .blog-text p br{
display: none;
}
.blog-elements-outer{
width: 100%;
}
.blog-elements-outer.flex-outer{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blog-element{
width: 485px;
}
.blog-element .title{
width: 80%;
}
.blog-element:nth-child(2n){
top: 0;
}
}
@media screen and (max-width: 800px) {
body.blog{
background: #fff;
}
.blog-section{
padding: 100px 15px 15px;
}
.title-item svg {
top: 12vh;
}
.item-column-row {
margin: 15vh 0 15vh 7vw;
}
.facts-item p {
width: 200px;
}
.facts-item p:before {
left: -10px;
}
.howis .inner-head h2 {
font-size: 5vw;
}
.partner-item {
width: 100%;
margin-bottom:5vh;
}
.choice-item-pack {
width: 35vw;
}
.choice-item-info {
margin: 8vh 7vw 0 7vw;
}
.head-area h1, .head-area h2 {
font-size: 5vw;
}
.count {
font-size: 5vw;
}
.buy-online-left-content-outer {
width: 100%;
margin: 40px 0 0 0;
padding-top: 25px;
}
.order-area {
width: 100%;
}
.nav-arrow-bottom {
display: none;
}
}
@media screen and (max-width: 600px) {
.blog-element{
width: 100%;
padding: 15px 0;
}
.blog-section .blog-text p{
font-size: 26px;
}
.blog-element .title{
width: 90%;
}
.title-item svg {
top: 9vh;
}
.item-column-row {
margin: 15vh 14vw;
}
.facts-item p {
width: 100%;
}
.facts-item p:before {
left: -10px;
}
.howis-item {
width: 100%;
left: 15vw;
margin: 0 0 60px 0;
}
.cook-img-first-step:nth-of-type(1) {
height: calc(8vh + 16vw);
top:3%;
left:33%;
}
.cook-img-first-step:nth-of-type(2) {
width: 37vw;
bottom: 5vh;
left: 3.5vw;
}
.howis-item:nth-of-type(2) .howis-message {
top:-9.5vh;
}
.cook-img-second-step:nth-of-type(1) {
top: 15vh;
left: 15vw;
}
.cook-img-second-step:nth-of-type(2) {
top: 25vh;
}
.cook-img-second-step:nth-of-type(3) {
top: 45vh;
left: 15vw;
}
.cook-img-third-step:nth-of-type(1) {
width: 12vw;
bottom: 4vh;
left: -2vw;
}
.cook-img-third-step:nth-of-type(2) {
width: 36.5vw;
bottom: 7.5vh;
left: 5vw;
}
.bracket {
margin-bottom: 25px;
}
.howis-item:nth-last-child(1) {
margin-bottom: 25px;
}
.bracket p {
font-size: 2.5vw;
}
.partners-item-wrap {
padding: 40px 15px;
}
.howis .inner-head > svg {
width: 27vw;
height: 16.2vh;
top:-5vh;
}
.partners .inner-head h2 {
font-size: 36px;
}
.wpcf7-form p {
width: 100%;
max-width: 320px;
}
.wpcf7-form p span, .wpcf7-form p label {
width: 100%;
max-width: 320px;
}
.wrap-names {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 40px 0 0 0;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.person {
font-size: 14px;
width: 100%;
margin: 30px 0;
}
.tel p, .email, .adress {
font-size: 14px;
line-height: 20px;
margin: 0 0 25px 0;
}
.coords:after {
width: 80px;
height: 90px;
top: 15px;
}
.food {
width: 100%;
height: 90vh;
}
.food img {
width: 50vw;
}
.choice-item-pack {
width: 45vw;
}
.choice-item-info {
margin: 7vh 7vw 0 7vw;
}
.head-area h1, .head-area h2 {
font-size: 6vw;
}
.count {
font-size: 6vw;
}
.info-area {
overflow: auto;
}
.info-area table {
width: 600px;
overflow-x: auto !important;
}
.buy-menu {
padding-left: 15px;
}
.buy-menu ul li {
font-size: 12px;
margin-right: -5px;
margin-bottom: 5px;
display: block;
}
.buy-menu ul li a {
display: inline-block;
padding: 8px 12px;
}
.store-adress {
float: none;
font-size: 0;
width: 100%;
}
.buy-online-left-content-outer {
width: 100%;
margin: 20vh 0 0 0;
}
.header__logo__image img {
max-width: 60px;
}
.buy-online-left-content-outer {
margin: 40px 0 0 0 !important;
padding: 25px 15px;
}
.wpcf7-form-control-wrap.email {
margin: 4vh 0 0 11.5vw;
}
.food img {
width: 120px;
}
}
@media screen and (max-width: 380px) {
.blog-section .blog-text p{
font-size: 24px;
}
.subs-main h1, subs-main h2 {
font-size: 5.6vw;
}
.title-item svg {
top: 1vh;
width: 40%
}
.title-item h2 {
font-size: 10vw;
}
.subs-sm img {
max-width: 8vw;
}
.item-column-row {
margin: 50px 0 15px 13vw;
}
.facts-item p {
width: 95%;
}
.facts-item p:before {
left: -10px;
}
.cook-img-first-step:nth-of-type(1) {
top:20%;
}
.cook-img-first-step:nth-of-type(2) {
width: 45vw;
bottom: 5.5vh;
left:4.5vw;
}
.cook-img-third-step:nth-of-type(1) {
width: 20vw;
bottom: 4vh;
left: -10vw;
}
.cook-img-third-step:nth-of-type(2) {
width: 45vw;
bottom: 7.5vh;
left: 5vw;
}
.bracket p {
font-size: 4.5vw;
}
.howis .inner-head h2 {
font-size: 36px;
}
.howis .inner-head svg {
width: 60%;
top: -2vh;
left: 20vw;
fill: #DF4D96;
}
.partner-item {
width: 100%;
margin: 0 0 40px 0;
}
.partner-item a {
width: 50%;
}
.partner-item a:before {
display: none;
}
.choice-item-pack {
width: 60vw;
height: auto;
}
.left-part-choice-wrapper > div {
height: 85%;
}
.arrows-area-wrapper {
display: block;
}
.dir-outer {
margin: 25px 0 0 0;
}
.arrow {
margin-left: 8px;
}
.about-us-section .right-partnership {
padding: 25px 15px 0 15px;
}
.choice-item-info {
margin: 5vh 7vw 0 7vw;
}
.head-area h1, .head-area h2 {
font-size: 9vw;
width: 80%;
}
.count {
font-size: 9vw;
}
.buy-online-left-content-outer {
width: 100%;
margin: 10vh 0 0 0;
}
.buy-online-left-content-element {
margin: 4vh 7.5vw 0 14vw;
}
.order-area-pic img {
width: 100%;
}
.food img {
width: 190px !important;
}
} @media screen and (max-width: 1024px) {
.non-adaptive {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
}
.header__logo__image img {
width: 65px !important;
}
.assortment {
height: 100% !important;
}
.left-partnership-wrapper { }
.subs-sm img {
display: inline-block;
width: 20%;
vertical-align: middle;
margin-bottom: 0;
margin-right: 5%;
}
.subs-sm p {
display: inline-block;
width: 75%;
vertical-align: middle;
}
.item-column-row {
margin: 80px 0 15px 7vw;
}
.title-item svg {
width: 40%;
top: 60% !important;
}
.title-item {
margin-left: 5vw;
}
.howis-item {
min-height: initial;
left: initial;
width: 39%;
margin: 6% 5% !important;
vertical-align: middle;
}
.cook-img-adaptive {
max-width: 100%;
}
.howis-item:nth-of-type(1) .howis-message {
top: 0 !important;
left: 0 !important;
right: initial !important;
bottom: initial !important;
}
.howis-item:nth-of-type(2) .howis-message {
top: -20% !important;
left: initial !important;
right: -20% !important;
bottom: initial !important;
}
.howis-item:nth-of-type(3) .howis-message {
top: -50% !important;
right: 20% !important;
left: initial !important;
bottom: initial !important;
}
.bracket {
margin: 0 0 35px 0;
}
.howis .inner-head > svg {
width: 40%;
fill: #DF4D96;
top: 40%;
}
.howis .inner-head h2 {
font-size: 60px;
}
.partner-item a {
width: 80%;
}
.partners-item-wrap {
padding-top: 40px;
}
.choice-item-pack {
height: auto !important;
}
.left-part-choice-wrapper > div {
height: 80%;
}
.about-us-section .right-partnership {
padding: 30px 25% 25px 25px;
}
.content.content-shirko blockquote{
margin-bottom: 40px
}
.contacts-section .email,
.contacts-section .adress {
margin: 2vh 0 0 0;
}
.coords:after {
top: 15px;
}
.wrap-names {
margin: 40px 0 0 15px;
}
.contacts-section .contacts-item {
min-height: 0;
padding-bottom: 25px;
}
.contacts-section .contacts-item:nth-child(1) {
order: 2;
}
.contacts-section .contacts-item:nth-child(2) {
order: 1;
padding-top: 60px;
}
.buy-menu {
margin-left: 0;
}
.buy-online-left-content-outer {
padding-top: 40px;
padding-bottom: 40px;
margin-top: 40px;
}
.partnership .left-partnership-wrapper {
order: 2;
}
.partnership .right-partnership-wrapper {
order: 1;
}
.right-part-location {
margin: 0 0 0 0;
}
.about-us-section-image {
width: auto;
height: 70vh;
max-height: 1080px;
margin: 0 auto;
}
.about-us-section .left-partnership-wrapper {
height: auto !important;
background: none !important;
text-align: center;
}
.contacts-section-title-outer {
margin: 0 0 0 0;
}
.buy-brand {
margin-left: 15px;
}
.store-adress-wrapper {
margin-left: 15px;
}
.buy-menu ul li a {
padding: 12px 18px;
border-radius: 12px;
}
.buy-online-left-content-element {
margin-left: 8vw;
}
.facts-item p {
padding: 0 15px 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.facts-item p:after {
display: none !important;
}
.howis .inner-head > svg {
width: 70%;
height: auto;
margin-top: -5%;
top: initial;
right: 0;
bottom: initial;
left: initial;
}
.inner-head {
display: inline-block;
}
.partners .inner-head svg {
display: none;
}
.partner-item a:before {
display: none;
}
.partners .inner-head {
display: block;
text-align: center;
}
.socials-outer { }
.section.partnership {
height: auto;
}
}
@media screen and (max-width: 740px) {
.title-item svg {
top: 40% !important;
}
.item-column-row {
margin: 50px 0 15px 8vw;
}
.howis .inner-head h2 {
font-size: 36px;
}
.howis-item .howis-message p {
background: none !important;
font-size: 18px;
}
.inner-head h2, .inner-head div.title {
font-size: 32px;
line-height: 36px;
}
.howis-item {
width: 100%;
margin: 0 2% 35px 2% !important;
text-align: center;
}
.cook-img-adaptive {    max-width: 70% !important;}
.howis-item:nth-of-type(1) {
margin-top: 35px !important;
}
.howis-item:nth-of-type(2) .howis-message {
top: -40% !important;
}
.howis-item:nth-of-type(3) .howis-message {
top: -65% !important;
}
.howis-item:nth-of-type(1) .howis-message,
.howis-item:nth-of-type(2) .howis-message,
.howis-item:nth-of-type(3) .howis-message {
width: 225px !important;
height: 100px !important;
position: relative;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin: auto !important;
}
.cook-img-adaptive {
max-width: 60%;
margin: 0 auto;
}
.partner-item a {
text-align: center;
}
.partner-item a img {
width: 60%;
}
.wrap-names {
padding-left: 0;
}
.buy-menu {
padding-left: 0;
}
.partnership .left-partnership-wrapper {
height: auto !important;
}
.buy-online-left-content-element {
margin-left: 40px;
}
.order-area-pic img {
max-width: 100%;
}
.choice-item-1-left img, .choice-item-2-left img, .choice-item-3-left img, .choice-item-4-left img,.choice-item-5-left img {
display: none;
}
.choice-item-1-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_1.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-2-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_2.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-3-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_4.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-4-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_3.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-5-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_5.jpg) no-repeat center;
background-size: auto 100%;
}
.left-part-choice-wrapper {
margin-top: 40px;
}
.about-us-section .right-partnership{
padding: 25px;
}
.about-us-section .right-partnership.bg-img{
background-image: none;
}
}
}body {
overflow-x: hidden;
width: 100%;
}
a {
text-decoration: none;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.section {
overflow: hidden;
max-width: 100%;
min-height: 100vh;
box-sizing: border-box;
}
.main .section {
width: 100%;
top: 0;
left: 0;	
}
.spinner {
width: 40px;
height: 40px;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
margin: auto;
}
.double-bounce1, .double-bounce2 {
border: 2px solid rgba(0,0,0,0.8);
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.4;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.title-block-1,
.title-block-2,
.title-block-3,
.title-block-3,
.title-block-4,
.title-block-5,
.title-block-6,
.facts,
.howis,
.partners {
display: block;
position: absolute !important;
z-index: 99;
width: 100vw;
}
.loader {
background: #fff;
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 222;
}
.pagination-overflow-helper {
background: #fff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
display: none;
z-index: 101;
} .page-404 {
background-color: #e5eaf3;
min-height: 100vh;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.page-404 > div {
width: 50vw;
margin: auto;
text-align: center;
}
.page-404 .pic-404-outer {
}
.page-404 .pic-404-outer img {
max-width: 100%;
}
.page-404 p {
font-family: 'Open Sans';
font-size: 24px;
font-weight: 800;
color: #e6499c;
margin-top: 60px;
margin-bottom: 40px;
}
.page-404 p span {
font-family: 'Open Sans';
font-size: 24px;
font-weight: 700;
color: #58baf3;
}
.page-404 a {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 400;
color: #000;
}  .header {
background: transparent !important;
width: 100vw;
margin: 35px 0vw 0vh 0vw;
padding: 0vh 0vw 0vh 0vw;
position: absolute;
z-index: 111;   
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header__logo { display: flex;
position: relative;
}
.header__logo__image img { visibility: visible;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.header__logo .header__logo__image {
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header__logo .header__logo__image:hover {
opacity: 0.8;
}
.header__logo__image:before {
content: '';
position: absolute;
top: 0vw;
left: 0vw;
opacity: 0;
min-width: 10vw;
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/logo-2.png) no-repeat;
background-size:  contain;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
header.header {
display: flex !important;
flex-direction: row;
justify-content: space-around;
}
header.stance-black .header__logo__image:before,
header.stance-contacts .header__logo__image:before{
opacity: 1;
}
header.stance-black .header__logo__image img,
header.stance-contacts .header__logo__image img {
opacity: 0;
}
header.stance-black-single-article .header__logo__image:before{
opacity: 0;
}
header.stance-contacts .header__logo__image:before{
opacity: 1;
}
header.stance-black-single-article .header__logo__image img,
header.stance-contacts .header__logo__image img {
opacity: 1;
}
header.stance-black-single-article .menu-navigation > li > a {
color: #262626;
}
.menu-outer { margin: 2vh 0vw 0vh 0vw;
}
.header .social {
display: inline-block;
margin: 2vw 0vw 0 0;                                                                                                             	
position: relative;
top: 0px;
font-size: 14px;
}
.header .social > li {
margin-left: .75vw;
width: 20px;
}
.header .social__item {
display: inline-block; 
}
.header .social__item a {
position: relative;
width: 20px;
display: block;
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header .social__item a:hover {
opacity: 0.6;
}
.header .social__item a:before {
content: '';
position: absolute;
opacity: 0;
top: 0vh;
left:0;
width: 100%;
height: 100%;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
header.stance-black .social__item a:before {
opacity: 1;
}
header.stance-black .social__item a:hover:before {
opacity: 1;
}
.header .social__item:nth-of-type(1) a:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facebook-2.png) no-repeat;
background-size: cover;
}
.header .social__item:nth-of-type(3) a:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/linked_bl.png) no-repeat;
background-size: cover;
}
.header .social__item:nth-of-type(2) a:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/instagram-2.png) no-repeat;
background-size: cover;
} .header .social__item img {
width: 100%;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
header.stance-black .social__item img {
opacity: 0;
}
header.stance-black-single-article .social__item a:before {
opacity: 1;
}
.header .nav {
display: inline-block;
margin-right: 0vw;
}
.header .menu-navigation {
margin:0 0.5vw 0 0;
padding: 0;
}
.header .menu-navigation > li {
margin-left: 2vw;
display: inline-block;
vertical-align: middle;
position: relative;
}
.header .menu-navigation > li:before {
content: '';
background: rgba(255,255,255,0.8);
width: 45px;
height: 45px;
border-radius: 50%;
position: absolute;
bottom: -125%;
right: 0;
left: 0px;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header .menu-navigation > li:after {
content: '';
background: rgba(255,255,255,0.8);
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
bottom: -30%;
right: 0;
left: 50%;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header.stance-black .menu-navigation > li:before,
.header.stance-black .menu-navigation > li:after,
.header.stance-black .menu-navigation > li a:before,
.header.stance-black .menu-navigation > li a:after {
background: rgba(0,0,0,0.15);
}
.header .menu-navigation > li:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.2;
}
.header .menu-navigation > li:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.3;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.header .menu-navigation > li:hover a:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.2;
}
.header .menu-navigation > li:hover a:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.2;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.header .menu-navigation > li > a {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 700;
color: #fff;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.header.stance-black ul li a {
color: #262626;
}
.buy-button {
padding: 1.5vh 0;
border-radius: 2vw;
overflow: hidden;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.header .buy-button a {
color: rgba(0,0,0,0) !important;
padding: 1vh 1.5vw;
border-radius: 2vw;
background: #c1307c;
position: relative;
z-index: 55;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.buy-button-text-outer {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
pointer-events: none;
z-index: 77;
}
.buy-button-text-outer p {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 700;
color: #fff;
margin: auto;
}
.buy-button-effect {
background: #179DE5;
width: 1.5vw;
height: 1.5vw;
border-radius: 50%;
position: absolute;
opacity: 0;
pointer-events: none;
z-index: 66;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.buy-button .buy-button-effect:nth-child(2) {
left: 50%;
bottom: -10%;
}
.buy-button:hover .buy-button-effect:nth-child(2) {
opacity: 1;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.buy-button .buy-button-effect:nth-child(3) {
left: 0;
}
.buy-button:hover .buy-button-effect:nth-child(3) {
opacity: 1;
-webkit-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.buy-button .buy-button-effect:nth-child(4) {
right: 0;
top: 0;
}
.buy-button:hover .buy-button-effect:nth-child(4) {
opacity: 1;
-webkit-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.buy-button .buy-button-effect:nth-child(5) {
left: 15%;
top: 0;
}
.buy-button:hover .buy-button-effect:nth-child(5) {
opacity: 1;
-webkit-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.buy-button .buy-button-effect:nth-child(6) {
right: 15%;
bottom: 0;
}
.buy-button:hover .buy-button-effect:nth-child(6) {
opacity: 1;
-webkit-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.buy-button .buy-button-effect:nth-child(7) {
right: 0;
bottom: 10%;
left: 0;
margin: 0 auto;
}
.buy-button:hover .buy-button-effect:nth-child(7) {
opacity: 1;
-webkit-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.header .menu-navigation > li a:before {
content: '';
background: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
bottom: 0%;
right: 0;
left: 30%;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header .menu-navigation > li a:after {
content: '';
background: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
bottom: -50%;
right: 0;
left: 50%;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.current-menu-item:before {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.2 !important;
}
.current-menu-item:after {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.3 !important;
}
.current-menu-item a:before {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.2 !important;
}
.current-menu-item a:after {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
opacity: 0.2 !important;
}
.header .buy-button:before,
.header .buy-button:after,
.header .buy-button a:before,
.header .buy-button a:after {
display: none;
}
.header.stance-black .buy-button a,
header.stance-contacts .buy-button a {
background: #179DE5;
}
.header .buy-button a:hover {
}
.header.stance-black .buy-button a {
color: #fff;
}
.header.stance-black .buy-button-effect,
.header.stance-contacts .buy-button-effect {
background: #c1307c;
}
.language-button-effect {
position: absolute;
background: #fff;
border-radius: 50%;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: 0;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.language-button-list-effect {
position: absolute;
background: #fff;
border-radius: 10px;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: 0;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.header.stance-black .language-button-effect,
.header.stance-black .language-button-list-effect {
background: rgba(0,0,0,0.3);
}
.header .language-button-outer {
cursor: pointer;
display: inline-block;
vertical-align: middle;
position: relative;
width: 10vw;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
top: 2vh;
}
.language-button-outer{
margin-top:10px;
}
.lang-item {
display: inline;
margin: 2px;
cursor: pointer;
}
.header .language-button-outer .language-button {
background: #fff;
color: #262626;
width: 7.75vw;
height: 1.75vw;
border-radius: 1.75vw;
font-family: 'Open Sans';
font-size: 14px;
font-weight: 700;
padding: .2vw;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; 
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center; 
-moz-align-items: center; 
-ms-align-items: center;
align-items: center;
}
.header.stance-black .language-button-outer .language-button {
color: #fff;
background: #262626;
}
.header .language-button-outer .language-button-2 {
background: #262626;
color: #fff;
}
.language-list-outer {
width: 100%;
text-align: center;
position: absolute;
float: right;
top: 0px;
left: 0;
display: none;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.language-list-outer ul {
border-radius: 8px;
background: rgba(255,255,255,0.8);
border: 1px solid #fff;
padding: 4px 0;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
header.stance-black .language-list-outer ul {
background: rgba(0,0,0,0.8);
}
.language-list-outer li a {
font-size: 0.8vw;
font-family: 'Open Sans';
font-weight: 700;
text-decoration: none;
color: #000;
display: inline-block;
padding: 0.2vw 0 4px 0;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
header.stance-black .language-list-outer li a {
color: #fff;
}
.language-button-outer:hover {
-webkit-filter: brightness(120%);
-o-filter: brightness(120%);
filter: brightness(120%);
}
.language-button-outer.active {
border-radius: 0;
}
header.stance-a .language-button-outer,
header.stance-b .language-button-outer {
background: #000;
}
header.menu-opened .language-button-outer {
background: #fff;
}  #full_page {
visibility: hidden;
position: absolute !important;
top: 0;
left: 0;
}
.title-block-1 {
position: relative;
background-color: #97c76b;
background: url(//granola.com.ua/wp-content/themes/granola/img/title-1-background.jpg) no-repeat;
background-size: cover;
}
.title-block-2 {
position: relative;
background-color: #b7998a;
background: url(//granola.com.ua/wp-content/themes/granola/img/title-2-background.jpg) no-repeat;
background-size: cover;
}
.title-block-3 {
position: relative;
background-color: #59bcf1;
}
.title-block-4 {
background: url(//granola.com.ua/wp-content/themes/granola/img/background-screen-4.jpg) no-repeat;
background-size: cover;
position: relative;
}
.title-block-5 {
background: url(//granola.com.ua/wp-content/themes/granola/img/background-screen-5.jpg) no-repeat;
background-size: cover;
position: relative;
height: 100%;
}
.title-block-6 {
background: url(//granola.com.ua/wp-content/themes/granola/img/to-go-bg.jpg) no-repeat;
background-size: cover;
position: relative;
height: 100%;
}
.package-wrap {
width: 25.75vw;
position: fixed;
bottom: 0;
left: 15vw;
z-index: 98;
width: 25.75vw;
}
.pack {pointer-events:none;
width: 25.75vw;
position: relative;
bottom: 0;
}
.pack-info {
position: absolute;
width: 6.5vw;
height: 12vh;
top:10vh;
right: 0;
z-index: 99;
}
.pack-info > div {
position: absolute;
top: 0;
left: 0;
display: none;
width: 6.5vw;
}
.pack-info > div:nth-child(1),
.pack-info > div:nth-child(2),
.pack-info > div:nth-child(3),
.pack-info > div:nth-child(4) {
display: block;
}
.pack-item {
max-width: 100%;
}
.package-screen-1 {
}
.package.package-screen-2 {
}
.package.package-screen-3 {
}
.package.package-screen-4 {
}
.pack-adaptive {
display: none;
}
.attach-item-1, .attach-item-2, .attach-item-3, .attach-item-4{
pointer-events:none;
}
.attach-item-1 {
position: relative;
}
.attach-item-1:nth-of-type(1) {
position: absolute;
height: 72vh;
left:0vw;
top:12vh;
}
.attach-item-1:nth-of-type(2) {
position: absolute;
width: 3vw;
left:23.5vw;
top:16.5vh;
}
.attach-item-1:nth-of-type(3) {
position: absolute;
width: 36vw;
left:18vw;
top:0vh;
}
.attach-item-1:nth-of-type(4) {
position: absolute;
width: 19vw;
left:25.8vw;
top:0vh;
}
.attach-item-1:nth-of-type(5) {
width: 17vw;
position: absolute;
left:47vw;
top: 15vh;
}
.attach-item-1:nth-of-type(6) {
position: absolute;
height: 40vh;
right:0;
top: 0;
}
.attach-item-1:nth-of-type(7) {
position: absolute;
height: 41vh;
right:0vw;
top: 18vh;
}
.attach-item-1:nth-of-type(8) {
position: absolute;
height: 19.5vh;
top: 41vh;
right: 0;
}
.attach-item-1:nth-of-type(9) {
position: absolute;
width: 12vw;
top: 50vh;
right: 0;
}
.attach-item-1:nth-of-type(10) {
position: absolute;
width: 24vw;
bottom: 0vh;
right: 0;
}
.attach-item-1:nth-of-type(11) {
position: absolute;
width: 30vw;
bottom: 0vh;
right: 0vw;
}
.attach-item-1:nth-of-type(12) {
position: absolute;
width: 45vw;
right:0vw;
bottom: 0vh;
z-index: 98;
}
.attach-item-1:nth-of-type(13) {
position: absolute;
width: 57vw;
bottom: 0vh;
right: 26vw;
z-index: 99;
}
.attach-item-1:nth-of-type(14) {
position: absolute;
width: 17vw;
bottom: 0;
left: 0;
z-index: 98;
}
.attach-item-1:nth-of-type(15) {
position: absolute;
height: 25vh;
bottom: 0vh;
left: 3.5vw;
}
.attach-item-1:nth-of-type(16) {
position: absolute;
width: 18vw;
bottom: 6vh;
left: 0vw;
}
.attach-item-1:nth-of-type(17) {
position: absolute;
width: 13vw;
bottom: 2vh;
left: 22.5vw;
}
.attach-item-1:nth-of-type(18) {
position: absolute;
width: 25vw;
bottom: -5vh;
left: 40vw;
}
.attach-item-2 {
position: relative;
}
.attach-item-2:nth-of-type(1) {
position: absolute;
width: 14vw;
left:0vw;
top:6vh;
z-index: 98;
}
.attach-item-2:nth-of-type(2) {
position: absolute;
width: 50%;
left:0vw;
bottom:4vh;
}
.attach-item-2:nth-of-type(3) {
position: absolute;
width: 32vw;
left:30vw;
top:0vh;
}
.attach-item-2:nth-of-type(4) {
position: absolute;
width: 13vw;
left:47vw;
top:10vh;
}
.attach-item-2:nth-of-type(5) {
width: 9vw;
position: absolute;
left:58.5vw;
top: 15vh;
}
.attach-item-2:nth-of-type(6) {
position: absolute;
width: 21vw;
right:0;
top: 24vh;
z-index: 99;
}
.attach-item-2:nth-of-type(7) {
position: absolute;
height: 55vh;
right:0vw;
top: 2vh;
z-index: 98;
}
.attach-item-2:nth-of-type(8) {
position: absolute;
height: 30vh;
bottom: 20vh;
right: 0;
}
.attach-item-2:nth-of-type(9) {
position: absolute;
width: 63vw;
bottom: 0;
right: 0;
z-index: 97;
}
.attach-item-2:nth-of-type(10) {
position: absolute;
width: 30vw;
bottom: 0vh;
right: 12vw;
z-index: 99;
}
.attach-item-2:nth-of-type(11) {
position: absolute;
width: 70vw;
bottom: 0vh;
left: 1vw;
z-index: 99;
}
.attach-item-2:nth-of-type(12) {
position: absolute;
width: 15vw;
bottom: 55vh;
left: 26vw;
}
.attach-item-2:nth-of-type(13) {
position: absolute;
width: 25vw;
bottom: 50vh;
left: 16vw;
}
.attach-item-2:nth-of-type(14) {
position: absolute;
width: 20vw;
bottom: 2vh;
left: 18vw;
}
.attach-item-3 {
position: relative;
}
.attach-item-3:nth-of-type(1) {
position: absolute;
width: 9.25vw;
left:22vw;
bottom:67vh;
}
.attach-item-3:nth-of-type(2) {
position: absolute;
width: 29vw;
left:21vw;
top: 0;
}
.attach-item-3:nth-of-type(3) {
position: absolute;
width: 7.5vw;
left:37vw;
bottom:74vh;
}
.attach-item-3:nth-of-type(4) {
position: absolute;
width: 28vw;
left:43vw;
top:10vh;
}
.attach-item-3:nth-of-type(5) {
height: 51vh;
position: absolute;
right:0vw;
top: 0vh;
}
.attach-item-3:nth-of-type(6) {
position: absolute;
width: 10vw;
right:0;
top: 35vh;
}
.attach-item-3:nth-of-type(7) {
position: absolute;
width: 12vw;
right:0vw;
top: 38vh;
}
.attach-item-3:nth-of-type(8) {
position: absolute;
height: 40vh;
bottom: 3vh;
right: 0;
}
.attach-item-3:nth-of-type(9) {
position: absolute;
width: 27vw;
bottom: 0;
right: 0;
}
.attach-item-3:nth-of-type(10) {
position: absolute;
width: 20vw;
bottom: 0vh;
right: 0;
z-index: 98;
}
.attach-item-3:nth-of-type(11) {
position: absolute;
width: 12vw;
top: 57vh;
right: 25vw;
}
.attach-item-3:nth-of-type(12) {
position: absolute;
width: 24vw;
right:0vw;
bottom: 0vh;
}
.attach-item-3:nth-of-type(13) {
position: absolute;
width: 57vw;
bottom: 0vh;
right: 12vw;
z-index: 97;
}
.attach-item-3:nth-of-type(14) {
position: absolute;
width: 22vw;
bottom: 2vh;
right: 44vw;
}
.attach-item-3:nth-of-type(15) {
position: absolute;
width: 34vw;
bottom: 0vh;
left: -5vw;
z-index: 97;
}
.attach-item-3:nth-of-type(16) {
position: absolute;
width: 44vw;
bottom: 0vh;
left: 0vw;
z-index: 99;
}
.attach-item-3:nth-of-type(17) {
position: absolute;
width: 25vw;
bottom: 0;
left: 0;
}
.attach-item-3:nth-of-type(18) {
position: absolute;
height: 65vh;
bottom: 14vh;
left: 0vw;
}
.attach-item-3:nth-of-type(19) {
position: absolute;
width: 14vw;
bottom: 42vh;
left: 0vw;
}
.attach-item-3:nth-of-type(20) {
position: absolute;
width: 14vw;
bottom: 6vh;
left: 22vw;
}
.attach-item-3:nth-of-type(21) {
position: absolute;
width: 17.5vw;
bottom: 2vh;
right: 19vw;
}
.attach-item-4:nth-of-type(1) {
position: absolute;
max-width: 281px;
width: 14vw;
right: 21vw;
bottom: 0vh;
z-index: 60;
}
.attach-item-4:nth-of-type(2) {
position: absolute;
max-width: 161px;
width: 8vw;
left: 0vw;
top: 15vh;
z-index: 55;
}
.attach-item-4:nth-of-type(3) {
position: absolute;
max-width: 242px;
width: 12vw;
left: 0;
top: 39vh;
z-index: 44;
}
.attach-item-4:nth-of-type(4) {
position: absolute;
max-width: 131px;
width: 7vw;
left: 9vw;
top: 57vh;
}
.attach-item-4:nth-of-type(5) {
max-width: 164px;
width: 8vw;
position: absolute;
left:58.5vw;
top: 20vh;
}
.attach-item-4:nth-of-type(6) {
position: absolute;
height: 50vh;
right:0;
top: 0;
}
.attach-item-4:nth-of-type(7) {
position: absolute;
max-width: 490px;
width: 24vw;
right: 3vw;
bottom: 0vh;
z-index: 55;
}
.attach-item-4:nth-of-type(8) {
position: absolute;
width: 60vw;
bottom: 0;
right: 0;
z-index: 66;
}
.attach-item-4:nth-of-type(9) {
position: absolute;
width: 64vw;
bottom: 0;
right: 1vw;
z-index: 44;
}
.attach-item-4:nth-of-type(10) {
position: absolute;
width: 17vw;
bottom: 0vh;
right: 50vw;
}
.attach-item-4:nth-of-type(11) {
position: absolute;
width: 16vw;
left:0vw;
bottom:0vh;
}
.attach-item-4:nth-of-type(12) {
position: absolute;
width: 12vw;
left:0vw;
bottom:0vh;
}
.attach-item-4:nth-of-type(13) {
position: absolute;
width: 27vw;
left:15vw;
bottom:35vh;
}
.attach-item-4:nth-of-type(14) {
position: absolute;
width: 14vw;
left: 24vw;
bottom: 8vh;
}
.attach-item-5:nth-of-type(1){
position: absolute;
width: 38.4vw;	
left: 20.3vw;
top: 0;
}
.attach-item-5:nth-of-type(2){
position: absolute;
width: 28.7vw;
left: 20.3vw;
top: 0;
}
.attach-item-5:nth-of-type(3){
position: absolute;
width: 30.3vw;
left: 24.4vw;
top: 0;
}
.attach-item-5:nth-of-type(4){
position: absolute;
width: 11.1vw;
left: 29.9vw;
top: 0;
}
.attach-item-5:nth-of-type(5){
position: absolute;
width: 20.1vw;
left: 17.5vw;
top: 2.5vh;
}
.attach-item-5:nth-of-type(6){
position: absolute;
height: 43.6vh;
left: -0.5vw;
top: 23.7vh;
}
.attach-item-5:nth-of-type(7){
position: absolute;
height: 22.6vh;
left: -0.5vw;
top: 55.8vh;
}
.attach-item-5:nth-of-type(8){
position: absolute;
height: 39.4vh;
left: -0.6vw;
top: 42.8vh;
}
.attach-item-5:nth-of-type(9){
position: absolute;
height: 22.4vh;
left: 2.6vw;
top: 29.6vh;
}
.attach-item-5:nth-of-type(10){
position: absolute;
height: 20vh;
left: -0.1vw;
top: 52.1vh;
}
.attach-item-5:nth-of-type(11){
position: absolute;
height: 39.9vh;
left: -0.7vw;
top: 26.3vh;
}
.attach-item-5:nth-of-type(12){
position: absolute;
height: 64vh;
right: -0.2vw;
top: 4.4vh;
}
.attach-item-5:nth-of-type(13){
position: absolute;
height: 50vh;
right: 0vw;
top: 50.2vh;
z-index: 9999;
}
.attach-item-5:nth-of-type(14){
position: absolute;
width: 55vw;
bottom: 0vh;
right: 0vw;
}
.attach-item-5:nth-of-type(15){
position: absolute;
width: 28vw;
bottom: 0vh;
right: 0vw;
}
.attach-item-5:nth-of-type(16){
position: absolute;
width: 11vw;
bottom: -2.8vh;
left: 42.9vw;
}
.attach-item-5:nth-of-type(17){
position: absolute;
width: 19.4vw;
bottom: 0vh;
left: 0vw;
}
.attach-item-5:nth-of-type(18){
position: absolute;
width: 15.8vw;
bottom: 0vh;
left: 0vw;
}
.attach-item-5:nth-of-type(19){
position: absolute;
width: 52vw;
bottom: -2vh;
left: 0vw;
}
.attach-item-5:nth-of-type(20){
position: absolute;
width: 15.3vw;
bottom: 6.8vh;
left: 22.9vw;
}
.title-block-6 > img{
position : absolute;
}
.attach-item-6#to-go-pack{ width : 31.9vw; left : 14.8vw; bottom : 0vh; }
.attach-item-6#to-go-camera{ height : 22.7vw; right : -2.3vw; top : 0vh; }
.attach-item-6#to-go-spoon{ width : 14vw; left : 0; bottom : 26.5vh; }
.attach-item-6#to-go-choco-left{ width : 12.7vw; left : 14.3vw; bottom : -35px; }
.attach-item-6#to-go-choco-right{ width : 33.6vw; right : -2.4vw; bottom : 0vw;}
.attach-item-6#to-go-milk{ width : 40.6vw; left : 0vw; bottom : 0vh; }
.attach-item-6#to-go-coconut{ width : 18.5vw; left : 41.1vw; bottom : 0vh; }
.attach-item-6#to-go-cranberries-right{ width : 23.2vw; right : 3.2vw; top : 23.2vh; }
.attach-item-6#to-go-cranberries-top{ width : 18.6vw; left : 20.8vw; top : 0; }
.attach-item-6#to-go-curaga{ width : 30.9vw; right : 9.6vw; bottom : 0; }
.attach-item-6#to-go-finik{ width : 22.8vw; right : 8.9vw; bottom : 0; }
.subs-wrap {
font-family: 'Oswald-Regular', sans-serif;
margin: 35vh 0 0 45vw;
position: relative;
}
.subs-sm {
max-width: 250px;
position: relative;
z-index: 99;
}
.subs-sm img {
max-width: 3.25vw;
display: block;
margin: .5vw auto;
}
.subs-sm.time-icon img {
max-width:2.75vw;
}
.subs-sm p {
font-size: 11px;
font-family: 'Open Sans';
text-align: center;
font-weight: 700;
line-height: 135%;
letter-spacing: 0.5px;
color: #fff;
}
.subs-sm-1:nth-of-type(2){
position: absolute;
left: -38vw;
top: -17vh;
display: none;
}
.subs-sm-1:nth-of-type(3){
position: absolute;
left: 25vw;
top: -5vh;
}
.subs-sm-1:nth-of-type(4){
position: absolute;
left: 31vw;
top: 16vh;
}
.subs-sm-1:nth-of-type(5){
position: absolute;
left: 27vw;
top: 30vh;
}
.subs-sm-2:nth-of-type(2){
position: absolute;
left: 37vw;
top: 33vh;
}
.subs-sm-2:nth-of-type(3){
position: absolute;
left: 25vw;
top: 19vh;
}
.subs-sm-2:nth-of-type(4){
position: absolute;
left: 39vw;
top: 30vh;
display: none;
}
.subs-sm-2:nth-of-type(5){
position: absolute;
right: 23vw;
top: -10vh;
}
.subs-sm-3:nth-of-type(2){
position: absolute;
left: -39vw;
top: -15vh;
display: none;
}
.subs-sm-3:nth-of-type(3){
position: absolute;
left: 27vw;
top: -10vh;
}
.subs-sm-3:nth-of-type(4){
position: absolute;
left: 29vw;
top: 30vh;
display: none;
}
.subs-sm-3:nth-of-type(5){
position: absolute;
left: 33.5vw;
bottom: 13vh;
}
.subs-sm-4:nth-of-type(2){
position: absolute;
left: -37vw;
top: -15vh;
display: none;
}
.subs-sm-4:nth-of-type(3){
position: absolute;
left: 25vw;
top: -10vh;
}
.subs-sm-4:nth-of-type(4){
position: absolute;
left: 35vw;
top: 0vh;
}
.subs-sm-4:nth-of-type(5){
position: absolute;
left: 20vw;
top: 33vh;
display: none;
}
.subs-sm-5:nth-of-type(2){
position: absolute;
left: 15vw;
top: -17vh;
}
.subs-sm-5:nth-of-type(3){
position: absolute;
left: 31.7vw;
top: -2.6vh;
}
.subs-sm-5:nth-of-type(4){
position: absolute;
left: 29.8vw;
top: 37.8vh;
}
.subs-main {display: inline-block;
max-width: 30vw;
margin: 3vh 0 0 0;
}
.subs-main h1, .subs-main h2, .subs-main h3{
font-size: 1.8vw;
text-transform: uppercase;
color: #fff;
line-height: 115%;
letter-spacing: 1px;
padding-bottom: 6vh;
display: block;
background-image: url(//granola.com.ua/wp-content/themes/granola/img/subs-main-back-1.png);
background-position: 0.5% 84%;
background-repeat: no-repeat;
background-size: 48px 10px;
position: relative;
}
.howis .inner-head h3 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
color: #fff;
}
.subs-main-4 h2:after  {
content: '';
display: block;
position: absolute;
top: 11.5vh;
right: 0vw;
width: 19vw;
height: 7vh;
background-image: url(//granola.com.ua/wp-content/themes/granola/img/subs-main-back-2.png);
background-repeat: no-repeat;
background-size: cover;
}
.subs-main p {
font-family: 'Open Sans';
font-size: 13px;
line-height: 125%;
letter-spacing: 0.5px;
color: #fff;
width: 20vw;
margin: 2.25vh 0 5vh 0;
}
.subs-main .facts-anchor-button {
text-transform: uppercase;
font-family: 'Oswald-Bold', sans-serif;
font-size: 1vw;
line-height: 120%;
outline: none;
border-radius: 2vw;
border-top: none;
width: auto;
border-left: none;
border-right: none;
border-bottom: 3px solid #d9d9d9;
padding: 1.5vh 1.75vw 1.1vh 1.75vw;
cursor: pointer;
position: relative;
z-index: 99;
display: inline-block;
overflow: hidden;
-webkit-box-shadow: 22px 10px 56px -4px rgba(0,0,0,0.42);
-moz-box-shadow: 22px 10px 56px -4px rgba(0,0,0,0.42);
box-shadow: 22px 10px 56px -4px rgba(0,0,0,0.42); 
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.facts-anchor-button:hover {
-webkit-filter: brightness(120%);
-o-filter: brightness(120%);
filter: brightness(120%);
-webkit-box-shadow: 22px 10px 56px -10px rgba(0,0,0,0);
-moz-box-shadow: 22px 10px 56px -10px rgba(0,0,0,0);
box-shadow: 22px 10px 56px -10px rgba(0,0,0,0); 
}
.title-block-1 .subs-main .facts-anchor-button {
color: #1a7945;
background: #e1e1e1;
}
.title-block-2 .subs-main .facts-anchor-button {
color: #744459;
background: #e1e1e1;
}
.title-block-3 .subs-main .facts-anchor-button {
color: #016e9f;
background: #e1e1e1;
}
.title-block-4 .subs-main .facts-anchor-button {
color: #9d2b78;
background: #e1e1e1;
}
.title-block-5 .subs-main .facts-anchor-button {
color: #eb900e;
background: #e1e1e1;
}
.title-block-6 .subs-main .select-to-go-taste-button{
background: #e2e2e2;
color: #d0862d;
}
.subs-sm.subs-sm-6.time-icon{
position : absolute;
left     : 15vw;
top      : -17vh;
}
.subs-sm.subs-sm-6.superman-icon{
position : absolute;
right    : 15vw;
top      : 7vh;
}  .facts {
background: #fff;
}
.title-item {
margin: 15vh 0 0 15vw;
position: relative;
}
.title-item h2,
.title-item .facts-title {
display: inline;	
font-family: 'Oswald-Regular', sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 5.5vw;
font-weight: 600;
position: relative;
}
.title-item svg {
display: block;
position: absolute;
left: 20.5vw;
top: 5vh;
z-index: 99;
width: 11vw;
height: 9vh;
fill: rgba(255,255,255,0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.title-item svg path {
stroke: #DF4D96;
}
.title-item svg.finished {
fill: #DF4D96;
}
.number {
color: #e44c9b;
}
.facts .title-item h2 span {
display: inline-block;
opacity: 1;
}
.equal {
color: #dcdcdc;
border-bottom: 7px solid #dcdcdc;
}
.item-column-row {
margin: 10vh 0vw 0 10vw;
}
.facts-item {
display: inline-block;
vertical-align: middle;
min-height: 115px;
margin: 4vh 1vw;
}
.facts-item p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 18px;
color: #262626;
padding: 0 1.5vw;
width: 15vw;
position: relative;
z-index: 1;
}
.facts-item p span {
font-weight: 600;
color: #e44c9b;
}
.facts-item p:before {
content: '';
display: block;
position: absolute;
left: -7%;
top: 5px;
width: 30px;
height: 30px;
}
.facts-item:nth-of-type(1) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-1.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(2) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-2.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(3) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-3.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(4) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-4.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(5) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-5.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(6) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-6.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(7) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-7.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(8) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-8.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(9) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-9.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(10) p:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-10.png) no-repeat;
background-size: cover;
}
.facts-item:nth-of-type(6) p:after {
content: '';
display: block;
position: absolute;
z-index: -1;
left:-1.25vw;
top: -4.25vh;
width: 100%;
height: 16.7vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-background-6.png) no-repeat;
background-size: contain;
}
.facts-item:nth-of-type(8) p:after {
content: '';
display: block;
position: absolute;
z-index: -1;
left:-4vw;
top: -50%;
width: 100%;
height: 31.25vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-background-8.png) no-repeat;
background-size: contain;
}
.facts-item:nth-of-type(10) p:after {
content: '';
display: block;
position: absolute;
z-index: -1;
left:-2.8vw;
top: -50%;
width: 100%;
height: 21.25vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/facts-item-background-10.png) no-repeat;
background-size: contain;	
}
.facts-item-imp {
font-family: 'Open Sans', sans-serif;
color: #e44c9b;
font-size: 16px;
text-transform: uppercase;
}  .inner-head {
margin: 19.5vh 0vw 0 8.5vw;	position: relative;
}
.howis-item-wrap {
margin: 4vh 11.5vw 0 11.5vw;
}
.howis {
background: #59bcf1;
}
.howis .inner-head h2 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
}
.howis .inner-head > svg {
fill: rgba(255,255,255,0);
display: block;
position: absolute;
left:8vw;
top:3vh;
z-index: 99;
width: 15vw;
height: 9vh;
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.howis .inner-head > svg path {
stroke: #DF4D96;
}
.howis .inner-head > svg.finished {
fill: #DF4D96;
}
.howis-item {
display: inline-block;
width: 33%;
min-height: 51vh;
position: relative;
}
.cook-img {
position: absolute;
}
.cook-img-first-step:nth-of-type(1) {
height: 23vh;
bottom: 40%;
right: 20%;
z-index: 5;
}
.cook-img-first-step:nth-of-type(2)  {
width: 18.25vw;
bottom: 2.5vh;
left: 1.75vw;
}
.cook-img-second-step:nth-of-type(1) {
height: 37.5vh;
left:7.5vw;
}
.cook-img-second-step:nth-of-type(2) {
height: 41vh;
left:0vw;
top:4.75vh;
}
.cook-img-second-step:nth-of-type(3) {
height: 21vh;
left:7vw;
top:27.5vh
}
.cook-img-second-step-overlay {
background: url(//granola.com.ua/wp-content/themes/granola/img/cook-img-5-full.png) no-repeat center bottom;
background-size: cover;
position: absolute;
width: 8.6vw;
height: 0;
bottom: 2.5vh;
left:7vw;
}
.cook-img-third-step:nth-of-type(1) {
width: 6vw;
bottom: 2vh;
left: -1vw;
}
.cook-img-third-step:nth-of-type(2) {
width: 18.25vw;
bottom: 3.65vh;
left: 2.5vw;	
}
.cook-img-third-step:nth-of-type(3) {
}
.cook-img-third-step-overlay {
background: url(//granola.com.ua/wp-content/themes/granola/img/cook-img-7-full.png) no-repeat center bottom;
background-size: 100%;
position: absolute;
width: 18.25vw;
height: 0;
bottom: 3.65vh;
left: 2.5vw;
}
.howis-message p {	
font-family: 'Oswald-Regular', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 135%;
color: #fff;
padding: 25px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.howis-message span {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
letter-spacing: 2px;
color: #e44c9b;
position: absolute;
}
.howis-message b {
font-weight: normal;
display: inline-block;
padding-left: 25px;
}
.howis-message {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; 
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
align-items: center;
}
.howis-item:nth-of-type(1) .howis-message {
width: 10vw;
height: 15vh;
top: 11vh;
left: 1.75vw;
}
.howis-item:nth-of-type(1) .howis-message p {
background: url(//granola.com.ua/wp-content/themes/granola/img/howis-message-background-1.png) no-repeat;
background-size: 100% 100%;
}
.howis-item:nth-of-type(2) .howis-message {
width: 14.3vw;
height: 20vh;
left: 13vw;
top:-2vh;
}
.howis-item:nth-of-type(2) .howis-message p {
background: url(//granola.com.ua/wp-content/themes/granola/img/howis-message-background-2.png) no-repeat;
background-size: 100% 100%;
}
.howis-item:nth-of-type(3) .howis-message {
width: 14.3vw;
height: 12.5vh;
top: 10vh;
left: 4vw;
}
.howis-item:nth-of-type(3) .howis-message p {
background: url(//granola.com.ua/wp-content/themes/granola/img/howis-message-background-3.png) no-repeat;
background-size: 100% 100%;
}
.bracket {
position: relative;
}
.bracket-overlay {
background: #59bcf1;
width: 0%;
height: 100%;
display: none;
position: absolute;
right: 0;
top: 0;
}
.bracket img {
display: block;
width: 100%;
}
.bracket p {
text-align: center;
font-family: 'Oswald-Regular', sans-serif;
color: #fff;
font-size: 1.5vw;
letter-spacing: 1px;
margin-top: 1vh;
}  .partners {
background: #e44c9b;
position: relative;
}
.partners .inner-head h2 {
position: relative;
z-index: 99;
}
.partners .inner-head h2 p {
position: relative;
display: inline-block;
z-index: 55;
}
.partners .inner-head svg {
display: block;
position: absolute;
right: -25px;
bottom: -15px;
z-index: 98;
width: 15vw;
height: 9vh;
z-index: 44;
fill: rgba(255,255,255,0);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.partners .inner-head svg.finished {
fill: #D32F84;
}
.partners .inner-head svg path {
stroke: #D32F84;
}
.partners .inner-head svg.finished path {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
stroke: rgba(255,255,255,0);
}
.inner-head h2,
.inner-head div.title {
font-family: 'Oswald-Regular', sans-serif;
color: #fff;
font-size: 60px;
letter-spacing: 3px;
margin-left: 6.25vw;
display: inline-block;
padding-right: 7vw;
}
.partners-item-wrap {
font-size: 0;
padding: 8vh 7vw;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; flex-wrap: wrap;
}
.partner-item {
margin: 3vh 15px;
width: 15%;
height: 80px;
position: relative;
}
.partner-item a {
text-align: center;
display: block;
width: 16vw;
margin: 0 auto;
position: relative;
}
.partner-item a:before {
content: '';
position: absolute;
top:12vh;
left:0;
z-index: -1;
display: block;
width: 100%;
height: 8vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/shadow.png) no-repeat;
background-size: 100%;
}
.partner-item a img {
width: 70%;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
}  .contacts-form-outer br {
display: none;
}
.contacts-form-outer img {
max-width: 100%;
}
.contacts-section {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.contacts-item {
min-height: 100vh;
font-family: 'Open Sans', sans-serif;
position: relative;
z-index: 99;
}
.contacts-item h2 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
color: #2e7da8;
line-height: 115%;
margin: 25vh 0 0 5.25vw;
}
.contacts-item .contacts-item-svg {
display: block;
position: absolute;
left:11vw;
top:29.5vh;
z-index: -1;
width: 10vw;
height: 6vh;
}
.contacts-item:first-of-type {
background: #fff;
width: 38%;
position: relative;
}
.contacts-item:last-of-type {
background: #2e7da8;
width: 62%;
position: relative;
padding: 0 0 15vh 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contacts-item form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 8.5vh 0 0 5.25vw;
}
.contacts-item form input, .contacts-item form textarea {
background: #eef1f6;
outline: none;
border: none;
color: #262626;
font-size: 14px;
width: 22.5vw;
margin-bottom: 1vh;
padding-left: 1vw;
}
.contacts-item form input {
height: 3.75vh;
}
.contacts-item form input[type="submit"] {
background: #2e7da8;
color: #fff;
font-weight: 700;
font-size: 14px;
margin-top:3vh;
width: 11vw;
height: 5.5vh;
padding-left: 0;
border-radius:.5vw; }
.contacts-item form textarea {
resize: none;
padding-top: 1vh;
height: 22vh;
}
.label-textarea {
position: relative;
display: block;
}
.label-textarea:after {
content: '';
position: absolute;
bottom:-2vh;
left: 2vw;
width: 0;
height: 0;
border-style: solid;
border-width: 33px 33px 0 0;
border-color: #eef1f6 transparent transparent transparent;
}
.contacts-item-left-line {
width: 2vw;
height: .67vh;
background: #fff;
margin: 24vh 0 0 7vw;
}
.coords {
position: relative;
}
.coords:after {
content: '';
position: absolute;
width: 16vw;
height: 35vh;
right: 1vw;
top: -4vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/contacts-data-mark.png) no-repeat;
background-size: cover;
}
.tel {
margin: 9vh 0 0 7vw;
}
.tel p {
color: #fff;
font-size: 2.75vw;
font-weight: 400;
margin-bottom: 2vh;
}
.email, .adress {
color: #fff;
font-size: 14px;
font-weight: 700;
margin: 4vh 0 0 9.5vw;
position: relative;
}
.email a {
color: #fff;
}
.email:before, .adress:before  {
content: '';
position: absolute;
left: -2.25vw;
bottom: -.75vh;
width: 1.33vw;
height: 1.33vw;
border-radius: 1.33vw;
}
.email:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/mail-icon.png) no-repeat;
background-size: cover;
}
.adress:before {
background: url(//granola.com.ua/wp-content/themes/granola/img/adress-icon.png) no-repeat;
background-size: cover;
}
.wrap-names {
margin: 20vh 0 0 7vw;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.person { 
width:50%;
color: #fff;
font-size: 14px;
line-height: 135%;
}
.person:nth-of-type(1) {
}
.person:nth-of-type(2) {
}
.person a {
color: #fff;
}
.person span {
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: 2vh;
position: relative;
}
.person span:after {
content: '';
position: absolute;
bottom:-2.5vh;
left:0vw;
width: 1.4vw;
height: .33vh;
background: #fff;
} .assortment {
font-size: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
z-index: 77;
display: flex; }
.food { flex: 1;
display: inline-block;
width: 14.285%;
height: 100%;
position: relative;
cursor: pointer;
}
.food:after {
z-index: 33;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
} .food-2:after {
content: '';
background: #7cbb5a no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} .food-3:after {
content: '';
background: #79491d no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} .food-7:after {
content: '';
background: #fe6215 no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} .food-4:after {
content: '';
background: #3ba3da no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} .food-5:after {
content: '';
background: #df3968 no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} .food-6:after {
content: '';
background: #e5801c no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} .food-1:after {
content: '';
background: #d63138 no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food:before {
content: '';
background-image: -webkit-gradient(
linear,
left top,
left top,
color-stop(0, rgba(255,255,255,0.1)),
color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: linear-gradient(to left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
z-index: 66;
opacity: 0.05;
-webkit-transform: scale(0.96);
-ms-transform: scale(0.96);
-o-transform: scale(0.96);
transform: scale(0.96);
-webkit-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
}
.food:hover:before {
opacity: 0.5;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.food img {
display: block;
width: 8.7vw;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 55;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.food-7 img {
width: 11.1vw;
}
.food p {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 100%;
position: absolute;
bottom: 4vh;
z-index: 55;
-webkit-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.food:hover:after,
.food:hover img,
.food:hover p {
-webkit-filter: brightness(110%);
-o-filter: brightness(110%);
filter: brightness(110%);
}
.food.secondary:after {
-webkit-filter: brightness(80%);
-o-filter: brightness(80%);
filter: brightness(80%);
}
.food.secondary img {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.food:hover p {
-webkit-transform: translateY(-1vh);
-ms-transform: translateY(-1vh);
-o-transform: translateY(-1vh);
transform: translateY(-1vh);
}  .assortment_to_go {
font-size: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 77;
display: inline-block;
}
.food_to_go { width: 16.66vw;
height: 100%;
position: relative;
cursor: pointer;
}
.food_to_go:after {
z-index: 33;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.food-2_to_go:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-1-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-3_to_go:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/food-2-background-2.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-4_to_go:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-5_to_go:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-4-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-6_to_go:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/food-5-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food-1_to_go:after {
content: '';
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-6-background.jpg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.food_to_go:before {
content: '';
background-image: -webkit-gradient(
linear,
left top,
left top,
color-stop(0, rgba(255,255,255,0.1)),
color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
background-image: linear-gradient(to left top, rgba(255,255,255,0.1) 0%, #FFFFFF 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
z-index: 66;
opacity: 0.05;
-webkit-transform: scale(0.96);
-ms-transform: scale(0.96);
-o-transform: scale(0.96);
transform: scale(0.96);
-webkit-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
}
.food_to_go:hover:before {
opacity: 0.5;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.food_to_go img {
display: block;
width: 8.7vw;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 55;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.food_to_go p {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 100%;
position: absolute;
bottom: 4vh;
z-index: 55;
-webkit-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.food_to_go:hover:after,
.food_to_go:hover img,
.food_to_go:hover p {
-webkit-filter: brightness(110%);
-o-filter: brightness(110%);
filter: brightness(110%);
}
.food_to_go.secondary:after {
-webkit-filter: brightness(80%);
-o-filter: brightness(80%);
filter: brightness(80%);
}
.food_to_go.secondary img {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.food_to_go:hover p {
-webkit-transform: translateY(-1vh);
-ms-transform: translateY(-1vh);
-o-transform: translateY(-1vh);
transform: translateY(-1vh);
}  .fit-assortment {
display: flex;
}
.fit{
display: flex;
flex-flow: column;
justify-content: center;
}
.fit-assortment .fit {
width: 33.33vw;
height: 100vh;
background-size: cover;
overflow: hidden;
text-align: center;
cursor: pointer;
}
.fit-assortment .fit.fit-food-1{ 
background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-3.jpg);
}
.fit-assortment .fit.fit-food-2{	
background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-4.jpg);
}
.fit-assortment .fit.fit-food-3{
background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-1.jpg);
}
.fit-assortment .fit img {
display: block;
margin: 10vh auto;
z-index: 55;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
width: 60%;
}
.fit-assortment .fit p {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 100%; bottom: 4vh;
z-index: 55;
-webkit-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fit-assortment .fit:hover > img {
transform: scale(1.2);
}
.fit-assortment .fit:hover > p {
transform: scale(1.2);
}
.choice-item-fit .choice-item-pack{
z-index: 99;
height: 64vh;
width: auto;
}
.choice-item-fit.choice-item-1-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-fit.choice-item-2-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-fit.choice-item-3-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-fit.choice-item-7-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-fit .attach-choice-item-1:nth-of-type(1) {
height: 35vh;
bottom: 0;
right: 0;
top:auto;
left:auto;
}
.choice-item-fit .attach-choice-item-1:nth-of-type(2) {
width: 30vh;
bottom: 0;
left: 0;
height: auto;
top: auto;
}
.choice-item-fit .attach-choice-item-1:nth-of-type(3) {
height: 70vh;
top: 0;
right: 0;
left:auto;
bottom:auto;
}
.choice-item-fit .attach-choice-item-2:nth-of-type(1) {
width: auto;
bottom: 0;
right: 0;
left: auto;
top: auto;
height: 24vh;
z-index: 100;
}
.choice-item-fit .attach-choice-item-2:nth-of-type(2) {
width: auto;
left: auto;
bottom: auto;
height: 32vh;
right: 0;
top: 0;
display: block;
}
.choice-item-fit .attach-choice-item-2:nth-of-type(3) {
width: auto;
left: 0;
bottom: 0;
height: 23vh;
right:auto;
top:auto;
display: block;
z-index: 100;
}
.choice-item-fit .attach-choice-item-3:nth-of-type(1) {
height: 20vw;
width :auto;
bottom: 0;
right: auto;
left:0;
top:auto;
z-index: 100;
}
.choice-item-fit .attach-choice-item-3:nth-of-type(2) {
width: auto;
height: 50vh;
bottom: auto;
left: 0;
top: 20vh;
right: auto;
}
.choice-item-fit .attach-choice-item-3:nth-of-type(3) {
width: auto;
height: 17vh;
bottom: 5vh;
left: 13vw;
right: 0;
top: auto;
display: block;
z-index: 100;
}
.choice-item-fit .attach-choice-item-3:nth-of-type(4) {
width: auto;
height: 28vh;
bottom: auto;
left: auto;
right: 0;
top: 0;
display: block;
z-index: 100;
}  .select-assortment {
display: flex;
}
.select{
display: flex;
flex-flow: column;
justify-content: center;
}
.select-assortment .select {
width: 50vw;
height: 100vh;
background-size: cover;
overflow: hidden;
text-align: center;
cursor: pointer;
}
.select-assortment .select.select-food-1{
background: #df3968 no-repeat; }
.select-assortment .select.select-food-2{
background: #d89b74 no-repeat; }
.select-assortment .select img {
display: block;
margin: 10vh auto;
z-index: 55;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
width: 60%;
}
.select-assortment .select p {
font-size: 18px;
font-family: 'Open Sans', serif;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 100%;
bottom: 4vh;
z-index: 55;
-webkit-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.select-assortment .select:hover > img {
transform: scale(1.2);
}
.select-assortment .select:hover > p {
transform: scale(1.2);
}
.choice-item-select .choice-item-pack{
z-index: 99;
height: 64vh;
width: auto;
}
.choice-item-select.choice-item-1-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-select.choice-item-2-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-select.choice-item-3-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-select.choice-item-7-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-select .attach-choice-item-1:nth-of-type(1) {
height: 35vh;
bottom: 0;
right: 0;
top:auto;
left:auto;
}
.choice-item-select .attach-choice-item-1:nth-of-type(2) {
width: 30vh;
bottom: 0;
left: 0;
height: auto;
top: auto;
}
.choice-item-select .attach-choice-item-1:nth-of-type(3) {
height: 70vh;
top: 0;
right: 0;
left:auto;
bottom:auto;
}
.choice-item-select .attach-choice-item-2:nth-of-type(1) {
width: auto;
bottom: 0;
right: 0;
left: auto;
top: auto;
height: 24vh;
z-index: 100;
}
.choice-item-select .attach-choice-item-2:nth-of-type(2) {
width: auto;
left: auto;
bottom: auto;
height: 32vh;
right: 0;
top: 0;
display: block;
}
.choice-item-select .attach-choice-item-2:nth-of-type(3) {
width: auto;
left: 0;
bottom: 0;
height: 23vh;
right:auto;
top:auto;
display: block;
z-index: 100;
}
.choice-item-select .attach-choice-item-3:nth-of-type(1) {
height: 20vw;
width :auto;
bottom: 0;
right: auto;
left:0;
top:auto;
z-index: 100;
}
.choice-item-select .attach-choice-item-3:nth-of-type(2) {
width: auto;
height: 50vh;
bottom: auto;
left: 0;
top: 20vh;
right: auto;
}
.choice-item-select .attach-choice-item-3:nth-of-type(3) {
width: auto;
height: 17vh;
bottom: 5vh;
left: 13vw;
right: 0;
top: auto;
display: block;
z-index: 100;
}
.choice-item-select .attach-choice-item-3:nth-of-type(4) {
width: auto;
height: 28vh;
bottom: auto;
left: auto;
right: 0;
top: 0;
display: block;
z-index: 100;
}  .light-assortment {
display: flex;
}
.light{
display: flex;
flex: 1;
flex-flow: column;
justify-content: center;
}
.light-assortment .light {
height: 100vh;
background-size: cover;
overflow: hidden;
text-align: center;
cursor: pointer;
}
.light-assortment .light.light-food-1{	
background-image: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-6-background.jpg);
}
.light-assortment .light.light-food-2{
background: #79491d no-repeat; }
.light-assortment .light.light-food-3{
background: #3ba3da no-repeat; }
.light-assortment .light.light-food-4{
background: #df3968 no-repeat; }
.light-assortment .light.light-food-5{	
background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-1.jpg);
}
.light-assortment .light img {
display: block;
margin: 10vh auto;
z-index: 55;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
width: 60%;
}
.light-assortment .light p {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 100%; bottom: 4vh;
z-index: 55;
padding-bottom: 2vh;
-webkit-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.light-assortment .light:hover > img {
transform: scale(1.2);
}
.light-assortment .light:hover > p {
transform: scale(1.2);
}
.choice-item-light.choice-item-1-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-light.choice-item-2-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-light.choice-item-3-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-light.choice-item-4-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
choice-item-light.choice-item-5-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-fit-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.section.choice-item-1.granola-slider-section.stance-1 .choice-item-right-light h1,
.section.choice-item-1.granola-slider-section.stance-1 .choice-item-right-light h2,
.granola-slider-section.stance-1 .choice-item-right-light h1,
.granola-slider-section.stance-1 .choice-item-right-light h2,
.granola-slider-section.stance-1 .choice-item-right-light h3,
.granola-slider-section.stance-1 .choice-item-right-light .current-count,
.granola-slider-section.stance-1 .choice-item-right-light  table thead {
color: #79491d!important;
}
.granola-slider-section.stance-1 .choice-item-right-light  a,
.granola-slider-section.stance-1 .choice-item-right-light .active{
background: #79491d!important;
}
.section.choice-item-1.granola-slider-section.stance-2 .choice-item-right-light h1,
.section.choice-item-1.granola-slider-section.stance-2 .choice-item-right-light h2,
.granola-slider-section.stance-2 .choice-item-right-light h1,
.granola-slider-section.stance-2 .choice-item-right-light h2,
.granola-slider-section.stance-2 .choice-item-right-light h3,
.granola-slider-section.stance-2 .choice-item-right-light .current-count,
.granola-slider-section.stance-2 .choice-item-right-light  table thead {
color: #3ba3da!important;
}
.granola-slider-section.stance-2 .choice-item-right-light  a,
.granola-slider-section.stance-2 .choice-item-right-light .active{
background: #3ba3da!important;
}
.section.choice-item-1.granola-slider-section.stance-3 .choice-item-right-light h1,
.section.choice-item-1.granola-slider-section.stance-3 .choice-item-right-light h2,
.granola-slider-section.stance-3 .choice-item-right-light h1,
.granola-slider-section.stance-3 .choice-item-right-light h2,
.granola-slider-section.stance-3 .choice-item-right-light h3,
.granola-slider-section.stance-3 .choice-item-right-light .current-count,
.granola-slider-section.stance-3 .choice-item-right-light  table thead {
color: #df3968!important;
}
.granola-slider-section.stance-3 .choice-item-right-light  a,
.granola-slider-section.stance-3 .choice-item-right-light .active{
background: #df3968!important;
}
.section.choice-item-1.granola-slider-section.stance-4 .choice-item-right-light h1,
.section.choice-item-1.granola-slider-section.stance-4 .choice-item-right-light h2,
.granola-slider-section.stance-4 .choice-item-right-light h1,
.granola-slider-section.stance-4 .choice-item-right-light h2,
.granola-slider-section.stance-4 .choice-item-right-light h3,
.granola-slider-section.stance-4 .choice-item-right-light .current-count,
.granola-slider-section.stance-4 .choice-item-right-light  table thead {
color: #e44c9b!important;
}
.granola-slider-section.stance-4 .choice-item-right-light  a,
.granola-slider-section.stance-4 .choice-item-right-light .active{
background: #e44c9b!important;
}   .togo-assortment .togo {
width: 50vw;
height: 50vh;
position: absolute;
background-size: cover;
overflow: hidden;
text-align: center;
cursor: pointer;
}
.togo-assortment .togo.togo-food-1{	top:0;	left:0;	background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-1.jpg);}
.togo-assortment .togo.togo-food-2{	top:0;	right:0;	background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-2.jpg);}
.togo-assortment .togo.togo-food-3{	bottom:0;	left:0;	background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-3.jpg);}
.togo-assortment .togo.togo-food-4{	bottom:0;	right:0;	background-image: url(//granola.com.ua/wp-content/themes/granola/img/togo-food-bg-4.jpg);}
.togo-assortment .togo img {
display: block;
margin: 10vh auto;
z-index: 55;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
height: 31vh;
}
.togo-assortment .togo p {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 100%;
position: absolute;
bottom: 4vh;
z-index: 55;
-webkit-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.togo-assortment .togo:hover{
}
.togo-assortment .togo:hover > img {
transform: scale(1.2);
}
.togo-assortment .togo:hover > p {
transform: scale(1.2);
}
img.choice-item-mobile{
display: none;
}
.choice-item-togo.choice-item-1-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-togo.choice-item-2-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-togo.choice-item-3-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-togo.choice-item-4-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-bg-left-1.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-togo .choice-item-pack{
z-index: 99;
height: 64vh;
width: auto;
}
.choice-item-togo .attach-choice-item-1:nth-of-type(1) {
height: 35vh;
bottom: 0;
right: 0;
top:auto;
left:auto;
}
.choice-item-togo .attach-choice-item-1:nth-of-type(2) {
width: 60vh;
bottom: 0;
left: 0;
height: auto;
top: auto;
}
.choice-item-togo .attach-choice-item-1:nth-of-type(3) {
height: 70vh;
top: 0;
right: 0;
left:auto;
bottom:auto;
}
.choice-item-togo .attach-choice-item-2:nth-of-type(1) {
width: auto;
bottom: 0;
right: 0;
left: auto;
top: auto;
height: 24vh;
z-index: 100;
}
.choice-item-togo .attach-choice-item-2:nth-of-type(2) {
width: auto;
left: auto;
bottom: auto;
height: 32vh;
right: 0;
top: 0;
display: block;
}
.choice-item-togo .attach-choice-item-2:nth-of-type(3) {
width: auto;
left: 0;
bottom: 50vh;
height: 23vh;
right:auto;
top:auto;
display: block;
}
.choice-item-togo .attach-choice-item-3:nth-of-type(1) {
height: 20vw;
width :auto;
bottom: 0;
right: auto;
left:0;
top:auto;
z-index: 100;
}
.choice-item-togo .attach-choice-item-3:nth-of-type(2) {
width: auto;
height: 50vh;
bottom: auto;
left: 0;
top: 20vh;
right: auto;
}
.choice-item-togo .attach-choice-item-3:nth-of-type(3) {
width: auto;
height: 17vh;
bottom: 13vh;
left: 50vh;
right: 0;
top: auto;
display: block;
z-index: 100;
}
.choice-item-togo .attach-choice-item-3:nth-of-type(4) {
width: auto;
height: 28vh;
bottom: auto;
left: auto;
right: 0;
top: 0;
display: block;
z-index: 100;
}
.choice-item-togo .attach-choice-item-4:nth-of-type(1) {
height: 50vh;
width: auto;
bottom: auto;
right: 0;
top: 0;
left: auto;
}
.choice-item-togo .attach-choice-item-4:nth-of-type(2) {
height: 40vh;
width: auto;
left: auto;
right: 0;
top: auto;
bottom: 0;
z-index: 100;
}
.choice-item-togo .attach-choice-item-4:nth-of-type(3) {
height: 50vh;
width: auto;
right: auto;
top: auto;
bottom: 22vh;
left: 0;
display: block;
z-index: 100;
}
.choice-item-togo .attach-choice-item-4:nth-of-type(4) {
height: 24vh;
width: auto;
right: auto;
top: auto;
bottom: 0;
left: 0;
display: block;
} .granola-slider-section.stance-1 .choice-item-right-togo .head-area h1,
.granola-slider-section.stance-1 .choice-item-right-togo h3,
.granola-slider-section.stance-1 .choice-item-right-togo .current-count,
.granola-slider-section.stance-1 .choice-item-right-togo table thead,
.granola-slider-section.stance-1 .choice-item-right-togo .head-area h2{
color: #d63138 !important;
} .granola-slider-section.stance-1 .choice-item-right-togo a,
.granola-slider-section.stance-1 .choice-item-right-togo .active{
background: #d63138!important;
}
.granola-slider-section.stance-1 .choice-item-right-togo .mark-row{
background: #fdf1f7;
} .granola-slider-section.stance-2 .choice-item-right-togo .head-area h1,
.granola-slider-section.stance-2 .choice-item-right-togo h3,
.granola-slider-section.stance-2 .choice-item-right-togo .current-count,
.granola-slider-section.stance-2 .choice-item-right-togo  table thead,
.granola-slider-section.stance-2 .choice-item-right-togo .head-area h2{
color: #79491d!important;
} .granola-slider-section.stance-2 .choice-item-right-togo  a,
.granola-slider-section.stance-2 .choice-item-right-togo .active{
background: #79491d!important;
}
.granola-slider-section.stance-2 .choice-item-right-togo  .mark-row{
background: #f8f5f4;
} .granola-slider-section.stance-3 .choice-item-right-togo .head-area h1,
.granola-slider-section.stance-3 .choice-item-right-togo h3,
.granola-slider-section.stance-3 .choice-item-right-togo .current-count,
.granola-slider-section.stance-3 .choice-item-right-togo table thead,
.granola-slider-section.stance-3 .choice-item-right-togo .head-area h2{
color: #fe6215!important;
} .granola-slider-section.stance-3 .choice-item-right-togo a,
.granola-slider-section.stance-3 .choice-item-right-togo .active{
background: #fe6215!important;
}
.granola-slider-section.stance-3 .choice-item-right-togo .mark-row{
background: #eff7fb;
} .granola-slider-section.stance-4 .choice-item-right-togo .head-area h1,
.granola-slider-section.stance-4 .choice-item-right-togo h3,
.granola-slider-section.stance-4 .choice-item-right-togo .current-count,
.granola-slider-section.stance-4 .choice-item-right-togo table thead,
.granola-slider-section.stance-4 .choice-item-right-togo .head-area h2{
color: #3ba3da !important;
} .granola-slider-section.stance-4 .choice-item-right-togo a,
.granola-slider-section.stance-4 .choice-item-right-togo .active{
background: #3ba3da!important;
}
.granola-slider-section.stance-4 .choice-item-right-togo  .mark-row{
background: #ffe7e0;
} .granola-slider-section.stance-5 .choice-item-right-togo .head-area h1,
.granola-slider-section.stance-5 .choice-item-right-togo h3,
.granola-slider-section.stance-5 .choice-item-right-togo .current-count,
.granola-slider-section.stance-5 .choice-item-right-togo table thead,
.granola-slider-section.stance-5 .choice-item-right-togo .head-area h2{
color: #e5801c !important;
} .granola-slider-section.stance-5 .choice-item-right-togo a,
.granola-slider-section.stance-5 .choice-item-right-togo .active{
background: #e5801c !important;
}
.granola-slider-section.stance-5 .choice-item-right-togo  .mark-row{
background: #ffe7e0;
} .granola-slider-section.stance-6 .choice-item-right-togo .head-area h1,
.granola-slider-section.stance-6 .choice-item-right-togo h3,
.granola-slider-section.stance-6 .choice-item-right-togo .current-count,
.granola-slider-section.stance-6 .choice-item-right-togo table thead,
.granola-slider-section.stance-6 .choice-item-right-togo .head-area h2{
color: #df3968 !important;
} .granola-slider-section.stance-6 .choice-item-right-togo a,
.granola-slider-section.stance-6 .choice-item-right-togo .active{
background: #df3968 !important;
}
.granola-slider-section.stance-6 .choice-item-right-togo  .mark-row{
background: #ffe7e0;
} .granola-slider-section.stance-7 .choice-item-right-togo .head-area h1,
.granola-slider-section.stance-7 .choice-item-right-togo h3,
.granola-slider-section.stance-7 .choice-item-right-togo .current-count,
.granola-slider-section.stance-7 .choice-item-right-togo table thead,
.granola-slider-section.stance-7 .choice-item-right-togo .head-area h2{
color: #7cbb5a !important;
} .granola-slider-section.stance-7 .choice-item-right-togo a,
.granola-slider-section.stance-7 .choice-item-right-togo .active{
background: #7cbb5a !important;
}
.granola-slider-section.stance-7 .choice-item-right-togo  .mark-row{
background: #ffe7e0;
}  .granola-slider-section {
font-size: 0;
position: relative;
display: none;
opacity: 0;
z-index: 66;
}
.left-part-choice-wrapper {
display: inline-block;
vertical-align: top;
width:38%;
height: 100%;
position: fixed;
left: 0;
top: 0;
}
.left-part-choice-wrapper > div {
display: none;
opacity: 0;
top: 0;
left: 0;
width: 100%;
}
.left-part-choice-wrapper > div:nth-child(1) {
display: block;
opacity: 1;
}
.choice-item-2-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-1-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-3-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-2-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-7-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-2-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-4-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-5-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-4-background.jpg) no-repeat;
background-size: cover;
position: relative;
}
.choice-item-6-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-5-background.jpg) no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.choice-item-1-left {
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-6-background.jpg) no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.choice-item-pack {
width: 20vw;
position: absolute;
z-index: 99;
left: 0;
bottom: 15vh;
right: 0;
margin: 0 auto;
}
.choice-item-right {
display: inline-block;
vertical-align: top;
width: 61.5%;
margin-left: 38%;
}
.attach-choice-item-1, .attach-choice-item-2, .attach-choice-item-3, .attach-choice-item-4,.attach-choice-item-5 {
position: absolute;
z-index: 98;
}
.attach-choice-item-1:nth-of-type(1) {
height: 35vh;
top:0;
left:0;
}
.attach-choice-item-1:nth-of-type(2) {
height: 17vh;
top: 4vh;
left: 24vw;
}
.attach-choice-item-1:nth-of-type(3) {
height: 34vh;
top:0;
right:0;
}
.attach-choice-item-1:nth-of-type(4) {
width:17.5vw;
bottom: 0;
right: 0;
}
.attach-choice-item-1:nth-of-type(5) {
width: 5vw;
bottom: 3vh;
right: 7vw;
}
.attach-choice-item-1:nth-of-type(6) {
width: 17.5vw;
bottom: 0;
right: 0;
}
.attach-choice-item-1:nth-of-type(7) {
width: 5vw;
bottom: 3vh;
left:9vw;
}
.attach-choice-item-1:nth-of-type(8) {
width: 8vw;
bottom: 0;
left: 0;
}
.attach-choice-item-1:nth-of-type(9) {
width: 16vw;
bottom: 0;
left: 0;
}
.attach-choice-item-1:nth-of-type(10) {
width: 6vw;
top: 63vh;
left: 6vw;
}
.attach-choice-item-1:nth-of-type(11) {
width: 6vw;
bottom: 0vh;
left: 6vw;
}
.attach-choice-item-1:nth-of-type(12) { height: 25vh;
top:42vh;
}
.attach-choice-item-2 {
}
.attach-choice-item-2:nth-of-type(1) {
height: 50vh;
left:0;
bottom:10vh;
}
.attach-choice-item-2:nth-of-type(2) {
height: 47.5vh;
top: 0;
left: 17.5vw;
}
.attach-choice-item-2:nth-of-type(3) {
width: 21vw;
left:9vw;
bottom:30vw;
display: none;
}
.attach-choice-item-2:nth-of-type(4) {
height: 27.5vh;
right: 0;
bottom:15vh;
}
.attach-choice-item-2:nth-of-type(5) {
width: 8vw;
right: 0;
bottom: 5vh;
}
.attach-choice-item-2:nth-of-type(6) {
width: 100%;
bottom: 0;
}
.attach-choice-item-3 {
}
.attach-choice-item-3:nth-of-type(1) {
width: 19vw;
top: 0;
right: 0;
}
.attach-choice-item-3:nth-of-type(2) {
width: 13vw;
top:0;
right:0;
}
.attach-choice-item-3:nth-of-type(3) {
height: 25vh;
right: 0;
bottom: 17.5vh;
}
.attach-choice-item-3:nth-of-type(4) {
width: 15vw;
bottom: 0;
right: 0;
}
.attach-choice-item-3:nth-of-type(5) {
width: 17.5vw;
left:0;
bottom: 0;
}
.attach-choice-item-3:nth-of-type(6) {
display: block;
height: 50vh;
left: 1vw;
bottom: 30vh;
z-index: 199;
}
.attach-choice-item-4{
}
.attach-choice-item-4:nth-of-type(1) {
width: 12.5vw;
left:0;
bottom: 0;
}
.attach-choice-item-4:nth-of-type(2) {
width: 11.5vw;
left:0;
bottom: 31vh;
}
.attach-choice-item-4:nth-of-type(3) {
width: 19vw;
left:10vw;
bottom: 30vw;
display: none;
}
.attach-choice-item-4:nth-of-type(4) {
height: 30vh;
right: 0;
top:0;
}
.attach-choice-item-4:nth-of-type(5) {
width: 80%;
bottom: 0;
right: 0;
}
.attach-choice-item-4:nth-of-type(6) {
width: 4.25vw;
right: 9vw;
bottom: 13vh;
z-index: 199;
}
.attach-choice-item-5:nth-of-type(1) {
top: 0.2vh;
right: -8vw;
width: 25.4vw;
}
.attach-choice-item-5:nth-of-type(2) {
top: 0;
right: -3.1vw;
width: 22vw;
}
.attach-choice-item-5:nth-of-type(3) {
top: 0;
right: -7.5vw;
width: 22vw;
}
.attach-choice-item-5:nth-of-type(4) {
top: 0;
right: 2.6vw;
width: 8vw;
}
.attach-choice-item-5:nth-of-type(5) {
top: 4.3vh;
right: 4.6vw;
width: 15vw;
}
.attach-choice-item-5:nth-of-type(6) {
top: 33vh;
left: 0vw;
width: 15vw;
}
.attach-choice-item-5:nth-of-type(7) {
top: 38.6vh;
left: 2.8vw;
width: 10.9vw;
}
.attach-choice-item-5:nth-of-type(8) {
top: 60.2vh;
left: -0.2vw;
width: 9.7vw;
}
.attach-choice-item-5:nth-of-type(9) {
top: 56.2vh;
left: 0vw;
width: 6.7vw;
}
.attach-choice-item-5:nth-of-type(10) {
top: 49.5vh;
left: 0vw;
width: 13.1vw;
}
.attach-choice-item-5:nth-of-type(11) {
top: 35.8vh;
left: 0vw;
width: 15.4vw;
}
.attach-choice-item-5:nth-of-type(12) {
bottom: -0.3vh;
right: -7.1vw;
width: 13.4vw;
}
.attach-choice-item-5:nth-of-type(13) {
bottom: 0vh;
left: 0vw;
width: 120%;
}
.attach-choice-item-5:nth-of-type(14) {
bottom: 0vh;
left: 0vw;
width: 16.4vw;
}
.choice-item-info {
margin: 20vh 7vw 0 7vw;
}
.head-area {
display: none;
}
.head-area:nth-child(1) {
display: block;
}
.head-area h1, .head-area h2 {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
float: left;
} .granola-slider-section.stance-2 .head-area h1,
.granola-slider-section.stance-2 .head-area h2 {
color: #79491d;
} .granola-slider-section.stance-3 .head-area h1 ,
.granola-slider-section.stance-3 .head-area h2{
color: #3ba3da;
} .granola-slider-section.stance-4 .head-area h1,
.granola-slider-section.stance-4 .head-area h2 {
color: #df3968;
}  .granola-slider-section.stance-6 .head-area h1,
.granola-slider-section.stance-6 .head-area h2{
color: #df3968;
} .granola-slider-section.stance-7 .head-area h1,
.granola-slider-section.stance-7 .head-area h2{
color: #3ba3da;
} .granola-slider-section.stance-5 .head-area h1, .granola-slider-section.stance-5 .head-area h2,.granola-slider-section.stance-5 h3,
.granola-slider-section.stance-5 table thead, .granola-slider-section.stance-5 .current-count {
color: #fa852b
} .granola-slider-section.stance-1 .head-area h1, .granola-slider-section.stance-1 .head-area h2,.granola-slider-section.stance-1 h3,
.granola-slider-section.stance-1 table thead, .granola-slider-section.stance-1 .current-count {
color: #37ffda;
}
.granola-slider-section.stance-1 .active, .granola-slider-section.stance-1 a {background:#dc143c;}
.count {
font-family: 'Oswald-Regular', sans-serif;
font-size: 3vw;
color: #dfdede;
float: right;
position: relative;
}
.count:after {
content: '';
display: none;
position: absolute;
right:0px;
bottom: -2.5vh;
width: 16.25vw;
height: 1.25vh;
background: url(//granola.com.ua/wp-content/themes/granola/img/arrow-background.png) no-repeat;
background-size: 100%; 
}
.granola-slider-section.stance-2 .current-count {
color: #70ab52;
}
.granola-slider-section.stance-3 .current-count {
color: #a68474;
}
.granola-slider-section.stance-4 .current-count {
color: #3498cb;
}
.granola-slider-section.stance-5 .current-count {
color: #e44c9b;
}
.granola-slider-section.stance-6 .current-count {
color: #f4cc48;
}
.granola-slider-section.stance-7 .current-count {
color: orangered;
}
.arrows-area {
font-size: 0;
}
.arrow:nth-of-type(1) {
margin-left:0;
}
.arrows-area-wrapper {
margin: 25px 0 0 0;
user-select: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between; 
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.arrow {
cursor: pointer;
display: inline-block;
width: 5px;
height: 5px;
border-radius: 5px;
margin-left: 1.2vw;
background: #dfdede;
position: relative;
}
.arrow:after {
content: '';
position: absolute;
width: 300%;
height: 300%;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
}
.left-dir {
position: relative;
display: inline-block;
width: 86px;
cursor: pointer;
}
.right-dir {
position: relative;
display: inline-block;
width: 157px;
cursor: pointer;
}
.left-dir img,
.right-dir img {
max-width: 100%;
}
.left-dir:before,
.right-dir:before {
content: '';
width: 100%;
height: 300%;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
}
.granola-slider-section.stance-1 .active{
background: #dc143c;
}
.granola-slider-section.stance-2 .active{
background: #70ab52;
}
.granola-slider-section.stance-3 .active{
background: #a68474;
}
.granola-slider-section.stance-4 .active{
background: #3498cb;
}
.granola-slider-section.stance-5 .active{
background: #e44c9b;
}
.granola-slider-section.stance-6 .active{
background: #f4cc48;
}
.granola-slider-section.stance-7 .active{
background: orangered;
}
.info-area-wrapper {
position: relative;
width: calc(100% - 7vw);
margin: 5vh 0 0 0;
}
.info-area {
overflow: hidden;
top: 0;
left: 0;
display: none;
}
.info-area:nth-child(1) {
display: block;
}
.info-area h3 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
margin: 2vh 0 1vh 0;
}
.granola-slider-section.stance-1 h3 {
color: #dc143c;
}
.granola-slider-section.stance-2 h3 {
color: #70ab52;
}
.granola-slider-section.stance-3 h3 {
color: #a68474;
}
.granola-slider-section.stance-4 h3 {
color: #3498cb;
}
.granola-slider-section.stance-5 h3 {
color: #e44c9b;
}
.granola-slider-section.stance-2 h3 {
color: #70ab52;
}
.granola-slider-section.stance-7 h3 {
color: orangered;
}
.info-area p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #262626;
line-height: 20px;
padding: 5px 0;
}
.footnote {
margin: 15px 0 0 0;
}
.info-area table {
font-family: 'Open Sans', sans-serif;	
width:100%;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 20px 0 1vh 0;
padding: 5px 0;
}
.granola-slider-section.stance-1 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-1.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-2 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-2.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-3 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-3.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-4 table {
background: url(//granola.com.ua/wp-content/themes/granola/img/slider-table-background-4.png) no-repeat;
background-position: 100% 98%;
background-size: 10%;
}
.granola-slider-section.stance-1 table thead {
color: #dc143c;
}
.granola-slider-section.stance-2 table thead {
color: #70ab52;
}
.granola-slider-section.stance-3 table thead {
color: #a68474;
}
.granola-slider-section.stance-4 table thead {
color: #3498cb;
}
.granola-slider-section.stance-5 table thead {
color: #e44c9b;
}
.granola-slider-section.stance-6 table thead {
color: #f4cc48;
}
.granola-slider-section.stance-7 table thead {
color: orangered;
}
.info-area table td{
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: 500;
font-size: 12px;
padding: 5px 5px 5px 0;
}
.info-area table td:first-child {
font-weight: 600;
}
.info-area table td:last-child {
padding-right: 10%;
}
.rec-details {
font-size: 10px;
color: #aaaaaa;
}
.granola-slider-section.stance-1 .mark-row {
background: #f9d5dc;
}
.granola-slider-section.stance-2 .mark-row {
background: #f4f8f1;
}
.granola-slider-section.stance-3 .mark-row {
background: #f8f5f4;
}
.granola-slider-section.stance-4 .mark-row {
background: #eff7fb;
}
.granola-slider-section.stance-5 .mark-row {
background: #fdf1f7;
}
.granola-slider-section.stance-6 .mark-row {
background: #fef7e5;
}
.granola-slider-section.stance-7 .mark-row {
background: #fef7e5;
}
.footnote p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #aaaaaa;
padding-right: 10%;
}
.nav-area {
margin: 5vh 7vw 5vh 0;
}
.nav-area a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #fff !important;
padding: .35vw 2.75vh;
border: 1px solid transparent;
border-radius: 1vw;
color: #262626;
transition: .5s;
}
.granola-slider-section.stance-1 a {
background: #dc143c;
}
.granola-slider-section.stance-2 a {
background: #70ab52;
}
.granola-slider-section.stance-3 a {
background: #a68474;
}
.granola-slider-section.stance-4 a {
background: #3498cb;
}
.granola-slider-section.stance-5 a {
background: #e44c9b;
}
.granola-slider-section.stance-6 a {
background: #f4cc48;
}
.granola-slider-section.stance-7 a {
background: orangered;
}
.nav-area a:hover {
background: #f4f8f1;
color: #262626 !important;
}  .location {
width: 100%;
}
.left-part-location-wrapper {
position: fixed;
float: left;
overflow: hidden;
width: calc(100% - 62%);
height: 100%;
background-size: cover;
}
.left-part-location-wrapper .acf-map {
height: 100%;
}
.sb-search {
position: absolute;
width: 0%;
min-width: 2vw;
height: 5vh;
overflow: hidden;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: transparent;
width: 100%;
height: 5vh;
margin: 0;
z-index: 10;
padding: 2vh 3vw 2vh 1vw;
font-size: 1vw;
color: red;
}
input[type="search"].sb-search-input {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
color: #747474;
}
.sb-search-input:-moz-placeholder {
color: #747474;
}
.sb-search-input::-moz-placeholder {
color: #747474;
}
.sb-search-input:-ms-input-placeholder {
color: #747474;
}
.sb-icon-search,
.sb-search-submit  {
width: 2vw;
height: 4vh;
display: block;
position: absolute;
right: .75vw;
top: 1.5vh;
padding: 0;
margin: 0;
line-height: 4vh;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); 
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
color: #747474;
background: #fff;
z-index: 90;
font-size: 1vw;
}
.sb-icon-search:before {
content: "";
background: url(//granola.com.ua/wp-content/themes/granola/img/search-icon.png) no-repeat center;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 50%;
height: 50%;
}
.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
height: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: #fff;
border: 1px solid #d7d5d9;
color: #fff;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90;
}
.right-part-location-wrapper {
float: right;
width: calc(100% - 38%);
}
.right-part-location {
background: #eeeeee;
margin: 19vh 0 0 0;
padding: 4vh 6.25vw 4vh 8.25vw;
min-height: calc(100vh - 19vh);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-menu {
margin-bottom: 3vh;
margin-left: -15px;
}
.buy-menu ul li:first-child {
margin-left: 0;
}
.buy-menu ul li{
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
margin-right: 15px;	
font-weight: 700;
letter-spacing: -0.5px;
}
.buy-menu ul li a {
display: block;	
padding: .45vw 1.75vh;
border: 1px solid transparent;
border-radius: 1vw;
color: #262626; background: #179de5;
transition: .5s;
}
.buy-menu ul li a:hover {
background: rgba(0,0,0,0);
color:#262626;
}
.buy-menu .active {
background: #179de5;
color: #fff;
}
.buy-brand {
margin: 6vh 0 0 -15px;
}
.buy-brand span {
display: none;
}
.buy-brand img {
display: block;
max-width: 100%;
}
.store-adress-wrapper {
font-family: 'Open Sans', sans-serif;
margin: 2vh 0 0 -15px;
overflow: hidden;
}
.store-adress {
float: left;
font-size: 0;
width: 50%;
}
.city-store {
color: #c1307c;
vertical-align: top;
font-size: 12px;
font-weight: 700;
width: 40%;
display: inline-block;
margin-top: 15px;
}
.place-store {
vertical-align: top;
color: #262626;
font-size: 14px;
width: 66%;
display: inline-block;
margin-top: 5px;
}
.place-adress {
margin: 10px 0 10px 0;
cursor: pointer;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.place-adress:hover {
text-decoration: underline;
-webkit-filter: brightness(120%);
-o-filter: brightness(120%);
filter: brightness(120%);
}  .buy-online {
width: 100%;
}
.left-buy-online-wrapper {
position: fixed;
float: left;
overflow: hidden;
width: calc(100% - 62%);
height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.png) no-repeat;
background-position: center !important;
background-size: cover !important;
}
.buy-online-attach-out-wrapper {
position: absolute;
z-index: 44;
top: 0;
left: 0;
width: calc(100% - 62%);
}
.buy-online-attach-out-wrapper img {
position: absolute;
right: 0;
top: 0;
max-width: 17.5vw;
}
.buy-online-attach{
position: absolute;
}
.buy-online-attach:nth-of-type(1) {
width: 17.5vw;
bottom:0;
left:0;
}
.buy-online-left-content-outer {
width: 45%;
position: absolute;
margin: 30vh 0 0 0;
padding: 0 7.5vw 12vh 7.5vw;
z-index: 55;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-left-content-outer h3 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #262626;
}
.buy-online-left-content-element{
margin: 4vh 7.5vw 0 6vw;
}
.buy-online-left-content-element-item {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 14px;
color: #262626;
margin-top: 35px;
position: relative;
}
.buy-online-left-content-element-item:nth-of-type(1) {
margin-top:0;
}
.buy-online-left-content-element-item:after {
content: '';
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: -40px;
display: block;
}
.buy-online-left-content-element-item:nth-of-type(1):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-1.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(2):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-2.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(3):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-3.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(4):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-4.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item:nth-of-type(5):after {
background: url(//granola.com.ua/wp-content/themes/granola/img/buy-online-item-5.png) no-repeat;
background-size: cover;
}
.buy-online-left-content-element-item span {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
line-height: 16px;
}
.right-buy-online-wrapper {
float: right;
width: calc(100% - 38%);
}
.right-buy-online {
min-height: 100%;
background: #eeeeee;
margin: 19vh 0 0 0;
padding: 4vh 6.25vw 0 6.25vw;
}
.order-area-outer {
font-size: 0;
margin: 0 0 0 0;
}
.order-area-outer .content {
margin: 15px 0 0 0;
}
.order-area {
display: inline-block;
width: 50%;
vertical-align: top;
}
.order-area-pic {
}
.order-area-pic h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #262626;
margin-top: 2.5vh;
}
.order-area-pic img {
display: block;
width: 21vw;
margin-top: 2vh;
}
.order-area-book {
font-size: 14px;
}
.order-area-book br {
display: none;
}
.order-area-book h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #262626;
margin-top: 2.5vh;
margin-bottom: 2vh;
}
.order-amount-outer {
border-top: 2px solid #c6c6c6;
border-bottom: 2px solid #c6c6c6;
margin: 1.5vh 0;
padding: 1.5vh 0;
}
.order-amount-left {
float: left;
}
.order-amount-left h5 {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
}
.order-amount-left span {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #179de5;
margin-top: .5vh;
display: block;
}
.order-amount-right {
float: right;
}
.order-amount-right .count {
float: none;
}
.order-amount-right a{
font-size: 1vw;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 180%;
width: 1.75vw;
height: 3.5vh;
background: #c6c6c6;
border-radius: .1vw;
display: inline-block;
margin-top: -.8vh;
}
.amount-input-text {
}
.order-amount-right input {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
width: 3vw;
height: 3.5vh;
border: 2px solid #c6c6c6;
margin-left: .2vw;
margin-right: .2vw; 
padding: 0 0 1px 10%;
display: inline-block;
}
.order-delivery {
}
.order-delivery h5 {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
}
.radio-group {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
}
.radio-group label {
margin-top: 1vh;
}
input[type=radio].css-checkbox {
position:absolute; 
z-index:-1000; 
left:-1000px; 
overflow: hidden; 
clip: rect(0 0 0 0); 
height:1px; 
width:1px; 
margin:-1px; 
padding:0; border:0;
}
input[type=radio].css-checkbox + label.css-label {
padding-left:1.25vw;
height:2vh; 
display:inline-block;
line-height:1vw;
background-repeat:no-repeat;
background-position: 0px -23px;
font-size:.75vw;
vertical-align:middle;
cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0px 0px;
}
label.css-label {
background-image:url(//granola.com.ua/wp-content/themes/granola/img/radio-button.png);
font-family: 'Open Sans', sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.order-overall {
border-top: 2px solid #c6c6c6;
border-bottom: 2px solid #c6c6c6;
margin: 1.5vh 0;
padding: 1.5vh 0;
}
.order-overall h5 {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #262626;
float: left;
}
.order-overall span {
font-family: 'Open Sans', sans-serif;
font-size: .75vw;
color: #179de5;
float: right;
}
.order-overall + input {
font-family: 'Oswald-Regular', sans-serif;
font-size: .75vw;
color: #fff;
padding: .45vw 2.75vh;
border: 1px solid transparent;
border-radius: 1vw;
background: #179de5;
transition: .5s;
}
.order-area-info {
width: 50%;
padding: 5vh 0 0 0;
}
.order-area-info p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 14px;
margin: 10px 0;;
}
.order-area-info h5 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
margin: 12px 0;
color: #179de5;
line-height: 14px;
background: none;
}
.order-area-tip {
font-size: 14px;
font-family: 'Open Sans';
font-weight: 600;
line-height: 18px;
color: #262626;
width: 200%;
margin: 35px 0 0 0;
}
.liqpay-link {
text-align: center;
display: block;
width: 150px;
margin: 20px 0 0 0;
}
.order-area-pic .buy-online-form-thank-you-title {
font-size: 20px;
font-weight: 700;
color: #179de5;
}
.buy-online-form-outer {
font-family: 'Open Sans';
width: 150%;
margin: 40px 0 0 0;
}
.buy-online-form-outer br {
display: none;
}
.buy-online-form-outer h4 {
font-size: 20px;
font-weight: 700;
color: #262626;
margin: 25px 0 20px 0;
}
.buy-online-form-outer select {
font-size: 14px;
font-weight: 600;
color: #262626;
background: #eeeeee;
border: 1px solid #c6c6c6;
width: calc(50% - 12px);
margin: 0 12px 12px 0;
padding: 8px 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-form-outer input {
font-size: 14px;
font-weight: 600;
color: #262626;
background: #eeeeee;
width: calc(100% - 12px);
border: 1px solid #c6c6c6;
margin-bottom: 12px;
padding: 8px 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-form-outer input.size-2 {
width: 100%;
}
.buy-online-form-outer .wpcf7-form-control-wrap.name,
.buy-online-form-outer .wpcf7-form-control-wrap.phone {
width: calc(50% - 12px);
margin: 0 12px 12px 0;
display: inline-block;
}
.buy-online-form-outer textarea {
font-size: 14px;
font-weight: 600;
color: #262626;
background: #eeeeee;
width: calc(100% - 12px);
border: 1px solid #c6c6c6;
margin-bottom: 12px;
padding: 8px 12px;
resize: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.buy-online-form-outer input.hidden {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.buy-online-form-outer input[type="submit"] {
font-size: 20px;
font-weight: 700;
color: #ffffff;
background: #179de5;
border: 1px solid rgba(0,0,0,0);
border-radius: 25px;
display: inline-block;
width: auto;
margin: 25px 0 0 0;
padding: 5px 30px;
}
.buy-online-form-outer img {
display: block;
width: auto;
margin-top: 2vh;
}
.buy-online-form-outer span.wpcf7-not-valid-tip {
font-size: 14px;
font-weight: 600;
}
.buy-online-form-outer div.wpcf7-validation-errors {
font-size: 16px;
font-family: 'Open Sans';
font-weight: 600;
background: #f7e700;
margin-top: 10px !important;
padding: 5px 10px !important;
}
.buy-online-form-outer div.wpcf7-mail-sent-ok {
font-size: 16px;
font-family: 'Open Sans';
font-weight: 600;
color: #fff;
background: #398f14;
margin-top: 10px !important;
padding: 5px 10px !important;
}  .left-partnership-wrapper {
position: relative;
float: left;
overflow: hidden;
width: calc(100% - 59%);
min-height: 100%;
background: url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.png) no-repeat;
background-size: cover;
}
.left-distrib-wrapper {
}
.partnership-item {
min-height: 100vh;
font-family: 'Open Sans', sans-serif;
}
.partnership-item br {
display: none;
}
.partnership-item h3 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #eef1f6;
line-height: 16px;
margin: 30vh 0 2.5vh 5.25vw;
}
.partnership-item form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 1vh 0 0 5.25vw;
}
.partnership-item form input, .partnership-item form textarea {
background: #eef1f6;
outline: none;
border: none;
color: #bcc8dd;
font-size: 12px;
width: 22.5vw;
margin-bottom: 8px;
}
.partnership-item form input,
.partnership-item form textarea {
padding: 10px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.partnership-item form input[type="submit"] {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #fff;
width: 7.5vw;
padding: .45vw 1.75vh;
border: 0px solid transparent;
border-radius: 1vw;
background: #2e7da8;
display: block;
margin: 30px 0 0 0;
}
.partnership-item form textarea {
resize: none;
padding-top: 1vh;
height: 22vh;
}
.partnership-item span.wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0 10px 0;
}
.label-textarea {
position: relative;
}
.label-textarea:after {
content: '';
position: absolute;
bottom:-2vh;
left: 2vw;
width: 0;
height: 0;
border-style: solid;
border-width: 33px 33px 0 0;
border-color: #eef1f6 transparent transparent transparent;
}
.right-partnership-wrapper {
float: right;
width: calc(100% - 38%);
min-height: 100%;
}
.right-partnership {
min-height: 100%;
background: #eeeeee;
margin: 19vh 0 0 0;
padding: 4vh 6.25vw 0 7.25vw;
}
.partner-info {
margin-right: 0;
padding-bottom: 25px;
}
.partner-info h3 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #262626;
margin-top: 10vh;
}
.partner-info p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 14px;
margin: 10px 0;
}
.partner-info h5 {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin: 12px 0;
color: #179de5;
line-height: 14px;
background: none;
}  .about-us-section .left-partnership-wrapper {
position: fixed;
}
.about-us-section .right-partnership-wrapper {
height: initial;
}
.about-us-section .right-partnership {
background: #fff;
margin: 0 0 0 0;
padding: 170px 250px 40px 216px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-section .right-partnership.bg-img{
background: url(//granola.com.ua/wp-content/themes/granola/img/right-bg-article.png) no-repeat right top -50px; }
.about-us-section .right-partnership h1 {
font-family: 'Oswald-Regular';
font-size: 36px;
line-height: 38px;
font-weight: 400;
color: #e3267f;
}
.content {
font-family: 'Open Sans';
font-size: 12px;
padding: 25px 0 0 0;
}
.content p {
margin: 0 0 15px 0;
}
.content h5 {
margin: 0 0 15px 0;
}
.content a {
text-decoration: none;
}
.content img {
max-width: 100%;
}
.content.content-shirko {
position: relative;
}
.content.content-shirko a {
font-weight: normal;
color: #595959;
text-decoration: underline;
}
.content.content-shirko.text p {
font-size: 16px;
}
.content.content-shirko p {
font-size: 15px;
font-family: 'Open Sans';
font-weight: 400;
line-height: 25px;
color: #595959;
margin: 0 0 20px 0;
position: relative;
}
.content.content-shirko h2 {
font-size: 24px;
font-family: 'Open Sans';
font-weight: 800;
line-height: 30px;
color: #333333;
margin: 0 0 20px 0;
}
.content.content-shirko h3 {
font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
line-height: 27px;
color: #333333;
margin: 0 0 20px 0;
}
.content.content-shirko h4 {
font-size: 16px;
font-family: 'Open Sans';
font-weight: 600;
font-style: italic;
line-height: 25px;
color: #333333;
margin: 0 0 20px 0;
}
.content.content-shirko h5 {
font-size: 15px;
font-family: 'Open Sans';
font-weight: 400;
line-height: 25px;
color: #333333;
margin: 0 0 20px 0;
padding: 25px 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content.content-shirko h5:before {
content: '';
background: #f1f1f1;
height: 100%;
width: 150%;
position: absolute;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%;
margin: auto;
z-index: -1;
}
.content.content-shirko blockquote {
border-left: 2px solid #c1307c;
display: block;
margin: 0 0 45px 0;
padding-left: 50px;
position: relative;
top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content.content-shirko p em {
font-style: italic;
font-weight: normal;
}
.content.content-shirko p strong,
.content.content-shirko p b {
font-weight: 700;
}
.content.content-shirko img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
margin-left: 0;
}
.content.content-shirko img.alignleft {
float: left;
margin: 0 25px 25px 0;
} body.blog{
overflow-x: hidden;
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left bottom;
}
body.blog .header__logo__image:before{
background: url(//granola.com.ua/wp-content/themes/granola/img/logo.png) no-repeat;
}
.blog-section {
padding-top: 28vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.blog-section .blog-text{
width: 30%;
}
.blog-section .blog-text p{
font:400 50px 'Oswald-Regular';
line-height: 1.3;
text-transform: uppercase;
color: #318ed8;
margin-top: 224px;
margin-left: 105px;
}
.blog-elements-outer {  width: 56%; }
.blog-single-outer {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
.blog-elements-outer.flex-outer{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; -webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blog-elements-outer .blog-element .more{
font:400 15px 'Open Sans';
color: #318ed8;
}
.blog-element {
display: block;
text-decoration: none;
text-align: center;
text-transform: uppercase;
width: 485px;
margin: 20px 0;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.blog-element:nth-child(1) {
margin-top: 0;
}
.blog-element:nth-child(2n) {
position: relative;
top: 230px;
}
.blog-element:hover:before {
opacity: 1;
}
.blog-pic-outer { margin-bottom: 24px;
}
.blog-pic-outer img {
display: block;
max-width: 100%;
}
.blog-element .title {
font-family: 'Oswald-Regular';
text-transform: none;
width: 80%;
position: relative;
font-size: 24px;
line-height: 26px; color: #262626;
margin: 0 auto 23px;
}
.blog-element .short-description {
font-family: 'Open Sans';
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #262626;
}
.blog-single-title {
font-family: 'Open Sans';
font-size: 16px;
font-weight: 600;
color: #262626;
}
.blog-single-back-link {
font-family: 'Open Sans';
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #262626;
display: inline-block;
margin: 10px 0 0 0;
}
.blog-single-back-link:hover img{
transform: rotate(180deg) translateX(15px) !important;       
}
.blog-single-back-link img{
transition: .5s;
}
.blog-elements-outer .blog-element:hover .more{text-decoration: underline;}
.blog-single-outer {
width: 100%;
padding-bottom: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-single-outer .content {
font-size: 14px;
line-height: 18px;
padding-top: 50px;
}
.blog-single-outer .wp-caption.alignleft {
float: left;
margin: 0 25px 10px 0;
}
.blog-single-outer .wp-caption img {
margin-bottom: 0;
}
.blog-single-outer .wp-caption-text {
font-size: 12px !important;
font-weight: 700 !important;;
text-align: center;
text-transform: uppercase;
margin: 10px 0 0 0 !important;
} .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
display:block;
margin-bottom: 15px;
}
.screen-reader-response{display:none;} .contacts-section-title-outer {
position: relative;
margin: 23vh 0 0 5.25vw;
display: inline-block;
}
.contacts-item .contacts-section-title-outer h2 {
margin: 0 0 0 0;
}
.contacts-item .contacts-item-svg {
top: initial;
left: initial;
right: -50%;
bottom: -50%;
}
.partnership {
background: #eee;
height: 100%;
}
.home-page-adaptive-slider {
margin-top: 40px;
}
.home-page-adaptive-slider img {
max-width: 100%;
}
.nav-arrow-bottom {
position: fixed;
bottom: 3vh;
right: 2vw;
width: 32px;
height: 32px;
background: url(//granola.com.ua/wp-content/themes/granola/img/arrow-bottom.png) no-repeat;
background-size: cover;
z-index: 101;
-webkit-animation: arrow-bottom 5s infinite ease-in-out;
-moz-animation: arrow-bottom 5s infinite ease-in-out;
animation: arrow-bottom 5s infinite ease-in-out;
}
@keyframes arrow-bottom {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(-12px);
-ms-transform: translateY(-12px);
-o-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-filter: brightness(80%);
-o-filter: brightness(80%);
filter: brightness(80%);
}
50% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
75% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-filter: brightness(100%);
-o-filter: brightness(100%);
filter: brightness(100%);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.nav-arrow-bottom {
position: fixed;
bottom: 3vh;
right: 2vw;
width: 32px;
height: 32px;
background: url(//granola.com.ua/wp-content/themes/granola/img/arrow-bottom.png) no-repeat;
background-size: cover;
-webkit-animation:  arrow-bottom  5s infinite ease-in-out;
-moz-animation:  arrow-bottom  5s infinite ease-in-out;
animation: arrow-bottom  5s infinite ease-in-out;
}
.full-page-nav {
position: fixed;
bottom: 5vh;
right: 2.916666666666667vw;
z-index: 111;
width: 20px;
}
.full-page-nav-buttons-outer > div {
width: 20px;
height: 20px;
position: relative;
cursor: pointer;
}
.full-page-nav-buttons-outer div div {
width: 4px;
height: 4px;
border: 1px solid #000;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.full-page-nav-buttons-outer > div:hover div {
background: #000;
}
.full-page-nav-buttons-outer > div:nth-child(1) div {
background: #000;
}
.full-page-nav-arrow {
background: url(//granola.com.ua/wp-content/themes/granola/img/page_scroll_arrow.png) no-repeat center;
width: 11px;
height: 14px;
margin: 0 auto 0 auto;
padding-top: 13px;
cursor: pointer;
-webkit-animation: mouse_hint_anim 5s infinite ease-in-out;
-moz-animation: mouse_hint_anim 5s infinite ease-in-out;
animation: mouse_hint_anim 5s infinite ease-in-out;
}
@keyframes mouse_hint_anim {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(-2.5px);
-ms-transform: translateY(-2.5px);
-o-transform: translateY(-2.5px);
transform: translateY(-2.5px);
-webkit-filter: brightness(110%);
-o-filter: brightness(110%);
filter: brightness(110%);
}
50% {
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
75% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-filter: brightness(100%);
-o-filter: brightness(100%);
filter: brightness(100%);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.full-page-nav-arrow-top {
background: url(//granola.com.ua/wp-content/themes/granola/img/page_scroll_arrow.png) no-repeat center;
width: 9px;
height: 13px;
margin: 0 auto 0 auto;
padding-top: 10px;
cursor: pointer;
visibility: visible;
opacity: 1;
-webkit-animation: mouse_hint_anim_2 5s infinite ease-in-out;
-moz-animation: mouse_hint_anim_2 5s infinite ease-in-out;
animation: mouse_hint_anim_2 5s infinite ease-in-out;
}
@keyframes mouse_hint_anim_2 {
0% {
-webkit-transform: translateY(0) rotate(180deg);
-ms-transform: translateY(0) rotate(180deg);
-o-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
}
25% {
-webkit-transform: translateY(5px) rotate(180deg);
-ms-transform: translateY(5px) rotate(180deg);
-o-transform: translateY(5px) rotate(180deg);
transform: translateY(5px) rotate(180deg);
-webkit-filter: brightness(110%);
-o-filter: brightness(110%);
filter: brightness(110%);
}
50% {
-webkit-transform: translateY(-10px) rotate(180deg);
-ms-transform: translateY(-10px) rotate(180deg);
-o-transform: translateY(-10px) rotate(180deg);
transform: translateY(-10px) rotate(180deg);
}
75% {
-webkit-transform: translateY(0) rotate(180deg);
-ms-transform: translateY(0) rotate(180deg);
-o-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
-webkit-filter: brightness(100%);
-o-filter: brightness(100%);
filter: brightness(100%);
}
100% {
-webkit-transform: translateY(0) rotate(180deg);
-ms-transform: translateY(0) rotate(180deg);
-o-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
}
} li.lslide{
text-align: center;
} .adaptive {
display: none;
}  @media screen and (max-width: 1750px) {
.blog-elements-outer{
width: 58%;
}
}
@media screen and (max-width: 1680px) {
.blog-elements-outer{
width: 60%;
}
.about-us-section .right-partnership.bg-img{ }
.about-us-section .right-partnership{
padding: 170px 200px 40px 200px;
}
}
@media screen and (max-width: 1620px) {
.blog-elements-outer{
width: 64%;
}
.blog-section .blog-text{
width: 26%;
}
}
@media screen and (max-width: 1536px) {
.blog-elements-outer{
width: 64%;
}
.blog-section .blog-text{
width: 26%;
}
.blog-section .blog-text p{
margin-left: 70px;
font-size: 44px;
}
.blog-element{
width: 456px;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -30px bottom -30px;
}
.blog-element:nth-child(2n){
top: 210px;
}
}
@media screen and (max-width: 1664px) {
.header .social {
margin-right: 1.5vw;
}
.header .menu-navigation > li {
margin-left: 0.5vw;
}
}
@media screen and (max-width: 1440px) {
.header .social {
margin-right: 1.5vw;
}
.header .menu-navigation > li {
margin-left: 0.5vw;
}
.title-item svg {
left: 21vw;
top: 8vh;
}
.about-us-section .right-partnership{
padding: 170px 180px 40px 110px;
}
.blog-element{
width: 430px;
}
.blog-section .blog-text p{
margin-left: 50px;
font-size: 42px;
}
.blog-element .title{
width: 90%;
}
}
@media screen and (max-width: 1366px) {
.cook-img-first-step:nth-of-type(1) {
bottom: 50%;
}
.facts-item {
margin: 1vh 1vw;
}
.right-partnership {
margin: 0vh;
}
.header {
padding: 0 0 0 1.5vw;
}
.header .menu-navigation {
margin-right: 1.5vw;
}
.howis-message p {
padding-right: 25px;
padding-left: 25px;
}
.about-us-section .right-partnership{
padding: 130px 140px 40px 70px;
}
.header .social{
margin-right: 20px;
}
.blog-element{
width: 400px;
margin: 0;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right top,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right -35px bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -50px bottom -40px;
}
.blog-element:nth-child(2n){
top: 182px;
}
}
@media screen and (max-width: 1280px) {
.blog-element{
width: 366px;
}
.blog-element .title{
font-size: 20px;
line-height: 22px;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left -60px top 0px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right -20px top -20px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -100px bottom -40px;
}
.blog-section .blog-text p{
margin-left: 20px;
font-size: 36px;
}
.blog-elements-outer{
width: 66%;
}
.blog-element:nth-child(2n){
top: 162px;
}
.blog-section .blog-text{
width: 24%;
}
.blog-element .title{
margin-bottom: 15px;
}
.blog-pic-outer{
margin-bottom: 15px;	
}
}
@media screen and (max-width: 1120px) {
.header .social{
margin-right: 0px;
}
.blog-section .blog-text p{
font-size: 32px;
}
.blog-element{
width: 338px;
}
body.blog{
background: url(//granola.com.ua/wp-content/themes/granola/img/bg-left-top-x2.png) no-repeat left -60px top 0px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-top-x2.png) no-repeat right -20px top -20px,
url(//granola.com.ua/wp-content/themes/granola/img/bg-right-bottom-x2.png) no-repeat right -30px bottom,
url(//granola.com.ua/wp-content/themes/granola/img/bg-left-bottom-x2.png) no-repeat left -238px bottom -40px;
}
}
@media screen and (max-width: 1024px){
.food{
height : 50%;
width  : 100%;
}
.food_to_go{
height : 50%;
width  : 100%;
}
.togo-assortment{
margin-top:50px;
}
.assortment_to_go{
margin-top: 50px;
}
.assortment_to_go .togo{
height : auto;
width  : 100%;
position:relative;
padding: 5% 0;
}
.assortment_to_go .togo img{
height: 30%;
margin: 5% auto;
transition:none;
-webkit-transition: none;
}
.assortment_to_go .togo p{
position: relative;
bottom: auto;
}
.nav-area a{
padding       : 1.35vw 3.75vh;
border-radius : 15px;
}
.section{
position : relative !important;
} .header{
background : #fff !important;
width      : 100%;
height     : 40px;
margin     : 0;
position   : fixed;
overflow   : visible;
left       : 0;
top        : 0;
z-index    : 101;
}
header{
display        : none;
visibility     : hidden;
pointer-events : none;
}
.adaptive{
display : block;
}
.adaptive-header-wrapper{
width                   : 100%;
height                  : 100%;
-webkit-box-sizing      : border-box;
-moz-box-sizing         : border-box;
box-sizing              : border-box;
display                 : -webkit-flex;
display                 : -moz-flex;
display                 : -ms-flex;
display                 : -o-flex;
display                 : flex;
-webkit-justify-content : space-between;
-moz-justify-content    : space-between;
-ms-justify-content     : space-between;
justify-content         : space-between;
-webkit-align-items     : center;
-moz-align-items        : center;
-ms-align-items         : center;
align-items             : center;
}
.adaptive-menu-button-outer{
width    : 36px;
position : relative;
z-index  : 100;
}
.adaptive-menu-button{
display : block;
}
.adaptive-menu-button div{
height     : 3px;
width      : 100%;
background : #000;
margin     : 6px 0;
}
.adaptive-menu{
position           : absolute;
width              : 100%;
top                : 35px;
left               : 0;
padding            : 0 0 15px 0;
background         : #fff;
display            : block;
-webkit-box-sizing : border-box;
-moz-box-sizing    : border-box;
box-sizing         : border-box;
}
.adaptive-menu ul{
padding : 15px;
}
.adaptive-menu li{
text-align : center;
}
.adaptive-menu li a{
background         : #fff;
display            : block;
padding            : 15px;
text-transform     : uppercase;
color              : #262626;
font-size          : 14px;
font-family        : 'Roboto', sans-serif;
font-weight        : 300;
letter-spacing     : 1px;
-webkit-transition : 0.5s;
-o-transition      : 0.5s;
transition         : 0.5s;
}
.adaptive-menu li a:hover{
background : #262626;
color      : #fff;
}
.lang-list ul{
text-align : center;
}
.lang-list ul li{
display : inline-block;
}
.lang-list ul li a:hover{
}
.socials-outer{
text-align : center;
}
.socials-outer a{
margin : 0 15px;
}
.socials-outer a img{
width : 20px;
}
.header__logo{
} body{
overflow : auto !important;
}
.main .section{
display : block !important;
opacity : 1 !important;
}
.pack-adaptive{
bottom    : 0;
left      : 0;
right     : 0;
margin    : 50px auto 0 auto;
z-index   : 97;
display   : block;
width     : 100%;
max-width : calc(23vh + 6.5vw);
}
.attach-item-1:nth-of-type(11){
position : absolute;
width    : 40vw;
bottom   : 3vh;
right    : 0vw;
display  : block;
}
.attach-item-1:nth-of-type(12){
position : absolute;
width    : 55vw;
right    : 0vw;
bottom   : 0vh;
z-index  : 98;
display  : block;
}
.attach-item-1:nth-of-type(13){
position : absolute;
width    : 65vw;
bottom   : 0vh;
right    : 26vw;
z-index  : 98;
display  : block;
}
.attach-item-1:nth-of-type(14){
position : absolute;
width    : 23vw;
bottom   : 0;
left     : 0;
z-index  : 98;
display  : block;
}
.attach-item-1:nth-of-type(15){
position : absolute;
height   : 27.5vh;
bottom   : 0vh;
left     : 0vw;
z-index  : 95;
display  : block;
}
.attach-item-1:nth-of-type(16){
position : absolute;
width    : 30vw;
bottom   : 6vh;
left     : 0vw;
z-index  : 95;
display  : block;
}
.subs-wrap{
font-size : 0;
margin    : 0;
}
.subs-main{
max-width : 55%;
margin    : 0 0 0 15px;
display   : block;
float     : left;
}
.subs-main h2{
}
.subs-main p{
width : 100%;
}
.subs-main .facts-anchor-button{
font-size : 12px;
}
.subs-sm{
width    : calc(35% - 20px);
position : relative;
display  : block;
float    : right;
margin   : 0 15px 15px 0;
}
.subs-sm p br{
display : none;
}
.subs-sm img{
max-width     : 8vw;
margin-bottom : 15px;
}
.subs-sm-1:nth-of-type(2), .subs-sm-1:nth-of-type(3), .subs-sm-1:nth-of-type(4), .subs-sm-1:nth-of-type(5),
.subs-sm-2:nth-of-type(2), .subs-sm-2:nth-of-type(3), .subs-sm-2:nth-of-type(4), .subs-sm-2:nth-of-type(5),
.subs-sm-3:nth-of-type(2), .subs-sm-3:nth-of-type(3), .subs-sm-3:nth-of-type(4), .subs-sm-3:nth-of-type(5),
.subs-sm-4:nth-of-type(2), .subs-sm-4:nth-of-type(3), .subs-sm-4:nth-of-type(4), .subs-sm-4:nth-of-type(5){
position : relative;
top      : 0;
left     : 0;
display  : block;
}
.subs-sm-1:nth-of-type(2), .subs-sm-2:nth-of-type(4), .subs-sm-3:nth-of-type(2),
.subs-sm-3:nth-of-type(4), .subs-sm-4:nth-of-type(2), .subs-sm-4:nth-of-type(5){
display : none;
}
.title-block-1{
position         : relative;
background-color : #97c76b;
background-size  : cover;
}
.attach-item-1{
display : none;
}
.package-wrap{
display : none;
}
.attach-item-2:nth-of-type(1){
position : absolute;
width    : 16vw;
left     : 0vw;
top      : 50vh;
z-index  : 98;
display  : none
}
.attach-item-2:nth-of-type(11){
position : absolute;
width    : 70vw;
bottom   : 0vh;
left     : 1vw;
z-index  : 99;
display  : block;
}
.attach-item-2:nth-of-type(9){
position : absolute;
width    : 63vw;
bottom   : 0;
right    : 0;
z-index  : 97;
display  : block;
}
.title-block-2{
position         : relative;
background-color : #97c76b;
background-size  : cover;
}
.attach-item-2{
display : none;
}
.package-wrap{
display : none;
}
.attach-item-3:nth-of-type(12){
position : absolute;
width    : 24vw;
right    : 0vw;
bottom   : 0vh;
display  : block;
}
.attach-item-3:nth-of-type(13){
position : absolute;
width    : 57vw;
bottom   : 0vh;
right    : 12vw;
z-index  : 97;
display  : block;
}
.attach-item-3:nth-of-type(15){
position : absolute;
width    : 34vw;
bottom   : 0vh;
left     : -5vw;
z-index  : 97;
display  : block;
}
.attach-item-3:nth-of-type(16){
position : absolute;
width    : 44vw;
bottom   : 0vh;
left     : 0vw;
z-index  : 99;
display  : block;
}
.title-block-3{
position         : relative;
background-color : #4cb4e8;
background-size  : cover;
}
.attach-item-3{
display : none;
}
.package-wrap{
display : none;
}
.attach-item-4:nth-of-type(2){
position : absolute;
width    : 20vw;
left     : 1.25vw;
bottom   : 2vh;
display  : block;
}
.attach-item-4:nth-of-type(7){
position : absolute;
width    : 18vw;
left     : 13vw;
top      : 80vh;
display  : block;
}
.attach-item-4:nth-of-type(8){
position : absolute;
width    : 90vw;
bottom   : 0;
left     : 0;
z-index  : 98;
display  : block;
}
.attach-item-4:nth-of-type(9){
position : absolute;
width    : 58vw;
bottom   : 0;
right    : 0;
z-index  : 99;
display  : block;
}
.title-block-4{
position         : relative;
background-color : #97c76b;
background-size  : cover;
}
.attach-item-4{
display : none;
}
.package-wrap{
display : none;
}
.facts-item p{
width : 22vw;
}
.howis-item-wrap{
text-align : center;
}
.howis-item{
width    : 48%;
position : relative;
left     : 7vw;
}
.howis-item:nth-of-type(2) .howis-message{
left : 16vw;
}
.contacts-section{
display                 : -webkit-flex;
display                 : -moz-flex;
display                 : -ms-flex;
display                 : -o-flex;
display                 : flex;
-webkit-flex-direction  : column;
-moz-flex-direction     : column;
-ms-flex-direction      : column;
flex-direction          : column;
-webkit-justify-content : center;
-moz-justify-content    : center;
-ms-justify-content     : center;
justify-content         : center;
-webkit-align-items     : center;
-moz-align-items        : center;
-ms-align-items         : center;
align-items             : center;
}
.contacts-item:first-of-type{
display                 : -webkit-flex;
display                 : -moz-flex;
display                 : -ms-flex;
display                 : -o-flex;
display                 : flex;
-webkit-flex-direction  : column;
-moz-flex-direction     : column;
-ms-flex-direction      : column;
flex-direction          : column;
-webkit-justify-content : center;
-moz-justify-content    : center;
-ms-justify-content     : center;
justify-content         : center;
-webkit-align-items     : center;
-moz-align-items        : center;
-ms-align-items         : center;
align-items             : center;
width                   : 100%;
min-height              : 0;
padding-top             : 55px;
}
.contacts-form-outer{
margin : 25px 0 0 0vw;
width  : 100%;
}
.contacts-item h2{
margin    : 0;
font-size : 48px;
}
.contacts-item .contacts-item-svg{
display  : block;
position : relative;
top      : -10px;
left     : 0;
z-index  : -1;
width    : 175px;
}
.contacts-item form{
display                 : -webkit-flex;
display                 : -moz-flex;
display                 : -ms-flex;
display                 : -o-flex;
display                 : flex;
-webkit-flex-direction  : column;
-moz-flex-direction     : column;
-ms-flex-direction      : column;
flex-direction          : column;
-webkit-justify-content : center;
-moz-justify-content    : center;
-ms-justify-content     : center;
justify-content         : center;
-webkit-align-items     : center;
-moz-align-items        : center;
-ms-align-items         : center;
align-items             : center;
margin                  : 0vh 0 0 0vw;
width                   : 100%;
padding                 : 0 15px;
-webkit-box-sizing      : border-box;
-moz-box-sizing         : border-box;
box-sizing              : border-box;
}
.wpcf7-form p{
display                 : -webkit-flex;
display                 : -moz-flex;
display                 : -ms-flex;
display                 : -o-flex;
display                 : flex;
-webkit-flex-direction  : column;
-moz-flex-direction     : column;
-ms-flex-direction      : column;
flex-direction          : column;
-webkit-justify-content : center;
-moz-justify-content    : center;
-ms-justify-content     : center;
justify-content         : center;
-webkit-align-items     : center;
-moz-align-items        : center;
-ms-align-items         : center;
align-items             : center;
width                   : 100%;
max-width               : 480px;
}
.wpcf7-form p span, .wpcf7-form p label{
width     : 100%;
max-width : 480px;
}
.contacts-item form input, .contacts-item form textarea{
background    : #eef1f6;
outline       : none;
border        : none;
color         : #bcc8dd;
font-size     : 14px; width         : 100%;
margin-bottom : 15px;
padding       : 15px;
}
.contacts-item form input{
height : 25px;
}
.contacts-item form input[type="submit"]{
background    : #2e7da8;
color         : #fff;
font-weight   : 700;
font-size     : 14px;
margin-top    : 3vh;
width         : auto;
height        : auto;
padding-left  : 15px;
border-radius : 5px;
}
.contacts-item form textarea{
resize : none;
height : 22vh;
}
.label-textarea{
display  : block;
position : relative;
}
.label-textarea:after{
content      : '';
position     : absolute;
bottom       : -2vh;
left         : 2vw;
width        : 0;
height       : 0;
border-style : solid;
border-width : 33px 33px 0 0;
border-color : #eef1f6 transparent transparent transparent;
display      : none;
}
.contacts-item:last-of-type{
width          : 100%;
padding-bottom : 0;
}
.person span:after{
height : 2px;
width  : 30px;
}
.contacts-item-left-line{
width      : 25px;
height     : 5px;
background : #fff;
margin     : 0 0 0 9vw;
display    : none;
}
.email:before, .adress:before{
left    : -25px;
bottom  : -5px;
width   : 20px;
height  : 20px;
display : none;
}
.coords{
padding-top        : 25px;
padding-right      : 60px;
padding-left       : 15px;
-webkit-box-sizing : border-box;
-moz-box-sizing    : border-box;
box-sizing         : border-box;
}
.tel{
margin : 0 0 25px 0;
}
.coords:after{
width  : 160px;
height : 180px;
}
.granola-slider-section{
}
.left-part-choice-wrapper{
display  : block;
width    : 100%;
height   : inherit;
position : relative;
}
.choice-item-right{
display : block;
width   : 100%;
}
.choice-item-pack{
width : 25vw;
}
.choice-item-right{
margin-left : 0;
}
.choice-item-info{
margin : 10vh 7vw 0 7vw;
}
.head-area h1, .head-area h2{
font-size : 4vw;
}
.count{
font-size : 4vw;
}
.about-us-section .left-partnership-wrapper, .right-buy-online-wrapper{
position    : relative;
padding-top : 40px;
}
.left-partnership-wrapper, .left-part-location-wrapper, .left-buy-online-wrapper{
position    : relative;
float       : none;
width       : 100%;
height      : 50%;
padding-top : 40px;
}
.left-buy-online-wrapper{
min-height : 90%;
}
.right-partnership-wrapper, .right-part-location-wrapper, .right-buy-online-wrapper{
float  : none;
width  : 100%;
height : auto;
}
.right-buy-online-wrapper{
padding-top : 0;
}
.right-part-location-wrapper{
height : auto;
}
.buy-online-left-content-outer{
width           : 100%;
margin          : 25vh 0 0 0;
background      : url(//granola.com.ua/wp-content/themes/granola/img/choice-item-3-background.png) no-repeat;
background-size : cover;
}
.buy-online-left-content-outer{
position : relative;
}
.left-buy-online-wrapper{
display : none;
}
.order-area-book .email{
margin-top  : 0 !important;
margin-left : 0 !important;
}
.right-buy-online{
height : auto;
margin : 0 0 0 0;
}
.order-area-pic img{
width     : auto;
max-width : 90%;
}
.partnership-item h3{
font-size  : 24px;
text-align : center;
}
.partnership-item form{
display                 : -webkit-flex;
display                 : -moz-flex;
display                 : -ms-flex;
display                 : -o-flex;
display                 : flex;
-webkit-flex-direction  : column;
-moz-flex-direction     : column;
-ms-flex-direction      : column;
flex-direction          : column;
-webkit-justify-content : center;
-moz-justify-content    : center;
-ms-justify-content     : center;
justify-content         : center;
-webkit-align-items     : center;
-moz-align-items        : center;
-ms-align-items         : center;
align-items             : center;
}
.partnership-item form input, .partnership-item form textarea{
width : 100%;
}
.partnership-item form input[type="submit"]{
font-weight   : 700;
font-size     : 14px;
margin-top    : 3vh;
width         : auto;
height        : auto;
width         : 200px;
padding       : 8px 12px;
border-radius : 5px;
}
}
@media screen and (max-width: 1024px) { .title-block-1, .title-block-2, .title-block-3, .title-block-4, .facts, .howis, .partners {
padding-top: 25px;
min-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.title-block-1 {
padding-top: 60px;
}
.title-item {
display: inline-block;
margin: 0 0 0 15px;
}
.title-item svg {
fill: #DF4D96;
}
.equal {
border-bottom-width: 3px;
}
.title-item svg {
top: initial !important;
right: initial !important;
bottom: initial !important;
left: initial !important;
right: -20% !important;
top: 0 !important;
}
.facts-item {
min-height: 0px;
margin: 0 0 25px 0;
}
.inner-head {
margin: 0 0 0 15px;
}
.assortment {
height: auto;
overflow: auto;
position: absolute;
}
.assortment_to_go {
height: auto;
overflow: auto;
position: absolute;
}
.right-part-location {
padding: 25px 15px 25px 15px;
}
.location {
min-height: 0;
}
.order-area-book .order-form-submit {
width: 200px;
padding: 8px 12px;
}
.left-partnership-wrapper {
height: auto;
min-height: 0;
}
.partnership-item {
min-height: 0;
}
.partnership-item h3 {
margin: 25px 0 25px 0;
}
.partnership-item form {
margin: 0 0 0 0;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.right-partnership {
padding: 25px 15px;
height: auto;
margin: 0 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.partner-info h3 {
margin: 45px 0 0 0;
} .blog-section{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blog-section .blog-text{
width: 100%;
}
.blog-section .blog-text p{
font-size: 38px;
text-align: center;
margin: 0 0 15px 0;
}
.blog-section .blog-text p br{
display: none;
}
.blog-elements-outer{
width: 100%;
}
.blog-elements-outer.flex-outer{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blog-element{
width: 485px;
}
.blog-element .title{
width: 80%;
}
.blog-element:nth-child(2n){
top: 0;
}
}
@media screen and (max-width: 800px) {
body.blog{
background: #fff;
}
.blog-section{
padding: 100px 15px 15px;
}
.title-item svg {
top: 12vh;
}
.item-column-row {
margin: 15vh 0 15vh 7vw;
}
.facts-item p {
width: 200px;
}
.facts-item p:before {
left: -10px;
}
.howis .inner-head h2 {
font-size: 5vw;
}
.partner-item {
width: 100%;
margin-bottom:5vh;
}
.choice-item-pack {
width: 35vw;
}
.choice-item-info {
margin: 8vh 7vw 0 7vw;
}
.head-area h1, .head-area h2 {
font-size: 5vw;
}
.count {
font-size: 5vw;
}
.buy-online-left-content-outer {
width: 100%;
margin: 40px 0 0 0;
padding-top: 25px;
}
.order-area {
width: 100%;
}
.nav-arrow-bottom {
display: none;
}
.fit-assortment .fit p {
font-size: 12px;
}
.select-assortment .select p {
font-size: 12px;
}
}
@media screen and (max-width: 600px) {
.blog-element{
width: 100%;
padding: 15px 0;
}
.blog-section .blog-text p{
font-size: 26px;
}
.blog-element .title{
width: 90%;
}
.title-item svg {
top: 9vh;
}
.item-column-row {
margin: 15vh 14vw;
}
.facts-item p {
width: 100%;
}
.facts-item p:before {
left: -10px;
}
.howis-item {
width: 100%;
left: 15vw;
margin: 0 0 60px 0;
}
.cook-img-first-step:nth-of-type(1) {
height: calc(8vh + 16vw);
top:3%;
left:33%;
}
.cook-img-first-step:nth-of-type(2) {
width: 37vw;
bottom: 5vh;
left: 3.5vw;
}
.howis-item:nth-of-type(2) .howis-message {
top:-9.5vh;
}
.cook-img-second-step:nth-of-type(1) {
top: 15vh;
left: 15vw;
}
.cook-img-second-step:nth-of-type(2) {
top: 25vh;
}
.cook-img-second-step:nth-of-type(3) {
top: 45vh;
left: 15vw;
}
.cook-img-third-step:nth-of-type(1) {
width: 12vw;
bottom: 4vh;
left: -2vw;
}
.cook-img-third-step:nth-of-type(2) {
width: 36.5vw;
bottom: 7.5vh;
left: 5vw;
}
.bracket {
margin-bottom: 25px;
}
.howis-item:nth-last-child(1) {
margin-bottom: 25px;
}
.bracket p {
font-size: 2.5vw;
}
.partners-item-wrap {
padding: 40px 15px;
}
.howis .inner-head > svg {
width: 27vw;
height: 16.2vh;
top:-5vh;
}
.partners .inner-head h2 {
font-size: 36px;
}
.wpcf7-form p {
width: 100%;
max-width: 320px;
}
.wpcf7-form p span, .wpcf7-form p label {
width: 100%;
max-width: 320px;
}
.wrap-names {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 40px 0 0 0;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.person {
font-size: 14px;
width: 100%;
margin: 30px 0;
}
.tel p, .email, .adress {
font-size: 14px;
line-height: 20px;
margin: 0 0 25px 0;
}
.coords:after {
width: 80px;
height: 90px;
top: 15px;
}
.food {
width: 100%;
height: 90vh;
}
.food img {
width: 50vw;
}
.choice-item-pack {
width: 45vw;
}
.choice-item-info {
margin: 7vh 7vw 0 7vw;
}
.head-area h1, .head-area h2 {
font-size: 6vw;
}
.count {
font-size: 6vw;
}
.info-area {
overflow: auto;
}
.info-area table {
width: 600px;
overflow-x: auto !important;
}
.buy-menu {
padding-left: 15px;
}
.buy-menu ul li {
font-size: 12px;
margin-right: -5px;
margin-bottom: 5px;
display: block;
}
.buy-menu ul li a {
display: inline-block;
padding: 8px 12px;
}
.store-adress {
float: none;
font-size: 0;
width: 100%;
}
.buy-online-left-content-outer {
width: 100%;
margin: 20vh 0 0 0;
}
.header__logo__image img {
max-width: 60px;
}
.buy-online-left-content-outer {
margin: 40px 0 0 0 !important;
padding: 25px 15px;
}
.wpcf7-form-control-wrap.email {
margin: 4vh 0 0 11.5vw;
}
.food img {
width: 120px;
}
.fit-assortment .fit p {
font-size: 10px;
}
.select-assortment .select p {
font-size: 10px;
}
}
@media screen and (max-width: 380px) {
.blog-section .blog-text p{
font-size: 24px;
}
.subs-main h1, subs-main h2 {
font-size: 5.6vw;
}
.title-item svg {
top: 1vh;
width: 40%
}
.title-item h2 {
font-size: 10vw;
}
.subs-sm img {
max-width: 8vw;
}
.item-column-row {
margin: 50px 0 15px 13vw;
}
.facts-item p {
width: 95%;
}
.facts-item p:before {
left: -10px;
}
.cook-img-first-step:nth-of-type(1) {
top:20%;
}
.cook-img-first-step:nth-of-type(2) {
width: 45vw;
bottom: 5.5vh;
left:4.5vw;
}
.cook-img-third-step:nth-of-type(1) {
width: 20vw;
bottom: 4vh;
left: -10vw;
}
.cook-img-third-step:nth-of-type(2) {
width: 45vw;
bottom: 7.5vh;
left: 5vw;
}
.bracket p {
font-size: 4.5vw;
}
.howis .inner-head h2 {
font-size: 36px;
}
.howis .inner-head svg {
width: 60%;
top: -2vh;
left: 20vw;
fill: #DF4D96;
}
.partner-item {
width: 100%;
margin: 0 0 40px 0;
}
.partner-item a {
width: 50%;
}
.partner-item a:before {
display: none;
}
.choice-item-pack {
width: 60vw;
height: auto;
}
.left-part-choice-wrapper > div {
height: 85%;
}
.arrows-area-wrapper {
display: block;
}
.dir-outer {
margin: 25px 0 0 0;
}
.arrow {
margin-left: 8px;
}
.about-us-section .right-partnership {
padding: 25px 15px 0 15px;
}
.choice-item-info {
margin: 5vh 7vw 0 7vw;
}
.head-area h1, .head-area h2 {
font-size: 9vw;
width: 80%;
}
.count {
font-size: 9vw;
}
.buy-online-left-content-outer {
width: 100%;
margin: 10vh 0 0 0;
}
.buy-online-left-content-element {
margin: 4vh 7.5vw 0 14vw;
}
.order-area-pic img {
width: 100%;
}
.food img {
width: 190px !important;
}
.fit-assortment {
display: flex;
flex-flow: column;
}
.fit-assortment .fit {
width: 100vw;
}
.fit-assortment .fit p {
font-size: 12px;
}
.select-assortment {
display: flex;
flex-flow: column;
}
.select-assortment .select {
width: 100vw;
}
.select-assortment .select p {
font-size: 12px;
}
} @media screen and (max-width: 1024px) {
.non-adaptive {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
}
.header__logo__image img {
width: 65px !important;
}
.assortment {
height: 600% !important;
flex-direction: column !important;
}
.light-assortment { flex-direction: column !important;
}
.assortment_to_go {
height: 100% !important;
}
.left-partnership-wrapper { }
.subs-sm img {
display: inline-block;
width: 20%;
vertical-align: middle;
margin-bottom: 0;
margin-right: 5%;
}
.subs-sm p {
display: inline-block;
width: 75%;
vertical-align: middle;
}
.item-column-row {
margin: 80px 0 15px 7vw;
}
.title-item svg {
width: 40%;
top: 60% !important;
}
.title-item {
margin-left: 5vw;
}
.howis-item {
min-height: initial;
left: initial;
width: 39%;
margin: 6% 5% !important;
vertical-align: middle;
}
.cook-img-adaptive {
max-width: 100%;
}
.howis-item:nth-of-type(1) .howis-message {
top: 0 !important;
left: 0 !important;
right: initial !important;
bottom: initial !important;
}
.howis-item:nth-of-type(2) .howis-message {
top: -20% !important;
left: initial !important;
right: -20% !important;
bottom: initial !important;
}
.howis-item:nth-of-type(3) .howis-message {
top: -50% !important;
right: 20% !important;
left: initial !important;
bottom: initial !important;
}
.bracket {
margin: 0 0 35px 0;
}
.howis .inner-head > svg {
width: 40%;
fill: #DF4D96;
top: 40%;
}
.howis .inner-head h2 {
font-size: 60px;
}
.partner-item a {
width: 80%;
}
.partners-item-wrap {
padding-top: 40px;
}
.choice-item-pack {
height: auto !important;
}
.left-part-choice-wrapper > div,
.left-part-choice-wrapper > div.choice-item-togo
{
height: 80%;
}
.about-us-section .right-partnership {
padding: 30px 25% 25px 25px;
}
.content.content-shirko blockquote{
margin-bottom: 40px
}
.contacts-section .email,
.contacts-section .adress {
margin: 2vh 0 0 0;
}
.coords:after {
top: 15px;
}
.wrap-names {
margin: 40px 0 0 15px;
}
.contacts-section .contacts-item {
min-height: 0;
padding-bottom: 25px;
}
.contacts-section .contacts-item:nth-child(1) {
order: 2;
}
.contacts-section .contacts-item:nth-child(2) {
order: 1;
padding-top: 60px;
}
.buy-menu {
margin-left: 0;
}
.buy-online-left-content-outer {
padding-top: 40px;
padding-bottom: 40px;
margin-top: 40px;
}
.partnership .left-partnership-wrapper {
order: 2;
}
.partnership .right-partnership-wrapper {
order: 1;
}
.right-part-location {
margin: 0 0 0 0;
}
.about-us-section-image {
width: auto;
height: 70vh;
max-height: 1080px;
margin: 0 auto;
}
.about-us-section .left-partnership-wrapper {
height: auto !important;
background: none !important;
text-align: center;
}
.contacts-section-title-outer {
margin: 0 0 0 0;
}
.buy-brand {
margin-left: 15px;
}
.store-adress-wrapper {
margin-left: 15px;
}
.buy-menu ul li a {
padding: 12px 18px;
border-radius: 12px;
}
.buy-online-left-content-element {
margin-left: 8vw;
}
.facts-item p {
padding: 0 15px 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.facts-item p:after {
display: none !important;
}
.howis .inner-head > svg {
width: 70%;
height: auto;
margin-top: -5%;
top: initial;
right: 0;
bottom: initial;
left: initial;
}
.inner-head {
display: inline-block;
}
.partners .inner-head svg {
display: none;
}
.partner-item a:before {
display: none;
}
.partners .inner-head {
display: block;
text-align: center;
}
.socials-outer { }
.section.partnership {
height: auto;
}
}
@media screen and (max-width: 740px) {
.title-item svg {
top: 40% !important;
}
.item-column-row {
margin: 50px 0 15px 8vw;
}
.howis .inner-head h2 {
font-size: 36px;
}
.howis-item .howis-message p {
background: none !important;
font-size: 18px;
}
.inner-head h2, .inner-head div.title {
font-size: 32px;
line-height: 36px;
}
.howis-item {
width: 100%;
margin: 0 2% 35px 2% !important;
text-align: center;
}
.cook-img-adaptive {    max-width: 70% !important;}
.howis-item:nth-of-type(1) {
margin-top: 35px !important;
}
.howis-item:nth-of-type(2) .howis-message {
top: -40% !important;
}
.howis-item:nth-of-type(3) .howis-message {
top: -65% !important;
}
.howis-item:nth-of-type(1) .howis-message,
.howis-item:nth-of-type(2) .howis-message,
.howis-item:nth-of-type(3) .howis-message {
width: 225px !important;
height: 100px !important;
position: relative;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin: auto !important;
}
.cook-img-adaptive {
max-width: 60%;
margin: 0 auto;
}
.partner-item a {
text-align: center;
}
.partner-item a img {
width: 60%;
}
.wrap-names {
padding-left: 0;
}
.buy-menu {
padding-left: 0;
}
.partnership .left-partnership-wrapper {
height: auto !important;
}
.buy-online-left-content-element {
margin-left: 40px;
}
.order-area-pic img {
max-width: 100%;
}
.choice-item-1-left img, .choice-item-2-left img, .choice-item-3-left img, .choice-item-4-left img,.choice-item-5-left img, .choice-item-6-left img, .choice-item-7-left img {
display: none;
}
.choice-item-1-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_1.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-2-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_2.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-3-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_4.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-7-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_4.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-6-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_2.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-4-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_3.jpg) no-repeat center;
background-size: auto 100%;
}
.choice-item-5-left {
background: url(//granola.com.ua/wp-content/themes/granola/img/1000x750_5.jpg) no-repeat center;
background-size: auto 100%;
}
.left-part-choice-wrapper {
margin-top: 40px;
}
.about-us-section .right-partnership{
padding: 25px;
}
.about-us-section .right-partnership.bg-img{
background-image: none;
}
.info-area-wrapper { }
.left-part-choice-wrapper{
display: none;
}
img.choice-item-mobile{ }
}