.spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
			}
			
	
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);

			}
			
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

.spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 

			}

}

@media only screen 
and (max-width : 740px) {

.spp-pos-scrollpop_left {
				 max-width: 85%;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 

			}
			
			.spp-pos-content {
				height: 218px;
			}
			
			.spp-pos-content embed, iframe, img, object, video {
				border: red solidl;
				width: 52% !important;
			}
				
				.spp-pos-scrollpop_left
				{
				max-height:90%!important;
				}
			
			.spp-pos-content h2 {
				font-size: 18px !important;
			}

}


/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  .spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 border:green solid;

			}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
 
 .spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 border:green solid;

			}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  .spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 border:green solid;

			}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  
  .spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 border:green solid;

			}
			
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  
  .spp-pos-scrollpop_left {
				width:350px;
				z-index:10000;
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
				 border:green solid;

			}
			
}

		
			
			.spp-pos-scrollpop_left { padding: 15px !important;}
@font-face{font-family:pm-poponscroll;src:url(../font/pm-poponscroll.eot?73749741);src:url(../font/pm-poponscroll.eot?73749741#iefix) format('embedded-opentype'),url(../font/pm-poponscroll.woff?73749741) format('woff'),url(../font/pm-poponscroll.ttf?73749741) format('truetype'),url(../font/pm-poponscroll.svg?73749741#pm-poponscroll) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:inherit;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.icon-down-open:before{content:'\e805'}.icon-publish:before{content:'\e800'}.icon-right-open:before{content:'\e807'}.icon-up-open:before{content:'\e808'}.icon-angle-left:before{content:'\e802'}.icon-angle-right:before{content:'\e801'}.icon-left-open:before{content:'\e806'}.icon-angle-down:before{content:'\e804'}.icon-angle-circled-left:before{content:'\e80c'}.icon-angle-circled-right:before{content:'\e809'}.icon-angle-circled-up:before{content:'\e80a'}.icon-angle-circled-down:before{content:'\e80b'}.icon-angle-up:before{content:'\e803'}.single-spp_pos_scrollpop h1,.single-spp_pos_scrollpop h2,.single-spp_pos_scrollpop h3,.single-spp_pos_scrollpop p{margin-bottom:10px;line-height:120%}.spp-pos-preview{font-size:110%;line-height:130%}.spp-pos-scrollpop{position:fixed;right:-350px;bottom:0;z-index:10000;width:300px;-webkit-box-shadow:2px 3px 3px 5px #aaa;-ms-box-shadow:2px 3px 3px 5px #aaa;-moz-box-shadow:2px 3px 3px 5px #aaa;-o-box-shadow:2px 3px 3px 5px #aaa;box-shadow:2px 3px 3px 5px #aaa}.spp-pos-scrollpop p{margin-bottom:10px}.spp-pos-scrollpop .spp-pos-content{margin:10px;top:0;left:0}.spp-pos-scrollpop-close{text-align:right;text-decoration:underline;cursor:pointer;padding:3px;float:right}.spp-pos-cathdr{text-transform:uppercase;letter-spacing:1px;font-size:12px}.spp-pos-suggested{font-weight:700;font-size:18px; } /* ============================================================  COMMON============================================================ */#wrapper {  min-width: 600px;}.settings {  display: table;  width: 100%;}.settings .row {  display: table-row;}.settings .question,.settings .switch {  display: table-cell;  vertical-align: middle;  padding: 10px;}.settings .question {  width: 600px;  font-family: "Roboto Slab", serif;  font-size: 20px;}/* ============================================================  COMMON============================================================ */.cmn-toggle {  position: absolute;  margin-left: -9999px;  visibility: hidden;}.cmn-toggle + label {  display: block;  position: relative;  cursor: pointer;  outline: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}/* ============================================================  SWITCH 1 - ROUND============================================================ */input.cmn-toggle-round + label {  padding: 2px;  width: 120px;  height: 60px;  background-color: #dddddd;  -webkit-border-radius: 60px;  -moz-border-radius: 60px;  -ms-border-radius: 60px;  -o-border-radius: 60px;  border-radius: 60px;}input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {  display: block;  position: absolute;  top: 1px;  left: 1px;  bottom: 1px;  content: "";}input.cmn-toggle-round + label:before {  right: 1px;  background-color: #f1f1f1;  -webkit-border-radius: 60px;  -moz-border-radius: 60px;  -ms-border-radius: 60px;  -o-border-radius: 60px;  border-radius: 60px;  -webkit-transition: background 0.4s;  -moz-transition: background 0.4s;  -o-transition: background 0.4s;  transition: background 0.4s;}input.cmn-toggle-round + label:after {  width: 58px;  background-color: #fff;  -webkit-border-radius: 100%;  -moz-border-radius: 100%;  -ms-border-radius: 100%;  -o-border-radius: 100%;  border-radius: 100%;  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);  -webkit-transition: margin 0.4s;  -moz-transition: margin 0.4s;  -o-transition: margin 0.4s;  transition: margin 0.4s;}input.cmn-toggle-round:checked + label:before {  background-color: #8ce196;}input.cmn-toggle-round:checked + label:after {  margin-left: 60px;}/* ============================================================  SWITCH 2 - ROUND FLAT============================================================ */input.cmn-toggle-round-flat + label {  padding: 2px;  width: 120px;  height: 60px;  background-color: #dddddd;  -webkit-border-radius: 60px;  -moz-border-radius: 60px;  -ms-border-radius: 60px;  -o-border-radius: 60px;  border-radius: 60px;  -webkit-transition: background 0.4s;  -moz-transition: background 0.4s;  -o-transition: background 0.4s;  transition: background 0.4s;}input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {  display: block;  position: absolute;  content: "";}input.cmn-toggle-round-flat + label:before {  top: 2px;  left: 2px;  bottom: 2px;  right: 2px;  background-color: #fff;  -webkit-border-radius: 60px;  -moz-border-radius: 60px;  -ms-border-radius: 60px;  -o-border-radius: 60px;  border-radius: 60px;  -webkit-transition: background 0.4s;  -moz-transition: background 0.4s;  -o-transition: background 0.4s;  transition: background 0.4s;}input.cmn-toggle-round-flat + label:after {  top: 4px;  left: 4px;  bottom: 4px;  width: 52px;  background-color: #dddddd;  -webkit-border-radius: 52px;  -moz-border-radius: 52px;  -ms-border-radius: 52px;  -o-border-radius: 52px;  border-radius: 52px;  -webkit-transition: margin 0.4s, background 0.4s;  -moz-transition: margin 0.4s, background 0.4s;  -o-transition: margin 0.4s, background 0.4s;  transition: margin 0.4s, background 0.4s;}input.cmn-toggle-round-flat:checked + label {  background-color: #8ce196;}input.cmn-toggle-round-flat:checked + label:after {  margin-left: 60px;  background-color: #8ce196;}/* ============================================================  SWITCH 3 - YES NO============================================================ */input.cmn-toggle-yes-no + label {  padding: 2px;  width: 120px;  height: 60px;}input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  color: #fff;  font-family: "Roboto Slab", serif;  font-size: 20px;  text-align: center;  line-height: 60px;}input.cmn-toggle-yes-no + label:before {  background-color: #dddddd;  content: attr(data-off);  -webkit-transition: -webkit-transform 0.5s;  -moz-transition: -moz-transform 0.5s;  -o-transition: -o-transform 0.5s;  transition: transform 0.5s;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -ms-backface-visibility: hidden;  -o-backface-visibility: hidden;  backface-visibility: hidden;}input.cmn-toggle-yes-no + label:after {  background-color: #8ce196;  content: attr(data-on);  -webkit-transition: -webkit-transform 0.5s;  -moz-transition: -moz-transform 0.5s;  -o-transition: -o-transform 0.5s;  transition: transform 0.5s;  -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;}input.cmn-toggle-yes-no:checked + label:before {  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg);  transform: rotateY(180deg);}input.cmn-toggle-yes-no:checked + label:after {  -webkit-transform: rotateY(0);  -moz-transform: rotateY(0);  -ms-transform: rotateY(0);  -o-transform: rotateY(0);  transform: rotateY(0);}