/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.ny-osv-img-in {
position: fixed;
z-index: 999999;
min-height:200px;
top: 10%;
left: -420px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
background: #fff transparent;
width:520px;
height: auto;
padding: 1px;
box-sizing:padding-box;
}

.ny-osv-img-in:hover {
cursor: pointer;
left: 0px;
}

.ny-osv-text {
position: absolute;
top: 60px;
left: 10px;
width: 400px;
padding: 30px 0px 30px 100px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: 600;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
overflow: hidden; 
}
.ny-osv-text h2 {
color: #E9D110;
font-size: 32px;
text-align: center;
}
.ny-osv-text p {
text-align: center;	
color: #E74131;
font-size: 24px;
}
.ny-osv-text h4{
text-align: right;	
color: #E9D110;
font-size: 20px;
}

/* **************** @media (max-width: 720px)  ******************* */
@media (max-width: 720px){
.ny-osv-img-in {
min-height:80px;
top: 10%;
left: -175px;
width:240px;
height: auto;
padding: 1px;
}
.ny-osv-img-in img{
width:220px;
height: auto;
}
.ny-osv-text {
top: 10px;
left: 10px;
width: 160px;
padding: 5px 0px 20px 30px;
font-weight: 500;
 line-height: 1.0 ;
}
.ny-osv-text h2 {
font-size: 16px;
}
.ny-osv-text p {
font-size: 12px;
}
.ny-osv-text h4{
font-size: 10px;
}
	
}