.masonry1  {
	float: left;
	display: inline-block;
	width: 100%;
}

.stacks_in img {
	width: 100%;
	height: auto;
}

iframe { width: 100% !important;}

body{
	margin:0;
	padding:0;
}
#Choco_overlay{
	background: #FFFFFF; /* CUSTOM OVErlAY COLOR */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	display:none;
	padding:0;
	margin:0;
}
#Choco_content{
	display:none;
	width:800px;
	height:600px;
	z-index:1001;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-300px;
	border-top:1px solid transparent;/*Yes, adjust image perfectly at the center of a box, don't know why.*/
}
#Choco_left_arrow{
	float:left;
	background-image:url(imagesCh/leftOn.gif) !important;
	background-position:12%;
	left:-14%;
}
#Choco_right_arrow{
	float:right;
	background-image:url(imagesCh/rightOn.gif) !important;
	background-position:88%;
	left:14%;
}
.Choco_arrows{
	background-repeat:no-repeat;
	display:none;
	position:relative;
	cursor:pointer;
	width:49%;
	top:-100%;
	height:100%;
	margin-top:-30px;
}
#Choco_container_photo{
	text-align:center;
	width:800px;
	height:600px;
	/*background:url(../images/ajax-loader.gif) center center no-repeat;*/
}
#Choco_container_description{
	padding:0;
	height:26px;
	width:100%;
	color:#000000;
	font-family:Tahoma;
	clear:both;
	position:relative;
	font-size:12px;
	margin-top:-5px;
	overflow:hidden;
	visibility:hidden;
}
#Choco_container_title{
	float:left;
	padding:5px;
}
#Choco_container_via{
	padding:5px;
	float:right;
}
#Choco_container_via a{
	color:gray;
}
#Choco_container_via a:hover{
	color:white;
	background:gray;
}
#Choco_close{
	width:30px;
	height:25px;
	background-image:url(imagesCh/closeOn.gif)!important;
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	margin-top:-20px;
	display:none;
}
#Choco_loading{
	width:9px;
	height:11px;
	background-image:url(imagesCh/loadingOn.gif) !important;
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	float:right;
	margin-top:-20px;
	display:none;
}
#Choco_bigImage{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	margin-top:-5px;
}
.masonryBox33  {
	float: left;
	width: 31% ;
	display:block;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:10px;
	margin-bottom:10px;
	}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

.masonryBox33  {
	float: left;
	width: 100% ;
	display:block;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.masonryBox33  {
	float: left;
	width: 100% ;
	display:block;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 720px)  {
.masonryBox33  {
	float: left;
	width: 100% ;
	display:block;
	}
}/*
 * AUTHOR: JEREMY HAWES
 * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/
 * Support: support@1littledesigner.com
 * Version 1.0.0
 * Simple Divider is a Free Stack for RapidWeaver allowing easy drag-and-drop of a simple divider with minimal customization options.
 */

#simpleDivider_stacks_in_85_page3 {
	width: 100%;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}
#simpleDivider_stacks_in_85_page3 .theDivider1, #simpleDivider_stacks_in_85_page3 .theDivider2 {width: inherit}
#simpleDivider_stacks_in_85_page3 .theDivider1 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-top-style: solid;
	border-bottom-style: solid;
}
#simpleDivider_stacks_in_85_page3 .theDivider2 {
	height: 4px;
	background-color: #E0E0E0;
}
#stacks_in_85_page3 {
	margin: 0px 0px 15px 0px;
}

#stacks_in_131_page3 {
	line-height: 0.700000em;
	font-size: 90%;
}
/*
 * AUTHOR: JEREMY HAWES
 * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/
 * Support: support@1littledesigner.com
 * Version 1.0.0
 * Simple Divider is a Free Stack for RapidWeaver allowing easy drag-and-drop of a simple divider with minimal customization options.
 */

#simpleDivider_stacks_in_87_page3 {
	width: 100%;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}
#simpleDivider_stacks_in_87_page3 .theDivider1, #simpleDivider_stacks_in_87_page3 .theDivider2 {width: inherit}
#simpleDivider_stacks_in_87_page3 .theDivider1 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-top-style: solid;
	border-bottom-style: solid;
}
#simpleDivider_stacks_in_87_page3 .theDivider2 {
	height: 4px;
	background-color: #E0E0E0;
}
#stacks_in_87_page3 {
	margin: 0px 0px 15px 0px;
}

#stacks_in_127_page3 {
	line-height: 0.700000em;
	font-size: 90%;
}
/*
 * AUTHOR: JEREMY HAWES
 * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/
 * Support: support@1littledesigner.com
 * Version 1.0.0
 * Simple Divider is a Free Stack for RapidWeaver allowing easy drag-and-drop of a simple divider with minimal customization options.
 */

#simpleDivider_stacks_in_91_page3 {
	width: 100%;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}
#simpleDivider_stacks_in_91_page3 .theDivider1, #simpleDivider_stacks_in_91_page3 .theDivider2 {width: inherit}
#simpleDivider_stacks_in_91_page3 .theDivider1 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-top-style: solid;
	border-bottom-style: solid;
}
#simpleDivider_stacks_in_91_page3 .theDivider2 {
	height: 4px;
	background-color: #E0E0E0;
}
#stacks_in_91_page3 {
	margin: 0px 0px 15px 0px;
}
.backEndForBack {
	width: 100%;
	height: auto;
	background:#818181;	
	
}

.backEndForBack h2{
	text-align:center;
}

.DSNone {
	display: none !important;	
}

.card {
  display: block;
  width: 100%;
  
  
  position: relative;
  z-index: 1;
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
					
}

.CP_stacks_in_1084_page3 {
	height: 250px;
	
}

.card .wrap {
  width: 100%;
  height: 100%;
  
  position: absolute;
					
  -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: -webkit-transform 0.4s linear;
  -moz-transition: -moz-transform 0.4s linear;
  -o-transition: -o-transform 0.4s linear;
  transition: transform 0.4s linear;
  
}

.SHA {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.PlaceHolder4Sha {
	
}

.face {padding: 30px 6px 6px 6px;}

.card .wrap.flipped {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform:rotateY(180deg);
  transform: rotateY(180deg);
  
}



.front {
	-webkit-transition: opacity 0.4s;
	-moz-transition :opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.FR_stacks_in_1084_page3 {
	background: #FFFFFF ;
					
}

.BA_stacks_in_1084_page3 {
	background-color: #FFFFFF ;
					
	
}

.f_stacks_in_1084_page3 {
	color: #000000 !important;
	background-color: #EEEEEE;
}

.b_stacks_in_1084_page3 {
	color: #000000 !important;
}

.flipped .front {
  opacity: 0.0;
  
}


.card .wrap.flipped .name, .card .wrap.flipped .flip {
  background: none;
  color: white;
}
.card .face {
  position: absolute;
  
  width: 100%;
  height: 100%;
					
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #2d2d2d;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  overflow:hidden;
}
.card .face img {
  top: 0;
  left: 0;
}
.card .face a.flip, .card .face a.flipback {
  display: inline-block;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  right: 0px;
  top: 0px;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
  z-index: 2;
  width: 100%;
  text-align:right;
  padding: 0 5px 0 0;
}
.card .face a.flipback {
  color: black;
  font-size: 24px;
  line-height: 24px;
}


.card .face a.button {
  text-decoration: none;
  color: white;
  padding: 10px 12px;
  font-weight: 500;
  background-color: #14e700;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600));
  background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%);
  background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%);
  background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%);
  background-image: linear-gradient(top, #14e700 0%, #147600 100%);
  border: 1px solid #149100;
  text-align: center;
  display: block;
  margin: 25px auto 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
/*.card .face a.button:hover {
  -webkit-box-shadow: 0 0 15px #10ff00;
  -moz-box-shadow: 0 0 15px #10ff00;
  box-shadow: 0 0 15px #10ff00;
}*/
/*.card .face a.button:active {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF147600', endColorstr='#FF14E700');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #147600), color-stop(100%, #14e700));
  background-image: -webkit-linear-gradient(top, #147600 0%, #14e700 100%);
  background-image: -moz-linear-gradient(top, #147600 0%, #14e700 100%);
  background-image: -o-linear-gradient(top, #147600 0%, #14e700 100%);
  background-image: linear-gradient(top, #147600 0%, #14e700 100%);
  -webkit-box-shadow: 0 0 2px #10ff00;
  -moz-box-shadow: 0 0 2px #10ff00;
  box-shadow: 0 0 2px #10ff00;
}
*/

.card .face.back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /*padding: 10px;*/
  
   
}

.x .wrap.flipped {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.x .face.back {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
   
}

.d .wrap.flipped {
  -webkit-transform: rotate3d(45, 45, 0, 180deg);
  -moz-transform: rotate3d(45, 45, 0, 180deg);
  -ms-transform: rotate3d(45, 45, 0, 180deg);
  -o-transform: rotate3d(45, 45, 0, 180deg);
  transform: rotate3d(45, 45, 0, 180deg);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.d .face.back {
  -webkit-transform: rotate3d(45, 45, 0, 180deg);
  -moz-transform: rotate3d(45, 45, 0, 180deg);
  -ms-transform: rotate3d(45, 45, 0, 180deg);
  -o-transform: rotate3d(45, 45, 0, 180deg);
  transform: rotate3d(45, 45, 0, 180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
   
}


/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

.link {
  color: white;
}

/* opera9+, IE9, IE8, IE7 */
.card .back {
  display:none;
  
}
/* opera9+, IE9, IE8, IE7  */
.flipped .back {
  display:block;
  
}

@media screen and (max-width: 800px) {
	.CP_stacks_in_1084_page3 {
	/*height: 250+=200px !important;
	*/
	padding-bottom: 100px;
	}
}
#stacks_out_1086_page3 {
	width: 210px;
	margin-left:0;
}

#stacks_in_1090_page3 {
	line-height: 0.700000em;
	font-size: 90%;
}


.masonryBox25  {
	float: left;
	width: 22% ;
	display:block;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:10px;
	margin-bottom:10px;
	}
	


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

.masonryBox25  {
	float: left;
	width: 100% ;
	display:block;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.masonryBox25  {
	float: left;
	width: 100% ;
	display:block;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 720px)  {
.masonryBox25  {
	float: left;
	width: 100% ;
	display:block;
	}
}
#stacks_out_107_page3 {
	width: 30px;
	margin-left:0;
}