/* Modal Base CSS */
.pvsponsored-modal-overlay
{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
opacity: 0;

width: 100%;
height: 100%;

-webkit-transition: 1ms opacity ease;
-moz-transition: 1ms opacity ease;
-ms-transition: 1ms opacity ease;
-o-transition: 1ms opacity ease;
transition: 1ms opacity ease;

background: rgba(0,0,0,.6);
}

.pvsponsored-modal-modal
{
position: absolute;
z-index: 9999;
top: 50%;
left: 50%;

opacity: 0;

width: 94%;
padding: 10px;

-webkit-transition: 1ms opacity ease;
-moz-transition: 1ms opacity ease;
-ms-transition: 1ms opacity ease;
-o-transition: 1ms opacity ease;
transition: 1ms opacity ease;

-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

border-radius: 2px;
background: #fff;
}

.pvsponsored-modal-modal.pvsponsored-modal-open.pvsponsored-modal-anchored
{
top: 20px;

-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

.pvsponsored-modal-modal.pvsponsored-modal-open
{
opacity: 1;
}

.pvsponsored-modal-overlay.pvsponsored-modal-open
{
opacity: 1;

}

/* Close Button */
.pvsponsored-modal-close
{
font-family: Helvetica,Arial,sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 12px;

position: absolute;
top: 5px;
right: 5px;

padding: 5px 7px 7px;

cursor: pointer;

color: #fff;
border: 0;
outline: none;
background: #e74c3c;
}

.pvsponsored-modal-close:hover
{
background: #c0392b;
}

/* Default Animation */

.pvsponsored-modal-overlay.zoom
{
display: block;

opacity: 0;
}

.pvsponsored-modal-modal.zoom
{

-webkit-transition: 500ms -webkit-transform ease;
-moz-transition: 500ms    -moz-transform ease;
-ms-transition: 500ms     -ms-transform ease;
-o-transition: 500ms      -o-transform ease;
transition: 500ms         transform ease;
-webkit-transform: translate(-50%, -50%) scale(0);
-moz-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
-o-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);

opacity: 1;

display: block;
}

.pvsponsored-modal-modal.zoom.pvsponsored-modal-open
{
-webkit-transition: 500ms -webkit-transform 500ms ease;
-moz-transition: 500ms    -moz-transform 500ms ease;
-ms-transition: 500ms     -ms-transform 500ms ease;
-o-transition: 500ms      -o-transform 500ms ease;
transition: 500ms         transform 500ms ease;
-webkit-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}

.pvsponsored-modal-modal.zoom.pvsponsored-modal-open.pvsponsored-modal-anchored
{

-webkit-transition: 500ms -webkit-transform 500ms ease;
-moz-transition: 500ms    -moz-transform 500ms ease;
-ms-transition: 500ms     -ms-transform 500ms ease;
-o-transition: 500ms      -o-transform 500ms ease;
transition: 500ms         transform 500ms ease;
}

.pvsponsored-modal-overlay.zoom.pvsponsored-modal-open
{
top: 0;

-webkit-transition: 500ms opacity ease;
-moz-transition: 500ms opacity ease;
-ms-transition: 500ms opacity ease;
-o-transition: 500ms opacity ease;
transition: 500ms opacity ease;

opacity: 1;
}

.pvsponsored-modal-overlay.zoom
{
-webkit-transition: 500ms opacity 500ms ease;
-moz-transition: 500ms opacity 500ms ease;
-ms-transition: 500ms opacity 500ms ease;
-o-transition: 500ms opacity 500ms ease;
transition: 500ms opacity 500ms ease;
}

/* Demo Styles */
/*
html
{
box-sizing: border-box;
}

*
{
box-sizing: inherit;
}

body
{
font-family: Helvetica,Arial,san-serif;
font-size: 16px;

margin: 0;
padding: 0;
}

#content
{
display: none;
}
*/

.trigger-button
{
font-size: 17px;

position: relative;
top: 100px;

display: block;

margin: auto;
padding: 10px 30px;

cursor: pointer;

color: #fff;
border: 0;
border-radius: 3px;
outline: none;
background: #3498db;
box-shadow: 0 5px 1px #196090;
}

.trigger-button:hover
{
background: #196090;
box-shadow: 0 5px 1px #0a2639;
}

.trigger-button:active
{
border-top: 5px solid white;
box-shadow: none;
}




.pvsponsored-modal-modal {
width: auto;
}
.sponsor-wrap {
width: 		100%;
height: 	100%;
position: 	relative;
}
.sponsor-wrap .bg-img {
}

.sponsor-wrap .content-head {
	width: 400px;
	position: absolute;
	top: 45px;
	right: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.sponsor-wrap .content-head span {
	display: block;
	padding: 5px 0 20px;
	font-size: 18px;
}

.sponsor-wrap .content-foot {
width: 		100%;
position: 	absolute;
bottom: 	0;
padding: 	0 10px 10px;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sponsor-wrap .content-foot .slogan {
margin-bottom: 	20px;
text-align: 	center;
font-family: 	"Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.035em;
}
.sponsor-wrap .content-foot .slogan span {
display: 		inline;
background: 	rgba(50,89,216,.5);
color: 			#fff;
font-size: 		18px;
font-weight: 	500;
line-height: 	1.8;
padding: 		2px 10px;
}
.sponsor-wrap .content-foot .logos {
/*display: 			-ms-flexbox;
display: 			-webkit-box;
display: 			-webkit-flex;
display: 			-ms-flexbox;
display: 			flex;
-ms-align-items: 	center;
align-items: 		center;
justify-content: 	center;
-ms-flex-pack: 		center;*/
}
.sponsor-wrap .content-foot .logos .social {
/*float: left;*/
/*width: 15%;*/
}
.sponsor-wrap .content-foot .logos .others {
/*float: right;*/
text-align: right;
width: 		85%;
}
.sponsor-wrap .content-foot .logos .others ul {
list-style-type: 	none;
margin: 			0;
padding: 			0;
}
.sponsor-wrap .content-foot .logos .others ul li {
display: 		inline-block;
margin-left: 	10px;
}

.pvsponsored-modal-close.close-button {
width: 			32px;
height: 		32px;
background: 	url('../img/close-sponsor.png') 0 0 no-repeat;
z-index: 		1;
top: 			-16px;
right: 			-13px;
font-size: 		0;
}
.social.mobile {display:none; text-align: center;}
.social.desktop {display:block;}
.sponsor-wrap .bg-img img{max-width:100%;}
@media only screen and (max-width: 767px) {

	.pvsponsored-modal-modal.zoom.pvsponsored-modal-open {
		min-width: 100px;
		max-width: none;
		width: 90%;
		padding: 10px;
		margin: 10px 0;
	}

	.social.mobile {display:block;}
	.social.desktop {display:none;}

	.sponsor-wrap .content-foot .logos .others {
		width:100%;
		text-align:center;
	}

	.sponsor-wrap .content-foot .logos .others ul li {
		display:block;
	}

}