:root{
--cream: #FFF;
--oliveoil: #A57D2D;
--bread: #BD9536;
--golden: #D19621;
}
#ProOPC .cart-page-title span,#ProOPC span {display: inline-block;}.blog-featured {display: none;}.proopc-continue-link {display: none !important;}
body {
	background-color: #F8F8F8;
	color: #191A1E;
	font-size: 16px;
	direction: ltr;
	margin: 0;
	font-family: Roboto, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
body,html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body.hidden {
    overflow: hidden;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
    outline: 0;
}
a {
    -webkit-transition: linear 0.25s;
    -o-transition: linear 0.25s;
    transition: linear 0.25s;
    text-decoration: none;
    color: inherit;
}
a,span,label {
	display: block;
}
.JA--espa {
    max-width: 25rem;
    border: 1px solid rgba(0,0,0,.1);
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
ol,ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    font-weight: 400;
}
.linear--image{
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0));
}
#virtuemart_country_id_field {
    pointer-events: none !important;
}
a.vm-button-correct + form#form-login {
    display: none;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.JG__flexer,.JG__flexer_cbe,.JG__flexer_cc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.JG__flexer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.JG__flexer_cbe,.JG__flexer_cs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.JG__flexer_cc,.JG__flexer_cs,.JG__flexer_ac {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.JG__flexer_cbe,.JG__flexer_cc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.JG__flexer_cc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.JG__flexer_spacer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.JG__342b25 {
    color: #342b25;
}
.JG__300FW {
    font-weight: 300;
}
.JG__background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.JG__copy {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.JG__touch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.JG__relative {
    position: relative;
}
.JG__poscon_a::after, .JG__poscon_b::before {
    position: absolute;
    content: "";
}
.JG__cubic__opacity__1000_1500::before {
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -webkit-transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -o-transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
}
.JG__boxing {
    margin-bottom: 175px;
}
.scroll_transition {
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.play__fair {
    font-family: "Playfair Display", serif;
}
.rale__way {
    font-family: Raleway, sans-serif;
}
.JGTreeBody {
    position: relative;
    max-width: 1550px;
    margin: 0 auto;
    padding: 40px 1.25rem 30px 1.25rem;
}
.JG--golden--logo > svg {
    width: 300px;
}
.golden--lang {
    margin-left: 0;
    min-width: 225px;
}
.JGTree.JGTreeFixer .JGSwitcher .golden--lang {
    min-width: initial;
}
.golden--lang > ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
}
.golden--lang img {
    width: 30px;
    height: 30px;
}
.golden--lang ul li {
    position: relative;
}
.golden--lang ul li:not(:last-child) {
    margin-right: 15px;
}
.golden--lang ul li:not(:last-child):after {
    position: absolute;
    content: "";
    background-color: #8d7a26;
    width: 1px;
    height: 1.25rem;
    top: -1px;
    right: -6.5px;
}
.golden--lang ul li a {
    color: #8d7a26;
    font-weight: 700;
    font-family: Raleway, sans-serif;
    margin-bottom: 6px;
}
.JGFooterTree {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 50px 180px 50px;
}
.JGCopyright {
    width: 60%;
    text-align: center;
    padding: 0 50px;
    color: #363636;
    font-size: 17px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.JGCopyright span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.JGCopyright span:first-child {
    text-align: left;
}
.JGCopyright span:last-child {
    text-align: right;
}
.JGCopyright span > a {
    display: inline-block;
    color: #3f51b5;
    font-weight: 700;
}
.JGFLine {
    width: 20%;
    height: 1px;
    background-color: #e4c05c;
}
.JGActioner {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 50px;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.JGActioner[data-buynow="ΤΟ ΠΡΟΪΟΝ ΜΑΣ"]
.JGActioner[data-seemore="SEE MORE"] {
    width: 120px;
}
.JGActioner[data-buynow="ΤΟ ΠΡΟΪΟΝ ΜΑΣ"] {
    width: 160px;
}
.JGActioner[data-buynow="OUR PRODUCT"] {
    width: 145px;
}
.JGActioner__start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.JGAc__left {
    margin-right: auto;
    margin-left: initial;
}
.JGAc__center {
    margin-right: auto;
    margin-left: auto;
}
.JGActioner.active .JGBG__er.JGBG__er_1,
.JGActioner:hover .JGBG__er.JGBG__er_1 {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.JGActioner:hover .JGLiner {
    -webkit-transition-duration: 1ms;
    -o-transition-duration: 1ms;
    transition-duration: 1ms;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.JGItem__head {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-bottom: 8px;
    z-index: 1;
}
.JGLiner {
    width: 120px;
    height: 2px;
    background-color: #000;
    margin-left: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.JGActioner[data-seemore="ΠΕΡΙΣΣΟΤΕΡΑ"] .JGLiner {
    width: 150px;
}
.JGActioner[data-seemore="SEE MORE"] .JGLiner {
    width: 120px;
}
.JGActioner .JGBG__er {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    left: 0;
    -webkit-transform: scale(1, -0.2);
    -ms-transform: scale(1, -0.2);
    transform: scale(1, -0.2);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    bottom: -1px;
}
.JGHaser__tr800 {
    -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.JGHaser__tr1500 {
    -webkit-transition: opacity 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: opacity 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -o-transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.JGHaser__tr1000 {
    -webkit-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.JGHaser__tr3000 {
    -webkit-transition: -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 3s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 3s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 3s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.JGHaser__tr400__q {
    -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.JGMore .JGItem__head {
    padding-bottom: 0;
}
.JGMore:hover .JGItem__head {
    color: var(--bread);
    -webkit-transform: translateX(-20px) translateY(-12px);
    -ms-transform: translateX(-20px) translateY(-12px);
    transform: translateX(-20px) translateY(-12px);
}
.JGMore:hover .JGItem__head_starter {
    -webkit-transform: translateX(20px) translateY(2px);
    -ms-transform: translateX(20px) translateY(2px);
    transform: translateX(20px) translateY(2px);
}
.JGWhiter__bg {
    background-color: #FFF;
}
.JGTransformer__all {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}
.JGLogoFixed {
    position: relative;
    opacity: 0;
    height: 0;
    z-index: -1;
}
.lgfixed__on {
    opacity: 1;
    height: 100%;
    -webkit-transition: opacity 1s ease-in-out, height 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out, height 1s ease-in-out;
    transition: opacity 1s ease-in-out, height 1s ease-in-out;
    z-index: 80;
}
.JGLogoFixed.lgfixed__on img, .JGLogoFixed.lgfixed__on svg {
    width: 140px;
    height: 140px;
}
.__langer__off {
    opacity: 0;
    width: 0;
    height: 0;
}
#ProOPC.emptyCart-view .cart-page-title {
    text-transform: initial;
    background-image: url(/templates/olive/images/cart_empty.svg);
    background-repeat: no-repeat;
    background-size: 100% 45%;
    background-position: center bottom;
    padding-top: 50px;
    padding-bottom: 95px;
    margin-top: 50px;
    margin-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
#ProOPC.emptyCart-view .cart-page-title:after {
    display: block;
    color: #2c2626;
    font-size: 13px;
    max-width: 370px;
    margin: 5px auto 30px;
}
body[data-switcher="el-gr"] #ProOPC.emptyCart-view .cart-page-title:after {
    content: "Πραγματοποιήστε τις online αγορές του προϊόντος μας έξυπνα, γρήγορα και με ασφάλεια με το καλάθι της Golden Olympia!";
}
body[data-switcher="en-gb"] #ProOPC.emptyCart-view .cart-page-title:after {
    content: "Shop online for our product smartly, quickly and safely with the Golden Olympia cart!";
}
@media screen and (max-width: 1440px) {
    .JG__boxing {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (max-width: 1366px) {
    .JGLogoFixed.lgfixed__on img , .JGLogoFixed.lgfixed__on svg {
        width: 95px;
        height: 95px;
    }
    .JGTreeBody {
        padding-left: 40px;
        padding-right: 40px;
    }
    .JGFLine {
        width: 10%;
    }
    .JGCopyright {
        width: 80%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .JGLiner {
        height: 2px;
    }
}
@media screen and (max-width: 1180px) {
	.JG--golden--logo {
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.golden--lang {
		min-width: initial;
	}
	.golden--lang > ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
@media screen and (max-width: 991px) {
.JGCopyright {
	width: 100%;
	padding: 0;
}
.JGFooterTree {
	padding-left: 15px;
	padding-right: 15px;
}
.JGFLine {
	width: 0;
}
}
@media screen and (max-width: 480px) {
.JGMenu__navbg {
	background-color: #f5ecde;
}
.JGTreeBody {
	padding-left: 20px;
	padding-right: 20px;
}
.JGFooterTree {
	padding-left: 10px;
	padding-right: 10px;
}
.JGCopyright {
	padding-left: 0;
	padding-right: 0;
	font-size: 15px;
}
.JGCopyright span {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.JGCopyright span:nth-child(n) {
	text-align: center;
}
.JGCopyright span:first-child {
	margin-bottom: 10px;
}
.JG__boxing {
	margin-top: 80px;
}
}
.JGFooterBody {
    margin-top: 175px;
    padding: 0 50px 0 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.JGFooterInner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.JGPiece {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.JGPiece > img {
    width: 150px;
}
.JGForm {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    background-color: #F8EED8;
    margin: 0 20px;
    padding: 30px 25px;
}
.JGFormTree > h4 {
    font-size: 29px;
    margin-bottom: 10px;
}
.JGFormTree > h4 + p {
    font-size: 15px;
    margin-bottom: 10px;
}
.JGFormTree > h4 + p + p {
    font-size: 15px;
}
.JGFormTree form > div {
    margin: 25px 0;
}
.JGFormTree form > .JGForm__robot {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0;
}
.JGForm form button,.JGForm form input:not(#check):not(#check__letter),.JGFormTree form > div textarea {
    background-color: transparent;
}
.JGForm form input:not(#check):not(#check__letter) {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 15px;
    padding: 5px 0;
    border-radius: 0;
}
.JGFormTree form label {
    margin-bottom: 10px;
}
.JGForm form button {
    border: 0;
    padding: 0;
    margin-top: 20px;
    cursor: pointer;
}
.JGFormTree form > div textarea {
    width: 100%;
    height: 150px;
    resize: none;
    padding: 5px 0 0 5px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.JGForm form .JGMore__foot {
    width: 300px;
    margin-left: auto;
    cursor: pointer;
}
.JGForm form .JGLabel {
    position: relative;
    cursor: pointer;
}
.JGForm form .JGLabel[for="check"].JG__violation a {
    color: #db1515;
    font-weight: 700;
    -webkit-transition: font-weight 0.5s ease-in-out;
    -o-transition: font-weight 0.5s ease-in-out;
    transition: font-weight 0.5s ease-in-out;
}
.JGLabel span {
    position: relative;
    display: inline-block;
    background-color: #FFF;
    width: 50px;
    height: 50px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transition: background-color 150ms 0.2s, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 0.2s, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -o-transition: background-color 150ms 0.2s, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 0.2s, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 0.2s, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89), -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
.JGForm form .JGLabel span:after,.JGForm form .JGLabel span:before {
    width: 0;
    height: 2px;
    border-radius: 2px;
    background-color: #FFF;
    -webkit-transition: width 50ms ease 50ms;
    -o-transition: width 50ms ease 50ms;
    transition: width 50ms ease 50ms;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.JGForm form .JGLabel span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 22px;
    left: 12px;
}
.JGForm form .JGLabel span:after {
    -webkit-transform: rotate(305deg);
    -ms-transform: rotate(305deg);
    transform: rotate(305deg);
    top: 33px;
    left: 20px;
}
.JGLabel span + a {
    margin-left: 10px;
    font-size: 17px;
    font-weight: 300;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#check,#check__letter {
    display: none;
}
#check:checked + label span:after,#check:checked + label span:before,#check__letter:checked + label span:after,#check__letter:checked + label span:before {
    background-color: #1790b5;
    -webkit-transition: width 150ms ease 0.1s;
    -o-transition: width 150ms ease 0.1s;
    transition: width 150ms ease 0.1s;
}
#check:checked + label span:before,#check__letter:checked + label span:before {
    width: 15px;
}
#check:checked + label span:after,#check__letter:checked + label span:after {
    width: 26px;
}
#check:checked + label span,#check__letter:checked + label span {
    background-color: #FFF;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}
.JGLabel:hover span:before {
    width: 5px;
    -webkit-transition: width 0.1s ease;
    -o-transition: width 0.1s ease;
    transition: width 0.1s ease;
}
#check:checked + label:hover span:before,
#check__letter:checked + label:hover span:before {
    width: 15px;
}
.JGMore__foot .JGLiner {
    width: 100%;
    height: 1px;
    background-color: #342b25;
}
.JGMore__foot .JGItem__head {
    font-size: 21px;
}
.JGFInfo,.JGFormTree {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.JGFInfo {
    text-align: right;
}
.JGPiece > a {
    width: 205px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 0;
}
.JGPiece > a:not(:last-child) {
    margin-bottom: 10px;
}
.JGPiece .JGMore:hover .JGItem__head {
    color: var(--bread);
    -webkit-transform: translateX(20px) translateY(-8px);
    -ms-transform: translateX(20px) translateY(-8px);
    transform: translateX(20px) translateY(-8px);
}
.JGPiece .JGLiner {
    width: 80px;
}
.JGPiece .JGItem__head {
    margin-bottom: 5px;
}
.JGPay {
    max-width: initial;
}
.JGPay > li:not(:last-child) {
    margin-right: 8px;
}
.JGPay > li > img {
    width: 50px;
}
.JGQuality {
    margin-top: 40px;
}
.JGQuality > li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 17px;
}
.JGQuality > li img, .JGQuality > li svg {
    width: 30px;
    height: 30px;
}
.JGQuality > li > p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
}
.JGQuality > li p {
    font-size: 14px;
    font-weight: 700;
}
.JGFAddress,.JGFContact {
    margin-bottom: 30px;
}
.JGFAddress h4,.JGFContact h4,.JGFMSocial h4 {
    color: var(--oliveoil);
    font-size: 19px;
    margin-bottom: 10px;
}
.JGFAddress span, .JGFContact span, .JGFContact a {
    font-size: 17px;
    font-weight: 300;
}
.JGFMSocialTree {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.JGFMSocialTree > a:not(:last-child) {
    margin-right: 10px;
}
.JGFMSocialTree > a > img,.JGFMSocialTree > a > svg {
    width: 20px;
}
.JGFormTree form > div + span {
    font-size: 16px;
    margin-bottom: 10px;
}
.JGFormTree form > div + span + p {
    font-size: 15px;
}
.JGFInfo__fixed,.JGPiece__fixed {
    position: fixed;
    bottom: 0;
    margin-bottom: 50px;
    z-index: 70;
}
.JGFInfo__fixed {
    right: 0;
    margin-right: 50px;
}
.JGPiece__fixed {
    left: 0;
    margin-left: 50px;
}
.i---x {
    opacity: 0.5;
    pointer-events: none;
}
@media screen and (max-width: 1366px) {
    .JGPiece__fixed {
        margin-left: 20px;
    }
    .JGFInfo__fixed {
        margin-right: 20px;
    }
    .JGQuality > li p {
        font-size: 15px;
        font-weight: 300;
    }
    .JGFAddress,.JGFContact {
        margin-bottom: 25px;
    }
    .JGFAddress h4,.JGFContact h4,.JGFMSocial h4 {
        font-size: 17px;
    }
    .JGLabel span {
        width: 40px;
        height: 40px;
    }
    .JGLabel span + a {
        font-size: 15px;
    }
	.JGFAddress span, .JGFContact span, .JGFContact a {
		font-size: 17px;
	}
}
@media screen and (max-width: 1280px) {
    .JGFInfo__fixed,.JGPiece__fixed {
        display: none;
    }
}
@media screen and (max-width: 1180px) {
    .JGFooterBody {
        padding-left: 20px;
        padding-right: 20px;
        background-color: rgba(0, 0, 0, 0.025);
    }
    .JGFooterInner {
        -webkit-box-align: start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
    .JGFInfo,.JGPiece {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .JGForm {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 100px;
        margin-left: 0;
        margin-right: 0;
    }
    .JGFInfo {
        text-align: right;
        margin-top: 30px;
    }
    .JGFAddress h4,.JGFContact h4,.JGFMSocial h4 {
        color: #0f0f0d;
        font-weight: 400;
    }
}
@media screen and (max-width: 600px) {
    .JGFInfo {
        text-align: left;
        margin-top: 80px;
    }
    .JGFInfo,.JGPiece {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 20px;
    }
    .JGFMSocialTree {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .JGFormTree > h4 {
        font-size: 35px;
    }
    .JGFormTree > h4 + p {
        padding-right: 0;
    }
}
@media screen and (max-width: 480px) {
	.JA--espa {
		max-width: 17rem;
	}
    .JGFooterBody {
        margin-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }
    .JGFormTree > h4 {
        font-size: 29px;
        margin-bottom: 10px;
    }
    .JGFAddress h4,.JGFContact h4,.JGFMSocial h4 {
        margin-bottom: 10px;
    }
	.JGFContact > h4 + a {
		margin-bottom: 5px;
	}
	.JGFooterTree {
		padding-bottom: 130px;
	}
}
@media screen and (max-width: 375px) {
    .JGFormTree > h4 {
        font-size: 21px;
    }
    .JGFormTree > h4 + p {
        font-size: 13px;
    }
    .JGLabel span + a {
        margin-left: 10px;
        font-size: 13px;
        font-weight: 300;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .JGActioner.JGMore.JGMore__foot {
        width: 220px;
    }
    .JGFormTree form > div + span {
        font-size: 14px;
    }
    .JGFormTree form > div + span + p {
        font-size: 13px;
    }
}
.lineContainer {
    position: relative;
    width: 60px;
    cursor: pointer;
}
.lineContainer:hover .menu--line._2 {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #8d7a26;
}
.menu--line {
    width: 60px;
    height: 1px;
    background-color: #000;
    margin-top: 13px;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.menu--line._1 {
    margin-top: 0;
}
.menu--line._2 {
    -webkit-transform: scale(0.65, 1);
    -ms-transform: scale(0.65, 1);
    transform: scale(0.65, 1);
    height: 2px;
}
.has_transition_1000_inout {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -webkit-transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -o-transition: transform 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.JGMenuRock {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.JGShopNow {
    font-size: 15px;
    margin-left: 30px;
}
.logo {
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.lg__opacity_on {
    opacity: 0;
    z-index: -1;
}
.JGTreeFixer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 50;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.JGTreeFixer .JGTreeBody {
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 50px;
    padding-right: 50px;
    border-bottom: 0;
}
.JGTreeFixer .JGShopNow > a {
    background-color: var(--oliveoil);
    color: #FFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--oliveoil);
    border-right: 1px solid var(--oliveoil);
}
.JGTreeFixer .JGShopNow .JGLiner {
    width: 80px;
    background-color: #FFF;
    height: 1px;
    margin-top: 2px;
}
.JGTreeFixer .lineContainer {
    border: 1px solid var(--bread);
    border-right: 0;
    padding: 0 0;
    height: 50px;
    width: 90px;
}
.JGTreeFixer .menu--line {
    width: 35px;
    margin-left: auto;
    margin-right: auto;
}
.JGTreeFixer .menu--line:not(._1) {
    margin-top: 9px;
}
.JGTreeFixer .JGShopNow {
    font-size: 15px;
    margin-left: 0;
}
.JGTreeFixer .JGMore:hover .JGItem__head_starter {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.JGMenuTree {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.JGMenuTree__hidden {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}
.JGMenu__navbg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #FFF;
}
.JGMenu__navbg__hidden {
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
    opacity: 0;
}
.JGMenu__closer {
    position: absolute;
    top: 55px;
    left: 65px;
    width: 35px;
    height: 35px;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    padding: 0;
    z-index: 1;
    cursor: pointer;
}
.JGMenu__close {
    position: absolute;
    background-color: #535362;
    border-radius: 25px;
}
.JGMenu__close_1 {
    width: 35px;
    height: 2px;
    top: 16px;
}
.JGMenu__close_2 {
    width: 2px;
    height: 35px;
    top: 0;
    left: 16px;
}
.JGMenu__closer:hover .JGMenu__close {
    background-color: #141414;
}
.JMenu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.JMenu__box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.JMenu__box > ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #dcd3c0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: width 2s cubic-bezier(0.61, 0.26, 0.07, 0.85);
    -o-transition: width 2s cubic-bezier(0.61, 0.26, 0.07, 0.85);
    transition: width 2s cubic-bezier(0.61, 0.26, 0.07, 0.85);
}
.JMenu__box > .start__box {
    width: 100%;
}
.JMenu__box > ul > li {
    position: relative;
}
.JMenu__box > ul > li:not(:last-child) {
    margin-bottom: 40px;
}
.JMenu__box > ul > li a {
    color: #fff;
    font-size: 50px;
    white-space: nowrap;
    display: inline-block;
}
.JMenu__box > ul > li a:hover {
    color: #f4f4f4;
}
.JMenu__box > ul > li a + ul {
    position: absolute;
    top: 43px;
    right: 47%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    z-index: -1;
}
.JMenu__box > ul > li a + .JP__vision {
    opacity: 1;
    z-index: 1;
}
.JMenu__box > ul > li a + ul > li > a {
    color: #3b3939;
    font-size: 23px;
    font-weight: 300;
    margin: 5px 0;
}
.JP__VLiner:after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 220px;
    height: 1px;
    left: 5px;
    bottom: -5px;
}
.JGLogoFixed.lgfixed__on_2 {
    position: fixed;
    top: 0;
    right: 0;
    width: 150px;
    margin-top: 30px;
    margin-right: 50px;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out, height 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out, height 1s ease-in-out;
    transition: opacity 1s ease-in-out, height 1s ease-in-out;
    z-index: 80;
}
.hi-user {
    font-size: 15px;
    margin-right: 10px;
}
#JG--video--JAR video,
.JG--top--vrmax {
    width: 100%;
    height: 100%;
}
.JG--top--vrmax {
    overflow: hidden;
}
#JG--video--JAR video {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
}
.has_transition_2500_quint {
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 2.3s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -webkit-transition: opacity 2.3s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 2.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: opacity 2.3s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 2.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -o-transition: transform 2.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 2.3s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 2.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 2.3s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 2.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 2.3s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 2.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.JG--fire--height {
    height: 100vh;
}
.JGAbout {
    margin: 0 0 100px 0;
}
.JGHeader > h2 {
    z-index: 1;
    text-align: center;
    font-size: 65px;
    font-weight: 300;
}
.JGH2__bg,
.JGH2__bg:before {
    position: absolute;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.JGH2__bg {
    top: 4px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
}
.JGH2__bg:before {
    content: "";
    top: -12px;
    left: 0;
    width: 928px;
    height: 90px;
    background-color: #dcd3c2;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -webkit-transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -o-transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.JGAboutTree {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 200px;
}
.JGAboutUs,
.JGAbouter > p {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
}
.JGAboutUs {
    padding-top: 135px;
}
.JGAbouter {
    max-width: 625px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}
.JGAbouter > p {
    font-size: 23px;
}
.JGAbouter > p > span {
    font-weight: 700;
    font-size: 35px;
    display: inline-block;
}
.JGAbouter > p > span + span + span {
    font-weight: 300;
    font-size: 21px;
    display: block;
}
.JGAbouter > img {
    width: 100px;
}
.JGAboutOlive {
    width: 840px;
    background-color: #f5ecdc;
    padding-top: 85px;
}
.JGAboutOlive > img {
    width: 69.489%;
    max-height: 931px;
}
.JGAcidity__roller,
.JGAcidity__tree {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.JGAcidity__tree {
    margin-top: 170px;
    margin-left: auto;
    margin-right: -100px;
    z-index: 1;
}
.JGAcidity__roller {
    width: 200px;
    height: 315px;
    margin-right: 40px;
}
.JGA__rolling_body {
    position: absolute;
    top: 34px;
    left: 0;
    min-width: 170px;
    height: 252px;
    overflow: hidden;
}
.JGA__rolling_text {
    height: 256px;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}
.JGA__rolling_text > li {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
.JGA__rolling_circle {
    position: absolute;
    width: 30px;
    height: 240px;
    top: 42px;
    left: 80px;
    padding: 30px 0;
}
.play__kid {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--bread);
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    -webkit-transition: border-color 0.2s ease-in-out;
    -o-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    cursor: pointer;
}
.play__kid:hover {
    border-color: #a57d2c;
}
.play__kid:after,
.play__kid:before {
    position: absolute;
    content: "";
    background-color: #000;
    width: 1px;
    height: 8px;
}
.play__kid_1:before,
.play__kid_2:after {
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
}
.play__kid_1:before,
.play__kid_2:before {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}
.play__kid_1:after,
.play__kid_2:before {
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.play__kid_1:after,
.play__kid_2:after {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}
.play__kid_1:after,
.play__kid_1:before {
    top: 9px;
}
.play__kid_2:after,
.play__kid_2:before {
    top: 10px;
    left: 14px;
}
.play__kid_1:before {
    left: 7px;
}
.play__kid_1:after {
    left: 19px;
}
.freeze {
    pointer-events: none;
    opacity: 0.8;
}
.JGA__rolling_text > .JGInactive {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
}
.JGA__rolling_text > .JGActive {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    color: #342b25;
}
.JGAcidity {
    background-color: #f5ecde;
    padding: 20px 50px;
    width: 720px;
}
.JGAcidity h2 {
    font-size: 41px;
    font-weight: 300;
    margin-bottom: 42px;
    margin-left: 35px;
    min-height: 76px;
}
._spanner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.JGA__pargh {
    height: 85px;
    margin-left: 70px;
    margin-bottom: 50px;
}
.JGA__pargh > p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 19px;
    opacity: 0;
}
.JGA__pargh > .JGA__pargh__act {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.72, -0.01, 0.11, 1);
    -o-transition: opacity 1s cubic-bezier(0.72, -0.01, 0.11, 1);
    transition: opacity 1s cubic-bezier(0.72, -0.01, 0.11, 1);
}
.JGActive {
    -webkit-transition: opacity 0.5s cubic-bezier(0.72, -0.01, 0.11, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.72, -0.01, 0.11, 1);
    transition: opacity 0.5s cubic-bezier(0.72, -0.01, 0.11, 1);
}
.play__fair__opp {
    opacity: 1;
    -webkit-transition: opacity 2s cubic-bezier(0.72, -0.01, 0.11, 1);
    -o-transition: opacity 2s cubic-bezier(0.72, -0.01, 0.11, 1);
    transition: opacity 2s cubic-bezier(0.72, -0.01, 0.11, 1);
}
.JGVideo {
    margin: 175px 0;
}
.JGVideo__body {
    background-image: url(/templates/olive/images/tree.png);
    background-attachment: fixed;
    padding: 80px 0;
}
.JGVideo__tree {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}
.JGVideo__tree:before {
    background-color: rgba(255, 255, 255, 0.45);
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    top: -25px;
    left: -25px;
    z-index: 1;
}
.JGVideo__tree img {
    z-index: 2;
}
.JGVideo__tree > iframe {
    width: 100%;
    height: 562px;
    border: 0;
    z-index: 5;
}
.JGVideo__info {
    max-width: 1000px;
    margin: 20px auto 0;
    padding: 0 10px;
}
.JGVideo__info > h1,.JGVideo__info > p {
    text-align: left;
}
.JGVideo__info > h1 {
    font-size: 29px;
    margin-bottom: 10px;
}
.JGVideo__info > p {
    font-size: 23px;
}
.JGVideo__info > p:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.15);
    width: 100px;
    height: 1px;
    margin-bottom: 5px;
}
.JGVideo__item {
    position: absolute;
    width: 75px;
    height: 75px;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 10;
}
.JGVideo__item.JGVideo__item_now {
    display: none;
}
.JGArt {
    margin: 120px 0;
}
.JGArtTree__infos {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
.JGArtTree {
    width: 654px;
}
.JGReader {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 50px;
}
.JGReader > h2 {
    font-size: 51px;
    font-weight: 300;
}
.JGReader > h2 + ol {
    margin-top: 10px;
    margin-bottom: 80px;
}
.JGReader > h2 + ol > li {
    font-size: 24px;
}
.JGReader > h2 + ol > li:hover {
    color: #a57d2c;
}
.JGReader > h2 + ol > li:not(:last-child):after {
    position: relative;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-left: 20px;
    margin-right: 20px;
}
.JGReader > h2 + ol > li > a {
    display: inline-block;
}
.JGread_content > p {
    font-size: 17px;
    line-height: 1.5;
}
.JGread_content > p:not(:last-of-type) {
    margin-bottom: 30px;
}
.JGReader__tree {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.JGTip__tree {
    margin-left: 60px;
    padding-top: 100px;
}
.JGTip {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.JGH2__tipper {
    position: relative;
    font-size: 51px;
    font-weight: 300;
    text-align: center;
    z-index: 1;
}
.JGH2__CL:before,.JGH2__tipper:before {
    top: 0;
    height: 60px;
    background-color: #dcd3c2;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -webkit-transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    -o-transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1s cubic-bezier(0.575, 0.005, 0.285, 1.005), -webkit-transform 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-index: -1;
}
.JGH2__tipper:before {
    left: 0;
    width: 512px;
}
.JGH2__CL:before {
    right: 0;
    width: 510px;
}
.JGTip__box {
    position: relative;
    overflow: hidden;
    width: 320px;
    border: 2px solid #FFF;
    height: 280px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.JGTip__box > img {
    width: 100%;
    height: 100%;
}
.JGTip__box > h2,.JGTip__box > h2 + a {
    position: absolute;
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 1;
}
.JGTip__box > h2,.JGTip__box > h2 + a {
    color: #FFF;
}
.JGTip__box > h2 {
    font-size: 17px;
    max-width: 250px;
    top: 0;
    left: 0;
    margin: 55px 0 0 10px;
}
.JGTip__box > h2 + a {
    font-size: 19px;
    bottom: -25px;
    left: 4px;
    margin: 0 0 55px 10px;
}
.JGTip__box > h2 + a .JGLiner {
    background-color: #FFF;
}
.JGTip__box:before {
    width: 110%;
    height: 170%;
    top: -50%;
    opacity: 0;
    left: -100%;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: 0.5s left ease;
    -o-transition: 0.5s left ease;
    transition: 0.5s left ease;
    z-index: 1;
}
.JGTip__box .JGActioner .JGBG__er {
    background-color: transparent;
}
.JGTip__box:hover::before {
    opacity: 1;
    left: 5%;
}
.JGTip__box:hover > h2, .JGTip__box:hover > h2 + a {
    opacity: 1;
}
.JGClientTree {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.JGClientTreeBody > span {
    position: absolute;
    width: 35px;
    top: -15px;
    left: 0;
}
.JGH2__CL {
    position: relative;
    font-size: 51px;
    font-weight: 300;
    text-align: center;
}
.JGClientBoxer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 100px;
}
.JGClientTreeBody {
    position: relative;
    margin-left: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.JGClientImage {
    width: 15rem;
    border: 1px solid #000;
}
.JGClientContent {
    flex: 1;
    margin-left: 3rem;
    padding-right: 1.5rem;
}
.JGClientComment {
    font-size: 19px;
    margin-bottom: 20px;
    line-height: 1.7;
}
.JGClientAuthor {
    color: #1F1F1F;
    font-size: 31px;
}
.cl__bullets {
    margin-left: 55px;
}
.JGClientBullet {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: inline-block;
    background-color: var(--bread);
    border-radius: 50%;
    text-align: center;
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
}
.JGClientBullet:hover {
    background-color: #604716;
}
.JGClientBullet:first-child {
    margin-right: 20px;
}
.JGClientBullet img,
.JGClientBullet svg {
    width: 15px;
    -webkit-filter: invert(1);
    filter: invert(1);
}
@media screen and (max-width: 1680px) {
    .JGAboutTree {
        margin-left: 100px;
    }
    .JGAbouter > p {
        font-size: 19px;
    }
    .JGAboutOlive {
        width: 700px;
    }
    .JGAcidity__roller {
        width: 180px;
        margin-right: 20px;
    }
    .JGAcidity {
        width: 500px;
    }
    .JGAcidity h2 {
        font-size: 35px;
    }
    .JGAcidity__tree {
        margin-top: 50px;
    }
    .JGA__pargh > p {
        font-size: 17px;
    }
}
@media screen and (max-width: 1440px) {
    .JGTip {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    }
    .JGTip__box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        height: 220px;
    }
    .JGClientComment > span,
    .JGClientTreeBody > span {
        display: none;
    }
    .JGClientTreeBody {
        margin-left: 10px;
    }
    .JGClientComment {
        font-size: 17px;
    }
}
@media screen and (max-width: 1440px) {
    .JGLogoFixed.lgfixed__on_2 {
        width: 100px;
        margin-right: 20px;
    }
    .menu--line {
        width: 45px;
        margin-top: 10px;
    }
    .JMenu__box > ul > li:not(:last-child) {
        margin-bottom: 30px;
    }
    .JMenu__box > ul > li a {
        font-size: 35px;
    }
    .JGHeader > h2 {
        font-size: 49px;
    }
    .JGH2__bg:before {
        top: -5px;
        width: 600px;
        height: 100%;
    }
    .JGAboutTree {
        margin-left: 20px;
    }
    .JGAbouter > p > span + span + span {
        font-size: 17px;
    }
    .JGAbouter > img {
        width: 75px;
    }
    .JGAcidity {
        padding-left: 30px;
        padding-right: 30px;
    }
    .JGAcidity h2 {
        font-size: 31px;
        min-height: 50px;
    }
    .JGA__pargh > p {
        font-size: 16px;
    }
    .JGVideo__tree {
        max-width: 640px;
    }
    .JGVideo__tree > iframe {
        height: 360px;
    }
    .JGVideo__info {
        max-width: 700px;
    }
    .JGVideo__info > h1 {
        font-size: 29px;
        margin-bottom: 5px;
    }
    .JGVideo__info > p {
        font-size: 17px;
    }
    .JGVideo__column {
        right: 0;
    }
    .JGArtTree__infos {
        max-width: 1170px;
    }
    .JGArtTree {
        width: 400px;
    }
    .JGReader > h2 {
        font-size: 42px;
    }
    .JGReader > h2 + ol {
        margin-bottom: 20px;
    }
    .JGReader > h2 + ol > li {
        font-size: 23px;
    }
    .JGread_content > p {
        font-size: 15px;
    }
    .JGread_content > p:not(:last-of-type) {
        margin-bottom: 10px;
    }
    .JGH2__tipper {
        font-size: 40px;
    }
    .JGH2__tipper:before {
        height: 100%;
        top: 0;
    }
    .JGTip__box {
        height: 185px;
    }
    .JGH2__CL {
        font-size: 40px;
    }
    .JGH2__CL:before {
        top: 0;
        height: 100%;
    }
    .JGClientBoxer {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .JGClientAuthor {
        font-size: 27px;
    }
}
@media screen and (max-width: 1280px) {
    .JGAcidity {
        width: 400px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .JGAcidity h2 {
        font-size: 29px;
    }
}
@media screen and (max-width: 1200px) {
    .JGArtTree__infos {
        max-width: 900px;
    }
    .JGReader__tree {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .JGread_content {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .JGTip {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .JGTip__tree {
        margin-left: 0;
        margin-right: 0;
    }
    .JGClientComment {
        font-size: 17px;
    }
}
@media screen and (max-width: 1180px) {
    .JGMenu__navbg {
        background-color: #dcd3c0;
    }
    .JMenu__box > ul > li:not(:last-child) {
        margin-bottom: 20px;
    }
    .JMenu__box > ul > li a {
        font-size: 37px;
    }
    .JGAbout {
        margin-top: 90px;
    }
    .JGHeader > h2 {
        font-size: 45px;
    }
    .JGH2__bg:before {
        left: 0;
        width: 300px;
    }
    .JGAboutOlive {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        opacity: 0.55;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .JGAcidity__tree {
        margin-right: 0;
    }
    .JGAbouter > img {
        display: none;
    }
    .JGVideo__body {
        background-attachment: initial;
        background-size: initial;
    }
    .JGVideo__tree {
        max-width: 600px;
    }
    .JGVideo__tree:before {
        width: calc(100% + 25px);
        height: calc(100% + 25px);
        top: -12.5px;
        left: -12.5px;
    }
    .JGVideo__tree > iframe {
        height: 338px;
    }
    .JGArtTree__infos {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .JGClientTree,
    .JGTip {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .JGTip__box {
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        width: 350px;
        height: 250px;
    }
    .JGClientComment {
        font-size: 21px;
    }
}
@media screen and (max-width: 991px) {
    .JMenu__box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .JGMenu__closer {
        top: 0;
        right: 0;
        left: initial;
        margin-top: 10px;
        margin-right: 10px;
    }
    .JGLogoFixed.lgfixed__on_2 {
        display: none;
    }
}
@media screen and (max-width: 900px) {
    .JGArtTree {
        width: 200px;
    }
}
@media screen and (max-width: 800px) {
    .JGClientComment {
        font-size: 17px;
    }
}
@media screen and (max-width: 768px) {
	.JGTreeBody {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		z-index: 100;
	}
    .JGSlider {
        top: 0;
        left: 0;
    }
    .JGSlider,.JGSlider::before {
        position: absolute;
        width: 100%;
    }
    .JGSlider::before {
        content: "";
        height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 1;
    }
    .JG--fire--height {
        height: 315px;
    }
    .JG__boxing {
        margin-bottom: 0;
    }
    .JGAbout {
        margin-top: 50px;
    }
    .JGA__pargh > p {
        font-size: 15px;
    }
    .JGArtTree__infos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .JGArtTree > .JGArt__box {
        display: none;
    }
    .JGReader {
        margin-left: 0;
    }
    .JGArt {
        margin-bottom: 0;
    }
    .JGArtTree {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 20px;
    }
    .JGTip__box {
        max-width: 285px;
    }
}
@media screen and (max-width: 720px) {
    .JGAboutOlive {
        opacity: 0.1;
    }
    .JGAcidity {
        width: 100%;
    }
    .JGA__pargh,
    .JGAcidity h2 {
        margin-left: 0;
    }
    .JGAbouter > p,
    .JGAbouter > p > span,
    .JGAbouter > p > span + span,
    .JGAbouter > p > span + span + span {
        font-size: 0;
    }
}
@media screen and (max-width: 604px) {
    .JMenu__box > ul {
        padding-left: 10px;
        padding-right: 10px;
    }
    .JMenu__box > ul > li:not(:last-child) {
        margin-bottom: 20px;
    }
    .JMenu__box > ul > li a {
        font-size: 31px;
    }
    .JMenu__box > ul > li a + ul {
        top: 5px;
        right: 0;
    }
    .JGHeader > h2 {
        font-size: 35px;
    }
    .JGVideo__tree {
        max-width: 400px;
    }
    .JGVideo__info > h1 {
        font-size: 19px;
    }
    .JGVideo__info > p {
        font-size: 15px;
    }
    .JGVideo__tree > iframe {
        height: 225px;
    }
    .JGClientTree {
        margin-top: 80px;
    }
    .JGH2__tipper {
        font-size: 35px;
    }
    .JGH2__tipper:before {
        width: 300px;
    }
    .JGH2__CL {
        font-size: 35px;
    }
    .JGH2__CL:before {
        width: 300px;
        left: 0;
    }
	.JGClientContent {
		flex-basis: 100%;
		margin-left: 0;
		margin-top: 2rem;
	}
}
@media screen and (max-width: 480px) {
    .JGAbout {
        margin-top: 100px;
        padding-top: 60px;
    }
    .JGAboutUs {
        padding-top: 50px;
    }
    .JGAboutTree {
        margin-left: 0;
    }
    .JGH2__bg {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .JGAboutOlive {
        opacity: 0.15;
    }
    .JGAcidity__roller {
        margin-left: auto;
        margin-right: auto;
    }
    .JGA__rolling_body {
        min-width: 100%;
    }
    .JGA__rolling_text > li {
        font-size: 16px;
    }
    .JGAcidity h2 {
        min-height: 45px;
    }
	.JGVideo {
		margin-top: 0;
		margin-bottom: 100px;
	}
    .JGVideo__body {
        padding-top: 0;
        padding-bottom: 0;
        background-image: none;
    }
    .JGVideo__tree {
        max-width: 100%;
    }
    .JGVideo__tree:before {
        width: 0;
        height: 0;
        top: 0;
        left: 0;
    }
	.JGVideo__item {
		width: 50px;
		height: 50px;
	}
    .JGVideo__info {
        padding-left: 10px;
    }
    .JGVideo__tree > iframe {
        height: 197px;
    }
    .JGReader > h2 {
        font-size: 29px;
        margin-bottom: 20px;
    }
    .JGReader > h2 + ol > li {
        font-size: 19px;
    }
    .JGReader > h2 + ol > li:not(:last-child):after {
        height: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }
    .JGTip__tree {
        padding-top: 50px;
    }
    .JGH2__tipper:before {
        width: 200px;
    }
    .JGTip__box {
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .JGTip__box::before {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .JGTip__box:hover::before {
        left: 0;
    }
    .JGTip__box > h2,
    .JGTip__box > h2 + a {
        opacity: 1;
    }
    .JGH2__CL {
        font-size: 45px;
    }
    .JGH2__CL:before {
        width: 200px;
    }
    .JGClientBoxer {
        padding-top: 40px;
    }
    .JGClientComment {
        font-size: 15px;
    }
    .JGClientAuthor {
        font-size: 21px;
    }
}
@media screen and (max-width: 414px) {
    .JGTip__box {
        height: 255px;
    }
}
@media screen and (max-width: 411px) {
    .JGVideo__tree:before {
        width: 0;
        height: 0;
        top: 0;
        left: 0;
    }
}
@media screen and (max-width: 375px) {
    .golden--lang ul li:not(:last-child):after {
        right: -7px;
    }
    .JGHeader > h2 {
        font-size: 27px;
    }
    .JGAcidity__roller {
        width: 100%;
    }
    .JGA__rolling_circle {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
    }
    .JGAcidity h2 {
        font-size: 25px;
    }
    .JGReader > h2 {
        font-size: 27px;
    }
    .JGH2__tipper {
        font-size: 35px;
    }
    .JGTip__box {
        height: 230px;
    }
    .JGH2__CL {
        font-size: 35px;
    }
}
@media screen and (max-width: 360px) {
    .JMenu__box > ul > li a + ul {
        top: 15px;
    }
    .JMenu__box > ul > li a + ul > li > a {
        font-size: 15px;
    }
    .JGVideo__info > p {
        font-size: 15px;
    }
    .JGVideo__tree > iframe {
        height: 193px;
    }
}
@media screen and (max-height: 720px) {
    .JMenu__box > ul > li:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media screen and (max-height: 480px) {
    .JMenu__box > ul > li a {
        font-size: 21px;
    }
    .JMenu__box > ul > li:not(:last-child) {
        margin-bottom: 14px;
    }
}