@font-face {
    font-family: ps4;
    src: url(../fonts/ps4.ttf)
}

@font-face {
    font-family: ps7;
    src: url(../fonts/ps7.ttf)
}

body {
    font-family: Roboto,sans-serif;
    letter-spacing: .6px
}

    body::-webkit-scrollbar {
        width: 5px
    }

    body::-webkit-scrollbar-track {
        background: #172f67
    }

    body::-webkit-scrollbar-thumb {
        background: #7379b0;
        border-radius: 10px
    }

        body::-webkit-scrollbar-thumb:hover {
            background: #fff
        }

@keyframes beat {
    to {
        transform: scale(1.06)
    }
}

.sub-page-heading2 {
    display: none
}

.onSidePadding {
    padding-left: 50px
}

a {
    text-decoration: none !important
}

section.main-index {
    position: relative
}

    section.main-index .main__parent {
        position: relative
    }

        section.main-index .main__parent a {
            color: #5facff
        }

        section.main-index .main__parent .right__main {
            position: relative;
            border-left: 5px solid #f0edf6
        }

            section.main-index .main__parent .right__main .top__header {
                position: relative;
                padding: 0px 15px;
                border-bottom: 5px solid #f0edf6
            }

                section.main-index .main__parent .right__main .top__header .top__header__nav {
                    position: relative;
                    display: flex
                }

                    section.main-index .main__parent .right__main .top__header .top__header__nav > span {
                        position: absolute;
                        right: 0;
                        top: 0;
                        font-size: 12px;
                        height: 100%;
                        display: flex;
                        color: #cbc7cf;
                        align-items: center
                    }

                    section.main-index .main__parent .right__main .top__header .top__header__nav > a {
                        position: relative;
                        display: inline-block;
                        color: #64abcf;
                        line-height: 18px;
                        font-weight: 600;
                        margin-right: 20px;
                        margin-top: auto;
                        margin-bottom: auto;
                    }

                    section.main-index .main__parent .right__main .top__header .top__header__nav > .dropdown .btn {
                        background-color: transparent;
                        color: #cbc7cf;
                        outline: 0;
                        box-shadow: 0 0 !important;
                        padding: 0;
                        margin-right: 40px
                    }

                        section.main-index .main__parent .right__main .top__header .top__header__nav > .dropdown .btn.active {
                            color: #665d72
                        }

            section.main-index .main__parent .right__main .map__main {
                position: relative;
                display: flex
            }

                section.main-index .main__parent .right__main .map__main .left__main {
                    position: relative;
                    width: 65vw;
                    min-height: calc(100vh - 80px)
                }

                    section.main-index .main__parent .right__main .map__main .left__main .cdphe {
                        position: absolute;
                        width: 200px;
                        right: 55px;
                        top: 10px;
                        z-index: 100
                    }

                section.main-index .main__parent .right__main .map__main .right__main {
                    position: relative;
                    width: 35vw;
                    border-left: 5px solid #f0edf6;
                    padding: 10px;
                    height: calc(100vh - 80px);
                    overflow-x: hidden;
                    overflow-y: scroll
                }

                    section.main-index .main__parent .right__main .map__main .right__main .first__block {
                        position: relative;
                        padding-bottom: 10px;
                        border-bottom: 1px solid #dfdfdf
                    }

                        section.main-index .main__parent .right__main .map__main .right__main .first__block label {
                            position: relative;
                            color: #7d7d7d;
                            font-size: 14px;
                            font-weight: 500
                        }

                        section.main-index .main__parent .right__main .map__main .right__main .first__block p {
                            position: relative;
                            font-size: 14px;
                            color: #8c8f92;
                            line-height: 18px;
                            margin-top: 10px
                        }

                            section.main-index .main__parent .right__main .map__main .right__main .first__block p a {
                                color: #5facff
                            }

                        section.main-index .main__parent .right__main .map__main .right__main .first__block div {
                            position: relative;
                            margin-top: 5px
                        }

                            section.main-index .main__parent .right__main .map__main .right__main .first__block div img {
                                position: absolute;
                                right: 15px;
                                z-index: 1;
                                width: 10px;
                                top: 14px
                            }

                            section.main-index .main__parent .right__main .map__main .right__main .first__block div .form-control {
                                position: relative;
                                appearance: none;
                                color: #504c6d;
                                background-color: #f6f5fa;
                                padding-left: 25px;
                                font-weight: 500;
                                border: 0;
                                box-shadow: 0 0 !important;
                                outline: 0
                            }

                    section.main-index .main__parent .right__main .map__main .right__main .second__block {
                        position: relative;
                        margin-top: 10px;
                        padding-bottom: 10px;
                        border-top: 1px solid #dfdfdf
                    }

                        section.main-index .main__parent .right__main .map__main .right__main .second__block p {
                            font-size: 16px;
                            color: #7e8184
                        }

                        section.main-index .main__parent .right__main .map__main .right__main .second__block .flex__row {
                            display: flex;
                            margin-bottom: 15px
                        }

                            section.main-index .main__parent .right__main .map__main .right__main .second__block .flex__row .flex__main {
                                width: calc(100% / 2);
                                font-size: 14px;
                                color: #675f74
                            }

                                section.main-index .main__parent .right__main .map__main .right__main .second__block .flex__row .flex__main img {
                                    width: 20px;
                                    margin-right: 5px
                                }

                    section.main-index .main__parent .right__main .map__main .right__main .third__block {
                        position: relative;
                        margin-top: 10px;
                        padding-bottom: 10px;
                        border-bottom: 1px solid #dfdfdf
                    }

                        section.main-index .main__parent .right__main .map__main .right__main .third__block p {
                            font-size: 16px;
                            color: #7e8184
                        }

                        section.main-index .main__parent .right__main .map__main .right__main .third__block div {
                            font-weight: 600;
                            color: #61596f;
                            font-size: 14px
                        }

                            section.main-index .main__parent .right__main .map__main .right__main .third__block div a {
                                font-size: 10px
                            }

                    section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block {
                        position: relative;
                        margin-top: 15px
                    }

                        section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row {
                            display: flex;
                            margin-bottom: 15px
                        }

                            section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row .flex__main {
                                width: calc(100% / 2);
                                font-size: 14px;
                                color: #675f74
                            }

                                section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row .flex__main:nth-child(1) {
                                    padding-right: 7px
                                }

                                section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row .flex__main:nth-child(2) {
                                    padding-left: 7px
                                }

                                section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row .flex__main label {
                                    margin-bottom: 0
                                }

                                section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row .flex__main .select__main {
                                    position: relative;
                                    margin-top: 5px
                                }

                                    section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row .flex__main .select__main img {
                                        position: absolute;
                                        right: 15px;
                                        z-index: 1;
                                        width: 10px;
                                        top: 14px
                                    }

                                    section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .flex__row .flex__main .select__main .form-control {
                                        position: relative;
                                        appearance: none;
                                        color: #504c6d;
                                        background-color: #f6f5fa;
                                        border-radius: 0;
                                        border: 0;
                                        box-shadow: 0 0 !important;
                                        outline: 0
                                    }

                        section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .toggle__btn {
                            margin-bottom: 10px;
                            text-align: right
                        }

                            section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .toggle__btn .main__span, section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .toggle__btn .main__spanalt {
                                position: relative;
                                text-align: left;
                                font-size: 14px;
                                background-color: #ccc;
                                color: #7b7e82;
                                border-radius: 30px;
                                overflow: hidden;
                                display: inline-block;
                                font-weight: 600;
                                cursor: pointer
                            }

                                section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .toggle__btn .main__span span, section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .toggle__btn .main__spanalt span {
                                    display: inline-block;
                                    padding: 5px 5px;
                                    border-radius: 30px;
                                    background-color: transparent;
                                    transition: .4s;
                                    width: 58px;
                                    text-align: center
                                }


                                    section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .toggle__btn .main__span span.active, section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .toggle__btn .main__spanalt span.active {
                                        background-color: #eaeaea
                                    }

                        section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .cart__img img {
                            width: 100%
                        }

                        section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .last__content {
                            position: relative;
                            margin-top: 15px
                        }

                            section.main-index .main__parent .right__main .map__main .right__main .diubleInput__block .last__content p {
                                position: relative;
                                color: #000;
                                font-size: 14px;
                                line-height: 18px
                            }

@media screen and (min-width:320px) and (max-width:767px) {
    .sec-index-main {
        padding: 0 20px
    }

        .sec-index-main section.sec-header-main .header-left-content h2 {
            font-size: 22px;
            line-height: 35px
        }

        .sec-index-main section.sec-header-main .header-left-content p {
            font-size: 16px;
            line-height: 28px
        }

        .sec-index-main section.sec-header-main .top-header-img {
            margin-top: 30px;
            display: none
        }

        .sec-index-main section.sec-mission-main .img-mission img {
            height: 335px
        }

        .sec-index-main section.sec-mission-main .mission-content h3 {
            font-size: 35px
        }

        .sec-index-main section.sec-mission-main .mission-content p {
            font-size: 16px;
            line-height: 27px
        }

        .sec-index-main section.sec-grid-card .main-card-grid {
            margin-bottom: 50px
        }

        .sec-index-main section.sec-clients .client-heading h3 {
            font-size: 35px
        }

        .sec-index-main section.sec-clients .carosal-items .content-main {
            padding: 65px 20px 100px 20px
        }

            .sec-index-main section.sec-clients .carosal-items .content-main > p {
                width: 100%
            }

        .sec-index-main section.sec-diliver-main .img-mission img {
            position: relative;
            height: 250px;
            max-width: 100%
        }

        .sec-index-main section.sec-diliver-main .mission-content h3 {
            font-size: 35px;
            padding-top: 20px;
            width: 100%
        }

        .sec-index-main section.sec-diliver-main .mission-content .app-mobile img {
            width: 150px;
            margin-right: 10px
        }

        .sec-index-main section.sec-contactus .contactUs-heading h3 {
            font-weight: 600;
            font-size: 35px;
            margin-top: 50px
        }

        .sec-index-main section.sec-top-nav .nav-logo img {
            position: relative;
            width: 100%
        }

        .sec-index-main section.sec-top-nav .nav-right-btn .btn {
            margin-left: 10px;
            padding: 5px 10px;
            font-size: 14px
        }
}

@media (max-width:768px) {
    body, html {
        overflow-x: hidden
    }

    section.main-index .main__parent .right__main .top__header .top__header__nav > span {
        position: absolute;
        right: 5px;
        top: -20px;
        height: auto
    }

    section.main-index .main__parent .right__main .top__header .top__header__nav {
        display: block;
        text-align: center
    }

        section.main-index .main__parent .right__main .top__header .top__header__nav > a {
            margin-right: 0;
            text-align: center;
            width: 100%;
            margin-top: 10px
        }

        section.main-index .main__parent .right__main .top__header .top__header__nav > .dropdown .btn.active {
            margin: 0 5px
        }

    .dropdown, .dropleft, .dropright, .dropup {
        position: relative;
        display: inline-block;
        text-align: center
    }

    section.main-index .main__parent .right__main .top__header {
        margin-bottom: 20px
    }

    section.main-index .main__parent .right__main {
        width: 100% !important;
        overflow-x: hidden
    }

        section.main-index .main__parent .right__main .map__main {
            display: block;
            margin-left: 20px;
            margin-right: 20px;
            overflow-x: hidden
        }

            section.main-index .main__parent .right__main .map__main .left__main {
                width: 100% !important
            }

            section.main-index .main__parent .right__main .map__main .right__main {
                height: 100%;
                overflow-y: hidden;
                width: 100% !important
            }

    .map__main #myModal .modal-lg {
        max-width: 90%;
        margin: 30px auto
    }

    .modal-open .modal {
        padding-right: 0
    }
}

.loader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    background-image: url('/lib/img/loading_spinner.gif');
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
}
.select__main .form-control {
    font-size: 1.25rem;
    height: calc(2.75rem + 2px) !important;
    line-height: 1.75rem !important;
    border-radius: 15px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CCCCCC !important;
    color: #848689;
}

#Parameters {
    font-size: 1.25rem;
    height: calc(3.75rem + 2px) !important;
    line-height: 2.5rem !important;
    border-radius: 15px !important;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #848689;
}

/*width: 65vw;*/

footer {
    position: fixed;
    bottom: 0px;
    /*background-color: #FFFFFF;*/
    text-align: right;
    width: 100%;
    z-index: 100;
    line-height: 1rem;
    
    vertical-align: middle;    
}
    footer .spacer {
        width: 65vw;        
    }
    footer .disclaimer {
        width: 35vw;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-right: 1rem;
        background-color: #FFFFFF;
       /* border-left: 5px solid #f0edf6;*/
        margin-right: 20px;
        margin-left: 80px;
    }
/*.main__parent {
    margin-bottom: 32px;
}*/

.dropdown {
    margin-top: auto;
    margin-bottom: auto;
}
.dropdown.ms-5 {
    margin-left: 100px;
}