.melibu_modal_social {

    content: ""; 

    visibility: hidden;

    position: fixed;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 

    z-index: 99999999;

    background: rgba(0,0,0,.6);

    .transition(all .2s ease);
    .box-sizing();

    .mb_modal_dialog {

        position: fixed; 
        top: -50%;
        left: 40%; 

        z-index: 11; 

        width: 90%;
        max-height: 90%;
        margin: 0 0 0 -35%;

        border: @gray solid 1px;
        background: #fefefe;

        .border-radius(5px);
        .transition-transform(~"0.3s ease-out");
        .transition(all .3s ease);
        .translate(0, 0); 

        .box-sizing();

        .mb_modal_body {

            padding: @space/2;

            p {

                margin: 0;
                padding: 0;
            }
        }

        .mb_modal_header,
        .mb_modal_footer {

            padding: @space/4 @space/2;
        }

        .mb_modal_header {

            border-bottom: @gray-lighter solid 1px;

            h3 {

                margin: 0;
                padding: 0;
                font-size: 2rem;
                text-align: center;
            }
        }

        .mb_modal_footer {

            overflow:hidden;
            border-top: @gray-lighter solid 1px;
            text-align: right;

            .mb_modal_abort, .mb_modal_download, .mb_modal_subscribe_btn {

                float: right;
                margin: .1em;
                padding: .3em 1em;
                color: #000000;
                text-decoration: none;
                cursor: pointer;

                .opacity(.8);

                &:hover {

                    .opacity(1);
                }
            }

            .mb_modal_abort {

                background: -webkit-gradient(linear, left top, left bottom, from(#ff9782), to(#d83c22));
                background: -moz-linear-gradient(#ff9782, #d83c22);
                background-color: #d83c22;
                border: 1px solid #c93f27;

                i {

                    color: #fbfbfb;
                }

                a {

                    color: #fbfbfb;
                    text-shadow: 0 1px 0 #c93f27;
                }
            }
        }
    }
}

#modal_closer:target {

    .melibu_modal_social {

        visibility: hidden;
        .transition(all .2s ease);

        .mb_modal_dialog {

            top: -50%;
            .transition(all .2s ease);
        }
    }
}

.mb_modal_without_js {

    content: ""; 

    position: fixed;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 

    z-index: 99999999;

    background: rgba(0,0,0,.6);

    .transition(all .2s ease);
    .box-sizing();

    .mb_modal_dialog {

        position: fixed; 
        top: 25%;
        left: 50%; 

        z-index: 11; 

        width: 70%;
        max-height: 90%;
        margin: 0 0 0 -35%;

        border: @gray solid 1px;
        background: #fefefe;

        .border-radius(5px);
        .transition-transform(~"0.3s ease-out");
        .transition(all .3s ease);
        .translate(0, 0); 

        .box-sizing();

        .mb_modal_body {

            padding: @space/2;
            text-align: center;

            p {

                margin: 0;
                padding: 0;
            }

            .mb_modal_errors {

                overflow: hidden;
                width: 100%;
                margin: 0 auto;
                color: red;

                .box-sizing();
            }

            .st_download_copy {

                float: left;
                width:100%;
            }
        }

        .mb_modal_header,
        .mb_modal_footer {

            padding: @space/4 @space/2;
        }

        .mb_modal_header {

            border-bottom: @gray-lighter solid 1px;

            h3 {

                margin: 0;
                padding: 0;
                font-size: 2rem;
            }
        }

        .mb_modal_footer {

            overflow:hidden;
            border-top: @gray-lighter solid 1px;
            text-align: right;

            .mb_modal_abort, .mb_modal_download, .mb_modal_subscribe_btn {

                float: right;
                margin: .1em;
                padding: .3em 1em;
                color: #000000;
                text-decoration: none;

                .opacity(.8);

                &:hover {

                    .opacity(1);
                }
            }
        }
    }
}

@media only screen and(min-width:768px) {

    .melibu_modal_social {

        .mb_modal_dialog {

            .mb_modal_body {

                .mb_share_social_safe {
                    
                    text-align: center;
                }
            }
        }
    }
}