.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 50px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .col-6{-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}
  .col-2{flex:0 0 auto;width:16.66666667%}
  
  /* Modal Content */
  .modal-content {
	background-color: #fefefe;
	margin:  10 auto;
	padding: 10;
	border: 1px solid #888;
	width: 90%;
  }
  
  /* The Close Button */
  .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
 
  }
  
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }

  .yr-con
{
  background-color: rgb(247, 222, 237);
  background-image: url("../par/parentBgLoop_tt.svg");
  background-size: 100%;
  /* border-top-left-radius:1.2rem!important;
  border-top-right-radius:1.2rem!important; */
  
  animation: displace 3s ease-out infinite;
  
}

@keyframes displace {
  0% { 
    background-position:25% 25%;
    background-size: 13%;
    background-color:rgba(247, 213, 234, 1.0);
  } 
  50% { 
    background-position:30% 30%;
    background-size: 14%;
    background-color:rgba(247, 213, 234, 0.8);
  }
  100% { 
    background-position:25% 25%;
    background-size: 13%;
    background-color:rgba(247, 213, 234, 1.0);
  } 
}