.aqui * {
    border: 1px dashed;
}

@import url(https://fonts.googleapis.com/css?family=Nunito);
body {
    line-height: 1.2;
}

:root {
    --bg-gray: #ccda;
}

/*.btn:active{
    color:white;
}*/

.bg-gray {
    background-color: var(--bg-gray);
}

.image-options {
    font-size: 18px;
    margin: 0 10px;
    cursor: pointer;
}

.btn-thumb {
    padding: 10px;
    border: 1px solid #1b435d;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
}

.image-options.thumb-active {
    background-color: #091f2d;
    color: #fff;
    border-radius: 10px;
}

h2.title {
    color: #1b435d;
    font-weight: bold;
}

.menu-column-2 {
    -webkit-columns: 250px 2;
    -moz-columns: 250px 2;
    columns: 250px 2;
    width: 220% !important;
}

.btn-orange {
    background-color: #ea6434;
    border: #ea6434;
    color: white;
}

.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}

.modal-close img {
    max-width: 25px;
}

header .menu {
    background: #1b435d;
}

header .menu .navbar {
    padding: 0;
}

header .menu .navbar-nav .nav-item .nav-link {
    color: #fff;
    padding: 0.8rem 0.7rem;
}

header .menu .navbar-nav .nav-item:hover > .nav-link {
    background: #8badc4 !important;
    color: #fff !important;
    font-weight: bold;
}

header .menu .navbar-nav .dropdown-menu {
    margin: 0;
    border: 0;
    padding: 0;
    width: 200px;
}

header .menu .navbar-nav .dropdown-menu .nav-link {
    background: #fff;
    font-weight: normal;
    color: #1b435d;
    padding: 0.5rem 0.7rem;
}

header .menu .navbar-nav .dropdown-menu .nav-link.base:hover {
    background: #8badc4;
    color: #fff;
}

header .menu .categories-menu .dropdown {
    position: initial;
}

header .menu .categories-menu .root {
    width: 250px;
    background: #3e789e;
    color: #fff;
    display: -webkit-box;
    display: flex;
    font-weight: bold;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5rem 0.7rem;
}

header .menu .categories-menu .root .fa {
    font-weight: normal;
    font-size: 12px;
}

header .menu .categories-menu .root:hover {
    text-decoration: none;
}

header .menu .categories-menu .dropdown-menu {
    width: 325px;
}

header .menu .categories-menu .dropdown-menu .nav-item.second .nav-link {
    background: #fff !important;
    color: #656565 !important;
}

header .menu .categories-menu .dropdown-menu .nav-item .nav-link {
    font-size: 14px;
    color: #656565;
    padding: 0.3rem 0.7rem;
}

header .menu .categories-menu .dropdown-menu .nav-item .nav-link .image {
    width: 25px;
    height: 25px;
    background-color: #656565;
    float: left;
    margin-right: 5px;
    position: relative;
    bottom: 4px;
}

header
    .menu
    .categories-menu
    .dropdown-menu
    .nav-item.first:hover
    .nav-link
    .image {
    background-color: #fff;
}

header .menu .categories-menu .dropdown-menu .submenu a {
    margin: 3px 0 8px;
    margin-bottom: 12px;
}

header .menu .categories-menu .submenu {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    border-left: 0;
    padding: 10px;
    border-left: 1px solid #eaeaea;
    overflow: auto;
}

header .menu .categories-menu .submenu a {
    display: block;
    font-size: 14px;
    color: #656565;
}

header .top {
    background: #1b435d;
    padding: 5px 0;
}

header .top a {
    color: #fff;
}

header .top .container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

header .top .phones a {
    margin: 0 5px;
}

header .top .actions {
    font-weight: bold;
}

header .top .languages a {
    margin-right: 5px;
}

header .top .languages a .flag-icon {
    width: 1.8rem;
    line-height: 1.5rem;
}

header .top .languages a:hover {
    text-decoration: none;
}

header .header-container {
    background: #fff;
}

header .header-container.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    box-shadow: 0 1px 10px #ccc;
}

header .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
}

header .header .logo {
    margin-right: 100px;
}

header .header .search {
    -webkit-box-flex: 1;
    flex: 1;
    max-width: 450px;
}

header .header .search .form-group {
    position: relative;
    margin: 0;
}

header .header .search .form-group input[type="search"] {
    border-color: #1b435d;
}

header .header .search .form-group button {
    position: absolute;
    top: 6px;
    right: 5px;
    background: transparent;
    border: 0;
    font-size: 20px;
    color: #999;
}

header .header .icons-header {
    display: -webkit-box;
    display: flex;
}

header .header .icons-header .cart {
    position: relative;
}

header .header .icons-header .cart .badge-cart {
    position: absolute;
    right: 0;
}

header .header .icons-header .cart,
header .header .icons-header .billet {
    margin: 0 14px;
    text-align: center;
}

header .header .icons-header .cart a,
header .header .icons-header .billet a {
    color: #1b435d;
    font-size: 12px;
}

header .header .icons-header .cart svg,
header .header .icons-header .billet svg {
    max-width: 38px;
    fill: #1b435d;
}

section.main {
    -webkit-box-flex: 1;
    flex: 1;
}

section.main.sticky {
    padding-top: 127px;
}

footer .footer {
    color: #fff;
    font-weight: bold;
    background: #1b435d;
    padding: 15px 0;
}

footer .footer .title {
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

footer .footer .title i {
    font-size: 10px;
    margin-right: 10px;
}

footer .footer .cont {
    margin-left: 20px;
    font-size: 14px;
}

footer .footer .cont a,
footer .footer .cont span {
    font-weight: normal;
}

footer .footer a {
    color: #fff;
}

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

footer .footer ul li {
    font-weight: normal;
    margin-bottom: 5px;
}

footer .social {
    display: -webkit-box;
    display: flex;
}

footer .social a {
    border-radius: 4px;
    color: #fff;
    margin: 5px;
    height: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 30px;
    font-size: 20px;
}

footer .brands {
    padding: 20px 0;
}

footer .copyright {
    padding: 5px;
    position: relative;
    margin-bottom: 10px;
}

footer .copyright .selo-lgpd {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
}

#lightcase-content {
    background-color: white !important;
}

.custom-control-label::before {
    top: 0;
}

.custom-control-label::after {
    top: 0.01rem;
}

.navbar-nav .dropdown-menu {
    position: absolute;
}

.owl-carousel .owl-item .line-product > a {
    min-height: 310px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.owl-carousel .owl-item .line-product > a .ref {
    color: #212529;
}

.owl-carousel .owl-item .line-product > a img {
    width: auto !important;
    max-height: 140px;
    margin: 0 auto;
}

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -40px !important;
    margin-left: -20px !important;
    display: block !important;
    border: 0 solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -40px !important;
    margin-right: -23px !important;
    right: 0;
    display: block !important;
    border: 0 solid black;
}

.owl-prev i,
.owl-next i {
    -webkit-transform: scale(1, 3);
    transform: scale(1, 3);
    color: #ccc;
}

.categories-container {
    width: 95%;
    margin: 0 auto;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 30px !important;
    height: 3px !important;
}

.pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1b435d;
    border-color: #1b435d;
}

.pagination .page-item .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1b435d;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.account-panel ul {
    list-style: none;
    background-color: #ececec;
    padding-left: 0;
}

.account-panel ul li a {
    width: 100%;
    display: block;
    padding: 5px 0 5px 15px;
    color: #0c0c0c;
}

.account-panel ul li a:hover {
    background-color: #1b435d;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.tp-caption-phrase {
    color: #fff;
}

.tp-caption-phrase span {
    padding: 0 10px;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #000;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 4px;
    background-color: #000;
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger-inner:before {
    top: -10px;
}

.hamburger-inner:after {
    bottom: -10px;
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
            0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s
        cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx.is-active .hamburger-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: transparent !important;
}

.hamburger--3dx.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
            0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s
        cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx-r.is-active .hamburger-inner {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color: transparent !important;
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
            0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s
        cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy.is-active .hamburger-inner {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    background-color: transparent !important;
}

.hamburger--3dy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
            0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s
        cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy-r.is-active .hamburger-inner {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    background-color: transparent !important;
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
            0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s
        cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy.is-active .hamburger-inner {
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
    background-color: transparent !important;
}

.hamburger--3dxy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
            0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s
        cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
        -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
    background-color: transparent !important;
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--arrow.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrow.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowalt .hamburger-inner:before {
    -webkit-transition: top 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner:after {
    -webkit-transition: bottom 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: top 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: top 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: top 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: bottom 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: bottom 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: bottom 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowalt-r .hamburger-inner:before {
    -webkit-transition: top 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
    -webkit-transition: bottom 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s ease 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s ease 0.1s,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: top 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: top 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: top 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: bottom 0.1s ease,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: bottom 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    transition: bottom 0.1s ease,
        transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
        -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
    -webkit-transition-property: none;
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        opacity 0.1s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner:before {
    -webkit-transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1)
            0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        opacity 0.1s linear 0.22s;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        opacity 0.1s linear 0.22s;
    opacity: 0;
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333)
            0.16s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        opacity 0.1s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner:before {
    -webkit-transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1)
            0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        opacity 0.1s linear 0.22s;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        opacity 0.1s linear 0.22s;
    opacity: 0;
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333)
            0.16s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity 0.125s ease 0.275s;
    transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    -webkit-transition: -webkit-transform 0.275s
        cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55),
        -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg);
}

.hamburger--elastic.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner:after {
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg);
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity 0.125s ease 0.275s;
    transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    -webkit-transition: -webkit-transform 0.275s
        cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55),
        -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg);
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg);
}

.hamburger--emphatic {
    overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s ease-in 0.175s;
    transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    -webkit-transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    -webkit-transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    top: -80px;
    left: -80px;
    -webkit-transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    top: -80px;
    right: -80px;
    -webkit-transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
}

.hamburger--emphatic-r {
    overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 0.125s ease-in 0.175s;
    transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    -webkit-transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    -webkit-transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
        top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    top: 80px;
    left: -80px;
    -webkit-transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: left 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    top: 80px;
    right: -80px;
    -webkit-transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    transition: right 0.125s ease-out, top 0.05s linear 0.125s,
        transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
        -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
    -webkit-transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s,
        opacity 0s linear;
    transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s,
        opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
    -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out,
        opacity 0s linear 0.08s;
    transition: bottom 0.08s ease-out, top 0.08s ease-out,
        opacity 0s linear 0.08s;
    opacity: 0;
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0;
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.hamburger--slider .hamburger-inner:after {
    top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}

.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg);
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 0.22s;
    transition-duration: 0.22s;
}

.hamburger--spin .hamburger-inner:before {
    -webkit-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
    transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
    -webkit-transition: bottom 0.1s ease-in 0.25s,
        -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s ease-in 0.25s,
        -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s ease-in 0.25s,
        transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s ease-in 0.25s,
        transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
    transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
    opacity: 0;
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 0.1s ease-out,
        -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.1s ease-out,
        -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.1s ease-out,
        transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.1s ease-out,
        transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
        -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 0.22s;
    transition-duration: 0.22s;
}

.hamburger--spin-r .hamburger-inner:before {
    -webkit-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
    transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner:after {
    -webkit-transition: bottom 0.1s ease-in 0.25s,
        -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s ease-in 0.25s,
        -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s ease-in 0.25s,
        transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s ease-in 0.25s,
        transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
    transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
    opacity: 0;
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 0.1s ease-out,
        -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.1s ease-out,
        -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.1s ease-out,
        transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 0.1s ease-out,
        transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
        -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s linear 0.13s;
    transition: background-color 0s linear 0.13s;
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333)
            0.15s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        opacity 0s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner:before {
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        opacity 0s linear 0.22s;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        opacity 0s linear 0.22s;
    opacity: 0;
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333)
            0.15s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
        transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
        -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hamburger--stand .hamburger-inner {
    -webkit-transition: background-color 0s linear 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
    transition: background-color 0s linear 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
        background-color 0s linear 75ms;
    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
        background-color 0s linear 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}

.hamburger--stand .hamburger-inner:before {
    -webkit-transition: top 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: top 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: top 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: top 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: bottom 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: bottom 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: bottom 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transition: background-color 0s linear 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: background-color 0s linear 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
        background-color 0s linear 0.15s;
    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
        background-color 0s linear 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent !important;
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: top 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: top 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: top 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: bottom 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: bottom 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: bottom 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s linear 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
    transition: background-color 0s linear 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
        background-color 0s linear 75ms;
    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
        background-color 0s linear 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}

.hamburger--stand-r .hamburger-inner:before {
    -webkit-transition: top 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: top 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: top 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: top 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: bottom 75ms ease-in 75ms,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: bottom 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: bottom 75ms ease-in 75ms,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transition: background-color 0s linear 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: background-color 0s linear 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
        background-color 0s linear 0.15s;
    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
        background-color 0s linear 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent !important;
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: top 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: top 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: top 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: bottom 75ms ease-out 0.1s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: bottom 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: bottom 75ms ease-out 0.1s,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
}

.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
    transition: top 75ms ease 0.12s, opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease 0.12s,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
    transition: top 75ms ease, opacity 75ms ease 0.12s;
    opacity: 0;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 75ms ease,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease,
        transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
        -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.hamburger--vortex .hamburger-inner:before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg);
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (max-width: 992px) {
    .rev_slider .tp-mask-wrap .btn-banner {
        font-size: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .tp-caption-phrase span {
        font-size: 14px;
    }

    .categories {
        padding: 10px 0 !important;
    }

    .categories .category .image img {
        width: auto;
    }

    .tparrows {
        background-color: transparent !important;
    }

    header .menu .categories-menu .fa-angle-right {
        display: none !important;
    }

    header .menu .categories-menu .submenu {
        display: none !important;
    }

    .testimonials .testimonial {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .testimonials .testimonial .image {
        width: 100% !important;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        padding-top: 20px;
    }

    .testimonials .testimonial .image img {
        width: 160px;
    }
}

@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 767px) {
    header .top .container {
        display: block;
    }

    header .top .container .languages,
    header .top .container .phones {
        text-align: center;
        margin-bottom: 10px;
    }

    header .top .container .actions {
        text-align: center;
    }

    header .menu .container {
        padding: 0;
    }

    header .menu .categories-menu {
        width: calc(100% - 67px);
    }

    header .menu .categories-menu .root {
        width: 100%;
    }

    header .menu .categories-menu .dropdown-menu {
        width: calc(100% + 67px) !important;
    }

    header .menu .fa-angle-right {
        display: none;
    }

    header .menu .hamburger {
        padding: 3px;
        padding-left: 0;
        margin-right: 6px;
    }

    header .menu .hamburger .hamburger-inner,
    header .menu .hamburger .hamburger-inner:after,
    header .menu .hamburger .hamburger-inner:before {
        background-color: #fff;
    }

    header .menu .navbar-nav .dropdown-menu {
        width: 100%;
    }

    header .menu .navbar-nav.menu-default .dropdown-menu {
        position: initial;
    }

    header .header {
        display: block;
    }

    header .header .logo {
        margin-right: 0;
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }

    header .header .icons-header {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin-top: 15px;
    }

    header .header .icons-header svg {
        max-width: 30px !important;
        display: block;
        margin: 0 auto;
    }

    .others-page .page .owl-carousel-slider .owl-nav {
        display: none !important;
    }

    .where-find .representatives {
        margin-bottom: 20px;
    }

    .about .read-more {
        margin-bottom: 20px;
    }

    .lines .myx,
    .lines .myhouse {
        height: auto !important;
    }

    .lines .myx .logo,
    .lines .myhouse .logo {
        height: auto !important;
        margin-bottom: 10px;
    }

    .lines .myx .logo img,
    .lines .myhouse .logo img {
        max-width: 50%;
    }

    .lines .myx .line-products .product,
    .lines .myhouse .line-products .product {
        height: auto !important;
    }

    .info {
        margin-top: 20px;
    }

    .table-responsive {
        display: inline-block !important;
    }

    .thumb-many {
        width: 25%;
    }

    .thumb-many .thumb-border {
        min-height: 80px;
        padding: 2px;
    }

    .where-find .representatives,
    .where-find .where {
        height: 230px !important;
    }

    .products .product img {
        max-height: 100% !important;
    }

    .card-wrapper {
        margin: 20px 0;
    }

    .card-wrapper .jp-card {
        max-width: 311px;
        min-width: unset;
    }

    .card-wrapper .jp-card .jp-card-name {
        font-size: 10px !important;
    }

    .card-wrapper .jp-card .jp-card-expiry {
        width: 38% !important;
        font-size: 15px !important;
    }

    .card-wrapper .jp-card .jp-card-number {
        font-size: 23px;
        margin-bottom: 26px !important;
    }

    footer .cont {
        margin-bottom: 10px;
    }

    .brands .brand {
        text-align: center;
        margin-bottom: 10px;
    }

    .newsletter .inputs {
        margin-top: 20px;
    }

    .facebook {
        margin-top: 20px;
    }

    .products {
        display: block !important;
    }

    .products .product:not(:first-child) {
        display: none;
    }

    .owl-prev {
        margin-left: -14px !important;
    }

    .owl-next {
        margin-right: -10px !important;
    }

    .page-container .representative {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .page-container .table-cart {
        display: block;
    }
}

@media (max-width: 351px) {
    .btn-finish {
        margin-top: 20px;
    }
}

.categories,
.products,
.about,
.lines,
.where-find,
.usage-scenarios,
.simulators,
.testimonials,
.posts,
.newsletter {
    padding: 20px 0;
}

.testimonials {
    margin: 20px 0;
}

.where-find {
    padding-top: 30px;
}

.lines {
    padding-bottom: 0;
}

.about,
.testimonials,
.usage-scenarios {
    background: #e0e9f0;
}

.categories {
    background: #1b435d;
}

.categories .category .title {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.1;
}

.categories .category .image {
    text-align: center;
}

.categories .category .image img {
    max-width: 55%;
    display: inline-block;
}

.categories .category a {
    color: #fff;
}

.tips {
    margin-top: 30px;
}

.tips .tip {
    position: relative;
    margin-bottom: 30px;
}

.tips .tip a:hover {
    text-decoration: none;
}

.tips .tip .title {
    text-align: center;
    color: #1b435d;
    background: #e6e6e6;
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.tips .tip .description {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 20px;
    color: #fff;
    right: 0;
    background: rgba(27, 67, 93, 0.8);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.tips .tip .description .t {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 18px;
}

.tips .tip .description .d {
    text-align: center;
    font-size: 14px;
}

.tips .tip .description .b {
    background: #fff;
    color: #1b435d;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
}

.tips .tip:hover .description {
    opacity: 1;
}

.tips .tip:hover .title {
    opacity: 0;
}

.products {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}

.products .product {
    margin: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.products .product.product-0 {
    background: #ea6434;
}

.products .product.product-0:hover {
    background: #d54816;
}

.products .product.product-0 img {
    max-height: 200px;
}

.products .product.product-1 {
    background: #894591;
}

.products .product.product-1:hover {
    background: #68356e;
}

.products .product.product-2 {
    background: #b3101e;
}

.products .product.product-2:hover {
    background: #840c16;
}

.products .product.product-3 {
    background: #5493ca;
    position: relative;
}

.products .product.product-3:hover {
    background: #387ab3;
}

.products .product.product-4 {
    background: #2f8f38;
}

.products .product.product-4:hover {
    background: #226929;
}

.products .product.product-5 {
    background: #9ec9eb;
}

.products .product.product-5:hover {
    background: #74b1e2;
}

.products .product.product-6 {
    background: #091f2d;
}

.products .product.product-6:hover {
    background: #010203;
}

.products .product.product-7 {
    background: #1b435d;
}

.products .product.product-7:hover {
    background: #102735;
}

.products .product.product-8 {
    background: #1b435d;
}

.products .product.product-8:hover {
    background: #102735;
}

.products .product.product-row {
    grid-row: span 1;
}

.products .product.product-column {
    grid-column: span 2;
    grid-row: span 2;
}

.products .product img {
    max-height: 156px;
}

.products .product a {
    padding: 20px;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.products .product a .title {
    text-align: center;
    margin-top: 10px;
}

.products .product a:hover {
    text-decoration: none;
}

.about .title,
.about .description {
    margin-bottom: 20px;
}

.about .description {
    text-align: justify;
}

.about .read-more {
    text-align: center;
}

.about iframe {
    width: 100%;
    height: 300px;
}

.billets {
    margin-top: 45px;
}

.billets .image {
    text-align: center;
}

.billets .description {
    text-align: justify;
}

.billets p {
    margin: 0;
}

.billets .description {
    margin-top: 20px;
}

.billets .description .btn {
    margin: 0 auto;
    margin-top: 20px;
}

.posts .title {
    margin-bottom: 20px;
}

.posts .post {
    color: #1b435d;
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
}

.posts .post .title a {
    color: #1b435d;
}

.posts .post .date {
    width: 50px;
    margin-right: 10px;
    text-align: center;
}

.posts .post .date .day {
    font-weight: bold;
    font-size: 40px;
}

.posts .post .date .month {
    font-size: 20px;
    margin-top: -10px;
}

.posts .post .body {
    -webkit-box-flex: 1;
    flex: 1;
}

.posts .post .body .title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}

.posts .post .body .p {
    color: #000;
    font-size: 14px;
    text-align: justify;
}

.posts .post .body .read-more {
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 14px;
}

.posts .read-more-all {
    text-align: center;
    margin-top: 20px;
}

.newsletter {
    background: #3e789e;
    color: #fff;
}

.newsletter h2.title {
    color: #fff;
}

.newsletter .body {
    text-align: justify;
}

.newsletter .inputs {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.newsletter .inputs .inputs-container {
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 30px;
}

.newsletter .inputs .form-control {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.newsletter .inputs .form-control::-webkit-input-placeholder {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.newsletter .inputs .form-control::-moz-placeholder {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.newsletter .inputs .form-control:-ms-input-placeholder {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.newsletter .inputs .form-control::-ms-input-placeholder {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.newsletter .inputs .form-control::placeholder {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.newsletter .inputs .btn {
    border-radius: 0;
    color: #1b435d;
    background: #fff;
}

.simulators .title,
.simulators .description {
    margin-bottom: 20px;
}

.simulators .actions {
    text-align: center;
    margin-bottom: 20px;
}

.lines .myx {
    margin-bottom: 30px;
}

.lines .myx,
.lines .myhouse {
    height: 400px;
    padding: 30px 0;
    position: relative;
    color: #fff;
}

.lines .myx .logo,
.lines .myhouse .logo {
    height: 340px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.lines .myx:after,
.lines .myhouse:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.lines .myx *,
.lines .myhouse * {
    z-index: 2;
}

.lines .myx .line-products .product,
.lines .myhouse .line-products .product {
    height: 340px;
    padding: 20px;
    background: #1b435d;
    border-radius: 5px;
}

.lines .myx .line-products .product .title,
.lines .myhouse .line-products .product .title {
    text-align: center;
    height: 40px;
    margin-bottom: 10px;
}

.lines .myx .line-products .product .image,
.lines .myhouse .line-products .product .image {
    height: 180px;
    text-align: center;
}

.lines .myx .line-products .product .image img,
.lines .myhouse .line-products .product .image img {
    max-height: 180px;
    width: auto !important;
    display: inline-block !important;
}

.lines .myx .line-products .product .ref,
.lines .myhouse .line-products .product .ref {
    text-align: center;
    color: #999;
    margin-top: 10px;
}

.lines .myx .line-products .product .read-more,
.lines .myhouse .line-products .product .read-more {
    margin-top: 10px;
    text-align: center;
}

.lines .myx .line-products .product .read-more a,
.lines .myhouse .line-products .product .read-more a {
    background: #3d779e;
    border-radius: 4px;
}

.where-find .representatives,
.where-find .where {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 325px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.where-find .representatives svg,
.where-find .where svg {
    width: 65%;
    height: auto;
    fill: #1b435d;
    margin-bottom: 5px;
}

.where-find .representatives .caption,
.where-find .where .caption {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #2e4861;
    font-weight: bold;
    text-transform: initial;
    text-align: center;
    font-size: 18px;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 0 20px;
    background: #fff;
}

.where-find .representatives .caption:hover,
.where-find .where .caption:hover {
    color: #fff;
    background: #2e4861;
    text-decoration: none;
}

.where-find .representatives .caption:hover svg,
.where-find .where .caption:hover svg {
    fill: #fff;
}

.testimonials .testimonial {
    display: -webkit-box;
    display: flex;
}

.testimonials .testimonial .image {
    width: 160px;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: white;
    padding-left: 20px;
}

.testimonials .testimonial .text {
    -webkit-box-flex: 1;
    flex: 1;
    background: #fff;
    padding: 20px;
    text-align: justify;
}

.testimonials .testimonial .text p {
    font-style: italic;
}

.testimonials .testimonial .text .name {
    color: #1b435d;
    margin-bottom: 10px;
    font-weight: bold;
}

.testimonials .testimonial .text .company {
    margin-top: 10px;
    color: #1b435d;
    text-align: right;
    font-weight: bold;
}

.btn-primary {
    background: #1b435d;
    border-color: #1b435d;
    border-radius: 0;
}

a:hover {
    text-decoration: none;
}

.breadcrumb-container {
    background: #dadada;
}

.breadcrumb-container .breadcrumb {
    background: transparent;
    padding-left: 0;
}

.breadcrumb-container .breadcrumb a {
    color: #1b435d;
}

.page-container {
    text-align: justify;
    margin-bottom: 30px;
}

.page-container .page-title h1 {
    text-align: center;
    color: #1b435d;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}

.page-container .page-content {
    text-align: justify;
    margin-bottom: 20px;
}

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

.image-style-side {
    float: right !important;
    margin-left: var(--ck-image-style-spacing) !important;
}

.page-container .page-content figure img {
    width: 100%;
    max-width: 600px;
}

.page-container .page-blocks .page-block {
    margin-bottom: 20px;
}

.page-container .page-blocks .page-block .row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.page-container .page-blocks .page-block .page-block-content h2 {
    color: #1b435d;
    font-size: 22px;
    margin-bottom: 10px;
}

.page-container .visions {
    margin-top: 40px;
}

.page-container .visions .vision {
    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid #fff;
    border-radius: 5px;
}

.page-container .visions .vision:hover {
    box-shadow: 0 1px 10px #6fadd5;
}

.page-container .visions .vision .title {
    margin-bottom: 10px;
    font-size: 24px;
    color: #1b435d;
}

.page-container .other-pages {
    border-top: 1px solid #1b435d;
    margin-top: 50px;
}

.page-container .other-pages .title {
    text-align: center;
    font-weight: bold;
    color: #1b435d;
    font-size: 20px;
    padding: 20px 0;
}

.page-container .other-pages .owl-nav {
    display: none !important;
}

.page-container .other-pages .owl-nav .owl-prev,
.page-container .other-pages .owl-nav .owl-next {
    display: none !important;
}

.page-container .pages {
    margin-top: 30px;
}

.page-container .pages .page {
    position: relative;
    margin-bottom: 30px;
}

.page-container .pages .page a:hover {
    text-decoration: none;
}

.page-container .pages .page .title {
    text-align: center;
    color: #1b435d;
    background: #e6e6e6;
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.page-container .pages .page .description {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 20px;
    color: #fff;
    right: 0;
    background: rgba(27, 67, 93, 0.8);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.page-container .pages .page .description .t {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 24px;
}

.page-container .pages .page .description .d {
    text-align: center;
}

.page-container .pages .page .description .b {
    background: #fff;
    color: #1b435d;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
}

.page-container .pages .page:hover .description {
    opacity: 1;
}

.page-container .pages .page:hover .title {
    opacity: 0;
}

.page-container .awards {
    margin-top: 30px;
}

.page-container .awards .award {
    margin-bottom: 30px;
}

.page-container .awards .award .title {
    margin-bottom: 10px;
    color: #1b435d;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    min-height: 60px;
}

.page-container .awards .award .image {
    text-align: center;
}

.page-container .awards .award .image img {
    max-width: 80%;
}

.page-container .awards .award .description {
    margin-top: 10px;
}

.page-container .product h3 {
    color: #1b435d;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.page-container .product .description {
    text-align: justify;
}

.page-container .product .description img,
.page-container .product .technical img,
.page-container .product .install-description img {
    max-width: 100%;
}

.page-container .product .images {
    width: 100%;
}

.page-container .product .images .cover {
    border: 1px solid #ccc;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.page-container .product .images .gallery {
    display: -webkit-box;
    display: flex;
}

.page-container .product .images .gallery .thumb {
    margin-top: 10px;
    margin-right: 10px;
    height: auto;
    max-height: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.lightcase {
    display: flex;
    align-items: center;
    height: 100% !important;
}

.lightcase img {
    height: 100% !important;
}

.page-container .product .images .gallery .thumb:nth-child(5n) {
    margin-right: 0;
}

.page-container .product .images .gallery .thumb-default {
    width: 25%;
    border: 1px solid #ccc;
}

.page-container .product .download {
    margin-bottom: 20px;
}

.page-container .product .download .file {
    margin-right: 20px;
}

.page-container .product .download .file a {
    color: #1b435d;
}

.page-container .product .download .file a img {
    width: 30px;
    margin-right: 4px;
    margin-bottom: 15px;
}

.page-container .line-products {
    border-top: 1px solid #1b435d;
    padding: 30px 0;
    margin-top: 30px;
}

.page-container .line-products h4 {
    text-align: center;
    font-weight: bold;
    color: #a1a1a1;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.page-container .line-products h4 small {
    color: #1b435d;
    display: block;
    font-weight: bold;
    font-size: 30px;
}

.page-container .line-products .line-product .title {
    margin-top: 10px;
    color: #1b435d;
    text-align: center;
    font-weight: bold;
}

.page-container .line-products .line-product .ref {
    text-align: center;
    margin-bottom: 10px;
}

.page-container .line-products .line-product .read-more {
    text-align: center;
}

.page-container .line-products .line-product .read-more .btn {
    text-transform: uppercase;
    font-weight: bold;
}

.page-container .category .prod {
    padding-bottom: 30px;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
}

.page-container .category .prod .image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    -webkit-box-align: center;
    align-items: center;
    height: 230px;
}

.page-container .category .prod .image img {
    max-width: 90%;
    max-height: 100%;
}

.page-container .category .prod .title {
    color: #1b435d;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.page-container .category .prod .ref {
    font-size: 12px;
    margin-bottom: 30px;
    text-align: center;
    color: #212529;
}

.page-container .category .prod .avaiability {
    color: #1b435d;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin: -20px 0 10px;
}

.page-container .category .prod .ref:hover {
    text-decoration: none;
    color: #212529;
}

.page-container .category .prod .action {
    text-align: center;
}

.page-container .contact-page .info {
    text-align: center;
}

.page-container .contact-page .info .title {
    font-size: 24px;
    color: #1b435d;
    font-weight: bold;
    margin: 20px 0;
    text-transform: uppercase;
}

.page-container .contact-page h4 {
    text-align: center;
    font-size: 16px;
    color: #1b435d;
    font-weight: bold;
    width: 100%;
}

.page-container .posts-page .post-search {
    margin: 20px 0 40px;
    position: relative;
}

.page-container .posts-page .post-search .form-control {
    border-radius: 0;
    border: 2px solid #1b435d;
}

.page-container .posts-page .post-search button {
    position: absolute;
    top: 8px;
    right: 5px;
    background: transparent;
    border: 0;
}

.page-container .posts-page .post {
    margin-bottom: 20px;
}

.page-container .posts-page .post .title {
    font-weight: bold;
    font-size: 20px;
}

.page-container .posts-page .post .title a {
    color: #1b435d;
}

.page-container .posts-page .post .body {
    margin: 20px 0;
}

.page-container .posts-page .pagination {
    -webkit-box-pack: center;
    justify-content: center;
}

.page-container #representatives-result {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    text-align: left;
}

.page-container .representative {
    border: 1px solid #1b435d;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.page-container .representative:nth-child(3n) {
    margin-right: 0;
}

.page-container .representative .title {
    background: #1b435d;
    color: #fff;
    padding: 10px;
    font-weight: bold;
}

.page-container .representative .title .address {
    font-weight: normal;
}

.page-container .representative .body {
    padding: 10px;
    color: #1b435d;
}

.page-container.faqs .fa-plus {
    display: none;
}

.page-container.faqs .collapsed .fa-plus {
    display: inline-block;
}

.page-container.faqs .collapsed .fa-minus {
    display: none;
}

.page-container .catalogs .catalog .title {
    color: #1b435d;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.page-container.testimonial-page .testimonials {
    background-color: white;
}

.page-container.testimonial-page .testimonials .testimonial {
    padding: 15px;
    margin-bottom: 30px;
    background-color: #f4f4f4;
}

.page-container.testimonial-page .testimonials .testimonial .text {
    background-color: transparent;
}

.page-container.testimonial-page .testimonials .testimonial .text .company {
    color: #233142;
    font-weight: 600;
}

#accordion .card {
    margin-bottom: 10px;
    border: 2px solid #e0e9f0;
    border-radius: 0;
}

#accordion .card .card-header {
    background: #e0e9f0;
    color: #1b435d;
    padding: 0.5rem;
}

#accordion .card .card-header button {
    color: #1b435d;
    padding: 0;
}

#accordion .card .card-header:first-child {
    border-radius: 0;
}

#accordion .card .card-body {
    padding: 0.5rem;
}

.product-container .info .title {
    font-weight: bold;
    font-size: 18px;
    color: #2b2e33;
}

.product-container .info .price {
    font-weight: bold;
    color: #1b435d;
    font-size: 34px;
    margin-top: 10px;
}

.product-container .info .price h3 small {
    text-transform: initial;
    font-size: 11px;
    display: block;
    color: #777;
}

.product-container .info .quantity {
    max-width: 160px;
}

.product-container
    .info
    .quantity
    input[type="number"]::-webkit-outer-spin-button,
.product-container
    .info
    .quantity
    input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-container .info .quantity .remove-quantity,
.product-container .info .quantity .add-quantity {
    background-color: transparent;
    border: 1px solid #d1d1d1;
    color: #656565;
}

.product-container .info .quantity #quantity {
    text-align: center;
    border: 1px solid #d1d1d1;
}

.cart .totals {
    text-align: center;
}

.cart .totals .total {
    margin-bottom: 10px;
}

.cart .totals .total span {
    background: #1b435d;
    border: 1px solid #1b435d;
    padding: 10px;
    display: inline-block;
    color: #fff;
    width: 120px;
    text-align: center;
}

.cart .totals .total span + span {
    background: #fff;
    color: #1b435d;
}

/* new */
.cart .totals .total div {
    background: #1b435d;
    border: 1px solid #1b435d;
    padding: 10px;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.cart .totals .total div:nth-child(2) {
    background: #fff;
    color: #1b435d;
}

.partials-total div {
    background: #1b435d;
    border: 1px solid #1b435d;
    padding: 10px;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.partials-total div:nth-child(2) {
    background: #fff;
    color: #1b435d;
}

.checkout .steps .step {
    margin-bottom: 20px;
    border: 1px solid #1b435d;
}

.checkout .steps .step .body {
    padding: 20px;
}

.checkout .steps .step .title {
    background: #1b435d;
    padding: 5px 10px;
    color: #fff;
}

.checkout .steps .step .title a {
    color: #fff;
}

.payment-option {
    display: none;
}

.payment-options {
    margin: 0 auto;
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.payment-options a {
    display: -webkit-box;
    display: flex;
    margin-right: 10px;
    /* border: 1px solid #ccc; */
    box-shadow: 0 1px 10px #ccc;
    height: 150px;
    width: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #434343;
}

.payment-options a.active {
    border: 1px solid #000;
}

.payment-options a i {
    font-size: 60px;
}

.payment-options a div {
    margin-top: 15px;
}

#credit-card {
    border-radius: 5px;
    border: 3px solid green;
    padding: 30px;
    position: relative;
    margin-top: 20px;
}

.table-cart {
    display: inline-table;
}

.video-ing,
.video-esp {
    display: none;
}

.other-pages {
    border-top: 1px solid #1b435d;
    margin-top: 50px;
}

.other-pages .pages .owl-carousel-slider .owl-nav {
    display: none !important;
}

.other-pages .pages .owl-carousel-slider .owl-nav .owl-prev,
.other-pages .pages .owl-carousel-slider .owl-nav .owl-next {
    display: none !important;
}

.thumbs-options {
    margin-right: 20px;
}

.thumbs-options .btn-thumb {
    outline: none;
    border: none;
    background-color: transparent;
}

.thumbs-options .image-options {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
    width: 68px;
}

.thumbs-options .image-options.thumb-active {
    border: 1px solid #ccc;
}

.thumb-border {
    border: 1px solid #ccc;
    /* width: 25%; */
    margin-left: 10px;
    min-height: 115px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px;
}

.timeline ul {
    padding: 50px 0;
}

.timeline ul li {
    background: #5482a3;
    position: relative;
    margin: 0 auto;
    width: 5px;
    list-style-type: none;
}

.timeline ul li:last-child {
    padding-bottom: 7px;
}

.timeline ul li:before {
    content: "";
    background: #bdbdbd;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border: 3px solid #bdbdbd;
    border-radius: 50%;
}

.timeline ul li .hidden {
    opacity: 0;
}

.timeline ul li .content {
    position: relative;
    top: -3px;
    width: 350px;
    padding: 10px;
}

.timeline ul li .content h2 {
    color: #1b435d;
    padding-bottom: 10px;
    margin: 0;
    font-size: 30px;
    font-weight: bold;
}

.timeline ul li .content h2:before {
    content: "";
    background: #bdbdbd;
    position: absolute;
    top: 11px;
    width: 20px;
    height: 20px;
    left: -25px;
    border-radius: 50px;
}

.timeline ul li .content p {
    margin: 0;
    font-size: 20px !important;
    text-align: justify;
}

.timeline ul li .content:hover {
    box-shadow: 0px 0px 24px 0px #ccc;
}

.timeline ul li .content:hover h2:before {
    background: #1b435d;
}

.timeline ul li .content:before {
    content: "";
    background: #bdbdbd;
    position: absolute;
    top: 21px;
    width: 180px;
    height: 2px;
}

.timeline ul li:nth-child(odd) .content {
    left: 220px;
}

.timeline ul li:nth-child(odd) .content:before {
    left: -200px;
}

.timeline ul li:nth-child(even) .content {
    left: -570px;
    text-align: right;
}

.timeline ul li:nth-child(even) .content:before {
    right: -205px;
}

.timeline ul li:nth-child(even) .content h2:before {
    right: -27px;
    left: auto;
}

@media screen and (max-width: 1020px) {
    .timeline ul li .content {
        width: 41vw;
    }

    .timeline ul li:nth-child(even) .content {
        left: calc(-41vw - 45px);
    }
}

@media screen and (max-width: 700px) {
    .timeline ul li {
        margin-left: 5px;
    }

    .timeline ul li .content {
        width: calc(100vw - 100px);
        left: 65px !important;
        text-align: left !important;
    }

    .timeline ul li .content h2 {
        text-align: initial;
    }

    .timeline ul li:nth-child(even) .content {
        left: 45px;
    }

    .timeline ul li:nth-child(even) .content:before {
        left: -44px;
    }

    .timeline ul li:nth-child(even) .content h2:before {
        left: -25px;
        right: auto;
    }

    .timeline ul li:nth-child(odd) .content:before {
        left: -43px;
    }

    .timeline ul li .content:before {
        width: 20px;
    }
}

#titleTooltip {
    font-weight: bold;
    position: absolute;
    border-radius: 3px;
    color: white;
    background: #1e1e1e;
    border: 1px solid #fff;
    padding: 5px 15px;
    font-family: monospace;
    z-index: 10;
    text-transform: uppercase;
    font-size: 13px;
    max-width: 300px;
    text-align: center;
    display: none;
}

#svg-map {
    stroke: rgba(0, 0, 0, 0.5);
    padding: 0;
}

#svg-map a path {
    stroke: rgba(51, 122, 183, 0.3);
}

#svg-map a path:not([fill]) {
    fill: #1b435d;
}

#svg-map text {
    font: 12px Arial-BoldMT, sans-serif;
    stroke: #fff;
}

#svg-map a {
    text-decoration: none;
    cursor: pointer;
}

#svg-map a:hover path {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    fill: #265f85;
}

#svg-map a circle {
    fill: #1b435d;
    stroke: #1b435d;
}

#svg-map a circle:not([fill]) {
    fill: #1b435d;
}

#svg-map a:hover circle {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    fill: #265f85;
}

.billet-area .btn-payment {
    display: flex;
    margin-right: 10px;
    box-shadow: 0 1px 10px #ccc;
    height: 150px;
    width: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #434343;
}

.billet-area .btn-payment i {
    font-size: 60px;
}

.billet-area .btn-payment h6 {
    margin-top: 5px;
    text-transform: initial;
}

.btn-payment {
    background-color: #fff;
    border: 1px solid #000;
}

.birthdate {
    width: 100px;
}

.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.gap-4 {
    gap: 1.5rem !important;
}
.gap-5 {
    gap: 3rem !important;
}

.consumer-area-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.consumer-area-content .image {
    height: 260px;
}
.consumer-area-content .image img {
    object-fit: cover;
    height: 100%;
}
.consumer-area-content .title {
    color: #1b435d;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.consumer-area-download {
    display: flex;
    align-items: center;
    justify-content: center;
}
.consumer-area-download .download h3 {
    color: #1b435d;
}

/* Correções */

.video-area .video {
    background: black;
    min-width: 520px;
    min-height: 292.5px;
}

.products .product.product-1,
.products .product.product-2,
.products .product.product-3,
.products .product.product-4 {
    min-height: 245px;
}

.products .product.product-1 .image,
.products .product.product-2 .image,
.products .product.product-3 .image,
.products .product.product-4 .image {
    min-height: 156px;
}

.categories {
    min-height: 160px;
}

.rev_slider_wrapper {
    min-height: 450px;
}

#cookies-policy .cookies__category input:checked + .cookies__box::after {
    background: #1b435d !important;
}

#cookies-policy .cookies__details {
    color: #1b435d !important;
}

#cookies-policy .cookiesBtn__link {
    background: #1b435d !important;
    border: 1px solid #1b435d !important;
}

@media (max-width: 1250px) {
    .rev_slider_wrapper {
        min-height: auto;
    }

    .video-area .video {
        min-width: 100%;
        min-height: 100%;
    }
}