﻿.nav ul {
    display: flex;
}

.nav li {
    float: none;
    flex: auto;
    text-align: center;
    padding: 0;
}

    .nav .active, .nav li a, .dropdown .dropbtn {
        width: 100%;
    }

.nav .dropdown-content {
    height: auto !important;
}

    .nav .dropdown-content a {
        width: auto;
    }


.nav li.wc_menu a img {
    width: 110px;
}

.nav li.wc_menu a {
    padding: 4px;
}


/* pay-to-upgrade */
#ptu .modal-content {
    background: #092e58;
    border: 3px solid #0e62d8;
}

#ptu .modal-dialog {
    width: 1040px;
}

#ptu .close {
    opacity: 1;
    z-index: 99;
    position: absolute;
    right: -20px;
    top: -20px;
}

#ptu .modal-body {
    padding: 20px;
}

#ptu h1 {
    color: #ffcf5f;
    margin: 0;
}

#ptu p.subtitle {
    font-size: 16px;
    margin: 5px 0 0;
}

#ptu .ptu-cont {
    display: table;
}

    #ptu .ptu-cont .ptu-item {
        display: inline-block;
        text-align: center;
        padding: 0px 5px;
        width: 20%;
        position: relative;
        transition: .3s;
        top: 0;
    }

        #ptu .ptu-cont .ptu-item ul {
            list-style: none;
            padding: 0;
            font-size: 13px;
        }

        #ptu .ptu-cont .ptu-item div {
            background-color: #fff;
            color: #092e58;
            border-radius: 30px;
            padding: 20px 10px;
            height: 405px;
            position: relative;
            display: inline-grid;
            padding-bottom: 50px;
            transition: .3s;
        }

            #ptu .ptu-cont .ptu-item div span {
                background-color: #0a3d62;
                color: #fff;
                width: 80%;
                display: block;
                padding: 3px 0;
                font-size: 16px;
                font-weight: 600;
                border-radius: 20px;
                position: absolute;
                bottom: 20px;
                left: 10%;
                transition: .3s;
            }

            #ptu .ptu-cont .ptu-item div h2 {
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 600;
                margin: 0 0 10px;
            }

        #ptu .ptu-cont .ptu-item:hover {
            top: -15px;
        }

            #ptu .ptu-cont .ptu-item:hover div {
                background-color: #00101b;
                color: #fff;
            }

                #ptu .ptu-cont .ptu-item:hover div span {
                    background-color: #fff;
                    color: #092e58;
                }

        #ptu .ptu-cont .ptu-item img {
            width: 80%;
        }

        #ptu .ptu-cont .ptu-item ul li {
            margin: 5px 0;
        }

button#button_left {
    top: 0 !important;
    margin: 0;
    width: 65px;
    position: absolute;
    filter: brightness(115%);
    -webkit-filter: brightness(115%);
}

#button-right img {
    margin: 10px 0px 10px 0px;
}

#button-right {
    top: 156px !important;
    position: fixed;
    width: 65px;
}

    #button-right img {
        filter: brightness(115%);
        -webkit-filter: brightness(115%);
    }

        #button-right img:hover {
            margin: 10px 0px 10px 0px;
        }

.srl_menu {
    height: auto;
}

.col {
    padding: 20px 0px 0px 0px;
}


/* contact drawer update */
#button-right {
    top: 250px !important;
}