:root {
    font-size: 16px
}

body {
    font-family: Roboto,sans-serif !important;
    font-weight: 400;
    line-height: 1.8125;
    color: #333;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1rem
}

iframe {
    border: none
}

a, b, div, li, ul {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

    a:active, a:focus, input, input:active, input:focus, input:hover, textarea, textarea:active, textarea:focus, textarea:hover {
        -moz-outline: none;
        outline: 0
    }

embed, img:not([draggable]), object, video {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    outline: 0
}

    a:active, a:focus, a:hover, a:visited {
        text-decoration: none;
        outline: 0
    }

img {
    border: none;
    max-width: 100%
}

li, ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.clear-both:after, .clear-both:before {
    display: table;
    content: "";
    clear: both
}

button:focus {
    outline: 0
}

.container-fluid {
    padding: 0 5% 0 5%
}

.cookcodesmenu_menu {
    display: none !important
}

.header-top-area {
    background: #efefef;
    padding: 5px 0
}

    .header-top-area .quick-info ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right
    }

        .header-top-area .quick-info ul li {
            display: inline-block;
            margin: 0 8px
        }

            .header-top-area .quick-info ul li a {
                display: block;
                color: #000;
                font-size: 12px
            }

    .header-top-area .search-area {
        position: relative;
        overflow: hidden
    }

        .header-top-area .search-area input {
            width: 100%;
            height: 25px;
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 3px 15px;
            font-size: 12px;
            transition: .5s;
            float: right
        }

            .header-top-area .search-area input.active {
                transition: .5s;
                width: 100%
            }

        .header-top-area .search-area i {
            position: absolute;
            right: 10px;
            top: 5px;
            color: #000;
            cursor: pointer;
            font-size: 12px
        }

.header-area {
    padding: 35px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999
}

    .header-area.header-two {
        position: relative;
        padding: 0 0
    }

        .header-area.header-two .main-menu ul {
            text-align: right
        }

            .header-area.header-two .main-menu ul li {
                display: inline-block;
                position: relative
            }

                .header-area.header-two .main-menu ul li:hover ul {
                    opacity: 1;
                    visibility: visible;
                    top: 100%;
                    transition: all .5s ease 0s
                }

                .header-area.header-two .main-menu ul li ul {
                    position: absolute;
                    width: 220px;
                    top: 130%;
                    left: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: all .5s ease 0s;
                    z-index: 9;
                    padding: 0;
                    background-color: #fff;
                    text-align: left
                }

                    .header-area.header-two .main-menu ul li ul li {
                        display: block;
                        border-bottom: 1px solid #ddd;
                        position: relative
                    }

                        .header-area.header-two .main-menu ul li ul li ul {
                            top: 0 !important;
                            left: 0 !important;
                            opacity: 0 !important;
                            visibility: hidden !important;
                            z-index: -1 !important
                        }

                        .header-area.header-two .main-menu ul li ul li:hover ul {
                            opacity: 1 !important;
                            visibility: visible !important;
                            top: 0 !important;
                            transition: all .5s ease 0s;
                            left: 220px !important;
                            width: 320px
                        }

                        .header-area.header-two .main-menu ul li ul li:last-child {
                            border: none
                        }

                        .header-area.header-two .main-menu ul li ul li a {
                            padding: 5px 10px;
                            text-transform: capitalize;
                            font-size: 12px;
                            color: #000;
                            transition: .3s
                        }

                            .header-area.header-two .main-menu ul li ul li a:hover {
                                background: #124bbc;
                                color: #fff
                            }

                .header-area.header-two .main-menu ul li:last-child a:after {
                    display: none
                }

                .header-area.header-two .main-menu ul li a {
                    display: block;
                    padding: 35px 10px;
                    color: #000;
                    text-transform: uppercase;
                    position: relative;
                    transition: .3s
                }

                    .header-area.header-two .main-menu ul li a:hover {
                        color: #f53753;
                        transition: .3s
                    }

                    .header-area.header-two .main-menu ul li a:after {
                        position: absolute;
                        right: 0;
                        top: 20px;
                        width: 1px;
                        height: 15px;
                        background: #fff;
                        content: "";
                        display: none
                    }

        .header-area.header-two.stick {
            left: 0;
            right: 0;
            z-index: 99999;
            background: #000 !important;
            width: 100%;
            top: 0;
            transition: .5s
        }

            .header-area.header-two.stick .logo-area {
                transition: .5s
            }

            .header-area.header-two.stick .main-menu ul li {
                transition: .5s
            }

                .header-area.header-two.stick .main-menu ul li a {
                    color: #fff
                }

    .header-area.stick {
        left: 0;
        right: 0;
        z-index: 99999;
        background: #000 !important;
        width: 100%;
        top: 0;
        transition: .5s
    }

        .header-area.stick .logo-area {
            transition: .5s
        }

        .header-area.stick .main-menu ul li {
            transition: .5s
        }

    .header-area .logo-area a {
        display: block
    }

        .header-area .logo-area a img {
            width: auto
        }

    .header-area .search-area {
        position: relative;
        overflow: hidden
    }

        .header-area .search-area input {
            width: 90%;
            height: 35px;
            border: 0 solid transparent;
            border-radius: 5px;
            padding: 3px 15px;
            transition: .5s;
            float: right
        }

            .header-area .search-area input.active {
                transition: .5s;
                width: 100%
            }

        .header-area .search-area i {
            position: absolute;
            right: 10px;
            top: 10px;
            color: #000;
            cursor: pointer
        }

    .header-area .main-menu ul {
        text-align: right
    }

        .header-area .main-menu ul li {
            display: inline-block
        }

            .header-area .main-menu ul li:last-child a:after {
                display: none
            }

            .header-area .main-menu ul li a {
                display: block;
                padding: 10px;
                color: #fff;
                text-transform: uppercase;
                position: relative;
                transition: .3s
            }

                .header-area .main-menu ul li a:hover {
                    color: #f53753;
                    transition: .3s
                }

                .header-area .main-menu ul li a:after {
                    position: absolute;
                    right: 0;
                    top: 20px;
                    width: 1px;
                    height: 15px;
                    background: #fff;
                    content: ""
                }

@media (min-width:992px) and (max-width:1199px) {
    .header-area .main-menu ul li a {
        padding: 10px 8px
    }
}

@media (max-width:991px) {
    .cookcodesmenu_nav li a i {
        display: none
    }

    .cookcodesmenu_nav li a {
        padding: 5px 15px
    }

    .cookcodesmenu_nav li {
        line-height: 25px
    }

    .header-area {
        display: none
    }

    .cookcodesmenu_menu {
        display: block
    }
}

.banner-area {
    min-height: 100vh;
    height: 100vh;
    display: flex;
    align-items: center;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

    .banner-area:before {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.8);
        content: "";
        top: 0;
        z-index: 0
    }

    .banner-area .banner-content {
        text-align: center
    }

        .banner-area .banner-content h4 {
            font-size: 20px;
            color: #fff;
            text-transform: uppercase;
            margin-bottom: 10px
        }

        .banner-area .banner-content h1 {
            font-size: 48px;
            color: #fff;
            text-transform: uppercase;
            margin-bottom: 15px;
            font-weight: 800
        }

        .banner-area .banner-content p {
            font-size: 16px;
            font-weight: 400;
            color: #fff;
            margin-bottom: 30px
        }

        .banner-area .banner-content a {
            display: inline-block;
            padding: 10px 35px;
            background: #f53753;
            border-radius: 10px;
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            transition: .3s
        }

            .banner-area .banner-content a:hover {
                background: #000;
                transition: .3s
            }

@media (min-width:992px) and (max-width:1199px) {
    .banner-area .banner-content h1 {
        font-size: 36px
    }
}

@media (max-width:991px) {
    .banner-area {
        min-height: 60vh;
        height: 60vh
    }

        .banner-area .banner-content h1 {
            font-size: 24px
        }
}

@media (max-width:480px) {
    .banner-area .banner-content h1 {
        font-size: 16px
    }
}

.section-title {
    padding: 60px 0 30px
}

    .section-title h2 {
        font-size: 36px;
        font-weight: 600;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 5px;
        padding: 5px;
        line-height: 0
    }

.footer-section {
    background-image: url(../images/icons/footer-bg.png);
    background-repeat: repeat
}

    .footer-section .single-footer h2 {
        color: #999;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        border-bottom: 2px solid #111;
        display: inline-block
    }

    .footer-section .single-footer .about-techsci {
        background: #353636;
        padding: 30px 15px
    }

        .footer-section .single-footer .about-techsci h2 {
            color: #fff;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 5px;
            padding-bottom: 5px;
            font-size: 16px;
            border-bottom: 1px solid #333;
            display: inline-block
        }

        .footer-section .single-footer .about-techsci h3 {
            color: #fff;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 5px;
            padding-bottom: 5px;
            font-size: 16px
        }

        .footer-section .single-footer .about-techsci p {
            color: #fff;
            font-size: 14px;
            margin-bottom: 20px
        }

        .footer-section .single-footer .about-techsci ul li {
            display: inline-block;
            margin-right: 10px
        }

    .footer-section .single-footer .quick-link {
        padding: 30px 0
    }

        .footer-section .single-footer .quick-link ul li a {
            color: #fff;
            transition: .5s
        }

            .footer-section .single-footer .quick-link ul li a:hover {
                color: #124bbc;
                transition: .5s
            }

            .footer-section .single-footer .quick-link ul li a i {
                color: #124bbc;
                margin-right: 10px
            }

    .footer-section .single-footer .signup {
        padding: 30px 0
    }

        .footer-section .single-footer .signup .form {
            margin: 20px 0 0 0;
            overflow: hidden
        }

            .footer-section .single-footer .signup .form input {
                /*width: 100%;*/
                height: 35px;
                border: 0 solid transparent;
                border-radius: 0;
                padding: 3px 15px;
                font-size: 12px
            }

            .footer-section .single-footer .signup .form button {
                position: absolute;
                right: 0;
                height: 35px;
                outline: 0;
                background: #6d9f50;
                border: none;
                color: #fff;
                z-index: 99;
                margin: -35px -21px 0 0
            }

@media (max-width:600px) {
    .footer-section .single-footer .signup .form input {
        /*width: 80% !important;*/
        height: 35px;
        border: 0 solid transparent;
        border-radius: 0;
        padding: 3px 15px;
        font-size: 12px
    }

    .footer-section .single-footer .signup .form button {
        position: absolute;
        right: 0;
        width: 19% !important;
        height: 35px;
        float: right !important;
        outline: 0;
        background: #6d9f50;
        border: none;
        color: #fff;
        z-index: 99;
        margin: 0 9px 0 0
    }
}

.breadcumb-area {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/banner2.jpg);
    position: relative
}

    .breadcumb-area .heading {
        padding-top: 100px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fff;
        padding: 10px
    }

        .breadcumb-area .heading h2 {
            color: #000;
            font-size: 24px;
            font-weight: 600
        }

    .breadcumb-area .info {
        padding-top: 100px
    }

        .breadcumb-area .info ul {
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: right
        }

            .breadcumb-area .info ul li {
                display: inline-block;
                margin: 0 8px
            }

                .breadcumb-area .info ul li:last-child a {
                    background: #107693;
                    color: #fff
                }

                .breadcumb-area .info ul li a {
                    background: #fff;
                    padding: 5px 30px;
                    display: block;
                    border-radius: 7px 7px 0 0
                }

@media (max-width:991px) {
    .breadcumb-area .heading {
        padding: 0;
        position: relative;
        bottom: inherit;
        left: inherit;
        background: #fff;
        padding: 15px;
        margin: 30px 0 0;
        text-align: center
    }

    .breadcumb-area .info ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center
    }

    .breadcumb-area .info {
        padding-top: 30px
    }
}

.report-description-area {
    padding: 20px 0
}

    .report-description-area .why-buy h2 {
        margin-bottom: 30px;
        font-size: 28px;
        font-weight: 300;
        color: #111;
        margin-bottom: 25px
    }

    .report-description-area .why-buy .single-buy {
        position: relative;
        margin-left: 60px;
        margin-top: 15px
    }

        .report-description-area .why-buy .single-buy img {
            position: absolute;
            left: -60px;
            top: 0;
            width: auto
        }

        .report-description-area .why-buy .single-buy h1 {
            font-size: 22px;
            font-weight: 300;
            color: #83c8ff;
            margin-bottom: 0
        }

    .report-description-area .what-content {
        margin-top: 100px
    }

        .report-description-area .what-content h1 {
            margin-bottom: 30px;
            font-size: 26px;
            font-weight: 300;
            color: #111;
            margin-bottom: 25px
        }

        .report-description-area .what-content p img {
            margin-right: 10px
        }

    .report-description-area .what-included {
        margin-top: 100px
    }

        .report-description-area .what-included h1 {
            margin-bottom: 30px;
            font-size: 26px;
            font-weight: 300;
            color: #111;
            margin-bottom: 25px
        }

        .report-description-area .what-included p {
            font-size: 15px
        }

            .report-description-area .what-included p i {
                margin-right: 5px;
                color: #037832;
                font-size: 20px
            }

    .report-description-area .car-market h2 {
        font-size: 26px;
        font-weight: 400;
        color: #000;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    .report-description-area .car-market span {
        font-size: 18px;
        font-weight: 300;
        display: block;
        margin-bottom: 15px
    }

    .report-description-area .car-market .buy-now {
        display: inline-block
    }

        .report-description-area .car-market .buy-now a {
            display: block;
            background: silver;
            font-size: 16px;
            text-transform: uppercase;
            color: #000;
            transition: all .3s ease-in-out;
            padding: 5px 30px
        }

            .report-description-area .car-market .buy-now a:hover {
                background: #000;
                transition: all .3s ease-in-out;
                color: #fff
            }

.sidebar .single-sidebar {
    background: #f2f2f2;
    margin: 10px 0 30px 0
}

    .sidebar .single-sidebar .title {
        background: #107693;
        padding: 15px;
        text-align: center;
        border-radius: 3px 3px 0 0
    }

        .sidebar .single-sidebar .title h2 {
            font-size: 24px;
            color: #fff;
            font-weight: 500
        }

        .sidebar .single-sidebar .title a {
            display: block;
            background: #ffe502;
            font-size: 18px;
            text-transform: uppercase;
            color: #000;
            transition: all .3s ease-in-out
        }

            .sidebar .single-sidebar .title a:hover {
                background: #000;
                transition: all .3s ease-in-out;
                color: #fff
            }

    .sidebar .single-sidebar .list {
        padding: 10px
    }

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

            .sidebar .single-sidebar .list ul li {
                display: block;
                margin: 3px 0;
                font-size: 14px
            }

                .sidebar .single-sidebar .list ul li i {
                    margin-right: 8px;
                    color: #ddd
                }

                .sidebar .single-sidebar .list ul li input {
                    margin-left: 10px;
                    float: right
                }

    .sidebar .single-sidebar .image {
        padding: 15px
    }

    .sidebar .single-sidebar .speck-analyst {
        text-align: center;
        padding: 10px
    }

        .sidebar .single-sidebar .speck-analyst img {
            margin-bottom: 5px
        }

        .sidebar .single-sidebar .speck-analyst h4 {
            color: #9eb5d1;
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 700;
            margin-bottom: 0
        }

        .sidebar .single-sidebar .speck-analyst span {
            color: #000;
            font-size: 16px;
            text-transform: capitalize;
            font-weight: 500;
            margin-bottom: 0
        }

    .sidebar .single-sidebar .why-choose-us {
        padding: 15px
    }

        .sidebar .single-sidebar .why-choose-us h2 {
            color: #9eb5d1;
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 600;
            margin-bottom: 20px
        }

        .sidebar .single-sidebar .why-choose-us .choose-list ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .sidebar .single-sidebar .why-choose-us .choose-list ul li {
                display: block;
                margin: 5px 0
            }

                .sidebar .single-sidebar .why-choose-us .choose-list ul li .single-list h4 {
                    text-transform: uppercase;
                    color: #32114a;
                    font-size: 16px;
                    text-transform: capitalize;
                    font-weight: 700;
                    margin-bottom: 10px
                }

                    .sidebar .single-sidebar .why-choose-us .choose-list ul li .single-list h4 img {
                        margin-right: 10px
                    }

                .sidebar .single-sidebar .why-choose-us .choose-list ul li .single-list p {
                    font-size: 14px;
                    line-height: 1.5
                }

    .sidebar .single-sidebar .questions {
        padding: 15px;
        overflow: hidden
    }

        .sidebar .single-sidebar .questions h2 {
            color: #9eb5d1;
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 600;
            margin-bottom: 20px
        }

        .sidebar .single-sidebar .questions p {
            font-size: 14px;
            line-height: 1.5
        }

        .sidebar .single-sidebar .questions .faq {
            float: right
        }

            .sidebar .single-sidebar .questions .faq a {
                text-transform: uppercase;
                font-weight: 600
            }

.inner-content .date ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .inner-content .date ul li {
        display: inline-block;
        margin-right: 10px;
        font-size: 16px
    }

        .inner-content .date ul li a {
            text-transform: uppercase
        }

.inner-content .title h2 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0
}

.inner-content .title .social-media ul {
    margin: 0;
    padding: 0
}

    .inner-content .title .social-media ul li {
        display: inline-block;
        margin-right: 10px
    }

        .inner-content .title .social-media ul li a {
            display: block
        }

            .inner-content .title .social-media ul li a i {
                color: #999;
                font-size: 18px;
                margin-right: 5px
            }

                .inner-content .title .social-media ul li a i:hover {
                    color: #124bbc
                }

.inner-content .main-content .nav {
    margin: 15px 0;
    padding: 0;
    border: 0 solid transparent !important
}

    .inner-content .main-content .nav li {
        border: 0 solid #ddd
    }

        .inner-content .main-content .nav li a {
            border: 1px solid #ddd;
            font-weight: 500;
            color: #000;
            font-size: 14px;
            text-transform: capitalize
        }

            .inner-content .main-content .nav li a.active {
                position: relative;
                border-top: 1px solid #ddd !important;
                border: 0 solid transparent
            }

.copyright p {
    text-align: center;
    font-weight: 400;
    color: #fff;
    padding-top: 10px;
    margin-bottom: 0 !important
}

.copyrightbg {
    background-color: #000;
    height: 50px;
    width: 100%
}

@media (max-width:480px) {
    .copyright p {
        text-align: center;
        font-weight: 400;
        color: #fff;
        padding-top: 10px;
        margin-bottom: 0 !important;
        font-size: 10px !important
    }

    .breadcumb-area .info ul li {
        display: inline-block;
        margin: 5px 8px !important
    }
}

@media (max-width:338px) {
    .cookcodesmenu_btn {
        margin: -40px 5px 6px !important;
        text-decoration: none;
        border-radius: 4px;
        background-color: rgba(255,255,255,0)
    }
}

.navtabbg {
    background-color: #6D9F50;
}

@media (max-width:780px) {
    .inner-content .main-content .nav li {
        width: 100% !important;
        border: 0 solid #ddd !important;
        margin-top: 4px !important;
        text-align: center !important
    }
}

.tab2ist2 p {
    font-weight: 500;
    margin-bottom: 0 !important
}

#mailclr a {
    color: #00f
}

#mailclr {
    font-size: 14px
}

.listmrg li {
    margin-left: 41px;
    font-size: 14px
}

.navtab4 ul li {
    list-style-type: square;
    font-size: 14px;
    margin-left: 20px
}

.row mt-5 {
    background-color: green
}

.market {
    padding-top: 50px
}

.owl-stage-outer {
    margin: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important
}

@media (max-width:768px) {
    .testimonial-area .testimonial-slider .single-testimonial {
        background: #efefef;
        position: relative;
        padding: 50px 20px
    }
}

@media (max-width:991px) {
    .mobile-search-box {
        display: block
    }

    .main-header .logo a img {
        width: 70%;
        display: block;
        margin: 0 auto
    }

    .cookcodesmenu_menu {
        display: block !important
    }

    .main-header {
        display: none !important
    }

    .cookcodesmenu_brand img {
        width: 70%
    }

    .video, .widget {
        margin: 30px 0
    }

    .slider-area .slider-content-area .form .row .col-lg-6 input {
        height: 40px;
        width: 100%
    }

    .slider-area .slider-content-area .form .row .col-lg-12 textarea {
        width: 100%;
        height: 70px
    }

    .slider-area .slider-content-area .form .row .col-lg-12, .slider-area .slider-content-area .form .row .col-lg-6 {
        padding: 0 15px
    }

    .slider-area {
        height: 600px !important;
        min-height: 600px !important
    }

    .main-header .header-right ul li .search-box span {
        right: -10px
    }

    .slider-area .slider-inner-content .image-slider .single-slide img {
        height: 600px
    }
}

@media (max-width:767px) {
    .cookcodesmenu_menu {
        display: block !important
    }

    .main-header {
        display: none !important
    }

    .cookcodesmenu_brand img {
        width: 70%
    }

    .slider-area .slider-content-area h2 {
        font-size: 30px
    }

    .slider-area .slider-content-area h2 {
        font-size: 30px
    }

    .slider-area .slider-content-area {
        top: 40px
    }

    .slider-area {
        height: 600px !important;
        min-height: 600px !important
    }

    .main-header .header-right ul li .search-box span {
        right: -10px
    }

    .slider-area .slider-inner-content .image-slider .single-slide img {
        height: 600px
    }

    .customer-review-area .reviw-slider .single-review .content {
        padding: 16px 0
    }

    .call-to-action-area {
        background: #00163e;
        padding: 50px 0;
        text-align: center
    }
}

@media (max-width:480px) {
    .customer-review-area .reviw-slider .single-review .image {
        width: 100%;
        background: #124bbc;
        border-radius: 5px;
        float: inherit;
        text-align: center;
        padding: 50px 0;
        margin: 0 0 20px 0;
        display: block
    }

    .customer-review-area .reviw-slider .single-review .content {
        padding: 0 15px;
        text-align: center
    }

    .slider-area .slider-content-area h2 {
        font-size: 30px
    }

    .slider-area .slider-content-area {
        top: 40px
    }

    .slider-area {
        height: 700px !important;
        min-height: 700px !important
    }

    .main-header .header-right ul li .search-box span {
        right: 0
    }

    .slider-area .slider-inner-content .image-slider .single-slide img {
        height: 700px
    }

    .customer-review-area .reviw-slider .single-review .content {
        padding: 16px 0
    }

    .call-to-action-area {
        background: #00163e;
        padding: 50px 0;
        text-align: center
    }

    .slider-area .slider-content-area h2 {
        font-size: 24px
    }

    .mobile-search-box ul li {
        padding: 0 5px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

@media (max-width:480px) {
    slider-button {
        height: inherit;
        position: fixed;
        top: -17rem
    }
}

.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #bbf3f0
}

.ct {
    text-align: center
}

.two {
    background: #b4dcff
}

.three {
    background: #a0c8ff
}

.four {
    background: #8cb4ff
}

.elo:hover, .ole:hover {
    background: #87ceeb;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    box-shadow: 0 0 0 #555
}

.multiple_elements {
    padding: 30px 0 10px 0;
    text-align: center
}

.tooltip.right > .tooltip-arrow {
    border-right-color: #87ceeb
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #87ceeb
}

.tooltip.top > .tooltip-arrow {
    border-top-color: #87ceeb
}

.tooltip.left > .tooltip-arrow {
    border-left-color: #87ceeb
}

.tooltip > .tooltip-inner {
    background-color: #87ceeb
}

code {
    color: #4169e1;
    background-color: azure
}

@media (max-width:640px) {
    .elo, .ole {
        padding: 6px 12px;
        font-size: 12px
    }
}
.completionList {
    border: solid 1px Gray;
    margin: 0px;
    padding: 3px;
    overflow: auto;
    font-size: 14px;
    line-height: 22px;
    background-color: #FFFFFF;
    font-family: Roboto;
    cursor: pointer;
}

.listItem {
    color: #191919;
    font-family: Roboto;
    cursor: pointer;
}

.itemHighlighted {
    background-color: #107693;
    cursor: pointer;
}