.open-button {
  background-color: #F04D46;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position:relative;
 top: 0px;
  
 width:100%;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
   border: 3px solid #f1f1f1;
  z-index: 9;
  right:0;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 2px 0 2px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #0038ff;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.section:after {
  content: "";
  display: table;
  clear: both;
}
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
 
}
.container1 {
 
  background-color: #FBF9F9;
  border-radius: 5px;
  padding: 5px;
  margin: 16px 0;
  width:100;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.container1::after {
  content: "";
  clear: both;
  display: table;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.container1 .text-muted {
    font-size: 13px;
}

.container1 img {
  margin: 5px 0;
  border-radius: 50%;
    max-width: 100%;
  
}

.container1 span {
  font-size: 18px;
}
.p{
	font-size:8pt;
}

@media (max-width: 500px) {
  .container1 {
      text-align: center;
  }
  .container1 img {
      margin: auto;
      float: none;
      display: block;
  }
  
}


* {
  box-sizing: border-box;
}

/* Style the body */
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}


/* Column container */
.row {  
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin-top:0px;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  -ms-flex: 55%; /* IE10 */
  flex: 55%;
  
  padding: 10px;
  
}

.side object, .side iframe {
    height: 750px;
}

@media only screen and (max-width: 768px){
    .side object, .side iframe {
        height: 500px;
    }
}

/* Main column */
.main {   
  -ms-flex: 45%; /* IE10 */
  flex: 45%;
  background-color: white;
  padding: 10px;
}



/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .row {   
    flex-direction: column;
  }
}




.ad-container{
	width:100%;
	height:250px;
	
}
.row{
	display:flex;
	flex-wrap:wrap;
}
.column{
	width:50%;
	
}
	.ad-container:after {
  display: table;
  content: "";
  clear: both;
}
@media(max-width:1440px) {
 .ad-container{
	width:100%;
	height:250px;
}
.img{
	margin-left:300px;
	margin-top:10px;
	
}
.img2{
	margin-left:300px;
	
}
@media(max-width:1366px) {
  .ad-container{
	width:100%;
	height:250px;
}
.img{
	margin-left:300px;
	top:0;
}
.img2{
	margin-left:300px;
	
}
}

@media(max-width:1280px) {
 
  
}

@media(max-width:1080px) {
 
}

@media(max-width:1024px) {
 
  
}

@media(max-width:991px) {
 	.ad-container{
		left:-50px;
	}
	.img2{
		visibility:hidden;
	}
	.img{
		margin-left:-100px;
	}
	.viewer{
		height:1150px;
	}
}

@media(max-width:900px) {
 
}

@media(max-width:800px) {
 
}

@media(max-width:736px) {

}

@media(max-width:667px) {

 
}

@media(max-width:600px) {
 
}

@media(max-width:480px) {

}

@media(max-width:414px) {
.ad-container{
		left:-50px;
	}
	.img2{
		visibility:hidden;
	}
	.img{
	margin-left:-50px;
	margin-top:-400px;
	width:500px;
	height:250px;
	}
	
}

@media(max-width:384px) {
.ad-container{
	width:500px;
	height:200px;
	margin-left:-10px;
}
.img{
	width:400px;
	height:200px;
	margin-left:-10px;
	margin-top:-400px;
}
.img2{
	visibility:hidden;
}
@media(max-width:375px) {
.ad-container{
	width:500px;
	height:200px;
	margin-left:-10px;
}
.img{
	width:400px;
	height:200px;
	margin-left:-5px;
	margin-top:-400px;
}
.img2{
	visibility:hidden;
}	

}