/* 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;
        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;
        -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:9px 17px 11px;
        margin:2px 0 0 10px;
}
.head .btn-pro:hover{
        background:#ff912c;
}
.head .login-links{
        float:right;
        font-size:13px;
        line-height:20px;
        color:#232323;
        margin:2px 0 0;
}
.head .login-links a{
        display:block;
        float:left;
        color:#232323;
        margin-left:10px;
        border:1px solid #48a2de;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        padding:8px 16px 10px;
        text-decoration:none;
}
.head .login-links a:hover{
        border-color:#2983bf;
}
.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 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 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:220px;
        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 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;
}
.head .download .download-links a{
        display:inline-block;
        position:relative;
        color:#fff;
        text-decoration:none;
        padding:0 0 0 23px;
        margin-left:16px;
}
.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;
}
.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-x center top;
        height:622px;
        position:relative;
        padding:51px 0 0;
}
.center .pro-block .pro-block-title{
        font-size:48px;
        font-weight:500;
        line-height:48px;
        color:#232323;
        text-align:center;
        letter-spacing:-1px;
        margin-bottom:35px;
}
.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-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;
}
.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-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 .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 20px;
}
.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:none;
}
.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:#999;
}
.footer .menu.menu404 {
        color: #232323;
}
.footer .menu a{
        text-decoration:none;
        color:#999;
        margin-right:21px;
}
.footer .menu.menu404 a {
        color: #232323;
        text-decoration:underline;
}
.footer .menu a:hover{
        text-decoration:underline;
}
/*.footer .menu.menu404 a:hover {
        color: #232323;
        text-decoration:none;
}*/
.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;
}
.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;
}

/*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{
        text-align:center;
        color:#222;
        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;
}

.button-big{
        background:url(../img/button-big.png) no-repeat 0 0;
        width:40px;
        height:30px;
        text-align:center;
        font-size:13px;
}


/*page image*/
.image-page{
        background:#f3f3f3;
}
.page{
        height:100%;
        position:relative;
        display:table;
        width:100%;
        min-width:320px;
}
.image-page .head{
        background:#3c3c3c;
        border:0;
        padding:0;
        display:table-row;
        width:100%;
        height:45px;
        z-index:1000;
}
.image-page .head .wrapper{
        padding:6px 0 7px;
        width:auto;
        position:relative;
}
.image-page .head .logo{
        float:left;
        margin:5px 20px 0 14px;
        position:relative;
        z-index:1;
}
.image-page .head .btn-my-files{
        display:block;
        float:left;
        font-size:13px;
        line-height:16px;
        color:#fff;
        text-decoration:none;
        padding:6px 15px 8px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        border:1px solid #696969;
        position:relative;
        z-index:1;
        background-color: transparent;
        margin: 0px;
}
.image-page .head .btn-my-files:hover{
        background:#666;
        border:1px solid #666;
}
.image-page .head .btn-download{
        display:block;
        float:left;
        font-size:13px;
        line-height:16px;
        color:#fff;
        text-decoration:none;
        padding:7px 16px 9px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        background:#34a2eb;
        position:relative;
        z-index:1;
}
.image-page .head .btn-download:hover{
        background:#46b3fc;
}
.image-page .head .head-txt{
        position:absolute;
        left:0;
        top:0;
        text-align:center;
        width:100%;
        font-size:13px;
        color:#fff;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:12px 30px 0 0;
}
.image-page .head .head-txt.head-txt-unregister{
        padding:12px 0 0 107px;
}
.image-page .head .head-txt a{
        color:#fff;
}
.image-page .head .head-txt span{
        color:#999;
}
.image-page .head .file-stored{
        float:right;
        color:#fff;
        font-size:13px;
        margin:0 15px 0 0;
}
.image-page .head .file-stored-txt{
        float:left;
        color:#888;
        margin:6px 0 0 0;
}
.image-page .head .file-stored .jquery-selectbox{
        margin-left:8px;
}
.image-page .head .file-stored-date{
        float:left;
        margin:6px 0 0 3px;
}
.image-page .image{
        display:table-row;
        text-align:center;
        height:100%;
}
.image-page .image .image-content{
        display:table-cell;
        text-align:center;
        vertical-align:middle;
        padding:49px 12px;
}
.image-page .image .image-content-set{
        display:table-cell;
        text-align:center;
        vertical-align:middle;
        padding:29px 12px;
}
.image-page .image .image-pic{
        text-align:center;
}
.image-page .image .image-pic .image-pic-max{
        display:inline-block;
}
.image-page .image .image-pic img{
        display:block;
        /*width:100%;
        max-width:100%;*/
        margin:0 auto;
        border:1px solid #d4d4d4;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.image-page .image .image-title{
        font-size:13px;
        line-height:18px;
        color:#666;
        margin:10px 0 0;
        word-break:break-all;
}
.image-page .image .image-title span{
        color:#999;
}
.image-page .image .image-btn{
        display:block;
        margin:17px 0 0;
}

.image-page .image .image-down-file {
display: inline-block;
/* position: relative; */
background: #616161;
border-bottom: 2px solid #666666;
/* font-size: 13px; */
line-height: 9px;
color: #fff;
text-decoration: none;
padding: 8px 8px 8px 8px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: left;
}

.image-page .image .image-down-file:hover{
        background:#07a72e;
        border-bottom:2px solid #068926;
}
.image-page .image .image-down-file img{
        position:absolute;
        left:20px;
        top:11px;
}
.image-page .image .image-qr{
        display:none;
        padding:4px;
        background:#fff;
        margin-top:16px;
}
.image-page .image .image-qr img{
        display:block;
}
.image-page .image .image-file{
        border:1px solid #ccc;
        background:#fff;
        height:238px;
        width:220px;
        margin:0 auto;
        padding:10px 0 0;
}
.image-page .image .image-file div{
        display:table-cell;
        text-align:center;
        vertical-align:middle;
        height:190px;
        width:220px;
        color:#999;
        font-size:48px;
        font-weight:700;
        line-height:51px;
        letter-spacing:-2px;
}
.image-page .image .image-file img{
        display:block;
        width:auto;
        max-width:none;
        margin:0 auto;
        border:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.image-page .social{
        display:table-row;
        height:46px;
        font-size:13px;
        color:#666;
        text-align:center;
}
.image-page .social .wrapper{
        width:auto;
        padding:8px 0 0;
}
.image-page .social a{
        color:#666;
        vertical-align:top;
        display:inline-block;
        margin-left:8px;
}
.image-page .social img{
        display:block;
        vertical-align:top;
}
.image-page .social .social-txt{
        display:inline-block;
        margin:5px -10px 0 0;
        vertical-align:top;
}
.image-page .social .social-link{
        display:inline-block;
        margin:5px 0 0 3px;
        vertical-align:top;
}
.image-page .social .social-ico{
        display:inline-block;
        margin-left:8px;
        vertical-align:top;
        position:relative;
}
.image-page .social .social-download{
        display:none;
        vertical-align:top;
}
.image-page .social .social-ico>img{
        cursor:pointer;
}
.image-page .social .social-popup{
        position:absolute;
        right:0;
        bottom:35px;
        background:#fff;
        border:1px solid #ababab;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:14px 20px 12px;
        display:none;
        text-align:left;
        z-index:100;
}
.image-page .social .social-popup.social-popup-gr{
        padding:4px;
}
.image-page .social .social-popup .social-arrow{
        position:absolute;
        right:0;
        bottom:-8px;
}
.image-page .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 .social .social-popup .social-popup-item{
        font-size:10px;
        line-height:15px;
        color:#acacac;
        margin-bottom:5px;
}
.image-page .social .social-popup .social-popup-hint{
        float:right;
        font-size:10px;
        line-height:15px;
        color:#000;
        margin-bottom:5px;
        display:none;
}
.image-page .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 .social .social-ico:hover .social-popup{
        display:block;
}
.box{
        /*width:70%;*/
        /*max-width:996px;*/
                max-width:1000px;
        list-style-type:none;
        margin:0 auto;
        padding:0;
        /*border-left:1px solid #ccc;*/
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        font-size:0;
}
.box.box-big{
        text-align:left;
}
.box .box-td{
        /*display:inline-block;
        width:250px;
        margin:-1px 0 0 -1px;
        padding:17px 0 52px;
        position:relative;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        border-right:1px solid #ccc;
        border-left:1px solid #ccc;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        text-align:left;*/
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: -1px 0 0 -1px;
    /*padding: 17px 0 52px;*/
        padding: 24px 0 45px;
    position: relative;
    text-align: left;
    width: 250px;
}
        

.box .box-td.active .box-td-active{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:#282828;
        background:rgba(40,40,40,.95);
        z-index:1;
}
.box .box-item{
        width:200px;
        height:200px;
        margin:0 auto;
        position:relative;
}
.box .box-item-pic{
        display:table-cell;
        width:200px;
        height:200px;
        vertical-align:middle;
        text-align:center;
}
.box .box-item-pic img{
        display:block;
        margin:0 auto;
        background:url(../img/bg-png.gif);
}
.box .box-activate-menu{
        display:block;
        position:absolute;
        left:-7px;
        bottom:-39px;
        background:url(../img/ico-more-action.gif) no-repeat 7px 0;
        width:29px;
        height:29px;
        border-radius:2px;
        z-index:2;
}
.box .box-activate-menu:hover,
.box .box-td.active .box-activate-menu:hover{
        background-color:#838383;
        background-position:7px -29px;
}
.box .box-activate-menu:active,
.box .box-td.active .box-activate-menu:active{
        background-color:#22739e;
        background-position:7px -58px;
}
.box .box-td.active .box-activate-menu{
        background-color:#555;
        background-position:7px -87px;
}
.box .box-info-shot{
        position:absolute;
        left:36px;
        bottom:-35px;
        font:400 12px/11px 'Open Sans', Arial, Helvetica, sans-serif;
        color:#666;
        z-index:2;
}
.box .box-info-shot span{
        display:block;
        color:#999;
        font-size:11px;
}
.box .box-copy-url{
        position:absolute;
        right:-10px;
        bottom:-39px;
        height:29px;
        width:180px;
        font-size:13px;
        font-weight:500;
        line-height:16px;
        color:#fff;
        text-shadow:0 -1px 0 rgba(0,0,0,0.18);
        border-radius:2px;
        padding:6px 17px 0 0;
        text-align:center;
        z-index:2;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.box .box-copy-url-act{
        position:absolute;
        right:-10px;
        bottom:-39px;
        height:29px;
        width:180px;
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-shadow:0 -1px 0 rgba(0,0,0,0.18);
        border-radius:2px;
        
        text-align:center;
        z-index:2;
}
.box .box-copy-url-act span{
        padding:6px 17px 0 0;
}
.box .box-copy-url span{
        display:none;
}
.box .box-copy-url-act{
        background:#40ace5;
        border-bottom:1px solid #2e94ca;
}
.box .box-copy-url:hover{
        background:#40ace5;
        border-bottom:1px solid #2e94ca;
}
.box .box-copy-url:hover span{
        display:block;
}
.box .box-copy-url:active{
        background:#22739e;
        border-bottom:0;
}
.box .box-copy-url:active span{
        display:block;
}
.box .box-copy-url i{
        position:absolute;
        right:10px;
        top:5px;
        background:url(../img/ico-url.png) no-repeat 0 0;
        width:18px;
        height:18px;
}
.box .box-copy-url-act i{
        position:absolute;
        right:10px;
        top:5px;
        background:url(../img/file_images/ico-url.png) no-repeat 0 0;
        width:18px;
        height:18px;
}
.box .box-copy-url:hover i,
.box .box-td.active .box-copy-url:hover i{
        background-position:0 -18px;
}
.box .box-copy-url:active i,
.box .box-td.active .box-copy-url:active i{
        background-position:0 -36px;
}
.box .box-td.active .box-copy-url i{
        background-position:0 -54px;
}
.box .box-item-menu{
        position:absolute;
        left:18px;
        top:10px;
        z-index:2;
        display:none;
}
.box .box-td.active .box-item-menu{
        display:block;
}
.box .box-item-menu .box-item-menu-ttl{
        color:#fff;
        font:400 12px 'Open Sans', Arial, Helvetica, sans-serif;
        margin-bottom:17px;
}
.box .box-item-menu .box-item-menu-ttl span{
        display:inline-block;
        color:#999;
        font:300 13px 'Roboto', Arial, Helvetica, sans-serif;
        width:134px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        -moz-text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -ms-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;
        vertical-align:text-bottom;
}
.box .box-item-menu .box-item-menu-links{
        padding:0 0 0 11px;
        line-height:16px;
}
.box .box-item-menu .box-item-menu-links a{
        display:inline-block;
        position:relative;
        padding:0 0 0 23px;
        margin-bottom:11px;
        text-shadow:0 1px 0 rgba(0,0,0,.18);
        color:#21aaf2;
        text-decoration:none;
        font-size:13px;
}
.box .box-item-menu .box-item-menu-links a:hover{
        color:#fff;
}
.box .box-item-menu .box-item-menu-links a img{
        position:absolute;
        left:0;
        top:0;
}
.box .box-item-menu .box-item-menu-links a span{
        position:absolute;
        right:-36px;
        top:0;
        font:700 12px/15px 'Open Sans', Arial, Helvetica, sans-serif;
        color:#fff;
        text-shadow:0 -1px 0 #cc6600;
        background:#ff9933;
        border-bottom:1px solid #cc6600;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:0 5px 3px;
}
.box .box-copy-url-message{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        text-align:center;
        font-size:16px;
        line-height:19px;
        color:#666;
        background:#ffffde;
        padding:82px 20px 0;
        opacity:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.box .box-copy-url-message img{
        display:block;
        margin:0 auto 8px;
}
@media screen and (max-width: 1618px){
        /*.box .box-td{
                width:25%;
        }*/
}
@media screen and (max-width: 1298px){
        /*.box .box-td{
                width:33.33333%;
        }*/
}
@media screen and (max-width: 1024px){
        .image-page .image .image-content-set{
                display:block;
                padding:0 0 29px;
        }
        .box{
                width:100%;
                max-width:none;
                text-align:left;
                border-left:1px solid #ccc;
        }
        .box .box-td{
                width:33.33333%;
                border-left:0;
                margin-left:0;
        }
}
@media screen and (max-width: 1350px){
        .image-page .head .head-txt span{
                display:none;
        }
}
@media screen and (max-width: 1200px){
        .image-page .head .head-txt{
                display:none;
        }
}
@media screen and (max-width: 720px){
        .box .box-td{
                width:50%;
        }
}
@media screen and (max-width: 640px){
        .page{
                display:block;
        }
        .image-page .head{
                display:block;
        }
        .image-page .head .logo{
                float:left;
                margin:5px 0 0 12px;
        }
        .image-page .head .btn-my-files{
                float:right;
                margin:0 12px 0 0;
        }
        .image-page .head .btn-download{
                float:right;
                margin:0 12px 0 0;
        }
        .image-page .head .file-stored{
                display:none;
        }
        .image-page .image{
                display:block;
                height:auto;
        }
        .image-page .image .image-content{
                display:block;
                padding:29px 12px 4px;
        }
        .image-page .image .image-content-set{
                display:block;
                padding:0 0 4px;
        }
        .image-page .image .image-btn{
                display:none;
        }
        .image-page .image .image-qr{
                display:inline-block;
        }
        .image-page .social{
                display:block;
                height:auto;
        }
        .image-page .social .wrapper{
                padding-right:16px;
        }
        .image-page .social .social-txt{
                display:none;
        }
        .image-page .social .social-qr{
                display:none;
        }
        .image-page .social .social-download{
                display:inline-block;
        }
        .image-page .social .social-link{
                display:block;
                margin:13px 0;
        }
}
@media screen and (max-width: 470px){
        .box .box-td{
                width:100%;
        }
        
}

/*popup new*/
.popup_new{
        padding:23px 20px 26px;
}
.popup_new.popup-centered{
        text-align:center;
}
.popup_new .popup-ttl{
        font-size:22px;
        line-height:25px;
        color:#555;
        letter-spacing:-1px;
        margin-bottom:23px;
}
.popup_new .popup-delete-btn{
        padding:5px 0 12px;
}
.popup_new .popup-move-btn{
        padding:0 0 4px;
}
.popup_new .button{
        margin:0 8px;
        padding:2px 14px 2px;
        width:auto;
}
@-moz-document url-prefix() {
        .popup_new .button{
                padding:1px 11px 1px;
        }
}
.popup_new .select-folder{
        width:208px;
        margin:0 auto 17px;
}
.popup_new .textarea-edit-title{
        display:block;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.08), 0 1px 0 #fff;
        -moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.08), 0 1px 0 #fff;
        box-shadow:inset 0 2px 3px rgba(0,0,0,0.08), 0 1px 0 #fff;
        border:1px solid #b8b8b8;
        background:#fff;
        font-size:14px;
        color:#333;
        width:308px;
        height:73px;
        margin:0 auto 18px;
        padding:6px 8px 7px;
}
.popup_new .popup-file-kod{
        padding:0 17px 0 12px;
        text-align:left;
}
.popup_new .social-popup-item{
        font-size:12px;
        font-weight:500;
        line-height:15px;
        color:#333;
        margin-bottom:3px;
}
.popup_new .social-popup-hint{
        float:right;
        font-size:12px;
        line-height:15px;
        color:#fff;
        margin:-4px 0 0;
        display:none;
        background:#6b6b6b;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:2px 7px 3px;
}
.popup_new input{
        display:block;
        background:#ccc;
        border:1px solid #b8b8b8;
        font-size:14px;
        color:#333;
        width:100%;
        height:30px;
        margin-bottom:16px;
        padding:6px 8px 7px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
}
.popup_new input:focus{
        border:2px solid #00a1d9;
        padding:5px 7px 6px;
        -webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,.18);
        -moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,.18);
        box-shadow:inset 0 2px 3px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,.18);
        background:#fff;
}

.anonimus-hover {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background: url(../img/anonimus-bg.png) repeat left top;
        text-align: center;
        z-index: 5000;
        display: table-cell;
        vertical-align: middle;
}
.anonimus-dot {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 1px;
}
.anonimus-cont {
        position: absolute;
        top: -90px;
        left: -229px;
        width: 458px;
        text-align: center;
        background-color: #ffffff;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding: 34px 0px 40px;
}
.anonimus-title {
        color: #333333;
        font: 500 16px/24px Roboto, sans-serif;
        letter-spacing: -0.01em;
        padding-bottom: 14px;
}
.anonimus-text {
        color: #000000;
        font: 300 13px/20px Roboto, sans-serif;
        
}
.anonimus-close {
        position: absolute;
        top: 13px;
        right: 13px;
}
.anonimus-close:hover {
        cursor: pointer;
        cursor: hand;
}

.surfingbird {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 235px;
        z-index: 1500;
}
.surfingbird .s-head {
        background: url(../img/surf/surf-logo-w.png) no-repeat left top;
        height: 33px;
        width: 235px;
        padding-top: 12px;
        border-right: 1px solid #ececec;
        /*border-left: 1px solid #3c3c3c;*/
        margin-left: 1px;
} 
.surfingbird .s-head a {
        color: #ffffff;
        text-decoration: none;
        font: 300 20px/20px 'Roboto', Arial, Helvetica, sans-serif;
        padding: 0px 0px 0px 179px;
}
.surfingbird .s-head a:hover {
        color: #ffffff;
        text-decoration: none;
}
.surfingbird .s-item {
        border-right: 1px solid #ececec;
        border-left: 1px solid #ececec;
        padding-bottom: 12px;
        background: #ffffff;
}
.surfingbird .s-img {
        width: 235px;
        /*height: 177px;*/
        /*overflow: hidden;*/
}
.surfingbird .s-ttl {
        font: bold 12px/18px Tahoma, Helvetica, sans-serif;
        color: #2a2828;
        padding: 10px 15px 9px;
}
.surfingbird .s-ttl a {
        color: #2a2828;
        text-decoration: none;
}
.surfingbird .s-ttl a:hover {
        color: #26B0F6;
        text-decoration: underline;
}
.surfingbird .s-desc {
        font: 11px/16px Tahoma, Helvetica, sans-serif;
        color: #2a2828;
        padding: 0px 15px 6px;
}
.surfingbird .s-desc a.s-more {
        font: 11px/16px Tahoma, Helvetica, sans-serif;
        color: #26b0f6;
        text-decoration: none;
}
.surfingbird .s-desc a.s-more:hover {
        color: #26b0f6;
        text-decoration: underline;
}
.surfingbird .svl {
        padding: 0px 15px 0px;
        font: 13px/13px Tahoma, Helvetica, sans-serif;
        color: #999999;
        position: relative;
}
.svl:after{
        visibility:hidden;
        display:block;
        font-size:0;
        content:" ";
        clear:both;
        height:0;
}
*html .svl{
        zoom:1;
}
*+html .svl{
        zoom:1;
}
.surfingbird .svl .s-likes {
        background: url(../img/surf/surf-likes.png) no-repeat 1px 4px;
        float: left;
        padding: 0px 0px 0px 14px;
        margin-right: 11px;
}
.surfingbird .svl .s-likes:hover {
        background: url(../img/surf/surf-likes.png) no-repeat 1px -9px;
        color: #26B0F6;
        cursor: pointer;
        cursor: hand;
}
.surfingbird .svl .s-views {
        background: url(../img/surf/surf-views.png) no-repeat left 3px;
        float: left;
        padding: 0px 0px 0px 10px;
}
.surfingbird .svl .s-views:hover {
        background: url(../img/surf/surf-views.png) no-repeat left -12px;
        color: #26B0F6;
        cursor: pointer;
        cursor: hand;
}
.surfingbird .adv-off {
        font: 13px/13px Tahoma, Helvetica, sans-serif;
        color: #ffffff;
        padding: 15px 25px 17px;
        position: relative;
        background-color: #9f9fa2;
        border-right: 1px solid #9f9fa2;
        border-left: 1px solid #9f9fa2;
        /*letter-spacing: -0.02em;*/
}
.surfingbird .adv-off:hover {
        cursor: pointer;
        cursor: hand;
}
.surfingbird .adv-off.sel {
        background-color: #339933;
        font: 300 12px/24px 'Roboto', Arial, Helvetica, sans-serif;
        text-align: center;
        border-right: 1px solid #339933;
        border-left: 1px solid #339933;
        text-decoration: underline;
        padding: 9px 25px 20px;
}
.surfingbird .adv_close {
        position: absolute;
        top: 16px;
        right: 12px;
        background: url(../img/close-white.png) no-repeat left top;
        width: 13px;
        height: 13px;
        z-index: 1100;
}
.prev_image_div {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 150;
        height: 100%;
        width: 120px;
}
#prev_image_pic {
        position: absolute;
        top: 45px;
        left: 0px;
        width: 120px;
        height: 98%;
        height: calc(100% - 45px);
        z-index: 400;
}
#prev_image_pic.preview-all {
        height: 100%;
        top: 0px;
}
#prev_image_pic:hover {
        background: url(../img/file-arrow-bg.png) repeat left top;
        cursor: pointer;
        cursor: hand;
}
#prev_image_pic img {
        background: url(../img/arrow_prev.png) no-repeat center center;
        width: 29px;
        height: 51px;
        position: fixed;
        left: 40px;
        top:45%;
}
#prev_image_pic.showBG img {
        background: url(../img/arrow_prev.png) no-repeat center center;
}

#prev_image_pic:hover img {
        background: url(../img/arrow_prev_hover.png) no-repeat center center;
}
.next_image_div {
        position: absolute;
        top: 0px;
        right: 0px;
        padding-left: 120px;
        z-index: 140;
        height: 100%;
        width: 100%;
}
#next_image_pic {
        position: absolute;
        top: 45px;
        right: 0px;
        width: 120px;
        /*height: 100%;*/
        height: 98%;
        height: calc(100% - 45px);
        /*width: 100%;
        width: calc(100% - 120px);*/
}
#next_image_pic.preview-all {
        height: 100%;
        top: 0px;
}
/*#next_image_pic:hover {
        background: url(../img/file-arrow-bg.png) repeat left top;
}*/
#next_image_pic img {
        background: url(../img/arrow_next.png) no-repeat center center;
        width: 29px;
        height: 51px;
        position: fixed;
        right: 40px;
        top:45%;
}
#next_image_pic.showBG img {
        background: url(../img/arrow_next.png) no-repeat center center;
}

#next_image_pic div {
        position: fixed;
        top: 45px;
        right: 0px;
        width: 120px;
        /*height: 100%;*/
        height: 98%;
        height: calc(100% - 45px);
        z-index: 401;
}
#next_image_pic div.preview-all-div {
        height: 100%;
        top: 0px;
}
#next_image_pic div:hover {
        background: url(../img/file-arrow-bg.png) repeat left top;
        cursor: pointer;
        cursor: hand;
}
#next_image_pic div:hover img {
        background: url(../img/arrow_next_hover.png) no-repeat center center;
}
#next_image_pic:hover {
        cursor: pointer;
        cursor: hand;
}
#soc_liki {
        z-index: 160;
}

.image-page .image .image-down-file {
        z-index: 800;
}
.image-page .social .social-ico {
        z-index: 999;
}
.image-page .social .social-download {
        z-index: 200;
}
.image-page .social .social-link {
        z-index: 910;
        position: relative;
}
.image-page .image .image-pic {
        z-index: 220;
}
.image-page .image .image-pic .image-pic-max {
        z-index: 230;
}
.image-page .image .image-pic img {
        z-index: 240;
        position: relative;
}
.image-page .image .image-pic img:hover {
        cursor: pointer;
        cursor: hand;
}
.login-block {
        z-index: 240;
        position: relative;
}
.image-page .image .image-btn input[name=url] {
        z-index: 250;
        position: relative;
}
.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: 45px;
        right: 0px;
        padding-top: 13px;
        text-decoration: none;
        z-index: 10000;
}
.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;
}
.image-page .head.head-404 {
        display: block;
}
.image-page .head.head-404 .head-txt.head-txt-unregister {
        margin: 0px;
}

.partbn {
/*        background-color: #ffffff;
        background-repeat: no-repeat;
        color: #666666;*/
        font: 300 13px/18px 'Roboto', Arial,Helvetica,sans-serif;
        position: fixed;
        text-align: center;
        text-decoration: none;
        z-index: 10000;
/*        border: 1px solid #c4c4c4;*/
        display: block;
/*        height: 398px;*/
        width: 238px;
        top: 45px;
        right: 0;
}
.partbn.wide-r {
        background-color: #ffffff;
        padding-top: 90px;
        padding-bottom: 20px;
        border-left: 1px solid #999999;
        bottom: 0px;
        position: absolute;
        overflow: hidden;
        z-index: 89999;
}
.partbn.pb1 {
        background-image: url(../img/partbn1.png);
        background-position: 36px 73px;
        padding: 15px 0px 0px 0px;
        height: 383px;
}
.partbn.pb2 {
        background-image: url(../img/partbn2.jpg);
        background-position: center -1px;
        padding: 44px 0px 0px 0px;
        height: 354px;
}
.partbn.pb3 {
        background-image: url(../img/partbn3.jpg);
        background-position: center -1px;
        padding: 183px 0px 0px 0px;
        height: 215px;
}
.partbn:hover {
        cursor: pointer;
        cursor: hand;
}
.partbn .pb-title {
        color: #232323;
}
.partbn.pb1 .pb-title {
        margin-bottom: 190px;
        font: 500 18px/20px 'Roboto', Arial,Helvetica,sans-serif;
}
.partbn.pb2 .pb-title {
        margin-bottom: 157px;
        font: 500 24px/22px 'Roboto', Arial,Helvetica,sans-serif;
}
.partbn.pb3 .pb-title {
        margin-bottom: 10px;
        font: 500 24px/24px 'Roboto', Arial,Helvetica,sans-serif;
}
.partbn .pb-button {
        position: absolute;
        bottom: 19px;
        left: 19px;
        height: 35px;
        width: 200px;
        color: #ffffff;
        font: 700 18px/18px 'Roboto', Arial,Helvetica,sans-serif;
        text-align: center;
        padding: 15px 0px 0px 0px;
        -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.08);
        box-shadow: inset 0 -3px 0 rgba(0,0,0,0.08);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}
.partbn .pb-button:hover {
        cursor: pointer;
        cursor: hand;
}
.partbn.pb1 .pb-button {
        background-color: #2bb24c;
}
.partbn.pb2 .pb-button {
        font: 700 17px/18px 'Roboto', Arial,Helvetica,sans-serif;
        padding-top: 14px;
        height: 36px;
        background-color: #48b6ff;
}
.partbn.pb3 .pb-button {
        background-color: #ff9933;
}
.partbn.pb1 .pb-button:hover {
        background-color: #34C257;
}
.partbn.pb2 .pb-button:hover {
        background-color: #60BFFE;
}
.partbn.pb3 .pb-button:hover {
        background-color: #FFA64D;
}
.partbn .off-adv {
        background-color: #999999;
        color: #ffffff;
        padding: 10px 0px 11px 21px;
        font-size: 12px;
        line-height: 24px;
        position: absolute;
        text-align: left;
        width: 219px;
        left: -1px;
        bottom: -45px;
}
.partbn.wide-r .off-adv {
        bottom: auto;
        top: 0px;
}
.partbn .off-adv .adv_close {
        background: url(../img/close-white.png) no-repeat left top;
        width: 13px;
        height: 13px;
        position: absolute;
        right: 20px;
        top: 16px;
}
.partbn .off-adv.hover {
        cursor: pointer;
        cursor: hand;
        background: #339933;
        padding: 13px 0px 15px 21px;
        width: 219px;
        bottom: -64px;
        text-decoration: underline;
        line-height: 18px;
        cursor: pointer;
        cursor: hand;
}
.partbn.wide-r .off-adv.hover {
        bottom: auto;
}