/**
 * PgwModal - Version 2.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
body.pgwModalOpen {
    overflow: hidden;
}

#pgwModalBackdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
}

#pgwModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index : 9010;
    overflow-x: auto;
    overflow-y: scroll;
    text-align: center;
}

#pgwModal .pm-container {
    margin: 10px;
}

#pgwModal .pm-body {
    display: inline-block;
    max-width: 800px;
    min-width: 300px;
    position: relative;
    width: 100%;
    z-index: 9020;
    margin-top: 10px;
}

/**
 * NOTICE:
 * If you want to update the modal rendering, please only edit the content below.
 * And if you update a class name, remember to specify it in the plugin configuration.
 * Please don't change the class names prefixed by "pm-".
 */

@import url(//fast.fonts.net/cssapi/f98a5871-0274-4bd0-bbeb-a5e76bbcc529.css);

.pgwModalBackdrop {
    background: rgba(0,0,0,0.9);
}

.pgwModal .pm-body {
    background-color: #000;
}

.pgwModal .pm-title {
    background: #e5e5e5;
    padding: 5px 0 6px;
    border-bottom: 1px solid #d5d5d5;
    font-size: 1rem;
    min-height: 25px;
}

.pgwModal .pm-content {
    background-color: #000;
    padding: 0;
    text-align: left;
}

.pgwModal .pm-close {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 15px;
}

.pgwModal .pm-close span.pm-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);
    display: block;
    height: 20px;
    width: 20px;
}

.bptw-wrapper {
	padding: 20px;
	background: #FFF;
}

.bptw-wrapper img {
	float: left;
	width: 158px;
}

.bptw-wrapper .summary {
	float: left;
	padding-left: 20px;
}
		
.bptw-wrapper .summary  p {
	font-family: "Avenir W01",sans-serif;
	text-transform: uppercase;
	font-size: 32px;
	color: #979890;
	line-height: 1em;
}
			
.bptw-wrapper .summary  p span {
	color: #414546;
}
		
.button-red {
	position: absolute;
	bottom: 10px;
	color: #FFF !important;
	border-color: #BC2030;
	background-color: #BC2030;
	font-family: "Avenir W01", sans-serif;
	font-style: normal;
	font-weight: normal;	
	font-size: 20px;
	padding: 0.5em 1.5em;
	margin-bottom: 0.5em;	
	text-decoration: none !important;
}

.button-red:focus,
.button-red:hover {
	border-color: #8F1925;
	background-color: #8F1925;
}

@media screen and (max-width: 640px) {
	.bptw-wrapper img {
		display: none;
	}
	
	.bptw-wrapper .summary {
		float: left;
		padding-left: 20px;
		padding-left: auto;
	}
	
	.button-red {
		position: relative;
		bottom: auto;
	}
}