html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
body{
  font-family: Sans-Serif;
}

#barisco-app {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  /*visibility: hidden;*/
  cursor: auto;
}
#pageLoader {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
  height: 100px;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 100px;
  border-radius: 12px;
}
#pageLoader img {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
#barisco-zoom {
  font-size: 18px;
  position: absolute;
  padding: 10px;
  color: white;
  text-shadow: 2px 2px black;
  display: none;
}
#barisco-orientation {
  position: absolute;
  display: none;
  background: black;
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  z-index: 2001;
}
.com {
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.com.hidden {
  display: none;
  background-image: none !important;
}
.com.play .com.text {
  -moz-backface-visibility: visible;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.com.timeline-reverse {
  -webkit-animation-direction: reverse !important;
  -webkit-animation-fill-mode: none !important;
  animation-direction: reverse  !important;
}
.com.text {
  word-wrap: break-word;
  word-spacing: -0.0065em;
  letter-spacing: -0.012em;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.com.text>h1, .com .text>h2, .com .text>h3, .com .text>h4, .com .text>h5, .com .text>h6{
  padding: 0px;
  margin:0px;
  margin-top: 0px;
  margin-bottom: 0px;

  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.com.text.text-align-start {
  text-align: start;
  position: static;
}
.com.text.text-align-left {
  text-align: left;
  position: static;
}
.com.text.text-align-right {
  text-align: right;
  position: static;
}
.com.text.text-align-center {
  text-align: center;
  position: static;
}
.com.text.text-align-justify {
  text-align: justify;
  position: static;
}
.com.text sub {
  font-size: smaller;
  bottom: -0.25em;
  line-height: 0;
  position: relative;
}
.com.text sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 0;
}
.com.text a {
  text-decoration: none;
  text-indent: 0;
}
.com.text a.hyperlink span {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  word-spacing: 0;
}
.com.text span {
    display: inline;
    vertical-align: baseline;
    white-space: pre-wrap;
    -moz-tab-size: 4;
    tab-size: 4;
    -o-tab-size: 4;
}
.com.text.text-align-justify span {
    white-space: normal;
}
.com.image,
.com.page {
  background-repeat: no-repeat;
}
.com.image.hidden,
.com.page.hidden {
  background-image: none !important;
}
.com.image.fillmode-zoom,
.com.page.fillmode-zoom {
  background-size: cover;
}
.com.image.fillmode-envelop,
.com.page.fillmode-envelop {
  background-size: contain;
}
.com.image.fillmode-scale,
.com.page.fillmode-scale {
  background-size: 100% 100%;
}
.com.image.fillmode-repeat-x,
.com.page.fillmode-repeat-x {
  background-repeat: repeat-x;
}
.com.image.fillmode-repeat-y,
.com.page.fillmode-repeat-y {
  background-repeat: repeat-y;
}
.com.image.fillmode-repeat,
.com.page.fillmode-repeat {
  background-repeat: repeat;
}
.com.image.fillmode-align-top-left,
.com.page.fillmode-align-top-left {
  background-position: top left;
}
.com.image.fillmode-align-bottom-left,
.com.page.fillmode-align-bottom-left {
  background-position: bottom left;
}
.com.image.fillmode-align-center-left,
.com.page.fillmode-align-center-left {
  background-position: center left;
}
.com.image.fillmode-align-top-right,
.com.page.fillmode-align-top-right {
  background-position: top right;
}
.com.image.fillmode-align-bottom-right,
.com.page.fillmode-align-bottom-right {
  background-position: bottom right;
}
.com.image.fillmode-align-center-right,
.com.page.fillmode-align-center-right {
  background-position: center right;
}
.com.image.fillmode-align-top-center,
.com.page.fillmode-align-top-center {
  background-position: top center;
}
.com.image.fillmode-align-bottom-center,
.com.page.fillmode-align-bottom-center {
  background-position: bottom center;
}
.com.image.fillmode-align-center-center,
.com.page.fillmode-align-center-center {
  background-position: center center;
}
.com.image>img{
  width:100%;
  height:100%;
}
.com.viewport {
  overflow: hidden;
}
.com.background-center-center {
  background-position: center center;
}
.com.im-align-horizontal {
  margin-left: auto !important;
  margin-right: auto !important;
}
.com.im-align-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.com.align-horizontal {
  left: 50%;
  margin-left: -50%;
}
.com.align-vertical {
  top: 50%;
  margin-top: -50%;
}
.com.align-top {
  top: 0;
}
.com.align-right {
  right: 0;
}
.com.align-bottom {
  bottom: 0;
}
.com.align-left {
  left: 0;
}
.com.clickAble {
  cursor: pointer;
  cursor: hand;
}

a.com.text {
  text-decoration: none;
}
a.com {
  text-decoration: none;
}
a.com{
  display:block;
}
.com.centerOrigin {
  -webkit-transform-origin: 50% 50% !important;
  -moz-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  -o-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
}
.com.page {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.com.button-click,
.com .button-normal,
.com .button-hover {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.com.slide-show {
  opacity: 1;
}
.com.slide-hide {
  opacity: 0;
}
.com.interactive {
  text-align: start;
}


.com.iframe{
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    /* CSS overrides for mobile here */
    .com.iframe {
        overflow: auto;
    }
}

.com.iframe > iframe{
    width : 100%;
    height: calc(100% - 5px);
}

body.not-ready .com.image {
  background-image: none !important;
}
.swiper-container {
  height: 100%;
  width: 100%;
}
.swiper-slide {
  overflow: hidden;
}
.slide-inner {
  position: absolute;
  width: 100px;
  height: 100%;
  overflow: hidden;
}
/*********************************************** for scroller ***************************************/
.iScrollIndicator {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.901961);
  border-radius: 3px;
  width: 100%;
  transition-duration: 0ms;
  -webkit-transition-duration: 0ms;
  display: block;
  height: 113px;
  transform: translate(0px, 0px) translateZ(0px);
  transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
  background: rgba(0, 0, 0, 0.498039);
}
.ps-container .ps-scrollbar-x-rail {
  position: absolute;
  /* please don't change 'position' */
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
  opacity: 0.6;
}
.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container .ps-scrollbar-x-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  /* please don't change 'position' */
  right: 0px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 13px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ps-container.ie6 .ps-scrollbar-x {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */
}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
  background-color: #999;
}
.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 13px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ps-container.ie6 .ps-scrollbar-y {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */
}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #999;
}
.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
  visibility: hidden;
}
.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
  visibility: visible;
}
.iScrollIndicator{
    box-sizing: border-box;
    position: absolute;
    border: none;
    border-radius: 1px;
    transition-duration: 0ms;
    -webkit-transition-duration: 0ms;
    display: block;
    background: rgba(0, 0, 0, 0.498039);
    margin: auto;
}
.scrollbar-content{
    width: 100%;
    height: 100%;
}

.scrollbar-pane{
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 1px;
    left: -1px;
    top: -1px;
}

hr.horizontal-line{
    border-top: 1px solid;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

hr.vertical-line{
    border-top: none;
    border-left: 1px solid;
    border-right: none;
    border-bottom: none;
}

hr {
    border-top: 1px solid;
    border-left: none;
    border-right: none;
    border-bottom: none;

    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}/*
div.sharecontainer{
	
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	z-index: 10000;
	
}



div.sharecontainer a.button{
	
	display: block;
	
	padding:4px;
	
	
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );

    
    
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #333333;
    cursor: pointer;
    
    font: 11px Helvetica, sans-serif;
    margin-bottom: 0;
    padding: 4px 4px 3px 4px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
	
}

div.sharecontainer div.background{
	position:absolute;
	background-color: #000000;
	opacity: 0.75;
	width: 100%;
	height: 100%;
}

div.sharecontainer div.panel{
	position:absolute;
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	width: 500px;
	height: 300px;
	left: 50%;
	top: 50%;
	margin: -150px 0 0 -250px;
}


div.sharecontainer div.panel div.inner{
	position:absolute;
	padding: 20px;
}


div.sharecontainer div.panel div.display{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 248px;
	height: 258px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}


div.sharecontainer div.panel div.display img{
	position: absolute;
	left: 0;
	top: 0;
	-webkit-box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.6);
	box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.6);
	margin: auto;
}

div.sharecontainer div.panel div.options{
	position: absolute;
	left: 288px;
	top: 20px;
	width: 190px;
	height: 260px;
}


div.sharecontainer div.panel div.options ul{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

div.sharecontainer div.panel div.options ul li{
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
}

div.sharecontainer a.button.share-button{
	
	display: block;
		
	width: 180px;
	height:32px;
		
    padding: 4px 4px 3px 4px;
	
}

div.sharecontainer a.button.close-button{
	
	display: block;
		
		
    padding: 4px 4px 3px 4px;
    
    position: absolute;
    
    bottom: 0;
    right: 0;
	
    font: 11px Helvetica, sans-serif;
    
    text-decoration: none;
}

div.sharecontainer a.share-button img{
	float: left;
	display: block;
	width: 32px;
	height:32px;
}

div.sharecontainer a.share-button span{
	float: left;
	display: block;
	width: 132px;
	height:32px;
    font: bold 12px Helvetica, sans-serif;
    line-height: 32px;
    padding-left: 6px;
}
*/

div.sharecontainer {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	font-family: Helvetica, sans-serif;
}
div.sharecontainer div.background{
	position:absolute;
	background-color: #000000;
	opacity: 0.75;
	width: 100%;
	height: 100%;
}
div.sharecontainer a.button{
	display: block;
	padding:4px;

	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5F5F5;

	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );

	background-repeat: repeat-x;
	border-color: #CCCCCC #CCCCCC #B3B3B3;
	border-image: none;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	color: #333333;
	cursor: pointer;

	font: 11px Helvetica, sans-serif;
	margin-bottom: 0;
	padding: 4px 4px 3px 4px;
	text-align: left;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
}
div.sharecontainer div.panel{
	position: fixed;
	top: 50%;
	left:50%;
	margin-left: -140px;
	margin-top: -200px;
	width: 260px;

	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	padding: 0 10px;
}
div.sharecontainer div.panel div.inner{
	position: relative;
}

div.sharecontainer a.button.button-subscribe{
	display: block;
	width: 96%;
	height:22px;
	margin: 0 0 0 0;
	padding: 4px 4px 3px 4px;
	text-decoration: none;
}
div.sharecontainer a.button.button-subscribe span{
	display: block;
	font: bold 14px Helvetica, sans-serif;
	line-height: 22px;
	text-align: center;
}
div.sharecontainer a.button.close-button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: none;
	border: 0 none;
	color: #000;
	font-size: 22px;
	font-weight: 700;
	opacity: 0.3;
	padding: 0;
	text-decoration: none;
	text-align: right;
	z-index: 2;
}
div.sharecontainer div.errormessage{
	font: bold 14px Helvetica, sans-serif;
	color: #ba0000;
}

/* share */
div.sharecontainer div.panel div.display{
	height: 258px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
}
div.sharecontainer div.panel div.display img{
	-webkit-box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.6);
	box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.6);
	margin: auto;
}
div.sharecontainer div.panel div.options{
	width: 96%;
}
div.sharecontainer div.panel div.options ul{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
div.sharecontainer div.panel div.options ul li{
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
}
div.sharecontainer a.button.share-button{
	display: block;
	width: 100%;
	height:32px;
	padding: 4px 4px 3px 4px;
}
div.sharecontainer a.share-button img{
	float: left;
	display: block;
	width: 32px;
	height:32px;
}
div.sharecontainer a.share-button span{
	float: left;
	display: block;
	width: 132px;
	height:32px;
	font: bold 12px Helvetica, sans-serif;
	line-height: 32px;
	padding-left: 6px;
}


/* subscribe */
div.sharecontainer div.panel div.subscribe {
	font-size: 12px;
}
div.sharecontainer div.subscribe div.step2 {
	display: none;
}
div.sharecontainer div.subscribe div.step2 h3 {
	font-size: 16px;
}
div.sharecontainer div.subscribe h3{
	font-size: 18px;
	margin-bottom: 8px;
}
div.sharecontainer div.subscribe h4{
	font-size: 14px;
	margin:0;
	padding:5px 0 0px 0;
}
div.sharecontainer div.subscribe p{
	font-size: 12px;
	margin-bottom:8px;
	line-height: 16px;
}
div.sharecontainer div.subscribe div.form{
	padding: 6px 0 0 0;
}
div.sharecontainer div.subscribe div.form div.row{
	padding: 0 0 8px 0;
	clear: both;
}
div.sharecontainer div.subscribe div.form div.row label{
	font-weight: bold;
}
div.sharecontainer div.subscribe div.form input[type="text"]{
	display: block;

	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5F5F5;

	background: #fff;

	border-color: #CCCCCC #CCCCCC #B3B3B3;
	border-image: none;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;

	color: #333333;

	margin-bottom: 0;
	padding: 6px;
	text-align: left;
	vertical-align: middle;

	font: bold 12px Helvetica, sans-serif;
}
div.sharecontainer div.subscribe div.form input[type="text"] {
	float: left;
	width: 95%;
	display: block;
}
div.sharecontainer div.subscribe div.form input.field-firstname{
	margin-bottom: 8px;
}
div.sharecontainer div.subscribe div.form input.prompt{
	color: #bbb;
}


/* sendtofriend */
div.sharecontainer div.panel.sendtofriends {
	margin-top: -240px;
}
div.sharecontainer div.panel div.sendtofriends {
	font-size: 12px;
}
div.sharecontainer div.sendtofriends div.step2 {
	display: none;
}
div.sharecontainer div.sendtofriends div.step2 h3 {
	font-size: 16px;
}
div.sharecontainer div.sendtofriends h3{
	font-size: 18px;
	margin:0;
}
div.sharecontainer div.sendtofriends h4{
	font-size: 14px;
	margin:0;
	padding:5px 0 0px 0;
}
div.sharecontainer div.sendtofriends p{
	font-size: 13px;
	margin:0;
	padding:0 0 16px 0;
}
div.sharecontainer div.sendtofriends div.form{
	padding: 6px 0 0 0;
}
div.sharecontainer div.sendtofriends div.form div.row{
	padding: 0 0 8px 0;
	clear: both;
}
div.sharecontainer div.sendtofriends div.form div.row label{
	font-weight: bold;
}
div.sharecontainer div.sendtofriends div.form input{
	display: block;

	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5F5F5;

	background: #fff;

	border-color: #CCCCCC #CCCCCC #B3B3B3;
	border-image: none;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;

	color: #333333;

	margin-bottom: 0;
	padding: 6px;
	text-align: left;
	vertical-align: middle;

	font: bold 12px Helvetica, sans-serif;
}
div.sharecontainer div.sendtofriends div.form input {
	float: left;
	width: 95%;
	display: block;
}
div.sharecontainer div.sendtofriends div.form input.field-firstname{
	margin-bottom: 8px;
}
div.sharecontainer div.sendtofriends div.form input.field-friendfirstname{
	margin-bottom: 8px;
}
div.sharecontainer div.sendtofriends div.form input.prompt{
	color: #bbb;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	div.sharecontainer div.panel{
		margin-left: -250px;
		margin-top: -200px;
		width: 500px;
	}
	div.sharecontainer div.panel div.display {
		float:left;
		width: 248px;
		height: 258px;
		margin-left: 10px;
	}
	div.sharecontainer div.panel div.options {
		width: 190px;
		float: right;
		margin-right: 20px;
	}
	div.sharecontainer a.button.button-subscribe{
		display: block;
		float: left;
		width: 90px;
		height:22px;
		margin: 0 0 0 0;
		padding: 4px 4px 3px 4px;
		text-decoration: none;
	}

	/* subscribe */
	div.sharecontainer div.subscribe div.form input.field-email{
		float: left;
		width: 240px;
	}
	div.sharecontainer div.subscribe div.form input.field-firstname{
		float: left;
		width: 100px;
		margin-bottom: 0;
	}
	div.sharecontainer div.subscribe div.form input.field-lastname{
		float: left;
		width: 118px;
		margin-left: 8px;
	}

	/* sendtofriend */
	div.sharecontainer div.sendtofriends div.form input.field-email{
		float: left;
		width: 240px;
		margin: 0;
	}
	div.sharecontainer div.sendtofriends div.form input.field-friendemail{
		float: left;
		width: 220px;
		margin-bottom: 8px;
	}
	div.sharecontainer div.sendtofriends div.form input.field-firstname{
		float: left;
		width: 100px;
	}
	div.sharecontainer div.sendtofriends div.form input.field-friendfirstname{
		float: left;
		width: 140px;
		margin-right: 8px;
	}
	div.sharecontainer div.sendtofriends div.form input.field-lastname{
		float: left;
		width: 118px;
		margin: 0 0 0 8px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}