@charset "UTF-8";

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

Name: style.css
Version: 3.2

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Margin
    12. Padding
    13. Display and float
    14. Position
    15. Width
    16. Height
    17. Icon
    18. Magnific popup
    19. Header
    20. Page title
    21. Swiper carousel
    22. Grid
    23. Portfolio
    24. Elements
    25. Blog
    26. Footer
    27. Home page
    28. Others
*/

/* ===================================
    01. Google font
====================================== */

/* Montserrat uses the Google Fonts stylesheet loaded in index.html.
   Edwardian Script ITC is served locally from the licensed webfont in /fonts. */




/* ===================================
    02. Reset
====================================== */
html {font-size: 15px;}
body {font-family: var(--sr-font-sans); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:16px; color:var(--sr-color-text); font-weight:400; line-height:1.6;}
body, html {height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus {color: #6f6f6f; text-decoration: none;}
a:hover, a:active{color: var(--base-color); text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none; box-shadow: none;}
img {max-width:100%; height:auto;}
video {background-size: cover; display: table-cell; vertical-align: middle; width: 100%;}
input, textarea, select{border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}
input[type="submit"] {width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {-webkit-appearance: none; outline: none;}
input:focus, textarea:focus{border-color: #585858 !important; outline: none;}
input[type="button"]:focus, input:focus, textarea:focus, select:focus, .btn.focus, .btn:focus{outline: none; box-shadow: none;}
select::-ms-expand{display:none;}
iframe {border: 0;}
p {margin: 0 0 25px}
b, strong {font-weight: 600;}
.last-paragraph-no-margin p:last-of-type {margin-bottom:0}
.alt-font strong {font-weight: 700}
ul, ol {list-style-position: outside; margin-bottom: 25px}
*{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
*:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
 .swiper *, .mfp-container *, .portfolio-wrapper *, .parallax {transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}
::selection {color: #000; background:#dbdbdb;}
::-moz-selection {color:#000; background:#dbdbdb;}
::-webkit-input-placeholder {color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder {color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

.container, .container-fluid, .container-lg {padding-right: 15px; padding-left: 15px;}
.row {margin-right: -15px; margin-left: -15px;}
.row>* {padding-right: 15px; padding-left: 15px;}
header [class^="container-"] [class^="col-"], header [class^="container-"] [class*=" col-"] {position: relative; padding-left: 15px; padding-right: 15px;}
 .swiper { z-index: 1; }

@media (prefers-reduced-motion:no-preference) {
    :root {scroll-behavior: auto}
}

/* base color variable*/
:root {
    --base-color: #ff214f;
    --sr-font-sans: 'Montserrat', sans-serif;
    --sr-font-script: 'SR Edwardian Script', 'Edwardian Script ITC', cursive;
    --sr-color-text: #1c1c1c;
    --sr-color-muted: #4b4b4b;
    --sr-color-light: #fff;
    --sr-color-accent: #D3A475;
}

/* ===================================
    03. Typography
====================================== */

/* font family */
.alt-font {font-family: var(--sr-font-sans); font-weight: 500}
.font-montserrat-bold {font-family: var(--sr-font-sans); font-weight: 700;}
.font-montserrat-medium {font-family: var(--sr-font-sans); font-weight: 500;}

/* heading */
h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 700;}
h1 {font-size:40px; line-height:1.2;}
h2 {font-size:32px; line-height:1.25}
h3 {font-size:24px; line-height:1.3}
h4 {font-size:20px; line-height:1.35}
h5 {font-size:18px; line-height:1.4}
h6 {font-size:16px; line-height:1.5}

/* text size */
.text-small {font-size:12px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}

/* text color */
.text-white-2, .btn.text-white-2 {color:#FFF}
.text-black, .btn.text-black {color:#000}
.text-extra-dark-gray, .btn.text-extra-dark-gray {color:#232323}
.text-dark-gray, .btn.text-dark-gray {color:#626262}
.text-medium-gray, .btn.text-medium-gray {color:#939393}
.text-light-gray, .btn.text-light-gray {color:#d6d5d5}
.text-deep-pink, .btn.text-deep-pink {color: var(--base-color)}
.sr-text-accent {color:var(--sr-color-accent)}
.sr-text-dark {color:var(--sr-color-text)}
.sr-text-muted {color:var(--sr-color-muted)}
.sr-text-light {color:var(--sr-color-light)}

/* dropcap */

/* blockquote */

/* text link hover color */

/* hover color */

/* letter spacing */
.letter-spacing-minus-1 {letter-spacing:-1px}

/* font weight */
.font-weight-400 {font-weight:400}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}

/* text property */
.text-decoration-underline {text-decoration:underline;}
.text-bottom-line {width: 1px; border-top: 30px solid; margin-left: auto; margin-right: auto;}

/* line height */

/* ===================================
    04. Background color
====================================== */

 .background-transparent {background-color: transparent;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-deep-pink {background-color: var(--base-color);}

/* ===================================
    05. Custom
====================================== */
section {padding: 130px 0; overflow: hidden;}
label {margin-bottom: 5px; font-weight: 700;}

/* input */

.form-results {clear: both; margin: 0 0 15px; text-align: center; padding: 10px 0; display: none; font-size: 14px}

/* separator */

/* divider */

/* opacity */
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}

/* box-shadow */
.box-shadow {box-shadow: 0 0 3px rgba(0,0,0, .2);}

/* z-index */
.z-index-2 {z-index:2;}

/* verticle align */

/* google map filters */
.map iframe {height: 619px; vertical-align: bottom; width: 100%;}

/* ===================================
    06. Button
====================================== */

.btn {display:inline-block; border:2px solid transparent; color: inherit; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; transition-duration: 0.3s; transition-timing-function: ease-in-out; white-space: nowrap;}

/* button size */
.btn.btn-small {font-size:11px; padding: 4px 24px;}
.btn.btn-large {font-size:13px; padding: 9px 34px; line-height: 25px}
.btn i {margin-left: 6px; vertical-align: middle; position: relative; top:-1px}

/* button background */
.btn.btn-dark-gray {background: #232323; border-color: #232323; color: #fff}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus {background: transparent; color: #232323}

/* button transparent */
.btn.btn-transparent-white {background: transparent; border-color: #ffffff; color: #ffffff}
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background: #ffffff; border-color: #ffffff; color: #232323}

#ubicacion #ubicacion-title,
#ubicacion p {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

#ubicacion a {
    color: #f0c18e;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.contact-cta {
    position: relative;
    background: #000000;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.contact-cta__inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

.contact-cta__row {
    min-height: 620px;
    margin: 0;
    display: flex;
    align-items: center;
}

.contact-cta__media {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    margin: 0;
}

.contact-cta__image {
    display: block;
    width: min(88%, 560px);
    height: auto;
    max-height: 700px;
    object-fit: contain;
    margin: 0 auto 0;
    vertical-align: bottom;
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.28));
}

.contact-cta__content {
    padding: 20px 50px 20px 10px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.contact-cta__eyebrow {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0;
    color: #ffffff;
    font-family: var(--sr-font-sans);
}

.contact-cta__headline {
    margin: 0;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--sr-color-accent);
    font-weight: 700;
    font-family: var(--sr-font-sans);
    text-transform: none;
}

.contact-cta__headline span {
    display: inline-block;
    color: #f4f2ef;
}

.contact-cta__headline em {
    font-family: 'SR Edwardian Script', 'Edwardian Script ITC', cursive;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    font-synthesis: none;
    letter-spacing: 0;
    color: var(--sr-color-accent);
}

.contact-cta__description {
    margin: 20px 0 26px;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255,255,255,0.85);
}

.contact-cta__button {
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 700;
}

.sr-footer {
    background: #d0af86;
    color: #0f0f0f;
    border-top: 2px solid rgba(15, 15, 15, 0.9);
    padding: 0;
}

.sr-footer__inner {
    max-width: 1600px;
    margin: 0 auto;
    min-height: 320px;
    display: grid;
    grid-template-columns: 1.7fr 0.12fr 1.15fr 0.12fr 1.25fr 0.12fr 0.75fr;
    align-items: flex-start;
    gap: 0;
    padding: 30px 40px;
}

.sr-footer__brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 10px;
    min-height: 220px;
}

.sr-footer__logo {
    font-family: var(--sr-font-sans);
    font-size: 80px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    color: #141414;
    margin-left: -12px;
}

.sr-footer__brand-name {
    font-family: var(--sr-font-sans);
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    color: #141414;
    margin-top: -10px;
}

.sr-footer__tag {
    margin-top: 10px;
    font-size: 0.78rem;
    letter-spacing: 0;
    color: #141414;
    font-weight: 600;
    text-transform: uppercase;
}

.hero-logo {
    display: block;
    width: min(540px, 100%);
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

.hero-section .sr-hero-supporting-copy {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .hero-section {
        min-height: 100svh;
        background-position: center center;
    }

    .hero-section .full-screen {
        height: 100svh !important;
        min-height: 100svh !important;
        padding: 58px 15px 20px;
        display: flex;
        align-items: center;
    }

    .hero-section .row {
        height: auto !important;
        width: 100%;
    }

    .hero-content {
        position: static;
        width: 100%;
        max-width: 430px;
        margin: 0 auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .hero-content br {
        display: none;
    }

    .hero-logo {
        width: min(340px, 78vw);
        margin-bottom: clamp(10px, 2.5vh, 20px) !important;
    }

    .hero-section h1 {
        margin: 0 0 clamp(8px, 2vh, 16px);
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .hero-section .sr-hero-supporting-copy {
        display: inline-block;
        font-size: 15px !important;
        line-height: 1.3;
    }

    .hero-section p {
        margin: 0 0 clamp(10px, 2vh, 20px);
        font-size: 15px !important;
        line-height: 1.5;
    }
}

.sr-footer__divider {
    width: 1px;
    height: 180px;
    background: rgba(20,20,20,0.82);
    justify-self: center;
}

.sr-footer__block {
    padding: 0 18px 0 34px;
    color: #141414;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
}

.sr-footer__block h3 {
    margin: 0 0 16px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #141414;
    font-weight: 700;
}

.sr-footer__block p,
.sr-footer__block li,
.sr-footer__block a {
    color: #141414;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.sr-footer__block p {
    margin: 0 0 14px;
}

.sr-footer__block--contact {
    margin-top: 0;
}

.sr-footer__block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sr-footer__block li {
    margin-bottom: 12px;
}

.sr-footer__block--contact ul li a,
.sr-footer__block p a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.sr-footer__block--social {
    text-align: center;
    align-self: flex-start;
}

.sr-footer__socials {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-top: 12px;
    font-size: 2.1rem;
    line-height: 1;
    font-weight: 700;
    color: #141414;
}

.sr-footer__socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #141414;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.sr-footer__logo-image {
    display: block;
    width: min(100%, 300px);
    height: auto;
    margin: 0 auto;
}

.sr-footer__copyright {
    padding: 12px 20px 18px;
    border-top: 1px solid rgba(20, 20, 20, 0.35);
    text-align: center;
    color: #141414;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    line-height: 1.4;
}

.sr-footer__copyright a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #141414;
    font-weight: 600;
}

.sr-footer__copyright img {
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.values-section {
    background: #000;
    padding: 40px 0 80px;
}

.values-wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

.values-title {
    margin: 0 0 26px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #D3A475;
    font-weight: 700;
}

.values-title span {
    font-family: 'SR Edwardian Script', 'Edwardian Script ITC', cursive;
    font-style: normal;
    font-size: 1.15em;
    font-weight: 400;
    font-synthesis: none;
    color: #D3A475;
    font-size: 1em;
    letter-spacing: 0;
}
.acompana-title {
    margin: 0 0 26px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #FFFFFF;
    font-weight: 700;
}

/* Bloque de datos verificados del estudio (parrafo citable para AI/SEO). */

.acompana-title span {
    font-family: 'SR Edwardian Script', 'Edwardian Script ITC', cursive;
    font-style: normal;
    font-size: 1.15em;
    font-weight: 400;
    font-synthesis: none;
    color: #D3A475;
    font-size: 1em;
    letter-spacing: 0;
}
.values-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    align-items: stretch;
}

.value-item {
    position: relative;
    min-height: 220px;
    padding: 18px 20px 10px;
    text-align: left;
    border-left: 1px solid #D3A475;
}

.value-item:first-child {
    border-left: none;
}

.value-number {
    display: block;
    margin: 0 0 14px;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    line-height: 1;
    font-weight: 800;
    color: #D3A475;
}

.value-item h3 {
    margin: 0 0 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 700;
    color: #D3A475;
}

.value-item p {
    margin: 0;
    max-width: 260px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255,255,255,0.85);
}

@media (max-width: 991px) {
    .values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .value-item:nth-child(3) {
        border-left: none;
    }

    .sr-footer__inner {
        grid-template-columns: 1fr;
        padding: 32px 20px 28px;
        gap: 22px;
    }

    .sr-footer__brand {
        min-height: auto;
        padding-left: 0;
        justify-content: center;
        align-items: center;
    }

    .sr-footer__divider {
        display: none;
    }

    .sr-footer__block {
        padding: 0;
        text-align: center;
    }

    .sr-footer__block h3 {
        margin-bottom: 12px;
        font-size: 18px;
    }

    .sr-footer__block p,
    .sr-footer__block li,
    .sr-footer__block a {
        font-size: 1rem;
    }

    .sr-footer__block--contact ul li a,
    .sr-footer__block p a {
        justify-content: center;
    }

    .sr-footer__socials {
        gap: 14px;
        font-size: 1.8rem;
    }

    .contact-cta__row {
        min-height: auto;
        padding: 40px 0 0;
        flex-direction: column;
        align-items: stretch;
    }

    .contact-cta__media,
    .contact-cta__content {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .contact-cta__media {
        order: 2;
        padding-right: 0;
        margin-top: 8px;
    }

    .contact-cta__content {
        order: 1;
        text-align: center;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 12px;
    }

    .contact-cta__headline,
    .contact-cta__eyebrow,
    .contact-cta__description {
        text-align: center;
    }

    .contact-cta__image {
        width: min(75%, 430px);
        margin-bottom: -8px;
    }
}

@media (max-width: 640px) {
    .values-section {
        padding-top: 28px;
        padding-bottom: 42px;
    }

    .values-grid {
        grid-template-columns: 1fr;
    }

    .value-item {
        border-left: none;
        border-top: 2px solid #D3A475;
        min-height: auto;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .value-item:first-child {
        border-top: none;
    }

    .value-item p {
        max-width: none;
    }
}

/* button rounded */

/* image button */

/* dropdown style 1 */

/* button link */

/* ===================================
    07. Border
====================================== */

/* boder width */

/* boder align */
.border-bottom {border-bottom: 1px solid;}

/* border color */
.border-color-deep-pink {border-color:var(--base-color) !important;}

.required-error {border: 1px solid #ee2323 !important}
.g-recaptcha.required-error iframe {border: 1px solid #ee2323;}
.g-recaptcha.required-error {border: 0 !important}

/* boder style */

/* border for overline icon box */

/* border color for overline icon box */

/* transparent border */

/* border radius */

/* ===================================
    08. Aside style
====================================== */

/* ===================================
    09. Video
====================================== */

/* ===================================
    10. Background image
====================================== */

.parallax {position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}

/*==============================
    11. Margin
================================*/

/* margin top */
.margin-15px-top {margin-top:15px}

/* margin bottom */
.margin-six-bottom {margin-bottom:6%}
.margin-seven-bottom {margin-bottom:7%}
.margin-5px-bottom {margin-bottom:5px}
.margin-15px-bottom {margin-bottom:15px}
.margin-20px-bottom {margin-bottom:20px}
.margin-25px-bottom {margin-bottom:25px}
.margin-30px-bottom {margin-bottom:30px}

/* margin right */

/* margin left */

/* margin left and right */

/* margin top and bottom */

/* ===============================
    12. Padding
================================= */

.no-padding {padding:0 !important}
.padding-15px-all {padding:15px;}

/* padding top */

/* padding bottom */

/* padding right */

/* padding left */

/* padding top and bottom */
.padding-nine-half-tb {padding-top:9.5%; padding-bottom:9.5%;}

/* padding left and right */
.padding-four-half-lr {padding-left:4.5%; padding-right:4.5%;}
.padding-twelve-lr {padding-left:12%; padding-right:12%;}

/* ==============================
    13. Display and float
================================ */
.overflow-hidden {overflow:hidden !important;}

/* ============================== 
    14. Position
================================ */

/* top */

/* bottom */

/* left */

/* right */

/* ================================
    15. Width
================================ */
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}

/* ================================ 
    16. Height
================================ */
.h-350px {height: 350px}
.full-screen {height: 980px;}

/* min-height */

/* screen height  */

/* ===================================
    17. Icon
====================================== */

/* icon size */
.icon-medium {font-size: 35px}
.icon-large {font-size: 50px}
.icon-round-small {border-radius: 100%; display: table-cell; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; width: 80px; font-size:32px}

/* social media icon */

/* social media icon style */
 .small-icon {list-style: none; padding: 0;}
 .small-icon li {display: inline-block;}
 footer .small-icon li:first-child {margin-left: 0;}
 footer .small-icon li:last-child {margin-right: 0;}
.small-icon li {margin: 0 5px}
.small-icon a {font-size: 16px; width: 40px; height:40px;line-height: 38px;}

/* social icon style */

/* social icon style */

/* social icon style */

/* icon like counter */

/* icon hover effect style 1 */

/* icon hover effect style 2 */

/* icon hover effect style 3 */

/* icon hover effect style 4 */

/* icon hover effect style 5 */ 

/* icon hover effect style 5 light*/ 

/* icon hover effect style 6 */

/* icon hover effect style 7 */

/* icon hover effect style 8 */

/* icon hover effect style 9 */

/* social icon style */

/* icon hover effect style 10 light */

/* social icon style */

footer .small-icon li {margin: 0 8px;}

/* country flag icon */

/* ===================================
    18. Magnific popup
====================================== */

.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {background: #000; opacity: 0.93;}
.mfp-bg, .mfp-wrap {z-index: 10007}
.mfp-iframe-scaler iframe {box-shadow: none;}
.mfp-close,.mfp-close:active {opacity: 1; background-color:transparent; color: #fff; right: 30px; top: 30px;}

/* metro gallery */

/* justify-gallery */
.mfp-bottom-bar {margin-top: -24px; font-size: 12px}
.mfp-close {font-size: 36px; font-family: 'Montserrat', sans-serif; font-weight: 500}
.left-nav-sidebar .mfp-container {padding-left: 90px;}

@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}

.mfp-figure {-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden;  -ms-backface-visibility:hidden;}

/* start state */

/* animate in */

/* animate out */

/* dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}

/* fade move animation for second dialog */

/* animate in */

/* animate out */

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0;}

/* simple fade transition */
.mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.97;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}

/* grid */

/* message box */

/* ===================================
    19. Header
====================================== */
.side-left-menu-close {display: none; position: fixed; top: 0; right: 0; height:100%;}

/* header icon */
.navbar-nav > li.dropdown .dropdown-toggle::after {display: none;}
.navbar-toggler .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px;}
.navbar-toggler .icon-bar+.icon-bar {margin-top: 4px;}
.navbar-toggler:focus {box-shadow: none;}

/* menu center */
.navbar-collapse {padding-left: 0; padding-right: 0; min-height: 0px;}

/* menu center logo */

/* default pionter cursor */
header nav.navbar a:not([href]):not([tabindex]):focus, header nav.navbar a:not([href]):not([tabindex]):hover {cursor: pointer;}

/* header navigation color and logo */
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #232323; cursor: pointer;}
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
header nav.navbar.bootsnav ul.nav.white-link > li > a {color: #fff}


header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a {color: #232323}

header .logo .logo-dark, header .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header .logo .logo-dark.default, header .logo .logo-light.default {visibility: visible; opacity: 1; width: auto; transition-duration:0.5s;  -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
 header.sticky nav.header-light .logo .logo-dark {visibility: visible;  opacity: 1; width: auto; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
 header.sticky nav.header-light .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.navbar-top-scroll {position: absolute; top: 0; z-index: 5;}
header.sticky nav.navbar-top-scroll {background-color: inherit;}
header a.logo {display: inline-block; vertical-align: middle;}
header a.logo img {max-height:26px;}
.logo-holder img {max-height: 26px;}

/* header animation */
.navbar-top {position: fixed;top: 0; left: 0; right: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.sticky .navbar-top {top: -160px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.sticky.header-appear .navbar-top {top: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

header .bootsnav .dropdown .animated {-webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {position: absolute; height: calc(100% + 20px); width: 100%; display: block;content: "";}
header.sticky .navbar-scroll-top {position: fixed; top: -120px; width: 100%; left: 0; transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s;}
header.sticky.header-appear .navbar-scroll-top {top: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

/* navigation */
 header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover {color: rgba(255,255,255,0.6)}
 header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover {color: rgba(0,0,0,0.6)}
.navbar-nav>li>a {line-height: 20px;}

header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover {color: rgba(0,0,0,0.6);}

 header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li.active > a, nav.navbar.bootsnav.white-link ul.nav > li.active > a, header nav.navbar.bootsnav ul.nav.white-link > li.active > a {color: rgba(255,255,255,0.6)}
 header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.active > a {color: rgba(0,0,0,0.6)}
header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a {color: rgba(0,0,0,0.6);}

 header.header-appear nav.bootsnav.header-light .navbar-nav > li > a.active, header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li > a.active, nav.navbar.bootsnav.white-link ul.nav > li > a.active, header nav.navbar.bootsnav ul.nav.white-link > li > a.active {color: rgba(255,255,255,0.6)}
 header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a.active {color: rgba(0,0,0,0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active {color: rgba(0,0,0,0.6);}

 header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a, header nav.navbar.bootsnav ul.nav.white-link > li.dropdown.on > a {color: rgba(255,255,255,0.6)}
 header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.dropdown.on > a {color: rgba(0,0,0,0.6)}
header.sticky nav.navbar.white-link .navbar-nav > li.dropdown.on > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a {color: rgba(0,0,0,0.6);}

header {width: 100%; z-index: 99;}
.navbar-fixed-top {position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
header nav .row {height: auto; padding: 0;}
header nav.navbar [class*="col-"] {padding-left: 15px; padding-right: 15px;}
header nav.navbar {border-radius: 0; padding: 0;}
header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 0;}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0;}
header nav .nav-header-container {position: relative;}
header nav .navbar-nav > li > a {color: #232323; font-size: 12px; font-weight: 800; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}
header nav .navbar-nav > li:last-child a {margin-right: 0;}
 .navbar-fixed-top {z-index: 9999}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}
.navbar-nav > li {position: inherit;}
.navbar-nav > li ul {margin: 0; padding: 0;}
.navbar-toggler {border-radius: 0; margin-right: 0;float: right; border: none;}
nav.navbar.bootsnav .navbar-toggle {top: 2px;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {padding: 20px 0 20px;}

/* mega menu */
nav .accordion-menu {position: initial !important;}
nav.navbar.bootsnav li.dropdown ul li {list-style: none; padding: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full {width:100%; box-sizing: border-box; background: rgba(35,35,35,1); padding: 45px 50px; box-shadow: none; border-radius: 0; border: 0; margin-top: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full ul {margin: 0; list-style: none;}
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {margin: 0 auto; width: 1070px; display: flex; flex-wrap: wrap; background: rgba(35,35,35,1);}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-align: left; font-size: 12px; color: #9d9d9d; padding:3px 40px; text-transform: capitalize; margin: 0; display: block; position: relative; overflow: hidden; left: 0}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {border-right: 1px solid rgba(255, 255, 255, 0.05);}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {padding-left: 40px; background-size: cover; background-position: bottom right;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul {margin-top: 18px;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul:first-child {margin-top: 0;}

/* header center logo */
header nav .justify-content-center .navbar-nav > li:last-child a {margin-right: 20px;}
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {margin-top: 0px;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align: left}
header nav.navbar-fixed .nav-header-container {width: 100%; float: left;}

/* top logo */
nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a {padding: 20px 0;}
.navbar-brand-top .navbar-collapse.collapse {flex-grow: inherit;}

/* center navigation */
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {display: table; float: none; margin: 0 auto; table-layout: fixed;}

/* simple dropdown menu */
.simple-dropdown.dropdown {position: relative;}
.simple-dropdown .dropdown-menu {position: absolute; left: 0; background: rgba(35,35,35,1); min-width: 220px; padding: 13px 0 15px; box-shadow: none;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li {padding-left: 28px; padding-right: 28px;}
.simple-dropdown .dropdown-menu > li > a {font-size: 12px; color: #9d9d9d;}
.simple-dropdown .dropdown-menu > li a {padding: 9px 0 7px; overflow: hidden; position: relative; left: 0; font-weight: 500; display: block; line-height: 1.42857143;}
.simple-dropdown .dropdown-menu > li a:hover {background-color: #000; color: #fff;}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul,nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul  {background: rgba(35,35,35,1); display: none; left: 220px; margin: -13px 0 0 1px; min-width: 220px; white-space: nowrap; position: absolute; top: 0; padding: 13px 0; font-weight: 500; text-transform: capitalize;}
.simple-dropdown .dropdown-menu > li.dropdown > ul li a{color: #9d9d9d; font-size: 12px; line-height: 18px; font-weight: 500;}
nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown > ul.dropdown-menu > li.active > a {color: #fff;}

/* light transparent navigation */
 header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {color: #232323;}

/* dark transparent navigation */

/* light navigation */
header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light {background-color: #ffffff; box-shadow: 0 0 35px rgba(0,0,0,0.1);}

/* dark navigation */

/* collepsed menu icon */
.navbar-default .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light .navbar-toggler .icon-bar {background: #232323;}
.navbar-default.white-link .navbar-toggler .icon-bar {background: #D3A475;}

/* hamburger menu */
nav.navbar.bootsnav .btn-hamburger {padding: 0;}
nav.navbar.bootsnav .btn-hamburger .navbar-toggler {margin: 0; top: -2px; padding: 10px 0 10px 10px;}
.hamburger-menu .close-button-menu {float: none; height: auto; margin: 0; padding: 0; position: inherit; right: -26px; top: 44px; width: auto;}
.hamburger-menu .close-button-menu:after, .hamburger-menu .close-button-menu:before {background: #fff; width: 22px; right: 26px; top: -34px;}

/* header style two */

/* full width light transparent navigation */
.close-button-menu {float: right; padding: 10px; background-color: transparent; color: #232323; border: 0; position: absolute; height: 40px; width: 40px; outline: none; top: 20px; right: 20px}
.full-width-pull-menu .dropdown-toggle {position: relative;}
.full-width-pull-menu span.dropdown-toggle {position: absolute; right: 0; width: 40px; height: 40px; text-align: center; top: 43px; display: inline-block; vertical-align: middle; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.full-width-pull-menu .dropdown .dropdown-toggle:before {content: ""; display: block; position: absolute; right: 20px; top: 15px; height: 11px; width: 1px; background: #232323;}
.full-width-pull-menu .dropdown.show .dropdown-toggle:before {height: 0;}
.full-width-pull-menu .dropdown .dropdown-toggle:after {content: ""; display: block; position: absolute; right: 15px; top: 20px; height: 1px; width: 11px; background: #232323; border:none;}
.full-width-pull-menu .dropdown ul {background-color: inherit;}

/* full width navigation style 1 */
 .dropdown ul li a:focus {background-color: inherit}

/* full width navigation style 2 */
 .dropdown ul li a:focus {background-color: inherit}
.close-button-menu:after,.close-button-menu:before {content: ""; display: block; background: #000; height: 2px; width: 18px; position: absolute;}
.close-button-menu:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
.close-button-menu:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}

/* full navigation */

/* container fluid navigation padding */

/* hamburger menu right side */
.big-menu-right {position: fixed; top: 0; right: 0; width: 40%; height: 100%; padding: 0 5%; opacity: 0; transform: translateX(30%) scaleX(0.6); -webkit-transform: translateX(30%) scaleX(0.6); -moz-transform: translateX(30%) scaleX(0.6); -o-transform: translateX(30%) scaleX(0.6); -ms-transform: translateX(30%) scaleX(0.6); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; z-index: -1;}
.big-menu-right.show {transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -webkit-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); opacity: 1; z-index: 9999}
.big-menu-close {background: #fff; position: absolute; right: 0; width: 40px; height: 40px; color: #232323;}

/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {padding:26px 0; background: transparent; border-color: transparent; font-weight: 600; display: block;}
nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after {content: ""; vertical-align: middle; position: relative; top: -1px; margin-top: 0;}
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom: 0; border-bottom: 0;}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #fff; background:  transparent; left: 5px;}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a {color: #fff;}
.dropdown ul.second-level {left: 270px; top:0; height: 100%;}
.dropdown ul.third-level {left: 530px; top:0; height: 100%;}
nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {margin-top: 0}
.navbar-default ul li li.dropdown ul {display: none}
.navbar-default ul li li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown ul.dropdown-menu {position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0; box-shadow: none;}
.navbar-default ul li li.dropdown ul.dropdown-menu li {padding: 0;}
.dropdown-menu .dropdown a {position: relative}

/* navigation left sidebar */
.nav.navbar-left-sidebar {display: block; transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; overflow-y: auto;}
.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {overflow-x: hidden; display: block;}
.nav.navbar-left-sidebar li {display: inline-block; width: 100%; padding: 0 45px;}
.nav.navbar-left-sidebar li a, nav.navbar.bootsnav.navbar-left-sidebar ul.nav > li > a {font-size: 11px; text-transform: uppercase; color: #939393; background: transparent !important; font-weight: 600; border-bottom: 1px solid #e5e5e5 !important; padding:15px 0; margin:0;}
.nav.navbar-left-sidebar li:last-child a {border-bottom:none}
.nav.navbar-left-sidebar li a:hover {color: #fff}
.nav.navbar-left-sidebar .dropdown .second-level {left: 290px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.nav.navbar-left-sidebar > li > a {line-height: 20px;}
.nav.navbar-left-sidebar > li .second-level li a {line-height: 1.42857143;}
.navbar-expand-lg .navbar-left-sidebar .dropdown-menu {position: fixed;}
.nav.navbar-left-sidebar .dropdown.on .second-level {transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.nav.navbar-left-sidebar .second-level .dropdown .third-level {left:570px; opacity: 0 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.nav.navbar-left-sidebar .second-level .dropdown.on .third-level {opacity: 1 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; opacity: 1 !important;}
.nav.navbar-left-sidebar .dropdown-menu .dropdown > a:after {display: none}

/* pull left sidebar */

/* custome scrollbar */
 .navbar-left-sidebar::-webkit-scrollbar {width: 5px;}
 .navbar-left-sidebar::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
 .navbar-left-sidebar::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey;}

/* sidebar navigation */
.sidebar-wrapper{padding-left: 290px;}

/* sidebar navigation style 1 */
.sidebar-nav-style-1 {z-index: -1}
.sidebar-nav-style-1 .dropdown .second-level {top: 0; left: 290px; width: 280px;}
.sidebar-nav-style-1 .dropdown .second-level {background: #fbfbfb;}
.sidebar-nav-style-1 .dropdown .third-level {top:0; left: 570px; width: 280px; background: #f3f3f3;}
.sidebar-nav-style-1 [class*="col-"] {padding-left: 15px; padding-right: 15px;}

/* sidebar navigation style 2 */
.left-nav-sidebar {padding-left: 90px;transition: all 0.3s ease 0s;} 
.sidebar-part1 {position: absolute; top: 0; width: 90px;}
.sidebar-part1 .logo img {width: 100%}
.sidebar-part2 {padding: 0 0 0 115px; border-right: 1px solid #dfdfdf;  width: 410px; height: 100%; position: fixed; background-color: #fff; z-index: -1; left: -370px;}
.left-nav-on .sidebar-part2 {left: 0;}
.sidebar-part2:before {width: 100%; height: 1px; background-color: #dfdfdf; content: ""; position: absolute;bottom: 75px; left: 0; display: inline-block}
.sidebar-part2 .sidebar-middle {padding: 180px 0}
.sidebar-part2 .sidebar-middle-menu {display: table-cell; height: 100%; width: 100%; vertical-align: middle}
header .sidebar-part2 nav.navbar.bootsnav ul > li > a {font-size: 36px; display: block; padding: 0; color: #0f0f0f; text-transform: none; margin: 0; line-height: 40px; font-weight: 600; position: relative;}
.sidebar-part2 ul > li {margin: 0; float: none; padding: 15px 0; width: 291px; word-break: break-all; position:initial;}
.sidebar-part2 ul li a:hover {background-color: inherit;}
.sidebar-part2 nav.navbar.bootsnav {border-bottom: 0; position: inherit;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {font-size: 14px; line-height: 20px; width: 100%; padding: 15px 0; border-bottom: 1px solid #f0f0f0; color: #939393; font-weight: 500;}
header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown > a, .sidebar-nav-style-1 .navbar-left-sidebar li.dropdown > a {padding-right: 40px;}
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {border-bottom: 1px solid var(--base-color); background: inherit}
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover {border-bottom: 0;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a > i{vertical-align: middle; margin-right: 5px;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color:var(--base-color)}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li {margin: 0; padding:0 30px;width: 100%; word-break: normal;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {border-left: 0;}
.sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {border-left: 1px solid #eee !important;}
.sidebar-part2 .dropdown ul.second-level {left: 405px; opacity: 0 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.sidebar-part2 .dropdown.on ul.second-level {opacity:1 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.sidebar-part2 .dropdown ul.second-level .dropdown ul.third-level {left:650px; opacity: 0 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.sidebar-part2 .dropdown ul.second-level .dropdown.on ul.third-level {opacity:1 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {margin-top: 0; border-radius: 0; box-shadow: none; height: 100%; position: fixed; top: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;  width: 250px; padding: 180px 0; background: #fff;}
header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a {color: var(--base-color)}
.sidebar-part2 .navbar-collapse.collapse {overflow-y: auto !important;}

nav.navbar.brand-center ul.nav > li > a {padding:26px; margin: 0;}
header.sticky nav.navbar.brand-center ul.nav > li > a {padding: 20px; margin: 0 20px;}

.sidebar-middle ::-webkit-scrollbar, .sidebar-nav-style-1 ::-webkit-scrollbar {-webkit-appearance: none;width: 4px;height: 4px;}
.sidebar-middle ::-webkit-scrollbar-thumb, .sidebar-nav-style-1 ::-webkit-scrollbar-thumb {background-color: #9e9f9f;}
.navbar-collapse {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}
.nav.navbar-left-sidebar > li > ul li a {display: block; font-weight: 500;}

/* navigation widget */

/* new-menu page */

/* ===================================
    20. Page title
====================================== */

/* page title font size */

/* breadcrumb */
.breadcrumb {background: transparent; border-radius: 0; padding-top: 0; padding-bottom: 0; margin: 0;}
.breadcrumb ul {list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li {display: inline-block; line-height: normal;}
.breadcrumb ul > li:after {content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 900; padding: 0 11px 0 14px; display: inline-block; vertical-align: middle; font-size: 5px; opacity: .6;}
.breadcrumb ul > li:last-child:after {border-right: 0; content: ""; padding: 0}

/* ===================================
    21. Swiper carousel
====================================== */
 .swiper {overflow: hidden; position: relative; width: 100%; }
.swiper-pagination {width: 100%}

/* swiper bottom scrollbar full */
 .swiper-bottom-scrollbar-full.swiper {height:100%; margin: 0 auto; overflow: hidden; position: absolute; top: 0;  transition: all 0.3s ease-in-out 0.7s; -webkit-transition: all 0.3s ease-in-out 0.7s; -moz-transition: all 0.3s ease-in-out 0.7s; -ms-transition: all 0.3s ease-in-out 0.7s; -o-transition: all 0.3s ease-in-out 0.7s; width: 100%;}
.swiper-bottom-scrollbar-full .swiper-scrollbar {left: 0; opacity: 1; position: absolute; width: 100%; bottom:0; border-radius: 0; height: 2px}
.swiper-bottom-scrollbar-full .swiper-scrollbar-drag {border-radius: 0; background: var(--base-color)}
.swiper-bottom-scrollbar-full .swiper-scrollbar {background: rgba(255,255,255,.2)}
.swiper-bottom-scrollbar-full .swiper-slide img {max-height: 450px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: .8; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1);}
.swiper-bottom-scrollbar-full .swiper-slide:hover img {opacity: 1; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: contrast(130%); -webkit-filter:contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%); max-height: 500px;}
.swiper-bottom-scrollbar-full .swiper-slide:hover {z-index: 1;}

/* swiper vertical pagination */

/* swiper auto width */
.swiper-auto-slide .swiper-slide {width: 60%;}
 .swiper-auto-slide.swiper {height: calc(100% - 200px); top: 100px; margin: 0 auto; overflow: visible; position: absolute; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out 0.7s; -webkit-transition: all 0.3s ease-in-out 0.7s; -moz-transition: all 0.3s ease-in-out 0.7s; -ms-transition: all 0.3s ease-in-out 0.7s; -o-transition: all 0.3s ease-in-out 0.7s; width: 100%;}
.swiper-auto-slide .swiper-scrollbar {left: 20%; opacity: 1; position: absolute; width: 60%; bottom:-50px; border-radius: 0; height: 1px}
.swiper-auto-slide .swiper-scrollbar-drag {border-radius: 0; background: transparent;}
.swiper-auto-slide .swiper-scrollbar-drag:before{cursor:move; position: absolute; content: ""; background: var(--base-color); width: 13px; height: 13px; border-radius: 100%; top:-6px; left: calc(50% - 13px);}
.swiper-auto-slide .swiper-slide {filter: contrast(130%); -webkit-filter:contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%); filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.swiper-auto-slide .swiper-slide.swiper-slide-active {filter: contrast(0); -webkit-filter:contrast(0); -moz-filter: contrast(0); -ms-filter: contrast(0); -o-filter: contrast(0); filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.swiper-auto-slide .swiper-slide span {opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.swiper-auto-slide .swiper-slide.swiper-slide-active span {opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}

/* slider navigation */
.swiper-button-next, .swiper-button-prev {height: 30px; width: 30px; line-height: 30px; border-radius: 3px; margin: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; outline: none;}
.swiper-button-next.large, .swiper-button-prev.large {height: 62px; width: 62px; line-height: 62px; font-size: 18px;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-button-next:hover, .swiper-button-prev:hover {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}
.swiper-button-next {right: 20px;}
.swiper-button-prev {left: 20px;}

/* blog swiper */

/* next prev button style 2 */

/* portfolio next prev button */

/* next prev button style 4 */
.navigation-area {position: absolute; bottom: 0; display: inline-block; width: 40px; height: 82px;}

/* dot pagination white */

/* square pagination */

/* square pagination */

/* number pagination */

/* revolution slider bullet */

/* slider height */

/* cursor */

/* down scroll */
.down-section {position: absolute; width: 100%; bottom:50px; left: 0; right: 0}

/* ===================================
    22. Grid
====================================== */

 .blog-wrapper, .blog-wrapper .grid-item, .blog-wrapper .grid-sizer {transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}

/* grid loading */
@keyframes spin { to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
.grid-loading, .grid-loading-white {overflow: hidden; position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99;}
.grid-loading::after, .grid-loading-white::after {background: none; content: "" !important; position: absolute; top: 100px !important; left: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}
.grid-loading:before {content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1;}
.grid-loading .grid-item, .grid-loading-white .grid-item {visibility: hidden;}
.grid-loading li.grid-item, .grid-loading-white li.grid-item {overflow: hidden;}
.grid-loading-white::after {background: none; content: "" !important; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.7);}
.grid {list-style: none; padding: 0; margin: 0;}
.grid-sizer {padding: 0 !important; margin: 0 !important;}

/* gutter size */

/* grid 6 column */

/* grid 5 column */

/* grid 4 column */

/* grid 3 column */

/* grid 2 column */

/* grid 1 column */

/* grid filter */

/* ===================================
    23. Portfolio
====================================== */
.portfolio-wrapper .grid-item figure {margin: 0; position: relative; overflow: hidden}
.portfolio-wrapper .grid-item {opacity: 1;overflow: hidden;}
.portfolio-wrapper .grid-item figure img {cursor: pointer; display: block; opacity: 1; width: 100%; transition: all 0.3s ease 0s;}
.portfolio-wrapper .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}
.portfolio-wrapper .grid-item figure:hover img {opacity: 0.15; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-wrapper .grid-item figure:hover figcaption {opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

/* justified gallery */
.justified-gallery>a>.jg-caption, .justified-gallery>div>.jg-caption, .justified-gallery>figure>.jg-caption {padding:7px 15px; opacity: 0; display: initial !important; bottom: 0;  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 11px; text-transform: uppercase}

/* portfolio hover style */

/* hover option 1 */

/* hover option 2 */

/* hover option 3 */

/* hover option 4 */

/* hover option 5 */

/* hover option 6 */

/* hover option 7 */

/* hover option 8 */

/* hover option 10 */

/* hover option 11 */

/* portfolio filter tab style 1 */

/* portfolio filter tab style 2 */

/* blog and portfolio next pagination */

/* ===================================
    24. Elements
====================================== */

/* double quotes */

/* search box */

/* search box style 2 */

/* search form */
.header-search-form {color: #232323}
.search-input ::-moz-placeholder, .search-input [placeholder] {color: #ff0000;}
#search-header {height:100%; width: 45%; margin:0 auto;}
.close-search {color: #373737; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer;}
.close-search:hover {color: #9a9a9a;}
.search-button {cursor: pointer;  z-index: 0; margin-right: 0; border: none; background: none;}

/* list style 1 */

/* list style 2 */

/* list style 3 */

/* list style 4 */

/* list style 5 */

/* list style 6 */

/* list style 7 */

/* list style 8 */

/* list style 9 */

/* list style 10 */

/* list style 11 */

/* list style 12 */

/* image hover style 1 */

/* image hover style 3 */

/* info banner style 1 */

/* info banner style 2 */
figure{margin: 0;}

/* info banner style 3 */

/* pricing box */

/* feature box style 1 */

/* feature box style 4 */

/* feature box style 5 */
.feature-box-5 {padding-left:75px}
.feature-box-5 i {position: absolute; top: 0; left: 0}

/* feature box style 6 */

/* feature box style 7 */

/* feature box style 8 */
.feature-box-8 .feature-box-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 2px; position: absolute; z-index: -2}
.feature-box-8:hover .feature-box-overlay {height: 100%; background: #2f2f2f}
.feature-box-8:hover div, .feature-box-8:hover p {color: #fff;}
.feature-box-8:hover .icon-round-small{background: #fff; color: var(--base-color) !important;}

/* feature box style 9 */
.feature-box-9 i {position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; top:0}
.feature-box-9:hover i {top: -8px; color: #fff}
.feature-box-9:hover p {color: var(--base-color);}
.feature-box-9 .text-bottom-line {margin-bottom: 15px}
.feature-box-9:hover .text-bottom-line {border-top:45px solid !important; margin-bottom:0}

/* feature box style 10 */

/* feature box style 11 */

/* feature box style 12 */

/* feature box style 13 */

/* feature box style 14 */

/* feature box style 15 */

/* feature box style 16 */

/* feature box style 17 */

/* feature box style 18 */
.feature-box-18 .feature-box-overlay {top: 0; left: 0; right: 0; width: 100%; height: 100%; position: absolute; z-index: -1; opacity: 0; overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.feature-box-18:hover .feature-box-overlay {opacity: 1;}
.feature-box-18:hover i, .feature-box-18:hover div, .feature-box-18:hover p {color: #fff;}
.feature-box-18:hover p {opacity: .6;}

/* info banner box style 2 */

/* counter box style 1 */

/* counter box style 3 */

/* counter box style 4 */

/* counter box style 5 */

/* progress bar */
.progress {overflow: visible; height: 5px; position: relative; border-radius: 10px; width: 100%;}
.progress .progress-bar {position: relative; overflow: visible; border-radius: 10px;}
.progress .progress-bar span {position: absolute; top: -30px; right: 0; opacity: 0}
.progress .progress-bar.appear span {opacity: 1;}

/* progress bar style 01 */

/* progress bar style 02 */

/* progress bar style 03 */

/* piechart style 1 */
.pie-chart-style-01 .percent {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}

/* piechart style 2 */
.pie-chart-style-02 .percent {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}

/* piechart style 3 */
.pie-chart-style-03 .percent {display: inline-block; line-height: 68px; z-index: 2; background: #fff; border-radius: 100%; width: 70px; height: 70px; color: #232323; right: -25px; top: 10px; position: absolute;}

/* bootstrap panel style 3.7 */
.panel {border: 1px solid transparent;}
.panel .panel-heading {display: block;}

/* team style 1 */

/* team style 2 */

/* accordion style */
.panel-title {font-size: 16px;}
.panel-title > i {font-size: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}

/* accordion style1 */
.accordion-style1 .panel  {background: transparent; box-shadow: none; margin-top: 0 !important}
.accordion-style1 .panel-heading {padding: 16px 0;}
.accordion-style1 .panel-title {font-size: 13px; padding-right: 30px; position: relative}

/* accordion style 2 */
.accordion-style2 .panel {background: transparent; border: none; margin-bottom: 15px; box-shadow: none;}
.accordion-style2 .panel-title {background: transparent; border: none}
.accordion-style2 .panel .panel-heading {background: #fff; border-radius:0; padding:18px 28px 19px; position: relative;}
.accordion-style2 .panel-heading i {font-size: 21px; margin: 0; right: 28px;}
.accordion-style2 .panel-title {padding: 0;}
.accordion-style2 a, .accordion-style2 a:hover, .accordion-style2 a:hover i {color: #282828;}
.accordion-style2 {margin-bottom: 0;}

/* accordion style 3 */
.accordion-style3 .panel {background-color:transparent; border: none; margin-bottom: 15px; box-shadow: none; border-radius: 0;}
.accordion-style3 .panel-title {background: transparent; border: none; font-size: 16px;}
.accordion-style3 .panel .panel-heading {background: #000; color: #fff; border-radius:0; padding:18px 28px 19px; position: relative;}
.accordion-style3 .panel-title > i {font-size: 18px; margin: 0; right: 28px;}
.accordion-style3 a, .accordion-style2 a:hover, .accordion-style3 a:hover i {color: #fff;}
.accordion-style3 {margin-bottom: 0;}

/* toggles */
.toggles .panel  {background: transparent; box-shadow: none; border-radius: 0; border: 1px solid #ddd;}
.toggles .panel-title  {font-size: 13px; padding-right: 30px; position: relative;}
.toggles .panel-heading {padding: 18px; background-color: transparent;}
.toggles .panel-heading i {font-size: 12px; color: #626262}
.toggles .panel + .panel {margin-top: -1px;}

/* tab */
.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {border: 0; border-bottom: 1px solid;}
.nav-tabs a.nav-link {transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}

/* tab style 1 */

/* tab style 2 */

/* tab style 3 */

/* tab style 4 */

/* tab style 5 */

/* testimonial style 2 */

/* testimonial style 3 */

/* testimonial-box */

/* ===================================
   25. Blog
====================================== */

/* blog post style 1 */

/* blog post style 2 */

/* blog post style 3 */

/* blog post style 4 */
.blog-post-style4 figure {position: relative;}
.blog-post-style4 figure figcaption {padding: 45px; bottom: 0px; position: absolute; background: rgba(0,0,0,.85); width: 100%; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s;}
.blog-post-style4 .grid-item figure figcaption p {margin-bottom:0; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; display: none}
.container .blog-post-style4 figure figcaption {padding: 32px;}

/* blog post style 5 */

/* blog post style 6 */

/* blog post style 7 */

/* pagination */
.pagination {border-radius: 0; padding: 0; margin: 0}
.pagination ul {display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0;}
.pagination li {display: inline;}
.pagination a {float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff}
.pagination a:hover {background-color: #232323; color: #fff}
.pagination .active a {background-color: #f5f5f5;}
.pagination .active a {color: #999999; cursor: default;}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {color: #999999; background-color: transparent; cursor: default;}
.pagination li:first-child a {border-left-width: 1px;}

/* blog details page */
/* author */

/* list style 6 */

/* ===================================
    26. Footer
====================================== */

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus {color: #fff; background: #878787; line-height: 28px; display: none; height: 30px; width: 30px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 100%;}
.scroll-top-arrow:hover {background: #000; opacity: .8; color: #fff; border-color: var(--base-color)}
.scroll-top-arrow i {line-height: 30px;  position: relative;}

/* footer input */
footer input::-webkit-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer input::-moz-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;} 
footer input:-ms-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}

/* latest post */ 

/* newsletter */
footer .form-results {font-size: 12px;}

/* instagram feed */

/* instagram feed style 1 */

/* ===================================
   27. Home page
====================================== */

/* home - creative branding agency */

/* home - creative business */

[class^="ti-"], [class*=" ti-"] {display: inline-block;}

/* home - creative simple portfolio */

/* home - classic digital agency */
.attr-nav > ul > li > a{padding: 3px 15px}

/* play icon */

/* home - creative studio */

/* home - portfolio personal */

/* home - blog masonry */
.blog-header-style1 {margin: 0 8px; padding: 0; list-style: none; display: flex; justify-content: start;}
.blog-header-style1 li {width: 25%; padding: 0 8px; margin: 0 -4px 0 0;display: inline-block; box-sizing: border-box; overflow: hidden; vertical-align: top; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s;}
.blog-header-style1 li figure figcaption {position: absolute; left: 0; bottom: 0; padding: 50px; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px);}
.blog-header-style1 li.blog-column-active figure figcaption {transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px);}
.blog-header-style1 li figure figcaption .btn {opacity: 0; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.blog-header-style1 li.blog-column-active figure figcaption .btn {opacity: 1; transition-delay: 0.6s; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all;}
.blog-header-style1 li.blog-column-active figure figcaption .btn:hover {transition-delay: 0; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all;}
.blog-header-style1 li.blog-column-active {width: 50%; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s;}

/* home - blog clean */

/* home - classic innovation agency */

/* home - creative designer */
.color-code {justify-content: space-around; align-items: center; z-index: 0;}
.bg-background-fade {background-color: #ff5851}

/* home - classic web agency */

/* home - classic corporate */

/* home - portfolio metro */

/* home - portfolio  parallax */

/* home - blog grid */

/* ===================================
   28. Others
====================================== */

/* services modern */

/* our clients */

/* sidebar nav style 2 */

/* rev slider */

/* animation */ 
@-webkit-keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:2px;} 50%  {opacity:.3;  top:4px;} 75%  {opacity:.2;  top:5px;} 100% {opacity:0;  top:9px;} }
@keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:4px;} 50%  {opacity:.3;  top:8px;} 75%  {opacity:.2;  top:12px;} 100% {opacity:0;  top:16px;} }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    nav .accordion-menu {position: static !important;}
     .swiper {width: 100%;}
    .sidebar-nav-style-1.navbar-expand-lg .navbar-collapse {display: block !important;}
}

/* demo page css */
.buy-theme {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:130px; right: -70px; background: #fff; z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 9999}
.buy-theme i {font-size: 16px; vertical-align: middle; position: relative; top: -1px; color: #6f6f6f}
.all-demo i {font-size: 15px; vertical-align: middle; position: relative; top: -1px; color: #6f6f6f}
.buy-theme:hover, .all-demo:hover {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; right: 0px; background: var(--base-color)}
.buy-theme span, .all-demo span {padding:0 9px; position: relative; top:0; opacity: 0}
.buy-theme:hover span, .all-demo:hover span {opacity: 1; color: #fff}
.buy-theme:hover i, .all-demo:hover i {color: #fff}
.buy-theme a, .all-demo a {color: #232323; font-size: 10px; text-transform: uppercase; padding:2px 10px; display: block; text-decoration: none; font-weight: 500}
.all-demo {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:172px; right: -105px; background: #fff; z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 9999}

/* Cookie message */

/* ===================================
    SEO: FAQ Styles (<details>/<summary>)
====================================== */
.faq-item {
  background: #161822;
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: border-color 0.3s ease;
}

.faq-item:hover {
  border-color: rgba(211, 164, 117, 0.3);
}

.faq-item[open] {
  border-color: rgba(211, 164, 117, 0.5);
}

.faq-question {
  padding: 20px 24px;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  transition: color 0.3s ease;
  user-select: none;
}

.faq-question::-webkit-details-marker {
  display: none;
}

.faq-question::after {
  content: '+';
  font-size: 1.5rem;
  font-weight: 300;
  color: #D3A475;
  transition: transform 0.3s ease;
  flex-shrink: 0;
  margin-left: 16px;
}

.faq-item[open] .faq-question::after {
  content: '−';
}

.faq-item[open] .faq-question {
  color: #D3A475;
}

.faq-answer {
  padding: 0 24px 20px;
}

.faq-answer p {
  color: #94A3B8;
  line-height: 1.7;
  margin: 0;
  font-size: 0.95rem;
}

/* ===================================
    SEO: content-visibility for scroll performance
====================================== */
section {
  content-visibility: auto;
  contain-intrinsic-size: 0 600px;
}

section.hero-section,
section#home {
  content-visibility: visible;
}
/* Fondo a pantalla completa que bloquea el contenido */
.age-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 12, 18, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 999999;
    font-family: 'Segoe UI', Arial, sans-serif;
}

/* Caja del mensaje */
.age-box {
    width: min(520px, 100%);
    background: linear-gradient(180deg, rgba(17, 20, 30, 0.98) 0%, rgba(10, 12, 20, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 28px 24px 20px;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(5, 217, 232, 0.15), 0 25px 70px rgba(0, 0, 0, 0.55);
}

.age-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 14px;
}

.age-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg, #D3A475 0%, #D3A475 100%);
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    box-shadow: 0 0 20px rgba(255, 42, 109, 0.45);
}

.age-box h2 {
    margin: 0;
    color: #f5f7fb;
    font-family: var(--sr-font-sans);
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 700;
}

.age-intro,
.age-box p {
    color: #dfe7f5;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 18px;
}

.age-box strong {
    color: #fff;
}

/* Caja con scroll para los términos legales */
.terms-scroll-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 16px 14px;
    max-height: 280px;
    overflow-y: auto;
    text-align: left;
    margin: 18px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(211, 164, 117, 0.8) rgba(255, 255, 255, 0.06);
}

.terms-scroll-box::-webkit-scrollbar {
    width: 8px;
}

.terms-scroll-box::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
}

.terms-scroll-box::-webkit-scrollbar-thumb {
    background: rgba(255, 42, 109, 0.8);
    border-radius: 10px;
}

.terms-scroll-box h3 {
    font-size: 14px;
    color: #D3A475;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.terms-scroll-box p {
    font-size: 14px !important;
    color: #c7d1e6 !important;
    line-height: 1.55;
    margin: 0 0 10px;
}

/* Pregunta de confirmación */
.age-question {
    font-size: 16px;
    color: #D3A475;
    margin: 18px 0 0;
    line-height: 1.6;
}

.age-question strong {
    color: #D3A475;
}

/* Botones */
.age-buttons {
    margin: 24px 0 16px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.age-buttons button {
    flex: 1 1 180px;
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.btn-yes {
    background: linear-gradient(135deg, #D3A475 0%, #000000 100%);
    color: #fff;
    box-shadow: 0 12px 28px rgba(255, 255, 109, 0.3);
}

.btn-yes:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(211, 164, 117, 0.38);
}

.btn-no {
    background: rgba(255, 255, 255, 0.02);
    color: #edf3ff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-no:hover {
    transform: translateY(-1px);
    border-color: rgba(5, 217, 232, 0.5);
    box-shadow: 0 10px 24px rgba(5, 217, 232, 0.12);
}

/* Enlace legal obligatorio */
.legal-notice {
    font-size: 11px !important;
    color: #9fb0c9 !important;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 12px;
    line-height: 1.5;
}

.legal-notice a {
    color: #D3A475;
    text-decoration: none;
}

.legal-notice a:hover {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .age-overlay {
        padding: 16px;
    }

    .age-box {
        padding: 22px 16px 16px;
        border-radius: 18px;
    }

    .age-header {
        flex-direction: column;
        gap: 8px;
    }

    .age-buttons {
        flex-direction: column;
    }

    .age-buttons button {
        width: 100%;
    }
}