/* PB_Wonderwall */
.PB_Wonderwall .row {
	margin-top: 35px;
	margin-bottom: 35px;
	padding-left: 48px;
	padding-right: 6px;
}
.PB_Wall_Tile {
	width: 100%;
	height: 200px;
	position: relative;
	perspective: 800px;

	margin-bottom: 30px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	z-index: 1;
	transition: z-index 0s 300ms;
}
/* old wonderwall: */
/*.PB_Wall_Tile:hover {
	z-index: 2;
	transition: z-index 300ms;
}*/
.has-effect > .PB_Wall_Tile:hover {
    z-index: 2;
    transition: z-index 300ms;
}

/* WALL TILE COLORS */
.PB_Wall_Tile.small .PB_Wall_Tile.small .card { height: 180px; }
.PB_Wall_Tile.medium .PB_Wall_Tile.medium .card { height: 240px; }
.PB_Wall_Tile.large, .PB_Wall_Tile.large .card { height: 330px; }
.PB_Wall_Tile.huge .PB_Wall_Tile.huge .card { height: 390px; }

@media (max-width: 767px) {
	.PB_Wall_Tile.large, .PB_Wall_Tile.large .card { height: 400px; }
}

/*
.PB_Wall_Tile.small, .PB_Wall_Tile.small .PB_Wall_Tile_Hover  img   { height: 180px; }
.PB_Wall_Tile.medium, .PB_Wall_Tile.medium .PB_Wall_Tile_Hover  img  { height: 240px; }
.PB_Wall_Tile.large, .PB_Wall_Tile.large .PB_Wall_Tile_Hover  img   { height: 330px; }
.PB_Wall_Tile.huge, .PB_Wall_Tile.huge .PB_Wall_Tile_Hover  img    { height: 390px; }
*/
.bg-image {height:100%;}
.PB_Wall_Tile_Hover  img {overflow: hidden;}

.PB_Wall_Tile.gray  .PB_Wall_Tile_Card > div { background-color: #a0a0a0;}
.PB_Wall_Tile.gray-light  .PB_Wall_Tile_Card > div { background-color: #c8c8c8;}
.PB_Wall_Tile.gray-light-light  .PB_Wall_Tile_Card > div { background-color: #e5e5e5;}
.PB_Wall_Tile.gray-dark  .PB_Wall_Tile_Card > div { background-color: #3c3c3c;}

.PB_Wall_Tile.green  .PB_Wall_Tile_Card > div { background-color: #00b74f;}
.PB_Wall_Tile.green-light  .PB_Wall_Tile_Card > div { background-color: #4ccc83;}
.PB_Wall_Tile.green-dark .PB_Wall_Tile_Card > div { background-color:#2b863f;}

.PB_Wall_Tile.greenblue .PB_Wall_Tile_Card > div { background-color:#00a990;}
.PB_Wall_Tile.greenblue-light .PB_Wall_Tile_Card > div { background-color:#4cc3b1;}
.PB_Wall_Tile.greenblue-dark .PB_Wall_Tile_Card > div { background-color:#0c8571;}

.PB_Wall_Tile.orange  .PB_Wall_Tile_Card > div { background-color: #ff8400;}
.PB_Wall_Tile.orange-light  .PB_Wall_Tile_Card > div { background-color: #ffa94c;}
.PB_Wall_Tile.orange-dark  .PB_Wall_Tile_Card > div { background-color: #b86612;}

.PB_Wall_Tile.blue  .PB_Wall_Tile_Card > div { background-color:#009BDF;}
.PB_Wall_Tile.blue-light  .PB_Wall_Tile_Card > div { background-color:#4cb9e9;}
.PB_Wall_Tile.blue-dark  .PB_Wall_Tile_Card > div { background-color:#1878a6;}

.PB_Wall_Tile.pirobase-blue  .PB_Wall_Tile_Card > div { background-color:#4b9fe2;}
.PB_Wall_Tile.pirobase-blue-light  .PB_Wall_Tile_Card > div { background-color:#81bceb;}
.PB_Wall_Tile.pirobase-blue-dark  .PB_Wall_Tile_Card > div { background-color:#427ca7;}

.PB_Wall_Tile.lila  .PB_Wall_Tile_Card > div { background-color:#c24f97;}
.PB_Wall_Tile.lila-light  .PB_Wall_Tile_Card > div { background-color:#d48ab6;}
.PB_Wall_Tile.lila-dark  .PB_Wall_Tile_Card > div { background-color:#984776;}

.PB_Wall_Tile.red .PB_Wall_Tile_Card > div { background-color:#f63440;}
.PB_Wall_Tile.red-light .PB_Wall_Tile_Card > div { background-color:#f97179;}
.PB_Wall_Tile.red-dark .PB_Wall_Tile_Card > div { background-color:#b12f32;}

.PB_Wall_Tile.orangered .PB_Wall_Tile_Card > div { background-color:#ff4e00;}
.PB_Wall_Tile.orangered-light .PB_Wall_Tile_Card > div { background-color:#ff9566;}
.PB_Wall_Tile.orangered-dark .PB_Wall_Tile_Card > div { background-color:#b34113;}

.PB_Wall_Tile.white .PB_Wall_Tile_Card > div { background-color:#ffffff;}

.PB_Wall_Tile.bayard-blue .PB_Wall_Tile_Card > div { background-color:#2a9ecf;}
.PB_Wall_Tile.bayard-blue-light .PB_Wall_Tile_Card > div { background-color:#30b7f1;}


/*
.PB_Wall_Tile.blue:hover       .PB_Wall_Tile_Card { border-color: #96afdc!important; }
.PB_Wall_Tile.green:hover      .PB_Wall_Tile_Card { border-color: #7d9128!important; }
.PB_Wall_Tile.orange:hover     .PB_Wall_Tile_Card { border-color: #eb8237!important; }
.PB_Wall_Tile.pink:hover       .PB_Wall_Tile_Card { border-color: #a57c9a!important; }
.PB_Wall_Tile.purple:hover     .PB_Wall_Tile_Card { border-color: #7882aa!important; }
.PB_Wall_Tile.red:hover        .PB_Wall_Tile_Card { border-color: #c85528!important; }
.PB_Wall_Tile.yellow:hover     .PB_Wall_Tile_Card { border-color: #fac300!important; }
.PB_Wall_Tile.dark-gray:hover  .PB_Wall_Tile_Card { border-color: #505050!important; }
.PB_Wall_Tile.light-gray:hover .PB_Wall_Tile_Card { border-color: #f2f2f2!important; }
.PB_Wall_Tile.black:hover      .PB_Wall_Tile_Card { border-color: #000000!important; }
.PB_Wall_Tile.white:hover      .PB_Wall_Tile_Card { border-color: #ffffff!important; }

.border-lightgray, .PB_Wall_Tile.lightgray:hover       .PB_Wall_Tile_Card { border-color: #c8c8c8;}
.border-middlegray, .PB_Wall_Tile.middlegray:hover       .PB_Wall_Tile_Card { border-color: #a0a0a0;}
.border-darkgray, .PB_Wall_Tile.darkgray:hover       .PB_Wall_Tile_Card { border-color: #3c3c3c;}
.border-pink, .PB_Wall_Tile.pink:hover       .PB_Wall_Tile_Card { border-color: #58a6e4;}
.border-green, .PB_Wall_Tile.green:hover       .PB_Wall_Tile_Card { border-color: #00b74f;}
.border-lightgreen, .PB_Wall_Tile.lightgreen:hover       .PB_Wall_Tile_Card { border-color: #4ccc83;}
.border-greenblue, .PB_Wall_Tile.greenblue:hover       .PB_Wall_Tile_Card { border-color: #4cc3b1;}
.border-imperia-lightgreen, .PB_Wall_Tile.imperia-lightgreen:hover       .PB_Wall_Tile_Card { border-color: #4ccc83;}
.border-imperia-darkgreen, .PB_Wall_Tile.imperia-darkgreen:hover       .PB_Wall_Tile_Card { border-color: #2b863f;}
.border-orange, .PB_Wall_Tile.orange:hover       .PB_Wall_Tile_Card { border-color: #ff8400;}
.border-lightorange, .PB_Wall_Tile.lightorange:hover       .PB_Wall_Tile_Card { border-color: #ffa94c;}
.border-darkblue, .PB_Wall_Tile.darkblue:hover       .PB_Wall_Tile_Card { border-color: #009BDF;}
.border-blue, .PB_Wall_Tile.blue:hover       .PB_Wall_Tile_Card { border-color: #4b9fe2;}
.border-lightblue, .PB_Wall_Tile.lightblue:hover       .PB_Wall_Tile_Card { border-color: #81bceb;}
.border-lila, .PB_Wall_Tile.lila:hover       .PB_Wall_Tile_Card { border-color: #c24f97;}
.border-lightlila, .PB_Wall_Tile.lightlila:hover       .PB_Wall_Tile_Card { border-color: #d48ab6;}
.border-red, .PB_Wall_Tile.red:hover       .PB_Wall_Tile_Card { border-color: #f63440;}
.border-orangered, .PB_Wall_Tile.orangered:hover       .PB_Wall_Tile_Card { border-color: #ff4e00;}
*/

.color-gray {color: #a0a0a0;}
.color-gray-light {color: #c8c8c8;}
.color-gray-light-light {color: #e5e5e5;}
.color-gray-dark {color: #3c3c3c;}

.color-green {color: #00b74f;}
.color-green-light {color: #4ccc83;}
.color-green-dark{color:#2b863f;}

.color-greenblue{color:#00a990;}
.color-greenblue-light{color:#4cc3b1;}
.color-greenblue-dark{color:#0c8571;}

.color-orange {color: #ff8400;}
.color-orange-light {color: #ffa94c;}
.color-orange-dark {color: #b86612;}

.color-blue {color:#009BDF;}
.color-blue-light {color:#4cb9e9;}
.color-blue-dark {color:#1878a6;}

.color-pirobase-blue {color:#4b9fe2;}
.color-pirobase-blue-light {color:#81bceb;}
.color-pirobase-blue-dark {color:#427ca7;}

.color-lila {color:#c24f97;}
.color-lila-light {color:#d48ab6;}
.color-lila-dark {color:#984776;}

.color-red{color:#f63440;}
.color-red-light{color:#f97179;}
.color-red-dark{color:#b12f32;}

.color-orangered{color:#ff4e00;}
.color-orangered-light{color:#ff9566;}
.color-orangered-dark{color:#b34113;}

.color-bayard-blue{color:#2a9ecf;}
.color-bayard-blue-light{color:#30b7f1;}

.color-white{color:#ffffff;}

.bgpos-left_top      { background-position: left top; }
.bgpos-center_top    { background-position: center top; }
.bgpos-right_top     { background-position: right top; }
.bgpos-left_center   { background-position: left center; }
.bgpos-center        { background-position: center; }
.bgpos-right_center  { background-position: right center; }
.bgpos-left_bottom   { background-position: left bottom; }
.bgpos-center_bottom { background-position: center bottom; }
.bgpos-right_bottomn { background-position: right bottom; }

.PB_Wall_Tile_Card {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: transform 500ms;
	-moz-transition: transform 500ms;
	-ms-transition: transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
}
.PB_Wall_Tile_Card .cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	position: relative;
}

.PB_Wall_Tile_Front,
.PB_Wall_Tile_Hover {
	background-repeat: no-repeat;
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	
	top: 0;
	left: 0;
	
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.PB_Wall_Tile_Hover {
	display: none;
	-ms-backface-visibility: visible;
}

.PB_Wall_Tile_Hover.linked {
	cursor: pointer;
}

.PB_Wall_Tile .PB_Wall_Tile_Front {
	-ms-transition: visibility 0s 150ms!important;
	transition: visibility 300ms;
}
.PB_Wall_Tile.effect-flip_horizontal:hover .PB_Wall_Tile_Front,
.PB_Wall_Tile.effect-flip_vertical:hover .PB_Wall_Tile_Front{
	visibility: hidden;
	-ms-transition: visibility 150ms 0s!important;
	transition: visibility 300ms;
}

/* WALL TILE EFFECTS */
.PB_Wall_Tile.effect-flip_horizontal .PB_Wall_Tile_Hover {
	display: table;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.PB_Wall_Tile.effect-flip_horizontal:hover .PB_Wall_Tile_Card {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.PB_Wall_Tile.effect-flip_vertical .PB_Wall_Tile_Hover{
	display: table;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.PB_Wall_Tile.effect-flip_vertical:hover .PB_Wall_Tile_Card {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.PB_Wall_Tile:not(.effect-flip_horizontal):not(.effect-flip_vertical) .PB_Wall_Tile_Card {
	overflow: hidden;
	border: 5px solid;
	-webkit-transition: border-color 200ms;
	-moz-transition: border-color 200ms;
	-ms-transition: border-color 200ms;
	-o-transition: border-color 200ms;
	transition: border-color 200ms;
}
.PB_Wall_Tile:not(.effect-flip_horizontal):not(.effect-flip_vertical) .PB_Wall_Tile_Front,
.PB_Wall_Tile:not(.effect-flip_horizontal):not(.effect-flip_vertical) .PB_Wall_Tile_Hover {
	border: 0 none;
	width: 100.3%;
}
.PB_Wall_Tile:not(.effect-flip_horizontal):not(.effect-flip_vertical) .PB_Wall_Tile_Hover {
	background-color: rgba(0, 0, 0, .75);
	-webkit-transition: top 200ms, left 200ms;
	-moz-transition: top 200ms, left 200ms;
	-ms-transition: top 200ms, left 200ms;
	-o-transition: top 200ms, left 200ms;
	transition: top 200ms, left 200ms;
	display: table;
}
.PB_Wall_Tile.effect-fade .PB_Wall_Tile_Hover {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s 300ms, opacity 300ms ease-out;
	-moz-transition: visibility 0s 300ms, opacity 300ms ease-out;
	-ms-transition: visibility 0s 300ms, opacity 300ms ease-out;
	-o-transition: visibility 0s 300ms, opacity 300ms ease-out;
	transition: visibility 0s 300ms, opacity 300ms ease-out;
}
.PB_Wall_Tile.effect-fade:hover .PB_Wall_Tile_Hover {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 350ms ease-out;
	-moz-transition: opacity 350ms ease-out;
	-ms-transition: opacity 350ms ease-out;
	-o-transition: opacity 350ms ease-out;
	transition: opacity 350ms ease-out;
}
.PB_Wall_Tile.effect-slide_right .PB_Wall_Tile_Hover {
	left: 101%;
}
.PB_Wall_Tile.effect-slide_left .PB_Wall_Tile_Hover {
	left: -101%;
}
.PB_Wall_Tile.effect-slide_top .PB_Wall_Tile_Hover {
	top: -101%;
}
.PB_Wall_Tile.effect-slide_bottom .PB_Wall_Tile_Hover {
	top: 101%;
}
.PB_Wall_Tile.effect-slide_top:hover .PB_Wall_Tile_Hover,
.PB_Wall_Tile.effect-slide_bottom:hover .PB_Wall_Tile_Hover,
.PB_Wall_Tile.effect-slide_right:hover .PB_Wall_Tile_Hover,
.PB_Wall_Tile.effect-slide_left:hover .PB_Wall_Tile_Hover {
	top: 0;
	left: 0;
}

/* WALL TILE ELEMENTS */
.PB_Wall_Tile h3 {
	margin: 0;
	padding: 10px;
	font-size: 1.65em;
	text-align: left;
	width: 100%;
}
.PB_Wall_Tile_Hover h3 {
	
	line-height: 1.25em;
	font-weight: bold;
}
@media (max-width: 1199px) {
	.PB_Wall_Tile p, .PB_Wall_Tile .wallText {
		margin: 0;
		padding: 10px;
		font-size: 1.1em;
	}
}

@media (min-width: 1200px) {
	.PB_Wall_Tile p, .PB_Wall_Tile .wallText {
		margin: 0;
		padding: 10px;
		font-size: 1.5em;
	}
}

/*@media (max-width: 991px) {
	.PB_Wall_Tile p, .PB_Wall_Tile .wallText {
		margin: 0;
		padding: 10px;
		font-size: 1.65em;
	}
}*/



.PB_Wall_Tile h3 + p, .PB_Wall_Tile h3 + .wallText {
	padding-top: 0;
}
.PB_Wall_Tile h3.left_top {
	text-align: left;
	position: absolute;
	top: 0;
}
.PB_Wall_Tile h3.center_top {
	text-align: center;
	position: absolute;
	top: 0;
}
.PB_Wall_Tile h3.right_top {
	text-align: right;
	position: absolute;
	top: 0;
}
.PB_Wall_Tile h3.left_center {
	text-align: left;
}
.PB_Wall_Tile h3.center {
	text-align: center;
}
.PB_Wall_Tile h3.right_center {
	text-align: right;
}
.PB_Wall_Tile h3.left_bottom {
	text-align: left;
	position: absolute;
	top: auto;
	bottom: 0;
}
.PB_Wall_Tile h3.center_bottom {
	text-align: center;
	position: absolute;
	top: auto;
	bottom: 0;
}
.PB_Wall_Tile h3.right_bottom {
	text-align: right;
	position: absolute;
	top: auto;
	bottom: 0;
}
.PB_Wall_Tile .link {
	padding: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.PB_Wall_Tile .link a {
	text-decoration: underline;
	color: inherit!important;
}
@media (max-width: 768px) {
	.PB_Wall_Tile h3 {
		font-size: 2.5em;
		padding: 20px;
	}
	.PB_Wall_Tile_Hover h3 {
		padding: 20px;
	}
	.PB_Wall_Tile p, .PB_Wall_Tile .wallText {
		font-size: 1.2em;
		padding: 20px;
	}
	.PB_Wall_Tile .link {
		padding: 20px;
	}
}

#pbwt_1 .PB_Wall_Tile_Front {
		background-size: 100px;
	}
	

.colored-boxes-col {
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 1px;
    margin-bottom: 1px;
}



