body {
    overflow:hidden;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#B3BCC0;
}
#flipbook {
    width:1160px;
    height:780px;
    margin:-390px 0 0 -580px !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    display:none;
   
}
#flipbook .page {
    width:580px;
    height:780px;
    background-color:white;
    line-height:300px;
    font-size:20px;
    text-align:center;
}
#flipbook .page-wrapper {
    -webkit-perspective:2000px;
    -moz-perspective:2000px;
    -ms-perspective:2000px;
    -o-perspective:2000px;
    perspective:2000px;
}
#flipbook .hard {
    background:#FFF !important;
    color:#333;
    font-weight:bold;
}
.front-cover {
    display:block;
    position:absolute;
    top:18px;
    bottom:18px;
    left:18px;
    right:68px;
    background-color:#fbec5d;
}
.false-front-cover {
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:50px;
    background-color:#FFF;
    border-right:1px solid #CCC;
}
.inside-front {
    display:block;
    position:absolute;
    top:18px;
    bottom:18px;
    left:18px;
    right:0;
    background-color:#FFF;
}
.inside-front img {
    position:absolute;
    height:100%;
    top:0;
    left:0;
    width:auto;
}
.inside-back {
    display:block;
    position:absolute;
    top:18px;
    bottom:18px;
    left:0;
    right:18px;
    background-color:#FFF;
}
.inside-back img {
    position:absolute;
    height:100%;
    width:auto;
    left:-576px;
}
ul {
    padding:0;
    margin: 0 22% 18px;
}
.card-5204366 ul.main-lists{margin-left:16%;margin-right:15%;}

ul li {
    padding: 0;
    list-style:none;
}
a {
    color:#000;
    text-decoration:none;
}
.link {
    color:#000;
}
.small {
    bottom:36px;
    padding:0;
    position:absolute;
    width:100%;
    margin:0;
}
.small li {
    float:left;
    line-height:12px;
    font-size:12px;
    vertical-align:top;
}
.number {
    padding-left:2%;
    width:18%;
}
.from {
    padding-left:2%;
    width:25%;
}
.address {
    padding-left:2%;
    width:48%;
}
.artist {
    background-color:#FFF;
    color:#909;
    position:absolute;
    left:300px;
    top:70px;
    font-size:16px;
    
    -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.back-cover {
    position:relative;
    line-height:22px;
    font-size:18px;
    font-weight:normal;
    text-align:left;
    height: 100%;
}
.first-list {
    margin-top:18px;
}
.vertical {
    line-height: 27px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
}
.vertical h2 {
   -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    top: 50px;
    right: -18px;
    position: absolute;
    height: auto;
    width: auto;
    margin:0;
    padding:0;
    font-size:22px;
}
.vertical h2.bottom {
    bottom:100px;
    top:auto;
    right:-65px;
}
#flipbook .page.p1 {
    background:none!important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -o-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important;
}

.new-space.display1{
   display:block;
}
     
@media only screen and (min-height:500px) and (max-height : 780px){
    #flipbook {
    	width:750px !important;
    	height:510px !important;
        margin:-255px 0 0 -375px !important;
    }
    #flipbook .page {
    	width:375px !important;
    	height:510px !important;
    }
    .back-cover {
    	font-size:12px !important;
    	line-height:16px!important;
	}
	.small li {
    	font-size:9px!important;
	}
	.small li span{
    	display:inline-block !important;
    	margin-right: 4px;
    }
    .small li.address br{
    	display:block !important;
    }
	.vertical h2 {
    	font-size:16px;
    	right: -16px;
    	top:30px;
	}
	.false-front-cover {
    	right:40px;
    }
    .front-cover {
    	right:58px;
    }
}
@media only screen and (max-width:800px) and (max-height : 1030px){
    #flipbook {
    	width:750px !important;
    	height:510px !important;
        margin:-255px 0 0 -375px !important;
    }
    #flipbook .page {
    	width:375px !important;
    	height:510px !important;
    }
    .back-cover {
    	font-size:12px !important;
    	line-height:16px!important;
	}
	.small li {
    	font-size:9px!important;
	}
	.small li span{
    	display:inline-block !important;
    	margin-right: 4px;
    }
    .small li.address br{
    	display:block !important;
    }
	.vertical h2 {
    	font-size:16px;
    	right: -16px;
    	top:30px;
	}
	.false-front-cover {
    	right:40px;
    }
    .front-cover {
    	right:58px;
    }
	.invis-link{
    	margin-top:-10px; !important;
        z-index:10000000000000;
    }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
    
    .invis-link{
    	margin-top:-160px !important;
    }
        
}
    
    
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
    
 	.invis-link{
    	margin-top:-160px !important;
    }    
    
}