/** GLOBAL STYLES **/
:root {
    --white-color: white;
    --mid-white-color: #dbdad8;
    --light-gray-color: #c2bdb5;
    --mid-gray-color: #cccbcb;
    --gray-color: gray;
    --dark-gray-color: #272626;
    --sand-color: #a3a195;
    --light-green-color: #25bb25;
    --green-color: #0b8a0b;
    --yellow-color: #f8f814;
    --light-orange-color: #d8a928;
    --mid-orange-color: #e99210;
    --orange-color: #ff9900;
    --dark-orange-color: #e28b07;
    --light-blue-color: #3e70ce;
    --mid-blue-color: #1d5888;
    --blue-color: #225fb1;
    --dark-blue-color: #103477;
    --light-red-color: #e44040;
    --red-color: #f10808;
    --dark-brown-color: #271a0e;
    --black-color: black;
    --transition-five: all .5s;
    --transition-seven: all .7s;
    --transition-one: all 1s;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    list-style-type: none;
}

html,
body {overflow-x: hidden;}

body {font-family: Arial, Helvetica, sans-serif;}

.center-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.set-width {
    max-width: 1800px;
    margin: 0 auto;
}

.main-menu .active-link,
.social__media__nav .active-link {
    color: var(--blue-color);
    font-size: 1.05rem;
    font-weight: bold;
}

.disable-link {pointer-events: none;}

.marg-bottom {margin-bottom: calc(1.3rem + 1vw) !important;}
.marg-bottom2 {margin-bottom: calc(.7rem + 1vw) !important;}

button {
    cursor: pointer;
    border: none;
    background: transparent;
}

section {
    padding: calc(2.3rem + 1vw) calc(2.3rem + 1vw) calc(3.5rem + 1vw) calc(2.3rem + 1vw);
    border-bottom: 2px solid var(--white-color);
}

section.bg-blue {background-color: var(--light-blue-color);}
section.bg-beige {background-color: var(--mid-white-color);}

.section-title {margin-bottom: calc(2.1rem + .7vw);}

.section-title h2 {
    margin: 0 calc(.75rem + .5vw);
    font-size: calc(1.42rem + .5vw);
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 2px;
    padding: 1px 5px;
    color: var(--white-color);
    box-shadow: 5px 5px 7px var(--black-color);
    position: relative;
    perspective: 150rem;
    -webkit-text-stroke: 1px rgba(0, 0, 0, .5);
}
.section-title h2::after {
    content: "";
    position: absolute;
    top: 0px;
    left: -6px;
    right: -6px;
    bottom: 0px;
    background: linear-gradient(235deg, #f30e34, #010615, #105fa0);
    box-shadow: 0 0 0 3px var(--white-color), 0 0 0 3px var(--white-color);
    border: 3px solid black;
    z-index: -1;
    border-radius: 7px;
}

.section-title i {
    color: var(--dark-blue-color);
    font-size: calc(1.5rem + .5vw);
}

section i.rotate-icon {transform: rotateY(180deg);}

.section-title i.light-orange-color {color: var(--light-orange-color);}

section:not(.slider-container) img {
    display: block;
    width: 100%;
    /* height: 100%; */
    /*object-fit: cover;*/
}

/* Media Queries - Global Styles */
@media(min-width: 1800px) {
    body {background-color: var(--gray-color);}
}
/** end GLOBAL STYLES **/

/** HEADER **/
/* TOP Header */
.header__top {
    position: fixed;
    z-index: 5;
    width: 100%;
    max-width: 1800px;
    height: calc(5.23rem + .9vw);
    background:rgba(0, 0, 0, 1);
    border-bottom: 2px solid var(--orange-color);
    transition: var(--transition-one);
} 

/* Logo */
.header__logo {
    border: 2px solid var(--orange-color);
    border-radius: 50%;
    position: absolute;
    top: .35rem;
    left: calc(3px + .3vw);
    perspective: 300px;
    animation: border-logo 5s linear infinite;
}
@keyframes border-logo {
    0% {border-color: var(--orange-color);}
    20% {border-color: var(--orange-color);}
    25% {border-top-color: transparent;}
    30% {border-right-color: transparent; border-top-color: var(--orange-color);}
    35% {border-bottom-color: transparent; border-right-color: var(--orange-color);}
    40% {border-left-color: transparent; border-bottom-color: var(--orange-color);}
    45% {border-color: var(--orange-color);}
    100% {border-color: var(--orange-color);}
}

.header__logo img {
    width: calc(40px + .7vw);
    height: calc(45px + .7vw);
    margin: 16px 10px 5px 10px;
    backface-visibility: visible;
    animation: rotate-logo 5s linear 1.8s infinite;
}
@keyframes rotate-logo {
    0% {transform: rotateY(0deg);}
    30% {transform: rotateY(180deg);}
    70% {transform: rotateY(180deg);}
    100% {transform: rotateY(360deg);}
}

/* Navigation */
.header__navigation {position: relative;}

.main-menu {
    display: flex;
    position: absolute;
    top: 13.5px;
    right: 20px;
}

.main-menu li {margin-right: 2.3rem;}
.main-menu li:last-child {margin-right: 0;}

.main-menu li a {
    color: var(--white-color);
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 1.3px;
    transition: var(--transition-seven);
    position: relative;
    font-size: 1rem;
}
.main-menu li a:hover {color: var(--orange-color);}

.main-menu li a::before,
.main-menu li a::after {
    position: absolute;
    top: 50%;
    content: '';
    height: 2px;
    width: 0px;
    background-color: var(--white-color);
    transition: all .35s;
}

.main-menu li a::before {left: -10px;}
.main-menu li a::after {right: -9px;}

.main-menu li a:hover::before,
.main-menu li a:hover::after {width: 8px;}

/* WhatsApp and Messenger */
.header__contacts {
    display: flex;
    position: absolute;
    top: 18.5%;
    left: 6.1rem;
}

.header__contacts a {
    color: var(--white-color);
    font-size: .84rem;
    border: 1px solid var(--white-color);
}

.header__contacts > div a {
    padding: .4rem .7rem;
    transition: var(--transition-five);
}

.header__contacts .whatsapp a {
    background-color: var(--green-color);
    border-top-left-radius: .9rem;
    border-bottom-left-radius: .9rem;
}
.header__contacts .whatsapp a:hover {background-color: var(--light-green-color);}

.header__contacts .messenger a {
    background-color: var(--dark-blue-color);
    border-top-right-radius: .9rem;
    border-bottom-right-radius: .9rem;
    border-left: 0;
}
.header__contacts .messenger a:hover {background-color: var(--blue-color);}

/* Navigation Scroll */
.scroll-menu {
    display: flex;
    position: absolute;
    bottom: 14.2%;
    left: 5.7rem;
}

.scroll-menu li {margin-right: .75rem;}
.scroll-menu li:last-child {margin-right: 0;}

.scroll-menu li a {
    font-family: 'Raleway', sans-serif;
    font-size: calc(.78rem + .2vw);
    color: var(--orange-color);
    background-color: black;
    padding: 4px 7.5px;
    border: 1px solid var(--orange-color);
    border-radius: 5px;
    transition: var(--transition-five);
    position: relative;
}
.scroll-menu li a:hover {
    color: var(--black-color);
    background-color: var(--orange-color);
}

.scroll-menu li a::before,
.scroll-menu li a::after {
    position: absolute;
    bottom: 3px;
    content: '';
    width: 0%;
    height: 2px;
    background-color: var(--white-color);
    transition: var(--transition-five);
}

.scroll-menu li a::before {left: 50%;}
.scroll-menu li a::after {right: 50%;}

.scroll-menu li a:hover::before {width: 42%; left: 8%;}
.scroll-menu li a:hover::after {width: 42%; right: 8%;}

#navbar .change-link {color: var(--white-color);}

/* Menu Button */
.header__btn {display: none;}

/* Media Queries - HEADER */
@media(max-width: 1058px) {
    .main-menu {top: 10px;}
}

@media(max-width: 900px) {
    .main-menu li {margin-right: 2.1rem;}    
    .main-menu li a {font-size: .9rem;}

    .scroll-menu li {margin-right: .7rem;}    
    .scroll-menu li a {padding: 3.5px 6.5px;}
}

@media(max-width: 768px) {
    /* TOP Header */
    .header__top {
        height: calc(4.8rem + .5vw);
        border-bottom: none;
    }

    .header__logo {top: .23rem;}

    .header__logo img {
        width: calc(37px + .7vw);
        height: calc(40px + .7vw);
    }

    /* Navigation */
    .main-menu {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        z-index: 3;
        top: calc(4.7rem + .7vw);
        left: 0;
        border-top: 2px solid var(--orange-color);
        border-bottom: 2px solid var(--orange-color);
        padding: 1.4rem 0;
        background: rgba(0, 0, 0, .9);
        width: 0;
        opacity: 0;
        transform: translateX(50%) scale(0);
        transition: var(--transition-five);
    }
    .main-menu-change.main-menu {
        width: 100%;
        opacity: 1;
        transform: translateX(0px) scale(1);
    }

    .main-menu li {margin: 0 0 3rem 0;}
    .main-menu li:last-child {margin: 0;}

    .main-menu li a {
        opacity: 0;
        transition: var(--transition-seven);
    }
    .main-menu-change.main-menu li a {opacity: 1;}

    /* WhatsApp and Messenger */
    .header__contacts {
        top: 48%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* Navigation Scroll */
    .scroll-menu {display: none;}

    /* Menu Button */
    .header__btn {
        display: block;
        position: absolute;
        top: 23px;
        right: 20px;
        animation: btn-pulse 2s infinite;
    }
    @keyframes btn-pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.2); }
        100% { transform: scale(1); }
    }

    .header__btn .line {
        width: 40px;
        height: 5px;
        background-color: var(--orange-color);
        margin-bottom: 8px;
        transform-origin: right;
        transition: var(--transition-five);
    }
    .header__btn .line:last-child {margin-bottom: 0px;}

    .rotate-line .line-1 {
        transform: rotate(-45deg) translateY(-2px);
        background-color: var(--blue-color);
    }

    .rotate-line .line-2 {opacity: 0;}

    .rotate-line .line-3 {
        transform: rotate(45deg) translateY(2px);
        background-color: var(--blue-color);
    }
}

@media(max-width: 420px) {
    .header__logo {top: .28rem;}
}

@media(max-width: 320px) {
    .header__contacts .whatsapp a {
        border-top-right-radius: .9rem;
        border-bottom-right-radius: .9rem;
    }

    .hide-text {display: none;}
}

/* Height Control */
@media(max-height: 420px) {
    .main-menu li {margin-bottom: 3rem;}
}

@media(max-height: 375px) {
    .main-menu li {margin-bottom: 2.4rem;}
}

@media(max-height: 360px) {
    .main-menu li {margin-bottom: 2.14rem;}
}

@media(max-height: 325px) {
    .main-menu li {margin-bottom: 1.6rem;}
}
/** end HEADER **/

/** Link to Top **/
.link-top {
    font-size: calc(.7rem + .55vw);
    position: fixed;
    bottom: .82rem;
    right: 1.2rem;
    background: var(--orange-color);
    color: var(--white-color);
    border-radius: 50%;
    border: 2px solid transparent;
    padding: .35rem .40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: var(--transition-one);
    animation: bounce 2s ease-in-out infinite;
}
@keyframes bounce {
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
}
.link-top:hover {
    background: var(--black-color);
    color: var(--orange-color);
    border: 2px solid var(--orange-color);
}
.show-link.link-top {
    visibility: visible;
    opacity: 1;
    z-index: 5;
}

/* Media Queries - Link to Top */
@media(min-width: 1800px) {
    .link-top {right: 2.5rem;}
}

@media(max-width: 414px) {
    .link-top {bottom: .75rem;}
}
/** end Link to Top **/

/** SOCIAL **/
section.social {background: linear-gradient(to top, var(--dark-blue-color), var(--light-blue-color));}

.social__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
    margin-bottom: -22px;
}

.social__media__title {
    font-family: 'Raleway', sans-serif;
    font-size: calc(1.1rem + .3vw);
    font-weight: bold;
    margin-bottom: .7rem;
}

.social__media__paragraph {
    font-size: calc(.8rem + .3vw);
    line-height: 1.3;
    margin-bottom: 1.4rem;
    word-spacing: 3px;
}

.social__media__icons {
    display: flex;
    margin: -3.5px 0 -3.5px -6px;    
}

.social__media__icons li {
    margin: 0 10px;
    position: relative;
    transform: skew(5deg);
}
.social__media__icons li::after {
    content: "";
    position: absolute;
    top: 0px;
    left: -6px;
    width: 100%;
    height: 110%;
    background: var(--black-color);
    border-radius: 50%;
    z-index: -1;
    border: 1px solid var(--white-color);
}

.social__media__icons i {
    font-size: calc(18px + .3vw);
    background-color: var(--mid-gray-color);
    padding: calc(.35rem + .2vw) calc(.45rem + .2vw);
    border-radius: 50%;
    border: 1px solid var(--white-color);
    transition: var(--transition-five);
}
.social__media__icons i:hover {
    background-color: var(--black-color);
    transform: scale(1.05);
}

.social__media__icons i.fa-twitter {color: var(--light-blue-color);}

.social__media__icons i.fa-facebook,
.social__media__icons i.fa-linkedin {color: var(--dark-blue-color);}

.social__media__icons i.fa-instagram {color: var(--light-red-color);}

.social__media__nav {
    margin-top: 2.27rem;
    display: flex;
    flex-wrap: wrap;
}

.social__media__nav li {margin-right: .7rem;}
.social__media__nav li:last-child {margin-right: 0;}

.social__media__nav li a,
.social__media__nav li a.disable-link {
    color: var(--orange-color);
    font-family: 'Raleway', sans-serif;
    font-size: .9rem;
    border: 2px solid var(--orange-color);
    background-color: var(--black-color);
    padding: .3rem .35rem;
    border-radius: 5px;
    transition: var(--transition-five);
}
.social__media__nav li a:hover {
    background-color: var(--dark-blue-color);
    color: var(--white-color);
}

.social__media__nav li a.disable-link {color: var(--light-blue-color);}

.social__media__contact {
    display: flex;
    margin-bottom: calc(1rem + .25vw);
    align-items: center;
}

.social__media__contact i {
    transform: scale(1.2);
    margin: 0 .8rem 0 .25rem;
    color: var(--mid-orange-color);
}

.social__media__contact p {
    color: var(--mid-white-color);
    font-size: calc(.9rem + .2vw);
}

.social__media__schedules {
    display: flex;
    color: var(--mid-white-color);
    margin-top: -8px;
}

.social__media__days {margin-right: 1.8rem;}

.social__media__schedules p {
    margin-bottom: calc(.75rem + .25vw);
    font-size: calc(.9rem + .2vw);
}

/* Media Queries - Social */
@media(max-width: 820px) {
    .social__media__icons li {margin: 0 7px;}
}

@media(min-width: 769px) and (max-width: 1220px) {
    .social__media__nav {min-height: 95px;}
}

@media(max-width: 768px) {
    section.social {background: var(--light-blue-color);}

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

    .social__media:first-child {margin-bottom: calc(3.95rem + .25vw);}
    .social__media:nth-child(2) {margin-bottom: calc(2rem + .25vw);}    
}

@media(max-width: 414px) {
    .social__media:first-child {margin-bottom: calc(3.77rem + .25vw);}
    .social__media:nth-child(2) {margin-bottom: calc(1.87rem + .25vw);}

    .social__media__nav li a {font-size: .8rem;}    
}

@media(max-width: 395px) {
    .social__media__nav {
        min-height: 80px;
        margin: 2rem 0 -1.76rem .1rem;
    }
}
/** end SOCIAL **/

/** FOOTER **/
footer {
    padding: calc(.7rem + .35vw) 0;
    background-color: var(--black-color);
}

footer p {
    color: var(--light-gray-color);
    font-size: calc(1rem + .3vw);
    letter-spacing: 1px;
}

footer span {
    font-size: calc(20px + .3vw);
    margin-right: .2rem;
}

footer #date {
    margin-left: .5rem;
    font-size: calc(15px + .5vw);
}
/** end FOOTER **/