/* PopUpMe v1.1.3  |  (c) 2014  | Kirtan Thakkar */


.popupme-background {
	
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: black;
	z-index: 1001;
}

/* Now PopUp CSS */

.popupme
{
	background-color:white;
	position:fixed;
	left:0px;
	top:0px;
	width:600px;
	box-shadow: 0px 0px 15px #FFFFFF;
	z-index:1005;
	border-radius:5px;
	overflow:hidden;
	letter-spacing:0px;
	line-height:1;
}

.popupme .popupme-title
{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin:2px;
	padding:10px;
	font-family:Verdana;
	font-size:22px;
	color:white;
	background-color:#ff6a00;
	overflow:hidden;
}	

.popupme .popupme-text
{
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	margin-top:-3px;
	padding:10px;
	line-height: 130%;
	font-family:Verdana;
	border:1px solid #ff6a00;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	overflow-y:auto;
}

.popupme .popupme-close
{
	position:absolute;
	right:10px;
	top:5px;
	font-family:Verdana;
	font-size:20px;
	text-align:center;
	color:White;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:20px;
}

.popupme .popupme-close:hover
{
	cursor:pointer;
	color:#DEDEDE;
}

.popupme-hide
{
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear .5s,opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.popupme-show
{
	opacity:1;
	visibility:visible;
	transition:visibility 0s linear .5s,opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition-delay:0s;
}

.popupme-show-5
{
	opacity:0.5;
	visibility:visible;
	transition:visibility 0s linear .5s,opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition-delay:0s;
}


/* Animation Class Resetting */
.popupme-opacity-0
{
	visibility:hidden;
	opacity:0;
}
/* Animation for setting initial value and adding and removing animations*/

/* ------- Fade-in Effect -------*/
.popupme-fadein
{
	opacity:1;
	visibility:visible;
	
	-webkit-transition:opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition:opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition:opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.popupme-fadein-remove
{
	-webkit-transition:opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
				visibility 0s linear .5s;
	-moz-transition:opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
				visibility 0s linear .5s;
	transition:opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
				visibility 0s linear .5s;
	visibility:hidden;
}


/*------- Zoom-in Effect --------*/
.popupme-zoomin-set
{
	transform:scale(2,2);
	-moz-transform:scale(2,2);
	-webkit-transform:scale(2,2);
}

.popupme-zoomin-remove
{
	-webkit-transition:-webkit-transform .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		opacity .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		visibility 0s linear .5s;
	-moz-transition:-moz-transform .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		opacity .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		visibility 0s linear .5s;
	transition:transform .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		opacity .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		visibility 0s linear .5s;
	visibility:hidden;
}

.popupme-zoomin
{
	opacity:1;
	visibility:visible;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	
	-webkit-transition:-webkit-transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
		opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition:-moz-transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
		opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition:transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
		opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

/*------- Zoom-out Effect -------*/
.popupme-zoomout-set
{
	transform:scale(0,0);
	-moz-transform:scale(0,0);
	-webkit-transform:scale(0,0);
}

.popupme-zoomout-remove
{
	-webkit-transition:-webkit-transform .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		opacity .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		visibility 0s linear .5s;
	-moz-transition:-moz-transform .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		opacity .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		visibility 0s linear .5s;
	transition:transform .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		opacity .5s cubic-bezier(0.190, 1.000, 0.000, 0.980),
		visibility 0s linear .5s;
	visibility:hidden;
}

.popupme-zoomout
{
	opacity:1;
	visibility:visible;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	
	-webkit-transition:-webkit-transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
		opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition:-moz-transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
		opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition:transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000),
		opacity .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}


/*------- Rotate Effect -------*/
.popupme-rotate-set
{
	transform:rotate(-720deg) scale(2,2);
	-moz-transform:rotate(-720deg) scale(2,2);
	-webkit-transform:rotate(-720deg) scale(2,2);
}

.popupme-rotate-remove
{
	-webkit-transition:-webkit-transform .5s ease-out,
		opacity .5s ease-out,
		visibility 0s linear .5s;
	-moz-transition:-moz-transform .5s ease-out,
		opacity .5s ease-out,
		visibility 0s linear .5s;
	transition:transform .5s ease-out,
		opacity .5s ease-out,
		visibility 0s linear .5s;
	visibility:hidden;
}

.popupme-rotate
{
	opacity:1;
	visibility:visible;
	transform:rotate(0deg) scale(1,1);
	-moz-transform:rotate(0deg) scale(1,1);
	-webkit-transform:rotate(0deg) scale(1,1);
	
	-webkit-transition:-webkit-transform .5s ease-out,
		opacity .5s ease-out;
	-moz-transition:-moz-transform .5s ease-out,
		opacity .5s ease-out;
	transition:transform .5s ease-out,
		opacity .5s ease-out;
}

/*------- Slide-top , Slide-bottom , Slide-top-bottom and Slide-bottom-top Effect -------*/

.popupme-slidetopbottom-remove
{	
	-webkit-transition:top .2s ease-out,
		opacity .2s ease-out,
		visibility 0s linear .2s;
	-moz-transition:top .2s ease-out,
		opacity .2s ease-out,
		visibility 0s linear .2s;
	transition:top .2s ease-out,
		opacity .2s ease-out,
		visibility 0s linear .2s;
	visibility:hidden;
}

.popupme-slidetopbottom
{
	visibility:visible;
	opacity:1;
	
	-webkit-transition:top .2s ease-out,
		opacity .2s ease-out;
	-moz-transition:top .2s ease-out,
		opacity .2s ease-out;
	transition:top .2s ease-out,
		opacity .2s ease-out;
}

/*------- Slide-left , Slide-right , Slide-left-right and Slide-right-left Effect -------*/

.popupme-slideleftright-remove
{	
	-webkit-transition:left .2s ease-out,
		opacity .2s ease-out,
		visibility 0s linear .2s;
	-moz-transition:left .2s ease-out,
		opacity .2s ease-out,
		visibility 0s linear .2s;
	transition:left .2s ease-out,
		opacity .2s ease-out,
		visibility 0s linear .2s;
	visibility:hidden;
}

.popupme-slideleftright
{
	visibility:visible;
	opacity:1;
	
	-webkit-transition:left .2s ease-out,
		opacity .2s ease-out;
	-moz-transition:left .2s ease-out,
		opacity .2s ease-out;
	transition:left .2s ease-out,
		opacity .2s ease-out;
}