@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400&subset=latin,latin-ext);
.button {
  display:inline-block;
  text-decoration:none;
  border:0;
  cursor:pointer;
  vertical-align:top;
  text-align:center
}
.noLinkBtn {
  cursor:default !important
}
.GreyBottomContainer {
  background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(3,3,3,0) 10%,rgba(13,13,13,0.93) 42%,rgba(30,30,30,0.93) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(10%,rgba(3,3,3,0)),color-stop(42%,rgba(13,13,13,0.93)),color-stop(100%,rgba(30,30,30,0.93)));
  background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(3,3,3,0) 10%,rgba(13,13,13,0.93) 42%,rgba(30,30,30,0.93) 100%);
  background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(3,3,3,0) 10%,rgba(13,13,13,0.93) 42%,rgba(30,30,30,0.93) 100%);
  background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(3,3,3,0) 10%,rgba(13,13,13,0.93) 42%,rgba(30,30,30,0.93) 100%);
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(3,3,3,0) 10%,rgba(13,13,13,0.93) 42%,rgba(30,30,30,0.93) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ed1e1e1e',GradientType=0)
}
.ProfileMainMenu {
  background:#282828;
  background:-moz-linear-gradient(top,#323232 0,#1c1c1c 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#323232),color-stop(100%,#1c1c1c));
  background:-webkit-linear-gradient(top,#323232 0,#1c1c1c 100%);
  background:-o-linear-gradient(top,#323232 0,#1c1c1c 100%);
  background:-ms-linear-gradient(top,#323232 0,#1c1c1c 100%);
  background:linear-gradient(to bottom,#323232 0,#1c1c1c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232,endColorstr=#1c1c1c,GradientType=0)
}
.arrow {
  content:'';
  width:0;
  height:0;
  font-size:0
}
.ellipsis {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.tryModalWrapper {
  width:805px;
  height:710px;
  display:block;
  box-shadow:0 0 40px 5px rgba(255,255,255,0.15)
}
.offerContent {
  width:100%;
  height:545px
}
.offerLasts {
  position:absolute;
  left:-10px;
  top:-10px;
  width:266px;
  height:200px;
  overflow:hidden
}
.offerLasts span {
  color:#000;
  width:185px;
  padding:10px 50px;
  text-align:center;
  height:20px;
  font-weight:bold;
  background:#F90;
  display:block;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  top:55px;
  left:-65px;
  position:absolute;
  font-size:16px
}
.offerLasts span:before,
.offerLasts span:after {
  display:block;
  content:"";
  position:absolute;
  width:0;
  height:0;
  border:10px solid transparent;
  border-bottom-color:#a66708
}
.offerLasts span:before {
  bottom:-10px;
  left:3px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg)
}
.offerLasts span:after {
  top:30px;
  right:5px;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg)
}
.offerButtons {
  padding-top:40px;
  padding-right:50px;
  text-align:right
}
.offerButtons .orangeButton {
  padding:10px 100px
}
.language-en .offerButtons .orangeButton {
  padding:10px 160px
}
.language-pt .offerButtons .orangeButton {
  padding:10px 90px
}
.offerButtons .greyButton {
  padding:10px 20px;
  margin-left:40px
}
.trialStartedWrapper {
  background:url('../images/empty.png') center center no-repeat;
  display:none;
  width:100%;
  height:545px
}
.startTrialButton {
  display:none;
  width:400px;
  margin:40px auto 0;
  padding:10px 160px
}
.premiumPrice {
  color:#b4b4b4;
  display:none;
  font-size:16px;
  margin:35px auto 0;
  text-align:center
}
.premiumPrice span {
  font-weight:bold
}
.trialEndedWrapper {
  width:805px;
  height:710px;
  background:url('../images/empty.png') center center no-repeat;
  display:block;
  box-shadow:0 0 40px 5px rgba(255,255,255,0.15)
}
.trialEndedContent {
  background:url('../images/empty.png') center bottom no-repeat;
  width:100%;
  height:620px
}
.trialButtons {
  padding-top:40px;
  padding-right:50px;
  text-align:right;
  padding:0 30px 0 0
}
.trialButtons .orangeButton {
  padding:10px 100px
}
.language-en .trialButtons .orangeButton {
  padding:10px 160px
}
.language-pt .trialButtons .orangeButton {
  padding:10px 90px
}
.trialButtons .greyButton {
  padding:10px 20px;
  margin-left:40px
}
.bottomNotification {
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  height:40px;
  background:#1c1d1c;
  color:#f2f2f2;
  z-index:100
}
.bottomNotification p {
  text-align:center;
  line-height:30px
}
.bottomNotification .closeTrialNotification,
.bottomNotification .closeNotification {
  color:#666;
  font-size:24px;
  position:relative;
  top:4px;
  left:10px;
  text-decoration:none;
  cursor:pointer
}
.bottomNotification.reactivationNotification {
  display:block;
  height:57px
}
.bottomNotification.reactivationNotification p {
  font-size:14px;
  line-height:21px;
  margin:0;
  padding:14px 0
}
.bottomNotification.reactivationNotification p .reactivateBtn {
  line-height:14px;
  margin-left:10px;
  min-width:110px;
  position:relative;
  top:-1px;
  vertical-align:middle
}
.bottomNotification.reactivationNotification .closeNotification {
  left:21px
}
.expiredModalWrapper {
  border:1px solid #313131;
  width:803px;
  height:704px;
  background:url('../images/empty.png') center center no-repeat;
  display:block;
  box-shadow:0 0 40px 5px rgba(255,255,255,0.15)
}
.expiredContent {
  background:url('../images/empty.png') center center no-repeat;
  width:100%;
  height:610px
}
.expiredButtons {
  padding-top:10px;
  padding-right:50px;
  text-align:right
}
.expiredButtons .orangeButton {
  padding:10px 140px
}
.expiredButtons .greyButton {
  padding:10px 20px;
  margin-left:20px
}
.gatewayContainer .closeMTubes,
.giftingModalContainer .closeMTubes {
  -webkit-appearance:none;
  background:0;
  border:1px solid #363636;
  border-radius:30px;
  color:#8b8a8a;
  display:inline-block;
  font-family:"Arial",sans-serif;
  height:auto;
  left:40px;
  padding:5px 25px;
  position:absolute;
  right:auto;
  text-decoration:none;
  top:30px;
  width:auto
}
.gatewayContainer .closeMTubes:before,
.giftingModalContainer .closeMTubes:before {
  content:'Go back';
  display:block;
  font-size:12px
}
.gatewayContainer .gatewayWrapper,
.giftingModalContainer .gatewayWrapper {
  box-sizing:content-box;
  padding-top:0
}
.gatewayWrapper {
  width:805px;
  height:708px;
  background:url('../images/empty.png') center center no-repeat;
  display:block;
  box-shadow:0 0 40px 5px rgba(255,255,255,0.15);
  padding-top:56px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.gatewayWrapper p {
  color:#b7b6b6
}
.modalContent {
  padding-top:66px
}
.premium-logo {
  width:300px;
  height:70px;
  background:url('../images/empty.png') center center no-repeat;
  margin:0 auto;
  display:block
}
html.language-fr #gateway-text,
html.language-pt #gateway-text,
html.language-es #gateway-text,
html.language-it #gateway-text,
html.language-jp #gateway-text,
html.language-pl #gateway-text,
html.language-ru #gateway-text {
  font-size:40px;
  line-height:1;
  padding:0 10px
}
html.language-fr .premium-features .premium-feature span,
html.language-pt .premium-features .premium-feature span,
html.language-es .premium-features .premium-feature span,
html.language-it .premium-features .premium-feature span,
html.language-jp .premium-features .premium-feature span,
html.language-pl .premium-features .premium-feature span,
html.language-ru .premium-features .premium-feature span {
  font-size:22px
}
html.language-pl #gateway-text {
  font-size:36px
}
#gateway-text {
  font:300 50px "Open Sans","Arial",sans-serif;
  letter-spacing:8px;
  line-height:64px;
  margin:10px auto;
  text-align:center;
  text-shadow:0 0 50px #FFF;
  text-transform:uppercase
}
.premium-features {
  width:770px;
  height:230px;
  display:block;
  margin:0 auto 20px;
  text-align:center
}
.premium-features .premium-feature {
  display:inline-block;
  width:24%
}
.premium-features .premium-feature>div {
  width:104px;
  height:130px;
  background:url('../images/empty.png') bottom center no-repeat;
  margin:0 auto 15px
}
.premium-features .premium-feature>div.no-ads-img {
  background-position:0 0
}
.premium-features .premium-feature>div.exclusive-content-img {
  background-position:-103px 0
}
.premium-features .premium-feature>div.high-quality-img {
  background-position:-208px 0
}
.premium-features .premium-feature>div.cancel-anytime-img {
  background-position:-312px 0
}
.premium-features .premium-feature span {
  font:300 26px "Open Sans","Arial",sans-serif;
  line-height:30px;
  text-align:center;
  text-transform:uppercase
}
.orangeButton.proceedToPremium {
  width:583px;
  padding:14px 20px;
  margin:0 auto;
  display:block;
  font-weight:normal;
  font-size:20px
}
.addedValue-text {
  text-align:center;
  font-size:16px
}
.buttonBase.transparentButton {
  border-radius:30px;
  padding:5px 25px;
  border:1px solid #363636;
  color:#8b8a8a;
  text-decoration:none;
  display:inline-block;
  margin-top:30px;
  margin-left:40px
}
.premium-leavingSite {
  position:absolute;
  top:36px;
  right:40px
}
.enterModalWrapper {
  background:url('../images/empty.png') center center no-repeat;
  box-shadow:0 0 40px 5px rgba(255,255,255,0.15);
  display:block;
  height:547px;
  padding-top:135px;
  width:997px
}
.enterModalWrapper .enterModalContent {
  font-size:14px;
  margin:47px auto 0;
  width:828px
}
.enterModalWrapper .enterModalContent p {
  font-weight:bold;
  line-height:18px;
  margin-bottom:22px;
  text-align:justify
}
.enterModalWrapper .enterModalContent p.grayColor {
  color:#c9c8c8;
  font-weight:normal
}
.enterModalWrapper .enterModalContent p.grayColor a {
  color:#f90
}
.enterModalWrapper .enterModalContent .enterButtons {
  padding:12px 0
}
.enterModalWrapper .enterModalContent .enterButtons .orangeButton {
  float:left;
  font-size:20px;
  font-weight:bold;
  padding:12px 20px;
  width:603px
}
.enterModalWrapper .enterModalContent .enterButtons .orangeButton span {
  font-weight:normal
}
.enterModalWrapper .enterModalContent .enterButtons .greyButton {
  float:left;
  font-weight:normal;
  margin-left:29px;
  padding:14px 10px;
  width:136px
}
.enterModalWrapper .enterFooter {
  text-align:center
}
.enterModalWrapper .enterFooter ul {
  margin:40px 0 23px;
  padding:0
}
.enterModalWrapper .enterFooter ul li {
  display:inline-block;
  font-weight:bold;
  margin-left:10px;
  text-transform:uppercase;
  vertical-align:middle
}
.enterModalWrapper .enterFooter ul li.parental {
  background:url('../images/empty.png') center center no-repeat;
  height:31px;
  margin-left:0;
  width:88px
}
.enterModalWrapper .enterFooter ul li.icra {
  background:url('../images/empty.png') center center no-repeat;
  height:31px;
  width:88px
}
.enterModalWrapper .enterFooter p {
  color:#a2a2a2;
  font-size:11px;
  line-height:14px;
  text-align:center
}
.welcomeModalContainer .premiumWelcomeWrapper {
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  background:transparent url('../images/empty.png') no-repeat center center;
  background-size:cover;
  border:1px solid #313131;
  padding:57px 25px 25px;
  position:relative
}
.welcomeModalContainer .premiumWelcomeWrapper .welcomeImage {
  margin-bottom:50px
}
.welcomeModalContainer .premiumWelcomeWrapper .leavingImage {
  position:absolute;
  right:25px;
  top:25px
}
.welcomeModalContainer .premiumWelcomeWrapper .content p {
  color:#b7b6b6;
  font-size:21px;
  margin-bottom:25px;
  text-align:center
}
.welcomeModalContainer .premiumWelcomeWrapper .actionButtons .orangeButton {
  margin:0 20px 0 5px;
  width:440px
}
.welcomeModalContainer .premiumWelcomeWrapper .actionButtons .greyButton {
  width:200px
}
.welcomeModalContainer .premiumWelcomeWrapper .actionButtons .checkbox {
  margin-top:26px;
  text-align:center
}
.welcomeModalContainer .premiumWelcomeWrapper .actionButtons .checkbox input {
  height:19px;
  margin-right:2px;
  width:19px
}
.welcomeModalContainer .premiumWelcomeWrapper .actionButtons .checkbox label {
  color:#d2d0d0;
  font-size:15px;
  vertical-align:top
}
#giftingModalContent {
  background:url('../images/empty.png') no-repeat 0 0;
  border:1px solid #313131;
  box-shadow:0 0 40px 5px rgba(255,255,255,0.15);
  height:577px;
  width:803px
}
#giftingModalContent h2 {
  color:#fff;
  font:300 6em 'Open Sans',sans-serif;
  line-height:1.1em;
  margin-bottom:.35em;
  text-transform:uppercase
}
#giftingModalContent .topSection {
  margin-bottom:130px
}
#giftingModalContent .bottomSection {
  text-align:center
}
#giftingModalContent .transparentButton {
  background:transparent;
  margin:15px 0 0 15px
}
#giftingModalContent .premium-leavingSite {
  color:#b7b6b6;
  margin-bottom:0;
  right:22px;
  top:22px
}
#giftingModalContent a.orangeButton,
#giftingModalContent button.orangeButton {
  font-weight:normal;
  padding:12px 20px;
  width:75%
}
#giftingModalContent p.grey {
  color:#828282;
  margin-bottom:1.5em
}
#giftingModalContent ul {
  font-size:1.3em;
  margin:0 auto 1em;
  padding-left:50px;
  width:600px
}
#giftingModalContent ul li {
  color:#cbcbcb;
  display:inline-block;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  margin-bottom:.5em;
  padding-left:20px;
  position:relative;
  text-align:left;
  width:260px
}
#giftingModalContent ul li:before {
  background:url('../images/empty.png') no-repeat -5px -5px;
  content:'';
  display:inline-block;
  height:15px;
  left:0;
  margin-right:.5em;
  position:absolute;
  top:2px;
  width:15px
}
#giftingModalContent ul li span {
  display:inline-block;
  vertical-align:top
}
.giftingExpiredContent {
  background:url('../images/empty.png') no-repeat 0 0;
  box-shadow:0 0 40px 5px rgba(255,255,255,0.15);
  height:710px;
  width:803px
}
.giftingExpiredContent h2 {
  color:#fff;
  font:300 55px 'Open Sans',sans-serif;
  line-height:1.1em;
  margin-bottom:.2em;
  text-transform:uppercase
}
.giftingExpiredContent .specailText {
  font:300 17px 'Open Sans',sans-serif
}
.giftingExpiredContent .topSection {
  padding-top:90px;
  text-align:center
}
.giftingExpiredContent .bottomSection {
  padding-top:305px;
  text-align:center
}
.giftingExpiredContent .transparentButton {
  background:transparent;
  margin:15px 0 0 15px
}
.giftingExpiredContent .premium-leavingSite {
  color:#b7b6b6;
  margin-bottom:0;
  right:22px;
  top:22px
}
.giftingExpiredContent a.orangeButton,
.giftingExpiredContent button.orangeButton {
  width:445px
}
.giftingExpiredContent p.grey {
  color:#828282;
  margin-bottom:1.5em
}
.reactivationModalContainer {
  background-color:#000
}
.reactivationModalContainer .reactivationWrapper {
  padding:47px 30px 56px;
  width:492px
}
.reactivationModalContainer .reactivationWrapper .modalContent {
  padding:0
}
.reactivationModalContainer .reactivationWrapper img {
  display:block;
  margin:0 auto 22px
}
.reactivationModalContainer .reactivationWrapper h2 {
  color:#fefefe;
  font-size:38px;
  margin-bottom:38px;
  text-align:center
}
.reactivationModalContainer .reactivationWrapper a {
  display:block;
  font-size:20px;
  margin:0 auto;
  padding:12px 15px;
  width:338px
}
