 #gradblue{
         background-image: url("../../images/money-background_opt.jpg");
         background-size: cover;
           background-repeat: no-repeat;
           background-position: center center;

}

h1,h2 {
            color: #222;
            letter-spacing: 125%;
            line-height: 1.4em
        }

        .btn,
        input {
            -webkit-appearance: none;
            width: 100%;
        }

        section,
        section:last-child {
            display: none
        }

        .btn,


        * {
            font-family: Lato, sans-serif;

        }

        h1 {
            font-size: 3em;

             margin-bottom: 15px
        }

        h2 {
            font-size: 1.8em;
            margin-bottom: 10px;
            margin-top: -5px
        }

        input {
            padding: 1.65em;
            font-size: 1em;
            border: 2px solid #1abc9c;
            margin: 0;
            border-radius: 10px
        }

        input:focus,
        input:hover {
            outline: 0;
            border-color: #28e1bd
        }

        body.color-orange .btn {
           color: #fff;
            background-color: #e67e22;
            cursor: pointer;
            max-width: 100%;
            font-size: 1.8em;
            padding: 0.65em 2em;
            margin: .5em auto 0;
            text-transform: uppercase;
            outline: 0;
            border: none;
            font-weight: 900
        }

        .btn,
        section {
            border-radius: 10px
        }




        section {
            background: rgba(255, 255, 255, .9);
            text-align: center;
            float: none!important;

            padding: 30px;
            margin: auto;
            margin-top:20px;

            width: 570px;
        }
        body {
            width: 100%;
            height: 100vh;
            center center;
            background-size: cover
        }



        body.color-orange .btn:hover {
            background-color: #eb9950
        }



        body.color-orange input {
            border-color: #e67e22
        }

        body.color-orange input:focus,
        body.color-orange input:hover {
            border-color: #eb9950
        }




                @media screen and (max-width: 768px) , screen and (max-height: 500px) {
                    body {
                        overflow: auto
                    }
                    body.color-orange .btn {
                       color: #fff;
                        background-color: #e67e22;
                        cursor: pointer;
                        max-width: 100%;
                        font-size: 2.4em;
                        padding: 0.5em 1.3em;
                        margin: .5em auto 0;
                        text-transform: uppercase;
                        outline: 0;
                        border: none;
                        font-weight: 900
                    }
                    section {
                        width: 97%!important;
                        padding: 15px;
                        height: auto;
                        margin: 10px auto!important
                    }
                    h1 {
                        font-size: 2em;
                        margin-top: 0;
                        padding-bottom: 0
                    }
                    h2 {
                        font-size: 1.8em;
                    }
                    .btn {
                        font-size: 16px!important;
                        margin-top: 16px;
                        margin-bottom: 0;

                    }
                    input {
                        padding: 1.2em;
                        font-size: 1em;
                        border: 2px solid #1abc9c;
                        margin: 0;
                        border-radius: 10px
                    }
                }

                @media screen and (max-width: 500px) , screen and (max-height: 500px) {
                    body {
                        overflow: auto
                    }
                    body.color-orange .btn {
                       color: #fff;
                        background-color: #e67e22;
                        cursor: pointer;
                        max-width: 100%;
                        font-size: 2.4em;
                        padding: 0.5em 1.3em;
                        margin: .5em auto 0;
                        text-transform: uppercase;
                        outline: 0;
                        border: none;
                        font-weight: 900
                    }
                    section {
                        width: 97%!important;
                        padding: 15px;
                        height: auto;
                        margin: 10px auto!important
                    }
                    h1 {
                        font-size: 1.6em;
                        margin-top: 0;
                        padding-bottom: 0
                    }
                    h2 {
                        font-size: 1.3em;
                    }
                    .btn {
                        font-size: 16px!important;
                        margin-top: 16px;
                        margin-bottom: 0;

                    }
                    input {
                        padding: 1em;
                        font-size: 1em;
                        border: 2px solid #1abc9c;
                        margin: 0;
                        border-radius: 10px
                    }
                }

                .pop_up {
                    width: 781px;
                    margin: 0 auto;
                    height: 840px
                }

                .pop_up_left {
                    margin: 0;
                    float: left;
                    height: 828px;
                    width: 368px
                }

                .pop_up_left img {
                    margin: 0px 0px 0 170px;
                    position: absolute
                }

                .pop_up_content {
                    display: inline-block;
                    float: left;
                    padding: 92px 0 0;
                    width: 335px
                }

                .pop_up_content h2 {
                    font-family: Roboto, sans-serif;
                    font-weight: 700;
                    font-size: 31px;
                    line-height: 31px;
                    color: #fff;
                    background: #da2d2d;
                    padding: 6px 10px;
                    margin: 0 14px 0 7px;
                    display: inline-block;
                    border-radius: 5px;
                    float: left
                }

                .pop_up_content h3 {
                    font-family: 'Gochi Hand', cursive;
                    font-size: 37px;
                    line-height: 37px;
                    color: #173350;
                    padding: 0 0 3px;
                    margin: 0 0 37px;
                    float: left;
                    letter-spacing: .5px
                }

                .pop_up_content h5,
                .pop_up_content p {
                    color: #173350;
                    font-family: Roboto, sans-serif
                }

                .pop_up_content h5 {
                    font-size: 25px;
                    line-height: 25px;
                    font-weight: 400;
                    padding: 0 0 13px
                }

                .pop_up_content p {
                    font-weight: 700;
                    font-size: 28px;
                    line-height: 35px;
                    background: url(../images/down_arrow.png) center bottom no-repeat;
                    padding: 0 0 54px
                }

                .pop_up_content p span {
                    background: url(../images/amezing_bg.png) no-repeat
                }

                .pop_up_content a {
                    margin: 25px 0 0
                }

                .cross_mark {
                    display: block;
                    position: absolute;
                    margin: -30px 0px 0 -30px
                }

                .close {
                    opacity: .6
                }

                .popup-box,
                .popup-box22 {
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, .5);
                    position: absolute;
                    z-index: 9999;
                    left: 0;
                    top: 0;
                    min-width: 781px;
                    min-height: 540px
                }

                .popup-box {
                    display: none
                }

                .overlay {
                    display: table;
                    width: 100%;
                    height: 100%
                }

                .inside-box {
                    display: table-cell;
                    vertical-align: middle
                }

                .clear {
                    clear: both
                }

                .pop_up_content span {
                    color: #173350;
                    font-size: 25px;
                    display: inline;
                    padding: 0
                }


                    body{
                    }
                    .fixed-header, .fixed-footer{
                        width: 100%;
                        background: #333;
                        padding: 5px 0;
                        color: #fff;

                         text-align: center;

                    }
                    .fixed-header{
                        top: 0;
                    }
                    .fixed-footer{
                        bottom:0;


                    }
                    .container{

                        margin: 0 auto; /* Center the DIV horizontally */
                        min-height:85%;
                    }
                    nav a{
                        color: #fff;
                        text-decoration: none;
                        padding: 7px 25px;
                        display: inline-block;
                    }
