/* site links */

.site_map {
    width: 100%;
    height: auto;
    background-color: #633668;
    position: relative;
    overflow: hidden;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.site_map .go_up {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: +3;
    font-size: 50px;
    color: white;
}

.site_map .go_up:hover {
    color: #ddd;
    cursor: pointer;
}

.site_map .over-payment {
    float: left;
    width: 40%;
    height: 270px;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 8%;
    margin-left: 3%;
}

.site_map .over-payment h2 {
    color: white;
    float: left;
    margin-left: 5%;
}

.site_map .over-payment .s_between {
    width: 100%;
    height: 2px;
    overflow: hidden;
}

.site_map .over-payment a {
    color: white;
    margin-left: 15%;
}

.site_map .over-payment p {
    font-size: 17px;
    color: white;
    margin-left: 5%;
}

.site_map .over-payment #bigp,
i {
    font-size: 25px;
    font-weight: bold;
    color: white;
}

.site_map .over-payment .visa {
    margin-top: 8px;
}


/*
.site_map .over-payment #methods {
    color: white;
    font-size: 35px;
    margin-top: -12px;
}
*/

.site_map .links {
    float: left;
    width: 15%;
    height: 270px;
}

.site_map .links h2 {
    color: white;
    margin-left: 30px;
}

.site_map .links .ul {
    list-style-type: none;
    width: 100%;
    height: 100%;
    text-align: left;
}

.ul li {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    text-decoration: none;
    color: rgb(248, 234, 234);
}

.ul a {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    text-decoration: none;
    color: rgb(248, 234, 234);
}

.footer_link {
    width: 100%;
    height: 1px;
    background-color: white;
}

.footer {
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: #82569b;
    padding-top: 2px;
}

.footer p {
    color: white;
    margin-top: 5px;
}

.footer img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.footer a {
    color: white;
}

.footer a:hover {
    color: #ddd;
}

@media only screen and (min-width:280px) and (max-width:350px) {
    .site_map .over-payment {
        display: none;
    }
    .site_map .links {
        width: 100%;
    }
    .site_map .links .ul {
        margin-left: 0px;
    }
    .site_map .links .ul ul li a {
        margin-left: 0px;
        width: 100%;
    }
    .footer {
        height: 50px;
    }
}

@media only screen and (min-width:351px) and (max-width:450px) {
    /* footer*/
    .site_map .over-payment {
        display: none;
    }
    .site_map .links {
        width: 100%;
    }
    .site_map .links .ul {
        margin-left: 0px;
    }
    .site_map .links .ul ul li a {
        margin-left: 0px;
        width: 100%;
    }
    .footer {
        height: 50px;
    }
}

@media only screen and (min-width:451px) and (max-width:550px) {
    /* footer*/
    .site_map .over-payment {
        display: none;
    }
    .site_map .links {
        width: 40%;
    }
    .site_map .links .ul {
        margin-left: 0px;
    }
    .site_map .links .ul ul li a {
        margin-left: 0px;
        width: 100%;
    }
    .footer {
        height: 50px;
    }
}

@media only screen and (min-width:551px) and (max-width:650px) {
    /* footer*/
    .site_map .over-payment {
        display: none;
    }
    .site_map .links {
        width: 30%;
    }
    .site_map .links .ul {
        margin-left: 0px;
    }
    .site_map .links .ul ul li a {
        margin-left: 0px;
        width: 100%;
    }
    .footer {
        height: 50px;
    }
}

@media only screen and (min-width:651px) and (max-width:750px) {
    /* footer*/
    .site_map .over-payment {
        display: none;
    }
    .site_map .links {
        width: 30%;
    }
    .site_map .links .ul {
        margin-left: 0px;
    }
    .site_map .links .ul ul li a {
        margin-left: 0px;
        width: 100%;
    }
    .footer {
        height: 50px;
    }
}

@media only screen and (min-width:751px) and (max-width:900px) {
    /* footer*/
    .site_map .over-payment {
        width: 60%;
        margin-left: 1%;
    }
    .site_map .over-payment h2 {
        display: none;
    }
    .site_map .h {
        display: none;
    }
    .site_map .links .ul {
        margin-left: 0px;
    }
    .site_map .links .ul ul li a {
        margin-left: 0px;
        width: 100%;
    }
    .footer {
        height: 50px;
    }
}

@media only screen and (min-width:901px) and (max-width:1200px) {
    .site_map .over-payment {
        width: 60%;
        margin-left: 1%;
    }
    .site_map .over-payment h2 {
        display: none;
    }
    .site_map .h {
        display: none;
    }
    .site_map .links .ul {
        margin-left: 0px;
    }
    .site_map .links .ul ul li a {
        margin-left: 0px;
        width: 100%;
    }
    .footer {
        height: 50px;
    }
}