*{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	font-family: 'Lato', sans-serif;
	width: 100%;
	overflow: hidden; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#wrapper {
text-align: center;
width: 100%;
}

#animated_div {
width: 100%;
height: 100%;
background: url(images/background.jpg);
animation: animatebackground linear 30s infinite;
}

@keyframes animatebackground {
from {background-position:0px; }
to {background-position: -300px;}
}


.LatoLight{
	font-weight: 300;
}
.LatoRegular{
	font-weight: 400;
}
.LatoBold{
	font-weight: bold;
}

#here {

color:#ffffff;
	
text-decoration: underline;
text-shadow:  0 0 5px #000000,  0 0 10px #000000;
}


#here:hover {
	
color:rgb(250, 255, 127);
text-shadow: none;
text-shadow: 0 0 5px #000000,  0 0 10px #000000;
}



#privacy {

color: rgb(0, 8, 81);
	
font-family: LatoLight; 
font-size: 16px;	
font-weight: normal;
text-shadow: none;
text-decoration: underline;
text-shadow:  0 0 5px rgb(151, 157, 201),  0 0 10px rgb(151, 157, 201);

}


#privacy:hover {
	
color:#ffffff;
text-shadow: none;
text-shadow:  0 0 5px #000000,  0 0 10px #000000;
}





.banner {

font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif; 
font-weight: bold;	
font-size:52px;
	
line-height:1.2;
	
margin-bottom:10px;
	
color:#305492;
	
text-shadow: #ffffff  0pt 0pt 5px, #ffffff  1pt 1pt 5px,#ffffff 0pt 0pt 10px, 0 0 20px #fff, 0 0 30px #fff;}

 	
	



.banner-promin {

font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif; 
font-weight: bold;	
font-size:36px;
	
line-height:36px;
	
margin-bottom:10px;
	
color:#305492;
	
text-shadow: #ffffff  0pt 0pt 5px, #ffffff  1pt 1pt 5px,#ffffff 0pt 0pt 10px;	
	

}




.inlineBlock{
	display: inline-block;
	vertical-align: middle;
	width: 33%;
}
.responsive{
	max-width: 80%;
	height: auto;
}
.contentsbox{
	margin: 0 auto 70px;
	padding-top: 7%;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	border-radius: 5px;
	width: 1024;
	max-width: 100%;
	color: #fff;
}

.contentbox{
	margin: 0;
}
.contentbox-disc{
	width: 49%;
	margin: 0 auto 15% 0;
	
}

.contentbox-form{
	width: 50%;
	
	margin: 0 auto 15% 0;
	padding:10px 20px 20px 20px; 
	background-color:rgba(192,192,192,0.5);
	border-radius:20px;
}



* {box-sizing: border-box}
/* Full-width input fields */
input[type=text], input[type=password] {
    width: 70%;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background: #ffffff;
}

/* Set a style for main button */


.formbox__input_mainsubmit{
	background: #ad0000;
	background-image: -webkit-linear-gradient(top, #ffe500, #72720a);
	background-image: -moz-linear-gradient(top, #ffe500, #72720a);
	background-image: -ms-linear-gradient(top, #ffe500, #72720a);
	background-image: -o-linear-gradient(top,#ffe500, #72720a);
	background-image: linear-gradient(to bottom,#ffe500, #72720a);
	margin-top: 50px;
	outline: none;
	color: #ffffff;
	width: 70%;
	font-size: 20px;
	border-radius: 5px;
	padding: 14px 15px;
	cursor: pointer;
	text-shadow: 0 0 5px #000000;
}

.formbox__input_mainsubmit:hover {
	background-image: -webkit-linear-gradient(top, #ffe500, #595900);
	background-image: -moz-linear-gradient(top,#ffe500, #595900);
	background-image: -ms-linear-gradient(top, #ffe500, #595900);
	background-image: -o-linear-gradient(top,#ffe500, #595900);
	background-image: linear-gradient(to bottom, #ffe500, #595900);
	color: #ffffff;
	text-shadow: 0 0 5px #000000;
}



/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
  float: left;
  width: 50%;
}

/* Add padding to container elements */
.container1 {
    padding: 16px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #474e5d;
    padding-top: 50px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* Style the horizontal ruler */
hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}
 
 
 

/* Clear floats */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}



.formbox{
	width: 100%;
	margin: 10% auto 15% 0;
	padding:10px 20px 20px 20px; 
	background-color:rgba(192,192,192,0.8);
	border-radius:20px;
}
.formbox__input{
	border-color: rgb(74, 137, 32);
	border-width: 3px;
	background-repeat: no-repeat;
	background-position: 96%;
	border-radius: 5px;
	border: 3px solid rgba(0,0,0,0.2);
	width: 100%;
	padding: 10px 15px;
	font-size: 15px;
	outline: none;
	margin-top: 15px;
}
.formbox__input::-webkit-input-placeholder {
	color: #000;
}
.formbox__input::-moz-placeholder {
	color: #000;
}
.formbox__input:-moz-placeholder {
	color: #000;
}
.formbox__input:-ms-placeholder {
	color: #000;
}
.formbox__input:focus {
	border-color: #009900;
}
.formbox__input_name{
	background-position: 95%;
}
.formbox__input_submit{
	background: #ea4e7f;
	background-image: -webkit-linear-gradient(top, #fff700, #908b00);
	background-image: -moz-linear-gradient(top, #fff700, #908b00);
	background-image: -ms-linear-gradient(top, #fff700, #908b00);
	background-image: -o-linear-gradient(top, #fff700, #908b00);
	background-image: linear-gradient(to bottom, #fff700, #908b00);
	margin-top: 25px;
	outline: none;
	color: #333333;
	width: 100%;
	font-size: 20px;
	border-radius: 5px;
	padding: 14px 15px;
	cursor: pointer;
}

.formbox__input_submit:hover {
	background-image: -webkit-linear-gradient(top, #d6cf00, #6f6b00);
	background-image: -moz-linear-gradient(top, #d6cf00, #6f6b00);
	background-image: -ms-linear-gradient(top, #d6cf00, #6f6b00);
	background-image: -o-linear-gradient(top, #d6cf00, #6f6b00);
	background-image: linear-gradient(to bottom, #d6cf00, #6f6b00);
	color: #292929;
}
.contentbox-form-secure{
	padding: 10px 0;
	font-size: 8px;
}
.contentbox-form-secure span{
	padding-left: 3px;
	text-shadow: 1px 1px 1px #000;
}
.footer {
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 0px 3%;
	height: 50px;
	width: 94%;
	position: absolute;
	bottom: 0px; 
	text-shadow: 1px 1px 1px #000;
}

#overlay { display:none;
background-color: rgba(0,0,0,0.5);
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
z-index: 999;
}

#popupBox {
display:none;
position: absolute;
margin:auto;
margin-top:-50px;
width:800px;
height: 300px;
color: #000000;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color:#FFFFFF;
box-shadow: 0 0 5px #848484, 0 0 7px #636363;
z-index: 10;
}


#img {
width: 100%;
height: auto;
object-fit: cover;
overflow: hidden;
border-radius: 8px;
border: 1.2px solid #262626;
}

/* added code below */
.deleteMeetingClose {
cursor: pointer;
position: absolute;
right: 1px;
top: 1px;
}


@media (max-width: 1280px) {
	.formbox__input_submit {
		font-size: 18px;
	}
}
@media (max-width: 940px) {
	.formbox__input_submit {
		font-size: 16px;
	}
}

@media (max-width: 860px) and (orientation:landscape) {

	body{
	overflow:auto;
	}


	.contentbox-form{
	padding:10px 10px 20px 10px; 
	}

	#animated_div {
	margin-top: 0;
	margin-bottom: 0;
	top: 0;
	height:320%;
	}

	.modal-content {
   	width: 100%;
	}

	
	.contentbox-disc img{
	max-width: 100%;
	height: auto !important;
	}

	 
	.formbox__input_mainsubmit{
	width: 100%;
	}

	.headerbox-title {
		font-size: 26px;
	}
	.inlineBlock {
		width: 100%;
		text-align: center;
	}


	.formbox {
		padding: 0 25%;
	}
	

	
}

@media (max-width: 860px) and (orientation : portrait){
	
	body{
	overflow:auto;	
	
	}

	.contentbox-form{
	padding:10px 5px 20px 5px; 
	}

	#animated_div {
	margin-top: 0;
	margin-bottom: 0;
	top: 0;
	height:160%;
	}

	.modal-content {
   	width: 100%;
	}

	.contentbox-disc img{
	max-width: 100%;
	height: auto !important;
	}

	


	.formbox__input_mainsubmit{
	width: 100%;
	}


	.headerbox-title {
		font-size: 26px;
	}
	.inlineBlock {
		width: 100%;
		text-align: center;
	}
	.formbox {
		padding: 0 25%;
	}
	


	
}
@media (max-width: 680px) {
	.formbox {
		padding: 0;
	}
}
@media (max-width: 520px) {
	.headerbox-title {
		font-size: 20px;
	}
	
	.footer{
		font-size: 14px;
	}


    	.inlineblock .contentbox-disc img {
	width: 200px;
  	  }
	
	
}