﻿  .madkudu_modal {
            display: none;
            position: fixed;
            height: 100vh;
            width: 100vw;
            z-index: 1000;
            top: 0em;
            left: 0em;
        }

            .madkudu_modal.open {
                display: block;
            }

        .madkudu_modal__overlay {
            position: fixed;
            height: 100vh;
            width: 100vw;
            background: #4a90e2;
            opacity: 0.85;
        }

        .madkudu_modal__canvas {
            position: fixed;
            height: 100vh;
            width: 100vw;
            text-align: center;
            font-family: Open Sans, Helvetica Neue, Helvetica, sans-serif;
            z-index: 100001;
        }

        .madkudu_modal__box_parent {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .madkudu_modal__box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .madkudu_modal__title {
            font-size: 50px;
            line-height: 50px;
            color: #FFF;
            padding-bottom: 30px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .madkudu_modal__subtitle {
            color: #FFF;
            font-size: 24px;
            line-height: 35px;
            padding-bottom: 40px;
        }

        .madkudu_modal__button {
            line-height: 2em;
            color: #FFF;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1px;
            border: 0;
            cursor: pointer;
            text-decoration: none;
            outline: none;
            transition: background-color 0.2s ease-in, color 0.2s ease-in;
        }

        .madkudu_modal__button--primary {
            line-height: 2em;
            color: #FFF;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1px;
            border: 0;
            cursor: pointer;
            text-decoration: none;
            outline: none;
            transition: background-color 0.2s ease-in, color 0.2s ease-in;
            width: 350px;
            background-color: #077355;
            font-size: 19px;
        }

            .madkudu_modal__button--primary:hover {
                background-color: #066355;
                color: #FFF;
            }

        .madkudu_modal__button--secondary {
            line-height: 2em;
            color: #FFF;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1px;
            border: 0;
            cursor: pointer;
            text-decoration: none;
            outline: none;
            transition: background-color 0.2s ease-in, color 0.2s ease-in;
            width: 180px;
            margin-left: 20px;
            margin-right: 20px;
            text-decoration: underline;
            font-size: 15px;
            background-color: transparent;
        }

            .madkudu_modal__button--secondary:hover {
                color: #DDD;
            }

        .madkudu_modal__branding {
            color: #FFF;
            font-size: 13px;
            position: fixed;
            bottom: 20px;
            left: 20px;
            color: #d9d9d9;
        }

            .madkudu_modal__branding a {
                text-decoration: none;
                color: #FFF;
                letter-spacing: 1px;
            }

        .h0, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .pl-ads .plan-tile-small p.pricing, h1, h2, h3, h4, h5, h6 {
            font-weight: 600;
            color: #4d4d4d;
            font-family: "Open Sans",sans-serif;
            margin: 10px 0;
        }

        p {
            font-family: "Open Sans",sans-serif;
        }

        .price-cta a {
            font-family: "Open Sans",sans-serif;
        }

           @media only screen and (min-width: 60rem) {
            .nav-main-item {
                font-size:  .875rem!important;
            }
        }

