.rmalttext-wrapper {
    position: absolute;
    z-index: 99999;
    height: 24px;
    border-radius: 4px;
    background: rgba(70, 62, 64, 0.6);
    padding: 0 12px;
}


    .rmalttext-content {
        color: #fff;
        font-size: 12px;
        line-height: 24px;
        white-space: nowrap;
        font-family:"Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
    }

    .rmalttext-corner-wrapper {
        position: absolute;
        width: 10px;
        height: 10px;
    }

    .rmalttext-wrapper.rmalttext-top .rmalttext-corner-wrapper {
        left: 50%;
        margin-left: -5px;
        bottom: -5px;
        clip: rect(5px, auto, auto, auto);
    }

    .rmalttext-wrapper.rmalttext-bottom .rmalttext-corner-wrapper {
        left: 50%;
        margin-left: -5px;
        top: -5px;
        clip: rect(auto, auto, 5px, auto);
    }

    .rmalttext-wrapper.rmalttext-left .rmalttext-corner-wrapper {
        top: 50%;
        margin-top: -5px;
        right: -5px;
        clip: rect(auto, auto, auto, 5px);
    }

    .rmalttext-wrapper.rmalttext-right .rmalttext-corner-wrapper {
        top: 50%;
        margin-top: -5px;
        left: -5px;
        clip: rect(auto, 5px, auto, auto);
    }

        .rmalttext-corner {
            position: absolute;
            background: rgba(70, 62, 64, 0.6);
            width: 70px;
            height: 70px;
            left: 50%;
            margin-left: -35px;
            top: 50%;
            margin-top: -35px;
            transform: rotate(45deg) scale(0.1);
            -ms-transform: rotate(45deg) scale(0.1);
            -webkit-transform: rotate(45deg) scale(0.1);
        }








.rmalttext-wrapper.collector-style {
    padding: 0 16px;
    height: 24px;
    border-radius: 12px;
    background: #363234;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.62);
}

.collector-style .rmalttext-content {
    font-size: 14px;
    line-height: 23px;
    white-space: nowrap;
    font-family:"Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

    .collector-style .rmalttext-corner-wrapper {
        position: absolute;
        width: 18px;
        height: 18px;
    }

    .collector-style.rmalttext-wrapper.rmalttext-top .rmalttext-corner-wrapper {
        left: 50%;
        margin-left: -9px;
        bottom: -9px;
        clip: rect(9px, 999px, 999px, -999px);
    }

    .collector-style.rmalttext-wrapper.rmalttext-bottom .rmalttext-corner-wrapper {
        left: 50%;
        margin-left: -9px;
        top: -9px;
        clip: rect(-999px, 999px, 9px, -999px);
    }

    .collector-style.rmalttext-wrapper.rmalttext-left .rmalttext-corner-wrapper {
        top: 50%;
        margin-top: -9px;
        right: -9px;
        clip: rect(-999px, 999px, 999px, 9px);
    }

    .collector-style.rmalttext-wrapper.rmalttext-right .rmalttext-corner-wrapper {
        top: 50%;
        margin-top: -9px;
        left: -9px;
        clip: rect(-999px, 9px, 999px, -999px);
    }

        .collector-style .rmalttext-corner {
            box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.62);
            background: #363234;
            width: 12.7px;
            height: 12.7px;
            margin-left: -6.3px;
            margin-top: -6.3px;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
        }




/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.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,
label,
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;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
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;
}
/**
 * rm addition
 */
*:focus {
  outline: none;
}
.no-isdesktop body {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
body,
input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent !important;
}
@font-face {
  font-family: "Nobel-RM";
  src: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/fonts/webtype/Nobel Light/b78bdfba-7002-4c64-8f9a-48f36d5f020b-3.woff?domain=readymag.com&md5=2GOnik4KmKp2ABiSJYMVRA") format("woff");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "Nobel-RM";
  src: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/fonts/webtype/Nobel Book/33f41f0b-1cb3-4fe4-b692-684b0154030b-3.woff?domain=readymag.com&md5=gG30G59XGlTdKVWtugL7Rw") format("woff");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Nobel-RM";
  src: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/fonts/webtype/Nobel Regular/a9613c98-73bc-4667-b826-f27e36e923e6-3.woff?domain=readymag.com&md5=0QmPlTLhd8Abb4CE8r_cgg") format("woff");
  font-style: normal;
  font-weight: 400;
}
.nobel_light {
  font-family: "Nobel-RM", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.nobel_book {
  font-family: "Nobel-RM", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.nobel_regular {
  font-family: "Nobel-RM", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.avenir_regular {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.avenir_medium {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.avenir_demi {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.avenir_bold {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.rmpreloader {
  position: relative;
  width: 44px;
  height: 44px;
}
.rmpreloader .arc {
  position: absolute;
  left: 3px;
  top: 2px;
  width: 38px;
  height: 38px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader/arc.png');
  background-repeat: no-repeat;
  background-size: 38px 38px;
  -webkit-animation: preloader_rotation 1.3s linear 0s infinite normal;
  animation: preloader_rotation 1.3s linear 0s infinite normal;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .rmpreloader .arc {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader/arc@2x.png');
  }
}
.rmpreloader .shadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader/shadow.png') no-repeat 0 0;
  -webkit-animation: preloader_rotation 1.3s linear 0s infinite normal;
  animation: preloader_rotation 1.3s linear 0s infinite normal;
}
@-webkit-keyframes preloader_rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes preloader_rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**
 * z-indeces
 */
.no-transitions {
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.stretched-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-reset {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
}
.sticky-position {
  position: -webkit-sticky;
  position: sticky;
}
.panel-style {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.nowrap {
  white-space: nowrap;
}
.rotate_cycle {
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animation-shake {
  -webkit-animation: shake .5s linear;
  animation: shake .5s linear;
}
@-webkit-keyframes shake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes shake {
  8%,
  41% {
    transform: translateX(-10px);
  }
  25%,
  58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0%,
  100% {
    transform: translateX(0);
  }
}
.cursor-grab {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.cursor-grabbing {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
body .hot-help-button {
  -moz-osx-font-smoothing: grayscale !important;
  z-index: 999999;
  position: absolute;
  background-color: rgba(66, 66, 66, 0.64);
  border-width: 0;
  width: 50px;
  height: 50px;
  bottom: 23px;
  right: 23px;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
  background-position: 50%;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  text-align: center;
  line-height: 53px;
  text-decoration: none;
  color: white;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
body .hot-help-button:before {
  content: "?";
  display: block;
  color: white;
}
body .hot-help-button:hover {
  background-color: rgba(66, 66, 66, 0.82);
}
body .hot-help-button .close {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 17px;
  left: 18px;
  position: relative;
  width: 15px;
  height: 15px;
}
body .hot-help-button .close:before,
body .hot-help-button .close:after {
  position: absolute;
  left: 6px;
  content: '';
  top: -3px;
  height: 21px;
  width: 2px;
  background-color: #f9f9f9;
}
body .hot-help-button .close:before {
  transform: rotate(45deg);
}
body .hot-help-button .close:after {
  transform: rotate(-45deg);
}
body .hot-help-button.close-btn:before {
  content: "";
}
body .hot-help-button.close-btn .close {
  visibility: visible;
  opacity: 1;
}
.preview-mode .hot-help-button,
.pages-panel-shown .hot-help-button,
.code-editor-shown .hot-help-button,
.minimal-constructor-ui .hot-help-button {
  display: none;
}
body #intercom-container .intercom-launcher {
  bottom: 23px;
  right: 23px;
}
body #intercom-container .intercom-launcher.intercom-launcher-with-avatar .intercom-launcher-button {
  border-width: 0;
  background-size: 50px 50px;
}
body #intercom-container .intercom-launcher-button {
  background-color: rgba(66, 66, 66, 0.64);
  border-width: 0;
  width: 50px;
  height: 50px;
}
body #intercom-container .intercom-launcher-button {
  box-shadow: none;
}
body #intercom-container .intercom-composer-container,
body #intercom-container .intercom-conversations-new-conversation-button {
  display: none;
}
.minimal-constructor-ui #constructor .navigation-arrow {
  opacity: 0;
  pointer-events: none;
}
.minimal-constructor-ui-no-transition #constructor .navigation-arrow {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.navigation-arrow .sprite {
  background-repeat: no-repeat;
  background-size: 169px 64px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/navigation/sprite.png');
}
.isdesktop .navigation-arrow:not(.disabled):hover .arrow-color-selector {
  visibility: inherit;
  opacity: 1;
}
.navigation-arrow.left,
.navigation-arrow.right,
.navigation-arrow.bottom {
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  cursor: pointer;
  z-index: 100;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.viewer-type-vertical-sticky .navigation-arrow.left,
.viewer-type-vertical-sticky .navigation-arrow.right,
.viewer-type-vertical-sticky .navigation-arrow.bottom {
  position: fixed;
}
.navigation-arrow.left .icon,
.navigation-arrow.right .icon,
.navigation-arrow.bottom .icon {
  background-position: 99px 99px;
}
.navigation-arrow.left.hidden,
.navigation-arrow.right.hidden,
.navigation-arrow.bottom.hidden {
  display: none !important;
}
.no-isphone .navigation-white-arrows .navigation-arrow.bottom .icon {
  background-position: 0 0;
}
.no-isphone .navigation-white-arrows .navigation-arrow.left .icon {
  background-position: -39px 0;
}
.no-isphone .navigation-white-arrows .navigation-arrow.right .icon {
  background-position: -62px 0;
}
.no-isphone .navigation-black-arrows .navigation-arrow.bottom .icon {
  background-position: -85px 0;
}
.no-isphone .navigation-black-arrows .navigation-arrow.left .icon {
  background-position: -124px 0;
}
.no-isphone .navigation-black-arrows .navigation-arrow.right .icon {
  background-position: -147px 0;
}
.isphone .navigation-white-arrows .navigation-arrow.bottom .icon {
  background-position: 0 -39px;
}
.isphone .navigation-white-arrows .navigation-arrow.left .icon {
  background-position: -26px -39px;
}
.isphone .navigation-white-arrows .navigation-arrow.right .icon {
  background-position: -42px -39px;
}
.isphone .navigation-black-arrows .navigation-arrow.bottom .icon {
  background-position: -58px -39px;
}
.isphone .navigation-black-arrows .navigation-arrow.left .icon {
  background-position: -84px -39px;
}
.isphone .navigation-black-arrows .navigation-arrow.right .icon {
  background-position: -100px -39px;
}
.no-isphone .viewer-type-horizontal.viewer-mag-menu-shown .navigation-arrow.bottom:not(.offscreen):not(.final-page-offscreen):not(.scaled-offscreen) {
  -webkit-transform: translateY(-184px);
  -ms-transform: translateY(-184px);
  transform: translateY(-184px);
}
.no-isphone .navigation-arrow.left {
  left: 16px;
  top: 50%;
  width: 36px;
  height: 72px;
  margin-top: -36px;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
}
.no-isphone .navigation-arrow.left .icon {
  position: absolute;
  left: 7px;
  top: 17px;
  width: 22px;
  height: 38px;
}
.no-isphone .navigation-arrow.left.offscreen {
  -webkit-transform: translateX(-52px);
  -ms-transform: translateX(-52px);
  transform: translateX(-52px);
  visibility: hidden;
}
.no-isphone .navigation-arrow.left.scaled-offscreen {
  -webkit-transform: translateX(-52px);
  -ms-transform: translateX(-52px);
  transform: translateX(-52px);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.no-isphone .navigation-arrow.right {
  right: 16px;
  top: 50%;
  width: 36px;
  height: 72px;
  margin-top: -36px;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
}
.no-isphone .navigation-arrow.right .icon {
  position: absolute;
  right: 7px;
  top: 17px;
  width: 22px;
  height: 38px;
}
.no-isphone .navigation-arrow.right.offscreen {
  -webkit-transform: translateX(52px);
  -ms-transform: translateX(52px);
  transform: translateX(52px);
  visibility: hidden;
}
.no-isphone .navigation-arrow.right.scaled-offscreen {
  -webkit-transform: translateX(52px);
  -ms-transform: translateX(52px);
  transform: translateX(52px);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.no-isphone .navigation-arrow.bottom {
  left: 50%;
  margin-left: -36px;
  bottom: 14px;
  width: 72px;
  height: 36px;
  -webkit-transition: 0.4s visibility ease-out, -webkit-transform 300ms ease;
  transition: 0.4s visibility ease-out, transform 300ms ease;
}
.no-isphone .navigation-arrow.bottom .icon {
  position: absolute;
  left: 17px;
  top: 7px;
  width: 38px;
  height: 22px;
  -webkit-animation: move 1.2s infinite 0.4s alternate;
  animation: move 1.2s infinite 0.4s alternate;
}
.no-isphone .navigation-arrow.bottom.offscreen,
.no-isphone .navigation-arrow.bottom.final-page-offscreen,
.no-isphone .navigation-arrow.bottom.scaled-offscreen {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
}
.no-isphone .navigation-arrow.bottom.offscreen .icon,
.no-isphone .navigation-arrow.bottom.final-page-offscreen .icon,
.no-isphone .navigation-arrow.bottom.scaled-offscreen .icon {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@-webkit-keyframes move {
  from {
    -webkit-transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateY(10px);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes move {
  from {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  to {
    transform: translateY(10px);
    animation-timing-function: ease-out;
  }
}
.isphone .viewer-type-horizontal.viewer-mag-menu-shown .navigation-arrow.bottom:not(.offscreen):not(.final-page-offscreen):not(.scaled-offscreen) {
  -webkit-transform: translateY(-184px);
  -ms-transform: translateY(-184px);
  transform: translateY(-184px);
}
.isphone .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .navigation-arrow.bottom:not(.offscreen):not(.final-page-offscreen):not(.scaled-offscreen) {
  -webkit-transform: translateY(-92px);
  -ms-transform: translateY(-92px);
  transform: translateY(-92px);
}
.isphone .navigation-arrow.left {
  left: 0;
  top: 50%;
  width: 32px;
  height: 44px;
  margin-top: -22px;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
}
.isphone .navigation-arrow.left .icon {
  position: absolute;
  left: 7px;
  top: 10px;
  width: 15px;
  height: 25px;
}
.isphone .navigation-arrow.left.offscreen {
  -webkit-transform: translateX(-32px);
  -ms-transform: translateX(-32px);
  transform: translateX(-32px);
  visibility: hidden;
}
.isphone .navigation-arrow.left.scaled-offscreen {
  -webkit-transform: translateX(-32px);
  -ms-transform: translateX(-32px);
  transform: translateX(-32px);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.isphone .navigation-arrow.right {
  right: 0;
  top: 50%;
  width: 32px;
  height: 44px;
  margin-top: -22px;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
}
.isphone .navigation-arrow.right .icon {
  position: absolute;
  right: 7px;
  top: 10px;
  width: 15px;
  height: 25px;
}
.isphone .navigation-arrow.right.offscreen {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
  visibility: hidden;
}
.isphone .navigation-arrow.right.scaled-offscreen {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.isphone .navigation-arrow.bottom {
  left: 50%;
  margin-left: -24px;
  bottom: 8px;
  width: 44px;
  height: 32px;
  -webkit-transition: 0.4s visibility ease-out, -webkit-transform 300ms ease;
  transition: 0.4s visibility ease-out, transform 300ms ease;
}
.isphone .navigation-arrow.bottom .icon {
  position: absolute;
  left: 10px;
  bottom: 7px;
  width: 25px;
  height: 15px;
  -webkit-animation: move 1.2s infinite 0.4s alternate;
  animation: move 1.2s infinite 0.4s alternate;
}
.isphone .navigation-arrow.bottom.offscreen,
.isphone .navigation-arrow.bottom.final-page-offscreen,
.isphone .navigation-arrow.bottom.scaled-offscreen {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  visibility: hidden;
}
.isphone .navigation-arrow.bottom.offscreen .icon,
.isphone .navigation-arrow.bottom.final-page-offscreen .icon,
.isphone .navigation-arrow.bottom.scaled-offscreen .icon {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@-webkit-keyframes move {
  from {
    -webkit-transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: translateY(7px);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes move {
  from {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  to {
    transform: translateY(7px);
    animation-timing-function: ease-out;
  }
}
.navigation-arrow .arrow-color-selector {
  position: absolute;
  width: 36px;
  height: 24px;
  left: 50%;
  margin-left: -18px;
  top: -8px;
  visibility: hidden;
  opacity: 0;
  cursor: default;
  -webkit-transition: 0.2s visibility linear, 0.2s opacity linear;
  transition: 0.2s visibility linear, 0.2s opacity linear;
}
.navigation-arrow .arrow-color-selector.black .color-clip-wrapper:hover .color-wrapper {
  left: -12px;
}
.navigation-arrow .arrow-color-selector.white .color-clip-wrapper:hover .color-wrapper {
  left: 0;
}
.navigation-arrow .arrow-color-selector .color-clip-wrapper {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  margin-left: -6px;
  top: 0;
  border: 3px solid #868686;
  overflow: hidden;
  border-radius: 50%;
  cursor: pointer;
}
.navigation-arrow .arrow-color-selector .color-clip-wrapper .color-wrapper {
  position: absolute;
  width: 24px;
  height: 100%;
  top: 0;
  left: -6px;
  -webkit-transition: left 0.1s ease-out;
  transition: left 0.1s ease-out;
}
.navigation-arrow .arrow-color-selector .color-clip-wrapper .color-wrapper .color {
  position: absolute;
  width: 12px;
  height: 100%;
  top: 0;
}
.navigation-arrow .arrow-color-selector .color-clip-wrapper .color-wrapper .color.white {
  left: 0;
  background-color: white;
}
.navigation-arrow .arrow-color-selector .color-clip-wrapper .color-wrapper .color.black {
  left: 12px;
  background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .navigation-arrow .sprite {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/navigation/sprite@2x.png');
  }
}
.toolbar {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  font-size: 0;
  text-align: right;
  height: 0;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
}
.minimal-constructor-ui .toolbar.for-constructor {
  opacity: 0;
  pointer-events: none;
}
.minimal-constructor-ui-no-transition .toolbar.for-constructor {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.istablet .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
  -webkit-transform: translateY(-184px);
  -ms-transform: translateY(-184px);
  transform: translateY(-184px);
}
.no-isphone .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer {
  -webkit-transform: translateX(-280px);
  -ms-transform: translateX(-280px);
  transform: translateX(-280px);
}
.isphone .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
  -webkit-transform: translateY(-184px);
  -ms-transform: translateY(-184px);
  transform: translateY(-184px);
}
.isphone .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .toolbar.for-viewer {
  -webkit-transform: translateY(-92px);
  -ms-transform: translateY(-92px);
  transform: translateY(-92px);
}
.isphone .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer {
  -webkit-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
}
.isdesktop .shift-toolbar-on-viewer-menu-open .toolbar.for-constructor {
  -webkit-transform: translateX(-280px);
  -ms-transform: translateX(-280px);
  transform: translateX(-280px);
}
.isdesktop .toolbar {
  top: 23px;
  right: 23px;
  left: 23px;
}
.no-isdesktop .toolbar {
  bottom: 58px;
  right: 8px;
  left: 8px;
}
.viewer-type-vertical-sticky .toolbar {
  position: fixed;
  bottom: 66px;
}
.toolbar .sprite {
  background-repeat: no-repeat;
  background-size: 50px 250px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/toolbar/sprite.png');
}
.toolbar.for-constructor .alert,
.toolbar.for-constructor .publish-button,
.toolbar.for-constructor .preview-button,
.toolbar.for-constructor .locked-button {
  z-index: 4500;
}
.toolbar.for-constructor .menu-button {
  z-index: 6002;
}
.toolbar.for-constructor .menu-button.active {
  background-color: transparent !important;
}
.toolbar.for-viewer {
  z-index: 120;
}
.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-1,
.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-2,
.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-3 {
  -webkit-transition: 0.2s opacity ease, 0.2s background ease, 0.2s top ease, 0.2s -webkit-transform ease 0.2s;
  transition: 0.2s opacity ease, 0.2s background ease, 0.2s top ease, 0.2s transform ease 0.2s;
}
.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-1 {
  top: 24px;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-2 {
  background: rgba(255, 255, 255, 0) !important;
}
.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-3 {
  top: 24px;
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.preview-mode .toolbar.for-constructor {
  z-index: 9999;
  position: fixed;
}
.preview-mode .toolbar.for-constructor .preview-button {
  background-position: 0 -150px;
}
.preview-mode .toolbar.for-constructor .menu-button {
  visibility: hidden;
  opacity: 0;
}
html:not(.preview-mode) .toolbar.for-constructor .publish-button,
html.preview-mode .toolbar.for-constructor .publish-button.invisible-button,
html.preview-mode .toolbar.for-constructor .locked-button,
html:not(.preview-mode) .toolbar.for-constructor .locked-button.invisible-button {
  display: none;
  /*		opacity: 0;
		visibility: hidden;
		width: 0;
		margin-left: 0;
		.multi-transition(background-color 0.2s ease-in-out, background-position 0.25s ease-in-out, z-index 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, 0s width ease 0.5s, 0s margin-left ease 0.5s;);
*/
}
.isphone .mag:not(.viewer-mag-menu-shown) .toolbar.for-viewer .share-button:not(.without-menu-button) {
  opacity: 0;
  visibility: hidden;
  width: 0;
  margin-left: 0;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, 0s width ease 0.2s, 0s margin-left ease 0.2s;
  transition: transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, 0s width ease 0.2s, 0s margin-left ease 0.2s;
}
.isphone .viewer-type-vertical .toolbar.for-viewer .share-button:not(.without-menu-button) {
  margin-top: -56px;
  margin-right: -56px;
}
.isdesktop .toolbar .offscreen-initially {
  -webkit-transform: translateY(-73px);
  -ms-transform: translateY(-73px);
  transform: translateY(-73px);
}
.no-isdesktop .toolbar .offscreen-initially {
  -webkit-transform: translateY(66px);
  -ms-transform: translateY(66px);
  transform: translateY(66px);
}
.toolbar .alert,
.toolbar .publish-button,
.toolbar .preview-button,
.toolbar .embed-close-button,
.toolbar .page-counter-wrapper,
.toolbar .locked-button,
.toolbar .edit-button,
.toolbar .share-button,
.toolbar .menu-button {
  vertical-align: top;
  position: relative;
  display: inline-block;
  height: 50px;
  border-radius: 25px;
  margin-left: 6px;
  background-color: rgba(66, 66, 66, 0.64);
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), background-color 0.2s ease-in-out, background-position 0.25s ease-in-out, z-index 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), background-color 0.2s ease-in-out, background-position 0.25s ease-in-out, z-index 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.toolbar .alert.hidden,
.toolbar .publish-button.hidden,
.toolbar .preview-button.hidden,
.toolbar .embed-close-button.hidden,
.toolbar .page-counter-wrapper.hidden,
.toolbar .locked-button.hidden,
.toolbar .edit-button.hidden,
.toolbar .share-button.hidden,
.toolbar .menu-button.hidden {
  display: none;
}
.toolbar .publish-button,
.toolbar .preview-button,
.toolbar .embed-close-button,
.toolbar .edit-button,
.toolbar .share-button,
.toolbar .menu-button {
  cursor: pointer;
}
.isdesktop .toolbar .publish-button:not(.no-hover):hover,
.isdesktop .toolbar .preview-button:not(.no-hover):hover,
.isdesktop .toolbar .embed-close-button:not(.no-hover):hover,
.isdesktop .toolbar .edit-button:not(.no-hover):hover,
.isdesktop .toolbar .share-button:not(.no-hover):hover,
.isdesktop .toolbar .menu-button:not(.no-hover):hover,
.no-isdesktop .toolbar .publish-button:not(.no-hover):active,
.no-isdesktop .toolbar .preview-button:not(.no-hover):active,
.no-isdesktop .toolbar .embed-close-button:not(.no-hover):active,
.no-isdesktop .toolbar .edit-button:not(.no-hover):active,
.no-isdesktop .toolbar .share-button:not(.no-hover):active,
.no-isdesktop .toolbar .menu-button:not(.no-hover):active {
  background-color: rgba(66, 66, 66, 0.82);
}
.toolbar .alert,
.toolbar .preview-button,
.toolbar .edit-button,
.toolbar .share-button,
.toolbar .menu-button {
  width: 50px;
}
.toolbar .alert {
  background-color: #f54432;
  background-position: 0 0;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.toolbar .alert.collapsed {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.toolbar .alert.save-progress {
  background-color: #14b666;
}
.toolbar .alert.for-connection .popup .message.for-connection {
  display: inline;
}
.toolbar .alert.for-socket {
  z-index: 9999;
}
.toolbar .alert.for-socket:not(.duplicate-error) .popup .message.for-socket {
  display: inline;
}
.toolbar .alert.for-socket:not(.duplicate-error) .popup .reload {
  display: block;
}
.toolbar .alert.for-socket.duplicate-error .popup {
  padding: 15px;
}
.toolbar .alert.for-socket.duplicate-error .popup .message.for-duplicate {
  display: inline;
}
.toolbar .alert .popup {
  position: absolute;
  width: 240px;
  background-color: #fff;
  top: 68px;
  left: 50%;
  margin-left: -120px;
  padding: 15px;
  padding-bottom: 18px;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: rgba(0, 0, 0, 0.88);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, top 0.2s ease-in-out;
  white-space: normal;
}
.toolbar .alert .popup.rolled-out {
  opacity: 0;
  visibility: hidden;
  top: 60px;
}
.toolbar .alert .popup .message {
  display: none;
}
.toolbar .alert .popup .reload {
  display: none;
  position: relative;
  width: 88px;
  height: 38px;
  border-radius: 4px;
  background-color: #f54432;
  margin: 12px auto 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.toolbar .alert .popup .reload:hover {
  background: #000;
}
.toolbar .alert .popup .corner-wrapper {
  position: absolute;
  left: 120px;
  width: 24px;
  height: 12px;
  top: -12px;
  margin-left: -12px;
  clip: rect(0, 123px, 12px, -99px);
}
.toolbar .alert .popup .corner-wrapper .corner {
  position: absolute;
  width: 17px;
  height: 17px;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.toolbar .alert .popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  margin-left: 0;
}
.toolbar .publish-button,
.toolbar .embed-close-button {
  opacity: 1;
  visibility: inherit;
  width: 120px;
  margin-left: 6px;
  -webkit-transition: background-color 0.2s ease-in-out, background-position 0.25s ease-in-out, z-index 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, 0s width ease, 0s margin-left ease;
  transition: background-color 0.2s ease-in-out, background-position 0.25s ease-in-out, z-index 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, 0s width ease, 0s margin-left ease;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: 50px;
}
.toolbar .locked-button {
  text-align: left;
  overflow: hidden;
}
.toolbar .locked-button .locked-userpic {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-size: 48px 48px;
}
.toolbar .locked-button .locked-username {
  position: relative;
  padding: 10px 30px 0 62px;
  font-size: 14px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  max-width: 256px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toolbar .locked-button .locked-message {
  position: relative;
  padding: 2px 30px 0 62px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@keyframes dot-anim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes dot-anim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.toolbar .locked-button .locked-message .dot-1 {
  animation: dot-anim 2.4s infinite steps(1);
  -webkit-animation: dot-anim 2.4s infinite steps(1);
}
.toolbar .locked-button .locked-message .dot-2 {
  animation: dot-anim 2.4s infinite steps(1) 0.4s;
  -webkit-animation: dot-anim 2.4s infinite steps(1) 0.4s;
}
.toolbar .locked-button .locked-message .dot-3 {
  animation: dot-anim 2.4s infinite steps(1) 0.8s;
  -webkit-animation: dot-anim 2.4s infinite steps(1) 0.8s;
}
.toolbar .locked-button.isowner:hover {
  cursor: pointer;
}
.toolbar .locked-button.isowner:after {
  content: 'Take Over';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  line-height: 50px;
  background-color: rgba(66, 66, 66, 0.82);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  opacity: 0;
}
.toolbar .locked-button:hover:after {
  opacity: 1;
}
.toolbar .embed-close-button {
  width: 96px;
}
.isphone .toolbar .embed-close-button {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.toolbar .preview-button {
  background-position: 0px -100px;
}
.mag:not(.viewer-mag-menu-shown) .toolbar.show-page-counter .page-counter-wrapper {
  opacity: 1;
  visibility: inherit;
  margin-left: 6px;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), opacity 0.4s ease-in-out, width 0s, margin-left 0s;
  transition: -webkit-transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), opacity 0.4s ease-in-out, width 0s, margin-left 0s;
}
.toolbar .page-counter-wrapper {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  width: 0;
  margin-left: 0;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, width 0s ease-in-out 0.4s, margin-left 0s 0.4s;
  transition: -webkit-transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, width 0s ease-in-out 0.4s, margin-left 0s 0.4s;
}
.toolbar .page-counter-wrapper .page-counter {
  position: absolute;
  color: #fff;
  font-size: 16px;
  text-align: right;
  line-height: 50px;
  height: 100%;
  padding: 0 27px;
  white-space: nowrap;
  font-family: 'Charter', 'Times New Roman';
  font-style: italic;
}
.toolbar .page-counter-wrapper .page-counter .cur,
.toolbar .page-counter-wrapper .page-counter .total {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.toolbar .page-counter-wrapper .page-counter .total {
  padding-left: 2px;
}
.toolbar .edit-button {
  background-position: 0 -150px;
}
.toolbar .share-button {
  background-position: 0 -50px;
  opacity: 1;
  visibility: inherit;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, 0s width ease, 0s margin-left ease;
  transition: transform 0.45s cubic-bezier(0.56, 0.86, 0.59, 1), background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, 0s width ease, 0s margin-left ease;
}
.toolbar .share-button:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  visiblity: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/sprite.png');
}
.mag:not(.viewer-mag-menu-shown) .toolbar.show-page-counter .menu-button .page-counter {
  opacity: 1;
}
.toolbar .menu-button {
  overflow: hidden;
}
.toolbar .menu-button .page-counter {
  position: absolute;
  color: #fff;
  font-size: 16px;
  text-align: right;
  line-height: 50px;
  height: 100%;
  right: 0;
  top: 0;
  padding-right: 50px;
  padding-left: 22px;
  white-space: nowrap;
  font-family: 'Charter', 'Times New Roman';
  font-style: italic;
  opacity: 0;
}
.toolbar .menu-button .page-counter .cur,
.toolbar .menu-button .page-counter .total {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.toolbar .menu-button .page-counter .total {
  padding-left: 2px;
}
.toolbar .menu-button .line-1,
.toolbar .menu-button .line-2,
.toolbar .menu-button .line-3 {
  position: absolute;
  right: 15px;
  width: 20px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
  -webkit-transition: 0.2s opacity ease, 0.2s background ease, 0.2s top ease 0.2s, 0.2s -webkit-transform ease;
  transition: 0.2s opacity ease, 0.2s background ease, 0.2s top ease 0.2s, 0.2s transform ease;
}
.toolbar .menu-button .line-1 {
  top: 18px;
}
.toolbar .menu-button .line-2 {
  top: 24px;
}
.toolbar .menu-button .line-3 {
  top: 30px;
}
.toolbar .menu-button .page-preloader {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-position: 0 -200px;
  -webkit-animation: preloading_rotation 1.3s linear 0s infinite normal;
  animation: preloading_rotation 1.3s linear 0s infinite normal;
}
.isdesktop .toolbar .menu-button .page-preloader {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@-webkit-keyframes preloading_rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes preloading_rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.toolbar .menu-button.preloading .line-1,
.toolbar .menu-button.waiting-video-bg-start .line-1,
.toolbar .menu-button.preloading .line-2,
.toolbar .menu-button.waiting-video-bg-start .line-2,
.toolbar .menu-button.preloading .line-3,
.toolbar .menu-button.waiting-video-bg-start .line-3 {
  opacity: 0;
}
.toolbar .menu-button.preloading .page-preloader,
.toolbar .menu-button.waiting-video-bg-start .page-preloader {
  display: block;
}
.isdesktop .toolbar .menu-button:hover .line-1,
.no-isdesktop .toolbar .menu-button:active .line-1,
.isdesktop .toolbar .menu-button:hover .line-2,
.no-isdesktop .toolbar .menu-button:active .line-2,
.isdesktop .toolbar .menu-button:hover .line-3,
.no-isdesktop .toolbar .menu-button:active .line-3 {
  opacity: 1;
  background: #ffffff;
}
.isdesktop .toolbar .menu-button:hover .page-preloader,
.no-isdesktop .toolbar .menu-button:active .page-preloader {
  opacity: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .toolbar .sprite {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/toolbar/sprite@2x.png');
  }
  .toolbar .share-button:after {
    content: '';
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/sprite@2x.png');
  }
}
/* soundcite - v0.4.1 - 2015-05-11
 * Copyright (c) 2015 Tyler J. Fisher and Northwestern University Knight Lab
 */
/*PLAYER CHROME*/
@-webkit-keyframes soundcite-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes soundcite-spin {
  from {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes soundcite-spin {
  from {
    -ms-transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes soundcite-spin {
  from {
    -o-transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes soundcite-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.soundcite-loaded,
.soundcite-initializing,
#constructor span.soundcite,
.screenshot-mode span.soundcite {
  position: relative;
  padding: 0 0.2em 0 1.3em;
  display: inline;
  cursor: pointer;
  line-height: 120% !important;
}
.soundcite-force-bg-color:after {
  opacity: 0;
}
.soundcite-loading:before,
.soundcite-initializing:before {
  content: "";
  position: absolute;
  top: 0.24em;
  left: 0.2em;
  height: 0.5em;
  width: 0.5em;
  border-width: 0.1em;
  border-style: solid;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: soundcite-spin 1s linear infinite;
  -moz-animation: soundcite-spin 1s linear infinite;
  -ms-animation: soundcite-spin 1s linear infinite;
  -o-animation: soundcite-spin 1s linear infinite;
  animation: soundcite-spin 1s linear infinite;
}
.soundcite-play:before,
#constructor span.soundcite:before,
.screenshot-mode span.soundcite:before {
  content: "";
  position: absolute;
  top: 0.21em;
  left: 0.3em;
  border-width: 0.4em;
  border-style: solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-left-width: 0.6em;
}
.soundcite-pause:before {
  content: "";
  position: absolute;
  top: 0.24em;
  left: 0.3em;
  height: 0.7em;
  border-left-width: 0.5em;
  border-left-style: double;
}
html {
  height: 100%;
}
body.ns-resize-cursor * {
  cursor: ns-resize !important;
}
body.ew-resize-cursor * {
  cursor: ew-resize !important;
}
body.grabbing-cursor * {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0;
}
body {
  border: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}
body.constructor {
  position: relative;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  min-width: 1024px;
  background: none;
}
body.preview {
  height: 100%;
  min-width: 1024px;
}
#constructor {
  height: 100%;
  -webkit-transition: -webkit-filter 0.3s ease-out;
  transition: -webkit-filter 0.3s ease-out;
}
#constructor.blur {
  -webkit-filter: blur(5px);
}
.rm-block-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.rm-block-layer.fade-in {
  background: rgba(0, 0, 0, 0.2);
}
.rm-block-layer.fade-in.darker {
  background: rgba(0, 0, 0, 0.8);
}
#main {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
#main.goout {
  opacity: 0;
}
#main #workspaceUpload {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}
.rm-loader {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 10000;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 1s infinite linear;
  display: none;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.preload_image {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 1px;
  height: 1px;
}
.preview-mode .intercom-container,
.pages-panel-shown .intercom-container,
.code-editor-shown .intercom-container,
.minimal-constructor-ui .intercom-container {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .rm-loader {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader@2x.png');
    background-size: 40px 40px;
  }
}
.pages-pane {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 6000;
  min-width: 960px;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.45s ease-out;
  transition: opacity 0.45s ease-out;
}
.pages-pane.offscreen {
  pointer-events: none;
}
.pages-pane.offscreen * {
  pointer-events: none !important;
}
.pages-pane.settings-shown .block-layer {
  display: block;
}
.pages-pane.settings-shown .pages-panel-container .top .back {
  opacity: 0.2;
}
.pages-pane.settings-shown .pages-panel-container .bottom {
  opacity: 0.2;
}
.pages-pane.settings-shown .middle {
  opacity: 0.2;
}
.pages-pane.templates-shown .pages-panel-container,
.pages-pane.help-menu-shown .pages-panel-container {
  z-index: auto;
}
.pages-pane.templates-shown .block-layer {
  display: block;
  z-index: 6003;
}
.pages-pane.templates-shown .middle {
  opacity: 0.2;
}
.pages-pane .block-layer {
  position: absolute;
  left: 16px;
  top: 16px;
  bottom: 16px;
  right: 16px;
  border-radius: 5px;
  z-index: 6001;
  display: none;
}
.pages-pane.closed {
  opacity: 0;
}
.pages-pane.closed .pages-panel-container {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.pages-pane .selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.pages-pane .pages-panel-wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
}
.pages-pane .middle {
  position: absolute;
  top: 127px;
  bottom: 165px;
  width: 100%;
  -webkit-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
  z-index: auto;
}
.pages-pane .pages-panel-container {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  position: absolute;
  left: 16px;
  top: 16px;
  bottom: 16px;
  right: 16px;
  border-radius: 5px;
  background-color: #3d3d3d;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.48);
}
.pages-pane .pages-panel-container .top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80px;
}
.pages-pane .pages-panel-container .top .back-link {
  text-decoration: none;
}
.pages-pane .pages-panel-container .top .back {
  position: absolute;
  left: 22px;
  top: 19px;
  cursor: pointer;
  width: 109px;
  height: 41px;
  background-size: 113px 41px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/back.png');
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #363234;
  padding-left: 4px;
  text-align: center;
  line-height: 39px;
  -webkit-transition: opacity 0.35s ease-in-out, background-image 0.2s ease-in-out;
  transition: opacity 0.35s ease-in-out, background-image 0.2s ease-in-out;
}
.isdesktop .pages-pane .pages-panel-container .top .back:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/back-hover.png');
}
.isdesktop .pages-pane .pages-panel-container .top .back:active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/back-click.png');
}
.pages-pane .pages-panel-container .top .header {
  position: absolute;
  width: 640px;
  top: 20px;
  left: 50%;
  margin-left: -320px;
}
.pages-pane .pages-panel-container .top .header .title-wrapper {
  z-index: 6002;
  top: 0;
  position: absolute;
  left: 50%;
}
.isdesktop .pages-pane .pages-panel-container .top .header .title-wrapper {
  -webkit-transform: translateZ(0);
}
.pages-pane .pages-panel-container .top .header .title-wrapper .title {
  position: relative;
  left: -50%;
}
.pages-pane .pages-panel-container .top .header .title-wrapper .title .mag-name {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 31px;
  line-height: 35px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: 640px;
  padding: 0 8px;
}
.pages-pane .pages-panel-container .top .header .title-wrapper .title .mag-name.no-settings {
  cursor: default;
}
.pages-pane .pages-panel-container .top .header .title-wrapper .title .settings-button {
  position: absolute;
  right: -36px;
  top: -1px;
  cursor: pointer;
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings.png');
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-pane .pages-panel-container .top .header .title-wrapper .title .settings-button.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings-active.png');
}
.isdesktop .pages-pane .pages-panel-container .top .header .title-wrapper .title:hover .settings-button {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings-hover.png');
}
.isdesktop .pages-pane .pages-panel-container .top .header .title-wrapper .title:hover .settings-button.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings-active-hover.png');
}
.pages-pane .pages-panel-container .top .header .info-wrapper {
  top: 40px;
  position: absolute;
  left: 50%;
}
.pages-pane .pages-panel-container .top .header .info-wrapper .info {
  position: relative;
  left: -50%;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  white-space: nowrap;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.pages-pane .pages-panel-container .bottom {
  -webkit-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
}
.pages-pane .pages-panel-container .bottom .plus {
  position: absolute;
  bottom: 27px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  cursor: pointer;
  background-size: 90px 90px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/plus.png');
}
.isdesktop .pages-pane .pages-panel-container .bottom .plus:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/plus-hover.png');
}
.isdesktop .pages-pane .pages-panel-container .bottom .plus:active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/plus-click.png');
}
.pages-pane .pages-panel-container .bottom .help-wrapper {
  cursor: pointer;
  position: absolute;
  right: 32px;
  bottom: 26px;
}
.pages-pane .pages-panel-container .bottom .help-wrapper:hover .help-text,
.pages-pane .pages-panel-container .bottom .help-wrapper.active .help-text {
  color: #ffffff;
}
.pages-pane .pages-panel-container .bottom .help-wrapper:hover .help-arrow,
.pages-pane .pages-panel-container .bottom .help-wrapper.active .help-arrow {
  opacity: 1;
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-text {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 24px;
  padding-right: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-arrow {
  position: absolute;
  width: 7px;
  height: 5px;
  top: 10px;
  right: 0;
  background-size: 7px 5px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/help-arrow.png');
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel {
  bottom: 38px;
  right: 0;
  position: absolute;
  width: 208px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.42);
  border-radius: 8px;
  background: white;
  z-index: 3;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  visibility: hidden;
  margin-bottom: -8px;
  opacity: 0;
  cursor: default;
  z-index: 7000;
  box-shadow: none;
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items {
  padding: 0 16px;
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 55px;
  color: #3d3d3d;
  line-height: 55px;
  text-align: left;
  text-indent: 44px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item:last-child {
  border-bottom: none;
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.take-a-tour .help-panel-item-icon {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 13px;
  left: 7px;
  background-size: 26px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-take-a-tour.png');
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.read-manual .help-panel-item-icon {
  position: absolute;
  width: 22px;
  height: 26px;
  top: 13px;
  left: 9px;
  background-size: 22px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-read-manual.png');
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.shortcuts .help-panel-item-icon {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 15px;
  left: 9px;
  background-size: 22px 22px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/shortcuts.png');
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.contact-support .help-panel-item-icon {
  position: absolute;
  width: 25px;
  height: 26px;
  top: 14px;
  left: 8px;
  background-size: 25px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-contact-support.png');
}
.pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item:hover {
  color: #0078ff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.take-a-tour .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-take-a-tour@2x.png');
  }
  .pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.read-manual .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-read-manual@2x.png');
  }
  .pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.shortcuts .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/shortcuts@2x.png');
  }
  .pages-pane .pages-panel-container .bottom .help-wrapper .help-panel .help-panel-items .help-panel-item.contact-support .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-contact-support@2x.png');
  }
}
.pages-pane .pages-panel-container .bottom .help-wrapper.active {
  z-index: 2;
}
.pages-pane .pages-panel-container .bottom .help-wrapper.active .help-panel {
  -webkit-transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  visibility: inherit;
  margin-bottom: 0;
  opacity: 1;
}
.pages-pane .pages-panel-container .bottom .help-wrapper.active .help-arrow {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.pages-pane .pages-panel-container .bottom .switcher {
  position: absolute;
  width: 143px;
  height: 23px;
  left: 27px;
  bottom: 28px;
}
.pages-pane .pages-panel-container .bottom .switcher .slide,
.pages-pane .pages-panel-container .bottom .switcher .list,
.pages-pane .pages-panel-container .bottom .switcher .trash {
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-pane .pages-panel-container .bottom .switcher .slide.hidden,
.pages-pane .pages-panel-container .bottom .switcher .list.hidden,
.pages-pane .pages-panel-container .bottom .switcher .trash.hidden {
  display: none;
}
.pages-pane .pages-panel-container .bottom .switcher .slide {
  width: 30px;
  height: 26px;
  background-size: 30px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/slide-view.png');
  margin-right: 9px;
}
.isdesktop .pages-pane .pages-panel-container .bottom .switcher .slide:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/slide-view-hover.png');
}
.pages-pane .pages-panel-container .bottom .switcher .slide.active,
.pages-pane .pages-panel-container .bottom .switcher .slide.active:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/slide-view-active.png');
  cursor: default;
}
.pages-pane .pages-panel-container .bottom .switcher .list {
  width: 30px;
  height: 26px;
  background-size: 30px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/list-view.png');
  margin-right: 8px;
}
.isdesktop .pages-pane .pages-panel-container .bottom .switcher .list:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/list-view-hover.png');
}
.pages-pane .pages-panel-container .bottom .switcher .list.active,
.pages-pane .pages-panel-container .bottom .switcher .list.active:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/list-view-active.png');
  cursor: default;
}
.pages-pane .pages-panel-container .bottom .switcher .trash {
  width: 31px;
  height: 23px;
  cursor: default;
}
.pages-pane .pages-panel-container .bottom .switcher .trash .trash-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 23px 19px;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive.png");
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50% 4px;
  -webkit-transition: 0.2s background-image ease-in-out, 0.2s background-image ease-in-out;
  transition: 0.2s background-image ease-in-out, 0.2s background-image ease-in-out;
}
.isdesktop .pages-pane .pages-panel-container .bottom .switcher .trash .trash-inner:hover {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive-hover.png");
}
.pages-pane .pages-panel-container .bottom .switcher .trash.full .trash-inner {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive.png");
}
.isdesktop .pages-pane .pages-panel-container .bottom .switcher .trash.full .trash-inner:hover {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive-hover.png");
}
.pages-pane .pages-panel-container .bottom .switcher .trash.animate .trash-inner {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive-hover.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-pane .pages-panel-container .top .back {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/back@2x.png');
    background-size: 113px 41px;
  }
  .isdesktop .pages-pane .pages-panel-container .top .back:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/back-hover@2x.png');
    background-size: 113px 41px;
  }
  .isdesktop .pages-pane .pages-panel-container .top .back:active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/back-click@2x.png');
    background-size: 113px 41px;
  }
  .pages-pane .pages-panel-container .top .header .title-wrapper .title .settings-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings@2x.png');
    background-size: 36px 36px;
  }
  .pages-pane .pages-panel-container .top .header .title-wrapper .title .settings-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings-active@2x.png');
    background-size: 36px 36px;
  }
  .isdesktop .pages-pane .pages-panel-container .top .header .title-wrapper .title:hover .settings-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings-hover@2x.png');
    background-size: 36px 36px;
  }
  .isdesktop .pages-pane .pages-panel-container .top .header .title-wrapper .title:hover .settings-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/settings-active-hover@2x.png');
    background-size: 36px 36px;
  }
  .pages-pane .pages-panel-container .bottom .plus {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/plus@2x.png');
    background-size: 90px 90px;
  }
  .isdesktop .pages-pane .pages-panel-container .bottom .plus:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/plus-hover@2x.png');
    background-size: 90px 90px;
  }
  .isdesktop .pages-pane .pages-panel-container .bottom .plus:active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/plus-click@2x.png');
    background-size: 90px 90px;
  }
  .pages-pane .pages-panel-container .bottom .help-wrapper .help-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/help-arrow@2x.png');
    background-size: 7px 5px;
  }
  .pages-pane .pages-panel-container .bottom .switcher .slide {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/slide-view@2x.png');
    background-size: 30px 26px;
  }
  .isdesktop .pages-pane .pages-panel-container .bottom .switcher .slide:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/slide-view-hover@2x.png');
    background-size: 30px 26px;
  }
  .pages-pane .pages-panel-container .bottom .switcher .slide.active,
  .pages-pane .pages-panel-container .bottom .switcher .slide.active:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/slide-view-active@2x.png');
    background-size: 30px 26px;
  }
  .pages-pane .pages-panel-container .bottom .switcher .list {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/list-view@2x.png');
    background-size: 30px 26px;
  }
  .isdesktop .pages-pane .pages-panel-container .bottom .switcher .list:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/list-view-hover@2x.png');
    background-size: 30px 26px;
  }
  .pages-pane .pages-panel-container .bottom .switcher .list.active,
  .pages-pane .pages-panel-container .bottom .switcher .list.active:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/list-view-active@2x.png');
    background-size: 30px 26px;
  }
  .pages-pane .pages-panel-container .bottom .switcher .trash .trash-inner {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive@2x.png");
    background-size: 23px 19px;
  }
  .isdesktop .pages-pane .pages-panel-container .bottom .switcher .trash .trash-inner:hover {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive-hover@2x.png");
    background-size: 23px 19px;
  }
  .pages-pane .pages-panel-container .bottom .switcher .trash.full .trash-inner {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive@2x.png");
    background-size: 23px 19px;
  }
  .isdesktop .pages-pane .pages-panel-container .bottom .switcher .trash.full .trash-inner:hover {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive-hover@2x.png");
    background-size: 23px 19px;
  }
  .pages-pane .pages-panel-container .bottom .switcher .trash.animate .trash-inner {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel/archive-hover@2x.png");
    background-size: 23px 19px;
  }
}
.pages-pane.closed .contents {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.pages-pane .contents {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  position: relative;
  width: 100%;
  height: 100%;
}
.pages-pane .contents .thumb.long .thumb-img-wrapper,
.pages-pane .contents .thumb.long .locked-bg {
  -webkit-mask-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/scroll-mask.png');
  -webkit-mask-position: bottom left;
  -webkit-mask-size: 512px 336px;
  -webkit-mask-repeat: no-repeat;
}
.pages-pane .contents .thumb {
  position: relative;
  float: left;
  z-index: 1;
}
.pages-pane .contents .thumb .menu-hide {
  display: none;
}
.pages-pane .contents .thumb.enable-transition {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.pages-pane .contents .thumb.bottom-index {
  z-index: 0;
}
.pages-pane .contents .thumb.collapsed {
  width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.pages-pane .contents .thumb.collapsed-half {
  opacity: 0 !important;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.pages-pane .contents .thumb.locked .context-menu .menu-edit,
.pages-pane .contents .thumb.locked .context-menu .menu-remove {
  opacity: 0;
  pointer-events: none;
}
.pages-pane .contents .thumb.locked .locked-wrapper {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: inherit;
  pointer-events: none;
}
.pages-pane .contents .thumb.locked .locked-wrapper .locked-userpic {
  pointer-events: all;
}
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-bg {
  background: rgba(0, 0, 0, 0.9);
}
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-username,
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-message {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
@keyframes dot-anim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes dot-anim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-username .dot-1,
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-message .dot-1 {
  animation: dot-anim 2.4s infinite steps(1);
  -webkit-animation: dot-anim 2.4s infinite steps(1);
}
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-username .dot-2,
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-message .dot-2 {
  animation: dot-anim 2.4s infinite steps(1) 0.4s;
  -webkit-animation: dot-anim 2.4s infinite steps(1) 0.4s;
}
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-username .dot-3,
.pages-pane .contents .thumb.locked.show-locked-username .locked-wrapper .locked-message .dot-3 {
  animation: dot-anim 2.4s infinite steps(1) 0.8s;
  -webkit-animation: dot-anim 2.4s infinite steps(1) 0.8s;
}
.pages-pane .contents .thumb.hidden .eye-wrapper {
  opacity: 1;
}
.pages-pane .contents .thumb.hidden .num-wrapper {
  opacity: 0;
}
.pages-pane .contents .thumb.hidden .wrap-img {
  opacity: 0.2;
}
.pages-pane .contents .thumb.hidden .context-menu .menu-hide {
  background-size: 38px 38px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-invisible.png');
}
.pages-pane .contents .thumb.hidden .context-menu .menu-hide:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-visible-hover.png');
}
.pages-pane .contents .thumb.active .num-wrapper .num {
  background: #0078ff;
  color: white;
}
.pages-pane .contents .thumb.active .eye-wrapper {
  background: #fff;
}
.pages-pane .contents .thumb.active .eye-wrapper .eye {
  background-size: 19px 14px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-invisible-active.png');
}
.pages-pane .contents .thumb.active .eye-wrapper .eye:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-visible-active.png');
}
.pages-pane .contents .thumb.active .title {
  color: #fff;
}
.pages-pane .contents .thumb.active .context-menu {
  opacity: 1;
}
.pages-pane .contents .thumb.active .page-uri-wrapper {
  visibility: inherit;
  opacity: 1;
}
.pages-pane .contents .thumb:not(.active):hover .num-wrapper .num {
  background: rgba(255, 255, 255, 0.1);
}
.pages-pane .contents .thumb:not(.active):hover .eye-wrapper {
  background: rgba(255, 255, 255, 0.1);
}
.pages-pane .contents .thumb:not(.active):hover .context-menu {
  opacity: 1;
}
.pages-pane .contents .thumb:not(.active):hover .page-uri-wrapper {
  visibility: inherit;
  opacity: 1;
}
.pages-pane .contents .thumb.editing-title .title {
  opacity: 0;
  visibility: hidden;
}
.pages-pane .contents .thumb.editing-title .title-input {
  opacity: 1;
}
.pages-pane .contents .thumb.editing-uri .page-uri-wrapper {
  visibility: inherit;
  opacity: 1;
}
.pages-pane .contents .thumb.editing-uri .page-uri {
  opacity: 0;
  visibility: hidden;
}
.pages-pane .contents .thumb.editing-uri .page-uri-input-wrapper {
  opacity: 1;
}
.pages-pane .contents .thumb.editing-uri .page-uri-input-wrapper .slash {
  opacity: 1;
}
.pages-pane .contents .thumb .eye-wrapper {
  position: absolute;
  left: 50%;
  width: 36px;
  margin-left: -18px;
  height: 22px;
  border-radius: 11px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  cursor: pointer;
}
.pages-pane .contents .thumb .eye-wrapper .eye {
  position: absolute;
  width: 18px;
  height: 14px;
  top: 4px;
  left: 9px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-size: 19px 14px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-invisible.png');
}
.pages-pane .contents .thumb .eye-wrapper .eye:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-visible.png');
}
.pages-pane .contents .thumb .num-wrapper {
  position: absolute;
  left: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.pages-pane .contents .thumb .num-wrapper .num {
  position: relative;
  padding: 0 15px;
  left: -50%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 23px;
  height: 22px;
  color: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-pane .contents .thumb .wrap-img {
  position: absolute;
  left: 0;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.68);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.pages-pane .contents .thumb .wrap-img .thumb-img-wrapper {
  cursor: pointer;
  border-radius: 2px;
  background: #fff;
}
.pages-pane .contents .thumb .wrap-img .thumb-img-wrapper .thumb-img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  opacity: 0;
}
.pages-pane .contents .thumb .locked-wrapper {
  position: absolute;
  left: 0;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pages-pane .contents .thumb .locked-wrapper .locked-bg {
  cursor: pointer;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.68);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.pages-pane .contents .thumb .locked-wrapper .locked-userpic {
  position: absolute;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pages-pane .contents .thumb .locked-wrapper .locked-username {
  position: absolute;
  width: 100%;
  top: 23px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  padding: 0 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.pages-pane .contents .thumb .locked-wrapper .locked-message {
  position: absolute;
  width: 100%;
  top: 39px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.pages-pane .contents .thumb .context-menu {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}
.pages-pane .contents .thumb .context-menu .menu-edit,
.pages-pane .contents .thumb .context-menu .menu-hide,
.pages-pane .contents .thumb .context-menu .menu-clone,
.pages-pane .contents .thumb .context-menu .menu-remove,
.pages-pane .contents .thumb .context-menu .menu-settings {
  position: absolute;
  cursor: pointer;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-pane .contents .thumb .context-menu .menu-edit {
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-edit.png');
}
.pages-pane .contents .thumb .context-menu .menu-edit:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-edit-hover.png');
}
.pages-pane .contents .thumb .context-menu .menu-hide {
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-visible.png');
}
.pages-pane .contents .thumb .context-menu .menu-hide:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-invisible-hover.png');
}
.pages-pane .contents .thumb .context-menu .menu-clone {
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-clone.png');
}
.pages-pane .contents .thumb .context-menu .menu-clone:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-clone-hover.png');
}
.pages-pane .contents .thumb .context-menu .menu-settings {
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-settings.png');
}
.pages-pane .contents .thumb .context-menu .menu-settings:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-settings-hover.png');
}
.pages-pane .contents .thumb .context-menu .menu-remove {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-remove.png');
}
.pages-pane .contents .thumb .context-menu .menu-remove:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-remove-hover.png');
}
.pages-pane .contents .thumb .context-menu .menu-remove.invisible {
  display: none;
}
.pages-pane .contents .thumb .title,
.pages-pane .contents .thumb .page-uri {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  top: 169px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pages-pane .contents .thumb .title-input,
.pages-pane .contents .thumb .page-uri-input {
  width: 100%;
  position: absolute;
  left: 0;
  top: 168px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  color: #fff;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pages-pane .contents .thumb .page-uri-wrapper {
  visibility: hidden;
  opacity: 0;
}
.isdesktop .pages-pane .contents .thumb .page-uri-wrapper:hover .page-uri {
  color: white;
}
.pages-pane .contents .thumb .page-uri-wrapper.force-visible {
  visibility: visible;
  opacity: 1;
}
.pages-pane .contents .thumb .page-uri {
  top: 189px;
}
.pages-pane .contents .thumb .page-uri-input-wrapper {
  position: relative;
  top: 189px;
  width: 100%;
  display: inline-block;
  opacity: 0;
  text-align: center;
}
.pages-pane .contents .thumb .page-uri-input-wrapper .slash {
  opacity: 0;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.2);
}
.pages-pane .contents .thumb .page-uri-input {
  padding: 0;
  top: 0;
  display: inline-block;
  position: relative;
  opacity: 1;
  width: 80%;
}
.pages-pane .contents .thumb .page-uri-error {
  width: 100%;
  text-align: center;
  color: white;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 208px;
  -webkit-transition: 0.2s opacity linear, 0.2s visibility linear;
  transition: 0.2s opacity linear, 0.2s visibility linear;
}
.pages-pane .contents .thumb .page-uri-error.visible {
  visibility: inherit;
  opacity: 0.2;
}
.pages-pane .contents .contents-view {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  opacity: 1;
}
.pages-pane .contents .contents-view.invisible {
  opacity: 0;
}
.pages-pane .contents .contents-view.hidden {
  display: none;
}
.pages-pane .contents .contents-slide-horizontal {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pages-pane .contents .contents-slide-horizontal.force-display {
  display: block !important;
}
.pages-pane .contents .contents-slide-horizontal .thumb {
  width: 192px;
  height: 220px;
  margin: 0 12px;
}
.pages-pane .contents .contents-slide-horizontal .thumb.duplicating {
  opacity: 0;
  margin-left: -192px;
}
.pages-pane .contents .contents-slide-horizontal .thumb.hidden .eye-wrapper {
  top: 0;
}
.pages-pane .contents .contents-slide-horizontal .thumb.hidden .num-wrapper {
  top: 75px;
}
.pages-pane .contents .contents-slide-horizontal .thumb .eye-wrapper {
  top: 75px;
}
.pages-pane .contents .contents-slide-horizontal .thumb .num-wrapper {
  top: 0;
}
.pages-pane .contents .contents-slide-horizontal .thumb:not(.active):not(:hover) .locked-wrapper .locked-userpic {
  left: 77px;
}
.pages-pane .contents .contents-slide-horizontal .thumb .wrap-img,
.pages-pane .contents .contents-slide-horizontal .thumb .locked-wrapper {
  top: 35px;
  width: 192px;
  height: 121px;
}
.pages-pane .contents .contents-slide-horizontal .thumb .wrap-img .thumb-img-wrapper,
.pages-pane .contents .contents-slide-horizontal .thumb .locked-wrapper .thumb-img-wrapper,
.pages-pane .contents .contents-slide-horizontal .thumb .wrap-img .locked-bg,
.pages-pane .contents .contents-slide-horizontal .thumb .locked-wrapper .locked-bg {
  width: 192px;
  height: 125px;
}
.pages-pane .contents .contents-slide-horizontal .thumb .wrap-img .locked-userpic,
.pages-pane .contents .contents-slide-horizontal .thumb .locked-wrapper .locked-userpic {
  top: 73px;
  left: 27px ;
}
.pages-pane .contents .contents-slide-horizontal .thumb .context-menu {
  top: 35px;
}
.pages-pane .contents .contents-slide-horizontal .thumb .context-menu .menu-edit {
  top: 73px;
  left: 27px ;
}
.pages-pane .contents .contents-slide-horizontal .thumb .context-menu .menu-hide {
  top: 73px;
  left: 27px;
}
.pages-pane .contents .contents-slide-horizontal .thumb .context-menu .menu-clone {
  top: 73px;
  left: 77px ;
}
.pages-pane .contents .contents-slide-horizontal .thumb .context-menu .menu-settings {
  top: 73px;
  left: 127px ;
}
.pages-pane .contents .contents-slide-horizontal .thumb .context-menu .menu-remove {
  top: -11px;
  left: 173px;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper {
  position: absolute;
  left: 0;
  top: 59%;
  margin-top: -128px;
  height: 256px;
  width: 100%;
  overflow: hidden;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .gutter {
  position: absolute;
  height: 8px;
  left: 344px;
  right: 344px;
  background-color: #000;
  box-shadow: inset 0 -9px 7px -5px rgba(255, 255, 255, 0.5);
  opacity: 0.14;
  border-radius: 4px;
  bottom: 1px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .scroll {
  position: absolute;
  display: none;
  height: 8px;
  border-radius: 4px;
  background: #5f5b5c;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), inset 0 -7px 7px -5px rgba(0, 0, 0, 0.3);
  bottom: 1px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .scroll:hover,
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .scroll.dragging {
  background: #696566;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .pages-wrapper {
  position: absolute;
  height: 286px;
  width: 100%;
  overflow-x: scroll;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .pages-wrapper.enable-transition {
  -webkit-transition: left 0.25s ease-in-out;
  transition: left 0.25s ease-in-out;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .pages-wrapper .pages {
  height: 256px;
  padding: 0 36px;
}
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .pages-wrapper .pages .thumb.long .thumb-img-wrapper,
.pages-pane .contents .contents-slide-horizontal .scroll-wrapper .pages-wrapper .pages .thumb.long .locked-bg {
  clip-path: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/scroll-mask.svg#page-mask-192');
}
.pages-pane .contents .contents-slide-vertical {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pages-pane .contents .contents-slide-vertical.force-display {
  display: block !important;
}
.pages-pane .contents .contents-slide-vertical .thumb {
  position: relative;
  width: 192px;
  height: 144px;
  margin: 0 12px;
  float: none;
}
.pages-pane .contents .contents-slide-vertical .thumb.duplicating {
  opacity: 0;
  margin-left: -192px;
}
.pages-pane .contents .contents-slide-vertical .thumb.hidden .eye-wrapper {
  top: 0;
}
.pages-pane .contents .contents-slide-vertical .thumb.hidden .num-wrapper {
  top: 75px;
}
.pages-pane .contents .contents-slide-vertical .thumb.active .num-wrapper .num {
  box-shadow: none;
}
.pages-pane .contents .contents-slide-vertical .thumb:not(.active):hover .num-wrapper .num {
  box-shadow: none;
}
.pages-pane .contents .contents-slide-vertical .thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 430px;
}
.pages-pane .contents .contents-slide-vertical .thumb .eye-wrapper {
  top: 40px;
}
.pages-pane .contents .contents-slide-vertical .thumb .num-wrapper {
  position: absolute;
  top: 0;
  left: 223px;
}
.pages-pane .contents .contents-slide-vertical .thumb .num-wrapper .num {
  left: auto;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.pages-pane .contents .contents-slide-vertical .thumb:not(.active):not(:hover) .locked-wrapper .locked-userpic {
  left: 77px;
}
.pages-pane .contents .contents-slide-vertical .thumb .wrap-img,
.pages-pane .contents .contents-slide-vertical .thumb .locked-wrapper {
  top: 0;
  width: 192px;
  height: 121px;
}
.pages-pane .contents .contents-slide-vertical .thumb .wrap-img .thumb-img-wrapper,
.pages-pane .contents .contents-slide-vertical .thumb .locked-wrapper .thumb-img-wrapper,
.pages-pane .contents .contents-slide-vertical .thumb .wrap-img .locked-bg,
.pages-pane .contents .contents-slide-vertical .thumb .locked-wrapper .locked-bg {
  width: 192px;
  height: 125px;
}
.pages-pane .contents .contents-slide-vertical .thumb .wrap-img .locked-userpic,
.pages-pane .contents .contents-slide-vertical .thumb .locked-wrapper .locked-userpic {
  top: 73px;
  left: 27px ;
}
.pages-pane .contents .contents-slide-vertical .thumb .context-menu {
  top: 0;
}
.pages-pane .contents .contents-slide-vertical .thumb .context-menu .menu-edit {
  top: 73px;
  left: 27px;
}
.pages-pane .contents .contents-slide-vertical .thumb .context-menu .menu-hide {
  top: 73px;
  left: 27px;
}
.pages-pane .contents .contents-slide-vertical .thumb .context-menu .menu-clone {
  top: 73px;
  left: 77px ;
}
.pages-pane .contents .contents-slide-vertical .thumb .context-menu .menu-settings {
  top: 73px;
  left: 127px ;
}
.pages-pane .contents .contents-slide-vertical .thumb .context-menu .menu-remove {
  top: -11px;
  left: 173px;
}
.pages-pane .contents .contents-slide-vertical .thumb .page-info {
  position: absolute;
  left: 223px;
  width: 170px;
  top: 35px;
  margin-left: 1px;
}
.pages-pane .contents .contents-slide-vertical .thumb .page-info .title {
  position: relative;
  top: 0;
  text-align: left;
  max-height: 54px;
  white-space: normal;
  cursor: text;
}
.pages-pane .contents .contents-slide-vertical .thumb .page-info .title-input {
  top: -1px;
  left: -1px;
  text-align: left;
}
.pages-pane .contents .contents-slide-vertical .thumb .page-info .page-uri-wrapper {
  position: relative;
}
.pages-pane .contents .contents-slide-vertical .thumb .page-info .page-uri-wrapper .page-uri {
  top: 0;
  text-align: left;
}
.pages-pane .contents .contents-slide-vertical .thumb .page-info .page-uri-wrapper .page-uri-input-wrapper {
  top: 0;
  text-align: left;
  margin-left: -10px;
}
.pages-pane .contents .contents-slide-vertical .thumb .page-info .page-uri-wrapper .page-uri-error {
  top: 24px;
  text-align: left;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -354px;
  width: 708px;
  overflow: hidden;
  margin-top: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .top-line {
  position: absolute;
  height: 1px;
  width: 708px;
  top: 1px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .bottom-line {
  position: absolute;
  height: 1px;
  width: 708px;
  bottom: 1px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .scroll {
  position: absolute;
  display: none;
  width: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.28);
  right: 2px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .scroll:hover,
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .scroll.dragging {
  background: rgba(0, 0, 0, 0.56);
  right: 2px;
  width: 12px;
  border-radius: 6px;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .pages-wrapper {
  position: absolute;
  width: 100%;
  height: auto;
  padding-right: 30px;
  top: 1px;
  bottom: 1px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-left: 230px;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .pages-wrapper .pages {
  width: 673px;
  padding: 32px 0 0 16px;
}
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .pages-wrapper .pages .thumb.long .thumb-img-wrapper,
.pages-pane .contents .contents-slide-vertical .scroll-wrapper .pages-wrapper .pages .thumb.long .locked-bg {
  clip-path: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/scroll-mask.svg#page-mask-192');
}
.pages-pane .contents .contents-list {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pages-pane .contents .contents-list.force-display {
  display: block !important;
}
.pages-pane .contents .contents-list .thumb {
  width: 160px;
  height: 134px;
  margin-top: 18px;
  margin-left: 32px;
}
.pages-pane .contents .contents-list .thumb.duplicating {
  opacity: 0;
  margin-left: -160px;
}
.pages-pane .contents .contents-list .thumb.hidden .eye-wrapper {
  top: 112px;
}
.pages-pane .contents .contents-list .thumb.hidden .num-wrapper {
  top: 42px;
}
.pages-pane .contents .contents-list .thumb .eye-wrapper {
  top: 42px;
}
.pages-pane .contents .contents-list .thumb .num-wrapper {
  top: 112px;
}
.pages-pane .contents .contents-list .thumb:not(.active):not(:hover) .locked-wrapper .locked-userpic {
  left: 61px;
}
.pages-pane .contents .contents-list .thumb .wrap-img,
.pages-pane .contents .contents-list .thumb .locked-wrapper {
  top: 0;
  width: 160px;
  height: 101px;
}
.pages-pane .contents .contents-list .thumb .wrap-img .thumb-img-wrapper,
.pages-pane .contents .contents-list .thumb .locked-wrapper .thumb-img-wrapper,
.pages-pane .contents .contents-list .thumb .wrap-img .locked-bg,
.pages-pane .contents .contents-list .thumb .locked-wrapper .locked-bg {
  width: 160px;
  height: 105px;
}
.pages-pane .contents .contents-list .thumb .wrap-img .locked-userpic,
.pages-pane .contents .contents-list .thumb .locked-wrapper .locked-userpic {
  top: 60px;
  left: 11px;
}
.pages-pane .contents .contents-list .thumb .wrap-img .locked-username,
.pages-pane .contents .contents-list .thumb .locked-wrapper .locked-username {
  top: 17px;
}
.pages-pane .contents .contents-list .thumb .wrap-img .locked-message,
.pages-pane .contents .contents-list .thumb .locked-wrapper .locked-message {
  top: 33px;
}
.pages-pane .contents .contents-list .thumb .context-menu {
  top: 0;
}
.pages-pane .contents .contents-list .thumb .context-menu .menu-edit {
  top: 60px;
  left: 11px;
}
.pages-pane .contents .contents-list .thumb .context-menu .menu-hide {
  top: 60px;
  left: 11px;
}
.pages-pane .contents .contents-list .thumb .context-menu .menu-clone {
  top: 60px;
  left: 61px;
}
.pages-pane .contents .contents-list .thumb .context-menu .menu-settings {
  top: 60px;
  left: 111px ;
}
.pages-pane .contents .contents-list .thumb .context-menu .menu-remove {
  top: -11px;
  left: 141px;
}
.pages-pane .contents .contents-list .thumb .title {
  display: none;
}
.pages-pane .contents .contents-list .thumb .page-uri-wrapper {
  display: none;
}
.pages-pane .contents .contents-list .thumb .title-input {
  display: none;
}
.pages-pane .contents .contents-list .scroll-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -413px;
  width: 826px;
  overflow: hidden;
}
.pages-pane .contents .contents-list .scroll-wrapper .top-line {
  position: absolute;
  height: 2px;
  width: 826px;
  top: 0;
  left: 0;
  background-size: 826px 2px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/top-line.png');
}
.pages-pane .contents .contents-list .scroll-wrapper .bottom-line {
  position: absolute;
  height: 2px;
  width: 826px;
  bottom: 0;
  left: 0;
  background-size: 826px 2px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/bottom-line.png');
}
.pages-pane .contents .contents-list .scroll-wrapper .scroll {
  position: absolute;
  display: none;
  width: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.28);
  right: 2px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.pages-pane .contents .contents-list .scroll-wrapper .scroll:hover,
.pages-pane .contents .contents-list .scroll-wrapper .scroll.dragging {
  background: rgba(0, 0, 0, 0.56);
  right: 2px;
  width: 12px;
  border-radius: 6px;
}
.pages-pane .contents .contents-list .scroll-wrapper .pages-wrapper {
  position: absolute;
  width: 100%;
  padding-right: 30px;
  top: 1px;
  bottom: 1px;
  overflow-y: scroll;
}
.pages-pane .contents .contents-list .scroll-wrapper .pages-wrapper .pages {
  width: 791px;
  padding: 7px 0 25px 16px;
}
.pages-pane .contents .contents-list .scroll-wrapper .pages-wrapper .pages .thumb.long .thumb-img-wrapper,
.pages-pane .contents .contents-list .scroll-wrapper .pages-wrapper .pages .thumb.long .locked-bg {
  clip-path: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/scroll-mask.svg#page-mask-160');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-pane .contents .thumb.long .thumb-img-wrapper,
  .pages-pane .contents .thumb.long .locked-bg {
    -webkit-mask-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/scroll-mask@2x.png');
  }
  .pages-pane .contents .thumb.hidden .context-menu .menu-hide {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-invisible@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb.hidden .context-menu .menu-hide:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-visible-hover@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb.active .eye-wrapper .eye {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-invisible-active@2x.png');
    background-size: 19px 14px;
  }
  .pages-pane .contents .thumb.active .eye-wrapper .eye:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-visible-active@2x.png');
    background-size: 19px 14px;
  }
  .pages-pane .contents .thumb .eye-wrapper .eye {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-invisible@2x.png');
    background-size: 19px 14px;
  }
  .pages-pane .contents .thumb .eye-wrapper .eye:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/eye-visible@2x.png');
    background-size: 19px 14px;
  }
  .pages-pane .contents .thumb .context-menu .menu-edit {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-edit@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-edit:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-edit-hover@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-hide {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-visible@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-hide:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-invisible-hover@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-clone {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-clone@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-clone:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-clone-hover@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-settings {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-settings@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-settings:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-settings-hover@2x.png');
    background-size: 38px 38px;
  }
  .pages-pane .contents .thumb .context-menu .menu-remove {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-remove@2x.png');
    background-size: 28px 28px;
  }
  .pages-pane .contents .thumb .context-menu .menu-remove:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/submenu-remove-hover@2x.png');
    background-size: 28px 28px;
  }
  .pages-pane .contents .contents-list .scroll-wrapper .top-line {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/top-line@2x.png');
    background-size: 703px 2px;
  }
  .pages-pane .contents .contents-list .scroll-wrapper .bottom-line {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-contents/bottom-line@2x.png');
    background-size: 703px 2px;
  }
}
.pages-panel-settings {
  position: relative;
  width: 100%;
  padding: 120px 0 56px;
  overflow: hidden;
  min-height: 464px;
}
.pages-panel-settings .expired-subscription-message {
  position: relative;
  width: 340px;
  margin: 0 auto;
  color: #1c1c1c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.pages-panel-settings .expired-subscription-message a {
  color: #1686eb;
  text-decoration: underline;
}
.isdesktop .pages-panel-settings .expired-subscription-message a:hover {
  text-decoration: none;
}
.pages-panel-settings .expired-subscription-message.hidden {
  display: none;
}
.pages-panel-settings .expired-subscription-message .pricing-link {
  font-size: 17px;
  line-height: 20px;
  color: #afafaf!important;
}
.pages-panel-settings.auto-index .pages-panel-settings-wrapper {
  z-index: auto;
}
.pages-panel-settings.hidden {
  height: 464px;
}
.pages-panel-settings.hidden .pages-panel-settings-wrapper {
  opacity: 0;
  margin-top: -8px;
}
.pages-panel-settings.has-republish-date .pages-panel-settings-wrapper .content .publish-dates:hover .publish-date {
  opacity: 0;
}
.pages-panel-settings.has-republish-date .pages-panel-settings-wrapper .content .publish-dates:hover .republish-date {
  opacity: 1;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .cover_wrap {
  top: 80px;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .cover_wrap a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .mag-url-wrapper {
  top: 260px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .export-wrapper {
  top: 283px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .publish-dates {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .publish-dates .publish-date {
  opacity: 1;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .publish-dates .republish-date {
  opacity: 0;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .unpublish-block {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .delete-block {
  right: 8px;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .delete-block .delete-panel {
  right: 7px;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .delete-block .delete-panel .context-panel-corner {
  left: 134px;
}
.pages-panel-settings.published .pages-panel-settings-wrapper .content .publish {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pages-panel-settings.published:not(.changed) .pages-panel-settings-wrapper .content .share-block {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.pages-panel-settings.published:not(.changed) .pages-panel-settings-wrapper .content .export-template-block {
  visibility: hidden;
  opacity: 0;
}
.pages-panel-settings.published.changed .pages-panel-settings-wrapper .content .republish-block {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.pages-panel-settings.publishInProgress .pages-panel-settings-wrapper .content .preloader,
.pages-panel-settings.republishInProgress .pages-panel-settings-wrapper .content .preloader {
  display: block;
  right: 48px;
  bottom: 64px;
  width: 144px;
  height: 40px;
  border-radius: 2px;
  background: rgba(29, 26, 27, 0.8);
}
.pages-panel-settings.publishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader,
.pages-panel-settings.republishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader {
  margin: 4px auto;
  width: 32px;
  height: 32px;
}
.pages-panel-settings.publishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader .arc,
.pages-panel-settings.republishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader .arc {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 32px;
  height: 32px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/preloader.png') no-repeat 0 0;
  background-size: 32px 32px;
}
.pages-panel-settings.unpublishInProgress .pages-panel-settings-wrapper .content .preloader {
  display: block;
  right: 202px;
  bottom: 31px;
  width: 12px;
  height: 12px;
  border-radius: 0;
  background: transparent;
}
.pages-panel-settings.unpublishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader {
  margin: 0;
  width: 12px;
  height: 12px;
}
.pages-panel-settings.unpublishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader .arc {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 12px;
  height: 12px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/preloader-small.png') no-repeat 0 0;
}
.pages-panel-settings .pages-panel-settings-wrapper {
  z-index: 6001;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  cursor: default;
  width: 688px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg0.jpg');
  background-position: 0 0, 448px 0;
  background-size: 452px 48px, 290px auto;
  background-repeat: repeat-y, no-repeat no-repeat;
  left: 50%;
  margin-left: -344px;
  -webkit-transition: opacity 0.35s ease-in-out, margin-top 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, margin-top 0.35s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher {
  overflow: hidden;
  background-color: #c9c8c9;
  border-radius: 4px;
  width: 380px;
  position: absolute;
  left: 32px;
  top: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.isboxversion .pages-panel-settings .pages-panel-settings-wrapper .tab-switcher {
  width: 378px;
}
.isboxversion .pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .knob {
  width: 125px;
}
.isboxversion .pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab {
  width: 126px;
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .knob {
  width: 94px;
  height: 38px;
  background-color: white;
  border-radius: 3px;
  position: absolute;
  left: 1px;
  top: 1px;
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab {
  width: 95px;
  height: 40px;
  position: relative;
  float: left;
  text-align: center;
  cursor: pointer;
  color: white;
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab span {
  line-height: 40px;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 32px;
  right: -1px;
  top: 4px;
  background-color: white;
  opacity: 0.28;
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab:last-child:after {
  opacity: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab.active {
  cursor: default;
  color: #201c1c;
}
.pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab.active:after {
  opacity: 0;
}
.isdesktop .pages-panel-settings .pages-panel-settings-wrapper .tab-switcher .tab:not(.active):hover {
  color: #201c1c;
}
.pages-panel-settings .pages-panel-settings-wrapper .context-block-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.pages-panel-settings .pages-panel-settings-wrapper .context-block-layer.hidden {
  visibility: hidden;
}
.pages-panel-settings .pages-panel-settings-wrapper .context-panel {
  position: absolute;
  background: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.62);
  border-radius: 8px;
  z-index: 3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  margin-bottom: -8px;
  opacity: 0;
  cursor: default;
}
.pages-panel-settings .pages-panel-settings-wrapper .context-panel .context-panel-corner {
  position: absolute;
  left: 50%;
  width: 30px;
  height: 15px;
  bottom: -15px;
  margin-left: -15px;
  clip: rect(0, 129px, 114px, -99px);
}
.pages-panel-settings .pages-panel-settings-wrapper .context-panel .context-panel-corner .corner {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 4px;
  top: -11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.pages-panel-settings .pages-panel-settings-wrapper .context-panel .context-panel-corner .corner {
  background-color: white;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.62);
}
.pages-panel-settings .pages-panel-settings-wrapper .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 38px;
  height: 19px;
  top: -19px;
  margin-left: -19px;
  clip: rect(0, 137px, 19px, -99px);
}
.pages-panel-settings .pages-panel-settings-wrapper .corner-wrapper .corner {
  position: absolute;
  width: 27px;
  height: 27px;
  left: 6px;
  top: 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.pages-panel-settings .pages-panel-settings-wrapper .corner-wrapper .corner {
  background-color: white;
  box-shadow: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content {
  padding: 90px 32px 29px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .publish-dates {
  position: absolute;
  width: 160px;
  height: 46px;
  right: 44px;
  top: 24px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .publish-dates .publish-date,
.pages-panel-settings .pages-panel-settings-wrapper .content .publish-dates .republish-date {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62);
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 22px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .publish-dates .publish-date span,
.pages-panel-settings .pages-panel-settings-wrapper .content .publish-dates .republish-date span {
  font-size: 19px;
  line-height: 24px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .publish-dates .republish-date {
  opacity: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .preloader {
  display: none;
  position: absolute;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .preloader .rmpreloader .shadow {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .publish {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: absolute;
  right: 48px;
  bottom: 64px;
  width: 144px;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  border-radius: 3px;
  background: #0078ff;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  line-height: 40px;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .publish:hover {
  background: #288dff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 130px;
  height: 54px;
  right: 56px;
  bottom: 78px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-text {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-facebook,
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-twitter,
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-mail {
  position: absolute;
  cursor: pointer;
  bottom: 0;
  height: 28px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-facebook.disabled,
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-twitter.disabled,
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-mail.disabled {
  cursor: default;
  opacity: 0.3;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-facebook {
  left: 0;
  width: 29px;
  background-size: 29px 28px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-facebook.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-facebook:not(.disabled):hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-facebook-hover.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-twitter {
  left: 46px;
  width: 33px;
  background-size: 33px 28px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-twitter.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-twitter:not(.disabled):hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-twitter-hover.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-mail {
  right: 0;
  width: 35px;
  background-size: 35px 28px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-mail.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-mail:not(.disabled):hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-mail-hover.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block {
  position: absolute;
  bottom: 64px;
  right: 29px;
  width: 186px;
  height: 86px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-text {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: absolute;
  width: 144px;
  height: 40px;
  bottom: 0;
  right: 19px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  border-radius: 3px;
  background: #fe615e;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  line-height: 40px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish:hover {
  background: #ff7272;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.28);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish:active {
  background: #e2504d;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 -40px 70px -40px rgba(255, 120, 120, 0.86);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings {
  display: none;
  position: absolute;
  width: 31px;
  height: 40px;
  bottom: 0;
  right: 19px;
  border-radius: 0 3px 3px 0;
  background-color: #fe615e;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  background-size: 31px 40px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-settings.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings:hover {
  background-color: #ff7272;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.28);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings:active,
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings.active {
  background-color: #e2504d;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 -40px 70px -40px rgba(255, 120, 120, 0.86);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings.active {
  z-index: 2;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings.active .republish-panel {
  -webkit-transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  visibility: visible;
  margin-bottom: 0;
  opacity: 1;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel {
  bottom: 48px;
  right: -32px;
  width: 208px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.minor .republish-panel-minor .republish-panel-text {
  cursor: default;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.minor .republish-panel-minor .republish-panel-text .republish-panel-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.minor .republish-panel-major .republish-panel-text:hover .republish-panel-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow-hover.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.minor .republish-panel-major .republish-panel-anno,
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.minor .republish-panel-major .republish-panel-desc {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.major .republish-panel-major {
  height: 240px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.major .republish-panel-major .republish-panel-text {
  cursor: default;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.major .republish-panel-major .republish-panel-text .republish-panel-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.major .republish-panel-minor .republish-panel-text:hover .republish-panel-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow-hover.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-minor {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-minor .republish-panel-text {
  height: 40px;
  line-height: 42px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-minor .republish-panel-text .republish-panel-arrow {
  top: 14px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major {
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  height: 38px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major .republish-panel-text {
  height: 38px;
  line-height: 34px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major .republish-panel-text .republish-panel-arrow {
  top: 10px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major .republish-panel-anno {
  font-family: 'Times New Roman', serif;
  color: #8c8a8b;
  font-style: italic;
  font-size: 14px;
  text-align: center;
  padding: 0 27px 13px 27px;
  line-height: 16px;
  margin-top: -5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major .republish-panel-desc {
  padding: 0;
  width: 176px;
  margin: 0 16px;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  background-repeat: repeat;
  background-position: 0 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-line.png');
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #8c8a8b;
  height: 90px;
  min-height: 90px;
  line-height: 18px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major .republish-panel-scroll {
  display: none !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major .republish-panel-desc-symbols {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #8c8a8b;
  padding: 9px 16px;
  text-align: right;
  text-shadow: 0 1px 0 #fff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-text {
  position: relative;
  width: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #363234;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-text .republish-panel-arrow {
  position: absolute;
  left: 16px;
  width: 16px;
  height: 15px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-size: 16px 15px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .context-panel-corner {
  left: 145px;
  margin-left: 0px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .unpublish-block {
  opacity: 0;
  visibility: hidden;
  right: 121px;
  width: 113px;
  text-align: right;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .unpublish-block.centered {
  width: 172px;
  right: 34px;
  text-align: center;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block {
  right: 50px;
  width: 113px;
  text-align: left;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block.active {
  z-index: 2;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block.active > span {
  color: #ffffff;
  border-bottom: 1px dotted rgba(255, 255, 255, 0);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block.active .delete-panel {
  -webkit-transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  visibility: visible;
  margin-bottom: 0;
  opacity: 1;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel {
  bottom: 35px;
  right: -35px;
  width: 208px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel .delete-panel-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #363234;
  padding: 19px 22px 13px 22px;
  text-align: center;
  line-height: 16px;
  text-shadow: 0 1px 0 #fff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel .delete-panel-yes {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  width: 144px;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  border-radius: 3px;
  background: #fe615e;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  line-height: 40px;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel .delete-panel-yes:hover {
  background: #ff7272;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.28);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel .delete-panel-yes:active {
  background: #e2504d;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 -40px 70px -40px rgba(255, 120, 120, 0.86);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel .delete-panel-cancel {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  width: 60px;
  margin: 0 auto;
  text-align: center;
  color: rgba(54, 50, 52, 0.5);
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 12px 0 14px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel .delete-panel-cancel:hover {
  color: #363234;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel .context-panel-corner {
  left: 92px;
  margin-left: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .unpublish-block,
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block {
  position: absolute;
  bottom: 24px;
  height: 20px;
  -webkit-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .unpublish-block span,
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block span {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.4);
  border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .unpublish-block span:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .delete-block span:hover {
  color: #ffffff;
  border-bottom: 1px dotted rgba(255, 255, 255, 0);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .export-template-block {
  position: absolute;
  width: 235px;
  text-align: center;
  bottom: 5px;
  right: 0;
  color: white;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .export-template-block label {
  cursor: pointer;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .cover_wrap {
  top: 24px;
  right: -8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.62);
  position: absolute;
  height: 168px;
  width: 256px;
  background: #fff;
  border-radius: 3px;
  -webkit-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .cover_wrap .first-page-screen {
  width: 256px;
  height: 168px;
  border-radius: 2px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .cover_wrap a {
  display: none;
  text-decoration: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .mag-url-wrapper {
  position: absolute;
  top: 196px;
  right: 34px;
  width: 172px;
  height: 18px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .mag-url-wrapper .mag-url {
  display: inline-block;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  max-width: 172px;
  color: #fff;
  height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .mag-url-wrapper .mag-url:hover {
  border-bottom: 1px solid transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .export-wrapper {
  position: absolute;
  top: 219px;
  right: 16px;
  width: 208px;
  height: 18px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #999999;
  height: 14px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .export-wrapper .export-pdf,
.pages-panel-settings .pages-panel-settings-wrapper .content .export-wrapper .export-code {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  border-bottom: 1px dotted #999999;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .export-wrapper .export-pdf:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .export-wrapper .export-code:hover {
  color: #fff;
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .textarea,
.pages-panel-settings .pages-panel-settings-wrapper .content .input {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  width: 100%;
  background-color: transparent;
  background-repeat: repeat;
  background-position: 0 -1px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/textarea-line.png');
  display: block;
  color: #1c1c1c;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 24px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .textarea::-webkit-input-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .input::-webkit-input-placeholder {
  color: rgba(28, 28, 28, 0.4);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .textarea:-moz-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .input:-moz-placeholder {
  color: rgba(28, 28, 28, 0.4);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .textarea.link,
.pages-panel-settings .pages-panel-settings-wrapper .content .input.link {
  height: 24px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .textarea.title,
.pages-panel-settings .pages-panel-settings-wrapper .content .input.title {
  min-height: 32px !important;
  line-height: 32px;
  font-size: 24px;
  background-position: 0 -2px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/title-line.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .textarea.description,
.pages-panel-settings .pages-panel-settings-wrapper .content .input.description {
  min-height: 72px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .textarea.tags,
.pages-panel-settings .pages-panel-settings-wrapper .content .input.tags {
  min-height: 24px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel {
  position: relative;
  width: 370px;
  min-height: 360px;
  padding-bottom: 0.01px;
  -webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.hidden {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #1c1c1c;
  margin-top: 18px;
  margin-bottom: 5px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .caption-title {
  margin-top: 0px;
  padding-top: 2px;
  margin-bottom: 6px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .caption-description {
  margin-top: 20px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .caption-link {
  margin-top: 21px;
  margin-bottom: 5px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-prefix {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: rgba(28, 28, 28, 0.4);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-user {
  display: inline-block;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: rgba(28, 28, 28, 0.4);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-postfix {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: rgba(28, 28, 28, 0.4);
  padding-right: 1px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .description-wrapper {
  position: relative;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .description-scroll {
  position: absolute;
  display: none;
  width: 8px;
  border-radius: 4px;
  background: rgba(182, 182, 188, 0.28);
  right: -24px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .description-scroll:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .description-scroll.dragging {
  background: rgba(182, 182, 188, 0.44);
  width: 12px;
  border-radius: 6px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper {
  position: relative;
  display: table;
  width: 100%;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper span {
  display: table-cell;
  width: 1px;
  vertical-align: middle;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper input {
  display: table-cell;
  vertical-align: middle;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-prefix {
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status {
  position: absolute;
  right: -28px;
  top: 5px;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/link-status-ok.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status.hidden {
  visibility: hidden;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status.error {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/link-status-error.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status.error:hover .link-status-panel,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status.error.active .link-status-panel {
  -webkit-transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  visibility: visible;
  margin-bottom: 0;
  opacity: 1;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status .link-status-panel {
  left: -96px;
  width: 208px;
  bottom: 31px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status .link-status-panel .link-status-text {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #363234;
  padding: 11px 30px 13px;
  text-align: center;
  line-height: 16px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .code-injection-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
  clear: both;
  overflow: hidden;
  margin-top: 40px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .code-injection-wrapper .button-edit-code {
  position: relative;
  float: left;
  padding-left: 12px;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  cursor: pointer;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .code-injection-wrapper .button-edit-code.active:before {
  width: 6px;
  height: 6px;
  background: #090909;
  border: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .code-injection-wrapper .button-edit-code:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  border: 1px solid #090909;
  border-radius: 3px;
  margin: auto;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .code-injection-wrapper .button-edit-code:hover {
  color: #0078ff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .code-injection-wrapper .code-injection-learn-more {
  float: right;
  text-decoration: none;
  color: #8c8a8b;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/link-status-ok@2x.png');
    background-size: 16px 16px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status.error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/link-status-error@2x.png');
    background-size: 16px 16px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.info .link-wrapper .link-status .link-status-panel {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg@2x.png');
    background-size: 452px 48px;
  }
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-caption {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password {
  width: 64px;
  position: relative;
  left: 50%;
  margin-left: -32px;
  margin-top: 7px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body {
  height: 32px !important;
  border-radius: 16px !important;
  background-color: #c9c8c9!important;
  box-shadow: none!important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body .rmswitcher-panel-back {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/switcher-pass-texture.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body .rmswitcher-panel {
  height: 32px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-on,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-off {
  line-height: 32px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  width: 28px !important;
  height: 28px !important;
  margin-left: -14px !important;
  top: 2px!important;
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.28) !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper {
  width: 282px;
  height: 42px;
  position: relative;
  margin: 50px auto 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper.invisible {
  visibility: hidden;
  opacity: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper .input.password {
  width: 201px;
  height: 100%;
  display: block;
  border: 1px solid #ededed;
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding-left: 16px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper .input.password:disabled {
  color: rgba(28, 28, 28, 0.4);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper .save-password {
  width: 81px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  color: #fff;
  font-size: 19px;
  border-radius: 0 3px 3px 0;
  background: #0078ff;
  cursor: pointer;
  line-height: 42px;
  -webkit-transition: background-color 0.2s ease-out, background-image 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out, background-image 0.2s ease-out, color 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper .save-password:not(.lock):not(.disabled):hover {
  background-color: #288dff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper .save-password.disabled {
  background-color: #c9c8c9;
  cursor: default;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper .save-password.lock {
  color: transparent;
  background-size: 17px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/privacy-lock.png");
  cursor: default;
  -webkit-animation: lock-bounce 0.2s ease-out;
  animation: lock-bounce 0.2s ease-out;
}
@-webkit-keyframes lock-bounce {
  0% {
    background-position: center -24px;
  }
  80% {
    background-position: center 14px;
  }
  100% {
    background-position: center center;
  }
}
@keyframes lock-bounce {
  0% {
    background-position: center -24px;
  }
  80% {
    background-position: center 14px;
  }
  100% {
    background-position: center center;
  }
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .password-status,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .disabled-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .noback-message {
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #0078ff;
  margin: 10px auto 0;
  text-align: center;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .password-status.error,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .disabled-message.error,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .noback-message.error {
  color: #fb615e;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .password-status.hidden,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .disabled-message.hidden,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .noback-message.hidden {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .noback-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-description {
  width: 292px;
  bottom: -2px;
  text-align: center;
  color: #8c8a8b;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -146px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .noback-message.hidden,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-description.hidden {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .noback-message.invisible,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-description.invisible {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s visibility linear, 0.2s opacity linear;
  transition: 0.2s visibility linear, 0.2s opacity linear;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block {
  position: absolute;
  left: -7px;
  text-align: left;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block.opt-hide {
  bottom: 16px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block.opt-hide .caption {
  padding-top: 8px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block.opt-allowindex {
  bottom: 56px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block.hidden {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block.invisible {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s visibility linear, 0.2s opacity linear;
  transition: 0.2s visibility linear, 0.2s opacity linear;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .caption {
  font-size: 16px;
  line-height: 24px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .desc {
  font-size: 12px;
  line-height: 16px;
  color: #999999;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .switcher {
  width: 64px;
  position: absolute;
  top: 5px;
  left: 311px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .switcher .rmswitcher-body {
  height: 32px !important;
  border-radius: 16px !important;
  box-shadow: none!important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .switcher .rmswitcher-body .rmswitcher-panel {
  height: 32px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-on,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-off {
  line-height: 32px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  width: 28px !important;
  height: 28px !important;
  margin-left: -14px !important;
  top: 2px!important;
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .privacy-opts-block .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.28) !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .switcher-password .rmswitcher-body .rmswitcher-panel-back {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/switcher-pass-texture@2x.png");
    background-size: 64px 32px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.privacy .input-pass-wrapper .save-password.lock {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/privacy-lock@2x.png");
    background-size: 17px 24px;
  }
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.domain-set-ok-mag {
  min-height: 464px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.domain-set-ok-user {
  min-height: 464px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.domain-set-notfound {
  min-height: 424px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.domain-set-dns {
  min-height: 424px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.register {
  min-height: 424px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.test-dns {
  min-height: 544px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.test-invalid {
  min-height: 464px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.test-notfound {
  min-height: 424px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.test-ok {
  min-height: 424px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.test-same-user {
  min-height: 464px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain.test-dns {
  min-height: 380px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain {
  overflow: hidden;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .section,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .section {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .section span.invisible,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .section span.invisible {
  display: none !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .section.invisible,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .section.invisible {
  display: none !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .common-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .common-button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  color: white;
  background-color: #00b68c;
  font-size: 19px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .common-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .common-button:hover {
  background-color: #00d0a0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .common-button:active,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .common-button:active {
  background-color: #00a27c;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .common-button.disabled,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .common-button.disabled {
  background-color: #c9c8c9;
  cursor: default;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .common-button.preloading,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .common-button.preloading {
  color: rgba(255, 255, 255, 0.3) !important;
  background-color: #c9c8c9 !important;
  cursor: default !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .common-button.preloading .rmpreloader,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .common-button.preloading .rmpreloader {
  display: block;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .common-button .rmpreloader,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .common-button .rmpreloader {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .header-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .header-message {
  padding-top: 3px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  color: #1c1c1c;
  text-align: center;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .initial-preloader.rmpreloader,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .initial-preloader.rmpreloader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -44px;
  margin-left: -22px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .register-switcher,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .register-switcher {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .register-switcher span,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .register-switcher span {
  color: #0078ff;
  border-bottom: 1px dotted #0078ff;
  border-right: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .register-switcher span:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .register-switcher span:hover {
  border-color: transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .register-switcher span.active,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .register-switcher span.active,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .register-switcher span.dot,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .register-switcher span.dot {
  border-color: transparent;
  color: #000;
  cursor: default;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .register-switcher span.dot,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .register-switcher span.dot {
  font-size: 26px;
  vertical-align: middle;
  margin: 0 3px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .unmap-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .unmap-message {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .unmap-message .unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .unmap-message .unmap-button {
  color: #0078ff;
  border-bottom: 1px dotted #0078ff;
  border-right: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .unmap-message .unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .unmap-message .unmap-button:hover {
  border-color: transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .test-block,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .test-block {
  position: relative;
  margin: 17px auto 16px;
  width: 338px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .test-block .domain-input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .test-block .domain-input {
  position: relative;
  height: 42px;
  width: 239px;
  font-size: 19px;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0 82px 0 17px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  box-shadow: inset 0 0 0 1px #e8e8e8;
  border-radius: 4px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1c1c1c;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .test-block .domain-input::-webkit-input-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .test-block .domain-input::-webkit-input-placeholder {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .test-block .domain-input:-moz-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .test-block .domain-input:-moz-placeholder {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .test-block .test-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .test-block .test-button {
  position: absolute;
  top: 0;
  left: 273px;
  height: 42px;
  width: 65px;
  line-height: 42px;
  border-radius: 0 4px 4px 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .invalid-domain-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .invalid-domain-message {
  position: relative;
  width: 310px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .invalid-domain-message .red,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .invalid-domain-message .red {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ff5c5d;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .invalid-domain-message .bold,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .invalid-domain-message .bold {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .invalid-domain-message .grey,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .invalid-domain-message .grey {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .notfound-domain-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .notfound-domain-message {
  position: relative;
  width: 310px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ff5c5d;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .other-user-domain-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .other-user-domain-message {
  position: relative;
  width: 310px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ff5c5d;
  word-wrap: break-word;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .other-user-domain-message .user-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .other-user-domain-message .user-button {
  color: #ff5c5d;
  text-decoration: underline;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .other-user-domain-message .user-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .other-user-domain-message .user-button:hover {
  text-decoration: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message {
  position: relative;
  width: 310px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ff5c5d;
  word-wrap: break-word;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .mag-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .mag-button {
  color: #ff5c5d;
  text-decoration: underline;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .mag-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .mag-button:hover {
  text-decoration: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .mag-button.invisible,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .mag-button.invisible {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .switch-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .switch-button {
  position: relative;
  margin: 11px auto 0;
  width: 144px;
  background-color: #ff5c5d;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .switch-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .switch-button:hover {
  background-color: #ff696a;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .switch-button:active,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .switch-button:active {
  background-color: #e84142;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .switch-cancel-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .switch-cancel-button {
  display: inline-block;
  margin-top: 9px;
  cursor: pointer;
  line-height: 20px;
  height: 18px;
  text-decoration: none;
  color: #8c8a8b;
  border-bottom: 1px dotted #8c8a8b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .same-user-domain-message .switch-cancel-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .same-user-domain-message .switch-cancel-button:hover {
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-domain-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-domain-message {
  position: relative;
  width: 310px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  word-wrap: break-word;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-domain-message .red,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-domain-message .red {
  color: #ff5c5d;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-domain-message .domain-needed-value,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-domain-message .domain-needed-value {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-domain-message .grey,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-domain-message .grey {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-domain-message .map-fake-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-domain-message .map-fake-button {
  position: relative;
  margin: 19px auto 0;
  width: 144px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .ok-domain-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .ok-domain-message {
  position: relative;
  width: 310px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #00b68c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .ok-domain-message .map-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .ok-domain-message .map-button {
  position: relative;
  margin: 15px auto 0;
  width: 144px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .ok-domain-message .map-cancel-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .ok-domain-message .map-cancel-button {
  display: inline-block;
  margin-top: 9px;
  cursor: pointer;
  line-height: 20px;
  height: 18px;
  text-decoration: none;
  color: #8c8a8b;
  border-bottom: 1px dotted #8c8a8b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .ok-domain-message .map-cancel-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .ok-domain-message .map-cancel-button:hover {
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-readonly-block,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-readonly-block {
  position: relative;
  margin: 17px auto 23px;
  width: 338px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-readonly-block .domain-readonly-input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-readonly-block .domain-readonly-input {
  position: relative;
  height: 42px;
  width: 272px;
  font-size: 19px;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0 33px 0 33px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  box-shadow: inset 0 0 0 1px #e8e8e8;
  border-radius: 4px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1c1c1c;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 9px 13px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/favicon.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-good-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-good-message {
  position: relative;
  width: 350px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #00b68c;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-good-message .unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-good-message .unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-good-message .upload-favicon-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-good-message .upload-favicon-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-good-message .clear-favicon-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-good-message .clear-favicon-button {
  display: inline-block;
  cursor: pointer;
  line-height: 20px;
  height: 18px;
  text-decoration: none;
  color: #0078ff;
  border-bottom: 1px dotted #0078ff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-good-message .unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-good-message .unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-good-message .upload-favicon-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-good-message .upload-favicon-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-good-message .clear-favicon-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-good-message .clear-favicon-button:hover {
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting {
  position: relative;
  height: 48px;
  width: 272px;
  margin: 0 auto;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption {
  padding-top: 5px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help {
  position: relative;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/setting-help.png);
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help .help-body-wrapper,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help .help-body-wrapper {
  position: absolute;
  width: 160px;
  left: 50%;
  margin-left: -80px;
  bottom: 7px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help .help-body-wrapper .help-body,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help .help-body-wrapper .help-body {
  position: relative;
  width: 100%;
  padding: 11px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #c9c8c9;
  color: white;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.42);
  border-radius: 4px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help .help-body-wrapper .help-body .help-popup-corner,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help .help-body-wrapper .help-body .help-popup-corner {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help .help-body-wrapper .help-body .help-popup-corner .corner,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help .help-body-wrapper .help-body .help-popup-corner .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help .help-body-wrapper .help-body .help-popup-corner .corner,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help .help-body-wrapper .help-body .help-popup-corner .corner {
  background-color: #c9c8c9;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.42);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help .help-body-wrapper .hover-spacer,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help .help-body-wrapper .hover-spacer {
  height: 10px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help:hover .help-body-wrapper,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .caption .help:hover .help-body-wrapper {
  opacity: 1;
  visibility: inherit;
  bottom: 15px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting:hover .caption .help,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting:hover .caption .help {
  opacity: 1;
  visibility: inherit;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .description,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting .description {
  font-size: 12px;
  color: #8c8a8b;
  margin-top: 6px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button {
  width: 64px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  border-radius: 16px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #c9c8c9;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/favicon-upload.png');
  cursor: pointer;
  color: transparent;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button:hover {
  background-color: #00b68c;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 34px;
  direction: ltr;
  cursor: pointer;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button .favicon-preloader,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button .favicon-preloader {
  position: absolute;
  top: 5px;
  left: 21px;
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button .favicon-preloader .rmpreloader,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button .favicon-preloader .rmpreloader {
  width: 22px;
  height: 22px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button .favicon-preloader .rmpreloader .arc,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button .favicon-preloader .rmpreloader .arc {
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  left: 0;
  top: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button.uploaded,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button.uploaded {
  background-color: #00b68c;
  background-image: none;
  color: white;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button.uploaded:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button.uploaded:hover {
  background-color: #c9c8c9;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button.uploaded input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button.uploaded input {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button.uploading,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button.uploading {
  background-image: none!important;
  cursor: default;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button.uploading .favicon-preloader,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button.uploading .favicon-preloader {
  display: block;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button.uploading input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button.uploading input {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button.uploading:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-setting.favicon .upload-button.uploading:hover {
  background-color: #c9c8c9;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block {
  position: relative;
  margin: 17px auto 16px;
  width: 338px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block .domain-input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block .domain-input {
  position: relative;
  height: 42px;
  width: 239px;
  font-size: 19px;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0 82px 0 17px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  box-shadow: inset 0 0 0 1px #e8e8e8;
  border-radius: 4px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1c1c1c;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block .domain-input::-webkit-input-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block .domain-input::-webkit-input-placeholder {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block .domain-input:-moz-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block .domain-input:-moz-placeholder {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block .go-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block .go-button {
  position: absolute;
  display: block;
  text-decoration: none;
  top: 0;
  left: 273px;
  height: 42px;
  width: 65px;
  line-height: 42px;
  border-radius: 0 4px 4px 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block .register-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block .register-message {
  position: relative;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #8c8a8b;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 24px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block .register-message a,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block .register-message a {
  color: #8c8a8b;
  text-decoration: none;
  border-bottom: 1px solid #8c8a8b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-register-block .register-message a:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-register-block .register-message a:hover {
  border-color: transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-bad-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-bad-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-notfound-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-notfound-message {
  position: relative;
  width: 320px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ff5c5d;
  word-wrap: break-word;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-bad-message .domain-needed-value,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-bad-message .domain-needed-value,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-notfound-message .domain-needed-value,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-notfound-message .domain-needed-value {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-bad-message .unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-bad-message .unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-notfound-message .unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-notfound-message .unmap-button {
  display: inline-block;
  cursor: pointer;
  line-height: 20px;
  height: 18px;
  text-decoration: none;
  color: #ff5c5d;
  border-bottom: 1px dotted #ff5c5d;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-bad-message .unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-bad-message .unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-set-notfound-message .unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .domain-set-notfound-message .unmap-button:hover {
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .expired-subscription-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .expired-subscription-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .unpublished-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .unpublished-message {
  position: relative;
  width: 340px;
  margin: 0 auto;
  color: #1c1c1c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .expired-subscription-message a,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .expired-subscription-message a,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .unpublished-message a,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .unpublished-message a {
  color: #1686eb;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .expired-subscription-message .pricing-link,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .expired-subscription-message .pricing-link,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .unpublished-message .pricing-link,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .unpublished-message .pricing-link {
  font-size: 17px;
  line-height: 20px;
  color: #afafaf!important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .upgrade-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .upgrade-button {
  position: relative;
  display: block;
  width: 144px;
  margin: 23px auto 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .confirm-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .confirm-message {
  position: absolute;
  top: 50%;
  margin-top: -103px;
  width: 310px;
  left: 50%;
  margin-left: -155px;
  font-size: 19px;
  text-align: center;
  line-height: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  word-wrap: break-word;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .confirm-message .black,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .confirm-message .black {
  color: #1c1c1c;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .confirm-message .confirm-unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .confirm-message .confirm-unmap-button {
  position: relative;
  margin: 26px auto 0;
  width: 144px;
  background-color: #ff5c5d;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .confirm-message .confirm-unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .confirm-message .confirm-unmap-button:hover {
  background-color: #ff696a;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .confirm-message .confirm-unmap-button:active,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .confirm-message .confirm-unmap-button:active {
  background-color: #e84142;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .error-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .error-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-not-updated-yet,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-not-updated-yet,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .wait-our-dns-server,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .wait-our-dns-server {
  position: absolute;
  top: 50%;
  margin-top: -103px;
  width: 310px;
  left: 50%;
  margin-left: -155px;
  font-size: 19px;
  text-align: center;
  line-height: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  word-wrap: break-word;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .error-message .black,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .error-message .black,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-not-updated-yet .black,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-not-updated-yet .black,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .wait-our-dns-server .black,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .wait-our-dns-server .black {
  color: #1c1c1c;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .error-message .try-again-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .error-message .try-again-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .dns-not-updated-yet .try-again-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .dns-not-updated-yet .try-again-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .wait-our-dns-server .try-again-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .wait-our-dns-server .try-again-button {
  position: relative;
  margin: 26px auto 0;
  width: 144px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.no-gtm .bottom .bottom-ga-gtm-active,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain.no-gtm .bottom .bottom-ga-gtm-active,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain.no-gtm .bottom .bottom-ga-gtm-inactive,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain.no-gtm .bottom .bottom-ga-gtm-inactive {
  visibility: hidden!important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive {
  position: relative;
  width: 336px;
  height: 114px;
  margin: 0 auto 30px;
  text-align: left;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper {
  position: relative;
  width: 100%;
  height: 57px;
  box-shadow: inset 0 -1px 0 0 rgba(28, 28, 28, 0.07);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper .caption,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper .caption,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .caption,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #000;
  line-height: 18px;
  padding-top: 14px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper .info,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper .info,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info {
  display: block;
  text-decoration: none;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  bottom: 3px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-size: 16px 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/help.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper .info:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper .info:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/help-hover.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper .info:after,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper .info:after,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info:after,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info:after {
  content: '';
  visibility: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/help-hover.png');
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper input,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input {
  position: absolute;
  left: 0;
  right: 32px;
  bottom: 0px;
  height: 20px;
  border: 0;
  margin: 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #000;
  background: transparent;
  -moz-appearance: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper input::-webkit-input-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper input::-webkit-input-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input::-webkit-input-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input::-webkit-input-placeholder {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper input:-moz-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-active .input-wrapper input:-moz-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input:-moz-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input:-moz-placeholder {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper {
  box-shadow: inset 0 -1px 0 0 rgba(28, 28, 28, 0.07);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .caption,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .caption {
  color: #8c8a8b;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input {
  color: rgba(140, 138, 139, 0.5);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input::-webkit-input-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input::-webkit-input-placeholder {
  color: rgba(140, 138, 139, 0.5);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input:-moz-placeholder,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-ga-gtm-inactive .input-wrapper input:-moz-placeholder {
  color: rgba(140, 138, 139, 0.5);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-72-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-72-message {
  line-height: 20px;
  color: #8c8a8b;
  margin-bottom: 20px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-72-message .your-site-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-72-message .your-site-button {
  color: #8c8a8b;
  display: inline-block;
  line-height: 20px;
  height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #8c8a8b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-72-message .your-site-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-72-message .your-site-button:hover {
  color: #1c1c1c;
  border-bottom: 1px solid transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-help-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-help-button {
  line-height: 20px;
  color: #0078ff;
  display: inline-block;
  height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #0078ff;
  margin-bottom: 1px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-help-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-help-button:hover {
  border-bottom: 1px solid transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-cancel-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-cancel-button {
  display: inline-block;
  cursor: pointer;
  height: 18px;
  text-decoration: none;
  color: #8c8a8b;
  line-height: 20px;
  border-bottom: 1px dotted #8c8a8b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-cancel-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-cancel-button:hover {
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-support-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-support-button {
  display: inline-block;
  cursor: pointer;
  height: 18px;
  text-decoration: none;
  color: #0078ff;
  line-height: 20px;
  border-bottom: 1px dotted #0078ff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-support-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-support-button:hover {
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-unmap-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-unmap-message {
  line-height: 20px;
  color: #8c8a8b;
  text-align: center;
  word-wrap: break-word;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-unmap-message .unmap-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-unmap-message .unmap-button {
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  height: 18px;
  text-decoration: none;
  color: #ff5c5d;
  border-bottom: 1px dotted #ff5c5d;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-unmap-message .unmap-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-unmap-message .unmap-button:hover {
  border-bottom: 1px dotted transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-buy-message,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-buy-message {
  line-height: 20px;
  color: #8c8a8b;
  text-align: center;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-buy-message .buy-button,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-buy-message .buy-button {
  color: #8c8a8b;
  display: inline-block;
  line-height: 20px;
  height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #8c8a8b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-buy-message .buy-button:hover,
.pages-panel-settings .pages-panel-settings-wrapper .content .contents.domain .bottom .bottom-buy-message .buy-button:hover {
  color: #1c1c1c;
  border-bottom: 1px solid transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-readonly-block .domain-readonly-input {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/favicon@2x.png');
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting .caption .help {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/setting-help@2x.png);
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .domain-setting.favicon .upload-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/favicon-upload@2x.png');
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper .info,
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/help@2x.png');
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper .info:hover,
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/help-hover@2x.png');
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-active .input-wrapper .info:after,
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.domain .bottom .bottom-ga-gtm-inactive .input-wrapper .info:after {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/panel-settings-domain/help-hover@2x.png');
  }
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .switcher {
  position: absolute;
  top: 0;
  right: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .switcher .rmswitcher-body {
  height: 32px !important;
  border-radius: 16px !important;
  box-shadow: none!important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .switcher .rmswitcher-body .rmswitcher-panel {
  height: 32px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-on,
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-off {
  line-height: 32px !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  width: 28px !important;
  height: 28px !important;
  margin-left: -14px !important;
  top: 2px!important;
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.28) !important;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .settings-link {
  color: #0078ff;
  text-decoration: none;
  display: inline-block;
  line-height: 14px;
  border-bottom: 1px solid #0078ff;
  -webkit-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
}
.isdesktop .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .settings-link:hover {
  border-color: transparent;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-caption {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  margin-top: -2px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher {
  position: relative;
  text-align: center;
  font-size: 0;
  margin-top: 40px;
  margin-bottom: 23px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 118px;
  height: 75px;
  line-height: 75px;
  background-color: #ebebeb;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-out, background-image 0.2s ease-out;
  transition: background-color 0.2s ease-out, background-image 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.horizontal {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-horizontal.png);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.horizontal.selected {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-horizontal-selected.png);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.vertical {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-vertical.png);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.vertical.selected {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-vertical-selected.png);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.selected {
  cursor: default;
  background-color: #e5f1ff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.selected.horizontal ~ .selection-frame {
  left: 49px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.selected.vertical ~ .selection-frame {
  left: 193px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option:not(.selected):hover {
  background-color: #e5f1ff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option:not(:first-child) {
  margin-left: 26px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .selection-frame {
  position: absolute;
  width: 128px;
  height: 89px;
  left: 0;
  top: -9px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/browser.png);
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting {
  position: relative;
  min-height: 48px;
  width: 272px;
  margin: 0 auto;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption {
  padding-top: 5px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption.disabled {
  color: #b1b1b1;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help {
  position: relative;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/setting-help.png);
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help .help-body-wrapper {
  position: absolute;
  width: 160px;
  left: 50%;
  margin-left: -80px;
  bottom: 7px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help .help-body-wrapper .help-body {
  position: relative;
  width: 100%;
  padding: 11px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #c9c8c9;
  color: white;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.42);
  border-radius: 4px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help .help-body-wrapper .help-body .help-popup-corner {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help .help-body-wrapper .help-body .help-popup-corner .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help .help-body-wrapper .help-body .help-popup-corner .corner {
  background-color: #c9c8c9;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.42);
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help .help-body-wrapper .hover-spacer {
  height: 10px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help:hover .help-body-wrapper {
  opacity: 1;
  visibility: inherit;
  bottom: 15px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting:hover .caption .help {
  opacity: 1;
  visibility: inherit;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting.slidein .switcher {
  top: 6px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .desc {
  font-size: 12px;
  line-height: 16px;
  color: #8c8a8b;
  margin-top: 2px;
  width: 164px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .setting-button {
  height: 32px;
  line-height: 32px;
  background-color: #c9c8c9;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 16px;
  font-size: 12px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: white;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .setting-button:hover {
  background-color: #0078ff;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .upgrade-message {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-top: 33px;
  margin-bottom: 5px;
  color: #3d3d3d;
  margin-bottom: 20px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .upgrade-message.hidden {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .separator {
  background-color: #efefef;
  height: 1px;
  margin: 36px 0 33px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .separator.s2 {
  margin-top: 39px;
  margin-bottom: 27px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .endpage-selector {
  position: relative;
  width: 274px;
  height: 42px;
  margin: -2px auto 0;
  margin-bottom: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  -webkit-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
  background-size: 7px 6px;
  background-repeat: no-repeat;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/selector-arrow.png);
  background-position: 250px 18px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .endpage-selector.disabled {
  opacity: 0.4;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .endpage-selector.disabled select {
  display: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .endpage-selector:not(.disabled):hover {
  border-color: #d1d1d1;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .endpage-selector .selector-value {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 42px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #282828;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .endpage-selector select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 42px;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  opacity: 0;
  cursor: pointer;
  border: none;
}
.pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .learn-more {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #3d3d3d;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.horizontal {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-horizontal@2x.png);
    background-size: 118px 75px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.horizontal.selected {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-horizontal-selected@2x.png);
    background-size: 118px 75px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.vertical {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-vertical@2x.png);
    background-size: 118px 75px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .scroll-option.vertical.selected {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/scroll-arrows-vertical-selected@2x.png);
    background-size: 118px 75px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .scroll-switcher .selection-frame {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/browser@2x.png);
    background-size: 128px 89px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .viewer-setting .caption .help {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/setting-help@2x.png);
    background-size: 16px 16px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .panel.viewer .endpage-selector {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/selector-arrow@2x.png);
    background-size: 7px 6px;
  }
}
.pages-panel-settings .pages-panel-settings-wrapper .code-editor-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}
.pages-panel-settings .pages-panel-settings-wrapper .code-editor-block.invisible {
  opacity: 0;
  visibility: hidden;
}
.pages-panel-settings .pages-panel-settings-wrapper.code-editor-mode {
  background: none!important;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.42);
}
.pages-panel-settings .pages-panel-settings-wrapper.code-editor-mode .content {
  opacity: 0;
}
.pages-panel-settings .pages-panel-settings-wrapper.code-editor-mode .corner-wrapper .corner {
  background-color: #2f2f37;
}
.pages-panel-settings .pages-panel-settings-wrapper.code-editor-mode .panel.info {
  min-height: 560px;
}
.pages-panel-settings .pages-panel-settings-wrapper.code-editor-mode.code-editor-alert-mode .corner-wrapper .corner {
  background-color: #0078ff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-panel-settings.publishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader .arc,
  .pages-panel-settings.republishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader .arc {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/preloader@2x.png');
    background-size: 32px 32px;
  }
  .pages-panel-settings.unpublishInProgress .pages-panel-settings-wrapper .content .preloader .rmpreloader .arc {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/preloader-small@2x.png');
    background-size: 12px 12px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg0.jpg');
    background-size: 452px 48px, 254px 800px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-facebook {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-facebook@2x.png');
    background-size: 29px 28px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-facebook:not(.disabled):hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-facebook-hover@2x.png');
    background-size: 29px 28px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-twitter {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-twitter@2x.png');
    background-size: 33px 28px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-twitter:not(.disabled):hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-twitter-hover@2x.png');
    background-size: 33px 28px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-mail {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-mail@2x.png');
    background-size: 35px 28px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .share-block .share-mail:not(.disabled):hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/share-mail-hover@2x.png');
    background-size: 35px 28px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-settings@2x.png');
    background-size: 31px 40px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg@2x.png');
    background-size: 452px 48px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.minor .republish-panel-minor .republish-panel-text .republish-panel-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow@2x.png');
    background-size: 16px 15px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.minor .republish-panel-major .republish-panel-text:hover .republish-panel-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow-hover@2x.png');
    background-size: 16px 15px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.major .republish-panel-major .republish-panel-text .republish-panel-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow@2x.png');
    background-size: 16px 15px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel.major .republish-panel-minor .republish-panel-text:hover .republish-panel-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-arrow-hover@2x.png');
    background-size: 16px 15px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .republish-block .republish-settings .republish-panel .republish-panel-major .republish-panel-desc {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/republish-line@2x.png');
    background-size: 176px 18px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .delete-block .delete-panel {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/bg@2x.png');
    background-size: 452px 48px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .textarea,
  .pages-panel-settings .pages-panel-settings-wrapper .content .input {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/textarea-line@2x.png');
    background-size: 360px 24px;
  }
  .pages-panel-settings .pages-panel-settings-wrapper .content .textarea.title,
  .pages-panel-settings .pages-panel-settings-wrapper .content .input.title {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-settings/title-line@2x.png');
    background-size: 360px 32px;
  }
}
.pages-panel-templates {
  position: absolute;
  left: 50%;
  margin-left: -112px;
  bottom: 121px;
  width: 224px;
  border-radius: 9px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.42);
  background-color: white;
  z-index: 6004;
  -webkit-transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  visibility: visible;
  margin-bottom: 0;
  opacity: 1;
  padding-top: 8px;
}
.pages-panel-templates.hidden {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  margin-bottom: -8px;
  opacity: 0;
}
.pages-panel-templates .category {
  position: relative;
  width: 100%;
  height: 52px;
  cursor: pointer;
}
.pages-panel-templates .category.active .category-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/arrow-active.png');
}
.pages-panel-templates .category.active .templates-panel {
  display: block;
}
.pages-panel-templates .category.active .category-caption {
  color: #0078ff;
}
.pages-panel-templates .category .category-caption {
  padding-left: 75px;
  color: #363234;
  line-height: 46px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-templates .category .category-arrow {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 5px;
  height: 8px;
  background-size: 5px 8px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/arrow.png');
}
.pages-panel-templates .category .category-icon {
  position: absolute;
  top: 8px;
  left: 24px;
  width: 40px;
  height: 28px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pages-panel-templates .category:not(:last-child):after {
  position: absolute;
  content: "";
  display: block;
  width: 192px;
  height: 1px;
  background-color: rgba(153, 153, 153, 0.2);
  left: 50%;
  margin-left: -96px;
  bottom: 2px;
}
.pages-panel-templates .category:not(:last-child) {
  margin-bottom: 4px;
}
.pages-panel-templates .category .separator {
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: rgba(255, 255, 255, 0.44);
  border-top: 1px solid rgba(28, 28, 28, 0.08);
}
.pages-panel-templates .category.my .category-icon {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/icon-my.png);
}
.pages-panel-templates .category.rm .category-icon {
  top: 5px;
  height: 31px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/icon-rm.png);
}
.pages-panel-templates .category.blank .category-icon {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/icon-blank.png);
}
.pages-panel-templates .category .templates-panel {
  position: absolute;
  left: 100%;
  margin-left: -1px;
  bottom: 0;
  width: 352px;
  border-radius: 9px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.42);
  background-color: white;
  display: none;
  overflow: hidden;
  cursor: default;
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}
.pages-panel-templates .category .templates-panel .scroll {
  display: none;
  position: absolute;
  width: 8px;
  border-radius: 4px;
  background: rgba(182, 182, 188, 0.42);
  right: 15px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.isdesktop .pages-panel-templates .category .templates-panel .scroll:hover,
.pages-panel-templates .category .templates-panel .scroll.dragging {
  width: 12px;
  border-radius: 6px;
  background: rgba(182, 182, 188, 0.6);
}
.pages-panel-templates .category .templates-panel .templates-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 304px;
  padding: 24px 28px 0 20px;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template {
  float: left;
  width: 128px;
  height: 112px;
  margin: 0 12px 16px;
  cursor: pointer;
  position: relative;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.long .thumb {
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px 2px 0 0;
}
.isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template:hover .caption {
  color: #363234;
}
.isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template:hover .thumb:after {
  position: absolute;
  width: 136px;
  height: 92px;
  top: -4px;
  left: -4px;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 1px rgba(0, 0, 0, 0.04), inset 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.68);
  content: "";
}
.isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template:hover .delete {
  visibility: visible;
  opacity: 1;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 128px;
  height: 84px;
  background-color: white;
  background-size: 100% 100%;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .thumb .long-overlay {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 6px;
  background-size: 8px 6px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/long.png');
  border-radius: 0 0 3px 3px;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .thumb.collapsed {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .thumb.collapsed:after {
  display: none!important;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .delete {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/del.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .delete:hover {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/del-hover.png");
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .caption {
  position: absolute;
  bottom: 5px;
  width: 100%;
  font-size: 12px;
  color: #8c8a8b;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  line-height: 15px;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .caption-input {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 5px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  height: 15px;
  color: #363234;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  -moz-appearance: none;
  background: transparent;
  opacity: 0;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add .thumb {
  box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.18), 0 1px 1px 0px #ffffff;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add .thumb .gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0.6;
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #e8e8e8 100%);
  background: linear-gradient(to bottom, #f0f0f0 0%, #e8e8e8 100%);
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add .thumb .add-plus {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 48px 48px;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/plus.png");
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add .caption {
  color: #363234;
}
.isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add:hover .caption {
  color: #0078ff;
}
.isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add:hover .thumb:after {
  display: none;
}
.isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add:hover .thumb .add-plus {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/plus-hover.png");
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add .rmpreloader {
  margin: 20px auto;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add .rmpreloader.hidden {
  display: none;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.editing .caption {
  opacity: 0;
}
.pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.editing .caption-input {
  opacity: 1;
}
.pages-panel-templates .corner-wrapper {
  position: absolute;
  left: 112px;
  width: 36px;
  height: 18px;
  bottom: -18px;
  margin-left: -18px;
  clip: rect(0, 135px, 117px, -99px);
  bottom: -17px;
}
.pages-panel-templates .corner-wrapper .corner {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 5px;
  top: -13px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.pages-panel-templates .corner-wrapper .corner {
  box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.42);
  background: white;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-panel-templates .category.active .category-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/arrow-active@2x.png');
    background-size: 5px 8px;
  }
  .pages-panel-templates .category .category-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/arrow@2x.png');
    background-size: 5px 8px;
  }
  .pages-panel-templates .category.my .category-icon {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/icon-my@2x.png);
    background-size: 40px 28px;
  }
  .pages-panel-templates .category.rm .category-icon {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/icon-rm@2x.png);
    background-size: 40px 31px;
  }
  .pages-panel-templates .category.blank .category-icon {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/icon-blank@2x.png);
    background-size: 40px 28px;
  }
  .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .thumb .long-overlay {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/long@2x.png');
    background-size: 8px 6px;
  }
  .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .delete {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/del@2x.png");
    background-size: 28px 28px;
  }
  .isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template .delete:hover {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/del-hover@2x.png");
    background-size: 28px 28px;
  }
  .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add .thumb .add-plus {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/plus@2x.png");
    background-size: 48px 48px;
  }
  .isdesktop .pages-panel-templates .category .templates-panel .templates-wrapper .templates .template.add:hover .thumb .add-plus {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/plus-hover@2x.png");
    background-size: 48px 48px;
  }
}
.pages-panel-trash {
  position: absolute;
  left: 50%;
  margin-left: -104px;
  bottom: 50px;
  width: 208px;
  border-radius: 9px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.42);
  background-color: white;
  z-index: 6004;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.pages-panel-trash.hidden {
  visibility: hidden;
  bottom: 42px;
  opacity: 0;
}
.pages-panel-trash .overflow-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.pages-panel-trash .center-table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.pages-panel-trash .center-table .center-cell {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.pages-panel-trash .panel {
  position: relative;
}
.pages-panel-trash .panel.hidden {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.pages-panel-trash .panel .hidden {
  visibility: hidden;
  opacity: 0;
}
.pages-panel-trash .panel.deleted-pages {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
  padding-top: 24px;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages {
  position: relative;
  width: 208px;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page {
  position: relative;
  width: 128px;
  margin: 0 auto 10px auto;
  background-color: white;
  background-size: 100% 100%;
  border-radius: 2px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  height: 112px;
  cursor: pointer;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page.collapsed {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page.collapsed:after {
  display: none!important;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page:last-child {
  margin-top: 0;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page.long .thumb {
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px 2px 0 0;
}
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page:hover .caption {
  color: #363234;
}
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page:hover .thumb:after {
  position: absolute;
  width: 136px;
  height: 92px;
  top: -4px;
  left: -4px;
  border-radius: 3px;
  content: "";
}
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page:hover .delete,
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page:hover .restore {
  visibility: visible;
  opacity: 0.9;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 128px;
  height: 84px;
  background-color: white;
  background-size: 100% 100%;
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .thumb .long-overlay {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 6px;
  background-size: 8px 6px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/long.png');
  border-radius: 0 0 3px 3px;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete,
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore {
  position: absolute;
  left: 0;
  width: 128px;
  height: 42px;
  background-color: #3D3D3D;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 13px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  line-height: 42px;
  transform: translate3d(0, 0, 0);
}
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete:hover,
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore:hover {
  opacity: 1;
}
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete:hover > span,
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore:hover > span,
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete:hover > i,
.isdesktop .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore:hover > i {
  opacity: 1;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete > span,
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore > span,
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete > i,
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore > i {
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete .icon,
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore .icon {
  left: 16px;
  top: 12px;
  position: absolute;
  width: 15px;
  height: 18px;
  background-repeat: no-repeat;
  background-position-y: 50%;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete {
  top: 42px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete .icon {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/basket.png");
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  top: 0;
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore .icon {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/restore.png");
}
.pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .caption {
  position: absolute;
  bottom: 5px;
  width: 100%;
  font-size: 12px;
  color: #8c8a8b;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  line-height: 15px;
}
.pages-panel-trash .panel.deleted-pages .scroll {
  display: none;
  position: absolute;
  width: 8px;
  border-radius: 4px;
  background: rgba(182, 182, 188, 0.42);
  right: 15px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.isdesktop .pages-panel-trash .panel.deleted-pages .scroll:hover,
.pages-panel-trash .panel.deleted-pages .scroll.dragging {
  width: 12px;
  border-radius: 6px;
  background: rgba(182, 182, 188, 0.6);
}
.pages-panel-trash .panel.deleted-pages .empty-trash {
  height: 56px;
  line-height: 56px;
  width: 192px;
  text-align: center;
  box-shadow: 0 -1px 0 0 rgba(153, 153, 153, 0.2);
  margin: 0 auto;
  cursor: pointer;
  font-size: 16px;
  color: #3d3d3d;
  position: relative;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.isdesktop .pages-panel-trash .panel.deleted-pages .empty-trash:hover {
  color: #0078ff;
}
.pages-panel-trash .panel.deleted-pages .empty-trash span {
  margin-top: 10px;
  display: inline-block;
}
.pages-panel-trash .panel.deleted-pages .empty-confirm {
  position: absolute;
  height: 100%;
  top: 0;
  background-color: white;
  border-radius: 9px;
  font-size: 16px;
  line-height: 20px;
  padding: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #3d3d3d;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
}
.pages-panel-trash .panel.deleted-pages .empty-confirm.hidden {
  opacity: 0;
  visibility: hidden;
}
.pages-panel-trash .panel.deleted-pages .empty-confirm .button-confirm {
  margin: 19px auto 0 auto;
  width: 144px;
  height: 40px;
  line-height: 40px;
  background-color: #ff5c5d;
  text-align: center;
  color: white;
  border-radius: 3px;
  font-size: 19px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.isdesktop .pages-panel-trash .panel.deleted-pages .empty-confirm .button-confirm:hover {
  background-color: #ff696a;
}
.pages-panel-trash .panel.deleted-pages .empty-confirm .button-confirm:active {
  background-color: #e84142;
}
.pages-panel-trash .panel.deleted-pages .empty-confirm .button-cancel {
  position: relative;
  text-align: center;
  width: 100%;
  bottom: 7px;
}
.pages-panel-trash .panel.deleted-pages .empty-confirm .button-cancel .caption {
  font-size: 12px;
  color: #3d3d3d;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.isdesktop .pages-panel-trash .panel.deleted-pages .empty-confirm .button-cancel .caption:hover {
  opacity: 1;
}
.pages-panel-trash .panel.empty-message {
  height: 136px;
  font-size: 16px;
  line-height: 20px;
  color: #3d3d3d;
  opacity: 0.5;
  padding: 0 24px;
}
.pages-panel-trash .panel.empty-message .empty-text {
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
}
.pages-panel-trash .panel.empty-message .empty-text.hidden {
  visibility: hidden;
  opacity: 0;
}
.pages-panel-trash .rmpreloader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -22px;
  margin-top: -22px;
}
.pages-panel-trash .rmpreloader.hidden {
  display: none;
}
.pages-panel-trash .rmpreloader .arc {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader-dark.png");
}
.pages-panel-trash .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 32px;
  height: 16px;
  bottom: -16px;
  margin-left: -16px;
  clip: rect(0, 131px, 115px, -99px);
}
.pages-panel-trash .corner-wrapper .corner {
  position: absolute;
  width: 23px;
  height: 23px;
  left: 5px;
  top: -11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.pages-panel-trash .corner-wrapper .corner {
  background-color: white;
  box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.42);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .thumb .long-overlay {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/long@2x.png');
    background-size: 8px 6px;
  }
  .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .delete .icon {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/basket@2x.png");
    background-size: 15px 18px;
  }
  .pages-panel-trash .panel.deleted-pages .pages-wrapper .pages .trash-page .restore .icon {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/pages-panel-templates/restore@2x.png");
    background-size: 15px 14px;
  }
  .pages-panel-trash .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader-dark@2x.png");
    background-size: 38px 38px;
  }
}
#gg {
  z-index: 2500;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#gg .guides {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#gg .guides .guides_table {
  border-collapse: separate;
  position: absolute;
  height: 100%;
}
#gg .guides .guides_table .column {
  border: 1px solid #448afe;
  background-color: rgba(70, 108, 254, 0.18);
}
#gg .guides .guides_table .topmargin,
#gg .guides .guides_table .bottommargin {
  background-color: rgba(70, 108, 254, 0.06);
  border-top: none;
  border-bottom: none;
  border-right: 1px solid rgba(70, 108, 254, 0.32);
  border-left: 1px solid rgba(70, 108, 254, 0.32);
}
#gg .guides .guides_table.no_padding .column {
  border-left: none;
}
#gg .guides .guides_table.no_padding .column.first {
  border-left: 1px solid #448afe;
}
#gg .guides .guides_table.no_padding .topmargin,
#gg .guides .guides_table.no_padding .bottommargin {
  border-left: none;
}
#gg .guides .guides_table.no_padding .topmargin.first,
#gg .guides .guides_table.no_padding .bottommargin.first {
  border-left: 1px solid rgba(70, 108, 254, 0.32);
}
#gg .baselines {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
#gg .baselines .baseline {
  position: absolute;
  width: 100%;
  height: 2px;
  border-top: 1px solid rgba(240, 8, 20, 0.68);
  float: none;
}
#gg .baselines .pale.baseline {
  border-top: 1px solid rgba(240, 8, 20, 0.22);
}
#gg .grid {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/grid-guides-controller/grid.png');
}
#gg .lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#gg .lines div {
  position: absolute;
}
#gg .lines .left,
#gg .lines .right,
#gg .lines .center {
  height: 100%;
  width: 3px;
  border-left: 1px solid #0276de;
}
#gg .lines .top,
#gg .lines .bottom,
#gg .lines .middle {
  height: 3px;
  width: 100%;
  border-top: 1px solid #0276de;
}
#gg .lines .center,
#gg .lines .middle {
  border-style: dotted;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #gg .grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/grid-guides-controller/grid@2x.png');
    background-size: 64px 64px;
  }
}
.widgetbar {
  position: absolute;
  height: 56px;
  left: 0;
  bottom: 0;
  z-index: 3000;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/bg.png');
  border-radius: 0 6px 6px 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.minimal-constructor-ui .widgetbar {
  opacity: 0;
  pointer-events: none;
}
.minimal-constructor-ui-no-transition .widgetbar {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.widgetbar.hidden {
  display: none;
  bottom: 180px;
}
.widgetbar.goout {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.widgetbar .page_num {
  position: absolute;
  width: 55px;
  height: 56px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 32px;
  line-height: 56px;
  text-align: center;
  color: #44444c;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/page.png');
  background-size: 55px 56px;
}
.widgetbar .viewports {
  position: absolute;
  width: 55px;
  height: 56px;
  left: 55px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports.png');
  background-size: 55px 56px;
}
.widgetbar .viewports[data-viewport="default"] .viewport-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports/default.png');
}
.widgetbar .viewports[data-viewport="tablet_portrait"] .viewport-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports/tablet-portrait.png');
}
.widgetbar .viewports[data-viewport="phone_portrait"] .viewport-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports/phone-portrait.png');
}
.widgetbar .viewports .viewport-icon {
  cursor: pointer;
  width: 55px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: 55px 56px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar .arrows {
  position: relative;
  float: left;
  width: 33px;
  height: 56px;
  margin-right: 6px;
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.14), inset -1px 0 0 0 rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden;
}
.widgetbar .arrows.hidden {
  width: 0;
  margin: 0;
  opacity: 0;
}
.widgetbar .arrows.hidden .left,
.widgetbar .arrows.hidden .right {
  margin-left: 0;
  width: 0;
}
.widgetbar .arrows .left {
  margin-left: 1px;
  width: 31px;
  height: 28px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-left.png');
}
.widgetbar .arrows .left:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-left-hover.png');
}
.widgetbar .arrows .right {
  margin-left: 1px;
  width: 31px;
  height: 28px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-right.png');
}
.widgetbar .arrows .right:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-right-hover.png');
}
.widgetbar .page_add_widget {
  position: relative;
  float: left;
  margin: 5px 8px 5px 0px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/add-46.png');
  background-size: 46px 46px;
  border-radius: 5px;
}
.isdesktop .widgetbar .page_add_widget:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/add-hover-46.png');
}
.isdesktop .widgetbar .page_add_widget:active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/add-click-46.png');
}
.widgetbar .widgets-icons-wrapper {
  position: relative;
  float: left;
  height: 56px;
  margin-left: 105px;
  overflow: hidden;
}
.widgetbar .widgets-icons-wrapper .widgets-icons {
  position: relative;
  height: 56px;
  width: 99999px;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .button {
  float: left;
  margin: 5px 3px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo {
  float: left;
  margin: 5px 3px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: default;
  position: relative;
  margin-left: 11px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .anim {
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
  width: 23px;
  height: 46px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo .anim {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px 0 0 5px;
  background: #fff;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/undo.png');
  background-size: 23px 46px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo .anim {
  position: absolute;
  left: 23px;
  top: 0;
  border-radius: 0 5px 5px 0;
  background: #fff;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/redo.png');
  background-size: 23px 46px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active .anim {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/undo-active.png');
  cursor: pointer;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active .anim {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/redo-active.png');
  cursor: pointer;
}
.isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active:hover,
.isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active .anim:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/undo-active-hover.png');
}
.isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active:hover,
.isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active .anim:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/redo-active-hover.png');
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo {
  -webkit-perspective: 100px;
  perspective: 100px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .anim {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.01);
  width: 23px;
  height: 46px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo .anim {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  border-radius: 5px 0 0 5px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo .anim {
  left: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  border-radius: 0 5px 5px 0;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.enable-anim-transitions .anim {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.enable-anim-transitions .undo,
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.enable-anim-transitions .redo {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.anim-state-undo .undo {
  background-color: #888;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.anim-state-undo .undo .anim {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  background-color: #fff;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.anim-state-undo .redo .anim {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background-color: #000;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.anim-state-redo .redo {
  background-color: #888;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.anim-state-redo .undo .anim {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: #000;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.anim-state-redo .redo .anim {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  background-color: #fff;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo.enable-anim-transitions .anim-delay {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_format {
  position: relative;
  float: left;
  margin: 5px 3px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/format-46.png');
  background-size: 46px 46px;
  border-radius: 5px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .page_guides {
  position: relative;
  float: left;
  margin: 5px 3px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/guides-46.png');
  background-size: 46px 46px;
  border-radius: 5px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon {
  position: relative;
  opacity: 0;
  margin: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.visible {
  float: left;
  margin: 5px 3px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.2s ease-in, opacity 0.2s ease-in;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.visible.instant {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.hiding {
  opacity: 0.15;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.shrinking {
  width: 0;
  margin: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease-out, margin 0.2s ease-out, width 0.2s ease-out;
  transition: transform 0.2s ease-out, margin 0.2s ease-out, width 0.2s ease-out;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.group .ellipsis {
  display: none !important;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.group .group-count {
  display: block !important;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .selection-point {
  position: absolute;
  display: none;
  bottom: -4px;
  left: 50%;
  margin-left: -2px;
  width: 4px;
  height: 3px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/selection-point.png') no-repeat 0 0;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .perspective_wrapper {
  -webkit-perspective: 400px;
  perspective: 400px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.highlited .selection-point {
  display: block;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.hidden_widget .wrapper .face .content {
  opacity: 0.5;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.hidden_widget .wrapper .face .hidden_overlay {
  display: block;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.hidden_widget .wrapper .face .fade {
  display: none;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.hidden_widget .wrapper .back .handler.eye {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back-hidden.png');
  background-position: 4px 3px;
  background-repeat: no-repeat;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.hidden_widget .wrapper .back .handler.eye:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back-hidden-hover.png');
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.disable-settings .ellipsis {
  display: none !important;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  -webkit-transform: perspective(280px);
  -ms-transform: perspective(280px);
  transform: perspective(280px);
  z-index: 100000;
  display: none;
  position: absolute;
  top: -4px;
  right: -5px;
  width: 21px;
  height: 21px;
  -webkit-perspective: 10000px;
  perspective: 10000px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/ellipsis.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis:hover {
  display: block;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/ellipsis-hover.png');
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis .dot {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/dot.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  width: 3px;
  height: 3px;
  top: 8px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis .dot.left {
  left: 5px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis .dot.middle {
  left: 9px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis .dot.right {
  left: 13px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis.settings {
  display: block;
  -webkit-transform: translateZ(200px) perspective(280px);
  -ms-transform: translateZ(200px) perspective(280px);
  transform: translateZ(200px) perspective(280px);
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon:hover .ellipsis {
  display: block;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper.flipped {
  -webkit-transform: rotateY(180deg) translate3d(-100%, 0px, 0px);
  -ms-transform: rotateY(180deg) translate3d(-100%, 0px, 0px);
  transform: rotateY(180deg) translate3d(-100%, 0px, 0px);
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper.flipped .front {
  opacity: 0;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .face {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front {
  transition: opacity .4s;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .content {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 5px;
  background-size: 46px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .content .svg {
  position: absolute;
  display: none;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .group-count {
  position: absolute;
  top: 27px;
  left: 31px;
  font-size: 10px;
  color: #767680;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: none;
  line-height: 15px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .fade {
  background-color: black;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .hidden_overlay {
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 17px;
  height: 14px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-front.png') no-repeat;
  margin-top: 27px;
  margin-left: 4px;
  -webkit-transform: translate3d(0, 0px, 3px);
  -ms-transform: translate3d(0, 0px, 3px);
  transform: translate3d(0, 0px, 3px);
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .hidden_overlay:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-front-hover.png');
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back {
  -webkit-transform: rotateY(180deg) translate3d(-100%, 0px, 0px);
  -ms-transform: rotateY(180deg) translate3d(-100%, 0px, 0px);
  transform: rotateY(180deg) translate3d(-100%, 0px, 0px);
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/grid.png') no-repeat 0 0;
  background-color: #1ce4c8;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler {
  position: absolute;
  width: 22px;
  height: 22px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.i {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/i.png') no-repeat 0 0;
  top: 0;
  left: 0;
  cursor: default;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.eye {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back.png') no-repeat 4px 3px;
  top: 24px;
  left: 0;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.eye:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back-hover.png');
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.x {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/x.png') no-repeat 0 0;
  top: 24px;
  left: 24px;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.x:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/x-hover.png');
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back .backfade {
  background-color: black;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: none;
}
.widgetbar .widgets-icons-wrapper .widgets-icons .icon.svg .perspective_wrapper .wrapper .face.front .content .svg {
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/bg@2x.png');
    background-size: 1200px 56px;
  }
  .widgetbar .page_num {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/page@2x.png');
    background-size: 55px 56px;
  }
  .widgetbar .viewports {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports@2x.png');
    background-size: 55px 56px;
  }
  .widgetbar .viewports[data-viewport="default"] .viewport-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports/default@2x.png');
    background-size: 55px 56px;
  }
  .widgetbar .viewports[data-viewport="tablet_portrait"] .viewport-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports/tablet-portrait@2x.png');
    background-size: 55px 56px;
  }
  .widgetbar .viewports[data-viewport="phone_portrait"] .viewport-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/viewports/phone-portrait@2x.png');
    background-size: 55px 56px;
  }
  .widgetbar .arrows .left {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-left@2x.png');
    background-size: 31px 28px;
  }
  .widgetbar .arrows .left:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-left-hover@2x.png');
    background-size: 31px 28px;
  }
  .widgetbar .arrows .right {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-right@2x.png');
    background-size: 31px 28px;
  }
  .widgetbar .arrows .right:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/arrow-right-hover@2x.png');
    background-size: 31px 28px;
  }
  .widgetbar .page_add_widget {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/add-92.png');
    background-size: 46px 46px;
  }
  .isdesktop .widgetbar .page_add_widget:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/add-hover-92.png');
    background-size: 46px 46px;
  }
  .isdesktop .widgetbar .page_add_widget:active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/add-click-92.png');
    background-size: 46px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo,
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo .anim {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/undo@2x.png');
    background-size: 23px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo,
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo .anim {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/redo@2x.png');
    background-size: 23px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active,
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active .anim {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/undo-active@2x.png');
    background-size: 23px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active,
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active .anim {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/redo-active@2x.png');
    background-size: 23px 46px;
  }
  .isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active:hover,
  .isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .undo.active .anim:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/undo-active-hover@2x.png');
    background-size: 23px 46px;
  }
  .isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active:hover,
  .isdesktop .widgetbar .widgets-icons-wrapper .widgets-icons .page_undo_redo .redo.active .anim:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/redo-active-hover@2x.png');
    background-size: 23px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_format {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/format-92.png');
    background-size: 46px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .page_guides {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/guides-92.png');
    background-size: 46px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .selection-point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/selection-point@2x.png');
    background-size: 4px 3px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon.hidden_widget .wrapper .back .handler.eye {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back-hidden@2x.png');
    background-size: 16px 13px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon.hidden_widget .wrapper .back .handler.eye:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back-hidden-hover@2x.png');
    background-size: 16px 13px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/ellipsis@2x.png');
    background-size: 21px 21px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/ellipsis-hover@2x.png');
    background-size: 21px 21px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .ellipsis .dot {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/dot@2x.png');
    background-size: 3px 3px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .hidden_overlay {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-front@2x.png');
    background-size: 16px 13px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .front .hidden_overlay:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-front-hover@2x.png');
    background-size: 16px 13px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/grid@2x.png');
    background-size: 46px 46px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.i {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/i@2x.png');
    background-size: 22px 22px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.eye {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back@2x.png');
    background-size: 16px 13px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.eye:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/eye-back-hover@2x.png');
    background-size: 16px 13px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.x {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/x@2x.png');
    background-size: 22px 22px;
  }
  .widgetbar .widgets-icons-wrapper .widgets-icons .icon .wrapper .back div.handler.x:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/x-hover@2x.png');
    background-size: 22px 22px;
  }
}
.workspace-container {
  position: absolute;
  z-index: 20;
}
.workspace-container.locked {
  pointer-events: none !important;
}
.workspace-container.locked * {
  pointer-events: none !important;
}
.minimal-constructor-ui .workspace-container[data-viewport="default"] .workspace-border,
.workspace-container.hide-border .workspace-border {
  opacity: 0;
}
.workspace-border {
  position: absolute;
  pointer-events: none;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 2500;
  border-style: solid;
  border-width: 5px;
  -webkit-border-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace/border.png') 5 repeat;
  border-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace/border.png') 5 repeat;
}
.workspace {
  position: absolute;
  background: transparent;
}
.workspace .selectframe {
  border: 1px dotted #1ce4c8;
  position: absolute;
  background: none;
  opacity: 0.7;
  z-index: 3000;
  box-sizing: border-box;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .workspace-border {
    -webkit-border-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace/border@2x.png') 10 repeat;
    border-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace/border@2x.png') 10 repeat;
  }
}
.workspace-inside-block {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.workspace-inside-block .block.picture {
  z-index: 1;
}
.workspace-inside-block .block.block-text {
  z-index: 2;
}
.workspace-inside-block .block .frameborder {
  display: none !important;
}
.workspace-inside-block.resize-handles-visible .resize-handle {
  display: block;
}
.workspace-inside-block .resize-handle {
  display: none;
  position: absolute;
  background: transparent;
  z-index: 9999;
}
.workspace-inside-block .resize-handle.hidden {
  display: none;
}
.workspace-inside-block .resize-handle.left {
  top: 0;
  left: -3px;
  width: 6px;
  height: 100%;
}
.workspace-inside-block .resize-handle.left:hover {
  cursor: col-resize;
}
.workspace-inside-block .resize-handle.top {
  left: 0;
  top: -3px;
  height: 6px;
  width: 100%;
}
.workspace-inside-block .resize-handle.top:hover {
  cursor: row-resize;
}
.workspace-inside-block .resize-handle.right {
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
}
.workspace-inside-block .resize-handle.right:hover {
  cursor: col-resize;
}
.workspace-inside-block .resize-handle.bottom {
  left: 0;
  bottom: -3px;
  height: 6px;
  width: 100%;
}
.workspace-inside-block .resize-handle.bottom:hover {
  cursor: row-resize;
}
.workspace-inside-block .widget-selector {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 240px;
  height: 120px;
  background-color: rgba(68, 68, 76, 0.95);
  border-radius: 8px;
}
.workspace-inside-block .widget-selector .widget {
  position: relative;
  float: left;
  height: 120px;
  width: 120px;
  opacity: 0.4;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.workspace-inside-block .widget-selector .widget:hover,
.workspace-inside-block .widget-selector .widget.enabled {
  opacity: 1;
}
.workspace-inside-block .widget-selector .widget .icon {
  position: absolute;
  left: 50%;
  background-repeat: no-repeat;
}
.workspace-inside-block .widget-selector .widget .caption {
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.workspace-inside-block .widget-selector .widget[data-block-type="picture"] .icon {
  top: 28px;
  margin-left: -20px;
  width: 49px;
  height: 39px;
  background-size: 49px 39px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-picture.png');
}
.workspace-inside-block .widget-selector .widget[data-block-type="picture"] .caption {
  padding-left: 10px;
}
.workspace-inside-block .widget-selector .widget[data-block-type="text"] .icon {
  top: 28px;
  margin-left: -23px;
  width: 36px;
  height: 39px;
  background-size: 36px 39px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-text.png');
}
.workspace-inside-block .widget-selector .widget[data-block-type="text"] .caption {
  padding-right: 10px;
}
.workspace-inside-block .widget-selector.compact {
  right: -36px;
  top: 0;
  bottom: auto;
  left: auto;
  width: 30px;
  height: 64px;
  border-radius: 15px;
}
.workspace-inside-block .widget-selector.compact.right-pos {
  right: auto;
  left: -36px;
}
.workspace-inside-block .widget-selector.compact .widget {
  float: none;
  height: 32px;
  width: 30px;
}
.workspace-inside-block .widget-selector.compact .widget .caption {
  display: none;
}
.workspace-inside-block .widget-selector.compact .widget[data-block-type="picture"] .icon {
  top: 10px;
  margin-left: -8px;
  width: 17px;
  height: 13px;
  background-size: 17px 13px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-picture-small.png');
}
.workspace-inside-block .widget-selector.compact .widget[data-block-type="text"] .icon {
  top: 8px;
  margin-left: -6px;
  width: 12px;
  height: 13px;
  background-size: 12px 13px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-text-small.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .workspace-inside-block .widget-selector .widget[data-block-type="picture"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-picture@2x.png');
    background-size: 49px 39px;
  }
  .workspace-inside-block .widget-selector .widget[data-block-type="text"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-text@2x.png');
    background-size: 36px 39px;
  }
  .workspace-inside-block .widget-selector.compact .widget[data-block-type="picture"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-picture-small@2x.png');
    background-size: 17px 13px;
  }
  .workspace-inside-block .widget-selector.compact .widget[data-block-type="text"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/workspace-inside-block-widget-selector/add-text-small@2x.png');
    background-size: 12px 13px;
  }
}
#widget-selector {
  z-index: 5000;
  display: none;
  position: absolute;
  width: 680px;
  height: 578px;
  left: 50%;
  top: 50%;
  margin-top: -289px;
  margin-left: -340px;
  -webkit-perspective: 600px;
  perspective: 600px;
}
#widget-selector.show-in .widget-selector-wrapper {
  -webkit-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  -ms-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  opacity: 0;
}
#widget-selector.show-out .widget-selector-wrapper {
  -webkit-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  -ms-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  opacity: 0;
}
#widget-selector .widget-selector-wrapper {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 100%;
  height: 100%;
  background-color: rgba(68, 68, 76, 0.95);
  border-radius: 11px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
#widget-selector .widget-selector-wrapper .blocks-wrapper {
  position: relative;
  padding: 0 40px;
  overflow: hidden;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks {
  padding-top: 36px;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget {
  width: 122px;
  height: 116px;
  cursor: pointer;
  margin: 0 14px 20px;
  float: left;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget.curr .thumb .frame {
  opacity: 1;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget .thumb {
  position: relative;
  margin: 0 auto 6px;
  width: 92px;
  height: 92px;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget .thumb img {
  -webkit-transition: -webkit-transform 0.08s ease-in-out;
  transition: transform 0.08s ease-in-out;
  border-radius: 7px;
  width: 92px;
  height: 92px;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget .thumb .frame {
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  position: absolute;
  left: -2px;
  top: -2px;
  bottom: -2px;
  right: -2px;
  box-shadow: 0 0 0 1px #f2f2f2;
  border-radius: 9px;
  opacity: 0;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget .caption {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  height: 18px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #9494a0;
  font-size: 14px;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget .caption span {
  color: #f2f2f2;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget:hover .caption {
  color: #f2f2f2;
}
#widget-selector .widget-selector-wrapper .blocks-wrapper .blocks .widget.click-animation .thumb img {
  -webkit-animation: click_animation 0.11s;
  animation: click_animation 0.11s;
}
@-webkit-keyframes click_animation {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.94);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes click_animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.94);
  }
  100% {
    transform: scale(1);
  }
}
.controls {
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  z-index: 3000;
  margin-left: 468px;
  top: 50%;
  left: 50%;
  height: 0;
  display: none;
  background: transparent;
  position: fixed;
  width: 30px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.controls.goout {
  opacity: 0;
  z-index: auto;
}
.controls .control {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  opacity: 1;
  border-radius: 50%;
  background-color: rgba(68, 68, 76, 0.95) !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.controls .control.fade {
  opacity: 0.4;
}
.controls .control.fade .icon {
  cursor: initial;
}
.controls .control.disabled {
  opacity: 0.3 !important;
}
.controls .control.disabled.no-hover {
  pointer-events: none;
}
.controls .control.hide {
  -webkit-transform: translateX(-7px) rotate(-45deg);
  -ms-transform: translateX(-7px) rotate(-45deg);
  transform: translateX(-7px) rotate(-45deg);
  opacity: 0!important;
}
.controls .control.show {
  -webkit-transform: translateX(7px) rotate(45deg);
  -ms-transform: translateX(7px) rotate(45deg);
  transform: translateX(7px) rotate(45deg);
  opacity: 0;
}
.controls .control .icon {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background-position 0.2s ease-out;
  transition: background-position 0.2s ease-out;
}
.controls .control .icon.preloader {
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.controls .control.checked {
  z-index: 100;
}
.controls .control.checked {
  z-index: 100;
}
.controls .control.checked .icon {
  background-position: -30px 0, 0 0 !important;
}
.controls .control.checked .icon.noarrow {
  background-position: 0 0, 30px 0 !important;
}
.controls .control.loading .icon.preloader {
  background-position: 6px 6px, 30px 0 !important;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/preloader-control.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') !important;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 1s infinite linear;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.controls .control .panel {
  position: absolute;
  display: none;
  margin-right: -4px;
  opacity: 0;
  bottom: 0;
  right: 34px;
}
.controls .control.common_align .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.common_align .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.common_align .panel {
  width: 98px;
  height: 64px;
}
.controls .control.common_align .panel div {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: rgba(68, 68, 76, 0.95);
  cursor: pointer;
}
.controls .control.common_align .panel .bottom {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/bottom.png');
}
.controls .control.common_align .panel .bottom:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/bottom-hover.png');
}
.controls .control.common_align .panel .middle {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/middle.png');
}
.controls .control.common_align .panel .middle:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/middle-hover.png');
}
.controls .control.common_align .panel .top {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/top.png');
}
.controls .control.common_align .panel .top:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/top-hover.png');
}
.controls .control.common_align .panel .left {
  margin-top: 4px;
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/left.png');
}
.controls .control.common_align .panel .left:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/left-hover.png');
}
.controls .control.common_align .panel .center {
  margin-top: 4px;
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/center.png');
}
.controls .control.common_align .panel .center:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/center-hover.png');
}
.controls .control.common_align .panel .right {
  margin-top: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/right.png');
}
.controls .control.common_align .panel .right:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/right-hover.png');
}
.controls .control.common_layer .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_layer/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.common_layer .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_layer/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.common_layer .panel {
  width: 132px;
  height: 30px;
}
.controls .control.common_layer .panel div {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: rgba(68, 68, 76, 0.95);
  cursor: pointer;
}
.controls .control.common_layer .panel .backward-all,
.controls .control.common_layer .panel .backward,
.controls .control.common_layer .panel .forward,
.controls .control.common_layer .panel .forward-all {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_layer/sprite.png');
  background-size: 120px 90px;
}
.controls .control.common_layer .panel .backward-all {
  margin-right: 4px;
  background-position: 0 0;
}
.controls .control.common_layer .panel .backward-all:hover {
  background-position: 0 -30px;
}
.controls .control.common_layer .panel .backward-all:active {
  background-position: 0 -60px;
}
.controls .control.common_layer .panel .backward {
  margin-right: 4px;
  background-position: -30px 0;
}
.controls .control.common_layer .panel .backward:hover {
  background-position: -30px -30px;
}
.controls .control.common_layer .panel .backward:active {
  background-position: -30px -60px;
}
.controls .control.common_layer .panel .forward {
  margin-right: 4px;
  background-position: -60px 0;
}
.controls .control.common_layer .panel .forward:hover {
  background-position: -60px -30px;
}
.controls .control.common_layer .panel .forward:active {
  background-position: -60px -60px;
}
.controls .control.common_layer .panel .forward-all {
  background-position: -90px 0;
}
.controls .control.common_layer .panel .forward-all:hover {
  background-position: -90px -30px;
}
.controls .control.common_layer .panel .forward-all:active {
  background-position: -90px -60px;
}
.controls .control.common_pack .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_pack/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.common_pack .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_pack/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.common_pack .panel {
  display: none;
}
.controls .control.common_unpack .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_unpack/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.common_unpack .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_unpack/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.common_unpack .panel {
  display: none;
}
.controls .control.common_rotation .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.common_rotation .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.common_rotation.inactive {
  opacity: 0.4;
}
.controls .control.common_rotation.inactive .icon {
  cursor: initial;
  background-color: rgba(68, 68, 76, 0.4) !important;
}
.controls .control.common_rotation.inactive .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/icon.png') no-repeat 0 0;
}
.controls .control.common_rotation .panel {
  width: 152px;
  right: 42px;
  height: 128px;
  top: -38px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
}
.controls .control.common_rotation .panel .param-caption {
  position: absolute;
  left: 0;
  top: 12px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #44444c;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.controls .control.common_rotation .panel .input-wrapper {
  position: absolute;
  margin-top: 30px;
  left: 0;
  font-size: 34px;
  text-align: center;
  width: 100%;
  color: #44444c;
}
.controls .control.common_rotation .panel .input-wrapper .param-input {
  color: #44444c;
  font-size: 34px;
  text-align: center;
  width: 66px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
}
.controls .control.common_rotation .panel .input-wrapper .param-input.transparent-selection::-moz-selection {
  background-color: transparent;
}
.controls .control.common_rotation .panel .input-wrapper .param-input.transparent-selection::selection {
  background-color: transparent;
}
.controls .control.common_rotation .panel .input-wrapper .balance-minus,
.controls .control.common_rotation .panel .input-wrapper .balance-deg {
  visibility: hidden;
}
.controls .control.common_rotation .panel .input-wrapper .balance-minus {
  display: none;
}
.controls .control.common_rotation .panel .input-wrapper.negative .balance-minus {
  display: inline;
}
.controls .control.common_rotation .panel .separator {
  position: absolute;
  bottom: 47px;
  width: 139px;
  height: 0px;
  left: 50%;
  margin-left: -70px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.controls .control.common_rotation .panel .flip-h,
.controls .control.common_rotation .panel .flip-v,
.controls .control.common_rotation .panel .rotate90 {
  position: absolute;
  width: 36px;
  height: 36px;
  bottom: 6px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.controls .control.common_rotation .panel .flip-h {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-h.png');
  background-size: 20px 22px;
  left: 16px;
}
.controls .control.common_rotation .panel .flip-h:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-h-hover.png');
}
.controls .control.common_rotation .panel .flip-v {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-v.png');
  background-size: 22px 20px;
  left: 102px;
  bottom: 4px;
}
.controls .control.common_rotation .panel .flip-v:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-v-hover.png');
}
.controls .control.common_rotation .panel .rotate90 {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/rotate90.png');
  background-size: 34px 30px;
  left: 60px;
}
.controls .control.common_rotation .panel .rotate90:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/rotate90-hover.png');
}
.controls .control.picture_settings .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.picture_settings .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.picture_settings .panel {
  width: 152px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
  padding-top: 1px;
  height: 248px;
  top: -36px;
}
.controls .control.picture_settings .panel .border,
.controls .control.picture_settings .panel .radius,
.controls .control.picture_settings .panel .opacity {
  position: relative;
  height: 80px;
}
.controls .control.picture_settings .panel .radius {
  height: 79px;
}
.controls .control.picture_settings .panel .param-caption,
.controls .control.picture_settings .panel .percent {
  position: absolute;
  left: 0;
  top: 11px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #44444c;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.controls .control.picture_settings .panel .param-caption sup,
.controls .control.picture_settings .panel .percent sup {
  font-size: 8px;
  vertical-align: 4px;
  padding-left: 1px;
}
.controls .control.picture_settings .panel .percent {
  opacity: 0;
}
.controls .control.picture_settings .panel .opacity.show-percent-on-hover .param-caption,
.controls .control.picture_settings .panel .opacity.show-percent-on-drag .param-caption {
  opacity: 0;
}
.controls .control.picture_settings .panel .opacity.show-percent-on-hover .percent,
.controls .control.picture_settings .panel .opacity.show-percent-on-drag .percent {
  opacity: 1;
}
.controls .control.picture_settings .panel .param-input {
  position: absolute;
  top: 30px;
  left: 50%;
  color: #44444c;
  font-size: 34px;
  text-align: center;
  width: 66px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  margin-left: -33px;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.controls .control.picture_settings .panel .param-input.inactive {
  opacity: 0.5;
}
.controls .control.picture_settings .panel .separator {
  position: absolute;
  bottom: 0;
  width: 139px;
  height: 0px;
  left: 50%;
  margin-left: -70px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.controls .control.picture_settings .panel .border-color {
  position: absolute;
  right: 16px;
  bottom: 15px;
  width: 28px;
  border-radius: 18px;
  height: 28px;
  cursor: pointer;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.24);
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/opacity-grid.png');
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.controls .control.picture_settings .panel .border-color .arrow-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/color-arrow.png');
  background-repeat: no-repeat;
  background-color: white;
}
.controls .control.picture_settings .panel .border-color:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/color-arrow-hover.png');
}
.controls .control.picture_settings .panel .border-color .color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.24);
}
.controls .control.picture_settings .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  bottom: 21px;
  left: 114px;
  width: 152px;
  height: 240px;
}
.controls .control.picture_settings .panel .border-radius-max {
  position: absolute;
  right: 16px;
  bottom: 15px;
  width: 28px;
  border-radius: 14px;
  height: 28px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #d0d0d0;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.controls .control.picture_settings .panel .border-radius-max:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -2px;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  background: #999999;
}
.controls .control.picture_settings .panel .border-radius-max:hover,
.controls .control.picture_settings .panel .border-radius-max.active {
  box-shadow: inset 0 0 0 1px #057afe;
}
.controls .control.picture_settings .panel .opacity-slider {
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 39px;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  height: 30px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/opacity-bg.png');
  background-repeat: no-repeat;
  background-size: 120px 30px;
}
.controls .control.picture_settings .panel .opacity-slider .opacity-handle {
  cursor: hand;
  cursor: ew-resize;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #3d3d3d;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0px;
  left: 0px;
  margin: 2px 0 0 -13px;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.controls .control.picture_settings .panel .opacity-slider .opacity-handle:hover,
.controls .control.picture_settings .panel .opacity-slider .opacity-handle.opacity-dragging {
  box-shadow: inset 0 0 0 2px #0078ff;
}
.controls .control.picture_effects .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_effects/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.picture_effects .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_effects/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.picture_effects .panel {
  width: 52px;
  height: 515px;
  top: 50%;
  margin-top: -257px;
}
.controls .control.picture_effects .panel .effect {
  position: relative;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 45px;
  margin-top: 6px;
  -webkit-transition: -webkit-transform 75ms ease-in;
  transition: transform 75ms ease-in;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.controls .control.picture_effects .panel .effect:first-child {
  margin-top: 0;
}
.controls .control.picture_effects .panel .effect:hover,
.controls .control.picture_effects .panel .effect.active {
  background-color: rgba(28, 228, 200, 0.95);
}
.controls .control.picture_effects .panel .effect .thumb {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 2px;
  left: 2px;
  border-radius: 45px;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
  cursor: pointer;
}
.controls .control.picture_effects .panel .effect.active .thumb.original {
  cursor: initial;
}
.controls .control.picture_effects .panel .effect.animation {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}
.controls .control.picture_1x1 .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon.png') no-repeat 0 0;
}
.controls .control.picture_1x1 .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon-hover.png') no-repeat 0 0;
}
.controls .control.picture_1x1 .icon1x2 {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon1x2.png');
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: rgba(68, 68, 76, 0.95);
  cursor: pointer;
  top: 0px;
  left: -34px;
  position: absolute;
}
.controls .control.picture_1x1 .icon1x2.visible {
  opacity: 1;
  visibility: visible;
}
.controls .control.picture_1x1 .icon1x2:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon1x2-hover.png');
}
.controls .control.picture_1x1.inactive {
  background-color: rgba(68, 68, 76, 0.4) !important;
}
.controls .control.picture_1x1.inactive .icon {
  cursor: initial;
}
.controls .control.picture_1x1.inactive .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon.png') no-repeat 0 0;
}
.controls .control.picture_1x1.inactive1x2 .icon1x2 {
  cursor: initial;
  background-color: rgba(68, 68, 76, 0.38);
}
.controls .control.picture_1x1.inactive1x2 .icon1x2:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon1x2.png');
}
.controls .control.picture_1x1.inactive-all {
  opacity: 0.4;
}
.controls .control.picture_1x1.inactive-all .icon {
  cursor: initial;
}
.controls .control.picture_1x1.inactive-all .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon.png') no-repeat 0 0;
}
.controls .control.picture_1x1 .panel {
  display: none;
}
.controls .control.picture_fwpos.active {
  background-color: #28e5cb !important;
}
.controls .control.picture_fwpos:not(.active):hover .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon-hover.png') no-repeat 0 0;
}
.controls .control.picture_fwpos .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon.png') no-repeat 0 0;
}
.controls .control.picture_crop .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.picture_crop .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.picture_crop.inactive {
  opacity: 0.4;
}
.controls .control.picture_crop.inactive .icon {
  cursor: initial;
}
.controls .control.picture_crop.inactive .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.picture_crop.hide-all-except-scale .panel .equilateral,
.controls .control.picture_crop.hide-all-except-scale .panel .fill,
.controls .control.picture_crop.hide-all-except-scale .panel .fit,
.controls .control.picture_crop.hide-all-except-scale .panel .x1 {
  display: none;
}
.controls .control.picture_crop .panel {
  width: 30px;
  top: 0;
  bottom: auto;
  right: 38px;
}
.controls .control.picture_crop .panel .scale {
  background-color: rgba(68, 68, 76, 0.95);
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 174px;
}
.controls .control.picture_crop .panel .scale .handler {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  border-radius: 50%;
  background-color: #f8f8f8;
  box-shadow: inset 0 -30px 30px -30px rgba(0, 0, 0, 0.08);
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
  left: 0;
  margin: 2px;
  -webkit-transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.controls .control.picture_crop .panel .scale .handler .helper {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  padding-right: 35px;
  top: 0;
  bottom: 0;
  width: 40px;
  text-align: right;
  color: #00b68c;
  font-size: 14px;
  line-height: 26px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.controls .control.picture_crop .panel .scale .handler:hover,
.controls .control.picture_crop .panel .scale .handler.dragging {
  background: #15debb;
  box-shadow: inset 0 30px 30px -30px #3cffff;
}
.controls .control.picture_crop .panel .scale .handler:hover .helper,
.controls .control.picture_crop .panel .scale .handler.dragging .helper {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.controls .control.picture_crop .panel .button {
  cursor: pointer;
  margin-top: 6px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(68, 68, 76, 0.95);
  color: white;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  line-height: 30px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.controls .control.picture_crop .panel .button.fade {
  opacity: 0.4;
  cursor: default;
}
.controls .control.picture_crop .panel .button.fade:hover {
  color: white;
}
.controls .control.picture_crop .panel .button.equilateral:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  box-shadow: inset 0 0 0 1px #fff;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.controls .control.picture_crop .panel .button.equilateral:hover:after {
  box-shadow: inset 0 0 0 1px #1ce4c8;
}
.controls .control.picture_crop .panel .button.x1 {
  padding-right: 1px;
}
.controls .control.picture_crop .panel .button:hover {
  color: #1ce4c8;
}
.controls .control.text_edit .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_edit/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.text_edit .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_edit/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.text_edit .panel {
  display: none;
}
.controls .control.text_align .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.text_align .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.text_align .panel {
  width: 132px;
  height: 30px;
}
.controls .control.text_align .panel div {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: rgba(68, 68, 76, 0.95);
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.controls .control.text_align .panel div.curr {
  box-shadow: inset 0 0 0 2px #28e5cb;
}
.controls .control.text_align .panel .left {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/left.png');
}
.controls .control.text_align .panel .left:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/left-hover.png');
}
.controls .control.text_align .panel .left.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/left-hover.png');
}
.controls .control.text_align .panel .center {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/center.png');
}
.controls .control.text_align .panel .center:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/center-hover.png');
}
.controls .control.text_align .panel .center.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/center-hover.png');
}
.controls .control.text_align .panel .right {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/right.png');
}
.controls .control.text_align .panel .right:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/right-hover.png');
}
.controls .control.text_align .panel .right.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/right-hover.png');
}
.controls .control.text_align .panel .justify {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/justify.png');
}
.controls .control.text_align .panel .justify:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/justify-hover.png');
}
.controls .control.text_align .panel .justify.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/justify-hover.png');
}
.controls .control.text_bius .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.text_bius .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.text_bius .panel {
  width: 166px;
  height: 30px;
}
.controls .control.text_bius .panel div {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: rgba(68, 68, 76, 0.95);
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.controls .control.text_bius .panel div.curr {
  box-shadow: inset 0 0 0 2px #28e5cb;
}
.controls .control.text_bius .panel .all-caps {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/all-caps.png');
}
.controls .control.text_bius .panel .all-caps:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/all-caps-hover.png');
}
.controls .control.text_bius .panel .all-caps.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/all-caps-hover.png');
}
.controls .control.text_bius .panel .bold {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/bold.png');
}
.controls .control.text_bius .panel .bold:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/bold-hover.png');
}
.controls .control.text_bius .panel .bold.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/bold-hover.png');
}
.controls .control.text_bius .panel .italic {
  margin-right: 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/italic.png');
}
.controls .control.text_bius .panel .italic:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/italic-hover.png');
}
.controls .control.text_bius .panel .italic.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/italic-hover.png');
}
.controls .control.text_bius .panel .underline {
  width: 32px;
  border-radius: 15px 0 0 15px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/underline.png');
}
.controls .control.text_bius .panel .underline:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/underline-hover.png');
}
.controls .control.text_bius .panel .underline.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/underline-hover.png');
  box-shadow: none;
}
.controls .control.text_bius .panel .strike {
  width: 32px;
  border-radius: 0 15px 15px 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/strike.png');
}
.controls .control.text_bius .panel .strike:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/strike-hover.png');
}
.controls .control.text_bius .panel .strike.curr {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/strike-hover.png');
  box-shadow: none;
}
.controls .control.text_color .icon .color-circle {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 6px;
  left: 6px;
  border-radius: 100%;
}
.controls .control.text_color .icon .opacity-grid {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 6px;
  left: 6px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px white;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_color/opacity-grid.png') 0 0;
}
.controls .control.text_color:not(.disabled).icon:hover .opacity-grid {
  box-shadow: 0 0 0 2px #28e5cb;
}
.controls .control.text_color .panel {
  width: 152px;
  height: 240px;
  top: -159px;
  right: 42px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  padding: 0;
}
.controls .control.text_columns .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.text_columns .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.text_columns .panel {
  width: 152px;
  height: 160px;
  top: -45px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.controls .control.text_columns .panel .substract,
.controls .control.text_columns .panel .add {
  position: absolute;
  top: 20px;
  width: 25px;
  height: 25px;
  opacity: 0.35;
  border-radius: 100%;
  cursor: pointer;
}
.controls .control.text_columns .panel .substract:hover,
.controls .control.text_columns .panel .add:hover {
  opacity: 1;
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid rgba(68, 68, 76, 0.2);
}
.controls .control.text_columns .panel .substract:active,
.controls .control.text_columns .panel .add:active {
  opacity: 1;
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid rgba(68, 68, 76, 0.2);
  background-color: rgba(68, 68, 76, 0.12);
}
.controls .control.text_columns .panel .substract {
  left: 17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/substract.png') no-repeat 0 0;
}
.controls .control.text_columns .panel.one-column {
  height: 120px;
}
.controls .control.text_columns .panel.one-column .substract {
  cursor: default;
}
.controls .control.text_columns .panel.one-column .substract:hover {
  opacity: 0.35;
  margin-left: 0;
  margin-top: 0;
  border: none;
}
.controls .control.text_columns .panel.one-column .substract:active {
  opacity: 0.35;
  margin-left: 0;
  margin-top: 0;
  border: none;
  background-color: transparent;
}
.controls .control.text_columns .panel .add {
  left: 110px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/add.png') no-repeat 0 0;
}
.controls .control.text_columns .panel .number {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 44px;
  color: #44444c;
  width: 60px;
  position: absolute;
  top: 11px;
  left: 50%;
  margin-left: -30px;
  text-align: center;
  cursor: default;
}
.controls .control.text_columns .panel .separator {
  position: absolute;
  bottom: 54px;
  width: 139px;
  height: 1px;
  left: 50%;
  margin-left: -70px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
}
.controls .control.text_columns .panel .bg-color {
  position: absolute;
  left: 50%;
  margin-left: -33px;
  bottom: 14px;
  width: 64px;
  border-radius: 18px;
  height: 28px;
  cursor: pointer;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.24);
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/opacity-grid.png');
}
.controls .control.text_columns .panel .bg-color .arrow-icon {
  position: absolute;
  right: 7px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/color-arrow.png');
  background-repeat: no-repeat;
  background-color: white;
}
.controls .control.text_columns .panel .bg-color:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/color-arrow-hover.png');
}
.controls .control.text_columns .panel .bg-color .color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.24);
}
.controls .control.text_columns .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  bottom: 20px;
  left: 85px;
  width: 152px;
  height: 240px;
}
.controls .control.text_columns .panel.one-column .gutter {
  opacity: 0;
  top: 45px;
}
.controls .control.text_columns .panel .gutter {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  width: 56px;
  height: 23px;
  top: 65px;
  left: 50%;
  margin-left: -28px;
}
.controls .control.text_columns .panel .gutter .gap {
  position: absolute;
  top: 0;
  left: 0;
  color: #3c3c3c;
  font-size: 18px;
  text-align: center;
  width: 56px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  line-height: 23px;
  height: 23px;
}
.controls .control.text_columns .panel .gutter .grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/gutter.png') no-repeat 0 0;
}
.controls .control.text_typography .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/icon.png') no-repeat 30px 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/plus.png') no-repeat 0 0;
}
.controls .control.text_typography .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/icon-hover.png') no-repeat 30px 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/plus.png') no-repeat 0 0;
}
.controls .control.text_typography .icon.noarrow,
.controls .control.text_typography.checked .icon.noarrow {
  background-position: 0 0, -30px 0 !important;
}
.controls .control.text_typography.plus-animation,
.controls .control.text_typography.plus-animation.checked {
  -webkit-animation: plus-animation 1.1s ease 0s forwards;
  animation: plus-animation 1.1s ease 0s forwards;
}
@-webkit-keyframes plus-animation {
  35% {
    background-color: #1686eb;
  }
  35.1% {
    background-color: #1686eb;
  }
  65% {
    background-color: #1686eb;
  }
}
@keyframes plus-animation {
  35% {
    background-color: #1686eb;
  }
  35.1% {
    background-color: #1686eb;
  }
  65% {
    background-color: #1686eb;
  }
}
.controls .control.text_typography.plus-animation .icon.noarrow,
.controls .control.text_typography.plus-animation.checked .icon.noarrow {
  -webkit-animation: plus-icon-animation 1.1s ease 0s forwards;
  animation: plus-icon-animation 1.1s ease 0s forwards;
}
@-webkit-keyframes plus-icon-animation {
  0% {
    background-position: 0 0, -30px 0;
  }
  35% {
    background-position: 30px 0, 0 0;
  }
  35.1% {
    background-position: -30px 0, 0 0;
  }
  65% {
    background-position: -30px 0, 0 0;
  }
  99.9% {
    background-position: 0 0, 30px 0;
  }
  100% {
    background-position: 0 0, -30px 0;
  }
}
@keyframes plus-icon-animation {
  0% {
    background-position: 0 0, -30px 0;
  }
  35% {
    background-position: 30px 0, 0 0;
  }
  35.1% {
    background-position: -30px 0, 0 0;
  }
  65% {
    background-position: -30px 0, 0 0;
  }
  99.9% {
    background-position: 0 0, 30px 0;
  }
  100% {
    background-position: 0 0, -30px 0;
  }
}
.controls .control.text_typography .panel {
  width: 152px;
  height: 264px;
  top: -27px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  padding: 0;
}
.controls .control.text_typography .panel .gauge {
  position: absolute;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 101px;
  top: 102px;
  border-radius: 4px;
  background: #44444c;
}
.controls .control.text_typography .panel .gauge .font-size-gauge {
  position: absolute;
  left: 0;
  bottom: -1px;
  border-radius: 0 0 0 4px;
  width: 8px;
  height: 10px;
  background-color: #1ce4c8;
  clip: rect(0, 4px, auto, 0);
}
.controls .control.text_typography .panel .gauge .line-height-gauge {
  position: absolute;
  right: 0;
  bottom: -1px;
  border-radius: 0 0 4px 0;
  width: 8px;
  height: 20px;
  background-color: #1ce4c8;
  clip: rect(0, 8px, auto, 4px);
}
.controls .control.text_typography .panel .font-size-wrapper {
  position: absolute;
  height: 50px;
  right: 88px;
  width: 55px;
  top: 188px;
  margin-top: -25px;
}
.controls .control.text_typography .panel .font-size-wrapper.spring-effect {
  -webkit-transition: margin-top 0.15s cubic-bezier(0.305, 1.11, 0.775, 1.95);
  transition: margin-top 0.15s cubic-bezier(0.305, 1.11, 0.775, 1.95);
}
.controls .control.text_typography .panel .font-size-wrapper .font-size {
  position: absolute;
  top: 0;
  left: 0;
  color: #44444c;
  font-size: 44px;
  text-align: right;
  width: 55px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  line-height: 50px;
  height: 50px;
}
.controls .control.text_typography .panel .font-size-wrapper .font-size.big-number {
  font-size: 24px;
}
.controls .control.text_typography .panel .font-size-wrapper .multiple-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 2px;
  width: 100%;
  height: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #44444c;
  font-size: 34px;
  letter-spacing: 3px;
  line-height: 50px;
  text-align: right;
}
.controls .control.text_typography .panel .line-height-wrapper {
  position: absolute;
  height: 50px;
  left: 88px;
  width: 55px;
  top: 188px;
  margin-top: -25px;
}
.controls .control.text_typography .panel .line-height-wrapper.spring-effect {
  -webkit-transition: margin-top 0.15s cubic-bezier(0.305, 1.11, 0.775, 1.95);
  transition: margin-top 0.15s cubic-bezier(0.305, 1.11, 0.775, 1.95);
}
.controls .control.text_typography .panel .line-height-wrapper .line-height {
  color: #44444c;
  font-size: 44px;
  text-align: left;
  width: 55px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  line-height: 50px;
  height: 50px;
}
.controls .control.text_typography .panel .line-height-wrapper .line-height.big-number {
  font-size: 24px;
}
.controls .control.text_typography .panel .line-height-wrapper .multiple-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 1px;
  width: 100%;
  height: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #44444c;
  font-size: 34px;
  letter-spacing: 3px;
  line-height: 50px;
  text-align: left;
}
.controls .control.text_typography .panel .pictograms {
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -40px;
  width: 80px;
  height: 20px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/pictograms.png') no-repeat 0 4px;
}
.controls .control.text_typography .panel .pictograms .linked {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 1px;
  margin-left: -9px;
  left: 50%;
  border-radius: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/unlinked.png') no-repeat 0 0;
  cursor: pointer;
}
.controls .control.text_typography .panel .pictograms .linked:hover {
  box-shadow: 0 0 0 1px #b6b6bc;
}
.controls .control.text_typography .panel .pictograms .linked.active {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/linked.png') no-repeat 0 0;
}
.controls .control.text_typography .panel .letter-spacing-wrapper {
  position: absolute;
  width: 71px;
  height: 24px;
  top: 222px;
  left: 50%;
  margin-left: -35px;
}
.controls .control.text_typography .panel .letter-spacing-wrapper .letter-spacing {
  position: absolute;
  top: 0;
  left: 0;
  color: #3c3c3c;
  font-size: 18px;
  text-align: center;
  width: 71px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  line-height: 23px;
  height: 23px;
}
.controls .control.text_typography .panel .letter-spacing-wrapper .block-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/letter-spacing.png') no-repeat 0 10px;
}
.controls .control.text_typography .panel .letter-spacing-wrapper .multiple-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #44444c;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 35px;
  text-align: center;
}
.controls .control.text_typography .panel .font-family-popup {
  position: absolute;
  width: 120px;
  height: 28px;
  top: 14px;
  left: 50%;
  margin-left: -60px;
  cursor: pointer;
  background-color: #44444c;
  border-radius: 3px 3px 0 0;
}
.controls .control.text_typography .panel .font-family-popup .popup-caption {
  padding: 0 20px 0 7px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.controls .control.text_typography .panel .font-family-popup .arrow-icon {
  position: absolute;
  width: 7px;
  height: 4px;
  top: 13px;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/font-arrows.png') no-repeat 0 0;
}
.controls .control.text_typography .panel .font-family-popup:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/font-arrows-hover.png');
}
.controls .control.text_typography .panel .font-style-popup {
  position: absolute;
  width: 120px;
  height: 29px;
  top: 41px;
  left: 50%;
  margin-left: -60px;
  cursor: pointer;
  border-radius: 0 0 3px 3px;
  box-shadow: inset 0 0 0 1px rgba(68, 68, 76, 0.12);
}
.controls .control.text_typography .panel .font-style-popup .popup-caption {
  padding: 0 20px 0 7px;
  line-height: 30px;
  font-size: 14px;
  color: #44444c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.controls .control.text_typography .panel .font-style-popup .arrow-icon {
  position: absolute;
  width: 7px;
  height: 4px;
  top: 14px;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/style-arrows.png') no-repeat 0 0;
}
.controls .control.text_typography .panel .font-style-popup:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/style-arrows-hover.png');
}
.controls .control.text_typography .panel .font-style-popup.disabled {
  background: transparent !important;
  cursor: default;
}
.controls .control.text_typography .panel .font-style-popup.disabled .arrow-icon {
  display: none;
}
.controls .control.text_typography .panel .font-style {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.controls .control.text_typography .panel .font-style .font-style-wrapper {
  position: absolute;
  left: 0;
  top: 41px;
  width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 3px;
  padding-bottom: 3px;
  padding-top: 4px;
}
.controls .control.text_typography .panel .font-style .font-style-wrapper .font-style-item {
  position: relative;
  padding: 7px 23px 8px;
  color: #44444c;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.controls .control.text_typography .panel .font-style .font-style-wrapper .font-style-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 12px;
}
.controls .control.text_typography .panel .font-style .font-style-wrapper .font-style-item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/point-hover.png') no-repeat 0 0;
}
.controls .control.text_typography .panel .font-style .font-style-wrapper .font-style-item.curr .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/point-active.png') no-repeat 0 0 !important;
}
.controls .control.slideshow_manager.loading .icon.preloader {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/preloader-control-white.png') !important;
}
.controls .control.slideshow_manager.loading:hover .icon.preloader,
.controls .control.slideshow_manager.loading.checked .icon.preloader {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/icon.png') !important;
  background-position: 0 0 !important;
  -webkit-animation: none !important;
  animation: none !important;
}
.controls .control.slideshow_manager .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/icon.png') no-repeat 0 0;
}
.controls .control.slideshow_manager .icon:hover,
.controls .control.slideshow_manager .icon.highlighted {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/icon-hover.png') no-repeat 0 0;
}
.controls .control.slideshow_manager .panel {
  padding: 0;
  width: 152px;
  height: 264px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
}
.controls .control.slideshow_manager .panel .add-block {
  position: absolute;
  bottom: 0;
  height: 32px;
  left: 6px;
  right: 7px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
}
.controls .control.slideshow_manager .panel .add-block .add {
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -8px;
  width: 17px;
  height: 17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/add.png') no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.slideshow_manager .panel .add-block .add:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/add-hover.png');
}
.controls .control.slideshow_manager .panel .drop-text {
  display: none;
  position: absolute;
  top: 20px;
  left: 20px;
}
.controls .control.slideshow_manager .panel.show-dropzone .drop-text {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -10px;
  color: #11d4bc;
  text-align: center;
  font-size: 19px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.controls .control.slideshow_manager .panel.show-dropzone .add-block,
.controls .control.slideshow_manager .panel.show-dropzone .error-panel,
.controls .control.slideshow_manager .panel.show-dropzone .resizable-scroll-wrapper {
  opacity: 0.15;
}
.controls .control.slideshow_manager .panel .error-panel {
  position: absolute;
  background: rgba(52, 50, 52, 0.8);
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  margin-top: 8px;
  opacity: 0;
  cursor: default;
  width: 116px;
  padding: 4px 10px;
  margin-left: -68px;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
}
.controls .control.slideshow_manager .panel .error-panel .error-panel-text {
  color: #f2f2f2;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}
.controls .control.slideshow_manager .panel .error-panel .corner-wrapper {
  position: absolute;
  left: 68px;
  width: 8px;
  height: 4px;
  margin-left: -4px;
  clip: rect(0, 107px, 103px, -99px);
  bottom: -4px;
}
.controls .control.slideshow_manager .panel .error-panel .corner-wrapper .corner {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 1px;
  top: -3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.slideshow_manager .panel .error-panel .corner-wrapper .corner {
  box-shadow: none;
  background: rgba(52, 50, 52, 0.8);
}
.controls .control.slideshow_manager .panel .error-panel.shown {
  -webkit-transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
  visibility: visible;
  margin-top: 0;
  opacity: 1;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper {
  position: absolute !important;
  top: 0;
  bottom: 33px;
  height: auto !important;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  width: 152px;
  padding: 8px 0;
  overflow: hidden;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper {
  position: relative;
  width: 100%;
  height: 56px;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.enable-transition {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.collapsed {
  height: 0 !important;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.collapsed-half {
  opacity: 0 !important;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.removed {
  height: 0 !important;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.removed-half {
  left: -100% !important;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.error .slideshow-image .image {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/image-error.png');
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.loading .slideshow-image .image .rmpreloader {
  display: block;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.loading .slideshow-image .update {
  display: none;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image {
  position: relative;
  width: 135px;
  height: 40px;
  top: 8px;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .num {
  position: absolute;
  top: 0;
  left: 16px;
  font-size: 12px;
  color: #bbc0c9;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 40px;
  height: 40px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .image {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 48px;
  width: 56px;
  height: 40px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/image-placeholder.png');
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .image .rmpreloader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  display: none;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .image .rmpreloader .arc {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 32px;
  height: 32px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/preloader.png') no-repeat 0 0;
  background-size: 32px 32px;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .image .rmpreloader .shadow {
  display: none;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .remove {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 116px;
  width: 12px;
  height: 12px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/remove.png') no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .remove:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/remove-hover.png');
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .update {
  opacity: 0;
  position: absolute;
  top: 26px;
  left: 113px;
  width: 18px;
  height: 14px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/update.png') no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .update:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/update-hover.png');
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image:hover .num,
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image.dragging .num,
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image.active .num {
  color: #44444c;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image:hover .remove,
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image.dragging .remove,
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image.active .remove {
  opacity: 1;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image:hover .update,
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image.dragging .update,
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image.active .update {
  opacity: 1;
}
.controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image.active .image {
  cursor: default;
}
.controls .control.slideshow_manager.updating .panel {
  opacity: 0.5 !important;
}
.controls .control.shape_color .icon .color-circle,
.controls .control.picture_color .icon .color-circle {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 6px;
  left: 6px;
  border-radius: 100%;
}
.controls .control.shape_color .icon .opacity-grid,
.controls .control.picture_color .icon .opacity-grid {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 6px;
  left: 6px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px white;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_color/opacity-grid.png') 0 0;
}
.controls .control.shape_color .icon:hover .opacity-grid,
.controls .control.picture_color .icon:hover .opacity-grid {
  box-shadow: 0 0 0 2px #28e5cb;
}
.controls .control.shape_color .panel,
.controls .control.picture_color .panel {
  width: 152px;
  height: 240px;
  top: -68px;
  right: 42px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  padding: 0;
}
.controls .control.shape_settings .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.shape_settings .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.shape_settings .panel {
  width: 152px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
  padding-top: 1px;
}
.controls .control.shape_settings .panel[data-current-type='rectangle'] {
  height: 159px;
  top: -65.5px;
}
.controls .control.shape_settings .panel[data-current-type='rectangle'] .weight {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='rectangle'] .sides {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='rectangle'] .borders .param-caption.name-border {
  opacity: 0;
}
.controls .control.shape_settings .panel[data-current-type='rectangle'] .stroke {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='polygon'] {
  height: 239px;
  top: -105.5px;
}
.controls .control.shape_settings .panel[data-current-type='polygon'] .weight {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='polygon'] .borders .param-caption.name-border {
  opacity: 0;
}
.controls .control.shape_settings .panel[data-current-type='polygon'] .stroke {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] {
  height: 79px;
  top: -25.5px;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] .weight {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] .sides {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] .borders {
  height: 79px;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] .borders .param-caption.name-borders {
  opacity: 0;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] .borders .separator {
  opacity: 0;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] .radius {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='ellipse'] .stroke {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='line'] {
  height: 159px;
  top: -65.5px;
}
.controls .control.shape_settings .panel[data-current-type='line'] .sides {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='line'] .borders {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel[data-current-type='line'] .radius {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.controls .control.shape_settings .panel .weight,
.controls .control.shape_settings .panel .sides,
.controls .control.shape_settings .panel .borders,
.controls .control.shape_settings .panel .radius,
.controls .control.shape_settings .panel .stroke {
  position: relative;
  height: 80px;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out;
}
.controls .control.shape_settings .panel .radius,
.controls .control.shape_settings .panel .stroke {
  height: 79px;
}
.controls .control.shape_settings .panel .param-caption {
  position: absolute;
  left: 0;
  top: 11px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #44444c;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.controls .control.shape_settings .panel .param-input {
  position: absolute;
  top: 30px;
  left: 50%;
  color: #44444c;
  font-size: 34px;
  text-align: center;
  width: 66px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  margin-left: -33px;
}
.controls .control.shape_settings .panel .separator {
  position: absolute;
  bottom: 0;
  width: 139px;
  height: 0px;
  left: 50%;
  margin-left: -70px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.controls .control.shape_settings .panel .stroke-selector {
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -59px;
  width: 118px;
  height: 26px;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(68, 68, 76, 0.12);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.shape_settings .panel .stroke-selector:hover .popup-arrow {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/popup-arrow-hover.png') no-repeat 0 0;
}
.controls .control.shape_settings .panel .stroke-selector .popup-arrow {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 8px;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/popup-arrow.png') no-repeat 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.shape_settings .panel .stroke-selector.opened .stroke-popup {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.controls .control.shape_settings .panel .stroke-selector .current {
  position: absolute;
  left: 7px;
  width: 92px;
  height: 100%;
  top: 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.controls .control.shape_settings .panel .stroke-selector[data-current-type='solid'] .current {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-solid.png');
}
.controls .control.shape_settings .panel .stroke-selector[data-current-type='double'] .current {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-double.png');
}
.controls .control.shape_settings .panel .stroke-selector[data-current-type='dotted'] .current {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dotted.png');
}
.controls .control.shape_settings .panel .stroke-selector[data-current-type='dashed'] .current {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dashed.png');
}
.controls .control.shape_settings .panel .stroke-selector[data-current-type='solid'] .stroke-popup .stroke-item[data-type='solid'] .point,
.controls .control.shape_settings .panel .stroke-selector[data-current-type='double'] .stroke-popup .stroke-item[data-type='double'] .point,
.controls .control.shape_settings .panel .stroke-selector[data-current-type='dotted'] .stroke-popup .stroke-item[data-type='dotted'] .point,
.controls .control.shape_settings .panel .stroke-selector[data-current-type='dashed'] .stroke-popup .stroke-item[data-type='dashed'] .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/point-active.png') no-repeat 0 0 !important;
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  left: -17px;
  top: -9px;
  width: 152px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  border-radius: 3px;
  padding-bottom: 5px;
  padding-top: 8px;
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item {
  position: relative;
  width: 104px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  left: 24px;
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='solid'] {
  height: 28px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-solid.png');
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='double'] {
  height: 30px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-double.png');
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='dotted'] {
  height: 33px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dotted.png');
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='dashed'] {
  height: 29px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dashed.png');
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: -15px;
  top: 50%;
  margin-top: -3px;
}
.controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/point-hover.png') no-repeat 0 0;
}
.controls .control.shape_settings .panel .border-color {
  position: absolute;
  right: 16px;
  bottom: 15px;
  width: 28px;
  border-radius: 18px;
  height: 28px;
  cursor: pointer;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.24);
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/opacity-grid.png');
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.controls .control.shape_settings .panel .border-color .arrow-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/color-arrow.png');
  background-repeat: no-repeat;
  background-color: white;
}
.controls .control.shape_settings .panel .border-color:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/color-arrow-hover.png');
}
.controls .control.shape_settings .panel .border-color .color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.24);
}
.controls .control.shape_settings .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  top: 70px;
  left: -30px;
  width: 152px;
  height: 240px;
}
.controls .control.shape_1x1 .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_1x1/icon.png') no-repeat 0 0;
}
.controls .control.shape_1x1 .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_1x1/icon-hover.png') no-repeat 0 0;
}
.controls .control.shape_1x1.inactive {
  opacity: 0.4;
}
.controls .control.shape_1x1.inactive .icon {
  cursor: initial;
  background-color: rgba(68, 68, 76, 0.4) !important;
}
.controls .control.shape_1x1.inactive .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_1x1/icon.png') no-repeat 0 0;
}
.controls .control.shape_1x1 .panel {
  display: none;
}
.controls .control.gmaps_edit .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/gmaps_edit/icon.png') no-repeat 0 0;
}
.controls .control.gmaps_edit .icon:hover,
.controls .control.gmaps_edit .icon.edit {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/gmaps_edit/icon-hover.png') no-repeat 0 0;
}
.controls .control.gmaps_edit .panel {
  width: 152px;
  height: 56px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 13px 16px;
  color: #44444c;
  bottom: -12px;
}
.controls .control.common_lock.locked {
  background-color: #28e5cb !important;
}
.controls .control.common_lock:not(.locked):hover .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_lock/icon-hover.png') no-repeat 0 0;
}
.controls .control.common_lock .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_lock/icon.png') no-repeat 0 0;
}
.controls .control.shape_icon .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon.png') no-repeat 0 0;
}
.controls .control.shape_icon .icon:hover,
.controls .control.shape_icon .icon.edit {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-hover.png') no-repeat 0 0;
}
.controls .control.shape_icon .panel {
  width: 152px;
  height: 264px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 12px 16px;
  color: #3d3d3d;
  bottom: -132px;
}
.controls .control.shape_icon .panel.no-search .search-block {
  display: none;
}
.controls .control.shape_icon .panel.no-search .separator {
  display: none;
}
.controls .control.shape_icon .panel.no-search .common-wrapper {
  top: 0;
}
.controls .control.shape_icon .panel.no-search .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  padding-top: 13px;
}
.controls .control.shape_icon .panel .search-block {
  position: relative;
  height: 23px;
}
.controls .control.shape_icon .panel .search-block .search {
  width: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #3d3d3d;
  border: none;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}
.controls .control.shape_icon .panel .search-block .loupe {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center center;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-loupe.png');
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.controls .control.shape_icon .panel .search-block .loupe:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-loupe-hover.png');
}
.controls .control.shape_icon .panel .search-block .loupe.clear {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-clear.png');
}
.controls .control.shape_icon .panel .search-block .loupe.clear:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-clear-hover.png');
}
.controls .control.shape_icon .panel .search-block .loupe .rmpreloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.controls .control.shape_icon .panel .search-block .loupe .rmpreloader .arc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/load.png");
  background-size: 100% 100%;
}
.controls .control.shape_icon .panel .search-block .loupe .rmpreloader .shadow {
  display: none;
}
.controls .control.shape_icon .panel .search-block .loupe.preloading {
  background-image: none;
  cursor: default;
}
.controls .control.shape_icon .panel .search-block .loupe.preloading .rmpreloader {
  display: block;
}
.controls .control.shape_icon .panel .separator {
  height: 0;
  border-bottom: 1px dotted rgba(68, 68, 76, 0.2);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.controls .control.shape_icon .panel .common-wrapper {
  position: absolute;
  width: 100%;
  border-radius: 9px 9px 0 0;
  overflow: hidden;
  top: 56px;
  bottom: 0;
  left: 0;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-scroll {
  right: 4px;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  text-align: left;
  padding-left: 7px;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .icon-item {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 17px;
  margin-bottom: 13px;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .icon-item .noun-icon {
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .icon-item .noun-icon.preloading {
  opacity: 1!important;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .icon-item .rmpreloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .icon-item .rmpreloader .arc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/load.png");
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content.preloading .icon-item.preloading .noun-icon {
  opacity: 0;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content:not(.preloading) .icon-item .noun-icon:hover {
  opacity: 1;
  cursor: pointer;
}
.controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content:not(.preloading) .icon-item.selected .noun-icon {
  opacity: 1;
}
.controls .control.common_position .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon.png') no-repeat 50% 50%;
}
.controls .control.common_position .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon-hover.png') no-repeat 50% 50%;
}
.controls .control.common_position.checked.control-active {
  background-color: rgba(68, 68, 76, 0.95) !important;
}
.controls .control.common_position.checked.control-active .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon-hover.png') !important;
}
.controls .control.common_position.checked .icon {
  background-position: 50% 50% !important;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon-hover.png') !important;
}
.controls .control.common_position.control-active {
  background-color: #28e5cb !important;
}
.controls .control.common_position.control-active .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon.png') !important;
}
.controls .control.common_position.margin .panel {
  height: 464px;
  top: -124px;
}
.controls .control.common_position.margin .panel .full-width-margin {
  display: block;
}
.controls .control.common_position.hide-bottom .panel {
  height: 275px;
  top: -104px;
}
.controls .control.common_position.hide-bottom .panel .position-wrapper {
  display: none;
}
.controls .control.common_position.no-globals.margin .panel {
  height: 304px;
}
.controls .control.common_position.no-globals.hide-bottom .panel {
  height: 128px;
  top: -38px;
}
.controls .control.common_position.no-globals .panel {
  height: 236px;
  top: -100px;
}
.controls .control.common_position .panel {
  width: 152px;
  right: 42px;
  height: 395px;
  top: -170px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
}
.controls .control.common_position .panel .param-caption {
  position: relative;
  left: 0;
  margin-top: 14px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #44444c;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.controls .control.common_position .panel .separator {
  position: relative;
  top: 0;
  width: 139px;
  height: 0;
  left: 50%;
  margin-left: -70px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.controls .control.common_position .panel .switcher {
  width: 44px;
  position: relative;
  margin: 13px auto 0 auto;
}
.controls .control.common_position .panel .switcher .rmswitcher-body {
  box-shadow: none!important;
}
.controls .control.common_position .panel .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .controls .control.common_position .panel .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.28) !important;
}
.controls .control.common_position .panel ul {
  position: relative;
  margin-top: 14px;
  left: 40px;
  width: 90px;
  height: 64px;
  font-size: 0;
}
.controls .control.common_position .panel ul li {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  margin-bottom: 8px;
  box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.4);
  border-radius: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.controls .control.common_position .panel ul li:hover {
  box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.6);
}
.controls .control.common_position .panel ul li.active {
  background-color: #ff4aff;
  box-shadow: none;
}
.controls .control.common_position .panel ul li:nth-child(3) {
  margin-right: 0px;
}
.controls .control.common_position .panel .position-wrapper {
  position: relative;
  width: 100%;
  margin-top: 17px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper {
  position: relative;
  width: 100%;
  margin-top: 14px;
  text-align: center;
  font-size: 0;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.4);
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left.active,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width.active,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right.active,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top.active,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom.active {
  box-shadow: none;
  background: #0078ff;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 50%;
  display: block;
  border-style: solid;
  border-width: 2px;
  width: 0px;
  height: 0px;
  border-color: transparent transparent transparent transparent;
  -webkit-transform: scaleX(1.5);
  -ms-transform: scaleX(1.5);
  transform: scaleX(1.5);
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:before {
  -webkit-transform-origin: 4px 0;
  -ms-transform-origin: 4px 0;
  transform-origin: 4px 0;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:after {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:hover:before {
  border-color: transparent rgba(153, 153, 153, 0.6) transparent transparent;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:hover:after {
  border-color: transparent transparent transparent rgba(153, 153, 153, 0.6);
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left.active:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width.active:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right.active:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top.active:hover:before,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom.active:hover:before {
  border-color: transparent #e7e7e7 transparent transparent;
  -webkit-transform: scaleX(-1.5);
  -ms-transform: scaleX(-1.5);
  transform: scaleX(-1.5);
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left.active:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width.active:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right.active:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top.active:hover:after,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom.active:hover:after {
  border-color: transparent transparent transparent #e7e7e7;
  -webkit-transform: scaleX(-1.5);
  -ms-transform: scaleX(-1.5);
  transform: scaleX(-1.5);
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left.hidden,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width.hidden,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right.hidden,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top.hidden,
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom.hidden {
  visibility: hidden;
  opacity: 0;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:before {
  margin-left: -3px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left.active:before {
  margin-left: -5px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-left:after {
  display: none;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:after {
  margin-left: -1px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right.active:after {
  margin-left: 1px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-right:before {
  display: none;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top {
  display: block;
  margin: 0 auto;
  margin-bottom: 6px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:before {
  display: none;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 3px;
  margin-left: -2px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-top.active:hover:after {
  -webkit-transform: rotate(-90deg) scaleX(-1.5);
  -ms-transform: rotate(-90deg) scaleX(-1.5);
  transform: rotate(-90deg) scaleX(-1.5);
  margin-top: 1px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom {
  display: block;
  margin: 0 auto;
  margin-top: 6px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:before {
  display: none;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 2px;
  margin-left: 2px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .sticked-bottom.active:hover:after {
  -webkit-transform: rotate(90deg) scaleX(-1.5);
  -ms-transform: rotate(90deg) scaleX(-1.5);
  transform: rotate(90deg) scaleX(-1.5);
  margin-top: 3px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width {
  width: 28px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:before {
  margin-left: -6px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width:after {
  margin-left: 2px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width.active:before {
  margin-left: -12px;
}
.controls .control.common_position .panel .position-wrapper .togglers-wrapper .full-width.active:after {
  margin-left: 8px;
}
.controls .control.common_position .panel .full-width-margin {
  position: relative;
  width: 100%;
  display: none;
  text-align: center;
}
.controls .control.common_position .panel .full-width-margin .margin-input {
  position: relative;
  color: #44444c;
  font-size: 28px;
  text-align: center;
  width: 66px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  margin: 8px auto 0 auto;
  -moz-appearance: none;
  background: transparent;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.controls .control.common_position .panel .global-options {
  margin-top: 16px;
}
.controls .control.common_position .panel .global-options .option {
  margin-top: 11px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #44444c;
}
.controls .control.common_position .panel .global-options .option.global .option-title .help .help-body-wrapper {
  width: 194px;
  margin-left: -97px;
}
.controls .control.common_position .panel .global-options .option.above .option-title .help .help-body-wrapper {
  width: 158px;
  margin-left: -79px;
}
.controls .control.common_position .panel .global-options .option:hover .option-title .help {
  opacity: 1;
  visibility: inherit;
}
.controls .control.common_position .panel .global-options .option .option-title {
  position: relative;
  text-align: center;
}
.controls .control.common_position .panel .global-options .option .option-title .title-wrapper {
  position: relative;
  display: inline-block;
  text-align: center;
}
.controls .control.common_position .panel .global-options .option .option-title .help {
  position: absolute;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: 0.1s background-color ease-in-out, 0.1s color ease-in-out;
  transition: 0.1s background-color ease-in-out, 0.1s color ease-in-out;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(35, 33, 34, 0.3);
  top: -2px;
  right: -23px;
  margin-left: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.1s background-color ease-in-out, 0.1s color ease-in-out, 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
  transition: 0.1s background-color ease-in-out, 0.1s color ease-in-out, 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
}
.controls .control.common_position .panel .global-options .option .option-title .help::after {
  content: '?';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  width: 100%;
  color: rgba(35, 33, 34, 0.3);
}
.controls .control.common_position .panel .global-options .option .option-title .help:hover {
  background-color: #908b8c;
  border-color: transparent;
}
.controls .control.common_position .panel .global-options .option .option-title .help:hover::after {
  color: white;
}
.controls .control.common_position .panel .global-options .option .option-title .help:hover .help-body-wrapper {
  opacity: 1;
  visibility: inherit;
  bottom: 15px;
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper {
  position: absolute;
  left: 50%;
  margin-left: -80px;
  bottom: 7px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper .help-body {
  position: relative;
  width: 100%;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #908b8c;
  color: white;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  border-radius: 4px;
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper .help-body a {
  color: white;
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper .help-body a:hover {
  text-decoration: none;
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper .help-body .help-popup-corner {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper .help-body .help-popup-corner .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper .help-body .help-popup-corner .corner {
  background-color: #908b8c;
  box-shadow: none;
}
.controls .control.common_position .panel .global-options .option .option-title .help .help-body-wrapper .hover-spacer {
  height: 10px;
}
.controls .control.button_edit .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_edit/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.button_edit .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_edit/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.button_edit .panel {
  display: none;
}
.controls .control.hotspot_add .icon {
  background-position: center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon.png');
}
.controls .control.hotspot_add .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon_hover.png');
}
.controls .control.hotspot_tip_settings .icon {
  background-position: center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon.png');
}
.controls .control.hotspot_tip_settings .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon_hover.png');
}
.controls .control.form_endpoints .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/icon.png') no-repeat;
  background-size: 100%;
}
.controls .control.form_endpoints .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/icon-hover.png');
}
.controls .control.form_endpoints.checked .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/icon-hover.png');
}
.controls .control.form_endpoints .panel {
  width: 152px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
  padding-top: 1px;
  top: -84px;
  bottom: auto;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controls .control.form_endpoints .panel.email .separator.email {
  display: block;
}
.controls .control.form_endpoints .panel.google .separator.email,
.controls .control.form_endpoints .panel.google .separator.google {
  display: block;
}
.controls .control.form_endpoints .panel.mailchimp .separator.google,
.controls .control.form_endpoints .panel.mailchimp .separator.mailchimp {
  display: block;
}
.controls .control.form_endpoints .panel.url .separator.mailchimp {
  display: block;
}
.isboxversion .controls .control.form_endpoints .panel .panel-section.google,
.isboxversion .controls .control.form_endpoints .panel .panel-section.mailchimp {
  display: none!important;
}
.isboxversion .controls .control.form_endpoints .panel .separator.email {
  display: block!important;
}
.isboxversion .controls .control.form_endpoints .panel .separator.google,
.isboxversion .controls .control.form_endpoints .panel .separator.mailchimp {
  display: none!important;
}
.controls .control.form_endpoints .panel .panel-section {
  position: relative;
}
.controls .control.form_endpoints .panel .panel-section.collapsed .collapsable {
  display: none;
}
.controls .control.form_endpoints .panel .inline-help {
  position: absolute;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: 0.1s background-color ease-in-out, 0.1s color ease-in-out;
  transition: 0.1s background-color ease-in-out, 0.1s color ease-in-out;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(35, 33, 34, 0.3);
  top: 2px;
  margin-left: 6px;
}
.controls .control.form_endpoints .panel .inline-help::after {
  content: '?';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  width: 100%;
  color: rgba(35, 33, 34, 0.3);
}
.controls .control.form_endpoints .panel .inline-help:hover {
  background-color: #908b8c;
  border-color: transparent;
}
.controls .control.form_endpoints .panel .inline-help:hover::after {
  color: white;
}
.controls .control.form_endpoints .panel .inline-help:hover .help-body-wrapper {
  opacity: 1;
  visibility: inherit;
  bottom: 15px;
}
.controls .control.form_endpoints .panel .help-body-wrapper {
  position: absolute;
  width: 160px;
  left: 50%;
  margin-left: -80px;
  bottom: 7px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out, 0.2s bottom ease-in-out;
}
.controls .control.form_endpoints .panel .help-body-wrapper .help-body {
  position: relative;
  width: 100%;
  padding: 11px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(144, 139, 140, 0.9);
  color: white;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  border-radius: 4px;
  box-shadow: none;
  text-align: center;
}
.controls .control.form_endpoints .panel .help-body-wrapper .help-body a {
  color: white;
  text-decoration: none;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 14px;
  border-bottom: 1px solid white;
  -webkit-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
  cursor: pointer;
}
.controls .control.form_endpoints .panel .help-body-wrapper .help-body a:hover {
  border-color: transparent;
}
.controls .control.form_endpoints .panel .help-body-wrapper .help-body .help-popup-corner {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.form_endpoints .panel .help-body-wrapper .help-body .help-popup-corner .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.form_endpoints .panel .help-body-wrapper .help-body .help-popup-corner .corner {
  background-color: rgba(144, 139, 140, 0.9);
  box-shadow: none;
}
.controls .control.form_endpoints .panel .help-body-wrapper .hover-spacer {
  height: 10px;
}
.controls .control.form_endpoints .panel .switcher {
  position: absolute;
  top: 0;
  right: 0;
}
.controls .control.form_endpoints .panel .switcher .rmswitcher-body {
  height: 26px !important;
  border-radius: 13px !important;
  box-shadow: none!important;
}
.controls .control.form_endpoints .panel .switcher .rmswitcher-body .rmswitcher-panel {
  height: 26px !important;
}
.controls .control.form_endpoints .panel .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-on,
.controls .control.form_endpoints .panel .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-off {
  line-height: 26px !important;
}
.controls .control.form_endpoints .panel .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  width: 24px !important;
  height: 24px !important;
  margin-left: -12px !important;
  top: 1px!important;
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .controls .control.form_endpoints .panel .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.28) !important;
}
.controls .control.form_endpoints .panel .panel-caption {
  position: relative;
  left: 0;
  margin-top: 11px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #44444c;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.controls .control.form_endpoints .panel .switcher-wrapper {
  position: relative;
  height: 26px;
  margin-top: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 3px;
}
.controls .control.form_endpoints .panel .switcher-wrapper.disconnected .connect-button {
  display: block;
}
.controls .control.form_endpoints .panel .switcher-wrapper.disconnected .switcher {
  display: none;
}
.controls .control.form_endpoints .panel .switcher-wrapper.forbidden .switcher-overlay {
  display: block;
}
.controls .control.form_endpoints .panel .switcher-wrapper .switcher-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
}
.controls .control.form_endpoints .panel .switcher-wrapper .switcher-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  display: none;
}
.controls .control.form_endpoints .panel .switcher-wrapper .switcher-overlay .help-body {
  padding: 11px 8px;
}
.controls .control.form_endpoints .panel .switcher-wrapper .switcher-overlay .help-body-wrapper {
  width: 196px;
  margin-left: -98px;
}
.controls .control.form_endpoints .panel .switcher-wrapper .switcher-overlay:hover .help-body-wrapper {
  opacity: 1;
  visibility: inherit;
  bottom: 27px;
}
.controls .control.form_endpoints .panel .general-caption {
  position: relative;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  margin-top: 12px;
}
.controls .control.form_endpoints .panel .general-caption .inline-help {
  top: 1px;
}
.controls .control.form_endpoints .panel .current-email {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  color: rgba(68, 68, 76, 0.4);
  margin-top: 12px;
}
.controls .control.form_endpoints .panel .overflow-fade {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.75, #000000), to(rgba(0, 0, 0, 0)));
  mask: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/constants/mask.svg#fade-right-svg-mask');
}
.controls .control.form_endpoints .panel .input-wrapper {
  position: relative;
  margin-top: 16px;
  height: 32px;
  display: block;
}
.controls .control.form_endpoints .panel .input-wrapper.confirm-email {
  margin-top: 12px;
}
.controls .control.form_endpoints .panel .input-wrapper input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 100%;
  height: 32px;
  padding: 0 32px 0 9px;
  border: 0;
  margin: 0;
  font-size: 13px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #44444c;
  background: white;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon {
  position: absolute;
  top: 7px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  right: 7px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon.apply-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/apply.png');
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon.apply-icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/apply-hover.png');
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon.remove-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/delete.png');
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon.remove-icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/delete-hover.png');
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon.preloader-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/preloader.gif');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  cursor: default;
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon.preloader-icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/preloader.gif');
}
.controls .control.form_endpoints .panel .input-wrapper .action-icon.hidden {
  display: none;
}
.controls .control.form_endpoints .panel .input-wrapper .list-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 32px;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  opacity: 0;
  cursor: pointer;
  border: none;
}
.controls .control.form_endpoints .panel .input-wrapper .list-select:disabled {
  cursor: default;
}
.controls .control.form_endpoints .panel .input-wrapper .list-triangle {
  width: 0;
  height: 0;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-top: 5px solid #c9c8c9;
  position: absolute;
  right: 8px;
  top: 14px;
}
.controls .control.form_endpoints .panel .input-wrapper:hover .list-triangle {
  width: 0;
  height: 0;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-top: 5px solid #989ea8;
}
.controls .control.form_endpoints .panel .connect-button {
  width: 44px;
  height: 26px;
  border-radius: 13px;
  background-color: #c9c8c9;
  background-size: 100% 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/connect.png');
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  -webkit-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}
.controls .control.form_endpoints .panel .connect-button:not(.disabled):hover {
  background-color: #0078ff;
}
.controls .control.form_endpoints .panel .connect-button.disabled {
  cursor: default;
}
.controls .control.form_endpoints .panel .separator {
  position: relative;
  bottom: 0;
  height: 0;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
  border-right: 1px solid transparent;
  margin-top: 16px;
  display: none;
}
.controls .control.form_endpoints .panel .separator.email {
  margin-top: 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.loading .icon.preloader {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/preloader-control@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png') !important;
    background-size: 18px 18px, 30px 30px !important;
  }
  .controls .control.common_align .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_align .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_align .panel .bottom {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/bottom@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .bottom:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/bottom-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .middle {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/middle@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .middle:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/middle-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .top {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/top@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .top:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/top-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .left {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/left@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .left:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/left-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .center {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/center@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .center:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/center-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .right {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/right@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_align .panel .right:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_align/right-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_layer .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_layer/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_layer .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_layer/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_layer .panel .backward-all,
  .controls .control.common_layer .panel .backward,
  .controls .control.common_layer .panel .forward,
  .controls .control.common_layer .panel .forward-all {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_layer/sprite@2x.png');
    background-size: 120px 90px;
  }
  .controls .control.common_pack .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_pack/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_pack .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_pack/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_unpack .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_unpack/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_unpack .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_unpack/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_rotation .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_rotation .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_rotation.inactive .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_rotation .panel .flip-h {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-h@2x.png');
    background-size: 20px 22px;
  }
  .controls .control.common_rotation .panel .flip-h:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-h-hover@2x.png');
    background-size: 20px 22px;
  }
  .controls .control.common_rotation .panel .flip-v {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-v@2x.png');
    background-size: 22px 20px;
  }
  .controls .control.common_rotation .panel .flip-v:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/flip-v-hover@2x.png');
    background-size: 22px 20px;
  }
  .controls .control.common_rotation .panel .rotate90 {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/rotate90@2x.png');
    background-size: 34px 30px;
  }
  .controls .control.common_rotation .panel .rotate90:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_rotation/rotate90-hover@2x.png');
    background-size: 34px 30px;
  }
  .controls .control.picture_settings .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.picture_settings .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.picture_settings .panel .border-color {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/opacity-grid@2x.png');
    background-size: 14px 14px;
  }
  .controls .control.picture_settings .panel .border-color .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/color-arrow@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.picture_settings .panel .border-color:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/color-arrow-hover@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.picture_settings .panel .opacity-slider {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_settings/opacity-bg@2x.png');
    background-size: 120px 30px;
  }
  .controls .control.picture_effects .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_effects/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.picture_effects .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_effects/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.picture_1x1 .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_1x1 .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_1x1 .icon1x2 {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon1x2@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_1x1 .icon1x2:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon1x2-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_1x1.inactive .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_1x1.inactive1x2 .icon1x2:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon1x2@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_1x1.inactive-all .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_1x1/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_fwpos:not(.active):hover .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_fwpos .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.picture_crop .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.picture_crop .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.picture_crop.inactive .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/picture_crop/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_edit .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_edit/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_edit .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_edit/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_align .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_align .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_align .panel .left {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/left@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .left:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/left-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .left.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/left-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .center {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/center@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .center:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/center-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .center.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/center-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .right {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/right@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .right:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/right-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .right.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/right-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .justify {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/justify@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .justify:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/justify-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_align .panel .justify.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_align/justify-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_bius .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_bius .panel .all-caps {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/all-caps@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .all-caps:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/all-caps-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .all-caps.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/all-caps-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .bold {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/bold@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .bold:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/bold-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .bold.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/bold-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .italic {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/italic@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .italic:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/italic-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .italic.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/italic-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.text_bius .panel .underline {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/underline@2x.png');
    background-size: 32px 30px;
  }
  .controls .control.text_bius .panel .underline:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/underline-hover@2x.png');
    background-size: 32px 30px;
  }
  .controls .control.text_bius .panel .underline.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/underline-hover@2x.png');
    background-size: 32px 30px;
  }
  .controls .control.text_bius .panel .strike {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/strike@2x.png');
    background-size: 32px 30px;
  }
  .controls .control.text_bius .panel .strike:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/strike-hover@2x.png');
    background-size: 32px 30px;
  }
  .controls .control.text_bius .panel .strike.curr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_bius/strike-hover@2x.png');
    background-size: 32px 30px;
  }
  .controls .control.text_color .icon .opacity-grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_color/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
  .controls .control.text_columns .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_columns .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_columns .panel .substract {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/substract@2x.png');
    background-size: 25px 25px;
  }
  .controls .control.text_columns .panel .add {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/add@2x.png');
    background-size: 25px 25px;
  }
  .controls .control.text_columns .panel .bg-color {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/opacity-grid@2x.png');
    background-size: 14px 14px;
  }
  .controls .control.text_columns .panel .bg-color .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/color-arrow@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.text_columns .panel .bg-color:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/color-arrow-hover@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.text_columns .panel .gutter .grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_columns/gutter@2x.png');
    background-size: 56px 23px;
  }
  .controls .control.text_typography .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/plus@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_typography .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/plus@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_typography .panel .pictograms {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/pictograms@2x.png');
    background-size: 80px 13px;
  }
  .controls .control.text_typography .panel .pictograms .linked {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/unlinked@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_typography .panel .pictograms .linked.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/linked@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_typography .panel .letter-spacing-wrapper .block-layer {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/letter-spacing@2x.png');
    background-size: 71px 14px;
  }
  .controls .control.text_typography .panel .font-family-popup .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/font-arrows@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.text_typography .panel .font-family-popup:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/font-arrows-hover@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.text_typography .panel .font-style-popup .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/style-arrows@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.text_typography .panel .font-style-popup:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/style-arrows-hover@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.text_typography .panel .font-style .font-style-wrapper .font-style-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .controls .control.text_typography .panel .font-style .font-style-wrapper .font-style-item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_typography/point-active@2x.png') !important;
    background-size: 6px 6px !important;
  }
  .controls .control.slideshow_manager.loading .icon.preloader {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/preloader-control-white@2x.png') !important;
    background-size: 18px 18px !important;
  }
  .controls .control.slideshow_manager.loading:hover .icon.preloader,
  .controls .control.slideshow_manager.loading.checked .icon.preloader {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/icon@2x.png') !important;
    background-size: 30px 30px !important;
  }
  .controls .control.slideshow_manager .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.slideshow_manager .icon:hover,
  .controls .control.slideshow_manager .icon.highlighted {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.slideshow_manager .panel .add-block .add {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/add@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.slideshow_manager .panel .add-block .add:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/add-hover@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper.error .slideshow-image .image {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/image-error@2x.png');
    background-size: 56px 40px;
  }
  .controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .image {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/image-placeholder@2x.png');
    background-size: 56px 40px;
  }
  .controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .image .rmpreloader .arc {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/preloader@2x.png');
    background-size: 32px 32px;
  }
  .controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .remove {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/remove@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .remove:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/remove-hover@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .update {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/update@2x.png');
    background-size: 18px 14px;
  }
  .controls .control.slideshow_manager .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .slideshow-image-wrapper .slideshow-image .update:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/slideshow_manager/update-hover@2x.png');
    background-size: 18px 14px;
  }
  .controls .control.shape_color .icon .opacity-grid,
  .controls .control.picture_color .icon .opacity-grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_color/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
  .controls .control.shape_settings .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.shape_settings .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.shape_settings .panel .stroke-selector:hover .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/popup-arrow-hover@2x.png');
    background-size: 7px 10px;
  }
  .controls .control.shape_settings .panel .stroke-selector .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/popup-arrow@2x.png');
    background-size: 7px 10px;
  }
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='solid'] .current {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-solid@2x.png');
    background-size: 104px 2px;
  }
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='double'] .current {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-double@2x.png');
    background-size: 104px 6px;
  }
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='dotted'] .current {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dotted@2x.png');
    background-size: 103px 3px;
  }
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='dashed'] .current {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dashed@2x.png');
    background-size: 103px 3px;
  }
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='solid'] .stroke-popup .stroke-item[data-type='solid'] .point,
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='double'] .stroke-popup .stroke-item[data-type='double'] .point,
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='dotted'] .stroke-popup .stroke-item[data-type='dotted'] .point,
  .controls .control.shape_settings .panel .stroke-selector[data-current-type='dashed'] .stroke-popup .stroke-item[data-type='dashed'] .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/point-active@2x.png') !important;
    background-size: 6px 6px !important;
  }
  .controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='solid'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-solid@2x.png');
    background-size: 104px 2px;
  }
  .controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='double'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-double@2x.png');
    background-size: 104px 6px;
  }
  .controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='dotted'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dotted@2x.png');
    background-size: 103px 3px;
  }
  .controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item[data-type='dashed'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/stroke-dashed@2x.png');
    background-size: 103px 3px;
  }
  .controls .control.shape_settings .panel .stroke-selector .stroke-popup .stroke-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .controls .control.shape_settings .panel .border-color {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/opacity-grid@2x.png');
    background-size: 14px 14px;
  }
  .controls .control.shape_settings .panel .border-color .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/color-arrow@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.shape_settings .panel .border-color:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_settings/color-arrow-hover@2x.png');
    background-size: 12px 12px;
  }
  .controls .control.shape_1x1 .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_1x1/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.shape_1x1 .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_1x1/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.shape_1x1.inactive .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_1x1/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.gmaps_edit .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/gmaps_edit/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.gmaps_edit .icon:hover,
  .controls .control.gmaps_edit .icon.edit {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/gmaps_edit/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_lock:not(.locked):hover .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_lock/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.common_lock .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_lock/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.shape_icon .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.shape_icon .icon:hover,
  .controls .control.shape_icon .icon.edit {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.shape_icon .panel .search-block .loupe {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-loupe@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.shape_icon .panel .search-block .loupe:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-loupe-hover@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.shape_icon .panel .search-block .loupe.clear {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-clear@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.shape_icon .panel .search-block .loupe.clear:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/icon-clear-hover@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.shape_icon .panel .search-block .loupe .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/load@2x.png");
    background-size: 16px 16px;
  }
  .controls .control.shape_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .icon-item .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/shape_icon/load@2x.png");
    background-size: 16px 16px;
  }
  .controls .control.common_position .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon@2x.png');
    background-size: 13px 18px;
  }
  .controls .control.common_position .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon-hover@2x.png');
    background-size: 13px 18px;
  }
  .controls .control.common_position.checked.control-active .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon-hover@2x.png') !important;
    background-size: 13px 18px !important;
  }
  .controls .control.common_position.checked .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon-hover@2x.png') !important;
    background-size: 13px 18px !important;
  }
  .controls .control.common_position.control-active .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_position/icon@2x.png') !important;
    background-size: 13px 18px !important;
  }
  .controls .control.button_edit .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_edit/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.button_edit .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_edit/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.hotspot_add .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.hotspot_add .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon_hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.hotspot_tip_settings .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.hotspot_tip_settings .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_add/icon_hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.form_endpoints .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/icon@2x.png');
  }
  .controls .control.form_endpoints .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/icon-hover@2x.png');
  }
  .controls .control.form_endpoints.checked .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/icon-hover@2x.png') no-repeat 0 0;
  }
  .controls .control.form_endpoints .panel .input-wrapper .action-icon.apply-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/apply@2x.png');
  }
  .controls .control.form_endpoints .panel .input-wrapper .action-icon.apply-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/apply-hover@2x.png');
  }
  .controls .control.form_endpoints .panel .input-wrapper .action-icon.remove-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/delete@2x.png');
  }
  .controls .control.form_endpoints .panel .input-wrapper .action-icon.remove-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/delete-hover@2x.png');
  }
  .controls .control.form_endpoints .panel .input-wrapper .action-icon.preloader-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/preloader.gif');
  }
  .controls .control.form_endpoints .panel .connect-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_endpoints/connect@2x.png');
  }
}
.controls .control.control-resizable .panel .resize-handle-top,
.controls .control.control-resizable .panel .resize-handle-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
  cursor: row-resize !important;
  z-index: 9999;
}
.controls .control.control-resizable .panel .resize-handle-top {
  top: 0;
}
.controls .control.control-resizable .panel .resize-handle-top.dragging {
  height: 40px;
  margin-top: -20px;
}
.controls .control.control-resizable .panel .resize-handle-bottom {
  bottom: 0;
}
.controls .control.control-resizable .panel .resize-handle-bottom.dragging {
  height: 40px;
  margin-bottom: -20px;
}
.controls .control.control-resizable .panel .resizable-scroll-wrapper {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.controls .control.control-resizable .panel .resizable-scroll-wrapper .resizable-scroll {
  display: none;
  position: absolute;
  width: 4px;
  border-radius: 2px;
  background: rgba(68, 68, 76, 0.12);
  right: 8px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.control-resizable .panel .resizable-scroll-wrapper .resizable-scroll:hover,
.controls .control.control-resizable .panel .resizable-scroll-wrapper .resizable-scroll.dragging {
  background: rgba(68, 68, 76, 0.2);
  width: 8px;
  border-radius: 4px;
}
.controls .control.control-resizable .panel .resizable-scroll-wrapper .resizable-content-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.controls .control.control-resizable .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  position: relative;
}
.controls .control.text_styles .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.text_styles .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.text_styles .panel {
  padding: 0;
  width: 152px;
  height: 264px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
}
.controls .control.text_styles .panel.toggle-opaque .resizable-scroll-wrapper {
  background-color: #f2f2f2;
}
.controls .control.text_styles .panel.show-style-edit .add-block {
  border-top: 1px dotted rgba(68, 68, 76, 0);
}
.controls .control.text_styles .panel.show-style-edit .add-block .add {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_styles .panel.show-style-edit .add-block .save {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease-in-out, color 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, color 0.35s ease-in-out;
}
.controls .control.text_styles .panel.show-style-edit .add-block .cancel {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
}
.controls .control.text_styles .panel.show-style-edit .resizable-scroll-wrapper {
  top: -100%;
}
.controls .control.text_styles .panel.show-style-edit .edit-scroll-wrapper {
  opacity: 1;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.controls .control.text_styles .panel .common-wrapper {
  position: absolute;
  width: 100%;
  border-radius: 9px 9px 0 0;
  overflow: hidden;
  top: 0;
  bottom: 33px;
}
.controls .control.text_styles .panel .add-block {
  position: absolute;
  bottom: 0;
  height: 32px;
  left: 6px;
  right: 7px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
}
.controls .control.text_styles .panel .add-block .add {
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -8px;
  width: 17px;
  height: 17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/add.png') no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.controls .control.text_styles .panel .add-block .add:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/add-hover.png');
}
.controls .control.text_styles .panel .add-block .save {
  position: absolute;
  left: 50%;
  top: 6px;
  margin-left: -25px;
  width: 50px;
  text-align: center;
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_styles .panel .add-block .save:hover {
  color: #00b68c;
}
.controls .control.text_styles .panel .add-block .cancel {
  position: absolute;
  top: 7px;
  right: 6px;
  width: 19px;
  height: 19px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/cancel.png') no-repeat 0 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_styles .panel .add-block .cancel:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/cancel-hover.png');
}
.controls .control.text_styles .panel .style-menu {
  position: absolute;
  width: 136px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  left: 8px;
  margin-top: -8px;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
}
.controls .control.text_styles .panel .style-menu.shown {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.controls .control.text_styles .panel .style-menu.transition-enable {
  -webkit-transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.controls .control.text_styles .panel .style-menu.transition-enable.shown {
  -webkit-transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
}
.controls .control.text_styles .panel .style-menu.can-override .top-block,
.controls .control.text_styles .panel .style-menu.can-redefine .top-block {
  display: block;
}
.controls .control.text_styles .panel .style-menu.can-override .separator.top-separator,
.controls .control.text_styles .panel .style-menu.can-redefine .separator.top-separator {
  display: block;
}
.controls .control.text_styles .panel .style-menu.can-override.can-redefine .top-block .text-block:after {
  content: ' or';
}
.controls .control.text_styles .panel .style-menu.can-redefine .top-block .redefine-button {
  display: inline-block;
}
.controls .control.text_styles .panel .style-menu.can-redefine .top-block .text-block {
  display: block;
}
.controls .control.text_styles .panel .style-menu.can-override .top-block .revert-block {
  display: inline-block;
}
.controls .control.text_styles .panel .style-menu .top-block {
  display: none;
  padding: 9px 0 11px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  color: #44444c;
}
.controls .control.text_styles .panel .style-menu .top-block .redefine-button {
  color: #fc3d39;
  border-bottom: 1px dotted #fc3d39;
  cursor: pointer;
  height: 13px;
  display: none;
}
.controls .control.text_styles .panel .style-menu .top-block .redefine-button:hover {
  border-bottom: 1px dotted transparent;
}
.controls .control.text_styles .panel .style-menu .top-block .text-block {
  display: none;
}
.controls .control.text_styles .panel .style-menu .top-block .revert-block {
  display: none;
}
.controls .control.text_styles .panel .style-menu .top-block .revert-block .revert-button {
  display: inline-block;
  color: #fc3d39;
  border-bottom: 1px dotted #fc3d39;
  cursor: pointer;
  height: 13px;
}
.controls .control.text_styles .panel .style-menu .top-block .revert-block .revert-button:hover {
  border-bottom: 1px dotted transparent;
}
.controls .control.text_styles .panel .style-menu .separator {
  width: 100%;
  height: 1px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/separator.png') repeat-x 0 0;
}
.controls .control.text_styles .panel .style-menu .separator.top-separator {
  display: none;
}
.controls .control.text_styles .panel .style-menu .edit-button,
.controls .control.text_styles .panel .style-menu .duplicate-button,
.controls .control.text_styles .panel .style-menu .delete-button {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #44444c;
  text-align: center;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}
.controls .control.text_styles .panel .style-menu .edit-button:hover,
.controls .control.text_styles .panel .style-menu .duplicate-button:hover,
.controls .control.text_styles .panel .style-menu .delete-button:hover {
  color: #00b68c;
}
.controls .control.text_styles .panel .style-menu .corner-wrapper {
  position: absolute;
  left: 118px;
  width: 16px;
  height: 8px;
  top: -8px;
  margin-left: -8px;
  clip: rect(0, 115px, 8px, -99px);
}
.controls .control.text_styles .panel .style-menu .corner-wrapper .corner {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 2px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.text_styles .panel .style-menu .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}
.controls .control.text_styles .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  left: -15px;
  width: 152px;
  height: 240px;
}
.controls .control.text_styles .panel .fontselector_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  left: -79px;
}
.controls .control.text_styles .panel .fontstyle_container {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.controls .control.text_styles .panel .fontstyle_container .font-style-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 3px;
  padding-bottom: 3px;
  padding-top: 4px;
}
.controls .control.text_styles .panel .fontstyle_container .font-style-wrapper .font-style-item {
  position: relative;
  padding: 7px 23px 8px;
  color: #44444c;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.controls .control.text_styles .panel .fontstyle_container .font-style-wrapper .font-style-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 12px;
}
.controls .control.text_styles .panel .fontstyle_container .font-style-wrapper .font-style-item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-hover.png') no-repeat 0 0;
}
.controls .control.text_styles .panel .fontstyle_container .font-style-wrapper .font-style-item.curr .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-active.png') no-repeat 0 0 !important;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper {
  position: absolute !important;
  top: 0;
  -webkit-transition: top 0.35s ease-in-out, background 0.25s ease-in-out;
  transition: top 0.35s ease-in-out, background 0.25s ease-in-out;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  width: 152px;
  padding: 8px 0;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style {
  position: relative;
  width: 100%;
  padding: 8px 16px !important;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  background-clip: padding-box !important;
  overflow: hidden;
  left: 0%;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.enable-transition {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.enable-transition .style-caption {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.collapsed .style-caption {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.shift-left {
  left: -100%;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style .style-caption {
  line-height: 100% !important;
  text-align: left !important;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 !important;
  -webkit-transform-origin: 0 center;
  -ms-transform-origin: 0 center;
  transform-origin: 0 center;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.active {
  background: rgba(28, 228, 200, 0.22);
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.active .menu-button {
  display: block;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.is-changed .menu-button {
  background-color: #fc3c38;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style:hover .menu-button {
  display: block;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style .menu-button {
  position: absolute;
  width: 21px;
  height: 21px;
  right: 16px;
  top: 50%;
  margin-top: -10px;
  border-radius: 100%;
  display: none;
  background-color: #44444c;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/menu-arrow.png');
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style .menu-button:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/menu-arrow-hover.png');
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style .menu-button.active {
  display: block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style.paragraph-none {
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}
.controls .control.text_styles .panel .edit-scroll-wrapper {
  position: absolute !important;
  top: 0;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background: #44444c;
  opacity: 0;
  overflow: hidden;
  border-radius: 9px 9px 0 0;
  -webkit-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-scroll {
  display: none;
  position: absolute;
  width: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.12);
  right: 8px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-scroll:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-scroll.dragging {
  background: rgba(255, 255, 255, 0.2);
  width: 8px;
  border-radius: 4px;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content {
  position: relative;
  width: 119px;
  padding: 7px 17px 7px 16px;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item {
  position: relative;
  width: 100%;
  height: 32px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.18);
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.font-family-click-area,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.font-style-click-area {
  cursor: pointer;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.font-family-click-area:hover .popup-arrow,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.font-style-click-area:hover .popup-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/popup-arrow-hover.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.color-click-area {
  cursor: pointer;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.color-click-area:hover .opacity-grid {
  box-shadow: 0 0 0 2px #3fdbc7;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .caption {
  position: absolute;
  top: 3px;
  left: 0;
  color: #3fdbc7;
  font-size: 18px;
  text-align: left;
  width: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  height: 23px;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-family,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-style,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .color-value {
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  padding-right: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .popup-arrow {
  position: absolute;
  right: 0;
  top: 14px;
  width: 7px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: 7px 5px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/popup-arrow.png');
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .color-value {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .color-circle {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 7px;
  right: 2px;
  border-radius: 100%;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .opacity-grid {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 7px;
  right: 2px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px white;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/opacity-grid.png') 0 0;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-size-icon {
  position: absolute;
  left: 0;
  top: 10px;
  width: 17px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: 17px 13px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/font-size.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .line-height-icon {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 13px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 13px 14px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/line-height.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .letter-spacing-icon {
  position: absolute;
  left: 0;
  top: 11px;
  width: 16px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/letter-spacing.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-size,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .line-height,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .letter-spacing {
  position: absolute;
  top: 3px;
  left: 18px;
  color: #fff;
  font-size: 22px;
  text-align: right;
  width: 102px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  height: 28px;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-size:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .line-height:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .letter-spacing:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-size:focus,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .line-height:focus,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .letter-spacing:focus,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-size.dragging,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .line-height.dragging,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .letter-spacing.dragging {
  color: #3fdbc7;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-left,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-right,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-center,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-justify {
  position: absolute;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  top: 8px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-left {
  left: -3px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-left.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-left:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-left.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-left-active.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-center {
  left: 33px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-center.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-center:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-center.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-center-active.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-right {
  left: 68px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-right.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-right:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-right.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-right-active.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-justify {
  left: 105px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-justify.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-justify:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-justify.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-justify-active.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-transform,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-underline,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-strike {
  position: absolute;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  top: 7px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-transform {
  left: 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-transform.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-transform:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-transform.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-transform-active.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-underline {
  left: 33px;
  top: 8px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-underline.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-underline:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-underline.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-underline-active.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-strike {
  left: 69px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-strike.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-strike:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-strike.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-strike-active.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.paddings {
  border-bottom: none;
  height: 101px;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-icon {
  position: absolute;
  left: 50%;
  margin-left: -21px;
  top: 36px;
  width: 41px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 41px 35px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/paddings.png');
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-left,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-right,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-top,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-bottom {
  position: absolute;
  color: #fff;
  font-size: 18px;
  width: 36px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  height: 23px;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-left:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-right:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-top:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-bottom:hover,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-left:focus,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-right:focus,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-top:focus,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-bottom:focus,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-left.dragging,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-right.dragging,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-top.dragging,
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-bottom.dragging {
  color: #3fdbc7;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-top {
  top: 12px;
  left: 50%;
  margin-left: -19px;
  text-align: center;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-bottom {
  top: 75px;
  left: 50%;
  margin-left: -19px;
  text-align: center;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-left {
  top: 44px;
  left: 50%;
  margin-left: -63px;
  text-align: right;
}
.controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-right {
  top: 44px;
  left: 50%;
  margin-left: 27px;
  text-align: left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.text_styles .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_styles .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_styles .panel .add-block .add {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/add@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.text_styles .panel .add-block .add:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/add-hover@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.text_styles .panel .add-block .cancel {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/cancel@2x.png');
    background-size: 19px 19px;
  }
  .controls .control.text_styles .panel .add-block .cancel:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/cancel-hover@2x.png');
    background-size: 19px 19px;
  }
  .controls .control.text_styles .panel .style-menu .separator {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/separator@2x.png');
    background-size: 4px 1px;
  }
  .controls .control.text_styles .panel .fontstyle_container .font-style-wrapper .font-style-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .controls .control.text_styles .panel .fontstyle_container .font-style-wrapper .font-style-item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-active@2x.png') !important;
    background-size: 6px 6px !important;
  }
  .controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style .menu-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/menu-arrow@2x.png');
    background-size: 21px 21px;
  }
  .controls .control.text_styles .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .paragraph-style .menu-button:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/menu-arrow-hover@2x.png');
    background-size: 21px 21px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.font-family-click-area:hover .popup-arrow,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .edit-item.font-style-click-area:hover .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/popup-arrow-hover@2x.png');
    background-size: 7px 5px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/popup-arrow@2x.png');
    background-size: 7px 5px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .opacity-grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .font-size-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/font-size@2x.png');
    background-size: 17px 13px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .line-height-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/line-height@2x.png');
    background-size: 13px 14px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .letter-spacing-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/letter-spacing@2x.png');
    background-size: 16px 14px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-left {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-left@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-left:hover,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-left.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-left-active@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-center {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-center@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-center:hover,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-center.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-center-active@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-right {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-right@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-right:hover,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-right.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-right-active@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-justify {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-justify@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-justify:hover,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-align-justify.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/align-justify-active@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-transform {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-transform@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-transform:hover,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-transform.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-transform-active@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-underline {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-underline@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-underline:hover,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-underline.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-underline-active@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-strike {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-strike@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-strike:hover,
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .text-strike.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/text-strike-active@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_styles .panel .edit-scroll-wrapper .edit-content-wrapper .edit-content .padding-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/paddings@2x.png');
    background-size: 41px 35px;
  }
}
.controls .control.picture_link .panel {
  height: 104px;
}
.controls .control.picture_link .panel .common-wrapper {
  bottom: 0 !important;
}
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper {
  border-bottom: none !important;
}
.controls .control.picture_link .panel .add-block {
  display: none !important;
}
.controls .control.text_link .panel {
  height: 304px;
}
.controls .control.text_link .icon,
.controls .control.picture_link .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.text_link .icon:hover,
.controls .control.picture_link .icon:hover,
.controls .control.text_link .icon.highlighted,
.controls .control.picture_link .icon.highlighted {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.text_link .panel,
.controls .control.picture_link .panel {
  padding: 0;
  width: 208px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  top: -17px;
  bottom: auto;
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}
.controls .control.text_link .panel.toggle-opaque .common-wrapper .transform-wrapper,
.controls .control.picture_link .panel.toggle-opaque .common-wrapper .transform-wrapper {
  background-color: #f2f2f2;
}
.controls .control.text_link .panel:not(.show-style-edit).collapsed,
.controls .control.picture_link .panel:not(.show-style-edit).collapsed {
  height: 64px;
}
.controls .control.text_link .panel:not(.show-style-edit).collapsed .common-wrapper,
.controls .control.picture_link .panel:not(.show-style-edit).collapsed .common-wrapper {
  bottom: 0;
  overflow: visible;
}
.controls .control.text_link .panel:not(.show-style-edit).collapsed .common-wrapper .transform-wrapper,
.controls .control.picture_link .panel:not(.show-style-edit).collapsed .common-wrapper .transform-wrapper {
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
.controls .control.text_link .panel:not(.show-style-edit).collapsed .common-wrapper .transform-wrapper .target-wrapper,
.controls .control.picture_link .panel:not(.show-style-edit).collapsed .common-wrapper .transform-wrapper .target-wrapper,
.controls .control.text_link .panel:not(.show-style-edit).collapsed .common-wrapper .transform-wrapper .resizable-scroll-wrapper,
.controls .control.picture_link .panel:not(.show-style-edit).collapsed .common-wrapper .transform-wrapper .resizable-scroll-wrapper {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.controls .control.text_link .panel:not(.show-style-edit).collapsed .common-wrapper .edit-wrapper,
.controls .control.picture_link .panel:not(.show-style-edit).collapsed .common-wrapper .edit-wrapper {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.controls .control.text_link .panel:not(.show-style-edit).collapsed .add-block,
.controls .control.picture_link .panel:not(.show-style-edit).collapsed .add-block {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.controls .control.text_link .panel.show-style-edit .common-wrapper .transform-wrapper,
.controls .control.picture_link .panel.show-style-edit .common-wrapper .transform-wrapper {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.controls .control.text_link .panel.show-style-edit .common-wrapper .edit-wrapper,
.controls .control.picture_link .panel.show-style-edit .common-wrapper .edit-wrapper {
  opacity: 1;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.controls .control.text_link .panel.show-style-edit .add-block,
.controls .control.picture_link .panel.show-style-edit .add-block {
  border-top: 1px dotted rgba(68, 68, 76, 0);
}
.controls .control.text_link .panel.show-style-edit .add-block .add,
.controls .control.picture_link .panel.show-style-edit .add-block .add {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.controls .control.text_link .panel.show-style-edit .add-block .save,
.controls .control.picture_link .panel.show-style-edit .add-block .save {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease-in-out, color 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, color 0.35s ease-in-out;
}
.controls .control.text_link .panel.show-style-edit .add-block .cancel,
.controls .control.picture_link .panel.show-style-edit .add-block .cancel {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper,
.controls .control.picture_link .panel .common-wrapper {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  bottom: 32px;
  border-radius: 9px 9px 0 0;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 9px 9px 0 0;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper {
  position: absolute;
  top: 16px;
  height: 32px;
  left: 16px;
  right: 16px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper.anchor-mode .placeholder,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper.anchor-mode .placeholder {
  padding-left: 24px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper.anchor-mode .target-icon,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper.anchor-mode .target-icon {
  display: block;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper.anchor-mode input,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper.anchor-mode input {
  padding-left: 32px;
  width: 113px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper input,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 135px;
  height: 32px;
  padding: 0px 32px 0 9px;
  border: 0;
  margin: 0;
  font-size: 15px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #989ea8;
  background: white;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0) inset;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper input:valid ~ .placeholder,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper input:valid ~ .placeholder {
  color: transparent;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder {
  position: absolute;
  top: 0;
  left: 9px;
  right: 20px;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  line-height: 31px;
  font-size: 15px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: rgba(61, 61, 61, 0.4);
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon {
  position: absolute;
  top: 7px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/apply.png') no-repeat 0 0;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon:hover,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/apply-hover.png') no-repeat 0 0;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/delete.png') no-repeat 0 0;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon:hover,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/delete-hover.png') no-repeat 0 0;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.hidden,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.hidden {
  display: none;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon {
  display: none;
  position: absolute;
  top: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  left: 8px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/target.png') no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-transition: background-image 0.1s ease-out;
  transition: background-image 0.1s ease-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon:not(.active):hover,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon:not(.active):hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/target-hover.png');
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon.active,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/target-active.png');
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon.hidden,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon.hidden {
  display: none;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector {
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 32px;
  cursor: pointer;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector.hidden,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector.hidden {
  display: none;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector:hover .placeholder-arrow,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector:hover .placeholder-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/placeholder-arrow-hover.png');
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-arrow,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-arrow {
  position: absolute;
  width: 7px;
  height: 4px;
  top: 14px;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/placeholder-arrow.png') no-repeat 0 0;
  background-size: 7px 4px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector.opened .placeholder-popup,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector.opened .placeholder-popup {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  width: 176px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  border-radius: 3px;
  padding-top: 1px;
  padding-bottom: 5px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item {
  position: relative;
  width: 100%;
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 30px;
  padding-left: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item.active,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item.active {
  cursor: default;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item.active:after,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item.active:after,
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item:hover:after,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item:hover:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 12px;
  border-radius: 100%;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item:hover:after,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item:hover:after {
  background: #dcdcde;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item.active:after,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-popup .placeholder-item.active:after {
  background: #3d3d3d;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper {
  position: absolute;
  top: 63px;
  left: 16px;
  right: 16px;
  height: 41px;
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  border-bottom: 1px dotted rgba(68, 68, 76, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper.disabled,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .caption,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .caption {
  display: inline-block;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 15px;
  line-height: 25px;
  padding-right: 6px;
  vertical-align: top;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 26px;
  vertical-align: top;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  border-radius: 13px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle .bg,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 13px;
  background: #929292;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:indeterminate + .bg,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:indeterminate + .bg {
  background: #698bb1;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:checked + .bg,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:checked + .bg {
  background: #0078ff;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle .handle,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle .handle {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:hover ~ .handle,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:hover ~ .handle {
  background: transparent;
  box-shadow: inset 0 0 0 2px #fff;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:indeterminate ~ .handle,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:indeterminate ~ .handle {
  left: 10px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:checked ~ .handle,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .target-wrapper .toggle input:checked ~ .handle {
  left: 19px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper {
  position: absolute;
  width: 100%;
  top: 104px;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-scroll,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-scroll {
  display: none;
  position: absolute;
  width: 4px;
  border-radius: 2px;
  background: rgba(68, 68, 76, 0.12);
  right: 8px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-scroll:hover,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-scroll:hover,
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-scroll.dragging,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-scroll.dragging {
  background: rgba(68, 68, 76, 0.2);
  width: 8px;
  border-radius: 4px;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 168px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  position: relative;
  width: 208px;
  padding: 0;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  padding: 0 48px 0 24px!important;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box !important;
  overflow: hidden;
  left: 0%;
  -webkit-transform-origin: 0 center;
  -ms-transform-origin: 0 center;
  transform-origin: 0 center;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.enable-transition,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.enable-transition {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.collapsed,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.collapsed {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.shift-left,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.shift-left {
  left: -100%;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .style-caption,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .style-caption {
  display: inline;
  overflow: hidden;
  white-space: nowrap;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.active,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.active {
  background: rgba(0, 120, 255, 0.14);
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.active .menu-button,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style.active .menu-button {
  display: block;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style:hover .menu-button,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style:hover .menu-button {
  display: block;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button {
  position: absolute;
  width: 21px;
  height: 21px;
  right: 16px;
  top: 50%;
  margin-top: -10px;
  border-radius: 100%;
  display: none;
  box-shadow: inset 0 0 0 1px rgba(61, 61, 61, 0.23);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/menu-arrow.png');
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button:hover,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button:hover,
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active {
  display: block;
  background-color: #2b8afe;
  box-shadow: inset 0 0 0 1px #2b8afe;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/menu-arrow-hover.png');
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active.shift-left,
.controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active.shift-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper {
  position: absolute !important;
  top: 0;
  height: 100%;
  width: 100%;
  background: #44444c;
  opacity: 0;
  overflow: hidden;
  border-radius: 9px 9px 0 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.default-state .state-switcher-wrapper .caption-default,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.default-state .state-switcher-wrapper .caption-default {
  cursor: default;
  color: #fff;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.default-state .state-switcher-wrapper .caption-default:hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.default-state .state-switcher-wrapper .caption-default:hover {
  color: #fff;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-default,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-default {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-hover,
.controls .control.text_link .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-current,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-current {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.hover-state .state-switcher-wrapper .caption-hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.hover-state .state-switcher-wrapper .caption-hover {
  cursor: default;
  color: #fff;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.hover-state .state-switcher-wrapper .caption-hover:hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.hover-state .state-switcher-wrapper .caption-hover:hover {
  color: #fff;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-hover {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-default,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-default,
.controls .control.text_link .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-current,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-current {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.current-state .state-switcher-wrapper .caption-current,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.current-state .state-switcher-wrapper .caption-current {
  cursor: default;
  color: #fff;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.current-state .state-switcher-wrapper .caption-current:hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.current-state .state-switcher-wrapper .caption-current:hover {
  color: #fff;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-current,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-current {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-default,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-default,
.controls .control.text_link .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-hover {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item {
  position: relative;
  height: 32px;
  margin: 0 16px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item.separator,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item.separator {
  border-top: 1px dotted rgba(255, 255, 255, 0.18);
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item .caption,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: #fff;
  padding-left: 8px;
  line-height: 32px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item input,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item input {
  position: absolute;
  top: 3px;
  right: 10px;
  color: #fff;
  font-size: 22px;
  text-align: right;
  width: 156px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  height: 28px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item input.padding-for-one,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item input.padding-for-one {
  padding-right: 3px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item input:hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item input:hover,
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item input:focus,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item input:focus,
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item input.dragging,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item input.dragging {
  color: #4199fc;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item[data-field="_caption"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item[data-field="_caption"] {
  height: 47px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item[data-field="_caption"] input,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item[data-field="_caption"] input {
  top: 12px;
  left: 8px;
  right: 8px;
  color: #4199fc;
  font-size: 18px;
  text-align: left;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper {
  position: relative;
  height: 40px;
  margin: 0 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  white-space: nowrap;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default,
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover,
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current {
  display: inline-block;
  margin-right: 14px;
  cursor: pointer;
  line-height: 40px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default:hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default:hover,
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover:hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover:hover,
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current:hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current:hover {
  color: rgba(255, 255, 255, 0.4);
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current {
  margin-right: 0;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper {
  position: relative;
  width: 100%;
  height: 173px;
  overflow: hidden;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block {
  position: relative;
  width: 100%;
  float: left;
  -webkit-transition: opacity 0.35s ease-in-out, left 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, left 0.35s ease-in-out;
  opacity: 1;
  visibility: inherit;
  padding-top: 9px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="u-color"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="u-color"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="u-size"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="u-size"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="u-offset"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="u-offset"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="hover-u-color"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="hover-u-color"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="hover-u-size"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="hover-u-size"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="hover-u-offset"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="hover-u-offset"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="current-u-color"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="current-u-color"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="current-u-size"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="current-u-size"],
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="current-u-offset"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.no-underline .edit-item[data-field="current-u-offset"] {
  pointer-events: none;
  opacity: 0.3;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-hover,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-hover,
.controls .control.text_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-current,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .params-wrapper .params-current {
  margin-left: -100%;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item.underline-style-click-area,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item.underline-style-click-area {
  cursor: pointer;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item.underline-style-click-area:hover .popup-arrow,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item.underline-style-click-area:hover .popup-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/popup-arrow-hover.png');
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item.color-click-area,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item.color-click-area {
  cursor: pointer;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item.color-click-area:hover .opacity-grid,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item.color-click-area:hover .opacity-grid {
  box-shadow: 0 0 0 2px #4199fc;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .underline-style,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .underline-style {
  position: absolute;
  right: 24px;
  top: 0;
  width: 32px;
  height: 32px;
  background-position: 0 16px;
  background-repeat: repeat-x;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="none"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="none"] {
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 31px;
  text-align: left;
  padding-right: 4px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="none"]:after,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="none"]:after {
  content: 'None';
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="solid"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="solid"] {
  background-image: linear-gradient(to right, #fff 0%, #fff 100%);
  background-size: 1px 1px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="dotted"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="dotted"] {
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="dashed"],
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .underline-style[data-type="dashed"] {
  background-image: linear-gradient(to right, #fff 0%, #fff 66.6666%, transparent 66.6666%, transparent 100%);
  background-size: 3px 1px;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .popup-arrow,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .popup-arrow {
  position: absolute;
  right: 9px;
  top: 14px;
  width: 7px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: 7px 5px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/popup-arrow.png');
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .color-circle,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .color-circle {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 7px;
  right: 10px;
  border-radius: 100%;
}
.controls .control.text_link .panel .common-wrapper .edit-wrapper .opacity-grid,
.controls .control.picture_link .panel .common-wrapper .edit-wrapper .opacity-grid {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 7px;
  right: 10px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px white;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid.png') 0 0;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.controls .control.text_link .panel .add-block,
.controls .control.picture_link .panel .add-block {
  position: absolute;
  bottom: 0;
  height: 32px;
  left: 16px;
  right: 16px;
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.controls .control.text_link .panel .add-block .add,
.controls .control.picture_link .panel .add-block .add {
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -8px;
  width: 17px;
  height: 17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/add.png') no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out, background-image 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-image 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.controls .control.text_link .panel .add-block .add:hover,
.controls .control.picture_link .panel .add-block .add:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/add-hover.png');
}
.controls .control.text_link .panel .add-block .save,
.controls .control.picture_link .panel .add-block .save {
  position: absolute;
  left: 50%;
  top: 7px;
  margin-left: -25px;
  width: 50px;
  text-align: center;
  color: #3d3d3d;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_link .panel .add-block .save:hover,
.controls .control.picture_link .panel .add-block .save:hover {
  color: #1980ff;
}
.controls .control.text_link .panel .add-block .cancel,
.controls .control.picture_link .panel .add-block .cancel {
  position: absolute;
  top: 7px;
  right: -5px;
  width: 19px;
  height: 19px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/cancel.png') no-repeat 0 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.controls .control.text_link .panel .add-block .cancel:hover,
.controls .control.picture_link .panel .add-block .cancel:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/cancel-hover.png');
}
.controls .control.text_link .panel .style-menu,
.controls .control.picture_link .panel .style-menu {
  position: absolute;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
}
.controls .control.text_link .panel .style-menu.shift-bottom,
.controls .control.picture_link .panel .style-menu.shift-bottom {
  width: 192px;
  left: 8px;
}
.controls .control.text_link .panel .style-menu.shift-bottom .corner-wrapper,
.controls .control.picture_link .panel .style-menu.shift-bottom .corner-wrapper {
  position: absolute;
  left: 174px;
  width: 16px;
  height: 8px;
  top: -8px;
  margin-left: -8px;
  clip: rect(0, 115px, 8px, -99px);
  top: -8px !important;
}
.controls .control.text_link .panel .style-menu.shift-bottom .corner-wrapper .corner,
.controls .control.picture_link .panel .style-menu.shift-bottom .corner-wrapper .corner {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 2px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.text_link .panel .style-menu.shift-bottom .corner-wrapper .corner,
.controls .control.picture_link .panel .style-menu.shift-bottom .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}
.controls .control.text_link .panel .style-menu.shift-left,
.controls .control.picture_link .panel .style-menu.shift-left {
  width: 159px;
  left: 16px;
}
.controls .control.text_link .panel .style-menu.shift-left .corner-wrapper,
.controls .control.picture_link .panel .style-menu.shift-left .corner-wrapper {
  position: absolute;
  top: 10px;
  width: 16px;
  height: 16px;
  right: -8px;
  clip: rect(-99px, 99px, 99px, 8px);
}
.controls .control.text_link .panel .style-menu.shift-left .corner-wrapper .corner,
.controls .control.picture_link .panel .style-menu.shift-left .corner-wrapper .corner {
  position: absolute;
  width: 11.313704px;
  height: 11.313704px;
  left: 2px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.text_link .panel .style-menu.shift-left .corner-wrapper .corner,
.controls .control.picture_link .panel .style-menu.shift-left .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}
.controls .control.text_link .panel .style-menu.shown.shift-bottom,
.controls .control.picture_link .panel .style-menu.shown.shift-bottom {
  opacity: 1;
  visibility: visible;
  margin-top: 8px;
}
.controls .control.text_link .panel .style-menu.shown.shift-left,
.controls .control.picture_link .panel .style-menu.shown.shift-left {
  opacity: 1;
  visibility: visible;
  margin-left: -8px;
}
.controls .control.text_link .panel .style-menu.transition-enable,
.controls .control.picture_link .panel .style-menu.transition-enable {
  -webkit-transition: opacity 0.2s ease-in-out, margin 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.controls .control.text_link .panel .style-menu.transition-enable.shown,
.controls .control.picture_link .panel .style-menu.transition-enable.shown {
  -webkit-transition: opacity 0.2s ease-in-out, margin 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin 0.2s ease-in-out;
}
.controls .control.text_link .panel .style-menu[data-id="link-1"] .separator.s-2,
.controls .control.picture_link .panel .style-menu[data-id="link-1"] .separator.s-2 {
  display: none;
}
.controls .control.text_link .panel .style-menu[data-id="link-1"] .delete-button,
.controls .control.picture_link .panel .style-menu[data-id="link-1"] .delete-button {
  display: none;
}
.controls .control.text_link .panel .style-menu .separator,
.controls .control.picture_link .panel .style-menu .separator {
  width: 100%;
  height: 1px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/separator.png') repeat-x 0 0;
}
.controls .control.text_link .panel .style-menu .separator.top-separator,
.controls .control.picture_link .panel .style-menu .separator.top-separator {
  display: none;
}
.controls .control.text_link .panel .style-menu .edit-button,
.controls .control.picture_link .panel .style-menu .edit-button,
.controls .control.text_link .panel .style-menu .duplicate-button,
.controls .control.picture_link .panel .style-menu .duplicate-button,
.controls .control.text_link .panel .style-menu .delete-button,
.controls .control.picture_link .panel .style-menu .delete-button {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #3d3d3d;
  text-align: center;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}
.controls .control.text_link .panel .style-menu .edit-button:hover,
.controls .control.picture_link .panel .style-menu .edit-button:hover,
.controls .control.text_link .panel .style-menu .duplicate-button:hover,
.controls .control.picture_link .panel .style-menu .duplicate-button:hover,
.controls .control.text_link .panel .style-menu .delete-button:hover,
.controls .control.picture_link .panel .style-menu .delete-button:hover {
  color: #1980ff;
}
.controls .control.text_link .panel .colorbox_container,
.controls .control.picture_link .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  top: 16px;
  left: 18px;
  width: 152px;
  height: 240px;
}
.controls .control.text_link .panel .underline_style_container,
.controls .control.picture_link .panel .underline_style_container {
  display: none;
  position: absolute;
  left: 16px;
  top: 130px;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup,
.controls .control.picture_link .panel .underline_style_container .underline-style-popup {
  position: relative;
  margin-top: 5px;
  width: 176px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 1px;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item,
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item {
  position: relative;
  width: 104px;
  height: 31px;
  margin: 0 auto;
  background-position: 0 12px;
  background-repeat: repeat-x;
  cursor: pointer;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="none"],
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="none"] {
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  height: 28px;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="solid"],
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="solid"] {
  background-image: linear-gradient(to right, #44444c 0%, #44444c 100%);
  background-size: 2px 2px;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="dotted"],
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="dotted"] {
  background-image: linear-gradient(to right, #44444c 0%, #44444c 50%, transparent 50%, transparent 100%);
  background-size: 4px 2px;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="dashed"],
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item[data-type="dashed"] {
  background-image: linear-gradient(to right, #44444c 0%, #44444c 66.6666%, transparent 66.6666%, transparent 100%);
  background-size: 6px 2px;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item.active,
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item.active {
  cursor: default;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item.active:after,
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item.active:after,
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item:hover:after,
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item:hover:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: -27px;
  top: 10px;
  border-radius: 100%;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item:hover:after,
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item:hover:after {
  background: #dcdcde;
}
.controls .control.text_link .panel .underline_style_container .underline-style-popup .underline-style-item.active:after,
.controls .control.picture_link .panel .underline_style_container .underline-style-popup .underline-style-item.active:after {
  background: #3d3d3d;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.text_link .icon,
  .controls .control.picture_link .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_link .icon:hover,
  .controls .control.picture_link .icon:hover,
  .controls .control.text_link .icon.highlighted,
  .controls .control.picture_link .icon.highlighted {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/apply@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon:hover,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/apply-hover@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/delete@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon:hover,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .action-icon.remove-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/delete-hover@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/target@2x.png');
    background-size: 16px 16px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon:not(.active):hover,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon:not(.active):hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/target-hover@2x.png');
    background-size: 16px 16px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon.active,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .target-icon.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/target-active@2x.png');
    background-size: 16px 16px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector:hover .placeholder-arrow,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector:hover .placeholder-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/placeholder-arrow-hover@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-arrow,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .search-wrapper .placeholder-selector .placeholder-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/placeholder-arrow@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/menu-arrow@2x.png');
    background-size: 21px 21px;
  }
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button:hover,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button:hover,
  .controls .control.text_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active,
  .controls .control.picture_link .panel .common-wrapper .transform-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .link-style .menu-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/menu-arrow-hover@2x.png');
    background-size: 21px 21px;
  }
  .controls .control.text_link .panel .common-wrapper .edit-wrapper .edit-item.underline-style-click-area:hover .popup-arrow,
  .controls .control.picture_link .panel .common-wrapper .edit-wrapper .edit-item.underline-style-click-area:hover .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/popup-arrow-hover@2x.png');
    background-size: 7px 5px;
  }
  .controls .control.text_link .panel .common-wrapper .edit-wrapper .popup-arrow,
  .controls .control.picture_link .panel .common-wrapper .edit-wrapper .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/popup-arrow@2x.png');
    background-size: 7px 5px;
  }
  .controls .control.text_link .panel .common-wrapper .edit-wrapper .opacity-grid,
  .controls .control.picture_link .panel .common-wrapper .edit-wrapper .opacity-grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
  .controls .control.text_link .panel .add-block .add,
  .controls .control.picture_link .panel .add-block .add {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/add@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.text_link .panel .add-block .add:hover,
  .controls .control.picture_link .panel .add-block .add:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/add-hover@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.text_link .panel .add-block .cancel,
  .controls .control.picture_link .panel .add-block .cancel {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/cancel@2x.png');
    background-size: 19px 19px;
  }
  .controls .control.text_link .panel .add-block .cancel:hover,
  .controls .control.picture_link .panel .add-block .cancel:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/cancel-hover@2x.png');
    background-size: 19px 19px;
  }
  .controls .control.text_link .panel .style-menu .separator,
  .controls .control.picture_link .panel .style-menu .separator {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/separator@2x.png');
    background-size: 4px 1px;
  }
}
.controls .control.common_animation .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.common_animation .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.common_animation.has-animation:not(.checked) {
  background-color: #28e5cb !important;
}
.controls .control.common_animation.has-animation:not(.checked) .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/icon.png') !important;
}
.controls .control.common_animation .panel {
  padding: 0;
  width: 152px;
  height: 364px;
  right: 42px;
  border-radius: 9px;
  background-color: transparent;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: 0.2s height ease-out, 0.2s top ease-out, 0.2s background ease-out;
  transition: 0.2s height ease-out, 0.2s top ease-out, 0.2s background ease-out;
  overflow: hidden;
}
.controls .control.common_animation .panel .panel-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 15px;
  text-align: center;
  padding-top: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  z-index: 1;
}
.controls .control.common_animation .panel.show-mixed-types,
.controls .control.common_animation .panel.show-multiple-fixeds,
.controls .control.common_animation .panel.show-multiple-stickeds,
.controls .control.common_animation .panel.show-multiple-fullwidths,
.controls .control.common_animation .panel.show-non-animatable,
.controls .control.common_animation .panel.show-multiple-animations {
  background-color: rgba(68, 68, 76, 0.95);
}
.controls .control.common_animation .panel.show-mixed-types .panel-caption,
.controls .control.common_animation .panel.show-multiple-fixeds .panel-caption,
.controls .control.common_animation .panel.show-multiple-stickeds .panel-caption,
.controls .control.common_animation .panel.show-multiple-fullwidths .panel-caption,
.controls .control.common_animation .panel.show-non-animatable .panel-caption,
.controls .control.common_animation .panel.show-multiple-animations .panel-caption {
  color: #ffffff;
}
.controls .control.common_animation .panel.show-mixed-types .top-block,
.controls .control.common_animation .panel.show-multiple-fixeds .top-block,
.controls .control.common_animation .panel.show-multiple-stickeds .top-block,
.controls .control.common_animation .panel.show-multiple-fullwidths .top-block,
.controls .control.common_animation .panel.show-non-animatable .top-block,
.controls .control.common_animation .panel.show-multiple-animations .top-block {
  display: none;
}
.controls .control.common_animation .panel.show-mixed-types .step-selector,
.controls .control.common_animation .panel.show-multiple-fixeds .step-selector,
.controls .control.common_animation .panel.show-multiple-stickeds .step-selector,
.controls .control.common_animation .panel.show-multiple-fullwidths .step-selector,
.controls .control.common_animation .panel.show-non-animatable .step-selector,
.controls .control.common_animation .panel.show-multiple-animations .step-selector {
  display: none;
}
.controls .control.common_animation .panel.show-mixed-types .bottom-block,
.controls .control.common_animation .panel.show-multiple-fixeds .bottom-block,
.controls .control.common_animation .panel.show-multiple-stickeds .bottom-block,
.controls .control.common_animation .panel.show-multiple-fullwidths .bottom-block,
.controls .control.common_animation .panel.show-non-animatable .bottom-block,
.controls .control.common_animation .panel.show-multiple-animations .bottom-block {
  display: none;
}
.controls .control.common_animation .panel.show-mixed-types .resizable-scroll-wrapper,
.controls .control.common_animation .panel.show-multiple-fixeds .resizable-scroll-wrapper,
.controls .control.common_animation .panel.show-multiple-stickeds .resizable-scroll-wrapper,
.controls .control.common_animation .panel.show-multiple-fullwidths .resizable-scroll-wrapper,
.controls .control.common_animation .panel.show-non-animatable .resizable-scroll-wrapper,
.controls .control.common_animation .panel.show-multiple-animations .resizable-scroll-wrapper {
  display: none;
}
.controls .control.common_animation .panel.show-mixed-types .mixed-types {
  display: block;
}
.controls .control.common_animation .panel.show-multiple-fixeds .multiple-fixeds {
  display: block;
}
.controls .control.common_animation .panel.show-multiple-stickeds .multiple-stickeds {
  display: block;
}
.controls .control.common_animation .panel.show-multiple-fullwidths .multiple-fullwidths {
  display: block;
}
.controls .control.common_animation .panel.show-multiple-animations .multiple-animations {
  display: block;
}
.controls .control.common_animation .panel.show-non-animatable .non-animatable {
  display: block;
}
.controls .control.common_animation .panel.show-trigger.animation-without-steps .resizable-scroll-wrapper {
  top: 118px;
}
.controls .control.common_animation .panel.show-trigger .trigger {
  display: block;
}
.controls .control.common_animation .panel.show-trigger .top-block {
  height: 118px;
}
.controls .control.common_animation .panel.show-trigger .step-selector {
  top: 118px;
}
.controls .control.common_animation .panel.show-trigger .resizable-scroll-wrapper {
  top: 158px;
}
.controls .control.common_animation .panel.show-loops .loop-types {
  display: block;
}
.controls .control.common_animation .panel.show-loops .bottom-block {
  height: 119px;
}
.controls .control.common_animation .panel.show-loops .effect-popup {
  bottom: 119px;
}
.controls .control.common_animation .panel.show-loops .resizable-scroll-wrapper {
  bottom: 119px;
}
.controls .control.common_animation .panel.show-start-condition .param-wrapper.start-condition-block {
  display: block;
}
.controls .control.common_animation .panel.animation-disabled {
  overflow: visible;
}
.controls .control.common_animation .panel.animation-disabled .step-selector {
  display: none;
}
.controls .control.common_animation .panel.animation-disabled .top-block {
  border-radius: 9px;
}
.controls .control.common_animation .panel.animation-disabled.with-reset .top-block {
  height: 112px;
}
.controls .control.common_animation .panel.animation-disabled.with-reset .top-block .reset-button {
  display: block;
}
.controls .control.common_animation .panel.animation-disabled .bottom-block {
  display: none;
}
.controls .control.common_animation .panel.animation-disabled .resizable-scroll-wrapper {
  display: none;
}
.controls .control.common_animation .panel.animation-without-steps .step-selector {
  display: none;
}
.controls .control.common_animation .panel.animation-without-steps .bottom-block {
  display: none;
}
.controls .control.common_animation .panel.animation-without-steps .resizable-scroll-wrapper {
  border-radius: 0 0 9px 9px;
  top: 88px;
  bottom: 0;
}
.controls .control.common_animation .panel.animation-without-steps .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper {
  display: block;
}
.controls .control.common_animation .panel .mixed-types,
.controls .control.common_animation .panel .multiple-fixeds,
.controls .control.common_animation .panel .multiple-stickeds,
.controls .control.common_animation .panel .multiple-fullwidths,
.controls .control.common_animation .panel .multiple-animations,
.controls .control.common_animation .panel .non-animatable {
  display: none;
  position: relative;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 8px 20px 0;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controls .control.common_animation .panel .mixed-types .unite-button,
.controls .control.common_animation .panel .multiple-fixeds .unite-button,
.controls .control.common_animation .panel .multiple-stickeds .unite-button,
.controls .control.common_animation .panel .multiple-fullwidths .unite-button,
.controls .control.common_animation .panel .multiple-animations .unite-button,
.controls .control.common_animation .panel .non-animatable .unite-button {
  position: relative;
  margin: 13px auto 0;
  width: 104px;
  height: 32px;
  border-radius: 3px;
  line-height: 32px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  color: #fff;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}
.controls .control.common_animation .panel .mixed-types .unite-button:hover,
.controls .control.common_animation .panel .multiple-fixeds .unite-button:hover,
.controls .control.common_animation .panel .multiple-stickeds .unite-button:hover,
.controls .control.common_animation .panel .multiple-fullwidths .unite-button:hover,
.controls .control.common_animation .panel .multiple-animations .unite-button:hover,
.controls .control.common_animation .panel .non-animatable .unite-button:hover {
  color: #3d3d3d;
  background: #fff;
}
.controls .control.common_animation .panel .top-block {
  position: absolute;
  height: 88px;
  top: 0;
  width: 100%;
  background-color: rgba(242, 242, 242, 0.95);
  border-radius: 9px 9px 0 0;
  -webkit-transition: 0.2s height ease-out, 0.2s top ease-out, 0.2s background ease-out;
  transition: 0.2s height ease-out, 0.2s top ease-out, 0.2s background ease-out;
}
.controls .control.common_animation .panel .top-block .type-selector {
  position: relative;
  width: 120px;
  height: 32px;
  margin: 40px auto 0;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(68, 68, 76, 0.12);
  z-index: 9999;
}
.controls .control.common_animation .panel .top-block .type-selector .type-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  color: #44444c;
  line-height: 32px;
  text-align: center;
}
.controls .control.common_animation .panel .top-block .type-selector .type-arrow {
  position: absolute;
  width: 7px;
  height: 4px;
  top: 14px;
  right: 7px;
  background-size: 7px 4px;
  background-repeat: no-repeat;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/type-arrows.png');
}
.controls .control.common_animation .panel .top-block .type-selector:hover .type-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/type-arrows-hover.png');
}
.controls .control.common_animation .panel .top-block .type-selector.opened .type-popup {
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup {
  z-index: 9999;
  position: absolute;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0672);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: default;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #44444c;
  top: -3px;
  left: -16px;
  right: -16px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: none;
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup .type-popup-item {
  position: relative;
  text-align: center;
  padding: 5px 0;
  cursor: pointer;
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup .type-popup-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 8px;
  border-radius: 100%;
  background: transparent;
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup .type-popup-item:hover .point {
  background: rgba(182, 182, 188, 0.48);
}
.controls .control.common_animation .panel .top-block .type-selector .type-popup .type-popup-item.curr .point {
  background: #44444c;
}
.controls .control.common_animation .panel .top-block .reset-button {
  display: none;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  color: #b6b6bc;
  width: 44px;
  margin: 13px auto 0;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  text-align: center;
}
.controls .control.common_animation .panel .top-block .reset-button:hover {
  color: #0078ff;
}
.controls .control.common_animation .panel .trigger {
  display: none;
  position: relative;
  height: 46px;
  padding: 0 16px;
  font-size: 13px;
  line-height: 46px;
  cursor: pointer;
  color: #3d3d3d;
}
.controls .control.common_animation .panel .trigger.is-pending .trigger-pending {
  display: block;
}
.controls .control.common_animation .panel .trigger.is-pending .trigger-none,
.controls .control.common_animation .panel .trigger.is-pending .trigger-active {
  display: none;
}
.controls .control.common_animation .panel .trigger.is-active .trigger-active {
  display: block;
}
.controls .control.common_animation .panel .trigger.is-active .trigger-none,
.controls .control.common_animation .panel .trigger.is-active .trigger-pending {
  display: none;
}
.controls .control.common_animation .panel .trigger:hover .trigger-none-caption,
.controls .control.common_animation .panel .trigger:hover .trigger-arrow {
  opacity: 1;
}
.controls .control.common_animation .panel .trigger-none {
  text-align: center;
}
.controls .control.common_animation .panel .trigger-none-caption {
  display: inline;
  opacity: 0.2;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .trigger-pending {
  display: none;
  text-align: left;
  opacity: 1;
  color: #0078ff;
  cursor: auto;
}
.controls .control.common_animation .panel .trigger-pending .trigger-remove {
  cursor: pointer;
}
.controls .control.common_animation .panel .trigger-active {
  opacity: 1;
  display: none;
  text-align: center;
  cursor: auto;
}
.controls .control.common_animation .panel .trigger-active .trigger-remove {
  cursor: pointer;
}
.controls .control.common_animation .panel .trigger-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 10px;
  margin: auto;
  right: 15px;
  line-height: 15px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/trigger.png') no-repeat center;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .trigger-remove {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  right: 20px;
  opacity: 0.3;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/delete.png') no-repeat center;
  background-size: 100%;
}
.controls .control.common_animation .panel .trigger-remove:hover {
  opacity: 1;
}
.controls .control.common_animation .panel .step-selector {
  position: absolute;
  width: 100%;
  top: 88px;
  height: 40px;
  background-color: rgba(68, 68, 76, 0.95);
}
.controls .control.common_animation .panel .step-selector .step-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
}
.controls .control.common_animation .panel .step-selector .step-caption:hover {
  color: rgba(255, 255, 255, 0.5);
}
.controls .control.common_animation .panel .step-selector.one-step .prev-step,
.controls .control.common_animation .panel .step-selector.one-step .next-step {
  display: none;
}
.controls .control.common_animation .panel .step-selector.one-step .step-caption:hover {
  color: #fff;
}
.controls .control.common_animation .panel .step-selector.opened .step-popup {
  opacity: 1;
  visibility: inherit;
}
.controls .control.common_animation .panel .step-selector .prev-step,
.controls .control.common_animation .panel .step-selector .next-step {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  opacity: 0.32;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.controls .control.common_animation .panel .step-selector .prev-step.disabled,
.controls .control.common_animation .panel .step-selector .next-step.disabled {
  cursor: default;
}
.controls .control.common_animation .panel .step-selector .prev-step:hover:not(.disabled),
.controls .control.common_animation .panel .step-selector .next-step:hover:not(.disabled) {
  opacity: 1;
}
.controls .control.common_animation .panel .step-selector .prev-step {
  left: 0px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/prev-step.png');
}
.controls .control.common_animation .panel .step-selector .next-step {
  right: 0px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/next-step.png');
}
.controls .control.common_animation .panel .step-popup {
  z-index: 9999;
  position: absolute;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0672);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: default;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #44444c;
  text-align: center;
  left: 16px;
  right: 16px;
  padding: 8px 0;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.controls .control.common_animation .panel .step-popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  top: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 6px, -99px);
}
.controls .control.common_animation .panel .step-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_animation .panel .step-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: none;
}
.controls .control.common_animation .panel .step-popup.grabbing {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.controls .control.common_animation .panel .step-popup-item {
  position: relative;
  height: 24px;
  line-height: 24px;
}
.controls .control.common_animation .panel .step-popup-item:hover {
  background: #e5e5e5;
}
.controls .control.common_animation .panel .step-popup-item.selected:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 8px;
  top: 8px;
  border-radius: 100%;
  background: transparent;
  background: #44444c;
}
.controls .control.common_animation .panel .bottom-block {
  position: absolute;
  bottom: 0;
  height: 79px;
  width: 100%;
}
.controls .control.common_animation .panel .bottom-block .add-effect {
  width: 100%;
  height: 39px;
  cursor: pointer;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  text-align: center;
  line-height: 39px;
  background-color: rgba(68, 68, 76, 0.95);
  color: rgba(255, 255, 255, 0.32);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .bottom-block .add-effect:hover,
.controls .control.common_animation .panel .bottom-block .add-effect.opened {
  color: #fff;
}
.controls .control.common_animation .panel .bottom-block .add-effect:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.controls .control.common_animation .panel .bottom-block .add-effect.opened .effect-popup {
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.controls .control.common_animation .panel .effect-popup {
  z-index: 9999;
  position: absolute;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0672);
  background: #fff;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: default;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #44444c;
  bottom: 79px;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.controls .control.common_animation .panel .effect-popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.common_animation .panel .effect-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_animation .panel .effect-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: none;
}
.controls .control.common_animation .panel .effect-popup .effect-popup-item {
  position: relative;
  text-align: center;
  padding: 3px 0;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  line-height: 18px;
}
.controls .control.common_animation .panel .effect-popup .effect-popup-item:hover {
  color: #0078ff;
}
.controls .control.common_animation .panel .effect-popup .effect-popup-item.used {
  color: rgba(68, 68, 76, 0.5);
  cursor: default;
}
.controls .control.common_animation .panel .effect-popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.common_animation .panel .effect-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_animation .panel .effect-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: none;
}
.controls .control.common_animation .panel .loop-types,
.controls .control.common_animation .panel .preview {
  height: 40px;
  padding: 0 16px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  color: #44444c;
  background-color: rgba(242, 242, 242, 0.95);
}
.controls .control.common_animation .panel .loop-types {
  display: none;
  position: relative;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
}
.controls .control.common_animation .panel .loop-types:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d0d0d2;
}
.controls .control.common_animation .panel .loop-type {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 36px;
  height: 40px;
  margin: auto 0;
  background: no-repeat center;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .loop-type:hover {
  opacity: 1;
}
.controls .control.common_animation .panel .loop-type.checked {
  opacity: 1;
}
.controls .control.common_animation .panel .loop-type.checked:hover {
  opacity: 0.7;
}
.controls .control.common_animation .panel .loop-type-swing {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/swing-inactive.png');
  background-size: 24px 8px;
  right: 41px;
}
.controls .control.common_animation .panel .loop-type-swing.checked {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/swing-active.png');
}
.controls .control.common_animation .panel .loop-type-repeat {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/repeat-inactive.png');
  background-size: 19px 19px;
  right: 5px;
}
.controls .control.common_animation .panel .loop-type-repeat.checked {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/repeat-active.png');
}
.controls .control.common_animation .panel .preview {
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .preview:hover {
  color: #0078ff;
}
.controls .control.common_animation .panel .preview.active {
  color: #ff4828;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper {
  position: absolute !important;
  height: auto !important;
  top: 128px;
  bottom: 79px;
  background-color: rgba(68, 68, 76, 0.95);
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-scroll {
  background: rgba(255, 255, 255, 0.12);
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-scroll:hover,
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-scroll.dragging {
  background: rgba(255, 255, 255, 0.2);
}
.controls .control.common_animation .panel .resizable-scroll-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper.scrolled:before {
  content: '';
  background: rgba(0, 0, 0, 0.18);
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  width: 152px;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper {
  display: none;
  position: relative;
  width: 119px;
  margin: 0 auto;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  padding-bottom: 8px;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-caption {
  position: relative;
  color: #fff;
  line-height: 38px;
  height: 40px;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-caption {
  position: relative;
  color: #fff;
  padding-top: 6px;
  line-height: 42px;
  height: 42px;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-caption:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-item,
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-item {
  position: relative;
  color: rgba(255, 255, 255, 0.44);
  line-height: 32px;
  height: 32px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
  font-size: 13px;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-item .preview,
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-item .preview {
  display: none;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 7px;
  right: 0;
  opacity: 0;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/preview.png');
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-item .preview:hover,
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-item .preview:hover {
  opacity: 1 !important;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-item:after,
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-item:hover,
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-item:hover {
  color: #ffffff;
}
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-item:hover .preview,
.controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-item:hover .preview {
  opacity: 0.28;
}
.controls .control.common_animation .panel .step {
  position: relative;
  width: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  padding-bottom: 16px;
}
.controls .control.common_animation .panel .hide-unallowed {
  display: none;
}
.controls .control.common_animation .panel .hide-unused {
  display: none;
}
.controls .control.common_animation .panel .param-wrapper {
  position: relative;
  height: 56px;
  width: 100%;
}
.controls .control.common_animation .panel .param-wrapper .caption {
  position: relative;
  font-size: 14px;
  color: #fff;
  padding-top: 20px;
}
.controls .control.common_animation .panel .param-wrapper .input-wrapper {
  position: relative;
  margin-top: 1px;
}
.controls .control.common_animation .panel .param-wrapper .input-wrapper .numeric-input {
  position: relative;
  display: inline-block;
  color: rgba(255, 255, 255, 0.32);
  font-size: 22px;
  line-height: 24px;
  width: 46px;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  text-align: right;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
}
.controls .control.common_animation .panel .param-wrapper .input-wrapper .numeric-input.dragging,
.controls .control.common_animation .panel .param-wrapper .input-wrapper .numeric-input.focused,
.controls .control.common_animation .panel .param-wrapper .input-wrapper .numeric-input.hovered {
  color: #fff;
}
.controls .control.common_animation .panel .param-wrapper .input-wrapper .units {
  display: inline-block;
  color: rgba(255, 255, 255, 0.32);
  font-size: 22px;
  line-height: 24px;
  margin-left: -3px;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
}
.controls .control.common_animation .panel .param-wrapper .input-wrapper .units.dragging,
.controls .control.common_animation .panel .param-wrapper .input-wrapper .units.focused,
.controls .control.common_animation .panel .param-wrapper .input-wrapper .units.hovered {
  color: #fff;
}
.controls .control.common_animation .panel .param-wrapper .input-wrapper .units.for-centering {
  visibility: hidden;
  margin-right: -3px;
}
.controls .control.common_animation .panel .param-wrapper.start-block {
  height: 76px;
  background: #2c9672;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .param-wrapper.start-block:hover,
.controls .control.common_animation .panel .param-wrapper.start-block.opened {
  background: #2da37b;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-value {
  font-size: 22px;
  color: #fff;
  padding-top: 3px;
}
.controls .control.common_animation .panel .param-wrapper.start-block.opened .start-popup {
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup {
  z-index: 9999;
  position: absolute;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0672);
  background: #fff;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: default;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #44444c;
  top: 38px;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  padding-bottom: 8px;
  padding-top: 8px;
  font-family: inherit;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  top: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 6px, -99px);
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: none;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-popup-item {
  position: relative;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  line-height: 24px;
  cursor: pointer;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-popup-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 8px;
  top: 8px;
  border-radius: 100%;
  background: transparent;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-popup-item:hover .point {
  background: rgba(182, 182, 188, 0.48);
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-popup-item.curr {
  color: #2c9672;
  cursor: default;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-popup-item.curr .point {
  background: #2c9672;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup.has-offset .start-popup-caption {
  color: #fa622e;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup.has-offset .input-wrapper .numeric-input,
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup.has-offset .input-wrapper .units {
  color: #fa622e;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-popup-caption {
  position: relative;
  color: #44444c;
  font-size: 14px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  line-height: 18px;
  padding-top: 11px;
  width: 104px;
  margin: 8px auto 0;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-popup-caption:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(61, 61, 61, 0.18) 0%, rgba(61, 61, 61, 0.18) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper {
  margin-top: -1px;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .numeric-input {
  color: rgba(68, 68, 76, 0.32);
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .numeric-input.dragging,
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .numeric-input.focused,
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .numeric-input.hovered {
  color: #fa622e;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .units {
  color: rgba(68, 68, 76, 0.32);
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .units.dragging,
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .units.focused,
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .input-wrapper .units.hovered {
  color: #fa622e;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-preview {
  position: relative;
  margin: 10px auto 0;
  width: 104px;
  height: 64px;
  box-shadow: inset 0 0 0 1px #e5e5e5;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-preview .start-point {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, #2c9672 0%, #2c9672 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-preview .start-dist {
  position: absolute;
  left: 50%;
  width: 1px;
  background: #fa622e;
}
.controls .control.common_animation .panel .param-wrapper.start-block .start-popup .start-preview .start-offset {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #2c9672;
}
.controls .control.common_animation .panel .param-wrapper.delay-block,
.controls .control.common_animation .panel .param-wrapper.duration-block,
.controls .control.common_animation .panel .param-wrapper.delay_px-block {
  height: 76px;
  background: #5f5f69;
}
.controls .control.common_animation .panel .param-wrapper.delay-block .bg,
.controls .control.common_animation .panel .param-wrapper.duration-block .bg,
.controls .control.common_animation .panel .param-wrapper.delay_px-block .bg {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.controls .control.common_animation .panel .param-wrapper.delay-block .input-wrapper .numeric-input,
.controls .control.common_animation .panel .param-wrapper.duration-block .input-wrapper .numeric-input,
.controls .control.common_animation .panel .param-wrapper.delay_px-block .input-wrapper .numeric-input {
  color: #fff;
}
.controls .control.common_animation .panel .param-wrapper.delay-block .input-wrapper .units,
.controls .control.common_animation .panel .param-wrapper.duration-block .input-wrapper .units,
.controls .control.common_animation .panel .param-wrapper.delay_px-block .input-wrapper .units {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}
.controls .control.common_animation .panel .param-wrapper.delay-block {
  width: 76px;
}
.controls .control.common_animation .panel .param-wrapper.delay-block .bg {
  background: #fa622e;
}
.controls .control.common_animation .panel .param-wrapper.duration-block {
  width: 75px;
  margin: -76px 0 0 77px;
}
.controls .control.common_animation .panel .param-wrapper.duration-block .bg {
  background: #2c9672;
}
.controls .control.common_animation .panel .param-wrapper.delay_px-block {
  width: 100%;
}
.controls .control.common_animation .panel .param-wrapper.delay_px-block .bg {
  background: #fa622e;
}
.controls .control.common_animation .panel .param-wrapper.start-condition-block {
  display: none;
  height: auto;
}
.controls .control.common_animation .panel .start-when-in-view-switcher {
  margin: 5px 0;
}
.controls .control.common_animation .panel .start-when-in-view-switcher .rmswitcher-body {
  margin: auto;
  box-shadow: none !important;
}
.controls .control.common_animation .panel .start-when-in-view-switcher .rmswitcher-panel-slider {
  background: white !important;
  box-shadow: none !important;
}
.controls .control.common_animation .panel .param-wrapper.speed-block .caption {
  padding-top: 17px;
}
.controls .control.common_animation .panel .param-wrapper.move-block .remove-effect,
.controls .control.common_animation .panel .param-wrapper.opacity-block .remove-effect,
.controls .control.common_animation .panel .param-wrapper.rotate-block .remove-effect,
.controls .control.common_animation .panel .param-wrapper.scale-block .remove-effect {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 16px;
  left: 13px;
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/remove-effect.png');
  cursor: pointer;
  z-index: 1;
}
.controls .control.common_animation .panel .param-wrapper.move-block .remove-effect:hover,
.controls .control.common_animation .panel .param-wrapper.opacity-block .remove-effect:hover,
.controls .control.common_animation .panel .param-wrapper.rotate-block .remove-effect:hover,
.controls .control.common_animation .panel .param-wrapper.scale-block .remove-effect:hover {
  opacity: 1 !important;
}
.controls .control.common_animation .panel .param-wrapper.move-block:hover .remove-effect,
.controls .control.common_animation .panel .param-wrapper.opacity-block:hover .remove-effect,
.controls .control.common_animation .panel .param-wrapper.rotate-block:hover .remove-effect,
.controls .control.common_animation .panel .param-wrapper.scale-block:hover .remove-effect {
  opacity: 0.24;
}
.controls .control.common_animation .panel .param-wrapper.move-block .caption,
.controls .control.common_animation .panel .param-wrapper.opacity-block .caption,
.controls .control.common_animation .panel .param-wrapper.rotate-block .caption,
.controls .control.common_animation .panel .param-wrapper.scale-block .caption {
  padding-top: 17px;
}
.controls .control.common_animation .panel .param-wrapper.move-block.hide-dx-input .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.opacity-block.hide-dx-input .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.rotate-block.hide-dx-input .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.scale-block.hide-dx-input .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.move-block.hide-from-input .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.opacity-block.hide-from-input .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.rotate-block.hide-from-input .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.scale-block.hide-from-input .input-wrapper .numeric-input.left-align {
  display: none;
}
.controls .control.common_animation .panel .param-wrapper.move-block.hide-dx-input .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.opacity-block.hide-dx-input .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.rotate-block.hide-dx-input .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.scale-block.hide-dx-input .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.move-block.hide-from-input .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.opacity-block.hide-from-input .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.rotate-block.hide-from-input .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.scale-block.hide-from-input .input-wrapper .separator {
  display: none;
}
.controls .control.common_animation .panel .param-wrapper.move-block.hide-dx-input .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.opacity-block.hide-dx-input .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.rotate-block.hide-dx-input .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.scale-block.hide-dx-input .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.move-block.hide-from-input .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.opacity-block.hide-from-input .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.rotate-block.hide-from-input .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.scale-block.hide-from-input .input-wrapper .numeric-input.right-align {
  position: relative;
  display: inline-block;
  left: auto;
  margin-left: 0;
}
.controls .control.common_animation .panel .param-wrapper.move-block .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.opacity-block .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.rotate-block .input-wrapper .numeric-input.left-align,
.controls .control.common_animation .panel .param-wrapper.scale-block .input-wrapper .numeric-input.left-align {
  position: absolute;
  display: block;
  right: 50%;
  margin-right: 12px;
  text-align: right;
}
.controls .control.common_animation .panel .param-wrapper.move-block .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.opacity-block .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.rotate-block .input-wrapper .separator,
.controls .control.common_animation .panel .param-wrapper.scale-block .input-wrapper .separator {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 4px;
  left: 50%;
  margin-left: -8px;
  background-size: 17px 17px;
  background-repeat: no-repeat;
}
.controls .control.common_animation .panel .param-wrapper.move-block .input-wrapper .separator.move-icon,
.controls .control.common_animation .panel .param-wrapper.opacity-block .input-wrapper .separator.move-icon,
.controls .control.common_animation .panel .param-wrapper.rotate-block .input-wrapper .separator.move-icon,
.controls .control.common_animation .panel .param-wrapper.scale-block .input-wrapper .separator.move-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/move-icon.png');
}
.controls .control.common_animation .panel .param-wrapper.move-block .input-wrapper .separator.from-icon,
.controls .control.common_animation .panel .param-wrapper.opacity-block .input-wrapper .separator.from-icon,
.controls .control.common_animation .panel .param-wrapper.rotate-block .input-wrapper .separator.from-icon,
.controls .control.common_animation .panel .param-wrapper.scale-block .input-wrapper .separator.from-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/from-icon.png');
}
.controls .control.common_animation .panel .param-wrapper.move-block .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.opacity-block .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.rotate-block .input-wrapper .numeric-input.right-align,
.controls .control.common_animation .panel .param-wrapper.scale-block .input-wrapper .numeric-input.right-align {
  position: absolute;
  display: block;
  left: 50%;
  margin-left: 12px;
  text-align: left;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block {
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block:hover .acceleration-value,
.controls .control.common_animation .panel .param-wrapper.acceleration-block.opened .acceleration-value {
  color: #fff;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .caption {
  padding-top: 17px;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-value {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.32);
  padding-top: 3px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block.shift-popup .acceleration-popup {
  bottom: -22px;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block.shift-popup .acceleration-popup .corner-wrapper {
  display: none;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block.opened .acceleration-popup {
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup {
  z-index: 9999;
  position: absolute;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0672);
  background: #fff;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: default;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #44444c;
  bottom: 28px;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  padding-bottom: 8px;
  font-family: inherit;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: none;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-preview {
  position: relative;
  width: 104px;
  height: 40px;
  margin: 0 auto 8px;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-preview .ball {
  position: absolute;
  left: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #0078ff;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-preview .ball[data-acceleration="none"] {
  -webkit-animation: acceleration_preview 0.7s infinite linear alternate;
  animation: acceleration_preview 0.7s infinite linear alternate;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-preview .ball[data-acceleration="ease-in"] {
  -webkit-animation: acceleration_preview 0.7s infinite ease-in alternate;
  animation: acceleration_preview 0.7s infinite ease-in alternate;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-preview .ball[data-acceleration="ease-out"] {
  -webkit-animation: acceleration_preview 0.7s infinite ease-out alternate;
  animation: acceleration_preview 0.7s infinite ease-out alternate;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-preview .ball[data-acceleration="ease-both"] {
  -webkit-animation: acceleration_preview 0.7s infinite ease-in-out alternate;
  animation: acceleration_preview 0.7s infinite ease-in-out alternate;
}
@-webkit-keyframes acceleration_preview {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(80px);
  }
}
@keyframes acceleration_preview {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(80px);
  }
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-preview:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(61, 61, 61, 0.18) 0%, rgba(61, 61, 61, 0.18) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-item {
  position: relative;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  line-height: 24px;
  cursor: pointer;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 8px;
  top: 8px;
  border-radius: 100%;
  background: transparent;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-item:hover .point {
  background: rgba(182, 182, 188, 0.48);
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-item.curr {
  cursor: default;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .acceleration-popup-item.curr .point {
  background: #44444c;
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.common_animation .panel .param-wrapper.acceleration-block .acceleration-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: none;
}
.rmalttext-wrapper.loop-type-tooltip {
  background: #8b8b8b;
}
.rmalttext-wrapper.loop-type-tooltip .rmalttext-corner {
  background: #8b8b8b;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.common_animation .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_animation .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.common_animation.has-animation:not(.checked) .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/icon@2x.png') !important;
    background-size: 30px 30px !important;
  }
  .controls .control.common_animation .panel .top-block .type-selector .type-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/type-arrows@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.common_animation .panel .top-block .type-selector:hover .type-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/type-arrows-hover@2x.png');
    background-size: 7px 4px;
  }
  .controls .control.common_animation .panel .step-selector .prev-step {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/prev-step@2x.png');
    background-size: 40px 40px;
  }
  .controls .control.common_animation .panel .step-selector .next-step {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/next-step@2x.png');
    background-size: 40px 40px;
  }
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .effects-item .preview,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .effects-presets-wrapper .presets-item .preview {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/preview@2x.png');
    background-size: 18px 18px;
  }
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.move-block .remove-effect,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.opacity-block .remove-effect,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.rotate-block .remove-effect,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.scale-block .remove-effect {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/remove-effect@2x.png');
    background-size: 16px 16px;
  }
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.move-block .input-wrapper .separator.move-icon,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.opacity-block .input-wrapper .separator.move-icon,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.rotate-block .input-wrapper .separator.move-icon,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.scale-block .input-wrapper .separator.move-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/move-icon@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.move-block .input-wrapper .separator.from-icon,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.opacity-block .input-wrapper .separator.from-icon,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.rotate-block .input-wrapper .separator.from-icon,
  .controls .control.common_animation .panel .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .step .param-wrapper.scale-block .input-wrapper .separator.from-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/from-icon@2x.png');
    background-size: 17px 17px;
  }
  .controls .control.common_animation .panel .loop-type-swing {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/swing-inactive@2x.png');
  }
  .controls .control.common_animation .panel .loop-type-swing.checked {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/swing-active@2x.png');
  }
  .controls .control.common_animation .panel .loop-type-repeat {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/repeat-inactive@2x.png');
  }
  .controls .control.common_animation .panel .loop-type-repeat.checked {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/repeat-active@2x.png');
  }
  .controls .control.common_animation .panel .trigger-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/trigger@2x.png');
  }
  .controls .control.common_animation .panel .trigger-remove {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/common_animation/delete@2x.png');
  }
}
.controls .control.button_settings .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.button_settings .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.button_settings .panel {
  height: 400px;
  width: 193px;
  right: 42px;
  top: -55px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
}
.controls .control.button_settings .panel .common-wrapper {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  bottom: 0;
  border-radius: 9px 9px 0 0;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.default-state .state-switcher-wrapper .caption-default {
  cursor: default;
  color: #1980ff;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.default-state .state-switcher-wrapper .caption-default:hover {
  color: #1980ff;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-hover,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.default-state .params-wrapper .params-current {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.hover-state .state-switcher-wrapper .caption-hover {
  cursor: default;
  color: #1980ff;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.hover-state .state-switcher-wrapper .caption-hover:hover {
  color: #1980ff;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-default,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.hover-state .params-wrapper .params-current {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.current-state .state-switcher-wrapper .caption-current {
  cursor: default;
  color: #1980ff;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.current-state .state-switcher-wrapper .caption-current:hover {
  color: #1980ff;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-default,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper.current-state .params-wrapper .params-hover {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item {
  position: relative;
  height: 40px;
  margin: 0 16px;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item.hidden {
  display: none;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item.combined .edit-item.border-color {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 26px;
  margin: 0;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item.combined input {
  right: 35px;
  padding-right: 0;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item.combined input.extra-padding-for-two-symbols {
  padding-right: 0;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item.combined input.extra-padding-for-one-symbol {
  padding-right: 0;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"]:hover .caption {
  cursor: default;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item.separator {
  background: linear-gradient(to right, rgba(68, 68, 76, 0.2) 0%, rgba(68, 68, 76, 0.2) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item .caption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 40px;
  padding-top: 3px;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item .font-family,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item .font-style {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 40px;
  padding-top: 3px;
  color: #3d3d3d;
  font-style: normal;
  font-weight: 400;
  padding-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item input {
  position: absolute;
  top: 0;
  right: -16px;
  width: calc(100% + 32px);
  color: #3d3d3d;
  font-size: 22px;
  text-align: right;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4px;
  padding-right: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item input.extra-padding-for-two-symbols {
  padding-right: 17px;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item input.extra-padding-for-one-symbol {
  padding-right: 23px;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item input:hover,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item input:focus,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item input.dragging {
  color: #4199fc;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper {
  position: relative;
  height: 40px;
  margin: 0 16px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current {
  display: inline-block;
  margin-right: 4px;
  cursor: pointer;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: #a1a1a1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default:hover,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover:hover,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current:hover {
  color: #3d3d3d;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-current {
  margin-right: 0;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .params-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .params-wrapper .params-block {
  position: relative;
  width: 100%;
  float: left;
  opacity: 1;
  visibility: inherit;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .params-wrapper .params-hover,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .params-wrapper .params-current {
  margin-left: -100%;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item.color-click-area {
  cursor: pointer;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-family-click-area,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-style-click-area {
  cursor: pointer;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-family-click-area:hover .popup-arrow,
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-style-click-area:hover .popup-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/arrow-active.png');
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .popup-arrow {
  position: absolute;
  right: 10px;
  top: 21px;
  width: 7px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: 7px 5px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/arrow.png');
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .color-circle {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 7px;
  right: 0;
  border-radius: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .opacity-grid {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 7px;
  right: 0;
  border-radius: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid.png') 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-size-icon {
  position: absolute;
  left: 0;
  top: 14px;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 20px 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/font-size-icon_black.png');
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .letter-spacing-icon {
  position: absolute;
  left: 0;
  top: 14px;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 20px 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/letter-spacing-icon_black.png');
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] {
  display: block;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .caption {
  float: left;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .switcher {
  float: right;
  margin-top: 8px;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .rmswitcher-body {
  margin: auto;
  box-shadow: none !important;
}
.controls .control.button_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .rmswitcher-panel-slider {
  background: white !important;
  box-shadow: none !important;
}
.controls .control.button_settings .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  top: 16px;
  left: -20px;
  width: 152px;
  height: 240px;
}
.controls .control.button_settings .panel .fontselector_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  left: -79px;
}
.controls .control.button_settings .panel .fontstyle_container {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.controls .control.button_settings .panel .fontstyle_container .font-style-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 3px;
  padding-bottom: 3px;
  padding-top: 4px;
}
.controls .control.button_settings .panel .fontstyle_container .font-style-wrapper .font-style-item {
  position: relative;
  padding: 7px 23px 8px;
  color: #44444c;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.controls .control.button_settings .panel .fontstyle_container .font-style-wrapper .font-style-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 12px;
}
.controls .control.button_settings .panel .fontstyle_container .font-style-wrapper .font-style-item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-hover.png') no-repeat 0 0;
}
.controls .control.button_settings .panel .fontstyle_container .font-style-wrapper .font-style-item.curr .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-active.png') no-repeat 0 0 !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.button_settings .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/icon@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.button_settings .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/icon-hover@2x.png'), url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png');
    background-size: 30px 30px, 30px 30px;
  }
  .controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-family-click-area:hover .popup-arrow,
  .controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-style-click-area:hover .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/arrow-active@2x.png');
    background-size: 7px 5px;
  }
  .controls .control.button_settings .panel .common-wrapper .edit-wrapper .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/arrow@2x.png');
    background-size: 7px 5px;
  }
  .controls .control.button_settings .panel .common-wrapper .edit-wrapper .opacity-grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
  .controls .control.button_settings .panel .common-wrapper .edit-wrapper .font-size-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/font-size-icon_black@2x.png');
    background-size: 20px 16px;
  }
  .controls .control.button_settings .panel .common-wrapper .edit-wrapper .letter-spacing-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_settings/letter-spacing-icon_black@2x.png');
    background-size: 20px 16px;
  }
  .controls .control.button_settings .panel .fontstyle_container .font-style-wrapper .font-style-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .controls .control.button_settings .panel .fontstyle_container .font-style-wrapper .font-style-item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-active@2x.png') !important;
    background-size: 6px 6px !important;
  }
}
.controls .control.button_icon .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon.png') no-repeat 0 0;
}
.controls .control.button_icon .icon:hover,
.controls .control.button_icon .icon.edit {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-hover.png') no-repeat 0 0;
}
.controls .control.button_icon .panel {
  width: 150px;
  height: 300px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 12px 16px;
  color: #3d3d3d;
  bottom: -132px;
  overflow: hidden;
}
.controls .control.button_icon .panel.no-search .search-block {
  display: none;
}
.controls .control.button_icon .panel.no-search .common-wrapper {
  top: 0;
  background: none;
}
.controls .control.button_icon .panel.no-search .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  padding-top: 0px;
}
.controls .control.button_icon .panel .search-block {
  position: relative;
  height: 23px;
}
.controls .control.button_icon .panel .search-block .search {
  width: 100%;
  line-height: 23px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #3d3d3d;
  border: none;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}
.controls .control.button_icon .panel .search-block .loupe {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 4px;
  right: 0;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center center;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-loupe.png');
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.controls .control.button_icon .panel .search-block .loupe:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-loupe-hover.png');
}
.controls .control.button_icon .panel .search-block .loupe.clear {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-clear.png');
}
.controls .control.button_icon .panel .search-block .loupe.clear:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-clear-hover.png');
}
.controls .control.button_icon .panel .search-block .loupe .rmpreloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.controls .control.button_icon .panel .search-block .loupe .rmpreloader .arc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/load.png");
  background-size: 100% 100%;
}
.controls .control.button_icon .panel .search-block .loupe .rmpreloader .shadow {
  display: none;
}
.controls .control.button_icon .panel .search-block .loupe.preloading {
  background-image: none;
  cursor: default;
}
.controls .control.button_icon .panel .search-block .loupe.preloading .rmpreloader {
  display: block;
}
.controls .control.button_icon .panel .common-wrapper {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 44px;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(68, 68, 76, 0.2) 0%, rgba(68, 68, 76, 0.2) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper {
  height: calc(100% - 80px);
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-scroll {
  right: 4px;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper {
  height: calc(100% + 1px);
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  display: -ms-flexbox;
  -ms-flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  -webkit-align-content: flex-start;
  -webkit-justify-content: flex-start;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-writing-mode: lr-tb;
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  width: 150px;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-top-width: 0;
  border-style: solid;
  border-right-color: rgba(0, 0, 0, 0.0666);
  border-bottom-color: rgba(0, 0, 0, 0.0666);
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item:nth-child(3n+3) {
  border-right-width: 0;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .noun-icon {
  width: 100%;
  height: 100%;
  background-size: auto 60%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .noun-icon.preloading {
  opacity: 1 !important;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .rmpreloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .rmpreloader .arc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/load.png");
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .disable-icon {
  position: relative;
  overflow: hidden;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .disable-icon .line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 67px;
  width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #ff4828;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .disable-icon.active {
  border: 1px solid #4199fc;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .disable-icon:not(.active):hover {
  cursor: pointer;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .last-icon {
  display: none;
  position: relative;
  background-size: auto 60%;
  background-position: center;
  background-repeat: no-repeat;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .last-icon .image {
  position: absolute;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .last-icon.active {
  border: 1px solid #4199fc;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .last-icon:not(.active):hover {
  cursor: pointer;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content.preloading .item.preloading .noun-icon {
  opacity: 0;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content:not(.preloading) .item .noun-icon:hover {
  opacity: 1;
  cursor: pointer;
}
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content:not(.preloading) .item.selected .noun-icon,
.controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content:not(.preloading) .item.active .noun-icon {
  opacity: 1;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to right, rgba(68, 68, 76, 0.2) 0%, rgba(68, 68, 76, 0.2) 50%, transparent 50%, transparent 100%), rgba(242, 242, 242, 0.95);
  background-size: 2px 1px, 100%;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item {
  float: left;
  text-align: center;
  padding-top: 13px;
  width: 50%;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item.left {
  left: 0;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item.right {
  right: 0;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .caption {
  width: 100%;
  font-size: 15px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #3d3d3d;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .caption:hover {
  cursor: default;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item input {
  display: inline-block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #3d3d3d;
  font-size: 34px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item input:hover {
  color: #4199fc;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .position {
  position: absolute;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .position .fill {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .position:hover {
  cursor: pointer;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .position:hover .fill {
  background-color: black;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .position.current .fill {
  background-color: #4199fc;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .position.current:hover {
  cursor: default;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .position.current:hover .fill {
  background-color: #4199fc;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .right {
  right: -8px;
  top: 4px;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .left {
  left: -8px;
  top: 4px;
}
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .left,
.controls .control.button_icon .panel .common-wrapper .params-wrapper .edit-item .positions .right {
  width: 2px;
  height: 26px;
  padding: 0 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.button_icon .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.button_icon .icon:hover,
  .controls .control.button_icon .icon.edit {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.button_icon .panel .search-block .loupe {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-loupe@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.button_icon .panel .search-block .loupe:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-loupe-hover@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.button_icon .panel .search-block .loupe.clear {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-clear@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.button_icon .panel .search-block .loupe.clear:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/icon-clear-hover@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.button_icon .panel .search-block .loupe .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/load@2x.png");
    background-size: 16px 16px;
  }
  .controls .control.button_icon .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/button_icon/load@2x.png");
    background-size: 16px 16px;
  }
}
.anchor-picker-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2750;
  pointer-events: none;
}
.anchor-picker-wrapper.target-mode {
  pointer-events: all;
  cursor: crosshair;
}
.anchor-picker-wrapper.target-mode .anchor-picker .popup {
  visibility: inherit;
  opacity: 1;
}
.anchor-picker-wrapper .anchor-picker {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 120, 255, 0.4);
  pointer-events: none;
}
.anchor-picker-wrapper .anchor-picker .popup {
  position: absolute;
  width: 68px;
  height: 23px;
  line-height: 23px;
  left: 50%;
  margin-left: -34px;
  text-align: center;
  background-color: rgba(104, 104, 104, 0.8);
  border-radius: 3px;
  color: white;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  cursor: default;
  bottom: 17px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.1s linear, opacity 0.1s linear;
  transition: visibility 0.1s linear, opacity 0.1s linear;
}
.anchor-picker-wrapper .anchor-picker .popup .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 10px;
  height: 5px;
  bottom: -5px;
  margin-left: -5px;
  clip: rect(0, 109px, 104px, -99px);
}
.anchor-picker-wrapper .anchor-picker .popup .corner-wrapper .corner {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 1px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.anchor-picker-wrapper .anchor-picker .popup .corner-wrapper .corner {
  background-color: rgba(104, 104, 104, 0.8);
  box-shadow: none;
}
.controls .control.hotspot_pin_settings .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon.png') no-repeat 0 0;
}
.controls .control.hotspot_pin_settings .icon:hover,
.controls .control.hotspot_pin_settings .icon.edit {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-hover.png') no-repeat 0 0;
}
.controls .control.hotspot_pin_settings .panel {
  width: 150px;
  height: 340px;
  right: 42px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 12px 16px;
  color: #3d3d3d;
  bottom: -132px;
}
.controls .control.hotspot_pin_settings .panel.no-search .search-block {
  display: none;
}
.controls .control.hotspot_pin_settings .panel.no-search .common-wrapper {
  top: 0;
  background: none;
}
.controls .control.hotspot_pin_settings .panel.no-search .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  padding-top: 0px;
}
.controls .control.hotspot_pin_settings .panel .search-block {
  position: relative;
  height: 23px;
}
.controls .control.hotspot_pin_settings .panel .search-block .search {
  width: 100%;
  line-height: 23px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #3d3d3d;
  border: none;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 4px;
  right: 0;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center center;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-loupe.png');
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-loupe-hover.png');
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe.clear {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-clear.png');
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe.clear:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-clear-hover.png');
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe .rmpreloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe .rmpreloader .arc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/load.png");
  background-size: 100% 100%;
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe .rmpreloader .shadow {
  display: none;
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe.preloading {
  background-image: none;
  cursor: default;
}
.controls .control.hotspot_pin_settings .panel .search-block .loupe.preloading .rmpreloader {
  display: block;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 44px;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(68, 68, 76, 0.2) 0%, rgba(68, 68, 76, 0.2) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper {
  height: calc(100% - 80px);
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-scroll {
  right: 4px;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper {
  height: calc(100% + 1px);
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content {
  display: -ms-flexbox;
  -ms-flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  -webkit-align-content: flex-start;
  -webkit-justify-content: flex-start;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-writing-mode: lr-tb;
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  width: 150px;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-top-width: 0;
  border-style: solid;
  border-right-color: rgba(0, 0, 0, 0.0666);
  border-bottom-color: rgba(0, 0, 0, 0.0666);
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item:nth-child(3n+3) {
  border-right-width: 0;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .noun-icon {
  width: 100%;
  height: 100%;
  background-size: auto 60%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .noun-icon.preloading {
  opacity: 1 !important;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .rmpreloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .rmpreloader .arc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/load.png");
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .rectangle-icon {
  position: relative;
  overflow: hidden;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .rectangle-icon .line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 67px;
  width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #ff4828;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .rectangle-icon.selected {
  border: 1px solid #4199fc;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .rectangle-icon:not(.selected):hover {
  cursor: pointer;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .circle-icon .circle {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  background-color: black;
  border-radius: 30px;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .circle-icon.selected .circle {
  opacity: 1;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .circle-icon:not(.selected):hover .circle {
  cursor: pointer;
  opacity: 1;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content.preloading .item.preloading .noun-icon {
  opacity: 0;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content:not(.preloading) .item .noun-icon:hover {
  opacity: 1;
  cursor: pointer;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content:not(.preloading) .item.selected .noun-icon {
  opacity: 1;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  background: linear-gradient(to right, rgba(68, 68, 76, 0.2) 0%, rgba(68, 68, 76, 0.2) 50%, transparent 50%, transparent 100%), rgba(242, 242, 242, 0.95);
  background-size: 2px 1px, 100%;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item {
  position: relative;
  height: 40px;
  margin: 0 16px;
  text-align: left;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item.hidden {
  display: none;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item.color-click-area:hover {
  cursor: pointer;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item.combined .edit-item.border-color {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 26px;
  margin: 0;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item.combined input {
  right: 35px;
  padding-right: 0;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item.combined input.extra-padding-for-two-symbols {
  padding-right: 0;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item.combined input.extra-padding-for-one-symbol {
  padding-right: 0;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item[data-field="transition"]:hover .caption {
  cursor: default;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item.separator {
  background: linear-gradient(to right, rgba(68, 68, 76, 0.2) 0%, rgba(68, 68, 76, 0.2) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .caption {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 40px;
  padding-top: 3px;
  text-align: left;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .font-family,
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .font-style {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 40px;
  padding-top: 3px;
  color: #3d3d3d;
  font-style: normal;
  font-weight: 400;
  padding-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .switcher {
  position: absolute;
  top: 3px;
  right: 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 40px;
  text-align: right;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .switcher:hover {
  color: #0078ff;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .switcher[data-active="click"] .switcher-item[data-value="click"] {
  display: block;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .switcher[data-active="click"] .switcher-item[data-value="hover"] {
  display: none;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .switcher[data-active="hover"] .switcher-item[data-value="click"] {
  display: none;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .switcher[data-active="hover"] .switcher-item[data-value="hover"] {
  display: block;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item input {
  position: absolute;
  top: 0;
  right: -16px;
  width: calc(100% + 32px);
  color: #3d3d3d;
  font-size: 22px;
  text-align: right;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4px;
  padding-right: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item input.extra-padding-for-two-symbols {
  padding-right: 17px;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item input.extra-padding-for-one-symbol {
  padding-right: 23px;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item input:hover,
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item input:focus,
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item input.dragging {
  color: #4199fc;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .color-circle {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 7px;
  right: 0;
  border-radius: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .opacity-grid {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 7px;
  right: 0;
  border-radius: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid.png') 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_pin_settings .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  display: none;
  top: 16px;
  left: -20px;
  width: 152px;
  height: 240px;
  z-index: 9999;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.hotspot_pin_settings .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.hotspot_pin_settings .icon:hover,
  .controls .control.hotspot_pin_settings .icon.edit {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.hotspot_pin_settings .panel .search-block .loupe {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-loupe@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.hotspot_pin_settings .panel .search-block .loupe:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-loupe-hover@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.hotspot_pin_settings .panel .search-block .loupe.clear {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-clear@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.hotspot_pin_settings .panel .search-block .loupe.clear:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/icon-clear-hover@2x.png');
    background-size: 15px 15px;
  }
  .controls .control.hotspot_pin_settings .panel .search-block .loupe .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/load@2x.png");
    background-size: 16px 16px;
  }
  .controls .control.hotspot_pin_settings .panel .common-wrapper .resizable-scroll-wrapper .resizable-content-wrapper .resizable-content .item .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_pin_settings/load@2x.png");
    background-size: 16px 16px;
  }
  .controls .control.hotspot_pin_settings .panel .common-wrapper .params-wrapper .edit-item .opacity-grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
}
.controls .control.hotspot_tip_settings .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_tip_settings/icon.png');
}
.controls .control.hotspot_tip_settings .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_tip_settings/icon_hover.png');
}
.controls .control.hotspot_tip_settings .panel {
  height: 214px;
  width: 150px;
  right: 42px;
  top: -55px;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
}
.controls .control.hotspot_tip_settings .panel .common-wrapper {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  bottom: 0;
  border-radius: 9px 9px 0 0;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item {
  position: relative;
  height: 40px;
  margin: 0 16px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item.hidden {
  display: none;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_box-shadow"] {
  display: block;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_box-shadow"] .caption {
  float: left;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_box-shadow"] .switcher {
  float: right;
  margin-top: 8px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_box-shadow"] .switcher .rmswitcher-panel-on,
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_box-shadow"] .switcher .rmswitcher-panel-off {
  display: none;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_box-shadow"]:hover .caption {
  cursor: default;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item.separator {
  background: linear-gradient(to right, rgba(68, 68, 76, 0.2) 0%, rgba(68, 68, 76, 0.2) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item .caption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 40px;
  padding-top: 3px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item input {
  position: absolute;
  top: 0;
  right: -16px;
  width: calc(100% + 32px);
  color: #3d3d3d;
  font-size: 22px;
  text-align: right;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4px;
  padding-right: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item input.extra-padding-for-two-symbols {
  padding-right: 17px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item input.extra-padding-for-one-symbol {
  padding-right: 23px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item input:hover,
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item input:focus,
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item input.dragging {
  color: #4199fc;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] {
  height: 90px;
  text-align: center;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .caption {
  text-align: center;
  padding: 0;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .position {
  position: absolute;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .position .fill {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .position:hover {
  cursor: pointer;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .position:hover .fill {
  background-color: black;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .position.current .fill {
  background-color: #4199fc;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .position.current:hover {
  cursor: default;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .position.current:hover .fill {
  background-color: #4199fc;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .top,
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .bottom {
  width: 24px;
  height: 2px;
  padding: 6px 0;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .left,
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .right {
  width: 2px;
  height: 24px;
  padding: 0 6px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .top {
  top: -10px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .bottom {
  bottom: -10px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .right {
  right: -10px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item[data-field="tip_pos"] .positions .left {
  left: -10px;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper {
  position: relative;
  height: 40px;
  width: 100%;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default,
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover {
  float: left;
  width: 50%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: #a1a1a1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default:hover,
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-hover:hover {
  color: #3d3d3d;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .state-switcher-wrapper .caption-default {
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.12);
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .params-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .params-wrapper .params-block {
  position: relative;
  width: 100%;
  float: left;
  opacity: 1;
  visibility: inherit;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .params-wrapper .params-hover {
  margin-left: -100%;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .edit-item.color-click-area {
  cursor: pointer;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .color-circle {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 7px;
  right: 0;
  border-radius: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .opacity-grid {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 7px;
  right: 0;
  border-radius: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid.png') 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.hotspot_tip_settings .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  top: 16px;
  left: -20px;
  width: 152px;
  height: 240px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.hotspot_tip_settings .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_tip_settings/icon@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.hotspot_tip_settings .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/hotspot_tip_settings/icon_hover@2x.png');
    background-size: 30px 30px;
  }
  .controls .control.hotspot_tip_settings .panel .common-wrapper .edit-wrapper .opacity-grid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
}
.controls .control.form_content {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 13px;
  font-weight: 500;
}
.controls .control.form_content .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/icon.png');
  background-size: 100%;
}
.controls .control.form_content .icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/icon-hover.png');
}
.controls .control.form_content .form-fields-panel {
  right: 42px;
  top: -84px;
  bottom: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 154px;
  padding: 0;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  color: #3d3d3d;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  -webkit-transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, height 0.2s ease-in-out;
}
.controls .control.form_content .form-fields-panel .resizable-scroll-wrapper .resizable-scroll {
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 4px;
  margin-right: -2px;
  margin-top: -2px;
  -webkit-transition: width 0.1s ease-out;
  transition: width 0.1s ease-out;
}
.controls .control.form_content .form-fields-panel .resizable-scroll-wrapper .resizable-scroll:hover,
.controls .control.form_content .form-fields-panel .resizable-scroll-wrapper .resizable-scroll.dragging {
  border-color: #f2f2f2;
  background-color: #c8ccce;
  border-radius: 6px;
}
.controls .control.form_content .resizable-content {
  width: 154px;
}
.controls .control.form_content .form-fields-header {
  position: relative;
  height: 42px;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.controls .control.form_content .form-fields-header:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 8px;
  right: 8px;
  border-bottom: 1px solid #d0d0d2;
}
.controls .control.form_content .form-fields-header:after {
  z-index: 2;
}
.controls .control.form_content .form-fields-wrapper {
  position: absolute;
  top: 42px;
  bottom: 32px;
  width: 100%;
}
.controls .control.form_content .form-fields-item {
  position: relative;
  height: 48px;
  padding: 0 30px 0 14px;
  line-height: 48px;
  background-clip: padding-box;
  border-top: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.form_content .form-fields-item:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 14px;
  right: 14px;
  border-top: 1px dotted #d0d0d2;
  border-right: 1px solid transparent;
}
.controls .control.form_content .form-fields-item:hover {
  background: #e7e8ea;
}
.controls .control.form_content .form-fields-item:hover .form-fields-delete {
  display: block;
}
.controls .control.form_content .form-fields-item:hover:before,
.controls .control.form_content .form-fields-item:hover + .form-fields-item:before {
  display: none;
}
.controls .control.form_content .form-fields-item:first-child:before {
  display: none;
}
.controls .control.form_content .form-fields-item.form-fields-item-submit {
  padding: 0 14px;
}
.controls .control.form_content .form-fields-item.form-fields-item-submit:hover {
  background: none;
}
.controls .control.form_content .form-fields-item.form-fields-item-submit:hover:before {
  display: block;
}
.controls .control.form_content .form-fields-item.ui-sortable-handle {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.controls .control.form_content .form-fields-item.ui-sortable-helper {
  background: #e7e8ea;
}
.controls .control.form_content.grabbing *,
.controls .control.form_content .grabbing * {
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.controls .control.form_content .form-fields-type-token {
  position: absolute;
  left: 13px;
  top: 0;
  z-index: 1;
  display: inline-block;
  padding: 0 5px;
  margin-left: -5px;
  text-transform: uppercase;
  color: #bbc0c9;
  cursor: pointer;
}
.controls .control.form_content .form-fields-type-token:hover {
  color: #44444c;
}
.controls .control.form_content .form-fields-caption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  width: 103px;
  padding: 0 0 0 18px;
  overflow: hidden;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  white-space: nowrap;
  background: transparent;
  color: rgba(68, 68, 76, 0.8);
  outline: none;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(0.75, #000000), to(rgba(0, 0, 0, 0)));
  mask: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/constants/mask.svg#fade-right-svg-mask');
}
.controls .control.form_content .form-fields-caption::-webkit-input-placeholder {
  color: rgba(68, 68, 76, 0.4);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption:-ms-input-placeholder {
  color: rgba(68, 68, 76, 0.4);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption::-moz-placeholder {
  color: rgba(68, 68, 76, 0.4);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption:-moz-placeholder {
  color: rgba(68, 68, 76, 0.4);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption:hover::-webkit-input-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption:hover:-ms-input-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption:hover::-moz-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption:hover:-moz-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption-dropdown-helper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 103px;
  height: 28px;
  margin: auto;
  line-height: 28px;
  cursor: pointer;
}
.controls .control.form_content .form-fields-caption-dropdown-helper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  height: 5px;
  margin: auto;
  left: 18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/dropdown-tick.png') no-repeat;
  background-size: 100%;
  z-index: 1;
}
.controls .control.form_content .form-fields-caption-dropdown-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.controls .control.form_content .form-fields-caption-dropdown-mask:hover + .form-fields-caption::-webkit-input-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption-dropdown-mask:hover + .form-fields-caption:-ms-input-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption-dropdown-mask:hover + .form-fields-caption::-moz-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption-dropdown-mask:hover + .form-fields-caption:-moz-placeholder {
  color: rgba(68, 68, 76, 0.5);
  opacity: 1;
}
.controls .control.form_content .form-fields-caption-dropdown {
  width: 100%;
  padding-left: 26px;
  cursor: pointer;
}
.controls .control.form_content .form-fields-caption-submit {
  width: 100%;
  padding-left: 0;
  text-align: center;
}
.controls .control.form_content .form-fields-delete {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  right: 19px;
  z-index: 1;
  display: none;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/delete.png') no-repeat;
  background-size: 100%;
  opacity: 0.2;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.form_content .form-fields-delete:hover {
  opacity: 1;
}
.controls .control.form_content .form-fields-footer {
  position: absolute;
  bottom: 0;
  height: 32px;
  left: 0;
  right: 0;
  border-top: 1px solid transparent;
}
.controls .control.form_content .form-fields-footer:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 8px;
  right: 8px;
  border-top: 1px solid #d0d0d2;
}
.controls .control.form_content .form-fields-add {
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -8px;
  width: 17px;
  height: 17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/add.png') no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
  -webkit-transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, background-image 0.35s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.controls .control.form_content .form-fields-add:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/add-hover.png');
}
.controls .control.form_content .settings-popup {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  z-index: 99999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 142px;
  padding: 7px;
  border-radius: 2px;
  margin: auto;
  visibility: hidden;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  opacity: 0;
  cursor: pointer;
}
.controls .control.form_content .settings-popup.below {
  transform: translateY(100%);
}
.controls .control.form_content .settings-popup.below .corner-wrapper {
  position: absolute;
  left: 71px;
  width: 12px;
  height: 6px;
  top: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 6px, -99px);
}
.controls .control.form_content .settings-popup.below .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.form_content .settings-popup.below .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}
.controls .control.form_content .settings-popup.shown {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.controls .control.form_content .settings-popup.transition-enable {
  -webkit-transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.controls .control.form_content .settings-popup.transition-enable.shown {
  -webkit-transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
}
.controls .control.form_content .settings-popup.settings-popup-edit {
  margin-bottom: 17px;
}
.controls .control.form_content .settings-popup.settings-popup-edit.below {
  margin-bottom: -17px;
}
.controls .control.form_content .settings-popup.settings-popup-edit .corner-wrapper {
  left: 11px;
}
.controls .control.form_content .settings-popup .corner-wrapper {
  position: absolute;
  left: 71px;
  width: 12px;
  height: 6px;
  bottom: -6px;
  margin-left: -6px;
  clip: rect(0, 111px, 105px, -99px);
}
.controls .control.form_content .settings-popup .corner-wrapper .corner {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.controls .control.form_content .settings-popup .corner-wrapper .corner {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}
.controls .control.form_content .settings-popup-types:hover .settings-popup-type.selected:before {
  display: none;
}
.controls .control.form_content .settings-popup-types:hover .settings-popup-type.selected:hover:before {
  display: block;
}
.controls .control.form_content .settings-popup-type {
  position: relative;
  padding: 6px 0;
  color: #b2b2b2;
}
.controls .control.form_content .settings-popup-type.selected,
.controls .control.form_content .settings-popup-type:hover {
  color: black;
}
.controls .control.form_content .settings-popup-type.selected:before,
.controls .control.form_content .settings-popup-type:hover:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  left: 4px;
  border-radius: 3px;
  background: black;
}
.controls .control.form_content .settings-popup-optional {
  position: relative;
  padding-top: 12px;
  margin-top: 10px;
  border-top: 1px solid transparent;
}
.controls .control.form_content .settings-popup-optional:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 2px;
  right: 2px;
  border-top: 1px dotted #d0d0d2;
  border-right: 1px solid transparent;
}
.controls .control.form_content .settings-popup-optional-value {
  margin: 15px 0 7px;
}
.controls .control.form_content .settings-popup-optional-value .rmswitcher-body {
  margin: auto;
  box-shadow: none !important;
}
.controls .control.form_content .settings-popup-optional-value .rmswitcher-panel-slider {
  background: white !important;
  box-shadow: none !important;
}
.controls .control.form_content .dropdown-panel {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  width: 155px;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: visibility 0s ease-out 0.2s;
  transition: visibility 0s ease-out 0.2s;
}
.controls .control.form_content .dropdown-panel.shown {
  visibility: visible;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}
.controls .control.form_content .dropdown-panel.shown .dropdown-content {
  transform: translateX(0);
}
.controls .control.form_content .dropdown-panel .resizable-scroll-wrapper .resizable-scroll {
  background-color: #77777c;
}
.controls .control.form_content .dropdown-panel .resizable-scroll-wrapper .resizable-scroll:hover,
.controls .control.form_content .dropdown-panel .resizable-scroll-wrapper .resizable-scroll.dragging {
  background-color: #77777c;
  border-color: #56565d;
}
.controls .control.form_content .dropdown-content {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 154px;
  transform: translateX(154px);
  border-radius: 9px;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
  background: #56565d;
  color: #fff;
  -webkit-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.controls .control.form_content .dropdown-header {
  padding: 0 14px;
  font-size: inherit;
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
}
.controls .control.form_content .dropdown-header:after {
  border-color: #77777c;
  left: 14px;
  right: 14px;
}
.controls .control.form_content .dropdown-wrapper {
  position: absolute;
  top: 42px;
  bottom: 32px;
  width: 100%;
}
.controls .control.form_content .dropdown-option:before {
  border-color: #77777c;
}
.controls .control.form_content .dropdown-option:hover,
.controls .control.form_content .dropdown-option.ui-sortable-helper {
  background: #45454a;
}
.controls .control.form_content .dropdown-caption-value,
.controls .control.form_content .dropdown-option-value {
  color: rgba(255, 255, 255, 0.8);
}
.controls .control.form_content .dropdown-caption-value::-webkit-input-placeholder,
.controls .control.form_content .dropdown-option-value::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value:-ms-input-placeholder,
.controls .control.form_content .dropdown-option-value:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value::-moz-placeholder,
.controls .control.form_content .dropdown-option-value::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value:-moz-placeholder,
.controls .control.form_content .dropdown-option-value:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value:hover::-webkit-input-placeholder,
.controls .control.form_content .dropdown-option-value:hover::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value:hover:-ms-input-placeholder,
.controls .control.form_content .dropdown-option-value:hover:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value:hover::-moz-placeholder,
.controls .control.form_content .dropdown-option-value:hover::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value:hover:-moz-placeholder,
.controls .control.form_content .dropdown-option-value:hover:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.controls .control.form_content .dropdown-caption-value {
  width: 126px;
  padding-left: 0;
}
.controls .control.form_content .dropdown-number {
  color: rgba(128, 128, 128, 0.8);
}
.controls .control.form_content .dropdown-number:hover {
  color: rgba(128, 128, 128, 0.8);
  cursor: auto;
}
.controls .control.form_content .dropdown-option-delete {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/delete-invert.png');
  background-size: 100%;
  opacity: 0.5;
}
.controls .control.form_content .dropdown-add {
  color: rgba(128, 128, 128, 0.8);
  word-spacing: 0.2em;
  cursor: pointer;
}
.controls .control.form_content .dropdown-footer {
  font-size: 15px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  line-height: 32px;
  text-align: center;
  background: #f2f2f2;
}
.controls .control.form_content .dropdown-footer:before {
  display: none;
}
.controls .control.form_content .dropdown-save {
  cursor: pointer;
  color: #44444c;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.form_content .dropdown-save:hover {
  color: #2183fe;
}
.controls .control.form_content .dropdown-cancel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  margin: auto;
  right: 8px;
  padding: 10px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/cancel.png') no-repeat center;
  background-size: 9px 9px;
  opacity: 0.3;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.controls .control.form_content .dropdown-cancel:hover {
  opacity: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.form_content .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/icon@2x.png');
  }
  .controls .control.form_content .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/icon-hover@2x.png');
  }
  .controls .control.form_content .form-fields-caption-dropdown:after {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/dropdown-tick@2x.png');
  }
  .controls .control.form_content .form-fields-delete {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/delete@2x.png');
  }
  .controls .control.form_content .form-fields-add {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/add@2x.png');
  }
  .controls .control.form_content .form-fields-add:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/add-hover@2x.png');
  }
  .controls .control.form_content .dropdown-option-delete {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/delete-invert@2x.png');
  }
  .controls .control.form_content .dropdown-cancel {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_content/cancel@2x.png');
  }
}
.controls .control.form_styles .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/icon.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow.png') no-repeat 30px 0;
}
.controls .control.form_styles .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/icon-hover.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover.png') no-repeat 30px 0;
}
.controls .control.form_styles .panel {
  width: 152px;
  right: 42px;
  top: -145px;
  bottom: auto;
  border-radius: 9px;
  background-color: rgba(242, 242, 242, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
}
.controls .control.form_styles .panel .common-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="fields"] .type-wrapper .type-switcher.type-fields {
  color: #0d79ff;
  pointer-events: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="fields"] .params-wrapper .params-block.params-fields {
  display: block;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="button"] .type-wrapper .type-switcher.type-button {
  color: #0d79ff;
  pointer-events: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="button"] .button-switcher-wrapper {
  display: block;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="button"][data-button-state="default"] .button-switcher-wrapper .button-switcher.button-default {
  color: #fff;
  pointer-events: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="button"][data-button-state="default"] .params-wrapper .params-block.params-button-default {
  display: block;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="button"][data-button-state="hover"] .button-switcher-wrapper .button-switcher.button-hover {
  color: #fff;
  pointer-events: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-state="button"][data-button-state="hover"] .params-wrapper .params-block.params-button-hover {
  display: block;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-style="underlined"] .params-wrapper .params-block.params-fields .edit-item[data-field="color"],
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-style="underlined"] .params-wrapper .params-block.params-fields .edit-item[data-field="border-radius"],
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-style="underlined"] .params-wrapper .params-block.params-fields .edit-item[data-field="border-width"] {
  display: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-style="colored"] .params-wrapper .params-block.params-fields .edit-item[data-field="underline-width"],
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-style="outlined"] .params-wrapper .params-block.params-fields .edit-item[data-field="underline-width"] {
  display: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="vertical"] .layout-wrapper .layout-switcher.layout-vertical {
  pointer-events: none;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-vert-active.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="vertical"] .params-wrapper .params-block.params-button-default .edit-item[data-field="gutter"] .caption:after {
  content: 'Top margin';
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="horizontal"] .layout-wrapper .layout-switcher.layout-horizontal {
  pointer-events: none;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-horz-active.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="horizontal"] .params-wrapper .params-block.params-button-default .edit-item[data-field="gutter"] .caption:after {
  content: 'Left margin';
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .control-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 15px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper {
  position: relative;
  height: 32px;
  margin: 0 16px;
  background: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 100% 100%;
  background-repeat: repeat-x;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher {
  position: absolute;
  top: 0;
  width: 31px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: 31px 13px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-vertical {
  left: 20px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-vert.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-vertical:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-vert-active.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-horizontal {
  right: 20px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-horz.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-horizontal:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-horz-active.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper {
  position: relative;
  height: 50px;
  margin: 0 16px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .prev-style,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .next-style {
  position: absolute;
  top: 19px;
  width: 10px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 10px 18px;
  opacity: 0.32;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .prev-style:hover,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .next-style:hover {
  opacity: 1;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .prev-style {
  left: 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow-prev.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .next-style {
  right: 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow-next.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .style-caption {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 15px;
  text-align: center;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .type-wrapper {
  position: relative;
  height: 22px;
  margin: 0 16px 16px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .type-wrapper .type-switcher {
  position: absolute;
  top: 0;
  width: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #b2b2b2;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  height: 22px;
  line-height: 22px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .type-wrapper .type-switcher:hover {
  color: #0d79ff;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .type-wrapper .type-switcher.type-fields {
  left: -1px;
  text-align: left;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .type-wrapper .type-switcher.type-button {
  right: -1px;
  text-align: right;
  box-shadow: -1px 0 0 0 #d5d5d5;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .button-switcher-wrapper {
  display: none;
  position: relative;
  height: 48px;
  background: #55555d;
  box-shadow: inset 0 -1px 0 0 #74747a;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .button-switcher-wrapper .button-switcher {
  position: absolute;
  top: 0;
  width: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: rgba(255, 255, 255, 0.2);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .button-switcher-wrapper .button-switcher:hover {
  color: #ffffff;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .button-switcher-wrapper .button-switcher.button-default {
  left: 0;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .button-switcher-wrapper .button-switcher.button-hover {
  right: 0;
  box-shadow: inset 1px 0 0 0 #74747a;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .params-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #55555d;
  border-radius: 0 0 9px 9px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .params-wrapper .params-block {
  position: relative;
  width: 100%;
  display: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .params-wrapper .params-block.params-button-hover {
  min-height: 296px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item {
  position: relative;
  height: 33px;
  margin: 0 16px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item:first-child {
  height: 32px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.hidden {
  display: none;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.combined .edit-item.border-color,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.combined .edit-item.underline-color {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 22px;
  margin: 0;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.combined input {
  right: 28px;
  padding-right: 0;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.combined input.extra-padding-for-two-symbols {
  padding-right: 0;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.combined input.extra-padding-for-one-symbol {
  padding-right: 0;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"]:hover .caption {
  cursor: default;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.separator {
  background: linear-gradient(to right, #74747a 0%, #74747a 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 100% 0;
  background-repeat: repeat-x;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item .caption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 14px;
  line-height: 31px;
  padding-top: 1px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item .font-family,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item .font-style {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 33px;
  padding-top: 3px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  padding-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item input {
  position: absolute;
  top: 0;
  right: -16px;
  width: calc(100% + 32px);
  color: #fff;
  font-size: 22px;
  text-align: right;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  height: 33px;
  line-height: 33px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4px;
  padding-right: 16px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item input.extra-padding-for-two-symbols {
  padding-right: 17px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item input.extra-padding-for-one-symbol {
  padding-right: 23px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item input:hover,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item input:focus,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item input.dragging {
  color: #4199fc;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item.color-click-area {
  cursor: pointer;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-family-click-area,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-style-click-area {
  cursor: pointer;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-family-click-area:hover .popup-arrow,
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-style-click-area:hover .popup-arrow {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow-active.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .popup-arrow {
  position: absolute;
  right: 7px;
  top: 17px;
  width: 7px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: 7px 5px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow.png');
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .color-circle {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 6px;
  right: 0;
  border-radius: 111px;
  box-shadow: inset 0 0 0 2px #fff;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .opacity-grid {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 6px;
  right: 0;
  border-radius: 11px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid.png') 0 0;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-size-icon {
  position: absolute;
  left: -1px;
  top: 9px;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 20px 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/font-size-icon_black.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .letter-spacing-icon {
  position: absolute;
  left: -2px;
  top: 9px;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 20px 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/letter-spacing-icon_black.png');
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] {
  display: block;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .caption {
  float: left;
  padding-top: 3px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .switcher {
  float: right;
  margin-top: 5px;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .switcher .rmswitcher-body {
  margin: auto;
  box-shadow: none !important;
}
.controls .control.form_styles .panel .common-wrapper .edit-wrapper .edit-item[data-field="transition"] .switcher .rmswitcher-panel-slider {
  background: white !important;
  box-shadow: none !important;
}
.controls .control.form_styles .panel .colorbox_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  display: none;
  top: 16px;
  left: -30px;
  width: 152px;
  height: 240px;
}
.controls .control.form_styles .panel .fontselector_container {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  left: -79px;
}
.controls .control.form_styles .panel .fontstyle_container {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.controls .control.form_styles .panel .fontstyle_container .font-style-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 3px;
  padding-bottom: 3px;
  padding-top: 4px;
}
.controls .control.form_styles .panel .fontstyle_container .font-style-wrapper .font-style-item {
  position: relative;
  padding: 7px 23px 8px;
  color: #44444c;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.controls .control.form_styles .panel .fontstyle_container .font-style-wrapper .font-style-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 12px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.controls .control.form_styles .panel .fontstyle_container .font-style-wrapper .font-style-item:hover .point {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-hover.png');
}
.controls .control.form_styles .panel .fontstyle_container .font-style-wrapper .font-style-item.curr .point {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-active.png') !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .controls .control.form_styles .icon {
    background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/icon@2x.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow@2x.png') no-repeat 30px 0;
    background-size: 100%;
  }
  .controls .control.form_styles .icon:hover {
    background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/icon-hover@2x.png') no-repeat 0 0, url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/arrow-hover@2x.png') no-repeat 30px 0;
    background-size: 100%;
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="vertical"] .layout-wrapper .layout-switcher.layout-vertical {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-vert-active@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="vertical"] .layout-wrapper .layout-switcher.layout-horizontal {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-horz@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="horizontal"] .layout-wrapper .layout-switcher.layout-vertical {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-vert@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper[data-layout="horizontal"] .layout-wrapper .layout-switcher.layout-horizontal {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-horz-active@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-vertical {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-vert@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-vertical:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-vert-active@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-horizontal {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-horz@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .layout-wrapper .layout-switcher.layout-horizontal:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/layout-horz-active@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .prev-style {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow-prev@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .style-wrapper .next-style {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow-next@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-family-click-area:hover .popup-arrow,
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-style-click-area:hover .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow-active@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/arrow@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .opacity-grid {
    background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_link/opacity-grid@2x.png') 0 0;
    background-size: 50%;
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .font-size-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/font-size-icon_black@2x.png');
  }
  .controls .control.form_styles .panel .common-wrapper .edit-wrapper .letter-spacing-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/form_styles/letter-spacing-icon_black@2x.png');
  }
  .controls .control.form_styles .panel .fontstyle_container .font-style-wrapper .font-style-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-hover@2x.png');
  }
  .controls .control.form_styles .panel .fontstyle_container .font-style-wrapper .font-style-item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/controls/text_styles/point-active@2x.png') !important;
  }
}
.bundle-drag-cursor .workspace {
  cursor: row-resize;
}
.workspace .fixed-line {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}
.workspace .fixed-line line {
  stroke: #ff4aff;
  stroke-width: 1;
}
.workspace .bottom-shift-line {
  position: absolute;
  left: -100vw;
  right: -100vw;
  height: 0px;
  border-bottom: 1px dotted #1cdeb4;
  z-index: 9999;
  pointer-events: none;
}
.workspace .block {
  position: absolute;
  border-color: #1cdeb4;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.workspace .block.frame .sticked-line {
  display: block;
}
.workspace .block .sticked-line {
  display: none;
  position: absolute;
  background-color: #ff4aff;
  z-index: 9999;
}
.workspace .block .sticked-line.line-horizontal {
  height: 1px;
  top: 50%;
}
.workspace .block .sticked-line.line-vertical {
  width: 1px;
  left: 50%;
}
.workspace .block .frameborder {
  display: none;
  pointer-events: none;
  margin: 0px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: -1px;
  left: 0;
  z-index: 2505;
}
.workspace .block.frame:not(.in-pack).animation-trigger-highlight .dot {
  background-color: #0078ff;
}
.workspace .block.frame:not(.in-pack).animation-trigger-highlight .frameborder {
  border-color: #0078ff;
}
.workspace .block.frame:not(.in-pack) .dot {
  border-radius: 100%;
  opacity: 1;
  pointer-events: all;
  z-index: 2505;
  position: absolute;
  background-color: #1cdeb4;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.workspace .block.frame:not(.in-pack) .dot.lt {
  top: 0;
  left: 0;
}
.workspace .block.frame:not(.in-pack) .dot.t {
  top: 0;
  left: 50%;
}
.workspace .block.frame:not(.in-pack) .dot.rt {
  top: 0;
  right: -1px;
}
.workspace .block.frame:not(.in-pack) .dot.r {
  top: 50%;
  right: -1px;
}
.workspace .block.frame:not(.in-pack) .dot.rb {
  bottom: -1px;
  right: -1px;
}
.workspace .block.frame:not(.in-pack) .dot.b {
  bottom: -1px;
  left: 50%;
}
.workspace .block.frame:not(.in-pack) .dot.lb {
  bottom: -1px;
  left: 0;
}
.workspace .block.frame:not(.in-pack) .dot.l {
  top: 50%;
  left: 0;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="nw"] {
  cursor: nwse-resize;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="n"] {
  cursor: ns-resize;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="ne"] {
  cursor: nesw-resize;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="e"] {
  cursor: ew-resize;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="se"] {
  cursor: nwse-resize;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="s"] {
  cursor: ns-resize;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="sw"] {
  cursor: nesw-resize;
}
.workspace .block.frame:not(.in-pack) .dot[data-visual-direction="w"] {
  cursor: ew-resize;
}
.workspace .block.frame:not(.in-pack) .triangle {
  border-color: transparent;
  border-top-color: #1cdeb4;
  border-style: solid;
  pointer-events: all;
  z-index: 2505;
  position: absolute;
  transform: scale(0);
  font-size: 0;
  cursor: row-resize;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  /*&.lt {top: 0; left: -9.5px;}
				&.t  {top: 0; left: 50%;}
				&.rt {top: 0; right: -9.5px;}
				&.r  {top: calc(50% - 5.5px); right: -9.5px;}
				&.rb {bottom: -8.5px; right: -9.5px;}
				&.b  {bottom: -8.5px; left: 50%;}
				&.lb {bottom: -8.5px; left: -9.5px;}
				&.l  {top: calc(50% - 5.5px); left: 0;}*/
}
.blocks-is-resizing .workspace .block.frame:not(.in-pack) .triangle {
  opacity: 0;
}
.workspace .block.frame:not(.in-pack) .frameborder {
  display: block;
  border: 1px solid #1cdeb4;
}
.blocks-is-moving .workspace .block.frame:not(.in-pack) .frameborder {
  border: 1px solid rgba(28, 222, 180, 0.28);
}
.blocks-is-moving .workspace .block.frame:not(.in-pack) .dot {
  opacity: 0;
}
.workspace .block.frame:not(.in-pack).editor-state .frameborder {
  border: 1px solid rgba(28, 222, 180, 0.28) !important;
}
.workspace .block.frame:not(.in-pack).editor-state .triangle {
  opacity: 0;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.lt {
  top: -13px;
  left: -13px;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.t {
  top: -13px;
  left: 50%;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.rt {
  top: -13px;
  right: -14px;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.r {
  top: 50%;
  right: -14px;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.rb {
  bottom: -14px;
  right: -14px;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.b {
  bottom: -14px;
  left: 50%;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.lb {
  bottom: -14px;
  left: -13px;
}
.workspace .block.frame:not(.in-pack).editor-state .dot.l {
  top: 50%;
  left: -13px;
}
.workspace .block.frame:not(.in-pack).editor-state.resize-bottom-plus .dot.b {
  width: 13px !important;
  height: 13px !important;
  margin-left: -6px !important;
  margin-bottom: -6px !important;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/block-dot-plus.png');
}
.workspace .block.frame:not(.in-pack).rotation-state .frameborder {
  border: 1px solid #f00 !important;
}
.workspace .block.frame:not(.in-pack).rotation-state .triangle {
  opacity: 0;
}
.workspace .block.frame:not(.in-pack).rotation-state .dot {
  background-color: #f00 !important;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.workspace .block.frame:not(.in-pack).rotation-state .dot:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.workspace .block.frame:not(.in-pack).resize-bottom-plus-slideshow .dot.b {
  width: 13px !important;
  height: 13px !important;
  margin-left: -6px !important;
  margin-bottom: -6px !important;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/block-dot-plus.png');
  background-position: 50% 50%;
}
.workspace .block.frame:not(.in-pack).crop .frameborder,
.workspace .block.frame:not(.in-pack).fwpos .frameborder,
.workspace .block.frame:not(.in-pack).edit-map .frameborder {
  border-color: red;
}
.workspace .block.frame:not(.in-pack).crop .dot,
.workspace .block.frame:not(.in-pack).fwpos .dot,
.workspace .block.frame:not(.in-pack).edit-map .dot {
  background-color: red;
}
.workspace .block.frame:not(.in-pack).full-width .dot.lt {
  display: none;
}
.workspace .block.frame:not(.in-pack).full-width .dot.rt {
  display: none;
}
.workspace .block.frame:not(.in-pack).full-width .dot.r {
  display: none;
}
.workspace .block.frame:not(.in-pack).full-width .dot.rb {
  display: none;
}
.workspace .block.frame:not(.in-pack).full-width .dot.lb {
  display: none;
}
.workspace .block.frame:not(.in-pack).full-width .dot.l {
  display: none;
}
.workspace .block.frame-blink .frameborder {
  display: block;
  border: 1px solid #f00 !important;
  opacity: 0;
  animation-duration: 1s;
  animation-name: frame-blink;
  animation-timing-function: ease-in;
  animation-iteration-count: 2;
}
.workspace .block.replace {
  z-index: 2001 !important;
}
.alt-key-pressed .workspace .block:not(.no-drag) {
  cursor: copy;
}
.workspace .block.invisible {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.workspace .block.invisible.animation-trigger-highlight {
  visibility: visible;
  opacity: 1;
}
.workspace .block.invisible.animation-trigger-highlight .content {
  opacity: 0.2;
}
.workspace .block.animation-mode {
  visibility: hidden;
}
.workspace .block.animation-mode .content {
  opacity: 0;
}
.workspace .block.no-transitions {
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.block > div {
  pointer-events: all;
}
.block .content {
  position: relative;
  width: 100%;
  height: 100%;
}
.block.transitions > div {
  -webkit-transition: 0.3s all linear !important;
  transition: 0.3s all linear !important;
}
.workspace .pack {
  position: absolute;
}
.workspace .pack .content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.alt-key-pressed .workspace .pack .content {
  cursor: copy;
}
.workspace .pack .frameborder {
  display: none;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 2505;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: -1px;
  left: 0;
  border: 1px solid #1cdeb4;
}
.workspace .pack.frame .frameborder {
  display: block;
}
.workspace .pack.fixed-frame {
  pointer-events: none;
}
.blocks-is-moving .workspace .pack .frameborder {
  border: 1px solid rgba(28, 222, 180, 0.28);
}
.workspace .animation-steps-container {
  position: absolute;
  z-index: 2510;
  left: 0;
  top: 0;
  pointer-events: none;
}
.workspace .animation-steps-container .steps-lines-wrapper {
  position: relative;
}
.workspace .animation-steps-container .preview-animator {
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.workspace .animation-steps-container .preview-animator.force3d {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.workspace .animation-steps-container .block.animation-step.animation-transitions {
  -webkit-transition: all 0.19s ease-out;
  transition: all 0.19s ease-out;
}
.workspace .animation-steps-container .block.animation-step.animation-transitions * {
  -webkit-transition: all 0.19s ease-out;
  transition: all 0.19s ease-out;
}
.workspace .animation-steps-container .block.animation-step .content.main-content .fantoms {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.workspace .animation-steps-container .block.animation-step .content.main-content .fantoms .content {
  pointer-events: none;
}
.workspace .animation-steps-container .block.animation-step.frame .add-button {
  display: block;
}
.workspace .animation-steps-container .block.animation-step.frame .dot.b {
  display: none;
}
.workspace .animation-steps-container .block.animation-step .add-button {
  display: none;
  z-index: 9999;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  pointer-events: none;
  cursor: pointer;
}
.workspace .animation-steps-container .block.animation-step .add-button .rhomb {
  position: absolute;
  -webkit-transform: translate(-8.5px, -8.5px) rotate(45deg);
  -ms-transform: translate(-8.5px, -8.5px) rotate(45deg);
  transform: translate(-8.5px, -8.5px) rotate(45deg);
  width: 17px;
  height: 17px;
  left: 50%;
  top: 50%;
  background: #157cfb;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  pointer-events: all;
}
.workspace .animation-steps-container .block.animation-step .add-button:hover .rhomb,
.workspace .animation-steps-container .block.animation-step .add-button.opened .rhomb {
  -webkit-transform: translate(-8.5px, -8.5px) scale(1.1666) rotate(45deg);
  -ms-transform: translate(-8.5px, -8.5px) scale(1.1666) rotate(45deg);
  transform: translate(-8.5px, -8.5px) scale(1.1666) rotate(45deg);
}
.workspace .animation-steps-container .block.animation-step .add-button:before {
  content: '';
  position: absolute;
  background: #fff;
  width: 2px;
  height: 8px;
  left: 11px;
  top: 8px;
  z-index: 1;
  pointer-events: all;
}
.workspace .animation-steps-container .block.animation-step .add-button:after {
  content: '';
  position: absolute;
  background: #fff;
  width: 8px;
  height: 2px;
  left: 8px;
  top: 11px;
  z-index: 1;
  pointer-events: all;
}
.workspace .animation-steps-container .block.animation-step .add-button.opened .effect-popup {
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup {
  position: absolute;
  width: 152px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0672);
  background-color: rgba(68, 68, 76, 0.95);
  border-radius: 8px;
  padding: 0 16px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  pointer-events: all;
  cursor: default;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup .effect-popup-caption {
  position: relative;
  color: #fff;
  padding-top: 3px;
  line-height: 40px;
  height: 40px;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup .effect-popup-item {
  position: relative;
  color: rgba(255, 255, 255, 0.44);
  line-height: 32px;
  height: 32px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
  font-size: 13px;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup .effect-popup-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 50%, transparent 50%, transparent 100%);
  background-size: 2px 1px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup .effect-popup-item:hover {
  color: #ffffff;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup .effect-popup-item:hover .preview {
  opacity: 0.28;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup .corner-wrapper .corner {
  background-color: rgba(68, 68, 76, 0.95) !important;
  box-shadow: none !important;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='top'] {
  bottom: 40px;
  left: 50%;
  margin-left: -75px;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='top'] .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 30px;
  height: 15px;
  bottom: -15px;
  margin-left: -15px;
  clip: rect(0, 129px, 114px, -99px);
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='top'] .corner-wrapper .corner {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 4px;
  top: -11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='bottom'] {
  top: 40px;
  left: 50%;
  margin-left: -75px;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='bottom'] .corner-wrapper {
  position: absolute;
  left: 50%;
  width: 30px;
  height: 15px;
  top: -15px;
  margin-left: -15px;
  clip: rect(0, 129px, 15px, -99px);
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='bottom'] .corner-wrapper .corner {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='left'] {
  top: 50%;
  transform: translateY(-50%);
  right: 41px;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='left'] .corner-wrapper {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  right: -15px;
  clip: rect(-99px, 99px, 99px, 15px);
  transform: translateY(-15px);
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='left'] .corner-wrapper .corner {
  position: absolute;
  width: 21.213195px;
  height: 21.213195px;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='right'] {
  top: 50%;
  transform: translateY(-50%);
  left: 41px;
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='right'] .corner-wrapper {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  left: -15px;
  clip: rect(-99px, 15px, 99px, 0);
  transform: translateY(-15px);
}
.workspace .animation-steps-container .block.animation-step .add-button .effect-popup[data-pos='right'] .corner-wrapper .corner {
  position: absolute;
  width: 21.213195px;
  height: 21.213195px;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.workspace .animation-steps-container .block.animation-step .frameborder {
  border: 1px solid #0078ff;
}
.workspace .animation-steps-container .block.animation-step .frameborder .dot {
  background-color: #0078ff;
}
.workspace .animation-steps-container .block.animation-step .frameborder .triangle {
  display: none;
}
.blocks-is-moving .workspace .animation-steps-container .block.animation-step .frameborder {
  border: 1px solid #0078ff;
}
.workspace .animation-steps-container .block.animation-step.super-small:not(.frame) .content {
  display: none;
}
.workspace .animation-steps-container .block.animation-step.super-small:not(.frame) .frameborder {
  display: none;
}
.workspace .animation-steps-container .block.animation-step.super-small:not(.frame):after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #0078ff;
  pointer-events: all;
}
.workspace .animation-steps-container .block.animation-step:not(.frame) .rotation-button {
  display: none;
}
.workspace .animation-steps-container .block.animation-step:not(.frame) .content.main-content {
  opacity: 0.28;
}
.workspace .animation-steps-container .block.animation-step:not(.frame) .frameborder {
  display: block;
  border: 1px solid rgba(0, 120, 255, 0.28);
}
.workspace .animation-steps-container .block.animation-step:not(.frame) .frameborder .dot {
  display: none;
}
.workspace .animation-steps-container .block.animation-step:not(.frame) .frameborder .triangle {
  display: none;
}
.workspace .animation-steps-container .step-line {
  position: absolute;
  z-index: 2510;
}
.workspace .animation-steps-container .step-line line {
  stroke: #0078ff;
  stroke-width: 1;
  stroke-linecap: round;
}
.workspace .animation-trigger-line {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}
.workspace .animation-trigger-line path {
  stroke: #0078ff;
  stroke-width: 1;
  fill: transparent;
}
.workspace .animation-trigger-line polygon {
  stroke-width: 0;
  fill: #0078ff;
}
.rmalttext-wrapper.animation-trigger-tooltip {
  background: #0078ff;
}
.rmalttext-wrapper.animation-trigger-tooltip .rmalttext-corner-wrapper {
  display: none;
}
.used-fonts-test,
.block.block-text .text-preview {
  width: 100%;
  height: 100%;
  cursor: default;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
}
.used-fonts-test.v1,
.block.block-text .text-preview.v1 {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.used-fonts-test.v2,
.block.block-text .text-preview.v2 {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
}
.used-fonts-test p,
.block.block-text .text-preview p {
  color: #000000;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.used-fonts-test a,
.block.block-text .text-preview a {
  color: inherit;
  text-decoration: underline;
}
.used-fonts-test a *,
.block.block-text .text-preview a * {
  text-decoration: underline;
}
.used-fonts-test a,
.block.block-text .text-preview a,
.used-fonts-test span,
.block.block-text .text-preview span {
  line-height: 1px;
}
.block.block-text .content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.block.block-text.editor-state .content {
  z-index: 2504 !important;
}
.block.block-text .mceExternalToolbar {
  display: none !important;
}
.block.block-text table,
.block.block-text td,
.block.block-text tr,
.block.block-text textarea {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.block.block-text table,
.block.block-text textarea,
.block.block-text iframe {
  width: 100%;
  height: 100%;
}
.block.block-text textarea {
  display: none !important;
}
.block.block-text .text-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.block.block-text .text-mask.visible-while-resizing {
  display: block !important;
}
.block.block-text .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.block.block-text .margin-handle {
  position: absolute;
  z-index: 2506;
}
.block.block-text .margin-handle .margin-handle-label-wrapper {
  position: absolute;
}
.block.block-text .margin-handle .margin-handle-label-wrapper .margin-handle-label {
  position: absolute;
  background: #0070da;
  width: 100%;
  height: 100%;
}
.block.block-text .margin-handle .margin-handle-label-wrapper .margin-handle-label .margin-input {
  position: absolute;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  width: 26px;
  height: 18px;
  line-height: 18px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  -moz-appearance: none;
  background: transparent;
  text-align: center;
  color: #fff;
}
.block.block-text .margin-handle.hidden {
  display: none;
}
.block.block-text .margin-handle.inactive {
  display: none;
}
.block.block-text .margin-handle.out-of-box {
  display: none;
}
.block.block-text .margin-handle.inactive.only-line {
  display: block;
}
.block.block-text .margin-handle.inactive.only-line .margin-handle-label-wrapper {
  display: none;
}
.block.block-text .margin-handle.margin-top {
  height: 4px;
  box-shadow: inset 0 -2px 0 0 #0070da;
  cursor: row-resize !important;
}
.block.block-text .margin-handle.margin-top .margin-handle-label-wrapper {
  width: 43px;
  height: 43px;
  bottom: 0;
}
.block.block-text .margin-handle.margin-top .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 22px 22px 0 0;
}
.block.block-text .margin-handle.margin-top .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: row-resize !important;
  left: 50%;
  margin-left: -13px;
  top: 15px;
}
.block.block-text .margin-handle.margin-bottom {
  height: 4px;
  box-shadow: inset 0 2px 0 0 #0070da;
  cursor: row-resize !important;
}
.block.block-text .margin-handle.margin-bottom .margin-handle-label-wrapper {
  width: 43px;
  height: 43px;
  bottom: -39px;
}
.block.block-text .margin-handle.margin-bottom .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 0 0 22px 22px;
}
.block.block-text .margin-handle.margin-bottom .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: row-resize !important;
  left: 50%;
  margin-left: -13px;
  bottom: 15px;
}
.block.block-text .margin-handle.margin-left {
  width: 4px;
  box-shadow: inset -2px 0 0 0 #0070da;
  cursor: col-resize !important;
}
.block.block-text .margin-handle.margin-left .margin-handle-label-wrapper {
  width: 47px;
  height: 43px;
  right: 0;
}
.block.block-text .margin-handle.margin-left .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 22px 0 0 22px;
}
.block.block-text .margin-handle.margin-left .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: col-resize !important;
  top: 50%;
  margin-top: -10px;
  left: 11px;
}
.block.block-text .margin-handle.margin-right {
  width: 4px;
  box-shadow: inset 2px 0 0 0 #0070da;
  cursor: col-resize !important;
}
.block.block-text .margin-handle.margin-right .margin-handle-label-wrapper {
  width: 47px;
  height: 43px;
  right: -43px;
}
.block.block-text .margin-handle.margin-right .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 0 22px 22px 0;
}
.block.block-text .margin-handle.margin-right .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: col-resize !important;
  top: 50%;
  margin-top: -9px;
  right: 11px;
}
.block.block-text .margin-handle.small.margin-top .margin-handle-label-wrapper {
  width: 100%;
  height: 30px;
  bottom: 0;
}
.block.block-text .margin-handle.small.margin-top .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 10px;
  width: 38px;
  height: 20px;
  top: 0;
  left: 50%;
  margin-left: -19px;
}
.block.block-text .margin-handle.small.margin-top .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: row-resize !important;
  left: 50%;
  margin-left: -13px;
  top: 1px;
}
.block.block-text .margin-handle.small.margin-bottom {
  cursor: row-resize !important;
}
.block.block-text .margin-handle.small.margin-bottom .margin-handle-label-wrapper {
  width: 100%;
  height: 30px;
  bottom: -26px;
}
.block.block-text .margin-handle.small.margin-bottom .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 10px;
  width: 38px;
  height: 20px;
  bottom: 0;
  left: 50%;
  margin-left: -19px;
}
.block.block-text .margin-handle.small.margin-bottom .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: row-resize !important;
  left: 50%;
  margin-left: -13px;
  bottom: 1px;
}
.block.block-text .margin-handle.small.margin-left {
  cursor: col-resize !important;
}
.block.block-text .margin-handle.small.margin-left .margin-handle-label-wrapper {
  width: 21px;
  height: 100%;
  right: 0;
}
.block.block-text .margin-handle.small.margin-left .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 10px;
  width: 38px;
  height: 20px;
  top: -22px;
  right: -17px;
}
.block.block-text .margin-handle.small.margin-left .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: col-resize !important;
  top: 1px;
  margin-top: 0;
  left: 50%;
  margin-left: -13px;
}
.block.block-text .margin-handle.small.margin-right {
  cursor: col-resize !important;
}
.block.block-text .margin-handle.small.margin-right .margin-handle-label-wrapper {
  width: 21px;
  height: 100%;
  right: -17px;
}
.block.block-text .margin-handle.small.margin-right .margin-handle-label-wrapper .margin-handle-label {
  border-radius: 10px;
  width: 38px;
  height: 20px;
  top: -22px;
  right: 0;
}
.block.block-text .margin-handle.small.margin-right .margin-handle-label-wrapper .margin-handle-label .margin-input {
  cursor: col-resize !important;
  top: 1px;
  margin-top: 0;
  right: 50%;
  margin-right: -13px;
}
.block.block-text span.mceEditor {
  z-index: 1;
  position: relative;
}
.block.block-text .margins-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
  overflow: hidden;
}
.block.block-text .margins-wrapper .margins-wrapper-inner {
  position: absolute;
  left: 0;
  top: 0;
}
.block.block-text .margins-wrapper .margins-wrapper-inner .margin-top-block,
.block.block-text .margins-wrapper .margins-wrapper-inner .margin-bottom-block,
.block.block-text .margins-wrapper .margins-wrapper-inner .margin-left-block,
.block.block-text .margins-wrapper .margins-wrapper-inner .margin-right-block {
  position: absolute;
  background: rgba(28, 222, 180, 0.18);
}
.block.block-text .margins-wrapper .margins-wrapper-inner .margin-outer-frame,
.block.block-text .margins-wrapper .margins-wrapper-inner .margin-inner-frame {
  position: absolute;
  box-shadow: inset 0 0 0 1px #1cdeb4;
}
.block.block-text .columns-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
  overflow: hidden;
}
.block.block-text .columns-wrapper.hidden {
  display: none;
}
.block.block-text .columns-wrapper.single-column {
  display: none;
}
.block.block-text .columns-wrapper .columns-wrapper-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.block.block-text .columns-wrapper .columns-wrapper-inner .gap {
  position: absolute;
  top: 1px;
  bottom: 1px;
  border-left: 1px solid rgba(28, 222, 180, 0.28);
  border-right: 1px solid rgba(28, 222, 180, 0.28);
}
.block.picture.has-parent-block {
  overflow: hidden;
}
.block.picture .content {
  overflow: hidden;
}
.block.picture .content img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(0);
}
.block.picture .content div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translate3d(0, 0, 0);
}
.block.picture .content .svg-scale-wrapper {
  width: 100%;
  height: 100%;
}
.block.picture .content svg {
  width: 100%;
  height: 100%;
}
.block.picture .content:before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -20px;
  z-index: -1;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/picture/replace.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  opacity: 0.0;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.block.picture.replace .content:before {
  opacity: 1.0;
  z-index: 9999;
}
.block.picture.fwpos {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.block.picture.fwpos.grabbing {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.block.picture.crop {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.block.picture.crop.grabbing {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.block.picture.crop .content {
  opacity: 1 !important;
}
.block.picture.crop .content div {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.block.picture.full-width .content div {
  background-size: cover;
}
.block.picture.full-width .content .svg-scale-wrapper {
  height: auto;
}
.backpic,
.backpic-for-constrained-crop-mode {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.backpic.grabbing,
.backpic-for-constrained-crop-mode.grabbing {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.block.picture.empty .content {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/picture/picture-default.png') no-repeat 50% 50%;
  background-color: #c9cdd4;
}
.block.video .content {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/video/video-default.png') no-repeat 50% 50%;
  background-color: #c9cdd4;
}
.block.shape svg {
  pointer-events: none;
  display: block;
}
#main-background {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
#main-background .background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#main-background .background.is-viewport .picture {
  border-radius: 6px;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
}
#main-background .background .video .container,
#main-background .background .video .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#main-background .background .video iframe {
  border: none;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#main-background .background .picture {
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 2;
  -webkit-transform-style: flat;
}
#main-background .background .picture.smooth3d {
  -webkit-transform: translate3d(0, 0, 0);
}
.block.twitter .content > a,
.block.twitter .content > blockquote {
  display: none;
}
.block.twitter .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: white;
}
.block.twitter iframe.twitter-tweet {
  margin: 0!important;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
}
.block.twitter iframe.twitter-timeline {
  width: 100%!important;
  height: 100%!important;
}
.block.twitter.type_tweet.frame .dot,
.block.twitter.type_follow.frame .dot,
.block.twitter.type_hashtag.frame .dot {
  display: none;
}
.block.twitter.type_embed.frame .dot.t {
  display: none;
}
.block.twitter.type_embed.frame .dot.b {
  display: none;
}
.block.twitter.invisible .overlay {
  visibility: visible;
}
.block.facebook .content {
  overflow: hidden;
}
.block.facebook .content.scrollable {
  overflow-y: auto;
}
.block.facebook .content .fb-comments {
  min-height: 100%;
  min-width: 100%;
}
.block.facebook .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: white;
}
.block.facebook .fb {
  overflow: hidden;
  width: 100%!important;
}
.block.facebook.type_like_button.standard.frame .dot.t {
  display: none;
}
.block.facebook.type_like_button.standard.frame .dot.b {
  display: none;
}
.block.facebook.type_like_button.box_count.frame .dot,
.block.facebook.type_like_button.button_count.frame .dot {
  display: none;
}
.block.facebook.no-v-resize.frame .dot.t {
  display: none;
}
.block.facebook.no-v-resize.frame .dot.b {
  display: none;
}
.block.facebook.type_like_box .fb,
.block.facebook.type_like_box .fb > span,
.block.facebook.type_like_box .fb iframe {
  height: 100%!important;
}
.block.facebook.type_comments .fb > span,
.block.facebook.type_comments .fb iframe {
  width: 100%!important;
}
.block.facebook.type_like_box .fb[data-colorscheme="light"],
.block.facebook.type_comments .fb[data-colorscheme="light"] {
  background-color: white;
}
.block.facebook.type_like_box .fb[data-colorscheme="dark"],
.block.facebook.type_comments .fb[data-colorscheme="dark"] {
  background-color: #333;
}
.block.facebook.invisible .overlay {
  visibility: visible;
}
.block.audio.empty .content {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/audio/audio-default.png') no-repeat 50% 50%;
  background-color: #bbc0c9;
}
.block.audio .content .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
}
.block.audio .content .player-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.block.audio.no-height-resize.frame .dot.t {
  display: none;
}
.block.audio.no-height-resize.frame .dot.b {
  display: none;
}
.block.slideshow .drop-text {
  display: none;
  position: absolute;
  top: 200px;
  left: 200px;
}
.block.slideshow.show-dropzone .drop-text {
  display: block;
}
.block.slideshow .uploadInput {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}
.block.iframe .content .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: white;
}
.block.iframe .content .container {
  width: 100%;
  height: 100%;
}
.block.iframe.empty .content {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/iframe/iframe-default.png') no-repeat 50% 50%;
  background-color: #c9cdd4;
}
.block.iframe[data-plugin=pinterest] .content .container {
  pointer-events: none;
}
.block.iframe[data-plugin=pinterest] .content .container.buttonPin > a {
  position: absolute;
}
.block.iframe[data-plugin=pinterest].frame .dot {
  display: none;
}
.block.iframe[data-plugin=readymag] .content .container iframe {
  width: 100%;
}
.block.gmaps .content .map-container,
.block.gmaps .content .map-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.block.gmaps .content .rm-search-block {
  width: 60%;
}
.block.gmaps .content .rm-search-block .rm-search {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 0 11px 0 13px;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
  margin-top: 16px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
  transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
}
.block.gmaps .content .rm-search-block .rm-search:focus {
  border-color: #4d90fe;
  margin-left: -1px;
  padding-left: 14px;
  width: calc(100% + 1px);
}
.block.gmaps .content .rm-search-block .rm-search.hidden {
  visibility: hidden;
  opacity: 0;
}
.block.gmaps .content .message-overlay {
  width: 416px;
  height: 32px;
  left: 50%;
  margin-left: -208px;
  line-height: 32px;
  text-align: center;
  background-color: #5086ff;
  position: absolute;
  bottom: 13px;
  color: white;
  font-size: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.block.gmaps .content .message-overlay.invisible {
  opacity: 0;
  visibility: hidden;
}
.block.button.resize-transition {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block.button.resize-transition .common-button {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block.button .content {
  overflow: hidden;
}
.block.button .content .common-button input.text.fake {
  text-align: left;
  -webkit-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
.block.button .content .common-button input.text[readonly] {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.block.button .content .common-button input.text[readonly]:hover {
  cursor: default;
}
.block.button .content .common-button .icon {
  position: relative;
}
.block.button .content .common-button .icon svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.block.hotspot.no-resize.frame .dot {
  display: none;
}
.block.form .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: white;
  z-index: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .workspace .block.frame:not(.in-pack).editor-state.resize-bottom-plus .dot.b {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/block-dot-plus@2x.png');
    background-size: 13px 13px;
  }
  .workspace .block.frame:not(.in-pack).resize-bottom-plus-slideshow .dot.b {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/block-dot-plus@2x.png');
    background-size: 13px 13px;
  }
  .block.picture .content:before {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/picture/replace@2x.png');
    background-size: 49px 42px;
  }
  .block.picture.empty .content {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/picture/picture-default@2x.png');
    background-size: 75px 54px;
  }
  .block.video .content {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/video/video-default@2x.png');
    background-size: 64px 40px;
  }
  .block.audio.empty .content {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/audio/audio-default@2x.png');
    background-size: 46px 63px;
  }
  .block.iframe.empty .content {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/iframe/iframe-default@2x.png');
    background-size: 90px 56px;
  }
}
@keyframes frame-blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.help-tour {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7000;
  -webkit-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear;
}
.help-tour.invisible {
  -webkit-transition: 0.5s opacity linear, 0.5s visibility linear;
  transition: 0.5s opacity linear, 0.5s visibility linear;
  opacity: 0;
  visibility: hidden;
}
.help-tour .tour-bg {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.help-tour .tour-bg #help-tour-bg-clip-ellipse-another {
  -webkit-transition: fill 0.4s ease-out;
  transition: fill 0.4s ease-out;
}
.help-tour .tour-bg #help-tour-bg {
  -webkit-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out;
}
.help-tour .cursor {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  width: 19px;
  height: 26px;
  background-size: 19px 26px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/cursor.png);
  z-index: 10;
}
.help-tour .tour-welcome {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  width: 480px;
  height: 368px;
  background-color: #0078ff;
  left: 50%;
  top: 50%;
  margin-left: -240px;
  margin-top: -184px;
  border-radius: 8px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  text-align: center;
  z-index: 20;
  padding: 44px 0 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
.help-tour .tour-welcome .header {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: 48px;
}
.help-tour .tour-welcome .message {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  padding: 10px 74px 35px;
}
.help-tour .tour-welcome .selector-wrapper {
  position: relative;
  height: 136px;
  width: 100%;
}
.help-tour .tour-welcome .selector-wrapper .left {
  position: absolute;
  cursor: pointer;
  width: 100px;
  top: 17px;
  left: 102px;
  -webkit-transition: color 0.128s ease-out;
  transition: color 0.128s ease-out;
}
.help-tour .tour-welcome .selector-wrapper .left .pic {
  position: relative;
  margin: 0 auto;
  width: 65px;
  height: 62px;
  background-size: 65px 62px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-tour.png);
  -webkit-transition: background-image 0.128s ease-out;
  transition: background-image 0.128s ease-out;
}
.help-tour .tour-welcome .selector-wrapper .left .caption {
  font-size: 15px;
  line-height: 16px;
  padding-top: 11px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.help-tour .tour-welcome .selector-wrapper .left:hover {
  color: #28edff;
}
.help-tour .tour-welcome .selector-wrapper .left:hover .pic {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-tour-hover.png);
}
.help-tour .tour-welcome .selector-wrapper .right {
  position: absolute;
  cursor: pointer;
  width: 97px;
  top: 15px;
  right: 104px;
  -webkit-transition: color 0.128s ease-out;
  transition: color 0.128s ease-out;
}
.help-tour .tour-welcome .selector-wrapper .right.alone {
  right: 192px;
}
.help-tour .tour-welcome .selector-wrapper .right .pic {
  position: relative;
  margin: 0 auto;
  width: 62px;
  height: 62px;
  background-size: 62px 62px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-video.png);
  -webkit-transition: background-image 0.128s ease-out;
  transition: background-image 0.128s ease-out;
}
.help-tour .tour-welcome .selector-wrapper .right .caption {
  font-size: 15px;
  line-height: 16px;
  padding-top: 13px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.help-tour .tour-welcome .selector-wrapper .right:hover {
  color: #28edff;
}
.help-tour .tour-welcome .selector-wrapper .right:hover .pic {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-video-hover.png);
}
.help-tour .tour-welcome .selector-wrapper .middle {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 26px;
  margin-left: -13px;
}
.help-tour .tour-welcome .selector-wrapper .middle div {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  height: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  background: #0078ff;
}
.help-tour .tour-welcome .selector-wrapper .middle:before {
  content: '';
  position: absolute;
  left: 13px;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, 0.28);
}
.help-tour .tour-welcome .close {
  position: absolute;
  cursor: pointer;
  right: 14px;
  top: 14px;
  width: 29px;
  height: 29px;
  background-size: 29px 29px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close.png);
  opacity: 0.44;
  -webkit-transition: all 0.128s ease-out;
  transition: all 0.128s ease-out;
}
.help-tour .tour-welcome .close:hover {
  opacity: 1;
}
.help-tour .tour-step {
  position: absolute;
  width: 280px;
  border-radius: 8px;
  background: white;
  z-index: 15;
  padding: 20px 0 22px;
  display: none;
}
.help-tour .tour-step .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #3d3d3d;
  font-size: 21px;
  line-height: 26px;
  padding: 0 32px;
}
.help-tour .tour-step .text {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 32px 24px;
}
.help-tour .tour-step .text a {
  color: #0078ff;
  text-decoration: underline;
}
.help-tour .tour-step .text a:hover {
  text-decoration: none;
}
.help-tour .tour-step .bottom {
  position: relative;
  margin: 0 auto;
  width: 216px;
  height: 33px;
  border-top: 1px solid rgba(153, 153, 153, 0.28);
}
.help-tour .tour-step .bottom .close {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 11px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #999999;
  font-size: 11px;
  vertical-align: bottom;
  border-bottom: 1px dotted #999999;
  cursor: pointer;
  -webkit-transition: all 0.128s ease-out;
  transition: all 0.128s ease-out;
}
.help-tour .tour-step .bottom .close:hover {
  color: #3d3d3d;
  border-bottom: 1px dotted #3d3d3d;
}
.help-tour .tour-step .bottom .steps {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -25px;
  width: 50px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #3d3d3d;
  font-size: 11px;
}
.help-tour .tour-step .bottom .next {
  position: absolute;
  right: 0;
  bottom: -1px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #0078ff;
  font-size: 17px;
  cursor: pointer;
  -webkit-transition: all 0.128s ease-out;
  transition: all 0.128s ease-out;
  vertical-align: bottom;
}
.help-tour .tour-step .bottom .next:hover {
  color: #ff4828;
}
.help-tour .tour-step .corner {
  position: absolute;
  width: 21px;
  height: 21px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: -10px;
  background: #fff;
}
.help-tour .tour-step .corner.tp-left {
  left: 0;
}
.help-tour .tour-step .corner.tp-right {
  right: 0;
}
.help-tour .tour-step .corner.tp-bottom {
  bottom: 0;
}
.help-tour .tour-step .corner.tp-top {
  top: 0;
}
.help-tour .tour-finish {
  display: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  width: 480px;
  height: 368px;
  background-color: #0078ff;
  left: 50%;
  top: 50%;
  margin-left: -240px;
  margin-top: -184px;
  border-radius: 8px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  text-align: center;
  z-index: 20;
  padding: 32px 0 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
.help-tour .tour-finish .star {
  position: relative;
  margin: 0 auto;
  width: 88px;
  height: 88px;
  background-size: 88px 88px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/star.png);
}
.help-tour .tour-finish .header {
  padding-top: 12px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: 48px;
}
.help-tour .tour-finish .message {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  padding: 2px 74px 26px;
}
.help-tour .tour-finish .done {
  position: relative;
  margin: 0 auto;
  width: 208px;
  height: 48px;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #fff;
  line-height: 48px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  color: #fff;
  -webkit-transition: all 0.128s ease-out;
  transition: all 0.128s ease-out;
  cursor: pointer;
}
.help-tour .tour-finish .done:hover {
  background: #fff;
  color: #0078ff;
}
.help-tour .tour-finish .close {
  position: absolute;
  cursor: pointer;
  right: 14px;
  top: 14px;
  width: 29px;
  height: 29px;
  background-size: 29px 29px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close.png);
  opacity: 0.44;
  -webkit-transition: all 0.128s ease-out;
  transition: all 0.128s ease-out;
}
.help-tour .tour-finish .close:hover {
  opacity: 1;
}
.help-tour .tour-video {
  display: none;
  z-index: 30;
  position: absolute;
}
.help-tour .tour-video iframe {
  z-index: 1;
  position: relative;
}
.help-tour .tour-video:before {
  content: '';
  position: absolute;
  left: -16px;
  right: -16px;
  top: -18px;
  bottom: -18px;
  background: #fff;
  border-radius: 8px;
}
.help-tour .tour-video .close {
  position: absolute;
  right: -17px;
  top: -62px;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
  background-size: 29px 29px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close-video.png);
  cursor: pointer;
  -webkit-transition: all 0.128s ease-out;
  transition: all 0.128s ease-out;
}
.help-tour .tour-video .close:hover {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close-video-hover.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .help-tour .cursor {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/cursor@2x.png);
    background-size: 19px 26px;
  }
  .help-tour .tour-welcome .selector-wrapper .left .pic {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-tour@2x.png);
    background-size: 65px 62px;
  }
  .help-tour .tour-welcome .selector-wrapper .left:hover .pic {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-tour-hover@2x.png);
    background-size: 65px 62px;
  }
  .help-tour .tour-welcome .selector-wrapper .right .pic {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-video@2x.png);
    background-size: 62px 62px;
  }
  .help-tour .tour-welcome .selector-wrapper .right:hover .pic {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/icon-video-hover@2x.png);
    background-size: 62px 62px;
  }
  .help-tour .tour-welcome .close {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close@2x.png);
    background-size: 29px 29px;
  }
  .help-tour .tour-finish .star {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/star@2x.png);
    background-size: 88px 88px;
  }
  .help-tour .tour-finish .close {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close@2x.png);
    background-size: 29px 29px;
  }
  .help-tour .tour-video .close {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close-video@2x.png);
    background-size: 29px 29px;
  }
  .help-tour .tour-video .close:hover {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tour/close-video-hover@2x.png);
    background-size: 29px 29px;
  }
}
.constructor > .help-wrapper .help-panel {
  position: absolute;
  width: 208px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.42);
  background: white;
  z-index: 3;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  visibility: hidden;
  margin-bottom: -8px;
  opacity: 0;
  cursor: default;
  z-index: 7000;
  right: 23px;
  bottom: 84px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  border-radius: 8px;
}
.constructor > .help-wrapper .help-panel .help-panel-items {
  padding: 0 16px;
}
.constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 55px;
  color: #3d3d3d;
  line-height: 55px;
  text-align: left;
  text-indent: 44px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
}
.constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item:last-child {
  border-bottom: none;
}
.constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.take-a-tour .help-panel-item-icon {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 13px;
  left: 7px;
  background-size: 26px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-take-a-tour.png');
}
.constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.read-manual .help-panel-item-icon {
  position: absolute;
  width: 22px;
  height: 26px;
  top: 13px;
  left: 9px;
  background-size: 22px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-read-manual.png');
}
.constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.shortcuts .help-panel-item-icon {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 15px;
  left: 9px;
  background-size: 22px 22px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/shortcuts.png');
}
.constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.contact-support .help-panel-item-icon {
  position: absolute;
  width: 25px;
  height: 26px;
  top: 14px;
  left: 8px;
  background-size: 25px 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-contact-support.png');
}
.constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item:hover {
  color: #0078ff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.take-a-tour .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-take-a-tour@2x.png');
  }
  .constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.read-manual .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-read-manual@2x.png');
  }
  .constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.shortcuts .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/shortcuts@2x.png');
  }
  .constructor > .help-wrapper .help-panel .help-panel-items .help-panel-item.contact-support .help-panel-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/help-contact-support@2x.png');
  }
}
.constructor > .help-wrapper.active .help-panel {
  -webkit-transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  visibility: inherit;
  margin-bottom: 0;
  opacity: 1;
}
.constructor .help-shortcuts {
  -moz-osx-font-smoothing: grayscale !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7000;
  background-color: rgba(0, 0, 0, 0.88);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.constructor .help-shortcuts.invisible {
  -webkit-transition: 0.3s opacity linear, 0.3s visibility linear;
  transition: 0.3s opacity linear, 0.3s visibility linear;
  opacity: 0;
  visibility: hidden;
}
.constructor .help-shortcuts .container {
  width: 1024px;
  margin: 15vh auto;
}
.constructor .help-shortcuts .container .tabs {
  position: relative;
  color: white;
  line-height: 73px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  height: 73px;
  width: 100%;
}
.constructor .help-shortcuts .container .tabs span.title {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 33px;
  margin-right: 26px;
  top: -1px;
  position: relative;
  display: inline-block;
}
.firefox .constructor .help-shortcuts .container .tabs span.title {
  margin-right: 27px;
}
.constructor .help-shortcuts .container .tabs ul {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  margin-top: 22px;
}
.constructor .help-shortcuts .container .tabs ul li {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  display: inline-block;
  margin-right: 26px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  height: 30px;
}
.constructor .help-shortcuts .container .tabs ul li div {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  width: 37px;
  height: 29px;
  font-size: 0;
  margin-right: -1px;
  opacity: 0.9;
  border: 1px rgba(255, 255, 255, 0.25) solid;
  border-radius: 4px;
  text-align: center;
  vertical-align: top;
}
.constructor .help-shortcuts .container .tabs ul li div.command-key span {
  font-size: 15px;
  top: 1px;
}
firefox .constructor .help-shortcuts .container .tabs ul li div.command-key {
  top: 0px;
}
.constructor .help-shortcuts .container .tabs ul li div.shift-key {
  width: 50px;
}
.constructor .help-shortcuts .container .tabs ul li div.single-key {
  width: 79px;
}
.constructor .help-shortcuts .container .tabs ul li span {
  line-height: 30px;
  position: relative;
  font-size: 13px;
  top: -1px;
}
.constructor .help-shortcuts .container .tabs ul li:hover div {
  opacity: 1;
}
.constructor .help-shortcuts .container .tabs a.full-list {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  color: #c3c7cd;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  display: block;
  top: 2px;
  right: -2px;
}
.constructor .help-shortcuts .container .tabs a.full-list .arrow {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  top: -2px;
  left: 0;
  width: 17px;
  height: 5px;
  display: inline-block;
  background-position: -17px 0;
  background-repeat: no-repeat;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/arrow.png");
  background-size: 33px 5px;
}
.constructor .help-shortcuts .container .tabs a.full-list:hover .arrow {
  background-position: 0 0;
  width: 34px;
  margin-left: -17px;
  left: 17px;
}
.constructor .help-shortcuts .container .keyboard {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 18px;
  width: 100%;
  height: 392px;
  position: relative;
  background-size: 1024px 392px;
}
.constructor .help-shortcuts .container .keyboard .back {
  background-color: #c4c7cd;
  background-size: 1024px 392px;
  background-repeat: no-repeat;
  background-position: 17px 18px;
  position: absolute;
  top: -18px;
  left: -17px;
  width: 1058px;
  height: 428px;
  z-index: -1;
  border-radius: 11px;
}
.constructor .help-shortcuts .container .keyboard-corner {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 33px;
  height: 13px;
  position: absolute;
  top: -13px;
  left: 0;
  z-index: 9999;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/corner.png');
  background-size: 33px 13px;
}
.constructor .help-shortcuts.mac ul li.control,
.constructor .help-shortcuts.mac ul li.shift_control,
.constructor .help-shortcuts.mac ul li.control_alt {
  display: none;
}
.constructor .help-shortcuts.mac.single .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/single.png");
}
.constructor .help-shortcuts.mac.single .keyboard .keyboard-corner {
  left: 213px;
}
.constructor .help-shortcuts.mac.command .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/cmd.png");
}
.constructor .help-shortcuts.mac.command .keyboard .keyboard-corner {
  left: 323px;
}
.constructor .help-shortcuts.mac.alt_command .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/alt_cmd.png");
}
.constructor .help-shortcuts.mac.alt_command .keyboard .keyboard-corner {
  left: 454px;
}
.constructor .help-shortcuts.mac.shift_command .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/shift_cmd.png");
}
.constructor .help-shortcuts.mac.shift_command .keyboard .keyboard-corner {
  left: 610px;
}
.constructor .help-shortcuts.mac.alt .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/alt.png");
}
.constructor .help-shortcuts.mac.alt .keyboard .keyboard-corner {
  left: 750px;
}
.constructor .help-shortcuts.mac .back {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/blank.png");
}
.constructor .help-shortcuts.win ul li.command,
.constructor .help-shortcuts.win ul li.shift_command,
.constructor .help-shortcuts.win ul li.alt_command {
  display: none;
}
.constructor .help-shortcuts.win.single .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/single.png");
}
.constructor .help-shortcuts.win.single .keyboard .keyboard-corner {
  left: 213px;
}
.constructor .help-shortcuts.win.control .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/ctrl.png");
}
.constructor .help-shortcuts.win.control .keyboard .keyboard-corner {
  left: 323px;
}
.constructor .help-shortcuts.win.control_alt .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/ctrl_alt.png");
}
.constructor .help-shortcuts.win.control_alt .keyboard .keyboard-corner {
  left: 454px;
}
.constructor .help-shortcuts.win.shift_control .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/ctrl_shift.png");
}
.constructor .help-shortcuts.win.shift_control .keyboard .keyboard-corner {
  left: 610px;
}
.constructor .help-shortcuts.win.alt .keyboard {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/alt.png");
}
.constructor .help-shortcuts.win.alt .keyboard .keyboard-corner {
  left: 750px;
}
.constructor .help-shortcuts.win .back {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/blank.png");
}
.constructor .help-shortcuts.single .tabs li.single div,
.constructor .help-shortcuts.command .tabs li.command div,
.constructor .help-shortcuts.shift_command .tabs li.shift_command div,
.constructor .help-shortcuts.alt .tabs li.alt div,
.constructor .help-shortcuts.alt_command .tabs li.alt_command div,
.constructor .help-shortcuts.control .tabs li.control div,
.constructor .help-shortcuts.shift_control .tabs li.shift_control div,
.constructor .help-shortcuts.control_alt .tabs li.control_alt div {
  opacity: 1;
}
.constructor .help-shortcuts.single .tabs li.single div,
.constructor .help-shortcuts .tabs li.single:hover div {
  background-color: #237de5;
  border: 1px #237de5 solid;
}
.constructor .help-shortcuts.command .tabs li.command div,
.constructor .help-shortcuts .tabs li.command:hover div,
.constructor .help-shortcuts.control .tabs li.control div,
.constructor .help-shortcuts .tabs li.control:hover div {
  background-color: #ff3d00;
  border: 1px #ff3d00 solid;
}
.constructor .help-shortcuts.command .tabs li.command div.command-key,
.constructor .help-shortcuts .tabs li.command:hover div.command-key,
.constructor .help-shortcuts.control .tabs li.control div.command-key,
.constructor .help-shortcuts .tabs li.control:hover div.command-key {
  background-color: #c42700;
  border: 1px #c42700 solid;
}
.constructor .help-shortcuts.shift_command .tabs li.shift_command div,
.constructor .help-shortcuts .tabs li.shift_command:hover div,
.constructor .help-shortcuts.shift_control .tabs li.shift_control div,
.constructor .help-shortcuts .tabs li.shift_control:hover div {
  background-color: #ffb900;
  border: 1px #ffb900 solid;
}
.constructor .help-shortcuts.shift_command .tabs li.shift_command div.shift-key,
.constructor .help-shortcuts .tabs li.shift_command:hover div.shift-key,
.constructor .help-shortcuts.shift_control .tabs li.shift_control div.shift-key,
.constructor .help-shortcuts .tabs li.shift_control:hover div.shift-key,
.constructor .help-shortcuts.shift_command .tabs li.shift_command div.command-key,
.constructor .help-shortcuts .tabs li.shift_command:hover div.command-key,
.constructor .help-shortcuts.shift_control .tabs li.shift_control div.command-key,
.constructor .help-shortcuts .tabs li.shift_control:hover div.command-key,
.constructor .help-shortcuts.shift_command .tabs li.shift_command div.control-key,
.constructor .help-shortcuts .tabs li.shift_command:hover div.control-key,
.constructor .help-shortcuts.shift_control .tabs li.shift_control div.control-key,
.constructor .help-shortcuts .tabs li.shift_control:hover div.control-key {
  background-color: #dc9e01;
  border: 1px #dc9e01 solid;
}
.constructor .help-shortcuts.alt .tabs li.alt div,
.constructor .help-shortcuts .tabs li.alt:hover div {
  background-color: #00aa43;
  border: 1px #00aa43 solid;
}
.constructor .help-shortcuts.alt .tabs li.alt div.alt-key,
.constructor .help-shortcuts .tabs li.alt:hover div.alt-key {
  background-color: #007b1e;
  border: 1px #007b1e solid;
}
.constructor .help-shortcuts.control_alt .tabs li.control_alt div,
.constructor .help-shortcuts .tabs li.control_alt:hover div,
.constructor .help-shortcuts.alt_command .tabs li.alt_command div,
.constructor .help-shortcuts .tabs li.alt_command:hover div {
  background-color: #CF66BA;
  border: 1px #CF66BA solid;
}
.constructor .help-shortcuts.control_alt .tabs li.control_alt div:first-child,
.constructor .help-shortcuts .tabs li.control_alt:hover div:first-child,
.constructor .help-shortcuts.alt_command .tabs li.alt_command div:first-child,
.constructor .help-shortcuts .tabs li.alt_command:hover div:first-child {
  background-color: #A9418E;
  border: 1px #A9418E solid;
}
.constructor > .help-wrapper .help-tip {
  position: absolute;
  width: 362px;
  padding: 15px 22px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background: white;
  z-index: 7000;
  display: none;
  cursor: default;
  right: 25px;
  bottom: 85px;
  border-radius: 8px;
}
.constructor > .help-wrapper .help-tip .message {
  font-size: 16px;
  text-align: left;
  color: #3d3d3d;
  line-height: 20px;
}
.constructor > .help-wrapper .help-tip .message .shortcut {
  position: relative;
  padding: 0 4px;
}
.constructor > .help-wrapper .help-tip .message .shortcut:after {
  content: '';
  position: absolute;
  left: 0.5px;
  right: 0.5px;
  top: 0;
  bottom: 1.5px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #ccc;
}
.constructor > .help-wrapper .help-tip a {
  font-size: 16px;
  text-align: left;
  color: #adadad;
  line-height: 20px;
  text-decoration: underline;
}
.constructor > .help-wrapper .help-tip a:hover {
  text-decoration: none;
}
.constructor > .help-wrapper .help-tip .close {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -9px;
  margin-right: -9px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 27px 27px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tip/close.png');
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  cursor: pointer;
}
.constructor > .help-wrapper .help-tip .close:after {
  content: '';
  position: absolute;
  visibility: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tip/close-hover.png');
}
.constructor > .help-wrapper .help-tip .close:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tip/close-hover.png');
  background-color: #0078ff;
}
.constructor > .help-wrapper .help-tip.help-tip-animation-trigger-removed {
  width: 245px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .constructor .help-shortcuts .container .tabs a.full-list .arrow {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/arrow@2x.png");
  }
  .constructor .help-shortcuts.mac.single .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/single@2x.png");
  }
  .constructor .help-shortcuts.mac.alt .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/alt@2x.png");
  }
  .constructor .help-shortcuts.mac.shift_command .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/shift_cmd@2x.png");
  }
  .constructor .help-shortcuts.mac.command .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/cmd@2x.png");
  }
  .constructor .help-shortcuts.mac.alt_command .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/alt_cmd@2x.png");
  }
  .constructor .help-shortcuts.mac .back {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/mac_keyboard/blank@2x.png");
  }
  .constructor .help-shortcuts.win.single .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/single@2x.png");
  }
  .constructor .help-shortcuts.win.alt .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/alt@2x.png");
  }
  .constructor .help-shortcuts.win.shift_control .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/ctrl_shift@2x.png");
  }
  .constructor .help-shortcuts.win.control .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/ctrl@2x.png");
  }
  .constructor .help-shortcuts.win.control_alt .keyboard {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/ctrl_alt@2x.png");
  }
  .constructor .help-shortcuts.win .back {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/win_keyboard/blank@2x.png");
  }
  .constructor .help-shortcuts .keyboard-corner {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-panel/corner@2x.png') !important;
  }
  .constructor > .help-wrapper .help-tip .close {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tip/close@2x.png');
  }
  .constructor > .help-wrapper .help-tip .close:after {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tip/close-hover@2x.png');
  }
  .constructor > .help-wrapper .help-tip .close:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/help-tip/close-hover@2x.png');
  }
}
.search-panel {
  z-index: 9999;
  display: none;
  position: absolute;
  width: 680px;
  height: 488px;
  left: 50%;
  top: 50%;
  margin-top: -244px;
  margin-left: -340px;
  -webkit-perspective: 600px;
  perspective: 600px;
}
.search-panel.show-in .search-panel-wrapper {
  -webkit-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  -ms-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  opacity: 0;
}
.search-panel.show-out .search-panel-wrapper {
  -webkit-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  -ms-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  opacity: 0;
}
.search-panel .search-panel-wrapper {
  position: relative;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 242, 242, 0.98);
  border-radius: 11px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.search-panel .search-panel-wrapper .panel-title {
  position: absolute;
  top: 17px;
  left: 80px;
  right: 80px;
  text-align: center;
  color: #44444E;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 36px;
  font-size: 31px;
  letter-spacing: -1px;
}
.search-panel .search-panel-wrapper .panel-title .space {
  padding-right: 1px;
}
.search-panel .search-panel-wrapper .panel-title.invisible {
  display: none;
}
.search-panel .search-panel-wrapper .back-button {
  position: absolute;
  top: 23px;
  left: 42px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/back-icon.png");
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.search-panel .search-panel-wrapper .back-button.invisible {
  display: none;
}
.search-panel .search-panel-wrapper .back-button:hover {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/back-icon-hover.png");
}
.search-panel .search-panel-wrapper .search {
  position: absolute;
  top: 19px;
  left: 50%;
  height: 27px;
}
.search-panel .search-panel-wrapper .search.inactive .search-wrapper .search-input {
  color: #b6b6bc;
}
.search-panel .search-panel-wrapper .search.invisible {
  display: none;
}
.search-panel .search-panel-wrapper .search .search-wrapper {
  position: relative;
  left: -50%;
}
.search-panel .search-panel-wrapper .search .search-wrapper .search-icon {
  position: absolute;
  width: 28px;
  height: 27px;
  top: 0;
  left: -34px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/search.png') no-repeat 0 0;
}
.search-panel .search-panel-wrapper .search .search-wrapper .search-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/search-hover.png') no-repeat 0 0;
}
.search-panel .search-panel-wrapper .search .search-wrapper .search-input {
  width: 3px;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  margin-top: -5px;
  -moz-appearance: none;
  background: transparent;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #44444c;
  font-size: 32px;
}
.search-panel .search-panel-wrapper .search .search-wrapper .search-input:focus {
  color: #44444c !important;
}
.search-panel .search-panel-wrapper .search .search-wrapper .search-clear {
  position: absolute;
  width: 16px;
  height: 16px;
  top: -9px;
  right: -18px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear.png') no-repeat 0 0;
}
.search-panel .search-panel-wrapper .search .search-wrapper .search-clear:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear-hover.png') no-repeat 0 0;
}
.search-panel .search-panel-wrapper .scroll-wrapper {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 72px;
  left: 48px;
  right: 24px;
  bottom: 72px;
  overflow: hidden;
}
.search-panel .search-panel-wrapper .scroll-wrapper .scroll {
  display: none;
  position: absolute;
  width: 8px;
  border-radius: 4px;
  background: rgba(182, 182, 188, 0.4);
  right: 0px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.search-panel .search-panel-wrapper .scroll-wrapper .scroll:hover,
.search-panel .search-panel-wrapper .scroll-wrapper .scroll.dragging {
  width: 12px;
  border-radius: 6px;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 584px;
  min-height: 100%;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results .preloader-wrapper {
  position: relative;
  width: 100%;
  float: left;
  height: 64px;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results .preloader-wrapper.fill-content {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  float: none;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results .preloader-wrapper.invisible {
  display: none;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results .preloader-wrapper .rmpreloader {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results .message {
  display: none;
  position: absolute;
  width: 100%;
  height: 70px;
  top: 50%;
  margin-top: -38px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #989ea8;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results .message .top-text {
  font-size: 32px;
  text-align: center;
}
.search-panel .search-panel-wrapper .scroll-wrapper .results-wrapper .results .message .bottom-text {
  margin-top: 14px;
  font-size: 16px;
  text-align: center;
}
.search-panel .search-panel-wrapper .bottom-menu {
  position: absolute;
  width: 150px;
  margin-left: -75px;
  height: 24px;
  left: 50%;
  bottom: 26px;
  text-align: justify;
  line-height: 24px;
}
.search-panel .search-panel-wrapper .bottom-menu ul,
.search-panel .search-panel-wrapper .bottom-menu li {
  display: inline;
}
.search-panel .search-panel-wrapper .bottom-menu li {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
  color: #989ea8;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel .search-panel-wrapper .bottom-menu li.active {
  cursor: default;
  color: #44444c;
}
.search-panel .search-panel-wrapper .bottom-menu li:hover {
  color: #44444c;
}
.search-panel .search-panel-wrapper .bottom-menu span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0;
}
.search-panel .search-panel-wrapper .logged-user {
  position: absolute;
  width: 85px;
  height: 24px;
  right: 24px;
  bottom: 26px;
  display: none;
}
.search-panel .search-panel-wrapper .logged-user .logout {
  float: right;
  height: 24px;
  line-height: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #989ea8;
  font-size: 16px;
  margin-right: 8px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.search-panel .search-panel-wrapper .logged-user .logout:hover {
  color: #363234;
}
.search-panel .search-panel-wrapper .logged-user .userpic {
  display: block;
  float: right;
  height: 24px;
  width: 24px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/common-video/user.png') no-repeat 50% 50%;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 2px;
}
.search-panel.search-on-center .search-panel-wrapper .search {
  top: 50%;
  height: 80px;
  margin-top: -53px;
  z-index: 1;
}
.search-panel.search-on-center .search-panel-wrapper .search .search-wrapper .search-icon {
  top: 4px;
  left: auto;
  right: -40px;
}
.search-panel.search-on-center .search-panel-wrapper .search .search-wrapper .search-input {
  font-size: 64px;
}
.search-panel.search-on-center .search-panel-wrapper .search .search-wrapper .search-clear {
  width: 23px;
  height: 23px;
  top: 48px;
  right: -35px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear-big.png') no-repeat 0 0;
}
.search-panel.search-on-center .search-panel-wrapper .search .search-wrapper .search-clear:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear-big-hover.png') no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .search-panel .search-panel-wrapper .back-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/back-icon@2x.png');
    background-size: 13px 24px;
  }
  .search-panel .search-panel-wrapper .back-button:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/back-icon-hover@2x.png');
    background-size: 13px 24px;
  }
  .search-panel .search-panel-wrapper .search .search-wrapper .search-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/search@2x.png');
    background-size: 28px 27px;
  }
  .search-panel .search-panel-wrapper .search .search-wrapper .search-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/search-hover@2x.png');
    background-size: 28px 27px;
  }
  .search-panel .search-panel-wrapper .search .search-wrapper .search-clear {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear@2x.png');
    background-size: 16px 16px;
  }
  .search-panel .search-panel-wrapper .search .search-wrapper .search-clear:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear-hover@2x.png');
    background-size: 16px 16px;
  }
  .search-panel .search-panel-wrapper .logged-user .userpic {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/common-video/user@2x.png');
  }
  .search-panel.search-on-center .search-panel-wrapper .search .search-wrapper .search-clear {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear-big@2x.png');
    background-size: 23px 23px;
  }
  .search-panel.search-on-center .search-panel-wrapper .search .search-wrapper .search-clear:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/clear-big-hover@2x.png');
    background-size: 23px 23px;
  }
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video {
  position: relative;
  float: left;
  width: 270px;
  height: 67px;
  margin-right: 42px;
  margin-top: 24px;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video:nth-child(even) {
  margin-right: 0;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video:nth-child(1) {
  margin-top: 0;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video:nth-child(2) {
  margin-top: 0;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb {
  position: absolute;
  border-radius: 2px;
  width: 120px;
  height: 67px;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb .play {
  position: absolute;
  bottom: 4px;
  left: 4px;
  opacity: 0;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/common-video/play.png') no-repeat 0 0;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb .play:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/common-video/play-hover.png') no-repeat 0 0;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb .title {
  position: absolute;
  left: 120px;
  padding-left: 8px;
  top: -1px;
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  font-size: 14px;
  overflow: hidden;
  height: 32px;
  width: 142px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb:hover .play {
  opacity: 1;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb:hover .title {
  color: #00b68c;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .author {
  position: absolute;
  left: 128px;
  top: 40px;
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  height: 15px;
  width: 142px;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .author a {
  color: #989ea8;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .author a:hover {
  color: #44444c;
}
.search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .published {
  position: absolute;
  left: 128px;
  top: 56px;
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
}
.search-panel.search-video-common .search-panel-wrapper .white-mask {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 11px;
  background: rgba(242, 242, 242, 0.78);
}
.search-panel.search-video-common .search-panel-wrapper .video-popup {
  position: absolute;
  width: 408px;
  height: 368px;
  left: 50%;
  top: 50%;
  margin-left: -204px;
  margin-top: -184px;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .iframe-wrapper {
  width: 100%;
  height: 303px;
  overflow: hidden;
  background: #000;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .title-wrapper {
  margin: 17px 0 0 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 24px;
  width: 240px;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .title-wrapper .title {
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .title-wrapper .title:hover {
  color: #00b68c;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .info {
  margin: -4px 0 0 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 16px;
  width: 240px;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .info .author {
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  white-space: nowrap;
  font-size: 12px;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .info .author a {
  color: #989ea8;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .info .author a:hover {
  color: #44444c;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .info .published {
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .choose {
  position: absolute;
  width: 88px;
  height: 32px;
  background: #989ea8;
  border-radius: 4px;
  right: 24px;
  bottom: 16px;
  cursor: pointer;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #fff;
}
.search-panel.search-video-common .search-panel-wrapper .video-popup .choose:hover {
  background: #1ce4c8;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb .play {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/common-video/play@2x.png');
    background-size: 30px 30px;
  }
  .search-panel.search-video-common .search-panel-wrapper .scroll-wrapper .results-wrapper .results .video .thumb .play:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/common-video/play-hover@2x.png');
    background-size: 30px 30px;
  }
}
.search-panel.search-bing .search-panel-wrapper .logo {
  display: block;
  position: absolute;
  left: 23px;
  bottom: 27px;
  width: 60px;
  height: 23px;
  background-repeat: no-repeat;
  background-size: 60px 23px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/logo.png');
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-bing .search-panel-wrapper .logo:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/logo-hover.png');
}
.search-panel.search-bing .search-panel-wrapper .bottom-menu {
  display: none;
}
.search-panel.search-bing .search-panel-wrapper .logged-user {
  display: none;
}
.search-panel.search-bing .search-panel-wrapper .popup-image {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  background: #fff;
  padding: 8px;
  padding-bottom: 7px;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
}
.search-panel.search-bing .search-panel-wrapper .popup-image .image {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search-panel.search-bing .search-panel-wrapper .popup-image .image .rmpreloader {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.search-panel.search-bing .search-panel-wrapper .popup-image .image .error {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin-top: -18px;
  margin-left: -18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/error.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .popup-image .dimensions {
  height: 16px;
  margin-top: 8px;
  text-align: center;
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  white-space: nowrap;
  margin-bottom: -3px;
}
.search-panel.search-bing .search-panel-wrapper .popup-image a {
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
}
.search-panel.search-bing .search-panel-wrapper .popup-image a:hover {
  color: #44444c;
  text-decoration: none;
}
.search-panel.search-bing .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image {
  -webkit-transform: translate3d(0, 0, 0);
  display: none;
  position: relative;
  float: left;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search-panel.search-bing .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .rmpreloader {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.search-panel.search-bing .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .error {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin-top: -18px;
  margin-left: -18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/error.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .white-mask {
  position: absolute;
  display: none;
  top: 72px;
  left: 48px;
  right: 48px;
  bottom: 72px;
  background: rgba(242, 242, 242, 0.48);
}
.search-panel.search-bing .search-panel-wrapper .type-selector {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  height: 20px;
  bottom: 27px;
  right: 50%;
  margin-right: 34px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  height: 22px;
  width: 34px;
  bottom: 25px;
  left: 50%;
  margin-left: -11px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .caption {
  width: 34px;
  height: 22px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .caption .icon {
  width: 22px;
  height: 22px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector.any .caption .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/any-circle.png') no-repeat 0 0;
  background-color: transparent !important;
}
.search-panel.search-bing .search-panel-wrapper .color-selector.monochrome .caption .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/monochrome-circle.png') no-repeat 0 0;
  background-color: transparent !important;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup {
  display: none;
  position: absolute;
  bottom: 47px;
  width: 224px;
  left: 50%;
  margin-left: -118px;
  border-radius: 7px;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.23);
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item {
  position: relative;
  width: 56px;
  height: 56px;
  cursor: pointer;
  float: left;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.curr {
  cursor: default !important;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any,
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome {
  width: 112px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 56px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any:hover .point,
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome:hover .point,
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any.curr .point,
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome.curr .point {
  display: block;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any .point,
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome .point {
  display: none;
  position: absolute;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/curr.png') no-repeat 0 0;
  top: 23px;
  width: 10px;
  height: 10px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any .point {
  right: 15px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome .point {
  left: 15px;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any {
  border-radius: 7px 0 0 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/any.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome {
  border-radius: 0 7px 7px 0;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/monochrome.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .color-selector .popup .corner {
  position: absolute;
  left: 50%;
  width: 34px;
  height: 18px;
  bottom: -18px;
  margin-left: -17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/corner-color.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .size-selector {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  height: 20px;
  bottom: 27px;
  left: 50%;
  margin-left: 46px;
}
.search-panel.search-bing .search-panel-wrapper .size-selector .caption,
.search-panel.search-bing .search-panel-wrapper .type-selector .caption {
  color: #989ea8;
  font-size: 16px;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding-right: 12px;
}
.search-panel.search-bing .search-panel-wrapper .type-selector,
.search-panel.search-bing .search-panel-wrapper .color-selector,
.search-panel.search-bing .search-panel-wrapper .size-selector {
  cursor: pointer;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .arrow,
.search-panel.search-bing .search-panel-wrapper .color-selector .arrow,
.search-panel.search-bing .search-panel-wrapper .size-selector .arrow {
  position: absolute;
  right: 0;
  top: 9px;
  height: 4px;
  width: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/arrow.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .caption:hover,
.search-panel.search-bing .search-panel-wrapper .color-selector .caption:hover,
.search-panel.search-bing .search-panel-wrapper .size-selector .caption:hover {
  color: #767680;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .caption:hover .arrow,
.search-panel.search-bing .search-panel-wrapper .color-selector .caption:hover .arrow,
.search-panel.search-bing .search-panel-wrapper .size-selector .caption:hover .arrow {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/arrow-hover.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup {
  margin-right: -52px;
}
.search-panel.search-bing .search-panel-wrapper .size-selector .popup {
  margin-left: -64px;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup,
.search-panel.search-bing .search-panel-wrapper .size-selector .popup {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  bottom: 45px;
  width: 128px;
  background: #ffffff;
  border-radius: 7px;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.23);
  padding: 5px 0 7px;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup .item,
.search-panel.search-bing .search-panel-wrapper .size-selector .popup .item {
  position: relative;
  width: 100%;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #767680;
  text-align: center;
  cursor: pointer;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup .item.curr,
.search-panel.search-bing .search-panel-wrapper .size-selector .popup .item.curr {
  cursor: default !important;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup .item.curr .point,
.search-panel.search-bing .search-panel-wrapper .size-selector .popup .item.curr .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/point.png') no-repeat 0 0 !important;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup .item:hover .point,
.search-panel.search-bing .search-panel-wrapper .size-selector .popup .item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/point-hover.png') no-repeat 0 0;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup .item .point,
.search-panel.search-bing .search-panel-wrapper .size-selector .popup .item .point {
  position: absolute;
  left: 15px;
  top: 10px;
  width: 6px;
  height: 6px;
}
.search-panel.search-bing .search-panel-wrapper .type-selector .popup .corner,
.search-panel.search-bing .search-panel-wrapper .size-selector .popup .corner {
  position: absolute;
  left: 50%;
  width: 34px;
  height: 18px;
  bottom: -18px;
  margin-left: -17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/corner.png') no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .search-panel.search-bing .search-panel-wrapper .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/logo@2x.png');
    background-size: 60px 23px;
  }
  .search-panel.search-bing .search-panel-wrapper .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/logo-hover@2x.png');
    background-size: 60px 23px;
  }
  .search-panel.search-bing .search-panel-wrapper .popup-image .image .error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/error@2x.png');
    background-size: 37px 37px;
  }
  .search-panel.search-bing .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/error@2x.png');
    background-size: 37px 37px;
  }
  .search-panel.search-bing .search-panel-wrapper .color-selector.any .caption .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/any-circle@2x.png');
    background-size: 22px 22px;
  }
  .search-panel.search-bing .search-panel-wrapper .color-selector.monochrome .caption .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/monochrome-circle@2x.png');
    background-size: 22px 22px;
  }
  .search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any .point,
  .search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/curr@2x.png');
    background-size: 10px 10px;
  }
  .search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.any {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/any@2x.png');
    background-size: 112px 56px;
  }
  .search-panel.search-bing .search-panel-wrapper .color-selector .popup .item.monochrome {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/monochrome@2x.png');
    background-size: 112px 56px;
  }
  .search-panel.search-bing .search-panel-wrapper .color-selector .popup .corner {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/corner-color@2x.png');
    background-size: 34px 18px;
  }
  .search-panel.search-bing .search-panel-wrapper .type-selector .arrow,
  .search-panel.search-bing .search-panel-wrapper .color-selector .arrow,
  .search-panel.search-bing .search-panel-wrapper .size-selector .arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/arrow@2x.png');
    background-size: 7px 4px;
  }
  .search-panel.search-bing .search-panel-wrapper .type-selector .caption:hover .arrow,
  .search-panel.search-bing .search-panel-wrapper .color-selector .caption:hover .arrow,
  .search-panel.search-bing .search-panel-wrapper .size-selector .caption:hover .arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/arrow-hover@2x.png');
    background-size: 7px 4px;
  }
  .search-panel.search-bing .search-panel-wrapper .type-selector .popup .item.curr .point,
  .search-panel.search-bing .search-panel-wrapper .size-selector .popup .item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/point@2x.png') !important;
    background-size: 6px 6px !important;
  }
  .search-panel.search-bing .search-panel-wrapper .type-selector .popup .item:hover .point,
  .search-panel.search-bing .search-panel-wrapper .size-selector .popup .item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .search-panel.search-bing .search-panel-wrapper .type-selector .popup .corner,
  .search-panel.search-bing .search-panel-wrapper .size-selector .popup .corner {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/bing/corner@2x.png');
    background-size: 34px 18px;
  }
}
.search-panel.search-flickr .search-panel-wrapper .logo {
  display: block;
  position: absolute;
  left: 23px;
  bottom: 30px;
  width: 59px;
  height: 20px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/logo.png') no-repeat 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-flickr .search-panel-wrapper .logo:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/logo-hover.png') no-repeat 0 0;
}
.search-panel.search-flickr .search-panel-wrapper .bottom-menu {
  width: 280px;
  margin-left: -140px;
}
.search-panel.search-flickr .search-panel-wrapper .connect-wrapper {
  position: absolute;
  width: 128px;
  height: 108px;
  left: 50%;
  top: 50%;
  margin-left: -64px;
  margin-top: -56px;
}
.search-panel.search-flickr .search-panel-wrapper .connect-wrapper .connect-logo {
  position: relative;
  margin: 0 auto;
  width: 104px;
  height: 48px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/connect-logo.png') no-repeat 0 0;
}
.search-panel.search-flickr .search-panel-wrapper .connect-wrapper .connect-button {
  cursor: pointer;
  position: relative;
  margin: 20px auto 0;
  width: 128px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  background: #ff0084;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-flickr .search-panel-wrapper .connect-wrapper .connect-button:hover {
  background: #0063dc;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  background: #fff;
  padding: 8px;
  padding-bottom: 7px;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  height: 134px;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image .image {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image .image .rmpreloader {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image .image .error {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin-top: -18px;
  margin-left: -18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error.png') no-repeat 0 0;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image .dimensions {
  height: 16px;
  margin-top: 8px;
  text-align: center;
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  white-space: nowrap;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image .source-wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  position: absolute;
  bottom: 6px;
  left: 8px;
  right: 8px;
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  height: 14px;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image .source-wrapper .source {
  white-space: nowrap;
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
}
.search-panel.search-flickr .search-panel-wrapper .popup-image .source-wrapper .source:hover {
  color: #44444c;
  text-decoration: none;
}
.search-panel.search-flickr .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image {
  -webkit-transform: translate3d(0, 0, 0);
  display: none;
  position: relative;
  float: left;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search-panel.search-flickr .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .rmpreloader {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.search-panel.search-flickr .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .error {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin-top: -18px;
  margin-left: -18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error.png') no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .search-panel.search-flickr .search-panel-wrapper .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/logo@2x.png');
    background-size: 59px 20px;
  }
  .search-panel.search-flickr .search-panel-wrapper .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/logo-hover@2x.png');
    background-size: 59px 20px;
  }
  .search-panel.search-flickr .search-panel-wrapper .connect-wrapper .connect-logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/connect-logo@2x.png');
    background-size: 104px 48px;
  }
  .search-panel.search-flickr .search-panel-wrapper .popup-image .image .error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error@2x.png');
    background-size: 37px 37px;
  }
  .search-panel.search-flickr .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error@2x.png');
    background-size: 37px 37px;
  }
}
.search-panel.search-unsplash .search-panel-wrapper .logo {
  display: block;
  position: absolute;
  left: 23px;
  bottom: 28px;
  width: 85px;
  height: 18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/unsplash/logo.png') no-repeat 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-unsplash .search-panel-wrapper .logo:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/unsplash/logo-hover.png') no-repeat 0 0;
}
.search-panel.search-unsplash .search-panel-wrapper .bottom-menu {
  width: 330px;
  margin-left: -165px;
}
.search-panel.search-unsplash .search-panel-wrapper .bottom-menu .my-collections-inside {
  cursor: pointer!important;
}
.search-panel.search-unsplash .search-panel-wrapper .connect-wrapper {
  position: absolute;
  width: 128px;
  height: 108px;
  left: 50%;
  top: 50%;
  margin-left: -64px;
  margin-top: -56px;
}
.search-panel.search-unsplash .search-panel-wrapper .connect-wrapper .connect-logo {
  position: relative;
  margin: 0 auto;
  width: 64px;
  height: 48px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/unsplash/connect.png') no-repeat 0 0;
}
.search-panel.search-unsplash .search-panel-wrapper .connect-wrapper .connect-button {
  cursor: pointer;
  position: relative;
  margin: 20px auto 0;
  width: 128px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  background: #989ea8;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-unsplash .search-panel-wrapper .connect-wrapper .connect-button:hover {
  background: #000;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  background: #fff;
  padding: 8px;
  padding-bottom: 7px;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  height: 122px;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image .image {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image .image .rmpreloader {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image .image .error {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin-top: -18px;
  margin-left: -18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error.png') no-repeat 0 0;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image .dimensions {
  height: 16px;
  margin-top: 8px;
  text-align: center;
  color: #44444c;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  white-space: nowrap;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image .source-wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  position: absolute;
  bottom: 6px;
  left: 8px;
  right: 8px;
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  height: 14px;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image .source-wrapper .source {
  white-space: nowrap;
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
}
.search-panel.search-unsplash .search-panel-wrapper .popup-image .source-wrapper .source:hover {
  color: #44444c;
  text-decoration: none;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .collection {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  float: left;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 190px;
  height: 130px;
  border-radius: 6px;
  margin: 0 7px 7px 0;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .collection:nth-child(3n) {
  margin-right: 0;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .collection .title {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 166px;
  color: #fff;
  overflow: hidden;
  line-height: 1.2;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .collection .count {
  position: absolute;
  bottom: 10px;
  left: 12px;
  color: #989ea8;
  font-size: 13px;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .collection .greybg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .collection .overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .collection .overlay:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  float: left;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .rmpreloader {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .error {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 37px;
  height: 37px;
  margin-top: -18px;
  margin-left: -18px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error.png') no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .search-panel.search-unsplash .search-panel-wrapper .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/unsplash/logo@2x.png');
    background-size: 85px 18px;
  }
  .search-panel.search-unsplash .search-panel-wrapper .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/unsplash/logo-hover@2x.png');
    background-size: 85px 18px;
  }
  .search-panel.search-unsplash .search-panel-wrapper .connect-wrapper .connect-logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/unsplash/connect@2x.png');
    background-size: 64px 48px;
  }
  .search-panel.search-unsplash .search-panel-wrapper .popup-image .image .error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error@2x.png');
    background-size: 37px 37px;
  }
  .search-panel.search-unsplash .search-panel-wrapper .scroll-wrapper .results-wrapper .results .image .error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/flickr/error@2x.png');
    background-size: 37px 37px;
  }
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .logo {
  display: block;
  position: absolute;
  left: 24px;
  bottom: 26px;
  width: 64px;
  height: 26px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/youtube/logo.png') no-repeat 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .logo:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/youtube/logo-hover.png') no-repeat 0 0;
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .bottom-menu {
  width: 176px;
  margin-left: -88px;
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .bottom-menu li.feed {
  display: none;
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .connect-wrapper {
  position: absolute;
  width: 153px;
  height: 102px;
  left: 50%;
  top: 50%;
  margin-left: -76px;
  margin-top: -51px;
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .connect-wrapper .connect-logo {
  width: 153px;
  height: 43px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/youtube/connect-logo.png') no-repeat 0 0;
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .connect-wrapper .connect-button {
  cursor: pointer;
  position: relative;
  margin: 19px auto 0;
  width: 128px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  background: #cb322c;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-video-common.search-youtube .search-panel-wrapper .connect-wrapper .connect-button:hover {
  background: #e8423b;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .search-panel.search-video-common.search-youtube .search-panel-wrapper .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/youtube/logo@2x.png');
    background-size: 64px 26px;
  }
  .search-panel.search-video-common.search-youtube .search-panel-wrapper .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/youtube/logo-hover@2x.png');
    background-size: 64px 26px;
  }
  .search-panel.search-video-common.search-youtube .search-panel-wrapper .connect-wrapper .connect-logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/youtube/connect-logo@2x.png');
    background-size: 153px 43px;
  }
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .logo {
  display: block;
  position: absolute;
  left: 23px;
  bottom: 31px;
  width: 71px;
  height: 21px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/vimeo/logo.png') no-repeat 0 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .logo:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/vimeo/logo-hover.png') no-repeat 0 0;
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .bottom-menu {
  width: 176px;
  margin-left: -88px;
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .bottom-menu li.feed {
  display: none;
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .connect-wrapper {
  position: absolute;
  width: 128px;
  height: 108px;
  left: 50%;
  top: 50%;
  margin-left: -64px;
  margin-top: -54px;
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .connect-wrapper .connect-logo {
  position: relative;
  margin: 0 auto;
  width: 57px;
  height: 49px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/vimeo/connect-logo.png') no-repeat 0 0;
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .connect-wrapper .connect-button {
  cursor: pointer;
  position: relative;
  margin: 19px auto 0;
  width: 128px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  background: #20b8e7;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-panel.search-video-common.search-vimeo .search-panel-wrapper .connect-wrapper .connect-button:hover {
  background: #059ccb;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .search-panel.search-video-common.search-vimeo .search-panel-wrapper .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/vimeo/logo@2x.png');
    background-size: 71px 21px;
  }
  .search-panel.search-video-common.search-vimeo .search-panel-wrapper .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/vimeo/logo-hover@2x.png');
    background-size: 71px 21px;
  }
  .search-panel.search-video-common.search-vimeo .search-panel-wrapper .connect-wrapper .connect-logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/search-panels/vimeo/connect-logo@2x.png');
    background-size: 57px 49px;
  }
}
.widgetbar-panel {
  background-color: rgba(243, 243, 243, 0.95);
  color: black;
  text-align: left;
  position: absolute;
  width: 208px;
  border-radius: 8px;
  margin-left: -104px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out;
  z-index: 3000;
  cursor: default;
}
.widgetbar-panel > .corner {
  border-color: rgba(243, 243, 243, 0.95) transparent transparent transparent;
}
.minimal-constructor-ui .widgetbar-panel {
  opacity: 0;
  pointer-events: none;
}
.minimal-constructor-ui-no-transition .widgetbar-panel {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.widgetbar-panel.hidden {
  opacity: 0;
  margin-bottom: -8px;
}
.widgetbar-panel .header {
  height: 28px;
}
.widgetbar-panel .header .caption {
  position: relative;
  text-align: center;
  font-size: 18px;
  top: 12px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #989ea8;
  text-shadow: #fff 0 1px 1px;
}
.widgetbar-panel .content {
  padding: 0px;
}
.widgetbar-panel .content .tabs {
  position: relative;
  height: 72px;
}
.widgetbar-panel .content .tabs .tab {
  position: absolute;
  top: 12px;
  cursor: pointer;
  width: 60px;
  height: 52px;
}
.widgetbar-panel .content .tabs .tab .icon {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin: 0 auto;
}
.widgetbar-panel .content .tabs .tab .caption {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 38px;
  width: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  color: rgba(152, 158, 168, 0.8);
}
.widgetbar-panel .content .tabs .tab.disabled {
  cursor: default;
  opacity: 0.5;
}
.widgetbar-panel .content .tabs .tab:not(.disabled).active .caption {
  color: #1ce4c8 !important;
}
.widgetbar-panel .content .tabs .tab:not(.disabled):hover .caption {
  color: rgba(242, 242, 242, 0.98);
}
.widgetbar-panel .content .views .view {
  position: relative;
}
.widgetbar-panel > .corner {
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
}
.widgetbar-panel > .corner:before {
  content: '';
  position: absolute;
  top: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: rgba(0, 0, 0, 0.07) transparent transparent transparent;
  top: -14px;
  left: -15px;
  z-index: -1;
}
.widgetbar-panel.viewports {
  background-color: rgba(54, 50, 52, 0.95);
  width: 136px;
  margin-left: -68px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
}
.widgetbar-panel.viewports > .corner {
  border-color: rgba(54, 50, 52, 0.95) transparent transparent transparent;
}
.widgetbar-panel.viewports .header {
  display: none;
}
.widgetbar-panel.viewports .content {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.widgetbar-panel.viewports .content .viewport {
  position: relative;
  margin: 0 auto;
  width: 104px;
  height: 71px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.widgetbar-panel.viewports .content .viewport:last-child {
  border-bottom: none;
}
.widgetbar-panel.viewports .content .viewport.enabled .point {
  background: #1cdeb4;
}
.widgetbar-panel.viewports .content .viewport:hover .settings,
.widgetbar-panel.viewports .content .viewport.sidebar .settings {
  opacity: 1;
}
.widgetbar-panel.viewports .content .viewport.sidebar .settings {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/settings-hover.png');
}
.widgetbar-panel.viewports .content .viewport.active[data-viewport="default"] .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/default-active.png');
}
.widgetbar-panel.viewports .content .viewport.active[data-viewport="tablet_portrait"] .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/tablet-portrait-active.png');
}
.widgetbar-panel.viewports .content .viewport.active[data-viewport="phone_portrait"] .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/phone-portrait-active.png');
}
.widgetbar-panel.viewports .content .viewport[data-viewport="default"] .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/default.png');
}
.widgetbar-panel.viewports .content .viewport[data-viewport="tablet_portrait"] .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/tablet-portrait.png');
}
.widgetbar-panel.viewports .content .viewport[data-viewport="phone_portrait"] .icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/phone-portrait.png');
}
.widgetbar-panel.viewports .content .viewport .icon {
  position: relative;
  top: 4px;
  width: 104px;
  height: 63px;
  background-repeat: no-repeat;
  background-size: 104px 63px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.viewports .content .viewport .point {
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.viewports .content .viewport .settings {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/settings.png');
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.widgetbar-panel.viewports .content .viewport .settings:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/settings-hover.png');
}
.widgetbar-panel.viewports .sidebar-wrapper {
  position: absolute;
  height: 100%;
  left: 100%;
  top: 0;
  z-index: -1;
  width: 136px;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-perspective-origin: 0 50%;
  perspective-origin: 0 50%;
}
.widgetbar-panel.viewports .sidebar-wrapper.hidden {
  width: 0;
}
.widgetbar-panel.viewports .sidebar-wrapper.hidden .sidebar {
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  opacity: 0.8;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar {
  position: absolute;
  width: 136px;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(28, 28, 28, 0.95);
  box-shadow: 0 0 0 1px rbga(0, 0, 0, 0.28);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .caption {
  text-align: center;
  padding: 19px 15px 13px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #f2f2f2;
  line-height: 16px;
  height: 32px;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .param {
  text-align: center;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .param .switcher {
  display: inline-block;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .param .switcher .rmswitcher-body {
  height: 32px !important;
  border-radius: 16px !important;
  box-shadow: none;
  -webkit-transform: translateZ(0);
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .param .switcher .rmswitcher-body .rmswitcher-panel {
  height: 32px !important;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .param .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-on,
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .param .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-off {
  line-height: 32px !important;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .param .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  width: 28px !important;
  height: 28px !important;
  margin-left: -14px !important;
  top: 2px!important;
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .widgetbar-panel.viewports .sidebar-wrapper .sidebar .param .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.28) !important;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .anno {
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  color: #8c8a8b;
  padding: 9px 25px;
  line-height: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .anno.invisible {
  opacity: 0;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .shortcut {
  position: absolute;
  left: 50%;
  margin-left: -18px;
  margin-top: -42px;
  width: 37px;
  height: 31px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/shortcut.png');
  background-repeat: no-repeat;
  background-size: 37px 31px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  text-indent: -2px;
  color: rgba(255, 255, 255, 0.2);
  line-height: 28px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .shortcut.invisible {
  opacity: 0;
  visibility: hidden;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .learn-more {
  position: absolute;
  bottom: 23px;
  left: 0;
  width: 100%;
  text-align: center;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .learn-more a {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  color: #8c8a8b;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-bottom: 1px solid #434343;
}
.widgetbar-panel.viewports .sidebar-wrapper .sidebar .learn-more a:hover {
  border-bottom: 1px solid transparent;
  color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.viewports .content .viewport.sidebar .settings {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/settings-hover@2x.png');
    background-size: 22px 22px;
  }
  .widgetbar-panel.viewports .content .viewport.active[data-viewport="default"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/default-active@2x.png');
    background-size: 104px 63px;
  }
  .widgetbar-panel.viewports .content .viewport.active[data-viewport="tablet_portrait"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/tablet-portrait-active@2x.png');
    background-size: 104px 63px;
  }
  .widgetbar-panel.viewports .content .viewport.active[data-viewport="phone_portrait"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/phone-portrait-active@2x.png');
    background-size: 104px 63px;
  }
  .widgetbar-panel.viewports .content .viewport[data-viewport="default"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/default@2x.png');
    background-size: 104px 63px;
  }
  .widgetbar-panel.viewports .content .viewport[data-viewport="tablet_portrait"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/tablet-portrait@2x.png');
    background-size: 104px 63px;
  }
  .widgetbar-panel.viewports .content .viewport[data-viewport="phone_portrait"] .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/phone-portrait@2x.png');
    background-size: 104px 63px;
  }
  .widgetbar-panel.viewports .content .viewport .settings {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/settings@2x.png');
    background-size: 22px 22px;
  }
  .widgetbar-panel.viewports .content .viewport .settings:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/settings-hover@2x.png');
    background-size: 22px 22px;
  }
  .widgetbar-panel.viewports .sidebar-wrapper .sidebar .shortcut {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/viewports/shortcut@2x.png');
    background-size: 37px 31px;
  }
}
.widgetbar-panel.page-format {
  height: 180px;
}
.widgetbar-panel.page-format .content {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.widgetbar-panel.page-format .content .tabs-switcher {
  position: absolute;
  width: 128px;
  height: 28px;
  top: 14px;
  left: 50%;
  margin-left: -64px;
  background: #989ea8;
  border-radius: 6px;
}
.widgetbar-panel.page-format .content .tabs-switcher .caption-basic,
.widgetbar-panel.page-format .content .tabs-switcher .caption-scroll {
  position: absolute;
  height: 100%;
  width: 64px;
  top: 0;
  left: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 28px;
  color: #f2f2f2;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.widgetbar-panel.page-format .content .tabs-switcher .caption-scroll {
  left: 64px;
}
.widgetbar-panel.page-format .content .tabs-switcher .handle {
  position: absolute;
  top: 1px;
  width: 63px;
  bottom: 1px;
  background: #f2f2f2;
  border-radius: 5px;
  -webkit-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
}
.widgetbar-panel.page-format .content .tabs-switcher.selected-basic .caption-basic {
  cursor: default;
  color: #989ea8;
}
.widgetbar-panel.page-format .content .tabs-switcher.selected-basic .handle {
  left: 1px;
}
.widgetbar-panel.page-format .content .tabs-switcher.selected-scroll .caption-scroll {
  cursor: default;
  color: #989ea8;
}
.widgetbar-panel.page-format .content .tabs-switcher.selected-scroll .handle {
  left: 64px;
}
.widgetbar-panel.page-format .content .tabs-content {
  position: absolute;
  height: 110px;
  width: 100%;
  top: 42px;
  left: 0;
  overflow: hidden;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-basic {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-basic .basic-size-caption {
  position: absolute;
  color: rgba(152, 158, 168, 0.6);
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  top: 35px;
  left: 0;
  width: 100%;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-basic .basic-info {
  display: none;
  position: absolute;
  top: 126px;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/info.png') no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-basic .basic-info:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/info-hover.png') no-repeat 0 0;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-switcher-block {
  display: none;
  position: absolute;
  top: 94px;
  left: 50%;
  margin-left: -88px;
  width: 176px;
  height: 42px;
  border-top: 1px dotted rgba(68, 68, 78, 0.4);
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-switcher-block .block-title {
  position: absolute;
  left: 0;
  top: 18px;
  color: #44444c;
  line-height: 18px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-switcher-block .section-info {
  position: absolute;
  top: 19px;
  left: 59px;
  width: 16px;
  height: 16px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/section-info.png') no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-switcher-block .section-info:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/section-info-hover.png') no-repeat 0 0;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-switcher-block .switcher {
  position: absolute;
  top: 13px;
  left: 112px;
  width: 64px;
  height: 28px;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .height-block,
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-block {
  display: block;
  position: absolute;
  top: 17px;
  height: 94px;
  width: 100%;
  top: 0;
  left: 0;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .height-block .block-title,
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-block .block-title {
  position: absolute;
  top: 19px;
  width: 100%;
  color: #44444c;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .height-block input,
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-block input {
  position: absolute;
  top: 29px;
  width: 100%;
  color: #44444c;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 52px;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .height-block input:hover,
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-block input:hover,
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .height-block input.dragging,
.widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-block input.dragging {
  color: #1ce4c8;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.page-format .content .tabs-content .tabs-content-basic .basic-info {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/info@2x.png');
    background-size: 16px 16px;
  }
  .widgetbar-panel.page-format .content .tabs-content .tabs-content-basic .basic-info:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/info-hover@2x.png');
    background-size: 16px 16px;
  }
  .widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-switcher-block .section-info {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/section-info@2x.png');
    background-size: 16px 16px;
  }
  .widgetbar-panel.page-format .content .tabs-content .tabs-content-scroll .sections-switcher-block .section-info:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/page-format/section-info-hover@2x.png');
    background-size: 16px 16px;
  }
}
.widgetbar-panel.guidespanel {
  background-color: rgba(12, 119, 215, 0.95);
}
.widgetbar-panel.guidespanel > .corner {
  border-color: rgba(12, 119, 215, 0.95) transparent transparent transparent;
}
.widgetbar-panel.guidespanel .header .caption {
  color: #f2f2f2;
  text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 1px;
  top: 11px;
}
.guidespanel .selector {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 0;
}
.guidespanel .selector .left-arrow {
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -60px;
  width: 13px;
  height: 24px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/left-arrow.png') no-repeat 0 0;
}
.guidespanel .selector .left-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/left-arrow-hover.png') no-repeat 0 0;
}
.guidespanel .selector .right-arrow {
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: 47px;
  width: 13px;
  height: 24px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/right-arrow.png') no-repeat 0 0;
}
.guidespanel .selector .right-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/right-arrow-hover.png') no-repeat 0 0;
}
.guidespanel .guide_params {
  position: relative;
  height: 152px;
}
.guidespanel .guide_params .set {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.guidespanel .guide_params .set .icon {
  position: absolute;
  top: 0;
  left: 0;
}
.guidespanel .guide_params .set input {
  position: absolute;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
}
.guidespanel .guide_params .set .caption {
  position: absolute;
  width: 100%;
  top: 8px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.guidespanel .guide_params .set .columns {
  position: absolute;
  left: 24px;
  top: 43px;
}
.guidespanel .guide_params .set .columns .icon {
  width: 17px;
  height: 50px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/columns.png') no-repeat 0 0;
}
.guidespanel .guide_params .set .columns input {
  top: -18px;
  padding-left: 3px;
  left: 17px;
  width: 88px;
  font-size: 70px;
}
.guidespanel .guide_params .set .padding {
  position: absolute;
  left: 133px;
  top: 44px;
}
.guidespanel .guide_params .set .padding .icon {
  width: 17px;
  height: 17px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/padding.png') no-repeat 0 0;
}
.guidespanel .guide_params .set .padding input {
  top: -4px;
  padding-left: 4px;
  left: 17px;
  width: 45px;
  font-size: 21px;
}
.guidespanel .guide_params .set .baseline_height {
  position: absolute;
  left: 133px;
  top: 77px;
}
.guidespanel .guide_params .set .baseline_height .icon {
  width: 17px;
  height: 16px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/baseline_height.png') no-repeat 0 0;
}
.guidespanel .guide_params .set .baseline_height input {
  top: -5px;
  padding-left: 4px;
  left: 17px;
  width: 45px;
  font-size: 21px;
}
.guidespanel .guide_params .set .margin_top,
.guidespanel .guide_params .set .margin_bottom,
.guidespanel .guide_params .set .margin_left,
.guidespanel .guide_params .set .margin_right {
  position: absolute;
  top: 110px;
}
.guidespanel .guide_params .set .margin_top .icon,
.guidespanel .guide_params .set .margin_bottom .icon,
.guidespanel .guide_params .set .margin_left .icon,
.guidespanel .guide_params .set .margin_right .icon {
  width: 16px;
  height: 13px;
}
.guidespanel .guide_params .set .margin_top input,
.guidespanel .guide_params .set .margin_bottom input,
.guidespanel .guide_params .set .margin_left input,
.guidespanel .guide_params .set .margin_right input {
  height: 30px;
  line-height: 30px;
  top: 13px;
  left: -8px;
  width: 32px;
  font-size: 17px;
  text-align: center;
}
.guidespanel .guide_params .set .margin_top {
  left: 24px;
}
.guidespanel .guide_params .set .margin_top .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_top.png') no-repeat 0 0;
}
.guidespanel .guide_params .set .margin_bottom {
  left: 72px;
}
.guidespanel .guide_params .set .margin_bottom .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_bottom.png') no-repeat 0 0;
}
.guidespanel .guide_params .set .margin_left {
  left: 120px;
}
.guidespanel .guide_params .set .margin_left .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_left.png') no-repeat 0 0;
}
.guidespanel .guide_params .set .margin_right {
  left: 168px;
}
.guidespanel .guide_params .set .margin_right .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_right.png') no-repeat 0 0;
}
.guidespanel .switchers {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  padding: 7px 11px 15px 11px;
}
.guidespanel .switchers .switcher {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  float: left;
  border-radius: 6px;
  margin: 0 4px;
  width: 54px;
  height: 54px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
}
.guidespanel .switchers .switcher:hover {
  background: rgba(0, 0, 0, 0.6);
}
.guidespanel .switchers .switcher .caption {
  position: absolute;
  left: 8px;
  top: 4px;
  font-size: 26px;
  color: #f2f2f2;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.guidespanel .switchers .switcher .text {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 10px;
  color: #f2f2f2;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.guidespanel .switchers .switcher.active .caption {
  color: #1ce4c8;
  text-shadow: rgba(28, 228, 200, 0.7) 0 0 7px, rgba(28, 228, 200, 0.5) 0 0 4px, rgba(28, 228, 200, 0.2) 0 0 1px;
}
.guidespanel .switchers .switcher.active .text {
  color: #1ce4c8;
}
.guidespanel .switchers .switcher.expand {
  margin-top: 8px;
  width: 178px;
  display: none;
}
.guidespanel .switchers .switcher.hidden {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .guidespanel .selector .left-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/left-arrow@2x.png');
    background-size: 13px 24px;
  }
  .guidespanel .selector .left-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/left-arrow-hover@2x.png');
    background-size: 13px 24px;
  }
  .guidespanel .selector .right-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/right-arrow@2x.png');
    background-size: 13px 24px;
  }
  .guidespanel .selector .right-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/right-arrow-hover@2x.png');
    background-size: 13px 24px;
  }
  .guidespanel .guide_params .set .columns .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/columns@2x.png');
    background-size: 17px 50px;
  }
  .guidespanel .guide_params .set .padding .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/padding@2x.png');
    background-size: 17px 17px;
  }
  .guidespanel .guide_params .set .baseline_height .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/baseline_height@2x.png');
    background-size: 17px 16px;
  }
  .guidespanel .guide_params .set .margin_top .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_top@2x.png');
    background-size: 16px 13px;
  }
  .guidespanel .guide_params .set .margin_bottom .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_bottom@2x.png');
    background-size: 16px 13px;
  }
  .guidespanel .guide_params .set .margin_left .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_left@2x.png');
    background-size: 16px 13px;
  }
  .guidespanel .guide_params .set .margin_right .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/guides/margin_right@2x.png');
    background-size: 16px 13px;
  }
}
.widgetbar-panel.picture-panel {
  height: 256px;
}
.widgetbar-panel.picture-panel .upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widgetbar-panel.picture-panel .upload .uploadInput {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}
.widgetbar-panel.picture-panel .upload .upload-wrapper {
  position: absolute;
  top: 45px;
  left: 50%;
  -webkit-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
}
.widgetbar-panel.picture-panel .upload .upload-wrapper .center-wrapper {
  position: relative;
  left: -50%;
  cursor: pointer;
}
.widgetbar-panel.picture-panel .upload .upload-wrapper .center-wrapper .icon {
  width: 83px;
  height: 63px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/upload.png') no-repeat 0 0;
  margin: 0 auto;
  position: relative;
}
.widgetbar-panel.picture-panel .upload .upload-wrapper .center-wrapper .caption-upload {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 27px;
  color: #989ea8;
  margin-top: 3px;
  text-align: center;
  white-space: nowrap;
  height: 27px;
  -webkit-transition: opacity 0.4s ease-in-out, color 0.15s ease-in-out;
  transition: opacity 0.4s ease-in-out, color 0.15s ease-in-out;
}
.widgetbar-panel.picture-panel .upload .upload-wrapper .center-wrapper .caption-upload-dop {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  color: #989ea8;
  margin-top: 4px;
  text-align: center;
  white-space: nowrap;
  height: 12px;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.widgetbar-panel.picture-panel .upload .upload-wrapper .center-wrapper .caption-drop {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 27px;
  color: #989ea8;
  margin-top: 3px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  margin-top: -43px;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.widgetbar-panel.picture-panel .upload .upload-wrapper .center-wrapper:hover .caption-upload {
  color: #1ce4c8;
}
.widgetbar-panel.picture-panel .social {
  position: absolute;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 176px;
  height: 66px;
  left: 50%;
  margin-left: -88px;
  top: 175px;
}
.widgetbar-panel.picture-panel .social .search {
  position: absolute;
  width: 100%;
  height: 28px;
}
.widgetbar-panel.picture-panel .social .search input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 136px;
  height: 28px;
  border-radius: 4px;
  padding: 0px 31px 0 9px;
  border: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #989ea8;
  background: white;
}
.widgetbar-panel.picture-panel .social .search input::-webkit-input-placeholder {
  color: rgba(151, 158, 168, 0.5);
}
.widgetbar-panel.picture-panel .social .search input:-moz-placeholder {
  color: rgba(151, 158, 168, 0.5);
}
.widgetbar-panel.picture-panel .social .search .icon {
  position: absolute;
  top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .search .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search-hover.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .search .icon.upload-icon {
  top: 5px;
  width: 18px;
  height: 18px;
  right: 6px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .search .icon.upload-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload-hover.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .search .icon.hidden {
  display: none;
}
.widgetbar-panel.picture-panel .social .flickr,
.widgetbar-panel.picture-panel .social .facebook,
.widgetbar-panel.picture-panel .social .dropbox,
.widgetbar-panel.picture-panel .social .unsplash {
  position: absolute;
  top: 42px;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.picture-panel .social .flickr {
  cursor: pointer;
  left: 0;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .flickr:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr-hover.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .unsplash {
  cursor: pointer;
  left: 32px;
  width: 28px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash.png') no-repeat 50% 50%;
}
.widgetbar-panel.picture-panel .social .unsplash:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash-hover.png') no-repeat 50% 50%;
}
.widgetbar-panel.picture-panel .social .facebook {
  display: none;
  left: 64px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-facebook.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .dropbox {
  display: none;
  left: 96px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-dropbox.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel .social .camera {
  display: none;
  position: absolute;
  top: 45px;
  width: 18px;
  height: 18px;
  left: 158px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-camera.png') no-repeat 0 0;
}
.widgetbar-panel.picture-panel.dragging .upload .upload-wrapper {
  top: 80px;
}
.widgetbar-panel.picture-panel.dragging .upload .upload-wrapper .center-wrapper .caption-upload {
  opacity: 0;
}
.widgetbar-panel.picture-panel.dragging .upload .upload-wrapper .center-wrapper .caption-upload-dop {
  opacity: 0;
}
.widgetbar-panel.picture-panel.dragging .upload .upload-wrapper .center-wrapper .caption-drop {
  opacity: 1;
}
.widgetbar-panel.picture-panel.dragging .social {
  opacity: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.picture-panel .upload .upload-wrapper .center-wrapper .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/upload@2x.png');
    background-size: 83px 63px;
  }
  .widgetbar-panel.picture-panel .social .search .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search@2x.png');
    background-size: 16px 16px;
  }
  .widgetbar-panel.picture-panel .social .search .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search-hover@2x.png');
    background-size: 16px 16px;
  }
  .widgetbar-panel.picture-panel .social .search .icon.upload-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.picture-panel .social .search .icon.upload-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.picture-panel .social .flickr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.picture-panel .social .flickr:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr-hover@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.picture-panel .social .unsplash {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash@2x.png');
    background-size: 28px 24px;
  }
  .widgetbar-panel.picture-panel .social .unsplash:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash-hover@2x.png');
    background-size: 28px 24px;
  }
  .widgetbar-panel.picture-panel .social .facebook {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-facebook@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.picture-panel .social .dropbox {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-dropbox@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.picture-panel .social .camera {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-camera@2x.png');
    background-size: 18px 18px;
  }
}
.widgetbar-panel.background-panel {
  background: transparent;
}
.widgetbar-panel.background-panel .views {
  background: rgba(243, 243, 243, 0.95);
  border-radius: 8px 8px 0 0;
}
.widgetbar-panel.background-panel .tabs {
  background: rgba(68, 68, 76, 0.95);
  border-radius: 0 0 8px 8px;
}
.widgetbar-panel.background-panel > .corner {
  border-color: rgba(68, 68, 76, 0.95) transparent transparent transparent;
}
.widgetbar-panel.background-panel.hide-top-corners {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.widgetbar-panel.background-panel .custom-header {
  -webkit-transition: text-shadow 0.5s ease-in-out;
  transition: text-shadow 0.5s ease-in-out;
  position: absolute;
  top: 12px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: #989ea8;
  text-shadow: #fff 0 1px 1px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.widgetbar-panel.background-panel .views .view.color .rmcolorbox {
  position: relative;
}
.widgetbar-panel.background-panel .views .view.picture {
  z-index: 2;
  position: relative;
  height: 240px;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.widgetbar-panel.background-panel .views .view.picture .upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widgetbar-panel.background-panel .views .view.picture .upload .uploadInput {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}
.widgetbar-panel.background-panel .views .view.picture .upload .upload-wrapper {
  position: absolute;
  top: 48px;
  left: 50%;
  -webkit-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
}
.widgetbar-panel.background-panel .views .view.picture .upload .upload-wrapper .center-wrapper {
  position: relative;
  left: -50%;
  cursor: pointer;
}
.widgetbar-panel.background-panel .views .view.picture .upload .upload-wrapper .center-wrapper .icon {
  width: 83px;
  height: 63px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/upload.png') no-repeat 0 0;
  margin: 0 auto;
  position: relative;
}
.widgetbar-panel.background-panel .views .view.picture .upload .upload-wrapper .center-wrapper .caption-upload {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 27px;
  color: #989ea8;
  margin-top: 3px;
  text-align: center;
  white-space: nowrap;
  height: 27px;
  -webkit-transition: opacity 0.4s ease-in-out, color 0.15s ease-in-out;
  transition: opacity 0.4s ease-in-out, color 0.15s ease-in-out;
}
.widgetbar-panel.background-panel .views .view.picture .upload .upload-wrapper .center-wrapper .caption-drop {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 27px;
  color: #989ea8;
  margin-top: 3px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  margin-top: -27px;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.widgetbar-panel.background-panel .views .view.picture .upload .upload-wrapper .center-wrapper:hover .caption-upload {
  color: #1ce4c8;
}
.widgetbar-panel.background-panel .views .view.picture .picture_preloader.rmpreloader {
  position: absolute;
  top: 107px;
  display: none;
  opacity: 1;
  left: 80px;
  z-index: 100;
}
.widgetbar-panel.background-panel .views .view.picture .picture_preloader.rmpreloader .shadow {
  display: none;
}
.widgetbar-panel.background-panel .views .view.picture .social {
  position: absolute;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 176px;
  height: 66px;
  left: 50%;
  margin-left: -88px;
  top: 158px;
}
.widgetbar-panel.background-panel .views .view.picture .social .search {
  position: absolute;
  width: 100%;
  height: 28px;
}
.widgetbar-panel.background-panel .views .view.picture .social .search input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 136px;
  height: 28px;
  border-radius: 4px;
  padding: 0px 31px 0 9px;
  border: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #989ea8;
  background: white;
}
.widgetbar-panel.background-panel .views .view.picture .social .search input::-webkit-input-placeholder {
  color: rgba(151, 158, 168, 0.5);
}
.widgetbar-panel.background-panel .views .view.picture .social .search input:-moz-placeholder {
  color: rgba(151, 158, 168, 0.5);
}
.widgetbar-panel.background-panel .views .view.picture .social .search .icon {
  position: absolute;
  top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .search .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .search .icon.upload-icon {
  top: 5px;
  width: 18px;
  height: 18px;
  right: 6px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .search .icon.upload-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .search .icon.hidden {
  display: none;
}
.widgetbar-panel.background-panel .views .view.picture .social .flickr,
.widgetbar-panel.background-panel .views .view.picture .social .facebook,
.widgetbar-panel.background-panel .views .view.picture .social .dropbox,
.widgetbar-panel.background-panel .views .view.picture .social .unsplash {
  position: absolute;
  top: 42px;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.background-panel .views .view.picture .social .flickr {
  cursor: pointer;
  left: 0;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .flickr:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .unsplash {
  cursor: pointer;
  left: 32px;
  width: 28px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash.png') no-repeat 50% 50%;
}
.widgetbar-panel.background-panel .views .view.picture .social .unsplash:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash-hover.png') no-repeat 50% 50%;
}
.widgetbar-panel.background-panel .views .view.picture .social .facebook {
  display: none;
  left: 64px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-facebook.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .dropbox {
  display: none;
  left: 96px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-dropbox.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .social .camera {
  display: none;
  position: absolute;
  top: 45px;
  width: 18px;
  height: 18px;
  left: 158px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-camera.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  border-radius: 8px 8px 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .image {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 8px 8px 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .mask,
.widgetbar-panel.background-panel .views .view.picture .preview .mask-stub {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask.png') no-repeat 0 0;
  border-radius: 7px 7px 0 0;
  -webkit-transition: visibility 0.5s linear, opacity 0.5s ease-in-out;
  transition: visibility 0.5s linear, opacity 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .mask-stub {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-stub.png') repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .effects-button {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  bottom: 16px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  right: 16px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/effects.png') no-repeat 0 0;
  -webkit-transition: visibility 0.5s linear, opacity 0.5s ease-in-out;
  transition: visibility 0.5s linear, opacity 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .effects-button:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/effects-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .effects-button.active {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/effects-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.background-panel .views .view.picture .preview .delete {
  position: absolute;
  bottom: 16px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  left: 50%;
  margin-left: -9px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete.png') no-repeat 0 0;
  -webkit-transition: visibility 0.5s linear, opacity 0.5s ease-in-out;
  transition: visibility 0.5s linear, opacity 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .delete:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .view.picture .preview .opacity {
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.picture.dragging .upload .upload-wrapper {
  top: 80px;
}
.widgetbar-panel.background-panel .views .view.picture.dragging .upload .upload-wrapper .center-wrapper .caption-upload {
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.picture.dragging .upload .upload-wrapper .center-wrapper .caption-drop {
  opacity: 1;
}
.widgetbar-panel.background-panel .views .view.picture.dragging .social {
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.picture.loaded .upload,
.widgetbar-panel.background-panel .views .view.picture.loaded .social {
  display: none;
}
.widgetbar-panel.background-panel .views .view.picture.loaded .custom-header {
  text-shadow: transparent 0 1px 1px;
}
.widgetbar-panel.background-panel .views .view.picture.loaded .preview {
  visibility: visible;
  height: 100%;
}
.widgetbar-panel.background-panel .views .view.picture.loaded .preview .mask {
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.background-panel .views .view.picture.loaded .preview .mask-stub {
  opacity: 0;
  visibility: hidden;
}
.widgetbar-panel.background-panel .views .view.picture.loaded .preview .effects-button,
.widgetbar-panel.background-panel .views .view.picture.loaded .preview .delete {
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.background-panel .views .view.picture.loaded .preview .opacity {
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .preview {
  visibility: visible;
  height: 100%;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .preview .delete {
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .preview .mask-stub {
  visibility: visible !important;
  opacity: 1 !important;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .preview .mask {
  visibility: hidden !important;
  opacity: 0 !important;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .preview .opacity {
  visibility: hidden !important;
  opacity: 0 !important;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .preview .effects-button {
  visibility: hidden !important;
  opacity: 0 !important;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .picture_preloader.rmpreloader {
  display: block;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .upload,
.widgetbar-panel.background-panel .views .view.picture.preloading .social {
  display: none;
}
.widgetbar-panel.background-panel .views .view.picture.preloading .custom-header {
  text-shadow: transparent 0 1px 1px;
}
.widgetbar-panel.background-panel .views .view.picture.canceling .preview {
  display: none;
}
.widgetbar-panel.background-panel .views .view.video {
  z-index: 2;
  position: relative;
  height: 240px;
}
.widgetbar-panel.background-panel .views .view.video *.invisible {
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.video .search {
  position: absolute;
  top: 158px;
  left: 16px;
}
.widgetbar-panel.background-panel .views .view.video .search .icon {
  right: 40px;
}
.widgetbar-panel.background-panel .views .view.video .error-message {
  position: absolute;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #989ea8;
  text-align: center;
  width: 100%;
  height: 85px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.background-panel .views .view.video .play_sign {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/play.png') no-repeat 0 0;
  width: 85px;
  height: 85px;
  position: absolute;
  top: 52px;
  left: 60px;
}
.widgetbar-panel.background-panel .views .view.video .mask {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-video.png') no-repeat 0 0;
  border-radius: 7px 7px 0 0;
}
.widgetbar-panel.background-panel .views .view.video .mask.solid {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-video-solid.png');
}
.widgetbar-panel.background-panel .views .view.video .image {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  border-radius: 8px 8px 0 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 150%;
}
.widgetbar-panel.background-panel .views .view.video .social,
.widgetbar-panel.background-panel .views .view.video .play_sign {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.widgetbar-panel.background-panel .views .view.video .settings,
.widgetbar-panel.background-panel .views .view.video .mask {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.background-panel .views .view.video.video_set .social,
.widgetbar-panel.background-panel .views .view.video.video_set .play_sign {
  opacity: 0;
}
.widgetbar-panel.background-panel .views .view.video.video_set .custom-header {
  text-shadow: transparent 0 1px 1px;
}
.widgetbar-panel.background-panel .views .view.video.video_set .error-message {
  top: 50px;
  color: white;
}
.widgetbar-panel.background-panel .views .view.video.video_set .search {
  top: 198px;
}
.widgetbar-panel.background-panel .views .view.video.video_set .mask {
  opacity: 1;
}
.widgetbar-panel.background-panel .views .view.video.video_set .settings {
  opacity: 1;
  z-index: 1;
  position: absolute;
  top: 33px;
  left: 35px;
}
.widgetbar-panel.background-panel .views .view.video.video_set .settings .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-right: 49px;
  margin-left: -3px;
  float: left;
  line-height: 26px;
  padding-left: 0;
}
.widgetbar-panel.background-panel .views .view.video.video_set .opacity {
  width: 144px;
  left: -4px;
  top: 109px;
  margin-left: 0;
}
.widgetbar-panel.background-panel .views .opacity {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 110px;
  border-radius: 14px;
  width: 178px;
  height: 28px;
  left: 50%;
  margin-left: -89px;
  box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.32);
}
.widgetbar-panel.background-panel .views .opacity .opacity-handle {
  position: absolute;
  top: 0;
  left: 162px;
  margin-left: -14px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/opacity-handle.png') no-repeat 0 0;
  width: 28px;
  height: 29px;
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.widgetbar-panel.background-panel .views .opacity .opacity-handle:hover,
.widgetbar-panel.background-panel .views .opacity .opacity-handle.opacity-dragging {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/opacity-handle-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .views .opacity .opacity-handle:hover .opacity-val,
.widgetbar-panel.background-panel .views .opacity .opacity-handle.opacity-dragging .opacity-val {
  opacity: 1;
}
.widgetbar-panel.background-panel .views .opacity .opacity-handle .opacity-val {
  position: absolute;
  top: -23px;
  left: 50%;
  margin-left: -19px;
  width: 47px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  text-align: center;
  color: #f2f2f2;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.widgetbar-panel.background-panel .views .opacity .opacity-handle .opacity-val .val {
  padding: 0 2px;
}
.widgetbar-panel.background-panel .views .opacity .opacity-handle .opacity-val .percent {
  vertical-align: super;
  font-size: 11px;
  color: #989ea8;
}
.widgetbar-panel.background-panel .content {
  z-index: 2;
}
.widgetbar-panel.background-panel .content .tabs .tab.color {
  left: 14px;
}
.widgetbar-panel.background-panel .content .tabs .tab.color .icon {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #fff;
  opacity: 0.5;
}
.widgetbar-panel.background-panel .content .tabs .tab.color.active .icon {
  opacity: 1;
}
.widgetbar-panel.background-panel .content .tabs .tab.color:hover .icon {
  opacity: 1;
}
.widgetbar-panel.background-panel .content .tabs .tab.picture {
  left: 74px;
}
.widgetbar-panel.background-panel .content .tabs .tab.picture .icon {
  width: 34px;
  height: 30px;
  margin-top: 1px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/picture.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .content .tabs .tab.picture.active .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/picture-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.background-panel .content .tabs .tab.picture:hover .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/picture-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .content .tabs .tab.video {
  left: 134px;
}
.widgetbar-panel.background-panel .content .tabs .tab.video .icon {
  width: 32px;
  height: 32px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/video.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .content .tabs .tab.video:not(.disabled).active .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/video-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.background-panel .content .tabs .tab.video:not(.disabled):hover .icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/video-hover.png') no-repeat 0 0;
}
.widgetbar-panel.background-panel .sidebar-wrapper {
  position: absolute;
  height: 100%;
  left: 100%;
  top: 0;
  z-index: -1;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-perspective-origin: 0 50%;
  perspective-origin: 0 50%;
}
.widgetbar-panel.background-panel .sidebar-wrapper.hidden {
  width: 0;
}
.widgetbar-panel.background-panel .sidebar-wrapper.hidden .sidebar {
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  opacity: 0.8;
}
.widgetbar-panel.background-panel .sidebar-wrapper .sidebar {
  position: relative;
  width: 128px;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(28, 28, 28, 0.96);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.widgetbar-panel.background-panel .sidebar-wrapper .sidebar .effects {
  padding: 8px;
}
.widgetbar-panel.background-panel .sidebar-wrapper .sidebar .effects .effects-column {
  float: left;
}
.widgetbar-panel.background-panel .sidebar-wrapper .sidebar .effects .effects-column .effect {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-size: cover !important;
  border-radius: 3px;
  margin: 16px 8px;
  position: relative;
}
.widgetbar-panel.background-panel .sidebar-wrapper .sidebar .effects .effects-column .effect:hover {
  box-shadow: 0 0 0 1px #1c1c1c, 0 0 0 2px #636370;
}
.widgetbar-panel.background-panel .sidebar-wrapper .sidebar .effects .effects-column .effect.active {
  box-shadow: 0 0 0 1px #1c1c1c, 0 0 0 2px #1ce4c8 !important;
}
.widgetbar-panel.background-panel .sidebar-wrapper .sidebar .effects .effects-column .effect.original.active {
  cursor: initial;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.background-panel .views .view.picture .upload .upload-wrapper .center-wrapper .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/upload@2x.png');
    background-size: 83px 63px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .search .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search@2x.png');
    background-size: 16px 16px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .search .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-search-hover@2x.png');
    background-size: 16px 16px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .search .icon.upload-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .search .icon.upload-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-upload-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .flickr {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .flickr:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-flickr-hover@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .unsplash {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash@2x.png');
    background-size: 28px 24px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .unsplash:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-unsplash-hover@2x.png');
    background-size: 28px 24px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .facebook {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-facebook@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .dropbox {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-dropbox@2x.png');
    background-size: 24px 24px;
  }
  .widgetbar-panel.background-panel .views .view.picture .social .camera {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/social-camera@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.background-panel .views .view.picture .preview .mask,
  .widgetbar-panel.background-panel .views .view.picture .preview .mask-stub {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask@2x.png');
    background-size: 208px 240px;
  }
  .widgetbar-panel.background-panel .views .view.picture .preview .mask-stub {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-stub@2x.png');
    background-size: 4px 4px;
  }
  .widgetbar-panel.background-panel .views .view.picture .preview .effects-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/effects@2x.png');
    background-size: 32px 32px;
  }
  .widgetbar-panel.background-panel .views .view.picture .preview .effects-button:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/effects-hover@2x.png');
    background-size: 32px 32px;
  }
  .widgetbar-panel.background-panel .views .view.picture .preview .effects-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/effects-active@2x.png') !important;
    background-size: 32px 32px !important;
  }
  .widgetbar-panel.background-panel .views .view.picture .preview .delete {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.background-panel .views .view.picture .preview .delete:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.background-panel .views .view.video .play_sign {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/play@2x.png');
    background-size: 84px 84px;
  }
  .widgetbar-panel.background-panel .views .view.video .mask {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-video@2x.png');
    background-size: 208px 240px;
  }
  .widgetbar-panel.background-panel .views .view.video .mask.solid {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-video-solid@2x.png');
    background-size: 208px 240px;
  }
  .widgetbar-panel.background-panel .views .opacity .opacity-handle {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/opacity-handle@2x.png');
    background-size: 28px 29px;
  }
  .widgetbar-panel.background-panel .views .opacity .opacity-handle:hover,
  .widgetbar-panel.background-panel .views .opacity .opacity-handle.opacity-dragging {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/opacity-handle-hover@2x.png');
    background-size: 28px 29px;
  }
  .widgetbar-panel.background-panel .content .tabs .tab.picture .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/picture@2x.png');
    background-size: 34px 30px;
  }
  .widgetbar-panel.background-panel .content .tabs .tab.picture.active .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/picture-active@2x.png') !important;
    background-size: 34px 30px !important;
  }
  .widgetbar-panel.background-panel .content .tabs .tab.picture:hover .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/picture-hover@2x.png');
    background-size: 34px 30px;
  }
  .widgetbar-panel.background-panel .content .tabs .tab.video .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/video@2x.png');
    background-size: 32px 32px;
  }
  .widgetbar-panel.background-panel .content .tabs .tab.video:not(.disabled).active .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/video-active@2x.png') !important;
    background-size: 32px 32px !important;
  }
  .widgetbar-panel.background-panel .content .tabs .tab.video:not(.disabled):hover .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/video-hover@2x.png');
    background-size: 32px 32px;
  }
}
.video-panel {
  -webkit-transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.3s ease-in-out;
  transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.3s ease-in-out;
  height: 128px;
}
.video-panel .header {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.video-panel.error.loading .preview .image-wrapper .image {
  opacity: 0;
}
.video-panel.error.loading .preview .logo {
  opacity: 0;
}
.video-panel.error.loading .preview .caption-wrapper {
  opacity: 1;
}
.video-panel.error.loading .preview .settings-button {
  opacity: 0;
}
.video-panel.error.loading .preview .video_preloader.rmpreloader {
  opacity: 0;
}
.video-panel.loading {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.video-panel.loading .preview .logo {
  opacity: 1;
}
.video-panel.loading .preview .video_preloader.rmpreloader {
  opacity: 1;
}
.video-panel.loaded {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.video-panel.loaded .preview .image-wrapper .image {
  opacity: 1;
}
.video-panel.loaded .preview .logo {
  opacity: 1;
}
.video-panel.loaded .preview .caption-wrapper {
  opacity: 1;
}
.video-panel.loaded .preview .settings-button {
  opacity: 1;
}
.video-panel.loaded .preview .video_preloader.rmpreloader {
  opacity: 0;
}
.video-panel.loaded,
.video-panel.loading {
  height: 224px;
}
.video-panel.loaded .header,
.video-panel.loading .header {
  opacity: 0;
}
.video-panel.loaded .preview,
.video-panel.loading .preview {
  height: 170px;
}
.video-panel.loaded .social,
.video-panel.loading .social {
  height: 28px;
}
.video-panel.loaded .social .search,
.video-panel.loading .social .search {
  top: 3px;
}
.video-panel.loaded .social .youtube,
.video-panel.loading .social .youtube,
.video-panel.loaded .social .vimeo,
.video-panel.loading .social .vimeo,
.video-panel.loaded .social .camera,
.video-panel.loading .social .camera {
  opacity: 0;
}
.video-panel .preview {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  height: 0;
}
.video-panel .preview .video_preloader.rmpreloader {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -14px;
  margin-left: -22px;
}
.video-panel .preview .video_preloader.rmpreloader .shadow {
  display: none;
}
.video-panel .preview .logo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 14px;
  margin-left: -30px;
  width: 60px;
  height: 20px;
}
.video-panel .preview .logo.vimeo {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/vimeo.png') no-repeat 0 0;
}
.video-panel .preview .logo.youtube {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/youtube.png') no-repeat 0 0;
}
.video-panel .preview .caption-wrapper {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  width: 160px;
  left: 50%;
  margin-left: -80px;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  overflow: hidden;
}
.video-panel .preview .caption-wrapper .caption {
  width: 160px;
  height: 60px;
  overflow: hidden;
  display: table;
}
.video-panel .preview .caption-wrapper .caption p {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #f2f2f2;
  line-height: 20px;
  font-size: 18px;
}
.video-panel .preview .image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-panel .preview .image-wrapper .image {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  border-radius: 12px 12px 0 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  margin-top: -1px;
  margin-left: -1px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 150%;
}
.video-panel .preview .mask {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/mask.png') no-repeat 0 0;
  border-radius: 8px 8px 0 0;
}
.video-panel .preview .settings-button {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  bottom: 16px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  right: 16px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/settings.png') no-repeat 0 0;
}
.video-panel .preview .settings-button:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/settings-hover.png') no-repeat 0 0;
}
.video-panel .preview .settings-button.active {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/settings-active.png') no-repeat 0 0 !important;
}
.video-panel .search {
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  position: absolute;
  top: 0;
  width: 100%;
  height: 28px;
  z-index: 1;
}
.video-panel .search .mask-error {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  padding: 1px;
  border-radius: 4px;
  background: rgba(255, 84, 71, 0.6);
  display: none;
}
.video-panel .search input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 136px;
  height: 28px;
  border-radius: 4px;
  padding: 0px 31px 0 9px;
  border: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #989ea8;
  background: white;
}
.video-panel .search input::-webkit-input-placeholder {
  color: rgba(151, 158, 168, 0.5);
}
.video-panel .search input:-moz-placeholder {
  color: rgba(151, 158, 168, 0.5);
}
.video-panel .search .icon {
  position: absolute;
  top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  right: 7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-search.png') no-repeat 0 0;
}
.video-panel .search .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-search-hover.png') no-repeat 0 0;
}
.video-panel .search .icon.upload-icon {
  top: 5px;
  width: 18px;
  height: 18px;
  right: 6px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-upload.png') no-repeat 0 0;
}
.video-panel .search .icon.upload-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-upload-hover.png') no-repeat 0 0;
}
.video-panel .search .icon.remove-icon {
  top: 5px;
  width: 18px;
  height: 18px;
  right: 6px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/delete.png') no-repeat 0 0;
}
.video-panel .search .icon.remove-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/delete-hover.png') no-repeat 0 0;
}
.video-panel .search .icon.hidden {
  display: none;
}
.video-panel .social {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  position: absolute;
  width: 176px;
  height: 66px;
  left: 50%;
  margin-left: -88px;
  bottom: 16px;
}
.video-panel .social .youtube,
.video-panel .social .vimeo {
  position: absolute;
  bottom: 0px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.video-panel .social .youtube {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  left: 0;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-youtube.png') no-repeat 0 0;
}
.video-panel .social .youtube:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-youtube-hover.png') no-repeat 0 0;
}
.video-panel .social .vimeo {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  left: 32px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-vimeo.png') no-repeat 0 0;
}
.video-panel .social .vimeo:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-vimeo-hover.png') no-repeat 0 0;
}
.video-panel .social .camera {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  bottom: 3px;
  width: 18px;
  height: 18px;
  left: 158px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-camera.png') no-repeat 0 0;
}
.video-panel .social .camera {
  display: none;
}
.video-panel .sidebar-wrapper {
  position: absolute;
  height: 100%;
  left: 100%;
  top: 0;
  z-index: -1;
  width: 168px;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-perspective-origin: 0 50%;
  perspective-origin: 0 50%;
}
.video-panel .sidebar-wrapper.hidden {
  width: 0;
}
.video-panel .sidebar-wrapper.hidden .sidebar {
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  opacity: 0.8;
}
.video-panel .sidebar-wrapper .sidebar {
  position: absolute;
  width: 168px;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(28, 28, 28, 0.96);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  clip: rect(-999px, 999px, auto, 0);
}
.video-panel .sidebar-wrapper .sidebar .colorbox_container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  left: 130px;
  top: -44px;
}
.video-panel .settings {
  padding-top: 2px;
}
.video-panel .settings .setting {
  position: relative;
  width: 100%;
  height: 28px;
  margin-top: 12px;
}
.video-panel .settings .setting .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #f2f2f2;
  font-size: 14px;
  padding-left: 16px;
  float: left;
  line-height: 28px;
}
.video-panel .settings .setting .switcher {
  float: right;
  margin-right: 16px;
}
.video-panel .settings .setting.color.vimeo .switcher {
  position: relative;
  width: 64px;
  border-radius: 18px;
  height: 28px;
  cursor: pointer;
}
.video-panel .settings .setting.color.vimeo .switcher .arrow-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/color-arrow.png');
  background-repeat: no-repeat;
  background-color: white;
}
.video-panel .settings .setting.color.vimeo .switcher:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/color-arrow-hover.png');
}
.video-panel .settings .setting.color.youtube .switcher {
  width: 64px;
  height: 28px;
}
.video-panel .settings .setting.color.youtube input {
  display: none;
}
.video-panel .settings .setting.color.youtube input + label {
  border-radius: 100%;
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin-top: 1px;
}
.video-panel .settings .setting.color.youtube input + label div {
  display: none;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 9px 0 0 9px;
}
.video-panel .settings .setting.color.youtube input:checked + label div {
  display: block;
}
.video-panel .settings .setting.color.youtube #wgt_video_youtube_radio_dark + label {
  background-color: #44444c;
  float: left;
}
.video-panel .settings .setting.color.youtube #wgt_video_youtube_radio_dark + label div {
  background-color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
}
.video-panel .settings .setting.color.youtube #wgt_video_youtube_radio_light + label {
  background-color: white;
  float: right;
}
.video-panel .settings .setting.color.youtube #wgt_video_youtube_radio_light + label div {
  background-color: #44444c;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .video-panel .preview .logo.vimeo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/vimeo@2x.png');
    background-size: 60px 20px;
  }
  .video-panel .preview .logo.youtube {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/youtube@2x.png');
    background-size: 60px 20px;
  }
  .video-panel .preview .mask {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/mask@2x.png');
    background-size: 208px 240px;
  }
  .video-panel .preview .settings-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/settings@2x.png');
    background-size: 32px 32px;
  }
  .video-panel .preview .settings-button:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/settings-hover@2x.png');
    background-size: 32px 32px;
  }
  .video-panel .preview .settings-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/settings-active@2x.png') !important;
    background-size: 32px 32px !important;
  }
  .video-panel .search .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-search@2x.png');
    background-size: 16px 16px;
  }
  .video-panel .search .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-search-hover@2x.png');
    background-size: 16px 16px;
  }
  .video-panel .search .icon.upload-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-upload@2x.png');
    background-size: 18px 18px;
  }
  .video-panel .search .icon.upload-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-upload-hover@2x.png');
    background-size: 18px 18px;
  }
  .video-panel .search .icon.remove-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/delete@2x.png');
    background-size: 18px 18px;
  }
  .video-panel .search .icon.remove-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/delete-hover@2x.png');
    background-size: 18px 18px;
  }
  .video-panel .social .youtube {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-youtube@2x.png');
    background-size: 24px 24px;
  }
  .video-panel .social .youtube:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-youtube-hover@2x.png');
    background-size: 24px 24px;
  }
  .video-panel .social .vimeo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-vimeo@2x.png');
    background-size: 24px 24px;
  }
  .video-panel .social .vimeo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-vimeo-hover@2x.png');
    background-size: 24px 24px;
  }
  .video-panel .social .camera {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/social-camera@2x.png');
    background-size: 18px 18px;
  }
  .video-panel .settings .setting.color.vimeo .switcher .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/color-arrow@2x.png');
    background-size: 12px 12px;
  }
  .video-panel .settings .setting.color.vimeo .switcher:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/video/color-arrow-hover@2x.png');
    background-size: 12px 12px;
  }
}
.widgetbar-panel.text-panel {
  background-color: rgba(28, 28, 28, 0.95);
}
.widgetbar-panel.text-panel > .corner {
  border-color: rgba(28, 28, 28, 0.95) transparent transparent transparent;
}
.widgetbar-panel.text-panel .header {
  display: none;
}
.text-panel .content {
  padding: 8px 0;
}
.text-panel .scroll-wrapper {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.text-panel .scroll-wrapper .scroll {
  display: none;
  position: absolute;
  width: 4px;
  border-radius: 2px;
  background: rgba(182, 182, 188, 0.28);
  right: 4px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.text-panel .scroll-wrapper .scroll:hover,
.text-panel .scroll-wrapper .scroll.dragging {
  background: rgba(182, 182, 188, 0.4);
  width: 8px;
  border-radius: 4px;
}
.text-panel .scroll-wrapper .items-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
  max-height: 359px;
  overflow-x: hidden;
}
.text-panel .scroll-wrapper .items-wrapper .items {
  position: relative;
  width: 208px;
}
.text-panel .scroll-wrapper .items-wrapper .items .item:not(.removed) ~ .item:not(.removed) {
  border-top: 1px dotted rgba(118, 118, 118, 0.3);
}
.text-panel .scroll-wrapper .items-wrapper .items .item {
  left: 0;
  position: relative;
  width: 100%;
  height: 39px;
  border-top: none;
  background-clip: padding-box;
  padding-right: 75px;
  -webkit-transition: left 0.15s ease-in-out;
  transition: left 0.15s ease-in-out;
  overflow: hidden;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.removed {
  display: none;
}
.text-panel .scroll-wrapper .items-wrapper .items .item:hover {
  background-color: rgba(63, 63, 66, 0.8);
}
.text-panel .scroll-wrapper .items-wrapper .items .item:hover div.menu-ellipsis {
  display: block;
  background-color: #fff;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.selected .first-words {
  color: #1ce4c8;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.selected .menu-ellipsis {
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
}
.text-panel .scroll-wrapper .items-wrapper .items .item.empty-text .first-words {
  color: rgba(255, 255, 255, 0.2);
}
.text-panel .scroll-wrapper .items-wrapper .items .item.hidden_widget .first-words {
  color: rgba(255, 255, 255, 0.2);
}
.text-panel .scroll-wrapper .items-wrapper .items .item.hidden_widget .menu-ellipsis {
  display: none !important;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.hidden_widget .unhide {
  display: block !important;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.disable-settings .menu-ellipsis {
  display: none !important;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.opened .menu-ellipsis {
  display: block !important;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.opened .unhide {
  display: none !important;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .item-menu {
  position: absolute;
  right: 0;
  height: 100%;
  width: 75px;
  top: 0;
  background: #1ce4c8;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-hide {
  position: absolute;
  left: 16px;
  top: 11px;
  cursor: pointer;
  width: 16px;
  height: 13px;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-hide:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye-hover.png');
}
.text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-delete {
  position: absolute;
  left: 42px;
  top: 11px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-delete:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/x-hover.png');
}
.text-panel .scroll-wrapper .items-wrapper .items .item.hidden_widget .item-menu .menu-hide {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye-hidden.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.hidden_widget .item-menu .menu-hide:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye-hidden-hover.png');
}
.text-panel .scroll-wrapper .items-wrapper .items .item .first-words {
  cursor: pointer;
  position: absolute;
  left: 16px;
  right: 123px;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  line-height: 39px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .unhide {
  position: absolute;
  right: 93px;
  top: 11px;
  cursor: pointer;
  display: none;
  width: 16px;
  height: 13px;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/unhide.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .unhide:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/unhide-hover.png');
}
.text-panel .scroll-wrapper .items-wrapper .items .item.opened {
  left: -75px;
  background-color: rgba(63, 63, 66, 0.8);
}
.text-panel .scroll-wrapper .items-wrapper .items .item.opened div.menu-ellipsis {
  background-color: #1ce4c8;
  display: block;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.opened div.menu-ellipsis .dot.left {
  top: 10px;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.opened div.menu-ellipsis .dot.middle {
  top: 5px;
}
.text-panel .scroll-wrapper .items-wrapper .items .item.opened div.menu-ellipsis .dot.right {
  top: 10px;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .menu-ellipsis {
  position: absolute;
  right: 91px;
  top: 9px;
  cursor: pointer;
  display: none;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .menu-ellipsis .dot {
  position: absolute;
  width: 3px;
  height: 3px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/dot.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: top 0.15s ease-in-out;
  transition: top 0.15s ease-in-out;
  top: 8px;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .menu-ellipsis .dot.left {
  left: 4px;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .menu-ellipsis .dot.middle {
  left: 8px;
}
.text-panel .scroll-wrapper .items-wrapper .items .item .menu-ellipsis .dot.right {
  left: 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-hide {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye@2x.png');
    background-size: 16px 13px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-hide:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye-hover@2x.png');
    background-size: 16px 13px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-delete {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/x@2x.png');
    background-size: 16px 16px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item .item-menu .menu-delete:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/x-hover@2x.png');
    background-size: 16px 16px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item.hidden_widget .item-menu .menu-hide {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye-hidden@2x.png');
    background-size: 16px 13px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item.hidden_widget .item-menu .menu-hide:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/eye-hidden-hover@2x.png');
    background-size: 16px 13px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item .unhide {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/unhide@2x.png');
    background-size: 16px 13px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item .unhide:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/unhide-hover@2x.png');
    background-size: 16px 13px;
  }
  .text-panel .scroll-wrapper .items-wrapper .items .item .menu-ellipsis .dot {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/text/dot@2x.png');
    background-size: 3px 3px;
  }
}
.widgetbar-panel.slideshow-panel {
  -webkit-transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.3s ease-in-out;
  transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.3s ease-in-out;
  height: 200px;
}
.widgetbar-panel.slideshow-panel.has-upload-images {
  height: 344px;
}
.widgetbar-panel.slideshow-panel.has-upload-images .upload {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.widgetbar-panel.slideshow-panel.has-upload-images .settings {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.widgetbar-panel.slideshow-panel.dragging .upload .upload-wrapper .center-wrapper .caption-upload {
  opacity: 0;
}
.widgetbar-panel.slideshow-panel.dragging .upload .upload-wrapper .center-wrapper .caption-upload-dop {
  opacity: 0;
}
.widgetbar-panel.slideshow-panel.dragging .upload .upload-wrapper .center-wrapper .caption-drop {
  opacity: 1;
}
.widgetbar-panel.slideshow-panel.uploading .picture_preloader.rmpreloader {
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.slideshow-panel.uploading .upload {
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.slideshow-panel.uploading .loading {
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.slideshow-panel .picture_preloader.rmpreloader {
  position: absolute;
  top: 78px;
  visibility: hidden;
  opacity: 0;
  left: 82px;
  z-index: 100;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.widgetbar-panel.slideshow-panel .picture_preloader.rmpreloader .arc {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader-dark.png");
}
.widgetbar-panel.slideshow-panel .picture_preloader.rmpreloader .arc {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader-dark.png");
}
.widgetbar-panel.slideshow-panel .picture_preloader.rmpreloader .shadow {
  display: none;
}
.widgetbar-panel.slideshow-panel .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  border-radius: 8px 8px 0 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.widgetbar-panel.slideshow-panel .loading .mask {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-stub.png') repeat 0 0;
  border-radius: 7px;
}
.widgetbar-panel.slideshow-panel .loading .delete {
  position: absolute;
  bottom: 16px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  left: 50%;
  margin-left: -9px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete.png') no-repeat 0 0;
}
.widgetbar-panel.slideshow-panel .loading .delete:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete-hover.png') no-repeat 0 0;
}
.widgetbar-panel.slideshow-panel .upload {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widgetbar-panel.slideshow-panel .upload .uploadInput {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}
.widgetbar-panel.slideshow-panel .upload .upload-wrapper {
  position: absolute;
  top: 54px;
  left: 50%;
  -webkit-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
}
.widgetbar-panel.slideshow-panel .upload .upload-wrapper .center-wrapper {
  position: relative;
  left: -50%;
  cursor: pointer;
}
.widgetbar-panel.slideshow-panel .upload .upload-wrapper .center-wrapper .icon {
  width: 83px;
  height: 63px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/upload.png') no-repeat 0 0;
  margin: 0 auto;
  position: relative;
}
.widgetbar-panel.slideshow-panel .upload .upload-wrapper .center-wrapper .caption-upload {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 27px;
  color: #989ea8;
  margin-top: 3px;
  text-align: center;
  white-space: nowrap;
  height: 27px;
  -webkit-transition: opacity 0.4s ease-in-out, color 0.15s ease-in-out;
  transition: opacity 0.4s ease-in-out, color 0.15s ease-in-out;
}
.widgetbar-panel.slideshow-panel .upload .upload-wrapper .center-wrapper .caption-upload-dop {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #989ea8;
  margin-top: 1px;
  text-align: center;
  white-space: nowrap;
  height: 16px;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.widgetbar-panel.slideshow-panel .upload .upload-wrapper .center-wrapper .caption-drop {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 27px;
  color: #989ea8;
  margin-top: 3px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  margin-top: -43px;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.widgetbar-panel.slideshow-panel .upload .upload-wrapper .center-wrapper:hover .caption-upload {
  color: #1ce4c8;
}
.widgetbar-panel.slideshow-panel .settings {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: relative;
  width: 100%;
}
.widgetbar-panel.slideshow-panel .settings .selector {
  width: 100%;
  z-index: 1;
  position: relative;
  height: 25px;
  margin-top: 19px;
}
.widgetbar-panel.slideshow-panel .settings .selector .left-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -88px;
  width: 13px;
  height: 25px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/left-arrow.png') no-repeat 0 0;
}
.widgetbar-panel.slideshow-panel .settings .selector .left-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/left-arrow-hover.png') no-repeat 0 0;
}
.widgetbar-panel.slideshow-panel .settings .selector .right-arrow {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -88px;
  width: 13px;
  height: 25px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/right-arrow.png') no-repeat 0 0;
}
.widgetbar-panel.slideshow-panel .settings .selector .right-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/right-arrow-hover.png') no-repeat 0 0;
}
.widgetbar-panel.slideshow-panel .settings .separator {
  width: 176px;
  height: 1px;
  margin: 15px auto 13px;
  background: #d7dbe0;
  border-bottom: 1px solid #fff;
}
.widgetbar-panel.slideshow-panel .settings .themes_params {
  position: relative;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .colorbox_container {
  position: absolute;
  z-index: 1;
  display: none;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .theme {
  position: absolute;
  left: 0;
  top: -50px;
  width: 100%;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .theme .theme-caption {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  color: #44444c;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 240px;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params[data-current-theme="theme_classic"] .param.param-thumbnails {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params[data-current-theme="theme_classic"] .param.param-counters {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params[data-current-theme="theme_captions"] .param.param-counters {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params[data-current-theme="theme_captions"] .param.param-thumbnails {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param {
  position: relative;
  top: -40px;
  width: 100%;
  height: 28px;
  margin-bottom: 12px;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-fullscreen,
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-thumbnails {
  top: 0;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #44444c;
  font-size: 14px;
  padding-left: 24px;
  float: left;
  line-height: 28px;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param .switcher {
  float: right;
  margin-right: 24px;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-controls .switcher,
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-background .switcher {
  position: relative;
  width: 64px;
  border-radius: 18px;
  height: 28px;
  cursor: pointer;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/opacity-grid.png');
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-controls .switcher .arrow-icon,
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-background .switcher .arrow-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/color-arrow.png');
  background-repeat: no-repeat;
  background-color: white;
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-controls .switcher:hover .arrow-icon,
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-background .switcher:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/color-arrow-hover.png');
}
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-controls .switcher .color,
.widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-background .switcher .color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.slideshow-panel .picture_preloader.rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader-dark@2x.png");
    background-size: 38px 38px;
  }
  .widgetbar-panel.slideshow-panel .picture_preloader.rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader-dark@2x.png");
    background-size: 38px 38px;
  }
  .widgetbar-panel.slideshow-panel .loading .mask {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/mask-stub@2x.png');
    background-size: 4px 4px;
  }
  .widgetbar-panel.slideshow-panel .loading .delete {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.slideshow-panel .loading .delete:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/delete-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.slideshow-panel .upload .upload-wrapper .center-wrapper .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/background/upload@2x.png');
    background-size: 83px 63px;
  }
  .widgetbar-panel.slideshow-panel .settings .selector .left-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/left-arrow@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.slideshow-panel .settings .selector .left-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/left-arrow-hover@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.slideshow-panel .settings .selector .right-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/right-arrow@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.slideshow-panel .settings .selector .right-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/right-arrow-hover@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-controls .switcher,
  .widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-background .switcher {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/opacity-grid@2x.png');
    background-size: 8px 8px;
  }
  .widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-controls .switcher .arrow-icon,
  .widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-background .switcher .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/color-arrow@2x.png');
    background-size: 12px 12px;
  }
  .widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-controls .switcher:hover .arrow-icon,
  .widgetbar-panel.slideshow-panel .settings .themes_params .params .param.param-background .switcher:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/slideshow/color-arrow-hover@2x.png');
    background-size: 12px 12px;
  }
}
.widgetbar-panel.twitter-panel {
  background-color: rgba(19, 155, 232, 0.95);
}
.widgetbar-panel.twitter-panel > .corner {
  border-color: rgba(19, 155, 232, 0.95) transparent transparent transparent;
}
.widgetbar-panel.twitter-panel .header .caption {
  color: #f2f2f2;
  text-shadow: rgba(0, 0, 0, 0.22) 0 -1px 1px;
  top: 11px;
}
.widgetbar-panel.twitter-panel {
  -webkit-transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  height: 192px;
}
.widgetbar-panel.twitter-panel[data-current-type='type_timeline'],
.widgetbar-panel.twitter-panel[data-current-type='type_embed'] {
  height: 216px;
}
.widgetbar-panel.twitter-panel[data-current-type='type_tweet'] {
  height: 192px;
}
.widgetbar-panel.twitter-panel[data-current-type='type_follow'] {
  height: 232px;
}
.widgetbar-panel.twitter-panel[data-current-type='type_hashtag'] {
  height: 192px;
}
.widgetbar-panel.twitter-panel .selector {
  position: relative;
  margin: 12px auto 0;
  width: 176px;
  height: 36px;
  background: #70c6f8;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.23), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.twitter-panel .selector:hover {
  background: #86d3ff;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.23), 0 1px 1px 0 rgba(0, 0, 0, 0.22);
}
.widgetbar-panel.twitter-panel .selector .caption {
  text-align: center;
  line-height: 36px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #fff;
}
.widgetbar-panel.twitter-panel .selector .popup-arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 15px;
  right: 9px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/popup-arrow.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .selector.opened .types-popup {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.widgetbar-panel.twitter-panel .selector .types-popup {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  left: -1px;
  top: 0;
  width: 152px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  background: rgba(255, 255, 255, 0.96);
  border-radius: 3px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.widgetbar-panel.twitter-panel .selector .types-popup .type-item {
  position: relative;
  padding: 8px 13px 8px 23px;
  color: #44444c;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.widgetbar-panel.twitter-panel .selector .types-popup .type-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 9px;
  top: 12px;
}
.widgetbar-panel.twitter-panel .selector .types-popup .type-item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-hover.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .selector .types-popup .type-item.curr .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.twitter-panel .types-param {
  position: relative;
}
.widgetbar-panel.twitter-panel .types-param .type-param {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.widgetbar-panel.twitter-panel .types-param .type-param.current {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_timeline"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_embed"] {
  text-align: center;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_timeline"] .param[data-param="code"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_embed"] .param[data-param="code"] {
  margin: 12px auto 8px;
  width: 176px;
  height: 92px;
  position: relative;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_timeline"] .param[data-param="code"] textarea,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_embed"] .param[data-param="code"] textarea {
  padding: 8px;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #979ea8;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  border-radius: 5px;
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_timeline"] .param[data-param="code"] textarea::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_embed"] .param[data-param="code"] textarea::-webkit-input-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_timeline"] .param[data-param="code"] textarea:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_embed"] .param[data-param="code"] textarea:-moz-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_timeline"] .embed-tutorial,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_embed"] .embed-tutorial {
  color: #fff;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_timeline"] .embed-tutorial:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_embed"] .embed-tutorial:hover {
  text-decoration: none;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] {
  margin: 12px auto 0;
  width: 176px;
  height: 28px;
  position: relative;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 121px;
  height: 28px;
  border-radius: 5px;
  padding: 0px 30px 0 25px;
  border: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #979ea8;
  background: white;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] input::-webkit-input-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] input::-webkit-input-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] input:-moz-placeholder,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] input:-moz-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .prefix,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .prefix {
  position: absolute;
  left: 9px;
  top: 0;
  line-height: 28px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #979ea8;
  font-size: 14px;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon {
  position: absolute;
  top: 5px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  right: 6px;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.remove-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.remove-icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-delete.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.remove-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.remove-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-delete-hover.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.target-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.target-icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-target.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.target-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.target-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-target-hover.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.go-icon,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.go-icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-go.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.go-icon:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.go-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-go-hover.png') no-repeat 0 0;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.hidden {
  display: none;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup {
  width: 168px;
  background-color: #363234;
  bottom: 27px;
  border-radius: 4px;
  left: 50%;
  margin-left: -84px;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup.hidden,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup.hidden {
  opacity: 0;
  visibility: hidden;
  bottom: 19px;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup li,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup li {
  height: 34px;
  line-height: 34px;
  display: block;
  font-size: 14px;
  color: white;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup li:hover,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup li:hover {
  color: #1ce4c8;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup li:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup li:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #262324;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup li:last-child:after {
  display: none;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper {
  position: absolute;
  left: 84px;
  width: 16px;
  height: 8px;
  bottom: -8px;
  margin-left: -8px;
  clip: rect(0, 115px, 107px, -99px);
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 2px;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner {
  background-color: #363234;
  box-shadow: none;
  margin-left: 0;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon .use-url-popup .hover-zone {
  width: 60px;
  height: 15px;
  bottom: -15px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] input,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] input {
  width: 137px;
  padding: 0px 30px 0 9px;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .separator,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .separator,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .separator {
  width: 176px;
  height: 1px;
  margin: 19px auto 13px;
  opacity: 0.14;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="show_count"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="show_count"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="show_count"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="show_name"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="show_name"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="show_name"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="large_button"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="large_button"],
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="large_button"] {
  position: relative;
  width: 100%;
  height: 28px;
  margin-top: 12px;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="show_count"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="show_count"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="show_count"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="show_name"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="show_name"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="show_name"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="large_button"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="large_button"] .caption,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="large_button"] .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  padding-left: 24px;
  float: left;
  line-height: 28px;
}
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="show_count"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="show_count"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="show_count"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="show_name"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="show_name"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="show_name"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="large_button"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="large_button"] .switcher,
.widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="large_button"] .switcher {
  float: right;
  margin-right: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.twitter-panel .selector .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/popup-arrow@2x.png');
    background-size: 7px 7px;
  }
  .widgetbar-panel.twitter-panel .selector .types-popup .type-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .widgetbar-panel.twitter-panel .selector .types-popup .type-item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-active@2x.png') !important;
    background-size: 6px 6px !important;
  }
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.remove-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.remove-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-delete@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.remove-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.remove-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-delete-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.target-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.target-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-target@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.target-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.target-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-target-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.go-icon,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.go-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-go@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="username"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="username"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="username"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="hash"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="hash"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="hash"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_tweet"] .param[data-param="url"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_follow"] .param[data-param="url"] .icon.go-icon:hover,
  .widgetbar-panel.twitter-panel .types-param .type-param[data-type="type_hashtag"] .param[data-param="url"] .icon.go-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/input-go-hover@2x.png');
    background-size: 18px 18px;
  }
}
.widgetbar-panel.shape-panel {
  height: 136px;
}
.widgetbar-panel.shape-panel .selector {
  margin-top: 16px;
  width: 100%;
  text-align: center;
}
.widgetbar-panel.shape-panel .selector[data-current-type='rectangle'] .shape[data-type='rectangle'] {
  cursor: default !important;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/rectangle-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.shape-panel .selector[data-current-type='polygon'] .shape[data-type='polygon'] {
  cursor: default !important;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/polygon-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.shape-panel .selector[data-current-type='ellipse'] .shape[data-type='ellipse'] {
  cursor: default !important;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/ellipse-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.shape-panel .selector[data-current-type='line'] .shape[data-type='line'] {
  cursor: default !important;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/line-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.shape-panel .selector[data-current-type='icon'] .shape[data-type='icon'] {
  cursor: default !important;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/icon-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.shape-panel .selector .shape {
  display: inline-block;
  height: 28px;
  width: 28px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin: 0 6px 16px;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='rectangle'] {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/rectangle.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='rectangle']:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/rectangle-hover.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='polygon'] {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/polygon.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='polygon']:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/polygon-hover.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='ellipse'] {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/ellipse.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='ellipse']:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/ellipse-hover.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='line'] {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/line.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='line']:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/line-hover.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='icon'] {
  height: 29px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/icon.png') no-repeat 0 0;
}
.widgetbar-panel.shape-panel .selector .shape[data-type='icon']:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/icon-hover.png') no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.shape-panel .selector[data-current-type='rectangle'] .shape[data-type='rectangle'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/rectangle-active@2x.png') !important;
    background-size: 28px 28px !important;
  }
  .widgetbar-panel.shape-panel .selector[data-current-type='polygon'] .shape[data-type='polygon'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/polygon-active@2x.png') !important;
    background-size: 28px 28px !important;
  }
  .widgetbar-panel.shape-panel .selector[data-current-type='ellipse'] .shape[data-type='ellipse'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/ellipse-active@2x.png') !important;
    background-size: 28px 28px !important;
  }
  .widgetbar-panel.shape-panel .selector[data-current-type='line'] .shape[data-type='line'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/line-active@2x.png') !important;
    background-size: 28px 28px !important;
  }
  .widgetbar-panel.shape-panel .selector[data-current-type='icon'] .shape[data-type='icon'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/icon-active@2x.png') !important;
    background-size: 28px 29px !important;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='rectangle'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/rectangle@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='rectangle']:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/rectangle-hover@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='polygon'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/polygon@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='polygon']:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/polygon-hover@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='ellipse'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/ellipse@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='ellipse']:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/ellipse-hover@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='line'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/line@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='line']:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/line-hover@2x.png');
    background-size: 28px 28px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='icon'] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/icon@2x.png');
    background-size: 28px 29px;
  }
  .widgetbar-panel.shape-panel .selector .shape[data-type='icon']:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/shape/icon-hover@2x.png');
    background-size: 28px 29px;
  }
}
.widgetbar-panel.facebook-panel {
  background-color: rgba(67, 94, 161, 0.95);
}
.widgetbar-panel.facebook-panel > .corner {
  border-color: rgba(67, 94, 161, 0.95) transparent transparent transparent;
}
.widgetbar-panel.facebook-panel .header .caption {
  color: #f2f2f2;
  text-shadow: rgba(0, 0, 0, 0.22) 0 -1px 1px;
  top: 11px;
}
.widgetbar-panel.facebook-panel {
  -webkit-transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  height: 312px;
}
.widgetbar-panel.facebook-panel[data-current-type='type_like_button'],
.widgetbar-panel.facebook-panel[data-current-type='type_page'] {
  height: 312px;
}
.widgetbar-panel.facebook-panel[data-current-type='type_comments'] {
  height: 232px;
}
.widgetbar-panel.facebook-panel .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, 9999px, auto, auto);
}
.widgetbar-panel.facebook-panel .selector {
  position: relative;
  margin: 40px auto 0;
  width: 176px;
  height: 36px;
  background: #7aa0ff;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.23), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.facebook-panel .selector:hover {
  background: #95b3fc;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.23), 0 1px 1px 0 rgba(0, 0, 0, 0.22);
}
.widgetbar-panel.facebook-panel .selector .caption {
  text-align: center;
  line-height: 36px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #fff;
}
.widgetbar-panel.facebook-panel .selector .popup-arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 15px;
  right: 9px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/popup-arrow.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .selector.opened .types-popup {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.widgetbar-panel.facebook-panel .selector .types-popup {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  left: -1px;
  top: 0;
  width: 152px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  background: rgba(255, 255, 255, 0.96);
  border-radius: 3px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.widgetbar-panel.facebook-panel .selector .types-popup .type-item {
  position: relative;
  padding: 8px 13px 8px 23px;
  color: #44444c;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.widgetbar-panel.facebook-panel .selector .types-popup .type-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 9px;
  top: 12px;
}
.widgetbar-panel.facebook-panel .selector .types-popup .type-item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/point-hover.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .selector .types-popup .type-item.curr .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/point-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.facebook-panel .types-param {
  position: relative;
}
.widgetbar-panel.facebook-panel .types-param .type-param {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.widgetbar-panel.facebook-panel .types-param .type-param.current {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.widgetbar-panel.facebook-panel .types-param .type-param.disable-show-faces-switcher[data-type="type_like_button"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param.disable-show-faces-switcher[data-type="type_like_button"] .param[data-param="show_faces"] .switcher {
  opacity: 0.3;
}
.widgetbar-panel.facebook-panel .types-param .type-param.disable-show-faces-switcher[data-type="type_like_button"] .param[data-param="show_faces"] .overlay {
  display: block;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] {
  width: 100%;
  z-index: 1;
  position: relative;
  height: 25px;
  margin-top: 19px;
  margin-bottom: -4px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .left-arrow,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .left-arrow,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .left-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -88px;
  width: 13px;
  height: 25px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/left-arrow.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .left-arrow:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .left-arrow:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .left-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/left-arrow-hover.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .right-arrow,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .right-arrow,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .right-arrow {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -88px;
  width: 13px;
  height: 25px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/right-arrow.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .right-arrow:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .right-arrow:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .right-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/right-arrow-hover.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .layout-name,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .layout-name,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .layout-name {
  width: 100%;
  position: absolute;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  display: none;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] {
  margin: 12px auto 0;
  width: 176px;
  height: 28px;
  position: relative;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] input,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] input,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 121px;
  height: 28px;
  border-radius: 5px;
  padding: 0px 30px 0 25px;
  border: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #979ea8;
  background: white;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] input::-webkit-input-placeholder,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] input::-webkit-input-placeholder,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] input::-webkit-input-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] input:-moz-placeholder,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] input:-moz-placeholder,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] input:-moz-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon {
  position: absolute;
  top: 5px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  right: 6px;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.remove-icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.remove-icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.remove-icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-delete.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.remove-icon:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.remove-icon:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.remove-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-delete-hover.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.target-icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.target-icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.target-icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-target.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.target-icon:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.target-icon:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.target-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-target-hover.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.go-icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.go-icon,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.go-icon {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-go.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.go-icon:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.go-icon:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.go-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-go-hover.png') no-repeat 0 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.hidden,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.hidden,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.hidden {
  display: none;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup {
  width: 168px;
  background-color: #363234;
  bottom: 27px;
  border-radius: 4px;
  left: 50%;
  margin-left: -84px;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, bottom 0.2s ease-in-out;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup.hidden,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup.hidden,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup.hidden {
  opacity: 0;
  visibility: hidden;
  bottom: 19px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup li,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup li,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup li {
  height: 34px;
  line-height: 34px;
  display: block;
  font-size: 14px;
  color: white;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup li:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup li:hover,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup li:hover {
  color: #1ce4c8;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup li:after,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup li:after,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup li:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #262324;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup li:last-child:after,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup li:last-child:after {
  display: none;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper {
  position: absolute;
  left: 84px;
  width: 16px;
  height: 8px;
  bottom: -8px;
  margin-left: -8px;
  clip: rect(0, 115px, 107px, -99px);
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 2px;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup .corner-wrapper .corner {
  background-color: #363234;
  box-shadow: none;
  margin-left: 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon .use-url-popup .hover-zone,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon .use-url-popup .hover-zone {
  width: 60px;
  height: 15px;
  bottom: -15px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] input,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] input,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] input {
  width: 137px;
  padding: 0px 30px 0 9px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .separator,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .separator,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .separator {
  width: 176px;
  height: 1px;
  margin: 19px auto 13px;
  opacity: 0.14;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] {
  position: relative;
  width: 100%;
  height: 26px;
  margin-top: 14px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  padding-left: 24px;
  float: left;
  line-height: 26px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher {
  float: right;
  margin-right: 24px;
  width: 64px;
  height: 26px;
  position: relative;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher .color-item,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher .color-item,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher .color-item {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  top: 0;
  cursor: pointer;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher .color-item .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher .color-item .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher .color-item .point {
  display: none;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 9px 0 0 9px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher .color-item.curr .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher .color-item.curr .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher .color-item.curr .point {
  display: block;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher .color-item[data-value="light"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher .color-item[data-value="light"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher .color-item[data-value="light"] {
  background: #fff;
  left: 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher .color-item[data-value="light"] .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher .color-item[data-value="light"] .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher .color-item[data-value="light"] .point {
  background-color: #44444c;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher .color-item[data-value="dark"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher .color-item[data-value="dark"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher .color-item[data-value="dark"] {
  background: #000;
  right: 0;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="theme"] .switcher .color-item[data-value="dark"] .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="theme"] .switcher .color-item[data-value="dark"] .point,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="theme"] .switcher .color-item[data-value="dark"] .point {
  background-color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] .switcher {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"] .overlay,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"] .overlay,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] .overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="share_button"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="share_button"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="share_button"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_stream"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_stream"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_stream"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="small_header"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="small_header"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="small_header"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] {
  position: relative;
  width: 100%;
  height: 28px;
  margin-top: 12px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="share_button"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="share_button"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="share_button"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_stream"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_stream"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_stream"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="small_header"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="small_header"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="small_header"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  padding-left: 24px;
  float: left;
  line-height: 28px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="share_button"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="share_button"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="share_button"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_stream"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_stream"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_stream"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="small_header"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="small_header"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="small_header"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="show_faces"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="show_faces"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="show_faces"] .switcher {
  float: right;
  margin-right: 24px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="num_posts"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="num_posts"],
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="num_posts"] {
  position: relative;
  width: 100%;
  height: 26px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="num_posts"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="num_posts"] .caption,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="num_posts"] .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  padding-left: 24px;
  float: left;
  line-height: 26px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="num_posts"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="num_posts"] .switcher,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="num_posts"] .switcher {
  float: right;
  margin-right: 24px;
}
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="num_posts"] .param-input,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="num_posts"] .param-input,
.widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="num_posts"] .param-input {
  position: absolute;
  top: -2px;
  color: #f2f2f2;
  font-size: 24px;
  text-align: center;
  width: 40px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
  margin-left: -33px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.facebook-panel .selector .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/popup-arrow@2x.png');
    background-size: 7px 7px;
  }
  .widgetbar-panel.facebook-panel .selector .types-popup .type-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .widgetbar-panel.facebook-panel .selector .types-popup .type-item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/point-active@2x.png') !important;
    background-size: 6px 6px !important;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .left-arrow,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .left-arrow,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .left-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/left-arrow@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .left-arrow:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .left-arrow:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .left-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/left-arrow-hover@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .right-arrow,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .right-arrow,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .right-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/right-arrow@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="layout"] .right-arrow:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="layout"] .right-arrow:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="layout"] .right-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/right-arrow-hover@2x.png');
    background-size: 13px 25px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.remove-icon,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.remove-icon,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.remove-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-delete@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.remove-icon:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.remove-icon:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.remove-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-delete-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.target-icon,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.target-icon,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.target-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-target@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.target-icon:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.target-icon:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.target-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-target-hover@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.go-icon,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.go-icon,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.go-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-go@2x.png');
    background-size: 18px 18px;
  }
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_like_button"] .param[data-param="url"] .icon.go-icon:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_page"] .param[data-param="url"] .icon.go-icon:hover,
  .widgetbar-panel.facebook-panel .types-param .type-param[data-type="type_comments"] .param[data-param="url"] .icon.go-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/facebook/input-go-hover@2x.png');
    background-size: 18px 18px;
  }
}
.audio-panel {
  -webkit-transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.3s ease-in-out;
  transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.3s ease-in-out;
  height: 128px;
}
.audio-panel .header {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.audio-panel.error.loading .preview .image-wrapper .image {
  opacity: 0;
}
.audio-panel.error.loading .preview .soundcloud-small-logo {
  opacity: 0;
}
.audio-panel.error.loading .preview .caption-wrapper {
  opacity: 1;
}
.audio-panel.error.loading .preview .settings-button {
  opacity: 0;
}
.audio-panel.error.loading .preview .param[data-param="type"] {
  opacity: 0;
}
.audio-panel.error.loading .preview .audio_preloader.rmpreloader {
  opacity: 0;
}
.audio-panel.loading {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.audio-panel.loading .preview .soundcloud-small-logo {
  opacity: 1;
}
.audio-panel.loading .preview .audio_preloader.rmpreloader {
  opacity: 1;
}
.audio-panel.loaded {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.audio-panel.loaded .preview .image-wrapper .image {
  opacity: 1;
}
.audio-panel.loaded .preview .soundcloud-small-logo {
  opacity: 1;
}
.audio-panel.loaded .preview .caption-wrapper {
  opacity: 1;
}
.audio-panel.loaded .preview .settings-button {
  opacity: 1;
}
.audio-panel.loaded .preview .param[data-param="type"] {
  opacity: 1;
}
.audio-panel.loaded .preview .audio_preloader.rmpreloader {
  opacity: 0;
}
.audio-panel.loaded,
.audio-panel.loading {
  height: 264px;
}
.audio-panel.loaded .header,
.audio-panel.loading .header {
  opacity: 0;
}
.audio-panel.loaded .preview,
.audio-panel.loading .preview {
  height: 210px;
}
.audio-panel.loaded .social .soundcloud-logo,
.audio-panel.loading .social .soundcloud-logo {
  opacity: 0;
}
.audio-panel .preview {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  height: 0;
}
.audio-panel .preview .audio_preloader.rmpreloader {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -14px;
  margin-left: -22px;
}
.audio-panel .preview .audio_preloader.rmpreloader .shadow {
  display: none;
}
.audio-panel .preview .soundcloud-small-logo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 14px;
  margin-left: -15px;
  width: 29px;
  height: 14px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/logo-small.png') no-repeat 0 0;
}
.audio-panel .preview .caption-wrapper {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  width: 160px;
  left: 50%;
  margin-left: -80px;
  top: 50px;
  height: 60px;
  overflow: hidden;
}
.audio-panel .preview .caption-wrapper .caption {
  width: 160px;
  height: 60px;
  overflow: hidden;
  display: table;
}
.audio-panel .preview .caption-wrapper .caption p {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #f2f2f2;
  line-height: 20px;
  font-size: 18px;
}
.audio-panel .preview .image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.audio-panel .preview .image-wrapper .image {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  border-radius: 12px 12px 0 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  margin-top: -1px;
  margin-left: -1px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;
}
.audio-panel .preview .mask {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/mask.png') no-repeat 0 0;
  border-radius: 8px 8px 0 0;
}
.audio-panel .preview .settings-button {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  bottom: 16px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  right: 16px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/settings.png') no-repeat 0 0;
}
.audio-panel .preview .settings-button:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/settings-hover.png') no-repeat 0 0;
}
.audio-panel .preview .settings-button.active {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/settings-active.png') no-repeat 0 0 !important;
}
.audio-panel .preview .param[data-param="type"] {
  position: absolute;
  width: 100%;
  top: 119px;
  height: 26px;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.audio-panel .preview .param[data-param="type"] .left-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -76px;
  width: 13px;
  height: 26px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/left-arrow.png') no-repeat 0 0;
}
.audio-panel .preview .param[data-param="type"] .left-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/left-arrow-hover.png') no-repeat 0 0;
}
.audio-panel .preview .param[data-param="type"] .right-arrow {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -76px;
  width: 13px;
  height: 26px;
  cursor: pointer;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/right-arrow.png') no-repeat 0 0;
}
.audio-panel .preview .param[data-param="type"] .right-arrow:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/right-arrow-hover.png') no-repeat 0 0;
}
.audio-panel .preview .param[data-param="type"] .type-name {
  width: 100%;
  position: absolute;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  display: none;
}
.audio-panel .search {
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 28px;
  z-index: 1;
}
.audio-panel .search .mask-error {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  padding: 1px;
  border-radius: 4px;
  background: rgba(255, 84, 71, 0.6);
  display: none;
}
.audio-panel .search input {
  -moz-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 136px;
  height: 28px;
  border-radius: 4px;
  padding: 0px 31px 0 9px;
  border: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #989ea8;
  background: white;
}
.audio-panel .search input::-webkit-input-placeholder {
  color: rgba(151, 158, 168, 0.5);
  font-size: 13px;
}
.audio-panel .search input:-moz-placeholder {
  color: rgba(151, 158, 168, 0.5);
  font-size: 13px;
}
.audio-panel .search .icon {
  position: absolute;
  cursor: pointer;
  top: 5px;
  width: 18px;
  height: 18px;
  right: 6px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/social-upload.png') no-repeat 0 0;
}
.audio-panel .search .icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/social-upload-hover.png') no-repeat 0 0;
}
.audio-panel .search .icon.remove-icon {
  top: 5px;
  width: 18px;
  height: 18px;
  right: 6px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/delete.png') no-repeat 0 0;
}
.audio-panel .search .icon.remove-icon:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/delete-hover.png') no-repeat 0 0;
}
.audio-panel .search .icon.hidden {
  display: none;
}
.audio-panel .social {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  position: absolute;
  width: 176px;
  height: 74px;
  left: 50%;
  margin-left: -88px;
  bottom: 14px;
}
.audio-panel .social .soundcloud-logo {
  display: block;
  position: relative;
  width: 70px;
  height: 34px;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/logo.png') no-repeat 0 0;
}
.audio-panel .social .soundcloud-logo:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/logo-hover.png') no-repeat 0 0;
}
.audio-panel .sidebar-wrapper {
  position: absolute;
  height: 100%;
  left: 100%;
  top: 0;
  z-index: -1;
  width: 168px;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-perspective-origin: 0 50%;
  perspective-origin: 0 50%;
}
.audio-panel .sidebar-wrapper.hidden {
  width: 0;
}
.audio-panel .sidebar-wrapper.hidden .sidebar {
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  opacity: 0.8;
}
.audio-panel .sidebar-wrapper .sidebar {
  position: absolute;
  width: 168px;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(28, 28, 28, 0.96);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  clip: rect(-999px, 999px, auto, 0);
}
.audio-panel .sidebar-wrapper .sidebar .colorbox_container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  left: 130px;
  top: -6px;
}
.audio-panel .settings {
  padding-top: 2px;
}
.audio-panel .settings .setting {
  position: relative;
  width: 100%;
  height: 28px;
  margin-top: 12px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
}
.audio-panel .settings .setting .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #f2f2f2;
  font-size: 14px;
  padding-left: 16px;
  float: left;
  line-height: 28px;
}
.audio-panel .settings .setting .switcher {
  float: right;
  margin-right: 16px;
}
.audio-panel .settings .setting.color {
  top: -40px;
}
.audio-panel .settings .setting.color .switcher {
  position: relative;
  width: 64px;
  border-radius: 18px;
  height: 28px;
  cursor: pointer;
}
.audio-panel .settings .setting.color .switcher .arrow-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/color-arrow.png');
  background-repeat: no-repeat;
  background-color: white;
}
.audio-panel .settings .setting.color .switcher:hover .arrow-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/color-arrow-hover.png');
}
.audio-panel .settings[data-type="visual"] .setting.info,
.audio-panel .settings[data-type="visual"] .setting.artwork,
.audio-panel .settings[data-type="visual"] .setting.color,
.audio-panel .settings[data-type="visual"] .setting.playcount {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.audio-panel .settings[data-type="visual"] .setting.socials {
  top: -40px;
}
.audio-panel .settings[data-type="standard"] .setting.info {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.audio-panel .settings[data-type="minimal"] .setting.comments,
.audio-panel .settings[data-type="minimal"] .setting.socials,
.audio-panel .settings[data-type="minimal"] .setting.playcount {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.audio-panel .settings[data-type="minimal"] .setting.artwork {
  top: -40px;
}
.audio-panel .settings[data-type="minimal"] .setting.info {
  top: -120px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .audio-panel .preview .soundcloud-small-logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/logo-small@2x.png');
    background-size: 29px 14px;
  }
  .audio-panel .preview .mask {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/mask@2x.png');
    background-size: 208px 240px;
  }
  .audio-panel .preview .settings-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/settings@2x.png');
    background-size: 32px 32px;
  }
  .audio-panel .preview .settings-button:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/settings-hover@2x.png');
    background-size: 32px 32px;
  }
  .audio-panel .preview .settings-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/settings-active@2x.png') !important;
    background-size: 32px 32px !important;
  }
  .audio-panel .preview .param[data-param="type"] .left-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/left-arrow@2x.png');
    background-size: 13px 26px;
  }
  .audio-panel .preview .param[data-param="type"] .left-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/left-arrow-hover@2x.png');
    background-size: 13px 26px;
  }
  .audio-panel .preview .param[data-param="type"] .right-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/right-arrow@2x.png');
    background-size: 13px 26px;
  }
  .audio-panel .preview .param[data-param="type"] .right-arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/right-arrow-hover@2x.png');
    background-size: 13px 26px;
  }
  .audio-panel .search .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/social-upload@2x.png');
    background-size: 18px 18px;
  }
  .audio-panel .search .icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/social-upload-hover@2x.png');
    background-size: 18px 18px;
  }
  .audio-panel .search .icon.remove-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/delete@2x.png');
    background-size: 18px 18px;
  }
  .audio-panel .search .icon.remove-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/delete-hover@2x.png');
    background-size: 18px 18px;
  }
  .audio-panel .social .soundcloud-logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/logo@2x.png');
    background-size: 70px 34px;
  }
  .audio-panel .social .soundcloud-logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/logo-hover@2x.png');
    background-size: 70px 34px;
  }
  .audio-panel .settings .setting.color .switcher .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/color-arrow@2x.png');
    background-size: 12px 12px;
  }
  .audio-panel .settings .setting.color .switcher:hover .arrow-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/audio/color-arrow-hover@2x.png');
    background-size: 12px 12px;
  }
}
.widgetbar-panel.gmaps-panel {
  background-color: rgba(93, 79, 59, 0.95);
  -webkit-transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  height: 192px;
}
.widgetbar-panel.gmaps-panel > .corner {
  border-color: rgba(93, 79, 59, 0.95) transparent transparent transparent;
}
.widgetbar-panel.gmaps-panel .header .caption {
  color: #f2f2f2;
  text-shadow: rgba(0, 0, 0, 0.22) 0 -1px 1px;
  top: 11px;
}
.widgetbar-panel.gmaps-panel[data-current-type='standard'] {
  height: 144px;
}
.widgetbar-panel.gmaps-panel[data-current-type='directions'] {
  height: 186px;
}
.widgetbar-panel.gmaps-panel[data-current-type='custom'] {
  height: 274px;
}
.widgetbar-panel.gmaps-panel .selector {
  position: relative;
  margin: 12px auto 0;
  width: 176px;
  height: 36px;
  background: #957f62;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.23), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.gmaps-panel .selector:hover {
  background: #9d8669;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.23), 0 1px 1px 0 rgba(0, 0, 0, 0.22);
}
.widgetbar-panel.gmaps-panel .selector .caption {
  text-align: center;
  line-height: 36px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #fff;
}
.widgetbar-panel.gmaps-panel .selector .popup-arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 15px;
  right: 9px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/popup-arrow.png') no-repeat 0 0;
}
.widgetbar-panel.gmaps-panel .selector.opened .types-popup {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.widgetbar-panel.gmaps-panel .selector .types-popup {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  left: -1px;
  top: 0;
  width: 152px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  background: rgba(255, 255, 255, 0.96);
  border-radius: 3px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.widgetbar-panel.gmaps-panel .selector .types-popup .type-item {
  position: relative;
  padding: 8px 13px 8px 23px;
  color: #44444c;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.widgetbar-panel.gmaps-panel .selector .types-popup .type-item .point {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 9px;
  top: 12px;
}
.widgetbar-panel.gmaps-panel .selector .types-popup .type-item:hover .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-hover.png') no-repeat 0 0;
}
.widgetbar-panel.gmaps-panel .selector .types-popup .type-item.curr .point {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-active.png') no-repeat 0 0 !important;
}
.widgetbar-panel.gmaps-panel .types-param {
  position: relative;
}
.widgetbar-panel.gmaps-panel .types-param .type-param {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.widgetbar-panel.gmaps-panel .types-param .type-param.current {
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] {
  text-align: center;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] .param[data-param="code"] {
  margin: 14px auto 11px;
  width: 176px;
  height: 80px;
  position: relative;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] .param[data-param="code"] textarea {
  padding: 8px;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #979ea8;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  border-radius: 5px;
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] .param[data-param="code"] textarea::-webkit-input-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] .param[data-param="code"] textarea:-moz-placeholder {
  color: #979ea8;
  opacity: 0.5;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] .param[data-param="code"] textarea.error {
  color: red;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] .wizard-link {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: white;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="custom"] .separator {
  width: 176px;
  height: 1px;
  margin: 12px auto 10px;
  opacity: 0.14;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher {
  position: relative;
  height: 30px;
  width: 100%;
  margin-top: 18px;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item {
  position: absolute;
  height: 30px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item:not(.active) {
  cursor: pointer;
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.car {
  width: 32px;
  left: 25px;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-car.png");
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.car.active {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-car-active.png");
}
.isdesktop .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.car:not(.active):hover {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-car-hover.png");
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.bicycle {
  width: 40px;
  left: 85px;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-bicycle.png");
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.bicycle.active {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-bicycle-active.png");
}
.isdesktop .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.bicycle:not(.active):hover {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-bicycle-hover.png");
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.walk {
  width: 20px;
  left: 157px;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-walk.png");
}
.widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.walk.active {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-walk-active.png");
}
.isdesktop .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.walk:not(.active):hover {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-walk-hover.png");
}
.widgetbar-panel.gmaps-panel .map-controls {
  position: absolute;
  width: 100%;
  height: 28px;
  bottom: 22px;
}
.widgetbar-panel.gmaps-panel .map-controls .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  padding-left: 24px;
  float: left;
  line-height: 28px;
}
.widgetbar-panel.gmaps-panel .map-controls .controls-switcher {
  float: right;
  margin-right: 24px;
}
.widgetbar-panel.gmaps-panel .map-controls .controls-switcher .rmswitcher-body .rmswitcher-panel-slider {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.gmaps-panel .map-controls .controls-switcher .rmswitcher-body:hover .rmswitcher-panel-slider {
  -webkit-transform: scale(0.83333333);
  -ms-transform: scale(0.83333333);
  transform: scale(0.83333333);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .widgetbar-panel.gmaps-panel .selector .popup-arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/popup-arrow@2x.png');
    background-size: 7px 7px;
  }
  .widgetbar-panel.gmaps-panel .selector .types-popup .type-item:hover .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-hover@2x.png');
    background-size: 6px 6px;
  }
  .widgetbar-panel.gmaps-panel .selector .types-popup .type-item.curr .point {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/twitter/point-active@2x.png') !important;
    background-size: 6px 6px !important;
  }
  .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.car {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-car@2x.png");
    background-size: 32px 30px;
  }
  .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.car.active {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-car-active@2x.png");
    background-size: 32px 30px;
  }
  .isdesktop .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.car:not(.active):hover {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-car-hover@2x.png");
    background-size: 32px 30px;
  }
  .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.bicycle {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-bicycle@2x.png");
    background-size: 40px 30px;
  }
  .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.bicycle.active {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-bicycle-active@2x.png");
    background-size: 40px 30px;
  }
  .isdesktop .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.bicycle:not(.active):hover {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-bicycle-hover@2x.png");
    background-size: 40px 30px;
  }
  .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.walk {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-walk@2x.png");
    background-size: 20px 30px;
  }
  .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.walk.active {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-walk-active@2x.png");
    background-size: 20px 30px;
  }
  .isdesktop .widgetbar-panel.gmaps-panel .types-param .type-param[data-type="directions"] .route-switcher .route-item.walk:not(.active):hover {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/panels/gmaps/icon-walk-hover@2x.png");
    background-size: 20px 30px;
  }
}
.widgetbar-panel.button-panel {
  width: 208px;
  height: 176px;
}
.widgetbar-panel.button-panel .header {
  height: 18px;
  line-height: 18px;
  padding-top: 18px;
}
.widgetbar-panel.button-panel .header .caption {
  height: 18px;
  line-height: 18px;
  top: 0;
}
.widgetbar-panel.button-panel .content {
  margin-top: 18px;
  text-align: center;
}
.widgetbar-panel.button-panel .content .selector {
  width: 112px;
  margin-left: auto;
  margin-right: auto;
}
.widgetbar-panel.button-panel .content .selector .form {
  display: inline-block;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.widgetbar-panel.button-panel .content .selector .form:hover {
  border-color: #0d79ff;
  cursor: pointer;
}
.widgetbar-panel.button-panel .content .selector .form.active {
  background-color: #0d79ff;
  border-color: #0d79ff;
}
.widgetbar-panel.button-panel .content .selector .form.active:hover {
  border-color: #0d79ff;
  cursor: default;
}
.widgetbar-panel.button-panel .content .selector .rectangle {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
}
.widgetbar-panel.button-panel .content .selector .circle,
.widgetbar-panel.button-panel .content .selector .square {
  width: 40px;
  height: 40px;
}
.widgetbar-panel.button-panel .content .selector .circle {
  float: left;
  border-radius: 20px;
}
.widgetbar-panel.button-panel .content .selector .square {
  float: right;
}
.rmcolorbox {
  position: absolute;
  overflow: hidden;
}
.rmcolorbox-color {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  border-radius: 9px 9px 0 0;
}
.rmcolorbox-type-small .rmcolorbox-color {
  border-radius: 9px 9px 7px 9px;
}
.rmcolorbox .hidden {
  display: none;
}
.rmcolorbox .color-input {
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  -moz-appearance: none;
  background: transparent;
}
.rmcolorbox .input-style-1 {
  font-size: 14px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  height: 17px;
}
.rmcolorbox .input-style-2 {
  font-size: 11px;
  color: #989ea8;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 13px;
  height: 13px;
}
.rmcolorbox-type-small .input-style-2 {
  color: #b6b6bc;
}
.rmcolorbox-hue {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}
.rmcolorbox-hue-canvas1 {
  float: left;
  border-radius: 7px 0 0 0;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}
.rmcolorbox-type-small .rmcolorbox-hue-canvas1 {
  border-radius: 7px 0 0 7px;
}
.rmcolorbox-hue-canvas2 {
  float: left;
}
.rmcolorbox-hue.dragging {
  width: 20px !important;
}
.rmcolorbox-hue:hover {
  width: 20px !important;
}
.rmcolorbox-hue.dragging .rmcolorbox-hue-canvas1 {
  width: 17px !important;
}
.rmcolorbox-hue:hover .rmcolorbox-hue-canvas1 {
  width: 17px !important;
}
.rmcolorbox-type-small .rmcolorbox-hue.dragging {
  width: 16px !important;
}
.rmcolorbox-type-small .rmcolorbox-hue:hover {
  width: 16px !important;
}
.rmcolorbox-type-small .rmcolorbox-hue.dragging .rmcolorbox-hue-canvas1 {
  width: 13px !important;
}
.rmcolorbox-type-small .rmcolorbox-hue:hover .rmcolorbox-hue-canvas1 {
  width: 13px !important;
}
.rmcolorbox-map {
  position: absolute;
  top: 0;
  overflow: hidden;
}
.rmcolorbox-map canvas {
  border-radius: 0 7px 0 0;
}
.rmcolorbox-map-handle {
  position: absolute;
  margin-top: -7px;
  margin-left: -7px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/handle.png') no-repeat 0 0;
  width: 14px;
  height: 15px;
}
.rmcolorbox-map-under-arrow {
  position: absolute;
  left: 0;
  top: 0;
}
.rmcolorbox-map-under-arrow canvas {
  border-radius: 9px 0 0 0;
}
.rmcolorbox-animation-box {
  position: absolute;
  left: 0;
  top: 0;
}
.rmcolorbox-opacity {
  display: none;
  position: absolute;
  bottom: 64px;
  border-radius: 8px;
  width: 112px;
  height: 16px;
  left: 50%;
  margin-left: -54px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/opacity.png') no-repeat 0 0;
  background-color: red;
}
.rmcolorbox-type-small .rmcolorbox-opacity {
  display: block;
}
.without-opacity .rmcolorbox-opacity {
  display: none !important;
}
.rmcolorbox-opacity-handle {
  position: absolute;
  top: 0;
  left: 104px;
  margin-left: -8px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/opacity-handle.png') no-repeat 0 0;
  width: 16px;
  height: 16px;
}
.rmcolorbox-opacity-val {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 11px;
  text-align: center;
  color: #b6b6bc;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.rmcolorbox-opacity-val.dragging {
  opacity: 1;
}
.rmcolorbox-opacity-handle:hover .rmcolorbox-opacity-val {
  opacity: 1;
}
.rmcolorbox-rgb-block-wrapper {
  position: absolute;
  left: 50%;
  top: 203px;
}
.rmcolorbox-type-small .rmcolorbox-rgb-block-wrapper {
  top: 194px;
}
.rmcolorbox-rgb-block {
  position: relative;
  left: -50%;
  white-space: nowrap;
  margin-left: 7px;
}
.rmcolorbox-type-small .rmcolorbox-rgb-block {
  margin-left: 13px;
}
.rmcolorbox-rgb-block:not(.editing):hover span,
.rmcolorbox-rgb-block:not(.editing):hover input {
  color: #1ce4c8 !important;
}
.rmcolorbox-rgb-block-input {
  text-transform: uppercase;
  width: 60px;
}
.rmcolorbox-r-g-b-block-wrapper {
  position: absolute;
  left: 50%;
  top: 222px;
}
.rmcolorbox-type-small .rmcolorbox-r-g-b-block-wrapper {
  top: 213px;
}
.rmcolorbox-r-g-b-block {
  position: relative;
  left: -50%;
  white-space: nowrap;
  margin-left: 6px;
}
.rmcolorbox-type-small .rmcolorbox-r-g-b-block {
  margin-left: 13px;
}
.rmcolorbox-r-g-b-block:not(.editing):hover span,
.rmcolorbox-r-g-b-block:not(.editing):hover input {
  color: #1ce4c8 !important;
}
.rmcolorbox-r-g-b-block span {
  margin-left: -2px;
}
.rmcolorbox-r-block-input {
  text-transform: uppercase;
  width: 30px;
}
.rmcolorbox-g-block-input {
  text-transform: uppercase;
  width: 30px;
}
.rmcolorbox-b-block-input {
  text-transform: uppercase;
  width: 30px;
}
.rmcolorbox-color-input-blocker {
  position: absolute;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  bottom: 0;
}
.rmcolorbox-type-small .rmcolorbox-color-input-blocker {
  height: 65px !important;
}
.rmcolorbox-swatches-button {
  position: absolute;
  top: 211px;
  left: 27px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/fav.png') no-repeat 0 0;
  width: 17px;
  height: 17px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.rmcolorbox-type-small .rmcolorbox-swatches-button {
  top: 194px;
  left: 17px;
}
.rmcolorbox-type-small .rmcolorbox-swatches-button {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/fav.png') no-repeat 0 0;
}
.rmcolorbox-swatches-button.active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/fav-active.png') no-repeat 0 0;
}
.rmcolorbox-swatches-button:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/fav-hover.png') no-repeat 0 0 !important;
}
.rmcolorbox-add-to-swatches-button {
  position: absolute;
  top: 211px;
  right: 26px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/add.png') no-repeat 0 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.rmcolorbox-type-small .rmcolorbox-add-to-swatches-button {
  top: 194px;
  right: 9px;
}
.rmcolorbox-type-small .rmcolorbox-add-to-swatches-button {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/add.png') no-repeat 0 0;
}
.rmcolorbox-add-to-swatches-button:hover {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/add-hover.png') no-repeat 0 0 !important;
}
.rmcolorbox-remove-from-swatches-button {
  position: absolute;
  top: 205px;
  right: 28px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/trash.png') no-repeat 0 0;
  width: 14px;
  height: 24px;
}
.rmcolorbox-type-small .rmcolorbox-remove-from-swatches-button {
  top: 188px;
  right: 11px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/trash.png');
}
.rmcolorbox-remove-from-swatches-button.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/trash-active.png');
  cursor: pointer;
}
.rmcolorbox-remove-from-swatches-button.active:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/trash-hover.png');
}
.rmcolorbox-swatches {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  background: #202020;
  border-radius: 7px 7px 0 0;
}
.rmcolorbox-type-small .rmcolorbox-swatches {
  border-radius: 7px 7px 7px 7px;
}
.rmcolorbox-swatches-placeholdes-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 15px;
  left: 0;
  overflow: hidden;
}
.rmcolorbox-swatches-scroll-handle {
  width: 4px;
  height: 80px;
  position: absolute;
  top: 0;
  right: 10px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.1);
}
.rmcolorbox-type-small .rmcolorbox-swatches-scroll-handle {
  right: 6px;
}
.rmcolorbox-swatches-scroll-handle:hover,
.rmcolorbox-swatches-scroll-handle.dragging {
  right: 8px;
  width: 8px;
  border-radius: 4px;
}
.rmcolorbox-type-small .rmcolorbox-swatches-scroll-handle:hover,
.rmcolorbox-type-small .rmcolorbox-swatches-scroll-handle.dragging {
  right: 4px;
}
.rmcolorbox-swatches-scroll-handle.hidden {
  display: none;
}
.rmcolorbox-swatches-placeholdes {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
}
.rmcolorbox-swatches-placeholder-big {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/circle-big.png') no-repeat 0 0;
}
.rmcolorbox-swatches-placeholder-small {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  margin-top: -14px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/circle-small.png') no-repeat 0 0;
}
.rmcolorbox-type-small .rmcolorbox-swatches-placeholder-big {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/circle-big.png') no-repeat 0 0;
}
.rmcolorbox-type-small .rmcolorbox-swatches-placeholder-small {
  width: 21px;
  height: 21px;
  margin-left: -10px;
  margin-top: -10px;
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/circle-small.png') no-repeat 0 0;
}
.rmcolorbox-swatches-colors {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
}
.rmcolorbox-swatches-color-big {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 100%;
}
.rmcolorbox-swatches-color-small {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  margin-top: -14px;
  border-radius: 100%;
}
.rmcolorbox-type-small .rmcolorbox-swatches-color-big {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  border-radius: 100%;
}
.rmcolorbox-type-small .rmcolorbox-swatches-color-small {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  width: 21px;
  height: 21px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
}
.rmcolorbox-swatches-color-big.selected {
  box-shadow: 0 0 0 1px #606060, 0 0 0 3px #ffffff;
}
.rmcolorbox-swatches-color-small.selected {
  box-shadow: 0 0 0 1px #606060, 0 0 0 3px #ffffff;
}
.rmcolorbox-type-small .rmcolorbox-swatches-color-big.selected {
  box-shadow: 0 0 0 1px #606060, 0 0 0 2px #ffffff;
}
.rmcolorbox-type-small .rmcolorbox-swatches-color-small.selected {
  box-shadow: 0 0 0 1px #606060, 0 0 0 2px #ffffff;
}
.rmcolorbox-swatches-color-removing {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
}
.rmcolorbox-swatches-color-moving {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .rmcolorbox-map-handle {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/handle@2x.png');
    background-size: 14px 15px;
  }
  .rmcolorbox-opacity {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/opacity@2x.png');
    background-size: 112px 16px;
  }
  .rmcolorbox-opacity-handle {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/opacity-handle@2x.png');
    background-size: 16px 16px;
  }
  .rmcolorbox-swatches-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/fav@2x.png');
    background-size: 17px 17px;
  }
  .rmcolorbox-type-small .rmcolorbox-swatches-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/fav@2x.png');
    background-size: 17px 17px;
  }
  .rmcolorbox-swatches-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/fav-active@2x.png');
    background-size: 17px 17px;
  }
  .rmcolorbox-swatches-button:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/fav-hover@2x.png') !important;
    background-size: 17px 17px !important;
  }
  .rmcolorbox-add-to-swatches-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/add@2x.png');
    background-size: 18px 18px;
  }
  .rmcolorbox-type-small .rmcolorbox-add-to-swatches-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/add@2x.png');
    background-size: 18px 18px;
  }
  .rmcolorbox-add-to-swatches-button:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/add-hover@2x.png') !important;
    background-size: 18px 18px !important;
  }
  .rmcolorbox-remove-from-swatches-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/trash@2x.png');
    background-size: 14px 24px;
  }
  .rmcolorbox-type-small .rmcolorbox-remove-from-swatches-button {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/trash@2x.png');
    background-size: 14px 24px;
  }
  .rmcolorbox-remove-from-swatches-button.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/trash-active@2x.png');
    background-size: 14px 24px;
  }
  .rmcolorbox-remove-from-swatches-button.active:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/trash-hover@2x.png');
    background-size: 14px 24px;
  }
  .rmcolorbox-swatches-placeholder-big {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/circle-big@2x.png');
    background-size: 44px 44px;
  }
  .rmcolorbox-swatches-placeholder-small {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/circle-small@2x.png');
    background-size: 28px 28px;
  }
  .rmcolorbox-type-small .rmcolorbox-swatches-placeholder-big {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/circle-big@2x.png');
    background-size: 32px 32px;
  }
  .rmcolorbox-type-small .rmcolorbox-swatches-placeholder-small {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/colorbox/small/circle-small@2x.png');
    background-size: 21px 21px;
  }
}
.rmfontselector {
  position: absolute;
  width: 216px;
  height: 408px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0666);
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.rmfontselector .tabs-switcher {
  position: absolute;
  width: 184px;
  height: 47px;
  top: 0;
  left: 50%;
  margin-left: -92px;
  box-shadow: inset 0 -1px 0 0 #e8e8e9;
}
.rmfontselector .tabs-switcher .caption-system,
.rmfontselector .tabs-switcher .caption-custom {
  position: absolute;
  height: 100%;
  width: 92px;
  border-right: 1px solid #e8e8e9;
  top: 0;
  left: 0;
  font-size: 14px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 47px;
  color: #b6b6bc;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.rmfontselector .tabs-switcher .caption-system:hover,
.rmfontselector .tabs-switcher .caption-custom:hover,
.rmfontselector .tabs-switcher .caption-system.active,
.rmfontselector .tabs-switcher .caption-custom.active {
  color: #4e4e55;
}
.rmfontselector .tabs-switcher .caption-system.active,
.rmfontselector .tabs-switcher .caption-custom.active {
  cursor: default;
}
.rmfontselector .tabs-switcher .caption-custom {
  left: 93px;
  width: 91px;
  border-right: none;
}
.rmfontselector .categories {
  position: absolute;
  width: 100%;
  top: 47px;
  left: 0;
  bottom: 41px;
  overflow: hidden;
}
.rmfontselector .categories .scroll-wrapper {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
}
.rmfontselector .categories .scroll-wrapper .scroll {
  display: none;
  position: absolute;
  width: 4px;
  border-radius: 2px;
  background: rgba(152, 158, 168, 0.28);
  right: 14px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.rmfontselector .categories .scroll-wrapper .scroll:hover,
.rmfontselector .categories .scroll-wrapper .scroll.dragging {
  width: 8px;
  border-radius: 4px;
  background: rgba(152, 158, 168, 0.4);
}
.rmfontselector .categories .scroll-wrapper .category-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category {
  position: relative;
  width: 216px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element {
  position: relative;
  width: 100%;
  height: 34px;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
  overflow: hidden;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element:hover {
  background-color: rgba(152, 158, 168, 0.1);
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.active {
  background-color: rgba(28, 228, 200, 0.28) !important;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.collapsed,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.hidden:not(.active) {
  height: 0;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.collapsed .action,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.hidden:not(.active) .action {
  -webkit-transform: translateY(-100%) scale(0);
  -ms-transform: translateY(-100%) scale(0);
  transform: translateY(-100%) scale(0);
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.collapsed .caption,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.hidden:not(.active) .caption {
  -webkit-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.collapsed .tp-icon,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.hidden:not(.active) .tp-icon {
  -webkit-transform: translateY(-100%) scale(0);
  -ms-transform: translateY(-100%) scale(0);
  transform: translateY(-100%) scale(0);
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.hidden .caption {
  color: rgba(72, 72, 81, 0.4);
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.hidden .action {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/restore.png');
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.disabled .caption {
  color: rgba(72, 72, 81, 0.4);
  cursor: default;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element:hover .action,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.active .action,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element:hover .tp-icon,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.active .tp-icon {
  -webkit-transition: all 0.2s ease, visibility 0s ease;
  transition: all 0.2s ease, visibility 0s ease;
  visibility: inherit;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element:hover .edit-custom-font,
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.active .edit-custom-font {
  opacity: 1;
  visibility: inherit;
  -webkit-transition: all 0.2s ease, visibility 0s ease;
  transition: all 0.2s ease, visibility 0s ease;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  right: 48px;
  line-height: 33px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #484851;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-system .caption {
  right: 24px;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .action {
  position: absolute;
  left: 2px;
  top: 8px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  opacity: 0.2;
  -webkit-transition: 0s visibility ease, 0.2s -webkit-transform ease;
  transition: 0s visibility ease, 0.2s transform ease;
  visibility: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/delete.png');
  cursor: pointer;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .action:hover {
  opacity: 0.4;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .tp-icon {
  position: absolute;
  right: 20px;
  top: 7px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  opacity: 0.22;
  -webkit-transition: 0s visibility ease, 0.2s -webkit-transform ease;
  transition: 0s visibility ease, 0.2s transform ease;
  visibility: hidden;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .tp-icon:hover {
  opacity: 0.44;
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .edit-custom-font {
  position: absolute;
  right: 20px;
  top: 9px;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: 0s visibility ease, 0.2s -webkit-transform ease;
  transition: 0s visibility ease, 0.2s transform ease;
  visibility: hidden;
  cursor: pointer;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/gear.png');
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .edit-custom-font:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/gear-hover.png');
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-google .tp-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/google.png');
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-webtype .tp-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/webtype.png');
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-typekit .tp-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/typekit.png');
}
.rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-typetoday .tp-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/typetoday.png');
}
.rmfontselector .add-font {
  position: absolute;
  width: 184px;
  height: 40px;
  bottom: 0;
  left: 50%;
  margin-left: -92px;
  border-top: 1px solid #E8E8E9;
  font-size: 0;
  text-align: center;
}
.rmfontselector .add-font:hover .add-font-icon {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/add-hover.png');
}
.rmfontselector .add-font .add-font-button {
  text-align: center;
  height: 100%;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  font-size: 14px;
  color: #B6B6BC;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  cursor: pointer;
}
.rmfontselector .add-font .add-font-button:not(:last-child) {
  border-right: 1px solid #E8E8E9;
}
.rmfontselector .add-font .add-font-button:not(.disabled):hover {
  color: #4E4E54;
}
.rmfontselector .upload-font {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px 0 16px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  background-color: #fcfcfc;
  border-radius: 8px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: #4E4E54;
  font-size: 14px;
}
.rmfontselector .upload-font.invisible,
.rmfontselector .upload-font .invisible {
  opacity: 0;
  visibility: hidden;
}
.rmfontselector .upload-font .button {
  height: 32px;
  border: 1px solid #E8E8E9;
  border-radius: 6px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
}
.rmfontselector .upload-font .button.disabled {
  color: #B6B6BC;
  cursor: default;
}
.rmfontselector .upload-font .button:not(.disabled):hover {
  color: #0078FF;
  border-color: #0078FF;
}
.rmfontselector .upload-font .uf-link {
  text-decoration: none;
  color: #B6B6BC;
  font-size: 12px;
}
.rmfontselector .upload-font .uf-link span {
  display: inline-block;
  height: 11px;
  text-decoration: underline;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.rmfontselector .upload-font .uf-link span:hover {
  color: #0078FF;
  text-decoration: none;
}
.rmfontselector .upload-font .uf-section {
  position: relative;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.rmfontselector .upload-font .uf-section.font-name {
  position: relative;
  padding: 14px 0;
  border-bottom: 1px solid #E8E8E9;
}
.rmfontselector .upload-font .uf-section.font-name .font-name-input {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  border: none;
  padding: 0 8px;
  outline: 0;
  margin: 0;
  background: transparent;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.rmfontselector .upload-font .uf-section.font-name .font-name-input:focus::-webkit-input-placeholder,
.rmfontselector .upload-font .uf-section.font-name .font-name-input textarea:focus::-webkit-input-placeholder {
  color: #B6B6BC!important;
}
.rmfontselector .upload-font .uf-section.weight-list {
  height: 318px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .list {
  padding-top: 8px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .list.uploading .reupload-weight {
  cursor: default;
  display: none;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .list.uploading .reupload-weight.animate {
  display: block;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .list.uploading .reupload-weight .font-file-re-upload {
  display: none;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .list.uploading .delete-weight {
  display: none;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight {
  position: relative;
  height: 36px;
  line-height: 36px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .name {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .reupload-weight,
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .delete-weight {
  position: absolute;
  top: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  opacity: 0;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .reupload-weight {
  right: 24px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/refresh.png);
  overflow: hidden;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .reupload-weight:not(.animate):hover {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/refresh-hover.png);
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .reupload-weight.animate {
  opacity: 1;
  -webkit-animation: preloader_rotation 1.3s linear 0s infinite normal;
  animation: preloader_rotation 1.3s linear 0s infinite normal;
  cursor: default;
}
@-webkit-keyframes preloader_rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes preloader_rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .reupload-weight .font-file-re-upload {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 37px;
  direction: ltr;
  cursor: pointer;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .delete-weight {
  right: 0;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/close.png);
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .delete-weight.disabled {
  cursor: default;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .delete-weight:not(.disabled):hover {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/close-hover.png);
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight:hover .reupload-weight,
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight:hover .delete-weight {
  opacity: 1;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .scroll-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 194px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .scroll-wrapper .scroll {
  position: absolute;
  display: none;
  width: 4px;
  border-radius: 4px;
  background: rgba(182, 182, 188, 0.4);
  right: 2px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .scroll-wrapper .scroll:hover,
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .scroll-wrapper .scroll.dragging {
  right: 0;
  width: 8px;
  border-radius: 6px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .scroll-wrapper .results-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .scroll-wrapper .results-wrapper .results {
  position: absolute;
  top: 0;
  left: 0;
  width: 184px;
  min-height: 100%;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .add-weight {
  margin-top: 8px;
  margin-bottom: 8px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .add-tracking-code {
  display: block;
  text-align: center;
  padding-top: 4px;
  margin-bottom: 16px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list {
  margin-top: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 8px;
  background-color: white;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight {
  position: relative;
  height: 27px;
  line-height: 27px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
  clear: right;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight .bullet {
  width: 6px;
  height: 6px;
  background-color: #4E4E54;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight .name {
  display: inline-block;
  height: 27px;
  min-width: 122px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight .name.disabled {
  cursor: default;
  color: #B6B6BC;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight .italic {
  display: inline-block;
  height: 27px;
  float: right;
  font-style: italic;
  color: #B6B6BC;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight .italic.disabled {
  cursor: default;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight .italic:not(.disabled):hover {
  color: #0078FF;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight.disabled {
  cursor: default;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight.disabled .bullet {
  background-color: #B6B6BC;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight:hover .italic,
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .available-list .available-weight:hover .bullet {
  visibility: inherit;
  opacity: 1;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.selector .add-weight {
  margin-top: 8px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.uploader {
  padding-top: 16px;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.uploader .button.select {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.uploader .button.upload {
  position: relative;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
  overflow: hidden;
  border-top-color: transparent;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.uploader .button.upload:hover {
  border-top-color: #0078FF;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.uploader .button.upload .font-file-upload {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 37px;
  direction: ltr;
  cursor: pointer;
}
.rmfontselector .upload-font .uf-section.weight-list .uf-panel.uploader .disclaimer {
  text-align: center;
  color: #B6B6BC;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}
.rmfontselector .upload-font .uf-section.actions {
  border-top: 1px dotted rgba(68, 68, 76, 0.2);
  height: 41px;
}
.rmfontselector .upload-font .uf-section.actions .done {
  text-align: center;
  line-height: 41px;
}
.rmfontselector .upload-font .uf-section.actions .done .caption {
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.rmfontselector .upload-font .uf-section.actions .done.disabled .caption {
  cursor: default;
  color: #B6B6BC;
}
.rmfontselector .upload-font .uf-section.actions .done:not(.disabled) .caption:hover {
  cursor: pointer;
  color: #0078FF;
}
.rmfontselector .upload-font .dragover-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: white;
  border-radius: 8px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.rmfontselector .upload-font.file-dragover .dragover-overlay {
  opacity: 0.7;
  visibility: inherit;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.hidden .action {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/restore@2x.png');
    background-size: 20px 20px;
  }
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .action {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/delete@2x.png');
    background-size: 20px 20px;
  }
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .edit-custom-font {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/gear@2x.png');
    background-size: 16px 16px;
  }
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element .edit-custom-font:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/gear-hover@2x.png');
    background-size: 16px 16px;
  }
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-google .tp-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/google@2x.png');
    background-size: 20px 20px;
  }
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-webtype .tp-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/webtype@2x.png');
    background-size: 20px 20px;
  }
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-typekit .tp-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/typekit@2x.png');
    background-size: 20px 20px;
  }
  .rmfontselector .categories .scroll-wrapper .category-wrapper .category .category-element.icon-typtoday .tp-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/typetoday@2x.png');
    background-size: 20px 20px;
  }
  .rmfontselector .add-font:hover .add-font-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/add-hover@2x.png');
    background-size: 17px 17px;
  }
  .rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .reupload-weight {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/refresh@2x.png);
    background-size: 16px 16px;
  }
  .rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .reupload-weight:not(.animate):hover {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/refresh-hover@2x.png);
    background-size: 16px 16px;
  }
  .rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .delete-weight {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/close@2x.png);
    background-size: 16px 16px;
  }
  .rmfontselector .upload-font .uf-section.weight-list .uf-panel.weights .weight .delete-weight:not(.disabled):hover {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-selector/close-hover@2x.png);
    background-size: 16px 16px;
  }
}
.font-explorer {
  z-index: 9999;
  display: none;
  position: absolute;
  width: 880px;
  height: 576px;
  left: 50%;
  top: 50%;
  margin-top: -288px;
  margin-left: -439px;
  -webkit-perspective: 600px;
  perspective: 600px;
}
.font-explorer.show-in .font-explorer-wrapper {
  -webkit-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  -ms-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  opacity: 0;
}
.font-explorer.show-out .font-explorer-wrapper {
  -webkit-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  -ms-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  opacity: 0;
}
.font-explorer .font-explorer-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 11px 15px 15px 11px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.font-explorer .font-explorer-wrapper .overlay {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.font-explorer .font-explorer-wrapper .overlay .preloader {
  position: absolute;
  top: 50%;
  left: 336px;
  margin-left: -20px;
  margin-top: -20px;
  width: 41px;
  height: 41px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/preloader.gif');
  background-repeat: no-repeat;
  background-size: 41px 41px;
}
.font-explorer .font-explorer-wrapper.info-mode .left-panel .search-icon {
  left: -24px;
}
.font-explorer .font-explorer-wrapper.info-mode .left-panel .view-wrapper {
  left: -32px;
}
.font-explorer .font-explorer-wrapper.info-mode .left-panel .back-icon {
  left: 17px;
}
.font-explorer .font-explorer-wrapper.info-mode .center-panel .search-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper.info-mode .center-panel .scroll-wrapper.main {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper.info-mode .center-panel .scroll-wrapper.info {
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
  opacity: 1;
  visibility: inherit;
}
.font-explorer .font-explorer-wrapper.info-mode .right-panel .providers-switcher {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper.info-mode .right-panel .provider-filter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper.info-mode .right-panel .font-info {
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
  opacity: 1;
  visibility: inherit;
}
.font-explorer .font-explorer-wrapper .left-panel {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 79px;
  overflow: hidden;
}
.font-explorer .font-explorer-wrapper .left-panel .search-icon {
  position: absolute;
  top: 24px;
  left: 32px;
  width: 16px;
  height: 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.4;
}
.font-explorer .font-explorer-wrapper .left-panel .search-icon:hover,
.font-explorer .font-explorer-wrapper .left-panel .search-icon.active {
  opacity: 1;
}
.font-explorer .font-explorer-wrapper .left-panel .search-icon.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search-active.png');
}
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper {
  position: absolute;
  top: 56px;
  left: 24px;
  width: 32px;
  height: 80px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper:after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .grid-view,
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 40px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/grid-view-black.png');
  background-repeat: no-repeat;
  background-size: 32px 40px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.4;
  border-radius: 4px 4px 0 0;
}
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .grid-view:hover,
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view:hover {
  opacity: 1;
}
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .grid-view.active,
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view.active {
  opacity: 1;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/grid-view-white.png');
  background-color: #1686eb;
  cursor: default;
}
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view {
  top: 40px;
  border-radius: 0 0 4px 4px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/list-view-black.png');
}
.font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/list-view-white.png');
}
.font-explorer .font-explorer-wrapper .left-panel .back-icon {
  position: absolute;
  top: 17px;
  left: 79px;
  width: 48px;
  height: 36px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/back.png');
  background-repeat: no-repeat;
  background-size: 48px 36px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .left-panel .back-icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/back-hover.png');
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  height: 157px;
  width: 30px;
  bottom: 14px;
  left: 25px;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .top-letter,
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .bottom-letter {
  position: absolute;
  top: 0;
  color: #979797;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 23px;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .top-letter:hover,
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .bottom-letter:hover {
  color: #201c1c;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .bottom-letter {
  top: auto;
  bottom: 0;
  font-size: 14px;
  text-indent: -2px;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper:hover .slider .ui-slider-handle {
  box-shadow: inset 0 0 0 7px #979797, 0 0 0 1px #fefefe;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .slider {
  position: absolute;
  width: 21px;
  top: 30px;
  bottom: 21px;
  left: 50%;
  margin-left: -11px;
  cursor: pointer;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .slider:before {
  content: '';
  position: absolute;
  width: 1px;
  left: 10px;
  top: 0;
  height: 100%;
  background: #e2e2e2;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .slider .ui-slider-handle {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  margin-left: 4px;
  margin-bottom: -6px;
  box-shadow: inset 0 0 0 2px #979797, 0 0 0 1px #fefefe;
  -webkit-transition: box-shadow 0.13s ease-in;
  transition: box-shadow 0.13s ease-in;
  background: #fefefe;
  cursor: ns-resize;
}
.font-explorer .font-explorer-wrapper .left-panel .size-wrapper .slider.dragging .ui-slider-handle {
  box-shadow: inset 0 0 0 7px #979797, 0 0 0 1px #fefefe;
}
.font-explorer .font-explorer-wrapper .center-panel {
  position: absolute;
  top: 0;
  left: 66px;
  width: 526px;
  height: 100%;
  overflow: hidden;
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper {
  position: absolute;
  top: -56px;
  left: 13px;
  width: 512px;
  height: 55px;
  border-bottom: 1px solid #e4e4e4;
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper.shift-down {
  top: 0;
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper .border {
  position: absolute;
  top: 0;
  left: -13px;
  width: 14px;
  height: 55px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search-corner.png');
  background-repeat: no-repeat;
  background-size: 14px 55px;
  cursor: pointer;
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper .search-string {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  position: absolute;
  top: 13px;
  left: 1px;
  width: 439px;
  padding: 0 17px;
  height: 30px;
  color: #000;
  font-size: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper .search-string::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper .search-string:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper .clear {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search-clear.png');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper .clear.invisible {
  display: none;
}
.font-explorer .font-explorer-wrapper .center-panel .search-wrapper .clear:hover {
  opacity: 1;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper.info {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .font-item {
  cursor: default;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .font-item .list-add-remove-font {
  display: none;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .font-item .caption .styles-count {
  display: none !important;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  left: 13px;
  width: 512px;
  border-left: 1px solid #e4e4e4;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper.shift-down {
  top: 56px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper.shift-down .results-wrapper .results .no-found {
  margin-top: 158px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .scroll {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  width: 8px;
  border-radius: 4px;
  background: #e1e1e4;
  right: 4px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .scroll:hover,
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .scroll.dragging {
  background: #c4c4c9;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 496px;
  min-height: 100%;
  font-size: 0;
  box-shadow: inset -1px 0 0 0 #e4e4e4;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .no-found {
  color: #a5a4a4;
  text-align: center;
  width: 100%;
  margin-top: 214px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .no-found .header {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 68px;
  margin-bottom: 19px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .no-found .sub-header {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
  margin-bottom: 7px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .no-found .message {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"][data-size="1"] .font-item {
  width: 123px;
  height: 123px;
  background-position: 0 0;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"][data-size="2"] .font-item {
  width: 123px;
  height: 123px;
  background-position: 0 -123px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"][data-size="3"] .font-item {
  width: 123px;
  height: 123px;
  background-position: 0 -246px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"][data-size="4"] .font-item {
  width: 123px;
  height: 123px;
  background-position: 0 -369px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"][data-size="5"] .font-item {
  width: 247px;
  height: 247px;
  background-position: 0 -492px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"][data-size="6"] .font-item {
  width: 247px;
  height: 247px;
  background-position: 0 -739px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"][data-size="7"] .font-item {
  width: 247px;
  height: 247px;
  background-position: 0 -986px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="grid"] .font-item {
  background-size: 247px 1233px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"][data-size="1"] .font-item {
  width: 495px;
  height: 91px;
  background-position: 0 0;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"][data-size="2"] .font-item {
  width: 495px;
  height: 99px;
  background-position: 0 -91px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"][data-size="3"] .font-item {
  width: 495px;
  height: 107px;
  background-position: 0 -190px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"][data-size="4"] .font-item {
  width: 495px;
  height: 123px;
  background-position: 0 -297px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"][data-size="5"] .font-item {
  width: 495px;
  height: 147px;
  background-position: 0 -420px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"][data-size="6"] .font-item {
  width: 495px;
  height: 179px;
  background-position: 0 -567px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"][data-size="7"] .font-item {
  width: 495px;
  height: 203px;
  background-position: 0 -746px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"] .font-item {
  background-size: 495px 949px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"] .font-item .list-add-remove-font {
  right: 11px;
  top: 11px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"] .font-item .caption {
  top: 16px;
  bottom: auto;
  left: 25px;
  right: 25px;
  text-align: left;
  color: #201c1c;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results[data-view="list"] .font-item .caption .styles-count {
  display: inline;
  color: #a8a7a7;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item {
  position: relative;
  display: inline-block;
  background-repeat: none;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  cursor: pointer;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item[data-loaded="true"]:before {
  content: '';
  opacity: 0;
  -webkit-transition: 0.25s opacity ease 0.4s;
  transition: 0.25s opacity ease 0.4s;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item:hover .list-add-remove-font {
  -webkit-transition: 0.2s opacity ease, 0.2s background ease;
  transition: 0.2s opacity ease, 0.2s background ease;
  opacity: 1;
  visibility: inherit;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item.removable .list-add-remove-font {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/remove-font.png');
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .list-add-remove-font {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 24px;
  height: 24px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/add-font.png');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-color: #000;
  -webkit-transform: translateZ(0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .list-add-remove-font.typekit-popup-shown {
  background-color: #ef5745 !important;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/close-typekit-popup.png');
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .list-add-remove-font.typekit-popup-shown:hover {
  background-color: #1686eb !important;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .list-add-remove-font:hover {
  background-color: #1686eb;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .caption {
  position: absolute;
  bottom: 7px;
  left: 12px;
  right: 12px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  text-align: center;
  color: rgba(32, 28, 28, 0.5);
  line-height: 15px;
}
.font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .caption .styles-count {
  display: none;
  margin-left: 10px;
}
.font-explorer .font-explorer-wrapper .right-panel {
  position: absolute;
  width: 288px;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0 11px 11px 0;
  background: #201c1c;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  top: 7px;
  text-align: center;
  font-size: 0;
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
}
.isboxversion .font-explorer .font-explorer-wrapper .right-panel .providers-switcher {
  display: none;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher ul {
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #4b4747;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li {
  position: relative;
  display: inline-block;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  height: 60px;
  border-bottom: 1px solid transparent;
  width: 53px;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li:not(:last-child) {
  margin-right: 4px;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.3;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=typekit]::before {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-typekit.png);
  background-size: 31px 31px;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=webtype]::before {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-webtype.png);
  background-size: 45px 14px;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=google]::before {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-google.png);
  background-size: 28px 29px;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=typetoday]::before {
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-typetoday.png);
  background-size: 29px 29px;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li:hover::before {
  opacity: 1;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li.active {
  cursor: default;
  border-bottom: 1px solid #fff;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher li.active::before {
  opacity: 1;
}
.font-explorer .font-explorer-wrapper .right-panel .providers-switcher span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="webtype"] .filter.classification {
  height: 53px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="webtype"] .logo {
  bottom: 26px;
  margin-left: -63px;
  width: 126px;
  height: 12px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-webtype.png');
  background-size: 126px 12px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="webtype"] .logo:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-webtype-hover.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="google"] .filter.classification {
  height: 53px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="google"] .logo {
  bottom: 24px;
  margin-left: -51px;
  width: 103px;
  height: 18px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-google.png');
  background-size: 103px 18px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="google"] .logo:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-google-hover.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="typetoday"] .filter.classification {
  height: 53px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="typetoday"] .filter.capitals {
  visibility: hidden;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="typetoday"] .logo {
  bottom: 26px;
  margin-left: -62px;
  width: 125px;
  height: 13px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typetoday.png');
  background-size: 125px 13px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="typetoday"] .logo:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typetoday-hover.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  width: 228px;
  height: 512px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 64px;
  left: 50%;
  margin-left: -114px;
  padding-top: 6px;
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
}
.isboxversion .font-explorer .font-explorer-wrapper .right-panel .provider-filter {
  top: 8px;
  height: 568px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter.invisible {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  padding: 14px 0 14px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter > .filter div {
  position: relative;
  float: left;
  margin: 0 2px 4px;
  box-shadow: inset 0 0 0 1px #4b4747;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter > .filter div:hover {
  box-shadow: inset 0 0 0 1px #aaa;
  z-index: 2;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter > .filter div.active {
  box-shadow: inset 0 0 0 1px #1686eb;
  z-index: 1;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification {
  height: 110px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification div {
  width: 53px;
  height: 53px;
  background-size: 53px 53px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-sans-serif {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-sans-serif.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-serif {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-serif.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-slab-serif {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-slab-serif.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-script {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-script.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-blackletter {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-blackletter.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-monospaced {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-monospaced.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-handmade {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-handmade.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-decorative {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-decorative.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-sans-serif {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-sans-serif-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-serif {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-serif-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-slab-serif {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-slab-serif-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-script {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-script-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-blackletter {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-blackletter-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-monospaced {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-monospaced-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-handmade {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-handmade-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-decorative {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-decorative-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.recommended-for {
  height: 37px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.recommended-for div {
  width: 110px;
  height: 37px;
  line-height: 37px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.recommended-for div.active {
  color: #1686eb;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight {
  height: 32px;
  float: left;
  margin-right: 14px;
  margin-bottom: 8px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight div {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .icon-light {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-light.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-regular.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .icon-heavy {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-heavy.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .active.icon-light {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-light-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .active.icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-regular-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .active.icon-heavy {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-heavy-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width {
  height: 32px;
  float: left;
  margin-bottom: 8px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width div {
  height: 32px;
  margin: 0;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .icon-condensed {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-condensed.png');
  width: 35px;
  border-radius: 4px 0 0 4px;
  background-size: 35px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-regular.png');
  width: 35px;
  margin-left: -1px;
  border-radius: 0;
  background-size: 35px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .icon-extended {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-extended.png');
  width: 36px;
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
  background-size: 36px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .active.icon-condensed {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-condensed-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .active.icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-regular-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .active.icon-extended {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-extended-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height {
  height: 32px;
  float: left;
  margin-right: 16px;
  margin-bottom: 8px;
  margin-left: 2px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height div {
  height: 32px;
  margin: 0;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .icon-low {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-low.png');
  width: 35px;
  border-radius: 4px 0 0 4px;
  background-size: 35px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-regular.png');
  width: 35px;
  margin-left: -1px;
  border-radius: 0;
  background-size: 35px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .icon-high {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-high.png');
  width: 36px;
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
  background-size: 36px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .active.icon-low {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-low-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .active.icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-regular-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .active.icon-high {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-high-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast {
  height: 32px;
  float: left;
  margin-bottom: 8px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast div {
  height: 32px;
  margin: 0;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .icon-low {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-low.png');
  width: 35px;
  border-radius: 4px 0 0 4px;
  background-size: 35px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-regular.png');
  width: 35px;
  margin-left: -1px;
  border-radius: 0;
  background-size: 35px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .icon-high {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-high.png');
  width: 36px;
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
  background-size: 36px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .active.icon-low {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-low-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .active.icon-regular {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-regular-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .active.icon-high {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-high-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals {
  height: 32px;
  float: left;
  margin-right: 16px;
  margin-bottom: 8px;
  margin-left: 2px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals div {
  height: 32px;
  margin: 0;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .icon-uppercase-lowercase {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-uppercase-lowercase.png');
  width: 53px;
  border-radius: 4px 0 0 4px;
  background-size: 53px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .icon-all-or-small-caps {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-all-or-small-caps.png');
  width: 52px;
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
  background-size: 52px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .active.icon-uppercase-lowercase {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-uppercase-lowercase-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .active.icon-all-or-small-caps {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-all-or-small-caps-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style {
  height: 32px;
  float: left;
  margin-bottom: 8px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style div {
  height: 32px;
  margin: 0;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .icon-uppercase {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-uppercase.png');
  width: 53px;
  border-radius: 4px 0 0 4px;
  background-size: 53px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .icon-lowercase {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-lowercase.png');
  width: 52px;
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
  background-size: 52px 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .active.icon-uppercase {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-uppercase-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .active.icon-lowercase {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-lowercase-active.png');
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper {
  z-index: 3;
  position: absolute;
  width: 224px;
  height: 37px;
  bottom: 67px;
  left: 50%;
  margin-left: -112px;
  box-shadow: inset 0 0 0 1px #4b4747;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper:hover,
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper.active {
  box-shadow: inset 0 0 0 1px #aaa;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper:hover .caption,
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper.active .caption {
  color: #fff;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper:hover .arrow,
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper.active .arrow {
  opacity: 1;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper.active .arrow {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper:not(.active) .filter.language {
  visibility: hidden;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  margin-bottom: -8px;
  opacity: 0;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .caption {
  width: 152px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 37px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .arrow {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 5px;
  height: 5px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/language-arrow.png');
  background-repeat: no-repeat;
  background-size: 5px 5px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.4;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language {
  position: absolute;
  width: 256px;
  bottom: 53px;
  left: -16px;
  font-size: 0;
  -webkit-transition: opacity 0.35s ease, margin-bottom 0.35s ease;
  transition: opacity 0.35s ease, margin-bottom 0.35s ease;
  opacity: 1;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 36px;
  background: #fff;
  border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  color: #231f1f;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  line-height: 36px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.left {
  width: 84px;
  border-left: none;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.top-left {
  border-top-left-radius: 4px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.bottom-right {
  border-bottom-right-radius: 4px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.top-right {
  border-top-right-radius: 4px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.bottom-left {
  border-bottom-left-radius: 4px;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.bottom {
  border-bottom: none;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div:hover,
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.active {
  background: #ebebeb;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.active {
  color: #1686eb;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.with-corner.active ~ .context-panel-corner .corner,
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language div.with-corner:hover ~ .context-panel-corner .corner {
  background: #ebebeb;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language .context-panel-corner {
  display: block;
  position: absolute;
  left: 50%;
  width: 16px;
  height: 8px;
  bottom: -8px;
  margin-left: -8px;
  clip: rect(0, 115px, 107px, -99px);
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language .context-panel-corner .corner {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 2px;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .filter.language .context-panel-corner .corner {
  display: block;
  background-color: white;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .logo {
  display: block;
  position: absolute;
  bottom: 21px;
  left: 50%;
  margin-left: -71px;
  width: 142px;
  height: 22px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typekit.png');
  background-repeat: no-repeat;
  background-size: 142px 22px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.font-explorer .font-explorer-wrapper .right-panel .provider-filter .logo:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typekit-hover.png');
}
.font-explorer .font-explorer-wrapper .right-panel .font-info {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .hidden {
  display: none;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info {
  position: absolute;
  top: 26px;
  left: 32px;
  right: 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .name {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  word-wrap: break-word;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .foundry {
  margin-top: 4px;
  color: #7f7e7e;
  line-height: 20px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .foundry a {
  color: #7f7e7e;
  text-decoration: underline;
  word-wrap: break-word;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .foundry a:hover {
  text-decoration: none;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .foundry.long {
  font-size: 14px;
  line-height: 18px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .description-wrapper {
  margin-top: 20px;
  position: relative;
  width: 100%;
  height: 120px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  word-wrap: break-word;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .description-wrapper.huge .description:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  width: 72px;
  background: -webkit-linear-gradient(left, rgba(32, 28, 28, 0) 0%, #201c1c 100%);
  background: linear-gradient(to right, rgba(32, 28, 28, 0) 0%, #201c1c 100%);
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .description-wrapper.huge .more {
  display: block;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .description-wrapper .description {
  position: relative;
  max-height: 100px;
  overflow: hidden;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .description-wrapper .more {
  display: none;
  color: #fff;
  text-decoration: underline;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .description-wrapper .more:hover {
  text-decoration: none;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .promo {
  margin-top: 16px;
  position: relative;
  width: 100%;
  height: 140px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  word-wrap: break-word;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .promo a {
  color: #fff;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .top-info .promo a:hover {
  text-decoration: none;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info {
  position: absolute;
  bottom: 24px;
  left: 32px;
  right: 32px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .language-wrapper .caption {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .language-wrapper .language {
  position: relative;
  color: #7f7e7e;
  font-size: 14px;
  line-height: 20px;
  max-height: 60px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .language-wrapper .language a {
  color: #7f7e7e;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .language-wrapper .language a:hover {
  text-decoration: none;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .language-wrapper .language .langage-clamp {
  min-height: 100%;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .recommended-wrapper {
  margin-top: 12px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .recommended-wrapper .caption {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .recommended-wrapper .recommended {
  color: #7f7e7e;
  font-size: 14px;
  line-height: 20px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .info-add-remove-font {
  margin-top: 31px;
  position: relative;
  width: 100%;
  height: 48px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 48px;
  background: #1686eb;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .info-add-remove-font.removable {
  font-size: 15px;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .info-add-remove-font.removable:after {
  content: '-';
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .info-add-remove-font.removable:hover:after {
  content: '-';
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .info-add-remove-font:after {
  content: '+';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: transparent;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 28px;
  line-height: 46px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-font-smoothing: none;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .info-add-remove-font:hover {
  color: transparent;
}
.font-explorer .font-explorer-wrapper .right-panel .font-info .bottom-info .info-add-remove-font:hover:after {
  content: '+';
  color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .font-explorer .font-explorer-wrapper .overlay .preloader {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/preloader@2x.gif');
    background-size: 41px 41px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .search-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search@2x.png');
    background-size: 16px 16px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .search-icon.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search-active@2x.png');
    background-size: 16px 16px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .view-wrapper .grid-view,
  .font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/grid-view-black@2x.png');
    background-size: 32px 40px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .view-wrapper .grid-view.active,
  .font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/grid-view-white@2x.png');
    background-size: 32px 40px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/list-view-black@2x.png');
    background-size: 32px 40px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .view-wrapper .list-view.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/list-view-white@2x.png');
    background-size: 32px 40px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .back-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/back@2x.png');
    background-size: 48px 36px;
  }
  .font-explorer .font-explorer-wrapper .left-panel .back-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/back-hover@2x.png');
    background-size: 48px 36px;
  }
  .font-explorer .font-explorer-wrapper .center-panel .search-wrapper .border {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search-corner@2x.png');
    background-size: 14px 55px;
  }
  .font-explorer .font-explorer-wrapper .center-panel .search-wrapper .clear {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/search-clear@2x.png');
    background-size: 24px 24px;
  }
  .font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item.removable .list-add-remove-font {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/remove-font@2x.png');
    background-size: 24px 24px;
  }
  .font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .list-add-remove-font {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/add-font@2x.png');
    background-size: 24px 24px;
  }
  .font-explorer .font-explorer-wrapper .center-panel .scroll-wrapper .results-wrapper .results .font-item .list-add-remove-font.typekit-popup-shown {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/close-typekit-popup@2x.png');
    background-size: 24px 24px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=typekit]::before {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-typekit@2x.png);
  }
  .font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=webtype]::before {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-webtype@2x.png);
  }
  .font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=google]::before {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-google@2x.png);
  }
  .font-explorer .font-explorer-wrapper .right-panel .providers-switcher li[data-name=typetoday]::before {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/switcher-logo-typetoday@2x.png);
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="webtype"] .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-webtype@2x.png');
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="webtype"] .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-webtype-hover@2x.png');
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="google"] .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-google@2x.png');
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="google"] .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-google-hover@2x.png');
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="typetoday"] .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typetoday@2x.png');
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter[data-name="typetoday"] .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typetoday-hover@2x.png');
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-sans-serif {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-sans-serif@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-serif {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-serif@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-slab-serif {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-slab-serif@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-script {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-script@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-blackletter {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-blackletter@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-monospaced {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-monospaced@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-handmade {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-handmade@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .icon-decorative {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-decorative@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-sans-serif {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-sans-serif-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-serif {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-serif-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-slab-serif {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-slab-serif-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-script {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-script-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-blackletter {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-blackletter-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-monospaced {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-monospaced-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-handmade {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-handmade-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.classification .active.icon-decorative {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/classification-decorative-active@2x.png');
    background-size: 53px 53px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .icon-light {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-light@2x.png');
    background-size: 32px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-regular@2x.png');
    background-size: 32px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .icon-heavy {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-heavy@2x.png');
    background-size: 32px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .active.icon-light {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-light-active@2x.png');
    background-size: 32px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .active.icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-regular-active@2x.png');
    background-size: 32px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.weight .active.icon-heavy {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-weight-heavy-active@2x.png');
    background-size: 32px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .icon-condensed {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-condensed@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-regular@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .icon-extended {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-extended@2x.png');
    background-size: 36px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .active.icon-condensed {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-condensed-active@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .active.icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-regular-active@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.width .active.icon-extended {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-width-extended-active@2x.png');
    background-size: 36px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .icon-low {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-low@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-regular@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .icon-high {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-high@2x.png');
    background-size: 36px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .active.icon-low {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-low-active@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .active.icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-regular-active@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.x-height .active.icon-high {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-x-height-high-active@2x.png');
    background-size: 36px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .icon-low {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-low@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-regular@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .icon-high {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-high@2x.png');
    background-size: 36px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .active.icon-low {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-low-active@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .active.icon-regular {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-regular-active@2x.png');
    background-size: 35px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.contrast .active.icon-high {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-contrast-high-active@2x.png');
    background-size: 36px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .icon-uppercase-lowercase {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-uppercase-lowercase@2x.png');
    background-size: 53px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .icon-all-or-small-caps {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-all-or-small-caps@2x.png');
    background-size: 52px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .active.icon-uppercase-lowercase {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-uppercase-lowercase-active@2x.png');
    background-size: 53px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.capitals .active.icon-all-or-small-caps {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-capitals-all-or-small-caps-active@2x.png');
    background-size: 52px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .icon-uppercase {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-uppercase@2x.png');
    background-size: 53px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .icon-lowercase {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-lowercase@2x.png');
    background-size: 52px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .active.icon-uppercase {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-uppercase-active@2x.png');
    background-size: 53px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .filter.number-style .active.icon-lowercase {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/filter-number-style-lowercase-active@2x.png');
    background-size: 52px 32px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .language-wrapper .arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/language-arrow@2x.png');
    background-size: 5px 5px;
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .logo {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typekit@2x.png');
  }
  .font-explorer .font-explorer-wrapper .right-panel .provider-filter .logo:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/font-explorer/provider-logo-typekit-hover@2x.png');
  }
}
.page-settings-scroll-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
  background: rgba(0, 0, 0, 0.2);
  display: none;
}
.page-settings-scroll-wrapper.show-in {
  background: rgba(0, 0, 0, 0);
}
.page-settings-scroll-wrapper.show-in .page-settings-wrapper {
  -webkit-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  -ms-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  opacity: 0;
}
.page-settings-scroll-wrapper.show-out {
  background: rgba(0, 0, 0, 0);
}
.page-settings-scroll-wrapper.show-out .page-settings-wrapper {
  -webkit-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  -ms-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  opacity: 0;
}
.page-settings {
  position: relative;
  width: 512px;
  left: 50%;
  margin: 144px -256px 64px;
  -webkit-perspective: 600px;
  perspective: 600px;
}
.page-settings .page-settings-wrapper {
  position: relative;
  width: 100%;
  background-color: #f1f1f1;
  border-radius: 8px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.page-settings .page-settings-wrapper .header {
  position: relative;
  width: 100%;
  height: 72px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.page-settings .page-settings-wrapper .header .arrow {
  display: inline-block;
  margin-top: 16px;
  width: 27px;
  height: 27px;
  background-size: 27px 27px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/arrow.png');
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
  vertical-align: -2px;
}
.page-settings .page-settings-wrapper .header .arrow:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/arrow-hover.png');
}
.page-settings .page-settings-wrapper .header .arrow.right {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.page-settings .page-settings-wrapper .header .arrow.invisible {
  visibility: hidden;
}
.page-settings .page-settings-wrapper .header .page-num {
  display: inline-block;
  font-size: 32px;
  line-height: 36px;
  color: #1c1c1c;
  padding: 20px 20px 0;
}
.page-settings .page-settings-wrapper .tab-switcher {
  position: relative;
  overflow: hidden;
  background-color: #c9c8c9;
  border-radius: 4px;
  left: 50%;
  width: 416px;
  margin-left: -208px;
  font-size: 14px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.page-settings .page-settings-wrapper .tab-switcher .knob {
  width: 207px;
  height: 38px;
  background-color: #f1f1f1;
  border-radius: 4px;
  position: absolute;
  left: 1px;
  top: 1px;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.page-settings .page-settings-wrapper .tab-switcher .tab {
  width: 208px;
  height: 40px;
  position: relative;
  float: left;
  text-align: center;
  cursor: pointer;
  color: white;
}
.page-settings .page-settings-wrapper .tab-switcher .tab span {
  line-height: 40px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.page-settings .page-settings-wrapper .tab-switcher .tab.active {
  cursor: default;
  color: #3d3d3d;
}
.isdesktop .page-settings .page-settings-wrapper .tab-switcher .tab:not(.active):hover {
  color: #3d3d3d;
}
.page-settings .page-settings-wrapper .panel {
  position: relative;
  width: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.page-settings .page-settings-wrapper .panel.hidden {
  display: none;
}
.page-settings .page-settings-wrapper .panel .customize-button {
  margin: 40px auto 5px;
  width: 192px;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  background: #0078ff;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.page-settings .page-settings-wrapper .panel .customize-button:hover {
  background: #1b86ff;
}
.page-settings .page-settings-wrapper .panel .textarea,
.page-settings .page-settings-wrapper .panel .input {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  width: 100%;
  background-color: transparent;
  background-repeat: repeat;
  background-position: 0 -2px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/input-line.png');
  display: block;
  color: #1c1c1c;
  font-size: 18px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 30px;
  min-height: 30px !important;
}
.page-settings .page-settings-wrapper .panel .textarea::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel .input::-webkit-input-placeholder {
  color: #8c8a8b;
}
.page-settings .page-settings-wrapper .panel .textarea:-moz-placeholder,
.page-settings .page-settings-wrapper .panel .input:-moz-placeholder {
  color: #8c8a8b;
}
.page-settings .page-settings-wrapper .panel.seo {
  padding: 18px 48px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper .textarea,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper .input,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper div,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper span {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  color: #b4b3b4 !important;
  pointer-events: none;
}
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper .textarea::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper .input::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper div::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper span::-webkit-input-placeholder {
  color: #b4b3b4;
}
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper .textarea:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper .input:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper div:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.seo.readonly .inputs-wrapper span:-moz-placeholder {
  color: #b4b3b4;
}
.page-settings .page-settings-wrapper .panel.seo .caption {
  font-size: 14px;
  color: #1c1c1c;
  margin-top: 27px;
  margin-bottom: 9px;
}
.page-settings .page-settings-wrapper .panel.seo .caption.caption-link {
  margin-bottom: 3px;
}
.page-settings .page-settings-wrapper .panel.seo .description-wrapper {
  position: relative;
}
.page-settings .page-settings-wrapper .panel.seo .description-scroll {
  position: absolute;
  display: none;
  width: 8px;
  border-radius: 4px;
  background: rgba(182, 182, 188, 0.28);
  right: -24px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.page-settings .page-settings-wrapper .panel.seo .description-scroll:hover,
.page-settings .page-settings-wrapper .panel.seo .description-scroll.dragging {
  background: rgba(182, 182, 188, 0.44);
  width: 12px;
  border-radius: 6px;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper {
  position: relative;
  display: table;
  width: 100%;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper span {
  display: table-cell;
  width: 1px;
  vertical-align: middle;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper input {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  line-height: 30px;
  min-height: 30px !important;
  background-position: 0 -5px;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-prefix,
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-postfix {
  max-width: 300px;
  font-size: 14px;
  color: #8c8a8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status {
  position: absolute;
  right: -28px;
  top: 5px;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/link-status-ok.png');
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status.hidden {
  visibility: hidden;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status.error {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/link-status-error.png');
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status.error:hover .link-status-panel {
  -webkit-transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
  visibility: visible;
  margin-bottom: 0;
  opacity: 1;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status .link-status-panel {
  left: -96px;
  width: 208px;
  bottom: 31px;
  background: #fff;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status .link-status-panel .link-status-text {
  font-size: 14px;
  color: #363234;
  padding: 11px 30px 13px;
  text-align: center;
  line-height: 16px;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status .context-panel {
  position: absolute;
  background: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.62);
  border-radius: 8px;
  z-index: 3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  margin-bottom: -8px;
  opacity: 0;
  cursor: default;
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status .context-panel .context-panel-corner {
  position: absolute;
  left: 50%;
  width: 30px;
  height: 15px;
  bottom: -15px;
  margin-left: -15px;
  clip: rect(0, 129px, 114px, -99px);
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status .context-panel .context-panel-corner .corner {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 4px;
  top: -11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status .context-panel .context-panel-corner .corner {
  background-color: white;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.62);
}
.page-settings .page-settings-wrapper .panel.seo .disclaimer {
  text-align: center;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 16px;
  padding-top: 64px;
}
.page-settings .page-settings-wrapper .panel.sharing {
  padding: 1px 48px 37px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph .textarea,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header .textarea,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message .textarea,
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph div,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header div,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message div {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  color: #b4b3b4 !important;
  pointer-events: none;
}
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph .textarea::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header .textarea::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message .textarea::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph div::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header div::-webkit-input-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message div::-webkit-input-placeholder {
  color: #b4b3b4;
}
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph .textarea:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header .textarea:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message .textarea:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph div:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header div:-moz-placeholder,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message div:-moz-placeholder {
  color: #b4b3b4;
}
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph .image .upload,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header .image .upload,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message .image .upload,
.page-settings .page-settings-wrapper .panel.sharing.readonly .open-graph .image .restore,
.page-settings .page-settings-wrapper .panel.sharing.readonly .block-header .image .restore,
.page-settings .page-settings-wrapper .panel.sharing.readonly .tweet-message .image .restore {
  display: none;
}
.page-settings .page-settings-wrapper .panel.sharing.readonly .master-switcher-wrapper .message {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  color: #b4b3b4 !important;
}
.page-settings .page-settings-wrapper .panel.sharing .block-header {
  margin-top: 35px;
  margin-bottom: 12px;
}
.page-settings .page-settings-wrapper .panel.sharing .block-header .caption {
  font-size: 24px;
  color: #3d3d3d;
  margin-bottom: 8px;
}
.page-settings .page-settings-wrapper .panel.sharing .block-header .message {
  font-size: 14px;
  line-height: 16px;
  color: #b4b3b4;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 231px 24px 17px 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px 6px 4px 4px;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 218px;
  border-radius: 4px 4px 0px 0px;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image.file-dragover .drop {
  display: block;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image.file-dragover:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px 4px 0px 0px;
  background: rgba(0, 0, 0, 0.24);
  z-index: 1;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.05);
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .drop {
  display: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -21px;
  width: 49px;
  height: 42px;
  background-size: 49px 42px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/drop.png');
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload,
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/upload.png');
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
  border-radius: 100%;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload.hidden,
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore.hidden {
  display: none;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload:hover,
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/upload-hover.png');
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload {
  overflow: hidden;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 34px;
  direction: ltr;
  cursor: pointer;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload.uploading {
  background: #c9c8c9;
  cursor: default;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload.uploading input {
  display: none;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload.uploading .preloader {
  display: block;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload .preloader {
  position: absolute;
  top: 8px;
  left: 8px;
  display: none;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload .preloader .rmpreloader {
  width: 22px;
  height: 22px;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload .preloader .rmpreloader .arc {
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  left: 0;
  top: 0;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore {
  top: 51px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/restore.png');
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/restore-hover.png');
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .textarea.title {
  background-image: none;
  color: #3d3d3d;
  font-size: 18px;
  line-height: 24px;
  min-height: 24px !important;
  margin-bottom: 4px;
}
.page-settings .page-settings-wrapper .panel.sharing .open-graph .textarea.description {
  background-image: none;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 18px;
  min-height: 18px !important;
}
.page-settings .page-settings-wrapper .panel.sharing .tweet-message {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 18px 24px 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 32px;
}
.page-settings .page-settings-wrapper .panel.sharing .tweet-message .textarea.tweet {
  background-image: none;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 18px;
  min-height: 54px !important;
}
.page-settings .page-settings-wrapper .panel.sharing .tweet-message div.counter {
  position: absolute;
  color: rgba(61, 61, 61, 0.32) !important;
  font-size: 10px;
  right: 14px;
  bottom: 14px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper {
  position: relative;
  width: 100%;
  height: 79px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .message {
  color: #3d3d3d;
  font-size: 18px;
  padding-top: 33px;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher {
  position: absolute;
  top: 25px;
  right: 0;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher.alert-mode {
  cursor: pointer;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher.alert-mode .rmswitcher-body {
  pointer-events: none;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher .rmswitcher-body {
  height: 32px !important;
  border-radius: 16px !important;
  box-shadow: none!important;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher .rmswitcher-body .rmswitcher-panel {
  height: 32px !important;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-on,
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-off {
  line-height: 32px !important;
}
.page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  width: 28px !important;
  height: 28px !important;
  margin-left: -14px !important;
  top: 2px!important;
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .page-settings .page-settings-wrapper .panel.sharing .master-switcher-wrapper .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.28) !important;
}
.page-settings .page-settings-wrapper .panel.sharing .master-link-wrapper {
  position: relative;
  width: 100%;
  height: 79px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
  margin-bottom: 5px;
}
.page-settings .page-settings-wrapper .panel.sharing .master-link-wrapper .message {
  color: #3d3d3d;
  font-size: 18px;
  padding-top: 33px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.page-settings .page-settings-wrapper .panel.sharing .master-link-wrapper .message .link {
  color: #0078ff;
  border-bottom: 1px dotted #0078ff;
}
.page-settings .page-settings-wrapper .panel.sharing .master-link-wrapper .message .link:hover {
  border-bottom: 1px dotted transparent;
}
.page-settings .page-settings-wrapper .panel.sharing .restore-wrapper {
  margin-top: 26px;
  text-align: center;
}
.page-settings .page-settings-wrapper .panel.sharing .restore-wrapper span {
  font-size: 14px;
  color: rgba(61, 61, 61, 0.4);
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px dotted rgba(145, 145, 145, 0.4);
}
.page-settings .page-settings-wrapper .panel.sharing .restore-wrapper span:hover {
  border-bottom: 1px dotted transparent;
  color: #3d3d3d;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .page-settings .page-settings-wrapper .header .arrow {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/arrow@2x.png');
    background-size: 27px 27px;
  }
  .page-settings .page-settings-wrapper .header .arrow:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/arrow-hover@2x.png');
    background-size: 27px 27px;
  }
  .page-settings .page-settings-wrapper .panel .textarea,
  .page-settings .page-settings-wrapper .panel .input {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/input-line@2x.png');
    background-size: 1px 30px;
  }
  .page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/link-status-ok@2x.png');
    background-size: 16px 16px;
  }
  .page-settings .page-settings-wrapper .panel.seo .link-wrapper .link-status.error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/link-status-error@2x.png');
    background-size: 16px 16px;
  }
  .page-settings .page-settings-wrapper .panel.sharing .open-graph .image .drop {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/drop@2x.png');
    background-size: 49px 42px;
  }
  .page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload,
  .page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/upload@2x.png');
    background-size: 38px 38px;
  }
  .page-settings .page-settings-wrapper .panel.sharing .open-graph .image .upload:hover,
  .page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/upload-hover@2x.png');
    background-size: 38px 38px;
  }
  .page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/restore@2x.png');
    background-size: 38px 38px;
  }
  .page-settings .page-settings-wrapper .panel.sharing .open-graph .image .restore:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/page-settings/restore-hover@2x.png');
    background-size: 38px 38px;
  }
}
.typekit-popup {
  position: absolute;
  margin-left: -124px;
  width: 248px;
  height: 152px;
  background: #a5a4a4;
  border-radius: 4px;
  z-index: 9999;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  margin-top: -154px;
  opacity: 0;
}
.typekit-popup.shown {
  -webkit-transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;
  visibility: inherit;
  margin-top: -162px;
  opacity: 1;
}
.typekit-popup.popup-below {
  margin-top: 30px;
}
.typekit-popup.popup-below.shown {
  margin-top: 38px;
}
.typekit-popup.popup-below .corner-wrapper {
  position: absolute;
  left: 125px;
  width: 16px;
  height: 8px;
  top: -8px;
  margin-left: -8px;
  clip: rect(0, 115px, 8px, -99px);
}
.typekit-popup.popup-below .corner-wrapper .corner {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 2px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.typekit-popup.popup-below .corner-wrapper .corner {
  background: #a5a4a4;
  box-shadow: none;
}
.typekit-popup .full-house {
  position: relative;
  margin: 18px auto 5px;
  width: 161px;
  height: 35px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/typekit-popup/full-house.png');
  background-repeat: no-repeat;
  background-size: 161px 35px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 31px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 0 1px #a5a4a4;
}
.typekit-popup .error-message {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding: 0 26px;
}
.typekit-popup .corner-wrapper {
  position: absolute;
  left: 125px;
  width: 16px;
  height: 8px;
  bottom: -8px;
  margin-left: -8px;
  clip: rect(0, 115px, 107px, -99px);
}
.typekit-popup .corner-wrapper .corner {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 2px;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.typekit-popup .corner-wrapper .corner {
  background: #a5a4a4;
  box-shadow: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .typekit-popup .full-house {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/typekit-popup/full-house@2x.png');
    background-size: 161px 35px;
  }
}
.template-image-wrapper {
  width: 100%;
  border-radius: 3px;
  margin-top: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.42);
}
.template-image-wrapper a {
  text-decoration: none;
}
.template-image-wrapper img {
  width: 100%;
  border-radius: 3px;
}
.template-image-wrapper.stacking {
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  width: 256px;
  position: absolute;
}
.template-image-wrapper.clipped {
  overflow: hidden;
  height: 168px;
}
.animation-wrapper-v {
  height: 168px;
  width: 256px;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.animation-wrapper-h {
  position: fixed;
  z-index: 9999;
}
.animation-wrapper-clip {
  z-index: 9999;
  position: fixed;
  width: 110%;
}
.template-center {
  z-index: 9999;
  display: none;
  position: absolute;
  width: 880px;
  height: 576px;
  left: 50%;
  top: 50%;
  margin-top: -288px;
  margin-left: -439px;
  -webkit-perspective: 600px;
  perspective: 600px;
}
.template-center.show-in .template-center-wrapper {
  -webkit-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  -ms-transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  transform: translateZ(-100px) translateY(-20px) rotateX(13deg);
  opacity: 0;
}
.template-center.show-out .template-center-wrapper {
  -webkit-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  -ms-transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  transform: translateZ(-100px) translateY(20px) rotateX(-13deg);
  opacity: 0;
}
.template-center .checkmark {
  position: absolute;
  width: 16px;
  height: 12px;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -6px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/checkmark.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.template-center .plus {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.template-center .plus::after,
.template-center .plus::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: white;
  top: 0;
  left: 7px;
}
.template-center .plus::before {
  width: 100%;
  height: 2px;
  top: 7px;
  left: 0;
}
.template-center .template-center-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 100%;
  height: 100%;
  background-color: #3a3a3a;
  border-radius: 11px 15px 15px 11px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.template-center .template-center-wrapper .overlay {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.template-center .template-center-wrapper .overlay .preloader {
  position: absolute;
  top: 50%;
  left: 336px;
  margin-left: -20px;
  margin-top: -20px;
  width: 41px;
  height: 41px;
}
.template-center .template-center-wrapper.info-mode .left-panel .search-icon {
  left: -24px;
}
.template-center .template-center-wrapper.info-mode .left-panel .back-icon {
  left: 7px;
}
.template-center .template-center-wrapper.info-mode .center-panel .search-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper.info-mode .center-panel .scroll-wrapper.main {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper.info-mode .center-panel .scroll-wrapper.main .scroll {
  display: none!important;
}
.template-center .template-center-wrapper.info-mode .center-panel .scroll-wrapper.info {
  opacity: 1;
  visibility: inherit;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper.info-mode .center-panel .scroll-wrapper.info .results-wrapper .results {
  background-color: rgba(59, 59, 59, 0.98);
}
.template-center .template-center-wrapper.info-mode .right-panel .providers-switcher {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper.info-mode .right-panel .template-filter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper.info-mode .right-panel .template-info {
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
  opacity: 1;
  visibility: inherit;
}
.template-center .template-center-wrapper .left-panel {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 64px;
  overflow: hidden;
}
.template-center .template-center-wrapper .left-panel .search-icon {
  position: absolute;
  top: 24px;
  left: 27px;
  width: 16px;
  height: 16px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .left-panel .search-icon:hover,
.template-center .template-center-wrapper .left-panel .search-icon.active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search-active.png');
}
.template-center .template-center-wrapper .left-panel .back-icon {
  position: absolute;
  top: 17px;
  left: 79px;
  width: 48px;
  height: 36px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/back.png');
  background-repeat: no-repeat;
  background-size: 48px 36px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .left-panel .back-icon:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/back-hover.png');
}
.template-center .template-center-wrapper .center-panel {
  position: absolute;
  top: 0;
  left: 51px;
  width: 541px;
  height: 100%;
  overflow: hidden;
}
.template-center .template-center-wrapper .center-panel .search-wrapper {
  position: absolute;
  top: -56px;
  left: 13px;
  width: 511px;
  height: 55px;
  border-bottom: 1px solid #313131;
  border-right: 1px solid #313131;
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
}
.template-center .template-center-wrapper .center-panel .search-wrapper.shift-down {
  top: 0;
}
.template-center .template-center-wrapper .center-panel .search-wrapper .border {
  position: absolute;
  top: 0;
  left: -13px;
  width: 14px;
  height: 55px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search-corner.png');
  background-repeat: no-repeat;
  background-size: 14px 55px;
  cursor: pointer;
}
.template-center .template-center-wrapper .center-panel .search-wrapper .search-string {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  position: absolute;
  top: 13px;
  left: 1px;
  width: 439px;
  padding: 0 17px;
  height: 30px;
  color: white;
  font-size: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.template-center .template-center-wrapper .center-panel .search-wrapper .search-string::-webkit-input-placeholder {
  color: grey;
}
.template-center .template-center-wrapper .center-panel .search-wrapper .search-string:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.template-center .template-center-wrapper .center-panel .search-wrapper .clear {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search-clear.png');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .search-wrapper .clear.invisible {
  display: none;
}
.template-center .template-center-wrapper .center-panel .search-wrapper .clear:hover {
  opacity: 1;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.main {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.main .results-wrapper .results {
  padding-left: 31px;
  padding-top: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.main .results-wrapper .results .templateset {
  width: 216px;
  height: 216px;
  display: inline-block;
  margin-right: 24px;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.main .results-wrapper .results .templateset .image-wrapper {
  width: 100%;
  height: 142px;
  border-radius: 3px;
  cursor: pointer;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.main .results-wrapper .results .templateset .image-wrapper img {
  width: 100%;
  border-radius: 3px;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.main .results-wrapper .results .templateset .title {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: white;
  text-align: center;
  margin-top: 14px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.main .results-wrapper .results .templateset .num-pages {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.isdesktop .template-center .template-center-wrapper .center-panel .scroll-wrapper.main .results-wrapper .results .templateset:hover .title {
  color: #0078ff;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results {
  padding-top: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template {
  width: 256px;
  position: relative;
  left: 127px;
  margin-bottom: 25px;
  cursor: pointer;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template .title {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  text-align: center;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template .add-page {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background-color: #282828;
  top: 32px;
  right: -80px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template .add-page .plus {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template .add-page .plus::after,
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template .add-page .plus::before {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template .add-page:hover {
  background-color: #0078ff;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template .add-page .checkmark {
  top: -48px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template.added .add-page .plus {
  top: 56px;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.info .results-wrapper .results .template.added .add-page .checkmark {
  top: 50%;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  left: 13px;
  width: 527px;
  border-left: 1px solid #313131;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease, top 0.2s ease;
  transition: opacity 0.2s ease, top 0.2s ease;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.shift-down {
  top: 56px;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.shift-down .results-wrapper {
  height: calc(100% - 56px);
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.shift-down .results-wrapper .results .no-found {
  margin-top: 158px;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper.invisible {
  visibility: hidden;
  opacity: 0;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper .scroll {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  width: 8px;
  border-radius: 4px;
  background: rgba(153, 153, 153, 0.4);
  right: 4px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper .scroll:hover,
.template-center .template-center-wrapper .center-panel .scroll-wrapper .scroll.dragging {
  background: rgba(255, 255, 255, 0.4);
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper .results-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
}
.template-center .template-center-wrapper .center-panel .scroll-wrapper .results-wrapper .results {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 511px;
  min-height: 100%;
  font-size: 0;
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.16);
}
.template-center .template-center-wrapper .right-panel {
  position: absolute;
  width: 288px;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0 11px 11px 0;
  background: white;
  cursor: default;
}
.template-center .template-center-wrapper .right-panel .template-filter,
.template-center .template-center-wrapper .right-panel .template-info {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.template-center .template-center-wrapper .right-panel .template-filter {
  position: absolute;
  width: 224px;
  height: 100%;
  left: 50%;
  margin-left: -112px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 40px;
}
.template-center .template-center-wrapper .right-panel .template-filter .button {
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .right-panel .template-filter .button.active {
  color: #0078ff!important;
  border: 1px solid #0078ff!important;
  cursor: default;
}
.isdesktop .template-center .template-center-wrapper .right-panel .template-filter .button:hover {
  color: #0078ff;
}
.template-center .template-center-wrapper .right-panel .template-filter .caption {
  color: #999999;
  font-size: 10px;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.template-center .template-center-wrapper .right-panel .template-filter .categories {
  margin-top: 21px;
}
.template-center .template-center-wrapper .right-panel .template-filter .categories .category-switcher {
  margin-top: 3px;
}
.template-center .template-center-wrapper .right-panel .template-filter .categories .category-switcher .category-item {
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
  border-right: 1px solid rgba(0, 0, 0, 0.14);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .right-panel .template-filter .categories .category-switcher .category-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 4px 4px 0 0;
}
.template-center .template-center-wrapper .right-panel .template-filter .categories .category-switcher .category-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 0 0 4px 4px;
}
.template-center .template-center-wrapper .right-panel .template-filter .categories .category-switcher .category-item:not(:last-child):after {
  position: absolute;
  content: "";
  display: block;
  width: 176px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.14);
  left: 50%;
  margin-left: -88px;
  bottom: -1px;
}
.template-center .template-center-wrapper .right-panel .template-filter .categories .category-switcher .category-item:not(:last-child) {
  margin-bottom: -1px;
}
.template-center .template-center-wrapper .right-panel .template-filter .sort {
  margin-top: 13px;
}
.template-center .template-center-wrapper .right-panel .template-filter .sort .sort-switcher {
  font-size: 0;
  margin-top: 3px;
}
.template-center .template-center-wrapper .right-panel .template-filter .sort .sort-switcher .sort-item {
  position: relative;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.14);
  width: 112px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
}
.template-center .template-center-wrapper .right-panel .template-filter .sort .sort-switcher .sort-item:first-child {
  border-radius: 4px 0 0 4px;
}
.template-center .template-center-wrapper .right-panel .template-filter .sort .sort-switcher .sort-item:not(:first-child) {
  margin-left: -1px;
}
.template-center .template-center-wrapper .right-panel .template-filter .sort .sort-switcher .sort-item:last-child {
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 0 4px 4px 0;
}
.template-center .template-center-wrapper .right-panel .template-filter .rm-logo {
  position: absolute;
  width: 78px;
  height: 20px;
  left: 50%;
  margin-left: -39px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/rm-logo.png);
  display: inline-block;
  bottom: 27px;
}
.template-center .template-center-wrapper .right-panel .template-info {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 224px;
  height: 100%;
  left: 50%;
  margin-left: -112px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.template-center .template-center-wrapper .right-panel .template-info .title {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 28px;
  line-height: 32px;
  color: #0078ff;
  margin-top: 31px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.template-center .template-center-wrapper .right-panel .template-info .author {
  font-size: 13px;
  line-height: 20px;
  margin-top: 3px;
}
.template-center .template-center-wrapper .right-panel .template-info .author .label {
  color: #999999;
  line-height: 20px;
}
.template-center .template-center-wrapper .right-panel .template-info .author .name {
  display: inline-block;
  color: #3d3d3d;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  height: 16px;
  max-width: 144px;
  vertical-align: middle;
  margin-top: -4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.template-center .template-center-wrapper .right-panel .template-info .author a.name {
  text-decoration: none;
  border-bottom: 1px solid #3d3d3d;
}
.isdesktop .template-center .template-center-wrapper .right-panel .template-info .author a.name:hover {
  border-color: transparent;
}
.template-center .template-center-wrapper .right-panel .template-info .desc-scroll-wrapper {
  position: relative;
  height: 162px;
  margin-top: 19px;
  overflow: hidden;
}
.template-center .template-center-wrapper .right-panel .template-info .desc-scroll-wrapper .desc-wrapper {
  position: relative;
  width: 100%;
  padding-right: 30px;
  height: 100%;
  overflow-y: scroll;
}
.template-center .template-center-wrapper .right-panel .template-info .desc-scroll-wrapper .desc-wrapper .desc {
  width: 208px;
}
.template-center .template-center-wrapper .right-panel .template-info .desc-scroll-wrapper .scroll {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  position: absolute;
  width: 8px;
  border-radius: 4px;
  background: #e1e1e4;
  right: 4px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.template-center .template-center-wrapper .right-panel .template-info .desc-scroll-wrapper .scroll:hover,
.template-center .template-center-wrapper .right-panel .template-info .desc-scroll-wrapper .scroll.dragging {
  background: #c4c4c9;
}
.template-center .template-center-wrapper .right-panel .template-info .caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.template-center .template-center-wrapper .right-panel .template-info .viewports {
  margin-top: 23px;
}
.template-center .template-center-wrapper .right-panel .template-info .viewports .devices {
  margin-top: 8px;
  font-size: 0;
  margin-left: -4px;
  line-height: 34px;
}
.template-center .template-center-wrapper .right-panel .template-info .viewports .devices .device {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 12px;
  vertical-align: bottom;
}
.template-center .template-center-wrapper .right-panel .template-info .viewports .devices .default {
  width: 40px;
  height: 25px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-laptop.png);
}
.template-center .template-center-wrapper .right-panel .template-info .viewports .devices .default.tablet {
  width: 34px;
  height: 24px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-tablet-h.png);
}
.template-center .template-center-wrapper .right-panel .template-info .viewports .devices .tablet_portrait {
  width: 24px;
  height: 34px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-tablet-v.png);
}
.template-center .template-center-wrapper .right-panel .template-info .viewports .devices .phone_portrait {
  width: 14px;
  height: 27px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-phone-v.png);
}
.template-center .template-center-wrapper .right-panel .template-info .categories {
  margin-top: 26px;
}
.template-center .template-center-wrapper .right-panel .template-info .categories .list {
  color: #999999;
  font-size: 14px;
  line-height: 20px;
}
.template-center .template-center-wrapper .right-panel .template-info .button {
  display: block;
  position: absolute;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 17px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.template-center .template-center-wrapper .right-panel .template-info .button.preview {
  border: 1px solid #0078ff;
  color: #0078ff;
  bottom: 80px;
}
.isdesktop .template-center .template-center-wrapper .right-panel .template-info .button.preview:hover {
  background-color: #0078ff;
  color: white;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages {
  background-color: #0078ff;
  color: white;
  bottom: 24px;
  overflow: hidden;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages .message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages .plus {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages .plus::after,
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages .plus::before {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .template-center .template-center-wrapper .right-panel .template-info .button.add-pages:hover .plus {
  opacity: 1;
  visibility: inherit;
}
.isdesktop .template-center .template-center-wrapper .right-panel .template-info .button.add-pages:hover .message {
  color: transparent;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages:hover {
  background-color: #0078ff;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages .checkmark {
  top: -48px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages.added .plus,
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages.added .message {
  top: 56px;
}
.template-center .template-center-wrapper .right-panel .template-info .button.add-pages.added .checkmark {
  top: 50%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .template-center .checkmark {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/checkmark@2x.png);
    background-size: 16px 12px;
  }
  .template-center .template-center-wrapper .left-panel .search-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search@2x.png');
    background-size: 16px 16px;
  }
  .template-center .template-center-wrapper .left-panel .search-icon:hover,
  .template-center .template-center-wrapper .left-panel .search-icon.active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search-active@2x.png');
    background-size: 16px 16px;
  }
  .template-center .template-center-wrapper .left-panel .back-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/back@2x.png');
    background-size: 48px 36px;
  }
  .template-center .template-center-wrapper .left-panel .back-icon:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/back-hover@2x.png');
    background-size: 48px 36px;
  }
  .template-center .template-center-wrapper .center-panel .search-wrapper .border {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search-corner@2x.png');
    background-size: 14px 55px;
  }
  .template-center .template-center-wrapper .center-panel .search-wrapper .clear {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/search-clear@2x.png');
    background-size: 24px 24px;
  }
  .template-center .template-center-wrapper .right-panel .template-filter .rm-logo {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/rm-logo@2x.png);
    background-size: 78px 20px;
  }
  .template-center .template-center-wrapper .right-panel .template-info .viewports .devices .default {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-laptop@2x.png);
    background-size: 40px 25px;
  }
  .template-center .template-center-wrapper .right-panel .template-info .viewports .devices .default.tablet {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-tablet-h@2x.png);
    background-size: 34px 24px;
  }
  .template-center .template-center-wrapper .right-panel .template-info .viewports .devices .tablet_portrait {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-tablet-v@2x.png);
    background-size: 24px 34px;
  }
  .template-center .template-center-wrapper .right-panel .template-info .viewports .devices .phone_portrait {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/template-center/device-phone-v@2x.png);
    background-size: 14px 27px;
  }
}
.rm-upload-input {
  width: 0;
  height: 0;
  visibility: hidden;
}
.rm-upload-button {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  right: 8px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.rm-upload-button .icon {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 14px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/upload-button/icon.png');
  opacity: 0.6;
}
.rm-upload-button:hover {
  cursor: pointer;
}
.rm-upload-button:hover .icon {
  opacity: 1;
}
.rm-upload-button.uploading .icon {
  opacity: 1;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .rm-upload-button .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/helpers/upload-button/icon@2x.png');
    background-size: 18px 14px;
  }
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor { position: absolute; }
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }


/*============================*/
/* Scrollbars */
.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
  position: absolute;
  background: #ccc;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 2px;
}

.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
  position: absolute;
  z-index: 6;
  background: #eee;
}

.CodeMirror-simplescroll-horizontal {
  bottom: 0; left: 0;
  height: 8px;
}
.CodeMirror-simplescroll-horizontal div {
  bottom: 0;
  height: 100%;
}

.CodeMirror-simplescroll-vertical {
  right: 0; top: 0;
  width: 8px;
}
.CodeMirror-simplescroll-vertical div {
  right: 0;
  width: 100%;
}


.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
  display: none;
}

.CodeMirror-scrollbar-filler {
  display: none!important;
}

.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
  position: absolute;
  /*background: #bcd;*/
  background: rgba(255, 255, 255, 0.1);
  /*border-radius: 3px;*/
  border-radius: 2px;
  -webkit-transition: border-radius 0.1s linear;
  transition: border-radius 0.1s linear;
}

.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
  position: absolute;
  z-index: 6;
}

.CodeMirror-overlayscroll-horizontal {
  bottom: 0; left: 0;
  /*height: 6px;*/
  height: 4px;
  -webkit-transition: height 0.1s linear;
  transition: height 0.1s linear;
}
.CodeMirror-overlayscroll-horizontal div {
  bottom: 0;
  height: 100%;
}

.CodeMirror-overlayscroll-vertical {
  right: 0; top: 0;
  /*width: 6px;*/
  width: 4px;
  -webkit-transition: width 0.1s linear;
  transition: width 0.1s linear;
}

.CodeMirror-overlayscroll-vertical:hover {
  width: 8px;
}

.CodeMirror-overlayscroll-horizontal:hover {
  height: 8px;
}

.CodeMirror-overlayscroll-vertical:hover div,
.CodeMirror-overlayscroll-horizontal:hover div {
  border-radius: 4px;
}

.CodeMirror-overlayscroll-vertical div {
  right: 0;
  width: 100%;
}

/* Based on Sublime Text's Monokai theme */

.cm-s-readymag.CodeMirror {
	background: #2f2f37;
	color: #cbcbcb;
	font-family: "Menlo", monospace;
	font-size: 14px;
	line-height: 16px;
	height: 100%;
}

// .cm-s-readymag div.CodeMirror-code { padding-left: 18px; box-sizing: border-box; }
.cm-s-readymag div.CodeMirror-lines { padding-left: 22px; box-sizing: border-box; }
.cm-s-readymag div.CodeMirror-linenumber { padding-right: 20px; }
.cm-s-readymag div.CodeMirror-selected { background: #49483E; }
.cm-s-readymag .CodeMirror-line::selection, .cm-s-readymag .CodeMirror-line > span::selection, .cm-s-readymag .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
.cm-s-readymag .CodeMirror-line::-moz-selection, .cm-s-readymag .CodeMirror-line > span::-moz-selection, .cm-s-readymag .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
.cm-s-readymag .CodeMirror-gutters { background: #2f2f37; border-right: 0px;}
.cm-s-readymag .CodeMirror-guttermarker { color: white; }
.cm-s-readymag .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
.cm-s-readymag .CodeMirror-linenumber { color: #6b6b6f; }
.cm-s-readymag .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

.cm-s-readymag span.cm-comment { color: #6b6b6f; }
.cm-s-readymag span.cm-atom { color: #ae81ff; }
.cm-s-readymag span.cm-number { color: #ae81ff; }

.cm-s-readymag span.cm-property, .cm-s-readymag span.cm-attribute { color: #d28c72; }
.cm-s-readymag span.cm-keyword { color: #bf616a; }
.cm-s-readymag span.cm-builtin { color: #66d9ef; }
.cm-s-readymag span.cm-string { color: #a2be8c; }

.cm-s-readymag span.cm-variable { color: #cbcbcb; }
.cm-s-readymag span.cm-variable-2 { color: #d28c72; }
.cm-s-readymag span.cm-variable-3 { color: #66d9ef; }
.cm-s-readymag span.cm-def { color: #d28c72; }
.cm-s-readymag span.cm-tag { color: #bf616a; }
.cm-s-readymag span.cm-bracket { color: #cbcbcb; }
.cm-s-readymag span.cm-header { color: #ae81ff; }
.cm-s-readymag span.cm-link { color: #ae81ff; }
.cm-s-readymag span.cm-error { background: #f92672; color: #f8f8f0; }

.cm-s-readymag .CodeMirror-activeline-background { background: #373831; }
.cm-s-readymag .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.rm-code-editor {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #2f2f37;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.rm-code-editor .code-editor-upgrade-alert {
  padding: 17px 32px;
  background-color: #0078ff;
  color: white;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rm-code-editor .code-editor-upgrade-alert a {
  color: white;
}
.rm-code-editor .code-editor-upgrade-alert a:hover {
  text-decoration: none;
}
.rm-code-editor .code-editor-upgrade-alert .alert-message {
  display: inline-block;
}
.rm-code-editor .code-editor-upgrade-alert .alert-close {
  cursor: pointer;
  display: inline-block;
  opacity: 0.6;
  margin-left: 8px;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.rm-code-editor .code-editor-upgrade-alert .alert-close:hover {
  opacity: 1;
}
.rm-code-editor .rm-code-editor-toolbar {
  position: relative;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #44444b;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  z-index: 20;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table {
  height: 100%;
  min-height: 100%;
  width: 100%;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item:not(:last-child) {
  border-right: 1px solid #44444b;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item.help {
  width: 48px;
  font-size: 19px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item.widget-code {
  width: 152px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item.project-code {
  width: auto;
  text-align: left;
  padding-left: 19px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item.project-code .tb-button {
  margin-right: 16px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item.discard {
  width: 130px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item.update {
  width: 136px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .item.save {
  width: 48px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-bullet {
  display: inline-block;
  width: 6px;
  height: 6px;
  box-shadow: inset 0 0 0 1px white;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -2px;
  opacity: 0.5;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-caption {
  color: rgba(255, 255, 255, 0.4);
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 14px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-close {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 14px;
  height: 14px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-close:before,
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-close:after {
  position: absolute;
  left: 6px;
  content: '';
  top: -2px;
  height: 19px;
  width: 1px;
  background-color: white;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-close:before {
  transform: rotate(45deg);
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-close:after {
  transform: rotate(-45deg);
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  opacity: 0.4;
  cursor: pointer;
  color: white;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button.help {
  padding: 0 18px;
  line-height: 40px;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button:not(.disabled):hover {
  opacity: 1;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button:not(.disabled):hover .tb-bullet {
  opacity: 1;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button.disabled {
  cursor: default;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button.pane-button.selected {
  opacity: 1;
  cursor: default;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button.pane-button.selected .tb-bullet {
  opacity: 1;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button.pane-button.has-code .tb-bullet {
  background-color: white;
}
.rm-code-editor .rm-code-editor-toolbar .toolbar-table .tb-button.save {
  margin-top: -4px;
  padding: 0 12px;
  line-height: 40px;
}
.rm-code-editor .rm-code-editor-panes {
  position: relative;
  z-index: 10;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rm-code-editor .rm-code-editor-panes .code-pane {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
  transition: opacity 0.1s linear, visibility 0.1s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rm-code-editor .rm-code-editor-panes .code-pane.active {
  opacity: 1;
  visibility: inherit;
}
.rm-code-editor .rm-code-editor-panes .code-pane[data-type="widget"] .code-editor-area {
  padding-bottom: 48px;
}
.rm-code-editor .rm-code-editor-panes .code-pane .code-editor-area {
  position: absolute;
  left: 0;
  right: 8px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area {
  position: absolute;
  width: 100%;
  height: 47px;
  left: 0;
  bottom: 0;
  border-top: 1px solid #44444b;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .switcher {
  display: inline-block;
  vertical-align: middle;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .switcher .rmswitcher-body {
  height: 32px !important;
  border-radius: 16px !important;
  box-shadow: none!important;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .switcher .rmswitcher-body .rmswitcher-panel {
  height: 32px !important;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-on,
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-off {
  line-height: 32px !important;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider {
  width: 28px !important;
  height: 28px !important;
  margin-left: -14px !important;
  top: 2px!important;
  background: white!important;
  box-shadow: none!important;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.isdesktop .rm-code-editor .rm-code-editor-panes .code-pane .options-area .switcher .rmswitcher-body .rmswitcher-panel .rmswitcher-panel-slider:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.28) !important;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .options-table {
  height: 100%;
  min-height: 100%;
  width: 100%;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .option {
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  line-height: 16px;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .option:not(:last-child) {
  border-right: 1px solid #44444b;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .option.active .option-title {
  color: white;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .option .option-title {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  margin-top: 1px;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .option.clear {
  text-align: right;
  padding-right: 16px;
}
.rm-code-editor .rm-code-editor-panes .code-pane .options-area .option.use-iframe {
  width: 174px;
}
.rm-code-editor .rm-code-editor-panes .rmpreloader {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  top: 50%;
  margin-top: -16px;
}
.rm-code-editor .rm-code-editor-panes .rmpreloader .arc {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  left: 0;
  top: 0;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .rm-code-editor .rm-code-editor-panes .rmpreloader .arc {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader@2x.png");
  }
}
.code-editor-container {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 7500;
  pointer-events: none;
}
.code-editor-container.visible .code-editor-block {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.code-editor-container .code-editor-modal-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.code-editor-container .code-editor-block {
  position: absolute;
  width: 100%;
  z-index: 10;
  bottom: 0;
  pointer-events: all;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}
.code-editor-container .code-editor-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  bottom: 0;
}
.code-editor-container .resize-handle {
  position: absolute;
  height: 4px;
  top: 0;
  width: 100%;
  cursor: row-resize;
  z-index: 20;
}
#page404 {
  min-height: 500px;
  color: black;
  background-color: #fafafa;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.isphone #page404 {
  min-height: 0;
  background-color: white;
}
#page404 table {
  height: 100%;
  width: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
#page404 table tr {
  width: 100%;
}
#page404 table tr td {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
#page404 table tr td .caption {
  font-size: 28px;
  line-height: 32px;
}
#page404 table tr td .message {
  margin-top: 10px;
  font-size: 19px;
  line-height: 24px;
  color: #9f9f9f;
}
.isphone #page404 table tr td .message {
  font-size: 18px;
  line-height: 24px;
}
.isphone #page404 table tr td .message .front-page-link {
  line-height: 20px;
}
#page404 table tr td .message .front-page-link {
  color: black;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 22px;
}
.isdesktop #page404 table tr td .message .front-page-link:hover {
  border-color: transparent;
  color: #ff4828;
}
.magsuspended-container,
.usersuspended-container {
  position: absolute;
  min-width: 500px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: #fafafa;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/lines.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: black;
  z-index: 400;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.isphone .magsuspended-container,
.isphone .usersuspended-container {
  min-width: 0;
  -webkit-text-size-adjust: none;
}
.magsuspended-container .img-preloader,
.usersuspended-container .img-preloader {
  width: 0;
  height: 0;
  visibility: hidden;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/logo-hover.png');
}
.magsuspended-container .link,
.usersuspended-container .link {
  color: black;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 20px;
}
.isphone .magsuspended-container .link,
.isphone .usersuspended-container .link {
  line-height: 18px;
}
.isdesktop .magsuspended-container .link:hover,
.isdesktop .usersuspended-container .link:hover {
  border-color: transparent;
  color: #ff4828;
}
.magsuspended-container .center-table,
.usersuspended-container .center-table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.magsuspended-container .center-table .center-cell,
.usersuspended-container .center-table .center-cell {
  display: table-cell;
  width: 110%;
  vertical-align: middle;
  text-align: center;
}
.isphone .magsuspended-container .center-table .center-cell,
.isphone .usersuspended-container .center-table .center-cell {
  width: 100%;
}
.magsuspended-container .center-table .center-cell .center-content,
.usersuspended-container .center-table .center-cell .center-content {
  display: inline-block;
  width: 460px;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  background-color: #fafafa;
  padding: 23px 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.isphone .magsuspended-container .center-table .center-cell .center-content,
.isphone .usersuspended-container .center-table .center-cell .center-content {
  max-width: 240px;
  padding: 41px 0;
}
.magsuspended-container .center-table .center-cell .center-content .caption,
.usersuspended-container .center-table .center-cell .center-content .caption {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 16px;
}
.isphone .magsuspended-container .center-table .center-cell .center-content .caption,
.isphone .usersuspended-container .center-table .center-cell .center-content .caption {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
}
.magsuspended-container .center-table .center-cell .center-content .text,
.usersuspended-container .center-table .center-cell .center-content .text {
  font-size: 18px;
  line-height: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #9f9f9f;
}
.isphone .magsuspended-container .center-table .center-cell .center-content .text,
.isphone .usersuspended-container .center-table .center-cell .center-content .text {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.magsuspended-container .powered,
.usersuspended-container .powered {
  position: absolute;
  left: 33px;
  bottom: 28px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.isphone .magsuspended-container .powered,
.isphone .usersuspended-container .powered {
  left: 50%;
  margin-left: -38px;
  bottom: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 76px;
  height: 35px;
  text-align: center;
  text-decoration: none;
}
.magsuspended-container .powered .caption-powered,
.usersuspended-container .powered .caption-powered {
  color: #9f9f9f;
  font-size: 11px;
  line-height: 14px;
  margin-left: -2px;
}
.magsuspended-container .powered .logo-powered,
.usersuspended-container .powered .logo-powered {
  width: 76px;
  height: 18px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/logo.png');
  background-size: 100% 100%;
}
.isphone .magsuspended-container .powered .logo-powered,
.isphone .usersuspended-container .powered .logo-powered {
  top: 0;
  left: 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/logo-phone.png');
}
.isdesktop .magsuspended-container .powered .logo-powered:hover,
.isdesktop .usersuspended-container .powered .logo-powered:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/logo-hover.png');
}
.magsuspended-container .contact,
.usersuspended-container .contact {
  display: block;
  position: absolute;
  bottom: 27px;
  right: 33px;
  font-size: 14px;
  line-height: 18px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.isphone .magsuspended-container .contact,
.isphone .usersuspended-container .contact {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .magsuspended-container .powered .logo-powered,
  .usersuspended-container .powered .logo-powered {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/logo@2x.png');
  }
  .isphone .magsuspended-container .powered .logo-powered,
  .isphone .usersuspended-container .powered .logo-powered {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/logo-phone@2x.png');
  }
  .isdesktop .magsuspended-container .powered .logo-powered:hover,
  .isdesktop .usersuspended-container .powered .logo-powered:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/mag-suspended/logo-hover@2x.png');
  }
}
.domain-errors {
  min-height: 300px;
  min-width: 500px;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.isphone .domain-errors {
  min-height: 0;
  min-width: 0;
}
.domain-errors.show-elements .message {
  opacity: 1;
}
.domain-errors.show-elements .logo {
  opacity: 0.5;
  bottom: 35px;
}
.isphone .domain-errors.show-elements .logo {
  bottom: 20px;
}
.domain-errors.show-elements .help {
  opacity: 1;
  bottom: 38px;
}
.isphone .domain-errors.show-elements .help {
  bottom: 20px;
}
.domain-errors .message {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -44px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isphone .domain-errors .message {
  margin-top: -50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px 8px;
  text-align: center;
}
.domain-errors .message .message-caption {
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.domain-errors .message .message-text {
  text-align: center;
  margin-top: 10px;
  font-size: 19px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}
.isphone .domain-errors .message .message-text {
  margin-top: 13px;
  font-size: 16px;
  line-height: 20px;
}
.isphone .domain-errors .message .message-text .br-desktop {
  display: none;
}
.domain-errors .message .message-text a {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .domain-errors .message .message-text a:hover,
.no-isdesktop .domain-errors .message .message-text a:active {
  color: #fff;
}
.no-isphone .domain-errors .message .message-text .br-phone {
  display: none;
}
.domain-errors .message .help-phone {
  display: none;
}
.isphone .domain-errors .message .help-phone {
  display: inline;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isphone .domain-errors .message .help-phone:active {
  color: #fff;
}
.domain-errors .logo {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  display: block;
  width: 87px;
  height: 21px;
  position: absolute;
  left: 50%;
  bottom: 27px;
  margin-left: -44px;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/domain-errors/logo.png");
  background-size: 87px 21px;
  background-repeat: no-repeat;
}
.isphone .domain-errors .logo {
  bottom: 20px;
}
.isdesktop .domain-errors .logo:hover,
.no-isdesktop .domain-errors .logo:active {
  opacity: 1;
}
.domain-errors .help {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  position: absolute;
  right: 65px;
  bottom: 30px;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.isphone .domain-errors .help {
  display: none;
}
.isdesktop .domain-errors .help:hover,
.no-isdesktop .domain-errors .help:active {
  color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .domain-errors .logo {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/service-pages/domain-errors/logo@2x.png");
  }
}
.export-pdf-popup {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.88);
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.export-pdf-popup.show {
  opacity: 1;
}
.export-pdf-popup.show .panel-wrapper .panel {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.export-pdf-popup.hide {
  opacity: 0;
}
.export-pdf-popup.hide .panel-wrapper .panel {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.export-pdf-popup.done-state .panel-wrapper .panel .initial-block {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.export-pdf-popup.done-state .panel-wrapper .panel .done-block {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.export-pdf-popup .panel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 568px;
  min-width: 990px;
}
.export-pdf-popup .panel-wrapper .close {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 50%;
  left: 50%;
  margin-top: -178px;
  margin-left: 194px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-pdf/close.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.isdesktop .export-pdf-popup .panel-wrapper .close:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-pdf/close-hover.png');
}
.export-pdf-popup .panel-wrapper .panel {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -168px;
  margin-top: -164px;
  width: 336px;
  height: 328px;
  border-radius: 8px;
  background: #fff;
  padding-top: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.export-pdf-popup .panel-wrapper .panel .initial-block,
.export-pdf-popup .panel-wrapper .panel .done-block {
  position: absolute;
  top: 59px;
  left: 0;
  width: 100%;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
}
.export-pdf-popup .panel-wrapper .panel .done-block {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.export-pdf-popup .panel-wrapper .panel .header {
  text-align: center;
  color: #3d3d3d;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  text-indent: 11px;
}
.export-pdf-popup .panel-wrapper .panel .header span {
  font-family: Arial;
  font-style: italic;
  font-size: 11px;
  color: #999999;
  vertical-align: 12px;
  padding-left: 6px;
}
.export-pdf-popup .panel-wrapper .panel .radio-group {
  width: 112px;
  margin: 36px auto 0;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"] {
  display: none;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label {
  color: #999999;
  cursor: pointer;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label:hover {
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label:hover::before {
  box-shadow: inset 0 0 0 1px #0078ff;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:checked + label {
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:checked + label:before {
  box-shadow: inset 0 0 0 1px #0078ff, inset 0 0 0 3px #fff;
  background: #0078ff;
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input {
  border-bottom: 1px solid #d6d6d6;
  color: #999;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input::-webkit-input-placeholder {
  color: #999;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input:-moz-placeholder {
  color: #999;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input:hover,
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input:focus {
  border-bottom: 1px solid #3d3d3d;
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input:hover::-webkit-input-placeholder,
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input:focus::-webkit-input-placeholder {
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input:hover:-moz-placeholder,
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:not(:checked) + label input:focus:-moz-placeholder {
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:checked + label input {
  border-bottom: 1px solid #3d3d3d;
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:checked + label input::-webkit-input-placeholder {
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="radio"]:checked + label input:-moz-placeholder {
  color: #3d3d3d;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper input[type="text"] {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 80px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  height: 19px;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper label {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.export-pdf-popup .panel-wrapper .panel .radio-group .input-wrapper label::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 14px;
  vertical-align: middle;
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px #999999, inset 0 0 0 3px transparent;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.export-pdf-popup .panel-wrapper .panel .errors {
  color: #ff4828;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  height: 16px;
  margin-top: 14px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.export-pdf-popup .panel-wrapper .panel .errors.visible {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.export-pdf-popup .panel-wrapper .panel .message {
  color: #3d3d3d;
  font-size: 16px;
  line-height: 24px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  padding: 0 30px;
  margin-top: 44px;
  margin-bottom: 41px;
  word-wrap: break-word;
}
.export-pdf-popup .panel-wrapper .panel .create-pdf,
.export-pdf-popup .panel-wrapper .panel .done {
  position: relative;
  margin: 13px auto 0;
  width: 160px;
  height: 48px;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #ff4828;
  line-height: 48px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  color: #ff4828;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.export-pdf-popup .panel-wrapper .panel .create-pdf:hover,
.export-pdf-popup .panel-wrapper .panel .done:hover {
  background: #ff4828;
  color: #fff;
}
.export-pdf-popup .panel-wrapper .panel .done {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -80px;
  bottom: 40px;
}
.export-pdf-popup .panel-wrapper .panel .typekit-issue {
  color: #999999;
  font-size: 13px;
  line-height: 16px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  padding: 0 40px;
  margin-top: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .export-pdf-popup .panel-wrapper .close {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-pdf/close@2x.png');
  }
  .isdesktop .export-pdf-popup .panel-wrapper .close:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-pdf/close-hover@2x.png');
  }
}
.export-code-popup {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.88);
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.export-code-popup.show {
  opacity: 1;
}
.export-code-popup.show .panel-wrapper .panel {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.export-code-popup.hide {
  opacity: 0;
}
.export-code-popup.hide .panel-wrapper .panel {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.export-code-popup .panel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 568px;
  min-width: 990px;
}
.export-code-popup .panel-wrapper .close {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 50%;
  left: 50%;
  margin-top: -220px;
  margin-left: 194px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-code/close.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.isdesktop .export-code-popup .panel-wrapper .close:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-code/close-hover.png');
}
.export-code-popup .panel-wrapper .panel {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -168px;
  margin-top: -194px;
  padding: 0 32px;
  width: 336px;
  height: 388px;
  border-radius: 8px;
  background: #fff;
  padding-top: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.export-code-popup .panel-wrapper .panel .header {
  text-align: center;
  color: #3d3d3d;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  text-indent: 11px;
}
.export-code-popup .panel-wrapper .panel .header span {
  font-family: Arial;
  font-style: italic;
  font-size: 11px;
  color: #999999;
  vertical-align: 12px;
  padding-left: 6px;
}
.export-code-popup .panel-wrapper .panel .message {
  color: #3d3d3d;
  font-size: 13px;
  line-height: 16px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  margin-top: 17px;
  margin-bottom: 22px;
  word-wrap: break-word;
}
.export-code-popup .panel-wrapper .panel .domain-input {
  display: block;
  height: 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 0;
  border: 1px solid #E8E8E8;
  width: 100%;
  padding: 0 16px;
  font-size: 19px;
}
.export-code-popup .panel-wrapper .panel .download {
  display: block;
  position: relative;
  margin: 28px auto 0;
  width: 160px;
  height: 48px;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #ff4828;
  line-height: 48px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  color: #ff4828;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  text-decoration: none;
}
.export-code-popup .panel-wrapper .panel .download:hover:not(.preloader) {
  background: #ff4828;
  color: #fff;
}
.export-code-popup .panel-wrapper .panel .download.preloader {
  color: transparent;
}
.export-code-popup .panel-wrapper .panel .download.preloader .rmpreloader {
  display: block;
}
.export-code-popup .panel-wrapper .panel .download .rmpreloader {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  top: 8px;
  display: none;
}
.export-code-popup .panel-wrapper .panel .download .rmpreloader .arc {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  left: 0;
  top: 0;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/preloader-dark@2x.png");
}
.export-code-popup .panel-wrapper .panel .alerts {
  list-style: none;
  margin: 0;
  margin-top: 28px;
  border-top: 1px solid #E8E8E8;
  padding: 0;
}
.export-code-popup .panel-wrapper .panel .alerts .alert-item {
  min-height: 46px;
  margin-top: 24px;
}
.export-code-popup .panel-wrapper .panel .alerts .alert-item .alert-item-icon {
  float: left;
  height: 46px;
  width: 46px;
  margin-right: 16px;
  position: relative;
}
.export-code-popup .panel-wrapper .panel .alerts .alert-item .alert-item-icon .notification-sign {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FC4644;
  border-radius: 50%;
  border: 2px solid #fff;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  text-align: center;
  line-height: 16px;
  color: white;
  font-size: 12px;
}
.export-code-popup .panel-wrapper .panel .alerts .alert-item.alert-forms .alert-item-icon {
  background-size: 100%;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/form-46.png');
}
.export-code-popup .panel-wrapper .panel .alerts .alert-item .alert-text {
  font-size: 11px;
  line-height: 13px;
  color: #8C8A8B;
  position: relative;
  top: -4px;
}
.export-code-popup .panel-wrapper .panel .alerts .alert-item .alert-text .alert-learn-more {
  color: #0078ff;
  text-decoration: none;
  border-bottom: 1px solid #0078ff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.export-code-popup .panel-wrapper .panel .alerts .alert-item .alert-text .alert-learn-more:hover {
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .export-code-popup .panel-wrapper .close {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-code/close@2x.png');
  }
  .isdesktop .export-code-popup .panel-wrapper .close:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/export-code/close-hover@2x.png');
  }
  .export-code-popup .panel-wrapper .panel .alerts .alert-item.alert-forms .alert-item-icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/widgetbar/icons/form-92.png');
  }
}
.alert-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(29, 26, 27, 0.6);
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.alert-popup.show {
  opacity: 1;
}
.alert-popup.show .panel-wrapper .panel {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.alert-popup.hide {
  opacity: 0;
}
.alert-popup.hide .panel-wrapper .panel {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.alert-popup.category-upgrade .panel-wrapper .panel .icon {
  width: 136px;
  height: 136px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/pic-upgrade.png');
}
.alert-popup.category-browsers .panel-wrapper .panel {
  padding-bottom: 40px;
}
.alert-popup.category-browsers .panel-wrapper .panel .icon {
  width: 200px;
  height: 128px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/pic-browsers.png');
}
.alert-popup.category-mobile .panel-wrapper .panel {
  padding: 37px 20px 37px;
}
.alert-popup.category-mobile .panel-wrapper .panel .header {
  display: none;
}
.alert-popup.category-mobile .panel-wrapper .panel .icon {
  width: 144px;
  height: 80px;
  margin-top: 23px;
  margin-bottom: 26px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/pic-desktop.png');
}
.alert-popup.category-mobile .panel-wrapper .panel .text {
  font-size: 19px;
  line-height: 24px;
  color: #242424;
}
.alert-popup.category-mobile .panel-wrapper .panel .buttons .main {
  margin-top: 58px;
}
.alert-popup.category-shared-failed .panel-wrapper .panel {
  background: #fae264;
  padding: 0;
  text-align: center;
  height: 496px;
}
.isphone .alert-popup.category-shared-failed .panel-wrapper .panel {
  width: 272px;
}
.alert-popup.category-shared-failed .panel-wrapper .panel .header {
  position: absolute;
  width: 100%;
  top: 187px;
  color: #363234;
  font-size: 24px;
  line-height: 30px;
}
.alert-popup.category-shared-failed .panel-wrapper .panel .icon {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -24px;
  top: 122px;
  width: 48px;
  height: 48px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/collector/profile-team/logo.png');
}
.alert-popup.category-shared-failed .panel-wrapper .panel .text {
  position: absolute;
  bottom: 66px;
  color: #363234;
  font-size: 19px;
  line-height: 24px;
  width: 100%;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.alert-popup.category-shared-failed .panel-wrapper .panel .text a {
  color: #363234;
  display: inline-block;
  vertical-align: middele;
  text-decoration: none;
  border-bottom: 1px solid #363234;
  line-height: 17px;
}
.isdesktop .alert-popup.category-shared-failed .panel-wrapper .panel .text a:hover {
  border-color: transparent;
}
.alert-popup.category-shared-failed .panel-wrapper .panel .button.close {
  position: absolute;
  bottom: 28px;
  border-bottom: 1px solid #363234;
  line-height: 14px;
  font-size: 14px;
  height: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
}
.isdesktop .alert-popup.category-shared-failed .panel-wrapper .panel .button.close:hover {
  border-color: transparent;
}
.alert-popup.category-shared-unlock-page .panel-wrapper .panel {
  background: #000;
  width: 240px;
  padding: 36px 0 38px;
  text-align: center;
}
.alert-popup.category-shared-unlock-page .panel-wrapper .panel .icon {
  left: 50%;
  margin: 0 0 0 -50px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
}
.alert-popup.category-shared-unlock-page .panel-wrapper .panel .text {
  color: #fff;
  font-size: 19px;
  line-height: 24px;
  width: 100%;
  padding: 15px 22px 0 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}
.alert-popup.category-shared-unlock-page .panel-wrapper .panel .button.ok {
  margin: 21px auto 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  height: 42px;
  text-align: center;
  width: 96px;
  cursor: pointer;
  color: #000;
  background-color: #fae264;
  font-size: 19px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 42px;
  border-radius: 4px;
}
.isdesktop .alert-popup.category-shared-unlock-page .panel-wrapper .panel .button.ok:hover {
  background-color: #fff;
}
.alert-popup.category-confirm-email .panel-wrapper .panel .icon {
  width: 136px;
  height: 136px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/confirm.png');
  margin-bottom: 50px;
}
.alert-popup .panel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 568px;
  min-width: 990px;
}
.isphone .alert-popup .panel-wrapper {
  min-height: initial;
  min-width: initial;
}
.alert-popup .panel-wrapper .center-table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.alert-popup .panel-wrapper .center-table .center-cell {
  display: table-cell;
  width: 110%;
  vertical-align: middle;
  text-align: center;
}
.alert-popup .panel-wrapper .panel {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  position: relative;
  width: 336px;
  margin: auto;
  border-radius: 8px;
  background: #fff;
  padding: 46px 42px 26px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.isphone .alert-popup .panel-wrapper .panel {
  width: 272px;
}
.alert-popup .panel-wrapper .panel .header {
  text-align: center;
  color: #1d1a1b;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
}
.alert-popup .panel-wrapper .panel .icon {
  position: relative;
  margin: 40px auto 32px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.alert-popup .panel-wrapper .panel .text {
  text-align: center;
  color: #8c8a8b;
  font-size: 16px;
  line-height: 22px;
}
.alert-popup .panel-wrapper .panel .text a {
  color: #1686eb;
  text-decoration: underline;
}
.isdesktop .alert-popup .panel-wrapper .panel .text a:hover {
  text-decoration: none;
}
.alert-popup .panel-wrapper .panel .button {
  display: block;
  position: relative;
  text-decoration: none;
}
.alert-popup .panel-wrapper .panel .button.main {
  margin: 28px auto 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  height: 48px;
  text-align: center;
  width: 160px;
  cursor: pointer;
  color: white;
  background-color: #1686eb;
  font-size: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 48px;
  border-radius: 4px;
}
.isdesktop .alert-popup .panel-wrapper .panel .button.main:hover {
  background-color: #2e9ffd;
}
.alert-popup .panel-wrapper .panel .button.cancel {
  display: inline-block;
  border-bottom: 1px solid #e3e3e3;
  line-height: 12px;
  cursor: pointer;
}
.isdesktop .alert-popup .panel-wrapper .panel .button.cancel:hover {
  border-color: transparent;
}
.alert-popup .panel-wrapper .panel .contact-link {
  display: block;
  color: #1686eb;
  margin-top: 29px;
}
.alert-popup .panel-wrapper .panel .contact-link:hover {
  text-decoration: none;
}
.alert-popup .panel-wrapper .panel .cancel-wrapper {
  font-size: 12px;
  line-height: 18px;
  color: #8c8a8b;
  margin-top: 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .alert-popup.category-upgrade .panel-wrapper .panel .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/pic-upgrade@2x.png');
  }
  .alert-popup.category-browsers .panel-wrapper .panel .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/pic-browsers@2x.png');
  }
  .alert-popup.category-mobile .panel-wrapper .panel .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/pic-desktop@2x.png');
  }
  .alert-popup.category-shared-failed .panel-wrapper .panel .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/collector/profile-team/logo@2x.png');
  }
  .alert-popup.category-confirm-email .panel-wrapper .panel .icon {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/alert/confirm@2x.png');
  }
}
.common-audio-player.standard {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.common-audio-player-engine {
  visibility: hidden;
}
.common-audio-player.minimal {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.common-audio-player.minimal.no-artwork {
  top: auto;
  bottom: 0;
  height: 26px;
}
.common-audio-player.minimal.no-artwork .sc-artwork-list {
  display: none;
}
.common-audio-player.minimal.no-artwork .sc-scrubber {
  border-radius: 2px;
}
.common-audio-player.minimal.no-info .sc-info {
  display: none;
}
.common-audio-player.minimal.no-info .sc-artwork-list .sc-artworks-overlay {
  display: none;
}
.common-audio-player.minimal .sc-artwork-list {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 25px;
  right: 1px;
}
.common-audio-player.minimal .sc-artwork-list .sc-loaded-artwork {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: 0 0;
  border-radius: 2px 2px 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: #fff;
}
.msie .common-audio-player.minimal .sc-artwork-list .sc-loaded-artwork {
  background-size: cover;
}
.common-audio-player.minimal .sc-artwork-list .sc-artworks-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
  z-index: 1;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C */
}
.common-audio-player.minimal .sc-info {
  z-index: 2;
  position: absolute;
  left: 0px;
  bottom: 25px;
  right: 0px;
  height: 47px;
  color: #fff;
}
.common-audio-player.minimal .sc-info h3 {
  display: block;
  position: absolute;
  top: 0;
  left: 34px;
  right: 34px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 22px;
  font-family: 'Arial';
  color: inherit !important;
  font-size: 18px;
  font-weight: bold;
}
.common-audio-player.minimal .sc-info h3 a {
  font-family: 'Arial';
  color: inherit !important;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
.common-audio-player.minimal .sc-info h4 {
  display: block;
  position: absolute;
  top: 24px;
  left: 34px;
  right: 34px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-family: 'Arial';
  color: inherit !important;
  font-size: 8px;
  height: 25px;
  letter-spacing: 1px;
}
.common-audio-player.minimal .sc-info h4 a {
  font-family: 'Arial';
  color: inherit !important;
  font-size: 8px;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.common-audio-player.minimal .sc-info h4 a:hover {
  text-decoration: none;
}
.common-audio-player.minimal.playing .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button svg,
.common-audio-player.minimal.dragging .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.common-audio-player.minimal .sc-scrubber {
  position: absolute;
  left: 1px;
  bottom: 1px;
  right: 1px;
  height: 24px;
  background: #fff;
  border-radius: 0 0 2px 2px;
  overflow: hidden;
}
.common-audio-player.minimal .sc-scrubber:hover .sc-hover-indicator {
  opacity: 1;
}
.common-audio-player.minimal .sc-scrubber .sc-hover-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.12);
  opacity: 0;
  -webkit-transition: 0.4s opacity ease-in-out;
  transition: 0.4s opacity ease-in-out;
}
.common-audio-player.minimal .sc-scrubber .sc-time-indicators {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 23px;
  text-align: right;
}
.common-audio-player.minimal .sc-scrubber .sc-time-indicators .sc-left {
  padding-right: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Arial';
  font-size: 11px;
  opacity: 0.5;
}
.common-audio-player.minimal .sc-scrubber .sc-time-span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-buffer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-played {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper {
  position: absolute;
  top: 0;
  left: 6px;
  right: 24px;
  height: 100%;
}
.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 3px;
  -webkit-transition: 0.2s opacity ease-in-out;
  transition: 0.2s opacity ease-in-out;
  opacity: 0.8;
  cursor: pointer;
}
.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button svg {
  position: absolute;
  left: 3px;
  top: 3px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button:hover {
  opacity: 1;
}
.common-slideshow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.common-slideshow.fullscreen-mode {
  position: fixed;
  min-width: 1024px;
}
.no-isdesktop .common-slideshow.fullscreen-mode {
  min-width: 0;
}
.common-slideshow.fullscreen-mode .images .fullscreen svg.fullscreen-off {
  visibility: hidden;
}
.common-slideshow.fullscreen-mode .images .fullscreen svg.fullscreen-on {
  visibility: inherit;
}
.common-slideshow.no-images .images {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/slideshow-player/stub.png') no-repeat 50% 50% !important;
  background-color: #000 !important;
  background-size: 75px 54px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .common-slideshow.no-images .images {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/slideshow-player/stub@2x.png') !important;
  }
}
.common-slideshow.no-images .images .images-wrapper {
  display: none !important;
}
.common-slideshow.no-images .images .bottom-arrows {
  display: block !important;
}
.common-slideshow.no-images .images .fullscreen {
  display: block !important;
}
.common-slideshow.no-images .images .prev-picture-arrow-middle,
.common-slideshow.no-images .images .next-picture-arrow-middle {
  display: none !important;
}
.common-slideshow.no-images .thumbnails {
  display: none !important;
}
.common-slideshow.no-images .counters {
  display: none !important;
}
.common-slideshow.no-images .captions {
  display: none !important;
}
.common-slideshow.fullscreen-mode .images {
  background-color: #000 !important;
}
.common-slideshow.fullscreen-mode .thumbnails {
  background-color: #000 !important;
}
.common-slideshow.fullscreen-mode .counters {
  background-color: #000 !important;
}
.common-slideshow.fullscreen-mode .captions {
  background-color: #000 !important;
}
.common-slideshow.fullscreen-mode .captions .caption {
  color: #fff !important;
  opacity: 1 !important;
}
.common-slideshow .images {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.common-slideshow .images .images-wrapper {
  position: relative;
  height: 100%;
}
.common-slideshow .images .images-wrapper.animating .image {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.common-slideshow .images .images-wrapper .image {
  position: absolute;
  top: 0;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.common-slideshow .images .images-wrapper .image.hidden {
  display: none;
}
.common-slideshow .images .images-wrapper .image.neighbour {
  visibility: inherit;
}
.common-slideshow .images .images-wrapper .image.error {
  background: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/slideshow-player/stub.png') no-repeat 50% 50% !important;
  background-color: #000 !important;
  background-size: 75px 54px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .common-slideshow .images .images-wrapper .image.error {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/slideshow-player/stub@2x.png') !important;
  }
}
.common-slideshow .images .fullscreen {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.common-slideshow .images .fullscreen:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}
.common-slideshow .images .fullscreen svg.fullscreen-off {
  visibility: inherit;
}
.common-slideshow .images .fullscreen svg.fullscreen-on {
  visibility: hidden;
}
.common-slideshow .images .fullscreen svg {
  position: absolute;
  top: 8px;
  left: 8px;
}
.isdesktop .common-slideshow .images .fullscreen svg {
  opacity: 0.6;
}
.isdesktop .common-slideshow .images .fullscreen:hover svg {
  opacity: 1;
}
.common-slideshow .images .bottom-arrows {
  position: absolute;
  width: 104px;
  height: 40px;
  bottom: 8px;
  left: 50%;
  margin-left: -52px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.common-slideshow .images .bottom-arrows.no-images {
  display: none;
}
.common-slideshow .images .bottom-arrows.hidden {
  display: none;
}
.common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom,
.common-slideshow .images .bottom-arrows .next-picture-arrow-bottom {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}
.isdesktop .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom svg,
.isdesktop .common-slideshow .images .bottom-arrows .next-picture-arrow-bottom svg {
  opacity: 0.6;
}
.isdesktop .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom:hover svg,
.isdesktop .common-slideshow .images .bottom-arrows .next-picture-arrow-bottom:hover svg {
  opacity: 1;
}
.common-slideshow .images .bottom-arrows .next-picture-arrow-bottom {
  left: auto;
  right: 0;
}
.common-slideshow .images .bottom-arrows .counters-text {
  width: 100%;
  height: 100%;
  line-height: 40px;
  color: #f2f2f2;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  text-align: center;
}
.common-slideshow .images .prev-picture-arrow-middle,
.common-slideshow .images .next-picture-arrow-middle {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 8px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.common-slideshow .images .prev-picture-arrow-middle.no-images,
.common-slideshow .images .next-picture-arrow-middle.no-images {
  display: none;
}
.common-slideshow .images .prev-picture-arrow-middle.hidden,
.common-slideshow .images .next-picture-arrow-middle.hidden {
  display: none;
}
.isdesktop .common-slideshow .images .prev-picture-arrow-middle svg,
.isdesktop .common-slideshow .images .next-picture-arrow-middle svg {
  opacity: 0.6;
}
.isdesktop .common-slideshow .images .prev-picture-arrow-middle:hover svg,
.isdesktop .common-slideshow .images .next-picture-arrow-middle:hover svg {
  opacity: 1;
}
.common-slideshow .images .next-picture-arrow-middle {
  left: auto;
  right: 8px;
}
.isdesktop .common-slideshow.environment-constructor .images .fullscreen svg {
  cursor: default;
  opacity: 0.6;
}
.isdesktop .common-slideshow.environment-viewer:not(.fullscreen-mode) .images .fullscreen {
  opacity: 0;
}
.isdesktop .common-slideshow.environment-viewer:not(.fullscreen-mode):hover .images .fullscreen {
  opacity: 1;
}
.common-slideshow .thumbnails {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
}
.common-slideshow .thumbnails .scroll-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.common-slideshow .thumbnails .scroll-wrapper .scroll {
  display: none;
}
.common-slideshow .thumbnails .scroll-wrapper .items-wrapper {
  position: absolute;
  height: 100px;
  width: 100%;
  overflow-x: scroll;
}
.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items {
  position: relative;
  top: 8px;
  height: 56px;
}
.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb:first {
  margin: 0 4px 0 0;
}
.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb:last {
  margin: 0 0 0 4px;
}
.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb {
  position: absolute;
  cursor: pointer;
  width: 56px;
  height: 56px;
  margin: 0 4px;
  top: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 56px 56px;
  opacity: 0.5;
}
.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb.error {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/slideshow-player/error-image.png') !important;
}
.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb.active {
  cursor: default;
  opacity: 1;
}
.isdesktop .common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb:hover {
  opacity: 1;
}
.common-slideshow .counters {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  position: relative;
}
.common-slideshow .counters .scroll-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.common-slideshow .counters .scroll-wrapper .scroll {
  display: none;
}
.common-slideshow .counters .scroll-wrapper .items-wrapper {
  position: absolute;
  height: 100px;
  width: 100%;
  overflow-x: scroll;
}
.common-slideshow .counters .scroll-wrapper .items-wrapper .items {
  position: relative;
  top: 14px;
  height: 10px;
}
.common-slideshow .counters .scroll-wrapper .items-wrapper .items .counter {
  position: absolute;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.32);
  cursor: pointer;
  top: 1px;
  background: #fff;
}
.isdesktop .common-slideshow .counters .scroll-wrapper .items-wrapper .items .counter:hover:not(.active):after {
  background: rgba(0, 0, 0, 0.32);
}
.common-slideshow .counters .scroll-wrapper .items-wrapper .items .counter.active {
  cursor: default;
}
.isdesktop .common-slideshow .counters .scroll-wrapper .items-wrapper .items .counter:hover:after,
.common-slideshow .counters .scroll-wrapper .items-wrapper .items .counter.active:after {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  background: #000;
  content: "";
}
.common-slideshow .captions {
  position: relative;
  width: 100%;
}
.common-slideshow .captions .caption-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.common-slideshow .captions .caption {
  position: relative;
  margin: 0;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  height: 100%;
  width: 100%;
  padding: 10px 37px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
}
.common-slideshow .captions .caption::-webkit-input-placeholder {
  color: rgba(151, 158, 168, 0.5) !important;
}
.common-slideshow .captions .caption:-moz-placeholder {
  color: rgba(151, 158, 168, 0.5) !important;
}
.common-slideshow .captions .caption:focus::-webkit-input-placeholder {
  color: transparent !important;
}
.common-slideshow .captions .caption:focus:-moz-placeholder {
  color: transparent !important;
}
.common-slideshow .captions .caption a {
  color: inherit;
}
.isdesktop .common-slideshow .captions .caption a:hover {
  color: inherit;
  text-decoration: none;
}
.whats-new {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.88);
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.whats-new.show {
  opacity: 1;
}
.whats-new.show .panel-wrapper .panel {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.whats-new.hide {
  opacity: 0;
}
.whats-new.hide .panel-wrapper .panel {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.whats-new.agree-terms-mode .panel .close,
.whats-new.agree-terms-mode .panel .arrow {
  display: none;
}
.whats-new .panel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 568px;
}
.whats-new .panel-wrapper .panel {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -176px;
  margin-top: -248px;
  width: 336px;
  height: 496px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.whats-new .panel-wrapper .panel .content {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.whats-new .panel-wrapper .panel .content .wn-page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
  transition: visibility 0.2s linear, opacity 0.2s linear;
  text-align: center;
}
.whats-new .panel-wrapper .panel .content .wn-page.invisible {
  opacity: 0;
  visibility: hidden;
}
.whats-new .panel-wrapper .panel .content .wn-page .caption {
  text-transform: uppercase;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 2px;
  margin-top: 30px;
}
.whats-new .panel-wrapper .panel .content .wn-page .date {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  line-height: 32px;
}
.whats-new .panel-wrapper .panel .content .wn-page .date span {
  vertical-align: super;
  font-size: 13px;
}
.whats-new .panel-wrapper .panel .content .wn-page .picture {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.whats-new .panel-wrapper .panel .content .wn-page .text {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  margin-top: 43px;
}
.whats-new .panel-wrapper .panel .content .wn-page .learn-more {
  width: 144px;
  height: 40px;
  display: block;
  margin: 0 auto;
  border-radius: 4px;
  line-height: 40px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  margin: 18px auto 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.whats-new .panel-wrapper .panel .content .wn-page.agree-terms {
  color: #000;
  background-color: #fff;
}
.whats-new .panel-wrapper .panel .content .wn-page.agree-terms .caption {
  letter-spacing: 1.5px;
}
.whats-new .panel-wrapper .panel .content .wn-page.agree-terms .date {
  margin-top: 5px;
}
.whats-new .panel-wrapper .panel .content .wn-page.agree-terms .text {
  margin-top: 126px;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  padding: 0 28px;
}
.whats-new .panel-wrapper .panel .content .wn-page.agree-terms .text a {
  color: #0078ff;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page.agree-terms .text a:hover {
  text-decoration: none;
}
.whats-new .panel-wrapper .panel .content .wn-page.agree-terms .learn-more {
  background-color: #0078ff;
  color: white;
  margin-top: 25px;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page.agree-terms .learn-more:hover {
  background-color: #1c87ff;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-11-19"] {
  color: white;
  background-color: #2b63e5;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-11-19"] .picture {
  width: 240px;
  height: 190px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2013-11-19/pic.png');
  margin-top: 49px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-11-19"] .text {
  margin-top: 43px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-11-19"] .learn-more {
  background-color: white;
  color: #2b63e5;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-11-19"] .learn-more:hover {
  background-color: #04ddb9;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-12-16"] {
  color: white;
  background-color: #47433e;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-12-16"] .picture {
  width: 200px;
  height: 126px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2013-12-16/pic.png');
  margin-top: 80px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-12-16"] .text {
  margin-top: 76px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-12-16"] .learn-more {
  background-color: white;
  color: #47433e;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-12-16"] .learn-more:hover {
  background-color: #04ddb9;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-01-20"] {
  color: #4e4e55;
  background-color: #fff;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-01-20"] .picture {
  width: 90px;
  height: 188px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-01-20/pic.png');
  margin-top: 48px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-01-20"] .text {
  margin-top: 46px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-03"] {
  color: #2c4b77;
  background-color: #d0efea;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-03"] .picture {
  position: relative;
  width: 192px;
  height: 192px;
  background-color: #ff4a3a;
  border-radius: 50%;
  margin-top: 48px;
  overflow: hidden;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-03"] .picture .line {
  width: 96px;
  height: 16px;
  background-color: #d0efea;
  position: relative;
  left: 50%;
  margin-left: -48px;
  border-radius: 8px;
  margin-top: 12px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-03"] .picture .line:first-child {
  margin-top: 60px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-03"] .text {
  margin-top: 42px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-03"] .learn-more {
  background-color: #2c4b77;
  color: #d0efea;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-03"] .learn-more:hover {
  background-color: #ff4a3a;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-11"] {
  color: #2c4b77;
  background-color: #fe9578;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-11"] .percent {
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 228px;
  margin-top: 12px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-11"] .text {
  margin-top: 15px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-11"] .learn-more {
  background-color: #2c4b77;
  color: #d0efea;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-02-11"] .learn-more:hover {
  background-color: #ff4a3a;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-04"] {
  color: #fff69b;
  background-color: #088664;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-04"] .picture {
  width: 281px;
  height: 217px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-03-04/pic.png');
  margin-top: 39px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-04"] .text {
  margin-top: 26px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-04"] .learn-more {
  background-color: #fff69b;
  color: #088664;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-04"] .learn-more:hover {
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-19"] {
  color: #fff;
  background-color: #ffb644;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-19"] .picture {
  width: 268px;
  height: 192px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-03-19/pic.png');
  margin-top: 48px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-19"] .text {
  margin-top: 42px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-19"] .learn-more {
  background-color: #fff;
  color: #ffb644;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-19"] .learn-more:hover {
  background-color: #f05923;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-04-14"] {
  color: #be9842;
  background-color: #fafafa;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-04-14"] .picture {
  width: 136px;
  height: 208px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-04-14/pic.png');
  margin-top: 43px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-04-14"] .text {
  margin-top: 31px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-04-14"] .learn-more {
  background-color: #be9842;
  color: #fafafa;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-04-14"] .learn-more:hover {
  background-color: #ff1f18;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-06-24"] {
  color: #fff;
  background-color: #005dff;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-06-24"] .picture {
  width: 256px;
  height: 168px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-06-24/pic.png');
  margin-top: 64px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-06-24"] .text {
  margin-top: 50px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-06-24"] .learn-more {
  background-color: #fff;
  color: #005dff;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-06-24"] .learn-more:hover {
  background-color: #ccdfff;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-08-04"] {
  color: #ff4828;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-08-04"] .picture {
  width: 88px;
  height: 196px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-08-04/pic.png');
  margin-top: 56px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-08-04"] .text {
  margin-top: 30px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-08-04"] .learn-more {
  background-color: #ff4828;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-08-04"] .learn-more:hover {
  background-color: #0078ff;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-04"] {
  color: #3d3d3d;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-04"] .picture {
  width: 208px;
  height: 157px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-09-04/pic.png');
  margin-top: 67px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-04"] .text {
  margin-top: 58px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-04"] .learn-more {
  background-color: #ff4828;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-04"] .learn-more:hover {
  background-color: #0078ff;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-30"] {
  color: white;
  background-color: #ff5b5b;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-30"] .picture {
  width: 192px;
  height: 144px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-09-30/pic.png');
  margin-top: 80px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-30"] .text {
  margin-top: 58px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-30"] .learn-more {
  background-color: white;
  color: #ff5b5b;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-30"] .learn-more:hover {
  background-color: #9d1414;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-11-05"] {
  color: #7700f0;
  background-color: #f8f8f8;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-11-05"] .picture {
  width: 172px;
  height: 168px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-11-05/pic.png');
  margin-top: 62px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-11-05"] .text {
  margin-top: 52px;
  color: #3d3d3d;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-11-05"] .learn-more {
  background-color: #f8f8f8;
  color: #7700f0;
  border: 1px solid #7700f0;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-11-05"] .learn-more:hover {
  background-color: #7700f0;
  color: #f8f8f8;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-12-09"] {
  color: white;
  background-color: #076616;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-12-09"] .picture {
  width: 238px;
  height: 136px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-12-09/pic.png');
  margin-top: 80px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-12-09"] .text {
  margin-top: 66px;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-12-09"] .learn-more {
  background-color: white;
  color: #076616;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-12-09"] .learn-more:hover {
  background-color: #ff2f1f;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-01-29"] {
  color: white;
  background-color: #ff4828;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-01-29"] .picture {
  width: 238px;
  height: 184px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-01-29/pic.png');
  margin-top: 56px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-01-29"] .text {
  margin-top: 42px;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-01-29"] .learn-more {
  background-color: white;
  color: #ff4828;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-01-29"] .learn-more:hover {
  background-color: black;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-02-10"] {
  color: black;
  background-color: #ffd35d;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-02-10"] .picture {
  width: 112px;
  height: 184px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-02-10/pic.png');
  margin-top: 49px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-02-10"] .text {
  margin-top: 49px;
  color: black;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-02-10"] .learn-more {
  background-color: black;
  color: #ffd35d;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-02-10"] .learn-more:hover {
  background-color: #ff4828;
  color: #ffd35d;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-03-04"] {
  color: black;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-03-04"] .picture {
  width: 194px;
  height: 194px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-03-04/pic.png');
  margin-top: 47px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-03-04"] .text {
  margin-top: 41px;
  color: black;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-03-04"] .learn-more {
  background-color: #ff4828;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-03-04"] .learn-more:hover {
  background-color: black;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-04-14"] {
  color: white;
  background-color: #492483;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-04-14"] .picture {
  width: 20px;
  height: 193px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-04-14/pic.png');
  margin-top: 47px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-04-14"] .text {
  margin-top: 41px;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-04-14"] .learn-more {
  background-color: #ff4828;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-04-14"] .learn-more:hover {
  background-color: white;
  color: #492483;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-05-14"] {
  color: #1c3853;
  background-color: #94ccda;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-05-14"] .picture {
  width: 153px;
  height: 163px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-05-14/pic.png');
  margin-top: 56px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-05-14"] .text {
  margin-top: 62px;
  color: #1c3853;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-05-14"] .learn-more {
  background-color: #1c3853;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-05-14"] .learn-more:hover {
  background-color: white;
  color: #1c3853;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-09-03"] {
  color: #000;
  background-color: #fae264;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-09-03"] .picture {
  width: 242px;
  height: 194px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-09-03/pic.png');
  margin-top: 46px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-09-03"] .text {
  margin-top: 42px;
  color: #000;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-09-03"] .learn-more {
  background-color: #ef4c08;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-09-03"] .learn-more:hover {
  background-color: #357528;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-10-09"] {
  color: #02287d;
  background-color: #85e3c9;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-10-09"] .picture {
  width: 144px;
  height: 174px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-10-09/pic.png');
  margin-top: 63px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-10-09"] .text {
  margin-top: 45px;
  color: #02287d;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-10-09"] .learn-more {
  background-color: #02287d;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-10-09"] .learn-more:hover {
  background-color: #ec543d;
  color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-11-18"] {
  color: #2c2343;
  background-color: #f25d47;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-11-18"] .picture {
  width: 156px;
  height: 222px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-11-18/pic.png');
  margin-top: 32px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-11-18"] .text {
  margin-top: 28px;
  color: #2c2343;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-11-18"] .learn-more {
  background-color: #2c2343;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-11-18"] .learn-more:hover {
  background-color: white;
  color: #2c2343;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-01-20"] {
  color: black;
  background-color: transpaent;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-01-20/bg-pic.png);
  background-size: 100% 100%;
  overflow: hidden;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-01-20"] .picture {
  width: 206px;
  height: 206px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-01-20/pic.png');
  margin-top: 40px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-01-20"] .text {
  margin-top: 36px;
  color: black;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-01-20"] .learn-more {
  background-color: #f6563f;
  color: white;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-01-20"] .learn-more:hover {
  background-color: white;
  color: black;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-04-12"] {
  color: black;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-04-12"] .picture {
  width: 278px;
  height: 127px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-04-12/pic.png');
  margin-top: 94px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-04-12"] .learn-more {
  background-color: #f6563f;
  color: white;
  margin-top: 122px;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-04-12"] .learn-more:hover {
  background-color: black;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-08-04"] {
  color: black;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-08-04"] .picture {
  width: 274px;
  height: 264px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-08-04/pic.png');
  margin-top: 35px;
  position: relative;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-08-04"] .learn-more {
  background-color: #f25d47;
  color: white;
  margin-top: 44px;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-08-04"] .learn-more:hover {
  background-color: #db3921;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-09-29"] {
  color: black;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-09-29"] .picture {
  width: 266px;
  height: 266px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-09-29/pic.png');
  margin-top: 31px;
  position: relative;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-09-29"] .learn-more {
  background-color: #3265ff;
  color: white;
  margin-top: 46px;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-09-29"] .learn-more:hover {
  background-color: #ff6d6d;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-12-01"] {
  color: black;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-12-01"] .picture {
  width: 279px;
  height: 264px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-12-01/pic.png');
  margin-top: 32px;
  position: relative;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-12-01"] .learn-more {
  background-color: #f6563f;
  color: white;
  margin-top: 47px;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-12-01"] .learn-more:hover {
  background-color: #db3921;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-02-07"] {
  color: black;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-02-07"] .picture {
  width: 280px;
  height: 280px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2017-02-07/pic.png');
  margin-top: 28px;
  position: relative;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-02-07"] .learn-more {
  background-color: black;
  color: white;
  margin-top: 35px;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-02-07"] .learn-more:hover {
  background-color: #ff4828;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-05-03"] {
  color: black;
  background-color: white;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-05-03"] .picture {
  width: 264px;
  height: 264px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2017-05-03/pic.png');
  margin-top: 32px;
  position: relative;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-05-03"] .learn-more {
  position: relative;
  background-color: black;
  color: white;
  margin-top: 47px;
}
.whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-05-03"] .learn-more::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: 'Learn More';
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2017-05-03/learn-hover.png');
  opacity: 0;
  border-radius: 4px;
  background-size: 144px 40px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-05-03"] .learn-more:hover::after {
  opacity: 1;
}
.whats-new .panel-wrapper .panel .close {
  position: absolute;
  width: 44px;
  height: 44px;
  top: -14px;
  right: -70px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/close.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.isdesktop .whats-new .panel-wrapper .panel .close:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/close-hover.png');
}
.whats-new .panel-wrapper .panel .arrow {
  position: absolute;
  right: -64px;
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.whats-new .panel-wrapper .panel .arrow.disabled {
  cursor: default;
}
.whats-new .panel-wrapper .panel .arrow.up {
  bottom: 40px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-up.png');
}
.isdesktop .whats-new .panel-wrapper .panel .arrow.up:not(.disabled):hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-up-hover.png');
}
.whats-new .panel-wrapper .panel .arrow.up.disabled {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-up-disabled.png');
}
.whats-new .panel-wrapper .panel .arrow.up.highlight {
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-up-hover.png') !important;
}
.whats-new .panel-wrapper .panel .arrow.down {
  bottom: 0;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-down.png');
}
.isdesktop .whats-new .panel-wrapper .panel .arrow.down:not(.disabled):hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-down-hover.png');
}
.whats-new .panel-wrapper .panel .arrow.down.disabled {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-down-disabled.png');
}
.whats-new .panel-wrapper .panel .arrow.down.highlight {
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-down-hover.png') !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-11-19"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2013-11-19/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2013-12-16"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2013-12-16/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-01-20"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-01-20/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-04"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-03-04/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-03-19"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-03-19/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-04-14"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-04-14/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-06-24"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-06-24/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-08-04"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-08-04/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-04"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-09-04/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-09-30"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-09-30/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-11-05"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-11-05/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2014-12-09"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2014-12-09/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-01-29"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-01-29/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-02-10"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-02-10/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-03-04"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-03-04/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-04-14"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-04-14/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-05-14"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-05-14/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-09-03"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-09-03/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-10-09"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-10-09/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2015-11-18"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2015-11-18/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-01-20"] {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-01-20/bg-pic@2x.png);
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-01-20"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-01-20/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-04-12"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-04-12/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-08-04"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-08-04/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-09-29"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-09-29/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2016-12-01"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2016-12-01/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-02-07"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2017-02-07/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-05-03"] .picture {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2017-05-03/pic@2x.png');
  }
  .whats-new .panel-wrapper .panel .content .wn-page[data-date="2017-05-03"] .learn-more::after {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/2017-05-03/learn-hover@2x.png');
  }
  .whats-new .panel-wrapper .panel .close {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/close@2x.png');
  }
  .isdesktop .whats-new .panel-wrapper .panel .close:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/close-hover@2x.png');
  }
  .whats-new .panel-wrapper .panel .arrow.up {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-up@2x.png');
  }
  .isdesktop .whats-new .panel-wrapper .panel .arrow.up:not(.disabled):hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-up-hover@2x.png');
  }
  .whats-new .panel-wrapper .panel .arrow.up.disabled {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-up-disabled@2x.png');
  }
  .whats-new .panel-wrapper .panel .arrow.down {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-down@2x.png');
  }
  .isdesktop .whats-new .panel-wrapper .panel .arrow.down:not(.disabled):hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-down-hover@2x.png');
  }
  .whats-new .panel-wrapper .panel .arrow.down.disabled {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/whats-new/arrow-down-disabled@2x.png');
  }
}
.common-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  -ms-flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-align-content: center;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-writing-mode: lr-tb;
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  overflow: hidden;
}
.common-button.is-contrast-selection .text::selection {
  background: rgba(160, 206, 255, 0.5);
}
.common-button.is-contrast-selection .text::-moz-selection {
  background: rgba(160, 206, 255, 0.5);
}
.common-button .text,
.common-button .icon {
  display: none;
  vertical-align: middle;
}
.common-button .text.hidden,
.common-button .icon.hidden {
  display: none;
}
.common-button .icon {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.common-button .text {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  line-height: 1.4;
  text-align: center;
  font-family: inherit;
  text-transform: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}
.common-button .text::selection {
  background: rgba(73, 162, 255, 0.5);
}
.common-button .text::-moz-selection {
  background: rgba(73, 162, 255, 0.5);
}
.widget-form.fonts-pending .caption {
  visibility: hidden;
}
.common-form {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
}
.common-form:hover .input-line-control {
  opacity: 0.6;
}
.common-form[data-style="underlined"] .input-line-control {
  right: 2px;
}
.common-form .input-wrapper {
  position: relative;
  display: inline-block;
}
.common-form .input-wrapper.is-multiline .input-line-control-remove {
  display: block;
}
.common-form .input-wrapper input,
.common-form .input-wrapper textarea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
  background: transparent;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  margin: 0;
  outline: 0;
  padding: 0 20px;
  text-align: left;
  resize: none;
}
.common-form .input-wrapper textarea {
  height: auto;
  overflow: auto;
}
.isdesktop .common-form .input-wrapper textarea {
  overflow: hidden;
}
.common-form .input-wrapper input::-ms-clear,
.common-form .input-wrapper textarea::-ms-clear {
  display: none;
}
.common-form .input-wrapper input::-webkit-input-placeholder,
.common-form .input-wrapper textarea::-webkit-input-placeholder {
  color: inherit !important;
  opacity: 0.5 !important;
}
.common-form .input-wrapper input:-ms-input-placeholder,
.common-form .input-wrapper textarea:-ms-input-placeholder {
  color: inherit !important;
  opacity: 0.5 !important;
}
.common-form .input-wrapper input::-moz-placeholder,
.common-form .input-wrapper textarea::-moz-placeholder {
  color: inherit !important;
  opacity: 0.5 !important;
}
.common-form .input-wrapper input:-moz-placeholder,
.common-form .input-wrapper textarea:-moz-placeholder {
  color: inherit !important;
  opacity: 0.5 !important;
}
.common-form .input-wrapper input.fake-dropdown {
  text-overflow: ellipsis;
  padding-right: 36px;
}
.common-form .input-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  opacity: 0;
  cursor: pointer;
  border: none;
}
.common-form .input-wrapper option {
  color: #000;
}
.common-form .input-wrapper .form-dropdown-triangle {
  right: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 11px;
  height: 11px;
  margin: auto;
}
.common-form .button {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
}
.common-form .button .caption {
  display: inline-block;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.common-form .button svg {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.common-form .button svg.error {
  height: 25px;
  max-height: 80%;
}
.common-form .button svg.submitted {
  height: 23px;
  max-height: 70%;
}
.common-form .button.with-transition {
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.common-form .button.error {
  background-color: #ff4828 !important;
}
.common-form .button.error .caption {
  opacity: 0;
}
.common-form .button.error svg.error {
  opacity: 1;
  fill: white!important;
}
.common-form .button.submitted {
  cursor: default;
}
.common-form .button.submitted .caption {
  opacity: 0;
}
.common-form .button.submitted svg.submitted {
  opacity: 1;
}
.common-form .input-line-control {
  position: absolute;
  right: 17px;
  z-index: 2;
  width: 13px;
  height: 1.2em;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.common-form .input-line-control:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 13px;
  height: 13px;
  border-radius: 7px;
  background: #1cdeb4 no-repeat center;
  background-size: 7px 7px;
  color: white;
}
.common-form .input-line-control:hover {
  opacity: 1;
}
.common-form .input-line-control-add {
  top: 0;
}
.common-form .input-line-control-add:after {
  vertical-align: middle;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/form/plus.png');
}
.common-form .input-line-control-remove {
  bottom: 0;
  display: none;
}
.common-form .input-line-control-remove:after {
  top: 2px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/form/minus.png');
}
.common-form[data-style="underlined"] .input-wrapper input,
.common-form[data-style="underlined"] .input-wrapper textarea {
  top: auto;
  bottom: 0;
  padding: 0;
  height: auto;
  padding-bottom: 2px;
}
.common-form[data-style="underlined"] .input-wrapper .form-dropdown-triangle {
  right: 0;
}
.constructor.preview .common-form .button {
  cursor: pointer;
}
.constructor .common-form .button {
  cursor: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .common-form .input-line-control-add:after {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/form/plus@2x.png');
  }
  .common-form .input-line-control-remove:after {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/form/minus@2x.png');
  }
}
.common-hotspot {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.common-hotspot .pin {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.common-hotspot .pin svg {
  width: 100%;
  height: 100%;
}
.common-hotspot .pin.viewer {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.common-hotspot .pin.viewer img {
  width: 100%;
}
.common-hotspot .tip {
  visibility: hidden;
  position: absolute;
  z-index: 0;
}
.common-hotspot .tip.text-edit-mode {
  border-radius: 0px !important;
}
.common-hotspot .tip.text-edit-mode .blocks-wrapper {
  border-radius: 0px !important;
  overflow: visible !important;
  -webkit-mask-image: none;
}
.common-hotspot .tip.no-widgets {
  box-shadow: none !important;
  background-color: transparent !important;
}
.common-hotspot .tip.no-widgets .blocks-wrapper {
  visibility: hidden;
}
.common-hotspot .tip.box-shadow {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.18), 0 -1px 0 0px rgba(0, 0, 0, 0.03);
  background-color: rgba(0, 0, 0, 0.18);
}
.common-hotspot .tip .blocks-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.common-hotspot .tip.viewer {
  display: block;
  visibility: inherit;
  z-index: auto;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.common-hotspot .tip.viewer.invisible {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.1s linear, opacity 0.1s linear;
  transition: visibility 0.1s linear, opacity 0.1s linear;
}
.common-hotspot .tip.viewer .hotspot-phone-close {
  display: none;
}
.hotspot-fullscreen-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 26, 0.9);
  z-index: 9999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.hotspot-fullscreen-wrapper.preview {
  position: absolute;
}
.hotspot-fullscreen-wrapper.invisible {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.1s linear, opacity 0.1s linear;
  transition: visibility 0.1s linear, opacity 0.1s linear;
}
.hotspot-fullscreen-wrapper .center-table {
  display: table;
  width: 100%;
  min-height: 100%;
  position: relative;
}
.hotspot-fullscreen-wrapper .center-table .center-cell {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 24px 0;
}
.hotspot-fullscreen-wrapper .center-table .center-cell .tip {
  position: relative;
  width: 280px !important;
  height: auto!important;
  top: initial!important;
  left: initial!important;
  right: initial!important;
  bottom: initial!important;
  visibility: inherit!important;
  opacity: 1!important;
  border-radius: 8px!important;
  display: inline-block;
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.hotspot-fullscreen-wrapper .center-table .center-cell .tip .blocks-wrapper {
  border-radius: 8px!important;
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.hotspot-fullscreen-wrapper .center-table .center-cell .tip .rmwidget.widget-picture {
  position: relative;
  top: 0!important;
  left: 0!important;
}
.hotspot-fullscreen-wrapper .center-table .center-cell .tip .rmwidget.text {
  position: relative;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: auto!important;
}
.hotspot-phone-close {
  display: block;
  z-index: 100;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/hotspot/phone-close.png");
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .hotspot-phone-close {
    background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/constructor/blocks/hotspot/phone-close@2x.png");
  }
}
.go-enabled {
  cursor: pointer;
  background: #1686eb;
}
.isdesktop .go-enabled:hover,
.no-isdesktop .go-enabled:active {
  background: #2c9afd;
}
.login-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 575;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.login-popup.hidden .ljr-panel {
  visibility: hidden !important;
}
.login-popup.hidden .ljr-panel .error {
  visibility: hidden !important;
}
.login-popup.hidden .ljr-panel .info {
  visibility: hidden !important;
}
.login-popup.hidden .ljr-panel .forgot {
  visibility: hidden !important;
}
.login-popup.hidden .ljr-panel .wrapper {
  visibility: hidden !important;
}
.login-popup.hidden .ljr-panel .send-message {
  visibility: hidden !important;
}
.login-popup.no-animation {
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
.login-popup .rmpreloader.button {
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 0;
}
.login-popup .rmpreloader.button .arc {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  left: 0;
  top: 0;
}
.login-popup .login-popup-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 100%;
  -webkit-transform: translateZ(0);
}
.login-popup .close-popup {
  position: absolute;
  right: 64px;
  top: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/login/close.png');
  -webkit-tap-highlight-color: transparent;
}
.isdesktop .login-popup .close-popup {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .login-popup .close-popup:hover,
.no-isdesktop .login-popup .close-popup:active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/login/close-hover.png');
}
.login-popup .go-main {
  display: block;
  position: absolute;
  left: 64px;
  top: 22px;
  width: 123px;
  height: 29px;
  background-repeat: no-repeat;
  background-size: 123px 29px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/homepage/menu/logo-white.png');
}
.isdesktop .login-popup .go-main {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .login-popup .go-main:hover,
.no-isdesktop .login-popup .go-main:active {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/homepage/menu/logo-blue.png');
}
.login-popup .ljr-panel {
  position: absolute;
  width: 512px;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  background: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 38px 80px 52px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup .ljr-panel.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.login-popup .ljr-panel.hidden .error {
  visibility: hidden !important;
}
.login-popup .ljr-panel.hidden .info {
  visibility: hidden !important;
}
.login-popup .ljr-panel.hidden .forgot {
  visibility: hidden !important;
}
.login-popup .ljr-panel.hidden .wrapper {
  visibility: hidden !important;
}
.login-popup .ljr-panel.hidden .send-message {
  visibility: hidden !important;
}
.login-popup .ljr-panel .header {
  font-family: "Nobel-RM", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  color: #cccccc;
  white-space: nowrap;
  margin-bottom: 40px;
}
.login-popup .ljr-panel .header span {
  color: #232122;
}
.login-popup .ljr-panel .header a {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  height: 49px;
  text-decoration: none;
  color: #cccccc;
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
}
.isdesktop .login-popup .ljr-panel .header a {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .login-popup .ljr-panel .header a:hover,
.no-isdesktop .login-popup .ljr-panel .header a:active {
  color: #232122;
  border-bottom: 1px solid transparent;
}
.login-popup .ljr-panel input {
  position: relative;
  height: 56px;
  width: 352px;
  font-size: 21px;
  border: 0;
  outline: 0;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0) inset;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #232122;
  -webkit-transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, width 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, width 0.2s ease-in-out;
  text-align: left;
  margin: 0 auto -1px;
  border: 1px solid #e8e8e8;
  border-radius: 0;
}
.login-popup .ljr-panel input:first-of-type {
  border-radius: 4px 4px 0 0;
}
.isdesktop .login-popup .ljr-panel input:hover,
.login-popup .ljr-panel input:focus {
  z-index: 1;
  border: 1px solid rgba(22, 134, 235, 0.28);
}
.login-popup .ljr-panel input.error-input {
  background-color: #ff7676;
  -webkit-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
}
.login-popup .ljr-panel input[type='password']:valid {
  font-family: 'Verdana', sans-serif;
  font-size: 28px;
}
.login-popup .ljr-panel input::-webkit-input-placeholder {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(35, 33, 34, 0.5);
  font-size: 21px;
  text-align: left;
}
.login-popup .ljr-panel input:-moz-placeholder {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(35, 33, 34, 0.5);
  font-size: 21px;
  text-align: left;
}
.login-popup .ljr-panel input:focus::-webkit-input-placeholder {
  color: rgba(35, 33, 34, 0.5) !important;
}
.login-popup .ljr-panel input:focus:-moz-placeholder {
  color: rgba(35, 33, 34, 0.5) !important;
}
.login-popup .ljr-panel .go {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  width: 352px;
  height: 56px;
  margin: 0 auto 21px;
  border-radius: 0 0 4px 4px;
  line-height: 56px;
  color: #fff;
  font-size: 21px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  cursor: default;
  background: #d4d4d4;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.isdesktop .login-popup .ljr-panel .go {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.login-popup .ljr-panel .social-caption {
  padding-top: 10px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #3d3d3d;
  font-size: 14px;
  text-align: center;
}
.login-popup .ljr-panel .social-auth {
  display: inline-block;
  position: relative;
  width: 168px;
  height: 48px;
  line-height: 47px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: transparent;
  margin-top: 10px;
  text-align: left;
}
.isdesktop .login-popup .ljr-panel .social-auth {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.login-popup .ljr-panel .social-auth[data-provider="facebook"] {
  background-color: #4660a2;
  margin-right: 16px;
  text-indent: 56px;
  background-size: 10px 24px;
  background-position: 24px 12px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/login/facebook.png');
}
.isdesktop .login-popup .ljr-panel .social-auth[data-provider="facebook"]:hover,
.no-isdesktop .login-popup .ljr-panel .social-auth[data-provider="facebook"]:active {
  background-color: #5573c0;
}
.login-popup .ljr-panel .social-auth[data-provider="google"] {
  background-color: #eb532f;
  text-indent: 64px;
  background-size: 24px 22px;
  background-position: 21px 13px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/login/gplus.png');
}
.isdesktop .login-popup .ljr-panel .social-auth[data-provider="google"]:hover,
.no-isdesktop .login-popup .ljr-panel .social-auth[data-provider="google"]:active {
  background-color: #ff6642;
}
.login-popup .login.ljr-panel {
  height: 472px;
  margin-top: -236px;
}
.isboxversion .login-popup .login.ljr-panel {
  height: 392px;
  margin-top: -196px;
}
.login-popup .login.ljr-panel.wrong-login .forgot {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.login-popup .login.ljr-panel.wrong-login .error {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup .login.ljr-panel .email-input:valid ~ .password-input:valid ~ .go {
  cursor: pointer;
  background: #1686eb;
}
.isdesktop .login-popup .login.ljr-panel .email-input:valid ~ .password-input:valid ~ .go:hover,
.no-isdesktop .login-popup .login.ljr-panel .email-input:valid ~ .password-input:valid ~ .go:active {
  background: #2c9afd;
}
.login-popup .login.ljr-panel .forgot {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  display: inline-block;
  color: #a9a8a9;
  height: 16px;
  text-decoration: none;
  border-bottom: 1px solid #a9a8a9;
  white-space: nowrap;
  margin-top: 24px;
  -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
  -webkit-tap-highlight-color: transparent;
}
.isdesktop .login-popup .login.ljr-panel .forgot:hover,
.no-isdesktop .login-popup .login.ljr-panel .forgot:active {
  color: #232122;
  border-bottom: 1px solid transparent;
}
.login-popup .login.ljr-panel .error {
  color: #e0004a;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  height: 16px;
  margin-top: -16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.login-popup .join.ljr-panel {
  height: 544px;
  margin-top: -236px;
}
.login-popup .join.ljr-panel.wrong-join .info {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.login-popup .join.ljr-panel.wrong-join .error {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup .join.ljr-panel .fullname-input:valid ~ .email-input:valid ~ .password-input:valid ~ .go {
  cursor: pointer;
  background: #1686eb;
}
.isdesktop .login-popup .join.ljr-panel .fullname-input:valid ~ .email-input:valid ~ .password-input:valid ~ .go:hover,
.no-isdesktop .login-popup .join.ljr-panel .fullname-input:valid ~ .email-input:valid ~ .password-input:valid ~ .go:active {
  background: #2c9afd;
}
.login-popup .join.ljr-panel .info {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #a9a8a9;
  line-height: 20px;
  padding: 0 35px;
  margin-top: 13px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup .join.ljr-panel .info a {
  text-decoration: underline;
  color: #a9a8a9;
}
.isdesktop .login-popup .join.ljr-panel .info a {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .login-popup .join.ljr-panel .info a:hover,
.no-isdesktop .login-popup .join.ljr-panel .info a:active {
  text-decoration: none;
  color: #232122;
}
.login-popup .join.ljr-panel .error {
  color: #e0004a;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  height: 16px;
  margin-top: -40px;
  line-height: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.login-popup .recover.ljr-panel {
  height: 376px;
  margin-top: -236px;
}
.login-popup .recover.ljr-panel .info {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: rgba(35, 33, 34, 0.5);
  line-height: 24px;
  padding: 0 24px;
  margin-bottom: 33px;
  margin-top: -24px;
}
.login-popup .recover.ljr-panel .email-input:valid ~ .go {
  cursor: pointer;
  background: #1686eb;
}
.isdesktop .login-popup .recover.ljr-panel .email-input:valid ~ .go:hover,
.no-isdesktop .login-popup .recover.ljr-panel .email-input:valid ~ .go:active {
  background: #2c9afd;
}
.login-popup .recover.ljr-panel.request-sended .wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.login-popup .recover.ljr-panel.request-sended .send-message {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup .recover.ljr-panel .wrapper {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup .recover.ljr-panel .send-message {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  padding: 0 50px;
  color: #232122;
  margin-top: -140px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.login-popup .recover.ljr-panel .go-back {
  display: inline-block;
  margin-top: 94px;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #a9a8a9;
  cursor: pointer;
  border-bottom: 1px solid #a9a8a9;
  height: 15px;
}
.isdesktop .login-popup .recover.ljr-panel .go-back {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .login-popup .recover.ljr-panel .go-back:hover,
.no-isdesktop .login-popup .recover.ljr-panel .go-back:active {
  color: #232122;
  border-bottom: 1px solid transparent;
}
.login-popup .reset.ljr-panel {
  height: 376px;
  margin-top: -236px;
}
.login-popup .reset.ljr-panel.wrong-reset .error {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.login-popup .reset.ljr-panel .new-password-input:valid ~ .verify-password-input:valid ~ .go {
  cursor: pointer;
  background: #1686eb;
}
.isdesktop .login-popup .reset.ljr-panel .new-password-input:valid ~ .verify-password-input:valid ~ .go:hover,
.no-isdesktop .login-popup .reset.ljr-panel .new-password-input:valid ~ .verify-password-input:valid ~ .go:active {
  background: #2c9afd;
}
.login-popup .reset.ljr-panel .error {
  color: #e0004a;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  height: 16px;
  margin-top: -4px;
  line-height: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media all and (max-width: 767px) {
  .login-popup {
    top: 49px;
    background: #000;
    z-index: 550;
    -webkit-transition: all 0s ease-out;
    transition: all 0s ease-out;
  }
  .isboxversion .login-popup {
    top: 0;
  }
  .login-popup.hidden {
    display: none;
    opacity: 1;
    visibility: inherit;
  }
  .login-popup.hidden .ljr-panel {
    visibility: inherit !important;
  }
  .login-popup .close-popup {
    display: none;
  }
  .login-popup .go-main {
    display: none;
  }
  .login-popup .ljr-panel {
    width: 320px;
    top: 0;
    margin-left: -160px;
    background: transparent;
    padding: 36px 0 49px;
  }
  .login-popup .ljr-panel.hidden {
    display: none;
    opacity: 1;
    visibility: inherit;
  }
  .login-popup .ljr-panel .header {
    font-size: 41px;
    color: #616161;
    margin-bottom: 40px;
  }
  .login-popup .ljr-panel .header span {
    color: #fff;
  }
  .login-popup .ljr-panel .header a {
    height: 42px;
    color: #616161;
    border-bottom: 1px solid #616161;
  }
  .isdesktop .login-popup .ljr-panel .header a:hover,
  .no-isdesktop .login-popup .ljr-panel .header a:active {
    color: #fff;
  }
  .login-popup .ljr-panel input {
    width: 288px;
  }
  .login-popup .ljr-panel .go {
    width: 288px;
  }
  .login-popup .ljr-panel .social-caption {
    padding-top: 8px;
    font-size: 12px;
    color: #fff;
  }
  .login-popup .ljr-panel .social-auth {
    width: 136px;
    margin-top: 14px;
  }
  .login-popup .ljr-panel .social-auth[data-provider="facebook"] {
    text-indent: 44px;
    background-position: 16px 12px;
  }
  .login-popup .ljr-panel .social-auth[data-provider="google"] {
    text-indent: 56px;
    background-position: 15px 13px;
  }
  .login-popup .login.ljr-panel {
    height: 466px;
    margin-top: 0;
  }
  .isboxversion .login-popup .login.ljr-panel {
    height: 376px;
    margin-top: 0;
  }
  .login-popup .login.ljr-panel .forgot {
    font-size: 12px;
    color: #616161;
    height: 14px;
    border-bottom: 1px solid #616161;
  }
  .isdesktop .login-popup .login.ljr-panel .forgot:hover,
  .no-isdesktop .login-popup .login.ljr-panel .forgot:active {
    color: #fff;
  }
  .login-popup .login.ljr-panel .error {
    font-size: 12px;
    height: 15px;
    margin-top: -15px;
  }
  .login-popup .join.ljr-panel {
    height: 530px;
    margin-top: 0;
  }
  .login-popup .join.ljr-panel .info {
    font-size: 12px;
    color: #616161;
    line-height: 18px;
    margin-top: 19px;
  }
  .login-popup .join.ljr-panel .info a {
    color: #616161;
  }
  .isdesktop .login-popup .join.ljr-panel .info a:hover,
  .no-isdesktop .login-popup .join.ljr-panel .info a:active {
    color: #fff;
  }
  .login-popup .join.ljr-panel .error {
    font-size: 12px;
    margin-top: -36px;
    line-height: 18px;
  }
  .login-popup .recover.ljr-panel {
    height: 337px;
    margin-top: 0;
  }
  .login-popup .recover.ljr-panel .info {
    font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #818181;
    line-height: 20px;
    padding: 0 24px;
    margin-bottom: 26px;
    margin-top: -20px;
  }
  .login-popup .recover.ljr-panel .send-message {
    font-size: 16px;
    line-height: 20px;
    color: #818181;
    margin-top: -140px;
  }
  .login-popup .recover.ljr-panel .go-back {
    margin-top: 94px;
    font-size: 12px;
    color: #616161;
    height: 14px;
    border-bottom: 1px solid #616161;
  }
  .isdesktop .login-popup .recover.ljr-panel .go-back:hover,
  .no-isdesktop .login-popup .recover.ljr-panel .go-back:active {
    color: #fff;
  }
  .login-popup .reset.ljr-panel {
    height: 360px;
    margin-top: 0;
  }
  .login-popup .reset.ljr-panel .error {
    font-size: 12px;
    line-height: 18px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .login-popup .close-popup {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/login/close@2x.png');
  }
  .login-popup .go-main {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/homepage/menu/logo-white@2x.png');
  }
  .isdesktop .login-popup .go-main:hover,
  .no-isdesktop .login-popup .go-main:active {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/homepage/menu/logo-blue@2x.png');
  }
  .login-popup .ljr-panel .social-auth[data-provider="facebook"] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/login/facebook@2x.png');
  }
  .login-popup .ljr-panel .social-auth[data-provider="google"] {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/common/login/gplus@2x.png');
  }
}
.share-popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0;
  z-index: 9999;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.viewer-type-vertical-sticky .share-popup-overlay {
  position: fixed;
}
.share-popup-overlay.hidden {
  display: none;
}
.share-popup-overlay.show-popup {
  opacity: 0.5;
}
.share-popup {
  position: absolute;
  z-index: 9999;
  cursor: default;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.viewer-type-vertical-sticky .share-popup {
  position: fixed;
}
.share-popup.hidden {
  display: none;
}
.isdesktop .without-menu-button .share-popup,
.istablet .without-menu-button .share-popup {
  margin-left: -135px;
}
.isdesktop .without-menu-button .share-popup .corner-wrapper,
.istablet .without-menu-button .share-popup .corner-wrapper {
  left: 135px;
}
.isdesktop .share-popup {
  top: 64px;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 344px;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}
.isboxversion.isdesktop .share-popup {
  height: 248px;
}
.isdesktop .share-popup .corner-wrapper {
  position: absolute;
  left: 80px;
  width: 20px;
  height: 10px;
  top: -10px;
  margin-left: -10px;
  clip: rect(0, 119px, 10px, -99px);
}
.isdesktop .share-popup .corner-wrapper .corner {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 3px;
  top: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.isdesktop .share-popup .corner-wrapper .corner {
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
}
.istablet .share-popup {
  bottom: 64px;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 344px;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.istablet .share-popup .corner-wrapper {
  position: absolute;
  left: 80px;
  width: 20px;
  height: 10px;
  bottom: -10px;
  margin-left: -10px;
  clip: rect(0, 119px, 109px, -99px);
}
.istablet .share-popup .corner-wrapper .corner {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 3px;
  top: -7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(255, 255, 255, 0.28);
  background: rgba(243, 243, 243, 0.98);
}
.istablet .share-popup .corner-wrapper .corner {
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.48);
}
.isboxversion.istablet .share-popup {
  height: 248px;
}
.isboxversion.istablet .share-popup .corner-wrapper .corner {
  background: -webkit-linear-gradient(45deg, #107eb8 0%, #107eb8 50%, #20a229 50%, #20a229 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(45deg, #107eb8 0%, #107eb8 50%, #20a229 50%, #20a229 100%);
  /* W3C */
}
.istablet.isboxversion .without-menu-button .share-popup .corner-wrapper .corner {
  background: #20a229;
}
.isphone .share-popup {
  left: 0;
  margin-left: 0;
  bottom: 0;
  width: 100%;
  height: 280px;
  -webkit-transform: translateY(280px);
  -ms-transform: translateY(280px);
  transform: translateY(280px);
}
.isboxversion.isphone .share-popup {
  height: 224px;
}
.isphone .share-popup .corner-wrapper {
  display: none;
}
@media all and (orientation: landscape) {
  .isphone .share-popup {
    /*& {
				width: 304px;
				left: 50%;
				margin-left: -152px;

				bottom: 50%;
				margin-bottom: -@social-height / 2;
				opacity: 1;
				.transform(translateY(400px)); //от балды
				border-radius: 4px;
			}*/
  }
}
.share-popup.show-popup {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.share-popup .sprite {
  background-repeat: no-repeat;
  background-size: 219px 24px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/sprite.png');
}
.share-popup.show-embed .content-wrapper .share-wrapper {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.share-popup.show-embed .content-wrapper .embed-wrapper {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.share-popup .content-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.share-popup .content-wrapper .caption {
  position: relative;
  padding-top: 16px;
  font-size: 20px;
  color: #242424;
  text-align: center;
}
.isphone .share-popup .content-wrapper .caption {
  font-size: 28px;
  padding-top: 21px;
}
.share-popup .content-wrapper .share-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector {
  position: relative;
  width: 112px;
  height: 24px;
  margin: 4px auto 0;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(36, 36, 36, 0.1);
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:hover .type-full,
.no-isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:active .type-full,
.isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:hover .type-page,
.no-isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:active .type-page {
  color: #242424;
}
.isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:hover .arrow,
.no-isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:active .arrow {
  opacity: 1;
}
.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-full,
.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-page {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 25px;
  font-size: 12px;
  color: rgba(36, 36, 36, 0.5);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp="page"] .type-full {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}
.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp="page"] .type-page {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp="full"] .type-page {
  opacity: 0;
}
.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector .arrow {
  position: absolute;
  top: 11px;
  right: 8px;
  width: 5px;
  height: 4px;
  background-position: -214px 0;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isphone .share-popup .content-wrapper .share-wrapper .type-selector {
  position: relative;
  width: 196px;
  height: 24px;
  margin: 11px auto 0;
}
.isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-full,
.isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-page {
  position: absolute;
  width: 96px;
  height: 100%;
  line-height: 25px;
  text-align: center;
  font-size: 12px;
  color: rgba(36, 36, 36, 0.5);
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-full {
  left: 0;
}
.isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-page {
  right: 0;
}
.isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp="page"] .type-page,
.isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp="full"] .type-full {
  color: #fff;
  background: #0078ff;
  box-shadow: none;
}
.isphone .share-popup .content-wrapper .share-wrapper .type-selector .arrow {
  display: none;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper {
  position: relative;
  margin-top: 16px;
  width: 100%;
  height: 168px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper {
  margin-top: 28px;
  height: 112px;
}
.isdesktop.isboxversion .share-popup .content-wrapper .share-wrapper .buttons-wrapper,
.istablet.isboxversion .share-popup .content-wrapper .share-wrapper .buttons-wrapper {
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .button {
  position: absolute;
  width: 80px;
  height: 56px;
  cursor: pointer;
  color: transparent;
  font-size: 14px;
  line-height: 56px;
  text-align: center;
}
.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button {
  width: 33%;
  right: auto;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .button .icon {
  position: absolute;
  left: 50%;
  top: 50%;
}
.isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:hover,
.no-isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:active {
  color: #fff;
}
.isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:hover .icon,
.no-isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:active .icon {
  opacity: 0;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-facebook {
  background-color: #026ee8;
  left: 0;
  top: 0;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-facebook .icon {
  background-position: 0 0;
  width: 10px;
  height: 22px;
  margin-left: -5px;
  margin-top: -11px;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-twitter {
  background-color: #00baff;
  right: 0;
  top: 0;
}
.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-twitter {
  left: 33%;
  width: 34%;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-twitter .icon {
  background-position: -11px 0;
  width: 27px;
  height: 22px;
  margin-left: -14px;
  margin-top: -11px;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-gplus {
  background-color: #f66b05;
  left: 0;
  top: 56px;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-gplus .icon {
  background-position: -39px 0;
  width: 24px;
  height: 22px;
  margin-left: -10px;
  margin-top: -11px;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-pinterest {
  background-color: #db1611;
  right: 0;
  top: 56px;
}
.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-pinterest {
  top: 0;
  left: 67%;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-pinterest .icon {
  background-position: -64px 0;
  width: 18px;
  height: 24px;
  margin-left: -9px;
  margin-top: -12px;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-linkedin {
  background-color: #107eb8;
  left: 0;
  top: 112px;
}
.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-linkedin {
  top: 56px;
  left: 33%;
  width: 34%;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-linkedin .icon {
  background-position: -83px 0;
  width: 23px;
  height: 23px;
  margin-left: -11px;
  margin-top: -14px;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-mail {
  background-color: #20a229;
  right: 0;
  top: 112px;
}
.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-mail {
  top: 56px;
  left: 67%;
}
.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-mail .icon {
  background-position: -107px 0;
  width: 28px;
  height: 22px;
  margin-left: -14px;
  margin-top: -11px;
}
.share-popup .content-wrapper .share-wrapper .open-embed,
.share-popup .content-wrapper .share-wrapper .send-report {
  position: relative;
  width: 144px;
  margin: 0 auto;
  height: 48px;
  color: #242424;
  font-size: 14px;
  line-height: 48px;
  cursor: pointer;
  text-align: center;
}
.isdesktop .share-popup .content-wrapper .share-wrapper .open-embed:hover .icon,
.isdesktop .share-popup .content-wrapper .share-wrapper .send-report:hover .icon,
.no-isdesktop .share-popup .content-wrapper .share-wrapper .open-embed:active .icon,
.no-isdesktop .share-popup .content-wrapper .share-wrapper .send-report:active .icon {
  opacity: 1;
}
.isphone .share-popup .content-wrapper .share-wrapper .open-embed,
.isphone .share-popup .content-wrapper .share-wrapper .send-report {
  position: absolute;
  bottom: 0;
  width: 33%;
  margin: 0;
  height: 56px;
  font-size: 12px;
  line-height: 56px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.share-popup .content-wrapper .share-wrapper .open-embed .icon,
.share-popup .content-wrapper .share-wrapper .send-report .icon {
  position: absolute;
  opacity: 0.24;
}
.isphone .share-popup .content-wrapper .share-wrapper .open-embed .icon,
.isphone .share-popup .content-wrapper .share-wrapper .send-report .icon {
  opacity: 1;
}
.isdesktop .share-popup .content-wrapper .share-wrapper .open-embed .icon,
.isdesktop .share-popup .content-wrapper .share-wrapper .send-report .icon {
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.share-popup .content-wrapper .share-wrapper .open-embed {
  line-height: 52px;
}
.isphone .share-popup .content-wrapper .share-wrapper .open-embed {
  left: 0;
  text-align: left;
  padding-left: 46px;
  line-height: 60px;
}
.share-popup .content-wrapper .share-wrapper .open-embed .icon {
  background-position: -136px 0;
  left: 5px;
  top: 17px;
  width: 22px;
  height: 16px;
}
.isphone .share-popup .content-wrapper .share-wrapper .open-embed .icon {
  left: 17px;
  top: 21px;
}
.share-popup .content-wrapper .share-wrapper .close {
  display: none;
}
.isphone .share-popup .content-wrapper .share-wrapper .close {
  display: block;
  position: absolute;
  bottom: 0;
  left: 33%;
  width: 34%;
  height: 56px;
  color: rgba(36, 36, 36, 0.5);
  font-size: 12px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.isphone .share-popup .content-wrapper .share-wrapper .close:active {
  color: #242424;
}
.share-popup .content-wrapper .share-wrapper .send-report {
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.isphone .share-popup .content-wrapper .share-wrapper .send-report {
  right: 0;
  text-align: right;
  padding-right: 45px;
  box-shadow: none;
  line-height: 60px;
}
.share-popup .content-wrapper .share-wrapper .send-report .icon {
  background-position: -182px 0;
  left: 8px;
  top: 16px;
  width: 15px;
  height: 16px;
}
.isphone .share-popup .content-wrapper .share-wrapper .send-report .icon {
  left: auto;
  right: 21px;
  top: 22px;
}
.share-popup .content-wrapper .embed-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.share-popup .content-wrapper .embed-wrapper .size-selector {
  position: relative;
  width: 100px;
  height: 24px;
  margin: 4px auto 0;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(36, 36, 36, 0.1);
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.share-popup .content-wrapper .embed-wrapper .size-selector .size {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 25px;
  font-size: 12px;
  color: rgba(36, 36, 36, 0.5);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="responsive"] .size.responsive {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="responsive"] .size.big {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="responsive"] .size.small {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="big"] .size.responsive {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="big"] .size.big {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="big"] .size.small {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="small"] .size.responsive {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="small"] .size.big {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected="small"] .size.small {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
.share-popup .content-wrapper .embed-wrapper .size-selector .arrow {
  position: absolute;
  top: 11px;
  right: 8px;
  width: 5px;
  height: 4px;
  background-position: -214px 0;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:hover .size-value,
.no-isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:active .size-value {
  color: #242424;
}
.isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:hover .arrow,
.no-isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:active .arrow {
  opacity: 1;
}
.share-popup .content-wrapper .embed-wrapper .code-block {
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  padding-bottom: 9px;
  margin: 15px auto 0 auto;
  width: 128px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-pic {
  width: 100%;
  height: 84px;
  border-radius: 6px 6px 0 0;
  display: block;
}
.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar {
  position: relative;
  height: 19px;
  box-shadow: 0 0 0 1px #e5e5e5;
  border-radius: 0 0 6px 6px;
}
.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .icon {
  position: absolute;
  top: 4px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .arrows {
  right: 47px;
  width: 32px;
  height: 11px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/thumb-arrows.png);
}
.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .open {
  right: 4px;
  width: 28px;
  height: 11px;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/thumb-open.png);
}
.share-popup .content-wrapper .embed-wrapper .code-block .embed-code {
  width: 112px;
  height: 94px;
  margin: 10px auto 0 auto;
  overflow-y: hidden;
  overflow-x: hidden;
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #242424;
  white-space: pre;
  word-wrap: break-word;
}
.isphone .share-popup .content-wrapper .embed-wrapper .size-selector {
  margin: 11px auto 0;
}
.isphone .share-popup .content-wrapper .embed-wrapper .code-block {
  width: 80%;
  margin-top: 27px;
}
.isphone .share-popup .content-wrapper .embed-wrapper .code-block .thumb {
  display: none;
}
.isphone .share-popup .content-wrapper .embed-wrapper .code-block .embed-code {
  width: 90%;
  height: 92px;
  font-size: 16px;
  line-height: 20px;
}
.share-popup .content-wrapper .embed-wrapper .back {
  position: absolute;
  bottom: 17px;
  width: 34px;
  left: 50%;
  margin-left: -17px;
  color: #242424;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
}
.isdesktop .share-popup .content-wrapper .embed-wrapper .back {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .share-popup .content-wrapper .embed-wrapper .back:hover,
.no-isdesktop .share-popup .content-wrapper .embed-wrapper .back:active {
  color: #0078ff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .share-popup .sprite {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/sprite@2x.png');
  }
  .share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .arrows {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/thumb-arrows@2x.png);
  }
  .share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .open {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/share/thumb-open@2x.png);
  }
}
.mag-menu {
  position: absolute;
  overflow: hidden;
  z-index: 110;
  background: #2f2f2f;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  visibility: hidden;
  -webkit-transition: -webkit-transform 300ms ease, visibility 300ms ease;
  transition: transform 300ms ease, visibility 300ms ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.viewer-type-vertical-sticky .mag-menu {
  position: fixed;
}
.no-isphone .viewer-type-horizontal .mag-menu {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 184px;
}
.no-isphone .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu {
  -webkit-transform: translateY(184px);
  -ms-transform: translateY(184px);
  transform: translateY(184px);
}
.no-isphone .viewer-type-vertical .mag-menu {
  right: 0;
  top: 0;
  width: 280px;
  height: 100%;
}
.no-isphone .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu {
  -webkit-transform: translateX(280px);
  -ms-transform: translateX(280px);
  transform: translateX(280px);
}
.isphone .viewer-type-horizontal .mag-menu {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 184px;
}
.isphone .viewer-type-horizontal .mag-menu.no-project-info {
  height: 92px;
}
.isphone .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu {
  -webkit-transform: translateY(184px);
  -ms-transform: translateY(184px);
  transform: translateY(184px);
}
.isphone .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu.no-project-info {
  -webkit-transform: translateY(92px);
  -ms-transform: translateY(92px);
  transform: translateY(92px);
}
.isphone .viewer-type-vertical .mag-menu {
  right: 0;
  top: 0;
  width: 240px;
  height: 100%;
}
.isphone .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu {
  -webkit-transform: translateX(240px);
  -ms-transform: translateX(240px);
  transform: translateX(240px);
}
.viewer-type-horizontal.viewer-mag-menu-shown .mag-menu,
.viewer-type-horizontal .mag-menu.swiping {
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.24);
}
.viewer-type-vertical.viewer-mag-menu-shown .mag-menu,
.viewer-type-vertical .mag-menu.swiping {
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.24);
}
.viewer-mag-menu-shown .mag-menu,
.mag-menu.swiping {
  visibility: visible;
  -webkit-transition: -webkit-transform 300ms ease, visibility 0s;
  transition: transform 300ms ease, visibility 0s;
}
.mag-menu .sprite {
  background-repeat: no-repeat;
  background-size: 114px 92px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-menu/sprite.png');
}
.mag-menu .menu-info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 60;
}
.viewer-type-horizontal .mag-menu .menu-info {
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1);
}
.viewer-type-vertical .mag-menu .menu-info {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.no-isphone .mag-menu .menu-info {
  width: 280px;
  height: 184px;
}
.isphone .viewer-type-horizontal .mag-menu .menu-info {
  width: 100%;
  height: 92px;
  top: auto;
  bottom: 0;
}
.isphone .viewer-type-vertical .mag-menu .menu-info {
  width: 100%;
  height: 160px;
}
.isphone .viewer-type-vertical .mag-menu .menu-info:after {
  content: '';
  position: absolute;
  top: 80px;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.isdesktop .mag-menu .menu-info a:hover .username,
.no-isdesktop .mag-menu .menu-info a:active .username {
  color: #fff;
}
.mag-menu .menu-info a .userpic {
  position: absolute;
  left: 31px;
  top: 23px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-size: 50px 50px;
}
.mag-menu .menu-info a .userpic:after {
  content: '';
  position: absolute;
  left: 40px;
  top: 9px;
  width: 21px;
  height: 34px;
}
.isphone .mag-menu .menu-info a .userpic {
  left: 16px;
  top: 16px;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background-size: 48px 48px;
}
.isphone .mag-menu .menu-info a .userpic:after {
  content: '';
  position: absolute;
  left: 35px;
  top: 6px;
  width: 26px;
  height: 36px;
}
.isphone .viewer-type-horizontal .mag-menu .menu-info a .userpic {
  top: 22px;
}
.mag-menu .menu-info a .username {
  position: absolute;
  left: 92px;
  right: 24px;
  top: 50px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.24);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.isdesktop .mag-menu .menu-info a .username {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isphone .viewer-type-horizontal .mag-menu .menu-info a .username {
  left: 76px;
  right: 24px;
  top: 51px;
}
.isphone .viewer-type-horizontal .mag-menu .menu-info a .username:before {
  content: 'by ';
  color: rgba(255, 255, 255, 0.24);
}
.isphone .viewer-type-vertical .mag-menu .menu-info a .username {
  left: 76px;
  right: 24px;
  top: 42px;
}
.isdesktop .mag-menu .menu-info a:hover ~ .published-by:after,
.no-isdesktop .mag-menu .menu-info a:active ~ .published-by:after {
  content: attr(data_date);
}
.mag-menu .menu-info .published-by {
  position: absolute;
  left: 92px;
  top: 36px;
  width: 80px;
  white-space: nowrap;
  font-size: 8px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.24);
  padding-bottom: 6px;
}
.mag-menu .menu-info .published-by:after {
  content: attr(data_caption);
}
.isdesktop .mag-menu .menu-info .published-by:hover:after,
.no-isdesktop .mag-menu .menu-info .published-by:active:after {
  content: attr(data_date);
}
.isphone .viewer-type-horizontal .mag-menu .menu-info .published-by {
  display: none;
}
.isphone .viewer-type-vertical .mag-menu .menu-info .published-by {
  left: 76px;
  top: 25px;
}
.mag-menu .menu-info .mag-title {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 25px;
  max-height: 68px;
  font-size: 28px;
  line-height: 34px;
  color: #fff;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.isphone .viewer-type-horizontal .mag-menu .menu-info .mag-title {
  left: 76px;
  right: 24px;
  top: 24px;
  bottom: auto;
  font-size: 20px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.isphone .viewer-type-vertical .mag-menu .menu-info .mag-title {
  left: 16px;
  right: 16px;
  bottom: 16px;
  font-size: 20px;
  line-height: 24px;
}
.no-isphone .viewer-type-horizontal .mag-menu .scroll-wrapper {
  left: 280px;
}
.no-isphone .viewer-type-horizontal .mag-menu.no-project-info .scroll-wrapper {
  left: 0;
}
.no-isphone .viewer-type-vertical .mag-menu .scroll-wrapper {
  top: 184px;
}
.no-isphone .viewer-type-vertical .mag-menu.no-project-info .scroll-wrapper {
  top: 0;
}
.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper {
  bottom: 92px;
}
.isphone .viewer-type-horizontal .mag-menu.no-project-info .scroll-wrapper {
  bottom: 0;
}
.isphone .viewer-type-vertical .mag-menu .scroll-wrapper {
  top: 160px;
}
.isphone .viewer-type-vertical .mag-menu.no-project-info .scroll-wrapper {
  top: 0;
}
.mag-menu .scroll-wrapper {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}
.mag-menu .scroll-wrapper .logo-wrapper {
  position: absolute;
  cursor: pointer;
  display: block;
}
.mag-menu .scroll-wrapper .logo-wrapper .made-with {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -14px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.2);
  text-align: center;
}
.mag-menu .scroll-wrapper .logo-wrapper .logo {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0.26;
}
.isdesktop .mag-menu .scroll-wrapper .logo-wrapper .logo {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .mag-menu .scroll-wrapper .logo-wrapper {
  z-index: 10;
}
.isdesktop .mag-menu .scroll-wrapper .logo-wrapper:hover .logo,
.no-isdesktop .mag-menu .scroll-wrapper .logo-wrapper:active .logo {
  opacity: 0.88;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .logo-wrapper {
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.1);
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .logo-wrapper .made-with {
  display: none;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .logo-wrapper .logo {
  width: 22px;
  height: 92px;
  margin-left: -13px;
  margin-top: -46px;
  background-position: -92px 0;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .logo-wrapper {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.viewer-type-vertical .mag-menu .scroll-wrapper .logo-wrapper .logo {
  width: 76px;
  height: 19px;
  margin-left: -38px;
  margin-top: -3px;
  background-position: 0 0;
}
.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper .logo-wrapper {
  width: 64px;
}
.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper .logo-wrapper .logo {
  width: 14px;
  height: 60px;
  margin-left: -7px;
  margin-top: -30px;
  background-position: -77px 0;
}
.isphone .viewer-type-vertical .mag-menu .scroll-wrapper .logo-wrapper {
  height: 75px;
}
.mag-menu .scroll-wrapper .scroll {
  display: none;
  position: absolute;
  border-radius: 4px;
  background: rgba(66, 66, 66, 0.42);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  z-index: 40;
}
.no-isdesktop .mag-menu .scroll-wrapper .scroll {
  display: none !important;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .scroll {
  height: 4px;
  bottom: 8px;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .scroll:hover,
.viewer-type-horizontal .mag-menu .scroll-wrapper .scroll.dragging {
  height: 8px;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .scroll:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 16px;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .scroll {
  width: 4px;
  right: 8px;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .scroll:hover,
.viewer-type-vertical .mag-menu .scroll-wrapper .scroll.dragging {
  width: 8px;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .scroll:after {
  content: '';
  position: absolute;
  right: -4px;
  top: 0;
  bottom: 0;
  width: 16px;
}
.mag-menu .scroll-wrapper .pages-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.no-android .mag-menu .scroll-wrapper .pages-wrapper {
  pointer-events: none;
}
.isdesktop .viewer-mag-menu-shown .mag-menu .scroll-wrapper .pages-wrapper {
  will-change: scroll-position;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper {
  overflow-x: hidden;
  overflow-y: scroll;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper {
  padding-bottom: 30px;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper {
  padding-right: 30px;
}
.no-isdesktop .mag-menu .scroll-wrapper .pages-wrapper {
  -webkit-overflow-scrolling: touch;
}
.mag-menu .scroll-wrapper .pages-wrapper .pages {
  min-width: 100%;
  position: relative;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages {
  height: 100%;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper .pages {
  width: 100%;
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page {
  position: absolute;
  pointer-events: all;
  cursor: pointer;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages .page {
  top: 0;
}
.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages .page:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: 35;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper .pages .page {
  left: 0;
}
.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper .pages .page:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.05);
  z-index: 35;
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page:not(.active):before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 30;
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page:not(.active) .num:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .mag-menu .scroll-wrapper .pages-wrapper .pages .page:hover .num:not(.active):before {
  content: '';
  background: rgba(0, 0, 0, 0);
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page.active {
  cursor: default;
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page.active .num {
  background: #0078ff;
  color: rgba(255, 255, 255, 0.8);
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page .screenshot {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: #2f2f2f;
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page .num {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.42);
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  z-index: 50;
}
.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages .page .num {
  right: 4px;
  bottom: 4px;
}
.mag-menu .scroll-wrapper .pages-wrapper .pages .page .num.over99 {
  width: 32px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .mag-menu .sprite {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-menu/sprite@2x.png');
  }
}
/**
 * Последняя страница мега с пасьянсом и мадемуазелями
 */
.final-page {
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.viewer-type-horizontal .final-page {
  z-index: 90;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.viewer-type-vertical .final-page {
  z-index: 1;
  overflow: hidden;
}
.final-page .sprite {
  background-repeat: no-repeat;
  background-size: 899px 42px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/final-page/sprite.png');
}
.final-page.hidden {
  display: none;
}
.final-page .selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.final-page .final-page-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
}
.final-page .final-page-wrapper.tp-join .final-page-container .main-container,
.final-page .final-page-wrapper.tp-join .final-page-container .dop-container-recent,
.final-page .final-page-wrapper.tp-join .final-page-container .dop-container-join {
  margin: 16px 8px 16px;
}
@media screen and (max-width: 800px) {
  .istablet .final-page .final-page-wrapper.tp-join .final-page-container .main-container,
  .istablet .final-page .final-page-wrapper.tp-join .final-page-container .dop-container-recent,
  .istablet .final-page .final-page-wrapper.tp-join .final-page-container .dop-container-join {
    margin: 16px 0px 16px;
  }
}
.final-page .final-page-wrapper .final-page-container {
  position: relative;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 0;
  display: table-cell;
}
.final-page .final-page-wrapper .final-page-container .main-container,
.final-page .final-page-wrapper .final-page-container .dop-container-recent,
.final-page .final-page-wrapper .final-page-container .dop-container-join {
  position: relative;
  display: inline-block;
  width: 368px;
  height: 464px;
  margin: 12px 8px 74px;
  vertical-align: top;
}
@media screen and (max-width: 800px) {
  .istablet .final-page .final-page-wrapper .final-page-container .main-container,
  .istablet .final-page .final-page-wrapper .final-page-container .dop-container-recent,
  .istablet .final-page .final-page-wrapper .final-page-container .dop-container-join {
    margin: 12px 0px 74px;
  }
}
.final-page .final-page-wrapper .final-page-container .main-container {
  background-color: #fff;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .userpic {
  position: relative;
  display: block;
  margin: 32px auto 0;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  border-radius: 100%;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .mag-title {
  position: relative;
  font-size: 28px;
  line-height: 32px;
  color: #363234;
  padding: 14px 56px 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  max-height: 96px;
  overflow: hidden;
  word-wrap: break-word;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .user-name {
  font-size: 16px;
  line-height: 20px;
  color: #9a9899;
  margin: 3px auto 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  vertical-align: baseline;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 304px;
  white-space: nowrap;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .user-name .full-name {
  border-bottom: 1px solid transparent;
  color: #9a9899;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .user-name .full-name:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .user-name .full-name:active {
  color: #363234;
  border-bottom: 1px solid #363234;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .userpic:hover ~ .user-name .full-name,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .userpic:active ~ .user-name .full-name {
  color: #363234;
  border-bottom: 1px solid #363234;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper {
  position: absolute;
  width: 240px;
  bottom: 26px;
  left: 50%;
  margin-left: -120px;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .like-tweet {
  position: relative;
  padding-bottom: 23px;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .like-tweet.disabled:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.68);
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .like-tweet .fb-like.fb_iframe_widget {
  display: inline-block;
  position: relative;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .like-tweet .spacer {
  display: inline-block;
  width: 16px;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-caption {
  display: none;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #363234;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 10px;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-gplus,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-mail,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-embed,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report {
  float: left;
  width: 42px;
  height: 34px;
  margin: 0 3px 6px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #ececec;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-gplus,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-mail,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-embed,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook.disabled,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter.disabled,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest.disabled,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-gplus.disabled,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-mail.disabled,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-embed.disabled,
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report.disabled {
  cursor: default;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook:not(.disabled):hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter:not(.disabled):hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest:not(.disabled):hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-gplus:not(.disabled):hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-mail:not(.disabled):hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-embed:not(.disabled):hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report:not(.disabled):hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook:not(.disabled):active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter:not(.disabled):active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest:not(.disabled):active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-gplus:not(.disabled):active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-mail:not(.disabled):active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-embed:not(.disabled):active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report:not(.disabled):active {
  box-shadow: inset 0 0 0 1px #cfcece;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook {
  display: none;
  background-position: -122px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook.disabled {
  background-position: -165px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter {
  display: none;
  background-position: -814px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter.disabled {
  background-position: -857px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest {
  margin-left: 51px;
  background-position: -599px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest.disabled {
  background-position: -642px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-gplus {
  background-position: -208px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-gplus.disabled {
  background-position: -251px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-mail {
  background-position: -513px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-mail.disabled {
  background-position: -556px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-embed {
  width: 138px;
  margin-left: 51px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #363234;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-embed.disabled {
  color: #cccbcc;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report {
  box-shadow: none !important;
  background-position: -685px 0;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report {
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
.final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report.disabled {
  background-position: -771px 0;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report:not(.disabled):hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-report:not(.disabled):active {
  background-position: -728px 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  background-color: #fff;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .caption {
  position: relative;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 28px;
  color: #363234;
  text-align: center;
  padding-top: 32px;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector {
  position: relative;
  width: 112px;
  height: 24px;
  margin: 12px auto 0;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(36, 36, 36, 0.1);
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector .size {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 25px;
  font-size: 12px;
  color: rgba(36, 36, 36, 0.5);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="responsive"] .size.responsive {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="responsive"] .size.big {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="responsive"] .size.small {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="big"] .size.responsive {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="big"] .size.big {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="big"] .size.small {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="small"] .size.responsive {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="small"] .size.big {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector[data-selected="small"] .size.small {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector .arrow {
  position: absolute;
  top: 11px;
  right: 8px;
  width: 5px;
  height: 4px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/final-page/drop-arrow.png);
  opacity: 0.4;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector:hover .size-value,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector:active .size-value {
  color: #242424;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector:hover .arrow,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector:active .arrow {
  opacity: 1;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .code-block {
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  margin: 15px auto 0 auto;
  padding-bottom: 9px;
  width: 256px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .code-block .thumb-pic {
  width: 100%;
  height: 167px;
  border-radius: 4px 4px 0 0;
  display: block;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .code-block .embed-code {
  width: 100%;
  height: 95px;
  color: #363234;
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 13px;
  background: transparent;
  text-align: left;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 -1px 0 0 rgba(36, 36, 36, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border: none;
  resize: none;
  white-space: pre;
  word-wrap: break-word;
}
.final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .embed-close {
  position: absolute;
  width: 138px;
  height: 34px;
  left: 50%;
  bottom: 32px;
  margin-left: -69px;
  box-shadow: inset 0 0 0 1px #ececec;
  border-radius: 4px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #363234;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .embed-close {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .embed-close:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .embed-close:active {
  box-shadow: inset 0 0 0 1px #cfcece;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector {
  margin: 14px auto 0;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .code-block {
  width: 83%;
  margin-top: 20px;
  border: none;
  overflow: hidden;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .code-block .thumb-pic {
  width: 200px;
  margin: 0 auto;
  border-radius: 4px;
  height: 131px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .code-block .embed-code {
  width: 100%;
  height: 38px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #ececec;
  border-radius: 4px;
  margin-top: 16px;
  padding: 7px;
  -webkit-appearance: none;
  box-shadow: none;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent {
  background-color: #3d3d3d;
  text-align: center;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .caption {
  font-size: 9px;
  line-height: 12px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  padding-top: 39px;
  padding-bottom: 4px;
  letter-spacing: 3px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .sub-caption {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0 0 38px;
  max-width: 320px;
  margin: 0 auto;
  word-wrap: break-word;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .sub-caption .link {
  border-bottom: 1px solid transparent;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-recent .sub-caption .link:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-recent .sub-caption .link:active {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag {
  position: relative;
  font-size: 0;
  display: inline-block;
  width: 144px;
  height: 95px;
  margin: 0 8px 16px;
  border-radius: 2px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .cover {
  display: block;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay {
  position: relative;
  border-radius: 1px;
  width: 100%;
  height: 100%;
  display: table;
  background: rgba(0, 0, 0, 0.82);
  opacity: 0;
  text-decoration: none;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay:active {
  opacity: 1;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay .overlay-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay .overlay-wrapper .overflow-block {
  text-align: center;
  padding: 0 8px;
  max-width: 128px;
  max-height: 80px;
  word-wrap: break-word;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  overflow: hidden;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag-special {
  position: relative;
  text-align: center;
  padding: 0 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag-special .overlay {
  position: relative;
  text-decoration: none;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag-special .overlay .mag-cover {
  display: inline-block;
  width: 304px;
  height: 200px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: cover;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag-special .overlay .mag-title {
  display: inline-block;
  font-size: 21px;
  line-height: 24px;
  color: #fff;
  margin: 29px 0 5px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  max-width: 100%;
  max-height: 72px;
  overflow: hidden;
  word-wrap: break-word;
}
.final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag-special .overlay .mag-pages {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.4);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join {
  background-color: #0078ff;
  text-align: center;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .made-with {
  position: relative;
  margin: 35px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 95px;
  height: 42px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  padding-top: 3px;
  text-decoration: none;
  display: block;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .made-with .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: -417px 0;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel {
  position: absolute;
  width: 100%;
  bottom: 38px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .rmpreloader.button {
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 0;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .rmpreloader.button .arc {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  left: 0;
  top: 0;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .panel-caption {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 19px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 18px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth,
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email {
  position: relative;
  width: 224px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  margin: 0 auto 8px;
  text-align: left;
  text-indent: 48px;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth,
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth .icon,
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="facebook"],
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="facebook"] {
  background-color: #14419c;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="facebook"] .icon,
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="facebook"] .icon {
  background-position: -294px 0;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="facebook"]:hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="facebook"]:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="facebook"]:active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="facebook"]:active {
  background-color: #113680;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="google"],
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="google"] {
  background-color: #ff6f3d;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="google"] .icon,
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="google"] .icon {
  background-position: -335px 0;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="google"]:hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="google"]:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="google"]:active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="google"]:active {
  background-color: #e56337;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="native"],
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="native"] {
  color: #3d3d3d;
  background-color: #fafafa;
  margin-bottom: 20px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="native"] .icon,
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="native"] .icon {
  background-position: -376px 0;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="native"]:hover,
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="native"]:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .social-auth[data-provider="native"]:active,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .use-email[data-provider="native"]:active {
  background-color: #e5e5e5;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .learn-more {
  display: inline-block;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  opacity: 0.4;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .learn-more {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .learn-more:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .buttons-panel .learn-more:active {
  opacity: 1;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel.wrong-join .native-join .cancel {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel.wrong-join .native-join .error {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join {
  display: none;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join input {
  position: relative;
  height: 40px;
  width: 224px;
  outline: 0;
  padding: 0 16px;
  font-size: 18px;
  color: #2d2d2d;
  text-align: left;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0) inset;
  border: none;
  border-radius: 5px;
  background: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, width 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, width 0.2s ease-in-out;
  margin-bottom: 8px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join input.error-input {
  background-color: #ff7676;
  -webkit-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join input[type='password']:valid {
  font-family: 'Verdana', sans-serif;
  font-size: 24px;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join input::-webkit-input-placeholder {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(45, 45, 45, 0.5);
  font-size: 18px;
  text-align: center;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join input:-moz-placeholder {
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(45, 45, 45, 0.5);
  font-size: 18px;
  text-align: center;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .go {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  width: 224px;
  height: 40px;
  margin: 0 auto 20px;
  border-radius: 5px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  cursor: default;
  background: #d4d4d4;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .go {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .fullname-input:valid ~ .email-input:valid ~ .password-input:valid ~ .go {
  cursor: pointer;
  background: #e54225;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .fullname-input:valid ~ .email-input:valid ~ .password-input:valid ~ .go:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .fullname-input:valid ~ .email-input:valid ~ .password-input:valid ~ .go:active {
  background: #ff4828;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .cancel {
  cursor: pointer;
  display: inline-block;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  border-bottom: 1px dotted #fff;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.4;
  visibility: visible;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .cancel:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .cancel:active {
  opacity: 1;
}
.final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel .native-join .error {
  color: #fff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  height: 18px;
  margin-top: -18px;
  line-height: 18px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.final-page .final-page-wrapper .final-page-container .logo {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -47px;
  bottom: 27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 95px;
  height: 42px;
  text-align: center;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.34);
  padding-top: 3px;
  text-decoration: none;
}
@media screen and (max-height: 600px) {
  .isdesktop .final-page .final-page-wrapper .final-page-container .logo {
    bottom: 2%;
  }
}
.final-page .final-page-wrapper .final-page-container .logo .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.68;
  background-position: -417px 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.isdesktop .final-page .final-page-wrapper .final-page-container .logo .icon:hover,
.no-isdesktop .final-page .final-page-wrapper .final-page-container .logo .icon:active {
  opacity: 1;
}
/**
 * Последняя страница мега для планшетов
 * Расширяется от десктопной версии
 */
.isphone .final-page .final-page-wrapper.tp-join .final-page-container {
  padding-bottom: 16px;
}
.isphone .final-page .final-page-wrapper.tp-join .final-page-container .main-container,
.isphone .final-page .final-page-wrapper.tp-join .final-page-container .dop-container-recent,
.isphone .final-page .final-page-wrapper.tp-join .final-page-container .dop-container-join {
  margin: 16px 16px 0;
}
.isphone .final-page .final-page-wrapper .final-page-container {
  padding-bottom: 90px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container,
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent,
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-join {
  width: 288px;
  height: 388px;
  margin: 16px 16px 0;
  border-radius: 4px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper {
  border-radius: 4px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .userpic {
  margin: 28px auto 0;
  width: 80px;
  height: 80px;
  background-size: 80px 80px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .mag-title {
  padding: 10px 28px 0;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .user-name {
  max-width: 232px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-caption {
  display: block;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .like-tweet {
  display: none;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-facebook {
  display: block;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-twitter {
  display: block;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .social-wrapper .share-wrapper .share-pinterest {
  margin-left: 3px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper {
  border-radius: 4px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .embed-caption {
  padding-top: 28px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .preview-wrapper {
  width: 256px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .preview-wrapper .preview-block {
  width: 112px;
  margin: 0 0 0 -56px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .preview-wrapper .preview-block .embed-preview {
  left: 24px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .preview-wrapper .preview-block.size-256 .embed-preview {
  left: 28px;
}
.isphone .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .embed-code-wrapper {
  width: 238px;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent {
  width: 100%;
  margin: 16px 0 0;
  height: auto;
  background: transparent;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent .caption {
  padding-top: 8px;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent .sub-caption {
  padding: 0 24px 16px;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag {
  width: 136px;
  height: 142px;
  background: transparent;
  padding: 0;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .cover {
  left: 0px;
  top: 0px;
  bottom: 52px;
  right: 0px;
  height: auto;
  border-radius: 4px 4px 0 0;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: block;
  opacity: 1;
  background: transparent;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay .overlay-wrapper {
  position: absolute;
  display: block;
  height: 52px;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #fff;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-recent .recent-mag .overlay .overlay-wrapper .overflow-block {
  margin-top: 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #363234;
  line-height: 16px;
  word-wrap: break-word;
  white-space: pre-wrap;
  padding: 8px 12px 0;
  height: 32px;
  text-align: left;
  max-width: auto;
  max-height: auto;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-join .made-with {
  margin: 19px auto;
}
.isphone .final-page .final-page-wrapper .final-page-container .dop-container-join .join.ljr-panel {
  bottom: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .final-page .final-page-wrapper .final-page-container .main-container .embed-wrapper .size-selector .arrow {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/final-page/drop-arrow@2x.png);
  }
  .final-page .sprite {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/final-page/sprite@2x.png');
  }
}
.magpassword-container {
  position: absolute;
  min-width: 550px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: black;
  color: white;
  z-index: 400;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.isphone .magpassword-container {
  min-width: 0;
}
.magpassword-container *.invisible {
  opacity: 0;
}
.magpassword-container .img-preloader {
  width: 0;
  height: 0;
  visibility: hidden;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo-hover.png"), url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo-hover@2x.png");
}
.magpassword-container .back {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.isphone .magpassword-container .back {
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/bg-phone.jpg");
}
.magpassword-container a {
  color: white;
  text-decoration: none;
}
.magpassword-container .center-table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.magpassword-container .center-table .center-cell {
  display: table-cell;
  width: 110%;
  vertical-align: middle;
  text-align: center;
}
.isphone .magpassword-container .center-table .center-cell {
  width: 100%;
}
.magpassword-container .center-table .center-cell .center-content {
  display: inline-block;
  width: 418px;
  max-width: 418px;
  text-align: left;
  font-size: 28px;
  line-height: 32px;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.isphone .magpassword-container .center-table .center-cell .center-content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px 32px;
  text-align: center;
  font-size: 19px;
  line-height: 24px;
}
.magpassword-container .center-table .center-cell .center-content .caption-private {
  margin-left: 1px;
}
.isphone .magpassword-container .center-table .center-cell .center-content .caption-private {
  font-size: 28px;
  line-height: 32px;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.magpassword-container .center-table .center-cell .center-content .password-wrapper {
  margin: 24px auto 0 auto;
  height: 50px;
  width: 100%;
  white-space: nowrap;
  font-size: 0;
}
.magpassword-container .center-table .center-cell .center-content .password-wrapper.shake {
  -webkit-animation: shake .5s linear;
  animation: shake .5s linear;
}
@-webkit-keyframes shake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes shake {
  8%,
  41% {
    transform: translateX(-10px);
  }
  25%,
  58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0%,
  100% {
    transform: translateX(0);
  }
}
.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 25px;
  display: inline-block;
  vertical-align: bottom;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  padding-right: 121px;
}
.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 10px;
  font-family: Verdana, sans-serif;
  font-size: 31px;
  line-height: 40px;
  border: none;
}
.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .access {
  position: absolute;
  right: -1px;
  width: 121px;
  height: 100%;
  border-radius: 0 25px 25px 0;
  background-color: #0078ff;
  color: white;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  display: inline-block;
  text-indent: -2px;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .access.disabled {
  background-color: #999999;
  cursor: default;
}
.isdesktop .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .access:not(.disabled):hover {
  background-color: #1482ff;
}
.magpassword-container .author {
  position: absolute;
  left: 31px;
  top: 30px;
  width: 80%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.isphone .magpassword-container .author {
  display: none;
}
.magpassword-container .author.invisible {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}
.magpassword-container .author .userpic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.magpassword-container .author .userpic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
}
.isdesktop .magpassword-container .author .userpic:hover .username {
  border-color: rgba(255, 255, 255, 0.12);
}
.magpassword-container .author .userpic .username {
  position: absolute;
  left: 61px;
  top: 23px;
  font-size: 20px;
  line-height: 24px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
.magpassword-container .author .caption {
  position: absolute;
  left: 61px;
  top: 0;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.5;
  margin-top: 3px;
}
.magpassword-container .powered {
  position: absolute;
  left: 33px;
  bottom: 28px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.isphone .magpassword-container .powered {
  left: 50%;
  margin-left: -38px;
  bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 76px;
  height: 35px;
  text-align: center;
  text-decoration: none;
}
.magpassword-container .powered .caption-powered {
  opacity: 0.3;
  font-size: 11px;
  line-height: 14px;
}
.magpassword-container .powered .logo-powered {
  width: 76px;
  height: 18px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo.png');
  background-size: 100% 100%;
}
.isphone .magpassword-container .powered .logo-powered {
  top: 0;
  left: 0;
  background-image: url("//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo-hover.png");
}
.isdesktop .magpassword-container .powered .logo-powered:hover {
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo-hover.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .magpassword-container .powered .logo-powered {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo@2x.png');
  }
  .isphone .magpassword-container .powered .logo-powered {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo-hover@2x.png');
  }
  .isdesktop .magpassword-container .powered .logo-powered:hover {
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/mag-password/powered-logo-hover@2x.png');
  }
}
a.external-link,
a.maglink,
a.goback-link {
  cursor: pointer;
}
.animation-container {
  position: absolute;
  pointer-events: none;
}
.animation-container.force3d {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.animation-container .rmwidget {
  pointer-events: all;
}
.animation-container.invisible .rmwidget {
  visibility: hidden;
}
/*
 *классы .rmwidget &.text * (widgets.less), .text-preview (blocks.less) и EDITOR_STYLES (text.js) должны быть одинаковы
 *сейчас проставил ручками потом поправлю. TO FIX.
 */
.rmwidget.text.fonts-pending div {
  visibility: hidden;
}
.used-fonts-test,
.rmwidget.text div {
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
}
.used-fonts-test.v1,
.rmwidget.text div.v1 {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.used-fonts-test.v2,
.rmwidget.text div.v2 {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
}
.used-fonts-test p,
.rmwidget.text div p {
  color: #000000;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.used-fonts-test a,
.rmwidget.text div a {
  color: inherit;
  text-decoration: underline;
}
.used-fonts-test a.hovered,
.rmwidget.text div a.hovered {
  text-decoration: none !important;
}
.used-fonts-test a.hovered *,
.rmwidget.text div a.hovered * {
  text-decoration: none !important;
}
.used-fonts-test a *,
.rmwidget.text div a * {
  text-decoration: underline;
}
.used-fonts-test a,
.rmwidget.text div a,
.used-fonts-test span,
.rmwidget.text div span {
  line-height: 1px;
}
.rmwidget {
  position: absolute;
}
.rmwidget.above-all-fade {
  transition: opacity 0.2s ease-in, visibility 0s ease-in 0.2s;
  opacity: 0;
}
.rmwidget.above-all-fade.fade-in {
  opacity: 1;
  transition: opacity 0.2s ease-in, visibility 0s;
}
.rmwidget.above-all-fade.no-transition {
  transition: none !important;
}
.rmwidget.widget-background {
  width: 100%;
  height: 100%;
}
.rmwidget.widget-background.low-quality {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.rmwidget.widget-background .picture-background {
  background-repeat: no-repeat;
  position: absolute;
  background-size: cover;
  background-position: 50% 50%;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
}
.rmwidget.widget-background .video-background {
  width: 100%;
  height: 100%;
}
.rmwidget.widget-background .video-background .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.msie .rmwidget.widget-background .video-background .overlay,
.msie11 .rmwidget.widget-background .video-background .overlay {
  background: red;
  opacity: 0;
}
.rmwidget.widget-background .video-background .video-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.msie .rmwidget.widget-background .video-background .video-container,
.msie11 .rmwidget.widget-background .video-background .video-container {
  opacity: inherit;
}
.rmwidget.widget-background .video-background .video-container .poster {
  position: absolute;
}
.rmwidget.widget-background .video-background .video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out 1s;
  transition: opacity 0.5s ease-in-out 1s;
}
.rmwidget.widget-background .video-background .video-container iframe.fade-out {
  opacity: 1;
}
.rmwidget.text {
  overflow: hidden;
}
.rmwidget.video {
  overflow: hidden;
}
.rmwidget.video .poster {
  position: absolute;
}
.rmwidget.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.rmwidget.video iframe.fade-out {
  opacity: 1;
}
.rmwidget.video.full-width iframe {
  width: 100%;
}
.rmwidget.widget-picture.inside-hotspot {
  overflow: hidden;
}
.rmwidget.widget-picture img,
.rmwidget.widget-picture svg,
.rmwidget.widget-picture div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.rmwidget.widget-picture .svg-scale-wrapper {
  width: 100%;
  height: 100%;
}
.rmwidget.widget-picture div {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.rmwidget.widget-picture .saveable {
  opacity: 0 !important;
}
.isdesktop .rmwidget.widget-picture {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.isdesktop a:hover .rmwidget.widget-picture:not(.has-onhover-animation),
.no-isdesktop a:active .rmwidget.widget-picture {
  opacity: 0.8;
}
.isdesktop.safari .rmwidget.widget-picture.fix-safari-gif {
  font-size: 1px;
}
.rmwidget.widget-picture.full-width {
  overflow: hidden;
}
.rmwidget.widget-picture.full-width img {
  width: 100%;
  height: auto;
}
.rmwidget.widget-picture.full-width div {
  background-size: cover;
}
.rmwidget.widget-picture.full-width svg {
  position: relative;
}
.rmwidget.widget-picture.full-width .svg-scale-wrapper {
  height: auto;
}
.rmwidget.widget-twitter > a,
.rmwidget.widget-twitter > blockquote {
  display: none;
}
.rmwidget.widget-twitter iframe.twitter-tweet {
  margin: 0!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rmwidget.widget-facebook .fb-comments {
  min-height: 100%;
}
.rmwidget.widget-facebook.type_comments .fb {
  width: 100%;
}
.rmwidget.widget-facebook.type_comments .fb > span,
.rmwidget.widget-facebook.type_comments .fb iframe {
  width: 100%!important;
}
.rmwidget.widget-facebook.type_like_box .fb[data-colorscheme="light"],
.rmwidget.widget-facebook.type_comments .fb[data-colorscheme="light"] {
  background-color: white;
}
.rmwidget.widget-facebook.type_like_box .fb[data-colorscheme="dark"],
.rmwidget.widget-facebook.type_comments .fb[data-colorscheme="dark"] {
  background-color: #333;
}
.rmwidget.widget-facebook.animate {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.rmwidget.widget-shape {
  pointer-events: none;
}
.rmwidget.widget-shape svg {
  overflow: visible;
}
.rmwidget.widget-shape.div-instead-of-svg,
.rmwidget.widget-shape.icon {
  pointer-events: all;
}
.rmwidget.widget-shape .wrapper {
  margin: auto;
}
.rmwidget.widget-shape img {
  display: block;
  width: 100%;
}
.rmwidget.widget-shape path,
.rmwidget.widget-shape ellipse {
  pointer-events: visiblePainted;
}
.isdesktop .rmwidget.widget-shape {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.isdesktop.msie .rmwidget.widget-shape,
.isdesktop.msie11 .rmwidget.widget-shape {
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.isdesktop a:hover .rmwidget.widget-shape:not(.has-onhover-animation),
.no-isdesktop a:active .rmwidget.widget-shape {
  opacity: 0.8;
}
.rmwidget.widget-iframe:not(.code-injection) iframe {
  width: 100%!important;
  height: 100%!important;
}
.rmwidget.widget-gmaps .map-container {
  width: 100%;
  height: 100%;
}
.rmwidget.widget-button.fonts-pending .text {
  visibility: hidden;
}
.rmwidget.widget-button .common-button.transition {
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, border-width 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease, border-width 0.3s ease;
}
.rmwidget.widget-button .common-button input.text {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.rmwidget.widget-button .common-button input.text:disabled {
  opacity: inherit;
  -webkit-text-fill-color: inherit;
}
.rmwidget.widget-button .common-button .icon {
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/**
 * Подключаемый файл для фронта
 */
html,
body {
  height: 100%;
  min-width: 1024px;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
.no-isdesktop html,
.no-isdesktop body {
  min-width: 0;
}
html.snapshot,
body.snapshot {
  overflow: auto;
}
html.snapshot body,
body.snapshot body {
  overflow: auto;
}
html.snapshot .page,
body.snapshot .page,
html.snapshot .content-bounds,
body.snapshot .content-bounds {
  width: 100% !important;
}
html.snapshot .content-scroll-wrapper,
body.snapshot .content-scroll-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
html.snapshot .page-content-container,
body.snapshot .page-content-container {
  margin: 0 auto;
  position: relative;
  width: 1024px;
  left: auto;
  top: auto;
}
html a.inactive-link,
body a.inactive-link {
  pointer-events: none;
  cursor: default;
}
body.overflow-on-vertical-view {
  overflow: visible;
}
html.overflow-on-vertical-view {
  overflow: auto;
}
@page {
  size: 1024px 672px;
  margin: 0;
}
@media print {
  .screenshot-mode body {
    -webkit-print-color-adjust: exact;
  }
  .screenshot-mode html,
  .screenshot-mode body {
    height: auto;
    overflow-y: auto;
  }
}
.screenshot-mode .page * {
  pointer-events: none !important;
}
.screenshot-mode .content-scroll-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.screenshot-mode .page-fixed-bg-container {
  position: relative;
  height: 100%;
}
.screenshot-mode .page-fixed-bg-container .widget-background > div {
  height: 672px;
}
.screenshot-mode .page-fixed-bg-container .widget-background .picture-background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.screenshot-mode .fixed-position-container,
.screenshot-mode .fixed-position-container-top {
  height: 672px;
  position: absolute;
  width: 100%;
  top: 0;
}
html.no-isdesktop {
  min-width: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .mag .mag-pages-viewport-device[data-viewport="phone_portrait"]:after {
    content: '';
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/viewports-preview/iphone@2x.png');
  }
  .mag .mag-pages-viewport-device[data-viewport="tablet_portrait"]:after {
    content: '';
    background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/viewports-preview/ipad@2x.png');
  }
}
.mag {
  position: absolute;
  min-width: 1024px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.mag.viewer-type-vertical {
  position: fixed;
}
.mag.viewer-type-vertical-sticky {
  position: absolute;
  overflow: visible;
}
.no-isdesktop .mag {
  min-width: 0;
}
.mag .mag-pages-viewport-device {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.mag .mag-pages-viewport-device[data-viewport="phone_portrait"]:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -176px;
  margin-top: -364px;
  width: 348px;
  height: 728px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/viewports-preview/iphone.png');
  background-size: 348px 728px;
}
.mag .mag-pages-viewport-device[data-viewport="tablet_portrait"]:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -432px;
  margin-top: -589px;
  width: 861px;
  height: 1178px;
  background-image: url('//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/viewports-preview/ipad.png');
  background-size: 861px 1178px;
}
.mag .mag-pages-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
  z-index: 1;
}
.viewer-type-vertical-sticky.mag .mag-pages-container {
  overflow: visible;
}
.mag .mag-pages-container .container {
  position: absolute;
  top: 0;
  height: 100%;
}
.viewer-type-horizontal.mag .mag-pages-container .container {
  -webkit-perspective: 600px;
  perspective: 600px;
}
.viewer-type-horizontal.mag .mag-pages-container .container.fade-last-page-on-final-page .page.last {
  -webkit-transform: scale(0.97, 0.97);
  -ms-transform: scale(0.97, 0.97);
  transform: scale(0.97, 0.97);
  opacity: 0.12;
}
.no-isdesktop .viewer-type-horizontal.mag .mag-pages-container .container.fade-last-page-on-final-page .page.last {
  -webkit-transform: scale(0.97, 0.97) translateZ(0);
  -ms-transform: scale(0.97, 0.97) translateZ(0);
  transform: scale(0.97, 0.97) translateZ(0);
}
.mag .mag-pages-container .container.disable-transitions div.page,
.mag .mag-pages-container .container.disable-transitions-on-resize div.page,
.mag .mag-pages-container .container.disable-transitions-on-resize div.final-page {
  -webkit-transition: -webkit-transform 0s ease, opacity 0s ease;
  transition: transform 0s ease, opacity 0s ease;
}
.viewer-type-horizontal.pages-pos-overlap.mag .mag-pages-container .container .page:after {
  content: '';
  background: #000;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: hidden;
}
.viewer-type-horizontal.pages-pos-overlap.mag .mag-pages-container .container .page.prev-page:after {
  content: '';
  opacity: 1;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  visibility: visible;
}
.viewer-type-horizontal.pages-pos-overlap.mag .mag-pages-container .container.disable-transitions .page:after {
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}
.viewer-type-vertical.pages-pos-overlap.mag .mag-pages-container .container .blackout {
  background: #000;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
}
.msie .viewer-type-vertical.pages-pos-overlap.mag .mag-pages-container .container .blackout {
  display: none !important;
}
.mag .mag-pages-container .container .page {
  z-index: 1;
  position: absolute;
  top: 0;
  height: 100%;
  background-color: white;
  overflow: hidden;
}
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page {
  position: absolute;
  overflow: visible;
}
.viewer-type-horizontal.mag .mag-pages-container .container .page {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.viewer-type-vertical:not(.viewer-type-vertical-sticky).mag .mag-pages-container .container .page.center-page {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.viewer-type-horizontal.mag .mag-pages-container .container .page,
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page {
  visibility: hidden;
}
.viewer-type-horizontal.mag .mag-pages-container .container .page.hidden,
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page.hidden {
  display: none;
}
.viewer-type-horizontal.mag .mag-pages-container .container .page.neighbour,
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page.neighbour {
  visibility: visible;
}
.viewer-type-vertical.pages-pos-overlap.mag .mag-pages-container .container .page:not(.prev-page) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
.viewer-type-vertical.viewer-type-vertical-sticky.mag .mag-pages-container .container .page {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
}
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page .page-fixed-bg-container,
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page .fixed-position-container,
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page .fixed-position-container-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.mag .mag-pages-container .container .page .page-fixed-bg-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mag .mag-pages-container .container .page.page-with-fixeds-desktop .fixed-position-container {
  display: block;
}
.viewer-type-horizontal.mag .mag-pages-container .container .page.page-with-fixeds-desktop .content-scroll-wrapper {
  -webkit-overflow-scrolling: auto !important;
}
.mag .mag-pages-container .container .page.page-with-fixeds-mobile .fixed-position-container {
  display: block;
  pointer-events: none;
  z-index: 1;
}
.mag .mag-pages-container .container .page.page-with-fixeds-mobile .fixed-position-container-top {
  display: block;
  pointer-events: none;
  z-index: 3;
}
.mag .mag-pages-container .container .page.page-with-fixeds-mobile .content-scroll-wrapper {
  z-index: 2;
}
.mag .mag-pages-container .container .page.page-with-fixeds-mobile .rmwidget {
  pointer-events: all;
}
.mag .mag-pages-container .container .page .fixed-position-container,
.mag .mag-pages-container .container .page .fixed-position-container-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}
.mag .mag-pages-container .container .page .content-scroll-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.viewer-type-vertical.mag .mag-pages-container .container .page .content-scroll-wrapper {
  overflow: hidden;
}
.viewer-type-vertical-sticky.mag .mag-pages-container .container .page .content-scroll-wrapper {
  overflow: hidden;
  position: relative;
}
.no-isdesktop .viewer-type-horizontal.mag .mag-pages-container .container .page .content-scroll-wrapper {
  -webkit-overflow-scrolling: auto;
}
.no-isdesktop .viewer-type-horizontal.mag .mag-pages-container .container .page .content-scroll-wrapper.accelerated-scroll {
  -webkit-overflow-scrolling: touch;
}
.mag .mag-pages-container .container .page .content-scroll-wrapper .content-bounds {
  position: absolute;
  overflow: hidden;
}
.mag .mag-pages-container .container .page .content-scroll-wrapper .content-bounds .page-content-container {
  position: relative;
  overflow: visible;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  outline: 0;
}
.android .mag .mag-pages-container .container .page .content-scroll-wrapper .content-bounds .page-content-container:after {
  content: "";
  position: relative;
}
.mag .mag-pages-container .above-pages-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
.no-isdesktop.safari .mag .mag-pages-container .above-pages-container {
  position: fixed;
  z-index: 999;
}
.mag .mag-pages-container .above-pages-container * {
  pointer-events: all;
}
.rm-branding {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  height: 0;
  position: absolute;
  font-size: 0;
  z-index: 120;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
}
.istablet .viewer-type-horizontal.viewer-mag-menu-shown .rm-branding {
  -webkit-transform: translateY(-184px);
  -ms-transform: translateY(-184px);
  transform: translateY(-184px);
}
.no-isphone .viewer-type-horizontal.viewer-mag-menu-shown .rm-branding {
  -webkit-transform: translateY(-184px);
  -ms-transform: translateY(-184px);
  transform: translateY(-184px);
}
.isphone .viewer-type-horizontal.viewer-mag-menu-shown .rm-branding {
  -webkit-transform: translateY(-184px);
  -ms-transform: translateY(-184px);
  transform: translateY(-184px);
}
.isphone .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .rm-branding {
  -webkit-transform: translateY(-92px);
  -ms-transform: translateY(-92px);
  transform: translateY(-92px);
}
.no-isphone .viewer-type-vertical.viewer-mag-menu-shown .rm-branding {
  -webkit-transform: translateX(-280px);
  -ms-transform: translateX(-280px);
  transform: translateX(-280px);
}
.isphone .viewer-type-vertical.viewer-mag-menu-shown .rm-branding {
  -webkit-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
}
.istablet .viewer-type-vertical.viewer-mag-menu-shown .rm-branding {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.isdesktop .rm-branding {
  bottom: 23px;
  right: 23px;
}
.no-isdesktop .rm-branding {
  bottom: 8px;
  left: 8px;
}
.isdesktop .rm-branding.offscreen-initially {
  -webkit-transform: translateY(73px);
  -ms-transform: translateY(73px);
  transform: translateY(73px);
}
.no-isdesktop .rm-branding.offscreen-initially {
  -webkit-transform: translateY(58px);
  -ms-transform: translateY(58px);
  transform: translateY(58px);
}
.rm-branding .rm-branding-button {
  position: relative;
  display: block;
  width: 106px;
  height: 50px;
  border-radius: 25px;
  bottom: 50px;
  background-color: rgba(66, 66, 66, 0.64);
  background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/branding/made-with.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.isdesktop .rm-branding .rm-branding-button:hover {
  background-color: rgba(66, 66, 66, 0.82);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .rm-branding .rm-branding-button {
    background-image: url(//d1id5eheivyv24.cloudfront.net/2017-5-30-72539ccc436505d4/img/viewer/branding/made-with@2x.png);
  }
}