/*PALET
#e74c3c #c0392b
#3498db #2980b9
#bdc3c7 #ecf0f1
#7f8c8d #95a5a6
#efefef
#f1c40f
#2ecc71

*/

@font-face {
    font-family: "Museo Sans";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/MuseoSans_500_webfont.woff");
}

* { font-family: "Museo Sans"; /*font-family: Helvetica, Arial, Sans-Serif;*//*font-family: segoe ui, arial;*/ /*font-family: "Open Sans";*/ font-stretch: condensed;  -webkit-appearance: none; }
body, html { padding: 0; margin: 0; position: relative; background-color: #fff; min-width: 950px; width: 100%; min-height: 100%; /*background-image: url('images/bg.png');*/ background-repeat: repeat;/* min-width: 1200px;*/ color: #222;}
li { list-style: none; }
ul, li { padding: 0; margin: 0; }
a { color: #777; text-decoration: none; }
a:visited { color: #777; }
a:hover, span.href:hover { cursor: pointer; text-decoration: underline; }
input, input:focus, input:active { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }




.margin-auto { margin: 0 auto !important; }
.font-desc { font-size: 14px; color: #777; }
.textalign-left { text-align: left !important; }
.textalign-right { text-align: right !important; }
.clear { clear: both !important; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.textalign-center { text-align: center !important; }
.hide, .hidden, .invisible { display: none !important; }
.space { padding: 10px; }
.font-small { font-size: 10px !important; }
.font-medium { font-size: 16px !important; }
.width100 { width: 100% !important; }
.width50 { width: 50% !important; }
.width33 { width: 33.3333% !important; }
.width66 { width: 66.6666% !important; }
.width25 { width: 25% !important; }
.margin-auto { margin: auto !important; }
.transition { -moz-transition:width .5s, height .5s, background-color .5s, -moz-transform .5s;-webkit-transition:width .5s, height .5s, background-color .5s, -webkit-transform .5s;-o-transition:width .5s, height .5s, background-color .5s, -o-transform .5s;transition:width .5s, height .5s, background-color .5s, transform .5s; }
.mobile { display: none; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.glass-dark { background-color: rgba(0,0,0,0.5); }
.font-header { font-size: 30px; }
.underline { text-decoration: underline; }
.color-white { color: #fff !important; }




.step { display: none; }
.step.selected { display: block; }




.btn { border: 0; padding: 0; margin: 0; cursor: pointer; color: #fff; }
.btn-green { font-size: 22px; padding: 15px; background: rgba(34,177,76,1); border-bottom: 4px solid rgb(29, 150, 65); font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-download { font-size: 22px; padding: 15px; /*background: rgba(34,177,76,1); border-bottom: 4px solid rgb(29, 150, 65);*/ background: #0c2536; border-bottom: 4px solid #071620; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-download:hover { background-color: #143f5a; border-color: #0d2739; }
.btn-nav { font-size: 22px; padding: 5px 10px; /*background: rgba(34,177,76,1); border-bottom: 4px solid rgb(29, 150, 65);*/ background: #e74c3c; border-bottom: 4px solid #e33320; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-nav:hover { background-color: #eb695a; border-color: #e75241; }
.txt-default { background-repeat: no-repeat; border: none; border-bottom: 4px solid #e74c3c; color: #e74c3c; width: 1%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;/*width: 100%;*/ background-color: transparent; font-size: 24px; background-position: 5px 50%; padding-left: 40px; background-size: 25px 25px; -moz-transition: width .5s, height .5s, background-color .5s, -moz-transform .5s; -webkit-transition: width .5s, height .5s, background-color .5s, -webkit-transform .5s; -o-transition: width .5s, height .5s, background-color .5s, -o-transform .5s; transition: width .5s, height .5s, background-color .5s, transform .5s; }
.btn-show-more-features:hover { text-decoration: underline; cursor: pointer; }
.btn-download-cs { font-size: 22px; padding: 15px; background: rgba(34,177,76,1); border-bottom: 4px solid rgb(29, 150, 65); font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }






.table { width: 100%; }
.table > ul > li { text-align: left; padding: 10px 0; display: inline-block;  }
.table.small-spacing, .table.small-padding > ul > li { padding: 5px 0 !important;  }
.table.no-spacing, .table.no-padding > ul > li { padding: 0 0 !important;  } 
.table > ul > li.small { font-size: 12px !important; padding: 18px 0 0 0; }
.table > ul.titles > li { font-size: 18px; color: #777; }
.table > ul.rows > li { font-size: 16px; color: #aaa; }
.table > ul.rows:after { content: ''; display: block; clear: both; }
.table.by-one > ul > li { width: 100%; float: left; }
.table.by-two > ul > li { width: 50%; float: left; }
.table.by-three > ul > li { width: 33.3333%; float: left; }



header { padding: 10px;  }


.wrap { width: 100%; /*overflow-x: hidden;*/ }

.curtain { z-index: 100; position: fixed; top: 64px; left: 0; right: 0; /*min-width: 950px;*/ /*min-width: 700px;*/ width: 100%; }
.curtain .cs-features { background: #d55344; height: 100%; /*position: absolute; top: 0; bottom: 64px; left: 0; right: 0;*/ width: 100%; }
.curtain .news-bar { color: #fff; background-color: #c0392b /*#e74c3c*/; width: 100%; min-height: 48px; }
.curtain .news-bar:hover { background-color: #d75a4d; }
.curtain .news-bar .news-bar-content-btn { width: 98%; margin: 0 auto; font-size: 14px;  padding: 15px 0; /*text-align: right;*/ }
.curtain .cs-features .cs-features-inner { display: none; padding: 20px 0; }
.cs-features .full-supported-games { width: 70%; color: #fff; font-size: 14px; }
.cs-features .full-supported-games .title li { font-size: 18px !important; text-decoration: underline !important; }








.main { text-align: center; width: 100%; }
.main section { float: left; width: 100%; border-bottom: 4px solid #ccc; }
.main section > .content:after { content: ''; display: block; clear: both; }
.main section > .content { width: 800px; padding: 40px 0; margin: 0 auto; }


section.head { position: fixed; width: 100%; left: 0; right: 0; min-height: 60px; background: #fff; z-index: 150; }
section.head .nav { float: right; padding: 10px; margin-right: 40px; }
section.head .nav li { float: left; margin: 0 5px; }

section.landing { color: #fff; padding-top: 108px; /*REMEMBER, 60px is header, 48px is news bar = 60+48*/ background-color: #e74c3c;  background-image: url('images/flat-landing-header-pattern.png'); background-attachment: fixed; background-size: 950px auto; position: relative;  }
section.landing .popout-img-app { width: 100%; position: absolute; left: 20px; top: 500px; z-index: 2; }
section.landing .popout-img-app > img { width: 100%; height: 100%;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; }
section.landing .mold { height: 164px; }
section.landing .slides {  }
section.landing .slides .slide { /*margin-left: 3%;*/ min-width: 3%; width: auto !important; }
section.gap { padding: 50px 0; }
section.popup > .content { position: relative; }
section.popup .popout-column { /*position: absolute; */width: 100%; margin-top: -140px; /*border: 4px solid #ccc;*/ background-color: #fff; background-image: url("images/controller.png"); background-repeat: no-repeat; background-position: 90% 60%;}
section.popup .popout-column > .top { height: 96px; width: 100%; border: 4px solid #ccc; border-bottom: none; background: #fff; color: #ccc; }
section.popup .popout-column > .top li { padding: 0; text-align: center; color: #444;  }
section.popup .popout-column > .top h4 { margin: 7px 0; }
section.popup .popout-column > .top header, section.popup .popout-column > .top h2 { padding: 3px 0; margin: 0; }
section.games { background-color: #2c3e50; color: #fff; }
section.games li { color: #fff !important; }
section.games .content {  background-image: url("images/setup-ip.png");  background-size: 300px 300px; background-repeat: no-repeat; background-position: 0% 40%; }
/*section.popup .popout-column */
.pros-cons li li { margin-left: 40px; padding-left: 40px; background-repeat: no-repeat; background-size: 25px 25px; background-position: 0 50%; font-size: 20px; list-style: cjk-ideographic; color: #777; }
.pros li { background-image: url('images/check.png');  }
.cons li { background-image: url('images/x.png');  }

.box.buy { width: 270px; border: 4px solid #e74c3c; min-height: 414px; position: relative; }
.box.buy .head { width: 100%; color: #fff; background: #e74c3c; padding: 10px 0; }
.box.buy .head .price { float: left; font-size: 32px; padding: 0 10px; font-weight: bold; }
.box.buy .head .length { font-weight: bold; }
.box.buy > .content { width: 85%; margin: 0 auto; padding-top: 20px; }
.box.buy .content .payment-methods { color: #e74c3c; font-weight: bold; }
.box.buy .content .desc li { font-size: 20px; color: #e74c3c; font-weight: bold; padding: 5px; }
.box.buy .content .btn-buy,.box.buy .content .btn-checkout { width: 100%; margin: auto; text-align: center; padding: 10px; }
.box.buy .content .buy {  }
.box.buy .content .payment-methods .title { font-size: 12px; font-style: italic; }
.box.buy .content .payment-methods .content {  margin-left: 20px; }
.box.buy .content .payment-methods  li { /*padding-bottom: 0; *//*padding-top: 0;*/ width: 30px; } 
.box.buy .content .payment-methods .icon { width: 25px; height: 25px; margin: 0 auto; }
.box.buy .bottom { position: absolute; bottom: 0; width: 80%; left: 10%; right: 10%; text-align: center; padding: 20px 0; }

.icon { background-repeat: no-repeat; background-size: 100% 100%; }
.icon-pp { background-image: url('images/pp-red.png'); }
.icon-btc { background-image: url('images/btc-red.png'); }
.icon-cc { background-image: url('images/visa-red.png'); }
.icon-email { background-image: url('images/email.png'); }


section.buy {  }
section.buy .preview h2 { margin: 0; padding: 0; font-size: 30px; }
section.buy .img-app { width: 500px; height: 350px; position: relative; }
section.buy .img-app img { width: 100%; height: 100%; z-index: 1; left: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: absolute; }
/*section.landing .slides .slide h2 { font-style: italic; }*/



section.faq { padding-top: 108px; }
section.faq .problem { color: #c0392b; font-size: 24px;/* background:  #c0392b; color: #fff;*/ font-weight: bold; border-bottom: 4px solid #c0392b; padding: 10px; text-align: center; border-radius: 3px; }
section.faq .solution { padding: 20px 30px; }



section.faq .download-wrap { width: 100%; padding: 40px 0; text-align: center; }




.footer { color: #fff; clear: both; position: relative; height: 200px; margin-top: -200px; background-color: #323232;/* background-image: url('images/logo_footer.png'); background-size: 130px 130px; background-repeat: no-repeat; background-position: 66% 50%; */-webkit-box-shadow:  0 1px 3px 0 rgba(0,0,0, 0.07); -moz-box-shadow:  0 1px 3px 0 rgba(0,0,0, 0.07); box-shadow:  0 1px 3px 0 rgba(0,0,0, 0.07); border-bottom: 30px solid #252525; }
.footer .footer-inner { padding: 20px; width: 900px; margin: 0 auto; }
.footer .footer-inner .flogo { height: 150px; width: 150px; margin: 0 auto; }
.footer .footer-inner .flogo img { width: 100%; height: 100%; }
.footer-links a { color: #fff; font-weight: bold; }