@charset "utf-8";
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
label,
button,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  vertical-align: baseline;
  color: #333333;
}
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html,
body {
  height: 100%;
}
body {
  opacity: 0;
  background: #FFF;
  overflow-x: hidden !important;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  resize: none;
  margin: 0;
}
h1,
h2,
h3 {
  text-align: center;
}
a {
  color: #1abfc8;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a span {
  color: #1abfc8;
}
.register_box a span {
  color: #fff;
}
input:focus,
textarea:focus,
button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
body.static {
  height: 101%;
  overflow-x: hidden;
}
body.static .logo img {
  margin: 0 0 0 8px;
}
body.static .content {
  height: auto;
}
body.static .content.desktop {
  margin: 30px 0px 0 8px;
}
body.static .content .app_inner {
  vertical-align: top;
}
body.static .footer_box {
  position: static;
  margin: 35px 0 0 8px;
}
body.static .dropzone {
  display: none !important;
}
body.static.is-mobile .logo img {
  margin: 0;
}
body.static.is-mobile .footer_box {
  margin: 35px 0 0 0;
}
/*** Content CSS ***/
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
*::selection {
  background: transparent;
}
*::-o-selection {
  background: transparent;
}
*::-moz-selection {
  background: transparent;
}
*::-webkit-selection {
  background: transparent;
}
.top_h1 span,
.top_h2 span,
.cont_wrap h1,
.cont_wrap h2,
.cont_wrap p,
.transferring,
input,
textarea {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.top_h1 span::selection,
.top_h2 span::selection,
.cont_wrap h1::selection,
.cont_wrap h2::selection,
.cont_wrap p::selection,
.transferring::selection,
input::selection,
textarea::selection {
  background: #17bed0;
  color: #fff;
}
.top_h1 span::-o-selection,
.top_h2 span::-o-selection,
.cont_wrap h1::-o-selection,
.cont_wrap h2::-o-selection,
.cont_wrap p::-o-selection,
.transferring::-o-selection,
input::-o-selection,
textarea::-o-selection {
  background: #17bed0;
  color: #fff;
}
.top_h1 span::-moz-selection,
.top_h2 span::-moz-selection,
.cont_wrap h1::-moz-selection,
.cont_wrap h2::-moz-selection,
.cont_wrap p::-moz-selection,
.transferring::-moz-selection,
input::-moz-selection,
textarea::-moz-selection {
  background: #17bed0;
  color: #fff;
}
.top_h1 span::-webkit-selection,
.top_h2 span::-webkit-selection,
.cont_wrap h1::-webkit-selection,
.cont_wrap h2::-webkit-selection,
.cont_wrap p::-webkit-selection,
.transferring::-webkit-selection,
input::-webkit-selection,
textarea::-webkit-selection {
  background: #17bed0;
  color: #fff;
}
#app .cont_wrap .app_btn {
  display: none;
}
.overlayed {
  overflow: hidden;
}
.overlayed .header {
  z-index: 0;
}
.overlayed .header,
.overlayed #app {
  padding-right: 17px;
}
.overlayed.is-mobile .header,
.overlayed.is-mobile #app {
  padding-right: 0;
}
.mob_overlayed {
  overflow: hidden;
}
.header {
  width: 100%;
  padding-top: 30px;
}
.logo {
  display: block;
  width: 152px;
  height: 84px;
  margin: 0 auto;
}
.logo_mask {
  width: 152px;
  height: 84px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -76px;
  text-indent: -6745px;
}
.content {
  display: table;
  width: 100%;
  height: 100%;
  margin-top: -139px;
}
.app_inner {
  display: table-cell;
  vertical-align: middle;
}
.box {
  width: 100%;
  margin: 0 auto 55px auto;
}
#upload-widget {
  margin-bottom: 0;
}
.heading_box {
  min-height: 114px;
}
body #app div.crypto {
  display: none;
}
.top_h1 {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -1px;
  padding: 15px 10px 1px 10px;
  cursor: default;
}
.top_h1 .crypto {
  display: none;
}
.top_h2 {
  font-size: 24px;
  font-weight: 100;
  letter-spacing: -1px;
  padding: 0 10px 31px 10px;
  overflow: hidden;
  cursor: default;
}
.top_h2 .crypto {
  display: none;
  line-height: 20px;
}
.anim_underline {
  text-decoration: none;
}
.anim_underline i {
  height: 1px;
  width: 100%;
  background-color: #10BEC7;
  display: block;
  margin: 0 auto;
}
.link_text {
  display: table;
  margin: 0 auto;
  color: #1abfc8;
}
.form_wrap {
  display: table;
  width: 100%;
  max-width: 1037px;
  margin: 0 auto;
  padding: 0 20px;
}
.show_crypto_pass {
  float: left;
  width: 100%;
  max-width: 520px;
  color: #1ABFC8;
  margin: 0 0 6px 0;
}
.show_crypto_pass a,
.show_crypto_pass div.fill {
  float: left;
  padding: 2px 0 0 0;
  text-decoration: none;
}
.show_crypto_pass a img,
.show_crypto_pass div.fill img {
  position: absolute;
}
.show_crypto_pass a span,
.show_crypto_pass div.fill span {
  margin: 0 0 0 25px;
}
.show_crypto_pass a.act,
.show_crypto_pass a.disable_crypto {
  text-indent: -25px;
  margin: 0 0 0 25px;
}
.show_crypto_pass div.fill {
  cursor: default;
  padding-bottom: 1px;
}
.show_crypto_pass a.disable_crypto {
  color: #333;
}
.show_crypto_pass a.disable_crypto i {
  background-color: #848484;
}
.crypto_info {
  float: left;
  width: 28px;
  height: 18px;
  margin: 4px 0 0 0;
  padding-left: 10px;
  position: relative;
  cursor: pointer;
  z-index: 5;
}
.crypto_info img {
  padding-bottom: 8px;
}
.crypto_info.hovered {
  width: 43px;
}
.crypto_info.hovered .on {
  width: 33px;
  padding-right: 15px;
}
.crypto_explain {
  display: none;
  position: absolute;
  top: 3px;
  right: 100%;
  height: 100%;
  width: 100%;
  margin: 0 41px 0 0;
  max-height: 374px;
  text-align: center;
  overflow: hidden;
  z-index: 10;
}
.crypto_explain .inner {
  height: 100%;
  padding: 20px;
  background-color: #FFF;
}
.crypto_explain .inner img {
  width: 78px;
  margin: 20px auto 16px auto;
}
.crypto_explain .inner img.enable {
  cursor: pointer;
}
.crypto_explain .h1 {
  font-size: 23px;
  line-height: 28px;
  padding: 0 30px;
}
.crypto_explain .h2 {
  font-size: 19px;
  font-weight: 400;
}
.crypto_explain ul {
  display: table;
  text-align: left;
  margin: 25px auto 0 auto;
}
.crypto_explain ul li {
  padding: 0 0 4px 15px;
  background: url(//pcdn-transfer.pcloud.com/img/green_bullet.png) no-repeat 0px 6px transparent;
}
.crypto_explain .close_explain {
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px 16px 0 0;
  cursor: pointer;
}
.crypto_explain .close_explain img {
  width: 24px;
  height: 24px;
  margin: 0;
}
.mobile .mob_modal {
  border-radius: 4px;
}
.mobile .mob_modal .close_modal {
  display: block !important;
}
.close_modal {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 10px 10px 0 0;
  cursor: pointer;
  z-index: 10;
}
.left_box,
.right_box {
  float: left;
  width: 50%;
}
.left_box {
  height: 376px;
  max-width: 478px;
  position: relative;
  border: 1px solid #e8e8e8;
}
.left_box_in,
.top-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.left_box_in {
  z-index: 2;
}
.left_box_in .add_files_btn {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.left_box_in .add_files_btn a {
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.03);
}
.left_box i.tl,
.left_box i.tr,
.left_box i.bl,
.left_box i.br {
  position: absolute;
  height: 10px;
  width: 10px;
  z-index: 1;
  border-color: #bbb;
  border-style: solid;
}
.left_box i.tl.tl,
.left_box i.tr.tl,
.left_box i.bl.tl,
.left_box i.br.tl {
  top: -1px;
  left: -1px;
  border-top-width: 1px;
  border-left-width: 1px;
}
.left_box i.tl.tr,
.left_box i.tr.tr,
.left_box i.bl.tr,
.left_box i.br.tr {
  top: -1px;
  right: -1px;
  border-top-width: 1px;
  border-right-width: 1px;
}
.left_box i.tl.bl,
.left_box i.tr.bl,
.left_box i.bl.bl,
.left_box i.br.bl {
  left: -1px;
  bottom: -1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
}
.left_box i.tl.br,
.left_box i.tr.br,
.left_box i.bl.br,
.left_box i.br.br {
  right: -1px;
  bottom: -1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.disable_form {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
  z-index: 5;
}
.btn {
  color: #1abfc8;
  display: block;
  width: 100%;
  font-weight: 500;
  height: 47px;
  padding: 13px 0;
  text-align: center;
  letter-spacing: -0.5px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}
.btn:hover,
.btn:focus {
  outline: none;
}
.btn_blue,
.btn_green,
.btn_red,
.btn_orange {
  color: #FFF;
}
.btn_blue span,
.btn_green span,
.btn_red span,
.btn_orange span {
  color: #FFF;
}
.btn_orange {
  background-color: #fba228;
  border: 1px solid #fba228;
  margin: 43px auto 53px auto;
}
.btn_orange:hover,
.btn_orange:focus {
  background-color: #fb960d;
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
}
.btn_blue {
  background-color: #1bcad4;
}
.btn_blue:hover,
.btn_blue:focus {
  background-color: #1abfc8;
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
}
.btn_light {
  border: 1px solid #BCECF1;
  background-color: #F4FCFD;
  color: #17bed0;
}
.btn_green {
  background-color: #88cc17;
  color: #FFF !important;
}
.btn_green:hover,
.btn_green:focus {
  background-color: #82c216;
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
}
.btn_red {
  background-color: #ff4d4d;
  margin: 43px auto 53px auto;
}
.btn_red:hover,
.btn_red:focus {
  background-color: #f14343;
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
}
.btn_gray {
  color: #dbdbdb;
  letter-spacing: 0px;
  background-color: #f4f4f4;
  margin: 43px auto 53px auto;
  -moz-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.02);
}
.btn_white {
  color: #1abfc8;
  background-color: #FFF;
}
.btn_white span {
  color: #1abfc8;
}
.btn_white i {
  background-color: #1abfc8;
}
.btn_xmas {
  color: #FFF;
  background-color: #e84a5f;
}
.butt.modernbut.fb div {
  color: #FFF;
}
.tabled {
  display: table;
  width: inherit;
  margin-left: auto;
  margin-right: auto;
}
.inlined {
  width: inherit;
  display: inline-block;
}
.desktop .reveal_anim,
.desktop .slideup_anim,
.desktop .list-view .encrypt .ico,
.desktop .list-view .encrypt .locked_ico {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.copy-to-pcloud {
  box-shadow: none;
}
.copy-to-pcloud span {
  color: #1abfc8;
}
.add-files.add_files_ico {
  width: 114px;
  height: 118px;
  display: block;
  padding-left: 17px;
  border: none;
  margin: 62px auto 29px auto;
  position: relative;
}
.add-files.add_files_ico .circle {
  width: 38px;
  height: 38px;
  position: absolute;
  border-radius: 50%;
  bottom: 4px;
  right: 0;
  background-color: #1abfc8;
}
.add-files.add_files_ico .plus_sign {
  position: absolute;
  right: 10px;
  bottom: 14px;
}
.add-files {
  font-size: 17px;
  text-transform: none;
  border-top: 1px solid #e8e8e8;
}
.add-files.more {
  position: absolute;
  bottom: 0;
}
.desktop .reveal_anim,
.desktop .slideup_anim {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.desktop .reveal_anim {
  -webkit-animation-name: revealAnimation;
  animation-name: revealAnimation;
}
@-webkit-keyframes revealAnimation {
  0% {
    -webkit-transform: translate(0%, -100%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
  }
}
@-moz-keyframes revealAnimation {
  0% {
    -moz-transform: translate(0%, -100%);
  }
  100% {
    -moz-transform: translate(0%, 0%);
  }
}
@-o-keyframes revealAnimation {
  0% {
    -o-transform: translate(0%, -100%);
  }
  100% {
    -o-transform: translate(0%, 0%);
  }
}
@-ms-keyframes revealAnimation {
  0% {
    -ms-transform: translate(0%, -100%);
  }
  100% {
    -ms-transform: translate(0%, 0%);
  }
}
@keyframes revealAnimation {
  0% {
    transform: translate(0%, -100%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.desktop .slideup_anim {
  -webkit-animation-name: slideUpAnimation;
  animation-name: slideUpAnimation;
}
@-webkit-keyframes slideUpAnimation {
  0% {
    -webkit-transform: translate(0%, 100%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
  }
}
@-moz-keyframes slideUpAnimation {
  0% {
    -moz-transform: translate(0%, 100%);
  }
  100% {
    -moz-transform: translate(0%, 0%);
  }
}
@-o-keyframes slideUpAnimation {
  0% {
    -o-transform: translate(0%, 100%);
  }
  100% {
    -o-transform: translate(0%, 0%);
  }
}
@-ms-keyframes slideUpAnimation {
  0% {
    -ms-transform: translate(0%, 100%);
  }
  100% {
    -ms-transform: translate(0%, 0%);
  }
}
@keyframes slideUpAnimation {
  0% {
    transform: translate(0%, 100%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.drag_txt,
.drag_txt.more {
  color: #B6B6B6;
  text-align: center;
  margin: 22px 0 0 0;
  cursor: default;
  font-weight: 100;
}
.drag_txt.more {
  padding-bottom: 20px;
}
#selected-files {
  height: 100%;
  position: relative;
}
#selected-files .selected-files-info {
  padding: 7px 10px 8px 10px;
  border-bottom: 1px solid #e8e8e8;
}
#selected-files .selected-files-info div {
  display: inline-block;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
}
#selected-files .selected-files-info .files_count {
  color: #999;
  font-size: 15px;
  cursor: default;
}
#selected-files .selected-files-info .files_size {
  float: right;
  max-width: 65px;
  color: #8a8a8a;
  cursor: default;
  text-align: right;
  padding-top: 2px;
}
#selected-files .selected-files-info .files_size.file_exceeds {
  color: #f1300e;
}
#selected-files .selected-files-info .files_clear {
  float: right;
  width: 24px;
  font-size: 15px;
  cursor: pointer;
  margin: -2px 4px 0 16px;
}
#selected-files .selected-files-info .files_clear img {
  max-width: 22px;
}
.tipped {
  color: #fff;
  width: 100%;
  max-width: 400px;
  position: absolute;
  padding: 10px 20px;
  margin: 16px 0 0 0;
  text-align: center;
  font-weight: 100;
  font-size: 14px;
  left: 20px;
  top: 31px;
  white-space: normal;
  text-overflow: clip;
  word-break: break-word;
  word-wrap: break-word;
  hyphens: auto;
  -ms-hyphens: auto;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 1px 1.5px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1.5px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1.5px 3px rgba(0, 0, 0, 0.3);
}
.tipped b {
  background: url(//pcdn-transfer.pcloud.com/img/tooltip_arrow_top.png);
  display: block !important;
  position: absolute;
  width: 15px;
  height: 7px;
  top: -7px;
  left: 50%;
  margin: 0 0 0 -7.5px;
}
.list-view {
  position: relative;
  margin: 0 auto;
  min-height: 292px;
  max-height: 292px;
  overflow: hidden;
  background-color: #fafafa;
}
.list-view .ico {
  background: url(//pcdn-transfer.pcloud.com/img/icons/0.png) no-repeat 4px center transparent;
  position: absolute;
  background-position: left center;
  background-size: contain;
  top: 8px;
  left: 7px;
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.list-view .locked_ico {
  display: none;
}
.list-view .encrypt .ico {
  -webkit-animation-name: fadeFileIco;
  animation-name: fadeFileIco;
}
.list-view .encrypt .locked_ico {
  -webkit-animation-name: showLockedIco;
  animation-name: showLockedIco;
}
.list-view .encrypt_no_anim .ico {
  opacity: 0.5;
}
.list-view li {
  position: relative;
  height: 42px;
  padding: 12px 0 14px 38px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.5px;
  cursor: default;
}
.list-view li:hover {
  background-color: #fff;
}
.list-view li:hover > .action-delete {
  background: url(//pcdn-transfer.pcloud.com/img/close-over.png) no-repeat 13px center transparent;
}
.list-view li b {
  display: none;
}
.list-view li span {
  width: auto;
  max-width: none;
  display: inline-block;
}
.list-view li span.long {
  max-width: 278px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-view li i {
  float: right;
  color: #8a8a8a;
  font-style: normal;
  font-weight: 400;
  width: 100%;
  max-width: 80px;
  padding: 0 0 0 0;
  margin: 0 54px 0 0;
  text-align: right;
}
.list-view li a.action-delete {
  background: url(//pcdn-transfer.pcloud.com/img/close-dark.png) no-repeat 13px center transparent;
  display: block;
  position: absolute;
  width: 100%;
  max-width: 46px;
  height: 41px;
  top: 0;
  right: 0;
}
.list-view li a.action-delete:hover {
  background: url(//pcdn-transfer.pcloud.com/img/close-over.png) no-repeat 13px center transparent;
}
.mobile .image_hover img,
.desktop .image_hover img {
  float: left;
}
.mobile .image_hover .on,
.desktop .image_hover .on {
  display: none;
}
.desktop .image_hover:hover > .on {
  display: block;
}
.desktop .image_hover:hover > .off {
  display: none;
}
.mobile .image_hover.hovered .on {
  display: block;
}
.mobile .image_hover.hovered .off {
  display: none;
}
.right_box .right_box_in {
  min-height: 376px;
  margin-top: -2px;
  margin-left: 40px;
  position: relative;
}
.right_box .right_box_in.disabled #recipients,
.right_box .right_box_in.disabled .from_row,
.right_box .right_box_in.disabled #begin-transfer,
.right_box .right_box_in.disabled .msg_row {
  opacity: 0.5;
}
.right_box .right_box_in.disabled label b {
  color: #A0A0A0;
}
.right_box .input_row {
  float: left;
  width: 100%;
  max-width: 502px;
  position: relative;
  padding-bottom: 19px;
}
.right_box .input_row#recipients {
  padding-bottom: 0;
}
.right_box input,
.right_box textarea {
  padding: 0 0 10px 0;
  width: 100%;
  max-height: 42px;
  font-size: 15px;
  font-weight: 100;
  -webkit-user-modify: read-write-plaintext-only;
  background-color: #FFF;
}
.right_box input::-webkit-input-placeholder,
.right_box textarea::-webkit-input-placeholder {
  color: #c8c8c8;
}
.right_box input:-moz-placeholder,
.right_box textarea:-moz-placeholder {
  color: #c8c8c8;
}
.right_box input::-moz-placeholder,
.right_box textarea::-moz-placeholder {
  color: #c8c8c8;
}
.right_box input:-ms-input-placeholder,
.right_box textarea:-ms-input-placeholder {
  color: #c8c8c8;
}
.right_box input:-webkit-autofill,
.right_box textarea:-webkit-autofill,
.right_box input:-webkit-autofill:hover,
.right_box textarea:-webkit-autofill:hover,
.right_box input:-webkit-autofill:focus,
.right_box textarea:-webkit-autofill:focus,
.right_box input:-webkit-autofill:active,
.right_box textarea:-webkit-autofill:active {
  -webkit-transition: background-color 1000s ease-in-out 0s;
  transition: background-color 1000s ease-in-out 0s;
}
.right_box textarea {
  font-family: "Roboto";
  padding: 0;
  margin: 0 0 7px 0;
  height: 18px;
  min-height: 18px;
  overflow: hidden;
  max-height: 54px;
  border: none;
}
.right_box label {
  line-height: 100%;
  float: left;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  padding: 0 0 18px 0;
}
.right_box label b {
  color: #1bc5cd;
  font-size: 16px;
}
.right_box label .error {
  display: none;
}
.right_box .explain {
  float: right;
  margin-bottom: -3px;
  font-weight: 400;
  color: #AFAFAF;
  line-height: 16px;
  font-size: 13px;
  font-style: italic;
}
.right_box #sendermail::-ms-clear,
.right_box .combo-contain input::-ms-clear {
  display: none;
}
.clear_sender {
  display: none;
  position: absolute;
  bottom: 32px;
  right: 0;
  padding: 0 0 0 10px;
  cursor: pointer;
}
.border,
.h1_border {
  width: 100%;
  height: 1px;
  clear: both;
  background-color: #D4D4D4;
}
.border_hover {
  width: 0%;
  height: 1px;
  clear: both;
  margin: -1px auto 0 auto;
  background-color: #10BEC7;
}
#begin-transfer {
  position: absolute;
  max-width: 458px;
  bottom: -1px;
}
/*** COMBO EMAILS ***/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.combo-contain {
  float: left;
  background: #fff;
  position: relative;
  margin: 0 0 5px 0;
  padding: 7px 0 0 0;
  cursor: text;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.combo-contain input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
}
#recipients label {
  padding-bottom: 10px;
}
.combo-wrap {
  max-width: 100%;
  display: inline-block;
  float: left;
  cursor: default;
}
.combo-wrap input {
  float: left;
  line-height: 12px;
  height: 29px;
  margin: 0;
  max-width: 100%;
  border: none;
  display: none;
}
.combo-wrap input:focus {
  outline: none;
}
.combo-wrap input::-webkit-input-placeholder {
  font-size: 16px;
}
.combo-wrap input:-moz-placeholder {
  font-size: 16px;
}
.combo-wrap input::-moz-placeholder {
  font-size: 16px;
}
.combo-wrap input:-ms-input-placeholder {
  font-size: 16px;
}
.combo-res {
  background: #FFF;
  display: inline-block;
  float: left;
  margin: 2px 0 0 0;
  font-size: 15px;
  font-weight: 100;
}
.combo-res .rem {
  background: url(//pcdn-transfer.pcloud.com/img/close_email.png) no-repeat center 2px transparent;
  width: 9px;
  height: 15px;
  display: inline-block;
  cursor: pointer;
  margin: 0 12px 0 6px;
}
.combo-res .rem:hover {
  background: url(//pcdn-transfer.pcloud.com/img/close_email_hover.png) no-repeat center 2px transparent;
}
.combo-contain-inner {
  max-height: 71px;
  overflow: hidden;
  position: relative;
}
.combo-contain-inner .ps-scrollbar-y-rail {
  display: block!important;
  opacity: 1!important;
  right: 0!important;
  width: 5px !important;
  z-index: 1;
}
.combo-contain-inner .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  background-color: #d4d4d4;
}
.secure-transfer-toggle {
  position: absolute;
  right: 100%;
  top: 3px;
  height: 100%;
  width: 100%;
  margin: 0 41px 0 0;
  max-height: 374px;
  z-index: 2;
  overflow: hidden;
}
.secure-transfer-toggle .inner {
  background: #fff;
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 77px 40px 40px 40px;
}
.secure-transfer-toggle .close_secure {
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px 16px 0 0;
  cursor: pointer;
}
.secure-transfer-toggle .border_hover {
  background-color: #85c616;
}
.secure-transfer-toggle .go_secure {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  border-top: 1px solid #E2E2E2;
}
.secure-transfer-toggle .go_secure a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 13px 0;
}
.secure-transfer-toggle .go_secure .link_text,
.secure-transfer-toggle .go_secure .link_text span {
  font-size: 17px;
  color: #85c616;
}
.secure-transfer-toggle .go_secure .anim_underline i {
  background-color: #85c616;
}
.combo-wrap pre {
  display: none;
}
.combo-wrap.edit pre {
  display: block;
}
.combo-wrap.edit input {
  display: block;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 15px;
  font-weight: 100;
  line-height: 17px;
}
.combo-wrap.edit input::-webkit-input-placeholder {
  font-weight: 100;
}
.combo-wrap.edit input:-moz-placeholder {
  font-weight: 100;
}
.combo-wrap.edit input::-moz-placeholder {
  font-weight: 100;
}
.combo-wrap.edit input:-ms-input-placeholder {
  font-weight: 100;
}
.combo-wrap.edit .combo-res {
  display: none;
}
.combo-res .rem:hover {
  opacity: 1;
}
.combo-res span {
  height: 17px;
  line-height: 16px;
  display: inline-block;
}
.combo-res span.text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 342px;
}
.crypto_pass_opened #begin-transfer {
  background-color: #DADADA;
}
.crypto_pass_opened .secure-transfer-toggle label b {
  color: #85c616;
}
.footer_box {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.footer_box .sep {
  width: 40px;
  height: 1px;
  margin: 0 auto 15px auto;
  background-color: #1abfc8;
}
.footer_box .inner {
  color: #999;
  font-size: 14px;
  font-weight: 100;
  padding: 0 20px;
}
.footer_box .inner a,
.footer_box .inner span {
  color: #333333;
  display: inline-block;
}
.footer_box .social {
  margin: 25px auto;
}
.footer_box .social a {
  display: inline-block;
  width: 32px;
  margin: 0 4px;
  text-decoration: none;
}
.footer_box .anim_underline {
  display: inline-block;
  text-decoration: none;
}
.footer_box .anim_underline i {
  background-color: #333;
}
.lang_box {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 0 0 0 10px;
}
.lang_box .chosen {
  font-weight: 500;
}
.lang_box .langs-wrapper {
  position: absolute;
  bottom: 0;
  right: 0px;
  padding-bottom: 25px;
}
.lang_box .set-lang {
  width: 100%;
  margin: 3px 0;
}
.lang_box .set-lang .name {
  float: left;
}
.lang_box .flag {
  background-image: url(//pcdn-transfer.pcloud.com/img/lang-sprite.png);
  float: right;
  width: 16px;
  height: 13px;
  margin: 2px 0 0 8px;
  border: 1px solid #f4f4f4;
}
.lang_box .flag.bg {
  background-position: 0 -14px;
}
.lang_box .flag.tr {
  background-position: 0 -28px;
}
.lang_box .flag.es {
  background-position: 0 -42px;
}
.lang_box .flag.ru {
  background-position: 0 -56px;
}
.lang_box .flag.zh {
  background-position: 0 -70px;
}
.lang_box .flag.de {
  background-position: 0 -84px;
}
.lang_box .flag.it {
  background-position: 0 -98px;
}
.lang_box .flag.fr {
  background-position: 0 -112px;
}
.lang_box .flag.pt {
  background-position: 0 -126px;
}
.lang_box .flag.fa {
  background-position: 0 -140px;
}
.lang_box .flag-langs {
  margin-left: 8px;
  vertical-align: top;
}
.lang_box ul {
  display: none;
  width: 115px;
  /*position: absolute;
        bottom: 24px;
        right: -11px;*/
  padding: 5px 10px;
  background-color: #FFF;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.15);
}
.lang_box ul li {
  float: left;
  clear: both;
  width: 100%;
  font-size: 13px;
  margin: 0 0 8px 0;
  text-align: left;
  cursor: pointer;
}
.lang_box ul li:hover {
  font-weight: 500;
}
.lang_box ul li.active {
  color: #fff;
  background-color: #00B1BB;
}
.lang_box ul li.fa:hover,
.lang_box ul li.zh:hover {
  font-weight: 600;
}
.lang_box ul li span {
  color: #000 !important;
}
.lang_box b {
  background-image: url(//pcdn-transfer.pcloud.com/img/lang-sprite.png);
  float: right;
  width: 16px;
  height: 13px;
  margin: 2px 0 0 8px;
  border: 1px solid #f4f4f4;
}
.lang_box .bg b {
  background-position: 0 -14px;
}
.lang_box .tr b {
  background-position: 0 -28px;
}
.lang_box .es b {
  background-position: 0 -42px;
}
.lang_box .ru b {
  background-position: 0 -56px;
}
.lang_box .zh b {
  background-position: 0 -70px;
}
.lang_box .de b {
  background-position: 0 -84px;
}
.lang_box .it b {
  background-position: 0 -98px;
}
.lang_box .fr b {
  background-position: 0 -112px;
}
.lang_box .pt b {
  background-position: 0 -126px;
}
.lang_box .fa b {
  background-position: 0 -140px;
}
.lang_box .current_lang {
  cursor: default;
  padding: 15px 0 0 0;
}
.lang_box .current_lang li {
  list-style-type: none;
}
.list-view li {
  background-repeat: no-repeat;
}
.list-view li.image .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/1.png);
}
.list-view li.video .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/2.png);
}
.list-view li.audio .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/3.png);
}
.list-view li.document .ico,
.list-view li.txt .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/4.png);
}
.list-view li.archive .ico,
.list-view li.zip .ico,
.list-view li.zipx .ico,
.list-view li.rar .ico,
.list-view li.tar .ico,
.list-view li.gz .ico,
.list-view li.lz .ico,
.list-view li.tar.gz .ico,
.list-view li.tgz .ico,
.list-view li.a .ico,
.list-view li.xz .ico,
.list-view li.z .ico,
.list-view li.zz .ico,
.list-view li.zpaq .ico,
.list-view li.ar .ico,
.list-view li.shar .ico,
.list-view li.mar .ico,
.list-view li.s7z .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/5.png);
}
.list-view li.doc .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/6.png);
}
.list-view li.potx .ico,
.list-view li.pps .ico,
.list-view li.ppsx .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/7.png);
}
.list-view li.xlsx .ico,
.list-view li.xlsm .ico,
.list-view li.xlsb .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/8.png);
}
.list-view li.pdf .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/9.png);
}
.list-view li.pages .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/10.png);
}
.list-view li.key .ico,
.list-view li.key-tef .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/11.png);
}
.list-view li.numbers .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/12.png);
}
.list-view li.odt .ico,
.list-view li.ott .ico,
.list-view li.rtf .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/13.png);
}
.list-view li.ods .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/14.png);
}
.list-view li.ppt .ico,
.list-view li.pptx .ico,
.list-view li.pptm .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/15.png);
}
.list-view li.exe .ico,
.list-view li.apk .ico,
.list-view li.app .ico,
.list-view li.ipa .ico,
.list-view li.msi .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/16.png);
}
.list-view li.html .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/18.png);
}
.list-view li.folder .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/20.png);
}
.list-view li.azw3 .ico,
.list-view li.epub .ico,
.list-view li.mobi .ico,
.list-view li.ibooks .ico,
.list-view li.azw .ico,
.list-view li.orb .ico,
.list-view li.txtz .ico,
.list-view li.ebk .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/21.png);
}
.list-view li.app .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/22.png);
}
.list-view li.dmg .ico {
  background-image: url(//pcdn-transfer.pcloud.com/img/icons/23.png);
}
.encrypted .btn,
.encrypted a span {
  color: #88cc17;
}
.encrypted .cookie_consent_holder a span {
  color: #fff;
}
.encrypted .cookie_consent_holder a span[data-translate="learn_more_cookie_policy"] {
  color: #1abfc8;
}
.encrypted .right_box label b {
  color: #88cc17;
}
.encrypted .list-view .encrypt .locked_ico,
.encrypted .list-view .encrypt_no_anim .locked_ico {
  display: block;
  width: 10px;
  height: 11px;
  position: absolute;
  top: 24px;
  left: 24px;
  background: url(//pcdn-transfer.pcloud.com/img/file_locked.png) no-repeat 0 0 transparent;
}
.encrypted .s_btn.active {
  background-color: #88cc17;
  border-color: #82c216;
}
.encrypted .add-files .link_text,
.encrypted .reg_box .register_box .input_row label b {
  color: #88cc17;
}
.encrypted .add-files .link_text i,
.encrypted .add-files.add_files_ico .circle,
.encrypted .show_crypto_pass .disable_crypto i {
  background-color: #88cc17;
}
.encrypted .border_hover {
  background-color: #79C100;
}
.encrypted #app div.normal,
.encrypted #app img.normal,
.encrypted #app p.normal,
.encrypted #app span.normal,
.encrypted #app a.normal {
  display: none;
}
.encrypted #app div.crypto,
.encrypted #app img.crypto,
.encrypted #app p.crypto,
.encrypted #app span.crypto,
.encrypted #app a.crypto {
  display: table;
}
.encrypted .crypto {
  margin: 0 auto;
}
.encrypted .add-files.add_files_ico .crypted {
  display: block !important;
}
.encrypted .msg_locked {
  display: inline-block !important;
  margin: 0 0 0 5px;
  opacity: 0.6;
}
.encrypted .show_crypto_pass .toggle.mob .yes_encrypt {
  display: none;
}
.encrypted .show_crypto_pass .toggle.mob img {
  left: 2px;
}
.encrypted .show_crypto_pass .toggle.mob .no_encrypt {
  color: #333;
  display: block !important;
}
.encrypted .show_crypto_pass .toggle.mob .btn_switch {
  left: 16px;
}
.encrypted .cancel-no span {
  color: #88cc17;
}
.encrypted .cancel-no span i {
  background-color: #88cc17;
}
@-webkit-keyframes showLockedIco {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes showLockedIco {
  0% {
    -moz-transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes showLockedIco {
  0% {
    -o-transform: scale(0);
  }
  100% {
    -o-transform: scale(1);
  }
}
@-ms-keyframes showLockedIco {
  0% {
    -ms-transform: scale(0);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@keyframes showLockedIco {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes fadeFileIco {
  0% {
    -webkit-opacity: 1;
  }
  100% {
    -webkit-opacity: 0.5;
  }
}
@-moz-keyframes fadeFileIco {
  0% {
    -moz-opacity: 1;
  }
  100% {
    -moz-opacity: 0.5;
  }
}
@-o-keyframes fadeFileIco {
  0% {
    -o-opacity: 1;
  }
  100% {
    -o-opacity: 0.5;
  }
}
@-ms-keyframes fadeFileIco {
  0% {
    -ms-opacity: 1;
  }
  100% {
    -ms-opacity: 0.5;
  }
}
@keyframes fadeFileIco {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.secure {
  display: none;
}
@media (max-height: 696px) {
  .content {
    display: block;
    height: initial;
    margin-top: 10px;
  }
  .app_inner {
    display: block;
  }
  .footer_box {
    position: static;
    margin-top: 35px;
  }
}
.responsive-wrap {
  width: auto;
  max-width: 365px;
}
.responsive-wrap .butt span {
  color: #FFF;
}
.reg_box .input_row {
  float: left;
  width: 100%;
  max-width: 502px;
  position: relative;
  padding-bottom: 39px;
}
.reg_box .register_box {
  margin: 0px auto 0 !important;
  max-width: 440px !important;
  /*        max-width: 440px !important;
        .input_row {
            label {
                line-height: 100%;
                float: left;
                width: 100%;
                font-size: 15px;
                font-weight: 500;
                padding: 0 0 8px 0;
                b {
                    color: #1bc5cd;
                    font-size: 16px;
                }
            }
            input {
                float: left;
                padding: 0 0 5px 0;
                width: 100%;
                max-height: 42px;
                font-size: 15px;
                font-weight: 100;
            }
            .border {
                margin: 0;
            }
            &.repeat_input {
                padding-bottom: 20px;
            }
        }
        .check-terms {
            float: left;
            font-size: 14px;
            input {
                float: left;
                margin: 1px 7px 0 0;
                &:focus {
                    outline: #17bed0 dotted 4px;
                    outline-offset: -2px;
                }
            }
        }
        .form_footer {
            float: left;
            width: 100%;
            margin: 40px 0 10px 0;
            button {
                color: #FFF;
                max-width: 320px;
                margin: 0 auto;
            }
            .register-button.loading {
                text-indent: -3500px;
                background: url("//pcdn-transfer.pcloud.com/img/reg_loading.gif") no-repeat center center #1bcad4;
                background-size: 20px;
            }
        }*/
}
.reg_box h1,
.reg_ok_box h1 {
  display: table;
  color: #1abfc8;
  font-weight: 300;
  font-size: 32px;
  margin: 0 auto;
  padding: 0 15px;
  letter-spacing: -1px;
  position: relative;
}
.reg_box h1 b,
.reg_ok_box h1 b {
  color: #1abfc8;
  font-weight: 400;
}
.cont_wrap .cont,
.reg_box .cont,
.reg_ok_box .cont,
.cont_wrap .register_box,
.reg_box .register_box,
.reg_ok_box .register_box,
.cont_wrap .registered_msg,
.reg_box .registered_msg,
.reg_ok_box .registered_msg {
  display: table;
  width: 100%;
  max-width: 720px;
  margin: 60px auto 0 auto;
}
.cont_wrap {
  display: none;
  width: 100%;
  margin-left: -8px;
  height: 480px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.cont_wrap._1 {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg1.jpg);
}
.cont_wrap._2 {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg2.jpg);
}
.cont_wrap._3 {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg3.jpg);
}
.cont_wrap._4 {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg4.jpg);
}
.cont_wrap._5 {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg5.jpg);
}
.cont_wrap._6 {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg6.jpg);
}
.cont_wrap._7 {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg7.jpg);
}
.cont_wrap._promo {
  background-image: url(//pcdn-transfer.pcloud.com/img/trade/bg_promo.jpg);
}
.cont_wrap .files_anim {
  position: absolute;
  height: 350px;
  width: 100%;
  top: -350px;
  background: url(//pcdn-transfer.pcloud.com/img/trade/white_files.png) repeat -27px 0px transparent;
}
.cont_wrap .info_ico {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  margin: 0px 0 -1px 3px;
  background: url(//pcdn-transfer.pcloud.com/img/info_ico_white.png);
}
.cont_wrap .cont_box {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.cont_wrap .cont_box .cont {
  margin-top: 0;
  max-width: 1100px;
}
.cont_wrap .cont_box .cont h1 b,
.cont_wrap .cont_box .cont h2 b {
  color: #FFF;
  font-weight: 400;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.cont_wrap .cont_box .cont h1 .txt_green,
.cont_wrap .cont_box .cont h2 .txt_green {
  color: #8ef304;
}
.cont_wrap .cont_box .cont h1 {
  color: #FFF;
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 100;
}
.cont_wrap .cont_box .cont h2 {
  color: #FFF;
  font-size: 23px;
  font-weight: 400;
}
.cont_wrap .see_plans {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
}
.cont_wrap .see_plans span,
.cont_wrap .see_plans a {
  color: #8aff22;
}
.cont_wrap .go_my {
  display: none;
}
.cont_wrap .register_link,
.cont_wrap .go_my,
.cont_wrap .btn.btn_blue {
  color: #FFF;
  max-width: 320px;
  margin: 40px auto 0 auto;
  text-decoration: none;
  position: relative;
  line-height: 21px;
  background-color: #6ab109;
  box-shadow: 0 10px 45px rgba(0, 0, 0, 0.6);
}
.cont_wrap .register_link:hover,
.cont_wrap .go_my:hover,
.cont_wrap .btn.btn_blue:hover {
  background-color: #75bf0f;
}
.cont_wrap .app_btn {
  display: block;
  width: 193px;
  height: 57px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.cont_wrap .app_btn.ios {
  background-image: url(//pcdn-transfer.pcloud.com/img/appstore.png);
}
.cont_wrap .app_btn.android {
  background-image: url(//pcdn-transfer.pcloud.com/img/googleplay.png);
}
.cont_wrap.user_logged .register_link {
  display: none;
}
.cont_wrap.user_logged .go_my {
  display: block;
}
#upload-progress-widget {
  max-width: 620px;
}
#upload-progress-widget .show-confirm .cancel,
#upload-progress-widget .show-confirm .cancel_shure {
  display: none;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons {
  display: table;
  width: auto;
  margin: 0 auto;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons .confirm-btn-wrap {
  display: table;
  margin: 0 auto;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons .confirm-btn-wrap .separator_or {
  float: left;
  margin: 14px 10px 0 10px;
  display: inline-block;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons button {
  float: left;
  width: auto;
  min-width: 80px;
  text-transform: none;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons button span {
  display: table;
  margin: 0 auto;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons button:first-child span {
  color: #ed0600;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons button:first-child span i {
  background-color: #ed0600;
}
#upload-progress-widget .show-confirm .confirm-cancel-buttons h4 {
  font-size: 15px;
  color: #B6B6B6;
  margin: 14px 0 0 0;
  font-weight: 400;
  cursor: default;
  text-align: center;
}
#upload-completed-widget,
#upload-secure-completed-widget {
  max-width: 650px;
  margin-bottom: 25px;
}
#upload-completed-widget .footer,
#upload-secure-completed-widget .footer {
  width: initial;
  display: table;
  margin: 10px auto 0 auto;
}
#upload-error-widget .transferring {
  border: 0;
}
.separator_or {
  display: none;
  margin: 0 30px;
  color: #ABABAB;
}
.upload-info {
  height: 18px;
}
.upload-info .size,
.upload-info .time {
  font-size: 15px;
  float: left;
  width: 50%;
  cursor: default;
}
.upload-info .size strong,
.upload-info .time strong {
  font-weight: 500;
}
.upload-info .size {
  font-weight: 400;
}
.upload-info .time {
  font-weight: 100;
  text-align: right;
}
.percent_box {
  display: table;
  margin: 0 auto;
}
.percent_box span {
  color: #969696;
  font-size: 24px;
  font-weight: 100;
}
.percent_box .percentage {
  color: #969696;
  font-size: 24px;
  display: inline-block;
}
.box .footer button {
  height: 47px;
}
.box .footer button.cancel {
  background: 0 0;
  color: #f1300e;
  border: none;
  margin: 0 auto;
  display: block;
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
}
.box .footer button.cancel span {
  color: #f1300e;
}
.box .footer button.cancel i {
  background-color: #f1300e;
}
#upload-error-widget .upload-animation {
  background-color: #fff;
  height: auto;
}
#upload-error-widget .confirm-cancel-buttons {
  display: table;
  width: 100%;
  max-width: 390px;
  margin: 0 auto 60px auto;
  padding-left: 0.25%;
}
#upload-error-widget .confirm-cancel-buttons a {
  background-image: none;
  display: inline-block;
  width: 48%;
  margin: 0;
}
#upload-error-widget .confirm-cancel-buttons a:first-child {
  margin-right: 2%;
}
#upload-error-widget .confirm-cancel-buttons h4 {
  font-size: 15px;
  color: #B6B6B6;
  margin: 20px 0 33px 0;
  font-weight: 400;
  cursor: default;
  text-align: center;
}
#error-widget .upload-animation {
  background-color: #fff;
  height: auto;
}
#error-widget .upload-cloud.error {
  margin-bottom: 20px;
}
._overlay,
._overlay_lang {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 200%;
  top: 0;
  left: 0;
}
._overlay {
  z-index: 11;
}
._overlay_lang {
  z-index: 6;
}
#friends {
  display: none;
}
#register-widget {
  display: none;
  background: #fafafa;
  padding-top: 30px;
  padding-bottom: 40px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
#success-register-widget {
  display: none;
  background: #fafafa;
  padding-top: 30px;
  padding-bottom: 40px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
#success-register-widget .registered_msg {
  text-align: center;
  margin-top: 10px;
}
#success-register-widget .registered_msg a {
  max-width: 320px;
  margin: 20px auto 0 auto;
}
#success-register-widget .registered_msg .go_my_explain {
  color: #B5B5B5;
  font-weight: 100;
  margin: 9px 0 0 0;
  display: block;
}
/** Old CSS **/
/*! perfect-scrollbar - v0.4.10
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyeonje Alex Jun; Licensed MIT */
.ps-container .ps-scrollbar-x-rail {
  position: absolute;
  bottom: 3px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
  opacity: .6;
  filter: alpha(opacity=60);
}
.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
  background-color: #eee;
  opacity: .9;
  filter: alpha(opacity=90);
}
.ps-container .ps-scrollbar-x-rail.in-scrolling {
  background-color: #eee;
  opacity: .9;
  filter: alpha(opacity=90);
}
.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  right: 3px;
  width: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
  opacity: .6;
  filter: alpha(opacity=60);
}
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  background-color: #eee;
  opacity: .9;
  filter: alpha(opacity=90);
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
  background-color: #eee;
  opacity: .9;
  filter: alpha(opacity=90);
}
.ps-container .ps-scrollbar-x {
  position: absolute;
  bottom: 0;
  height: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ps-container.ie6 .ps-scrollbar-x {
  font-size: 0;
}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
  background-color: #999999;
}
.ps-container .ps-scrollbar-y {
  position: absolute;
  right: 0;
  width: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ps-container.ie6 .ps-scrollbar-y {
  font-size: 0;
}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #999999;
}
.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
  visibility: hidden;
}
.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
  visibility: visible;
}
.ymodal {
  display: none;
  background: white;
  min-width: 548px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
}
.ymodal .close_footer {
  background: #ecfafd;
  text-align: center;
  display: none;
  padding-bottom: 20px;
}
.ymodal h3 {
  text-align: center;
  padding: 20px 0px;
  font-size: 24px;
  font-weight: 400;
}
.ymodal h4 {
  padding: 10px 0 30px 0;
  text-align: center;
  font-weight: 300;
}
.ymodal .bottom {
  background: #ecfafd;
  padding: 20px;
  border-top: 1px solid #e9f7fa;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
#selected-files,
#upload-progress-widget,
.confirm-cancel-buttons {
  display: none;
}
.show-confirm .cancel {
  display: none;
}
.show-confirm .confirm-cancel-buttons {
  display: block;
}
.app-download .box-main .content.marketing {
  height: 319px;
}
.app-download .content.fixed-height {
  min-height: 324px;
}
.about-plcoud-transfer {
  display: block;
  padding: 2px 10px;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  z-index: -1;
  left: 50%;
  margin: 0 0 0 -73px;
  font-size: 12px;
  text-decoration: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.about-plcoud-transfer:hover {
  background-color: #ffffff;
}
.logged {
  display: none;
}
.logged-only {
  display: none;
}
.logged-in .logged-only {
  display: block;
}
.logged-in .guess-only {
  display: none;
}
.logged-in .cont_wrap .register_link {
  display: none;
}
.top-holder h2 {
  font-weight: 100;
  letter-spacing: -0.6px;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  display: block;
  margin-top: -1px;
  padding-bottom: 2px;
}
.top-holder h1,
.top-holder .h1 {
  font-weight: normal;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
}
.list-view.ps-container .ps-scrollbar-y-rail,
.list-view.ps-container .ps-scrollbar-y {
  width: 5px;
}
.ps-scrollbar-y-rail {
  display: none!important;
}
.list-view.scroll .ps-scrollbar-y-rail {
  display: block!important;
  opacity: 1.0!important;
  right: 0 !important;
  z-index: 1;
}
.list-view.lines li {
  border-bottom: 1px solid #eee;
}
.list-view.font-s,
.font-s {
  font-size: 12px;
}
.char-counter,
.char-counter span {
  text-align: right;
  color: #B6B6B6;
  font-size: 12px;
  line-height: 17px;
  font-style: italic;
  margin-top: 5px;
}
.char-counter b,
.char-counter span b {
  font-weight: 100;
  color: #B6B6B6;
}
.char-counter.red span {
  color: #f33d1d;
  font-weight: 600;
}
.char-counter.red b {
  display: none;
}
/*.btn {
    text-align:center;
    display:inline-block;
    text-decoration:none;
    color:#fff;
    line-height:26px;
    min-height: 30px;
    font-size:13px;
    font-weight:600;
    cursor: pointer;
    padding: 0 10px;
    margin: 0;
    .box-sizing();
    .rounded(2px);
}*/
/*.firefox-windows .btn {
    font-weight: 300;
}*/
/*.btn:disabled, .btn[disabled]:hover {
    cursor: default;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    color: #999;
}
.btn-width-mid {
    min-width:128px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-img {
    border: none;
    padding: 0;
}

.btn-green {
    background-color:rgb(120,199,3);
    border: 1px solid rgb(116,190,3);
}
.btn-green:hover {
    background-color:rgb(112,184,3);
    border-color:rgb(109,180,3);
}
.btn-orange {
    font-family: 'Open Sans';
    background-color: rgb(249,149,0);
    border: 1px solid rgb(236,141,0);
}
.btn-orange:hover, .btn-orange-promo:hover {
    background-color:rgb(236,141,0);
    border-color:rgb(225,135,0);
}

.btn-red {
    background-color:rgb(241,85,46);
    border:1px solid rgb(233,82,45);
}
.btn-red:hover {
    background-color:rgb(232,72,32);
    border:1px solid rgb(230,65,23);
}
.btn-gray3 {
    background-color:#9C9C9C;
    border:1px solid darken(#9C9C9C, 5%);
}

.btn-gray {
    background-color: rgb(102,102,102);
    border: 1px solid rgb(95,95,95);
}
.btn-gray:hover {
    background-color:rgb(87,87,87);
    border-color:rgb(79,79,79);
}

.btn-blue {
    background-color: rgb(22,181,199);
    border: 1px solid rgb(21,176,193);
}
.btn img {
    vertical-align:middle;
    margin-right:5px;
    margin-top:-2px;
}

.btn-orange-promo {
    background-color:#7ac803;
    border: 1px solid #7ac803;
}*/
.text-info {
  display: block;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  padding: 0 15px;
}
.text-info-s {
  font-size: 10px;
}
.percentage {
  text-align: center;
  letter-spacing: -1px;
  font-weight: 100;
  font-size: 33px;
  margin: 0 auto;
}
.upload-animation {
  position: relative;
  background-color: #dddddd;
  height: 2px;
  width: 620px;
  margin: 12px auto 15px auto;
}
.upload-background-fill {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #1abfc8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.encrypted .upload-background-fill {
  background-color: #82c216;
}
.transferring {
  display: block;
  font-size: 30px;
  letter-spacing: -1px;
  font-weight: 500;
  text-align: center;
  padding: 45px 0;
  margin: 0 0 53px 0;
  cursor: default;
  border-bottom: 1px solid #f2f2f2;
}
.transferring.is_done {
  border: none;
  margin: 0;
  padding: 0 0 18px 0;
  font-size: 27px;
  font-weight: 100;
}
.transferring .done_ok {
  display: inline-block;
  margin: 0 12px -2px 0;
}
.cancel_shure {
  text-align: center;
  color: #9e9e9e;
  font-weight: 100;
  font-size: 14px;
  margin: 15px 0 4px 0;
  cursor: default;
}
ul.styled {
  list-style: inherit;
}
.is-mobile .left_box .list-view {
  overflow: scroll;
}
#not-enough-space {
  max-width: 745px;
  margin-top: -20px;
  text-align: center;
}
#not-enough-space .transferring {
  border: 0;
  margin: 0;
  font-weight: 100;
  padding: 30px 0 20px;
}
#not-enough-space .btn {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
@media (max-width: 769px) {
  .left_box .drag_txt {
    display: none;
  }
}
@media (max-width: 767px) {
  .cancel_shure {
    text-align: center;
    color: #00aeb9;
    font-weight: 100;
    font-size: 15px;
    margin: 13px 0 0 0;
    cursor: default;
  }
  .cont_wrap._1 {
    background-image: url(//pcdn-transfer.pcloud.com/img/trade/mob_bg1.jpg);
  }
  .cont_wrap._2 {
    background-image: url(//pcdn-transfer.pcloud.com/img/trade/mob_bg2.jpg);
  }
  .cont_wrap._3 {
    background-image: url(//pcdn-transfer.pcloud.com/img/trade/mob_bg3.jpg);
  }
  .cont_wrap .info_ico {
    background: url(//pcdn-transfer.pcloud.com/img/info_ico_white@2x.png);
    background-size: 18px;
  }
  .combo-contain-inner {
    max-height: none;
    overflow: visible;
  }
  #app .cont_wrap .app_btn {
    display: block;
  }
  .cont_wrap .btn,
  .files_anim {
    display: none;
  }
  .logged-in .clear_sender {
    display: block;
  }
  .content {
    display: block;
    height: initial;
    margin-top: 16px;
  }
  .app_inner {
    display: block;
  }
  .header {
    padding: 9px 0;
    background-color: #fafafa;
    border-bottom: 1px solid #f5f5f5;
  }
  .header .logo {
    width: 45px;
    height: 29px;
  }
  .header .logo img {
    width: 45px;
  }
  .header .logo_mask {
    width: 45px;
    height: 33px;
    margin: 0 0 0 -22px;
  }
  .cont_wrap .cont_box {
    display: block;
    min-height: 0;
  }
  .clear_sender {
    padding: 11px 8px;
    bottom: 2px;
    background-color: #FFF;
  }
  .crypto_info {
    width: 28px;
    height: 28px;
    float: right;
    padding: 0px 0px 10px 10px;
  }
  .crypto_info.hovered {
    width: 18px;
  }
  .crypto_info .on {
    width: 18px;
    padding: 0;
  }
  .show_crypto_pass {
    height: 21px;
    max-width: none;
    margin: 0 0 13px 0;
  }
  .show_crypto_pass a.act,
  .show_crypto_pass div.fill,
  .show_crypto_pass a.disable_crypto {
    display: none;
  }
  .show_crypto_pass .toggle.mob {
    display: block !important;
    position: relative;
    height: 22px;
    margin: 0 0 -8px -2px;
  }
  .show_crypto_pass .toggle.mob span {
    margin-left: 50px;
  }
  .show_crypto_pass .toggle.mob .no_encrypt {
    display: none;
  }
  .show_crypto_pass .toggle.mob img {
    top: -3px;
    left: -3px;
    z-index: 1;
  }
  .show_crypto_pass .toggle.mob img.yes_encrypt {
    background-color: #e7e7e7;
  }
  .show_crypto_pass .toggle.mob img.no_encrypt {
    background-color: #d3eaad;
  }
  .crypto_explain {
    left: 0;
    height: inherit;
    max-height: none;
  }
  .crypto_explain .h1 {
    font-size: 22px;
    line-height: 26px;
    margin-top: 12px;
    padding: 0;
  }
  .crypto_explain ul {
    margin-top: 14px;
  }
  .crypto_explain .close_explain {
    display: none;
  }
  .left_box,
  .right_box {
    width: 100%;
  }
  .left_box {
    height: inherit;
    max-width: none;
    margin: 0 0 25px 0;
    border: 1px solid #DEDEDE;
  }
  .left_box h1.top_h1 {
    font-size: 24px;
    padding: 3px 10px 0 10px;
  }
  .left_box h2.top_h2 {
    display: none;
  }
  .left_box .left_box_in {
    position: static;
  }
  .left_box .left_box_in .top-holder {
    position: static;
    padding-top: 20px;
  }
  .left_box .left_box_in .add-files {
    border: none;
    height: inherit;
    min-height: 47px;
    box-shadow: none;
  }
  .left_box .left_box_in .add-files span {
    font-weight: 400;
  }
  .left_box .left_box_in .add-files.more {
    position: static;
  }
  .left_box .left_box_in .add_files_btn {
    position: static;
    padding: 0 20px;
  }
  .left_box .left_box_in .add_files_ico {
    width: 58px;
    height: 60px;
    padding-left: 10px;
    margin: 0 auto 5px auto;
  }
  .left_box .left_box_in .add_files_ico img.normal,
  .left_box .left_box_in .add_files_ico img.crypted {
    width: 39px;
  }
  .left_box .left_box_in .add_files_ico .circle {
    width: 19px;
    height: 19px;
  }
  .left_box .left_box_in .add_files_ico .plus_sign {
    width: 9px;
    right: 5px;
    bottom: 9px;
  }
  .left_box .left_box_in #selected-files .selected-files-info .files_count {
    width: inherit;
  }
  .left_box .left_box_in #selected-files .selected-files-info .files_clear {
    margin: -1px 0 0 14px;
  }
  .left_box .left_box_in #selected-files .selected-files-info .files_clear .off {
    width: 22px;
  }
  .left_box .left_box_in #selected-files .list-view {
    max-height: 200px;
    min-height: inherit;
  }
  .left_box .left_box_in #selected-files .list-view li {
    text-decoration: none;
  }
  .left_box .left_box_in #selected-files .list-view li span {
    min-width: inherit;
  }
  .left_box .left_box_in #selected-files .list-view li i {
    max-width: 60px;
    margin: 0 47px 0 0;
  }
  .left_box .left_box_in #selected-files .list-view li a.action-delete {
    max-width: 42px;
  }
  .right_box .right_box_in {
    margin: 0;
    padding: 0;
    min-height: inherit;
    float: left;
  }
  .right_box .right_box_in .input_row {
    max-width: none;
    padding: 0;
    margin: 30px 0 20px 0;
  }
  .right_box .right_box_in .input_row label {
    width: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2px;
    z-index: 1;
  }
  .right_box .right_box_in .input_row label.accept_checkbox {
    top: -28px;
  }
  .right_box .right_box_in .input_row input,
  .right_box .right_box_in .input_row textarea {
    text-decoration: none;
  }
  .right_box .right_box_in .input_row input::-webkit-input-placeholder,
  .right_box .right_box_in .input_row textarea::-webkit-input-placeholder {
    text-align: right;
  }
  .right_box .right_box_in .input_row input:-moz-placeholder,
  .right_box .right_box_in .input_row textarea:-moz-placeholder {
    text-align: right;
  }
  .right_box .right_box_in .input_row input::-moz-placeholder,
  .right_box .right_box_in .input_row textarea::-moz-placeholder {
    text-align: right;
  }
  .right_box .right_box_in .input_row input:-ms-input-placeholder,
  .right_box .right_box_in .input_row textarea:-ms-input-placeholder {
    text-align: right;
  }
  .right_box .right_box_in .input_row textarea {
    overflow: visible;
  }
  .right_box .right_box_in .input_row .combo-contain {
    padding-top: 0;
  }
  .right_box .right_box_in #recipients {
    margin: 7px 0 0 0;
  }
  .right_box .right_box_in .msg_row {
    margin-top: 20px;
  }
  .right_box .secure-transfer-toggle {
    height: inherit;
    max-height: none;
  }
  .right_box .secure-transfer-toggle label b {
    color: #88cc17;
  }
  .right_box .secure-transfer-toggle .mob_msg_explain {
    display: block!important;
    float: left;
    color: #b7b7b7;
    font-size: 13px;
    margin: 0 0 25px 0;
  }
  .right_box .secure-transfer-toggle .mob_heading {
    display: block !important;
    font-size: 21px;
    margin: -8px 0 10px 0;
  }
  .right_box .secure-transfer-toggle .inner {
    display: table;
    position: static;
    padding: 20px;
  }
  .right_box .secure-transfer-toggle .pass2 {
    margin: 20px 0 10px 0;
  }
  .right_box .secure-transfer-toggle .go_secure {
    float: left;
    position: static;
    border: none;
    margin-top: 10px;
    background-color: #85c616;
  }
  .right_box .secure-transfer-toggle .go_secure .link_text {
    color: #FFF;
  }
  .right_box .secure-transfer-toggle .go_secure .link_text span {
    color: #FFF;
  }
  .right_box .explain {
    display: none;
  }
  .top_h1 .normal,
  .top_h1 .crypto {
    font-weight: 100;
  }
  .add-files.add_files_ico {
    margin: 20px auto 5px auto;
  }
  #begin-transfer {
    max-width: none;
    position: relative;
    bottom: 0;
  }
  .separator_or {
    margin: 0 15px;
  }
  .lang_box {
    display: table;
    margin: 0 auto;
  }
  .footer_box {
    position: static;
    margin-top: 35px;
  }
  .footer_box .inner {
    line-height: 21px;
  }
  .footer_box .lang_box {
    z-index: 10;
  }
  .footer_box .lang_box ul {
    bottom: inherit;
    right: inherit;
    padding: 0px 10px;
    overflow: scroll;
  }
  .footer_box .lang_box ul li {
    margin: 0;
    padding: 10px 0;
    line-height: 16px;
    border-top: 1px solid #ECECEC;
  }
  .footer_box .lang_box ul li:first-child {
    border: none;
  }
  .en .footer_box .lang_box ul li:first-child + li {
    border: none;
  }
  .box {
    margin-bottom: 25px;
  }
  #upload-progress-widget {
    padding: 0 20px;
  }
  .upload-animation {
    width: 100%;
  }
  .upload-info {
    height: auto;
    display: table;
  }
  .upload-info .size {
    width: 100%;
    text-align: center;
    margin-bottom: 7px;
  }
  .upload-info .time {
    width: 100%;
    text-align: center;
  }
  .cont_wrap {
    margin: 0;
    padding: 60px 20px 160px 20px;
    height: inherit;
  }
  .cont_wrap .see_plans {
    height: 100px;
  }
  .cont_wrap .cont_box .h1_border {
    display: none;
  }
  .cont_wrap .cont_box .cont h1 {
    padding: 0;
    font-size: 28px;
  }
  .cont_wrap .cont_box .cont h2 {
    font-size: 21px;
  }
  .cont_wrap .cont_box .cont .boxs.x3 {
    width: 100%;
    margin-top: 35px;
  }
  .cont_wrap .cont_box .cont .boxs.x3:first-child {
    margin-top: 0;
  }
  .cont_wrap .app_btn {
    margin-top: 23px;
    background-color: #000;
    border-radius: 6px;
    box-shadow: 0px 7px 54px rgba(255, 255, 255, 0.7);
  }
  .transferring,
  .transferring.is_done {
    padding-left: 15px;
    padding-right: 15px;
  }
  #upload-completed-widget,
  #upload-secure-completed-widget {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .reg_box h1 {
    font-size: 25px;
  }
  .reg_box h1 + div {
    display: none;
  }
  .reg_box .register_box {
    margin-top: 40px;
  }
}
#browser-notsupported-widget,
.secure-transfer-not-supported {
  margin: 0 auto;
}
#browser-notsupported-widget h2,
.secure-transfer-not-supported h2 {
  font-size: 30px;
  font-weight: 400;
}
#browser-notsupported-widget .transferring,
.secure-transfer-not-supported .transferring {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  padding-bottom: 0;
  line-height: 1.4em;
  border: none;
  margin: 0;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.email-tooltip {
  min-width: 200px;
  margin-left: 74px;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-base {
  margin-left: 0px !important;
}
.tooltipster-pcloud,
.tooltipster-pcloud-red {
  line-height: 14px;
  padding: 10px;
  margin-left: 18px;
  background-color: rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 3px 3px 7px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 3px 3px 7px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 3px 3px 7px rgba(0, 0, 0, 0.05);
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-pcloud .tooltipster-content,
.tooltipster-pcloud-red .tooltipster-content {
  line-height: 15px;
  color: #fff;
  font-size: 13px;
  padding: 8px 10px;
  overflow: hidden;
}
.tooltipster-pcloud .tooltipster-arrow-right span,
.tooltipster-pcloud-red {
  border-width: 9px;
  left: -8px;
}
.tooltipster-pcloud-red {
  background-color: rgba(255, 0, 0, 0.75);
}
.box-main {
  width: 655px;
  position: absolute;
  left: 330px;
  top: 50%;
  margin: -219px 0 0 0;
  background-color: #f6f6f6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 3px 3px 7px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 3px 3px 7px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 3px 3px 7px rgba(0, 0, 0, 0.05);
}
.box-main .content {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E5F6F8;
}
.box-main .content h1 {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -1px;
  text-align: center;
  padding-top: 26px;
  margin-bottom: 5px;
  color: #17BED0;
}
.box-main .content h2 {
  font-size: 22px;
  letter-spacing: -1px;
  text-align: center;
  font-weight: 300;
}
.box-main .footer {
  margin: 0;
  padding: 15px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.box-main .footer a {
  margin: 2px 0;
  display: inline-block;
}
.box-main .footer a.close,
.box-main .footer a.show-view {
  line-height: 19px;
}
.box-main .footer.no-margin a {
  margin: 0;
}
.box-main div.description {
  text-align: left;
  letter-spacing: 0;
  font-size: 18px;
  width: 475px;
  margin: 0 auto;
  margin-top: 20px;
}
.box-main div.description ul {
  margin-top: 6px;
}
.box-main div.description li {
  list-style-image: url(//pcdn-transfer.pcloud.com/img/text_tick.png);
  margin-bottom: 8px;
  font-size: 18px;
}
.box-main .content.marketing {
  height: 368px;
  background-color: #F3FDFE;
  background-image: url(//pcdn-transfer.pcloud.com/img/bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: 10px;
}
.box-main.box-info h1 {
  font-size: 28px;
  font-weight: 400;
}
.box-main.box-info h2 {
  margin: 50px 40px;
  font-size: 28px;
}
.content.fixed-height {
  min-height: 407px;
}
.or {
  font-size: 12px;
  color: #999;
  margin-left: 8px;
  margin-right: 8px;
  font-weight: 400;
}
.forget-pass {
  font-size: 16px;
  line-height: 20px;
  display: block;
  text-align: center;
  color: #17bed0;
}
.link-actions {
  text-align: center;
  padding-bottom: 15px;
}
.link-actions .spinner {
  display: inline-block;
  margin-left: 12px;
  margin-right: 9px;
  vertical-align: middle;
}
.dropzone {
  display: none;
}
.dragover .dropzone {
  display: block;
  background-color: #FFF;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  top: 140px;
  z-index: 10;
}
.dragover .dropzone .dotted {
  background-color: #fafafa;
  height: 100%;
  text-align: center;
  font-size: 40px;
}
.dragover .dropzone .dotted .inner {
  border: 2px dashed #bbbbbb;
  height: 100%;
}
.dragover .dropzone .dotted .inner span {
  position: absolute;
  top: 50%;
  color: #333;
  font-weight: 400;
  font-size: 23px;
  width: 100%;
  left: 0;
  text-align: center;
  margin: -14px 0 0 0;
}
.mh-10 {
  margin: 0 10px;
}
.vsp-10 {
  padding: 10px 0;
}
.tsp-10 {
  padding-top: 10px;
}
.bsp-10 {
  padding-bottom: 10px;
}
.tsp-20 {
  padding-top: 20px;
}
.bsp-20 {
  padding-bottom: 20px;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  position: absolute;
  margin-left: -9px;
}
.icons-sprite {
  background: url(//pcdn-transfer.pcloud.com/img/icons-sprite.png) no-repeat top left;
  width: 11px;
  height: 10px;
}
.icons-sprite.inline {
  display: inline-block;
}
.icons-sprite.encrypted {
  background-position: 0 -15px;
  width: 9px;
  height: 10px;
}
.icons-sprite.encrypted.white {
  background-position: 0 -30px;
  width: 9px;
  height: 10px;
  margin-right: 4px;
}
.icons-sprite.standard.white {
  background-position: 0 -71px;
  width: 11px;
  height: 8px;
  margin-right: 4px;
}
.active .icons-sprite.encrypted {
  background-position: 0 0;
  width: 11px;
  height: 10px;
}
.right_box .accept_checkbox {
  width: auto;
  float: left;
  cursor: pointer;
  padding: 0!important;
  margin: 0!important;
  font-weight: 400;
  color: #000;
  font-size: 13px;
}
.right_box .accept_checkbox input {
  width: auto;
  vertical-align: middle;
  margin-right: 5px;
}
.load_wrap {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #FFF;
  top: 0px;
  left: 0px;
}
.load_wrap .load_box {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin: 0 0 0 -25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 4px solid #17bed0;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -webkit-opacity: 0;
  }
  50% {
    -webkit-opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -webkit-opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    -moz-transform: scale(0.1, 0.1);
    -moz-opacity: 0;
  }
  50% {
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: scale(1.2, 1.2);
    -moz-opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    -o-transform: scale(0.1, 0.1);
    -o-opacity: 0;
  }
  50% {
    -o-opacity: 1;
  }
  100% {
    -o-transform: scale(1.2, 1.2);
    -o-opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.fade_in,
.fade_out {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}
.fading {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.fade_in {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.fade_out {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}