.angled-bg { width: 265px; height: 20px; transform: skew(-20deg);  background: #ff2c71; margin: auto; }	
@media(min-width: 1201px) { #pane-0 .container { margin-left: 640px; width:55% }}
 
h1 { font-family:'Open Sans', Arial, Helvetica, sans-serif; }
h2 { width: 85%; text-align: center; margin: auto; font-size: 1.2em;}
h3.pricing {
position: relative;
left: -50%
}
.main-container { 
	/*width:900px;*/
	display: block;
}
.main-container2 {  
	display: inline-block;
    /*border-bottom: 1px solid #9a9a9a;*/hi
    border-top: 1px solid #9a9a9a;
    padding-bottom: 15px;
    padding-top: 8px;
    margin-top: 20px;
}
.other-options { 
    font-size: 14px; 
    color: #a5a5a5; 
}
.fixer-container { 
	display: inline-block;
}
#banner {
	background-image: url('/offers/img/bg-couple-cheerful-remote1.jpg');
	border-bottom: 5px solid #00c0ee;
}
@media(min-width: 1024px){ #banner-content  { 
	padding-top:0px
}}
#banner-content strong {
	color: #00c0ee
}
 
#banner-content .free-download-button:active   {
background-color: #66d9f4
}
 
#pane-0 {
	background-color: #FFFFFF;
}
#pane-0 a {
	color: #00c0e7;
}
#pane-0 a:hover {
	color: #36d5fb;
}
#pane-0 a:active {
	color: #03aad2;
}
#pane-0 .free-download-button {
	background-color: #00c0e7;
}
#pane-0 .free-download-button:hover {
	background-color: #36d5fb;
}
#pane-0 .free-download-button:active {
	background-color: #03aad2;
}
#pane-0 strong {
	color: #00c0e7;
}
#pane-0 .free-download-button {
	color: #FFF;
}
#pane-0 h1 {
	text-align: center;
}
#pane-0 h2 {
	text-align: center;
} 
#pane-0 .pane-buttons {
	text-align: center;
}
/* page */
#content a.free-download-button {
	margin-top: 2px; 
}

.free-download-button {
	background-color: #00c0ee;
}
.free-download-button:hover {
	background-color:#66d9f4;
	border:5px solid #ffffff;
}  
 

a.free-download-button, a.free-download-button:hover, a.free-download-button:active,a.free-download-button1, a.free-download-butto1n:hover, a.free-download-button1:active {
      color: #FFF !important;
}
 
a.free-download-button,  a.free-download-button1{
    display: block;
    margin-left: auto;
    margin-right: auto;  
    border-radius: 40px; 
    z-index: 10;
    position: relative; 
    font-weight:bold;
    text-align:center
}


a.free-download-button, a.free-download-button1 {
	margin-top: 2px;
	/*width: 240px;*/
	padding: 7px 15px;
	font-size: 17px; 
	border:5px solid transparent;
}
a.bigButton { 
	width: 260px;
	padding: 15px 15px;
	font-size: 20px
}
.reg-price-container { color:#fff;background-color: #000;width: auto;margin: auto;font-style: italic; color:#fff; font-weight:bold;max-width:250px; margin-bottom:10px }
.plan .bigText {
	font-size:25px;
}

 
#plan-rows {
	text-align: center;
	margin: auto;
	margin-top:0px
}

#plan-rows .plans-title {
	margin-top: 50px;
}  

.plan-name {
	font-size:18px;
	margin-bottom:12px;
}
.plan-highlight {
	height: 15px;
	margin-top: 7px;
	font-style:italic
}
.plan {
	/*width:240px;
	height:135px;*/
	margin: 5px 25px 0px 0px;
}
.plan-big {
	width:260px;
	height:135px;
	margin: 0px 65px 0px 0px;
}

.plan-lifetime {
}
#plan-rows-stack {
display: none;
}

#plan-rows-stack {
	overflow:auto;
	text-align: center;
	margin: auto;
	max-width: 320px;
	margin-top:20px;
	color:#000000;
}
#plan-rows-stack .plans-title {
	margin-top: 20px;
	margin-bottom:15px;
	font-size: 28px;
}
#plan-rows-stack .plan { 
	float:none;
	width:100%;
    height: auto;
	margin: auto;
	margin-bottom:10px;
}
#plan-rows-stack .plan-lifetime {
}
.plan-price { font-size: 32px }
.plan-price-big { font-size: 39px }
.currency { font-size:22px }
.oldprice {
	text-decoration:line-through
}
.regprice {
	color: #da0808; /*#ff3a6d;*/
	font-style:italic;
	font-weight:bold
}

#plan-rows2 .plan-highlight { 
}
#plan-rows2 .plan-price {
	 font-size: 15px  
}
#plan-rows2 .plan-name {
	font-size:14px;
	margin-bottom:12px;
}
#plan-rows2 .currency { font-size:14px }
a.free-download-button2 {
	background-color: #979797;
	border-radius: 40px;
    margin-top: 2px; 
    padding: 5px 15px;
    font-size: 14px;
	color:#fff;
	width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
} 
a.free-download-button2:hover {
	background-color: #b0adad;
} 

#pane-0 h1 {
	margin-bottom:0px
}
#pane-0 h2 {
	font-size:1.3em;
	line-height:1.6em;
	margin:15px 0px 30px 0px
}

/* end page */

#intro-short {clear:both;display:none}
#intro-for-mobile-features { display:none;padding-top:15px;padding-bottom:30px; margin:auto;text-align:center }
.pc-features {
display: table;
border-collapse: collapse;
width: 100%; 
}

.pc-features > div {
display: table-row;
}

.pc-features .feature-bullet, .pc-features .feature-item {
display: table-cell;
padding:2px;
}

.highlight-desc-box-corner-l {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 10px solid #5cbadc3b;
    border-top: 24px solid transparent;
    border-bottom: 0px solid #5cbadc3b;
    margin: auto;
    display: inline-block;
    vertical-align: bottom;
}    
.highlight-desc-box-corner-r {
    width: 0;
    height: 0;
    border-left: 10px solid #5cbadc3b;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 24px solid transparent;
    margin: auto;
    display: inline-block;
    vertical-align: bottom;
}     
.highlight-desc-top {
    height: 24px;
    min-width:250px;
    background-color: #5cbadc3b;
    display: inline-block;
    vertical-align: bottom;
    font-size:18px;
    font-style:italic;
}    


@media screen and (max-width: 640px) {
  /** reset all thumbnail gallery elements to display as block and fill screen **/
  .pc-features,
  .pc-features > div,
  .pc-features .feature-item, {
	display: block;
	width: 100%;
  }
  .feature-bullet { display:none }
  .ckmark-pc-mobile { display:inline }
}
@media(max-width: 950px) {
#plan-rows .plans-title {
margin-top: 0px;
font-size: 1.2em;
}
 h1 {
font-size: 35px;
line-height: 1.1em;
}
}

@media(max-width: 850px) {  
/*
.main-container { 
	width:750px;
}
*/
.plan { 
	/*
	margin: 12px 25px 0px 0px;
	width:210px;
	*/
}
.plan-big {
	width:240px;
	height:135px;
	margin: 0px 25px 0px 0px;
}
a.bigButton  {
	width:230px
}
#banner-content a.free-download-button, #banner-content a.free-download-button1  {
	width:200px;
}
#plan-rows { margin-top:0px}
h2 { font-size:1em;}
}

@media(max-width: 950px) {		
h2 { width: 85%; text-align: center; margin: auto; font-size: 1em;}
#banner-content h2 { width: 85%; text-align: center; margin: auto; font-size: 1em;}
}
@media(max-width: 767px) {		
h2 { width: 85%; text-align: center; margin: auto; font-size: 1em;}
 /*
.main-container { 
	width:700px;
}
*/
.fixer-container { 
	display: inline-block;
}

.plan { 
	/*margin: 12px 25px 0px 0px; */
}
.plan-big {
	width:200px;
	height:135px;
	margin: 0px 25px 0px 0px;
}
#banner-content a.free-download-button, #banner-content a.free-download-button1  {
	width:200px;
}
}
/* switch to stacked plans */
@media(max-width: 729px) { 
	h1 {
		font-size: 2em;
		line-height: 1.1em;
	}	 
	#banner { height: 370px !important } 
	
	/* page */  
	#content a.free-download-button,#content a.free-download-button1 { 
		width:200px;
	}
	.content { /*margin-left: -15px; margin-right: -15px;*/ background-color:#fff; }
	/*#pane-0, #thispane-1 { margin-left: 15px; margin-right: 15px }*/
	
	#guarantee { display:none }
	#plan-rows, #plan-rows2 {
	display: none;
	}
	#intro { margin:10px 20px }
	#plan-rows-stack { 
	margin-top:20px
	}
	#intro-for-mobile-features {
		display:block;
		padding:0px 10px 10px 10px;
	}
	.mobile-feature { margin-bottom:5px }
	.plan-name {
	font-size:25px;
	margin-bottom:0px;
	font-weight:normal !important;
	}
	/*.plan-highlight { height: 28px; margin-top: 7px; }*/
	.plan {
	float:none;
	width:240px;
	height: auto;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
	}
	 #plan-rows-stack {
	display:block;
	text-align: left;
	} 
	 .subheading {
	margin-top: 45px
	}
	 #pane-0 h2 {
	 font-size: 14px;
	 line-height: 20px;
	 margin: 15px 0px 0px 0px;
	}
	 .row {
	/*text-align:center*/ /*12.7.2017 fix for footer issues in mobile*/
	}
	 p.bold {
	text-align: center
	}
	 .container h2 {
	font-size:14px;
	line-height:20px
	}
	.talkbubble { font-weight:normal !important }
	.price-row, .price-row .price-dollars, .price-row .price-cents { font-weight:normal !important } 
	
	/* end page */
}
#pane-0 .feature { width: 33% }

 
@media(max-width: 767px) {
	#pane-0 { max-height: none; }
	#pane-0 .row div {
	margin-top: 25px;
	margin-bottom: 25px;
	}
}
#pane-0 p {
	max-width: 300px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
#pane-0 #connan-image img {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
/*
@media(max-width: 875px) { .plan {width:300px } #plan-2 img, #plan-3 img { width:250px }}  
@media(max-width: 767px) { .plan {width:210px } #plan-2 img, #plan-3 img { width:210px }}
*/
@media(min-width: 767px) { 
.pane h1 {font-size: 40px;}  
} 
   


#pane-0 h1, #pane-0 h2 { text-align:left }
/* ----------- iPhone 4 and 4S ----------- */
/* ----------- iPhone 5 and 5S ----------- */
 /* ----------- iPhone 6, 6+ ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape),
 only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape),
 only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape),
 only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape)  
{
	#banner-content { bottom: 23% }
	#banner { height: 350px !important } 
	#plan-rows, #plan-rows2 {display: none }
	#plan-rows-stack {
		width: 320px;
		margin-top:20px;
		display:block
	}
	#connan { display: none }
	#pane-0 h1, #pane-0 h2 { text-align:center; margin:auto}
	#plan-2 img, #plan-3 img { width: 100%; height:100%}
}
/** connan*/
#pane-0 #connan {  width:516px;  max-height: 769px; background-image: url('https://www.playon.tv/sites/default/files/laptop-ui-crop-1.png'); position:absolute;  left:0; bottom:0; top: 70px; background-repeat: no-repeat; background-position: right 0; } 
  
@media (max-width: 1250px) { #pane-0 #connan {  width:456px;  }}
@media (max-width: 729px) { 
	#connan { display: none }
	#pane-0 #connan-image {
    display: block;
    text-align: left; 
    margin-left: -35px !important;
	}
	#pane-0 { height: auto }
}
@media (max-width: 729px) and (min-width: 430px) { 
	#pane-0 #connan-image { 
		margin-left: -65px !important;
	}
}
/*@media (max-width: 767px) { #pane-0 .container {  width: 45%; } }*/
@media (max-width: 1200px) and (min-width: 730px) { #pane-0 .container {  float:right;width: 50%; } }
 
/* iPad Portrait  */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1)  
{
	 #connan {width: 60% !important; position: absolute !important; background-position: right 0 !important;} 
}  
/* iPad landscape */
@media  
only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1)  
{
	#pane-0 #connan { width: 420px }
}  

#banner-content { bottom: 10% }
/*@media(max-width: 767px) { #connan {display:none} #banner-content { bottom: 1% } }*/
@media(max-width: 740px) { .desc {height:135px} }
@media(max-width: 886px) and (min-width:551px) {
	.plan { margin:5px 5px 0px 5px;  max-width: 310px;}  

}
@media(max-width: 886px)  {
	#plan-2 img, #plan-3 img {width: 290px; height:117px} 
}

.fixer-container {
	float: left;
    position: relative;
    left: 50%;
	display:inline
}
 
#sale-emphasis { background-color:#bb0303;color:#ffffff; width:50%; margin:auto;font-size:29px; font-weight:bold }
@media(max-width:800px) {
	#sale-emphasis {  width:90%; font-size:21px } 
} 
@media screen and (max-width:500px) {
	#sale-emphasis {  width:90%; font-size:18px } 
} 

@media screen and (max-width:410px) {
    .highlight-desc-box-corner-l, .highlight-desc-box-corner-r { display:none !important }
    
}
 
#selected-credits-box { margin-top:20px;font-size:1.8em;text-align: center }
select::-ms-expand {
    display: none;
}
#selected-credits-box select { 
    /* you should keep these firsts rules in place to maintain cross-browser behaviour */
    -webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none; 
    outline: none;     
    background-color: transparent;
	border-radius: 0;
	color: #fff; 
	overflow: hidden;
	border: 1px solid #f1f1f1; 
 	text-indent: 1px;
	text-overflow: ''; 
}

#selected-credits {   
	 overflow: hidden;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;  
	text-indent: 0.01px;
	background:transparent url("/offers/cloud/img/select_down.png") no-repeat right center !important; 
	padding: 5px 24px 5px 2px;  
	width:80px;  
	background-repeat:no-repeat;
	font-size:22px;
	line-height: 30px;
	display:inline;  
}  
 
#selected-credits  option { background-color:#fff}

#plan-desktop   { height:390px; border:1px solid #ffffff;padding:25px; }
#plan-desktop  .plan-left { display:inline-block; margin:auto; text-align:center;background-color:none;margin-right:30px }
#plan-desktop  .plan-right { display:inline-block; margin:auto; text-align:center;margin-left:30px } 
#plan-cloud { height:390px;  border:1px solid #ffffff; margin-left:10px;padding:25px;    max-width: 330px }
@media(max-width:1000px) and (min-width:730px) {	
	#plan-desktop  {  padding:15px }
	#plan-cloud  {  max-width:300px; padding:15px }
	#plan-desktop  .plan-left {  margin-right:5px }
	#plan-desktop  .plan-right {  margin-left:5px }
	#select-credits-box {  font-size:1.5em;  }
}

.button-cta1 { width:180px; margin: auto;text-align: center;padding: 12px 15px; font-size: 17px;background-color: #bb0303;margin-top:25px; border:0px; color: white; }
.button-cta1:hover { background-color: #da0808; color: white;  }  
 
/** features **/ 
#pane-0, #thispane-1 { height: auto }
#thispane-1 .feature { width: 33%; }
@media(max-width: 767px){ #download-icons td { display: block; border: 0px !important; }  }
/*#download-icons { display: none; } */
#download-icons-mobile { display: none;  /*display: table;*/text-align:center }
.ff-mobile { margin-top:15px } 
#download-icons strong, #download-icons-mobile strong { color:#333;}
/*@media(min-width: 767px){ #download-icons { display: table; text-align:center }  } 
@media(min-width: 767px){ #download-icons-mobile { display: none; } } */
@media(max-width: 767px){ #thispane-1 .feature { width: 45%; } } 
@media(max-width: 500px){ #thispane-1 .feature { width: 100%; } } 

 
#plan-desktop { border:none; padding:0px 10px}  
#footer.row { text-align:left !important}