.header { background: transparent url('../imgs/header-bg.png') repeat; }

#home .home-bg
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 80px;
 
 background: #000;
}

/* SLIDE - VIDEO */

#video_slide
{ 
 display: none;
 position: absolute;
 top: 80px;
 left: 0;
 right: 0;
 overflow: hidden;
 padding-top: 0;
 
 background: transparent url('../imgs/loader.gif') center center no-repeat;
}

#video_slide .video_slide-close,
#video_slide .video_popup-close
{
 position: absolute;
 top: 20px;
 right: 20px;
 width: 22px;
 height: 22px;
 z-index: 5;
 cursor: pointer;

 background: transparent url('../imgs/video-close.png') center center no-repeat;
}

#video_slide  #video_wrapper
 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
}

#video_popup
{
 display: none;
 position: absolute;
 top: 12%;
 left: 50%;
 width: 43.67%;
 margin-left: -21.84%;
 z-index: 10;

 cursor: pointer;
}

#video_popup .video_popup-close { top: 15%; right: 2%; }

#video_popup > img
{
 display: block;
 width: 100%;
}

#video_popup .video_popup-content
{
 position: absolute;
 bottom: 4%;
 left: 50%;
 width: 76%;
 margin-left: -38%;
}

#video_popup .video_popup-content .list
{
 display: block;
 width: 100%;
 margin: 0;
 padding: 0;
 
 color: #000;
 text-align: left;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}
#video_popup .video_popup-content .list li { margin-bottom: 0.3em; }
#video_popup .video_popup-content .list img { width: 1.15em; margin-bottom: -0.1em; }

#video_popup .video_popup-content .legend
{
 display: block;
 width: 100%;
 margin: 1.2em 0 0 0;
 padding: 0;
 
 text-align: left;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#video_popup .video_popup-content .legend li
{
 float: left;
 display: block;
 width: 33.33%;
 margin: 0;
 padding: 0;
 
 color: #e2e2e2;
 font-size: 65%;
 text-align: center;
 font-weight: normal;
 text-transform: uppercase;
 font-family: Lato, 'HelveticaNeue';
}

#video_popup .video_popup-content .legend li img { height: 1.2em; margin: 0 0.2em -0.08em 0; }
#video_popup .video_popup-content .headband
{
 display: block;
 width: 100%;
 margin: 0.2em 0 0.8em;

 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 background: #fff59b;
 
 color: #1b1b1b;
 font-size: 140%;
 line-height: 165%;
 font-weight: normal;
 text-align: center;
 font-family: Lato, 'HelveticaNeue';
}

#video_popup .video_popup-content a
{
 position: relative;
 display: block;
 width: 70%;
 margin: 1.5em auto 0;
 
 cursor: pointer;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border: 1px solid #8e0040;
 background: #fd0077; /* Old browsers */
 background: -moz-linear-gradient(top,  #fd0077 0%, #920056 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd0077), color-stop(100%,#920056)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #fd0077 0%,#920056 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #fd0077 0%,#920056 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #fd0077 0%,#920056 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #fd0077 0%,#920056 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0077', endColorstr='#920056',GradientType=0 ); /* IE6-9 */
 
 color: #fff;
 font-size: 130%;
 line-height: 198%;
 text-align: center;
 text-decoration: none;
 box-shadow: 0px 1px 0px #84645e;
 font-family: Lato, "HelveticaNeueBold";
}

#video_popup .video_popup-content a:hover
{
 background: #920056; /* Old browsers */
 background: -moz-linear-gradient(top,  #920056 0%, #fd0077 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#920056), color-stop(100%,#fd0077)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #920056 0%,#fd0077 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #920056 0%,#fd0077 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #920056 0%,#fd0077 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #920056 0%,#fd0077 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920056', endColorstr='#fd0077',GradientType=0 ); /* IE6-9 */
}

#video_popup .video_popup-content a img
{
 width: 15%;
 margin: 1% 1% -3% 0;
}

/* SLIDE */

#slide
{
 position: relative;
 height: 30em;
 
 background: transparent url('../imgs/loader.gif') center center no-repeat;
}

#slide .slides { margin: 0; padding: 0; }
#slide .slides li { display: none; position: relative; }
#slide .slides img
{
 display: block;
 width: 100%;
}

#slide .video_link
{
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 
 cursor: pointer;
}

#slide .video_link img
{
 position: absolute;
 top: 50%;
 left: 50%;
 width: 5.5%;
 margin: -2.25% 0 0 -2.25%;
}

#slide .text_container
{
 display: none;
 position: absolute;
 top: 0px;
 left: 0;
 bottom: 0;
 width: 28.9%;
 z-index: 5;
}

#slide .text_container .bg
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

#slide .text_container .text
{
 display: none;
 position: relative;
 /* margin-top: 12%; */
 margin-top: 28%;
}

#slide .text_container .text .title
{
 padding-left: 7.6%;
 border-bottom: 2px solid #000; /*#6d3e37*/
 
 color: #fff;
 font-size: 275%;
 text-transform: uppercase;
 text-shadow: 0px 0px 9px #000;
 font-family: Lato, 'HelveticaNeueBoldCn';
}

#slide .text_container .text p
{
 padding-left: 7.6%;
 margin: 0.45em 0 0 0;
 
 color: #fff;
 font-size: 165%;
 line-height: 1;
 text-shadow: 0px 0px 9px #000;
 font-family: Lato, 'HelveticaNeueBoldCn';
}
#slide .text_container .text p span { color: #ff0089; }

#slide .text_container .text p.accessibility
{
 position: relative;
 margin: 1.9em 0 0;
 padding: 0;
 
 color: #fff;
 line-height: 1;
 text-shadow: 0px 0px 9px #000;
 
 font-family: "PT Sans Narrow", Arial, sans-serif;
 font-size: 100%;
}

#slide .text_container .text p.accessibility img
{
 float: left;
 width: 11.30%;
 margin: -1.5% 2.17% 0 7.6%;
}

#slide .text_container .text .subscribe
{
 position: relative;
 display: block;
 width: 46.30%;
 margin: 6% 0 0 7.2%;
 
 cursor: pointer;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border: 1px solid #8e0040;
 background: #fd0077; /* Old browsers */
 background: -moz-linear-gradient(top,  #fd0077 0%, #920056 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd0077), color-stop(100%,#920056)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #fd0077 0%,#920056 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #fd0077 0%,#920056 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #fd0077 0%,#920056 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #fd0077 0%,#920056 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0077', endColorstr='#920056',GradientType=0 ); /* IE6-9 */
 
 color: #fff;
 font-size: 130%;
 line-height: 198%;
 text-align: center;
 text-decoration: none;
 box-shadow: 0px 1px 0px #84645e;
 font-family: Lato, "HelveticaNeueBold";
}

#slide .text_container .text .subscribe.discover
{
 font-size: 90%;
 width: 55%;
 
 line-height: 240%;
}

#slide .text_container .text .subscribe.discover span
{
 position: relative;
 top: -0.3em;
}

#slide .text_container .subscribe:hover
{
 background: #920056; /* Old browsers */
 background: -moz-linear-gradient(top,  #920056 0%, #fd0077 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#920056), color-stop(100%,#fd0077)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #920056 0%,#fd0077 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #920056 0%,#fd0077 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #920056 0%,#fd0077 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #920056 0%,#fd0077 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920056', endColorstr='#fd0077',GradientType=0 ); /* IE6-9 */
}

#slide .text_container .subscribe img
{
 width: 20%;
 margin: 3% 3% -3% 0;
}

#slide .flex-direction-nav,
#slide .flex-control-nav
{
 position: absolute;
 bottom: 4%;
 right: 2%;
 z-index: 5;
 list-style: none;
 margin: 0;
 padding: 0;
 
 zoom: 1;
}
#slide .flex-control-nav { right: 7%; bottom: 5.8%; }

#slide .flex-control-nav li
{
 float: left;
 width: 0.55em;
 height: 0.55em;
 margin: 0.65em 0.4em 0 0;
}
#slide .flex-control-nav li a
{
 display: block;
 height: 100%;
 border-radius: 5px;
 background: #afaaa4;
 
 text-indent: -9999px;
 line-height: 0;
}
#slide .flex-control-nav li a.flex-active { background: #fff; }

#slide .flex-direction-nav li
{
 float: left;
 width: 1.85em;
 
 cursor: pointer;
}
#slide .flex-direction-nav li + li { margin-left: 0.1em; }
#slide .flex-direction-nav li:hover{ opacity: 0.8; filter: alpha(opacity=80); }
#slide .flex-direction-nav li img { display: block; width: 100%; }

#carousel { position: relative; margin-bottom: 10px; }
#carousel .slides
{
 margin: 0;
 padding: 0;
 list-style: none;
}

#carousel .slides li { display: none; position: relative; }
#carousel .slides li + li { margin-left: 10px; }
#carousel .slides li img{ display: block; cursor: pointer; width: 100%; }

#carousel .slides li .flex-caption
{
 position: absolute;
 width: 100%;
 top: 78.76%;
 bottom: 0;
 margin: 0;
 
 background: transparent url('../imgs/header-bg.png') repeat;
 
 color: #fff;
 font-size: 165%;
 text-align: right;
 text-transform: uppercase;
 text-shadow: 0px 0px 9px #000;
 font-family: Lato, 'HelveticaNeueBoldCn';
}
#carousel .slides li .flex-caption span
{
 float: right;
 *float: none;
 height: 100%;
 margin: 0 0 0 3%;
 padding: 0 2%;
 
 background: #e2007a;
}

#carousel .slides li a
{
 display: block;
 text-decoration: none;
}

#carousel .slides li .overlay
{
 display: none;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 21.24%;
 padding: 9% 6% 0;
 overflow: hidden;
 z-index: 2;
 
 cursor: pointer;
 background: transparent url('../imgs/overlay.png') center center repeat;
 
 color: #fff;
 font-size: 105%;
 text-align: center;
 text-shadow: 0px 0px 9px #000;
 font-family: Lato, 'HelveticaNeueBoldCn';
}

#carousel .slides li .overlay .current_play { display: none; }

#carousel .slides li:hover .overlay,
#carousel .slides li.flex-active-slide .overlay { display: block; }

#carousel .slides li .play_icon
{
 position: absolute;
 width: 20%;
 left: 40%;
 top: 30%;
}

#carousel .slides li.flex-active-slide.playing .overlay .current_hover { display: none; }
#carousel .slides li.flex-active-slide.playing .overlay .current_play { display: block; }

#carousel .slides li .overlay span
{
 display: block;
 
 font-size: 133%;
}
#carousel .slides li .overlay span.title
{ font-size: 105%; }

#carousel .flex-direction-nav
{
 margin: 0;
 padding: 0;
 list-style: none;
}

#carousel .flex-direction-nav li a
{
 position: absolute;
 top: 11px;
 left: 0;
 width: 38px;
 height: 94px;
 
 background: transparent url('../imgs/mobile.png') -224px top no-repeat;
}
#carousel .flex-direction-nav li a.flex-disabled { display: none; }
#carousel .flex-direction-nav li a.flex-next
{
 left: auto;
 right: 0;
 background-position: -186px top;
}

#home .member_access
{
 display: block;
 margin: 0 auto 4%;
 
 color: #000;
 text-decoration: none;
 text-align: center;
}

#home .member_access span
{
 font-size: 375%;
 border-bottom: 2px solid;
 
 letter-spacing: 3px;
}

#home .member_access img
{
 position: relative;
 top: 0.8em;
 
 width: 4em;
 margin-right: 2%;
}
 
#carousel_title,
#carousel_title_mobile
{
 margin: 0.8em 0 0.45em 0;
 padding-left: 2%;
 
 color: #e2007a;
 font-size: 140%;
 line-height: 1;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#carousel_title_mobile { text-align: center; }
 
/* Parrallax */
.home-section
{
 position: relative;
 padding-top: 4.6%;
 
 background: #fff;
}

.section-logo
{
 position: relative;
 height: 27.8em;
 padding: 1.1em 0.9em 1.1em 0;
 
 overflow: hidden;
 
 text-align: right;
}
.section-logo img.section-logo-image { position: relative; width: 17.19%; z-index: 5; }

.scroller-main { display: none; }

.scroller-holder
{
 position: fixed;
 top: 0;
 left: 0;
 overflow: hidden;
}
.scroller-holder img
{
 max-width: none;
 -webkit-perspective: 1000;
 visibility: hidden;
}


/* Features */
#features
{
 width: 69%;
 margin: auto;
}
#features .container
{
 width: 96.63%;
 margin: 0 auto;
}

#features .container .feature { float: left; width: 50%; *width: 49%; }

#features .container .feature img
{
 float: left;
 display: block;
 width: 20%;
}

#features .container .feature .text
{
 float: right;
 width: 77%;
 padding: 0 1% 14% 0;
}

#features .container .feature .text h2
{
 margin: 0;
 
 color: #e2007a;
 line-height: 1;
 font-size: 150%;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
 /* font-family: 'Arial'; */
}
html.limitFontSize #features .container .feature .text h2 { font-size: 26px; }

#features .container .feature .text p
{
 width: 95.5%;
 margin: 1em 0 0 0;
 
 color: #4a4a4a;
 line-height: 125%;
 font-size: 70%;
 font-weight: normal;
 /* font-family: Lato, 'HelveticaNeue'; */
 font-family: 'Arial';
}
 #features .container .feature .text p.mobile { display: none; }
html.limitFontSize #features .container .feature .text p { font-size: 13px; }


/* Devices */
#devices .container
{
 width: 84.88%;
 margin: 0 auto;
 padding-bottom: 5.65em;
}

#devices .container h2
{
 margin: 0 0 0.8em 0;
 
 color: #e2007a;
 font-size: 360%;
 line-height: 1;
 text-align: center;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#devices .container .description
{
 position: relative;
 width: 41%;
 margin: 0;
 
 color: #4a4a4a;
 font-size: 180%;
 line-height: 1;
 text-align: left;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#devices .container .support
{
 position: relative;
 width: 41%;
 margin: 2.2em 0 0 0;
 
 color: #4a4a4a;
 font-size: 100%;
 line-height: 1;
 text-align: left;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}
#devices .container .mobile { display: none; }

#devices .container img { display: block; width: 100%; margin: -12em 0 0 0; }

#devices .container .device
{
 position: absolute;
 bottom: 9%;
 
 color: #4a4a4a;
 font-size: 115%;
 line-height: 1;
 text-align: left;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#devices .container .device.iphone { left: 10.3%; }
#devices .container .device.bb { left: 19%; }
#devices .container .device.wp { left: 27.4%; }
#devices .container .device.android { left: 39.8%; }
#devices .container .device.ipad { right: 41.1%; }
#devices .container .device.desktop { bottom: 22%; right: 15%; }


/* Availability */
#availability { padding-top: 2.8%; }

#availability .container
{
 width: 89.38%;
 margin: 0 auto;
}

#availability .container .map
{
 float: left;
 width: 22.68%;
 margin-right: 3.5%;
 
  cursor: pointer;
}

#availability .container .operator { float: left; width: 35.24%; }
#availability .container .operator h2
{
 margin: 1.6em 0 0.4em 0;
 
 color: #e2007a;
 font-size: 220%;
 line-height: 1;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#availability .container .operator p
{
 margin: 0 0;
 
 color: #000;
 font-size: 100%;
 line-height: 155%;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}
#availability .container .operator p a
{
 cursor: pointer;
 
 color: #e2007a;
 text-decoration: underline;
}
#availability .container .operator p a:hover { text-decoration: none; }
#availability .container .operator p.mobile { display: none; }

#availability .container .providers
{
 float: right;
 width: 33.64%;
}

#availability .container .providers h3
{
 margin: 0 0 0.85em 0;
 
 color: #000;
 font-size: 130%;
 line-height: 1;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#availability .container .providers img { width: 100%; cursor: pointer; }


/* Subscription */
#subscription
{
 position: relative;
 padding: 4.5% 0 0 0;
 
 background: #e0e2e3;
}

#subscription .subscribe_price
{
 position: relative;
 width: 95.25%;
 height: 21.7em;
 margin: 0 auto;
 padding: 0;
 
 list-style: none;
}

#subscription .subscribe_price li
{
 position: relative;
 float: left;
 width: 21.91%;
 height: 100%;
 
 border-radius: 3px;
 border: 1px solid #cfcfcf;
 background: #fff;
}

#subscription .subscribe_price li + li { margin-left: 3.5%; }

#subscription .subscribe_price li.sale { border-color: #41a62a; border-width: 2px; }

#subscription .subscribe_price li .wrapper
{
 width: 88%;
 padding: 8.1% 6%;
}

#subscription .subscribe_price li .wrapper h3
{
 margin: 0.8em 0 0.1em 0;
 
 color: #000;
 font-size: 270%;
 line-height: 1;
 text-align: center;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}
#subscription .subscribe_price li.sale h3 { margin-top: 0; }

#subscription .subscribe_price li .wrapper p.subtitle
{
 margin: 0;
 padding: 0;
 
 color: #e2007a;
 font-size: 130%;
 line-height: 1;
 text-align: center;
 font-weight: normal;
 text-transform: lowercase;
 font-family: Lato, 'HelveticaNeue';
}

#subscription .subscribe_price li.sale .sale_percent
{
 display: block;
 margin: 0.38em 0 0 0;
 
 color: #41a62a;
 line-height: 1;
 font-size: 400%;
 text-align: center;
 font-family: Lato, 'HelveticaNeueBoldCn';
}

#subscription .subscribe_price li .wrapper .price
{
 margin: 1.38em 0 0 0;
 
 
 color: #616161;
 font-size: 195%;
 line-height: 1;
 text-align: center;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}
#subscription .subscribe_price li.small .wrapper .price { font-size: 165%; }

#subscription .subscribe_price li.sale .wrapper .price{ margin-top: 0em; }

/* #subscription .subscribe_price li .wrapper .sale_percent + .price { margin-top: 0.52em; } */
#subscription .subscribe_price li .wrapper .price span
{
 font-size: 48.15%;
}

#subscription .subscribe_price li .wrapper p.price_description
{
 margin: 0.2em 0 0 0;
 padding: 0;
 
 color: #1b1b1b;
 font-size: 110%;
 line-height: 1;
 text-align: center;
 font-weight: normal;
 font-family: Lato, 'HelveticaNeue';
}

#subscription .subscribe_price li .wrapper a
{
 position: absolute;
 bottom: 5%;
 display: block;
 width: 88%;
 margin: 0;
 
 cursor: pointer;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-color: #8e0040;
 background: #fd0077; /* Old browsers */
 background: -moz-linear-gradient(top,  #fd0077 0%, #920056 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd0077), color-stop(100%,#920056)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #fd0077 0%,#920056 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #fd0077 0%,#920056 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #fd0077 0%,#920056 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #fd0077 0%,#920056 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0077', endColorstr='#920056',GradientType=0 ); /* IE6-9 */
 

 color: #fff;
 font-size: 160%;
 line-height: 230%;
 font-weight: bold;
 text-align: center;
 font-family: 'Arial';
 text-decoration: none;
}

#subscription .subscribe_price li.sale .wrapper a
{
 background: #3e9e11; /* Old browsers */
 background: -moz-linear-gradient(top,  #3e9e11 0%, #2b7d0e 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e9e11), color-stop(100%,#2b7d0e)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #3e9e11 0%,#2b7d0e 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #3e9e11 0%,#2b7d0e 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #3e9e11 0%,#2b7d0e 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #3e9e11 0%,#2b7d0e 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9e11', endColorstr='#2b7d0e',GradientType=0 ); /* IE6-9 */
}

#subscription .subscribe_price li .wrapper p.price_description + a { margin-top: 2em; }
#subscription .subscribe_price li.sale .wrapper a { margin-top: 0.88em !important; }
#subscription .subscribe_price li .wrapper a:hover { opacity: 0.8; filter: alpha(opacity=80); }
{
}

#subscription .subscribe_price li .wrapper .promotion
{
 position: absolute;
 top: -2.7%;
 right: -3.9%;
 width: 48%;
}

#subscription .legend
{
 clear: both;
 /* width: 60%; */
 margin: 2.75em auto 0;
 padding: 0;
 height: 3.3em;
 
 text-align: center;
 list-style: none;
}

#subscription .legend li
{
 /* float: left;  */
 display: inline-block;
*zoom: 1; 
*display: inline;
 height: 100%;
 
 color: #48474a;
 font-size: 110%;
 text-transform: uppercase;
 text-shadow: 1px 1px 2px #fff;
}
#subscription .legend li + li { padding-left: 3em; }

#subscription .legend li img { height: 1.4em; margin: 0 0.75em -0.4em 0; }


/* Mobile Version */
@media screen and (max-width: 1000px)
{
 #slide .text_container .text { margin-top: 35%; }
}

@media screen and (min-width: 640px) and (max-width: 870px)
{
 #subscription .subscribe_price
 {
  height: auto;
 }
 
 #subscription .subscribe_price li,
 #subscription .subscribe_price li + li
 {
  height: 35em;
  width: 322px;
  margin: 1em auto 2em;
 }
 
 #subscription .subscribe_price li.offer_0,
 #subscription .subscribe_price li.offer_2
 {
  float: left;
 }

 #subscription .subscribe_price li.offer_1,
 #subscription .subscribe_price li.offer_3
 {
  float: right;
 }
 
 #subscription .subscribe_price li.offer_2 { clear: both; }
 
 #subscription .subscribe_price li .wrapper h3
 {
  font-size: 400%;
  margin: 0;
 }
 
 #subscription .subscribe_price li .wrapper p.subtitle { font-size: 200%; }
 #subscription .subscribe_price li .wrapper .price { font-size: 300%; }
 #subscription .subscribe_price li .wrapper p.price_description { font-size: 200%; }
 #subscription .subscribe_price li .wrapper a { font-size: 250%; }
}

@media screen and (min-width: 640px) and (max-width: 700px)
{
 #subscription .subscribe_price li.offer_0,
 #subscription .subscribe_price li.offer_1,
 #subscription .subscribe_price li.offer_2,
 #subscription .subscribe_price li.offer_3
 {
  float: none;
 }
}

@media screen and (max-width: 950px)
{
 #slide .text_container .text { margin-top: 30%; }
}
@media screen and (max-width: 640px)
{
 #home .home-bg { display: none; }
 
 #home.page-container{ padding-top: 3em; }
 
 #home .mobile_hidden { display: none; }
 
 #video_slide { top: 0; }
 
 /* Slide */
 #slide .flex-viewport img { width: auto; height: 52em; }
 
 #slide .text_container
 {
  top: 0;
  width: 57.82%;
  overflow: hidden;
 }
 
 #slide .text_container .text
 {
  margin: 0;
  padding-left: 1.63em;
 }
 
 #slide .text_container .text .title
 {
  display: block;
  padding-top: 0.42em;
  border: none;
  
  font-size: 800%;
  line-height: 1;
 }
 #slide .text_container .text p { margin: 0; font-size: 500%; }
 #slide .text_container .text p + p { display: none; }
 #slide .text_container .accessibility,
 #slide .text_container .subscribe { display: none; }
 
 #slide .text_container .bg { height: auto; }
 
 #slide .flex-control-nav { display: none; }
 
 #slide .flex-direction-nav
 {
  left: 0;
  right: 0;
  bottom: 2.3em;
  width: 100%;
 }
 
 #slide .flex-direction-nav li { float: left; width: 11.9%; padding: 0 1.5em; }
 #slide .flex-direction-nav li + li { float: right; }
 
 #slide .flex-direction-nav li a
 {
  display: block;
 }
 
 #slide .video_link img
 {
  width: 11em;
  height: 11em;
 }
 
 /* Carousel */
 #carousel { position: relative; }
 
 #carousel .flex-direction-nav
 {
  margin: 0;
  padding: 0;
  list-style: none;
 }
 
 #carousel .flex-direction-nav li a
 {
  position: absolute;
  top: 11px;
  left: 0;
  width: 38px;
  height: 94px;
  
  background: transparent url('../imgs/mobile.png') -224px top no-repeat;
 }
 #carousel .flex-direction-nav li a.flex-disabled { display: none; }
 #carousel .flex-direction-nav li a.flex-next
 {
  left: auto;
  right: 0;
  background-position: -186px top;
 }
 
 #carousel .slides li .flex-caption
 {
  top: auto;
  height: 44px;
  
  font-size: 36px;
 }
 
 #carousel .slides li .overlay { font-size: 16px; }
 #carousel .slides li .overlay span.current_play { font-size: 26px; }
 #carousel .slides li .overlay span.current_play { font-size: 26px; }
 
 #carousel_title,
 #carousel_title_mobile
 {
  font-size: 450%;
 }
 
 .home-section { padding-top: 10.63em; }
 .home-section .container { width: 100% !important; }
 
 .section-logo
 {
  height: 53.4em;
  padding: 1.5em 0.5em;
 }
 
 /* Features */
 
 #features .container .feature
 {
  display: none;
  float: none;
  width: auto;
  margin-bottom: 11.25em;
  padding: 0 3em;
 }
 #features .container .feature.mobile { display: block; }
 
 #features .container .feature img
 {
  float: none;
  display: block;
  margin: 0 auto;
 }
 
 #features .container .feature .text
 {
  float: none;
  width: auto;
  padding: 0;
  
  text-align: center;
 }
 
 #features .container .feature .text h2 { font-size: 1000%; padding-top: 0.19em; }
 
 #features .container .feature .text p { display: none; }
 #features .container .feature .text p.mobile
 {
  width: auto;
  display: block;
  margin: 0.42em 0 0 0;
  
  font-size: 450%;
  line-height: 150%;
 }
 
 /* Devices */
 
 #devices { padding-top: 8.8em; }
 
 #devices .container h2
 {
  margin: 0 0 0.45em 0;
  padding: 0 0.5em;
  
  font-size: 1000%;
 }
 
 #devices .container .description,
 #devices .container .support { display: none; }
 
 #devices .container .mobile
 {
  display: block;
  
  color: #1b1b1b;
  font-size: 450%;
  line-height: 150%;
  text-align: center;
  font-family: Lato, "HelveticaNeue";
 }
 
 #devices .container img { width: 90%; margin: 0 auto; }
 #devices .container .device { display: none; }
 
 /* Availability */
 
 #availability { padding-top: 8.8em; }
 
 #availability .container .map
 {
  position: absolute;
  left: 5.7em;
  bottom: 0;
  width: 42.5%;
 }
 #availability .container .operator
 {
  float: none;
  width: auto;
  padding: 0 1.26em;
  
  text-align: center;
 }
 #availability .container .operator h2
 {
  margin: 0 0 0.44em 0;
  padding: 0 0.38em;
  
  font-size: 1000%;
 }
 #availability .container .operator p { display: none; }
 #availability .container .operator p.mobile
 {
  display: block;
  font-size: 450%;
  line-height: 150%;
 }
 
 #availability .container .operator p.mobile a
 {
  font-size: 100%;
  color: #e2007a;
 }
 
 #availability .container .providers
 {
  width: 46.1%;
  height: 53.8em;
  padding-right: 3.15em;
 }
 
 #availability .container .providers h3 { display: none; }
 #availability .container .providers img { width: 100%; margin: 8.15em 0 0 0; }
 
 /* Subscription */
 
 #subscription .subscribe_price
 {
  width: 84.4%;
  height: auto;
 }
 
 #subscription .subscribe_price li
 {
  float: none;
  width: auto !important;
  height: 79.5em !important;
  
  border-radius: 5px;
 }
 #subscription .subscribe_price li + li { margin: 4.88em 0 0 0; }
 
 #subscription .subscribe_price li .wrapper
 {
  width: auto;
  padding: 3.4em 3.8em;
 }
 #subscription .subscribe_price li .wrapper h3
 {
  margin: 0.54em 0 0.6em 0;
  font-size: 760% !important;
 }
 #subscription .subscribe_price li .wrapper p.subtitle { font-size: 375%; }
 #subscription .subscribe_price li .wrapper p.price_description { font-size: 375%; }
 
 #subscription .subscribe_price li .wrapper .price
 {
  margin: 1.15em 0 0 0;
  
  font-size: 812%;
 }
 #subscription .subscribe_price li.sale .sale_percent { font-size: 875%; }
 
 #subscription .subscribe_price li .wrapper .price span { font-size: 67.69%; }
 
 #subscription .subscribe_price li .wrapper a
 {
  height: auto;
  padding: 0.68em 0;
  
  font-size: 675%;
  line-height: 1;
 }

 #subscription .legend
 {
  width: auto;
  height: auto;
  margin-top: 10em;
  padding: 0 6.3em 1.9em 6.3em;
 }
 
 #subscription .legend li
 {
  float: none;
  width: 100%;
  height: auto;
  padding: 0;
  padding-bottom: 1.37em;
  
  font-size: 275%;
  text-align: left;
 }
 #subscription .legend li + li { padding-left: 0; }

 #subscription .legend li img { height: auto; margin-right: 0.7em; }



}