.trm-popup-wrapper{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	left:0;
	z-index:999999;
	background-color:rgba(0,0,0,0.2);
	display:none;
	/* Center vertically */
   align-items: center;

   /*Center horizontaly */
   justify-content: center;

   /*Center horizontaly ie */
   -ms-flex-pack: center;
   flex-direction: column;
}
.trm-popup-wrapper.active{
   display: block;   
}
.trm-popup{
	position:relative;
	top: 50%;
}
body.trm-popup-active{
	/*overflow: hidden;
	padding-right: 17px;*/
}

body .modal .modal-content{
	background-color: #FFF;
	margin: auto;
	padding: 0;
	width: 80%;
	position: relative;
	border-top: 4px solid #228848 ;
	max-width: 800px;
	box-shadow: 0 6px 20px 0 rgba(0,0,0,.6);
	border-radius: 10px;
	top: 50%;
}
body .modal .modal-content .modal-body{
	padding:15px 30px 30px;
	text-align: center;
}

body .modal .modal-content .modal-body p{
	padding:15px 30px 30px;
	text-align: center;
	color: black;
}

body .modal .modal-content .close{
	position: absolute;
	top: -40px;
	right: -40px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
}

body .modal .modal-content .close::after{
	color: #FFF;
	content: "x";
	font-size: 24px;
	font-family:"Open Sans",sans-serif;
	font-weight: 300;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	display: inline-block;
	background-color: transparent;
}