body {
    font-family: 'Muli', sans-serif;
}

form {
    margin: 0;
}

h1 {
    font-size: 55px;
    color: rgb(48, 162, 155);
    font-weight: bold;
    text-align: center;
}

.logo-top {
    height: 40px;
    margin: 15px 0px;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.logo-sec-1 {
    width: 100%;
    height: auto;
    margin-top: 100px;
    margin-right: 100px;
}

.sec-1-img {
    width: 100%;
    height: 765px;
    background-position-x: right;
}

a, 
a:visited,
a:hover,
a:active {
    text-decoration: none !important;
}

.btn-primary1 {
    background: #2447a9 !important;
    color: white !important;
}

.btn-primary1:hover {
    text-decoration: none !important;
    background: #293f7d !important;
}

.btn-primary2 {
    background: #4f7eff !important;
    color: white !important;
}

.btn-primary2:hover {
    text-decoration: none !important;
    background: #345ac0 !important;
}

.btn-primary3 {
    background: #30a29b !important;
    color: white !important;
}

.btn-primary3:hover {
    text-decoration: none !important;
    background: #21716c !important;
}

.sec-options {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 300px;
    max-width: 500px;
}

    .sec-options a {
        border-radius: 20px;
        padding: 10px 30px;
        background-color: white;
        border: 0px;
        font-weight: bold;
    }

.menu-top {
    z-index: 10;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    width: 100%;
    background-color: rgb(255, 255, 255);
    position: absolute;
    height: 100px;
}

.menu-top-logo {
    margin: 10px 0px;
    float: left;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    display: flex;
    align-items: center;
}

    .menu-top-logo a {
        background-color: transparent !important;
    }

.menu-top-ul {
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
}

.menu-top .mycontainer {
    height: 100%;
}

.menu-top-ul:hover ul {
    color: rgba(255, 255, 255, 0.66);
}

.menu-top-ul a:visited {
    text-decoration: none !important;
}

.menu-top-ul ul {
    padding: 0px;
    margin: 0px;
}

.menu-top-ul li {
    list-style: none;
    display: inline;
}

    .menu-top-ul li a {
        font-weight: bold;
        color: #333;
        text-decoration: none;
        transition: 0.5s all;
        -moz-transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        font-size: 14px;
        margin: 0px 17px;
    }

.menu-top-ul ul ~ a {
    margin-top: 0;
    margin-left: 10px;
    background-color: rgb(48, 162, 155);
    border-radius: 20px;
    padding: 3px 15px;
    border: 0px;
    transition: all .2s;
}

    .menu-top-ul ul ~ a > i {
        margin-left: 10px;
    }

    .menu-top-ul ul ~ a:hover {
        background-color: rgb(43, 134, 128);
    }

.menu-a-color {
    color: black !important;
}

.menu-top-ul li a:active {
    color: white !important;
}

.menu-top-ul li a:focus {
    color: #979797 !important;
    background-color: transparent !important;
}

.circle-icon-color {
    color: rgba(0,0,0,0.75);
}

.menu-top-ul li:last-child a::after, .menu-top-ul li:nth-child(5) a::after {
    content: "";
    display: none;
}

.login {
    border-left: 1px solid rgba(242, 242, 242, 0.25);
    transition: ease .5s;
}

.menu {
    z-index: 100;
    background-color: white;
    width: 100%;
    height: 100px;
    position: fixed;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -webkit-box-shadow: 0px -24px 84px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -24px 84px 1px rgba(0,0,0,0.75);
    box-shadow: 0px -24px 84px 1px rgba(0,0,0,0.75);
}

.menu-ul {
    margin: 40px 0px;
    float: right;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
}

    .menu-ul ul {
        padding: 0px;
        margin: 0px;
    }

    .menu-ul li {
        list-style: none;
        display: inline;
    }

        .menu-ul li a {
            padding: 0px 13px;
            font-weight: bold;
            color: #2e2c2c;
            text-decoration: none;
            transition: 0.5s all;
            -moz-transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
        }

            .menu-ul li a:hover {
                color: #8e8e8e;
            }

            .menu-ul li a::after {
                content: "\f111";
                color: #6b6b6b;
                font-family: fontawesome !important;
                font-size: 7px;
                position: relative;
                bottom: 3px;
                left: 15px;
            }

        .menu-ul li:last-child a::after {
            content: "";
            display: none;
        }

.menu-logo {
    margin: 10px 0px;
    float: left;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.logo {
    margin: 0px;
    height: 60px;
    width: auto;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.section-1 {
    width: 100%;
    height: 80vh;
    margin-top: 0px;
    overflow: hidden;
}

    .section-1 .owl-carousel {
        height: 100%;
    }

.sec1-h1-box > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sec1-h1-box > img {
    height: 100%;
}

.section-1 h1 {
    color: white;
    font-size: 60px;
    font-weight: normal;
    text-align: left;
}

    .section-1 h1 span {
        font-size: 70px;
        color: white;
        font-weight: bold;
    }

.section-1 h2 {
    color: white;
    max-width: 510px;
    margin: 20px 0px;
}

.section-1 .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}

.sec-1-area {
    position: relative;
}

.owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.icon-scroll {
    width: 50px;
    height: 75px;
    display: block;
    margin: 0 auto;
    border: 2px solid #3fd25d;
    border-radius: 25px;
    position: relative;
}

    .icon-scroll:before {
        content: "\f111";
        font-family: "fontawesome";
        font-size: 15px;
        color: #3fd25d;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        animation: scrollicon 3s infinite;
        opacity: 0;
        transition: all .5s;
    }

@keyframes scrollicon {
    0% {
        top: 0px;
        opacity: 0;
    }

    100% {
        top: 45px;
        opacity: 1;
    }
}

.section-1 img {
    position: relative;
    display: block;
    margin: 0 auto;
    pointer-events: none;
}

.sec1-bottom-texts {
    width: 100%;
    margin-top: 160px;
}

.sec1-text-box {
    display: inline-block;
    position: relative;
}

    .sec1-text-box::before {
        content: '';
        position: absolute;
        width: 3px;
        height: 50px;
        background-color: rgba(255, 255, 255, 0.74);
        top: 0px;
        left: -10px;
    }

.sec1-bottom-texts p {
    color: white;
    width: 250px;
}

.sec1-bottom-texts a {
    color: white;
}

.PlanoIcon {
    margin-top: 100px;
    padding-left: 100px;
    width: 600px !important;
}

.div-btn-inner {
    width: 16px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 9px;
    right: 28px;
}

.div-btn-icon {
    position: absolute;
    right: 2px;
    transition: all .5s;
}

.btn-test:hover .div-btn-icon {
    right: -15px;
}

.sec1-h1-box a:nth-child(3) {
    border-radius: 50px;
    font-weight: bold;
    font-size: 13px;
    position: relative;
    padding: 10px 40px;
    transition: ease .5s;
    background-color: white;
    border-color: #55a450;
    outline: none !important;
    box-shadow: none;
}

.sec1-h1-box a.btn-sec1:hover {
    background-color: #cacaca;
}

.btn-sec1:hover .div-btn-icon {
    right: -15px;
}

.plant {
    transition: all .5s;
    width: 80%;
    margin-bottom: 30px;
    opacity: 0;
    position: relative;
    left: 20px;
    display: none;
}

.menu-button {
    display: none;
}

    .menu-button i {
        transition: 0.5s all;
        -moz-transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        color: #333 !important;
    }

.item img {
    width: 100%;
}

.btn-area {
    display: inline-block;
    float: left;
}

.btn-custom {
    font-weight: bold;
    border-radius: 20px;
    display: block;
    margin-top: 30px;
    margin-bottom: 60px;
    background-color: #58AA53;
    border-color: #55a450;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
}

    .btn-custom:hover {
        background-color: #3a8688;
        border-color: #367c7e;
    }

    .btn-custom:active {
        outline: none !important;
    }

    .btn-custom:focus {
        outline: none !important;
        border-color: #646464;
    }

.btn-custom2 {
    font-weight: bold;
    background-color: transparent;
    border-radius: 20px;
    border-color: white;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
}

    .btn-custom2:hover {
        background-color: rgba(0, 0, 0, 0.21) !important;
    }

.btn-login {
    color: #449d44;
    font-weight: bold;
    border: 2px solid;
    width: 100px;
    background-color: transparent;
    border-radius: 20px;
    border-color: #449d44;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    position: relative;
    float: left;
}

.btn-cadastrar {
    color: #449d44;
    font-weight: bold;
    border: 2px solid;
    background-color: transparent;
    border-radius: 20px;
    border-color: #449d44;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    position: relative;
    float: left;
}

.btn-login:hover {
    background-color: #3a8688;
    border-color: #367c7e;
    color: white;
}

.btn-cadastrar:hover {
    background-color: #3a8688;
    border-color: #367c7e;
    color: white;
}

#createacc {
    display: none;
}

#modal-title-login {
    transition: all .5s;
}

.btn-custom3 {
    position: relative;
    left: calc(50%);
    transform: translateX(-50%);
    margin-top: 15px;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    font-weight: bold;
    border-radius: 0px;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    padding: 10px 15px;
}

    .btn-custom3:hover,
    .btn-custom3:focus,
    .btn-custom3:active {
        outline: none !important;
        background-color: rgba(255, 255, 255, 0.20) !important;
        color: white !important;
        border-color: #d6d6d6 !important;
    }

.btn-custom4 {
    margin: 20px 15px 0px 15px;
    height: 40px;
    font-weight: bold;
    background-color: #3a8688;
    border-radius: 30px;
    border-color: #367c7e;
    float: right;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
}

    .btn-custom4:hover, .btn-custom4:focus {
        background-color: #316e70;
        border-color: #2c6364;
        outline: none !important;
    }

.btn-autoatend {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 40px;
}

    .btn-autoatend:focus, .btn-autoatend:hover {
        outline: none !important;
        border: 1px solid #e8e8e8;
    }

.small-img {
    width: 100%;
    height: 200px;
}

.divider {
    width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.logo-scroll {
    margin: 5px 0px;
}

.menu-ul-scroll {
    margin: 35px 0px;
}

.section-4 {
    background-color: #124d4d;
    width: 100%;
    padding: 40px 0px;
}

.grid {
    width: 100%;
    display: grid;
    grid-template-areas:
        "grid-b1 grid-b2 grid-b4 grid-b6 grid-b6"
        "grid-b1 grid-b3 grid-b5 grid-b6 grid-b6"
}

    .grid a {
        text-align: left;
        margin: 0;
        margin-bottom: 3px;
        color: white;
    }

.grid-b1 {
    grid-area: grid-b1;
}

    .grid-b1 img {
        width: 125px;
        margin-bottom: 30px;
    }

    .grid-b1 p {
        color: white;
    }

.grid-b2 {
    grid-area: grid-b2;
}

.grid-b3 {
    grid-area: grid-b3;
}

.grid-b4 {
    grid-area: grid-b4;
}

.grid-b5 {
    grid-area: grid-b5;
}

.grid-b6 {
    grid-area: grid-b6;
    min-width: 250px;
}

.my-input {
    width: 100%;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
}

textarea.my-input {
    height: 150px;
    resize: none;
}

.mycontainer {
    margin: 0px 300px auto;
    max-width: 1920px;
    display: block;
}

.contato-boxes {
    margin-top: 40px;
}

    .contato-boxes i {
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .contato-boxes p, a {
        color: black;
        text-align: center;
    }

    .contato-boxes a:hover {
        color: black;
    }

.form-group {
    margin-top: 30px;
    margin-bottom: 150px;
}

.form-control {
    margin-bottom: 10px;
    border-radius: 0px;
    border-color: #b6b6b6;
}

.section-5 {
    padding: 100px 0px;
}

.footer {
    padding: 0px 0px 30px 0px;
    width: 100%;
    z-index: 999 !important;
    background-color: #124d4d;
}

    .footer .mycontainer {
        padding: 30px 0px 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .footer p {
        font-size: 10px;
        color: white;
        white-space: nowrap;
    }

    .footer li, .footer a {
        list-style: none;
        font-weight: normal;
        text-decoration: none;
        color: #8f8f8f;
        transition: ease .2s;
    }

        .footer a:hover {
            color: #316e70;
        }

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

.footer i {
    color: #b6b6b6;
    pointer-events: none;
}

    .footer i:hover {
        color: #3a8688;
    }

.footer-row {
    padding: 30px 0px !important;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

    .footer-row img {
        margin: 45px 0px;
    }

    .footer-row .col-xs-2 p:first-child {
        margin-bottom: 1px;
        padding-top: 4px;
        text-align: left;
        font-size: 10px;
    }

#inf-footer p {
    text-align: left !important;
    color: #8f8f8f;
    font-weight: normal;
    margin-bottom: 3px;
}

.footer .row .col-sm-3 .col-md-12 {
    border-left: 1px solid #dfdfdf;
}

    .footer .row .col-sm-3 .col-md-12 p:first-child {
        margin-bottom: 0px;
    }

.ans {
    border: 1px solid black;
    display: inline-block;
    position: relative;
}

    .ans p {
        text-align: center !important;
        color: white;
        background-color: #1e1e1e;
        font-size: 10px;
        padding: 3px;
        border: 2px solid white;
        position: relative;
        margin-bottom: 0px !important;
        width: 110px !important;
        font-family: Verdana !important;
        font-weight: bold;
    }

.icon-area {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #dddddd;
    margin-top: 30px;
}

    .icon-area ul {
        padding: 0px;
    }

    .icon-area li {
        display: inline;
        margin: 0px 10px;
    }

.footer-i-circle {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: 1px solid #b6b6b6;
    display: inline-block;
    position: relative;
    transition: .2s ease;
    cursor: pointer;
}

    .footer-i-circle:hover {
        background-color: #b6b6b6;
    }

        .footer-i-circle:hover i {
            color: white !important;
        }

    .footer-i-circle a {
        position: relative;
        margin-top: 0px;
        margin: 0 auto;
        display: block;
        top: 50%;
        transform: translateY(-50%);
    }

.carousel-control {
    margin-top: 0px;
}

.sidenav {
    width: 250px;
    height: 100%;
    position: fixed;
    background-color: white;
    z-index: 99999;
    transition: .5s all;
    border-right: 1px solid #e1e1e1;
    left: -250px;
    display: none;
}

.carousel-icon {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-inner .item:nth-child(2) .section-1 img {
    width: 60% !important;
}

.sidenav ul {
    padding-left: 0px;
    margin-top: 40px;
}

    .sidenav ul li a {
        display: block;
        width: 100%;
        text-align: left;
        padding-left: 15px;
        transition: .5s ease;
        text-decoration: none;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.sidenav li {
    border-top: 1px solid #e1e1e1;
    list-style: none;
    color: #2e2c2c;
    font-size: 17px;
    display: block;
}

.sidenav a {
    transition: .5s ease;
    text-decoration: none;
}

    .sidenav a:hover {
        color: #3a8688;
    }

.sidenav li i {
    text-align: right;
}

#divtest i {
    float: right;
    cursor: pointer;
    margin: 5px 5px 0px;
}

.lognav {
    width: 250px;
    height: 100%;
    position: fixed;
    background-color: white;
    z-index: 99999;
    transition: .5s all;
    border-left: 1px solid #e1e1e1;
    right: -250px;
}

    .lognav ul {
        padding-left: 0px;
        margin-top: 25px;
    }

        .lognav ul li a {
            display: block;
            width: 100%;
            text-align: left;
            padding-left: 15px;
            transition: .5s ease;
            text-decoration: none;
            margin-top: 0px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .lognav li {
        border-top: 1px solid #e1e1e1;
        list-style: none;
        color: #2e2c2c;
        font-size: 17px;
        display: block;
    }

    .lognav a:hover {
        color: #3a8688;
    }

    .lognav li i {
        text-align: right;
    }

#closelognav {
    float: right;
    cursor: pointer;
    margin: 5px 5px 0px;
}

.dvfadein {
    opacity: 0;
    transition: 1s all;
    margin: 0 auto;
    display: flex;
}

.visible {
    opacity: 1 !important;
}

.btn-scrolltop {
    background-color: #3fd25d;
    border-radius: 50%;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.24);
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 999;
    cursor: pointer;
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

    .btn-scrolltop i {
        color: white;
        text-align: center;
        display: block !important;
        margin: 0 auto !important;
        font-size: 40px !important;
        position: relative;
        top: calc(50%);
        transform: translateY(-50%);
    }

.section-1-resp {
    width: 100%;
    height: 500px;
    display: none;
    background: rgb(32,185,94);
    background: -moz-linear-gradient(-45deg, rgba(32,185,94,1) 0%, rgba(31,196,202,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(32,185,94,1) 0%,rgba(31,196,202,1) 100%);
    background: linear-gradient(135deg, rgba(32,185,94,1) 0%,rgba(31,196,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20b95e', endColorstr='#1fc4ca',GradientType=1 );
    padding: 100px 50px 30px 50px;
}

#section-1-resp-logo {
    width: 40%;
    display: block;
    margin: 0 auto;
}

.section-1-resp a {
    color: white;
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border: none;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
}

    .section-1-resp a:hover {
        background-color: transparent !important;
        border: none;
        outline: none !important;
    }

    .section-1-resp a:active {
        background-color: transparent !important;
        border: none;
        outline: none !important;
    }

    .section-1-resp a:focus {
        background-color: transparent !important;
        border: none;
        outline: none;
        box-shadow: none;
        color: white !important;
    }

.section-1-resp h2 {
    color: white;
    margin-top: 60px;
}

.section-2 {
    padding-top: 60px;
}

.section-7 {
    padding-top: 60px;
}

    .section-7 h1 {
        text-align: right;
        margin: 20px 0px;
    }

    .section-7 h4 {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 60px;
        color: #636363;
    }

    .section-7 p {
        font-size: 18px;
        color: #707070;
        text-align: right;
    }

.section-3 {
    padding-bottom: 60px;
    padding-top: 60px;
}

    .section-3 p {
        font-size: 18px;
        color: #707070;
        text-align: center;
        max-width: 700px;
        margin: 0 auto;
        display: block;
        margin-bottom: 60px;
        margin-top: 20px;
    }

.operadoras-box p {
    font-size: 18px;
    color: #707070;
    text-align: left;
    margin: 0;
}

.section-3 .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 97%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}

.section-3 .owl-prev {
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
}

.section-3 .owl-next {
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
}

.operadoras-img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: all .3s;
}

    .operadoras-img img {
        width: 50% !important;
    }

.operadoras-text {
    opacity: 0;
    transition: all .3s;
    display: flex;
    flex-direction: column;
}

    .operadoras-text > p {
        flex: .2;
        font-size: 20px;
        color: rgb(48, 162, 155);
        text-align: left;
        margin-bottom: 20px;
    }

    .operadoras-text > div {
        flex: .8;
        display: flex;
        align-items: center;
    }

.operadoras-box:hover .operadoras-text {
    opacity: 1 !important;
}

.operadoras-box:hover .operadoras-img {
    opacity: 0 !important;
}

.dv-auto {
    margin-top: 60px;
}

    .dv-auto i {
        margin: 0 auto;
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .dv-auto img {
        margin: 0 auto;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        width: 20px;
    }

    .dv-auto p {
        text-align: center;
    }

.produtos-flex {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    max-width: 1300px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.autoatend-box {
    background-color: white;
    margin: 10px 20px;
    padding: 30px;
    height: 540px;
    display: flex;
    justify-content: center;
    position: relative;
    box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.39);
    border-radius: 0px 40px 0px 40px;
    border-top: 4px solid rgb(48, 162, 155);
    width: 340px;
    min-width: 340px;
}

.autoatend-box-inner {
    display: block;
    position: relative;
}

    .autoatend-box-inner img {
        margin-bottom: 30px;
    }

    .autoatend-box-inner p:nth-child(2) {
        color: #38bab4;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
    }

    .autoatend-box-inner p:nth-child(3) {
        font-size: 18px;
        color: #707070;
        text-align: center;
    }

.btn-simulacao {
    color: white;
    padding: 10px 30px;
    border-radius: 20px;
    background-color: rgb(48, 162, 155);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .2s;
}

    .btn-simulacao:hover, .btn-portal:hover {
        background-color: #3a8688;
        color: white;
    }

.btn-portal {
    color: white;
    padding: 10px 30px;
    border-radius: 20px;
    background-color: rgb(48, 162, 155);
    float: right;
    transition: all .2s;
    margin-top: 20px;
}

.btn-enviar {
    color: rgb(34, 109, 105);
    padding: 10px 30px;
    border-radius: 20px;
    background-color: white;
    float: right;
}

.section-8 {
    background-color: white;
}

.modal-title {
    text-align: left !important;
    margin-top: 30px;
}

.modal-body input[type="text"], .modal-body select {
    position: relative;
    padding: 3px;
    border: 0px !important;
    border-bottom: 1px solid #b6b6b6 !important;
    transition: ease .2s;
}

    .modal-body input[type="text"]:focus {
        outline: none !important;
        border-bottom: 1px solid #337ab7 !important;
    }

.modal-body i {
    position: absolute;
    top: 8px;
    left: 15px;
    font-size: 18px;
    color: #ccc;
}

.input-login {
    position: relative;
    display: block;
}

.section-9 {
    background-color: white;
}

    .section-9 h1 {
        margin-top: 150px !important;
        margin-bottom: 10px;
    }

.contato-msg {
    width: 100%;
    height: 157px;
    resize: none;
    padding: 10px;
    font-size: 18px;
    overflow: auto;
    border-color: #b6b6b6;
    color: #555;
}

.seja-nosso-parceiro {
    border-top: 1px solid #dddddd;
}

    .seja-nosso-parceiro p {
        text-align: center;
    }

    .seja-nosso-parceiro .btn-test {
        width: 160px !important;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }

.operadoras-box {
    background-color: white;
    margin: 5px 5px;
    padding: 30px;
    height: 330px;
    display: flex;
    justify-content: center;
    position: relative;
    box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.39);
    border-radius: 0px 30px 0px 30px;
    border-bottom: 4px solid rgb(48, 162, 155);
}
/*Legislação*/
.legislacao-top {
    background-image: url('img/background/health-care-doodle-icons-background-seamless-vector-55644129.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    .legislacao-top h1 {
        color: white;
        margin: 0px;
        padding: 230px 0px 30px 0px;
        text-align: center;
    }

.legislacao-content {
    background-color: white;
}

    .legislacao-content .row {
        position: relative;
    }

    .legislacao-content img {
        position: absolute;
        top: 50%;
    }

.legislacao-sobre {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 60px;
    position: relative;
    transition: all .5s;
}

    .legislacao-sobre h1 {
        margin-top: 150px;
        color: #333;
        margin-bottom: 10px;
    }

    .legislacao-sobre p {
        text-align: center !important;
    }

#vejamais-sobre {
    color: #3a8688;
    font-weight: bold;
    cursor: pointer;
    display: none;
}

#seemore {
    display: initial;
    visibility: visible;
    pointer-events: initial;
    height: initial;
    transition: .2s all;
}

.legislacao-content h1, .legislacao-content h3 {
    text-align: center;
}

.legislacao-content h2 {
    color: #333;
    margin-top: 60px;
    margin-bottom: 10px;
}

.legislacao-content h4, .legislacao-content h3 {
    color: #3a8688;
    margin-bottom: 20px;
    margin-top: 0px;
}

.legislacao-content p {
    color: #898989;
}

.legislacao-content {
    padding-top: 150px;
    padding-bottom: 150px;
}

    .legislacao-content .row:nth-child(2) .legislacao-divider:before {
        content: '1999';
    }

    .legislacao-content .row:nth-child(3) .legislacao-divider:before {
        content: '2009';
    }

    .legislacao-content .row:nth-child(4) .legislacao-divider:before {
        content: '2018';
    }

.legislacao-divider:before {
    position: absolute;
    top: 22%;
    left: -50px;
    color: #85eca5;
    font-weight: bold;
    font-size: 25px;
    transform: rotate(90deg);
}

.legislacao-divider {
    background-color: rgba(61, 186, 99, 0.20);
    position: absolute;
    height: 100%;
    width: 5px;
    left: calc(50%);
    transform: translateX(-50%);
    z-index: 99 !important;
}

    .legislacao-divider:after {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        background-color: #85eca5;
        top: calc(50%);
        transform: translateY(-50%);
        left: -5px;
        border-radius: 50%;
        margin-top: 30px;
    }

.legislacao-box {
    width: 100%;
    height: 360px;
    padding: 0px 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    display: table;
    margin-bottom: 30px;
}

    .legislacao-box .legislacao-flag i {
        color: white;
        font-size: 18px;
        display: block;
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-30%);
    }

    .legislacao-box h4 {
        margin-top: 10px;
    }

    .legislacao-box p, .legislacao-box h4 {
        text-align: center;
    }

.legislacao-flag::before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    top: 3px;
    left: -7px;
    border: 7px solid #337933;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    transform: rotate(-45deg);
}

.legislacao-flag {
    background-color: #449d44;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    right: 30px;
}

    .legislacao-flag::after {
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        bottom: -30px;
        left: 0px;
        border: 15px solid #449d44;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

.Logo_Ans {
    position: relative;
    margin-top: 150px;
}

.logoadm {
    width: 500px;
    margin-top: 120px;
    margin-left: 20px;
}

.footer-flex {
    display: flex;
    justify-content: space-between;
}

.video {
    width: 100%;
    height: 400px;
    margin-top: 60px;
    margin-bottom: 60px;
}

    .video > img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        max-height: 100%;
    }

#txtErro {
    color: red;
}

#txtSuccess {
    color: #449d44;
}
/*Planos*/
.plano-container h1 {
    margin-top: 150px;
}

.plano-container .plano-content:last-child {
    border-bottom: 0px;
}

.plano-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 60px;
}

    .plano-content .col-md-6:nth-child(2) {
        height: 100%;
    }

.planos-box-img {
    width: 350px;
    height: 350px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    border: 5px solid #00ba5a;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 100px;
}

/*Modal*/
.plano-body {
    width: 50% !important;
    margin: 0 auto;
    display: block;
}

.plano-box {
    width: 150px;
    height: 200px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    transition: all .5s !important;
    top: 0px;
    cursor: pointer;
    margin-bottom: 10px;
}

.procurar-plano label {
    margin-bottom: 0px !important;
    margin-top: 5px;
}

.plano-box:hover {
    top: -10px;
    -webkit-box-shadow: 0px 13px 43px -18px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 13px 43px -18px rgba(0,0,0,0.5);
    box-shadow: 0px 13px 43px -18px rgba(0,0,0,0.5);
    transition: all .5s !important;
}

.plano-body ul {
    padding: 0px;
    display: inline-block;
    position: relative;
    left: calc(50%);
    transform: translateX(-50%);
    margin-bottom: 0px;
}

.plano-body li {
    list-style: none;
    display: inline;
    margin: 0px 10px;
}

.modal-body {
    padding-top: 40px;
    padding-bottom: 40px;
}

.plano-body .row {
    margin-top: 30px;
}

.modal-content {
    margin-top: 10px;
}

/*Parallax*/
.parallax-window {
    min-height: 400px;
    background: transparent;
}

/*Input Preenchido*/
.ContatoInput {
}

.invalid {
    display: none;
}

.input-correto {
    border: 1px solid #b6b6b6;
}

.input-incorreto {
    border: 1px solid red;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ddd;
}

/*Responsive*/
@media screen and (min-width: 2311px) {
    .footer-flex > div > div {
        display: grid;
        grid-template-areas: 'g1 g2 g3 g4 g5 g6 g7 g8 g9 g10 g11 g12 g13 g14';
        margin-top: 10px;
        gap: 10px;
    }
}

@media screen and (min-width:2191px) and (max-width:2310px) {
    .footer-flex > div > div {
        display: grid;
        grid-template-areas: 'g1 g2 g3 g4 g5 g6 g7 g8 g9 g10 g11 g12 g13' 'g14 . . . . . . . . . . . .';
        margin-top: 10px;
        gap: 10px;
    }
}

@media screen and (min-width:1721px) and (max-width:2190px) {
    .footer-flex > div > div {
        display: grid;
        grid-template-areas: 'g1 g2 g3 g4 g5 g6 g7 g8' 'g9 g10 g11 g12 g13 g14 . .';
        margin-top: 10px;
        gap: 10px;
    }
}

@media screen and (min-width:1921px) {
    .section-1 {
        width: 100%;
        height: 80vh;
        margin-top: 0px;
        overflow: hidden;
        max-width: 1920px;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width:1720px) {
    .autoatend-box {
        /*height:600px;*/
    }
}

@media screen and (min-width: 1500px) and (max-width:1720px) {
    .footer-flex > div > div {
        display: grid;
        grid-template-areas: 'g1 g2 g3 g4 g5 g6 g7' 'g8 g9 g10 g11 g12 g13 g14';
        margin-top: 10px;
        gap: 10px;
    }
}

@media screen and (max-width: 1630px) {
    .mycontainer {
        margin: 0px 120px;
    }

    .section-1 .owl-nav {
        width: 95%;
    }

    .section-1 {
        width: 100%;
        display: inline-block;
        position: relative;
        height: 100vh;
    }

    .section-1 h1 {
        font-size: 50px;
    }

    .section-1 p {
        width: 40%;
    }

    .btn-area {
        padding: 0px;
    }

    .carousel-area {
        width: 70%;
    }

    .sec1-h1-box {
        padding-bottom: 150px;
    }

    .sec-options {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        left: 120px;
    }
}

@media screen and (max-width: 1300px) {
    .sec-1-img {
        background-position-x: left;
    }
}

@media screen and (min-width: 1240px) and (max-width: 1500px) {
    .footer-flex > div > div {
        display: grid;
        grid-template-areas: 'g1 g2 g3 g4 g5 g6 g7 g8' 'g9 g10 g11 g12 g13 g14 . .';
        margin-top: 10px;
        gap: 10px;
    }
}

@media screen and (max-width: 1240px) {
    .footer-flex > div:nth-child(1) > div > div:nth-child(1) {
        grid-area: g1;           
    }                            
                                 
    .footer-flex > div:nth-child(1) > div > div:nth-child(2) {
        grid-area: g2;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(3) {
        grid-area: g3;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(4) {
        grid-area: g4;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(5) {
        grid-area: g5;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(6) {
        grid-area: g6;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(7) {
        grid-area: g7;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(8) {
        grid-area: g8;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(9) {
        grid-area: g9;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(10) {
        grid-area: g10;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(11) {
        grid-area: g11;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(12) {
        grid-area: g12;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(13) {
        grid-area: g13;
    }

    .footer-flex > div:nth-child(1) > div > div:nth-child(14) {
        grid-area: g14;
    }

    .footer-flex > div > div {
        display: grid !important;
        grid-template-areas: 'g1 g2 g3 g4 g5 g6 g7' 'g8 g9 g10 g11 g12 g13 g14';
        margin-top: 10px;
        gap: 10px;
    }

    .grid {
        height: initial;
        grid-template-areas: "grid-b1 grid-b2 grid-b4" "grid-b1 grid-b3 grid-b5" "grid-b6 grid-b6 grid-b6";
    }

    .grid-b6 {
        margin-top: 30px;
    }

    .operadoras-box {
        height: 410px;
    }

        .operadoras-box p {
            font-size: 18px;
        }

    .operadoras-img img {
        width: 70% !important;
    }
}

@media screen and (max-width: 1260px) {
    .menu-top-ul {
        margin: 36px 0px;
    }

        .menu-top-ul i {
            color: white;
            display: inline-block;
        }

        .menu-top-ul a {
            display: none;
        }

    .section-1 h1 {
        text-align: left;
        width: initial !important;
        color: white;
    }

    .section-1 p {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 70%;
    }

    .carousel-area::after {
        display: none;
    }

    .carousel-content {
        width: 100%;
    }

    .carousel-icon {
        display: none;
    }

    .br {
        display: none;
    }

    .cnt-expand {
        margin: 0px;
        padding: 0px 15px;
    }

    .btn-custom2, .btn-custom3, .btn-login, .btn-cadastrar {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }

    .btn-area {
        display: block !important;
        margin: 0 auto !important;
        float: initial !important;
        margin-top: 10px !important;
    }

    .menu-button {
        display: block;
        background-color: transparent;
        border: none;
        float: right;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .menu-button:hover {
            background-color: rgba(0, 0, 0, 0.06);
            border: none;
        }

        .menu-button:active {
            background-color: transparent !important;
            border: none;
            outline: none !important;
        }

        .menu-button:focus {
            background-color: rgba(0, 0, 0, 0.06) !important;
            border: none;
            outline: none;
        }

    .section-3 {
        height: auto;
        padding-bottom: 30px;
    }

    .img-resp {
        display: none;
    }

    .section-2 {
        padding: 80px 0px;
    }

    .footer-row {
        display: none;
    }

    #login {
        border-left: 0px;
    }

    .section-2 {
        background-image: none;
    }

    .section-1 img {
        display: none;
    }

    .plano-body ul {
        padding: 0px 70px;
    }

    .produto-photos div div {
        width: 200px;
        height: 200px;
    }

    .produto-photos img {
        width: 40% !important;
    }

    #plano-2 img {
        width: 30% !important;
    }

    .sidenav {
        display: initial;
    }

    .plano-content .col-md-6:nth-child(2) {
        display: none;
    }

    .video {
        display: none;
    }

    .section-7 h1, .section-7 p {
        text-align: center;
    }

    .btn-portal {
        float: initial;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        width: 156px;
    }

    .footer-flex > div > div {
        display: grid !important;
        grid-template-areas: 'g1 g2 g3 g4 g5' 'g6 g7 g8 g9 g10' 'g11 g12 g13 g14 .';
    }
}

@media screen and (max-width:830px) {
    .footer-flex > div > div {
        display: grid !important;
        grid-template-areas: 'g1 g2 g3' 'g4 g5 g6' 'g7 g8 g9' 'g10 g11 g12' 'g13 g14 .';
    }
}

@media screen and (min-width: 500px) and (max-width: 775px) {
    .section-3 .owl-nav {
        width: 88%;
    }
}

@media screen and (max-width: 775px) {
    .section-1 {
        height: 70vh;
        background-image: url('img/background/img1-carousel-life.jpg');
    }

    .carousel-content {
        width: 100%;
        position: relative;
    }

    .menu-top .container {
        width: 600px;
    }

    .sec1-h1-box {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .section-1 h1 {
        width: 350px;
        color: rgba(255, 255, 255, 0.74);
        font-size: 35px;
    }

    .section-1 h2 {
        font-size: 20px;
    }

    .sec1-h1-box .btn-sec1 {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .footer i {
        margin: 0px 5%;
    }

    .btn-scrolltop {
        bottom: 25px;
        right: 25px;
    }

    .legislacao-divider {
        display: none;
    }

    .Logo_Ans {
        position: relative;
        margin-top: 10px;
        display: block;
        margin: 0 auto;
        width: 300px !important;
    }

    .legislacao-content .container {
        margin-bottom: 60px;
    }

    .footer .row .col-sm-2 {
        display: none;
    }

    .plano-box {
        width: 80px;
        height: 130px;
        margin-bottom: 10px;
    }

    .plano-body ul {
        padding: 0px;
        max-width: 205px !important;
        margin: auto;
    }

    .plano-body {
        width: 70% !important;
        margin-top: 10px !important;
    }

    #vejamais-sobre {
        display: block;
    }

    .Logo_Ans {
        display: none;
    }

    .logoadm {
        display: none;
    }

    .logoadmlife {
        display: none;
    }

    #footer-menu {
        display: none;
    }

    .section-1 h1 span {
        font-size: 45px;
        color: #ffffff;
        border-color: white;
    }

    .icon-scroll, .icon-scroll:before {
        color: #3fd25d;
        border-color: #3fd25d;
    }

    .sec1-h1-box {
        padding-bottom: 60px;
    }

    #inf-footer p:nth-child(2), #inf-footer p:nth-child(3) {
        margin-bottom: 10px;
    }

    .footer .row .col-sm-3 .col-md-12 {
        border-left: 0px !important;
        margin-top: 20px;
    }

    .footer p {
        margin-bottom: 3px;
    }

    .mycontainer {
        margin: 0px 30px;
    }

    .footer-flex > div > div {
        display: grid !important;
        grid-template-areas: 'g1 g2 g3 g4' 'g5 g6 g7 g8' 'g9 g10 g11 g12' 'g13 g14 . .';
    }

    /*.procurar-plano ~ .row .col-md-12:nth-child(2){
        display:none;
    }*/
}

@media screen and (max-width:700px) {
    .grid {
        grid-template-areas: 'grid-b1 grid-b1'
            'grid-b2 grid-b4'
            'grid-b3 grid-b5'
            'grid-b6 grid-b6';
    }

    .grid-b1, .grid-b1 img {
        margin: 0 auto;
        display: block;
    }

        .grid-b1 img, .grid-b1 {
            margin-bottom: 20px;
        }

            .grid-b1 p {
                text-align: center;
            }

            .grid-b1 > div {
                margin: 0 auto;
                width: 50%;
            }
}

@media screen and (max-width:670px) {
    .sec-options {
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
    }

    .section-1 h2 {
        text-align: center;
    }

    .section-1 h1 {
        font-size: 30px;
        text-align: center;
    }

    .btn-sec1 {
        margin: 0 auto;
        display: block;
        max-width: 150px;
    }
}

@media screen and (max-width: 600px) {
    .menu-top .container {
        width: 100%;
    }

    .section-1 p {
        display: none;
    }

    #myCarousel {
        display: none;
    }

    .section-1-resp {
        display: none !important;
    }

    .footer img {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #inf-footer {
        padding: 0px 40px;
    }

    #inf-footer p {
        text-align: center !important;
    }

    .btn-scrolltop {
        bottom: 40px !important;
    }

    .produto-photos > div {
        margin: 0px 5px !important;
    }

    .produto-photos div div {
        width: 100px;
        height: 100px;
    }

    .produto-photos img {
        width: 35% !important;
    }

    #plano-2 img {
        width: 25% !important;
    }

    .btn-custom3 {
        position: relative;
    }

    .section-1-resp > div {
        display: inline-block !important;
    }

    .footer-flex > div > div {
        display: grid !important;
        grid-template-areas: 'g1 g2 g3' 'g4 g5 g6' 'g7 g8 g9' 'g10 g11 g12' 'g13 g14 . ';
    }
}

@media screen and (max-width: 500px) {
    .footer-flex {
        flex-direction: column;
    }

    h1 {
        font-size: 40px;
    }

    .section-1 h1 {
        font-size: 25px;
    }

        .section-1 h1 span {
            font-size: 25px;
        }

    .section-3 .mycontainer {
        margin: 0 60px;
    }
}

@media screen and (max-width:455px) {
    .grid {
        grid-template-areas: 'grid-b1'
            'grid-b2'
            'grid-b3'
            'grid-b4'
            'grid-b5'
            'grid-b6';
    }

    .grid-b2, .grid-b3, .grid-b4, .grid-b5 {
        margin: 0 auto;
        display: block;
        margin-bottom: 25px;
    }

        .grid-b4 p, .grid-b5 p, .grid-b4 a, .grid-b5 a {
            text-align: center;
        }

    .footer-flex > div:nth-child(2) > div {
        justify-content: center !important;
    }

    .section-1 h1 {
        margin-top: 0;
    }
}

@media screen and (max-width:320px) {
    .section-1 h1 {
        font-size: 20px;
    }

        .section-1 h1 span {
            font-size: 50px;
        }
}

/*Cookies pop-up*/

#cookieNotice.light {
    background-color: #fff;
    color: #393d4d;
}

#cookieNotice.display-right {
    right: 30px;
    bottom: 30px;
    max-width: 395px;
}

#cookieNotice {
    box-sizing: border-box;
    position: fixed;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);
    font-family: inherit;
    z-index: 999997;
    border: 1px solid #ebebeb;
}

    #cookieNotice #closeIcon {
        width: 20px;
        height: 20px;
        cursor: pointer;
        color: #bfb9b9;
        overflow: hidden;
        opacity: .85;
        z-index: 999999;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../img/close-icon.svg) 0 0 / 20px 20px no-repeat;
    }

    #cookieNotice .title-wrap {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        background: url(../img/cookie-icon.svg) 0 0 / 40px 40px no-repeat;
        padding-left: 55px;
        height: 40px;
    }

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

    #cookieNotice .btn-wrap button {
        flex-grow: 1;
        padding: 0 7px;
        border-radius: 20px;
        cursor: pointer;
        white-space: nowrap;
        min-width: 130px;
        line-height: 36px;
        border: none;
        font-family: inherit;
        font-size: 16px;
        transition: box-shadow .3s;
        width: 100%;
        margin-top: 15px;
    }

    #cookieNotice .btn-primary {
        transition: ease-in-out 0.3s !important;
        background-color: #30a29b;
    }

    #cookieNotice .btn-wrap button:hover {
        transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
        transform: translate3d(0,-1px,0);
    }
@media screen and (max-width: 900px) {
    #cookieNotice.display-right {
        max-width: 100%;
        left: 30px;
        right: 30px;
    }
}