body.pgwModalOpen {
    overflow: hidden;
}

#pgwModalBackdrop {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9000;
}

.pgwModalMapBackdrop {
    top: 0 !important;
	left: 0 !important;
	background: #000;
	opacity: 0.6;
}

#pgwModal {
    position: absolute;
    z-index : 9010;
    overflow: hidden;
    text-align: center;
	width: 100%;
	height: 100%;
}

#pgwModalMap {
    position: absolute;
    top: 0;
    z-index : 9010;
    overflow: hidden;
    text-align: center;
	width: 100%;
	height: 100%;
}

#pgwModal .pm-container {
    margin: 10px;
}

#pgwModal .pm-body {
    display: inline-block;
    max-width: 800px;
    min-width: 300px;
    position: relative;
    width: 100%;
    z-index: 9020;
    margin-top: 40px !important;
}
#pgwModalMap .pm-body {
    display: inline-block;
    /* max-width: 100% !important; */
    min-width: 300px;
    position: relative;
    width: 100%;
	height: 100%;
    z-index: 9020;
	margin-top: 0px !important;
}
/**
 * NOTICE:
 * If you want to update the modal rendering, please only edit the content below.
 * And if you update a class name, remember to specify it in the plugin configuration.
 * Please don't change the class names prefixed by "pm-".
 */

.pgwModalBackdrop {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwModal .pm-body {
    background-color: #fff;
    border-radius: 20px;
	border: 3px solid #000;
}

.pgwModal .pm-title {
    background: #fff;
	color: #000;
    padding: 5px 0 6px;
    border-radius: 20px 20px 0 0;
	font-size: 22px;
	min-height: 25px;
	font-weight: 600;
	line-height: 25px;
}

.pgwModal .pm-content {
    background: #fff;
    border-radius: 20px;
}
.pm-content video {
	margin-bottom: 30px;
}
.pgwModal .pm-close {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 3px;
}

.pgwModal .pm-close span.pm-icon {
    background-image: url('/wp-content/plugins/smartbook/image/close-btn.svg');
    display: block;
    height: 32px;
    width: 32px;
}

/*black theme */
.pgwModal-black .pm-body {
    background-color: #000;
    border-radius: 20px;
	border: 3px solid #fff;
}
.pgwModal-black .pm-title {
    background: #000;
	color: #fff;
    padding: 5px 0 6px;
    border-radius: 20px 20px 0 0;
	font-size: 18px;
	min-height: 25px;
	font-weight: 600;
	line-height: 25px;
}
.pgwModal-black .pm-content {
	background: #000;
	border-radius: 20px;
	max-height: 722px;
	overflow: auto;
}
.pgwModal-black .pm-close {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 3px;
}
.pgwModal-black .pm-close span.pm-icon {
    background-image: url('/wp-content/plugins/smartbook/image/close-btn.svg');
    display: block;
    height: 32px;
    width: 32px;
	background-repeat: no-repeat;
	background-size:32px;
}

/*full theme*/

.pgwModal-full .pm-container, .pgwModal-full .pm-content {
	width: 100%;
	height: 100%;
}
.pgwModal-full .pm-close {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 3px;
	z-index: 10;
}
.pgwModal-full .pm-close span.pm-icon {
    background-image: url('/wp-content/plugins/smartbook/image/close-btn.svg');
    display: block;
    height: 32px;
    width: 32px;
	background-repeat: no-repeat;
}


 /* #pgwModalMap .pm-body {   */
    /* max-width: 1000px !important;        */
    /* min-height: 400px !important; */
    /* max-height: 460px;    */
    /* border-radius: 20px; */
    /* border: 3px solid #fff; */
	/* background: #000; */
	/* perspective-origin: 460px; */
	/* -webkit-perspective: 460px; */
    /* perspective: 460px; */
    /* -webkit-perspective-origin: 50% 40%; */
	/* zoom:100%; */
	/* overflow:hidden; */
	
/* }  */

#pgwModalMap .pm-body {
    max-width: 1140px !important;
    min-height: 650px;
    max-height: 650px;
    margin-top: 5% !important;
    border-radius: 20px;
    border: 3px solid #fff;
	background: #000;
}
.pgwModal-full .pm-title {
    background: #000;
    color: #fff;
    padding: 5px 0 6px;
    border-radius: 20px 20px 0 0;
    font-size: 18px;
    min-height: 25px;
    font-weight: 600;
    line-height: 25px;
	display:block !important;
}
.pgwModal-full .pm-content {
    margin-bottom: 20px;
}
.button-view.map{display:none;}
.map_canvas {
     width: 1090px;
    height: 595px;
    display: inline-block;
}

/*SlideShow-width setting End*/
.slideshow-temp-cls #pgwModal .pm-container {    
    /*height: 100%;
    width: 99%;*/
	width:97%;
	margin:0 1%;
}
/*.slideshow-temp-cls #pgwModal .pm-body {    
    max-width: 1000px !important;    
    width: 100%;        
    min-height: 598px;
    max-height: none;
}*/

.termsandcondition .pm-content {
    max-height: 55vh;
    overflow: auto;
    margin: 0 10px;
    border-radius: 0 0 20px 20px;
}

/*SlideShow-width setting End*/


@media screen and (min-width: 240px) and (max-width: 480px) {
.slides {/*zoom: 0.38 !important;*/}

}


@media screen and (min-width: 240px) and (max-width: 1024px) {
.slideshow-temp-cls .reveal .slides{
/*width: 100% !important;
height: 100% !important;*/
}

.slideshow-temp-cls #pgwModal .pm-body {    
min-height: auto;
max-height: none;
width: 96% !important;
}

#pgwModalMap .pm-body {
    max-width: 1000px !important;
	width:96%;
    min-height: 480px;
    max-height: none;
		height:auto;
}
.map_canvas {    
    height: 500px;
	width:96%;
}	

}

@media screen and (max-width: 812px) and (orientation: landscape) {
#pgwModalMap .pm-body {min-height: 275px;}
.map_canvas {height: 217px;}	
	
}

@media screen and (min-width: 568px) and (max-width: 767px) {
#pgwModalMap .pm-body {
    max-width: 95% !important;    
    min-height: 267px;    
}
.map_canvas {
    height: 255px;  
		
}
	
	
}

@media screen and (min-width: 240px) and (max-width: 479px) and (orientation: landscape) {
#pgwModalMap .pm-body {
    max-width: 95% !important;    
    min-height: 267px;    
}
.map_canvas {
    height: 215px;  
		
}
	
}

@media screen and (min-width: 480px) and (max-width: 567px) {
#pgwModalMap .pm-body {
    max-width: 95% !important;    
    min-height: 267px;    
}
.map_canvas {
    height: 266px;  
		
}
	
}


@media screen and (min-width: 775px) and (max-width: 1366px) {
.slideshow-temp-cls #pgwModal .pm-body {    
    max-width: 1000px !important;    
    width: 100%;            
    max-height: none;
}
	
	
}