/* 
- Name: Responsive overlay menu framework
- Version: 1.0
- Latest update: 15.9.2015.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
   
}

.menu_head { font-size:17px; font-family: 'proxima_nova_ltsemibold' ; color: #e32526; padding-right:10px; letter-spacing:1px; z-index:99999999999999999999999;}


h3 {
    color: #ccc;
    text-align: ;
    margin: 0;
    padding: 10px 0 0;
}

h4 {
    color: #333;
    text-align: ;
    margin: 0;
    padding: 10px 0 0;
}


/* OPEN / CLOSE BTNS */

.menu-btn {
    position: absolute;
    top: 40px;
    left: 30px;
    z-index: 999999;
    display: inline;
    font-size: 21px;
}

.menu-btn a {
    display: inline-block;
    text-decoration: none; z-index: 999999;
    /* safari hack */
}

.btn-open:after {
    color: #fff;
    content: "\f0c9";
    font-family: 'FontAwesome';
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s; z-index: 999999;
}

.btn-open:hover:after {
    color: #fff; z-index: 999999;
}

.btn-close:after {
    color: #fff;
    content: "\f00d";
    font-family: 'FontAwesome';
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s; z-index: 999999;
}

.btn-close:hover:after {
    color: #fff; z-index: 999999;
}


/* OVERLAY */

.overlay2 {
    position: fixed;
    top: 0;
    z-index: 99999;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #333333;
}


/* RESPONSIVE */

@media screen and (max-width: 768px) {
    .menu-btn {
        right: 25px;
    }
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


.megamenu { width:90%; height:70%; margin-left:auto; margin-right:auto; position:absolute; left:0; right:0; top:15%;}
.megamenubox { width:100%; height:auto; margin-bottom:10px; margin-left:auto; margin-right:auto; text-align:center;}

.megamenubox_head { width:100%; height:auto; margin-bottom:10px; margin-left:auto; margin-right:auto; font-family: 'proxima_nova_ltsemibold'; color:#fff; font-size:19px; letter-spacing:1px; text-align:center; z-index:9999999999999999;}
.megamenubox_head a { text-decoration:none; color:#FFFFFF;  z-index:9999999999999999;}

ul.megamenu_link li { font-size:12px; display:block; list-style-type:none; text-decoration:none; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px;}
ul.megamenu_link li a { font-size:12px; display:block; list-style-type:none; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

.socialmedia_link_footer { font-size:13px; color:#fff;}

@media screen and (min-width:768px) { .megamenubox_head { font-size:35px;} ul.megamenu_link li a { font-size:18px;} }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */