/*
Theme Name: Attika Child
Theme URI: https://attika.qodeinteractive.com
Description: A child theme of Attika Theme
Author: Mikado Themes
Author URI: https://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: attika
Template: attika
*/

a:-webkit-any-link {
    text-decoration: none;
}

html {
    overflow-x: hidden !important;
}

span.items-in-cart {
    position: absolute;
    top: -20px;
    right: -10px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    font-size: 14px;
}

:root {
    --ecreative-black: #000000;
    --ecreative-white: #ffffff;

    --ecreative-first-color: #A17866;
    --ecreative-second-color: #C9CDBC;
    --ecreative-third-color: #E1DACE;
    --ecreative-fourth-color: #000000;
    --ecreative-fifth-color: #EEEEEC;

    --ecreative-title-color: #949887;
    --ecreative-text-color: #000000;

    --ecreative-hover-color: #6A9F9F;

    --ecreative-background-color: #ffffff;
    --ecreative-background-color-alt: #EEEEEC;

    --ecreative-font-primary: 'LibreCaslonDisplay-regular';
    --ecreative-font-secondary: 'Karla-light';

    --ecreative-spacing-title: 8px;
    --ecreative-spacing-text: 0;
    --ecreative-spacing-button: 6.5px;

    --ecreative-size-title: 40px;
    --ecreative-size-text: 17px;
    --ecreative-size-button: 12px;

    --ecreative-body-line-height: 27px;
    --ecreative-title-line-height: 47px;

    --wvs-single-product-item-width: 70px;
    --wvs-single-product-item-height: 35px;
}

@font-face {
    font-family: 'LibreCaslonDisplay-regular'; /*a name to be used later*/
    src: url('./fonts/LibreCaslonDisplay-Regular.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'Karla-light';
    src: url('./fonts/Karla-Light.ttf');
}

li#wp-admin-bar-search, li#wp-admin-bar-edit .ab-sub-wrapper, li#wp-admin-bar-site-name .ab-sub-wrapper li#wp-admin-bar-plugins, li#wp-admin-bar-site-name .ab-sub-wrapper li#wp-admin-bar-menus, li#wp-admin-bar-site-name .ab-sub-wrapper li#wp-admin-bar-widgets, li#wp-admin-bar-site-name .ab-sub-wrapper li#wp-admin-bar-themes{
    display: none !important;
}

a{
    color: #A17866;
}

a:hover{
    color: var(--ecreative-hover-color);
}

h6{
    color: #A17866;
    font-weight: 400;
}

body {
    font-size: var(--ecreative-size-text);
    font-family: var(--ecreative-font-secondary) !important;
    letter-spacing: var(--ecreative-spacing-text);
    color: var(--ecreative-first-color) !important;
    line-height: var(--ecreative-body-line-height);
    overflow: hidden;
}

h1, h2 {
    font-family: var(--ecreative-font-primary);
    letter-spacing: var(--ecreative-spacing-title) !important;
    font-size: var(--ecreative-size-title);
    line-height: var(--ecreative-title-line-height);
    text-transform: uppercase;
    font-weight: 400;
}

h5{
    font-family: var(--ecreative-font-secondary);
    font-weight: 400;
}

h3 {
    font-family: var(--ecreative-font-primary);
    color: var(--ecreative-first-color);
    font-weight: 400;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #6A9F9F;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.font-primary{
    font-family: var(--ecreative-font-primary) !important;
}

.font-secondary{
    font-family: var(--ecreative-font-secondary) !important;
}

::-webkit-scrollbar {
    width: 5.5px;
}

::-webkit-scrollbar-track {
    background-color: #b8b8ba;
}

::-webkit-scrollbar-thumb {
    background-color: #A17866;
}
/*
html {
    overflow: inherit !important;
}
*/
html.open-menu, html.popup-policy-opened, html.popup-diamond-opened {
    overflow: hidden !important;
}

.mkdf-btn.mkdf-btn-simple, .mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-hover-color):hover {
    color: var(--ecreative-first-color) !important;
    font-size: var(--ecreative-size-button);
}

.mkdf-btn.mkdf-btn-simple .mkdf-btn-line{
    background-color: var(--ecreative-first-color);
}

.mkdf-wrapper .mkdf-wrapper-inner {
    overflow: inherit;
}



header#masthead {
    position: fixed;
    top: 0;
    z-index: 9999;
    transition: all 0.3s linear;
    height: 7.5em;
}

html.sticky-header-active header#masthead {
    box-shadow: 0px 0px 8px #ccc;
    height: 6em;
    background: #fff;
}

.site-header {
    position: fixed;
    width: 100%;
}

nav#site-navigation {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.main-logo-inner img {
    max-width: 24em;
    transition: all 0.3s linear;
}

html.sticky-header-active header#masthead .main-logo-inner img {
    max-width: 16em;
}

.header-first-row {
    display: flex
}

.header-first-row, .header-second-row {
    width: 100%;
    text-align: center;
}

.header-first-row .middle-element.left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-first-row .middle-element {
    width: 33.33%;
}

.header-first-row .middle-element.right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-first-row .middle-element .et-icon-wrapper.header-icon, .header-first-row .middle-element .et-icon-wrapper.header-icon svg, .eplay-mobile-menu .inner-header-menu svg {
    max-width: 1.8em;
    max-height: 1.8em;
    display: flex;
}

.header-first-row .middle-element .et-icon-wrapper.header-icon svg g{
    fill: #A17866 !important;
}

.overlay {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    z-index: 2;
}

.inner-menu-overlay {
    height: 100%;
}

.wrapper-menu-overlay {
    height: 100%;
    text-align: center;
}

.logo-overlay-menu {
    top: 41px;
    position: relative;
}

.logo-overlay-menu a {
    display: contents;
}

.wrapper-logo-center-overlay {
    max-width: 150px;
    margin: 10px auto;
}

.content-menu-overlay {
    height: 100%;
}

ul.main-header-menu {
    padding: unset;
    margin: auto;
    position: relative;
}

ul.main-header-menu li {
    position: relative;
}

.overlay ul li, .overlay .right-menu-inner .collection-item {
    display: block;
    position: relative;
    opacity: 0;
    text-transform: uppercase;
    padding: 0.4em 0;
    text-align: left;
    margin: unset;
    font-weight: 400;
    line-height: 1em;
}

ul.main-header-menu li .inner-img-menu {
    position: absolute;
    width: 250px;
    height: 250px;
    right: 300px;
    top: 50%;
    transform: translateY(-50%);
    transition: .35s cubic-bezier(.25,.46,.45,.94);
    -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -1;
    box-shadow: 0px 0px 35px #ccc;
}

.overlay ul li a, .overlay ul li span.menu-title {
    font-size: 2.6em;
    font-family: var(--ecreative-font-primary);
    color: var(--ecreative-first-color);
    /*transition: all 0.3s linear;*/
    cursor: pointer;
    position: relative;
    line-height: 1em;
    letter-spacing: 0.2em;
}

.overlay .child-menu-inner ul li a{
    font-family: var(--ecreative-font-secondary);
}

.right-menu-inner .collections-list img.collection-thumbnail {
    max-width: 100px;
}

.middle-element.left .middle-element-inner {
    margin-left: 5em;
    display: flex;
    align-items: center;
}

.search-box {
    position: relative;
    height: 3.5em;
    width: 3.5em;
    border-radius: 50px;
    /*transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
}

.search-box.active {
    width: 250px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2);
}

form#searchform {
    position: relative;
    height: 3.5em;
}

.search-box input {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 50px;
    background: #fff;
    outline: none;
    opacity: 0;
    /*transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
    padding: unset;
    padding-left: 0.7em;
}

.search-box .search-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 2em;
    width: 2em;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    font-size: 2em;
    color: #000;
    cursor: pointer;
    z-index: 1;
    /*transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
}

.search-box input.active {
    opacity: 1;
}

.search-box .cancel-icon {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    opacity: 0;
}

.search-box .cancel-icon i {
    color: #000;
}

.search-box .search-icon.active {
    right: -10px;
    height: 45px;
    line-height: 45px;
    width: 45px;
    font-size: 20px;
    background: #9DA18E;
    color: #fff;
    /* transform: translateY(-50%) rotate(360deg); */
}

.search-box .cancel-icon.active {
    right: 40px;
    opacity: 1;
    /* transform: translateY(-50%) rotate(360deg); */
}

.main-logo-inner a {
    display: flex;
    justify-content: center;
}

.admin-bar header#masthead{
    top: 32px;
}

.middle-element.right .middle-element-inner {
    margin-right: 2.5em;
    display: flex;
    align-items: center;
}

.middle-element.right .middle-element-inner .inner-header-icon {
    margin: 0 0.8em;
    position: relative;
    z-index: 9;
}

.button_container {
    position: relative;
    height: 2.8em;
    width: 8em;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
    display: flex;
    align-items: center;
}

.inner-burger-menu {
    width: 50%;
    height: 100%;
}

.inner-burger-txt {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_container .inner-burger-txt p {
    line-height: 1;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_container span:nth-of-type(2) {
    top: 60%;
}

.button_container span {
    background: #A17866;
    border: none;
    height: 0.16em;
    width: 100%;
    position: absolute;
    top: 30%;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
    width: 2.8em;
}

.button_container.active span:nth-of-type(2) {
    transform: rotate(-45deg);
    top: 40%;
}

.button_container.active span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 40%;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.overlay.open li, .overlay.open .inner-footer-menu-overlay p, .overlay.open .right-menu-inner .collection-item {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.overlay-menu .parent-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.parent-item {
    margin-bottom: 10px;
    font-weight: bold;
}

.parent-item span.menu-title::before {
    content: "›";
    position: absolute;
    right: -0.7em;
    top: 38%;
    transform: translateY(-50%);
    font-size: 1em;
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.overlay ul li.active span.menu-title, .overlay .child-menu-inner li.menu-item.child-item.active a, .overlay ul.parent-menu .menu-item.active a {
    color: #6A9F9F !important;
}

nav.overlay-menu ul li:hover span, nav.overlay-menu ul li a:hover{
    color: #6A9F9F !important;
}

.parent-item.active span.menu-title::before {
    opacity: 1;
    transform: translateY(-50%) translateX(5px);
}

.child-overlay-menu {
    display: none;
}

.child-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.child-item {
    margin: 5px 0;
}

.thumbnail-item {
    display: none;
    text-align: center;
}

.thumbnail-menu li.thumbnail-item, .overlay .right-menu-inner .collection-item {
    display: none;
}

.thumbnail-item {
    display: none;
    text-align: center;
}

.thumbnail-item img {
    max-width: 100%;
    height: auto;
    margin: 10px auto;
    transition: opacity 0.3s ease-in-out;
}

nav.overlay-menu {
    display: flex;
    align-items: center;
    height: 100%;
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-menu-collection.jpg);
    position: relative;
    padding-top: 14em;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-image-bck {
    width: 100%;
    height: 57em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}


nav.overlay-menu .main-menu {
    padding-left: 3em;
}

.right-menu-inner {
    width: 60%;
    height: 85em;
}

.left-menu-inner {
    width: 45%;
}

.left-menu-inner {
    width: 40%;
    display: flex;
    align-items: flex-start;
    height: 100%;
}

ul.woocommerce-category-list {
    margin: unset;
}

.right-menu-inner li.thumbnail-item {
    height: 100%;
}

.main-menu-inner {
    width: 70%;
}

.child-menu-inner{
    width: 30%;
}

.overlay ul.child-menu li, .overlay ul.woocommerce-category-list li {
    padding: unset;
    margin-bottom: 0.7em;
}

.overlay ul.child-menu li a, .overlay ul.woocommerce-category-list li a {
    font-size: 1.5em;
    text-transform: initial;
    letter-spacing: 0;
}

ul.thumbnail-menu-content, ul.thumbnail-menu-collections {
    display: flex;
    height: 100%;
    margin: unset;
    justify-content: center;
    align-items: center;
    background: #fff;
    /*transition: all 0.3s linear;*/
    opacity: 0;
    visibility: hidden;
}

ul.thumbnail-menu-collections {
    background: transparent;
    max-width: 47em;
    margin-top: 13em;
}

.collections-list .collection-thumbnail {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 20em;
    height: 13em;
}

.right-menu-inner .collections-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 75vh;
    overflow-x: hidden;
}

.overlay .right-menu-inner .collection-item a {
    display: flex;
    flex-direction: column;
}

.overlay .right-menu-inner .collection-item {
    width: 23em;
    padding-bottom: 2em;
    padding-top: unset;
}

.overlay .right-menu-inner .collection-item a span {
    margin-top: 1em;
}

.inner-newsletter-subscription {
    position: relative;
    display: -ms-flexbox;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: sticky;
    top: 80px;
    background-color: #fff;
}

.wrapper-newsletter-subscription {
    padding: 50px 0 90px 0;
    background-color: #E1DACE;
}

.title-newsletter {
    text-align: center;
}

.row-newsletter {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.row-newsletter .clm-nws {
    width: 50%;
}

.clm-left-nws.clm-nws h2 {
    padding-left: 90px;
}

.wrapper-right-nws {
    padding-left: 50px;
}

.title-newsletter p {
    color: #A17866;
    letter-spacing: 6px;
}

.wrapper-newsletter-subscription .newsletter-block h2 {
    margin: unset;
    color: #A17866;
    line-height: 1.1;
}

.wrapper-newsletter-subscription .newsletter-block span {
    color: #fff;
    width: 35%;
    display: block;
    margin: 20px auto;
    font-size: 20px;
}

.footer-inner {
    position: relative;
    display: -ms-flexbox;
    width: 100%;
    height: 100vh;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px;
    background-color: #003363;
}

.inner-footer-bck-image img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 680px;
    z-index: 1;
    opacity: 0.6;
    width: 100%;
}

footer#colophon .first-row, footer#colophon .second-row {
    background-color: #ffffff;
}

footer#colophon .first-row {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: unset !important;
    height: 90%;
    align-items: center;
}

footer#colophon .second-row {
    margin-top: unset !important;
    height: 10%;
}

.first-row .internal-row {
    width: 100%;
    display: flex;
    height: 50%;
    position: relative;
    z-index: 23;
}

footer .widget ul li {
    padding: unset;
}

.site-footer .footer-widget {
    width: 33.33%;
}

h2.footer-custom-txt {
    text-align: left;
    margin: unset;
    color: #fff;
}

footer#colophon .second-row .etheme-subfooter {
    display: flex;
    align-items: center;
    padding: 15px 0;
    position: relative;
    z-index: 2;
}

footer#colophon .second-row .etheme-subfooter .subfooter-txt {
    width: 33.33%;
}

footer#colophon .second-row .etheme-subfooter p {
    margin: unset;
    color: #A17866;
}

.footer-inner {
    text-align: center;
    background-color: #fff;
}

footer#colophon .second-row .etheme-subfooter .subfooter-txt:nth-child(2) a {
    margin: 0 20px;
    color: #A17866;
    transition: all 0.3s linear;
}

.footer-widget-1 p:first-child {
    padding: unset !important;
}

.main-logo-inner {
    position: relative;
    z-index: 9;
}

.site-footer {
    margin-top: -60px;
    color: #A17866;
    font-size: 14px;
    position: relative;
}

footer .widget ul li a {
    color: #A17866;
}

footer .widget h5 {
    color: #A17866;
}

.footer-inner {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 999;
}

.first-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.internal-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.footer-widget {
    flex: 1;
    min-width: 16%;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mkdf-widget-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    color: #111;
    text-align: left;
}

.menu {
    list-style: none;
    padding: 0;
    text-align: left;
}

.menu li {
    margin-bottom: 8px;
}

.menu li a {
    text-decoration: none;
    color: #a1a1a1;
    transition: color 0.3s ease;
}

.menu li a:hover {
    color: #000;
}

.second-row {
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.footer-credit-txt, .footer-policy-txt, .footer-agency-txt {
    display: inline-block;
    margin: 0 15px;
}

.footer-policy-txt a, .footer-agency-txt a {
    color: #a1a1a1;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-policy-txt a:hover, .footer-agency-txt a:hover {
    color: #000;
}

.mkdf-social-icons-group-widget a {
    font-size: 18px;
    margin-right: 10px;
    color: #a1a1a1;
    transition: color 0.3s ease;
}

.mkdf-social-icons-group-widget a:hover {
    color: #000;
}

.inner-footer-logo {
    position: relative;
    padding: 5px 0 30px 0;
    z-index: 999999999999;
    background: -moz-linear-gradient(180deg, transparent 25%, #ffffff 25%);
    background: -webkit-gradient(linear, 180deg, color-stop(25%, transparent), color-stop(25%, #ffffff));
    background: -webkit-linear-gradient(180deg, transparent 25%, #ffffff 25%);
    background: -o-linear-gradient(180deg, transparent 25%, #ffffff 25%);
    background: -ms-linear-gradient(180deg, transparent 25%, #ffffff 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFF', GradientType=1);
    background: linear-gradient(180deg, transparent 25%, #ffffff 25%);
}

.content-footer-logo {
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #fff;
}

.content-footer-logo img {
    max-width: 80px;
}

.wrapper-footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.footer-logo-row {
    height: 100px;
    width: 1.5px;
    position: relative;
    background: #A17866;
    top: -5px;
}

.inner-footer-menu-overlay {
    position: absolute;
    bottom: 1em;
    left: 3em;
    text-align: left;
}

.inner-footer-menu-overlay p {
    margin: unset;
    line-height: normal;
    opacity: 0;
    font-size: 1.1em;
    font-weight: 600;
}

.inner-footer-menu-overlay p:first-child {
    margin-bottom: 1.5em;
}

h2.custom-orf-subtitle {
    text-align: left;
    line-height: 1;
}

.inner-orf-request-appointment .mkdf-cbci-content-circle-content img {
    max-width: 70px;
    margin-bottom: 40px;
}

.mkdf-cbci .mkdf-cbci-content-circle-content .mkdf-btn {
    margin-top: 25px;
    margin-bottom: 30px;
}

p.mkdf-cbci-text-right {
    font-size: var(--ecreative-size-text) !important;
}

.mkdf-cbci-content-left h2.custom-orf-subtitle {
    margin-bottom: 60px;
}

.mkdf-cbci-content-right .vc_row .wpb_wrapper {
    text-align: end;
    margin-top: 80px;
}

.inner-orf-request-appointment .mkdf-cbci-content-circle-content p:nth-child(6) {
    margin-bottom: 20px;
}

.inner-orf-request-appointment .mkdf-cbci-content-circle-content {
    width: 640px;
    height: 640px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: unset;
}

.inner-orf-request-appointment .mkdf-cbci-content-circle-content p {
    margin: unset;
}

.inner-orf-request-appointment .mkdf-cbci-content-circle-content p:nth-child(4) {
    margin-bottom: 20px;
}

.footer-widget-5 .wrapper-footer-widget {
    width: 130px;
}

footer .widget ul li {
    padding: unset;
    margin: 20px 0;
}

footer .widget h5 {
    color: #A17866 !important;
    margin-bottom: 40px !important;
    letter-spacing: 5px;
    font-weight: 400;
}

.footer-widget-5, .footer-widget-6 {
    margin-top: 30px;
}

.main-home-first-row .mkdf-elements-holder .mkdf-eh-item:nth-child(2) {
    position: relative;
    z-index: 1;
}

.column-overlay-image .mkdf-single-image-holder:last-child {
    position: absolute;
    left: 0;
    bottom: -30px;
    max-width: 300px;
}

.eplay-custom-button-wrapper {
    display: flex;
    margin: 10px 0;
    justify-content: flex-start;
    position: relative;
    z-index: 99;
}

.eplay-custom-button-wrapper.align-right {
    justify-content: flex-end;
}

.eplay-custom-button-wrapper.align-left .eplay-custom-button {
    justify-content: flex-end;
}

.eplay-custom-button {
    display: flex;
    align-items: center;
    background-color: #e6f1f3;
    position: relative;
    max-width: 300px;
    min-width: 300px;
    transition: all 0.3s linear;
    padding: 40px 50px;
}

.eplay-custom-text {
    text-decoration: none;
    font-size: 13px;
    color: #a89589;
    text-transform: uppercase;
    letter-spacing: 6px;
    line-height: normal;
    transition: all 0.3s linear;
}

.eplay-custom-button-wrapper a:hover .eplay-custom-button {
    background-color: #6A9F9F !important;
    max-width: 290px;
    min-width: 290px;
}

.eplay-custom-button-wrapper a:hover .eplay-custom-button .eplay-custom-text {
    color: #ffffff !important;
}

.eplay-custom-line {
    width: 60px;
    font-size: var(--ecreative-size-button);
    background-color: #a89589;
    position: absolute;
    right: -30px;
    height: 1px;
}

.align-right .eplay-custom-line {
    left: -30px;
}

.eplay-custom-button-wrapper .mkdf-reveal-from-right.mkdf-item-appear {
    clip-path: inset(0 0 0 -70px);
    -webkit-clip-path: inset(0 0 0 -70px);
}

.eplay-custom-button-wrapper .mkdf-reveal-from-left.mkdf-item-appear {
    clip-path: inset(0 -70px 0 0);
    -webkit-clip-path: inset(0 -70px 0 0);
}

.form-style-eplay {
    background: #ffffff;
    padding: 40px 0;
    box-shadow: 0px 9px 32px #00000012;
    margin: 20px;
}

.form-style-eplay span.style-line {
    display: flex;
    justify-content: center;
}

.form-style-eplay span.style-line input, .form-style-eplay span.style-line textarea {
    margin: unset;
    border: unset;
}

.form-style-eplay span.style-line {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid;
    max-width: fit-content;
    margin: 0 auto 30px;
    padding-bottom: 10px;
}

.project-form-row {
    margin-bottom: 100px !important;
}

/* SERVICES SHORTCODE */ 

.inner-title-controller {
    display: flex;
    align-items: center;
    transition: 0.2s linear;
    cursor: pointer;
    width: fit-content;
    font-size: 14px !important;
    margin: 20px 0;
    background: #fff;
}

.inner-title-controller {
    position: relative;
}

.eplay-banner-isotope.eplay-isotope-text-wrapper {
    margin: unset !important;
    margin-bottom: 50px !important;
}

.eplay-banner-isotope.eplay-isotope-text-wrapper .eplay-isotope-text-content {
    width: 100%;
}

.bck-isotope-services-banner {
    height: 70%;
    width: 100%;
    display: block;
    position: absolute;
    background: #F1EDE6;
    bottom: -60px;
}

.eplay-banner-isotope .banner-services-isotope{
    height: 560px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 75%;
    position: relative;
    left: 30px;
}

.title-isotope-menu.active-filter .dot-title{
    opacity: 1;
    animation: dot-animation 0.5s forwards;
}

.title-isotope-menu {
    display: flex;
    align-items: center;
    background-color: #e6f1f3;
    position: relative;
    max-width: 350px;
    min-width: 350px;
    padding: 40px 50px;
    justify-content: flex-end;
    line-height: 1.4;
    text-align: end;
    transition: all 0.3s linear;
}

span.title-bold {
    max-width: 90%;
    color: #A17866;
    transition: all 0.3s linear;
    letter-spacing: 4px;
}

.title-isotope-menu.active-filter span.title-bold {
    color: #fff;
}

.title-isotope-menu.active-filter {
    background-color: #6A9F9F;
}

.isotope-controller .eplay-isotope-line {
    width: 60px;
    height: 2px;
    background-color: #a89589;
    position: absolute;
    right: -30px;
    transition: all 0.3s linear;
}

.title-isotope-menu.active-filter span.eplay-isotope-line {
    background-color: #fff;
}

.isotope-text {
    padding-left: 46px;
    padding-top: 20px;
    padding-right: 50px;
}

.isotope-txt-clm-right .isotope-text::before {
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    background: #A17866;
    left: 55px;
}

@keyframes dot-animation {
    0%    { width: 0%; }
    100%  { width: 100%; }
}

@keyframes test {
    from    {-webkit-mask-image: linear-gradient(to right, black 0%, transparent 0%)}
    to      {-webkit-mask-image: linear-gradient(to right, black 50%, transparent 1000%)}
}

/* FINE SERVICES SHORTCODE */ 

.custom-btn-row-direction .wpb_wrapper{
    display: flex;
    justify-content: space-between;
}

.custom-btn-row-direction {
    margin-bottom: 60px !important;
}

/*.vc_row.wpb_row.vc_row-fluid.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex.mkdf-parallax-row-holder::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background-image: url(https://web-orf.x-tra.it/wp-content/uploads/2025/02/showroom-test-img.jpg);
    background-position: 50% 0px;
}*/

.page-id-3475 .inner-newsletter-subscription, .page-id-3475 footer#colophon{
    display: none;
}

.row-double-btn .wpb_wrapper {
    text-align: center;
}

.row-google-maps {
    margin-top: 70px;
    margin-bottom: 50px !important;
}

.inner-bck-policy-popup, .inner-bck-form-popup, .inner-bck-diamond-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e1dacead;
    z-index: 99999;
}

.policy-popup {
    position: fixed;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    background: #F1EDE6;
    padding: 40px;
    z-index: 999999;
    max-width: 700px;
    box-shadow: 0px 16px 49px #00000012;
    max-height: 65vh;
    overflow-y: auto;
}

.policy-popup h2 {
    text-align: center;
}

.policy-popup p:nth-child(2) {
    margin-bottom: 10px;
}

.policy-popup p {
    text-align: center;
}

.policy-popup p:nth-child(3) {
    width: 60%;
    display: block;
    margin: auto;
    text-align: left;
}

.policy-popup p:nth-child(2) {
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.inner-policy-btn {
    text-align: center;
    margin-top: 20px;
}

button.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    border: unset;
    border-radius: 100%;
    padding: 18px;
    display: flex;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
}

.eas-wrapper {
    width: 100%;
    margin: 100px 0;
    position: relative;
    padding-bottom: 140px;
}

.eas-inner {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 90%;
    margin: auto;
}

.eas-icon-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.eas-icon-inner {
    position: relative;
}

.eas-title-wrapper {
    margin: 10px 0 5px 0;
}

span.eas-title-text {
    font-size: 17px;
    line-height: normal;
    cursor: pointer;
}

.eas-btn-wrapper {
    display: inline-block;
}

.eas-btn-link {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    height: auto;
    width: auto;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--theme-color-alter_dark);
    z-index: 1;
    overflow: hidden;
    background: transparent;
}

.eas-icon-circle {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.et-icon-wrapper.advantages-icon {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.et-icon-wrapper.advantages-icon svg {
    fill: #49604f;
    width: 45%;
    height: auto;
    margin: auto;
    text-align: center;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.et-icon-wrapper.advantages-icon svg .cls-1, .et-icon-wrapper.advantages-icon svg path {
    fill: #A48C7C;
}

.icon-animated-circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: transparent;
    stroke: currentColor;
    overflow: visible;
}

.eas-icon-column {
    width: calc(20% - 20px);
    margin: 0 10px;
}

.eas-inner-image {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.eas-icon-column .eas-text-inner {
    z-index: 1;
    opacity: 0;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    bottom: -50px;
}

.eas-icon-column:hover .eas-text-inner {
    opacity: 1;
    bottom: -110px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.eas-text-wrapper {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    padding-right: 35px;
    vertical-align: bottom;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.eas-icon-column .eas-text-wrapper:after {
    content: '';
    position: absolute;
    top: -45px;
    right: 20px;
    width: 1px;
    height: 115px;
    background-color: #a1a1a1;
}

.eas-small-description-wrapper p {
    margin: 0;
    font-family: Heebo, sans-serif;
    font-weight: 300;
    font-size: 13px;
}

.eas-small-description-wrapper p {
    margin: 0;
    font-family: Heebo, sans-serif;
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 6px;
    line-height: normal;
}

.inner-open-team-popup {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
    display: flex;
    background: #fff;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
}

.inner-open-team-popup:hover {
    background: #6A9F9F;
}

.eas-icon-column:hover .inner-open-team-popup {
    opacity: 1;
}

.inner-open-team-popup svg {
    transform: rotateZ(45deg);
}

.inner-open-team-popup svg {
    transform: rotateZ(45deg);
    width: 13px;
    height: 13px;
    fill: #a17866;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}


.inner-open-team-popup:hover svg {
    fill: #fff;
}
.inner-open-team-popup:hover {
    box-shadow: 0px 0px 8px #ccc;
}

.custom-heading-orientation .mkdf-st-text {
    text-align: left;
}

.custom-heading-innovation .mkdf-st-text {
    max-width: 70%;
}

.expandable-container {
    display: flex;
    justify-content: space-between;
    max-width: 90%;
    margin: 0 auto;
}

.expandable-column {
    flex: 1;
    padding: 20px;
    margin: 0 10px;
    border-radius: 10px;
    text-align: left;
    cursor: pointer;
    transition: background 0.3sease;
}

.expandable-title {
    display: flex;
    align-items: center;
    font-size: 23px;
    font-weight: bold;
    color: #A17866;
    font-family: var(--ecreative-font-primary);
    letter-spacing: 2px;
    transition: all 0.3s linear;
    position: relative;
}

.expandable-content ul li:nth-child(odd)::before {
    content: "";
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-rettangolo.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #f9f7f4;
}

.expandable-content ul li:nth-child(even)::before {
    content: "";
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-cerchio.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f9f7f4;
}

.expandable-title::before {
    content: '';
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-rettangolo.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -40px;
}

.expandable-column:nth-child(2) .expandable-title::before{
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-cerchio.png) no-repeat center center;
    background-size: contain;
}

.expandable-column:hover .expandable-title {
    color: #6A9F9F;
}

.expandable-subtitle {
    font-size: 15px;
    color: #A17866;
    margin-top: 5px;
}

.expandable-arrow {
    font-size: 35px;
    transition: transform 0.3s ease;
    padding-left: 70px;
}

.expanded .expandable-arrow {
    transform: rotateX(180deg);
}

.expandable-content {
    padding: 15px;
    border-left: 2px solid #d4b89f;
    margin-top: 30px;
    margin-left: 10%;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-in-out;
}

.expandable-content ul {
    list-style: none;
    margin: unset;
    padding: unset;
    margin-left: -26px;
}

.expandable-content ul li {
    position: relative;
    font-size: 14px;
    color: #5f4b3a;
    padding-left: 40px;
    margin-bottom: 5px;
}

.expandable-content ul li strong {
    font-weight: 600;
}

.expandable-content ul li::before {
    content: "•";
    position: absolute;
    left: -15px;
    font-size: 16px;
    color: #a07b61;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*
.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #A17866;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}*/

.spinner {
    width: 110px;
    height: 110px;
    /* border: 5px solid #ccc; */
    /* border-top-color: #A17866; */
    /* border-radius: 50%; */
    animation: spin 10s linear infinite;
}

html.open-menu .inner-footer-logo, html.open-menu .footer-inner {
    z-index: 9;
}

.isotope-text ul li {
    list-style: none; /* Rimuove i marker di default */
    padding-left: 40px; /* Distanza dell'icona dal testo */
    position: relative;
    margin-bottom: 15px;
}

.isotope-text ul li:nth-child(odd)::before {
    content: "";
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-rettangolo.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #f9f7f4;
}

.isotope-text ul li:nth-child(even)::before {
    content: "";
    background: url('https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-cerchio.png') no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0; /* Regola la posizione verticale */
    background-color: #f9f7f4;
}


@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.mkdf-content {
    background-color: #f9f7f4;
}

@keyframes infinite-rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.additional-brand-img img, .wrapper-custom-news-title img, .eplay-rotated-image-wrapper img, .content-footer-logo img, .wishlist-space img, .inner-icon-innovation img {
    animation: infinite-rotation 14s linear infinite;
}

.wrapper-custom-news-title {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 0;
}

.wrapper-custom-news-title img {
    max-width: 120px;
}

.page-template-blog-standard .mkdf-container-inner {
    width: 100%;
}

.page-template-blog-standard .mkdf-container-inner .mkdf-grid-row {
    display: block;
    width: 80%;
    margin: auto;
}

.inner-custom-news-title {
    max-width: 90%;
    margin-left: auto;
    margin-bottom: 80px;
}

.wrapper-custom-news-title h1 {
    margin: unset;
    font-size: 80px;
    color: #A68170;
    margin-left: 50px;
}

.wrapper-custom-news-title::before {
    position: absolute;
    content: '';
    width: 73%;
    display: block;
    background: #E1DACE;
    height: 100%;
    right: 0;
    z-index: -1;
}

.mkdf-blog-holder article .mkdf-post-info-right {
    background-color: #E1DACE;
}

.wrapper-contact-form-popup {
    position: relative;
    display: flex;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 50%;
    z-index: 30;
    -webkit-transition: 1.5s 1s cubic-bezier(.17,.57,.71,.46);
    -o-transition: 1.5s 1s cubic-bezier(.17, .57, .71, .46);
    transition: 1.5s 1s cubic-bezier(.17,.57,.71,.46);
    clip-path: circle(0);
    -webkit-clip-path: circle(0);
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    clip-path: circle(100%);
    -webkit-clip-path: circle(100%);
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.wrapper-contact-form-popup::after {
    content: '';
    position: absolute;
    right: 50%;
    top: calc(100% - 16px);
    width: 1px;
    height: 116px;
    background-color: #a1a1a1;
}

html.popup-form-opened body {
    overflow-y: hidden !important;
}

.inner-popup-form {
    position: fixed;
    background: #fff;
    z-index: 999999;
    max-width: 700px;
    min-width: 40%;
    top: 55%;
    padding: unset;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow-y: auto;
    height: 70vh;
}

.inner-popup-form .form-style-eplay {
    margin: unset;
}

.inner-popup-form::-webkit-scrollbar {
    width: 3px;
}

.wrapper-contact-form-popup img {
    max-width: 70px;
}

.inner-contact-form-popup {
    display: flex;
    justify-content: center;
}

.inner-icon-form {
    display: flex;
}

.wrapper-popup-form h2 {
    margin: 40px 0 !important;
}

.row-news-view .mkdf-blog-list .mkdf-bl-item:nth-child(1) .mkdf-post-image-background {
    width: 100%;
    height: 429.33px;
    margin-bottom: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.row-news-view .mkdf-blog-list .mkdf-bl-item:nth-child(2) .mkdf-post-image-background {
    width: 100%;
    height: 334.29px;
    margin-bottom: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.row-news-view .mkdf-blog-list .mkdf-bl-item:nth-child(3) .mkdf-post-image-background {
    width: 100%;
    height: 271.79px;
    margin-bottom: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

video#muteVideo {
    width: 100%;
}

.custom-overlay-image .mkdf-single-image-holder:nth-child(2) {
    max-width: 300px;
    position: absolute;
    top: 0;
    right: 40%;
}

.eplay-assistence-box-inner {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    text-align: center;
    margin: 40px auto;
}

.eplay-assistence-box-inner .eplay-assistence-item {
    width: 33.33%;
    position: relative;
    margin-bottom: 90px;
}

.eplay-assistence-box-inner .eplay-assistence-item p.eplay-assistence-description, .eplay-assistence-box-inner .eplay-assistence-item h4 {
    color: #A17866;
    line-height: normal;
    justify-content: center;
    width: fit-content;
    margin: auto;
    position: relative;
}

.eplay-assistence-box-inner .eplay-assistence-item h4::before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -30px;
    background-size: contain !important;
    top: 50%;
    transform: translateY(-50%);
}

.eplay-assistence-box-inner .eplay-assistence-item:nth-child(odd) h4::before{
    background: url('https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-rettangolo.png') no-repeat center center;
}

.eplay-assistence-box-inner .eplay-assistence-item:nth-child(even) h4::before{
    background: url('https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-cerchio.png') no-repeat center center;
}

.eplay-assistence-box-inner .eplay-assistence-item p {
    font-size: 15px;
}

.eplay-rotated-image-wrapper img {
    max-width: 100px;
}

.eplay-rotated-image-wrapper {
    text-align: left;
}

.project-title-form {
    margin-bottom: 50px;
}

.custom-large-title h1 {
    color: #D9CEBC;
    font-size: 80px;
    line-height: 140px;
    text-align: center;
}

.custom-large-title .mkdf-st-text {
    color: #D9CEBC;
    letter-spacing: 9px;
    text-align: center;
    margin: unset;
}

body.showroom-page .mkdf-content{
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-showroom-roma-new.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.row-booknetic {
    margin: 100px 0;
}

.row-booknetic .wpb_wrapper {
    display: flex;
    justify-content: center;
}

.eplay-custom-title {
    display: flex;
    align-items: center;
}

.eplay-custom-title .eplay-rotated-image-wrapper{
    display: flex;
}

h1.eplay-custom-title {
    color: #E1DACE;
    font-size: 80px;
    padding-right: 10px;
    letter-spacing: 16px !important;
    line-height: 80px;
}

.eplay-custom-title-wrapper {
    margin-top: 50px;
}

.eplay-custom-title-wrapper {
    margin-top: 70px;
    margin-bottom: 40px;
    overflow: hidden;
}

.inner-b2b-b2c-button a {
    background-color: #DFE9E9 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: 1.5s 1s cubic-bezier(.17,.57,.71,.46);
    -o-transition: 1.5s 1s cubic-bezier(.17, .57, .71, .46);
    transition: 1.5s 1s cubic-bezier(.17,.57,.71,.46);
    clip-path: circle(0);
    -webkit-clip-path: circle(0);
    position: relative;
}

.inner-b2b-b2c-button a.mkdf-reveal.mkdf-item-appear {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    clip-path: circle(100%);
    -webkit-clip-path: circle(100%);
}

.inner-b2b-b2c-button a:after {
    content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    width: 60px;
    height: 1px;
    background-color: #a1a1a1;
}

.inner-b2b-b2c-button a span {
    color: #A17866;
    font-family: var(--ecreative-font-primary);
    font-size: 35px;
}

.inner-b2b-b2c-button a.align-left::after {
    left: unset;
    right: -40px;
}

.tailor-made-img img {
    max-width: 100px;
}

.different-row-position {
    margin-top: -160px;
    display: inline-flex;
}

.custom-value-page-section {
    margin-bottom: 27% !important;
}

.custom-value-page-section .eplay-rotated-image-wrapper {
    text-align: center;
    margin-bottom: 25px;
}

.custom-value-page-section a.mkdf-btn.mkdf-btn-medium.mkdf-btn-simple {
    margin: auto;
    display: block;
    width: fit-content;
    margin-top: 40px;
    margin-bottom: 50px;
}

.custom-value-page-section .clm-value-left ul li::before {
    content: "";
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-rettangolo.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #f9f7f4;
}

.custom-value-page-section .clm-value-right ul li::before {
    content: "";
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-cerchio.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f9f7f4;
}

.custom-value-page-section .clm-value-left ul li, .custom-value-page-section .clm-value-right ul li {
    list-style: none;
    padding-left: 15px;
}

.custom-value-page-section ul{
    margin: unset;
}

.single-article-img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.single-article-date, span.single-article-title {
    color: #A68170;
}

.single-article-date {
    margin-top: 10px;
}

.single-article {
    margin-bottom: 20px;
}

aside.mkdf-sidebar .widget .mkdf-widget-title-holder .mkdf-widget-title{
    color: #A68170;
    text-align: center;
}

.last-article-filter {
    position: sticky;
    top: 0;
}

span.eplay-divider {
    padding: 0 15px;
}

.mkdf-blog-holder article .mkdf-post-info-left {
    padding-right: 50px;
}

.mkdf-blog-holder.mkdf-blog-standard article h3 a {
    line-height: normal;
    display: block;
    margin-bottom: 20px;
}

.mkdf-blog-holder article .mkdf-post-info-right, .mkdf-blog-holder article .mkdf-post-info-right a {
    font-family: var(--ecreative-font-secondary) !important;
    color: #fff !important;
}

.inner-eplay-four-btn {
    margin-top: 40px;
}

.wrapper-eplay-four-btn {
    display: flex;
    justify-content: space-around;
}

.custom-appointment-section-point-img img {
    max-width: 60%;
}

.inner-custom-img-request-appointment img {
    position: absolute;
    left: 0;
    max-width: 45vw;
    display: block;
    z-index: -1;
    bottom: -330px;
}

.mkdf-cbci.inner-orf-request-appointment {
    margin-bottom: 130px !important;
}

.wrapper-right-nws input {
    color: #A17866;
    min-width: 300px;
    padding: 15px 20px;
    border-radius: 25px;
    border: unset;
}

.absolute-image-arte-orafa img {
    position: relative;
    bottom: -260px;
}

.the-value-page .mkdf-cbci.inner-orf-request-appointment {
    margin-bottom: 400px !important;
}

.mkdf-side-menu-slide-from-right .mkdf-wrapper {
    background-color: #f9f7f4;
}

.logo-background-left {
    width: 700px;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 240px;
    opacity: 1;
    z-index: -1;
}

.logo-background-right {
    width: 700px;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 240px;
    opacity: 1;
    z-index: -1;
}

.background-fixed-right{
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 0;
    opacity: 1;
    z-index: -1;
}

.alternative-appointment-section .mkdf-cbci-content-circle::before {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 100px;
    left: 50%;
    transform: translateX(-50%);
    background: #A17866;
    z-index: 999;
    top: -40px;
}

.mkdf-cbci.inner-orf-request-appointment.alternative-appointment-section {
    margin-bottom: unset !important;
}

.shop-container.wishlist-table-eplay {
    margin-bottom: 50px !important;
}

span.items-in-wish {
    position: absolute;
    right: -10px;
    top: -20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #a17866;
    border-radius: 100%;
    color: #fff;
}

.inner-rotated-img-innovation {
    display: flex;
    justify-content: center;
}

.wrapper-rotated-img-innovation {
    position: relative;
    display: flex;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 50%;
    z-index: 30;
    -webkit-transition: 1.5s 1s cubic-bezier(.17,.57,.71,.46);
    -o-transition: 1.5s 1s cubic-bezier(.17, .57, .71, .46);
    transition: 1.5s 1s cubic-bezier(.17,.57,.71,.46);
    clip-path: circle(0);
    -webkit-clip-path: circle(0);
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    clip-path: circle(100%);
    -webkit-clip-path: circle(100%);
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.inner-icon-innovation{
    display: flex;
}

.wrapper-rotated-img-innovation img {
    max-width: 70px;
}

.wrapper-rotated-img-innovation::after {
    content: '';
    position: absolute;
    right: 50%;
    top: calc(100% - 16px);
    width: 1px;
    height: 116px;
    background-color: #a1a1a1;
}

.innovation-team-img img{
    max-width: 80% !important;
}

.eplay-first-custom-masonry-gallery .mkdf-ig-image.mkdf-item-space img {
    max-width: 60%;
    padding-left: 50px;
    margin-bottom: 30px;
}

.mkdf-image-gallery.mkdf-grid-list.mkdf-grid-masonry-list.eplay-first-custom-masonry-gallery.mkdf-two-columns .mkdf-item-space:nth-child(2n+1) img{
    max-width: 40%;
    padding-left: 50px;
}

.custom-contact-text ul li {
    position: relative;
}

.custom-contact-text ul {
    list-style: none;
}

.custom-contact-text ul li {
    position: relative;
    padding-left: 35px;
}

.custom-contact-text ul li:nth-child(odd)::before {
    content: "";
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-rettangolo.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #f9f7f4;
}

.custom-contact-text ul li:nth-child(even)::before {
    content: "";
    background: url(https://web-orf.x-tra.it/wp-content/uploads/2025/03/officina-orafa-cerchio.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f9f7f4;
}

.bkntc_booking_modal {
    background-color: #e1daceb5;
}

.row-double-btn {
    margin-bottom: 100px !important;
}

.popup-form {
    position: fixed;
    background: #fff;
    z-index: 999999;
    max-width: 700px;
    min-width: 40%;
    top: 55%;
    padding: unset;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow-y: auto;
    height: 70vh;
}

.popup-form .form-style-eplay{
    margin: unset;
}

.diamond-popup {
    position: fixed;
    background: #F1EDE6;
    z-index: 999999;
    max-width: 700px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow-y: auto;
    padding: 40px;
    max-height: 65vh;
}

.diamond-popup h2 {
    text-align: center;
    margin-bottom: 35px;
}

.diamond-popup p {
    width: 60%;
    display: block;
    margin: auto;
    text-align: left;
    margin-top: 20px;
}

.wrapper-right-nws .arrow-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
}

.wrapper-right-nws .arrow-icon img {
    width: 20px;
    height: 20px;
}

.wrapper-right-nws {
    padding-left: 50px;
    position: relative;
    max-width: 340px;
}

.wrapper-right-nws input::placeholder{
    color: #A17866;
}

.inner-header-icon.wishlist-icon img {
    max-width: 29px;
    max-height: 29px;
}

.inner-header-icon.wishlist-icon a {
    display: flex;
    align-items: center;
}

.social-fixed-wrapper {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    z-index: 9999;
}

.social-fixed-wrapper .inner-single-social {
    margin-bottom: 10px;
}

.social-fixed-wrapper .inner-single-social a {
    padding: 7px;
    border-radius: 100%;
    display: block;
}

.social-fixed-wrapper .inner-single-social svg, .social-fixed-wrapper .et-icon-wrapper.icon-social-fixed {
    width: 20px;
    height: 20px;
}

.social-fixed-wrapper .inner-single-social svg, .social-fixed-wrapper .et-icon-wrapper.icon-social-fixed {
    width: 20px;
    height: 20px;
}

div#scroll-top-eplay-button.show {
    transform: translateY(-330%);
}

div#scroll-top-eplay-button {
    z-index: 99999;
    position: fixed;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: 100px;
    right: 20px;
    background-color: #F1EDE6;
    border: 1px solid #a17866;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgb(10 10 10 / 30%);
    width: 46px;
    height: 46px;
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
}

.et-icon-wrapper.img-scroll-top {
    width: 20px;
    height: 20px;
}

.et-icon-wrapper.img-scroll-top svg {
    width: 20px;
    height: 20px;
    fill: #a17866;
    transition: all 0.3s ease-in;
}

#theme-info-button.show {
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.48);
    background-color: #F1EDE6;
    border: 1px solid #a17866;
}

#theme-info-button {
    z-index: 99999;
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: 20px;
    right: 20px;
    background-color: #F1EDE6;
    border: 1px solid #F1EDE6;
    border-radius: 23px;
    padding: 10px 25px;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(10, 10, 10, 0.3);
    transition: all 0.2s linear;
}

#wrapper-info-button {
    transition: transform 0.4s ease-in-out;
    display: flex;
    align-items: center;
    line-height: normal;
}

#theme-info-button.show span.txt-button-request-info {
    color: #1D1D1B;
}

span.txt-button-request-info {
    padding-right: 5px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #fff;
}

.et-icon-wrapper.img-button-info {
    width: 17px;
    height: 17px;
    display: flex;
    margin: unset !important;
}

#theme-info-button.show .et-icon-wrapper.img-button-info svg {
    fill: #a17866;
}

.et-icon-wrapper.img-button-info svg {
    width: 17px;
    height: 17px;
    fill: #a17866;
}

#email-info.show {
    transform: translateY(-120%);
}

#phone-info.show {
    transform: translateY(-250%);
}

#whatsapp-info.show {
    transform: translateY(-380%);
}

.nav-info.show {
    visibility: visible;
    opacity: 1;
}

.nav-info {
    z-index: 9999;
    position: fixed;
    bottom: 10px;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #F1EDE6;
    border: 1px solid #a17866;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.48);
    cursor: pointer;
    transition: all 0.3s ease-in;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.nav-info .et-icon-wrapper.fixed-icon {
    display: flex;
}

div#email-info .et-icon-wrapper.fixed-icon svg, div#phone-info .et-icon-wrapper.fixed-icon svg {
    max-width: 24px;
    max-height: 24px;
}

.nav-info .et-icon-wrapper.fixed-icon svg g {
    fill: #a17866;
}

.nav-info .et-icon-wrapper.fixed-icon svg {
    max-width: 28px;
    max-height: 28px;
}

.nav-info:hover {
    background-color: #6A9F9F;
    border: 1px solid #6A9F9F;
}

.nav-info:hover .et-icon-wrapper.fixed-icon svg g{
    fill: #fff;
}

.social-fixed-inner .fixed-social-icon {
    max-width: 23px;
    max-height: 23px;
}

div#scroll-top-eplay-button:hover {
    background-color: #6A9F9F;
    border: 1px solid #6A9F9F;
}

div#scroll-top-eplay-button:hover .et-icon-wrapper.img-scroll-top svg{
    fill: #fff;
}

.mkdf-pl-item-inner h6.mkdf-pli-title.entry-title {
    margin-bottom: unset;
    color: #A17866;
    letter-spacing: 5px;
}

html.open-menu .social-fixed-wrapper {
    opacity: 0;
    visibility: hidden;
}

.custom-img-b2c-final-row img {
    max-width: 70%;
}

.custom-img-b2c-final-row {
    margin-top: -200px;
    position: relative;
    bottom: -200px;
}

.row-single-img-sposi img {
    max-width: 80% !important;
}

.row-single-img-sposi {
    margin-top: -80px !important;
    position: relative !important;
    top: 80px !important;
}

.mkdf-cbci-content-circle-content h3 {
    margin: 20px 0;
    font-size: 30px;
    letter-spacing: 4px;
}

.additional-footer-img {
    background: #fff;
    position: relative;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.additional-footer-img img {
    max-height: 45px;
}

.instagram-swiper .swiper-slide:nth-child(odd) {
    margin-top: 50px;
}

.inner-first-row-insta {
    display: flex;
    align-items: center;
    max-width: 80%;
    margin: auto;
    padding-bottom: 50px;
}

.eplay-instagram-section {
    margin-bottom: 100px;
}

.inner-txt-insta {
    margin-left: 30px;
    word-wrap: break-word;
}

.xfrm-shop-attributes.xfrm-custom-components p.xfrm-attr-label img {
    max-width: 20px;
}

.woocommerce-page .mkdf-content input[type=email], .woocommerce-page .mkdf-content input[type=password], .woocommerce-page .mkdf-content input[type=tel], .woocommerce-page .mkdf-content input[type=text], div.woocommerce input[type=email], div.woocommerce input[type=password], div.woocommerce input[type=tel], div.woocommerce input[type=text] {
    border: 1px solid #ddd !important;
    padding: 13px 10px !important;
}

body .form-row.place-order.place-order--main {
    margin-bottom: 40px !important;
}

body.has-highlighted-shipping-section div.woocommerce form .fc-step__substep[data-substep-id=shipping_address], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] {
    background-color: var(--fluidcheckout--section--background-color, var(--fluidcheckout--color--white, #fff));
}

.clm-three-section-eplay img {
    max-width: 70%;
    margin-bottom: 50px !important;
    margin-left: unset !important;
}

.wrapper-mobile-menu-opener{
    width: 30px;
    height: 20px;
    position: relative;
    margin: 15px 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.wrapper-mobile-menu-opener span{
    display: block;
    position: absolute;
    height: 3px;
    width: 30px;
    background: #7E7E81;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.wrapper-mobile-menu-opener span:nth-child(2), .wrapper-mobile-menu-opener span:nth-child(3) {
    top: 8.5px;
}

.wrapper-mobile-menu-opener span:nth-child(4) {
    top: 17px;
}

.wrapper-mobile-menu-opener.active span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.wrapper-mobile-menu-opener.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wrapper-mobile-menu-opener.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.wrapper-mobile-menu-opener.active span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

body.menu-active{
    overflow-y: hidden !important;
}

.eplay-mobile-menu {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
    /*padding: 0 0 40px 0px;*/
    background-color: #fff;
    border: 1px solid #f3f6ff;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    -webkit-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
    -ms-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
    transition: all 1000ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
    z-index: 9999999999999;
}

.inner-header-menu {
    background: #f1ede6 !important;
}

.eplay-mobile-menu.active {
    visibility: visible;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(0);
}

.eplay-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    content: "";
    -webkit-transition: all 1500ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
    -ms-transition: all 1500ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
    transition: all 1500ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 999999999999;
    visibility: hidden;
    opacity: 0;
}

.eplay-mobile-menu-overlay.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

a.btn, .btn {
    position: relative;
    padding: var(--padding-button, 20px 32px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--ff-sans);
    font-family: var(--ff-sans-700);
    font-size: var(--fs-btn, 14px);
    line-height: var(--lh-200, 1.25);
    border: 1px solid currentColor;
    text-transform: uppercase;
    letter-spacing: var(--ls-200, 1.2px);
    transition: var(--trans);
    z-index: 1;
}

.btn .btn__icon, .btn .btn__label {
    pointer-events: none;
}

.hidden {
    display: none !important;
}

aside#mega-menu--mobile .mega__container {
    width: 100%;
    height: 85vh;
    /* max-height: 100vh; */
    /* max-height: 100svh; */
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

aside#mega-menu--mobile .mega__container[data-active-depth="1"] button {
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}

aside#mega-menu--mobile .mega__header {
    height: 60px;
    padding-inline: var(--padding-container-inline, 20px);
    background-color: white;
}

aside#mega-menu--mobile .mega__header .mega__controls {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

aside#mega-menu--mobile .mega__header .mega__controls button {
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

aside#mega-menu--mobile .mega__header .mega__controls button .btn__icon, aside#mega-menu--mobile .mega__header .mega__controls button .btn__label {
    display: flex;
}

aside#mega-menu--mobile .mega__body {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 10px;
}

aside#mega-menu--mobile .mega__screen {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    inset: 0;
    background-color: white;
    transition: all 0.3s linear;
    padding: 0;
    overflow-x: hidden;
    z-index: 2;
}

aside#mega-menu--mobile .mega__screen[data-active-menu="false"] {
    transform: translateX(100%);
}

aside#mega-menu--mobile .mega__screen[data-active-menu="false"].stacked, aside#mega-menu--mobile .mega__screen[data-active-menu="true"] {
    transform: translateX(0%);
}

aside#mega-menu--mobile nav.navigation {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 20px;
}

aside#mega-menu--mobile nav.navigation a.btn {
    --item-height: 24px;
    --icon-size: 12px;
    width: 100%;
    height: var(--item-height);
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--color-text);
    justify-content: space-between;
    margin: 7px 0;
    position: relative;
}

aside#mega-menu--mobile nav.navigation a.btn .btn__label {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-family: var(--ecreative-font-primary);
}

aside#mega-menu--mobile nav.navigation a.btn .btn__icon:empty {
    display: none;
    pointer-events: none;
}

aside#mega-menu--mobile nav.navigation a.btn .btn__icon {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: all;
    position: absolute;
}

aside#mega-menu--mobile nav.navigation a.btn .btn__icon svg {
    width: 13px;
    height: 13px;
    pointer-events: none;
    padding: 5px;
    background: var(--ecreative-first-color) !important;
    border-radius: 100%;
}

.inner-brand-footer-menu .swiper-slide a {
    text-align: left;
}

.inner-brand-footer-menu .swiper-slide span {
    font-weight: 600;
}

aside#mega-menu--mobile nav.navigation a.btn .btn__icon svg path {
    fill: #fff !important;
}

.inner-header-menu img {
    max-width: 60px;
    margin: auto;
    display: block;
}

.inner-header-menu {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

aside#mega-menu--mobile .mega__header .mega__controls button#menu-back {
    padding: 20px;
    margin: unset;
    border-radius: 100%;
    border: 1px solid #A17866;
    background: transparent;
}

div#menu-close {
    padding: 20px;
    margin: unset;
    border-radius: 100%;
    border: 1px solid;
    background: transparent;
}

aside#mega-menu--mobile .mega__header svg {
    width: 19px;
    height: 19px;
}

.et-icon-wrapper.menu-icon {
    max-width: 19px;
    max-height: 19px;
    display: flex;
}

div#menu-close span.btn__icon {
    display: flex;
    pointer-events: none;
}

aside#mega-menu--mobile .mega__header svg path{
    fill: #A17866;
}

aside#mega-menu--mobile .mega__header .mega__controls button#menu-back, div#menu-close{
    cursor: pointer;
    transition: all 0.3s linear;
}

nav.navigation .inner-single-nav-img{
    width: calc(50% - 20px);
    margin: 10px 10px;
}

/*
nav.navigation.navigation-product .inner-single-nav-img {
    width: calc(33.33% - 20px);
    margin: 10px 10px;
}*/

.inner-single-nav-img img {
    border-radius: 15px;
}

aside#mega-menu--mobile .mega__screen nav.navigation .inner-single-nav-img a.btn {
    position: inherit;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
}

.wrapper-image-mobile-menu {
    display: flex;
    flex-wrap: wrap;
}

aside#mega-menu--mobile .mega__screen nav.navigation .inner-single-nav-img a.btn span.btn__label {
    padding-top: 6px;
}

nav.navigation.navigation-way-of-working a.btn {
    margin: 0 10px;
}

nav.navigation.navigation-way-of-working  .wrapper-image-mobile-menu a.btn {
    margin: 0;
}

nav.navigation.navigation-way-of-working .iner-image-mobile-menu {
    margin-bottom: 20px;
    width: 100%;
}

aside#mega-menu--mobile .mega__header {
    height: auto;
    background-color: white;
    padding: 10px 20px;
    transition: all 0.2s linear;
}

aside#mega-menu--mobile .mega__header.menu-scrolled {
    box-shadow: 0px 0px 8px #ccc;
    padding: 8px 20px;
}

.inner-mobile-menu-opener {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
}

.inner-bck-menu-mobile {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 150px;
    width: 100%;
    border: 1px solid #114c82;
}

.eplay-mobile-menu ul#qtranslate-chooser {
    text-transform: uppercase;
    padding: unset;
    margin-bottom: 10px;
}

aside#mega-menu--mobile {
    height: 100%;
}

.inner-brand-footer-menu .swiper {
    width: 100%;
    height: 100%;
}

.inner-brand-footer-menu .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    text-transform: uppercase;
    max-width: 70%;
}

.inner-brand-footer-menu .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-brand-footer-menu {
    margin-top: 25px;
}

.wrapper-brand-footer-menu h1 {
    margin-bottom: 10px;
    font-family: RozhaOne;
}

aside#mega-menu--mobile .mega__screen.stacked{
    opacity: 0;
}

html.menu-active {
    overflow-y: hidden !important;
}

.wishlist-menu-mobile-link {
    position: relative;
}

aside#mega-menu--mobile .rolex-retailer-clock {
    margin-bottom: 10px;
}

aside#mega-menu--mobile .social-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

aside#mega-menu--mobile .social-wrapper a.social-icon-link {
    margin: 5px 20px;
}

.header-first-row a.social-icon-link {
    display: flex;
    align-items: center;
}

.header-first-row .inner-tudor-plaque {
    margin-right: 25px;
}

a.desktop-rolex-link {
    margin-left: 25px;
}

.middle-element.left .inner-icon-text-header.login-header-icon {
    margin-right: 5px;
}

.main-navigation.fixed-header .header-extra-row {
    height: 0;
    padding: 0 30px;
}

.header-extra-row {
    transition: all .2s ease-in;
}

aside#mega-menu--mobile a.social-icon-link {
    color: #104c82;
}

body.open-menu div#scroll-top-eplay-button, body.open-menu div#theme-info-button {
    display: none !important;
}

aside#mega-menu--mobile .collections-list .collection-thumbnail {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 150px;
}

aside#mega-menu--mobile .collections-list.swiper {
    width: 100%;
}

aside#mega-menu--mobile .collection-item.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    text-transform: uppercase;
    max-width: 60%;
    text-align: left;
    padding: 30px 0;
    font-family: var(--ecreative-font-primary);
}

aside#mega-menu--mobile ul.woocommerce-category-list li {
    min-width: 50%;
    font-size: 1.5em
}

aside#mega-menu--mobile ul.woocommerce-category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
}

aside#mega-menu--mobile svg path {
    fill: #A17866;
}

aside#mega-menu--mobile .collection-item.swiper-slide a {
    width: 100%;
}

.row-news-view .mkdf-bli-info{
    display: none !important;
}

.mkdf-blog-single-standard .wpb_text_column h2 {
    margin-top: 30px;
}









@media screen and (max-width:1300px){
    .custom-column-goldsmith-art .vc_col-sm-4:nth-child(2) .mkdf-st-text {
        padding: unset !important;
    }
}

@media screen and (max-width:1100px){
    .eas-inner {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .eas-icon-column {
        width: calc(25% - 20px);
        margin: 0 10px;
        margin-bottom: 30px;
    }

    .eas-icon-column .eas-text-inner {
        opacity: 1;
        position: inherit;
        bottom: 0;
    }

    .eas-icon-column:hover .eas-text-inner{
        bottom: 0;
    }

    .inner-open-team-popup{
        opacity: 1 !important;
    }
}

@media screen and (max-width:1050px){
    .social-fixed-wrapper{
        display: none !important;
    }
}

@media screen and (max-width:1024px){
    .inner-b2b-b2c-button.align-right {
        display: flex;
        justify-content: flex-end;
    }

    .custom-column-goldsmith-art .vc_col-sm-4 {
        width: 100%;
    }

    .custom-column-goldsmith-art .vc_col-sm-4:nth-child(2) {
        width: 80%;
        margin: auto;
        display: block;
        float: none;
    }

    .custom-column-goldsmith-art .vc_col-sm-4:nth-child(2) .mkdf-section-title-holder{
        margin-top: 80px;
    }

    .absolute-image-arte-orafa img {
        position: relative;
        bottom: 0;
        max-width: 75% !important;
    }

    .inner-first-row-insta {
        max-width: 90%;
        flex-direction: column;
        align-items: baseline;
        display: block;
    }

    .swiper-scrollbar {
        width: 90%;
    }

    .inner-btn-swp {
        width: 10%;
    }

    .header-first-row .middle-element .et-icon-wrapper.header-icon, .header-first-row .middle-element .et-icon-wrapper.header-icon svg, .eplay-mobile-menu .inner-header-menu svg {
        max-width: 2.5em;
        max-height: 2.5em;
    }

    .inner-txt-insta {
        margin: unset;
    }
}

@media screen and (max-width:850px){
    .eas-icon-column {
        width: calc(33.33% - 20px);
    }
}

@media screen and (max-width: 768px) {
    .first-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .footer-widget {
        margin-bottom: 20px;
        min-width: 100%;
    }

    .different-row-position {
        margin-top: unset;
    }

    .orf-margin-image .vc_column-inner{
        margin-top: unset !important;
    }

    .row-newsletter {
        flex-direction: column;
    }

    .row-newsletter .clm-nws {
        width: 100%;
    }

    .clm-left-nws.clm-nws h2 {
        padding-left: unset;
        text-align: center;
        margin-bottom: 20px !important;
    }

    .footer-inner{
        height: 100%;
    }

    .wrapper-footer-widget, .wrapper-footer-widget .mkdf-widget-title, footer .widget ul li {
        text-align: center;
    }

    footer#colophon .second-row .etheme-subfooter .subfooter-txt {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: normal;
    }

    .wrapper-right-nws {
        padding: unset;
        margin: auto;
    }

    .logo-background-right {
        max-width: 70%;
    }

    h1.eplay-custom-title {
        font-size: 50px;
        line-height: 50px;
    }
        
    body .top-homepage-title {
        padding-top: 18% !important;
        padding-bottom: 80px !important;
    }

    .mkdf-btn.mkdf-btn-simple .mkdf-btn-text {
        text-align: center;
    }

    .overlay { 
        display: none; 
    }

    .eplay-mobile-menu { 
        display: block; 
    }

    .inner-header-menu img {
        max-width: 170px;
        margin: auto;
        display: block;
    }

    aside#mega-menu--mobile .inner-footer-menu-overlay p {
        opacity: 1;
    }

    nav#site-navigation .middle-element.right .inner-header-icon.user-icon, nav#site-navigation .middle-element.right .inner-header-icon.wishlist-icon{
        display: none;
    }
}

@media (min-width: 769px) {
    .eplay-mobile-menu { 
        display: none; 
    }
}

@media screen and (max-width:700px){
    .inner-orf-request-appointment .mkdf-cbci-content-circle-content {
        width: 100%;
        height: auto;
    }

    :root {
        --ecreative-size-title: 25px;
    }

    span.mkdf-st-line {
        display: none !important;
    }

    .mkdf-section-title-holder .mkdf-st-text {
        width: 100% !important;
    }

    .column-overlay-image .mkdf-single-image-holder:last-child {
        bottom: 250px;
        max-width: 200px;
    }

    .inner-custom-img-request-appointment img {
        position: inherit;
        max-width: 60vw;
    }

    .mkdf-cbci.inner-orf-request-appointment {
        margin-bottom: 0;
    }
}

@media screen and (max-width:650px){
    .eplay-custom-title.mkdf-elements-holder {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 0 20px;
    }

    .eplay-custom-title .eplay-rotated-image-wrapper {
        margin-bottom: 20px;
    }

    h1.eplay-custom-title {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: 9px !important;
    }

    .mkdf-content {
        padding-top: 40px !important;
    }

    .popup-form-opened header#masthead, .popup-form-opened .social-fixed-wrapper, .popup-form-opened div#scroll-top-eplay-button, .popup-form-opened div#theme-info-button {
        display: none !important;
    }

    .inner-popup-form {
        position: fixed;
        background: #fff;
        z-index: 999999;
        max-width: 100%;
        min-width: 100%;
        top: 50%;
        padding: unset;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        overflow-y: auto;
        height: 100vh;
    }

    .inner-custom-news-title img {
        display: none;
    }

    .wrapper-custom-news-title {
        padding: 50px 0;
    }
}

@media screen and (max-width:600px){
    .eplay-custom-button {
        max-width: 180px;
        min-width: 180px;
    }

    footer#colophon .second-row .etheme-subfooter {
        flex-direction: column;
    }

    footer#colophon .second-row .etheme-subfooter .subfooter-txt {
        width: 100%;
        line-height: inherit;
        margin: 5px 0;
    }
    
    .inner-footer-bck-image img {
        bottom: 50%;
        width: 70%;
    }

    nav.overlay-menu{
        background: unset !important;
    }

    .inner-header-icon.wishlist-icon img {
        max-width: 23px;
        max-height: 23px;
    }

    html.sticky-header-active header#masthead {
        box-shadow: 0px 0px 8px #ccc;
        height: 8em;
        background: #fff;
    }

    .button_container .inner-burger-txt p {
        font-size: 1.5em;
    }

    html.sticky-header-active header#masthead .main-logo-inner img {
        max-width: 15em;
        width: 15em;
        max-width: 120px;
    }

    .main-logo-inner img {
        max-width: 120px;
        width: 16em;
    }

    .left-menu-inner {
        width: 100%;
    }

    .right-menu-inner {
        width: 100%;
        height: 100%;
    }

    .mkdf-pl-trio-info-bottom-hover {
        margin-bottom: 100px !important;
    }

    .clm-three-section-eplay img {
        max-width: 80%;
        margin-bottom: 20px !important;
    }

    .header-first-row .middle-element .et-icon-wrapper.header-icon, .header-first-row .middle-element .et-icon-wrapper.header-icon svg, .eplay-mobile-menu .inner-header-menu svg{
        max-width: 20px;
    }

    .button_container{
        max-width: 64px;
        max-height: 23px;
    }

    .button_container span{
        max-height: 1.50px;
        max-width: 23px;
    }

    header#masthead{
        max-height: 60px;
    }

    .eplay-assistence-box-inner .eplay-assistence-item {
        width: 50%;
    }

    .custom-btn-row-direction .wpb_wrapper {
        flex-direction: column;
    }

    .row-double-btn .vc_col-sm-6 {
        margin: 20px 0 !important;
    }
}

@media screen and (max-width:550px){
    .eplay-custom-button-wrapper a:hover .eplay-custom-button {
        background-color: #6A9F9F !important;
        max-width: 180px;
        min-width: 180px;
    }

    .eas-icon-column {
        width: calc(50% - 20px);
    }

    .eas-inner{
        max-width: 100%;
    }

    .form-style-eplay {
        margin: 30px 0;
        padding: 40px 10px;
    }

    .custom-img-b2c-final-row {
        margin-top: unset;
        position: relative;
        bottom: unset;
    }

    #theme-info-button, div#scroll-top-eplay-button{
        right: 10px;
    }

    .row-single-img-sposi {

        top: 0;
    }
}

@media screen and (max-width:500px){
    .middle-element.left .middle-element-inner {
        margin-left: 2em;
    }

    .middle-element.right .middle-element-inner {
        margin-right: 2em;
    }

    .inner-footer-menu-overlay p {
        font-size: 1.5em;
    }

    .wrapper-newsletter-subscription {
        padding: 50px 20px 90px 20px;
        background-color: #E1DACE;
    }
    
    .clm-left-nws.clm-nws h2 {
        font-size: 20px;
    }

    .inner-custom-news-title{
        max-width: 100%;
    }
}

@media screen and (max-width:450px){
    .swiper-scrollbar {
        width: 80%;
    }

    .inner-btn-swp {
        width: 20%;
    }

    .wrapper-custom-news-title h1 {
        font-size: 40px;
    }

    .wrapper-custom-news-title {
        padding: 35px 0;
    }
}

@media screen and (max-width:400px){
    .eas-icon-column {
        width: calc(100% - 20px);
    }

    .eas-inner {
        max-width: 90%;
    }
}


.inner-header-icon .search-box {
    display: none;
}

.inner-extra-information-section {
    display: none;
}



















/******************** ANIMAZIONI ********************/

/*.animation {
    width: 300px;
    height: 150px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80vh;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#009688), to(#CDDC39));
    background-image: linear-gradient(to bottom right, #009688, #CDDC39);
    
    -webkit-box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.2);
}*/

    /*.animation span {
        line-height: 6;
        font-size: 23px;
    }*/

/*All Animations*/
.zoom-in {
    -webkit-transform: scale(0);
    transform: scale(0);

    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.zoom-out {
    opacity:0;
    visibility: hidden;

    -webkit-transform: scale(1.8);
    transform: scale(1.8);

    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.fade-in {
    opacity:0;
    visibility: hidden;
	animation-delay: 30s;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.fade-in-right {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
	animation-delay: 4s;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.fade-in-left {
    opacity:0;
    visibility: hidden;

    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
	animation-delay: 4s;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.fade-in-up {
    opacity:0;
    visibility: hidden;

    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
}

.fade-in-down {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.rotate {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: translateY(360px);
    transform: translateY(360px);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.rotate-zoom-in {
    opacity:0;
    visibility: hidden;

    -webkit-transform: rotate(720) scale(0);
    transform: rotate(720) scale(0);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.rotate-zoom-out {
    opacity:0;
    visibility: hidden;

    -webkit-transform: rotate(720) scale(2);
    transform: rotate(720) scale(2);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.flip-up {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.flip-in-right {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: rotateX(0deg) translateX(300px);
    transform: rotateX(0deg) translateX(300px);
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.flip-in-left {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: rotateX(0deg) translateX(-300px);
    transform: rotateX(0deg) translateX(-300px);
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.flip-down-right {
    opacity:0;
    visibility: hidden;
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation: down-right 1.3s;
    animation: down-right 1.3s;    
}

.reset-down-right {
    -webkit-animation: reset-down-right 1.3s;
    animation: reset-down-right 1.3s;
}

@-webkit-keyframes fade-in-eplay {
    0% {opacity: 0;}
    50% {opacity: 50%;}    
    100% {opacity: 100%;}
}

@-webkit-keyframes fade-in-eplay-invert {
    0% {opacity: 100%;}
    50% {opacity: 50%;}    
    100% {opacity: 0;}
}

@-webkit-keyframes down-right {
    0% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
@keyframes down-right {
    0% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
 
@-webkit-keyframes reset-down-right {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
}
@keyframes reset-down-right {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
}



.flip-down-left {
    opacity:0;
    visibility: hidden;
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation: down-left 1.3s;
    animation: down-left 1.3s;    
}

.reset-down-left {
    -webkit-animation: reset-down-left 1.3s;
    animation: reset-down-left 1.3s;
}

@-webkit-keyframes down-left {
    0% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
@keyframes down-left {
    0% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
 
@-webkit-keyframes reset-down-left {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
}
@keyframes reset-down-left {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
}

.drop-bounce {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
  
@-webkit-keyframes drop {
    0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
    100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
} 
@keyframes drop {
    0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
    100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}

@-webkit-keyframes bounce {
    0%, 53%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
  
    40%, 43% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }
  
    70% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }
  
    90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}
}
@keyframes bounce {
    0%, 53%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
  
    40%, 43% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }
  
    70% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }
  
    90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}
}

@-webkit-keyframes goTop {
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    100% {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
}
@keyframes goTop {
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    100% {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
}

@keyframes eplay-animation {
    0% {
        width: 0%;
		height: 100%;
    }

    100% {
      width: 100%;
	  height: 100%;
    }
}

@keyframes eplay-invert-animation {
    0% {
        width: 100%;
    }

    100% {
      width: 0%;
    }
}

.m-first.animated{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
}
.m-second.animated{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 1s;
}
.m-third.animated{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 1.5s;
}
.m-fourth.animated{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 2s;
}
.m-fifth.animated{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 2.5s;
}
.m-sixth.animated{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 3s;
}



/********************************** FINE ANIMAZIONI *************************************/