@charset "UTF-8";



.popup-element{ display: inline-block;}
.popup-element{ *display: inline;}
.popup-element-title{ background: url('images/popup-icon.png') no-repeat right top; cursor: pointer; display: inline-block; padding-right: 12px; position: relative;}
.popup-title-active{ background-image: url('images/popup-icon-active.png');}
.popup-element-body{ display: none; position: absolute; text-align: left;}
.popup-element-body a.popup-close-button{ cursor: pointer; float: right;}

#popup-active-overlay{ position: absolute; z-index: 2000; top: 0; left: 0;}

table.popup-layout{ border: none;}


/* ---- Overrides ---- */

.popup-element-body table.popup-layout{ background: none; border: none;}
.popup-element-body table.popup-layout * { border: none;}
.popup-element-body table.popup-layout tr { background: none;}


/* ---- Popup menus ---- */

.popup-element-body .popup-menu-branch,
.popup-element-body .popup-menu-item,
div.popup-menu-block .popup-menu-branch,
div.popup-menu-block .popup-menu-item{ display: block;}

.popup-menu-branch .popup-menu-branch-title{ cursor: default;}

/* ---- Nodes ---- */

.popup-element-body .node{ border-bottom: 0; margin: 0; padding: 0;}


/* ---- Ajax ---- */

.popup-ahah-placeholder{ background: url('/misc/throbber.gif') no-repeat right -15px; height: 20px;}


/* ---- Script disabled ---- */

.popup-element-noscript a.popup-close-button{ display: none;}
.popup-element-noscript .popup-element-title{ position: static;}
.popup-element-noscript:hover{ position: relative;}
.popup-element-noscript:hover .popup-element-body{ display: block;}
.popup-element-noscript:hover .popup-element-body .popup-element-body{ display: none;}

.popup-element-noscript .origin-top-left.expand-top-left{ bottom: 100%; right: 100%;}
.popup-element-noscript .origin-top-left.expand-top-right{ bottom: 100%; left: 0;}
.popup-element-noscript .origin-top-left.expand-bottom-left{ top: 0; right: 100%;}
.popup-element-noscript .origin-top-left.expand-bottom-right{ top: 0; left: 0;}

.popup-element-noscript .origin-top-right.expand-top-left{ bottom: 100%; right: 0;}
.popup-element-noscript .origin-top-right.expand-top-right{ bottom: 100%; left: 100%;}
.popup-element-noscript .origin-top-right.expand-bottom-left{ right: 0; top: 0;}
.popup-element-noscript .origin-top-right.expand-bottom-right{ left: 100%; top: 0;}

.popup-element-noscript .origin-bottom-left.expand-top-left{ bottom: 0; right: 100%;}
.popup-element-noscript .origin-bottom-left.expand-top-right{ bottom: 0; left: 0;}
.popup-element-noscript .origin-bottom-left.expand-bottom-left{ right: 100%; top: 100%;}
.popup-element-noscript .origin-bottom-left.expand-bottom-right{ top: 100%; left: 0; }

.popup-element-noscript .origin-bottom-right.expand-top-left{ bottom: 0; right: 0;}
.popup-element-noscript .origin-bottom-right.expand-top-right{ bottom: 0; left: 100%; }
.popup-element-noscript .origin-bottom-right.expand-bottom-left{ right: 0; top: 100%; }
.popup-element-noscript .origin-bottom-right.expand-bottom-right{ top: 100%; left: 100%; }

.popup-element-noscript .width-100 .inner{ width: 100px;}
.popup-element-noscript .width-150 .inner{ width: 150px;}
.popup-element-noscript .width-200 .inner{ width: 200px;}
.popup-element-noscript .width-250 .inner{ width: 250px;}
.popup-element-noscript .width-300 .inner{ width: 300px;}
.popup-element-noscript .width-350 .inner{ width: 350px;}
.popup-element-noscript .width-400 .inner{ width: 400px;}
.popup-element-noscript .width-450 .inner{ width: 450px;}
.popup-element-noscript .width-500 .inner{ width: 500px;}

.popup-element-noscript .popup-ahah-placeholder{ display: none;}

    fieldset {
        border: medium none !important;
        margin: 0 0 10px;
        min-width: 100%;
        padding: 0;
        width: 100%;
    }

    ::-webkit-input-placeholder {
        color:#888;
    }
    :-moz-placeholder {
        color:#888;
    }
    ::-moz-placeholder {
        color:#888;
    }
    :-ms-input-placeholder {
        color:#888;
    }
    .modal-body h3{
        color: #e54c4c;
        display: block;
        font-size: 24px;
        font-weight: 400;
        line-height: normal;
        margin: 0 0 15px;
    }
    .modal-body h4 {
        color: #888;
        display: block;
        font-size: 13px;
        line-height: normal;
        margin: 5px 0 15px;
    }

    .my-modal-box .top-modal{
        background: #e54c4c;
        text-align: center;
        height: 135px;
    }
    .my-modal-box .modal-body{
        background: #efefef;
        padding: 15px;
        margin: 0 30px;
        margin-top: -30px;
    }
    .my-modal-box .white-30{
        content: "";
        height: 30px;
        background: #fff;
    }
    .my-modal-box .modal-left span{
        font-size: 22px;
        line-height: 33px;
        text-transform: uppercase;
        font-weight: 300;
    }
    .my-modal-box .modal-right span input{
        width: 100%;
        border-radius: 4px;
        border: none;
        padding: 8px 15px;
        font-size: 15px;
    }
    .my-modal-box .modal-bottom{
        text-align: center;
    }
    .my-modal-box .title{
        text-transform: uppercase;
        text-align: center;
        color: #202020;
        font-size: 30px;
        padding: 20px 0;
    }
    .my-modal-box .item{
        padding: 10px 0;
    }
    .my-modal-box .sale-modal{
        background: #202020;
        color: #fff;
        border: none;
        padding: 15px 50px;
        font-size: 30px;
        font-weight: 300;
        letter-spacing: 2px;
        margin-top: 25px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    .my-modal-box .popup-modal-dismiss{
        color: #fff;
        font-size: 60px;
        position: absolute;
        top: 0px;
        right: 17px;
    }
    .my-modal-box img{
        padding-top: 22px;
    }
    .my-modal-box .btn-danger{
        color: red;
        background-color: transparent;
        border-color: transparent;
    }
    .my-modal-box .btn-success {
        color: #fff;
        background-color: #e54c4c;
        border-color: #e54c4c;
        border-radius: 0;
        padding: 10px;
    }
    .my-modal-box fieldset:last-child{
        text-align: center;
    }
    .my-modal-box .close{
        opacity: 1;
    }
    .my-modal-box {
        background: #FFF;
        /* padding: 20px 30px; */
        text-align: left;
        max-width: 650px;
        margin: -10px auto;
        position: relative;
    }
    .my-modal-box .ion-ios-close-empty:hover{
        cursor: pointer;
    }
    .my-modal-box .ion-ios-close-empty{
        position: absolute;
        right: -5px;
        top: -5px;
    }
    #my-modal-l .mfp-close,
    #my-modal-2 .mfp-close,
    #my-modal-3 .mfp-close {
        color: transparent!important;
    }