/*basic styles*/

html {
  height: 100%;
}

body {
  min-height: 100%;
  position: relative;
}

body.mobile {
  min-width: 300px !important;
}

html body.pageAccount:after {
  display: none !important;
}

#fstickcontainer {
  position: static;
  min-height: 100%;
}


#fstickcontent {
  padding-bottom: 0;
}

.responsiveFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px 0 40px;
}

body * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

body.isResponsive {
  min-width: 200px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

body.isResponsive *,
.modal *,
.responsiveHeader *,
.responsiveFooter * {
  font-family: Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.responsiveHeader,
.responsiveFooter {
  font-size: 14px;
}

a:focus,
button,
input,
textarea {
  outline: none !important;
}

body h1 {
  font-size: 30px;
  line-height: 36px;
  color: #414851;
  font-weight: bold;
}

body h3 {
  font-size: 18px;
  color: #8d9197;
}

.small-button,
.button-cancel {
  color: #008cf6;
  font-weight: bold;
  padding: 0 16px;
  height: 36px;
  line-height: 32px;
  border: 2px solid transparent;
  border-radius: 18px;
  background-color: transparent;
  text-decoration: none !important;
}

.button-cancel {
  display: inline-block;
}

.not-touch .button-cancel:hover {
  text-decoration: underline !important;
}

.not-touch .small-button:hover {
  background-color: #EBF5FF;
  border-color: #EBF5FF;
}

.small-button.w-b {
  background-color: #fff;
  color: #008cf6;
  border-color: #B2DCFC;
}

.not-touch .small-button.w-b:hover {
  background-color: #EBF5FF;
}

.small-button.b-w {
  background: #008cf6;
  border-color: #008cf6;
  color: #fff;
  font-weight: normal;
}

.not-touch .small-button.b-w:hover {
  background: #0894FF;
  border-color: #0894FF;
  color: #fff;
}

.big-button {
  font-size: 18px;
  font-weight: bold;
  padding: 14px 0;
  border: 2px solid transparent;
  border-radius: 28px;
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  text-decoration: none !important;
  background: transparent;
  color: #008bf6;
}

.big-button.w-b {
  background: transparent;
  border-color: #008bf6;
  color: #008bf6;
}

.not-touch .big-button.w-b:hover {
  background-color: #0894FF;
  color: #fff;
}

.big-button.b-w {
  background: #008cf6;
  border-color: #008cf6;
  color: #fff;
}

.not-touch .big-button.b-w:hover {
  background: #0894FF;
  border-color: #0894FF;
  color: #fff;
}

.big-button.t-w {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.big-button.w-w {
  background: #fff;
  border-color: #fff;
  color: #008bf6;
}

.not-touch .big-button.w-w:hover {
  background-color: #E6F4FE;
  border-color: #E6F4FE;
}

.big-button.w-w:active {
  background-color: #fff;
}

.not-touch .big-button.t-w:hover {
  background-color: #E6F4FE;
  border-color: #E6F4FE;
  color: #008BF6;
}

.big-button.t-w:active {
  background-color: #fff;
  border-color: #fff;
  color: #008BF6;
}

.big-button.n-a {
  color: #414851;
  font-weight: normal;
  background-color: #ececed;
  cursor: default;
}

.big-input,
.small-input {
  display: block;
  width: 100%;
  height: 56px;
  padding: 17px 26px;
  font-size: 14px;
  line-height: 20px;
  color: #414851;
  border: 1px solid #e8e9ea;
  background-color: #fff;
  background-image: none;
  border-radius: 28px;
  margin: 15px 0 25px;
  box-shadow: none !important;
  outline: none !important;;
  -webkit-appearance: none;
}

.not-touch .big-input:hover,
.not-touch .small-input:hover {
  border-color: #d1d3d5;
}

.big-input:focus,
.small-input:focus {
  border-color: #7fc5fa !important;
}


.big-input.errorInput,
.small-input.errorInput {
  border-color: #f10000 !important;
}

.small-input {
  height: 46px;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 23px;
  margin: 10px 0 0;
  box-shadow: none !important;
  outline: none !important;
}

.small-input.select-wrap {
  padding: 0 20px;
  cursor: default;
  position: relative;
}

.big-input.select-wrap {
  padding: 2px 16px;
  cursor: default;
  position: relative;
}

.select-wrap select {
  height: 100%;
  border: 0;
  width: 100%;
  outline: none;
  border-radius: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 2;
}

.small-input.select-wrap:before {
  content: "";
  position: absolute;
  right: 21px;
  top: 21px;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform 0.2s 0s;
}

.select-wrap select::-ms-expand {
  background: #fff;
  border: 0;
}

/*search block*/

.header-row .search-holder {
  margin: -5px 0 0;
}

.search-button {
  position: absolute;
  right: 21px;
  top: 5px;
  width: 64px;
  height: 36px;
  border-radius: 18px;
  border: 0;
  background: #008bf6 url(/images/icon_search.png?2569931080) no-repeat center center;
  background-size: 16px 16px;
  z-index: 105;
}

.not-touch .search-button:hover {
  background-color: #00afff;
}

.search-input {
  padding: 12px 118px 14px 26px;
  color: #414851;
  background-color: #e8e8e8;
  margin: 0;
  position: relative;
  z-index: 102;
}

.not-touch .search-input:hover {
  background-color: #dedede;
  border-color: #dedede;
}

.search-input:focus {
  background-color: #fff;
  border-color: #d1d3d5;
}

/*.search-input:-moz-placeholder,*/
/*.search-input:-webkit-placeholder,*/
/*.search-input:-ms-input-placeholder,*/
/*.search-input::-webkit-input-placeholder,*/
/*.search-input:placeholder {*/
/*color: #414851;*/
/*}*/


/*suggestions*/

.search-holder .suggest {
  padding: 40px 0 10px;
  margin: 0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  background: #fff;
  z-index: 101;
  left: 15px;
  right: 15px;
  top: 26px;
  display: block;
}

.search-holder .suggest ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-holder .suggest ul li {
  padding: 0;
}

.search-holder .suggest ul li:hover .suggestAnchor,
.search-holder .suggest ul li .hovered {
  background-color: #eee;
  cursor: pointer;
}

.search-holder .suggest ul li .suggestAnchor {
  padding: 7px 26px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-holder .suggest ul li:last-child .suggestAnchor {
  border: 0;
}

/*header*/

.logo-block {
  height: 36px;
  background: url(/images/header_logo.png?8935067551) no-repeat 15px center;
  background-size: 128px 27px;
}

.modal-body .logo-block {
  background-position: center center;
}

.header-row {
  padding: 25px 0;
  position: relative;
}

.headerBG {
  background-color: #fff;
}

.pageAccount .responsiveHeader .header-row {
  padding: 12px 0;
}

.header-buttons-holder {
  white-space: nowrap;
}

.header-buttons-holder .head-elem {
  height: 36px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.btn-settings {
  width: 36px;
  border-radius: 18px;
  border: 2px solid #e5e6e7;
  background: url(/images/icon_header_settings.png?8142378411) no-repeat center center;
  background-size: 16px 16px;
}

.btn-avatar,
.btn-username .user-ava {
  width: 36px;
  border-radius: 18px;
  background: #eeeff0 url(/images/icon_avatar.png?8274415850) no-repeat center center;
  background-size: 34px;
  border: 1px solid #e5e6e7;
  position: relative;
}

.btn-avatar[style*="background"],
.btn-username .user-ava[style*="background"] {
  background-size: cover;
}

.header-buttons-holder .btn-update {
  background: #ff9933 no-repeat center center;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  text-align: center !important;
  border-radius: 18px;
  margin: 0;
  text-decoration: none;
  line-height: 36px;
  min-width: 90px;
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.not-touch .header-buttons-holder .btn-update:hover {
  background-color: #FFA851;
}

.header-buttons-holder .btn-username {
  color: #8d9197;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  padding: 0 15px 0 44px;
  border-radius: 18px;
  position: relative;
  line-height: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.header-buttons-holder .btn-username > span {
  vertical-align: middle;
  display: inline-block;
  min-width: 15px;
  max-width: 98px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.btn-username.active,
.not-touch .btn-username:hover {
  background-color: #eeeff0;
}

.btn-username .user-ava {
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
}

/*header dropdown*/

.user-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: -10px;
  padding-top: 10px;
  z-index: 200;
  font-weight: normal;
}

.user-dropdown-menu .dropdownInner{
  min-width: 200px;
  border: 1px solid #e2e2e2;
  background: #fff;
  padding-bottom: 15px;
  position: relative;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  border-radius: 4px;
}

.user-dropdown-menu .dropdownInner .dropdownLink {
  padding: 8px 29px;
  cursor: pointer;
  font-size: 14px;
  color: #008bf6;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  line-height: normal;
}

.dropdownLink.accLink {

}

.user-dropdown-menu .dropdownInner:before,
.cnotifications .dropdownInner:before {
  content: "";
  right: 18px;
  position: absolute;
  width: 20px;
  height: 11px;
  top: -11px;
  background: url(/4sync.com/images/top-menu-dropdown-arrow.png?1442284357) no-repeat 0 0;
}

.not-touch .user-dropdown-menu .dropdownLink:hover {
  background: #edf7fe;
  text-decoration: none;
  color: #008bf6;
}

.user-dropdown-menu .dropdownLink.userNameBlock {
  padding: 15px 29px;
  max-width: 270px;
  font-weight: bold;
}

.user-dropdown-menu .dropdownLink.userNameBlock .fname,
.user-dropdown-menu .dropdownLink.userNameBlock .lname {
  color: #494f59;
  font-size: 15px;
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-dropdown-menu .dropdownLink.userNameBlock .lname {
  max-width: 100px;
}

.not-touch .user-dropdown-menu .dropdownLink.userNameBlock:hover {
  background: #fff;
  cursor: default;
}

.user-dropdown-menu .dropdownLink.userNameBlock span{
  display: block;
  color: #8d9197;
  font-size: 12px;
  padding-top: 4px;
  font-weight: normal;
}

.user-dropdown-menu .dropdownLink.premiumLink{
  color: #ff8933;
}

.user-dropdown-menu hr{
  margin: 0 20px 8px;
  outline: 0;
  border: 0;
  height: 0;
  padding-top: 1px;
  background: #ececec;
  display: block;
}

.gray-bg {
  background: #e2e5e7;
}

.black-bg {
  background: #31383e;
}

/*footer*/

.rich-footer .col-md-2 > span {
  display: block;
  color: #fff;
  margin-bottom: 10px;
  font-weight: bold;
}

.rich-footer {
  text-align: left;
}

/*PL/ES/FR/BahasaMelau fix large footer height on iPad*/

.lang-pl .rich-footer,
.lang-es .rich-footer,
.lang-ms .rich-footer,
.lang-fr .rich-footer,
.lang-in .rich-footer {
  font-size: 12px;
}

.rich-footer .footer-link a,
.pure-footer a {
  display: inline-block;
  color: #878e91 !important;
  margin-bottom: 5px;
}

.footer-link span {
  cursor: pointer;
}

.footer-link {
  color: #878e91;
}

.footer-link:hover {
  text-decoration: underline;
}

.lang-ru .rich-footer .footer-link {
  font-size: 11px;
}

.pure-footer {
  text-align: center;
}

.footer-buttons-wrapper {
  margin-top: 40px;
}

.footer-button {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  border: 2px solid #3e464e;
  cursor: pointer;
  margin-left: 20px;
  background: no-repeat center center;
  background-size: 22px 22px;
}

.expand-features-button:after,
.footer-button.btn-lang:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(/images/icon_footer_language_dropdown.png?4591820861) no-repeat center center;
  background-size: 14px 8px;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  transition: transform 0.2s 0s;
}

.footer-button.btn-yt {background-image: url(/images/icon_social_youtube.png?5774490586);}
.footer-button.btn-fb {background-image: url(/images/icon_social_facebook.png?5849915227);}
.footer-button.btn-tw {background-image: url(/images/icon_social_twitter.png?4213407617);}
.footer-button.btn-gp {background-image: url(/images/icon_social_google.png?8830209715); margin: 0;}

.not-touch .footer-button:hover,
.footer-button.btn-lang.active {
  border-color: #fff;
}

.footer-buttons-wrapper .logo-block {
  background: url(/images/footer_logo.png?7487956398) no-repeat 15px center;
  background-size: 128px 27px;
}

/*lang dropdown*/

.footer-button.btn-lang {
  width: auto;
  padding: 10px 42px;
  position: relative;
  min-width: 180px;
  background: url(/images/icon_footer_language_world.png?9180538325) no-repeat 13px center;
  background-size: 18px 18px;
}

.footer-button.btn-lang.active:after {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.footer-button.btn-lang b {
  color: #fff;
  font-size: 14px;
}

.langboxabs {
  text-align: left;
}

.langboxabs #langPanel {
  display: none;
  position: absolute;
  bottom: 44px;
  right: -15px;
  cursor: pointer;
  z-index: 997;
}

.langboxabs .languages {
  position: relative;
  background: #fff;
  padding: 15px 0;
  width: 200px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}

.langboxabs .languages .langCorner {
  position: absolute;
  width: 20px;
  height: 11px;
  bottom: -11px;
  right: 31px;
  background: url(/4sync.com/images/dropdown-arrow-down.png?1030122765) no-repeat 0 0;
}

.langboxabs .langItem {
  padding: 5px 29px;
  cursor: pointer;
  font-size: 14px;
  color: #008bf6;
  text-decoration: none;
  display: block;
}

.not-touch .langboxabs .langItem:hover {
  background: #edf7fe;
  text-decoration: none;
}

.langboxabs > span {
  display: none;
}

.slick-slide {
  margin: 10px 0;
}

.slick-slide:focus {
  outline: none;
}

/*login popup*/

.middleLineBG {
  background: url(/images/mobile/dot-for-middle-line-bg.png?1267609047) repeat-x left center;
  margin: 15px 0;
  text-align: center;
}

.middleLineBG span {
  font-size: 12px;
  color: #9d9d9d !important;
  margin: 10px 0;
  padding: 0 12px;
  background: #fff;
  text-decoration: none !important;
  cursor: default !important;
}

.modal-backdrop {
  background-color: #13181f;
}

.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8;
}

.modal > .close {
  position: absolute;
  right: 25px;
  top: 15px;
  color: #fff;
  font-size: 40px;
  opacity: 0.9;
  font-weight: 100;
  text-shadow: none;
}

.modal .modal-dialog {
  margin: 70px 5px 10px;
}

.modal .modal-body {
  padding: 20px 15px 20px;
}

.modal .big-button {
  margin-bottom: 23px;
}

.modal-body .popup-text {
  color: #909090;
  margin-top: 8px;
}

.modal-body .popup-text a,
.modal-body .popup-text span,
.modal-body .popup-text .button-clear {
  cursor: pointer;
  color: #008bf6;
  font-weight: bold;
}

.modal-body .popup-text .button-clear {
  background: none;
  border: 0 none;
  padding: 0;
}

.popup-text.paddingT15 {
  padding-top: 15px;
}

.modal-body .text-center i {
  font-style: normal;
  color: #414851;
}

.modal-body .text-center .button-cancel {
  margin-top: 20px;
}

.not-touch .modal-body .text-center a:hover,
.not-touch .modal-body .text-center span:hover,
.not-touch .modal-body .text-center button:hover {
  text-decoration: underline;
}

.modal-body .alert {
  padding: 0;
  color: #f15859;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
}

.modal-body .coupon-block span {
  font-size: 14px;
  color: #909090;
  cursor: pointer;
  border-bottom: 1px dashed #909090;
  text-decoration: none !important;
  margin-bottom: 25px;
  display: inline-block;
}

.modal-body .coupon-block input,
.modal-body .showCouponInput span {
  display: none;
}

.modal-body .showCouponInput input {
  display: block;
}

.not-touch .modal-body .coupon-block span:hover {
  color: #656565;
  border-color: #656565;
}

.modal-body .popup-text.terms-link a {
  font-weight: normal;
  text-decoration: none;
}

.not-touch .modal-body .popup-text.terms-link a:hover {
  text-decoration: underline;
}

.social-button {
  width: 30%;
  margin: 0 0 0 5%;
  height: 44px;
  line-height: 44px;
  border-radius: 22px;
  font-size: 14px;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  padding: 0 15px 0 34px;
  position: relative;
  cursor: pointer;
  text-decoration: none !important;
}

.social-button span {
  text-decoration: none !important;
}

.social-button.button-block {
  height: 56px;
  line-height: 56px;
  border-radius: 28px;
  margin: 28px 0 0 0 !important;
  width: 100%;
  float: none;
  display: block;
  font-size: 18px;
  font-weight: normal;
  position: relative;
}

.social-button:first-child {
  margin: 0;
}

.social-button:before {
  content: '';
  display: block;
  position: absolute;
  background: no-repeat center center;
  background-size: 22px;
  width: 22px;
  height: 22px;
  top: 11px;
  left: 50%;
  margin-left: -11px;
}

.social-button.button-block:before {
  top: 50%;
  left: 22px;
  margin: -11px 0 0;
}

.social-button.iconTw {background-color: #23c9ea; margin: 0 !important;}
.social-button.iconFb {background-color: #637bad;}
.social-button.iconGp {background-color: #d76a53;}
.social-button.iconMail {background-color: #008bf6;}

.not-touch .social-button.iconTw:hover {background-color: #3fd4f1;}
.not-touch .social-button.iconFb:hover {background-color: #728abd;}
.not-touch .social-button.iconGp:hover {background-color: #de7a66;}
.not-touch .social-button.iconMail:hover {background-color: #00afff;}

.social-button.iconTw:active {background-color: #1fbde5;}
.social-button.iconFb:active {background-color: #516ba2;}
.social-button.iconGp:active {background-color: #cc644e;}
.social-button.iconMail:active {background-color: #0083ed;}

.iconTw:before {background-image: url(/images/icon_social_twitter.png?4213407617)}
.iconFb:before {background-image: url(/images/icon_social_facebook.png?5849915227)}
.iconGp:before {background-image: url(/images/icon_social_google.png?8830209715)}
.iconMail:before {background-image: url(/images/icon_email.png?9012522611)}

.modal-body .big-input {
  margin-bottom: 20px;
}

.verify-form .social-button.iconMail {
  font-size: 17px;
}

/*---- notifications ----*/

.btn-notif {
  width: 54px;
  border-radius: 18px;
  background: url(/images/icon_header_notifications.png?3986180784) no-repeat center center;
  background-size: 14px 16px;
  position: relative;
  cursor: pointer;
}

.not-touch .btn-notif:hover,
.btn-notif.active {
  background-color: #eeeff0;
}

.btn-notif .ncounter {
  position: absolute;
  height: 16px;
  line-height: 16px;
  background: #414851;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 0 7px;
  border-radius: 8px;
  top: 3px;
  right: 5px;
  font-style: normal;
  display: none;
}

.notificationBlockButton .notifications {
  width: 100%;
  height: 100%;
  position: relative;
  background: none;
}

.cnotifications {
  display: none;
  position: absolute;
  top: 100%;
  right: -110px;
  padding-top: 10px;
  z-index: 200;
  font-size: 12px;
}

.cnotifications .dropdownTopArrow {
  display: none;
}

.cnotifications .dropdownInner {
  min-width: 200px;
  background: #fff;
  position: relative;
  border: 1px solid #e2e2e2;
  box-shadow: 0 3px 10px rgba(68, 68, 68, 0.15);
  border-radius: 4px;
}

.cnotifications .dropdownInner:before {
  right: 126px;
}

.cnotifications .nitem {
  position:relative;
  padding: 12px 120px 10px 65px;
  width: 400px;
  border-bottom: 1px solid #eceef1;
  color:#4e4e4e;
  cursor:pointer;
  text-shadow: none;
}

.not-touch .cnotifications .nitem:hover {
  background: #edf7fe;
}

.nitem.clearFix:after {
  display: none;
}

.cnotifications .nitem:last-of-type {
  border-bottom: 0;
}

.cnotifications .nitem:first-of-type {
  border-radius: 5px 5px 0 0;
}

.cnotifications .unread {
  background: #fffaef;
  border-bottom: 1px solid #f4d8be;
}

.cnotifications .uPhoto {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -18px;
}

.cnotifications .uPhoto img {
  width: 36px;
  height: 36px;
  border-radius: 20px;
}

.cnotifications .uPhoto img[src*="/images/icons/48x48"] {
  position: absolute;
  left: -6px;
  top: -7px;
  width: 50px;
  height: 50px;
  border-radius: 35px;
}

.cnotifications .type {
  position: absolute;
  left: 43px;
  top:50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  z-index: 2;
  background: #008cf6 url(/images/notif-sprite-sync.png?134755338) no-repeat 0 0;
  box-shadow: 0 0 0 2px #fff;
}

.cnotifications .tmessage,
.cnotifications .tcomment {background-position: center -29px}
.cnotifications .tshare {background-position: center 4px}
.cnotifications .tbgtask {background-position: center -13px}
.cnotifications .trequest {background-position: center -62px}
.cnotifications .tinvite {background-position: center -46px}

.cnotifications .linkWord {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -18px;
  min-width: 92px;
  font-size: 12px;
  font-family: 'Arial', sans-serif;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background: #008cf6;
  border-radius: 18px;
  font-weight: bold;
}

.cnotifications .read .linkWord {
  box-shadow: inset 0 0 0 2px #a5d7fc;
  background: none;
  color: #008cf6;
}

.cnotifications .notificationText {
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cnotifications .eventUserName,
.cnotifications .eventFileName {
  font-weight: bold;
  color: #008cf6;
  word-wrap: break-word;
  word-break: break-all;
}

.cnotifications .info2,
.cnotifications .info2 *,
.cnotifications .info3 {
  color: #767676;
  font-style: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.cnotifications .info2 .f9 {
  font-size: 11px;
  line-height: 17px;
}

.cnotifications .notificationDate {
  font-size: 10px;
  color: #b7b7b7;
}

.cnotifications.in-tab .ls {
  width: 400px;
}

.cnotifications .alln,
.cnotifications .alln:visited {
  display: block;
  color: #818fa4;
  border-top: 1px solid #eceef1;
  text-decoration: none;
  border-radius: 0 0 5px 5px;
  padding: 20px 10px;
  text-align: center;
}

.not-touch .cnotifications .alln:hover {
  background: #edf7fe;
  color: #818fa4;
  text-decoration: none;
}

.cnotifications .alln i {
  display: inline-block;
  padding: 7px 15px;
  vertical-align: middle;
  background: url(/images/notif-sprite-sync.png?134755338) no-repeat center -93px;
}

.cnotifications .nonotifications {
  display: block;
  padding: 20px;
  overflow: hidden;
  color: #bbb;
  border-bottom: 1px solid #ececec;
  text-align: center;
  font-size: 13px;
}

.cnotifications .notifLoader {
  padding: 20px;
}

/*verify splash*/

body .verifyAlert {
  max-width: 100%;
  padding: 0 10px;
  background: #fff2cc;
  font-family: Arial, sans-serif;
  text-align: left;
}

body .verifyAlert p.verifyEmailName {
  width: auto;
  white-space: normal;
}

body .verifyAlertO .centered {
  width: auto;
  max-width: 980px;
}

body .verifyAlert .clBO {
  top: 0;
  right: 0;
}

body .verifyAlert .link-blue {
  margin-right: 20px;
}

/*mob apps top banner*/

.mobileAppAddTopBaner {
  display: none;
  position: relative;
  background: #fff2ca;
  height: 60px;
  padding: 10px 10px 10px 30px;
  text-align: left;
  min-width: 260px;
}

.mobileAppAddTopBaner .closeAdsBlock {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  background: url(/images/confirm-letterbox-close.png?3949638711) center center no-repeat;
  cursor: pointer;
}

.mobileAppAddTopBaner img.jsAppImg {
  float: left;
  margin-right: 15px;
}

.mobileAppAddTopBaner .mob_grayButton {
  position: absolute;
  right: 5px;
  top: 20px;
  text-transform: uppercase;
  padding: 6px 15px;
  font-weight: bold;
}

.mobileAppAddTopBaner .heading {
  margin-bottom: 0;
}

.mobileAppAddTopBaner .jsAppRating {
  height: 16px;
  margin-top: 5px;
}

.mobileAppAddTopBaner .jsAppRating .rating-star {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  background: url(/images/icons/rating_star.png?2823714217) 0 0 no-repeat;
}

.mobileAppAddTopBaner .jsAppRating .rating-star.half {
  background: url(/images/icons/rating_star_half.png?2913885961) 0 0 no-repeat;
}

.mobileAppAddTopBaner .mob_regular {
  color: #898989;
  text-shadow: 1px 1px 1px #fff;
}

.lang-ja .btn-update {
  font-size: 12px;
}

.rich-footer .mobileVersionLink,
.rich-footer .desktopVersionLink {
  color: #878e91;
  cursor: pointer;
}

.not-touch .rich-footer .mobileVersionLink:hover,
.not-touch .rich-footer .desktopVersionLink:hover {
  text-decoration: underline;
}

.pure-footer .mobileVersionLink,
.pure-footer .desktopVersionLink {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 10px;
  font-size: 11px;
  color: #878e91;
}

.isResponsive .desktopVersionLink,
.isResponsive .mobileVersionLink {
  display: none;
}

.jsDropdown {
  z-index: 110;
}

.remove-rekl {
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 #cbcecf;
  font-size: 10px;
  color: #787878;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 0 0 4px 4px;
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*right: 0;*/
}

body:not(.d1-video-page) .rekl_top {
  max-width: 728px;
  margin: 30px auto;
  padding-bottom: 0;
}

body.pageProfile .rekl_top,
body.downloadStd .rekl_top {
  margin: 0 auto -30px;
}

body.pageD2 .rekl_top {
  margin: 20px auto -45px;
}

body.search-page .rekl_top {
  margin: 0 auto;
}

.rekl_top .remove-rekl {
  background-color: #e8e8e8;
  margin-top: -5px;
}

.remove-rekl:hover {
  background: #f7f7f7;
}

.epomLeft .remove-rekl {
  max-width: 300px;
  margin: auto;
  position: relative;
  float: none;
}

.remove-rekl i {
  overflow: hidden;
  width: 0;
  height: 0;
  display: inline-block;
  padding: 11px 0 0 11px;
  vertical-align: text-bottom;
  background: url(/images/icon_removeadv.png?5194855631) no-repeat center center;
  background-size: 11px;
}

.jsSearchResultsWrapper:after {
  content: "";
  opacity: 0;
  transition: opacity 0.3s 0.3s;
}

.jsSearchResultsWrapper.isLoading:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  cursor: progress;
  background: rgba(255,255,255,0.7) url(/images/ajax_loading.gif?3975074307) no-repeat center 200px;
  opacity: 1;
}

/*captcha block*/

.modal-body #reCaptchaBlock > div {
  margin: 30px auto;
}

.captchaContainer h3 {
  overflow: hidden;
}

.captchaImage {
  font-size: 14px;
  color: #909090;
  text-align: center;
  background: url(/images/robot.png?3297708892) no-repeat center top;
  padding-top: 145px;
  margin: 20px 0 30px;
}

.modal-body .jsConfirmationResentMsq i {
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
}

/*outdated browser block*/

.outdatedBrowser * {
  box-sizing: border-box !important;
}

.outdatedBrowser .outdatedTextHolder {
  text-align: center;
}

body .outdatedBrowser h1 {
  line-height: normal;
}

body .outdatedBrowser h2 {
  font-size: 13px;
}

body .outdatedBrowser .floatRight {
  float: none;
  text-align: center;
}

body .outdatedBrowser .floatRight li {
  width: auto;
  display: inline-block;
  float: none;
}

body .outdatedBrowser .browser {
  width: 60px;
  border-radius: 5px;
}

body .outdatedBrowser .browser a {
  background-size: 300px;
  height: 50px;
  border: 0 !important;
}

body .outdatedBrowser .browser:hover {
  border-color: #c1c1c1;
}

body .outdatedBrowser .browser span {
  height: auto;
  line-height: normal;
  padding: 3px;
  margin: 0;
  font-size: 11px;
  text-shadow: none;
}

body .outdatedBrowser .firefox {
  background-position: 5px 0;
}

body .outdatedBrowser .ie {
  background-position: -45px 0;
}

body .outdatedBrowser .opera {
  background-position: -95px 0;
}

body .outdatedBrowser .safari {
  background-position: -145px 0;
}

body .outdatedBrowser .chrome {
  background-position: -195px 0;
}

.loadingSpinnerRight {
  position: relative;
  opacity: 0.6;
}

.big-button.loadingSpinnerRight:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  background: url(/images/ajax_loading.gif?3975074307) no-repeat center center;
  opacity: 1;
  right: 20px;
}

/*hide header and footer for mobile app*/

.forMobApp:not(.search-page) .headerBG,
.forMobApp .responsiveFooter,
.forMobApp:after,
.forMobApp .searchBoxHolder,
.forMobApp #smartbanner,
.forMobApp .mobileAppAddTopBaner,
.forMobApp #mob_header,
.forMobApp #mob_footer,
.forMobApp .footer-ab {
  display: none !important;
}

.is-touch .clearSearchInput {
  position: absolute;
  right: 93px;
  top: 50%;
  margin-top: -6px;
  background: url(/images/indexPage/sprite1.png?3525893067) no-repeat -70px -1728px;
  width: 13px;
  height: 12px;
  display: none;
  z-index: 105;
}

.not-touch .clearSearchInput {
  display: none !important;
}

.index-page .clearSearchInput {
  right: 113px;
}

.isResponsive .limitedTextArea {
  min-width: 275px;
  max-width: 100% !important;
}

.isResponsive .confirmPopupBody,
.isResponsive .bgTaskPopupBody {
  min-width: 275px;
}

/*old popup buttons*/

.p_window .bluePopupButton {
  border: 1px solid #3789cf;
  background: #59a0de;
  background: linear-gradient(top, #7dbaee 0%, #3a8bd0 100%);
  box-shadow: inset 0 1px 0 #a0cdf2;
  color: #fff !important;
  text-shadow: 1px 1px 1px #315f87;
  cursor: pointer;
  padding: 5px 10px;
  min-width: 60px;
  text-align: center;
  border-radius: 4px;
  line-height: normal;
  margin: 15px 0 0 10px;
}

.not-touch .bluePopupButton:hover {
  background: #4f9ddf;
  background: linear-gradient(top, #67b0ef 0%, #398bd0 100%);
  box-shadow: inset 0 1px 0 #8ec4f3;
  text-decoration: none;
}

.bluePopupButton:active {
  background: #3789cf;
  box-shadow: inset 0 1px 0 #6ba8db;
}

.p_window .grayPopupButton {
  display: block;
  padding: 5px 10px;
  min-width: 60px;
  background: #ececec;
  background: linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%); /* W3C */
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
  border: 1px solid #bdbdbd;
  text-align: center;
  color: #4b4b4b !important;
  text-decoration: none;
  cursor: pointer;
  height: auto;
  margin: 15px 0 0 10px;
  border-radius: 4px;
  line-height: normal;
}

.not-touch .grayPopupButton:hover {
  text-shadow: 0 1px 1px #fff !important;
  background: #d4d4d4;
  background: linear-gradient(top, #f5f5f5 0%, #d4d4d4 100%); /* W3C */
}

.grayPopupButton:active {
  background: rgba(89, 95, 105, 0.30);
}

.wp-unsupported-alert {
  background: #ff9428 url(/images/icons/sad-smile-orange.png?1751569066) no-repeat 15px 15px;
  color: #ffe8d8;
  font: bold 12px/18px Arial, sans-serif;
  padding: 15px 60px 15px 63px;
  border-bottom: 2px solid #f28c26;
  position: relative;
}

.wp-unsupported-alert span {
  color: #fff;
}

.wp-unsupported-close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 19px;
  top: 22px;
  background: url(/images/icons/close-white-big.png?3083884535) no-repeat 0 0;
}

.gdpr-agree-request {
  margin-bottom: 25px;
}

.gdpr-agree-request label {
  line-height: 13px;
  float: none !important;
}

.gdpr-agree-request input {
  margin: 0 2px 0 0;
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.gdpr-agree-request span {
  text-decoration: none !important;
  font-weight: normal;
  line-height: 25px;
}

.gdpr-agree-request.errorInput span {
  color: #f15859;
}

.gdpr-agree-request.errorInput input:checked + span{
  color: #585b55;
}

.gdpr-agree-request a {
  color: #008bf6;
  text-decoration: none;
}

.gdpr-agree-request a:hover {
  color: #008bf6;
  text-decoration: underline;
}

.step1_page .gdpr-agree-request,
.step1page #theForm .gdpr-agree-request {
  margin-bottom: 0;
  margin-top: 20px;
}

.step1_page .gdpr-agree-request input,
.step1page #theForm .gdpr-agree-request input {
  width: auto;
  height: auto;
}

.step1_page .gdpr-agree-request span,
.step1page #theForm .gdpr-agree-request span {
  font-size: 11px;
  font-weight: normal;
  line-height: normal;
}

.pagePrivacy h3 {
  margin: 15px 0;
  font-weight: bold;
  color: #008cf6;
  font-size: 18px;
}

.pagePrivacy h4 {
  font-weight: bold;
  color: #353535;
  font-size: 16px;
  margin: 15px 0;
}

.pagePrivacy .policyHolder {
  padding-top: 20px;
}

.pagePrivacy .hide-on-desktop,
.mobile.pagePrivacy .hide-on-mobile {
  display: none;
}

.mobile.pagePrivacy .hide-on-desktop {
  display: block;
}

.pagePrivacy table {
  margin-bottom: 20px;
}

.pagePrivacy table th {
  background-color: #f2f2f2;
  padding: 15px 10px;
  border: 1px solid #d0d0d0;
}

.pagePrivacy table td {
  border-spacing: 0;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #d4d4d4;
}

.pagePrivacy table td ul {
  padding-left: 17px;
}

.pagePrivacy table tr td:first-child {
  font-weight: bold;
}

.pagePrivacy table tr:nth-of-type(odd) td {
  background-color: #f2f2f2;
}

.pagePrivacy .hide-on-desktop hr {
  border-top: 2px solid #a7a7a7;
}

.pagePrivacy .hide-on-desktop b {
  color: #4e4d4d;
  font-size: 13px;
}

.pagePrivacy .contacts-ko {
  display: none;
}

.pagePrivacy.lang-ko .contacts-ko {
  display: block;
}

.pagePrivacy .hidden-em-1:before {
  content: "hjjang@springlaw.kr";
}

.privacy-heading {
  display: flex;
  justify-content: space-between;
  padding: 100px 0;
  flex-wrap: wrap;
}

.pp-title {
  font-family: 'Arial', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
  color: #474747;
}

.select-with-label {
  margin: 2px 0;
  padding: 12px 46px 12px 20px;
  border: 2px solid #E2E5E7;
  border-radius: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #828282;
  position: relative;
  cursor: pointer;
}

.select-with-label,
.select-with-label * {
  font-family: 'Arial', sans-serif;
}

.select-with-label:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: calc(50% - 10px);
  background: url(/images/dropdown-arrow.svg) no-repeat center center;
  z-index: 1;
}

.select-with-label strong {
  font-weight: 700;
  white-space: nowrap;
  margin-right: 3px;
}

.select-with-label span {
  font-weight: normal;
  text-transform: capitalize;
}

.last-revised {
  font-size: 14px;
  line-height: 20px;
  color: #828282;
  padding: 14px 0;
  font-weight: normal;
}

.last-revised strong {
  margin-right: 3px;
}

.dropdown {
  display: none;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 4px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px 0;
  top: calc(100% + 10px);
  width: 100%;
  left: 0;
}

.show-dd .dropdown {
  display: block;
}

.dropdown a {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #828282;
  padding: 8px 20px;
  text-decoration: none;
  outline: none;
  transition: background-color .2s;
  text-transform: capitalize;
}

.dropdown a:hover {
  background-color: #F7F7F7;
}



/* ------------------- different screen sizes ------------------- */

/*XS+ styles*/

@media (min-width: 768px) {
  body:after,
  .lang-de:after   {
    content: "";
    display: block;
    height: 220px;
  }

  .logo-block {
    background-position: center center;
  }

  .row[class*="holiday"] .logo-block {
    background: none !important;
    position: relative;
  }

  .row[class*="holiday"] .logo-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: no-repeat center center;
    background-size: 164px 28px;
  }

  .holidayHelloween .logo-block:before {background-image: url(/images/logos/logo-hlwn.png?10397386330) !important;}
  .holidayNewYear .logo-block:before {background-image: url(/images/logos/logo-ny.png?10565675602) !important;}
  .holidayValentinesDay .logo-block:before {background-image: url(/images/logos/logo-swd.png?5861761324) !important;}
  .holidayEaster .logo-block:before {background-image: url(/images/logos/logo-estr.png?12164463130) !important;}

  .modal .modal-dialog {
    width: 540px;
    margin: 100px auto 30px;
  }

  .social-button:before {
    left: 13px;
    margin: 0;
  }

  .modal .modal-body {
    padding: 15px 45px 45px;
  }

  .modal-body h1 {
    margin: 25px 0 35px;
  }

  .modal-body h3 {
    margin: -21px 0 35px;
    line-height: 28px;
  }

  .middleLineBG {
    margin: 20px 0;
  }

  .modal-body .big-input {
    margin-bottom: 25px;
  }

  .modal > .close {
    right: 25px;
    top: 20px;
    opacity: 1;
  }


  .popup-logo {
    margin-top: 30px;
  }

}

/*MD+ screen styles*/

@media (min-width: 992px) {
  body {
    min-width: 980px !important;
  }

  body:after {
    content: "";
    display: block;
    height: 400px;
  }

  .lang-de:after {
    content: "";
    display: block;
    height: 395px;
  }

  body .outdatedBrowser .floatRight {
    float: right;
  }

  .outdatedBrowser .outdatedTextHolder {
    text-align: left;
  }

  body .outdatedBrowser h2 {
    font-size: 14px;
  }

  body .outdatedBrowser .browser {
    width: 100px;
  }

  body .outdatedBrowser .browser a {
    background-size: 600px;
    height: 100px;
  }

  body .outdatedBrowser .browser span {
    font-size: 12px;
  }

  body .outdatedBrowser .firefox {
    background-position: 0 0;
  }

  body .outdatedBrowser .ie {
    background-position: -100px 0;
  }

  body .outdatedBrowser .opera {
    background-position: -200px 0;
  }

  body .outdatedBrowser .safari {
    background-position: -300px 0;
  }

  body .outdatedBrowser .chrome {
    background-position: -400px 0;
  }

  body .verifyAlert .clBO {
    top: 50%;
    margin-top: -15px;
  }

}

/*SM screen styles*/

@media (min-width: 768px) and (max-width: 991px) {
  .lang-pl .header-buttons-holder,
  .lang-es .header-buttons-holder {
    font-size: 12px;
  }
}

/*XS screen styles*/

@media (max-width: 767px) {
  body:after,
  .lang-de:after   {
    content: "";
    display: block;
    height: 270px;
  }

  .footer-button.btn-lang {
    float: none !important;
    margin: 0;
  }

  .header-buttons-holder .btn-update {
    width: 36px;
    min-width: 36px;
    position: relative;
  }

  .header-buttons-holder .btn-update:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 100%;
    background: url(/images/icon_header_upgrade.png?5390273634) no-repeat center center;
    background-size: 17px 12px;
  }

  .btn-update span {
    display: none;
  }

  .lang-switcher-holder {
    padding: 0;
    white-space: nowrap;
  }

  .header-row .search-holder {
    margin: 0;
    position: absolute;
    top: 65px;
    left: 0;
    padding: 0;
    width: 100%;
    background-color: #dedede;
  }

  .search-holder .search-button {
    right: 15px;
  }

  .index-page .search-holder .search-button {
    right: 21px;
    width: 64px;
  }

  .search-holder .search-button:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 36px;
    left: -20px;
    top: 0;
    background-color: #dedede;
  }

  .search-holder .search-input {
    padding: 12px 105px 12px 15px;
    background-color: #dedede !important;
    border-color: #dedede !important;
  }

  .index-page .search-holder .search-input {
    padding: 12px 95px 12px 15px;
  }

  .header-row {
    padding: 15px 0 60px;
  }

  .woSearch .header-row {
    padding: 15px 0;
  }

  .index-page .clearSearchInput {
    right: 94px;
  }

  .modal-body h1 {
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0 20px;
  }

  .modal-body h3 {
    font-size: 14px;
    line-height: 24px;
    margin: -15px 0 15px;
  }

  body .outdatedBrowser .floatRight {
    float: none;
    text-align: center;
  }

  body .outdatedBrowser .floatRight li {
    display: inline-block;
  }

  .captchaImage {
    display: none;
  }

  .verify-form .social-button.iconMail {
    font-size: 14px;
    height: auto;
    line-height: normal;
    vertical-align: middle;
    padding: 12px 20px 12px 40px;
  }

  .verify-form .social-button.iconMail:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
  }

  .lang-de .charsLeftHolder,
  .lang-ru .charsLeftHolder,
  .lang-es .charsLeftHolder,
  .lang-pt-BR .charsLeftHolder {
    max-width: 35% !important;
  }

  .privacy-heading {
    padding: 50px 0;
  }

  .select-with-label {
    width: 100%;
    margin: 10px 0 0;
  }

}