.sj_popup_wrap .sj-popup {
    position: fixed;
    height: auto;
	z-index:20;
	opacity:0;
}

.sj_popup_wrap .sj-popup.popup-show{
	 -webkit-animation: swing 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: swing 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: swing 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: swing 1s 1 cubic-bezier(0.77,0,.175,1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    };
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    };
}


.sj_popup_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 1px;
    z-index: 20;
    opacity: 0;
}

.sj_popup_wrap .popup-center {
    top: 50%;
    left: 50%;
}

.sj_popup_wrap .popup-bottom-left {
    bottom: 0px;
    left: 0px;
}

.sj_popup_wrap .popup-bottom-right {
    bottom: 0px;
    right: 0px;
}

.sj_popup_wrap .popup-bottom-fullsize {
    bottom: 0px;
    left: 0px;
}

.sj_popup_wrap .sj-popup .relative {
    position: relative;
}


.sj_popup_wrap .sj-popup .relative .sj-close-popup {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 27px;
    height: 25px;
    background: url('../images/icon-close.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
}

.sj_popup_wrap .popup-center img {
    position: absolute;
    bottom: 100%;
    margin-bottom: 0px;
    left: 26%;
}

.sj_popup_wrap .popup-center p,
.sj_popup_wrap .popup-center h3 {
    color: #fff;
    margin-left: 10px;
}

.sj_popup_wrap .sj_popup_overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 14;
	height:0;
}

@media all and (max-width: 767px) {
	.sj_popup_wrap{
		display:none!important;
	}
	.sj_popup_wrap .popup-center{
		display:none!important;
	}
	
	.sj_popup_wrap .popup-center .relative {
		display:none!important;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 
	.sj_popup_wrap{
		display:none!important;
	}
	.sj_popup_wrap .popup-center{
		display:none!important;
	}
	
	.sj_popup_wrap .popup-center .relative {
		display:none!important;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 
   .sj_popup_wrap{
		display:none!important;
	}
	.sj_popup_wrap .popup-center{
		display:none!important;
	}
	
	.sj_popup_wrap .popup-center .relative {
		display:none!important;
	}
}


@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { 
   .sj_popup_wrap{
		display:none!important;
	}
	.sj_popup_wrap .popup-center{
		display:none!important;
	}
	
	.sj_popup_wrap .popup-center .relative {
		display:none!important;
	}
}



@media screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3){
	.sj_popup_wrap{
		display:none!important;
	}
	.sj_popup_wrap .popup-center{
		display:none!important;
	}
	
	.sj_popup_wrap .popup-center .relative {
		display:none!important;
	}
}


@media screen 
    and (min-device-width : 1080px) 
    and (max-device-width : 1920px) 
    and (min-resolution: 401dpi) 
    and (device-aspect-ratio:16/9) 
{ 

	.sj_popup_wrap{
		display:none!important;
	}
	.sj_popup_wrap .popup-center{
		display:none!important;
	}
	
	.sj_popup_wrap .popup-center .relative {
		display:none!important;
	}
}