.pWrapper .pWin.angularTemplate{

    visibility:hidden;

}



.pWrapper{

    position:fixed;

    top:0px;

    left:0px;

    width:100%;

    height:100%;

    display:block;

    overflow:hidden;

    z-index:999999999;

}


#myPopupWin{
    background: #fff2d9;
}


.flex{

    width:100%;

    height:100%;

    display:-webkit-flex;

    display:flex;

    justify-content:center;

    -webkit-flex-direction:column;

    flex-direction:column;

}



.pWrapper .pBg{

    position:absolute;

    top:0px;

    left:0px;

    width:100%;

    height:100%;

    display:block;

    background:#333;

    opacity:0.5;

    z-index:1000;

}



[dir="rtl"] .pWrapper .pBg{

    right:0;

    left:auto;

}



.pWrapper .pWin{

    position:relative;

    float:none;

    margin:0px auto;

    width:96%;

    max-height:90%;

    max-width:1100px;

    background:rgba(255,255,255,.95);

    z-index:10001;

    border:1px solid #eee;

    box-shadow:0 0 10px rgba(0, 0, 0, 0.5);

    border-radius:0;

}



.pWrapper .pWin.overflow{

    height:90%;

}

div#cartPopup .pText.col.col-12 {
    height: 100%;
    overflow-y: auto;
}


.pWrapper .pWin.withBtn{

    padding-bottom:61px;

}



.pWrapper .pWin.overflow img{

    max-width:100%;

}



.pWrapper .pWin .pText{

    position:relative;

    width:100%;

    float:left;

    padding:2px 10px;

    box-sizing:border-box;

    margin:0px;

    overflow-y:scroll;

    -webkit-perspective:0;

    -webkit-overflow-scrolling:touch;

}



.pWrapper .pWin.overflow .pText{

    position:absolute;

    width:calc(100% - 20px);

    height:calc(100% - 20px);

    overflow-y:scroll;

    -webkit-overflow-scrolling:touch;

}



.pWrapper .pWin.withBtn .pText{

    height:calc(100% - 70px);

}



.pWrapper .pWin .pText img{

    margin:0 auto;

}



.panelPopupTitle{

    font-size:20px;

    padding:0 0 10px;

}



.pWrapper .pWin .pButtons{

    position:absolute;

    overflow:hidden;

    z-index:1234;

    bottom:10px;

    left:10px;

    right:10px;

    padding:10px 0 0;

}



.pWrapper .pWin.debugActive .pButtons,

.pWrapper .pWin.debugActive .pClose{

    display:none;

}



.pWrapper .pWin.debugActive{

    height:32px !important;

    padding:0px !important;

}



.pWrapper .pWin.debugActive .pText{

    line-height:30px;

    margin:0px;

    text-align:center;

    overflow:hidden;

    white-space:nowrap;

}



.pWrapper .pClose{

    position:absolute;

    top:-37px;

    right:-1px;

    width:36px;

    height:36px;

    z-index:333;

    cursor:pointer;

    background:rgba(255,255,255,.95);

    box-shadow:0 -5px 10px 0px rgba(0, 0, 0, 0.2);

}



.pWrapper .pClose:before{

    content:'x';

    float:left;

    width:36px;

    height:36px;

    line-height:36px;

    font-size:17px;

    text-align:center;

    font-weight:600;
    color: #000;

}



[dir="rtl"] .pWrapper .pClose{

    right:auto;

    left:-1px;

}



.br5{

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

}



.hideThis{

    display:none;

}



.popupClose,

.close{

    position:absolute;

    top:-15px;

    right:-15px;

    width:30px;

    height:30px;

    z-index:333;

    cursor:pointer;

}



.popupClose:before,

.close:before{

    content:'x';

    float:left;

    width:30px;

    height:30px;

    line-height:30px;

    font-size:17px;

    text-align:center;

    font-weight:600;

}



#lightContent{

    text-align:center;

    min-width:150px;

    min-height:150px;

}



#lightControl{

    position:absolute;

    top:50%;

    left:10px;

    right:10px;

    height:30px;

    margin-top:-15px;

}



#lightControl span{

    width:30px;

    height:30px;

    background-repeat:no-repeat;

    cursor:pointer;

}



#prevLight{

    content:'\e81c';

    line-height:30px;

    color:inherit;

    font-family:'tsoft';

    font-style:normal;

    font-weight:normal;

    text-decoration:inherit;

    font-variant:normal;

    text-align:center;

    text-transform:none;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    speak:none;

}



#nextLight{

    content:'\e81d';

    line-height:30px;

    color:inherit;

    font-family:'tsoft';

    font-style:normal;

    font-weight:normal;

    text-decoration:inherit;

    font-variant:normal;

    text-align:center;

    text-transform:none;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    speak:none;

}



.popupTitle,

.videoTitle{

    border-bottom:1px solid #ececec !important;

    font-size:16px !important;

    color:#666 !important;

    padding-left:0 !important;

    padding-right:0 !important;

    font-weight:600;

}



.popupBtns,

.modal-footer{

    border-top:1px solid #ececec;

}



.memberPopupWrapper{

    max-width:580px;

}



.memberPopupWrapper .col,

.memberPopupWrapper .box{

    margin:0;

}



.memberPopupWrapper .popupInnerBlock{

    width:100%;

}



.videoPopup{

    width:668px;

    margin-top:-10px;

    margin-bottom:-10px;

}



.popupMain,

.popupTitle,

.popupInner,

.popupBtns{

    clear:both;

    width:100%;

}



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



    .ie .pWrapper .pWin.overflow{

        margin-top:40px !important;

    }



}



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



    .pWrapper .pClose{

        box-shadow:none;

    }



    body:not(.flexPopup) .pWrapper .pClose{

        top:5px;

        right:10px;

    }



    body:not(.flexPopup) .pWrapper .pWin{

        width:100% !important;

        height:100% !important;

        max-width:none;

        max-height:none;

        border-radius:0;

    }



    .pWrapper .pWin{

        max-width:90%;

    }



    .pWrapper .pWin .pButtons{

        padding-top:0;

    }



    .pWrapper .pWin .pButtons button{

        margin-top:10px;

    }



    .pWrapper .pWin.withBtn .pText{

        height:100%;

    }



    .pWrapper .pWin.overflow .pText{

        position:relative;

        width:100%;

    }



}