/* CSS Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
        margin:0;
        padding:0;
}
table{
        border-collapse:collapse;
        border-spacing:0;
}
table td{
        vertical-align:top;
}
img,fieldset{
        border:0;
}
address,caption,cite,code,dfn,th,var{
        font-style:normal;
        font-weight:normal;
}
caption,th{
        text-align:left;
}
q:before,q:after{
        content:'';
}
abbr,acronym{
        border:0;
        font-variant:normal;
}
sup{
        vertical-align:text-top;
}
sub{
        vertical-align:text-bottom;
}
input,textarea,select,button{
        font:14px 'Roboto', Arial, Helvetica, sans-serif;
        color:#666;
}
textarea{
        resize:none;
        overflow:auto;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
        display:block;
        margin:0;
        padding:0;
}
:focus{outline:none;}
/*default styles*/
html, body{
        height:100%;
}
body{
        font:300 15px 'Roboto', Arial, Helvetica, sans-serif;
        color:#232323;
        background:#fff;
}
p{
    margin:0 0 18px 0;
        line-height:18px;
}
a{
    color:#888;
    text-decoration:underline;
        outline:none;
}
a:hover{
    color:#888;
        text-decoration:none;
}
h1{
        font:300 48px/30px 'Roboto', Arial, Helvetica, sans-serif;
    color:#222;
        /*margin:10px 0 37px;*/
        margin: 10px 0 50px;
        text-align:center;
}
h1 span{
        display:block;
        font-size:18px;
        color:#888;
        margin:12px 0 0;
}
h2{
        font:600 18px/27px 'Roboto', Arial, Helvetica, sans-serif;
    color:#222;
        margin:0 0 8px;
        text-align:center;
}
h3{
        font:600 18px/27px 'Roboto', Arial, Helvetica, sans-serif;
    color:#222;
        margin:0 0 13px;
}
h4{
        font:400 18px/20px 'Roboto', Arial, Helvetica, sans-serif;
    color:#333;
        margin:0 0 22px;
}
h5{
        font:700 18px/20px 'Roboto', Arial, Helvetica, sans-serif;
    color:#2f2e2e;
        margin:0 0 10px;
}
ul{
        margin:0 0 26px 0;
        list-style-position:outside;
        list-style-type:none;
}
ol{
        margin:0 0 26px 20px;
        list-style-position:outside;
        list-style-type:decimal;
}
li ul, li ol{
        margin-top:5px;
        margin-bottom:10px;
        list-style-type:none;
}
ul li{
        margin-bottom:12px;
}
.middle{
        vertical-align:middle;
}
.fl{
        float:left !important;
}
.fr{
        float:right !important;
}
.cl{
        clear:both;
        height:0px;
        font-size:0px;
        overflow:hidden;
}
.clearFix:after{
        visibility:hidden;
        display:block;
        font-size:0;
        content:" ";
        clear:both;
        height:0;
}
*html .clearFix{
        zoom:1;
}
*+html .clearFix{
        zoom:1;
}
::-webkit-input-placeholder{
        color:#999;
}
::-moz-placeholder{
        color:#999;
        opacity:1;
}
.placeholder{
        color:#999;
}
/*format styles*/
.wrapper{
        width:940px;
        margin:0 auto;
        padding:0 10px;
}
.text{
        width:940px;
        margin:0 auto 50px;
}
.head{
        /*background:#69c3ff url(../img/head-bg.jpg) no-repeat center 166px;*/
        background:#69c3ff url(../img/head-bg.jpg) no-repeat center bottom;
        padding:25px 0 0;
        position:relative;
}
.head .logo{
        float:left;
        margin-bottom:61px;
}
.head .logo img{
        display:block;
}
.head .slogan-logo{
        float:left;
        font-size:13px;
        margin:11px 0 0 6px;
}
.head .btn-pro{
        float:right;
        background:#ff9c00;
        border:1px solid #ff9c00;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        font-size:13px;
        font-weight:500;
        line-height:20px;
        text-decoration:none;
        color:#fff;
        padding:8px 16px 10px;
        margin:2px 0 0 10px;
        position:relative;
}
.head .btn-pro span{
        position:absolute;
        left:50%;
        bottom:-11px;
        background:url(../img/arrow-menu.png) no-repeat 0 0;
        width:16px;
        height:10px;
        margin-left:-8px;
        display:none;
}
.head .btn-pro:hover{
        background:#ffffef;
        border-color:#fff;
        color:#ff7800;
        -webkit-box-shadow:0 1px 0 #5eafe5;
        -moz-box-shadow:0 1px 0 #5eafe5;
        box-shadow:0 1px 0 #5eafe5;
}
.head .btn-pro.act{
        background:#fff;
        border-color:#fff;
        color:#333;
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);
        -moz-box-shadow:0 1px 1px rgba(0,0,0,.5);
        box-shadow:0 1px 1px rgba(0,0,0,.5);
}
.head .btn-pro.act span{
        display:block;
}
.head .login-links{
        float:right;
        font-size:13px;
        line-height:20px;
        color:#333;
        margin:2px 0 0;
}
.head .login-links a{
        display:block;
        float:left;
        color:#333;
        margin-left:10px;
        border:1px solid #45a0dd;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        padding:8px 18px 10px;
        text-decoration:none;
}
.head .login-links a span{
        position:absolute;
        left:50%;
        bottom:-11px;
        background:url(../img/arrow-menu.png) no-repeat 0 0;
        width:16px;
        height:10px;
        margin-left:-8px;
        display:none;
}
.head .login-links a strong{
        display:block;
        font-weight:300;
        overflow:hidden; 
        max-width:140px;
}
.head .login-links a:hover{
        border-color:#c0e6ff;
        background:#aaddff;
        -webkit-box-shadow:0 1px 0 #5eafe5;
        -moz-box-shadow:0 1px 0 #5eafe5;
        box-shadow:0 1px 0 #5eafe5;
        position:relative;
        
}
.head .login-links a:active{
        border-color:#c0e6ff;
        background:#cdebff;
        -webkit-box-shadow:0 -1px 0 #5eafe5;
        -moz-box-shadow:0 -1px 0 #5eafe5;
        box-shadow:0 -1px 0 #5eafe5;
        top:0;
}
.head .login-links a.act{
        background:#fff;
        border-color:#fff;
        color:#333;
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);
        -moz-box-shadow:0 1px 1px rgba(0,0,0,.5);
        box-shadow:0 1px 1px rgba(0,0,0,.5);
        top:0;
}
.head .login-links a.act span{
        display:block;
}
.head .login-links a.btn-my-files{
        position:relative;
        padding-left:48px;
}
.head .login-links a.btn-my-files i{
        position:absolute;
        left:14px;
        top:10px;
        background:url(../img/ico-btn-my-file.png) no-repeat 0 0;
        width:26px;
        height:18px;
}
.head .login-links a.btn-my-files:active i{
        background-position:0 -18px;
}
.head .login-links a.btn-my-files.act i{
        background-position:0 -18px;
}
.head .login-links a.btn-username{
        position:relative;
        padding-left:41px;
}
.head .login-links a.btn-username i{
        position:absolute;
        left:16px;
        top:11px;
        background:url(../img/ico-btn-user.png) no-repeat 0 0;
        width:17px;
        height:17px;
}
.head .login-links a.btn-username:active i{
        background-position:0 -17px;
}
.head .login-links a.btn-username.act i{
        background-position:0 -17px;
}
.head .submenu{
        float:right;
        margin:2px 0 0 10px;
        position:relative;
        z-index:100;
}
.head .submenu span{
        display:block;
        border:1px solid #45a0dd;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        width:38px;
        height:38px;
        position:relative;
        cursor:pointer;
}
.head .submenu span i{
        position:absolute;
        left:10px;
        top:11px;
        width:18px;
        height:15px;
        background:url(../img/ico-menu1.png) no-repeat 0 0;
}
.head .submenu span:hover{
        border-color:#c0e6ff;
        background:#aaddff;
        -webkit-box-shadow:0 1px 0 #5eafe5;
        -moz-box-shadow:0 1px 0 #5eafe5;
        box-shadow:0 1px 0 #5eafe5;
}
.head .submenu span:hover i{
        background-position:0 -15px;
}
.head .submenu.act span{
        border-color:#fff;
        background:#fff;
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);
        -moz-box-shadow:0 1px 1px rgba(0,0,0,.5);
        box-shadow:0 1px 1px rgba(0,0,0,.5);
}
.head .submenu.act span i{
        background-position:0 -30px;
}
.head .submenu div{
        position:absolute;
        right:0;
        top:36px;
        background:#fff;
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);
        -moz-box-shadow:0 1px 1px rgba(0,0,0,.5);
        box-shadow:0 1px 1px rgba(0,0,0,.5);
        -webkit-border-radius:3px 0 3px 3px;
        -moz-border-radius:3px 0 3px 3px;
        border-radius:3px 0 3px 3px;
        font-size:13px;
        line-height:20px;
        white-space:nowrap;
        padding:16px 27px 10px;
        display:none;
}
.head .submenu div a{
        display:inline-block;
        color:#333;
        text-decoration:none;
        margin-bottom:11px;
}
.head .submenu div a:hover{
        text-decoration:underline;
}
.head .submenu.act div{
        display:block;
}
.head .slogan{
        font-size:18px;
        font-weight:300;
        line-height:30px;
        color:#232323;
        text-align:center;
        margin-bottom:21px;
}
.head .slogan div{
        font-size:54px;
        font-weight:500;
        line-height:30px;
        color:#fff;
        margin-bottom:14px;
        letter-spacing:-1px;
}
.head .step1{
        float:left;
        width:220px;
        position:relative;
        font-size:18px;
        line-height:20px;
        padding:220px 0 0;
        margin:0 118px 61px 27px;
}
.head .step1 img{
        position:absolute;
        left:-26px;
        top:40px;
}
.head .step1 div{
        position:relative;
        padding:0 0 0 59px;
}
.head .step1.en div {
        padding:10px 0 0 59px;
}
.head .step1 div span{
        position:absolute;
        left:0;
        top:-1px;
        background:url(../img/step-num-bg.png) no-repeat 0 0;
        width:44px;
        height:38px;
        font-size:30px;
        font-weight:700;
        line-height:31px;
        color:#fff;
        text-align:center;
        padding:6px 0 0;
}
.head .step2{
        float:left;
        width:220px;
        position:relative;
        font-size:18px;
        line-height:20px;
        padding:220px 0 0;
        margin:0 120px 61px 0;
}
.head .step2 img{
        position:absolute;
        left:-55px;
        top:35px;
}
.head .step2 div{
        position:relative;
        padding:0 0 0 59px;
}
.head .step2.en div {
        padding:10px 0 0 59px;
                margin-left:40px;
}
.head .step2 div span{
        position:absolute;
        left:0;
        top:-1px;
        background:url(../img/step-num-bg.png) no-repeat 0 0;
        width:44px;
        height:38px;
        font-size:30px;
        font-weight:700;
        line-height:31px;
        color:#fff;
        text-align:center;
        padding:6px 0 0;
}
.head .step3{
        float:left;
        width:230px;
        position:relative;
        font-size:18px;
        line-height:20px;
        padding:220px 0 0;
        margin:0 0 61px;
}
.head .step3 img{
        position:absolute;
        left:-65px;
        top:0;
}
.head .step3 div{
        position:relative;
        padding:0 0 0 59px;
}
.head .step3.en div {
        padding:10px 0 0 59px;
                margin-left:14px;
}
.head .step3 div span{
        position:absolute;
        left:0;
        top:-1px;
        background:url(../img/step-num-bg.png) no-repeat 0 0;
        width:44px;
        height:38px;
        font-size:30px;
        font-weight:700;
        line-height:31px;
        color:#fff;
        text-align:center;
        padding:6px 0 0;
}
.head .download{
        width:420px;
        margin:0 auto;
        padding-bottom:48px;
}
.head .download .btn-download{
        display:block;
        background:#fff;
        font-size:24px;
        font-weight:500;
        line-height:22px;
        color:#232323;
        text-decoration:none;
        text-align:center;
        -webkit-box-shadow:inset 0 -4px 0 #ebebeb;
        -moz-box-shadow:inset 0 -4px 0 #ebebeb;
        box-shadow:inset 0 -4px 0 #ebebeb;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        margin:0 0 18px;
}
.head .download .btn-download span{
        display:inline-block;
        background:url(../img/ico-download2.png) no-repeat 0 19px;
        padding:21px 0 0 60px;
        height:49px;
}
.head .download .btn-download:hover{
        background:#51b9ff;
        -webkit-box-shadow:inset 0 -4px 0 #34a2eb;
        -moz-box-shadow:inset 0 -4px 0 #34a2eb;
        box-shadow:inset 0 -4px 0 #34a2eb;
        color:#fff;
}
.head .download .btn-download:hover span{
        background:url(../img/ico-download2-hover.png) no-repeat 0 17px;
}
.head .download .download-links{
        font-size:15px;
        color:#fff;
        text-align:center;
        
        width: 940px;
        left: -63%;
        position: relative;
}
.head .download .download-links .other-links {
        margin-left: 50px;
}
.head .download .download-links a{
        display:inline-block;
        position:relative;
        color:#fff;
        text-decoration:underline;
        padding:0 0 0 23px;
        /*margin-left:16px;*/
        margin-left:11px;
}
.head .download .download-links a.chrome {
        padding-left: 24px;
}
.head .download .download-links a.firefox {
        padding-left: 27px;
}
.head .download .download-links a.ipad {
        padding-left: 21px;
}
.head .download .download-links a.winold {
        padding-left: 26px;
}
.head .download .download-links a.download-links-android {
        padding-left: 21px;
}
.head .download .download-links a img{
        position:absolute;
        left:0;
        top:0;
}
.head .download .download-links a:hover{
        text-decoration:underline;
}
.head .overlay{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(51,51,51,0.5);
        z-index:9000;
        display:none;
}
.head .login{
        top:200px;
        padding:36px 40px 42px;
}
.head .login-form{
        float:left;
        width:260px;
        margin:0 40px 0 0;
}
.head .login-form-title{
        font-size:24px;
        font-weight:300;
        line-height:24px;
        color:#222;
        margin-bottom:27px;
}
.head .login-form input{
        display:block;
        background:#edeeef;
        border:0;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        width:240px;
        height:18px;
        margin-bottom:10px;
        padding:10px;
}
.head .login-form .btn{
        float:left;
        margin:10px 20px 0 0;
}
.head .login-form a{
        float:left;
        color:#999;
        margin:19px 0 0;
}
.head .login-social{
        float:left;
        width:233px;
}
.head .login-social-title{
        font-size:24px;
        font-weight:300;
        line-height:24px;
        color:#222;
        margin-bottom:27px;
}
.head .login-social .btn{
        display:block;
        position:relative;
        margin-bottom:10px;
        padding:9px 0 9px 45px;
}
.head .login-social .btn img{
        position:absolute;
        left:20px;
        top:11px;
}
.center{
        /*padding:51px 0 46px;*/
        padding:51px 0 106px;
}
.center .capabilities-title{
        font-size:48px;
        font-weight:500;
        line-height:48px;
        color:#232323;
        text-align:center;
        margin-bottom:26px;
        letter-spacing:-1px;
}
.center .capabilities-img{
        position:relative;
        left:-15px;
        margin:0 -30px 29px 0;
}
.center .capabilities-img img{
        display:block;
}
.center .capabilities{
        margin:0 0 0 -20px;
}
.center .capabilities .capabilities-item{
        position:relative;
        float:left;
        width:400px;
        padding:0 0 0 60px;
        line-height:24px;
        margin:0 0 27px 20px;
        min-height:105px;
}
.center .capabilities .capabilities-item img{
        position:absolute;
        left:18px;
        top:2px;
}
.center .capabilities .capabilities-item div{
        font-size:18px;
        font-weight:500;
        margin-bottom:5px;
}
.center .capabilities .capabilities-item div span{
        display:inline-block;
        font-size:10px;
        font-weight:bold;
        line-height:15px;
        color:#fff;
        background:#ff9933;
        -webkit-box-shadow:inset 0 -2px 0 #e57f19;
        -moz-box-shadow:inset 0 -2px 0 #e57f19;
        box-shadow:inset 0 -2px 0 #e57f19;
        vertical-align:top;
        padding:1px 5px 4px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        margin:4px 0 0 10px;
}
.center .capabilities-help{
        text-align:center;
        padding-bottom:60px;
}
.center .capabilities-help a{
        display:inline-block;
        font-size:18px;
        font-weight:500;
        line-height:22px;
        color:#fff;
        text-decoration:none;
        background:#48b6ff;
        -webkit-box-shadow:inset 0 -3px 0 #34a2eb;
        -moz-box-shadow:inset 0 -3px 0 #34a2eb;
        box-shadow:inset 0 -3px 0 #34a2eb;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        padding:13px 30px 15px;
}
.center .capabilities-help a:hover{
        background:#60bffe;
}
.center .pro-block{
        background:#ffe89b url(../img/pro-bg.png) repeat center top;
        position:relative;
        padding:42px 0 44px;
}
.center .pro-block .pro-block-title{
        font-size:48px;
        font-weight:500;
        line-height:48px;
        color:#333;
        text-align:center;
        letter-spacing:-1px;
        margin-bottom:32px;
}
.center .pro-text{
        float:left;
        width:300px;
        color:#232323;
        line-height:20px;
        margin:27px 0 0;
}
.center .pro-text div{
        font-size:24px;
        font-weight:500;
        line-height:24px;
        margin-bottom:17px;
}
.center .pro-text ul{
        margin:0;
}
.center .pro-text li{
        position:relative;
        line-height:20px;
        border-top:1px solid #cab779;
        padding:14px 0 15px 60px;
        margin:0;
        min-height:40px;
}
.center .pro-text li img{
        position:absolute;
        left:10px;
        top:16px;
}
.center .pro-text .pro-text-one{
        display:inline-block;
        padding-top:10px;
}
.center .pro-price{
        float:right;
        width:485px;
        background:#fff;
        border:1px solid #ffd957;
        border-bottom:1px solid #ebc850;
        -webkit-box-shadow:inset 0 -3px 0 #ebebeb;
        -moz-box-shadow:inset 0 -3px 0 #ebebeb;
        box-shadow:inset 0 -3px 0 #ebebeb;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        padding:21px 38px 38px;
        margin:0 -1px 0 0;
}
.center .pro-price .pro-price-title{
        text-align:center;
        margin-bottom:18px;
        color:#009fd8;
}
.center .pro-price .pro-price-title div{
        font-size:24px;
        font-weight:500;
        color:#232323;
        margin-bottom:8px;
}
.center .pro-price .btn-pro-c{
        text-align:center;
}
.center .pro-price .btn-pro{
        display:inline-block;
        background:#48b6ff;
        -webkit-box-shadow:inset 0 -3px 0 #34a2eb;
        -moz-box-shadow:inset 0 -3px 0 #34a2eb;
        box-shadow:inset 0 -3px 0 #34a2eb;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        font-size:18px;
        font-weight:500;
        line-height:22px;
        text-decoration:none;
        color:#fff;
        padding:12px 30px 16px;
        border: 0px;
        cursor:pointer;
}
.center .pro-price .btn-pro:hover{
        background:#60bffe;
}
.center .payment{}
.center .payment .payment-period{
        border:2px solid #d8dadb;
        background:#fff;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        height:129px;
        padding:2px;
        margin-bottom:50px;
}
.center .payment .payment-period.pro-user {
        width: 318px;
        margin-left: 118px;
}
.center .payment .payment-period-bg{
        background:url(../img/payment-period-bg.gif) repeat-x 0 bottom;
        height:129px;
}
.center .payment .payment-period-item{
        float:left;
        width:159px;
}
.center .payment .payment-period .payment-period-txt-day{
        display:block;
        color:#009fd8;
}
.center .payment .payment-period .prettyCheckbox{
        line-height:22px;
        width:159px;
        text-align:center;
        padding:14px 0 0;
        position:relative;
}
.center .payment .payment-period label.prettyCheckbox span.holderWrap{
        float:none;
        margin:0 auto 11px;
        z-index:5;
}
.center .payment .payment-period .payment-period-txt{
        display:block;
        position:relative;
        z-index:5;
}
.center .payment .payment-period .prettyCheckbox strong{
        display:block;
        font-weight:500;
        font-size:26px;
        line-height:26px;
        margin-bottom:1px;
}
.center .payment .payment-period .prettyCheckbox sup{
        font-size:16px;
        line-height:16px;
        vertical-align:top;
        position:relative;
        top:2px;
}
.center .payment .payment-period .prettyCheckbox i{
        position:absolute;
        left:-5px;
        top:-7px;
        background:url(../img/plan-active.png) no-repeat 0 0;
        width:169px;
        height:166px;
        display:none;
}
.center .payment .payment-period .prettyCheckbox.checked i{
        display:block;
}
.center .payment .payment-type{
        margin:0 auto 25px;
        color:#232323;
        font-weight:500;
        text-align:center;
}
.center .payment .payment-type-in{
        display:inline-block;
        text-align:left;
}
.center .payment .payment-type .prettyCheckbox{
        line-height:20px;
        float:none;
        display:block;
        font-size:18px;
        font-weight:500;
        margin-bottom:16px;
        height:22px;
}
.center .payment .payment-type .prettyCheckbox.checked{}
.center .payment .payment-type .card1{
        display:inline-block;
        background:url(../img/card1.png) no-repeat left top;
        width:28px;
        height:18px;
        margin:2px 2px 0 4px;
        vertical-align:top;
        opacity:.5;
}
.center .payment .payment-type .prettyCheckbox:hover .card1{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .prettyCheckbox.checked .card1{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .card2{
        display:inline-block;
        background:url(../img/card2.png) no-repeat left top;
        width:28px;
        height:18px;
        margin:2px 2px 0 0;
        vertical-align:top;
        opacity:.5;
}
.center .payment .payment-type .prettyCheckbox:hover .card2{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .prettyCheckbox.checked .card2{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .card3{
        display:inline-block;
        background:url(../img/card3.png) no-repeat left top;
        width:28px;
        height:18px;
        margin:2px 2px 0 0;
        vertical-align:top;
        opacity:.5;
}
.center .payment .payment-type .prettyCheckbox:hover .card3{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .prettyCheckbox.checked .card3{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .card4{
        display:inline-block;
        background:url(../img/card4.png) no-repeat left top;
        width:44px;
        height:18px;
        margin:2px 0 0 0;
        vertical-align:top;
        opacity:.5;
}
.center .payment .payment-type .prettyCheckbox:hover .card4{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .prettyCheckbox.checked .card4{
        background-position:left -18px;
        opacity:1;
}
.center .payment .payment-type .webmoney{
        display:inline-block;
        background:url(../img/webmoney.png) no-repeat left top;
        width:77px;
        height:21px;
        vertical-align:top;
        margin:0 0 0 9px;
}

.center .payment .payment-type .ya-money{
        display:inline-block;
        background:url(../img/ya-money.png) no-repeat left top;
        width:51px;
        height:20px;
        vertical-align:top;
        margin:1px 0 0 9px;
}


.center .payment .payment-type .prettyCheckbox:hover .webmoney{
        background-position:left -21px;
}
.center .payment .payment-type .prettyCheckbox.checked .webmoney{
        background-position:left -21px;
}
.center .payment .payment-save{
        font-size:12px;
        line-height:20px;
        color:#3498db;
        text-align:center;
        margin:14px 0 51px;
}
.center .rates{
        padding:55px 0 60px;
}
.center .rates .rates-item{
        float:left;
        width:220px;
        text-align:center;
        line-height:20px;
        margin:0 0 0 18px;
}
.center .rates .rates-item:first-child{
        margin:0;
}
.center .rates .rates-item p{
        line-height:20px;
        /*letter-spacing:-1px;*/
        margin:0 0 16px;
}
.center .rates .rates-item div{
        margin-bottom:8px;
}
.center .rates .rates-item div img{
        margin:0 3px 0 2px;
}
.center .rates .rates-item a{
        color:#999;
        text-decoration:underline;
}
.center .rates .rates-item a:hover{
        text-decoration:underline;
}
.center .rates .rates-item a img{
        margin-top:16px;
}
.center .support{
        font-size:18px;
        text-align:center;
        margin-bottom:25px;
}
.center .support div{
        font-size:48px;
        font-weight:500;
        letter-spacing:-1px;
        margin-bottom:10px;
}
.center .support a{
        color:#232323;
}
.center .download-clip2net{
        text-align:center;
        margin:52px 0 0;
}
.center .download-clip2net span{
        margin-right:2px;
}
.center .download-clip2net a{
        display:inline-block;
        position:relative;
        color:#232323;
        text-decoration:none;
        padding:0 0 0 23px;
        margin-left:14px;
}
.center .download-clip2net a:hover{
        text-decoration:underline;
}
.center .download-clip2net a img{
        position:absolute;
        left:0;
        top:0;
}
.text p{
        line-height:24px;
        margin:0 0 12px;
}
.center .fs18{
        font-size:18px;
        font-weight:300;
        line-height:30px;
        text-align:center;
        margin-bottom:45px
}
.center .text-block{
        padding:0 0 11px 20px;
}
.center .text-block ul{
        margin:-6px 0 12px;
}
.center .text-block li{
        background:url(../img/li.gif) no-repeat left 11px;
        line-height:24px;
        padding:0 0 0 20px;
        margin:0;
}
.footer{
        width:940px;
        margin:0 auto;
        padding:0 10px 49px;
}
.footer .menu{
        float:left;
        font-size:13px;
        line-height:22px;
        color:#232323;
}
.footer .menu a{
        text-decoration:underline;
        color:#232323;
        margin-right:21px;
}
.footer .menu a:hover{
        text-decoration:underline;
}
/*
.footer .lang{
        float:right;
        position:relative;
        width:50px;
        height:28px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        border:1px solid #e3e3e3;
        font-size:13px;
        line-height:13px;
        color:#232323;
        margin:3px 0 0;
}
.footer .lang:hover{
        -webkit-border-radius:2px 2px 0 0;
        -moz-border-radius:2px 2px 0 0;
        border-radius:2px 2px 0 0;
}
.footer .lang .lang-arrow{
        position:absolute;
        right:8px;
        top:12px;
}
.footer .lang span{
        display:block;
        padding:6px 0 0 9px;
}
.footer .lang div{
        display:none;
        position:absolute;
        left:-1px;
        top:28px;
        border:1px solid #e3e3e3;
        border-top:0;
        -webkit-border-radius:0 0 2px 2px;
        -moz-border-radius:0 0 2px 2px;
        border-radius:0 0 2px 2px;
        width:50px;
}
.footer .lang:hover div{
        display:block;
}
.footer .lang div a{
        display:block;
        color:#232323;
        padding:5px 0 7px 9px;
        text-decoration:none;
}
.footer .lang div a:last-child{
        -webkit-border-radius:0 0 2px 2px;
        -moz-border-radius:0 0 2px 2px;
        border-radius:0 0 2px 2px;
}
.footer .lang div a:hover{
        background:#eee;
        color:#232323;
}*/
.footer .lang{
        float:right;
        position:relative;
        width:52px;
        height:30px;
        /*-webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        border:1px solid #e3e3e3;*/
        background: url(/img/bg1.png) no-repeat;
        font-size:13px;
        line-height:13px;
        color:#232323;
        margin:3px 0 0;
}
.footer .lang:hover{
        /*-webkit-border-radius:2px 2px 0 0;
        -moz-border-radius:2px 2px 0 0;
        border-radius:2px 2px 0 0;*/
        background: url(/img/bg2.png) no-repeat;
}
.footer .lang .lang-arrow{
        position:absolute;
        right:8px;
        top:12px;
}
.footer .lang span{
        display:block;
        padding:8px 0 0 9px;
}
.footer .lang div{
        display:none;
        position:absolute;
        left:0px;
        top:30px;
        /*border:1px solid #e3e3e3;
        border-top:0;
        -webkit-border-radius:0 0 2px 2px;
        -moz-border-radius:0 0 2px 2px;
        border-radius:0 0 2px 2px;*/
        
}
.footer .lang:hover div{
        display:block;
}
.footer .lang div a{
        display:block;
        color:#232323;
        padding:8px 0 0px 9px;
        text-decoration:none;
        width:43px;
        height:24px;
}
.footer .lang div a:last-child{
        /*-webkit-border-radius:0 0 2px 2px;
        -moz-border-radius:0 0 2px 2px;
        border-radius:0 0 2px 2px;*/
        
        background: url(/img/bg3.png) no-repeat;
}
.footer .lang div a:hover{
        /*background:#eee;*/
        /*background: url(/img/bg123.png);*/
        
        background: url(/img/bg4.png) no-repeat;
        color:#232323;
}
.btn{
        display:inline-block;
        background:#3498db;
        -webkit-box-shadow:0 2px 0 #2573a6;
        -moz-box-shadow:0 2px 0 #2573a6;
        box-shadow:0 2px 0 #2573a6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        font-size:15px;
        line-height:20px;
        color:#fff;
        border:0;
        padding:9px 19px;
        margin:0;
        cursor:pointer;
}
@-moz-document url-prefix() {
        .btn{
                padding:8px 17px;
        }
} 
a.btn{
        text-decoration:none;
}
.btn:hover{
        background:#3badf9;
        color:#fff;
}
.popup{
        position:absolute;
        left:50%;
        top:0;
        width:640px;
        margin:0 0 0 -320px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        background:#fbfbfb;
        -webkit-box-shadow:0 4px 0 #7f8c8d;
        -moz-box-shadow:0 4px 0 #7f8c8d;
        box-shadow:0 4px 0 #7f8c8d;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        display:none;
        z-index:9999;
}
.popup .close{
        position:absolute;
        right:19px;
        top:19px;
}


/*page image*/
.image-page{
        background:url(../img/image-page-bg.jpg);
}
.image-page-bg{
        background:#3c3c3c;
        height:40px;
        width:100%;
        position:absolute;
        left:0;
        top:-60px;
}
.image-page .head{
        background:#3c3c3c;
        border:0;
        padding:5px 0;
        position:relative;
        z-index:1000;
}
.image-page .head .logo{
        margin:4px 20px 5px 0;
}
.image-page .head .btn-my-files{
        display:block;
        float:left;
        position:relative;
        background:#666;
        font-size:12px;
        line-height:15px;
        color:#fefefe;
        text-decoration:none;
        padding:7px 9px 8px 33px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        margin-right:40px;
}
.image-page .head .btn-my-files img{
        position:absolute;
        left:10px;
        top:8px;
}
.image-page .head .btn-my-files:hover{
        background:#777;
}
.image-page .head .head-txt{
        float:left;
        font-size:12px;
        color:#fefefe;
        margin:6px 0 0 10px;
}
.image-page .head .head-txt a{
        color:#fefefe;
}
.image-page .head .social{
        float:right;
        font-size:12px;
        color:#888;
        position:relative;
}
.image-page .head .social img{
        display:block;
}
.image-page .head .social .social-txt{
        float:left;
        margin:6px 1px 0 0;
}
.image-page .head .social a{
        display:block;
        float:left;
        margin-left:8px;
}
.image-page .head .social .social-ico{
        float:left;
        margin-left:8px;
}
.image-page .head .social .social-ico>img{
        cursor:pointer;}
.image-page .head .social .social-popup{
        position:absolute;
        right:0;
        top:37px;
        background:#fff;
        border:1px solid #ababab;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:14px 20px 12px;
        display:none;
}
.image-page .head .social .social-popup.social-popup-gr{
        padding:4px;
}
.image-page .head .social .social-popup .social-arrow{
        position:absolute;
        right:38px;
        top:-8px;
}
.image-page .head .social .social-popup.social-popup-gr .social-arrow{
        position:absolute;
        right:0px;
        top:-8px;
}
.image-page .head .social .social-popup .social-popup-ttl{
        font-size:10px;
        font-weight:bold;
        line-height:15px;
        text-transform:uppercase;
        color:#000;
        margin-bottom:2px;
}
.image-page .head .social .social-popup .social-popup-item{
        font-size:10px;
        line-height:15px;
        color:#acacac;
        margin-bottom:5px;
}

.image-page .head .social .social-popup .social-popup-hint{
                float:right;
        font-size:10px;
        line-height:15px;
        color:#000;
        margin-bottom:5px;
        display:none;
}

.image-page .head .social .social-popup input{
        display:block;
        background:#eee;
        border:0;
        font-size:10px;
        color:#000;
        width:180px;
        height:14px;
        margin-bottom:7px;
        padding:8px 5px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        -moz-text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -ms-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;
}
.image-page .head .social .social-ico:hover .social-popup{
        display:block;
}
.image{
        text-align:center;
        padding:20px 0;
}
.image .image-content{
        display:inline-block;
        min-width:960px;
        margin:0 auto;
        text-align:left;
        position:relative;
}
.image .image-pic{
        display:block;
}
.image .image-pic img{
        display:block;
        cursor:pointer;
}
.image .image-btn{
        display:block;
        margin:20px 0 0;
}
.image .image-down-file{
        display:block;
        float:left;
        position:relative;
        background:#2bb24c;
        border-bottom:2px solid #23923e;
        font-size:14px;
        line-height:18px;
        color:#fff;
        text-decoration:none;
        padding:11px 21px 9px 48px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        margin-right:20px;
}
.image .image-down-file:hover{
        background:#29c04e;
}
.image .image-down-file img{
        position:absolute;
        left:22px;
        top:11px;
}
.image .image-btn-social{
        display:block;
        float:left;
        margin:10px 0 0;
}
/*pro page*/
.pro-page{
        background:#ffe89b url(../img/pro-bg.jpg) no-repeat center center;
        color:#6b5833;
}
.pro-page a{
        color:#6b5833;
}
.pro-page h1{
        color:#6b5833;
        margin:10px 0 44px;
}
.pro-page-bg{
        background:url(../img/pro-bg3.png) repeat-x center 176px;
}
.pro-page .center .pro-price{
        width:560px;
}
.pro-page .center .payment{
        top:0;
        padding:28px 0 41px;
        -webkit-box-shadow:0 3px 0 #f1c40f;
        -moz-box-shadow:0 2px 0 #f1c40f;
        box-shadow:0 2px 0 #f1c40f;
        margin-bottom:45px;
}
.pro-page .center .payment .pro-period,
.center .pro-period
{
        text-align:center;
        color:#232323;
        margin-bottom:30px;
}
.pro-page .center .payment .pro-period strong{
        font-size:20px;
        text-transform:uppercase;
}
.pro-page .center .payment .payment-title{
        background:url(../img/payment-line.gif) repeat-x left 8px;
        text-transform:uppercase;
        line-height:18px;
        text-align:center;
        margin-bottom:16px;
        letter-spacing:1px;
        color:#888;
}
.pro-page .center .payment .payment-title span{
        display:inline-block;
        background:#fbfbfb;
        padding:0 19px;
}
.pro-page .center .payment .payment-period{
        margin:0 auto;
        color:#222;
}
.pro-page .center .payment .payment-period .prettyCheckbox{
        padding:13px 15px 14px 11px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
}
.pro-page .center .payment .payment-period .prettyCheckbox strong{
        font-weight:700;
        font-size:20px;
}
.pro-page .center .payment .payment-period .prettyCheckbox.checked{
        background:#3498db;
        color:#fff;
}
.pro-page .center .payment .payment-save{
        font-size:12px;
        line-height:20px;
        color:#3498db;
        text-align:center;
        margin:14px 0 51px;
}
.pro-page .center .payment .payment-type{
        margin:0 auto 34px;
        color:#222;
        text-transform:uppercase;
        font-weight:700;
        letter-spacing:1px;
}
.pro-page .center .payment .payment-type .prettyCheckbox{
        padding:13px 20px 10px 11px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        line-height:22px;
}
.pro-page .center .payment .payment-type .prettyCheckbox strong{
        font-weight:700;
        font-size:20px;
}
.pro-page .center .payment .payment-type .prettyCheckbox.checked{
        background:#3498db;
        color:#fff;
}
.pro-page .center .payment .payment-type .card1{
        display:inline-block;
        background:url(../img/card1.png) no-repeat left top;
        width:28px;
        height:18px;
        margin:4px 2px 0 0;
}
.pro-page .center .payment .payment-type .prettyCheckbox:hover .card1{
        background-position:left -18px;
}
.pro-page .center .payment .payment-type .prettyCheckbox.checked .card1{
        background-position:left -18px;
}
.pro-page .center .payment .payment-type .card2{
        display:inline-block;
        background:url(../img/card2.png) no-repeat left top;
        width:28px;
        height:18px;
        margin:4px 2px 0 0;
}
.pro-page .center .payment .payment-type .prettyCheckbox:hover .card2{
        background-position:left -18px;
}
.pro-page .center .payment .payment-type .prettyCheckbox.checked .card2{
        background-position:left -18px;
}
.pro-page .center .payment .payment-type .card3{
        display:inline-block;
        background:url(../img/card3.png) no-repeat left top;
        width:28px;
        height:18px;
        margin:4px 2px 0 0;
}
.pro-page .center .payment .payment-type .prettyCheckbox:hover .card3{
        background-position:left -18px;
}
.pro-page .center .payment .payment-type .prettyCheckbox.checked .card3{
        background-position:left -18px;
}
.pro-page .center .payment .payment-type .card4{
        display:inline-block;
        background:url(../img/card4.png) no-repeat left top;
        width:44px;
        height:18px;
        margin:4px 0 0 0;
}
.pro-page .center .payment .payment-type .prettyCheckbox:hover .card4{
        background-position:left -18px;
}
.pro-page .center .payment .payment-type .prettyCheckbox.checked .card4{
        background-position:left -36px;
}
.pro-page .center .payment .payment-type .paypal{
        display:inline-block;
        background:url(../img/paypal.png) no-repeat left top;
        width:69px;
        height:19px;
        margin:4px 7px -2px 0;
}
.pro-page .center .payment .payment-type .prettyCheckbox:hover .paypal{
        background-position:left -19px;
}
.pro-page .center .payment .payment-type .prettyCheckbox.checked .paypal{
        background-position:left -38px;
}
.pro-page .center .payment .payment-type .webmoney{
        display:inline-block;
        background:url(../img/webmoney.png) no-repeat left top;
        width:118px;
        height:30px;
        margin:-4px 7px -5px 0;
}
.pro-page .center .payment .payment-type .prettyCheckbox:hover .webmoney{
        background-position:left -30px;
}
.pro-page .center .payment .payment-type .prettyCheckbox.checked .webmoney{
        background-position:left -60px;
}
.pro-page .center .payment .payment-save{
        font-size:12px;
        line-height:20px;
        color:#3498db;
        text-align:center;
        margin:14px 0 41px;
}
.pro-page .center .payment .btn-pro{
        display:block;
        background:#eb8629;
        border:0;
        -webkit-box-shadow:inset 0 -3px 0 rgba(0,0,0,0.23);
        -moz-box-shadow:inset 0 -3px 0 rgba(0,0,0,0.23);
        box-shadow:inset 0 -3px 0 rgba(0,0,0,0.23);
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        font-size:24px;
        line-height:27px;
        text-decoration:none;
        color:#fff;
        padding:17px 0 22px;
        height:67px;
        width:360px;
        text-align:center;
        margin:0 auto;
        cursor:pointer;
}
.pro-page .center .payment .btn-pro:hover{
        background:#ff912c;
}
.pro-page .center .pro-text{
        width:350px;
        font-size:14px;
        margin:42px 0 40px;
}
.pro-page .center .pro-text ul{
        background:url(../img/pro-line.png) no-repeat -100px top;
        margin:0 0 42px;
}
.pro-page .center .pro-text li{
        background:url(../img/pro-line.png) no-repeat -100px bottom;
        padding:13px 0 12px 10px;
}
.pro-page .center .pro-text li:first-child{
        padding-top:14px;
}
.pro-page .center .pro-text li span{
        padding:0 0 0 28px;
        background:url(../img/pro-li.png) no-repeat left 6px;
}
.pro-page .center .pro-text .pro-text-num{
        padding:0 0 0 38px;
        font-size:14px;
        font-weight:400;
        margin:0;
}
.pro-page .center .pro-txt{
        font-size:18px;
        font-weight:300;
        text-align:center;
        padding-bottom:44px;
}
.pro-page .center .pro-txt p{
        line-height:30px;
}

/*login page*/
.login-page{
        background:#ffe89b url(../img/pro-bg.jpg) no-repeat center center;
        color:#6b5833;
}
.login-page a{
        color:#6b5833;
}
.login-page h1{
        color:#6b5833;
        margin:10px 0 44px;
}
.login-page-bg{
        background:url(../img/pro-bg3.png) repeat-x center 176px;
        min-height:100%;
        height:auto !important;
        height:100%;
}
.login-page .wrapper{
        width:940px;
}
.login-page .center{
        padding:50px 0 162px;
}
.login-page .footer{
        height:60px;
        margin-top:-100px;
}
.login-page .login-social2{
        padding:0 0 13px 60px;
}
.login-page .btn-fb{
        display:block;
        float:left;
        width:184px;
        height:35px;
        background:#3f5c9c url(../img/ico-fb4.png) no-repeat 13px 14px;
        color:#fff;
        text-decoration:none;
        padding:15px 0 0 36px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.23);
        -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.23);
        box-shadow:inset 0 -2px 0 rgba(0,0,0,0.23);
        margin:0 10px 0 0;
}
.login-page .btn-vk{
        display:block;
        float:left;
        width:184px;
        height:35px;
        background:#4072a6 url(../img/ico-vk4.png) no-repeat 13px 17px;
        color:#fff;
        text-decoration:none;
        padding:15px 0 0 36px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.23);
        -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.23);
        box-shadow:inset 0 -2px 0 rgba(0,0,0,0.23);
        margin:0 10px 0 0;
}
.login-page .btn-fb:hover{
        background:#3badf9 url(../img/ico-fb4.png) no-repeat 13px 14px;
}
.login-page .btn-vk:hover{
        background:#3badf9 url(../img/ico-vk4.png) no-repeat 13px 17px;
}
.login-page .login-social2-txt{
        color:#999;
        text-align:center;
        margin-bottom:15px;
}
.login-page .form{
        padding:0 60px 16px 60px;
        width:450px;
        text-align:center;
        line-height:16px;
        font-size:12px;
        color:#999;
        border-bottom:1px solid #e5e5e5;
}
.login-page .form a{
        color:#999;
}
.login-page .form .field{
        display:block;
        background:#edeeef;
        border:0;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        width:412px;
        height:18px;
        margin-bottom:20px;
        padding:16px 19px;
}
.login-page .form label{
        margin-left:4px;
}
.login-page .form label,
.login-page .form a{
        display:inline-block;
        vertical-align:top;
        margin-top:-1px;
}
.login-page .form-btn{
        background:#f0f1f2;
        border-top:1px solid #dddedf;
        padding:20px 0 33px;
        text-align:center;
        -webkit-border-radius:0 0 6px 6px;
        -moz-border-radius:0 0 6px 6px;
        border-radius:0 0 6px 6px;
        margin:-1px 0 0;
}
.login-page .form-btn .btn{
        font-size:24px;
        padding:21px 59px 23px;
        -webkit-box-shadow:0 3px 0 #2573a6;
        -moz-box-shadow:0 3px 0 #2573a6;
        box-shadow:0 3px 0 #2573a6;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
}
@-moz-document url-prefix() {
        .login-page .form-btn .btn{
                padding:20px 56px 22px;
        }
}
.advantage{
        float:right;
        width:300px;
        color:#6b5833;
        font-size:16px;
        line-height:20px;
        margin:24px 0 0 0;
}
.advantage div{
        font-size:24px;
        font-weight:700;
        line-height:24px;
        margin-bottom:17px;
}
.advantage ul{
        margin:0;
        background:url(../img/pro-line.png) no-repeat left top;
}
.advantage li{
        margin:0;
        background:url(../img/pro-line.png) no-repeat left bottom;
        padding:13px 15px 17px 60px;
        position:relative;
}
.advantage li:first-child{
        padding-top:11px;
}
.advantage li img{
        position:absolute;
        left:3px;
        top:16px;
}
.registration{
        float:left;
        width:570px;
        background:#fff;
        -webkit-box-shadow:0 2px 2px #dab007;
        -moz-box-shadow:0 2px 2px #dab007;
        box-shadow:0 2px 2px #dab007;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
}
.reg-type{
        text-align:center;
        font-size:24px;
        line-height:26px;
        padding:23px 0 15px;
        font-weight:700;
        color:#222;
        border-bottom:1px solid #e5e5e5;
        margin-bottom:20px;
}
.reg-type span{
        display:inline-block;
        margin:0 15px 1px;
}
.reg-type a{
        display:inline-block;
        font-weight:300;
        color:#888;
        text-decoration:none;
        border-bottom:1px dotted #888;
        margin:0 15px;
}
.reg-type a:hover{
        border:0;
        padding-bottom:1px;
}
.registration .payment-title{
        background:url(../img/payment-line.gif) repeat-x left 8px;
        text-transform:uppercase;
        line-height:18px;
        text-align:center;
        margin-bottom:16px;
        letter-spacing:1px;
}
.registration .payment-title span{
        display:inline-block;
        background:#fbfbfb;
        padding:0 19px;
}
.registration .payment-period{
        margin:20px auto 0;
        color:#222;
}
.registration .payment-period .prettyCheckbox{
        padding:13px 16px 14px 13px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
}
.registration .payment-period label.radio span.holder{
        background-image:url(../img/radio2.png);
}
.registration .payment-period .prettyCheckbox strong{
        font-weight:700;
        font-size:20px;
}
.registration .payment-period .prettyCheckbox.checked{
        border:2px solid #3498db;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        color:#3498db;
        padding:11px 14px 12px 11px;
}
.registration .payment-save{
        font-size:12px;
        line-height:20px;
        color:#999;
        text-align:center;
        margin:6px 0 15px;
}
.registration .payment-save.active{
        color:#3498db;
}
.registration .payment-type{
        margin:20px auto 21px;
        color:#222;
        text-transform:uppercase;
        font-weight:700;
}
.registration .payment-type .prettyCheckbox{
        padding:13px 14px 10px 14px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        line-height:22px;
}
.registration .payment-type label.radio span.holder{
        background-image:url(../img/radio2.png);
}
.registration .payment-type .prettyCheckbox strong{
        font-weight:700;
        font-size:20px;
}
.registration .payment-type .prettyCheckbox.checked{
        border:2px solid #3498db;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        color:#3498db;
        padding:11px 12px 8px 12px;
}
.registration .payment-type .card1{
        display:inline-block;
        background:url(../img/card1.png) no-repeat left -18px;
        width:28px;
        height:18px;
        margin:4px 2px 0 0;
}
.registration .payment-type .prettyCheckbox:hover .card1{
        background-position:left -18px;
}
.registration .payment-type .prettyCheckbox.checked .card1{
        background-position:left -18px;
}
.registration .payment-type .card2{
        display:inline-block;
        background:url(../img/card2.png) no-repeat left -18px;
        width:28px;
        height:18px;
        margin:4px 2px 0 0;
}
.registration .payment-type .prettyCheckbox:hover .card2{
        background-position:left -18px;
}
.registration .payment-type .prettyCheckbox.checked .card2{
        background-position:left -18px;
}
.registration .payment-type .card3{
        display:inline-block;
        background:url(../img/card3.png) no-repeat left -18px;
        width:28px;
        height:18px;
        margin:4px 0 0 0;
}
.registration .payment-type .prettyCheckbox:hover .card3{
        background-position:left -18px;
}
.registration .payment-type .prettyCheckbox.checked .card3{
        background-position:left -18px;
}
.registration .payment-type .card4{
        display:inline-block;
        background:url(../img/card4.png) no-repeat left -18px;
        width:44px;
        height:18px;
        margin:4px 0 0 0;
}
.registration .payment-type .prettyCheckbox:hover .card4{
        background-position:left -18px;
}
.registration .payment-type .prettyCheckbox.checked .card4{
        background-position:left -18px;
}
.registration .payment-type .paypal{
        display:inline-block;
        background:url(../img/paypal.png) no-repeat left top;
        width:69px;
        height:19px;
        margin:4px 7px -2px 0;
}
.registration .payment-type .prettyCheckbox:hover .paypal{
        background-position:left -19px;
}
.registration .payment-type .prettyCheckbox.checked .paypal{
        background-position:left -38px;
}
.registration .payment-type .webmoney{
        display:inline-block;
        background:url(../img/webmoney.png) no-repeat left top;
        width:118px;
        height:30px;
        margin:-4px 0 -5px 0;
}
.registration .payment-type .prettyCheckbox:hover .webmoney{
        background-position:left 0;
}
.registration .payment-type .prettyCheckbox.checked .webmoney{
        background-position:left -30px;
}
.login-page .reg-pro-period{
        text-align:center;
        color:#888;
        line-height:21px;
        margin:-5px 0 25px;
}
.login-page .reg-pro-period strong{
        text-transform:uppercase;
        color:#222;
}
.login-page .payment-type-txt{
        width:510px;
        margin:0 auto 27px;
        color:#888;
        font-size:12px;
        line-height:18px;
        text-align:center;
}
.advantage {
        width: 300px;
        float: left;
        /*margin: 28px 49px 20px 21px;*/
        margin: 24px 0 0;
}
.advantage .ttl {
        font: 500 24px 'Roboto',Arial,Helvetica,sans-serif;
        margin-bottom: 16px;
        color: #232323;
}
.advantage .item {
        border-top: 1px solid #cab779;
        padding: 14px 0px 15px 60px;
        color: #232323;
        font: 300 15px 'Roboto',Arial,Helvetica,sans-serif;
        margin-bottom: 0px;
}
.advantage.en .item {
        padding: 24px 0 25px 60px
}
.advantage .p1 {
        background: url(../img/ico-pro1.png) no-repeat 11px 18px;
}
.advantage .p2 {
        background: url(../img/ico-pro2.png) no-repeat 11px 18px;
}
.advantage .p3 {
        background: url(../img/ico-pro3.png) no-repeat 11px 18px;
}
.advantage .p4 {
        background: url(../img/ico-pro4.png) no-repeat 11px 18px;
}
.advantage .p5 {
        background: url(../img/ico-pro5.png) no-repeat 11px 18px;
}
.advantage .p6 {
        background: url(../img/ico-pro6.png) no-repeat 11px 18px;
}
.payment-period:hover, .payment-period label:hover {
        cursor: pointer;
        cursor: hand;
}


.footer {
        width: 940px; 
        /*height: 120px;*/ 
        padding: 0px;
        margin-bottom: 10px;
        bottom: 0px;
        left: 50%;
        margin-left: -470px;
        position: absolute;
}
.download-404 {
        float: right;
        color: #232323;
        font-size: 13px;
        position: relative;
        top: -3px;
}
.download-404 a {
        color: #232323;
        text-decoration: underline;
        margin-left: 13px;
}
.download-404 a:hover {
        color: #232323;
        text-decoration: underline;
}
.download-404 img {
        position: relative;
        top: 2px;
        margin-right: 3px;
}
.footer .menu a {
        margin-right: 14px;
}
.lang-404 {
        margin-left: 10px;
}
.page-wrapper {
        min-height:100%;
        height:auto !important;
        height:100%;
        position: relative;
}


/*ny*/
.ny-title{
        font-size:24px;
        font-weight:500;
        line-height:30px;
        color:#ff6000;
        text-align:center;
        letter-spacing:-1px;
        margin-bottom:17px;
}
.ny-txt{
        text-align:center;
        color:#333;
        margin-bottom:25px;
}
.payment-period-item{
        position:relative;
}
.ny-sale{
        position:absolute;
        right:-4px;
        top:-4px;
}
.payment-period-txt-sale{
        display:block;
        text-align:center;
        font-size:18px;
        font-weight:500;
        line-height:18px;
        color:#999;
        margin:2px 0 -1px;
}
.payment-period-txt-sale span{
        font-style:normal;
        text-decoration:line-through;
}
.center .payment .payment-period .prettyCheckbox .payment-period-txt-sale sup{
        font-size:10px;
        line-height:10px;
        vertical-align:top;
        text-decoration:line-through;
        top:2px;
}

/*action*/
.action-pos{
        display:none;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        min-width:1360px;
        z-index:1000;
}
.action{
        display:block;
        background:url(../img/action-bg.png) no-repeat 0 0;
        width:200px;
        height:214px;
        position:absolute;
        right:0;
        top:0;
        text-decoration:none;
}
.action-ru{
        display:block;
        text-align:right;
        padding:24px 16px 0 30px;
}
.action-ru-ttl{
        display:block;
        font:500 15px/15px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:9px;
}
.action-ru-price{
        display:block;
        font:500 48px/48px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fff;
        letter-spacing:-3px;
        margin-bottom:8px;
}
.action-ru-sale{
        display:block;
        font:500 24px/24px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:5px;
}
.action-ru-txt{
        display:block;
        font:300 18px/18px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fff;
}
.action-en{
        display:block;
        text-align:right;
        padding:15px 24px 0 35px;
}
.action-en-ttl{
        display:block;
        font:500 18px/18px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:8px;
}
.action-en-price{
        display:block;
        font:500 48px/48px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fff;
        letter-spacing:-3px;
        margin-bottom:12px;
}
.action-en-sale{
        display:block;
        font:500 18px/18px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:4px;
}
.action-en-txt{
        display:block;
        font:500 14px/22px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fff;
}
.action2{
        display:block;
        background:url(../img/action-bg2.png) no-repeat 0 0;
        width:207px;
        height:217px;
        position:absolute;
        right:0;
        top:0;
        text-decoration:none;
}
.action2-ru{
        display:block;
        text-align:right;
        padding:17px 14px 0 30px;
}
.action2-ru-ttl{
        display:block;
        font:500 14px/12px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:5px;
}
.action2-ru-ttl span{
        display:inline-block;
        background:#48b6ff;
        color:#fff;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:5px 11px 7px;
}
.action2-ru-price{
        display:block;
        font:500 50px/48px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fff;
        letter-spacing:-3px;
        margin-bottom:8px;
}
.action2-ru-sale{
        display:block;
        font:500 22px/22px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:5px;
}
.action2-ru-txt{
        display:block;
        font:500 11px/12px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fcd6bc;
                color:rgba(255,255,255,.6);
}
.action2-en{
        display:block;
        text-align:right;
        padding:27px 14px 0 30px;
}
.action2-en-ttl{
        display:block;
        font:500 13px/12px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:4px;
}
.action2-en-ttl span{
        display:inline-block;
        background:#48b6ff;
        color:#fff;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:5px 11px 7px;
        margin-left:4px;
}
.action2-en-price{
        display:block;
        font:500 50px/50px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fff;
        letter-spacing:-3px;
        margin-bottom:8px;
}
.action2-en-sale{
        display:block;
        font:700 20px/22px 'Roboto', Arial, Helvetica, sans-serif;
        color:#ffff99;
        margin-bottom:2px;
}
.action2-en-txt{
        display:block;
        font:500 11px/12px 'Roboto', Arial, Helvetica, sans-serif;
        color:#fcd6bc;
                color:rgba(255,255,255,.6);
}
@media screen and (min-width: 1375px){
        .action-pos{
                display:block;
        }
}
.action-pos {
        display:block\0/;
}

.compare{
        background:#fff;
        border:1px solid #ffd957;
        border-bottom:1px solid #ebc850;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        padding:28px 67px 37px;
        -webkit-box-shadow:inset 0 -3px 0 #ebebeb;
        -moz-box-shadow:inset 0 -3px 0 #ebebeb;
        box-shadow:inset 0 -3px 0 #ebebeb;
}
.compare .compare-ttl{
        font-size:36px;
        font-weight:700;
        line-height:40px;
        color:#333;
        text-align:center;
        margin-bottom:38px;
}
.compare .compare-table{
        width:100%;
}
.compare .compare-table th{
        font-size:18px;
        font-weight:500;
        line-height:18px;
        color:#333;
        border-bottom:1px solid #d6d6d6;
        border-left:1px solid #fff;
        text-align:right;
        padding:0 16px 13px 0;
}
.compare .compare-table th.compare-table-base{
        border-bottom-color:#868686;
        background:url(../img/compare-ttl-base.png) no-repeat left bottom;
        width:129px;
        padding:0 0 13px;
        text-align:center;
        color:#929292;
}
.compare .compare-table th.compare-table-lite{
        border-bottom-color:#248dd6;
        background:url(../img/compare-ttl-lite.png) no-repeat left bottom;
        width:129px;
        padding:0 0 13px;
        text-align:center;
        color:#48b6ff;
        font-weight:700;
}
.compare .compare-table th.compare-table-pro{
        border-bottom-color:#d67019;
        background:url(../img/compare-ttl-pro.png) no-repeat left bottom;
        width:129px;
        padding:0 0 13px;
        text-align:center;
        color:#ff9933;
        font-weight:700;
}
.compare .compare-table td{
        border-top:1px solid #d6d6d6;
        border-left:1px solid #fff;
        text-align:right;
        padding:13px 16px 14px 0;
        vertical-align:middle;
        color:#232323;
}
.compare .compare-table tr:last-child td{
        border-radius:0 0 2px 2px;
}
.compare .compare-table .compare-table-help{
        display:inline-block;
        position:relative;
        width:16px;
        margin-left:9px;
}
.compare .compare-table .compare-table-help img{
        position:absolute;
        left:0;
        top:4px;
}
.compare .compare-table td.compare-table-base{
        text-align:center;
        padding:10px 0;
        border-top-color:#bfbfbf;
        background:#e8e8e8;
        font-size:16px;
        letter-spacing:-1px;
}
.compare .compare-table td.compare-table-lite{
        text-align:center;
        padding:10px 0;
        border-top-color:#8fc3d6;
        background:#b8ecff;
        font-size:16px;
        letter-spacing:-1px;
}
.compare .compare-table td.compare-table-pro{
        text-align:center;
        padding:10px 0;
        border-top-color:#d6bf72;
        background:#ffe89b;
        font-size:16px;
        letter-spacing:-1px;
}
.compare .compare-table td.compare-table-pro strong{
        font-weight:500;
}
.compare .compare-table .compare-table-lite.compare-table-price{
        font-size:14px;
        line-height:14px;
        color:#5e767e;
        padding:12px 0 13px;
}
.compare .compare-table .compare-table-lite.compare-table-price sup{
        font-size:9px;
        vertical-align:baseline;
        position:relative;
        top:-3px;
}
.compare .compare-table .compare-table-lite.compare-table-price span{
        display:block;
        font-size:12px;
}
.compare .compare-table .compare-table-lite.compare-table-price div{
        font-size:15px;
        color:#232323;
}
.compare .compare-table .compare-table-lite.compare-table-price div sup{
        top:-4px;
}
.compare .compare-table .compare-table-pro.compare-table-price{
        font-size:14px;
        line-height:14px;
        color:#7e7451;
        padding:12px 0 13px;
}
.compare .compare-table .compare-table-pro.compare-table-price sup{
        font-size:9px;
        vertical-align:baseline;
        position:relative;
        top:-3px;
}
.compare .compare-table .compare-table-pro.compare-table-price span{
        display:block;
        font-size:12px;
}
.compare .compare-table .compare-table-pro.compare-table-price div{
        font-size:15px;
        color:#232323;
}
.compare .compare-table .compare-table-pro.compare-table-price div sup{
        top:-4px;
}
.compare .btn-pro-c{
        text-align:center;
        margin:24px 0 0;
}
.compare .btn-pro{
        display:inline-block;
        background:#48b6ff;
        -webkit-box-shadow:inset 0 -3px 0 #34a2eb;
        -moz-box-shadow:inset 0 -3px 0 #34a2eb;
        box-shadow:inset 0 -3px 0 #34a2eb;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        font-size:18px;
        font-weight:500;
        line-height:22px;
        text-decoration:none;
        color:#fff;
        padding:12px 30px 16px;
        border: 0px;
        cursor:pointer;
        height:auto;
}
.compare .btn-pro:hover{
        background:#60bffe;
}
.head .download .download-links a.left-mp0 {
        margin-left: 0px;
        padding-left: 0px;
}

/* blog */
.blog {
        margin-bottom: 30px;
}
.blog .blog-title {
        color: #333333;
        font:500 48px/48px 'Roboto', Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        margin-bottom: 15px;
        text-align: center;
}
.blog .blog-text {
        font:300 18px/26px 'Roboto', Arial, Helvetica, sans-serif;
        color: #232323;
        margin-bottom: 20px;
        text-align: center;
}
.blog .c2man {
        background: url(../img/c2man.jpg) no-repeat center top;
        width: 365px;
        height: 235px;
        padding: 65px 0 0 575px;
        color: #232323;
        font:300 15px/20px 'Roboto', Arial, Helvetica, sans-serif;
        margin-bottom: 30px;
}
.blog .c2man a {
        color: #232323;
        text-decoration: underline;
}
.blog .c2man a:hover {
        color: #232323;
        text-decoration: none;
}
.blog .vantage {
        margin-bottom: 30px;
        color: #232323;
        font:300 15px/24px 'Roboto', Arial, Helvetica, sans-serif;
}
.blog .vantage .turbo {
        float: left;
        width: 401px;
        padding-left: 69px;
        background: url(../img/blog-turbo-ico.png) no-repeat 28px top;
}
.blog .vantage .faq {
        float: left;
        width: 401px;
        padding-left: 69px;
        background: url(../img/blog-faq-ico.png) no-repeat 28px top;
}
.blog .vantage .turbo .title, .blog .vantage .faq .title {
        font:500 18px/24px 'Roboto', Arial, Helvetica, sans-serif;
}
.blog .last-posts {
        text-transform: uppercase;
        color: #acacac;
        font:300 15px/15px 'Roboto', Arial, Helvetica, sans-serif;
        margin-bottom: 15px;
}
.blog-item {
        float: left;
        width: 300px;
        margin-left: 20px;
}
.blog-item:first-child {
        margin-left:0px;
}
.blog-item .thumb img {
        display: block;
        margin-bottom: 15px;
}
.blog-item .title a {
        color: #232323;
        font: 500 18px/22px 'Roboto', Arial, Helvetica, sans-serif;
        text-decoration: none;
}
.blog-item .title a:hover {
        color: #232323;
        text-decoration: underline;
}
.blog-item .publish_date {
        background:url(../../../../../img/blog-date.png) no-repeat left 8px;
        padding: 9px 30px 3px 22px;
        margin-bottom: 16px;
        color: #acacac;
        font: 300 13px/13px 'Roboto', Arial, Helvetica, sans-serif;
}
.blog-item .tag_list {
        background:url(../../../../../img/blog-tags.png) no-repeat left top;
        padding: 0px 20px 3px 22px;
        margin-bottom: 16px;
        color: #acacac;
        font: 300 13px/13px 'Roboto', Arial, Helvetica, sans-serif;
}
.blog-item .tag_list a {
        color: #acacac;
        text-decoration: underline;
}
.blog-item .tag_list a:hover {
        color: #acacac;
        text-decoration: none;
}

.plugin-page {
        background:#fff;
        border:1px solid #ffd957;
        border-bottom:1px solid #ebc850;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        padding:28px 67px 54px;
        -webkit-box-shadow:inset 0 -3px 0 #ebebeb;
        -moz-box-shadow:inset 0 -3px 0 #ebebeb;
        box-shadow:inset 0 -3px 0 #ebebeb;
}
.plugin-page .title{
        font-size:36px;
        font-weight:700;
        line-height:40px;
        color:#333;
        text-align:center;
        margin-bottom:38px;
}
.plugin-page .btn-plugin{
        display:inline-block;
        background:#48b6ff;
        -webkit-box-shadow:inset 0 -3px 0 #34a2eb;
        -moz-box-shadow:inset 0 -3px 0 #34a2eb;
        box-shadow:inset 0 -3px 0 #34a2eb;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        font-size:18px;
        font-weight:500;
        line-height:22px;
        text-decoration:none;
        color:#fff;
        padding:12px 30px 16px;
        border: 0px;
        cursor:pointer;
        height:auto;
}
.plugin-page .btn-plugin:hover{
        background:#60bffe;
}
.plugin-page .download {
        background: url(../img/profile-period-bg.gif) repeat left top;
        padding: 11px 20px 20px;
        text-align: center;
        margin-bottom: 37px;
}
.plugin-page .attention {
        color: #232323;
        font: 400 18px/24px Roboto, sans-serif;
        margin-bottom: 2px;
}
.plugin-page p {
        color: #333333;
        font: 300 16px/24px Roboto, sans-serif;
        margin-bottom: 24px;
}
.plugin-page p a {
        color: #333333;
        text-decoration: underline;
}
.plugin-page p a:hover {
        color: #333333;
        text-decoration: none;
}
.plugin-page ul {
        margin-bottom: 32px;
}
.plugin-page ul li {
        color: #333333;
        font: 300 14px/14px Roboto, sans-serif;
        position: relative;
        padding: 0px 0px 0px 25px;
        margin-bottom: 11px;
}
.plugin-page ul li img {
        position: absolute;
}
.plugin-page ul li img.ip1 {
        top: 3px;
        left: 1px;
}
.plugin-page ul li img.ip2 {
        top: 1px;
        left: 1px;
}
.plugin-page ul li img.ip3 {
        top: 1px;
        left: 1px;
}
.plugin-page ul li img.ip4 {
        top: 0px;
        left: 0px;
}
.plugin-page ul li img.ip5 {
        top: 1px;
        left: 2px;
}
.plugin-page ul li img.ip6 {
        top: 1px;
        left: 3px;
}
.plugin-page ul li img.ip7 {
        top: 0px;
        left: 2px;
}

.publ-gallery {
        background: #eeffe7 url("../img/gallery/pg-bg.png") no-repeat center 203px;
        padding: 51px 0 57px;
        position: relative;
        margin-bottom: 60px;
        text-align: center;
}
.publ-gallery .wrapper {
        width: 1016px;
}
.publ-gallery .g-title {
        font: 500 48px/48px 'Roboto',Arial,Helvetica,sans-serif;
        color: #333333;
        margin-bottom: 18px;
}
.publ-gallery p {
        color: #232323;
        font: 300 18px/26px 'Roboto',Arial,Helvetica,sans-serif;
}
.publ-gallery .g-counter {
        font: 700 100px/100px 'Roboto',Arial,Helvetica,sans-serif;
        color: #ffffff;
        margin: 108px 0px 3px;
        letter-spacing: -0.03em;
}
.publ-gallery .g-text {
        font: 500 18px/18px 'Roboto',Arial,Helvetica,sans-serif;
        color: #ffffff;
        margin-bottom: 39px;
}
.publ-gallery .btn{
        display:inline-block;
        background:#ffffff;
        -webkit-box-shadow:inset 0 -3px 0 #ebebeb;
        -moz-box-shadow:inset 0 -3px 0 #ebebeb;
        box-shadow:inset 0 -3px 0 #ebebeb;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        font-size:18px;
        font-weight:500;
        line-height:22px;
        text-decoration:none;
        color:#232323;
        padding:12px 30px 16px;
        border: 0px;
        cursor:pointer;
        height:auto;
}
.publ-gallery .btn:hover{
        background:#61D04C;
        -webkit-box-shadow:inset 0 -3px 0 #4DBC38;
        -moz-box-shadow:inset 0 -3px 0 #4DBC38;
        box-shadow:inset 0 -3px 0 #4DBC38;
        color: #ffffff;
}
.publ-gallery .otz {
        margin: 104px 0px 0px;
}
.publ-gallery .otz .item {
        width: 315px;
        float: left;
        text-align: left;
        margin-left: 5px;
}
.publ-gallery .otz .item:first-child {
        margin-left: 0px;
}
.publ-gallery .otz .item .photo {
        float: left;
        margin: 0px 7px 0px 0px;
        display: block;
}
.publ-gallery .otz .item .name {
        color: #232323;
        font: 500 18px/20px 'Roboto',Arial,Helvetica,sans-serif;
        padding-top: 30px;
        padding-bottom: 1px;
}
.publ-gallery .otz .item .work {
        color: #232323;
        font: 300 15px/20px 'Roboto',Arial,Helvetica,sans-serif;
}
.publ-gallery .otz .item .comment {
        color: #232323;
        font: 300 15px/24px 'Roboto',Arial,Helvetica,sans-serif;
        clear: both;
        padding-left: 24px;
}
.bann-plugin {
        width: 192px;
        background: #ffffff url(../img/banpl-corner.png) no-repeat left top;
        text-align: center;
        font: 12px/16px Arial, Helvetica, sans-serif;
        color: #666666;
        position: fixed;
        top: 0px;
        right: 0px;
        padding-top: 13px;
        text-decoration: none;
}
.bann-plugin .ttl {
        color: #292929;
        font: bold 18px/20px Arial, Helvetica, sans-serif;
        text-decoration: none;
}
.bann-plugin .pic {
        border: 0px;
        padding: 12px 0px 9px;
}
.bann-plugin .links {
        padding: 16px 0px 21px 20px;
}
.bann-plugin .links .chrome {
        background: url(../img/banpl-chrome.png) no-repeat left top;
        float: left;
        padding: 0px 0px 3px 24px;
        margin-right: 13px;
        text-decoration: underline;
        color: #000000;
}
.bann-plugin .links .chrome:hover {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        cursor: hand;
}
.bann-plugin .links .firefox {
        background: url(../img/banpl-firefox.png) no-repeat left top;
        float: left;
        padding: 0px 0px 3px 28px;
        text-decoration: underline;
        color: #000000;
}
.bann-plugin .links .firefox:hover {
        text-decoration: none;
        color: #000000;
        cursor: pointer;
        cursor: hand;
}
.bann-plugin .btm {
        background-color: #f3f5f7;
        padding: 7px 0px 7px;
        text-align: center;
        color: #666666;
        font: 11px/11px Arial, Helvetica, sans-serif;
}
.bann-plugin .off-adv {
        background: #999999;
        color: #ffffff;
        padding: 10px 0px 11px 34px;
        font-size: 13px;
        line-height: 24px;
        position: relative;
        text-align: left;
}
.bann-plugin .off-adv .adv_close {
        background: url(../img/close-white.png) no-repeat left top;
        width: 13px;
        height: 13px;
        position: absolute;
        right: 11px;
        top: 16px;
}
.bann-plugin .off-adv.hover {
        cursor: pointer;
        cursor: hand;
        text-align: center;
        background: #339933;
        padding: 9px 0px 20px;
        text-decoration: underline;
}

.bann-osx {
	cursor:pointer;
        width: 192px;
        background: #ffffff;
        text-align: center;
        font: 400 14px/16px 'Roboto', Arial, Helvetica, sans-serif;
        color: #90929a;
        position: fixed;
        top: 0px;
        right: 0px;
        padding-top: 0px;
        padding-bottom: 10px;
        text-decoration: none;
}
.bann-osx .ttl {
        color: #292929;
        font: 700 22px/23px 'Roboto', Arial, Helvetica, sans-serif;
        text-decoration: none;
        display: block;
        margin-bottom: 7px;
}
.bann-osx .ttl sup {
        color: #ff8400;
        font-size: 17px;
        position: relative;
        top: -3px;
}
.bann-osx .pic {
        border: 0px;
        padding: 0px 0px 1px;
}

.bann-osx .corner-osx {
        background: transparent url(../img/banwin-corner.png) no-repeat left top;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 82px;
        height: 82px;
}
.bann-osx .link {
        margin: 7px auto;
        border-bottom: 1px solid #232323;
        color: #232323;
        font: 300 15px/15px 'Roboto', Arial, Helvetica, sans-serif;
        display: inline-block;
}
.bann-osx .link:hover {
        border-bottom: 1px solid #ffffff;
        cursor: pointer;
}