/* 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:300 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:#7b7b7b;
background:#fff;
}
/*.text p, .text h1, .download-clip2net span, .download-clip2net a{
font-family: 'Roboto',Arial,Helvetica,sans-serif !important;
}*/
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:500 48px/40px 'Roboto', Arial, Helvetica, sans-serif;
color:#232323;
margin: 0 0 34px;
text-align:center;
letter-spacing:-1px;
}
h1 span{
display:block;
font-size:18px;
color:#888;
margin:12px 0 0;
}
h2{
font:700 30px/30px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
margin:0 0 24px;
text-align:center;
}
h3{
font:500 24px/24px 'Roboto', Arial, Helvetica, sans-serif;
color:#232323;
margin:0 0 27px;
}
h3 span{
font:400 13px/24px 'Roboto', Arial, Helvetica, sans-serif;
color:#7b7b7b;
}
h4{
font:400 18px/20px 'Roboto', Arial, Helvetica, sans-serif;
color:#232323;
margin:0 0 22px;
}
h5{
font:700 18px/20px 'Roboto', Arial, Helvetica, sans-serif;
color:#232323;
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:960px;
margin:0 auto;
}
.text{
width:940px;
margin:0 auto 50px;
}
.head{
background:#333;
border-bottom:1px solid #343434;
border-top:1px solid #343434;
/*padding:32px 0 0;*/
padding:17px 0 0;
position:relative;
}
.head .logo{
float:left;
/*margin-bottom:38px;*/
margin-bottom:23px;
}
.head .logo img{
display:block;
}
.head .lang{
float:right;
position:relative;
width:45px;
height:24px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
font-size:12px;
line-height:12px;
color:#333;
background:#999;
margin:9px 0 0 38px;
}
.head .lang:hover{
-webkit-border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
border-radius:2px 2px 0 0;
}
.head .lang .lang-arrow{
position:absolute;
right:10px;
top:10px;
}
.head .lang span{
display:block;
padding:5px 0 0 9px;
}
.head .lang div{
display:none;
position:absolute;
left:0;
top:24px;
background:#666;
-webkit-border-radius:0 0 2px 2px;
-moz-border-radius:0 0 2px 2px;
border-radius:0 0 2px 2px;
width:45px;
}
.head .lang:hover div{
display:block;
}
.head .lang div a{
display:block;
color:#333;
padding:5px 0 7px 9px;
text-decoration:none;
}
.head .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;
}
.head .lang div a:hover{
background:#787878;
color:#fff;
}
.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;
}
.head .btn-pro span{
position:absolute;
/*left:50%;
bottom:-11px;
margin-left:-8px;
*/
bottom:11px;
margin-left:24px;
background:url(../img/arrow-menu.png) no-repeat 0 0;
width:16px;
height:10px;
display:none;
}
.head .btn-pro:hover{
background:#ffffef;
border-color:#fff;
color:#ff7800;
-webkit-box-shadow:0 1px 0 #2e2e2e;
-moz-box-shadow:0 1px 0 #2e2e2e;
box-shadow:0 1px 0 #2e2e2e;
}
.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:#232323;
margin:2px 0 0;
}
.head .login-links a{
display:block;
float:left;
color:#ccc;
margin-left:10px;
border:1px solid #414141;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:8px 18px 10px;
text-decoration:none;
position:relative;
}
.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:#494949;
background:#414141;
color:#fff;
-webkit-box-shadow:0 1px 0 #2e2e2e;
-moz-box-shadow:0 1px 0 #2e2e2e;
box-shadow:0 1px 0 #2e2e2e;
}
.head .login-links a:active{
border-color:#fff;
background:#fff;
color:#333;
-webkit-box-shadow:0 -1px 0 #2e2e2e;
-moz-box-shadow:0 -1px 0 #2e2e2e;
box-shadow:0 -1px 0 #2e2e2e;
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-file1.png) no-repeat 0 0;
width:26px;
height:18px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}
.head .login-links a.btn-my-files:hover i{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.head .login-links a.btn-my-files:active i{
background-position:0 -18px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.head .login-links a.btn-my-files.act i{
background-position:0 -18px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.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-user1.png) no-repeat 0 0;
width:17px;
height:17px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}
.head .login-links a.btn-username:hover i{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.head .login-links a.btn-username:active i{
background-position:0 -17px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.head .login-links a.btn-username.act i{
background-position:0 -17px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.head .submenu{
float:right;
margin:2px 0 0 10px;
position:relative;
z-index:100;
}
.head .submenu span{
display:block;
border:1px solid #414141;
-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-menu2.png) no-repeat 0 0;
}
.head .submenu span:hover{
border-color:#494949;
background:#414141;
-webkit-box-shadow:0 1px 0 #2e2e2e;
-moz-box-shadow:0 1px 0 #2e2e2e;
box-shadow:0 1px 0 #2e2e2e;
}
.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:36px;
color:#999;
text-align:center;
margin-bottom:56px;
}
.head .slogan div{
font-size:60px;
line-height:60px;
color:#fff;
margin-bottom:5px;
}
.head .step1{
float:left;
width:190px;
position:relative;
font-size:18px;
line-height:27px;
color:#fff;
text-align:center;
padding:182px 0 0;
margin:0 127px 49px 65px;
}
.head .step1 img{
position:absolute;
left:14px;
top:0;
}
.head .step2{
float:left;
width:190px;
position:relative;
font-size:18px;
line-height:27px;
color:#fff;
text-align:center;
padding:182px 0 0;
margin:0 128px 49px 0;
}
.head .step2 img{
position:absolute;
left:13px;
top:3px;
}
.head .step3{
float:left;
width:190px;
position:relative;
font-size:18px;
line-height:27px;
color:#fff;
text-align:center;
padding:182px 0 0;
margin-bottom:49px;
}
.head .step3 img{
position:absolute;
left:10px;
top:3px;
}
.head .download{
width:500px;
margin:0 auto 48px;
}
.head .download .btn-download{
display:block;
background:#3498db;
font-size:24px;
line-height:24px;
color:#fff;
text-decoration:none;
text-align:center;
-webkit-box-shadow:inset 0 -4px 0 #2573a6;
-moz-box-shadow:inset 0 -4px 0 #2573a6;
box-shadow:inset 0 -4px 0 #2573a6;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-bottom:17px;
}
.head .download .btn-download h1{
display:inline-block;
background:url(../img/ico-win.png) no-repeat 0 19px;
padding:26px 0 0 62px;
height:58px;
color: #FFFFFF;
font-size: 24px;
line-height: 24px;
text-align: center;
margin:0px;
}
.head .download .btn-download:hover{
background:#3badf9;
}
.head .download .download-links{
font-size:18px;
color:#999;
text-align:center;
}
.head .download .download-links a{
display:inline-block;
position:relative;
color:#3498db;
text-decoration:none;
padding:0 0 0 28px;
margin-left:22px;
}
.head .download .download-links a.download-links-android{
margin-left:16px;
}
.head .download .download-links a.download-links-linux{
margin-left:24px;
}
.head .download .download-links a img{
position:absolute;
left:0;
top:3px;
}
.head .download .download-links a:hover{
text-decoration:underline;
}
.upload{
width:940px;
margin:0 auto 40px;
}
.upload .btn-upload{
display:block;
background:url(../img/btn-upload.png) no-repeat 0 0;
font-size:36px;
font-weight:300;
line-height:30px;
color:#3498db;
text-decoration:none;
text-align:center;
margin-bottom:17px;
}
.upload .btn-upload .span1{
display:inline-block;
background:url(../img/ico_upload1.png) no-repeat 0 62px;
padding:64px 0 0 128px;
height:135px;
text-align:left;
}
.upload .btn-upload .span2{
display:inline-block;
background:url(../img/ico_upload2.png) no-repeat 0 62px;
padding:64px 0 0 128px;
height:135px;
text-align:left;
}
.upload .btn-upload .span3{
display:inline-block;
background:url(../img/ico_upload3.png) no-repeat 0 62px;
padding:64px 0 0 128px;
height:135px;
text-align:left;
}
.upload .btn-upload .span4{
display:inline-block;
background:url(../img/ico_upload4.png) no-repeat 0 62px;
padding:64px 0 0 128px;
height:135px;
text-align:left;
}
.upload .btn-upload .span5{
display:inline-block;
background:url(../img/ico_upload4.png) no-repeat 0 62px;
padding:64px 0 0 128px;
height:135px;
text-align:left;
}
.upload .btn-upload i{
display:block;
font-size:14px;
font-weight:400;
font-style:normal;
line-height:30px;
color:#888;
margin:9px 0 0;
}
.upload .btn-upload:hover{
background-position:0 bottom;
color:#3badf9;
}
.upload .btn-upload:hover .span1{
/*background-position:0 -172px;*/
}
.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:18px;
font-weight:400;
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:17px;
font-weight:400;
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:39px 0 55px;
}
.bg-register .center,
.bg-gray .center{
padding:22px 0 55px;
}
.center .social-links{
text-align:center;
margin-bottom:60px;
}
.center .fb-link{
display:inline-block;
font-size:14px;
line-height:14px;
color:#fff;
text-decoration:none;
vertical-align:top;
}
.center .fb-link .fb-link-btn{
display:inline-block;
position:relative;
background:#3b5999;
padding:8px 11px 0 35px;
vertical-align:top;
height:22px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
margin-right:6px;
}
.center .fb-link .fb-link-btn img{
position:absolute;
left:10px;
top:7px;
}
.center .fb-link .fb-link-count{
display:inline-block;
position:relative;
background:#fbfbfb;
border:1px solid #ababab;
vertical-align:top;
font-weight:700;
color:#222;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:7px 9px 0;
height:21px;
margin-right:26px;
}
.center .fb-link .fb-link-count img{
position:absolute;
left:-7px;
top:9px;
}
.center .tw-link{
display:inline-block;
font-size:14px;
line-height:14px;
color:#fff;
text-decoration:none;
vertical-align:top;
}
.center .tw-link .tw-link-btn{
display:inline-block;
position:relative;
background:#3db1dd;
padding:8px 10px 0 31px;
vertical-align:top;
height:22px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
margin-right:6px;
}
.center .tw-link .tw-link-btn img{
position:absolute;
left:10px;
top:9px;
}
.center .tw-link .tw-link-count{
display:inline-block;
position:relative;
background:#fbfbfb;
border:1px solid #ababab;
vertical-align:top;
font-weight:700;
color:#222;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:7px 9px 0;
height:21px;
margin-right:26px;
}
.center .tw-link .tw-link-count img{
position:absolute;
left:-7px;
top:9px;
}
.center .vk-link{
display:inline-block;
font-size:14px;
line-height:14px;
color:#fff;
text-decoration:none;
vertical-align:top;
}
.center .vk-link .vk-link-btn{
display:inline-block;
position:relative;
background:#5c82ab;
padding:8px 10px 0 29px;
vertical-align:top;
height:22px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
margin-right:6px;
}
.center .vk-link .vk-link-btn img{
position:absolute;
left:10px;
top:9px;
}
.center .vk-link .vk-link-count{
display:inline-block;
position:relative;
background:#fbfbfb;
border:1px solid #ababab;
vertical-align:top;
font-weight:700;
color:#222;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:7px 9px 0;
height:21px;
margin-right:26px;
}
.center .vk-link .vk-link-count img{
position:absolute;
left:-7px;
top:9px;
}
.center .g-link{
display:inline-block;
font-size:14px;
line-height:14px;
color:#fff;
text-decoration:none;
vertical-align:top;
}
.center .g-link .g-link-btn{
display:inline-block;
position:relative;
background:#e74c3c;
padding:8px 10px 0 28px;
vertical-align:top;
height:22px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
margin-right:6px;
}
.center .g-link .g-link-btn img{
position:absolute;
left:9px;
top:8px;
}
.center .g-link .g-link-count{
display:inline-block;
position:relative;
background:#fbfbfb;
border:1px solid #ababab;
vertical-align:top;
font-weight:700;
color:#222;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:7px 9px 0;
height:21px;
}
.center .g-link .g-link-count img{
position:absolute;
left:-7px;
top:9px;
}
.center .capabilities-title{
font-size:48px;
font-weight:300;
line-height:48px;
color:#222;
text-align:center;
margin-bottom:53px;
margin-top:70px;
}
.center .capabilities-title div{
font-size:18px;
line-height:18px;
color:#888;
margin:9px 0 0;
}
.center .capabilities{
padding:0 0 7px 10px;
margin:0 0 0 -60px;
}
.center .capabilities .capabilities-item{
position:relative;
float:left;
width:380px;
padding:0 0 0 60px;
line-height:24px;
margin:0 0 49px 60px;
min-height:80px;
}
.center .capabilities .capabilities-item img{
position:absolute;
left:0;
top:-5px;
}
.center .capabilities .capabilities-item div{
font-size:18px;
font-weight:600;
color:#222;
margin-bottom:8px;
}
.center .capabilities-help{
text-align:center;
padding-bottom:77px;
}
.center .pro-block-bg{
background:#ffe89b url(../img/pro-bg.jpg) no-repeat center top;
border-bottom:1px solid #ffde6e;
border-top:1px solid #ffde6e;
height:745px;
position:relative;
}
.center .pro-block{
background:url(../img/pro-bg2.png) repeat-x center top;
height:684px;
padding:61px 0 0;
}
.center .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-block-title div{
font-size:18px;
line-height:18px;
margin:9px 0 0;
}
.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 .pro-price-sum{
color:#3498db;
font-size:72px;
font-weight:300;
line-height:84px;
text-align:center;
margin-bottom:49px;
}
.center .pro-price .pro-price-sum span{
font-size:150px;
}
.center .pro-price .pro-price-sum div{
font-size:18px;
font-weight:400;
line-height:18px;
}
.center .pro-price .btn-pro{
display:block;
background:#eb8629;
-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:24px;
text-decoration:none;
color:#fff;
padding:20px 0 0;
height:47px;
width:273px;
text-align:center;
margin:0 auto 14px;
cursor:pointer;
}
.center .pro-price .btn-pro:hover{
background:#ff912c;
}
.center .pro-price-help{
float:right;
width:481px;
text-align:center;
font-size:11px;
line-height:14px;
color:#232323;
margin:16px 10px 0 0;
padding:0 40px;
}
.center .pro-block-bg .overlay{
position:absolute;
left:0;
top:-1px;
width:100%;
height:747px;
background:rgba(51,51,51,0.5);
z-index:9000;
display:none;
}
.center .payment{
top:144px;
padding:37px 0 40px;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.33);
-moz-box-shadow:0 4px 0 rgba(0,0,0,0.33);
box-shadow:0 4px 0 rgba(0,0,0,0.33);
}
.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;
}
.center .payment .payment-title span{
display:inline-block;
background:#fbfbfb;
padding:0 19px;
}
.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;
text-align:center;
margin:0 auto;
cursor:pointer;
}
.center .payment .btn-pro:hover{
background:#ff912c;
}
.center .story-title{
font-size:48px;
font-weight:300;
line-height:48px;
color:#222;
text-align:center;
margin-bottom:53px;
padding-top:62px;
}
.center .story-title div{
font-size:18px;
line-height:18px;
color:#888;
margin:9px 0 0;
}
.center .story{
margin:0 0 0 -40px;
}
.center .story .story-item{
float:left;
width:240px;
margin:0 0 43px 80px;
position:relative;
}
.center .story .story-img{
display:block;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
margin-bottom:21px;
cursor:pointer;
}
.center .story .story-author{
font-size:18px;
font-weight:600;
line-height:26px;
color:#222;
text-align:center;
cursor:pointer;
}
.center .story .story-author div{
font-size:14px;
font-weight:400;
color:#888;
}
.center .story .story-txt{
position:absolute;
left:290px;
top:0px;
border:5px solid #ecf0f1;
background:#fff;
line-height:24px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 2px 0 #bdc3c7;
-moz-box-shadow:0 2px 0 #bdc3c7;
box-shadow:0 2px 0 #bdc3c7;
padding:20px 27px 28px 25px;
width:620px;
z-index:10;
display:none;
}
.center .story .story-txt .close{
position:absolute;
right:15px;
top:15px;
}
.center .story .story-txt .story-arrow{
position:absolute;
left:-15px;
top:115px;
}
.center .story .story-txt div{
font-size:18px;
font-weight:600;
color:#222;
margin-bottom:14px;
}
.center .btn-download{
display:block;
background:#3498db;
font-size:24px;
line-height:24px;
color:#fff;
text-decoration:none;
text-align:center;
-webkit-box-shadow:inset 0 -3px 0 #2980b9;
-moz-box-shadow:inset 0 -3px 0 #2980b9;
box-shadow:inset 0 -3px 0 #2980b9;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
width:471px;
margin:0 auto 89px;
}
.center .btn-download span{
display:inline-block;
background:url(../img/ico-download.png) no-repeat 0 19px;
padding:25px 0 0 52px;
height:52px;
}
.center .btn-download:hover{
background:#3badf9;
}
.text p{
line-height:22px;
margin:0 0 20px;
}
.center .fs18{
font-size:18px;
font-weight:300;
line-height:24px;
text-align:center;
margin:28px 0 43px
}
.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;
font:300 15px 'Roboto', Arial, Helvetica, sans-serif;
}
.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:52px;
height:30px;
background: url(/img/bg1.png) no-repeat;
font-size:13px;
line-height:13px;
color:#232323;
margin:3px 0 0;
}
.footer .lang:hover{
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:#48b6ff;
-webkit-box-shadow:0 2px 0 #34a2eb;
-moz-box-shadow:0 2px 0 #34a2eb;
box-shadow:0 2px 0 #34a2eb;
-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:#60bffe;
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:500;
}
.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;
margin-top:3px;
}
.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:#232323;
}
.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;*/
}
.bg-register .pro-page-bg{
background:none;
}
.pro-page .center .pro-price{
width:520px;
}
.pro-page .center .pro-text{
margin-left:40px;
}
.pro-page .center .payment{
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 9px 0 0;
}
.center .pro-price .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:#FFFFFF;
padding:0 19px;
}
.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;
}
.bg-gray {
background-color: #f3f3f3;
}
.login-welcome {
text-align: center;
color: #232323;
font:500 48px/48px 'Roboto', Arial, Helvetica, sans-serif;
padding-top: 11px;
letter-spacing: -0.03em;
}
.login-block {
text-align: center;
margin: 35px auto 0px;
border: 1px solid #d9dadb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width: 561px;
background: #ffffff;
padding: 26px 0px 0px;
box-shadow:inset 0 -3px 0 #ebebeb;
}
.login-block .title {
color: #232323;
font:500 24px/24px 'Roboto', Arial, Helvetica, sans-serif;
padding-bottom: 17px;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 30px;
}
.login-social {
font-size: 15px;
line-height: 15px;
padding: 0px 0px 22px 0px;
letter-spacing: -0.02em;
}
.login-block .login-social {
padding: 0px 50px 20px 50px;
}
.login-social .btn-fb {
background: #3f5c9c url(../img/btn-fb.png) no-repeat 31px 14px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:inset 0 -3px 0 #2b4888;
padding: 17px 0px 0px 54px;
width: 182px;
height: 33px;
float: left;
text-align: left;
}
.login-social.en .btn-fb {
width: 180px;
}
.login-social .btn-fb:hover {
background-color: #4463a9;
}
.login-social .btn-vk {
background: #4072a6 url(../img/btn-vk.png) no-repeat 28px 17px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:inset 0 -3px 0 #2c5e92;
padding: 17px 0px 0px 51px;
width: 185px;
height: 33px;
float: right;
text-align: left;
}
.login-social.en .btn-vk {
width: 180px;
}
.login-social .btn-vk:hover {
background-color: #4079b4;
}
.login-social .btn-fb a, .login-social .btn-vk a, .login-social a {
text-decoration: none;
color: #ffffff;
}
.login-social .txt {
color: #000;
font-size: 16px;
line-height: 20px;
text-align: center;
background:url(../img/grey-line.gif) repeat-x 0 10px;
margin:21px 0 0;
}
.login-social .txt span{
display:inline-block;
background:#fff;
padding:0 5px;
}
.login-block .login-form {
padding: 0px 50px 35px;
}
.field {
color: #888888;
font-size: 13px;
line-height: 13px;
padding-bottom: 15px;
letter-spacing: -0.02em;
position:relative;
text-align:left;
}
.field .field-name{
float:left;
width:160px;
color:#333;
font-size:16px;
line-height:24px;
text-align:right;
padding:9px 10px 0 0;
}
.field input[type="text"], .field input[type="password"] {
background: #ffffff;
border: 2px solid #c5c7c9;
color: #333;
font-size: 18px;
font-weight:500;
line-height: 18px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding: 0px 8px;
width: 442px;
height: 40px;
letter-spacing: -0.02em;
}
@media \0screen {
.field input[type="text"], .field input[type="password"] {
padding: 14px 8px 11px;
height: auto;
}
}
.field input[type="text"]:hover, .field input[type="password"]:hover{
border-color:#48b6ff;
}
.field input[type="text"]:focus, .field input[type="password"]:focus{
border-color:#5ea2d0 !important;
box-shadow:0 1px 5px rgba(0,0,0,.23);
}
.field textarea {
background: #ffffff;
border: 2px solid #c5c7c9;
color: #333;
font-size: 18px;
font-weight:500;
line-height: 18px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding: 15px 8px;
width: 442px;
height: 120px;
letter-spacing: -0.02em;
}
.field textarea:focus{
border-color:#5ea2d0;
box-shadow:0 1px 5px rgba(0,0,0,.23);
}
.field input[type="text"].error,
.field input[type="password"].error,
.field textarea.error{
border: 2px solid #e63c00 !important;
}
.error::-webkit-input-placeholder{
color:#e63c00;
}
.error::-moz-placeholder{
color:#e63c00;
}
.error .placeholder{
color:#e63c00;
}
.error-txt{
font-size:16px;
font-weight:500;
line-height:18px;
color:#e63c00;
margin:4px 0 -2px;
text-align:left;
}
.field a {
border-bottom: 1px dotted #888888;
text-decoration: none;
}
.field.policy {
padding:0 0 27px 170px;
color:#333;
font-size:15px;
}
.field.policy input{
margin-right:3px;
position:relative;
top:1px;
}
.field.policy a {
text-decoration:underline;
color:#333;
border:0;
line-height:20px;
float:left;
margin-left:4px;
}
.field a:hover {
text-decoration:none;
}
.login-block .login-form .btn.in {
font-size: 18px;
line-height: 18px;
padding: 14px 26px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-top: 11px;
font-weight: 500;
}
.bg-register {
background: #ffe89b url(../img/pro-bg.png) repeat center 82px;
}
.register-title {
text-align: center;
color: #232323;
font:500 48px/48px 'Roboto', Arial, Helvetica, sans-serif;
letter-spacing: -0.03em;
margin-bottom: 28px;
}
.advantage {
width: 300px;
float: left;
margin: 28px 49px 20px 21px;
}
.advantage .ttl {
font:500 24px/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-size: 15px;
line-height: 20px;
}
.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;
}
.reg-right {
float: right;
width: 563px;
color:#232323;
/*background:#FFF6D7;*/
/* border: 1px solid #ffd957;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;*/
/*-webkit-border-radius-left:8px;
-moz-border-radius-left:8px;
border-radius-left:8px;*/
}
.reg-right2 {
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:45px 38px 44px;
margin:0 9px 0 0;
text-align:center;
color:#232323;
}
.reg-right2 p{
font-size:18px;
line-height:24px;
margin:0 0 24px;
}
.reg-right2 .activate-help{
color:#888;
line-height:24px;
}
.reg-right2 .activate-help a{
color:#888;
}
.reg-right2 .activate-btn{
padding:11px 0 65px;
}
.reg-right2 .btn{
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;
}
.reg-right2 .btn:hover{
background:#60bffe;
}
.reg-tabs {
float:left;
width:280px;
background: #ffffff;
height:42px;
border-left: 1px solid #ffd957;
border-right: 1px solid #ffd957;
border-top: 1px solid #ffd957;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
border-radius:6px 6px 0px 0px;
/*padding: 25px 61px 17px 89px;
padding: 25px 67px 18px 67px;*/
padding:24px 0 0;
font-size: 24px;
line-height: 24px;
/*border-bottom: 1px solid #e3e3e3;*/
z-index:600;
position:relative;
text-align:center;
}
/*.reg-tabs #tab_register_pro{
width:237px;
height:60px;
background:#fff;
border-right:1px solid #FFD957;
}*/
.actual_reg,
.reg-tabs2.actual_reg{
border-radius:6px 0 0;
}
.reg-tabs a {
display:inline-block;
text-decoration: none;
border-bottom: 1px dotted #232323;
color: #232323;
}
.reg-tabs a:hover {
cursor: pointer;
cursor: hand;
border-bottom: 0px;
/*color: #232323;*/
}
.reg-tabs a.act {
border-bottom: 0px;
color: #333;
font-weight:500;
}
.reg-tabs2 {
margin-top:8px;
float:left;
width:281px;
background:#fff6d7;
height:46px;
/*padding: 25px 61px 17px 89px;
padding: 17px 22px 27px 44px;*/
padding:17px 0 0;
font-size: 24px;
line-height: 24px;
/*border-bottom: 1px solid #e3e3e3;*/
border-radius:0 6px 0 0;
text-align:center;
}
.reg-tabs2 a {
display:inline-block;
text-decoration: none;
border-bottom: 1px dotted #232323;
color: #232323;
}
.reg-tabs2 a:hover {
cursor: pointer;
cursor: hand;
border-bottom: 0px;
/*color: #232323;*/
}
.reg-tabs2 a.act {
border-bottom: 0px;
color: #232323;
font-weight:500;
}
.reg-cont {
z-index:500;
position:relative;
/*padding: 30px 50px 35px;*/
border-left: 1px solid #ffd957;
border-right: 1px solid #ffd957;
border-top: 1px solid #ffd957;
border-bottom:1px solid #ebc850;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background: #ffffff;
padding: 30px 0px 34px;
-webkit-box-shadow:inset 0 -3px 0 #ebebeb;
-moz-box-shadow:inset 0 -3px 0 #ebebeb;
box-shadow:inset 0 -3px 0 #ebebeb;
margin-bottom:25px;
font-size:18px;
line-height:24px;
color:#232323;
}
.reg-cont-pro{
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px;
}
.reg-cont .reg-form {
padding:0;
width:496px;
margin:0 auto;
}
.cntr {
text-align: center;
}
/*
.pro_plan {
border-top: 1px solid #e3e3e3;
padding: 27px 0px 0px 0px;
}
.pro_plan .plus {
color: #009fd8;
font-size: 15px;
line-height: 15px;
padding-bottom: 22px;
text-align: center;
}
.pro_plan .pro-block-wr {
border: 2px solid #d8dadb;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding: 2px;
margin-bottom: 45px;
}
.pro_plan .pro-bl {
height: 129px;
background: url(../img/pro-item-bg.png) repeat-x left bottom;
position: relative;
}
.pro_plan .pro-bl .item {
position: absolute;
top: -7px;
height: 167px;
width: 165px;
text-align: center;
}
.pro_plan .pro-bl .item.i1 {
left: -5px;
}
.pro_plan .pro-bl .item.i2 {
left: 153px;
}
.pro_plan .pro-bl .item.i3 {
left: 306px;
}
.pro_plan .pro-bl .item.sel {
background: url(../img/pro-sel-item.png) no-repeat left top;
}
.pro_plan .pro-bl .item .pl1 {
position: relative;
top: 47px;
font-size: 30px;
color: #232323;
font-family: 'roboto_medium';
width: 165px;
}
.pro_plan .pro-bl .item.i1 .pl1 {
font-size: 26px;
top: 60px;
}
.pro_plan .pro-bl .item.i1 .pl2 {
top: 64px;
}
.pro_plan .pro-bl .item .pl2 {
position: relative;
top: 54px;
font-size: 15px;
color: #222222;
width: 165px;
}
.pro_plan .pro-bl .item .pl3 {
position: relative;
top: 54px;
font-size: 15px;
color: #009fd8;
width: 165px;
}
.pro_plan .pro-bl .item .holderWrap {
left: 71px;
top: 21px;
position: absolute;
}
.payment-method {
margin: 0px 0px 34px 87px;
}
.payment-method .pm1, .payment-method .pm2 {
margin-bottom: 10px;
font-size: 18px;
line-height: 18px;
font-family: 'roboto_medium';
color: #333333;
}
.payment-method .pm1 {
background: url(../img/payment-by-card.png) no-repeat 147px -3px;
}
.payment-method .pm2 {
background: url(../img/payment-by-webmoney.png) no-repeat 130px -3px;
}
*/
/*.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 !important;
}
.center .payment .payment-period.pro-user {
width: 318px;
}
.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:158px;
}
.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 !important;
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.mp .payment-period .prettyCheckbox.checked {
color: #222222 !important;
}
.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 !important;
width:77px;
height:21px !important;
vertical-align:top;
margin:0 0 0 9px !important;
}
.center .payment .payment-type .prettyCheckbox:hover .webmoney{
background-position:left -21px !important;
}
.center .payment .payment-type .prettyCheckbox.checked .webmoney{
background-position:left -21px !important;
}
.center .payment .payment-save{
font-size:12px;
line-height:20px;
color:#3498db;
text-align:center;
margin:14px 0 51px;
}
*/
.center .payment{}
.center .payment .payment-period{
border:2px solid #d8dadb;
background:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:135px;
padding:2px;
margin-bottom:36px;
color:#333;
font-size:15px;
}
.center .payment .payment-period-bg{
background:url(../img/payment-period-bg.gif) repeat-x 0 bottom;
height:135px;
}
.center .payment .payment-period-item{
float:left;
width:160px;
}
.center .payment .payment-period .payment-period-txt-day{
display:block;
color:#009fd8;
}
.center .payment .payment-period .prettyCheckbox{
line-height:22px;
width:160px;
text-align:center;
padding:14px 0 0;
position:relative;
}
.center .payment .payment-period-item .prettyCheckbox{
border-left:2px solid #e3e3e3;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:135px;
}
.center .payment .payment-period-item:first-child .prettyCheckbox{
border-left:0;
}
.center .payment .payment-period label.prettyCheckbox span.holderWrap{
float:none;
margin:0 auto 9px;
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;
color:#232323;
}
.center .payment .payment-period .prettyCheckbox sup{
font-size:16px;
line-height:16px;
vertical-align:top;
position:relative;
top:2px;
}
.center .payment .payment-period .payment-period-txt-base{
display:inline-block;
background:#afafaf;
font-size:14px;
font-weight:500;
line-height:23px;
color:#fff;
border-radius:2px;
padding:0 11px 1px;
margin-top:5px;
}
.center .payment .payment-period .payment-period-txt-lite{
display:inline-block;
background:#48b6ff;
font-size:14px;
font-weight:500;
line-height:23px;
color:#fff;
border-radius:2px;
padding:0 11px 1px;
margin-top:5px;
}
.center .payment .payment-period .payment-period-txt-pro{
display:inline-block;
background:#ff9933;
font-size:14px;
font-weight:700;
line-height:23px;
color:#fff;
border-radius:2px;
padding:0 11px 1px;
margin-top:5px;
}
.center .payment .payment-period .prettyCheckbox i{
position:absolute;
left:-5px;
top:-5px;
background:url(../img/plan-active.png) no-repeat 0 0;
width:169px;
height:166px;
display:none;
z-index:1;
}
.center .payment .payment-period .prettyCheckbox.checked i{
display:block;
}
.center .payment .payment-type{
margin:0 auto 16px;
color:#232323;
font-weight:500;
/* text-align:right;*/
padding-top:10px;
padding-right:8px;
}
.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:300;
margin-bottom:14px;
height:22px;
color:#333;
}
.center .payment .payment-type .prettyCheckbox.checked{
font-weight:500;
}
.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:1px 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:0 -21px;
}
.center .payment .payment-type .prettyCheckbox.checked .webmoney{
background-position:0 -21px;
}
.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 .ya-money{
background-position:0 -20px;
}
.center .payment .payment-type .prettyCheckbox.checked .ya-money{
background-position:0 -20px;
}
.center .payment .payment-type .qiwi{
display:inline-block;
background:url(../img/qiwi.png) no-repeat left top;
width:59px;
height:22px;
vertical-align:top;
margin:2px 0 0 9px;
}
.center .payment .payment-type .prettyCheckbox:hover .qiwi{
background-position:0 -22px;
}
.center .payment .payment-type .prettyCheckbox.checked .qiwi{
background-position:0 -22px;
}
.center .payment .payment-type .robokassa{
display:inline-block;
background:url(../img/robokassa.png) no-repeat left top;
width:105px;
height:12px;
vertical-align:top;
margin:6px 0 0 9px;
}
.center .payment .payment-type .prettyCheckbox:hover .robokassa{
background-position:0 -12px;
}
.center .payment .payment-type .prettyCheckbox.checked .robokassa{
background-position:0 -12px;
}
.center .payment .payment-save{
font-size:12px;
line-height:20px;
color:#3498db;
text-align:center;
margin:14px 0 51px;
}
.center .payment .plus {
color: #009fd8;
font-size: 15px;
line-height: 15px;
padding-bottom: 22px;
text-align: center;
}
.center .payment.mp .payment-type .prettyCheckbox.checked {
background-color: transparent;
color: #232323;
}
#pro_plan {
box-shadow: none;
}
.center .payment.payment-upgrade{
padding:0;
border:0 !important;
}
.reg-cont #pro_plan{
padding:13px 0 0;
width:488px;
margin:0 auto;
}
.center .pro-price .btn-pro-c, .center .reg-cont .btn-pro-c, .center .profile .btn-pro-c{
text-align:center;
}
.center .pro-price .btn-pro, .center .reg-cont .btn-pro, .center .profile .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;
}
.center .pro-price .btn-pro:hover, .center .reg-cont .btn-pro:hover, .center .profile .btn-pro:hover{
background:#60bffe;
}
.center .payment.mp .payment-type .prettyCheckbox {
padding: 0px;
}
.center .payment.mp .payment-type {
text-transform: none;
font:18px 'Roboto', Arial, Helvetica, sans-serif;
}
.pro-price.payment #pro_plan {
border-top:0px;
padding-top: 0px;
}
.payment-period:hover, .payment-period label:hover {
cursor: pointer;
cursor: hand;
}
.head .slogan-logo{
float:left;
font-size:13px;
margin:11px 0 0 6px;
color: #ffffff;
}
.restore_success1 {
text-align: left;
color: #232323;
font-weight: bold;
margin-bottom: 15px;
font-size: 16px;
}
.restore_success2 {
text-align: left;
font-size: 12px;
color: #232323;
}
.center .download-clip2net{
text-align:center;
margin:52px 0 0;
}
.center .download-clip2net span{
margin-right:2px;
color:#232323;
}
.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;
}
.button-box{
display:inline-block;
margin-right:15px;
}
.button-big{
display:inline-block;
background:url(../img/button-big.png) no-repeat 0 0;
width:40px;
height:27px;
text-align:center;
font-size:13px;
padding:3px 0 0;
position:relative;
top:-1px;
margin:0 3px;
}
.button-box .button-big{
margin:0;
}
.button-small{
display:inline-block;
background:url(../img/button-small.png) no-repeat 0 0;
width:30px;
height:27px;
text-align:center;
font-size:13px;
padding:3px 0 0;
position:relative;
top:-1px;
margin:0 3px;
}
.ico-mouse{
display:inline-block;
background:url(../img/ico-mouse.png) no-repeat 0 0;
width:19px;
height:27px;
text-align:center;
font-size:13px;
padding:3px 0 0;
position:relative;
top:-1px;
margin:0 3px;
}
.button-box .button-small{
margin:0;
}
.button-plus{
display:inline-block;
position:relative;
top:-1px;
}
.button-box .button-plus{
margin:0 3px;
}
.fw500{
font-weight:500;
}
.block-tool{
padding:0 0 0 47px;
}
.block-tool h3{
position:relative;
padding:7px 0 4px;
}
.block-tool h3 img{
position:absolute;
left:-47px;
top:0;
}
.feedback {
background: #ffffff;
border: 1px solid #d9dadb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width: 560px;
margin: 35px auto 0;
text-align: center;
}
.feedback .fb-wr {
box-shadow: 0 3px 0 #EBEBEB;
padding: 26px 55px 30px;
margin-bottom: 3px;
}
.feedback .fb-ttl {
text-align: center;
color: #232323;
font:500 24px/24px 'Roboto', Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.feedback .fb-ttl.send {
font-size: 23px;
margin-top: 25px;
}
.feedback .fb-txt.send {
font-size: 16px;
}
.feedback .btn {
border-radius: 4px;
font-size: 18px;
font-weight: bold;
line-height: 18px;
margin-top: 11px;
padding: 14px 26px;
}
.pro_plan-txt{
color:#888;
line-height:24px;
text-align:center;
padding:37px 0 5px;
}
.pro_plan-txt a{
color:#888;
}
.welcom-block{
text-align: center;
margin: 39px auto 0;
border: 1px solid #d9dadb;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
width: 820px;
background: #ffffff;
padding: 35px 0px 28px;
box-shadow:inset 0 -3px 0 #ebebeb;
color:#232323;
}
.welcom-block a{
color:#232323;
}
.welcom-block h2{
margin:0 0 23px;
}
.welcom-block .fs18{
margin:0 auto 25px;
width:620px;
}
.welcom-block .welcom-btn{
margin:0 0 49px;
}
.welcom-block .btn{
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;
}
.welcom-block .btn:hover{
background:#60bffe;
}
.welcom-block .welcom-cloud{
float:left;
width:200px;
line-height:20px;
margin:0 63px 0 47px;
}
.welcom-block .welcom-cloud img{
display:block;
margin:0 auto 17px;
}
.welcom-block .welcom-buttons{
float:left;
width:200px;
line-height:20px;
margin:11px 63px 0 0;
}
.welcom-block .welcom-buttons-top{
margin-bottom:16px;
}
.welcom-block .welcom-button-big{
display:inline-block;
background:url(../img/welcom-btn-big.png) no-repeat 0 0;
width:60px;
height:37px;
font-size:18px;
font-weight:500;
line-height:22px;
color:#555;
text-align:center;
padding:13px 0 0;
}
.welcom-block .welcom-button-small{
display:inline-block;
background:url(../img/welcom-btn-small.png) no-repeat 0 0;
width:50px;
height:37px;
font-size:18px;
font-weight:500;
line-height:22px;
color:#555;
text-align:center;
padding:13px 0 0;
}
.welcom-block .welcom-button-plus{
display:inline-block;
font-size:18px;
line-height:22px;
margin:0 6px;
}
.welcom-block .welcom-pro{
float:left;
width:200px;
line-height:20px;
margin:11px 0 0 0;
}
.welcom-block .welcom-pro div{
background:url(../img/welcom-pro.png) no-repeat 0 0;
width:80px;
height:50px;
margin:0 auto 16px;
color:#fff;
font-size:25px;
font-weight:700;
line-height:45px;
text-shadow:0 1px 2px rgba(0,0,0,.13);
}
.welcom-block .welcom-contact{
border-top:1px solid #e3e3e3;
font-size:18px;
margin:49px 0 0;
padding:24px 0 0;
}
/* 404 page */
.center-404 {
width: 682px;
/*height: 530px; */
margin: 0px auto 50px;
}
.ttl-404 {
text-align: center;
font: 500 122px/122px 'Roboto',Arial,Helvetica,sans-serif;
color: #232323;
margin-bottom: 13px;
letter-spacing: -0.02em;
}
.txt-404 {
text-align: center;
font: 18px/24px 'Roboto',Arial,Helvetica,sans-serif;
color: #232323;
margin-bottom: 33px;
letter-spacing: -0.01em;
}
.to-email-404 {
text-align: center;
font:300 15px/15px 'Roboto',Arial,Helvetica,sans-serif;
color: #232323;
height: 110px;
}
.to-email-404 span {
display:inline-block;
border: 1px solid #efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background: #ffffff;
box-shadow: 0px 0px 10px #eaeaea;
padding: 23px 49px 22px;
letter-spacing: -0.03em;
}
.to-email-404.to-email-two span{
max-width:530px;
padding: 18px 20px 20px;
}
.to-email-404 a {
text-decoration: underline;
color: #232323;
}
.recover{
width:680px;
height:540px;
margin:0 auto;
}
.recover h1{
margin:0 0 27px;
}
.recover-txt{
text-align:center;
color:#232323;
font-size:18px;
width:560px;
margin:0 auto;
padding-bottom:3px;
}
.recover-txt1{
font-size:14px;
text-align:center;
color:#232323;
}
.recover-txt2{
font-size:18px;
font-weight:500;
line-height:22px;
color:#232323;
text-align:center;
margin:-14px 0 18px;
}
.recover-file{
width:186px;
height:190px;
border:1px solid #ccc;
margin:0 auto 21px;
padding:10px 18px 0;
}
.recover-file .recover-file-img{
width:186px;
height:150px;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.recover-file .recover-file-name{
font-size:12px;
line-height:13px;
color:#232323;
}
.recover-file .recover-file-name span{
display:inline-block;
width:160px;
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:top;
}
.recover-file .recover-file-size{
font-size:11px;
line-height:11px;
}
.recover-btn{
text-align:center;
margin-bottom:11px;
}
.recover-btn a{
display:inline-block;
position:relative;
background:#2bb24c url(../img/ico-restore.png) no-repeat 23px 11px;
border-bottom:3px solid #179e38;
font-size:16px;
font-weight:500;
line-height:22px;
color:#fff;
text-decoration:none;
padding:10px 26px 10px 49px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
text-align:left;
}
.recover-btn a:hover{
background-color:#07a72e;
color:#fff;
border-bottom:3px solid #068926;
}
.footer {
width: 940px;
padding: 0px;
margin-bottom: 10px;
margin-top:-54px;
/*position: absolute;*/
position: relative;
}
.footer.f-404 {
margin-bottom: 0px;
height: 160px;
padding-bottom: 20px;
}
.main-404 {
background:#8cd1ff;
border:1px solid #62c0ff;
padding: 25px 0px 45px;
width: 680px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align: center;
}
.main-404.reg {
background:#ffe89b url(../img/pro-bg-sm.png) no-repeat center top;
border:1px solid #ffde6e;
}
.ttl2-404 {
font: 500 24px/24px 'Roboto',Arial,Helvetica,sans-serif;
color: #232323;
margin-bottom: 15px;
letter-spacing: -0.02em;
}
.main-404.reg .ttl2-404 {
margin-bottom: 25px;
}
.adv-404 {
margin-bottom: 40px;
padding-left: 50px;
}
.adv-404 .item {
float: left;
width: 194px;
text-align: center;
color: #232323;
font: 15px/16px 'Roboto',Arial,Helvetica,sans-serif;
/*letter-spacing: 0.03em;*/
}
.adv-404 .item img {
margin-bottom: 4px;
}
.adv-404 .item span {
font: 700 15px/16px 'Roboto',Arial,Helvetica,sans-serif;
}
.btn-404 {
background: none repeat scroll 0 0 #48B6FF;
border-radius: 3px;
color: #FFFFFF;
padding: 12px 33px 12px;
text-decoration: none;
box-shadow: 0 3px 0 #34A2EB;
font: 500 18px/18px 'Roboto',Arial,Helvetica,sans-serif;
}
.btn-404.orange {
background: none repeat scroll 0 0 #FF9C00;
box-shadow: 0 3px 0 #eb8800;
}
.btn-404:hover {
background: none repeat scroll 0 0 #60bffe;
cursor: pointer;
cursor: hand;
color: #ffffff;
}
.btn-404.orange:hover {
background: none repeat scroll 0 0 #ff912c;
cursor: pointer;
cursor: hand;
color: #ffffff;
}
.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;
}
.load-404 {
/*margin-bottom: 15px;*/
}
.load-txt-404 {
margin-bottom: 40px;
padding-left: 50px;
}
.load-txt-404 .item {
float: left;
width: 194px;
text-align: center;
color: #232323;
font: 15px/16px 'Roboto',Arial,Helvetica,sans-serif;
/*letter-spacing: 0.03em;*/
}
.page-wrapper {
min-height:100%;
height:auto !important;
height:100%;
position: relative;
}
/*thanks*/
.thanks{
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:30px 0 34px;
color:#232323;
}
.thanks .wrapper{
width:560px;
padding:0;
}
.thanks .wrapper.w630{
width:630px;
padding:0;
}
.thanks h1{
font:700 36px/36px 'Roboto', Arial, Helvetica, sans-serif;
color:#232323;
margin:0 0 30px;
text-align:center;
letter-spacing:-1px;
}
.thanks .thanks-text{
font-size:18px;
line-height:24px;
text-align:center;
padding:0 20px 11px;
}
.thanks .thanks-text p{
line-height:24px;
margin:0 0 26px;
}
.thanks .thanks-text strong{
font-weight:500;
}
.thanks .thanks-data{
padding:0 0 18px 36px;
margin-top:-25px;
}
.thanks .thanks-data .fl{
/*padding:25px 0 0;*/
padding:45px 0 0;
}
.thanks .thanks-data input{
display:block;
background:#f1f1f1;
border:2px solid #c5c7c9;
font-size:18px;
font-weight:500;
line-height:24px;
color:#333;
width:226px;
height:24px;
padding:11px 9px;
border-radius:2px;
/*margin:4px 0 14px;*/
margin:4px 0 20px;
}
.thanks .thanks-data img{
float:left;
}
.thanks .btn-thanks-c{
text-align:center;
}
.thanks .btn-thanks{
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:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:18px;
font-weight:500;
line-height:22px;
text-decoration:none;
color:#fff;
padding:12px 36px 16px;
border: 0px;
cursor:pointer;
height:auto;
}
.thanks .btn-thanks:hover{
background:#60bffe;
}
.thanks-date{
background:url(../img/bg_dat.png);
width:392px;
margin:37px auto 16px;
font-size:18px;
line-height:24px;
text-align:center;
padding:11px 15px 15px;
}
.thanks-date strong{
font-weight:500;
}
.thanks-help{
width:481px;
text-align:center;
font-size:15px;
line-height:18px;
color:#666;
margin:19px auto 0;
padding:0 40px;
}
.thanks-help a{
color:#666;
}
.thanks-error{
font-size:30px;
line-height:30px;
text-align:center;
margin-bottom:29px;
padding-top:9px;
}
/*ny*/
.ny-title{
font-size:24px;
font-weight:500;
line-height:30px;
color:#ff6000;
text-align:center;
letter-spacing:-1px;
margin:-15px 0 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;
}
}
/*profile*/
.profile{
width:884px;
/*margin:0 auto 50px;*/
margin:82px auto 50px;
}
.profile h1{
font:700 30px/30px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
margin:0 0 26px;
}
.profile-form{
width:710px;
margin:0 auto;
}
.profile-form .profile-form-line{
margin-top:25px;
position:relative;
}
.profile-form .profile-form-line:first-child{
margin:0;
}
.profile-form .profile-form-line div{
float:left;
width:188px;
text-align:right;
margin:11px 10px 0 0;
color:#333;
font:300 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
}
.profile-form .profile-form-line input{
display:block;
float:left;
background:#dfdfdf;
border:2px solid #c5c7c9;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
width:287px;
height:auto;
color:#333;
font:500 18px/24px 'Roboto', Arial, Helvetica, sans-serif;
padding: 10px;
}
.profile-form .profile-form-line a{
float:left;
margin:11px 0 0 13px;
color:#333;
font:300 15px/24px 'Roboto', Arial, Helvetica, sans-serif;
}
.profile-form .profile-form-line .eye-field{
position:absolute;
right:214px;
top:17px;
cursor:pointer;
}
.profile-form .profile-rss{
color:#333;
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
padding:17px 0 0 198px;
width:310px;
}
.profile-form .profile-rss input{
float:left;
margin:3px 7px 10px 0;
}
.profile .profile-sep{
margin:37px 0 31px;
}
.profile .profile-sep div{
border-bottom:1px solid #cecece;
width:133px;
margin:0 auto;
}
.profile .profile-status{
color:#333;
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
width:710px;
margin:0 auto 36px;
text-align:center;
}
.profile .profile-status strong{
font-weight:700;
}
.profile .profile-status-cloud{
display:inline-block;
background:url(../img/profile-cloud-bg.png) no-repeat 0 0;
width:110px;
height:76px;
margin:0 20px 0 2px;
position:relative;
vertical-align:top;
}
.profile .profile-status-cloud div{
background:url(../img/profile-cloud-bga.png) no-repeat 0 0;
height:76px;
}
.profile .profile-status-cloud span{
display:block;
position:absolute;
left:0;
top:33px;
width:110px;
text-align:center;
color:#333;
font:700 20px/20px 'Roboto', Arial, Helvetica, sans-serif;
}
.profile .profile-status-pro{
display:inline-block;
padding:11px 0 0;
text-align:left;
}
.profile .profile-status-pro-trial{
float:left;
width:451px;
padding:1px 0 0;
}
.profile .profile-status-base{
float:left;
width:451px;
}
.profile .profile-status-ttl{
font:500 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
.profile .profile-period{
float:left;
background:url(../img/profile-period-bg.gif) repeat 0 0;
color:#232323;
font:300 15px/24px 'Roboto', Arial, Helvetica, sans-serif;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:7px 22px 9px;
margin:-3px 6px 10px -2px;
}
.profile .profile-period strong{
font-weight:500;
}
.profile .profile-status .profile-btn{
float:left;
margin:-2px 0 0;
}
.profile .profile-status-txt{
margin:-5px 0 5px;
}
.profile .profile-btn{
display:inline-block;
font:500 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
color:#555;
text-decoration:none;
border:1px solid #b8b8b8;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 1px 1px rgba(95,95,95,.13);
-moz-box-shadow:0 1px 1px rgba(95,95,95,.13);
box-shadow:0 1px 1px rgba(95,95,95,.13);
background: #fdfdfd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%);
padding:6px 22px 7px;
}
.profile .profile-btn:hover{
color:#555;
background: #efefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #efefef 0%, #fdfdfd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fdfdfd));
background: -webkit-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: -o-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: -ms-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: linear-gradient(to bottom, #efefef 0%,#fdfdfd 100%);
}
.profile .profile-block{
background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 1px 10px rgba(0,0,0,.22);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.22);
box-shadow:0 1px 10px rgba(0,0,0,.22);
width:557px;
margin:0 auto 5px;
}
.profile .profile-compare{
padding:26px 23px 21px;
}
.profile .profile-compare h2{
font:700 30px/30px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
margin:0 0 33px;
text-align:center;
}
.profile .profile-compare-table{
width:100%;
}
.profile .profile-compare-table th.profile-compare-table-base{
color:#333;
font:500 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
background:#efefef;
-webkit-border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
border-radius:2px 2px 0 0;
width:116px;
text-align:center;
padding:11px 0;
}
.profile .profile-compare-table th.profile-compare-table-pro{
color:#fff;
font:700 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
background:#ff9933;
-webkit-border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
border-radius:2px 2px 0 0;
width:116px;
text-align:center;
border-bottom:1px solid #d67019;
}
.profile .profile-compare-table td{
border-top:1px solid #d6d6d6;
color:#232323;
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
height:51px;
vertical-align:middle;
}
.profile .profile-compare-table tr td:first-child{
padding:0 19px;
}
.profile .profile-compare-table tr:last-child td{
-webkit-border-radius:0 0 2px 2px;
-moz-border-radius:0 0 2px 2px;
border-radius:0 0 2px 2px;
}
.profile .profile-compare-table td.profile-compare-table-base{
background:#efefef;
font:300 16px/18px 'Roboto', Arial, Helvetica, sans-serif;
text-align:center;
border-top:1px solid #c6c6c6;
letter-spacing:-1px;
}
.profile .profile-compare-table td.profile-compare-table-pro{
background:#ffe89b;
font:500 16px/18px 'Roboto', Arial, Helvetica, sans-serif;
text-align:center;
border-top:1px solid #d6bf72;
letter-spacing:-1px;
}
.profile .payment{
padding:0 36px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.profile .payment .payment-type{
margin-bottom:7px;
}
.profile .btn-pro-c{
padding:23px 0 7px;
}
.profile .ny-title{
margin-top:9px;
}
.profile .profile-social{
color:#333;
font:300 16px/20px 'Roboto', Arial, Helvetica, sans-serif;
text-align:center;
width:640px;
margin:0 auto;
}
.profile .profile-social h1{
margin:0 0 23px;
}
.profile .profile-social p{
line-height:20px;
margin:0 0 24px;
}
.profile .profile-social-btn{
width:320px;
margin:0 auto 16px;
}
.profile .profile-social-fb{
position:relative;
float:left;
width:96px;
height:30px;
background:#3f5c9c;
border:2px solid #4a6cb7;
border-bottom-width:1px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 1px 0 #3f5c9c, 0 1px 3px rgba(0,0,0,.25);
-moz-box-shadow:0 1px 0 #3f5c9c, 0 1px 3px rgba(0,0,0,.25);
box-shadow:0 1px 0 #3f5c9c, 0 1px 3px rgba(0,0,0,.25);
color:#fff;
font:500 16px/20px 'Roboto', Arial, Helvetica, sans-serif;
text-align:left;
text-decoration:none;
padding:7px 0 0 40px;
}
.profile .profile-social-fb i{
position:absolute;
left:18px;
top:7px;
background:url(../img/profile-ico-fb.png) no-repeat 0 0;
width:11px;
height:21px;
}
.profile .profile-social-vk{
position:relative;
float:right;
width:97px;
height:30px;
background:#3e70a4;
border:2px solid #4984c1;
border-bottom-width:1px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 1px 0 #3e70a4, 0 1px 3px rgba(0,0,0,.25);
-moz-box-shadow:0 1px 0 #3e70a4, 0 1px 3px rgba(0,0,0,.25);
box-shadow:0 1px 0 #3e70a4, 0 1px 3px rgba(0,0,0,.25);
color:#fff;
font:500 16px/20px 'Roboto', Arial, Helvetica, sans-serif;
text-align:left;
text-decoration:none;
padding:7px 0 0 39px;
}
.profile .profile-social-vk i{
position:absolute;
left:16px;
top:9px;
background:url(../img/profile-ico-vk.png) no-repeat 0 0;
width:13px;
height:16px;
}
.profile .profile-social-fb.connected{
font:500 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
border:1px solid #b8b8b8;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 1px 1px rgba(95,95,95,.13);
-moz-box-shadow:0 1px 1px rgba(95,95,95,.13);
box-shadow:0 1px 1px rgba(95,95,95,.13);
background: #fdfdfd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%);
width:103px;
height:32px;
padding:6px 0 0 35px;
}
.profile .profile-social-fb.connected:hover{
color:#555;
background: #efefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #efefef 0%, #fdfdfd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fdfdfd));
background: -webkit-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: -o-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: -ms-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: linear-gradient(to bottom, #efefef 0%,#fdfdfd 100%);
}
.profile .profile-social-fb.connected i{
position:absolute;
left:16px;
top:8px;
background:url(../img/profile-ico-fba.png) no-repeat 0 0;
width:11px;
height:21px;
}
.profile .profile-social-vk.connected{
font:500 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
border:1px solid #b8b8b8;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 1px 1px rgba(95,95,95,.13);
-moz-box-shadow:0 1px 1px rgba(95,95,95,.13);
box-shadow:0 1px 1px rgba(95,95,95,.13);
background: #fdfdfd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#efefef 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%);
width:101px;
height:32px;
padding:6px 0 0 37px;
}
.profile .profile-social-vk.connected:hover{
color:#555;
background: #efefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #efefef 0%, #fdfdfd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fdfdfd));
background: -webkit-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: -o-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: -ms-linear-gradient(top, #efefef 0%,#fdfdfd 100%);
background: linear-gradient(to bottom, #efefef 0%,#fdfdfd 100%);
}
.profile .profile-social-vk.connected i{
position:absolute;
left:14px;
top:10px;
background:url(../img/profile-ico-vka.png) no-repeat 0 0;
width:13px;
height:16px;
}
.profile .profile-social-txt{
position:relative;
text-align:right;
padding:55px 287px 0 35px;
min-height:143px;
}
.profile .profile-social-txt img{
position:absolute;
right:109px;
top:0;
}
.profile .profile-sign{
color:#333;
font:300 16px/20px 'Roboto', Arial, Helvetica, sans-serif;
width:710px;
margin:0 auto;
}
.profile .profile-sign h1{
margin:0 0 23px;
}
.profile .profile-sign p{
width:640px;
margin:0 auto 26px;
text-align:center;
line-height:20px;
}
.profile .profile-sign-field{
float:left;
width:230px;
margin:0 13px 0 9px;
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
padding:10px 0 0;
}
.profile .profile-sign-field div{
font:700 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
text-align:right;
margin:0 3px 5px 0;
}
.profile .profile-sign-field div span{
display:inline-block;
background:#333;
color:#fff;
line-height:19px;
width:19px;
text-align:center;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
margin-left:4px;
}
.profile .profile-sign-field p{
width:auto;
text-align:left;
line-height:18px;
margin:0 0 8px;
}
.profile .profile-sign-field textarea{
width:212px;
height:63px;
border:2px solid #c5c7c9;
background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
padding:3px 7px;
}
.profile .profile-sign-pic{
float:left;
width:221px;
height:172px;
position:relative;
margin-bottom:20px;
background:#ccc;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.profile .profile-sign-pic img{
display:block;
}
.profile .profile-sign-pic .profile-sign-pic-txt{
position:absolute;
left:3px;
bottom:3px;
width:208px;
height:26px;
font:300 14px/24px 'Roboto', Arial, Helvetica, sans-serif;
color:#fff;
background:#333;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:0 0 0 7px;
}
.profile .profile-sign-pic .profile-sign-pic-watermark{
position:absolute;
right:3px;
bottom:32px;
width:52px;
height:52px;
/*background:#111;*/
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.profile .profile-sign-pic .profile-sign-pic-watermark div{
display:table-cell;
height:52px;
width:52px;
vertical-align:middle;
text-align:center;
}
.profile .profile-sign-pic .profile-sign-pic-watermark img{
max-width:52px;
max-height:52px;
}
.profile .profile-watermark{
float:left;
width:220px;
margin:0 0 0 13px;
padding:10px 0 0;
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
}
.profile .profile-watermark div{
font:700 16px/24px 'Roboto', Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
.profile .profile-watermark div span{
display:inline-block;
background:#333;
color:#fff;
line-height:19px;
width:19px;
text-align:center;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
margin-right:4px;
}
.profile .profile-watermark p{
width:auto;
text-align:left;
line-height:18px;
margin:0 0 13px;
}
.profile .profile-watermark a{
color:#555;
font-weight:500;
}
.profile .profile-watermark .profile-watermark-alfa{
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
padding:2px 0 5px;
}
.profile .profile-watermark .profile-watermark-alfa span{
font:300 16px/18px 'Roboto', Arial, Helvetica, sans-serif;
background:none;
color:#333;
}
.profile .profile-watermark .profile-watermark-alfa input{
width:36px;
height:26px;
border:2px solid #c5c7c9;
background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
font:300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
color:#333;
padding:0 5px;
}
.profile .profile-sign-btn{
text-align:center;
margin-bottom:29px;
}
.profile .profile-extra{
color:#333;
font:300 16px/20px 'Roboto', Arial, Helvetica, sans-serif;
}
.profile .profile-extra h1{
margin:0 0 23px;
}
.profile .profile-extra p{
width:640px;
margin:0 auto 26px;
text-align:center;
line-height:20px;
}
.profile .profile-extra a{
color:#333;
}
.profile .compare{
background:#fff;
border:0;
padding:19px 40px 26px;
-webkit-box-shadow:0 1px 10px rgba(0,0,0,.22);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.22);
box-shadow:0 1px 10px rgba(0,0,0,.22);
}
.profile .compare .compare-ttl{
font-size:30px;
line-height:34px;
margin-bottom:29px;
}
.profile .compare .compare-table th{
border-left:1px solid #fff;
border-bottom:1px solid #d6d6d6;
}
.profile .compare .compare-table td{
border-top:1px solid #d6d6d6;
border-left:1px solid #fff;
}
.compare{
background:#fff4ce;
border:1px solid #ffd957;
border-bottom:1px solid #ebc850;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
padding:28px 67px 39px;
-webkit-box-shadow:inset 0 -3px 0 #ebe1be;
-moz-box-shadow:inset 0 -3px 0 #ebe1be;
box-shadow:inset 0 -3px 0 #ebe1be;
}
.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 #d6cba5;
border-left:1px solid #fff4ce;
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 #d6cba5;
border-left:1px solid #fff4ce;
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;
}
.field-ico{
position:absolute;
right:-9px;
top:14px;
display:none;
}
.login-social-txt{
font-size:18px;
line-height:24px;
color:#333;
text-align:center;
padding:6px 0 35px;
}
.login-social-txt strong{
font-weight:500;
}
.btn-feedback-c{
text-align:center;
}
.btn-feedback{
display:inline-block;
background:#e3e3e3;
-webkit-box-shadow:inset 0 -3px 0 #cfcfcf;
-moz-box-shadow:inset 0 -3px 0 #cfcfcf;
box-shadow:inset 0 -3px 0 #cfcfcf;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:18px;
font-weight:500;
line-height:22px;
text-decoration:none;
color:#333;
padding:12px 36px 16px;
border: 0px;
cursor:pointer;
height:auto;
}
.btn-feedback:hover{
background:#dedede;
color:#333;
}
.reg-cont h1{
font:700 36px/36px 'Roboto', Arial, Helvetica, sans-serif;
color:#232323;
margin:0 0 30px;
text-align:center;
letter-spacing:-1px;
}
.reg-cont .thanks-date{
margin-bottom:10px;
}
.version-select{
float:right;
padding:2px 0 0;
}
.version-select .version-select-txt{
float:left;
font-size:13px;
margin:6px 10px 0 0;
}
.version-select .jquery-selectbox {
height:28px;
font-size:13px;
color:#333;
}
.version-select .jquery-selectbox .jquery-selectbox-currentItem {
padding:5px 0px 0px 9px;
}
.version-select .jquery-selectbox .jquery-selectbox-item {
display: block;
cursor: default;
padding:3px 0 3px 9px;
margin:0;
}
.version{
padding:0 0 21px;
}
.version .version-ttl{
font:500 18px/18px 'Roboto', Arial, Helvetica, sans-serif;
color:#232323;
position:relative;
padding:0 0 0 35px;
margin-bottom:20px;
}
.version .version-ttl img{
position:absolute;
left:0;
top:-1px;
}
.version ul{
margin:0 0 29px;
}
.version li{
line-height:22px;
margin:0;
padding:0 0 0 28px;
background:url(../img/ico-ver-point.png) no-repeat 8px 8px;
}
button.btn-pro {
min-width:150px;
border:10px red;
}
.center .payment .payment-type .prettyCheckbox .robokassa-txt{
display:inline-block;
font-size:14px;
font-weight:300;
line-height:15px;
position:relative;
}
.center .payment .payment-type .prettyCheckbox .robokassa-txt i{
display:inline-block;
font-style:normal;
border-bottom:1px dotted #232323;
line-height:15px;
}
.center .robokassa-popup{
position:absolute;
left:-232px;
top:37px;
background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 3px 15px rgba(51,51,51,.5);
-moz-box-shadow:0 3px 15px rgba(51,51,51,.5);
box-shadow:0 3px 15px rgba(51,51,51,.5);
width:468px;
font-size:12px;
font-weight:500;
line-height:12px;
color:#333;
padding:23px 11px 24px 13px;
z-index:100;
display:none;
}
.center .payment .payment-type .prettyCheckbox .robokassa-txt:hover .robokassa-popup{
display:block;
}
.center .robokassa-popup .robokassa-arrow{
position:absolute;
left:271px;
top:-16px;
}
.center .robokassa-popup .robokassa-logos{
text-align:center;
}
.center .robokassa-popup .robokassa-logos img{
display:block;
margin:0 auto;
}
.center .robokassa-popup .robokassa-logos .robokassa-ttl{
display:block;
margin:27px 0 7px;
}
.center .robokassa-popup .robokassa-logos .robokassa-ttl:first-child{
margin:0 0 7px;
}
.center .robokassa-popup .robokassa-logos .robokassa-cont{
display:block;
border-right:1px solid #d6d6d6;
height:152px;
}
.center .robokassa-popup .robokassa-logos1{
float:left;
width:110px;
}
.center .robokassa-popup .robokassa-logos2{
float:left;
width:110px;
}
.center .robokassa-popup .robokassa-logos3{
float:left;
width:141px;
}
.center .robokassa-popup .robokassa-logos4{
float:left;
width:104px;
}
.lite-help{
color:#232323;
margin:15px 0 4px;
}
.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;
}
.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;
}
.coupon-block {
width: 491px;
margin: 0px auto 9px;
}
.coupon-block .colored {
padding: 17px 0px 13px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
min-height: 44px;
}
.coupon-block .colored.blue {
background: url(../img/bg-str-blue.png) repeat left top;
}
.coupon-block .colored.green {
background: url(../img/bg-str-green.png) repeat left top;
}
.coupon-block .colored.error {
background: url(../img/bg-str-red.png) repeat left top;
}
.coupon-block .field-name {
color: #333333;
float: left;
font-size: 16px;
line-height: 24px;
padding: 8px 9px 0 0;
text-align: right;
width: 160px;
}
.coupon-block input {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #C5C7C9;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color: #333333;
font-size: 18px;
font-weight: 500;
height: 40px;
letter-spacing: -0.02em;
line-height: 18px;
padding: 0 11px;
width: 130px;
margin-right: 7px;
}
.coupon-block input.error {
background: #ffffff url(../img/coupon-error.png) no-repeat 126px 12px;
border: 2px solid #e63c00;
}
.coupon-block .error-text {
color: #e63c00;
padding: 4px 0px 0px 174px;
font: 500 18px/25px 'Roboto', Arial, Helvetica, sans-serif;
display: none;
}
.coupon-block .prim {
color: #747c81;
font: 300 12px/15px 'Roboto', Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 24px;
}
.coupon-block .btn-white {
background: none repeat scroll 0 0 #ffffff;
border: 0 none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-moz-box-shadow: 0 -3px 0 #cad5dd inset;
-webkit-box-shadow: 0 -3px 0 #cad5dd inset;
box-shadow: 0 -3px 0 #cad5dd inset;
color: #333333;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 300;
height: auto;
line-height: 19px;
padding: 11px 30px 16px;
text-decoration: none;
position: relative;
top: -3px;
}
.coupon-block .btn-white:hover, .coupon-block .btn-white:active {
cursor: pointer;
cursor: hand;
-moz-box-shadow: 0 -3px 0 #c5c7c9 inset;
-webkit-box-shadow: 0 -3px 0 #c5c7c9 inset;
box-shadow: 0 -3px 0 #c5c7c9 inset;
}
.coupon-block .number {
float: left;
padding: 7px 5px 0px 0px;
}
.coupon-block .number {
float: left;
padding: 10px 20px 0px 0px;
color: #333333;
font: 500 18px/18px 'Roboto', Arial, Helvetica, sans-serif;
}
.coupon-block .dop {
float: left;
padding: 12px 0px 0px 0px;
color: #333333;
font: 300 16px/16px 'Roboto', Arial, Helvetica, sans-serif;
}
.profile_menu_wrapper {
margin: 0px auto;
width: 1025px;
}
.profile_menu {
background: #ffffff;
/*padding: 15px 0px 17px 37px;*/
padding: 15px 0px 17px 22px;
color: #333333;
font: 300 14px/14px 'Roboto',Arial,Helvetica,sans-serif;
position: absolute;
width: 100%;
left: 0px;
top: 82px;
}
.profile_menu .m1 {
padding: 10px 10px 11px 42px;
float: left;
border: 2px solid #ffffff;
background: transparent url(../img/profile-menu-m1.png) no-repeat 13px 6px;
}
.profile_menu .m2 {
padding: 10px 10px 11px 42px;
float: left;
border: 2px solid #ffffff;
background: transparent url(../img/profile-menu-m2.png) no-repeat 11px 6px;
}
.profile_menu .m3 {
padding: 10px 10px 11px 42px;
float: left;
border: 2px solid #ffffff;
background: transparent url(../img/profile-menu-m3.png) no-repeat 11px 6px;
}
.profile_menu .m4 {
padding: 10px 10px 11px 42px;
float: left;
border: 2px solid #ffffff;
background: transparent url(../img/profile-menu-m4.png) no-repeat 11px 6px;
}
.profile_menu .m5 {
padding: 10px 10px 11px 42px;
float: right;
border: 2px solid #ffffff;
background: transparent url(../img/profile-menu-m5.png) no-repeat 11px 6px;
}
.profile_menu a {
text-decoration: none;
color: #333333;
}
.profile_menu .m1:hover, .profile_menu .m1:active, .profile_menu .m2:hover, .profile_menu .m2:active, .profile_menu .m3:hover, .profile_menu .m3:active, .profile_menu .m4:hover, .profile_menu .m4:active, .profile_menu .m5:hover, .profile_menu .m5:active {
border: 2px solid #999999;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.profile h1 a {
color: #333333;
text-decoration: none;
}
.profile h1 a:hover {
color: #333333;
text-decoration: none;
}
/* 404 & recowery */
.b404 {
margin: 0px auto;
width: 731px;
height: 487px;
background-color: transparent;
background-position: 0 0;
background-size: cover;
position: relative;
text-align: center;
z-index: 1800;
overflow: hidden;
}
.b404.b1bg {
background-image: url(../img/cp-block.jpg);
}
.b404.b2bg {
background-image: url(../img/cp-block2.jpg);
}
.b404-bg {
position: absolute;
width: 731px;
height: 487px;
top: 0px;
left: 0px;
z-index: 1900;
}
.b404-cont {
padding: 120px 120px 50px;
text-align: center;
position: relative;
z-index: 2000;
color: #ffffff;
}
.b404-title {
padding: 19px 0px 7px;
color: #ffffff;
font: 500 70px/70px 'Roboto', Arial, Helvetica, sans-serif;
}
.b404-text {
color: #ffffff;
font: 400 18px/24px 'Roboto', Arial, Helvetica, sans-serif;
letter-spacing: -0.1px;
}
.b404-dbtn {
padding: 51px 0px 15px;
}
.b404-dbtn .btn-404 {
padding: 12px 22px;
}
.bRecover {
width: 731px;
height: 487px;
position: relative;
margin: 0px auto;
z-index: 1800;
background-color: #000000;
}
.bRecover-bg {
width: 731px;
height: 487px;
position: absolute;
z-index: 1900;
top: 0px;
left: 0px;
background-color: transparent;
background-position: 0 0;
background-size: cover;
}
.bRecover-bg.b1bg {
background-image: url(../img/cp-block.jpg);
}
.bRecover-bg.b2bg {
background-image: url(../img/cp-block2.jpg);
}
.bRecover-cont {
text-align: center;
padding: 120px 120px 0px;
position: relative;
z-index: 2000;
}
.bRecover-title {
color: #ffffff;
font: 500 24px/24px 'Roboto', Arial, Helvetica, sans-serif;
padding: 6px 0px 19px;
}
.bRecover-cont p {
color: #ffffff;
font: 300 18px/24px 'Roboto', Arial, Helvetica, sans-serif;
margin: 0px;
letter-spacing: -0.7px;
}
.bRecover-cont p a {
color: #ffffff;
text-decoration: underline;
}
.bRecover-cont p a:hover {
color: #ffffff;
text-decoration: none;
}
.recover-btn2 {
padding: 31px 0px 23px;
}
.recover-btn2 a {
display:inline-block;
position:relative;
background:#2bb24c url(../img/ico-restore.png) no-repeat 26px 13px;
border-bottom:3px solid #179e38;
font-size:18px;
font-weight:500;
line-height:22px;
color:#fff;
text-decoration:none;
padding:11px 25px 11px 54px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
text-align:left;
}
.recover-btn2 a:hover{
background-color:#07a72e;
color:#fff;
border-bottom:3px solid #068926;
}
.bRecover-dbtn {
margin: 72px auto 0px;
text-align: center;
}
.bCont {
position: relative;
clear: both;
height: 0px;
width: 100%;
margin: 0px;
overflow: hidden;
}
.bPopup-hover {
position: absolute;
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;
}
.bPopup-cont {
position: relative;
width: 464px;
height: 200px;
text-align: center;
background-color: #f3f3f3;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding: 57px 20px 0px;
margin: 0px auto;
display: none;
}
@media (max-width: 960px) {
.bPopup-cont {
margin: 0px 235px 0px 234px;
}
}
.bPopup-title {
color: #333333;
font: 500 20px/24px Roboto, sans-serif;
letter-spacing: -0.01em;
padding-bottom: 10px;
}
.bPopup-text {
color: #000000;
font: 300 14px/18px Roboto, sans-serif;
margin-bottom: 12px;
}
.bPopup-close {
position: absolute;
top: 13px;
right: 13px;
}
.bPopup-close:hover {
cursor: pointer;
cursor: hand;
}
.bPopup-btnnext {
display:inline-block;
position:relative;
background:#2bb24c;
border-bottom:3px solid #179e38;
font-size:18px;
font-weight:500;
line-height:22px;
color:#fff;
text-decoration:none;
padding:12px 29px 13px 29px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
text-align:left;
margin-top: 18px;
}
.bPopup-btnnext:hover{
background-color:#07a72e;
color:#fff;
border-bottom:3px solid #068926;
cursor: pointer;
cursor: hand;
}
.bPopup-recover {
position: absolute;
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;
}
.bPopup-recover .bPopup-cont {
height: 207px;
padding: 40px 20px 0px;
}
.bPopup-btnpro{
background:#ff7800;
-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: 10px 0 0 10px;
display: inline-block;
border:1px solid #ff7800;
border-bottom: 3px solid #db6700;
}
.bPopup-btnpro:hover{
background:#ff9c00;
color:#fff;
border:1px solid #ff9c00;
border-bottom: 3px solid #df8800;
}
/* /404 & recowery */
.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.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 .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;
}