/*
* Name:         Amata - Interior Architecture and Design
* Written by:   Doan Du
* Version:      1.0
*/

/*--------------------------------------------------------------------*
    TABLE OF CONTENTS

    I. GENERAL
        1. RESET
        2. DOCUMENT SETUP
        3. LAYOUT
        4. HEADER
        5. REVOLUTION SLIDER CUSTOM
        6. FEATURED TITLE
        7. SIDEBAR
        8. POST
        9. SINGLE POST
        10. SINGLE PROJECT
        11. PAGINATION
        12. FOOTER
        13. SCROLL TO TOP

    II. ELEMENTS
        14. ALERT BOX
        15. ICON BOX
        16. VIDEO ICON
        17. FANCY IMAGE
        18. SPECIAL HEADING
        19. BLOCK TITLE
        20. COUNTER
        21. AWARD
        22. PARALLAX BOX
        23. FLIP BOX
        24. BUTTON
        25. PROJECTS
        26. PROCESS STEPS
        27. SPLIT BOX
        28. NEWS
        29. TESTIMONIALS GROUP
        30. TESTIMONIAL
        31. BLOCK
        32. SUBSCRIBE
        33. LINK
        34. ICON TEXT
        35. ANIMATIONS
        36. PARTNER
        37. PROGRESS BAR
        38. LIST
        39. DIVIDER
        40. TEXT SCROLL
        41. TEXT TYPING
        42. MEMBER
        43. CONTACT FORM
        44. BEFORE/AFTER
        45. CALL TO ACTION
        46. ACCORDIONS
        47. TABS
        48. SLIDING BOX
        49. COUNTDOWN
        50. GALLERY
        51. IMAGE BOX
        52. GRID
        53. CAROUSEL BOX
        54. AMATA HERO
        55. FEATURED SLIDE
        56. INFO SLIDE
        57. SERVICES GROUP

*---------------------------------------------------------------------*/

/*--------------------------------------------------------------------*
    1. RESET
*---------------------------------------------------------------------*/
    html,
    body {
    	border: none;
    	margin: 0;
    	padding: 0;
    }

    html {
    	cursor: default; 
    	text-size-adjust: 100%;
    	scroll-behavior: smooth;
    }

    @media (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }
    }

    nav,
    section
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    nav,
    section {
        display: block
    }

    p,
    blockquote,
    address,
    big,
    cite,
    code,
    em,
    font,
    img,
    small,
    strike,
    sub,
    sup,
    li,
    ol,
    ul,
    fieldset,
    form,
    label,
    legend,
    button,
    table,
    caption,
    tr,
    th,
    td {
    	border: none;
    	font-size: inherit;
    	line-height: inherit;
    	margin: 0;
    	padding: 0;
    	text-align: inherit;
    }

    blockquote::before,
    blockquote::after {
    	content: "";
    }

    *,
    *:before,
    *:after {
        box-sizing: inherit;
    }

    hr {
      height: 0; 
      overflow: visible; 
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    caption,
    th,
    td {
        font-weight: normal;
        text-align: left;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    select {
        max-width: 100%
    }

    strong,
    b,
    cite {
        font-weight: bold;
    }

    dfn,
    em,
    i {
        font-style: italic;
    }

    blockquote > p:last-child {
        margin-bottom: 0;
    }

    blockquote i {
        font-style: normal;
    }

/*--------------------------------------------------------------------*
    2. DOCUMENT SETUP
*---------------------------------------------------------------------*/
    body {
        color: var(--color-gray-9);
        background-color: #fff;
        box-sizing: border-box;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }

    p {
        margin: 1em 0;
    }

    blockquote {
        font-style: italic;
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
        padding: 48px 40px 40px;
        position: relative;
        margin: 40px 0;
        background: var(--color-gray-1) url(../img/quote.svg) no-repeat calc(100% + 20px) calc(100% + 10px);
        background-size: 100px 84px;
        overflow: hidden;
    }

    blockquote:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 2px;
        height: 100%;
        background: var(--color-primary);
    }

    blockquote cite {
        font-size: 13px;
        color: var(--color-gray-11);
        letter-spacing: 1px;
        font-weight: 500;
        display: block;
        padding-left: 40px;
        margin: 16px 0 0;
        font-style: normal;
        position: relative;
    }

    blockquote cite:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 28px;
        height: 1px;
        background-color: var(--color-gray-6);
    }

    abbr {
        border-bottom: 1px dotted var(--color-gray-2);
        cursor: help;
    }

    mark,
    ins {
        text-decoration: none;
        color: #000;
        background-color: #ffff00;
    }

    sup,
    sub {
        font-size: 75%;
        height: 0;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -6px;
    }

    sub {
        bottom: -3px;
    }

    small {
        font-size: 75%;
    }

    big {
        font-size: 125%;
    }

    address {
        font-style: italic;
        margin: 0 0 20px;
    }

    code,
    kbd,
    tt,
    var {
        font-family: Inconsolata, monospace;
        font-size: 14px;
    }

    pre {
        margin: 35px 0;
        padding: 18px 15px;
        background-color: var(--color-gray-1);
        border: 1px solid var(--color-gray-2);
        overflow-x: auto;
        font-family: Inconsolata, monospace;
        hyphens: none;
        border-radius: 0;
        height: auto;
    }

    hr {
        background-color: var(--color-gray-2);
        border: 0;
        height: 1px;
    }

    /* List */
    ul,
    ol {
        padding: 0;
        margin: 0 0 20px 20px;
    }

    ul {
        list-style: disc;
    }

    ul ul {
        list-style-type: circle;
    }

    ol {
        list-style: decimal;
    }

    li > ul,
    li > ol {
        margin-bottom: 0;
    }

    ul.style-01,
    ol.style-01 {
        list-style: none;
        margin: 0;
    }

    ul.style-01 li,
    ol.style-01 li {
        padding: 10px 0;
        border-bottom: 1px solid var(--color-gray-2);
    }

    ul.style-01 li:last-child,
    ol.style-01 li:last-child {
        border-bottom: 0;
    }

    dl,
    dd {
        margin: 0 0 20px;
    }

    dt {
        font-weight: bold;
    }

    del {
        opacity: 0.5;
    }

    /* Table */
    table,
    th,
    td {
        border: 1px solid var(--color-gray-2);
    }

    table {
        border-collapse: separate;
        border-spacing: 0;
        border-width: 1px 0 0 1px;
        margin: 0 0 30px;
        table-layout: fixed;
        width: 100%;
    }

    caption,
    th,
    td {
        font-weight: normal;
        text-align: left;
    }

    th {
        border-width: 0 1px 1px 0;
        font-weight: bold;
    }

    td {
        border-width: 0 1px 1px 0;
    }

    th,
    td {
        padding: 8px 12px;
    }

    /* Media */
    embed,
    iframe,
    object,
    video {
        margin-bottom: 20px;
        max-width: 100%;
        vertical-align: middle;
    }

    p > embed,
    p > iframe,
    p > object,
    p > video {
        margin-bottom: 0;
    }

    /* Text meant only for screen readers */
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    .screen-reader-text:focus {
        background-color: var(--color-gray-1);
        box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.7);
        clip: auto !important;
        color: var(--color-gray-13);
        display: block;
        width: auto;
        height: auto;
        left: 5px;
        top: 5px;
        line-height: normal;
        padding: 16px 24px 14px;
        text-decoration: none;
        z-index: 100000;
    }

    /* Forms */
    button,
    input {
        line-height: normal;
    }

    button,
    input,
    select,
    textarea {
        font-size: 100%;
        line-height: inherit;
        vertical-align: baseline;
    }

    .widget select {
        width: 100%;
    }

    input,
    textarea {
        font-size: 1em;
        max-width: 100%;
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    }

    textarea {
        overflow: auto;
        vertical-align: top;
    }

    input[type="checkbox"] {
        display: inline;
    }

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        border: 0;
    }

    input[type="checkbox"],
    input[type="radio"] {
        padding: 0;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
    }

    input[type="search"]:-webkit-search-decoration {
        -webkit-appearance: none;
    }

    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

    button:-moz-focus-inner,
    input:-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px var(--color-gray-1) inset
    }

    input[type="search"] {
        outline: 0
    }

    input[type="search"]:-webkit-search-decoration,
    input[type="search"]:-webkit-search-cancel-button,
    input[type="search"]:-webkit-search-results-button,
    input[type="search"]:-webkit-search-results-decoration {
        display: none
    }

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"] {
        color: var(--color-gray-9);
        border: 1px solid var(--color-gray-2);
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        width: 100%;
        text-shadow: none;
        box-shadow: none;
        box-sizing: border-box;
        margin: 0 0 12px 0;
        transition: all 0.3s ease;
    }

    select {
        width: 100%;
        padding: 0 24px;
        height: 50px;
        line-height: 50px;
        margin: 0 0 12px 0;
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='gray'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
        background-size: 10px;
        background-position: calc(100% - 14px) 52%;
        background-repeat: no-repeat;
        -webkit-appearance: none;
    }

    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus {
        border-color: var(--color-gray-4);
        outline: 0;
        box-shadow: none;
    }

    .button,
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #fff;
        background-color: var(--color-primary);
        padding: 0 32px;
        line-height: 48px;
        display: inline-block;
        -webkit-appearance: none;
        transition: all 0.3s ease;
    }

    .button:hover,
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    .button:focus,
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus {
        outline: 0;
        color: #fff;
        background-color: var(--color-gray-13);
    }

    /* Placeholder */
    ::placeholder {
        color: var(--color-gray-6);
        opacity: 1;
    }

    :-ms-input-placeholder {
        color: var(--color-gray-6);
    }

    ::-ms-input-placeholder {
        color: var(--color-gray-6);
    }

    /* Links */
    a {
        color: var(--color-primary);
        outline: 0;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    a:hover,
    a:focus,
    a:active {
        color: var(--color-gray-15);
        outline: 0;
        text-decoration: none
    }

    h1, h2, h3, h4, h5, h6 {
        color: var(--color-gray-15);
    }

    h1 { font-size: 36px; line-height: 1.278; margin-top: 0; margin-bottom: 0; }
    h2 { font-size: 32px; line-height: 1.312; margin-top: 0; margin-bottom: 0; }
    h3 { font-size: 30px; line-height: 1.334; margin-top: 0; margin-bottom: 0; }
    h4 { font-size: 26px; line-height: 1.385; margin-top: 0; margin-bottom: 0; }
    h5 { font-size: 24px; line-height: 1.417; margin-top: 0; margin-bottom: 0; }
    h6 { font-size: 18px; line-height: 1.556; margin-top: 0; margin-bottom: 0; }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a,
    .headline-1 a,
    .headline-2 a,
    .headline-3 a,
    .headline-4 a,
    .headline-5 a,
    .headline-6 a { 
        color: inherit;
    }

/*--------------------------------------------------------------------*
    3. LAYOUT
*---------------------------------------------------------------------*/
    #page { background-color: #fff; }
    #main-content { padding: 100px 0; }

    /* Sidebar right */
    #site-content { float: left; width: 65.812% }
    #sidebar { float: right; width: 28.206% }

    /* Sidebar left */
    .sidebar-left #site-content { float: right; }
    .sidebar-left #sidebar { float: left; }

    /* No sidebar */
    .no-sidebar #site-content { width: 100% !important; max-width: none !important; float: none !important; }

    @media (min-width: 1230px) {
    	.container-1200px { max-width: 1200px; }
    }
    @media (min-width: 1230px) {
        .container-1300px { max-width: 1300px; }
    }
    @media (min-width: 1230px) {
        .container-1400px { max-width: 1400px; }
    }
    @media (min-width: 1230px) {
        .container-1500px { max-width: 1500px; }
    }
    @media (min-width: 1230px) {
        .container-1600px { max-width: 1600px; }
    }
    @media (min-width: 1230px) {
        .container-1700px { max-width: 1700px; }
    }

    @media (max-width: 767px) {
        #site-content,
        #sidebar { float: none; width: 100%; }
        #sidebar { margin-top: 60px; }
    }

/*--------------------------------------------------------------------*
    4. HEADER
*---------------------------------------------------------------------*/
    .logo-site { transition: all 0.3s ease; }
    .extra-items,
    .extra-nav,
    .menu-site { display: flex; align-items: center; }

    /* Menu */
    #main-nav ul { margin: 0; list-style: none; }
    #main-nav ul li { position: relative; }
    #main-nav > ul > li { float: left; }
    #main-nav > ul > li > a { display: inline-block; margin: 0 14px; letter-spacing: 0.5px; }
    #main-nav > ul > li > a:not([href]) { cursor: pointer; }
    #main-nav > ul > li > a > span { position: relative; }

    /* Sub menu */
    #main-nav .sub-menu { padding: 18px 0; background-color: var(--color-gray-15); position: absolute; left: 0; top: 100%; width: 240px; transform: translateY(5px); opacity: 0; visibility: hidden; z-index: 300; transition: all 0.3s ease; }
    #main-nav .sub-menu .sub-menu { left: 100%; top: -18px; transform: translateX(5px); }
    #main-nav .sub-menu li a { font-size: 13px; text-transform: uppercase; padding: 3px 24px; color: var(--color-gray-7); display: block; }
    #main-nav .sub-menu li:first-child > a { border: 0; }
    #main-nav .sub-menu li a:hover { color: #fff; }
    #main-nav li:hover > .sub-menu { transform: translateY(0); opacity: 1; visibility: visible; transition: all 0.3s ease; }

    /* Mega menu */
    #main-nav li.megamenu { position: inherit; }
    #main-nav li.megamenu a { padding-left: 0; padding-right: 0; }
    #main-nav li.megamenu ul.sub-menu { display: flex; background-color: transparent; z-index: 300; }
    #main-nav li.megamenu > ul.sub-menu ul.sub-menu { transition: none; transform: none; padding: 0; }
    #main-nav li.megamenu ul.sub-menu li.has-children > a:after { display: none; }
    #main-nav li.megamenu > ul.sub-menu { width: 100%; left: 0; right: auto; border-radius: 0; background-color: var(--color-gray-15); padding: 37px 0 44px 0; }
    #main-nav li.megamenu > ul.sub-menu > li { display: block; float: left; width: 100%; border-right: 1px solid rgba(255,255,255,0.07); }
    #main-nav li.megamenu > ul.sub-menu > li:last-child { border: 0; }
    #main-nav li.megamenu.cols-3 > ul.sub-menu > li { width: 26.333%; margin-left: 7%; }
    #main-nav li.megamenu.cols-3 > ul.sub-menu > li:nth-child(3) { clear: both; }
    #main-nav li.megamenu.cols-4 > ul.sub-menu > li { width: 19%; margin-left: 6%; }
    #main-nav li.megamenu.cols-4 > ul.sub-menu > li:nth-child(4) { clear: both; }
    #main-nav li.megamenu.cols-5 > ul.sub-menu > li { width: 16%; margin-left: 4%; }
    #main-nav li.megamenu.cols-5 > ul.sub-menu > li:nth-child(5) { clear: both; }
    #main-nav li.megamenu > ul.sub-menu > li ul { display: block !important; top: auto !important; width: 100% !important; min-width: 0 !important; left: auto !important; position: relative !important; border: none !important; padding: 0 !important; box-shadow: none !important; }
    #main-nav li.megamenu > ul.sub-menu > .has-children > a > span { display: inline-block; position: relative; font-size: 14px; letter-spacing: 0.5px; color: var(--color-gray-2); padding-bottom: 5px; margin-bottom: 17px; }
    #main-nav li.megamenu > ul.sub-menu > .has-children > a > span:before { content: "";  position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background-color: var(--color-primary); }
    #main-nav li.megamenu:hover ul li ul { opacity: 1; visibility: visible; }

    /* Extra menu */
    .cart-icon { padding: 18px 0; position: relative; transition: all 0.3s ease; }
    .cart-icon .cart-trigger { position: relative; display: block; text-align: center; width: 34px; height: 24px; line-height: 24px; }
    .cart-icon-svg { display: inline-block; position: absolute; left: 0; top: -2px; width: 24px; height: 24px; line-height: 24px; transition: all 0.3s ease; }
    .cart-icon .cart-count { position: absolute; right: 0; top: -4px; width: 16px; height: 16px; line-height: 16px; font-size: 11px; font-weight: 500; display: block; border-radius: 50%; text-align: center; color: #fff; z-index: 9999; }
    .cart-icon .cart-nav { width: 300px; opacity: 0; visibility: hidden; margin-top: 5px; position: absolute; right: 0; top: 100%; z-index: 9999; background-color: #fff; padding: 8px 20px; box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }
    .cart-icon .cart-nav > span { font-size: 15px; }
    .cart-icon:hover .cart-nav { margin: 0; opacity: 1; visibility: visible; transition: all 0.3s ease; }
    
    .search-icon { position: relative; transition: all 0.3s ease; }
    .search-icon .search-trigger { position: relative; display: block; text-align: center; width: 24px; height: 24px; line-height: 24px; }
    .search-icon-svg { display: inline-block; position: absolute; left: 0; top: -1px; width: 24px; height: 24px; line-height: 24px; transition: all 0.3s ease; }

    .burger-extra-menu-icon { position: relative; transition: all 0.3s ease; }
    .burger-extra-menu-icon .burger-extra-menu-trigger { position: relative; display: block; text-align: center; width: 24px; height: 24px; line-height: 24px; }
    .burger-extra-menu-svg { display: inline-block; position: absolute; left: 0; top: -2px; width: 24px; height: 24px; line-height: 24px; transition: all 0.3s ease; }

    /* Header height */
    .header-site.menu-height-60px #main-nav > ul > li > a { line-height: 60px; }
    .header-site.menu-height-70px #main-nav > ul > li > a { line-height: 70px; }
    .header-site.menu-height-80px #main-nav > ul > li > a { line-height: 80px; }
    .header-site.menu-height-90px #main-nav > ul > li > a { line-height: 90px; }
    .header-site.menu-height-100px #main-nav > ul > li > a { line-height: 100px; }

    /* Header float */
    .header-site.float-yes .header-wrap { position: absolute; left: 0; top: 0; width: 100%; z-index: 500; }

    /* Header fixed */
    .header-site .header-wrap.is-fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 99999; transition: background ease 0.3s; }
    .header-site.float-yes .header-wrap.is-fixed { background-color: #044A4F; }
    .header-site.float-no .header-wrap.is-fixed { background-color: rgba(255,255,255,0.85); box-shadow: 0 5px 30px rgb(0,0,0,0.07); }

    /* Menu text light */
    .header-site.menu-text-light #main-nav > ul > li > a { color: var(--color-gray-1); }
    .header-site.menu-text-light #main-nav > ul > li > a:hover { color: #fff; }
    .header-site.menu-text-light #main-nav > ul > li > a > span:before { background-color: #fff; }
    .header-site.menu-text-light #main-nav > ul > li.current > a, 
    .header-site.menu-text-light #main-nav > ul > li.current-parent > a,
    .header-site.menu-text-light #main-nav > ul > li > a:hover { color: #fff; }
    .header-site.menu-text-light.menu-style-3 #main-nav > ul > li > a:after { background-color: var(--color-gray-6); }
    .header-site.menu-text-light.menu-style-4 .menu-site #main-nav > ul > li > a:after { color: var(--color-gray-6); }
    
    .header-site.menu-text-light .cart-icon-svg,
    .header-site.menu-text-light .search-icon-svg,
    .header-site.menu-text-light .burger-extra-menu-svg { fill: none; stroke: #fff; stroke-width: 1.5px; }
    .header-site.menu-text-light .cart-icon-svg:hover,
    .header-site.menu-text-light .search-icon-svg:hover,
    .header-site.menu-text-light .burger-extra-menu-svg:hover { stroke: #fff; }

    /* Menu text dark */
    .header-site.menu-text-dark #main-nav > ul > li > a { color: var(--color-gray-15); }
    .header-site.menu-text-dark #main-nav > ul > li > a:hover { color: var(--color-gray-10); }
    .header-site.menu-text-dark #main-nav > ul > li > a > span:before { background-color: var(--color-gray-3); }
    .header-site.menu-text-dark #main-nav > ul > li.current > a, 
    .header-site.menu-text-dark #main-nav > ul > li.current-parent > a { color: var(--color-gray-10); }
    .header-site.menu-text-dark.menu-style-3 #main-nav > ul > li > a:after { background-color: var(--color-gray-4); }
    .header-site.menu-text-dark.menu-style-4 .menu-site #main-nav > ul > li > a:after { color: var(--color-gray-4); }

    .header-site.menu-text-dark .cart-icon-svg,
    .header-site.menu-text-dark .search-icon-svg,
    .header-site.menu-text-dark .burger-extra-menu-svg { fill:none; stroke: var(--color-gray-16); stroke-width: 1.5px; }
    .header-site.menu-text-dark .cart-icon-svg:hover,
    .header-site.menu-text-dark .search-icon-svg:hover,
    .header-site.menu-text-dark .burger-extra-menu-svg:hover { stroke: var(--color-primary); }

    /* Menu style */
    .header-site.menu-style-1 .menu-site #main-nav > ul > li > a { display: block; font-size: 13px; text-transform: uppercase; }
    .header-site.menu-style-1 .menu-site #main-nav > ul > li.has-children > a > span { padding-right: 12px; }
    .header-site.menu-style-1 .menu-site #main-nav > ul > li.has-children > a > span:after { position: absolute; right: 0; top: 3px; content: "\f107"; font-family: "Font Awesome 5 Pro"; font-size: 10px; line-height: 1; font-weight: 400; }
    .header-site.menu-style-1 .menu-site #main-nav .sub-menu li.has-children > a:after { right: 20px; line-height: normal; font-weight: normal; content: "\f105"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; transform: translateY(-50%); }

    .header-site.menu-style-2 .menu-site #main-nav > ul > li > a { padding-right: 12px; display: block; font-size: 13px; position: relative; text-transform: uppercase; }
    .header-site.menu-style-2 .menu-site #main-nav > ul > li > a:after { position: absolute; right: -8px; top: 50%; margin-top: -2px; content: ""; width: 3px; height: 3px; }
    .header-site.menu-style-2 .menu-site #main-nav > ul > li:last-child > a:after { display: none; }

    .header-site.menu-style-3 .menu-site #main-nav > ul > li > a { padding-right: 12px; display: block; font-size: 13px; position: relative; text-transform: uppercase; }
    .header-site.menu-style-3 .menu-site #main-nav > ul > li > a:after { position: absolute; right: -8px; top: 50%; margin-top: -2px; content: ""; width: 3px; height: 3px; }
    .header-site.menu-style-3 .menu-site #main-nav > ul > li:last-child > a:after { display: none; }

    .header-site.menu-style-4 .menu-site #main-nav > ul > li > a { padding-right: 10px; display: block; font-size: 13px; position: relative; text-transform: uppercase; }
    .header-site.menu-style-4 .menu-site #main-nav > ul > li > a:after { position: absolute; right: -11px; top: 0; content: "/"; font-size: 9px }
    .header-site.menu-style-4 .menu-site #main-nav > ul > li:last-child > a:after { display: none; }

    .header-site.menu-style-5 .menu-site #main-nav > ul > li > a { margin: 0 16px; }
    .header-site.menu-style-5 .menu-site #main-nav > ul > li > a { padding-right: 6px; display: block; font-size: 13px; position: relative; text-transform: uppercase; }
    .header-site.menu-style-5 .menu-site #main-nav > ul > li > a:after { position: absolute; right: -8px; top: 0; content: "+"; font-size: 10px }
    .header-site.menu-style-5 .menu-site #main-nav > ul > li:last-child > a:after { display: none; }

    /* Menu position */
    .header-site.item-position-1 .header-body-inner { display: flex; justify-content: space-between; align-items: center; }

    .header-site.item-position-2 .header-body-inner { display: flex; justify-content: flex-start; align-items: center; }
    .header-site.item-position-2 .extra-items { margin-left: auto; }
    .header-site.item-position-2 .menu-site { margin-left: 60px; }

    /* Menu current Item */
    .header-site.menu-current-style-1 .menu-site #main-nav > ul > li > a > span:before { content: ""; width: 0; height: 1px; position: absolute; right: 0; bottom: -2px; transition: width 0.4s cubic-bezier(.15,.75,.5,1) 0s; }
    .header-site.menu-current-style-1 .menu-site #main-nav > ul > li:hover > a > span:before { width: 100%; left: 0; }
    .header-site.menu-current-style-1 .menu-site #main-nav > ul > li.current > a > span:before,
    .header-site.menu-current-style-1 .menu-site #main-nav > ul > li:hover > a > span:before { width: 100%; left: 0; }

    .header-site.menu-current-style-2 .menu-site #main-nav > ul > li > a > span { padding-bottom: 4px; }
    .header-site.menu-current-style-2 .menu-site #main-nav > ul > li > a > span:before { background-color: var(--color-primary); content: ""; transform: scale(0); width: 100%; height: 2px; position: absolute; right: 0; bottom: 0; transition: transform 0.4s cubic-bezier(.15,.75,.5,1) 0s; }
    .header-site.menu-current-style-2 .menu-site #main-nav > ul > li.current > a > span:before,
    .header-site.menu-current-style-2 .menu-site #main-nav > ul > li:hover > a > span:before { transform: scale(1); }
    .header-site.menu-current-style-2 .menu-site #main-nav > ul > li > a > span:before { background-color: var(--color-primary); }

    /* Mobile menu */
    #main-nav-mobi { display: block; position: fixed; top: 0; left: -300px; height: 100%; z-index: 999999; width: 300px; max-width: calc(100% - 80px); padding-bottom: 50px; overflow-x: hidden; overflow-y: auto; color: #fff; background-color: var(--color-gray-15); -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-overflow-scrolling: touch; }

    #main-nav-mobi::-webkit-scrollbar-track { background-color: var(--color-gray-11); }
    #main-nav-mobi::-webkit-scrollbar { width: 6px; background-color: var(--color-gray-6); }
    #main-nav-mobi::-webkit-scrollbar-thumb { border-radius: 6px; background-color: var(--color-gray-6); }
    .mobi-overlay { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99999; transition: all 0.3s ease; }
    .mobi-overlay.show { opacity: 1; visibility: visible; }
    html.disable-scroll { overflow-y: hidden; }

    #main-nav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; }
    #main-nav-mobi ul li { margin: 0; position: relative; cursor: pointer; border-top: 1px solid rgba(255, 255, 255, 0.07); }
    #main-nav-mobi ul li a { color: var(--color-gray-2); display: block; font-size: 14px; font-weight: 500; line-height: 50px; padding: 0 50px 0 32px; }
    #main-nav-mobi ul > li > a:hover { opacity: 0.7; }
    #main-nav-mobi > ul > li li a { padding-left: 40px; }
    #main-nav-mobi > ul > li li li a { padding-left: 48px; }
    #main-nav-mobi .has-children .arrow { position: absolute; right: 0; top: 0; cursor: pointer; display: inline-block; font-family: "Pe-icon-7-stroke"; font-size: 28px; width: 50px; line-height: 50px; text-align: center; color: var(--color-gray-2); transition: all 0.3s ease; }
    #main-nav-mobi .has-children .arrow:hover { opacity: 0.7; }
    #main-nav-mobi .has-children .arrow:before { content: "\e688"; }
    #main-nav-mobi .has-children .arrow.active:before { content: "\e684"; }
    #main-nav-mobi ul ul { background-color: rgba(255, 255, 255, 0.02); }

    /* Mobile menu extra */
    .mobi-nav-extra { display: none; }
    #main-nav-mobi .mobi-logo a { display: inline-block; padding: 0; margin: 28px 22px 28px 32px; line-height: normal; }

    /* Burger menu icon */
    .burger-menu-icon { width: 24px; height: 14px; margin: 28px 0; display: none; position: relative; background: transparent; cursor: pointer; transition: all ease 0.3s; }

    .burger-menu-icon.color-dark:before,
    .burger-menu-icon.color-dark:after,
    .burger-menu-icon.color-dark span { background-color: var(--color-gray-15); transition: all 0.3s ease; }

    .burger-menu-icon.color-light:before,
    .burger-menu-icon.color-light:after,
    .burger-menu-icon.color-light span { background-color: #fff; transition: all 0.3s ease; }

    .burger-menu-icon:before,
    .burger-menu-icon:after { content: ""; position: absolute; top: 0; height: 2px; width: 20px; left: 0; top: 50%; transform-origin: 50% 50%; }
    .burger-menu-icon:before {transform: translate3d(0, -7px, 0); }
    .burger-menu-icon:after { transform: translate3d(0, 5px, 0); }

    .burger-menu-icon span { position: absolute; width: 24px; height: 2px; border-radius: 2px; left: 0; top: 50%; margin-top: -1px; overflow: hidden; text-indent: 200%; }
    .burger-menu-icon:hover span,
    .burger-menu-icon:hover:before,
    .burger-menu-icon:hover:after { opacity: 0.7; width: 24px; }

    @media only screen and (max-width: 1200px) {
        .extra-items { display: none; }
    }

    @media only screen and (max-width: 991px) {
        .menu-site,
        .extra-nav { display: none; }

        .burger-menu-icon { display: block; }
    }

/*--------------------------------------------------------------------*
    5. REVOLUTION SLIDER CUSTOM
*---------------------------------------------------------------------*/
    .amata-rev-slider.arrow-style-1 .custom.tparrows { background-color: rgba(0,0,0,0.3); width: 44px; height: 44px; transition: background 0.3s ease; }
    .amata-rev-slider.arrow-style-1 .custom.tparrows:before { width: 100%; height: 100%; line-height: 44px; text-align: center; font-family: 'Pe-icon-7-stroke'; content: "\e686"; font-size: 38px; transition: all 0.3s ease; }
    .amata-rev-slider.arrow-style-1 .custom.tparrows.tp-rightarrow:before { content: "\e684"; }
    .amata-rev-slider.arrow-style-1 .custom.tparrows:hover { background-color: rgba(0,0,0,0.6); }
    .amata-rev-slider.arrow-style-2 .custom.tparrows { background-color: transparent; border: 0; }
    .amata-rev-slider.arrow-style-2 .custom.tparrows:before { font-family: 'Pe-icon-7-stroke'; content: "\e686"; font-size: 50px; transition: all 0.3s ease; }
    .amata-rev-slider.arrow-style-2 .custom.tparrows.tp-rightarrow:before { content: "\e684"; }
    .amata-rev-slider.arrow-style-2 .custom.tparrows:hover:before { transform: translateX(-5px); }
    .amata-rev-slider.arrow-style-2 .custom.tparrows.tp-rightarrow:hover:before { transform: translateX(5px); }

    .amata-rev-slider .custom .tp-bullet { width: 8px; height: 8px; background-color: transparent; border: 2px solid #fff; border-radius: 50%; transition: border 0.3s ease; }
    .amata-rev-slider .custom .tp-bullet.selected { background-color: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.6); }

/*--------------------------------------------------------------------*
    6. FEATURED TITLE
*---------------------------------------------------------------------*/
    #featured-title { background: var(--color-gray-13) url("../img/gelami_preparati_gelato_made_in_italy/sede_azienda_gelami_conversano_preparati_gelato.jpg") no-repeat center center; background-size: cover; text-align: center; padding: 245px 0 177px; }
    #featured-title .main-title { font-size: 44px; line-height: 56px; margin-bottom: 16px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a,
    #breadcrumbs span { position: relative; color: var(--color-gray-2); padding: 0 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a:hover { color: rgba(255,255,255,0.6); }
    #breadcrumbs a:after { background-color: var(--color-primary); position: absolute; bottom: 5px; right: -4px; content: ""; width: 4px; height: 4px; border-radius: 2px; }
    @media (max-width: 991px) {
        #featured-title .main-title { font-size: 36px; }
    }


	#featured-title1 { background: var(--color-gray-13) url("../img/gelami_preparati_gelato_made_in_italy/Gelami-Lab-laboratorio_gelato_personalizzato.jpg") no-repeat center center; background-size: cover; text-align: center; padding: 245px 0 177px; }
	#featured-title1 .main-title { font-size: 44px; line-height: 56px; margin-bottom: 16px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a,
    #breadcrumbs span { position: relative; color: var(--color-gray-2); padding: 0 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a:hover { color: rgba(255,255,255,0.6); }
    #breadcrumbs a:after { background-color: var(--color-primary); position: absolute; bottom: 5px; right: -4px; content: ""; width: 4px; height: 4px; border-radius: 2px; }
    @media (max-width: 991px) {
        #featured-title1 .main-title { font-size: 36px; }
    }

	#featured-title2 { background: var(--color-gray-13) url("../img/gelami_preparati_gelato_made_in_italy/contatti_gelami_conversano_preparati_per_gelateria.jpg") no-repeat center center; background-size: cover; text-align: center; padding: 245px 0 177px; }
	#featured-title2 .main-title { font-size: 44px; line-height: 56px; margin-bottom: 16px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a,
    #breadcrumbs span { position: relative; color: var(--color-gray-2); padding: 0 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a:hover { color: rgba(255,255,255,0.6); }
    #breadcrumbs a:after { background-color: var(--color-primary); position: absolute; bottom: 5px; right: -4px; content: ""; width: 4px; height: 4px; border-radius: 2px; }
    @media (max-width: 991px) {
        #featured-title2 .main-title { font-size: 36px; }
    }

	#featured-title3 { background: var(--color-gray-13) url("../img/gelami_preparati_gelato_made_in_italy/catalogo_prodotti_gelami_basi_gelateria1.jpg") no-repeat center center; background-size: cover; text-align: center; padding: 245px 0 177px; }
	#featured-title3 .main-title { font-size: 44px; line-height: 56px; margin-bottom: 16px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a,
    #breadcrumbs span { position: relative; color: var(--color-gray-2); padding: 0 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
    #breadcrumbs a:hover { color: rgba(255,255,255,0.6); }
    #breadcrumbs a:after { background-color: var(--color-primary); position: absolute; bottom: 5px; right: -4px; content: ""; width: 4px; height: 4px; border-radius: 2px; }
    @media (max-width: 991px) {
        #featured-title2 .main-title { font-size: 36px; }
    }


/*--------------------------------------------------------------------*
    7. SIDEBAR
*---------------------------------------------------------------------*/
    #sidebar .widget { margin-bottom: 64px; }
    #sidebar .widget:last-child { margin-bottom: 0; }
    #sidebar .widget .widget-title { font-size: 20px; margin-bottom: 30px; }

    /* Widget search */
    .widget.widget-search .search-form { position: relative; }
    .widget.widget-search .search-form .search-field { height: 52px; line-height: 52px; padding: 0 100px 0 24px; margin: 0; }
    .widget.widget-search .search-form .search-submit { position: absolute; top: 0; right: 0; width: 52px; height: 52px; text-align: center; background-color: transparent !important; text-indent: -9999px; padding: 0; }
    .widget.widget-search .search-form .search-submit:after { color: var(--color-primary); position: absolute; top: 0; left: 0; width: 52px; height: 52px; line-height: 52px; font-family: "Font Awesome 5 Pro"; content: '\f002'; font-size: 16px; text-indent: 0px; transition: color 0.3s ease; }
    .widget.widget-search .search-form .search-submit:hover:after { color: var(--color-gray-13); }

    /* Widget category */
    .widget.widget-categories ul { margin: -12px 0 0 0; }
    .widget.widget-categories ul li { list-style: none; }
    .widget.widget-categories .cat-item { position: relative; color: var(--color-gray-9); font-size: 15px; font-weight: 500; padding: 13px 0 13px 16px; border-bottom: 1px solid var(--color-gray-1); transition: all 0.3s ease; }
    .widget.widget-categories .cat-item:last-child { padding-bottom: 0; border: none; }
    .widget.widget-categories .cat-item:after { position: absolute; top: 13px; left: 0; font-family: "Font Awesome 5 Pro"; content: '\f105'; font-size: 15px; color: var(--color-gray-4); }
    .widget.widget-categories .cat-item a,
    .widget.widget-categories .cat-item span { color: inherit; display: inline-block; }
    .widget.widget-categories .cat-item span { float: right; color: var(--color-gray-6); }
    .widget.widget-categories .cat-item a:hover { color: var(--color-primary); }

    /* Widget recent Post */
    .widget.widget-recent-post ul { margin: 0; }
    .widget.widget-recent-post ul li { list-style: none; }
    .widget.widget-recent-post .post { position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--color-gray-2); }
    .widget.widget-recent-post .post:last-child { padding-bottom: 0; margin-bottom: 0; border: none; }
    .widget.widget-recent-post .post > .thumb { position: absolute; top: 0; left: 0; width: 80px; height: 80px; }
    .widget.widget-recent-post .post > .text { padding-left: 100px; }
    .widget.widget-recent-post .post > .text .post-title { color: var(--color-gray-12); font-size: 16px; line-height: 24px; }
    .widget.widget-recent-post .post > .text .post-date { display: inline-block; color: var(--color-gray-7); font-size: 12px; line-height: 26px; letter-spacing: 0.5px; }
    @media (max-width: 991px) {
        .widget.widget-recent-post .post > .thumb { position: static; }
        .widget.widget-recent-post .post > .text { padding: 16px 0 0 0; }
    }

/*--------------------------------------------------------------------*
    8. POST
*---------------------------------------------------------------------*/
    .post { margin-bottom: 52px; padding-bottom: 36px; border-bottom: 1px solid var(--color-gray-2); }
    .post .post-media { margin-bottom: 38px; }
    .post .post-title { font-size: 28px; margin: 0 0 8px; }
    .post .post-title a:hover { color: var(--color-primary); }
    .post .post-meta { margin-bottom: 20px; }
    .post .post-meta { color: var(--color-gray-7); font-size: 12px; line-height: 26px; letter-spacing: 0.5px; }
    .post .post-meta > span { position: relative; display: inline-block; padding-left: 22px; margin-right: 16px; }
    .post .post-meta > span:before { color: var(--color-primary); content: "\f017"; font-family: "Font Awesome 5 Pro"; font-size: 13px; line-height: 1; font-weight: 400; position: absolute; left: 0; top: 6px; }
    .post .post-meta > span a { color: inherit; }
    .post .post-meta > span a:hover { color: var(--color-gray-15); }
    .post .post-meta .post-by-author:before { content: '\f007'; }
    .post .post-meta .post-comment:before { content: '\f086'; }
    .post .post-meta .post-category:before { content: '\f07c'; }
    .post .post-content { margin: 0 0 28px; }
    .post .post-content > p:first-child { margin-top: 0; }
    .post .post-content > p:last-child { margin-bottom: 0; }

    @media (max-width: 767px) {
        .post .post-title { font-size: 24px; }
    }

/*--------------------------------------------------------------------*
    9. SINGLE POST
*---------------------------------------------------------------------*/
    .is-single-post .post { border: none; padding: 0; margin: 0; }
    .is-single-post .post .tag-and-share {padding-top: 16px; }
    .is-single-post .post .post-tags { float: right; }
    .is-single-post .post .post-tags a { display: inline-block; font-size: 12px; line-height: 32px; font-weight: 500; letter-spacing: 0.5px; color: var(--color-gray-9); border: 1px solid var(--color-gray-2); padding: 0 20px; margin-right: 2px; transition: all 0.3s ease; }
    .is-single-post .post .post-tags a:hover { color: #fff; background-color: var(--color-primary); border-color: var(--color-primary); }
    .is-single-post .post .post-sharing { float: left; }
    .is-single-post .post .post-sharing > a { display: inline-block; text-align: center; font-size: 12px; width: 34px; height: 34px; line-height: 32px; color: var(--color-gray-7); border-radius: 50%; border: 1px solid var(--color-gray-2); margin-right: 3px; transition: all 0.3s ease; }
    .is-single-post .post .post-sharing > a.active,
    .is-single-post .post .post-sharing > a:hover { color: #fff; background-color: var(--color-primary); border-color: var(--color-primary); }
    .is-single-post .post .post-author { position: relative; margin-top: 68px; padding: 60px 40px 0 0; border-top: 1px solid var(--color-gray-2); }
    .is-single-post .post .post-author .gravatar { margin-top: 4px; float: left; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; }
    .is-single-post .post .post-author .info-wrap { padding-left: 140px; }
    .is-single-post .post .post-author .author-name { font-size: 18px; line-height: 30px; margin-bottom: 8px; }
    .is-single-post .post .post-author .desc { font-size: 15px; }
    .is-single-post .post .post-author .social-icons { margin-top: 18px; }
    .is-single-post .post .post-author .social-icons a { display: inline-block; text-align: center; color: var(--color-gray-7); font-size: 14px; margin-right: 12px; transition: all 0.3s ease; }
    .is-single-post .post .post-author .social-icons a:hover { color: var(--color-primary); }
    @media (max-width: 767px) {
        .is-single-post .post .post-author .gravatar { float: none; margin: 0; width: 76px; height: 76px; }
        .is-single-post .post .post-author .info-wrap { padding: 20px 0 0 0; }
    }

    /* Comments list */
    #comments { padding-top: 62px; margin-top: 48px; border-top: 1px solid var(--color-gray-2); }
    #comments .comment-title { font-size: 20px; line-height: 30px; margin-bottom: 36px; }
    #comments .comment-list { list-style: none; margin: 0; }
    #comments .comment-list .children { list-style: none; margin: 0; }
    #comments .comment-list .children > li { position: relative; margin-left: 36px; }
    #comments .comment-list .comment { position: relative; }
    #comments .comment-list .bypostauthor > article { border-color: var(--color-gray-2); background-color: var(--color-gray-1); }
    #comments .comment-list article { position: relative; list-style: none; position: relative; overflow: hidden; padding: 37px 36px 40px; margin-bottom: 24px; border: 1px solid var(--color-gray-2); }
    #comments .comment-list article + .comment-respond { margin-bottom: 50px; }
    #comments .comment-list .comment .gravatar { float: left; margin: 3px 24px 0 0; width: 72px; height: 72px; border-radius: 50%; overflow: hidden; }
    #comments .comment-list .comment .comment-content { padding-right: 72px; }
    #comments .comment-list .comment .gravatar img { width: 100%; height: auto; }
    #comments .comment-list .comment-content { overflow: hidden; }

    #comments .comment-list .comment .comment-author { font-size: 16px; line-height: 28px; }
    #comments .comment-list .comment .comment-date { display: inline-block; font-size: 12px; line-height: 24px; font-weight: 500; color: var(--color-gray-7); letter-spacing: 0.5px; margin-bottom: 14px; }
    #comments .comment-list .comment .comment-text { font-size: 14px; line-height: 26px; }
    #comments .comment-list .comment .comment-reply-link { color: var(--color-primary); position: absolute; top: 38px; right: 36px; display: inline-block; font-size: 12px; letter-spacing: 0.5px; line-height: 24px; font-weight: 500; transition: all 0.3s ease; }
    #comments .comment-list .comment .comment-reply-link:hover { color: var(--color-gray-13); }
    @media (max-width: 767px) {
        #comments .comment-list .comment .gravatar { float: none; width: 60px; height: 60px; margin: 0; }
        #comments .comment-list .comment .comment-content { padding: 20px 0 0 0; }
        #comments .comment-list .comment .comment-author { line-height: 18px; }
        #comments .comment-list .comment .comment-date { margin-bottom: 6px; }
    }
    

    /* Comments form */
    #respond { margin-top: 40px; }
    #respond .respond-title { font-size: 20px; line-height: 30px; margin-bottom: 36px; }
    #respond .comment-form .message-wrap textarea { height: 220px; }
    #respond .comment-form .input-wrap fieldset { float: left; width: calc(50% - 12px); }
    #respond .comment-form .input-wrap fieldset:first-child { margin-right: 24px; }
    #respond .comment-form .form-submit { margin-top: 10px; }

/*--------------------------------------------------------------------*
    10. SINGLE PROJECT
*---------------------------------------------------------------------*/
    .project-detail-info { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid var(--color-gray-2); }
    .project-detail-info .pdi-item { margin-bottom: 30px; margin-right: 30px; }
    .project-detail-info .pdi-item h4 { margin: 0 0 6px 0; font-size: 17px; }
    .project-detail-info .pdi-item .note { font-size: 12px; text-transform: uppercase; color: var(--color-gray-6); letter-spacing: 1px; }
    @media (max-width: 991px) {
        .project-detail-info .pdi-item {
            width: 33.3333333%;
        }
    }
    @media (max-width: 767px) {
        .project-detail-info { margin-bottom: 40px; }
        .project-detail-info .pdi-item {
            width: 100%;
        }
    }
    
/*--------------------------------------------------------------------*
    11. PAGINATION
*---------------------------------------------------------------------*/
    .blog-pagination ul { margin: 0; }
    .blog-pagination ul li { display: inline-block; list-style: none; }
    .blog-pagination .page-numbers { display: inline-block; text-align: center; font-size: 14px; line-height: 38px; color: var(--color-gray-9); width: 40px; height: 40px; font-weight: 500; border: 1px solid var(--color-gray-2); margin-right: 6px; }
    .blog-pagination .page-numbers:hover,
    .blog-pagination .page-numbers.current { border-color: var(--color-primary) }

/*--------------------------------------------------------------------*
    12. FOOTER
*---------------------------------------------------------------------*/
    .footer-widgets { padding: 112px 0 92px; }
    .footer-widgets a:hover { color: var(--color-primary); }
    .footer-widgets .widget-title { margin-bottom: 20px; }

    /* Dark style */
    .footer-widgets.dark-style { color: var(--color-gray-6); }
    .footer-widgets.dark-style a { color: var(--color-gray-2); }
    .footer-widgets.dark-style .widget-title { color: #fff; }
    .footer-widgets.dark-style .widget-tweets .icon-text .icon { color: var(--color-gray-11); }
    .footer-widgets.dark-style .widget-tweets .icon-text .date { color: var(--color-gray-10); }
    .footer-widgets.dark-style .widget-info .icon-text .icon { color: var(--color-gray-11); }

    .footer-bottom.dark-style { background-color: #252626; color: var(--color-gray-6); }
    .footer-bottom.dark-style #bottom-nav > ul > li > a { color: var(--color-gray-6); }

    @media (max-width: 767px) {
        .footer-widgets { padding: 60px 0 20px; }
        .footer-widgets .widget { margin-bottom: 40px; }
        .footer-widgets .widget-title { margin-bottom: 12px; }
    }

    /* Widget about */
    .widget-about .socials > .text,
    .widget-about .social { display: inline-block; }
    .widget-about .social a { color: var(--color-gray-6); }
    .widget-about .social a.active,
    .widget-about .social a:hover { color: var(--color-primary); }

    /* Widget info */
    .widget-info .icon-text .icon { float: left; line-height: 1; }
    .widget-info .icon-text .text { overflow: hidden; }

    /* Widget twitter */
    .widget-tweets .icon-text .icon { float: left; line-height: 1; }
    .widget-tweets .icon-text .text { overflow: hidden; }
    .widget-tweets .icon-text .text a:hover { color: var(--color-primary); }
    .widget-tweets .icon-text .date { padding-top: 2px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.3s ease; }

    /* Widget instagram */
    .widget-instagram .thumbs { margin: -6px -6px; }
    .widget-instagram .thumbs > div { width: 33.3333333%; float: left; padding: 6px 6px; }
    .widget-instagram .follow { font-size: 14px; padding-top: 14px; }
    .widget-instagram .follow a { text-decoration: underline; }
    .widget-instagram .follow a:hover { color: var(--color-primary); }

    /* Footer bottom */
    .footer-bottom.style-1 .b-wrap { display: flex; justify-content: space-between; align-items: center; }
    .footer-bottom.style-2 .b-wrap { display: flex; justify-content: center; align-items: center; }

    #bottom-nav ul { margin: 0; list-style: none; }
    #bottom-nav ul ul { display: none; }
    #bottom-nav ul li { position: relative; }
    #bottom-nav > ul > li { display: inline-block; margin-left: 24px; }
    #bottom-nav > ul > li > a { display: block; height: 26px; font-size: 12px; line-height: 26px; font-weight: 500; letter-spacing: 0.3px; }
    #bottom-nav > ul > li > a:not([href]) { cursor: pointer; }
    #bottom-nav > ul > li > a > span { position: relative; }

    .footer-bottom.dark-style .copyright  a{ color: #fff; }
    .footer-bottom.dark-style .copyright a:hover { color: var(--color-primary); }
    .footer-bottom.dark-style #bottom-nav > ul > li > a.current,
    .footer-bottom.dark-style #bottom-nav > ul > li > a:hover { color: var(--color-primary); }

    @media only screen and (max-width: 767px) {
        .footer-bottom.style-1 .b-wrap { flex-direction: column; }
        .footer-bottom .copyright {
            text-align: center;
            margin-bottom: 8px;
        }
        #bottom-nav ul { text-align: center; }
        #bottom-nav > ul > li { margin: 0 8px; }
    }

/*--------------------------------------------------------------------*
    13. SCROLL TO TOP
*---------------------------------------------------------------------*/
    #scroll-top { position: fixed; right: 30px; bottom: -50px; display: block; text-align: center; width: 50px; height: 50px; line-height: 50px; opacity: 0; visibility: hidden; z-index: 999999; cursor: pointer; z-index: 1; overflow: hidden; box-shadow: 0 5px 30px rgb(0,0,0,0.07); }
    #scroll-top:after { content: "\e914"; font-family: "Feather"; color: var(--color-gray-15); font-size: 16px; position: absolute; left: 0; top: 0; width: 100%; transition: all 0.3s ease; }
    #scroll-top:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: -1; transition: all 0.3s ease; }
    #scroll-top:hover:before { background-color: var(--color-primary); }
    #scroll-top:hover:after { color: #fff; }
    #scroll-top.show { bottom: 104px; opacity: 1; visibility: visible; }

/*--------------------------------------------------------------------*
    14. ALERT BOX
*---------------------------------------------------------------------*/
    .amata-alert { font-size: 15px; padding: 11px 20px; position: relative; margin-bottom: 20px; }
    .amata-alert.success { background-color: #e3f1c5; color: #50a263; }
    .amata-alert.success .remove { color: #50a263; }

    .amata-alert.info { background-color: #c4e4f5; color: #608cb9; }
    .amata-alert.info .remove { color: #608cb9; }
    .amata-alert.warning { background-color: #fcf0b9; color: #b1914e; }
    .amata-alert.warning .remove { color: #b1914e; }
    .amata-alert.error { background-color: #f5bebc; color: #c95354; }
    .amata-alert.error .remove { color: #c95354; }
    .amata-alert .remove { position: absolute; right: 14px; top: 10px; font-size: 15px; }

/*--------------------------------------------------------------------*
    15. ICON BOX
*---------------------------------------------------------------------*/
    .amata-icon-box.type-top-centered { text-align: center; }
    .amata-icon-box.type-top-centered .amata-icon { margin-left: auto; margin-right: auto; }

    .amata-icon-box.type-top-right { text-align: right; }
    .amata-icon-box.type-top-right .amata-icon { margin-left: auto; margin-right: 0; }

    .amata-icon-box.type-left { position: relative; }
    .amata-icon-box.type-left .icon-wrap { position: absolute; left: 0; top: 0; z-index: 10; }
    .amata-icon-box.type-left .headline,
    .amata-icon-box.type-left .desc { text-align: left; }
    .amata-icon-box.type-left .desc,
    .amata-icon-box.type-left .url { text-align: left; }

    .amata-icon-box.type-right { position: relative; }
    .amata-icon-box.type-right .icon-wrap { position: absolute; right: 0; top: 0; z-index: 10; }
    .amata-icon-box.type-right .headline { text-align: right; }
    .amata-icon-box.type-right .desc,
    .amata-icon-box.type-right .url { text-align: right; }

    @media (max-width: 991px) {
        .amata-icon-box.type-left .icon-wrap,
        .amata-icon-box.type-right .icon-wrap { position: static; margin: 0 0 30px; }

        .amata-icon-box.type-left .headline,
        .amata-icon-box.type-left .desc  { padding-left: 0 !important; }
        
        .amata-icon-box.type-right { text-align: right; }
        .amata-icon-box.type-right .headline,
        .amata-icon-box.type-right .desc { padding-right: 0 !important; }
    }

/*--------------------------------------------------------------------*
    16. VIDEO ICON
*---------------------------------------------------------------------*/
    .amata-video-icon { position: relative; }
    .amata-video-icon a { position: relative; display: inline-block; }
    .amata-video-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.3s ease; }
    .amata-video-icon .circle { position: absolute; border-radius: 100%; animation: circle-fade-inf 2s infinite ease-in-out; transition: all 0.5s ease; }
    .amata-video-icon .circle { border: 10px solid rgba(255, 255, 255, 0.2); }
    .amata-video-icon.effect-no .circle { display: none; }
    .amata-video-icon:hover svg { opacity: 0.7; }

    @keyframes circle-fade-inf {
        0% { transform: scale(1.13); opacity: 1; }
        100% { transform: scale(1.4); opacity: 0; }
    }

    /* Sizes */
    .amata-video-icon.size-small a { width: 70px; height: 70px; border-radius: 35px; }
    .amata-video-icon.size-small svg { width: 40px; height: 40px; }
    .amata-video-icon.size-small .circle { width: 80px; height: 80px; top: -5px; left: -5px; }

    .amata-video-icon.size-medium a { width: 90px; height: 90px; border-radius: 45px; }
    .amata-video-icon.size-medium svg { width: 40px; height: 40px; }
    .amata-video-icon.size-medium .circle { width: 100px; height: 100px; top: -5px; left: -5px; }

    .amata-video-icon.size-big a { width: 110px; height: 110px; border-radius: 55px; }
    .amata-video-icon.size-big svg { width: 50px; height: 50px; }
    .amata-video-icon.size-big .circle { width: 120px; height: 120px; top: -5px; left: -5px; }

/*--------------------------------------------------------------------*
    17. FANCY IMAGE
*---------------------------------------------------------------------*/
    .amata-fancy-image,
    .amata-fancy-image > .wrap { position: relative; }
    .amata-fancy-image.stretch-full > .wrap > img { visibility: hidden; }
    .amata-fancy-image.align-right .wrap { margin-right: 0 !important; margin-left: auto !important; }

    .amata-fancy-image .inner-wrap { opacity: 0; margin-left: -150px; transition: all 1.2s ease; }
    .amata-fancy-image.animated .inner-wrap { opacity: 1; margin-left: 0; }
    .amata-fancy-image { opacity: 0; visibility: hidden; transition: all 0.3s ease; }
    .amata-fancy-image.animated { opacity: 1; visibility: visible; }

    /* Reveal effect */
    .amata-fancy-image.has-effect:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--color-gray-2); transform-origin: left top; transform: scale(0,0); animation-duration: 1s; animation-timing-function: cubic-bezier(0.86, 0, 0.06, 1); }
    .amata-fancy-image.has-effect.animated .wrap { animation-name: hide-show; animation-duration: 1s; }
    .amata-fancy-image.has-effect.reveal-left.animated:after { animation-name: reveal-from-left; }
    .amata-fancy-image.has-effect.reveal-right.animated:after { animation-name: reveal-from-right; }
    .amata-fancy-image.has-effect.reveal-top.animated:after { animation-name: reveal-from-top; }
    .amata-fancy-image.has-effect.reveal-bottom.animated:after { animation-name: reveal-from-bottom; }

    @keyframes hide-show {
      0%,66.6% { opacity: 0; visibility: hidden; }
      100%,66.7% { opacity: 1; visibility: visible; }
    }

    @keyframes reveal-from-left {
      0% { transform-origin: left center; transform: scale(0,1); }
      66.6% { transform-origin: left center; transform: scale(1,1); }
      66.7% { transform-origin: right center; transform: scale(1,1); }
      100% { transform-origin: right center; transform: scale(0,1); }
    }

    @keyframes reveal-from-right {
      0% { transform-origin: right center; transform: scale(0,1); }
      66.6% { transform-origin: right center; transform: scale(1,1); }
      66.7% { transform-origin: left center; transform: scale(1,1); }
      100% { transform-origin: left center; transform: scale(0,1); }
    }

    @keyframes reveal-from-top {
      0% { transform-origin: top center; transform: scale(1,0); }
      66.6% { transform-origin: top center; transform: scale(1,1); }
      66.7% { transform-origin: bottom center; transform: scale(1,1); }
      100% { transform-origin: bottom center; transform: scale(1,0); }
    }

    @keyframes reveal-from-bottom {
      0% { transform-origin: bottom center; transform: scale(1,0); }
      66.6% { transform-origin: bottom center; transform: scale(1,1); }
      66.7% { transform-origin: top center; transform: scale(1,1); }
      100% { transform-origin: top center; transform: scale(1,0); }
    }

    /* Backgrounds */
    .amata-fancy-image .wrap,
    .amata-fancy-image .img-bg1,
    .amata-fancy-image .img-bg2 { position: relative; opacity: 0; transform: translate(0, 0); transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1), transform 1.5s cubic-bezier(0.23, 1, 0.32, 1); }
    
    .amata-fancy-image .img-bg1,
    .amata-fancy-image .img-bg2 { display: inline-block; position: absolute; right: -12px; bottom: -12px; width: 90%; height: 90%; z-index: 0; }

    .amata-fancy-image.animated .wrap,
    .amata-fancy-image.animated .img-bg1,
    .amata-fancy-image.animated .img-bg2 { opacity: 1; }

    .amata-fancy-image.bg1-fade-bottom .img-bg1,
    .amata-fancy-image.bg2-fade-bottom .img-bg2 { transform: translate(-12px, -12px); }
    .amata-fancy-image.bg1-fade-bottom.animated .img-bg1,
    .amata-fancy-image.bg2-fade-bottom.animated .img-bg2 { transition-delay: 0.75s; transform: translate(0, 0); }

    .amata-fancy-image.bg1-fade-right .img-bg1,
    .amata-fancy-image.bg2-fade-right .img-bg2 { transform: translate(-12px, 12px); }
    .amata-fancy-image.bg1-fade-right.animated .img-bg1,
    .amata-fancy-image.bg2-fade-right.animated .img-bg2 { transition-delay: 0.7s; transform: translate(0, 0); }

    .amata-fancy-image.bg1-fade-top .img-bg1,
    .amata-fancy-image.bg2-fade-top .img-bg2 { transform: translate(12px, 12px); }
    .amata-fancy-image.bg1-fade-top.animated .img-bg1,
    .amata-fancy-image.bg2-fade-top.animated .img-bg2 { transition-delay: 0.75s; transform: translate(0, 0); }

    .amata-fancy-image.bg1-fade-left .img-bg1,
    .amata-fancy-image.bg2-fade-left .img-bg2 { transform: translate(12px, -12px); }
    .amata-fancy-image.bg1-fade-left.animated .img-bg1,
    .amata-fancy-image.bg2-fade-left.animated .img-bg2 { transition-delay: 0.75s; transform: translate(0, 0); }

    /* Stretch full */
    .amata-fancy-image.stretch-full { height: 100%; }
    .amata-fancy-image.stretch-full .wrap { height: 100%; background-size: cover; background-position: center center; }
    
    @media screen and (max-width: 1200px) {
        .amata-fancy-image.stretch-custom,
        .amata-fancy-image.stretch-full { margin: 0 !important; }
    }

    @media screen and (max-width: 767px) {
        .amata-fancy-image.stretch-full,
        .amata-fancy-image.stretch-full .wrap {
            height: auto;
        }
    }

/*--------------------------------------------------------------------*
    18. SPECIAL HEADING
*---------------------------------------------------------------------*/
    .amata-special-headline.style-2 > span { position: relative; z-index: 1; }
    .amata-special-headline.style-2 > span > span { content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; }
    .amata-special-headline.style-2.align-center > span > span { left: 50%; transform: translateX(-50%); }

/*--------------------------------------------------------------------*
    19. BLOCK TITLE
*---------------------------------------------------------------------*/
    .amata-title-block.align-center .subline,
    .amata-title-block.align-center .separate { margin-left: auto; margin-right: auto; }
    .amata-title-block.align-right .subline,
    .amata-title-block.align-right .separate { margin-left: auto; margin-right: 0; }

/*--------------------------------------------------------------------*
    20. COUNTER
*---------------------------------------------------------------------*/
    .amata-counter.style-2,
    .amata-counter.style-2 .texts  { position: relative; }
    .amata-counter.style-2 .square { position: absolute; left: 0; top: 0; }

    .amata-counter.style-2 .texts .number,
    .amata-counter.style-2 .texts .heading { display: inline-block; vertical-align: middle; }

/*--------------------------------------------------------------------*
    21. AWARD
*---------------------------------------------------------------------*/
    /* Style 1 */
    .amata-award.style-1 .year { position: relative;}
    .amata-award.styel-1 .year .rectangle { content: ""; position: absolute; left: 0; top: 0; }
    .amata-award.style-1 .year .text { z-index: 1; position: absolute; left: 20px; bottom: 10px; }

    /* Style 2 */
    .amata-award.style-2 .a-item { display: flex; position: relative; }
    .amata-award.style-2 .a-item:last-child .a-separate:before { height: calc(100% - 4px); }
    .amata-award.style-2 .a-date { font-size: 15px; font-weight: 500; letter-spacing: 1px; width: 76px; margin-top: 2px; }

    .amata-award.style-2 .a-separate { position: relative; display: inline-block; }
    .amata-award.style-2 .a-separate:before { content: ""; position: absolute; left: 0; top: 24px; width: 1px; height: calc(100% + 24px); background-color: var(--color-gray-2); }
    .amata-award.style-2 .a-separate:after { content: ""; position: absolute; left: -2px; top: 11px; width: 5px; height: 5px; background-color: var(--color-gray-10); border-radius: 50%; }

    .amata-award.style-2 .a-text { padding-left: 32px; }
    .amata-award.style-2 .a-headline { margin-bottom: 5px; }
    .amata-award.style-2 .a-desc p { margin: 0; }

    @media (max-width: 1200px) {
        .amata-award.style-2 .a-item { display: block; }
        .amata-award.style-2 .a-text { padding: 0; }
        .amata-award.style-2 .a-separate { display: none; }
        .amata-award.style-2 .a-date { margin: 0 0 12px; }
    }

/*--------------------------------------------------------------------*
    22. PARALLAX BOX
*---------------------------------------------------------------------*/
    [data-parallax] { position: relative; height: 100%; }
    [data-parallax] .p-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; background-size: cover; background-repeat: no-repeat; }
    
    [data-parallax] .p-image { height: 100%; }
    
    [data-parallax].parallax-image .p-bg { background-position: left top; }
    [data-parallax].parallax-background .p-bg { background-position: center center; }

    [data-parallax].parallax-image img { visibility: hidden; }

    [data-parallax].stretch-full { height: 100%; }
    [data-parallax].stretch-full .p-bg { background-size: cover; background-position: center center; }

    /* Backgrounds */
    [data-parallax] .img-bg,
    [data-parallax] .img-bg2 { position: relative; transform: translate(0, 0); transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1), transform 1.5s cubic-bezier(0.23, 1, 0.32, 1); display: inline-block; position: absolute; right: -12px; bottom: -12px; width: 90%; height: 90%; z-index: 0; }

    @media (max-width: 1200px) {
        [data-parallax].stretch-custom,
        [data-parallax].stretch-full { margin: 0 !important; }
    }

    @media (max-width: 767px) {
        [data-parallax].stretch-full {
            height: auto;
        }
    }

/*--------------------------------------------------------------------*
    23. FLIP BOX
*---------------------------------------------------------------------*/
    .amata-flip-box { border: 10px solid rgba(0,0,0,0.03); display: -webkit-box; display: flex; min-height: 250px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1200px; perspective: 1200px; }
    .amata-flip-box:hover .fb-wrap { -webkit-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); -webkit-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; }

    .amata-flip-box .fb-wrap,
    .amata-flip-box .fb-side { width: 100%; min-height: inherit; -webkit-transform-style: inherit; transform-style: inherit; -webkit-perspective: inherit; perspective: inherit; }

    .amata-flip-box .fb-wrap { position: relative; -webkit-transition-property: box-shadow, -webkit-transform; transition-property: box-shadow, -webkit-transform; transition-property: box-shadow, transform; transition-property: box-shadow, transform, -webkit-transform; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

    .amata-flip-box .fb-side { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; background-size: cover; background-position: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .amata-flip-box .fb-side.fb-back { height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); }

    .amata-flip-box .fb-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

    .amata-flip-box .fb-inner { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 auto; padding: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
    .amata-flip-box .fb-side.fb-front .fb-inner { -webkit-transform: translate3d(0, 0, 60px) scale(0.85); transform: translate3d(0, 0, 60px) scale(0.85); }
    .amata-flip-box .fb-side.fb-back .fb-inner { -webkit-transform: translate3d(0, 0, 60px) scale(0.95); transform: translate3d(0, 0, 60px) scale(0.95); }

    .amata-flip-box.flip-bt .fb-back, 
    .amata-flip-box.flip-tb .fb-back { -webkit-transform: rotateY(-180deg) rotateZ(-180deg); transform: rotateY(-180deg) rotateZ(-180deg); }
    .amata-flip-box:hover.flip-rl .fb-wrap { -webkit-transform: rotate3d(0, -1, 0, 180deg); transform: rotate3d(0, -1, 0, 180deg); }
    .amata-flip-box:hover.flip-bt .fb-wrap { -webkit-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); }
    .amata-flip-box:hover.flip-tb .fb-wrap { -webkit-transform: rotate3d(-1, 0, 0, 180deg); transform: rotate3d(-1, 0, 0, 180deg); }

    .amata-flip-box.style-1 { min-height: 270px; }
    .amata-flip-box.style-2 { min-height: 370px; }

/*--------------------------------------------------------------------*
    24. BUTTON
*---------------------------------------------------------------------*/
    .amata-button { overflow: hidden; display: inline-block; transition: all 0.3s ease; }

    /* Effect 1 */
    .amata-button.effect-1 { position: relative; overflow: hidden; z-index: 1; transition: all 0.5s ease; min-width: 220px;}
    .amata-button.effect-1 .bg-effect { position: absolute; display: inline-block; width: 0; height: 0; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; opacity: 0.7; transition: all 0.5s ease; }
    .amata-button.effect-1:hover .bg-effect { width: calc(100% * 2.25); padding-top: calc(100% * 2.25); opacity: 1; }

/*--------------------------------------------------------------------*
    25. PROJECTS
*---------------------------------------------------------------------*/
    .projects-filter.style-1 .filter-item { color: var(--color-gray-6); cursor: pointer; position: relative; transition: all 0.3s ease; }
    .projects-filter.style-1 .filter-item:hover { color: var(--color-gray-13); }
    .projects-filter.style-1 .filter-item.active,
    .projects-filter.style-1 .filter-item.cbp-filter-item-active { color: var(--color-primary); }

    .projects-filter.style-2 .filter-item { color: var(--color-gray-6); cursor: pointer; position: relative; transition: all 0.3s ease; }
    .projects-filter.style-2 .filter-item:hover { color: var(--color-gray-13); }
    .projects-filter.style-2 .filter-item.active,
    .projects-filter.style-2 .filter-item.cbp-filter-item-active { color: var(--color-primary); }
    .projects-filter.style-2 .filter-item:after { content: ""; width: 0; height: 1px; position: absolute; left: 0; bottom: -1px; background-color: var(--color-primary); transition: all 0.4s cubic-bezier(.15,.75,.5,1) 0s; }
    .projects-filter.style-2 .filter-item.active:after,
    .projects-filter.style-2 .filter-item.cbp-filter-item-active:after { width: 100%; }

    .projects-filter.style-3 .filter-item { color: var(--color-gray-6); cursor: pointer; position: relative; transition: all 0.3s ease; }
    .projects-filter.style-3 .filter-item:hover { color: var(--color-gray-10); }
    .projects-filter.style-3 .filter-item.active,
    .projects-filter.style-3 .filter-item.cbp-filter-item-active { color: var(--color-gray-10); }

    .amata-project.style-1 .inner { position: relative; }
    .amata-project.style-1 .inner > .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
    .amata-project.style-1 .inner > .overlay svg { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: margin 0.3s ease; }
    .amata-project.style-1:hover .overlay { opacity: 0.95; }
    .amata-project.style-1 .texts { text-align: center; position: absolute; left: 0; bottom: -50px; opacity: 0; width: 100%; transition: opacity 0.3s ease, bottom 0.3s ease; }
    .amata-project.style-1:hover .texts { opacity: 1; bottom: -26px; }
    .amata-project.style-1 .category { opacity: 0; transition: opacity 2s ease; }
    .amata-project.style-1:hover .category { opacity: 1; }
    .amata-project.style-1 .headline { margin: 0; }
    .amata-project.style-1:hover .inner > .overlay svg { margin-top: -50px; }

    .amata-project.style-2 .inner { position: relative; }
    .amata-project.style-2 .inner > .overlay { background-image: linear-gradient(to top, rgba(0,0,0,0.5) 0, transparent 40%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .amata-project.style-2 .headline { transition: all 0.6s ease; }
    .amata-project.style-2 .texts { position: absolute; left: 0; bottom: 0; width: 100%; }
    .amata-project.style-2:hover .headline { transform: translateY(-30px); opacity: 0; }
    .amata-project.style-2 .info { transform: translateY(0px); opacity: 1; transition: opacity 0.3s ease, transform 0.3s ease; }
    .amata-project.style-2 .info > span { display: inline-block; }
    .amata-project.style-2:hover .info { transform: translateY(-30px); opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; }
    .amata-project.style-2 .amata-link { opacity: 0; visibility: hidden; position: absolute; left: 40px; bottom: 0px; transition: opacity 0.3s ease, bottom 0.3s ease; }
    .amata-project.style-2:hover .amata-link { opacity: 1; visibility: visible; bottom: 36px; }

    .amata-project.style-3 .thumb img { position: relative; top: 0; transition: opacity 0.3s ease, top 0.3s ease, transform 0.3s ease; }
    .amata-project.style-3:hover .thumb img { cursor: pointer; opacity: 1; transform: scale(1,1); top: -100px; }    
    .amata-project.style-3 .inner { overflow: hidden; position: relative; }
    .amata-project.style-3 .texts { background-color: #fff; position: absolute; left: 0; opacity: 0; bottom: -100px; width: 100%; height: auto; opacity: 0; transition: opacity 0.3s ease, bottom 0.3s ease; }
    .amata-project.style-3:hover .texts { opacity: 1; bottom: 0; }
    .amata-project.style-3 .category { position: relative; top: 30px; opacity: 0; transition: opacity 1s ease, top 0.5s ease; }
    .amata-project.style-3:hover .category { top: 0; opacity: 1; }

    .amata-project.style-4 .thumb img { position: relative; transition: opacity 0.3s ease, transform 0.3s ease; }
    .amata-project.style-4:hover .thumb img { cursor: pointer; opacity: 1; transform: scale(1,1); }    
    .amata-project.style-4 .inner { overflow: hidden; position: relative; }
    .amata-project.style-4 .texts { display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgba(0,0,0,0.6); position: absolute; left: 0; opacity: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
    .amata-project.style-4:hover .texts { opacity: 1; }
    .amata-project.style-4 .category { position: relative; top: 30px; opacity: 0; transition: opacity 1s ease, top 0.5s ease; }
    .amata-project.style-4:hover .category { top: 0; opacity: 1; }

    .amata-project.style-5 .inner { position: relative; }
    .amata-project.style-5 .inner > .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
    .amata-project.style-5 .inner > .overlay svg { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -30px; transition: margin 0.3s ease; }
    .amata-project.style-5:hover .overlay { opacity: 0.95; }
    .amata-project.style-5:hover .inner > .overlay svg { margin-top: 0; }

/*--------------------------------------------------------------------*
    26. PROCESS STEPS
*---------------------------------------------------------------------*/
    .amata-process-steps { display: flex; }
    .amata-process-steps .ps-item { position: relative; flex: 1; }
    .amata-process-steps .ps-item .step-number .number { position: relative; transform: translate(-50%, -50%); }
    .amata-process-steps .ps-item .step-number .circle { position: absolute; border-radius: 50%; display: block; transition: 0.3s ease; }
    .amata-process-steps .ps-item .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .amata-process-steps .ps-item .line.line-2 { width: 0; }
    .amata-process-steps .ps-item:hover .step-number .circle-1,
    .amata-process-steps .ps-item:hover .step-number .circle-2 { transform: scale(1.07); }
    
    /* Style 1 */
    .amata-process-steps.style-1 .step-number { position: relative; width: 36px; height: 36px; line-height: 36px; margin: 0 auto; }
    .amata-process-steps.style-1 .step-number .circle-1 { top: -20px; left: -20px; width: 76px; height: 76px; }
    .amata-process-steps.style-1 .step-number .circle-2 { top: -10px; left: -10px; width: 56px; height: 56px; }

    .amata-process-steps.style-1 .ps-item .line-wrap { position: absolute; top: 18px; left: calc(50% + 70px); height: 1px; width: calc(100% - 140px); }
    .amata-process-steps.style-1 .ps-item:last-child .line-wrap { display: none; }

    .amata-process-steps.style-1 .ps-item:first-child .line-start { position: absolute; top: 18px; right: calc(50% + 70px); height: 2px; width: 70px; }
    .amata-process-steps.style-1 .ps-item:last-child .line-end { position: absolute; top: 18px; left: calc(50% + 70px); height: 2px; width: 70px; }

    /* Style 2 */
    .amata-process-steps.style-2 .step-number { position: relative; width: 100px; height: 50px; line-height: 50px; margin: 0 auto; }
    .amata-process-steps.style-2 .step-number .circle-1 { top: -25px; left: 0px; width: 100px; height: 100px; }
    .amata-process-steps.style-2 .step-number .circle-2 { display: none; }

    .amata-process-steps.style-2 .line-wrap { position: absolute; top: 25px; left: calc(50% + 80px); height: 1px; width: calc(100% - 160px); }
    .amata-process-steps.style-2 .ps-item:last-child .line-wrap { display: none; }

    .amata-process-steps.style-2 .ps-item:first-child .line-start { position: absolute; top: 25px; right: calc(50% + 80px); height: 1px; width: 80px; }
    .amata-process-steps.style-2 .ps-item:last-child .line-end { position: absolute; top: 25px; left: calc(50% + 80px); height: 1px; width: 80px; }

    @media (max-width: 991px) {
        .amata-process-steps.steps-04,
        .amata-process-steps.steps-05 { flex-direction: column; }
        .amata-process-steps.steps-04 .ps-item,
        .amata-process-steps.steps-05 .ps-item { margin-bottom: 44px; }
        .amata-process-steps.steps-04 .ps-item:last-child,
        .amata-process-steps.steps-05 .ps-item:last-child { margin-bottom: 0; }
        .amata-process-steps.steps-04 .ps-item .line,
        .amata-process-steps.steps-05 .ps-item .line,
        .amata-process-steps.style-1 .ps-item .line-wrap,
        .amata-process-steps.style-2 .line-start,
        .amata-process-steps.style-2 .line-end { display: none; }
    }

    @media (max-width: 767px) {
        .amata-process-steps.style-2 .line-wrap { display: none; }
        .amata-process-steps.steps-03 { flex-direction: column; }
        .amata-process-steps.steps-03 .ps-item { margin-bottom: 44px; }
        .amata-process-steps.steps-03 .ps-item:last-child { margin-bottom: 0; }
        .ps-item .line { display: none; }
    }

/*--------------------------------------------------------------------*
    27. SPLIT BOX
*---------------------------------------------------------------------*/
    .amata-split-box .amata-parallax-image { height: 100%; }
    .amata-split-box { position: relative; min-height: 418px; display: flex; align-items: stretch; }
    .amata-split-box .thumb { background-size: cover; flex: 0 0 50%; max-width: 50%; }
    .amata-split-box .content-wrap { display: flex; flex-flow: column; justify-content: space-between; flex: 0 0 50%; max-width: 50%; }
    .amata-split-box .headline:hover a { opacity: 0.7; }

    .amata-split-box.style-2 .content-wrap { margin-top: 30px; margin-right: -30px; margin-bottom: -30px; z-index: 1; }
    .amata-split-box.style-3 .content-wrap { margin-top: 30px; margin-left: -30px; margin-bottom: -30px; z-index: 1; }

    @media screen and (max-width: 991px) {
        .amata-split-box { flex-flow: column; padding-bottom: 1.33333em; }
        .amata-split-box .thumb,
        .amata-split-box .content-wrap { max-width: none; width: 100%; }
    }

/*--------------------------------------------------------------------*
    28. NEWS
*---------------------------------------------------------------------*/
    /* Style 1 */
    .amata-news.style-1 .meta.has-icon > span { position: relative; display: inline-block; padding-left: 22px; margin-right: 16px; }
    .amata-news.style-1 .meta.has-icon > span:before { font-family: "Font Awesome 5 Pro"; line-height: 1; position: absolute; left: 0; top: 7px; }
    .amata-news.style-1 .meta.has-icon > span.date:before { content: "\f017"; }
    .amata-news.style-1 .meta.has-icon > span.category:before { content: "\f07b"; }
    .amata-news.style-1 .meta > span:before { color: var(--color-gary-6); }
    .amata-news.style-1 .thumb { overflow: hidden; }
    .amata-news.style-1 img { transform: scale(1); transition: all 0.3s ease; }
    .amata-news.style-1:hover img { transform: scale(1.07); }

    /* Style 2 */
    .amata-news.style-2 { position: relative; overflow: hidden; min-height: 418px; display: flex; align-items: stretch; }
    .amata-news.style-2 .thumb { background-size: cover; flex: 0 0 50%; max-width: 50%; transition: opacity 0.3s ease; }
    .amata-news.style-2:hover .thumb { opacity: 0.85; }
    .amata-news.style-2 .content-wrap { display: flex; flex-flow: column; justify-content: space-between; flex: 0 0 50%; max-width: 50%; }
    .amata-news.style-2 .headline:hover a { opacity: 0.7; }

    @media screen and (max-width: 991px) {
        .amata-news.style-2 { flex-flow: column; padding-bottom: 1.33333em; }
        .amata-news.style-2 .thumb,
        .amata-news.style-2 .content-wrap { max-width: none; width: 100%; }
    }

/*--------------------------------------------------------------------*
    29. TESTIMONIALS GROUP
*---------------------------------------------------------------------*/
    .amata-testimonials-group { position: relative; }
    .amata-testimonials-group .item-carousel { width: 100%; }

    .amata-testimonials-group .t-nav .item-nav {
        height: 72px;
        width: 72px;
        padding: 5px;
        margin: 0 5px;
        border-radius: 50%;
        overflow: hidden;
        border: 1px solid transparent;
        background-color: transparent;
        opacity: 0.5;
        transition: all 0.3s ease;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .amata-testimonials-group .t-nav .item-nav.is-selected {
        border-color: var(--color-gray-2);
        background-color: var(--color-gray-1);
        opacity: 1;
    }

    .amata-testimonials-group .t-nav .item-nav:hover { cursor: pointer; }

    .amata-testimonials-group .t-nav .item-nav img { background-color: #fff; border-radius: 50%; overflow: hidden; }
    .amata-testimonials-group .stars { color: #ffb800; }

/*--------------------------------------------------------------------*
    30. TESTIMONIAL
*---------------------------------------------------------------------*/
    .amata-testimonial .stars { color: #ffb800; }

    /* Style 1 */
    .amata-testimonial.style-1 { text-align: center; }
    .amata-testimonial.style-1 .thumb { position: absolute; bottom: -38px; left: 50%; transform: translateX(-50%); width: 76px; height: auto; border-radius: 50%; overflow: hidden; }

    /* Style 2 */
    .amata-testimonial.style-2 { text-align: center; }
    .amata-testimonial.style-2 .inner { position: relative; }

    .amata-testimonial.style-2 .customer { position: absolute; top: -38px; left: 50%; transform: translateX(-50%); }
    .amata-testimonial.style-2 .thumb { width: 76px; height: auto; margin: 0 auto; border-radius: 50%; overflow: hidden; }

    .amata-testimonial.style-3 .text { position: relative; }
    .amata-testimonial.style-3 .quote { position: absolute; left: -28px; top: -9px; width: 40px; fill: var(--color-gray-1); transform: rotate(-180deg); opacity: 0.8; }

    .amata-testimonial.style-3 .quote + p { margin: 0; position: relative; }

    .amata-testimonial.style-3 .text { position: relative; }

/*--------------------------------------------------------------------*
    31. BLOCK
*---------------------------------------------------------------------*/
    .amata-block .bgs { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .amata-block .bgs-1, .amata-block .bgs-2 { position: absolute; }

    .amata-block .lines-block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }
    .amata-block .lines-block .container { height: 100%; }
    .amata-block .lines-block .grid { display: flex; border-left: 1px solid var(--color-gray-1); height: 100%; }
    .amata-block .lines-block .line { width: 33.3333333%; border-right: 1px solid var(--color-gray-1); }

/*--------------------------------------------------------------------*
    32. SUBSCRIBE
*---------------------------------------------------------------------*/
    .amata-subscribe.style-1 { display: flex; justify-content: center; align-items: center; }
    .amata-subscribe.style-1 .s-fields { display: inline-flex; }
    .amata-subscribe.style-1 input[type="email"] { padding: 15px 24px; margin: 0; width: 280px; height: 48px; background: transparent; color: #fff; }
    .amata-subscribe.style-1 button[type="submit"] { background-color: #fff; color: var(--color-gray-12); height: 48px; position: relative; top: 0; left: 0; cursor: pointer; }
    @media (max-width: 991px) {
        .amata-subscribe.style-1 input[type="email"] { width: 232px; }
        .amata-subscribe.style-1 button[type="submit"] { text-indent: -9999px; width: 48px; height: 48px; line-height: 48px; padding: 0; position: relative; }
        .amata-subscribe.style-1 button[type="submit"]:after { font-family: "Pe-icon-7-stroke"; content: "\e629"; color: var(--color-gray-15); font-size: 26px; position: absolute; left: 0; top: 2px; text-indent: 0; width: 100%; text-align: center; transition: all 0.3s ease; }
        .amata-subscribe.style-1 button[type="submit"]:hover:after { transform: translate(3px, -3px); }
    }

/*--------------------------------------------------------------------*
    33. LINK
*---------------------------------------------------------------------*/
    .amata-link { position: relative; }
    .amata-link,
    .amata-link > span { display: inline-block; }

    /* Style 1 */
    .amata-link.style-1 > .l1,
    .amata-link.style-1 > .l2 { position: absolute; right: 0; bottom: 0; transition: width 0.4s cubic-bezier(.15,.75,.5,1) 0s; }
    .amata-link.style-1 > .l1 { width: 100%; }
    .amata-link.style-1 > .l2 { width: 0; z-index: 10; }
    .amata-link.style-1:hover > .l2 { width: 100% !important; left: 0; }

    /* Style 2 */
    .amata-link.style-2 { padding-right: 20px; }
    .amata-link.style-2 .arrow { position: absolute; right: 0; top: 5px; line-height: 1; width: 12px; display: inline-block; transition: transform 0.4s ease; }
    .amata-link.style-2:hover .arrow { transform: translateX(3px); }
    .amata-link.style-2 > .inner { position: relative; }
    .amata-link.style-2 .l1 { position: absolute; right: 0; bottom: 0; transition: width 0.4s cubic-bezier(.15,.75,.5,1) 0s; }
    .amata-link.style-2 .l1 { width: 100%; }
    .amata-link.style-2:hover .l1 { width: 0% !important; left: 0; }

    /* Style 3 */
    .amata-link.style-3 { padding-right: 24px; }
    .amata-link.style-3 .arrow { position: absolute; right: 0; top: 5px; line-height: 1; width: 14px; display: inline-block; transition: all 0.3s ease; }
    .amata-link.style-3:hover .arrow { opacity: 0; transform: translateX(16px); }
    .amata-link.style-3 .arrow + .arrow { position: absolute; left: 0; top: 5px; line-height: 1; width: 14px; display: inline-block; opacity: 0; transform: translateX(-16px); transition-delay: 0s; transition: all 0.3s ease; }
    .amata-link.style-3:hover .arrow + .arrow { opacity: 1; transform: translateX(0); transition-delay: 0.2s; }
    .amata-link.style-3:hover > span:first-child { transition-delay: 0.1s; transform: translateX(24px); }
    .amata-link.style-3 > span:first-child { transition: all 0.3s ease; }

    /* Style 4 */
    .amata-link.style-4 { position: relative; display: inline-flex; align-items: center; }
    .amata-link.style-4:hover .s-arrow { transform: translateX(0); }
    .amata-link.style-4 .s-circle { width: 40px; height: 40px; display: inline-block; margin-left: 8px; }
    .amata-link.style-4 .c-circle { opacity: 0; fill: none; stroke-width: 1; }
    .amata-link.style-4 .s-arrow { fill: none; stroke-width: 1; position: absolute; right: 12px; top: 50%; width: 16px; height: 16px; margin-top: -8px; transform: translateX(-8px); transition: transform 0.3s ease; }

/*--------------------------------------------------------------------*
    34. ICON TEXT
*---------------------------------------------------------------------*/
    .amata-icon-text .amata-icon { float: left; }
    .amata-icon-text .texts { display: table-cell; width: 100%; vertical-align: middle; }

/*--------------------------------------------------------------------*
    35. ANIMATIONS
*---------------------------------------------------------------------*/
    [data-text-effect] span { display: inline-block; }
    [data-animations] { visibility: hidden; opacity: 0; }
    [data-animations].animated { visibility: visible; opacity: 1; }

/*--------------------------------------------------------------------*
    36. PARTNER
*---------------------------------------------------------------------*/
    .amata-partner a { display: inline-block; }
    .amata-partner img { transition: all 0.3s ease; }
    .amata-partner:hover img { opacity: 1 !important; transform: scale(1.05); }

/*--------------------------------------------------------------------*
    37. PROGRESS BAR
*---------------------------------------------------------------------*/
    .amata-progress-bar { position: relative; }
    .amata-progress-bar .pr-animate { width: 0; transition: width 1s cubic-bezier(.15,.75,.5,1); }
    .amata-progress-bar .pr-number { opacity: 0; transition: width 1s cubic-bezier(.15,.75,.5,1), opacity 3s ease; }
    .amata-progress-bar.animated .pr-number { opacity: 1; }
    
    /* Style 1 */
    .amata-progress-bar.style-1 .pr-title { position: absolute; left: 0; top: 0; }

    /* Style 2 */
    .amata-progress-bar.style-2 .pr-title { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); }
    .amata-progress-bar.style-2 .pr-number { position: absolute; left: -16px; top: 50%; transform: translateY(-50%);  }

/*--------------------------------------------------------------------*
    38. LIST
*---------------------------------------------------------------------*/
    .amata-list { margin: 0; }
    .amata-list .l-icon { float: left; display: inline-block;  }

/*--------------------------------------------------------------------*
    39. DIVIDER
*---------------------------------------------------------------------*/
    .amata-divider { border-width: 1px 0 0 0; }
    .amata-divider .d-icon { display: inline-block; position: relative; }
    .amata-divider.has-icon .d-icon,
    .amata-divider.has-icon .d-icon > span { display: inline-block; }
    .amata-divider.has-icon { overflow: hidden; }
    .amata-divider .d-before { display: block; position: absolute; top: 50%; border-width: 1px 0 0 0; right: 100%; width: 9999px; }
    .amata-divider .d-after { display: block; position: absolute; top: 50%; border-width: 1px 0 0 0; left: 100%; width: 9999px; }

/*--------------------------------------------------------------------*
    40. TEXT SCROLL
*---------------------------------------------------------------------*/
    .amata-text-scroll { overflow: hidden; }
    .amata-text-scroll > .word { transition: margin 0.3s ease; }

/*--------------------------------------------------------------------*
    41. TEXT TYPING
*---------------------------------------------------------------------*/
    .amata-text-typed .typed-cursor { opacity: 1; animation: blink 0.7s infinite; }

    @keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }

/*--------------------------------------------------------------------*
    42. MEMBER
*---------------------------------------------------------------------*/
    .amata-member .thumb { position: relative; overflow: hidden; }
    .amata-member .thumb > .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
    .amata-member .thumb > .overlay svg { width: 36px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 30px; transition: margin 0.3s ease; }
    .amata-member:hover .overlay { opacity: 0.95; }
    .amata-member:hover .thumb > .overlay svg { margin-top: 0; }

    .amata-member .socials { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .amata-member .socials a { opacity: 0; transform: translateY(-10px); display: inline-block; margin: 0 6px; }
    .amata-member .socials a:hover { color: #fff; }
    .amata-member:hover .socials a { opacity: 1; transform: translateY(0px); }
    .amata-member:hover .socials a:nth-child(4) { transition-delay: 0.2s; }
    .amata-member:hover .socials a:nth-child(3) { transition-delay: 0.15s; }
    .amata-member:hover .socials a:nth-child(2) { transition-delay: 0.1s; }
    .amata-member:hover .socials a:nth-child(1) { transition-delay: 0.05s; }

/*--------------------------------------------------------------------*
    43. CONTACT FORM
*---------------------------------------------------------------------*/
    .amata-contact-form .form-control-wrap { position: relative; display: block; text-align: center; }
    .amata-contact-form .form-control-wrap label.error { position: absolute; right: 15px; top: 12px; color: #c95354; font-size: 13px; }
    .amata-contact-form .form-control-wrap.your-message textarea { height: 156px; }

    /* Style 1 */
    .amata-contact-form.style-1 .form-control-wrap.your-name,
    .amata-contact-form.style-1 .form-control-wrap.your-email { width: 49.4%; float: left; }
    .amata-contact-form.style-1 .form-control-wrap.your-name { margin-right: 1.2%; }
    .amata-contact-form.style-1 .form-control-wrap.your-subject { clear: both; }

    /* Style 2 */
    .amata-contact-form.style-2 .form-control-wrap.your-name,
    .amata-contact-form.style-2 .form-control-wrap.your-email { width: 49%; float: left; }
    .amata-contact-form.style-2 .form-control-wrap.your-name { margin-right: 2%; }

    .amata-contact-form.style-2 .form-control-wrap input,
    .amata-contact-form.style-2 .form-control-wrap input,
    .amata-contact-form.style-2 .form-control-wrap input { margin-bottom: 16px; }

    .amata-contact-form.style-2 .form-control-wrap.your-subject { clear: both; }

    .amata-contact-form.style-2 .form-control-wrap input,
    .amata-contact-form.style-2 .form-control-wrap textarea { padding-left: 12px; }

    @media (max-width: 767px) {
        .amata-contact-form.style-1 .form-control-wrap.your-name,
        .amata-contact-form.style-1 .form-control-wrap.your-email,
        .amata-contact-form.style-2 .form-control-wrap.your-name,
        .amata-contact-form.style-2 .form-control-wrap.your-email {
            width: 100%; float: none; margin: 0;
        }
    }

/*--------------------------------------------------------------------*
    44. BEFORE/AFTER
*---------------------------------------------------------------------*/
    .amata-before-after .twentytwenty-handle:before, 
    .amata-before-after .twentytwenty-handle:after { width: 3px; background-color: rgba(255,255,255,0.2); z-index: 0; box-shadow: none; }
    .amata-before-after .twentytwenty-handle:after { margin-top: 14px; }
    .amata-before-after .twentytwenty-handle:before { margin-bottom: 14px; }
    .amata-before-after .twentytwenty-left-arrow,
    .amata-before-after .twentytwenty-right-arrow { display: none; }
    .amata-before-after .twentytwenty-handle { width: 20px; height: 20px; border: none; margin-left: -10px; margin-top: -10px; cursor: ew-resize; }
    .amata-before-after .twentytwenty-handle .handle { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #fff; transform: rotate(45deg); z-index: 1; transition: 0.3s ease; }
    .amata-before-after .twentytwenty-handle .handle:after { position: absolute; top: -5px; left: -5px; width: 20px; height: 20px; content: ""; border: 5px solid transparent; transition: 0.3s ease; }
    .amata-before-after .twentytwenty-handle.drag .handle { background-color: rgba(255,255,255,0.2); cursor: grabbing; }
    .amata-before-after .twentytwenty-handle.drag .handle:after { border-color: #fff; }
    .amata-before-after .twentytwenty-handle.drag:before, 
    .amata-before-after .twentytwenty-handle.drag:after { cursor: grabbing; }
    .amata-before-after .twentytwenty-before-label:before,
    .amata-before-after .twentytwenty-after-label:before { background-color: rgba(0,0,0,0.5); border-radius: 0; }

/*--------------------------------------------------------------------*
    45. CALL TO ACTION
*---------------------------------------------------------------------*/
    .amata-call-to-action { display: flex; justify-content: space-between; align-items: center; }

    @media (max-width: 991px) {
        .amata-call-to-action { flex-direction: column; text-align: center; }
        .amata-call-to-action .cta-text { margin-bottom: 20px; }
    }

/*--------------------------------------------------------------------*
    46. ACCORDIONS
*---------------------------------------------------------------------*/
    .amata-accordions .a-item .a-title .headline { padding-right: 20px; transition: color 0.3s ease; }
    .amata-accordions .a-item .arrow { position: absolute; width: 10px; height: 10px; }
    .amata-accordions .a-item .arrow > span:first-child,
    .amata-accordions .a-item .arrow > span:last-child { content: ""; position: absolute; transition: all 0.3s ease; }
    .amata-accordions .a-item .arrow > span:first-child { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; }
    .amata-accordions .a-item .arrow > span:last-child { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; }
    .amata-accordions .a-item.active .arrow > span:first-child { transform: rotate(90deg); }
    .amata-accordions .a-item.active .arrow > span:last-child { transform: rotate(180deg); }

    /* Style 1 */
    .amata-accordions.style-1 .a-item { border-bottom: 1px solid var(--color-gray-2); }
    .amata-accordions.style-1 .a-item:last-child { border-bottom: 0; }
    .amata-accordions.style-1 .a-content { display: none; }
    .amata-accordions.style-1 .a-title { position: relative; cursor: pointer; }
    .amata-accordions.style-1 .a-item .arrow { top: 33px; right: 0; }

    /* Style 2 */
    .amata-accordions.style-2 .a-item { border: 1px solid var(--color-gray-2); }
    .amata-accordions.style-2 .a-item .a-title { position: relative; margin-bottom: 0; cursor: pointer; padding: 22px 32px; transition: color ease 0.3s, background ease 0.3s; }
    .amata-accordions.style-2 .a-item.active .a-title { background-color: var(--color-gray-1); border-bottom: 1px solid var(--color-gray-2); }
    .amata-accordions.style-2 .a-item .arrow { top: 30px; right: 30px; }
    .amata-accordions.style-2 .a-item .a-content { display: none; }
    .amata-accordions.style-2 .a-item .a-content > p:last-child { margin-bottom: 0; }


/*--------------------------------------------------------------------*
    47. TABS
*---------------------------------------------------------------------*/
    .amata-tabs .t-nav { list-style: none; margin: 0; border-bottom: 1px solid var(--color-gray-2); display: flex; flex-wrap: wrap; }
    .amata-tabs .t-nav .t-nav-item { cursor: pointer; font-size: 14px; color: var(--color-gray-7); padding: 0; margin-right: 6px; transition: all 0.3s ease; }
    .amata-tabs .t-nav-item:hover { color: var(--color-gray-15); }
    .amata-tabs .t-nav .t-nav-item.active { position: relative; top: 1px; }
    .amata-tabs .t-content > p:first-child { margin-top: 0; }
    .amata-tabs .t-content-wrap .t-section { display: none; }

    /* Style 1 */
    .amata-tabs.style-1 .t-nav-item { background-color: var(--color-gray-1); font-size: 14px; padding: 9px 44px 8px; border-left: 1px solid transparent; border-right: 1px solid transparent; }
    .amata-tabs.style-1 .t-nav-item.active { background-color: #fff; color: var(--color-gray-11); border-top: 1px solid var(--color-primary); border-left: 1px solid var(--color-gray-2); border-right: 1px solid var(--color-gray-2); }
    
    /* Style 2 */
    .amata-tabs.style-2 .t-nav-item { background-color: var(--color-gray-1); font-size: 14px; padding: 9px 44px 8px; border: 1px solid var(--color-gray-2); border-bottom: none; }
    .amata-tabs.style-2 .t-nav-item.active { color: var(--color-gray-13); background-color: #fff; }

    /* Style 3 */
    .amata-tabs.style-3 .t-nav-item { padding: 11px 44px 10px; border-bottom: 1px solid transparent;  }
    .amata-tabs.style-3 .t-nav-item.active { border-color: var(--color-primary); color: var(--color-gray-15); }

    /* Style 4 */
    .amata-tabs.style-4 .t-nav-item { padding: 11px 44px 10px; border-bottom: 1px solid transparent; }
    .amata-tabs.style-4 .t-nav-item.active { border-color: var(--color-gray-15); color: var(--color-gray-15); }

    @media (max-width: 991px) {
        .amata-tabs .t-nav { border: 0; }
        .amata-tabs .t-nav-item { margin-bottom: 6px; }
        .amata-tabs .t-nav-item.active { top: 0; }

        .amata-tabs.style-2 .t-nav-item { border-bottom: 1px solid var(--color-gray-2); }
        .amata-tabs.style-1 .t-nav-item.active,
        .amata-tabs.style-2 .t-nav-item.active { border-bottom: 1px solid var(--color-gray-2); }

        .amata-tabs.style-3 .t-nav-item,
        .amata-tabs.style-4 .t-nav-item { border: 1px solid var(--color-gray-2); }
    }

/*--------------------------------------------------------------------*
    48. SLIDING BOX
*---------------------------------------------------------------------*/
    .amata-sliding-boxes { display: flex; }

    .amata-sliding-boxes .sb-item { position: relative; overflow: hidden; width: 25%; margin-right: 15px; transition: width 0.3s ease; }
    .amata-sliding-boxes .sb-item:last-child { margin-right: 0; }

    .amata-sliding-boxes .sb-item .sb-image,
    .amata-sliding-boxes .sb-item .content-wrap { display: flex; justify-content: center; min-height: 418px; }
    .amata-sliding-boxes .sb-item .content-wrap { position: absolute; top: 0; left: 0; width: 285px; flex-direction: column; transition: left 0.3s ease; }
    .amata-sliding-boxes .sb-item .sb-image { position: relative; width: 285px; min-height: 418px; overflow: hidden; z-index: 10; }
    .amata-sliding-boxes .sb-item .sb-image img { visibility: hidden; }

    .amata-sliding-boxes .sb-item.active { width: 50%; }
    .amata-sliding-boxes .sb-item.active .content-wrap { left: 285px; }

    @media (max-width: 1200px) {
        .amata-sliding-boxes .sb-item { width: 33.3333333%; }
        .amata-sliding-boxes .sb-item .content-wrap { display: block; position: static; width: 100%; min-height: auto; }
        .amata-sliding-boxes .sb-item .sb-image { width: 100%; min-height: 320px; }
        .amata-sliding-boxes .sb-item .sb-image img { max-width: 100%; width: 100%; height: auto; }

        .amata-sliding-boxes .sb-item.active { width: 33.3333333%; }
        .amata-sliding-boxes .sb-item.active .content-wrap { left: 0; }
    }

    @media (max-width: 991px) {
        .amata-sliding-boxes { flex-direction: column; }
        .amata-sliding-boxes .sb-item { margin: 0 0 30px; width: 100%; }
        .amata-sliding-boxes .sb-item.active { width: 100%; }
        .amata-sliding-boxes .sb-item:last-child { margin: 0; }
    }

/*--------------------------------------------------------------------*
    49. COUNTDOWN
*---------------------------------------------------------------------*/
    .amata-countdown { border: 1px solid var(--color-gray-2); }
    .amata-countdown span { display: block; }
    .amata-countdown > div { padding: 40px; float: left; text-align: center; width: 25%; border-right: 1px solid var(--color-gray-2); }
    .amata-countdown > div:last-child { border: 0; }
    .amata-countdown .numb { font-size: 52px; font-weight: 500; color: var(--color-gray-15); line-height: 60px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; transition: all 0.3s ease; }
    .amata-countdown .text { font-size: 14px; }

    @media (max-width: 991px) {
        .amata-countdown > div { width: 50%; }
        .amata-countdown > div:nth-child(1),
        .amata-countdown > div:nth-child(2) { border-bottom: 1px solid var(--color-gray-2); }
    }

/*--------------------------------------------------------------------*
    50. GALLERY
*---------------------------------------------------------------------*/
    .amata-image .inner { position: relative; overflow: hidden; }
    .amata-image .inner > .overlay { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
    .amata-image .inner > .overlay svg { width: 36px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: margin 0.3s ease; }
    .amata-image:hover .overlay { opacity: 0.9; }
    .amata-image:hover .thumb { transform: scale(1.07); } 
    .amata-image .thumb { z-index: 0; transition: transform 0.5s cubic-bezier(.15,.75,.5,1); }

/*--------------------------------------------------------------------*
    51. IMAGE BOX
*---------------------------------------------------------------------*/
    .amata-image-box .inner { position: relative; overflow: hidden; }
    .amata-image-box .inner > .overlay { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
    .amata-image-box .inner > .overlay svg { width: 36px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: margin 0.3s ease; }
    .amata-image-box:hover .overlay { opacity: 0.9; }
    .amata-image-box:hover .thumb { transform: scale(1.07); } 
    .amata-image-box .thumb { z-index: 0; transition: transform 0.5s cubic-bezier(.15,.75,.5,1); }
    .amata-image-box .sb-icon { position: absolute; left: 50%; top: 0; margin: -44px 0 0 -44px; width: 88px; height: 88px; line-height: 88px; text-align: center; background-color: #fff; color: var(--color-primary); font-size: 46px; border-radius: 50%; z-index: 50; }

/*--------------------------------------------------------------------*
    52. GRID
*---------------------------------------------------------------------*/
    .amata-grid > [class^='g-item'] { float: left; min-height: 36px; }

    .amata-grid.border-style-no > [class^='g-item'].border-light { border: 1px solid transparent; }
    .amata-grid.border-style-no > [class^='g-item'].border-dark { border: 1px solid transparent; }

    .amata-grid.border-style-wrap.border-color-light { border-top: 1px solid var(--color-gray-2); border-left: 1px solid var(--color-gray-2); }
    .amata-grid.border-style-wrap.border-color-light > [class^='g-item'] { border-right: 1px solid var(--color-gray-2); border-bottom: 1px solid var(--color-gray-2); }

    .amata-grid.border-style-wrap.border-color-dark { border-top: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); }
    .amata-grid.border-style-wrap.border-color-dark > [class^='g-item'] { border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); }

    .amata-grid.border-style-separate > [class^='g-item'].border-color-light { border-right: 1px solid var(--color-gray-2); border-bottom: 1px solid var(--color-gray-2); }
    .amata-grid.border-style-separate > [class^='g-item'].border-color-dark { border-right: 1px solid var(--color-gray-2); border-bottom: 1px solid var(--color-gray-2); }

    .amata-grid.border-style-separate > [class^='g-item'] { margin: 0 !important; }
    .amata-grid.border-style-separate.grid-2-1-2 [class^='g-item'],
    .amata-grid.border-style-separate.grid-4-1-2 [class^='g-item'] { width: calc(50%) !important; }
    .amata-grid.border-style-separate.grid-3-1-3 [class^='g-item'],
    .amata-grid.border-style-separate.grid-6-1-3 [class^='g-item'] { width: calc(33.33333333%) !important; }
    .amata-grid.border-style-separate.grid-4-1-4 [class^='g-item'],
    .amata-grid.border-style-separate.grid-8-1-4 [class^='g-item'] { width: calc(25%) !important; }
    .amata-grid.border-style-separate.grid-5-1-5 [class^='g-item'],
    .amata-grid.border-style-separate.grid-10-1-5 [class^='g-item'] { width: calc(20%) !important; }

    .amata-grid.grid-2-1-2.border-style-separate > [class^='g-item'] { border-bottom: 0; }
    .amata-grid.grid-2-1-2.border-style-separate > [class^='g-item']:nth-child(2) { border-right: 0; }

    .amata-grid.grid-4-1-2.border-style-separate > [class^='g-item']:nth-child(2),
    .amata-grid.grid-4-1-2.border-style-separate > [class^='g-item']:nth-child(4) { border-right: 0; }
    .amata-grid.grid-4-1-2.border-style-separate > [class^='g-item']:nth-child(3),
    .amata-grid.grid-4-1-2.border-style-separate > [class^='g-item']:nth-child(4) { border-bottom: 0; }

    .amata-grid.grid-3-1-3.border-style-separate > [class^='g-item'] { border-bottom: 0; }
    .amata-grid.grid-3-1-3.border-style-separate > [class^='g-item']:nth-child(3) { border-right: 0; }

    .amata-grid.grid-6-1-3.border-style-separate > [class^='g-item']:nth-child(3),
    .amata-grid.grid-6-1-3.border-style-separate > [class^='g-item']:nth-child(6) { border-right: 0; }
    .amata-grid.grid-6-1-3.border-style-separate > [class^='g-item']:nth-child(4),
    .amata-grid.grid-6-1-3.border-style-separate > [class^='g-item']:nth-child(5),
    .amata-grid.grid-6-1-3.border-style-separate > [class^='g-item']:nth-child(6) { border-bottom: 0; }

    .amata-grid.grid-4-1-4.border-style-separate > [class^='g-item'] { border-bottom: 0; }
    .amata-grid.grid-4-1-4.border-style-separate > [class^='g-item']:nth-child(4) { border-right: 0; }

    .amata-grid.grid-8-1-4.border-style-separate > [class^='g-item']:nth-child(4),
    .amata-grid.grid-8-1-4.border-style-separate > [class^='g-item']:nth-child(8) { border-right: 0; }
    .amata-grid.grid-8-1-4.border-style-separate > [class^='g-item']:nth-child(5),
    .amata-grid.grid-8-1-4.border-style-separate > [class^='g-item']:nth-child(6),
    .amata-grid.grid-8-1-4.border-style-separate > [class^='g-item']:nth-child(7),
    .amata-grid.grid-8-1-4.border-style-separate > [class^='g-item']:nth-child(8) { border-bottom: 0; }

    .amata-grid.grid-5-1-5.border-style-separate > [class^='g-item'] { border-bottom: 0; }
    .amata-grid.grid-5-1-5.border-style-separate > [class^='g-item']:nth-child(5) { border-right: 0; }

    .amata-grid.grid-10-1-5.border-style-separate > [class^='g-item']:nth-child(5),
    .amata-grid.grid-10-1-5.border-style-separate > [class^='g-item']:nth-child(10) { border-right: 0; }
    .amata-grid.grid-10-1-5.border-style-separate > [class^='g-item']:nth-child(6),
    .amata-grid.grid-10-1-5.border-style-separate > [class^='g-item']:nth-child(7),
    .amata-grid.grid-10-1-5.border-style-separate > [class^='g-item']:nth-child(8),
    .amata-grid.grid-10-1-5.border-style-separate > [class^='g-item']:nth-child(9),
    .amata-grid.grid-10-1-5.border-style-separate > [class^='g-item']:nth-child(10) { border-bottom: 0; }

    .amata-grid.grid-2-1-2.gap-0p [class^='g-item'] { width: calc(50%); }
    .amata-grid.grid-2-1-2.gap-1p [class^='g-item'] { width: calc(49%); margin: 0 1% 1% 0; }
    .amata-grid.grid-2-1-2.gap-1p [class^='g-item']:nth-child(2) { margin-right: 0; }
    .amata-grid.grid-2-1-2.gap-2p [class^='g-item'] { width: calc(48%); margin: 0 2% 2% 0; }
    .amata-grid.grid-2-1-2.gap-2p [class^='g-item']:nth-child(2) { margin-right: 0px; }
    .amata-grid.grid-2-1-2.gap-3p [class^='g-item'] { width: calc(47%); margin: 0 3% 3% 0; }
    .amata-grid.grid-2-1-2.gap-3p [class^='g-item']:nth-child(2) { margin-right: 0; }
    .amata-grid.grid-2-1-2.gap-4p [class^='g-item'] { width: calc(46%); margin: 0 4% 4% 0; }
    .amata-grid.grid-2-1-2.gap-4p [class^='g-item']:nth-child(2) { margin-right: 0; }
    .amata-grid.grid-2-1-2.gap-5p [class^='g-item'] { width: calc(45%); margin: 0 5% 5% 0; }
    .amata-grid.grid-2-1-2.gap-5p [class^='g-item']:nth-child(2) { margin-right: 0; }

    .amata-grid.grid-4-1-2.gap-0p [class^='g-item'] { width: calc(50%); }
    .amata-grid.grid-4-1-2.gap-1p [class^='g-item'] { width: calc(49%); margin: 0px 1% 1% 0px; }
    .amata-grid.grid-4-1-2.gap-1p [class^='g-item']:nth-child(2),
    .amata-grid.grid-4-1-2.gap-1p [class^='g-item']:nth-child(4) { margin-right: 0px; }
    .amata-grid.grid-4-1-2.gap-2p [class^='g-item'] { width: calc(48%); margin: 0px 2% 2% 0px; }
    .amata-grid.grid-4-1-2.gap-2p [class^='g-item']:nth-child(2),
    .amata-grid.grid-4-1-2.gap-2p [class^='g-item']:nth-child(4) { margin-right: 0px; }
    .amata-grid.grid-4-1-2.gap-3p [class^='g-item'] { width: calc(47%); margin: 0px 3% 3% 0px; }
    .amata-grid.grid-4-1-2.gap-3p [class^='g-item']:nth-child(2),
    .amata-grid.grid-4-1-2.gap-3p [class^='g-item']:nth-child(4) { margin-right: 0px; }
    .amata-grid.grid-4-1-2.gap-4p [class^='g-item'] { width: calc(46%); margin: 0px 4% 4% 0px; }
    .amata-grid.grid-4-1-2.gap-4p [class^='g-item']:nth-child(2),
    .amata-grid.grid-4-1-2.gap-4p [class^='g-item']:nth-child(4) { margin-right: 0px; }
    .amata-grid.grid-4-1-2.gap-5p [class^='g-item'] { width: calc(45%); margin: 0px 5% 5% 0px; }
    .amata-grid.grid-4-1-2.gap-5p [class^='g-item']:nth-child(2),
    .amata-grid.grid-4-1-2.gap-5p [class^='g-item']:nth-child(4) { margin-right: 0px; }

    .amata-grid.grid-3-1-3.gap-0p [class^='g-item'] { width: calc(33.33333333%); }
    .amata-grid.grid-3-1-3.gap-1p [class^='g-item'] { width: calc(32.66666666%); margin: 0 1% 1% 0; }
    .amata-grid.grid-3-1-3.gap-1p [class^='g-item']:nth-child(3) { margin-right: 0; }
    .amata-grid.grid-3-1-3.gap-2p [class^='g-item'] { width: calc(32%); margin: 0 2% 2% 0; }
    .amata-grid.grid-3-1-3.gap-2p [class^='g-item']:nth-child(3) { margin-right: 0px; }
    .amata-grid.grid-3-1-3.gap-3p [class^='g-item'] { width: calc(31.33333333%); margin: 0 3% 3% 0; }
    .amata-grid.grid-3-1-3.gap-3p [class^='g-item']:nth-child(3) { margin-right: 0; }
    .amata-grid.grid-3-1-3.gap-4p [class^='g-item'] { width: calc(30.66666667%); margin: 0 4% 4% 0; }
    .amata-grid.grid-3-1-3.gap-4p [class^='g-item']:nth-child(3) { margin-right: 0; }
    .amata-grid.grid-3-1-3.gap-5p [class^='g-item'] { width: calc(30%); margin: 0 5% 5% 0; }
    .amata-grid.grid-3-1-3.gap-5p [class^='g-item']:nth-child(3) { margin-right: 0; }

    .amata-grid.grid-6-1-3.gap-0p [class^='g-item'] { width: calc(33.33333333%); }
    .amata-grid.grid-6-1-3.gap-1p [class^='g-item'] { width: calc(32.66666666%); margin: 0px 1% 1% 0px; }
    .amata-grid.grid-6-1-3.gap-1p [class^='g-item']:nth-child(3),
    .amata-grid.grid-6-1-3.gap-1p [class^='g-item']:nth-child(6) { margin-right: 0px; }
    .amata-grid.grid-6-1-3.gap-2p [class^='g-item'] { width: calc(32%); margin: 0px 2% 2% 0px; }
    .amata-grid.grid-6-1-3.gap-2p [class^='g-item']:nth-child(3),
    .amata-grid.grid-6-1-3.gap-2p [class^='g-item']:nth-child(6) { margin-right: 0px; }
    .amata-grid.grid-6-1-3.gap-3p [class^='g-item'] { width: calc(31.33333333%); margin: 0px 3% 3% 0px; }
    .amata-grid.grid-6-1-3.gap-3p [class^='g-item']:nth-child(3),
    .amata-grid.grid-6-1-3.gap-3p [class^='g-item']:nth-child(6) { margin-right: 0px; }
    .amata-grid.grid-6-1-3.gap-4p [class^='g-item'] { width: calc(30.66666667%); margin: 0px 4% 4% 0px; }
    .amata-grid.grid-6-1-3.gap-4p [class^='g-item']:nth-child(3),
    .amata-grid.grid-6-1-3.gap-4p [class^='g-item']:nth-child(6) { margin-right: 0px; }
    .amata-grid.grid-6-1-3.gap-5p [class^='g-item'] { width: calc(30%); margin: 0px 5% 5% 0px; }
    .amata-grid.grid-6-1-3.gap-5p [class^='g-item']:nth-child(3),
    .amata-grid.grid-6-1-3.gap-5p [class^='g-item']:nth-child(6) { margin-right: 0px; }

    .amata-grid.grid-4-1-4.gap-0p [class^='g-item'] { width: calc(25%); }
    .amata-grid.grid-4-1-4.gap-1p [class^='g-item'] { width: calc(24.25%); margin: 0 1% 1% 0; }
    .amata-grid.grid-4-1-4.gap-1p [class^='g-item']:nth-child(4) { margin-right: 0; }
    .amata-grid.grid-4-1-4.gap-2p [class^='g-item'] { width: calc(23.5%); margin: 0 2% 2% 0; }
    .amata-grid.grid-4-1-4.gap-2p [class^='g-item']:nth-child(4) { margin-right: 0px; }
    .amata-grid.grid-4-1-4.gap-3p [class^='g-item'] { width: calc(22.75%); margin: 0 3% 3% 0; }
    .amata-grid.grid-4-1-4.gap-3p [class^='g-item']:nth-child(4) { margin-right: 0; }
    .amata-grid.grid-4-1-4.gap-4p [class^='g-item'] { width: calc(22%); margin: 0 4% 4% 0; }
    .amata-grid.grid-4-1-4.gap-4p [class^='g-item']:nth-child(4) { margin-right: 0; }
    .amata-grid.grid-4-1-4.gap-5p [class^='g-item'] { width: calc(21.25%); margin: 0 5% 5% 0; }
    .amata-grid.grid-4-1-4.gap-5p [class^='g-item']:nth-child(4) { margin-right: 0; }

    .amata-grid.grid-8-1-4.gap-0p [class^='g-item'] { width: calc(25%); }
    .amata-grid.grid-8-1-4.gap-1p [class^='g-item'] { width: calc(24.25%); margin: 0px 1% 1% 0px; }
    .amata-grid.grid-8-1-4.gap-1p [class^='g-item']:nth-child(4),
    .amata-grid.grid-8-1-4.gap-1p [class^='g-item']:nth-child(8) { margin-right: 0px; }
    .amata-grid.grid-8-1-4.gap-2p [class^='g-item'] { width: calc(23.5%); margin: 0px 2% 2% 0px; }
    .amata-grid.grid-8-1-4.gap-2p [class^='g-item']:nth-child(4),
    .amata-grid.grid-8-1-4.gap-2p [class^='g-item']:nth-child(8) { margin-right: 0px; }
    .amata-grid.grid-8-1-4.gap-3p [class^='g-item'] { width: calc(22.75%); margin: 0px 3% 3% 0px; }
    .amata-grid.grid-8-1-4.gap-3p [class^='g-item']:nth-child(4),
    .amata-grid.grid-8-1-4.gap-3p [class^='g-item']:nth-child(8) { margin-right: 0px; }
    .amata-grid.grid-8-1-4.gap-4p [class^='g-item'] { width: calc(22%); margin: 0px 4% 4% 0px; }
    .amata-grid.grid-8-1-4.gap-4p [class^='g-item']:nth-child(4),
    .amata-grid.grid-8-1-4.gap-4p [class^='g-item']:nth-child(8) { margin-right: 0px; }
    .amata-grid.grid-8-1-4.gap-5p [class^='g-item'] { width: calc(21.25%); margin: 0px 5% 5% 0px; }
    .amata-grid.grid-8-1-4.gap-5p [class^='g-item']:nth-child(4),
    .amata-grid.grid-8-1-4.gap-5p [class^='g-item']:nth-child(8) { margin-right: 0px; }

    .amata-grid.grid-5-1-5.gap-0p [class^='g-item'] { width: calc(20%); }
    .amata-grid.grid-5-1-5.gap-1p [class^='g-item'] { width: calc(19.2%); margin: 0 1% 1% 0; }
    .amata-grid.grid-5-1-5.gap-1p [class^='g-item']:nth-child(5) { margin-right: 0; }
    .amata-grid.grid-5-1-5.gap-2p [class^='g-item'] { width: calc(18.4%); margin: 0 2% 2% 0; }
    .amata-grid.grid-5-1-5.gap-2p [class^='g-item']:nth-child(5) { margin-right: 0px; }
    .amata-grid.grid-5-1-5.gap-3p [class^='g-item'] { width: calc(17.6%); margin: 0 3% 3% 0; }
    .amata-grid.grid-5-1-5.gap-3p [class^='g-item']:nth-child(5) { margin-right: 0; }
    .amata-grid.grid-5-1-5.gap-4p [class^='g-item'] { width: calc(16.8%); margin: 0 4% 4% 0; }
    .amata-grid.grid-5-1-5.gap-4p [class^='g-item']:nth-child(5) { margin-right: 0; }
    .amata-grid.grid-5-1-5.gap-5p [class^='g-item'] { width: calc(16%); margin: 0 5% 5% 0; }
    .amata-grid.grid-5-1-5.gap-5p [class^='g-item']:nth-child(5) { margin-right: 0; }

    .amata-grid.grid-10-1-5.gap-0p [class^='g-item'] { width: calc(20%); }
    .amata-grid.grid-10-1-5.gap-1p [class^='g-item'] { width: calc(19.2%); margin: 0px 1% 1% 0px; }
    .amata-grid.grid-10-1-5.gap-1p [class^='g-item']:nth-child(5),
    .amata-grid.grid-10-1-5.gap-1p [class^='g-item']:nth-child(10) { margin-right: 0px; }
    .amata-grid.grid-10-1-5.gap-2p [class^='g-item'] { width: calc(18.4%); margin: 0px 2% 2% 0px; }
    .amata-grid.grid-10-1-5.gap-2p [class^='g-item']:nth-child(5),
    .amata-grid.grid-10-1-5.gap-2p [class^='g-item']:nth-child(10) { margin-right: 0px; }
    .amata-grid.grid-10-1-5.gap-3p [class^='g-item'] { width: calc(17.6%); margin: 0px 3% 3% 0px; }
    .amata-grid.grid-10-1-5.gap-3p [class^='g-item']:nth-child(5),
    .amata-grid.grid-10-1-5.gap-3p [class^='g-item']:nth-child(10) { margin-right: 0px; }
    .amata-grid.grid-10-1-5.gap-4p [class^='g-item'] { width: calc(16.8%); margin: 0px 4% 4% 0px; }
    .amata-grid.grid-10-1-5.gap-4p [class^='g-item']:nth-child(5),
    .amata-grid.grid-10-1-5.gap-4p [class^='g-item']:nth-child(10) { margin-right: 0px; }
    .amata-grid.grid-10-1-5.gap-5p [class^='g-item'] { width: calc(16%); margin: 0px 5% 5% 0px; }
    .amata-grid.grid-10-1-5.gap-5p [class^='g-item']:nth-child(5),
    .amata-grid.grid-10-1-5.gap-5p [class^='g-item']:nth-child(10) { margin-right: 0px; }

    @media (max-width: 991px) {
        .amata-grid.border-style-wrap.grid-2-1-2 > [class^='g-item'],
        .amata-grid.border-style-wrap.grid-4-1-2 > [class^='g-item'],
        .amata-grid.border-style-wrap.grid-6-1-2 > [class^='g-item'] { width: 100% !important; float: none; }

        .amata-grid.border-style-separate.grid-3-1-3 > [class^='g-item'] { width: 100% !important; float: none; border: 0; }
        .amata-grid.border-style-separate.grid-3-1-3 > [class^='g-item'].border-color-light { border-bottom: 1px solid #e7e7e7; }
        .amata-grid.border-style-separate.grid-3-1-3 > [class^='g-item']:last-child { border-bottom: 0; }
    }

/*--------------------------------------------------------------------*
    53. CAROUSEL BOX
*---------------------------------------------------------------------*/
    .amata-carousel-box .item-carousel img,
    .amata-portfolio-carousel .item-carousel img { width: 100%; height: auto; }
    .amata-portfolio-carousel { position: relative; }

    .column-1-gap-0px .item-carousel, 
    .column-1-gap-10px .item-carousel, 
    .column-1-gap-20px .item-carousel,
    .column-1-gap-30px .item-carousel, 
    .column-1-gap-40px .item-carousel, 
    .column-1-gap-50px .item-carousel, 
    .column-1-gap-60px .item-carousel { width: 100%; margin-right: 0; }

    .column-2-gap-0px .item-carousel { width: calc(100% / 2); margin-right: 0; }
    @media (max-width: 767px) { .column-3-gap-0px .item-carousel { width: 100%; } }
    .column-3-gap-0px .item-carousel { width: calc(100% / 3); margin-right: 0; }
    @media (max-width: 767px) { .column-3-gap-0px .item-carousel { width: 100%; } }
    .column-4-gap-0px .item-carousel { width: calc(100% / 4); margin-right: 0; }
    @media (max-width: 991px) { .column-4-gap-0px .item-carousel { width: calc(100% / 2); } }
    @media (max-width: 767px) { .column-4-gap-0px .item-carousel { width: 100%; } }
    .column-5-gap-0px .item-carousel { width: calc(100% / 5); margin-right: 0; }
    @media (max-width: 991px) { .column-5-gap-0px .item-carousel { width: calc(100% / 2); } }
    @media (max-width: 767px) { .column-5-gap-0px .item-carousel { width: 100%; } }
    .column-6-gap-0px .item-carousel { width: calc(100% / 6); margin-right: 0; }
    @media (max-width: 991px) { .column-6-gap-0px .item-carousel { width: calc(100% / 3); } }
    @media (max-width: 767px) { .column-6-gap-0px .item-carousel { width: 100%; } }
    .column-7-gap-0px .item-carousel { width: calc(100% / 7); margin-right: 0; }
    @media (max-width: 991px) { .column-7-gap-0px .item-carousel { width: calc(100% / 3); } }
    @media (max-width: 767px) { .column-7-gap-0px .item-carousel { width: 100%; } }

    .column-2-gap-10px .item-carousel { width: calc( (100% - 10px) / 2 ); margin-right: 10px; }
    @media (max-width: 991px) { .column-2-gap-10px .item-carousel { width: calc( (100% - 10px) / 2 ); margin-right: 10px; } }
    @media (max-width: 767px) { .column-2-gap-10px .item-carousel { width: 100%; } }
    .column-3-gap-10px .item-carousel { width: calc( (100% - 20px) / 3 ); margin-right: 10px; }
    @media (max-width: 991px) { .column-3-gap-10px .item-carousel { width: calc( (100% - 10px) / 2 ); margin-right: 10px; } }
    @media (max-width: 767px) { .column-3-gap-10px .item-carousel { width: 100%; } }
    .column-4-gap-10px .item-carousel { width: calc( (100% - 30px) / 4 ); margin-right: 10px; }
    @media (max-width: 991px) { .column-4-gap-10px .item-carousel { width: calc( (100% - 10px) / 2 ); margin-right: 10px; } }
    @media (max-width: 767px) { .column-4-gap-10px .item-carousel { width: 100%; } }
    .column-5-gap-10px .item-carousel { width: calc( (100% - 40px) / 5 ); margin-right: 10px; }
    @media (max-width: 991px) { .column-5-gap-10px .item-carousel { width: calc( (100% - 20px) / 3 ); margin-right: 10px; } }
    @media (max-width: 767px) { .column-5-gap-10px .item-carousel { width: calc(100% / 2); } }
    .column-6-gap-10px .item-carousel { width: calc( (100% - 50px) / 6 ); margin-right: 10px; }
    @media (max-width: 991px) { .column-6-gap-10px .item-carousel { width: calc( (100% - 20px) / 3 ); margin-right: 10px; } }
    @media (max-width: 767px) { .column-6-gap-10px .item-carousel { width: calc(100% / 2); } }
    .column-7-gap-10px .item-carousel { width: calc( (100% - 60px) / 7 ); margin-right: 10px; }
    @media (max-width: 991px) { .column-7-gap-10px .item-carousel { width: calc( (100% - 20px) / 3 ); margin-right: 0px; } }
    @media (max-width: 767px) { .column-7-gap-10px .item-carousel { width: calc(100% / 3); } }

    .column-2-gap-20px .item-carousel { width: calc( (100% - 20px) / 2 ); margin-right: 20px; }
    @media (max-width: 991px) { .column-2-gap-20px .item-carousel { width: calc( (100% - 20px) / 2 ); margin-right: 20px; } }
    @media (max-width: 767px) { .column-2-gap-20px .item-carousel { width: 100%; } }
    .column-3-gap-20px .item-carousel { width: calc( (100% - 40px) / 3 ); margin-right: 20px; }
    @media (max-width: 991px) { .column-3-gap-20px .item-carousel { width: calc( (100% - 20px) / 2 ); margin-right: 20px; } }
    @media (max-width: 767px) { .column-3-gap-20px .item-carousel { width: 100%; } }
    .column-4-gap-20px .item-carousel { width: calc( (100% - 60px) / 4 ); margin-right: 20px; }
    @media (max-width: 991px) { .column-4-gap-20px .item-carousel { width: calc( (100% - 20px) / 2 ); margin-right: 20px; } }
    @media (max-width: 767px) { .column-4-gap-20px .item-carousel { width: 100%; } }
    .column-5-gap-20px .item-carousel { width: calc( (100% - 80px) / 5 ); margin-right: 20px; }
    @media (max-width: 991px) { .column-5-gap-20px .item-carousel { width: calc( (100% - 40px) / 3 ); margin-right: 20px; } }
    @media (max-width: 767px) { .column-5-gap-20px .item-carousel { width: calc(100% / 2); } }
    .column-6-gap-20px .item-carousel { width: calc( (100% - 100px) / 6 ); margin-right: 20px; }
    @media (max-width: 991px) { .column-6-gap-20px .item-carousel { width: calc( (100% - 40px) / 3 ); margin-right: 20px; } }
    @media (max-width: 767px) { .column-6-gap-20px .item-carousel { width: calc(100% / 2); } }
    .column-7-gap-20px .item-carousel { width: calc( (100% - 120px) / 7 ); margin-right: 20px; }
    @media (max-width: 991px) { .column-7-gap-20px .item-carousel { width: calc( (100% - 40px) / 3 ); margin-right: 0px; } }
    @media (max-width: 767px) { .column-7-gap-20px .item-carousel { width: calc(100% / 3); } }

    .column-2-gap-30px .item-carousel { width: calc( (100% - 30px) / 2 ); margin-right: 30px; }
    @media (max-width: 991px) { .column-2-gap-30px .item-carousel { width: calc( (100% - 30px) / 2 ); margin-right: 30px; } }
    @media (max-width: 767px) { .column-2-gap-30px .item-carousel { width: 100%; } }
    .column-3-gap-30px .item-carousel { width: calc( (100% - 60px) / 3 ); margin-right: 30px; }
    @media (max-width: 991px) { .column-3-gap-30px .item-carousel { width: calc( (100% - 30px) / 2 ); margin-right: 30px; } }
    @media (max-width: 767px) { .column-3-gap-30px .item-carousel { width: 100%; } }
    .column-4-gap-30px .item-carousel { width: calc( (100% - 90px) / 4 ); margin-right: 30px; }
    @media (max-width: 991px) { .column-4-gap-30px .item-carousel { width: calc( (100% - 30px) / 2 ); margin-right: 30px; } }
    @media (max-width: 767px) { .column-4-gap-30px .item-carousel { width: 100%; margin-right: 30px; } }
    .column-5-gap-30px .item-carousel { width: calc( (100% - 120px) / 5 ); margin-right: 30px; }
    @media (max-width: 991px) { .column-5-gap-30px .item-carousel { width: calc( (100% - 60px) / 3 ); margin-right: 30px; } }
    @media (max-width: 767px) { .column-5-gap-30px .item-carousel { width: calc(100% / 2); } }
    .column-6-gap-30px .item-carousel { width: calc( (100% - 150px) / 6 ); margin-right: 30px; }
    @media (max-width: 991px) { .column-6-gap-30px .item-carousel { width: calc( (100% - 60px) / 3 ); margin-right: 30px; } }
    @media (max-width: 767px) { .column-6-gap-30px .item-carousel { width: calc(100% / 2); } }
    .column-7-gap-30px .item-carousel { width: calc( (100% - 180px) / 7 ); margin-right: 30px; }
    @media (max-width: 991px) { .column-7-gap-30px .item-carousel { width: calc( (100% - 60px) / 3 ); margin-right: 0px; } }
    @media (max-width: 767px) { .column-7-gap-30px .item-carousel { width: calc(100% / 3); } }

    .column-2-gap-40px .item-carousel { width: calc( (100% - 40px) / 2 ); margin-right: 40px; }
    @media (max-width: 991px) { .column-2-gap-40px .item-carousel { width: calc( (100% - 40px) / 2 ); margin-right: 40px; } }
    @media (max-width: 767px) { .column-2-gap-40px .item-carousel { width: 100%; } }
    .column-3-gap-40px .item-carousel { width: calc( (100% - 80px) / 3 ); margin-right: 40px; }
    @media (max-width: 991px) { .column-3-gap-40px .item-carousel { width: calc( (100% - 40px) / 2 ); margin-right: 40px; } }
    @media (max-width: 767px) { .column-3-gap-40px .item-carousel { width: 100%; } }
    .column-4-gap-40px .item-carousel { width: calc( (100% - 120px) / 4 ); margin-right: 40px; }
    @media (max-width: 991px) { .column-4-gap-40px .item-carousel { width: calc( (100% - 40px) / 2 ); margin-right: 40px; } }
    @media (max-width: 767px) { .column-4-gap-40px .item-carousel { width: 100%; } }
    .column-5-gap-40px .item-carousel { width: calc( (100% - 160px) / 5 ); margin-right: 40px; }
    @media (max-width: 991px) { .column-5-gap-40px .item-carousel { width: calc( (100% - 80px) / 3 ); margin-right: 40px; } }
    @media (max-width: 767px) { .column-5-gap-40px .item-carousel { width: calc(100% / 2); } }
    .column-6-gap-40px .item-carousel { width: calc( (100% - 200px) / 6 ); margin-right: 40px; }
    @media (max-width: 991px) { .column-6-gap-40px .item-carousel { width: calc( (100% - 80px) / 3 ); margin-right: 40px; } }
    @media (max-width: 767px) { .column-6-gap-40px .item-carousel { width: calc(100% / 2); } }
    .column-7-gap-40px .item-carousel { width: calc( (100% - 240px) / 7 ); margin-right: 40px; }
    @media (max-width: 991px) { .column-7-gap-40px .item-carousel { width: calc( (100% - 80px) / 3 ); margin-right: 0px; } }
    @media (max-width: 767px) { .column-7-gap-40px .item-carousel { width: calc(100% / 3); } }

    .column-2-gap-50px .item-carousel { width: calc( (100% - 50px) / 2 ); margin-right: 50px; }
    @media (max-width: 991px) { .column-2-gap-50px .item-carousel { width: calc( (100% - 50px) / 2 ); margin-right: 50px; } }
    @media (max-width: 767px) { .column-2-gap-50px .item-carousel { width: 100%; } }
    .column-3-gap-50px .item-carousel { width: calc( (100% - 100px) / 3 ); margin-right: 50px; }
    @media (max-width: 991px) { .column-3-gap-50px .item-carousel { width: calc( (100% - 50px) / 2 ); margin-right: 50px; } }
    @media (max-width: 767px) { .column-3-gap-50px .item-carousel { width: 100%; } }
    .column-4-gap-50px .item-carousel { width: calc( (100% - 150px) / 4 ); margin-right: 50px; }
    @media (max-width: 991px) { .column-4-gap-50px .item-carousel { width: calc( (100% - 50px) / 2 ); margin-right: 50px; } }
    @media (max-width: 767px) { .column-4-gap-50px .item-carousel { width: 100%; } }
    .column-5-gap-50px .item-carousel { width: calc( (100% - 200px) / 5 ); margin-right: 50px; }
    @media (max-width: 991px) { .column-5-gap-50px .item-carousel { width: calc( (100% - 100px) / 3 ); margin-right: 50px; } }
    @media (max-width: 767px) { .column-5-gap-50px .item-carousel { width: calc(100% / 2); } }
    .column-6-gap-50px .item-carousel { width: calc( (100% - 250px) / 6 ); margin-right: 50px; }
    @media (max-width: 991px) { .column-6-gap-50px .item-carousel { width: calc( (100% - 100px) / 3 ); margin-right: 50px; } }
    @media (max-width: 767px) { .column-6-gap-50px .item-carousel { width: calc(100% / 2); } }
    .column-7-gap-50px .item-carousel { width: calc( (100% - 300px) / 7 ); margin-right: 50px; }
    @media (max-width: 991px) { .column-7-gap-50px .item-carousel { width: calc( (100% - 100px) / 3 ); margin-right: 0px; } }
    @media (max-width: 767px) { .column-7-gap-50px .item-carousel { width: calc(100% / 3); } }

    .column-2-gap-60px .item-carousel { width: calc( (100% - 60px) / 2 ); margin-right: 60px; }
    @media (max-width: 991px) { .column-2-gap-60px .item-carousel { width: calc( (100% - 60px) / 2 ); margin-right: 60px; } }
    @media (max-width: 767px) { .column-2-gap-60px .item-carousel { width: 100%; } }
    .column-3-gap-60px .item-carousel { width: calc( (100% - 120px) / 3 ); margin-right: 60px; }
    @media (max-width: 991px) { .column-3-gap-60px .item-carousel { width: calc( (100% - 60px) / 2 ); margin-right: 60px; } }
    @media (max-width: 767px) { .column-3-gap-60px .item-carousel { width: 100%; } }
    .column-4-gap-60px .item-carousel { width: calc( (100% - 180px) / 4 ); margin-right: 60px; }
    @media (max-width: 991px) { .column-4-gap-60px .item-carousel { width: calc( (100% - 60px) / 2 ); margin-right: 60px; } }
    @media (max-width: 767px) { .column-4-gap-60px .item-carousel { width: 100%; } }
    .column-5-gap-60px .item-carousel { width: calc( (100% - 240px) / 5 ); margin-right: 60px; }
    @media (max-width: 991px) { .column-5-gap-60px .item-carousel { width: calc( (100% - 120px) / 3 ); margin-right: 60px; } }
    @media (max-width: 767px) { .column-5-gap-60px .item-carousel { width: calc(100% / 2); } }
    .column-6-gap-60px .item-carousel { width: calc( (100% - 300px) / 6 ); margin-right: 60px; }
    @media (max-width: 991px) { .column-6-gap-60px .item-carousel { width: calc( (100% - 120px) / 3 ); margin-right: 60px; } }
    @media (max-width: 767px) { .column-6-gap-60px .item-carousel { width: calc(100% / 2); } }
    .column-7-gap-60px .item-carousel { width: calc( (100% - 360px) / 7 ); margin-right: 60px; }
    @media (max-width: 991px) { .column-7-gap-60px .item-carousel { width: calc( (100% - 120px) / 3 ); margin-right: 0px; } }
    @media (max-width: 767px) { .column-7-gap-60px .item-carousel { width: calc(100% / 3); } }

    /* Arrows */
    .flickity-prev-next-button:focus { box-shadow: none; }
    .flickity-prev-next-button:disabled { opacity: 1; }
    .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; margin: auto; transition: all 0.3s ease; }
    .flickity-prev-next-button.next:hover .flickity-button-icon { transform: translateX(3px); }
    .flickity-prev-next-button.previous:hover .flickity-button-icon { transform: translateX(-3px); }
    .flickity-prev-next-button { width: 48px; height: 48px; padding: 0; margin: 0; }
    .flickity-prev-next-button.previous { left: -24px; }
    .flickity-prev-next-button.next { right: -24px; }

    .arrow-style-1 .flickity-prev-next-button { box-shadow: 0 5px 30px rgb(0,0,0,0.07); }
    .arrow-style-1 .flickity-prev-next-button { background-color: var(--color-primary); }
    .arrow-style-1 .flickity-prev-next-button:disabled { background-color: #fff; }
    .arrow-style-1.svg-type-stroke .flickity-prev-next-button .flickity-button-icon { stroke: #fff !important; stroke-width: 2; fill: none !important; }
    .arrow-style-1.svg-type-stroke .flickity-prev-next-button:disabled .flickity-button-icon { stroke: var(--color-gray-10) !important; }
    .arrow-style-1.svg-type-fill .flickity-prev-next-button .flickity-button-icon { fill: #fff !important; }
    .arrow-style-1.svg-type-fill .flickity-prev-next-button:disabled .flickity-button-icon { fill: var(--color-gray-10) !important; }

    .arrow-style-2 .flickity-prev-next-button:disabled .flickity-button-icon { opacity: 0.3; }
    .arrow-style-2 .flickity-prev-next-button { background-color: transparent; }
    .arrow-style-2.svg-type-stroke .flickity-prev-next-button .flickity-button-icon { stroke: var(--color-gray-10) !important; stroke-width: 2; fill: none !important; }
    .arrow-style-2.svg-type-fill .flickity-prev-next-button .flickity-button-icon { fill: var(--color-gray-10) !important; }

    .arrow-position-1 .flickity-page-nav { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
    .arrow-position-1 .flickity-prev-next-button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999; }
    .arrow-position-1 .flickity-prev-next-button.previous { left: -24px; }
    .arrow-position-1 .flickity-prev-next-button.next { right: -24px; }

    .arrow-position-2 .flickity-page-nav { display: flex; justify-content: center; }
    .arrow-position-2 .flickity-prev-next-button { position: static; transform: translateY(0); }
    .arrow-position-2 .flickity-prev-next-button { margin: 0 3px; }

    .arrow-position-3 .flickity-page-nav { display: flex; justify-content: flex-start; }
    .arrow-position-3 .flickity-prev-next-button { position: static; transform: translateY(0); }
    .arrow-position-3 .flickity-prev-next-button.previous { margin-right: 6px; }

    .arrow-position-4 .flickity-page-nav { position: absolute; right: 0; top: 0; transform: translateY(-50%); width: 100%; }
    .arrow-position-4 .flickity-prev-next-button { position: absolute; left: auto; right: 0; top: -124px; z-index: 9999; }
    .arrow-position-4.arrow-style-1 .flickity-prev-next-button.previous { right: 54px; }
    .arrow-position-4.arrow-style-2 .flickity-prev-next-button.previous { right: 34px; }
    .arrow-position-4.arrow-style-2 .flickity-prev-next-button.next { right: -10px; }

    .arrow-position-5 .flickity-page-nav { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
    .arrow-position-5 .flickity-prev-next-button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999; }
    .arrow-position-5 .flickity-prev-next-button.previous { left: 0px; }
    .arrow-position-5 .flickity-prev-next-button.next { right: 0px; }

    .arrow-position-6 .flickity-page-nav { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
    .arrow-position-6 .flickity-prev-next-button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999; }
    .arrow-position-6 .flickity-prev-next-button.previous { left: -78px; }
    .arrow-position-6 .flickity-prev-next-button.next { right: -78px; }

    .arrow-rounded-no .flickity-prev-next-button { border-radius: 0; }
    .arrow-rounded-yes .flickity-prev-next-button { border-radius: 50%; }

    /* Dots */
    .dot-style-1 .flickity-page-dots { height: 8px; z-index: 9999; display: flex; }
    .dot-style-1 .flickity-page-dots .dot { background-color: var(--color-gray-2); border-radius: 4px; width: 8px; height: 8px; margin: 0 6px; border: 0; opacity: 1; transition: all 0.3s ease; }
    .dot-style-1 .flickity-page-dots .dot.is-selected { background-color: var(--color-primary); }

    .dot-style-2 .flickity-page-dots { height: 2px; line-height: 2px; z-index: 9999; display: flex; }
    .dot-style-2 .flickity-page-dots .dot { background-color: var(--color-gray-2); border-radius: 0; width: 32px; height: 2px; margin: 0 4px; border: 0; opacity: 1; transition: all 0.3s ease; }
    .dot-style-2 .flickity-page-dots .dot.is-selected { background-color: var(--color-gray-10); width: 32px; }

    .dot-position-1 .flickity-page-dots { justify-content: center; position: static; }
    .dot-position-2 .flickity-page-dots { justify-content: flex-start; position: static; }

/*--------------------------------------------------------------------*
    54. AMATA HERO
*---------------------------------------------------------------------*/
    .amata-hero .p-bg { width: 100%; height: 100%; background-position: center center; position: absolute; top: 0; left: 0; margin: 0; background-size: cover; background-repeat: no-repeat; }
    .amata-hero .image img { visibility: hidden; }
    .amata-hero .image { opacity: 0; height: 100%; }
    .amata-hero .title span { display: inline-block; }
    .amata-hero .desc span { display: block; }

    /* Style 1 */
    .amata-hero.style-1 { opacity: 0; position: relative; width: 100%; height: calc(100vh - 80px); }
    .amata-hero.style-1.active { opacity: 1; }
    .amata-hero.style-1 .slide { position: absolute; width: 100%; height: 100%; background: url(../img/hero-1920x1080-11.jpg) no-repeat center center; background-size: cover; }

    .amata-hero.style-1 .content-wrap { display: flex; align-items: center; position: relative; height: 100%; z-index: 200; }
    .amata-hero.style-1 .image-wrap { position: absolute; right: 0; top: 0; width: 60%; height: 100%; overflow: hidden; z-index: 100; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%); }
    .amata-hero.style-1 .image-wrap .image { height: 100%; }
    .amata-hero.style-1 .image-wrap .image img { width: 100%; height: 100%; }
    .amata-hero.style-1 .s-control { width: 100%; position: absolute; bottom: 26px; left: 0; z-index: 300; }

    .amata-hero.style-1 .s-bullets { height: 10px; opacity: 0; visibility: hidden; position: absolute; bottom: 24px; right: 15px; z-index: 300; transition: all 1s ease; }
    .amata-hero.style-1 .s-control.active .s-bullets { opacity: 1; visibility: visible; }
    .amata-hero.style-1 .s-bullets .dot { display: inline-block; width: 8px; height: 8px; line-height: 10px; border: 1px solid #fff; border-radius: 50%; margin: 0 0 0 10px; cursor: pointer; transition: all 0.3s ease; }
    .amata-hero.style-1 .s-bullets .dot.active { background-color: #fff; }
    @media (max-width: 991px) {
        .amata-hero.style-1 .image-wrap { width: 40%; }
    }

    /* Style 2 */
    .amata-hero.style-2.active { opacity: 1; }
    .amata-hero.style-2 .slide { position: absolute; width: 100%; height: 100%; }

    .amata-hero.style-2 { opacity: 0; position: relative; width: 100%; height: 100vh; }
    .amata-hero.style-2 .image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 100; /*   clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0); */}
    .amata-hero.style-2 .content-wrap { display: flex; align-items: center; position: relative; height: 100%; z-index: 200; }
    .amata-hero.style-2 .s-control { width: 100%; position: absolute; bottom: 26px; left: 0; z-index: 300; }

    .amata-hero.style-2 .s-bullets { height: 10px; opacity: 0; visibility: hidden; position: absolute; bottom: 24px; right: 15px; z-index: 300; transition: all 1s ease; }
    .amata-hero.style-2 .s-control.active .s-bullets { opacity: 1; visibility: visible; }
    .amata-hero.style-2 .s-bullets .dot { display: inline-block; width: 8px; height: 8px; line-height: 10px; border: 1px solid #fff; border-radius: 50%; margin: 0 0 0 10px; cursor: pointer; transition: all 0.3s ease; }
    .amata-hero.style-2 .s-bullets .dot.active { background-color: #fff; }
    @media (max-width: 991px) {
        .amata-hero.style-2 .s-nav-text .nav-item .name { display: none; }
        .amata-hero.style-2 .s-nav-text .nav-item { padding-bottom: 12px; }
        .amata-hero.style-2 .s-nav-text .nav-item .numb { margin: 0; padding: 0 12px; font-weight: 500 !important; }
        .amata-hero.style-2 .s-nav-text { padding: 0 30%; bottom: 100px; }
    }

    /* Arrows */
    .amata-hero .s-nav { display: inline-block; height: 44px; }
    .amata-hero .s-nav .arrow-prev-next { margin-left: 10px; opacity: 0; visibility: hidden; position: relative; width: 44px; height: 44px; line-height: 42px; background-color: transparent; border: 1px solid var(--color-gray-2); border-radius: 50%; text-align: center; padding: 0; cursor: pointer; }
    .amata-hero .s-control.active .arrow-prev-next { margin-left: 0; opacity: 1; visibility: visible; transition: all 0.3s ease; }
    .amata-hero .s-control.active .arrow-prev-next .arrow-next { transition-delay: 0.3s; }
    .amata-hero .s-nav .arrow-prev-next:after { content: "\e684"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: 'Pe-icon-7-stroke'; color: var(--color-gray-15); font-size: 32px; transition: all 0.3s ease; }
    .amata-hero .s-nav .arrow-prev-next.arrow-prev { margin-right: 3px; }
    .amata-hero .s-nav .arrow-prev-next.arrow-prev:after { content: "\e686"; }
    .amata-hero .s-nav .arrow-prev-next:hover { border-color: var(--color-gray-15); }
    .amata-hero .s-nav .arrow-prev-next.arrow-next { border-color: var(--color-gray-10); }
    .amata-hero .s-nav .arrow-prev-next:hover:after { transform: translateX(2px); }
    .amata-hero .s-nav .arrow-prev-next.arrow-prev:hover:after { transform: translateX(-2px); }

    .amata-hero .s-nav.light .arrow-prev-next { border: 1px solid var(--color-gray-8); }
    .amata-hero .s-nav.light .arrow-prev-next:after { color: var(--color-gray-3); }
    .amata-hero .s-nav.light .arrow-prev-next:hover { border-color: var(--color-gray-3); }
    .amata-hero .s-nav.light .arrow-prev-next.arrow-next { border-color: var(--color-gray-3); }

    /* Numbers */
    .amata-hero .s-numbers { position: absolute; bottom: 56px; right: 15px; z-index: 300; transition: all 0.8s ease; }
    .amata-hero .s-numbers > span { position: relative; display: inline-block; font-size: 28px; color: rgb(255,255,255,0.8); letter-spacing: -1px; }
    .amata-hero .s-numbers > span.slide-total { position: relative; left: 0; top: 10px; padding-left: 16px; }
    .amata-hero .s-numbers > span.slide-total:before { content: "/"; position: absolute; left: 0; top: -4px; }
    .amata-hero .s-numbers > span.slide-current { overflow: hidden; position: relative; left: 6px; font-size: 20px; }

    /* Title rotate */
    .amata-hero .s-titles { position: absolute; bottom: 100px; left: 15px; z-index: 300; transition: all 0.8s ease; }
    .amata-hero .s-titles .title-current { overflow: hidden; font-size: 18px; display: inline-block; color: rgb(255,255,255,0.8); }

    /* Timer */
    .amata-hero .s-timer-bar { background-color: rgba(255,255,255,0.3); position: absolute; left: 0; bottom: 0; z-index: 400; height: 5px; }

    .amata-hero .s-timer-circle { position: absolute; left: 50px; top: 50%; margin-top: -50px; width: 100px; height: 100px; fill: none; stroke-width: 2px; stroke: #fff; z-index: 300; transform: rotate(-90deg); }
    .amata-hero .s-timer-circle .circle-bg { opacity: 0.2; }

    /* Progress */
    .amata-hero .progress-wrap { position: absolute; left: 50%; bottom: 100px; margin-left: -80px; display: inline-block; width: 160px; height: 2px; border-radius: 2px; background-color: rgba(255,255,255,0.3); overflow: hidden; z-index: 300; }
    .amata-hero .progress-wrap .s-progress { position: absolute; left: 0; top: 0; height: 100%; background-color: #fff; }

    /* Scroll down */
    .amata-hero .scroll-down { position: absolute; left: 50%; bottom: 26px; width: 24px; margin-left: -12px; z-index: 300; transition: opacity 0.3s ease; }
    .amata-hero .scroll-down path { fill: none; stroke: #fff; stroke-width: 2; stroke-miterlimit: 10; }
    .amata-hero .scroll-down .wheel { animation: scroll ease 1.5s infinite; }
    .amata-hero .scroll-down:hover { opacity: 0.7; }
    @keyframes scroll {
        0% { transform: translateY(0);}
        50% { transform: translateY(35px); }
    }

    /* Nav text */
    .amata-hero .s-nav-text { padding: 0 40px; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 17%; width: 100%; position: absolute; left: 0; bottom: 120px; z-index: 300; display: flex; justify-content: space-between; }
    .amata-hero .s-nav-text .nav-item { opacity: 0.7; position: relative; display: flex; align-items: center; padding-bottom: 30px; cursor: pointer; transition: opacity 0.3s ease; }
    .amata-hero .s-nav-text .nav-item .numb { color: #fff; font-size: 18px; margin-right: 8px; }
    .amata-hero .s-nav-text .nav-item .name { color: #fff; }
    .amata-hero .s-nav-text .nav-item .nav-progress { z-index: 300; position: absolute; bottom: -1px; left: -15px; width: 0; height: 1px; background-color: #fff; }
    .amata-hero .s-nav-text .nav-item.active .nav-progress { width: calc(100% + 30px ); }
    .amata-hero .s-nav-text .nav-item:hover,
    .amata-hero .s-nav-text .nav-item.active { opacity: 1; }

    .amata-hero .s-nav-text.style-2 .nav-item .count { display: inline-block; width: 100px; height: 100px; position: relative; }
    .amata-hero .s-nav-text.style-2 .nav-item .numb { text-align: center; position: absolute; left: 0; top: 0; width: 100px; height: 100px; display: inline-block; line-height: 100px; position: relative; }

    .amata-hero .s-nav-text.style-2 .nav-item .circle { position: absolute; left: 0; top: 0; fill: none; stroke-width: 2px; stroke: #fff; transform: rotate(-90deg); }
    .amata-hero .s-nav-text.style-2 .nav-item .circle .nav-progress { stroke-dasharray: 314; opacity: 0;  transition: opacity 1s linear; }
    .amata-hero .s-nav-text.style-2 .nav-item.active .circle .nav-progress { animation: 6s svgdraw forwards; opacity: 1; }
    .amata-hero .s-nav-text.style-2 .nav-item .circle .bg-progress { opacity: 0.2; }

    @keyframes svgdraw {
        0% { stroke-dashoffset: 314; }
        100% { stroke-dashoffset: 0; }
    }

/*--------------------------------------------------------------------*
    55. FEATURED SLIDE
*---------------------------------------------------------------------*/
    .amata-featured-slide { opacity: 0; position: relative; width: 100%; transition: opacity 1s ease; }
    .amata-featured-slide.active { opacity: 1; }
    .amata-featured-slide .s-content .content { display: none; }
    .amata-featured-slide .slide { display: flex; align-items: stretch; }
    .amata-featured-slide .image-wrap img { visibility: hidden; }

    .amata-featured-slide .content-wrap { background-color: #fff; position: relative; z-index: 400; }
    .amata-featured-slide .content-wrap,
    .amata-featured-slide .image-wrap { overflow: hidden; flex: 0 0 50%; max-width: 50%; }
    .amata-featured-slide .image { position: relative; height: 100%; }
    .amata-featured-slide .p-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 300; }

    .amata-featured-slide .s-control { display: inline-block; position: absolute; right: 30px; bottom: 30px; }
    .amata-featured-slide .s-bullets { height: 10px; opacity: 0; visibility: hidden; position: absolute; bottom: 24px; right: 15px; z-index: 300; transition: all 1s ease; }
    .amata-featured-slide .s-control.active .s-bullets { opacity: 1; visibility: visible; }
    .amata-featured-slide .s-bullets .dot { display: inline-block; width: 8px; height: 8px; line-height: 10px; border: 1px solid #fff; border-radius: 50%; margin: 0 0 0 10px; cursor: pointer; transition: all 0.3s ease; }
    .amata-featured-slide .s-bullets .dot.active { background-color: #fff; }

    /* Arrows */
    .amata-featured-slide .s-nav { display: inline-block; height: 44px; }
    .amata-featured-slide .s-nav .arrow-prev-next { margin-left: 10px; opacity: 0; visibility: hidden; position: relative; width: 44px; height: 44px; line-height: 42px; background-color: transparent; border: 1px solid var(--color-gray-2); border-radius: 50%; text-align: center; padding: 0; cursor: pointer; }
    .amata-featured-slide .s-control.active .arrow-prev-next { margin-left: 0; opacity: 1; visibility: visible; transition: all 1s ease; }
    .amata-featured-slide .s-control.active .arrow-prev-next .arrow-next { transition-delay: 0.3s; }
    .amata-featured-slide .s-nav .arrow-prev-next:after { content: "\e684"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: 'Pe-icon-7-stroke'; color: var(--color-gray-15); font-size: 32px; transition: all 0.3s ease; }
    .amata-featured-slide .s-nav .arrow-prev-next.arrow-prev { margin-right: 3px; }
    .amata-featured-slide .s-nav .arrow-prev-next.arrow-prev:after { content: "\e686"; }
    .amata-featured-slide .s-nav .arrow-prev-next:hover { border-color: var(--color-gray-15); }
    .amata-featured-slide .s-nav .arrow-prev-next:hover:after { transform: translateX(2px); }
    .amata-featured-slide .s-nav .arrow-prev-next.arrow-prev:hover:after { transform: translateX(-2px); }

    @media screen and (max-width: 991px) {
        .amata-featured-slide .slide { flex-flow: column; padding-bottom: 1.33333em; }
        .amata-featured-slide .slide .image-wrap,
        .amata-featured-slide .slide .content-wrap { max-width: none; width: 100%; }
    }

/*--------------------------------------------------------------------*
    56. INFO SLIDE
*---------------------------------------------------------------------*/
    .amata-info-slide { position: relative; }
    .amata-info-slide .bg-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1f1f1f; }
    .amata-info-slide .bg-wrap .bg { opacity: 0; visibility: hidden; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 2s ease; }
    .amata-info-slide .bg-wrap .bg.show { opacity: 1; visibility: visible; }

    .amata-info-slide .item-wrap { display: flex; flex-wrap: wrap; }
    .amata-info-slide .item-wrap .is-item { position: relative; flex: 1; height: 658px; overflow: hidden; border-left: 1px solid rgba(255,255,255,0.3); }
    .amata-info-slide .item-wrap .is-item:first-child { border: 0; }
    .amata-info-slide .item-wrap .media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
    .amata-info-slide .item-wrap .overlay { background-image: linear-gradient(to top, rgba(0,0,0,0.6) 0, transparent 50%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .amata-info-slide .item-wrap .content-wrap { position: absolute; left: 0; bottom: 40px; padding: 0 56px; }
    .amata-info-slide .item-wrap .desc { overflow: hidden; height: 0; transition: opacity 0.3s ease, height 0.3s ease; }
    .amata-info-slide .item-wrap .number { color: transparent; -webkit-text-stroke: 1px var(--color-gray-2); }

    @media (max-width: 991px) {
        .amata-info-slide.slide-4 .item-wrap .is-item { flex: 0 0 50%; }
        .amata-info-slide.slide-4 .item-wrap .is-item:nth-child(1),
        .amata-info-slide.slide-4 .item-wrap .is-item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.3); }
    }

    @media (max-width: 767px) {
        .amata-info-slide.slide-4 .item-wrap .is-item { flex: 0 0 100%; }
        .amata-info-slide.slide-4 .item-wrap .is-item:nth-child(1),
        .amata-info-slide.slide-4 .item-wrap .is-item:nth-child(2),
        .amata-info-slide.slide-4 .item-wrap .is-item:nth-child(3) { border-bottom: 1px solid rgba(255,255,255,0.3); }
    }

/*--------------------------------------------------------------------*
    57. SERVICES GROUP
*---------------------------------------------------------------------*/
    .amata-services-group { display: flex; flex-wrap: wrap; }
    .amata-services-group .sl-item { position: relative; flex: 1; overflow: hidden; }
    .amata-services-group .media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
    .amata-services-group .overlay { background-image: linear-gradient(to top, rgba(0,0,0,0.6) 0, transparent 50%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .amata-services-group .content-wrap { position: absolute; left: 0; bottom: 40px; padding: 0 56px; }
    .amata-services-group .headline { color: #fff; font-size: 28px; line-height: 38px; }
    .amata-services-group .desc { margin-top: 12px; overflow: hidden; color: #fff; font-size: 16px; line-height: 26px; height: 0; transition: opacity 0.3s ease, height 0.3s ease; }

    @media (max-width: 991px) {
        .amata-services-group .sl-item { flex: 0 0 100%; margin-bottom: 30px; }
        .amata-services-group .sl-item:last-child { margin-bottom: 0; }
    }

.fontgelami {
	font-family: "kathyaregular",Helvetica,Arial,sans-serif;
}

.roboto_condensed_bold {
	font-family: "roboto_condensedbold",Helvetica,Arial,sans-serif;
}

.roboto_condensed_light {
	font-family: "roboto_condensedlight",Helvetica,Arial,sans-serif;
}

.roboto_condensed {
	font-family: "roboto_condensedregular",Helvetica,Arial,sans-serif;
}

.roboto_condensed_light_italic {
	font-family: "roboto_condensedlight_italic",Helvetica,Arial,sans-serif;
}

.roboto_light {
	font-family: "robotolight",Helvetica,Arial,sans-serif;
}

.roboto {
	font-family: "robotoregular",Helvetica,Arial,sans-serif;
}

.colore_celeste {
	color: var(--color-primary);
}

.colore_celeste_scuro {
	color: var(--color-primary-1);
}

.mtmeno5 {
	margin-top: -5px;
}

.colore_senza_lattosio1 {
	background: #184a4e;
	padding: 0 5px 0 5px;
	color: #efefef;
}

.colore_senza_lattosio {
	background: #efefef;
	padding: 0 5px 0 5px;
}

.bg_gelati {
	background-image: url("../img/logo_gelami_preparati_e_basi_UHT_gelati_artigianali_craft_icre_creams/texture.png");
	margin: 0 auto;
	max-width: 1570px;
	height: 100%;
}

.bg_celeste_sito {
	background: #68b5ba !important;
}

.border-celeste {
	border-color: #88CCD1;
}

.colore_celestre_moltoscuro {
	color: #27686c;
}

.width-100 {
	width: 100% !important;
}

.line-height-35 {
	line-height: 35px;
}

.mappa {
    width: 100% !important;
    min-height: 450px !important;
}

.backgroundchiaro {
	background-color:#EDEDED;
}

    .a-item { position: relative; overflow: hidden; }
    .a-item > .overlay { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
    .a-item > .overlay svg { width: 36px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: margin 0.3s ease; }
    .a-item:hover .overlay { opacity: 0.9; }
    .a-item:hover .thumb { transform: scale(1.07); } 
    .a-item .thumb { z-index: 0; transition: transform 0.5s cubic-bezier(.15,.75,.5,1); }
    .a-item .sb-icon { position: absolute; left: 50%; top: 0; margin: -44px 0 0 -44px; width: 88px; height: 88px; line-height: 88px; text-align: center; background-color: #fff; color: var(--color-primary); font-size: 46px; border-radius: 50%; z-index: 50; }

.background-scuro {
	background-color: #57AFB5;
}

.background-scuro-molto {
	background-color: #044A4F;
}

.colore_celestre_moltoscuromolto {
	color: #044A4F;
}

.whatsapp_ordiniamo {
	background-color:#06A600;
	position: fixed;
	z-index: 9999999;
	left: 0;
	right: auto;
	bottom: 0;
	border-radius: 50px;
	height: 40px;
    white-space: nowrap;
    padding: 12px 29px 43px;
	margin-top: 24px;
    margin-bottom: 24px;
	margin-left: 24px;
	}

.ordiniamo {
	font-size: 15px !important;
	color: #FFFFFF;
	}

@media (max-width: 768px) {

	.whatsapp_ordiniamo {
	background-color:#06A600;
	position: fixed;
	z-index: 9999999;
	left: 0;
	right: auto;
	bottom: 0;
	border-radius: 50px;
	height: 40px;
    white-space: nowrap;
    padding: 10px 16px 39px;
	margin-top: 24px;
    margin-bottom: 24px;
	margin-left: 24px;
	}

.ordiniamo {
	font-size: 14px !important;
	color: #FFFFFF;
	}

}
/* Ensure no bullets in the footer menu */
.custom-footer-menu {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.custom-footer-menu li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Fix for some themes adding extra styles */
.custom-footer-menu li::before {
    content: none !important;
}
ul.custom-footer-menu {
    list-style: none !important;
}



.post-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.post-meta {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 5px;
}

.post-content {
    font-size: 18px;
    line-height: 1.8;
    color: #444;
}

.post-tags {
    margin-top: 20px;
    font-size: 14px;
    color: #555;
}

/* Sidebar Styles */
.sidebar {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
}

.sidebar .widget {
    margin-bottom: 20px;
}

.sidebar .widget-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.sidebar ul {
    list-style: none;
    padding-left: 0;
}

.sidebar ul li {
    margin-bottom: 10px;
}

.sidebar ul li a {
    text-decoration: none;
    color: #0073aa;
}

.sidebar ul li a:hover {
    color: #005177;
}