@charset "utf-8";
/* CSS Document */

.landingpage h1, .landingpage h2, .landingpage h3, .landingpage h4, .landingpage h5, .landingpage h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

.landingpage {position: relative;}
.landingpage #colcontainer { width: 940px; overflow:hidden;}
.landingpage .inside{padding: 0px 20px;}

.landingpage h1 {font-size: 48px; line-height: 48px; height: auto; color: #11769e; /*text-shadow: #d5baac 2px 2px 2px;*/ padding-bottom: 15px; }
.landingpage h2 {color: #be5171; font-size: 30px; line-height: 30px; padding-bottom: 10px; text-shadow: #fff 1px 1px 1px;}
.landingpage h3 {color: #ffffff; font-size: 24px;}
.landingpage h4 {color: #3781c2; font-size: 18px; padding: 0 0 12px 0;}
.landingpage h5 {color: #3781c2; font-size: 14px; padding: 0 0 10px 0;}
.landingpage h6 {color: #3781c2; font-size: 12px; padding: 0 0 8px 0;}
.landingpage p {color: #58303C; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.lpheader { width: 918px; height: 338px; margin: -15px auto 0 auto; position: relative; }
.lpheader .text { font-size: 14px; color: #58303c; width: 550px;}

.lpheader .textarea {  height: 338px; padding: 35px 0 0 0px; width: 590px;}
.joscontainer{padding-left: 20px; padding-right: 10px;}
div.josboxtype1 {
	height: 230px;
}
div.josboxtype1 .offerpopup .inside div {margin-top: 10px;}
div.josboxtype1 .offerpopup {bottom: 40px}

.lpheader .textarea ul { padding: 12px 0 12px 0;}

.lpheader .textarea ul li { padding: 0 0 5px 0; margin: 0 0 0 0px; list-style-type: square;}

.price { font-size: 10px; color: #707070; font-family:Georgia, "Times New Roman", Times, serif;}

.phoneContent { text-align: center; padding: 32px 0 32px 0; line-height: 36px; }

.landingpage .phoneContent h1 { font-size: 50px; color: #3781c2; line-height: 50px; }
.landingpage .phoneContent h2 { font-size: 48px; font-weight: bold; color: #3781c2; line-height: 48px; }
.landingpage .phoneContent h3 { font-size: 24px; color: #3781c2; line-height: 24px; }
.landingpage .phoneContent h4 { font-size: 18px; color: #3781c2; line-height: 18px; }
.landingpage .phoneContent h5 { font-size: 14px; color: #3781c2; line-height: 14px; }
.landingpage .phoneContent h6 { font-size: 10px; color: #707070; line-height: 10px; }
.landingpage .phoneContent p {color: #58303C; line-height: 12px;}

div.joslist-landing { width: 940px;}

div.joslist-landing .price { font-family: Arial, Helvetica, sans-serif;}

.moreexpert {width: auto; float: right; font-weight: bold; margin-top: 15px; margin-right: 8px; }

img.headerpic { display: block; position: absolute; top: 0px; left: 35px; }

div.landingcc { position: relative; left: -5px; }
div.landingcc span.clear,div.clear,div.clr{clear:both;font-size:0;line-height:0;height:0 !important;overflow:hidden;visibility:hidden;}
div.landingcc span.fir{position:Absolute;display:block;width:100%;height:100%;left:0;top:0;}
div.landingcc a span.fir,a:hover span.fir{cursor:pointer;}
div.landingcc .centered{display:block;margin:0 auto;}
div.landingcc .normal{font-weight:400 !important;}
div.landingcc .bold{font-weight:700 !important;}
div.landingcc .clear{clear:both;float:none;}
div.landingcc div#hull{padding-left:25px;}
div.landingcc div#content{width:940px;padding:0;}
div.landingcc .button-related{text-align:left;font-size:18px;color:#fff;font-weight:700;font-family:Tahoma, Arial, Helvetica, sans-serif;padding:15px 0 0 15px;}
div.landingcc a.click{display:block;height:54px;width:238px;background:transparent url(../../eso.tv/images/landingpage/creditcard/button_clickhere.png) no-repeat 0 0;text-align:center;font-size:18px;font-weight:400;color:#aa1b62;margin:5px auto 0;padding:4px 0 0;}
div.landingcc span.widely{letter-spacing:1.5px;color:#aa1b62;}
div.landingcc a.click:hover{text-decoration:none;}
div.landingcc .detailed{font-size:11px;border-top:1px solid #cfcfcf;margin:0 20px;padding:8px 0 6px;}
div.landingcc .bott{background:url(../../eso.tv/images/landingpage/creditcard/howitw-box-bottom.png) left top no-repeat;height:17px;padding:8px 0 12px;}
	div.landingcc .bott em { display: none; }
div.landingcc .cnt{background:#fff; margin-top: -10px;}
div.landingcc .headerpic{width:940px;clear:both;margin:0px auto; }
div.landingcc .contentholder1 h2{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:26px;font-weight:700;text-align:center;margin:0;padding:0 0 25px;}
div.landingcc .cc-steps{width:900px;height:730px;background:url(../../eso.tv/images/landingpage/creditcard/bg_easysteps.jpg) center bottom no-repeat;position:relative;}
div.landingcc .cc-steps .contenttext{width:515px;position:absolute;top:55px;right:60px;}
div.landingcc .cc-steps .contenttext h3{background:url(../../eso.tv/images/landingpage/creditcard/howitw-box-top.png) top left no-repeat;color:#000;font-size:18px;font-family:Arial, Helvetica, sans-serif;padding:0px 24px; margin-bottom: 10px;}
div.landingcc .cc-steps .contenttext ul{background:#fff;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#000;padding:15px 35px 0 15px;}
div.landingcc .cc-steps .contenttext ul li{padding:0 0 25px 72px;}
div.landingcc .cc-steps .contenttext ul li.step1{background:url(../../eso.tv/images/landingpage/creditcard/step_1.png) top left no-repeat;}
div.landingcc .cc-steps .contenttext ul li.step2{background:url(../../eso.tv/images/landingpage/creditcard/step_2.png) top left no-repeat;}
div.landingcc .cc-steps .contenttext ul li.step3{background:url(../../eso.tv/images/landingpage/creditcard/step_3.png) top left no-repeat;}
div.landingcc .cc-steps .contenttext .footnote{background:url(../../eso.tv/images/landingpage/creditcard/howitw-box-bottom.png) top left no-repeat;padding:0 0 10px;}
div.landingcc .cc-steps .contenttext ul li h4{font-size:18px;font-weight:400;color:#000;padding:0 0 10px;}
div.landingcc .cc-steps .contenttext ul li h4 span{color:#cf2c7e;font-family:"Times New Roman", Times, serif;font-size:24px;font-style:italic;font-weight:700;}
div.landingcc .cc-steps .contenttext ul li ul{padding:12px 0 15px 25px;}
div.landingcc .cc-steps .contenttext ul li ul li{background:url(../../eso.tv/images/landingpage/creditcard/bullet.gif) 0 4px no-repeat;margin:0;padding:0 0 0 14px;}
div.landingcc .cc_logos{padding:10px 0;}
div.landingcc .cc_logos img{margin-right:15px; margin-bottom: -15px;}

.lpheader .textarea.light h1 {color: rgba(255, 255, 255, 0.95);text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.lpheader .textarea.light h2 {color: rgba(255, 255, 255, 0.85);text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.lpheader .textarea.light p {color: rgba(255, 255, 255, 0.85);}
.lpheader .textarea.light .text {color: rgba(255, 255, 255, 0.85);}

.lpheader .textarea.dark h1 {color: rgba(0, 0, 0, 0.65);text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.lpheader .textarea.dark h2 {color: rgba(0, 0, 0, 0.55);text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.lpheader .textarea.dark p {color: rgba(0, 0, 0, 0.55);}
.lpheader .textarea.dark .text {color: rgba(0, 0, 0, 0.55);}

        .smslanding{margin: -5px;font-family: 'Open Sans'; font-size: 14px; line-height: 24px; font-size: 14px; margin-top: 0px}
        .smslanding .btn{padding: 10px 25px 10px 25px; margin-top: 15px; font-weight:bold;}
        .smslanding .clearfix{line-height: 0px;}
        .smslanding h1, .smslanding h2,.smslanding h3,.smslanding h4{color:#323232; font-family: 'Open Sans';}
        .smslanding p{font-size: 14px; font-family: 'Open Sans'; line-height: 24px;}
        .smslanding .slide1{background: url('../../eso.tv/images/landingpage/sms-slide1.jpg') top center no-repeat; padding-top: 35px;}
        .smslanding .slide1 h1{font-family: 'Open Sans'; font-weight: 300; font-size: 56px; color:#323232;text-shadow: none; letter-spacing: -1px;}
        .smslanding .slide1 h1 strong{font-weight: 300; background:red; color:#ffffff; padding: 0px 10px 0px 10px}
        .smslanding .slide1 .contents{padding: 25px 32px 25px 32px;}
        .smslanding .slide1 h2{font-weight: 700; font-size: 26px; color:#323232;text-shadow: none; font-family: 'Open Sans'; color:#323232;}
        .smslanding .slide1 .testimonial {padding-top: 50px;}
        .smslanding .slide1 .testimonial .text{font-style: italic; font-size: 18px; font-weight: 300; padding: 10px 15px 10px 15px; background:#ffffff; position: relative}
        .smslanding .slide1 .testimonial .text:after{display:block; content: ' '; width: 0;height: 0;border-style: solid;border-width: 22px 22px 0 0;border-color: #ffffff transparent transparent transparent; position:absolute; bottom: -22px; left: 50px}
        .smslanding .slide1 .testimonial .info{padding-top: 30px}
        .smslanding .slide1 .testimonial .info:after{display:block; content: ''; clear:both;}
        .smslanding .slide1 .testimonial .info img{width: 80px !important; height: 80px !important; border-radius: 50%; float:left; margin-right: 15px;}
        .smslanding .slide1 .testimonial .info strong{display:block; font-size: 24px; font-weight: 400; padding-top: 17px;}
        
        .smslanding .slide2{background:#c663a9; color:#ffffff; position:relative; }
        .smslanding .slide2:before{display:block; content: ' '; width: 0;height: 0;border-style: solid;border-width: 15px 0px 0 15px;border-color: transparent transparent transparent #c663a9; position:absolute; top: -15px; left: 90px}
        .smslanding .slide2 .row div:nth-child(1){line-height: 18px; padding: 15px 5px 15px 45px; border-right: 1px solid #ffffff; margin-top: 15px; }
        .smslanding .slide2 .row div:nth-child(2){background:url(../../eso.tv/images/landingpage/sms.png) 25px 20px no-repeat; background-size: 47px 57px; padding: 25px 0px 0px 80px }
        .smslanding .slide2 .row div:nth-child(2) strong{display:block; font-size: 29px; font-weight: 700}
        .smslanding .slide2 .row div:nth-child(2) a{color:#ffffff; text-decoration: none;}
        .smslanding .slide2 .row div:nth-child(3){background:#46a607; height: 100%; font-size: 24px; font-weight: 300; line-height: 90px; padding-left: 25px; cursor:pointer;}
        .smslanding .slide2 .row div:nth-child(3):hover{background:#53ba0f;}
        
        .smslanding .slide3{position:relative; } 
        .smslanding .slide3 .text{ z-index: 999; background:rgba(149,34,113,.6); height: 100%; color:#ffffff; position:relative; padding: 35px 0px 65px 0px} 
        .smslanding .slide3 .text h3{font-family: 'Open Sans'; font-weight: 300; font-size: 48px; padding-top: 25px; color:#ffffff} 
        .smslanding .slide3 .text h4{font-family: 'Open Sans'; font-weight: 300; font-size: 28px; max-width: 80%; margin:auto; padding-bottom: 15px;  color:#ffffff} 
        .smslanding .slide3 .videoholder{padding:0px; margin:0px; border:0px; font-size: 0px;line-height: 0px;}
        .smslanding .slide3 p{color:#ffffff;}
        
        .smslanding .slide4 div:nth-child(1){ padding: 35px 35px 35px 220px; background:url(../../eso.tv/images/landingpage/sms-mobile.jpg) 25px center no-repeat;}
        .smslanding .slide4 div:nth-child(1) h4{font-size: 30px; font-weight: 300; margin-bottom: 15px;}
        .smslanding .slide4 div:nth-child(1) li{font-size: 14px; line-height: 18px; padding-bottom: 15px;}
        .smslanding .slide4 div:nth-child(1) li:before{content:''; display:inline-block; width: 13px; height: 13px; border-radius: 50%; background:#7b3a7f; float:left; margin: 2px 10px 10px 0px;}
        .smslanding .slide4 div:nth-child(2){background:#46a607; color:#ffffff; padding: 25px;}
        .smslanding .slide4 div:nth-child(2) p{ color:#ffffff;}
        .smslanding .slide4 div:nth-child(2) h4{font-size: 24px; font-weight: 300; color:#ffffff;}
        .smslanding .slide4 div:nth-child(2) .sample{margin-top: 8px;background:rgba(0,0,0,0.2) url(../../eso.tv/images/landingpage/sms.png) 15px 6px no-repeat; background-size: 47px 59px; padding: 20px 15px 20px 70px; border-radius: 4px; font-weight:bold; line-height: 18px;}
        .smslanding .slide4 div:nth-child(2) .sample blink{opacity: 0;; -webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
        .smslanding .slide4 div:nth-child(2) .sample blink.blink{opacity:1}
        
        .smslanding .slide5{background: url('../../eso.tv/images/landingpage/sms-bg.jpg') top center; padding: 35px 0px 35px 0px; position:relative; background-size:cover;}
        .smslanding .slide5 p{padding: 0px 25px 0px 25px}
        .smslanding .slide5 .popup p{padding: 0px 0px 0px 0px; line-height: 18px;}
        .smslanding .slide5 img{width: 189px; height: 198px; border-radius: 50%; border: 4px solid rgba(0,0,0,0.1)}
        .smslanding .slide5 h4{font-size: 34px; font-weight: 300}
        
        .smslanding .slide5 .popup{width: 100%; height: 100%; background:#ffefe2; border:1px solid rgba(0,0,0,0.2); position:absolute; z-index:9999; box-sizing: border-box; padding: 15px}  
        .smslanding .slide5 .popup img{display:none;}
        .smslanding .slide5 .popup>p{font-weight: bold;}
        .smslanding .slide5 .popup .btn{display:none !important;}
        .smslanding .slide5 .popup .hide{display:block !important;}
        .smslanding .slide5 .popup .hide .btn{display:inline-block !important;}
        
        .smslanding .slide6 .col1 .info{padding: 15px; font-size: 13px; line-height: 18px; padding-top: 70px}
        .smslanding .slide6 .col1 .info h4{font-weight: 700}
        .smslanding .slide6 .col1 .testimonial {text-align:center; background: #c663a9; margin-left: -15px; margin-right: -30px; color:#ffffff;}
        .smslanding .slide6 .col1 .testimonial p{padding: 25px; padding-bottom: 0px; font-size: 25px; line-height: 30px; font-style: italic; font-weight: 300; color:#ffffff;}
        .smslanding .slide6 .col1 .testimonial strong{display:block; padding-bottom: 10px; font-size: 16px;}
        .smslanding .slide6 .col1 .testimonial img{width: 100px; height: 100px; border-radius: 50%; margin-bottom: -60px; border: 5px solid #c663a9 }
        
        .smslanding .slide6 .col2 .textblock {padding: 35px; }
        .smslanding .slide6 .col2 .textblock h4{font-size: 34px; line-height: 38px; font-weight: 300}
        .smslanding .slide6 .col2 .faq {background: rgba(0,0,0,0.1); margin-right: -15px; padding: 35px; padding-top: 25px}
        .smslanding .slide6 .col2 .faq h4{font-size: 30px; line-height: 32px; font-weight: 300; padding-bottom: 15px;}
        .smslanding .slide6 .col2 .faq li{font-size: 14px;}
        .smslanding .slide6 .col2 .faq li a{background: rgba(0,0,0,0.1); display:block; padding: 15px; margin-bottom: 10px; font-size: 18px; text-decoration:none; color:#323232}
        .smslanding .slide6 .col2 .faq li a:before{content:'\f059'; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; margin-right: 10px}
        .smslanding .slide6 .col2 .faq li a:hover{background: rgba(0,0,0,0.07);}
        .smslanding .slide6 .col2 .faq li p{display:none;}
        .smslanding .slide6 .col2 .faq li:first-child p{display:block;}
        .smslanding .smsheader{background:#ffffff url('../../eso.tv/images/landingpage/sms-logo.jpg') 25px 18px no-repeat;  position: absolute; top:0px; width: 100%; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.2)}
        .smslanding .smsheader:after{clear:both; content:''; display:block;}
        .smslanding .smsheader a{float:right; color: #323232;  padding-right: 25px;  }
        .smslanding .smsheader a strong{font-size: 32px; line-height: 60px; padding-right: 8px; float:left;}
        .smslanding .smsheader a i{font-size: 32px; line-height: 60px; padding-right: 2px; float:left;}
        .smslanding .smsheader a span{ float:left; line-height: 15px; padding-top: 14px; font-size: 12px;}
        .smslanding .smsheader a.button{display:none; } 
        .smslanding .slidesample{background:#ffffff url('../../eso.tv/images/landingpage/sms-mobilechat-2.gif') right top no-repeat; background-size:cover; min-height: 640px;}   
        .smslanding.cz .slidesample{background:#ffffff url('../../eso.tv/images/landingpage/mobilechat-cz-eso.gif') right top no-repeat; background-size:cover; min-height: 640px;}   
        .smslanding.cz.prw .slidesample{background:#ffffff url('../../eso.tv/images/landingpage/mobilechat-cz-prw.gif') right top no-repeat; background-size:cover; min-height: 640px;}   
        .smslanding .slidesample div{color:#ffffff; font-weight: 300; font-size: 40px; padding-top: 20%; padding-left: 5%}
        .smslanding .slidesample div p{color:#ffffff !important; font-weight: 300; font-size: 18px; padding-top: 15px;}
        
        
        .smslanding.cz .slide1 h1{font-size: 47px;}
        .smslanding.cz .slidesample div{    font-size: 36px;}
        
        
@media (min-width:0px) and (max-width:780px){
.testimonials.cols.three-col .testimonial{width: 100%;}
.phoneContent{padding-left: 20px; padding-right: 20px;}
.smslanding{margin:-1px;}
.smslanding  .row{margin:0px;}
.smslanding .slide2 .row div:nth-child(1){padding-top: 0px;}
.smslanding .slide2 .row div:nth-child(2){border-top: 1px solid #ffffff; padding-bottom: 25px; background-color:#7c3963}
.smslanding .slide3{ background:#7c3963;} 
.smslanding .slide5 .btn{margin-bottom: 25px;}
.smslanding .slide4 div:nth-child(2) .sample{min-height: 80px}
.smslanding .slide6 .col1 .testimonial{margin-right: -15px}
.smslanding .slide6 .col2 .faq{margin-left: -15px}
.smslanding .slide1{background-position: left top;}
    .slidesample div{display:none}
    .smslanding .slide5{background-size:cover;}
}

@media (min-width:0px) and (max-width:639px){
.smslanding .smsheader a.number{display:none }    
.smslanding .smsheader a.button{display:block; background:#46a607; text-decoration: none; color:#ffffff; text-shadow: 0px 1px 0px rgba(0,0,0,0.8); border-radius: 2px; padding: 5px 15px 5px 15px; line-height: 30px; margin: 15px 25px 15px 0px }    
.smslanding .smsheader{position:fixed; z-index: 9999}
.smslanding .slide1 .contents{padding: 0px 22px 15px 22px;}
.smslanding .videoholder{display:none;}
.smslanding .slide3{background-image:url('../../eso.tv/images/landingpage/sms-video.jpg'); background-position:center;}

}

@media (min-width:0px) and (max-width:480px){
    .smslanding .slide1 h1{font-size: 42px; line-height: 46px;}
    .smslanding .slide4 div:nth-child(1){background-position: center top; padding: 220px 35px 35px 35px}
    .smslanding.cz .slide1 h1{font-size: 35px;}

}