/* CSS Document */
#trigger {
	text-align:center;
}

/* Style you custom popupbox according to your requirement */
.popupbox,.popupbox2,.popupbox3  {
	width:100%;
	height:100%;
	max-width: 750px;
	/*background-image:url(pu_03.png);
	background-repeat:no-repeat;*/
	display: none; 
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.popupbox2 {
	width:85%;
	max-width:700px;
	height:550px;
	/*background-image:url(pu_03.png);
	background-repeat:no-repeat;*/
	display: none; 
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	background: #fff;
}
.popupbox3 {
	width:90%;
	max-width:700px;
	height:550px;
	overflow: auto;
	/*background-image:url(pu_03.png);
	background-repeat:no-repeat;*/
	display: none; 
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	background: rgba(35,24,21,.8);
	color: #fff;
}
/*.popupbox3 {
	width:502px;
	height:302px;
	background-image:url(3_03.png);
	background-repeat:no-repeat;
	display: none;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}*/
#fade { 
	display: none; /* Hidden as default */
	background:rgba(0,0,0,.8);
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 1;
	z-index: 9999;
}
.fade { 
	display: none; /* Hidden as default */
	background:rgba(0,0,0,.8);
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 1;
	z-index: 9999;
}
#intabdiv {
	text-align: center;
    padding: 0px;
    /* display: flex; */
    float: left;
    /* align-items: center; */
        padding: 100px 14px;
    width: 90%;
    height: auto;
    color: #232323;
    background: #fff;
}
#close img {
	text-decoration:none;
}
#close {
	width:50px;
	height:50px;
	position: absolute;
	float:right;
	
}

.close{
	/*position: absolute; */
    /* right: 0; */
    /* width: 50px; */
    /* height: 50px; */
    /* border: 10px solid #ccc; */
    text-align: center;
    float: right;
    margin: 0px 0px 15px 0;
    padding: 5px;
    border:1px solid #fff;
    border-radius: 5px;
}

.close:hover{
	 cursor: pointer;
	 background:#fff;
	 color: #121212; 
}

#close:hover {
	
	background: #000;
	color: #fff;
}

#intabdiv2 {
	padding:0px;
}
#intabdiv2  h2 {
	font-size:24px;
	color:#696868;
	font-family:Verdana, Geneva, sans-serif;
}
#intabdiv2 p {
	font-size:12px;
	color:#696868;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
}

#intabdiv3 {
	padding:15px 15px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
}

#intabdiv4 {
	padding:0px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
}