@import url("animate.min.css");
@import url("../fonts/proxima-nova/stylesheet.css");
@import url("../fonts/raleway/stylesheet.css");
@import url("../fonts/feather/stylesheet.css");
/*

font-family: "Proxima Nova";
font-weight: 300;
font-weight: normal;
font-weight: 600;
font-weight: bold;


font-family: "Raleway";
font-weight: 300;
font-weight: normal;
font-weight: 500;
font-weight: bold;

*/
/*
 * Mixins
**/
/*
 * /Mixins
**/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
}

.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.pos-r {
  position: relative !important;
}

.pos-a {
  position: absolute !important;
}

[v-cloak] {
  display: none;
}

.fa.fa-facebook-messenger, .fa.fa-viber {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  opacity: .5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJ2aWJlciIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdmliZXIgZmEtdy0xNiBmYS0yeCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNDQ0IDQ5LjlDNDMxLjMgMzguMiAzNzkuOS45IDI2NS4zLjRjMCAwLTEzNS4xLTguMS0yMDAuOSA1Mi4zQzI3LjggODkuMyAxNC45IDE0MyAxMy41IDIwOS41Yy0xLjQgNjYuNS0zLjEgMTkxLjEgMTE3IDIyNC45aC4xbC0uMSA1MS42cy0uOCAyMC45IDEzIDI1LjFjMTYuNiA1LjIgMjYuNC0xMC43IDQyLjMtMjcuOCA4LjctOS40IDIwLjctMjMuMiAyOS44LTMzLjcgODIuMiA2LjkgMTQ1LjMtOC45IDE1Mi41LTExLjIgMTYuNi01LjQgMTEwLjUtMTcuNCAxMjUuNy0xNDIgMTUuOC0xMjguNi03LjYtMjA5LjgtNDkuOC0yNDYuNXpNNDU3LjkgMjg3Yy0xMi45IDEwNC04OSAxMTAuNi0xMDMgMTE1LjEtNiAxLjktNjEuNSAxNS43LTEzMS4yIDExLjIgMCAwLTUyIDYyLjctNjguMiA3OS01LjMgNS4zLTExLjEgNC44LTExLTUuNyAwLTYuOS40LTg1LjcuNC04NS43LS4xIDAtLjEgMCAwIDAtMTAxLjgtMjguMi05NS44LTEzNC4zLTk0LjctMTg5LjggMS4xLTU1LjUgMTEuNi0xMDEgNDIuNi0xMzEuNiA1NS43LTUwLjUgMTcwLjQtNDMgMTcwLjQtNDMgOTYuOS40IDE0My4zIDI5LjYgMTU0LjEgMzkuNCAzNS43IDMwLjYgNTMuOSAxMDMuOCA0MC42IDIxMS4xem0tMTM5LTgwLjhjLjQgOC42LTEyLjUgOS4yLTEyLjkuNi0xLjEtMjItMTEuNC0zMi43LTMyLjYtMzMuOS04LjYtLjUtNy44LTEzLjQuNy0xMi45IDI3LjkgMS41IDQzLjQgMTcuNSA0NC44IDQ2LjJ6bTIwLjMgMTEuM2MxLTQyLjQtMjUuNS03NS42LTc1LjgtNzkuMy04LjUtLjYtNy42LTEzLjUuOS0xMi45IDU4IDQuMiA4OC45IDQ0LjEgODcuOCA5Mi41LS4xIDguNi0xMy4xIDguMi0xMi45LS4zem00NyAxMy40Yy4xIDguNi0xMi45IDguNy0xMi45LjEtLjYtODEuNS01NC45LTEyNS45LTEyMC44LTEyNi40LTguNS0uMS04LjUtMTIuOSAwLTEyLjkgNzMuNy41IDEzMyA1MS40IDEzMy43IDEzOS4yek0zNzQuOSAzMjl2LjJjLTEwLjggMTktMzEgNDAtNTEuOCAzMy4zbC0uMi0uM2MtMjEuMS01LjktNzAuOC0zMS41LTEwMi4yLTU2LjUtMTYuMi0xMi44LTMxLTI3LjktNDIuNC00Mi40LTEwLjMtMTIuOS0yMC43LTI4LjItMzAuOC00Ni42LTIxLjMtMzguNS0yNi01NS43LTI2LTU1LjctNi43LTIwLjggMTQuMi00MSAzMy4zLTUxLjhoLjJjOS4yLTQuOCAxOC0zLjIgMjMuOSAzLjkgMCAwIDEyLjQgMTQuOCAxNy43IDIyLjEgNSA2LjggMTEuNyAxNy43IDE1LjIgMjMuOCA2LjEgMTAuOSAyLjMgMjItMy43IDI2LjZsLTEyIDkuNmMtNi4xIDQuOS01LjMgMTQtNS4zIDE0czE3LjggNjcuMyA4NC4zIDg0LjNjMCAwIDkuMS44IDE0LTUuM2w5LjYtMTJjNC42LTYgMTUuNy05LjggMjYuNi0zLjcgMTQuNyA4LjMgMzMuNCAyMS4yIDQ1LjggMzIuOSA3IDUuNyA4LjYgMTQuNCAzLjggMjMuNnoiIGNsYXNzPSIiPjwvcGF0aD48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.fa.fa-facebook-messenger {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJmYWNlYm9vay1tZXNzZW5nZXIiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWZhY2Vib29rLW1lc3NlbmdlciBmYS13LTE0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMjQgMzJDMTUuOSAzMi03Ny41IDI3OCA4NC42IDQwMC42VjQ4MGw3NS43LTQyYzE0Mi4yIDM5LjggMjg1LjQtNTkuOSAyODUuNC0xOTguN0M0NDUuOCAxMjQuOCAzNDYuNSAzMiAyMjQgMzJ6bTIzLjQgMjc4LjFMMTkwIDI1MC41IDc5LjYgMzExLjZsMTIxLjEtMTI4LjUgNTcuNCA1OS42IDExMC40LTYxLjEtMTIxLjEgMTI4LjV6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
}

html,
body {
  font-size: 15px;
  line-height: 1.428571429;
  color: #000;
  font-family: "Proxima Nova", sans-serif;
  background: #fff;
  min-height: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004) !important;
}

html.noscroll,
body.noscroll {
  overflow: hidden;
}

#main {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#main .page-body {
  line-height: 1.6;
  font-size: 16px;
  color: #222;
}

main {
  width: 100%;
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

/*
 * TB
 */
.custom-control-label {
  margin-bottom: 0 !important;
  line-height: 25px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ff6900;
}

.container-grid,
.grid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  max-width: 1250px;
  -webkit-transition: max-width 1s;
  transition: max-width 1s;
}

.horizontal {
  max-width: 1410px;
}

.grid-fluid {
  max-width: 100%;
}

.mobile-horizontal {
  display: none;
  width: 100%;
  height: 1px;
  background-color: lightgrey;
  position: absolute;
  top: 43px;
}

@media (max-width: 425px) {
  .mobile-horizontal {
    display: block;
  }
}

.animated-col {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 10px;
  padding-left: 10px;
}

.input-group-addon {
  text-align: center;
  min-width: 35px;
  padding: .5rem;
}

.input-group-addon * {
  margin-left: auto;
  margin-right: auto;
}

.modal.modal-center {
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

.modal.modal-center:before {
  content: '';
  display: inline-block;
  position: relative;
  min-height: 100%;
  height: 100%;
  width: 0;
  margin-left: -3px;
  opacity: 0;
  vertical-align: middle;
  margin-top: 10px;
}

.modal.modal-center .modal-dialog {
  text-align: left;
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  width: calc(100% - 30px);
  position: relative;
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  transform-box: fill-box;
}

.modal.modal-center .modal-dialog:after {
  content: '';
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  bottom: -25px;
  height: 25px;
  background: url(../img/modal-shadow.png) no-repeat 50% 0;
  background-size: 100%;
}

.modal.modal-center.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transform-box: fill-box;
  pointer-events: auto;
}

@media screen and (max-width: 991px) {
  .modal.modal-center {
    overflow-y: scroll;
  }
}

@media (max-width: 767px) {
  .modal.modal-center .modal-dialog:after {
    display: none;
  }
}

.modal-xl {
  max-width: 1160px;
  color: #fff;
}

.modal-xl .close {
  color: #fff;
  opacity: 1;
  font-size: 36px;
  float: none;
  right: 0;
  position: absolute;
  text-shadow: none;
  font-weight: 100;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAQAAACFih+zAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgsTBiWPQ5PPAAAAi0lEQVQoz51TsRGAIAx8mCAbaGvnCI7OCNy5gCNY2Xlvo55CIjlDA88HknwSOGLBipYJ+sAEwdQgCxJWUJiZKYS5TsZj+00kiqNNvKgW+YUasIaYb9Su1odKQHoanRa5lvPMjXNdj9iU9LaoSLhjwI4EKe7+peUullsCt7DudnE3obu1/QOD4B7D6QAKGJjS2likbAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  -webkit-transition: all .2s;
  transition: all .2s;
  outline: none;
  cursor: pointer;
  z-index: 200;
}

.modal-xl .close span {
  display: none;
}

.modal-xl .close:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

.modal-backdrop.show {
  opacity: .4;
}

/* .icon */
.ico {
  display: inline-block;
  width: 18px;
  height: 18px;
  font-weight: normal;
  font-style: normal;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}

.ico.ico-info-blue {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOBAMAAADUAYG5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAABrpfBrpfBrpfBrpfBrpfBrpfBrpfBrpfBrpfBrpfBrpfD///8JO+a/AAAAC3RSTlMAIpl3iDNEEd3uqhV9NOwAAAABYktHRAyBs1FjAAAAB3RJTUUH4QoKDhM35w1T1QAAAF9JREFUCNdjYGAQ2r1bkQEImHcDgQGQYb0JiLcwMLDuTqhoBxIMTJsZKicyWC9g4NzOUKTOUL2dQbqBQXojA8dWGGMjSArIAEoBFQMZQMVAnUXqIO1wAxFWgCxVZWAAAFt6IeinOo97AAAAAElFTkSuQmCC);
  margin-left: -2px;
  margin-right: 10px;
}

.ico.ico-replay {
  width: 60px;
  height: 60px;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA7CAQAAACN8CFBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgwMByfy+x9WAAAFDklEQVRYw83Z71NVxx3H8de9HC4iyg/54UWLQaipGoJFpzVjjGk7xukw6UwS+6TTB/nb+ri16UwzTEedNhp0dDrEkaAhGghqIsgP7wVEwgW8fXBBAYE9KI79PDt7vrvvs7tnv/vd/SbyYipSolJagx1K1UgtlOeMmvbQPUOyZszFay4RC5yy0y8csNOg+8aMe2Ri4V25bSpU26XeA9/41gO5zQAXO+A3avXp9YMpM2bNWVotIVKsRJmf2a/ZiC98Y/ZlwMXecsJ2PbplTHgS+MikclVatZh00Y314OuB9/i9Gj26DfkpzowsaIu0Vi1G/cvdjYITfuuYey67tyHoM3iDYxpc9h+rIlYHb/WhN13WZfwFoIuqcMQxt3zucTxwrdPKndUdnNOQklqdMuGMkTC41h9FOvS9JHRRzdrN+dtK9EpwnU/M+9zgJmGh3oeK/N3w8sFYqpR25c5uKpZBZ5Vrf+rrVgGfVKPDnU3Fwh0dapxcC3zYEZ16Nh0LPTodcXg1cJkP3HTtlWDhmps+UPY8+H0zOs28MnCh9fdXgmscdeX51bapGnHFUTXLwe8Z0rtBh7HV1g3ZP9FryHuFhwjUafXP2O6xUoO0bQtPU0YMyMSqOe6qP7hkuABOOiRrQJyYoNLb9krZ7rFB1CvR7JCbvjYdrJ03IOuQ8/IRih10zaMY2J87rtZdV919iinS7LB6vTHAPHLNYZc8jiTUqjQQDFeK/NJJWX81sKx83i23Yk4SOQN+Z6eBpCL79ceY3xYf+9FfVmA3rnF9mhQlRZoMBYcp7YTbzgSDgl2aVK5rMW1IsyhSrFZnYKBTfqXIP4KfV+RP9ujSb8TwGn96zo9+rThSrthYoMF9ml2KMR1pJOyw0w7n/XuNdTKmWHmkynCgvwl7zcXy4ntMyvnaFw6YXHN55gyripStiJKfV4Vy92OdEJpM+lalsnX3uLw5ZUnVhgI9rsL3MbCUyrouUr2uVc6Q6oigh65QGtMlnpNR6W0VAbsnBZeZCJil5E3FAt9BifzyIGcVJQq7U8hH5ySebglhlUkEvWC+AE4GzLJm1cYGV5kOLrwkSWPSgaHJmNcQG7yXwB+RkjaWNCUKzPKErPqFnTukyC4TgR4nRKaSMuoCPc4bEGmLBW4T+T7w16TUySRNmA2sO27r825wkVDhXXfdDlhVmzWRNGvE7kCfc/5r3kdK17Uq9ZF5V4Ibzm4jZpPm9EsHmmTIRfuctmVNiy1O2+ei+4GWSqX1mUua16spxjD2+Mxun2pc9W2jT+32WYxzSIVm/eYjeSOyGoMee16XcSf8WZ8u/eYXyos0OaLZoDO+C2JTGmU9KAR7s25q0+NhsNp3xrTa66RiM0+jzFnTOnXH8ufbtLlhuuCrn7jumEaZGAFuxgXdGtUqU4ThDcXVCY0qXZdfDOiHdTuqXzZW9cwCZiur3W6sowpHdRcO6It++ktp+4Nee7kebxCbtF/al4sPBY266p0NbAUvolrvuGp0OZgLShxX8sqwhdYvPOv+oqacczCmR34RtTno3LOAYume85W04x69ksuIFsd1+epZwfLf6bxR7d7YdOwb2o06v7RoOTinw4RT6jcVW++UCR3LPeP/zc1eAf1a7jJ5bbe3vLb76oJeyw19QUtzEg9NxshJbLfj5XMSi/DFLMwtdwNZmD3e3JwszKJS6rylRVUg75TR40bwvL0BMES2qAhk2sb9FDfT9j9BCcjqL7k0NwAAAABJRU5ErkJggg==);
}

.ico.ico-preview {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-image: url("../../scm/img/play-circle.svg");
}

.ico.ico-rotate {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA5CAQAAADNJvANAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRkTIR7fqV/kAAADf0lEQVRYw82ZIYzjRhRA3+WW7KCT5mCGzpWdaUxdFa1pSo2PLou0NCpZKairY6EN9aLThTrUh6q1yhxUnWlWKpkCx+tsN/b8ZJO2f1DsP/95/syfP/PzxnGAWAwGjUY/PSuAgpKCjdTMGyE0JMCyoaCk5JFy+1wx5D0ai2VNRk51CqgmIqQSGAwIGPGNrxSvgSquiFixfBqZTxQRESWLvh590ICEgt8kDtsDzrjvmuUuqCJhyNznqE7RJGjuOsbr9jXjpu6TU45Xtch9duG+N/uRMxe/EthaGkugxs32f9/R2MQHPS0Sh1Mv/fZSITopcu9Anr++fumKkzTrZs60vwc7CzlGsTgyRPqlYEnS/myhmivm8k37QEmB+CU0OWCzO0bmRE1uaqAWw/0ZkVCSN2NtoDHLA1yrsNumxX0gZVTrXwCgMdwJcSNChk97smHDikyUFCpWhKQNNCIXjTMgoSQl33lmCblhSSron5GQso3T6W4UdbbEzZztCP8bdy1KEFMX1HFqQLBuEwyTjlRXcsvjbiR2So6tF1IgyJoRltueKdjwq8jBOR9qqPVCNTF33lmXRHnBEFW716cek4tMKiKUR2fNcABceg0GItdBwJhfiHvBJeYCy9prqhIezq74HRgRkbLs0Klq9/rmyvAgQloUK94yYdE71suByNyjSOtHMv7AAlnPdDxgZFBAsERKlrJpkEI1Yy49Oqn0WN4P1cQoNmhivolMWq+WoRpAj9s0I6Zc8gMBX0WDMN5YUFQDCoadCgUTFoS84y/hBSN4loH2D2RzATz27kkZGT/xpwhpBXlZk10ApXcj/CJCys4flvUAKLBCo/0yRnm3S8uazYBtjvOKYYbpeR8RMvdaCXioQ6aEXnO1lCy4Jtr7TvGJmFtBJgoomjNSTiT4yozvJAQsn61QTUhEwURwyrJA3tzENTeiTgAhEUMKKioMmiErMmFAJVSk7fX/mkKYM+uP1BgUFd8PKBBopkyoYPde9drrvv80mTy/tRWUXIm/+Rix7fmj3fDnRII1fLz83Ca+FlpxT+LNmcdKDO2a2U1tKRvGZ0Haf4Tkf19zOEd1RfuqK6fHGjf115Ea7L9cMauVb85ZG+yrglrm3sNHl/RWQf9X9d6m+7GV7bQvEZyuhq+wp6nhtxIS8JE1JSXlzi3uTP9W7IrlwzaXtleMI/6X+RuqFwX9iBPXsQAAAABJRU5ErkJggg==);
}

.ico.ico-uah {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCw8NLClNJCNRAAABLElEQVQoz32SXXHEMAyEv2QOgBg0DGoGNQHNBEIY9IrgDMFlkDLIWAR8DMygVwZm4D7k7/pSPVnrlbwrq2ucYQOeAXiQ9XHi/UHwlvlmQhAmvi2bP1iNRiPFVFNI0vZcUkg1xTVboTnV5HbCQXSpprnR6Bo2MuO1gAlXPJA1AJgjM+nSA5GgBYDIDcFxswCghUCE3hyicROY+VDHwA9uBTQi5npGlt0fA2KBKy9weFsYL8A+kYH94o4wbOfH05z+iwsgZw2O+JQBCLWnMG4iM45ZgwYqaN5II+VCRsxvUGGyysgr98OMkHutRKLJVrXgqXyt3U2IRK1dA6xQuGr9K9eEiFO3u/M4nn99fSjj1qF0ba8KvHMnkwGP541Pwtq9O5fOBkY8AlQyy7l2v+FJiyEQk/msAAAAAElFTkSuQmCC);
}

.ico.ico-font-size {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAMAAAAFWBeyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAWlBMVEX///8AAAAAAAAAAAAAAAD/aQAAAAD/aQD/aQD/aQAAAAAAAAAAAAAAAAD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQAAAAAAAAAAAAD////ajmeDAAAAHHRSTlMAEEBYcBCAfvgwYMDg8GDc0OBMwECAUNh04qDQ1ijDvQAAAAFiS0dEAIgFHUgAAAAHdElNRQfhCw8TLiAQdncNAAAAYUlEQVQY09WQSw6AIAxERxQUUUDxL/c/pwUxIeEEvqTp9C1mUVQsUDcZjAHgNMJn0I22k0CviMGPYSmS2thJIiK8QkLPTpYWi/vSL+w6O70VVprd8rLhOHnZ8P43cvk7pQdErgexSfN3MQAAAABJRU5ErkJggg==);
  width: 21px;
  height: 21px;
}

.ico.ico-line-height {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAZlBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQAAAAD///8PF3/jAAAAIHRSTlMAAESIqt0RZswiEEDymXNZEH74MGDc0OBMwECAUNh04leE/3IAAAABYktHRACIBR1IAAAAB3RJTUUH4QsPEy8wFNpWKAAAAI1JREFUGNN90NkSwiAMBdAkQMEdhdbiVv7/K41txbFB7wMZzmTycAHmIFJWiAhfQdTZSG0yZRJqDWot1Cm+3Cx0lV+xC1WGiLSbdb2Zst3xs8+H8QM/42t4PAWJse3OkmOfQmX5kqbJ7VSU25E6tiPUGtC64LVP8cbTKb7cvDW0986XdsryY/CfduBPO08C2wiNwe+reQAAAABJRU5ErkJggg==);
  width: 21px;
  height: 21px;
}

.ico.ico-letter-spacing {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAS1BMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQAAAAD/aQD////t0vlkAAAAFnRSTlMAEEBVqiKIEXfdzDMQoCCQ0GC4UMBwAiGqAQAAAAFiS0dEAIgFHUgAAAAHdElNRQfhCw8TMBoCO5FgAAAAgElEQVQY05XO2xKDIAwE0Ig2AoqX2sb//1PdhKodpjM2T8uZDUAVFVORK9Ep1lLb0YJhI42hBcWHsLSwHBR9oOCBOShGJo7AHICdYDo6ApDDXgpMRwBG3Of3tU9wvz9/G/t0wjAa9tN8qaWk+Fy/Z9Hm630WsWYPXdaH5e8vFbgBB4sF4pbs4kAAAAAASUVORK5CYII=);
  width: 21px;
  height: 21px;
}

.ico.ico-upload-file {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAASCAMAAACHObUhAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEX///9czf9czf9czf9czf9czf9czf9czf9czf9czf9czf9czf9czf9czf9czf9czf9czf////9drKBbAAAAEHRSTlMAQBCQ8IDQwKAgsOAwYHBQ2fG9tAAAAAFiS0dEAIgFHUgAAAAHdElNRQfhCxwSFQxdcmaQAAAAfklEQVQY022QWwKEIAgAoSA1tLj/add1FXFrvnR4KkAHEeHBtpOqEv/rQ38c2+KDDiKkZBp1UlPOEeGeG63It6m3HqA+VSwpOp/J1baAlG9204JYp2VEGT2vsQn7fRnOV0/zvHgdyz98ttIQyLQA7PrCPb/BU9pjUuGFqz7lA7feD0EG+iL8AAAAAElFTkSuQmCC);
  width: 23px;
  height: 18px;
}

@media screen and (max-width: 567px) {
  .ico.ico-preview {
    width: 25px;
    height: 25px;
  }
}

@media screen and (max-width: 567px) {
  .ico.ico-rotate {
    width: 25px;
    height: 25px;
  }
}

.custom-pagination {
  border-radius: 0;
  overflow: hidden;
  overflow-x: auto;
}

.custom-pagination .page-item {
  display: block;
}

.custom-pagination .page-item .page-link {
  border: none;
  background: none;
  font-size: 17px;
  position: relative;
  border-radius: 0;
  color: #000;
  display: block;
  text-align: center;
  font-weight: 600;
  padding: 3px 5px 4px;
  min-width: 24px;
  margin: 2px 3px;
}

.custom-pagination .page-item .page-link:after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  height: 0px;
  width: calc(100% - 10px);
  background: #ff6900;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transform-box: fill-box;
}

.custom-pagination .page-item .page-link:hover {
  background: rgba(0, 0, 0, 0.05);
}

.custom-pagination .page-item.active .page-link:after {
  height: 2px;
}

.custom-pagination .page-item-nav .page-link {
  margin: 2px 20px 0 0;
  padding: 2px 5px 1px;
}

.custom-pagination .page-item-nav .page-link .fe {
  font-size: 22px;
  vertical-align: 0;
}

.custom-pagination .page-item-nav:last-child {
  margin: 1px 0 0 20px;
}

.custom-pagination .page-item-nav.disabled .page-link {
  color: #6c757d;
}

/*
 * /TB
 */
/*
 * Global
 */
.color-yellow {
  color: #ff6900;
}

.icon-info {
  color: #a6a1a1;
}

a {
  color: #000;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: #ff6900;
  text-decoration: none;
}

a:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

button:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

img {
  max-width: 100%;
  pointer-events: none;
}

.bottom-shadow {
  position: relative;
  z-index: 1;
  height: 100%;
  display: block;
}

.bottom-shadow:after {
  content: '';
  display: none;
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: url(../img/bottom-shadow.png) no-repeat 50% 100%;
  background-size: 100% auto;
}

.box {
  margin: 25px 0 10px;
}

.box-title {
  position: relative;
  text-align: center;
  font-size: 17px;
  font-family: "Raleway";
  font-weight: 500;
  text-transform: uppercase;
}

.box-title:before {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  border-top: 1px solid #e5e5e5;
  z-index: 1;
}

.box-title span {
  position: relative;
  z-index: 10;
  display: inline-block;
  background: #fff;
  padding: 0 30px;
}

.box-body {
  margin: 10px 0;
}

@keyframes cssAppear {
  to {
    opacity: 1;
  }
}

@-webkit-keyframes cssAppear {
  to {
    opacity: 1;
  }
}

.btn-favorite {
  display: inline-block;
  border: none;
  position: relative;
  background: none;
  min-height: 28px;
  max-width: 0%;
  white-space: nowrap;
  padding: 7px 10px 5px 35px;
  font-size: 13px;
  -webkit-transition: max-width .5s;
  transition: max-width .5s;
  cursor: pointer;
}

.btn-favorite:focus {
  outline: none;
}

.btn-favorite .fa {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
  z-index: 2;
  pointer-events: none;
}

.btn-favorite .fa-heart-o {
  opacity: 1;
  color: #cbcbcb;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn-favorite .fa-heart {
  color: #ff7bab;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn-favorite .label-active {
  display: block;
  overflow: hidden;
  max-width: 0%;
  margin-left: 5px;
  -webkit-transition: max-width .3s;
  transition: max-width .3s;
}

.btn-favorite:hover {
  background: rgba(0, 0, 0, 0.02);
}

.btn-favorite:hover .fa-heart-o {
  color: #777;
}

.btn-favorite:active {
  background: #f4f4f4;
}

.btn-favorite.active {
  max-width: 100%;
  background: none !important;
  -webkit-transition: max-width .5s 1s;
  transition: max-width .5s 1s;
}

.btn-favorite.active .fa-heart-o {
  opacity: 0;
  visibility: hidden;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-transition: all .3s .3s;
  transition: all .3s .3s;
}

.btn-favorite.active .fa-heart {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-transition: opacity .03s;
  transition: opacity .03s;
}

.btn-favorite.active .label-active {
  max-width: 100%;
  -webkit-transition: max-width .3s;
  transition: max-width .3s;
}

.btn-favorite-large {
  opacity: 0;
  max-width: 100%;
  color: #fff;
  font-size: 15px;
  background: none;
  padding: 10px 10px 2px 35px;
  text-align: center;
  /* Firefox */
  -webkit-animation: cssAppear .4s ease-in .8s forwards;
  /* Safari and Chrome */
  /* Opera */
  animation: cssAppear .4s ease-in .8s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.btn-favorite-large .fa {
  left: 5px;
  margin-top: -8px;
  font-size: 18px;
}

.btn-favorite-large .fa-heart-o {
  color: #fff;
}

.btn-favorite-large .label-active {
  position: absolute;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn-favorite-large .label {
  display: inline-block;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn-favorite-large:hover {
  background: rgba(255, 255, 255, 0.05);
}

.btn-favorite-large:hover .fa-heart-o {
  color: #fff;
}

.btn-favorite-large:active {
  background: rgba(255, 255, 255, 0);
}

.btn-favorite-large.active .label-active {
  opacity: 1;
}

.btn-favorite-large.active .label {
  max-width: 0%;
}

.card-list {
  padding: 15px 0 10px;
}

.card-list .btn-rotate-box {
  left: 50%;
  width: 215px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  top: -42px;
}

.card-list .btn-rotate {
  font-size: 13px;
  padding: 2px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0.3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.card-list .btn-rotate .ico-rotate {
  width: 25px;
  height: 25px;
  background-image: url(../img/refresh.svg);
}

.card-list .btn-rotate span {
  color: black;
  text-transform: uppercase;
  margin-left: 5px;
}

.card-list .btn-rotate-box.hasHover .btn-rotate {
  opacity: 1;
}

.card-list .btn-rotate-box.hasHover .ico-rotate {
  background-image: url("../img/refresh-orange.svg");
}

.card-list .btn-rotate-box.hasHover span {
  color: #ff6900;
}

.card-list .btn-rotate-box.hasHover + .card-img .list-front {
  display: none;
  opacity: 0;
}

.card-list .btn-rotate-box.hasHover + .card-img .list-back {
  display: block;
  opacity: 1;
}

.card-list .card-item {
  text-align: center;
  position: relative;
  margin-bottom: 70px;
}

.card-list .card-item .options {
  position: absolute;
  right: 0;
  top: -42px;
  -webkit-transform: translate(-5%, 0);
  transform: translate(-5%, 0);
  transform-box: fill-box;
  z-index: 30;
  opacity: 0;
}

.card-list .card-item a {
  display: inline-block;
  text-decoration: none;
}

.card-list .card-item .card-thumb {
  position: relative;
  z-index: 5;
  opacity: 0;
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  transform-box: fill-box;
}

.card-list .card-item .card-thumb:after, .card-list .card-item .card-thumb:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  background: url(../img/card-top-shadow.png) no-repeat 50% 50%;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all .25s;
  transition: all .25s;
  pointer-events: none;
}

.card-list .card-item .card-thumb:after {
  background: #fff;
  bottom: -7px;
}

.card-list .card-item .card-thumb img {
  min-width: 215px;
  max-height: 305px;
  position: relative;
  transform-box: fill-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.card-list .card-item .card-thumb .list-front {
  display: block;
  opacity: 1;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.card-list .card-item .card-thumb .list-back {
  display: none;
  opacity: 0;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.card-list .card-item .card-thumb .btn-yellow {
  font-size: 9px;
  padding: 2px 6px;
  z-index: 6;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.card-list .card-item .card-thumb .free_action {
  position: absolute;
  min-width: 30px;
}

.card-list .card-item .card-thumb .free_action.bottom-line {
  left: -7px;
  bottom: -15px;
  height: 80px;
}

.card-list .card-item .card-thumb .free_action.top-line {
  top: -14px;
  right: -11px;
  height: 150px;
}

.card-list .card-item .card-thumb:hover .btn-yellow {
  opacity: 1;
}

.card-list .card-item .card-thumb:hover .list-front,
.card-list .card-item .card-thumb:hover .list-back {
  -webkit-box-shadow: 3px 5px 5px -3px rgba(0, 0, 0, 0.4), 5px 8px 10px 1px rgba(0, 0, 0, 0.3), 7px 3px 14px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 5px 5px -3px rgba(0, 0, 0, 0.4), 5px 8px 10px 1px rgba(0, 0, 0, 0.3), 7px 3px 14px 2px rgba(0, 0, 0, 0.2);
}

.card-list .card-item .card-body {
  padding: 0;
  opacity: 0;
  width: 100%;
  z-index: 2;
  margin-top: 20px;
}

.card-list .card-item .card-body .card-title {
  position: relative;
  height: 100%;
  color: #000;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-transition: all .25s;
  transition: all .25s;
  margin-bottom: .25rem;
}

.card-list .card-item .card-body .card-title span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 20px 10px;
  font-size: inherit;
  margin: 0;
  background: #fff;
  position: relative;
  z-index: 10;
  height: 100%;
}

.card-list .card-item .card-body .card-title span b {
  display: inline-block;
  position: relative;
  font-weight: 600;
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-box: fill-box;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.card-list .card-item .card-body .card-title:after {
  height: 19px;
  top: auto;
  opacity: .1;
  background: url(../img/card-bottom-shadow.png) no-repeat 50% 50%;
  bottom: 0;
}

.card-list .card-item .card-body .price-slot {
  font-size: 25px;
  line-height: 1;
  font-weight: 600;
  color: #ff6900;
}

.card-list .card-item .card-body .price-slot span {
  font-size: 18px;
}

.card-list .card-item.loaded .options {
  opacity: 1;
  -webkit-transition: all .4s .45s;
  transition: all .4s .45s;
}

.card-list .card-item.loaded .card-body {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transform-box: fill-box;
  opacity: 1;
  -webkit-transition: all .5s .15s;
  transition: all .5s .15s;
}

.card-list .card-item.loaded .card-thumb {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transform-box: fill-box;
  opacity: 1;
  -webkit-transition: all .5s .15s;
  transition: all .5s .15s;
  -webkit-transition: all .6s .25s;
  transition: all .6s .25s;
  display: inline-block;
}

.card-list .col-sm-6:nth-child(1) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.card-list .col-sm-6:nth-child(1) .card-item.loaded .card-body {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.card-list .col-sm-6:nth-child(2) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.card-list .col-sm-6:nth-child(2) .card-item.loaded .card-body {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.card-list .col-sm-6:nth-child(3) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.card-list .col-sm-6:nth-child(3) .card-item.loaded .card-body {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.card-list .col-sm-6:nth-child(4) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.card-list .col-sm-6:nth-child(4) .card-item.loaded .card-body {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.card-list .col-sm-6:nth-child(5) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.card-list .col-sm-6:nth-child(5) .card-item.loaded .card-body {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.card-list .col-sm-6:nth-child(6) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.card-list .col-sm-6:nth-child(6) .card-item.loaded .card-body {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.card-list .col-sm-6:nth-child(7) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.card-list .col-sm-6:nth-child(7) .card-item.loaded .card-body {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

.card-list .col-sm-6:nth-child(8) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.card-list .col-sm-6:nth-child(8) .card-item.loaded .card-body {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.card-list .col-sm-6:nth-child(9) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.card-list .col-sm-6:nth-child(9) .card-item.loaded .card-body {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

.card-list .col-sm-6:nth-child(10) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.card-list .col-sm-6:nth-child(10) .card-item.loaded .card-body {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.card-list .col-sm-6:nth-child(11) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

.card-list .col-sm-6:nth-child(11) .card-item.loaded .card-body {
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s;
}

.card-list .col-sm-6:nth-child(12) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.card-list .col-sm-6:nth-child(12) .card-item.loaded .card-body {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.card-list .col-sm-6:nth-child(13) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

.card-list .col-sm-6:nth-child(13) .card-item.loaded .card-body {
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s;
}

.card-list .col-sm-6:nth-child(14) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.card-list .col-sm-6:nth-child(14) .card-item.loaded .card-body {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}

.card-list .col-sm-6:nth-child(15) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.card-list .col-sm-6:nth-child(15) .card-item.loaded .card-body {
  -webkit-transition-delay: 2.25s;
  transition-delay: 2.25s;
}

.card-list .col-sm-6:nth-child(16) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.card-list .col-sm-6:nth-child(16) .card-item.loaded .card-body {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

.card-list .col-sm-6:nth-child(17) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

.card-list .col-sm-6:nth-child(17) .card-item.loaded .card-body {
  -webkit-transition-delay: 2.55s;
  transition-delay: 2.55s;
}

.card-list .col-sm-6:nth-child(18) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.card-list .col-sm-6:nth-child(18) .card-item.loaded .card-body {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}

.card-list .col-sm-6:nth-child(19) .card-item.loaded .card-thumb {
  -webkit-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

.card-list .col-sm-6:nth-child(19) .card-item.loaded .card-body {
  -webkit-transition-delay: 2.85s;
  transition-delay: 2.85s;
}

@media screen and (max-width: 576px) {
  .card-list .btn-rotate {
    margin-left: 0;
  }
}

@media screen and (max-width: 568px) {
  .card-list .card-item {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 568px) {
  .card-list .card-item .options {
    bottom: 15px;
  }
}

@media screen and (max-width: 890px) {
  .card-list .card-item .card-thumb img {
    min-width: auto;
  }
}

@media screen and (max-width: 567px) {
  .card-list .card-item.home-card .card-thumb img {
    max-height: 187px;
    max-width: 187px;
  }
}

@media screen and (max-width: 768px) {
  .card-list {
    padding: 30px 0 10px;
  }
}

#seo-text a {
  color: #601bda;
  text-decoration: underline;
}

.btn-grey,
.btn-yellow {
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 2px;
  background: #ff6900;
  cursor: pointer;
  text-decoration: none;
}

.btn-grey:hover,
.btn-yellow:hover {
  color: #fff;
  background: #ff8c00;
}

.btn-grey:active,
.btn-yellow:active {
  color: #fff;
  background: #f15a24;
}

.btn-grey:focus,
.btn-yellow:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 105, 0, 0.2);
  box-shadow: 0 0 0 3px rgba(255, 105, 0, 0.2);
}

.btn-grey .fa,
.btn-yellow .fa {
  margin-right: 3px;
  font-size: 15px;
}

.btn-grey {
  background: #666;
}

.btn-grey:hover {
  background: #777;
}

.btn-grey:active {
  background: #555;
}

.btn-grey:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 85, 85, 0.2);
  box-shadow: 0 0 0 3px rgba(85, 85, 85, 0.2);
}

.btn-replay,
a.btn-replay,
.btn-preview {
  cursor: pointer;
  position: relative;
  z-index: 10;
  background: none;
  color: #eee;
  padding: 0;
  border: none;
  font-size: 18px;
}

.btn-replay span,
a.btn-replay span,
.btn-preview span {
  color: #fff;
  margin-left: 3px;
}

.btn-replay span.show-title,
a.btn-replay span.show-title,
.btn-preview span.show-title {
  text-decoration: underline;
}

.btn-replay span.show-title:hover,
a.btn-replay span.show-title:hover,
.btn-preview span.show-title:hover {
  text-decoration: none;
}

@media screen and (max-width: 567px) {
  .btn-replay span.show-title,
  a.btn-replay span.show-title,
  .btn-preview span.show-title {
    font-size: 14px;
  }
}

label.radio, label.checkbox {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

label.radio input,
label.checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

label.radio input + *,
label.checkbox input + * {
  padding: 0 0 0 20px;
  position: relative;
  display: inline-block;
}

label.radio input + *:before, label.radio input + *:after {
  content: '';
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #777;
  z-index: 1;
  margin: -6px 0 0 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}

label.checkbox input + *:before, label.checkbox input + *:after {
  content: '';
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #777;
  z-index: 1;
  margin: -6px 0 0 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}

label.radio input + *:after,
label.checkbox input + *:after {
  opacity: 0;
  height: 9px;
  width: 13px;
  margin: -6px 0 0 0;
  border-width: 0 0 3px 3px;
  border-color: #888;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg) scale(0.75);
  transform-box: fill-box;
  -webkit-transition: all .1s;
  transition: all .1s;
}

label.radio input:checked + *:before,
label.checkbox input:checked + *:before {
  opacity: .2;
}

label.radio input:checked + *:after,
label.checkbox input:checked + *:after {
  opacity: 1;
  margin: -7px 0 0 0;
  border-color: #ff6900;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  transform-box: fill-box;
}

label.radio:hover input:not(:checked),
label.checkbox:hover input:not(:checked) {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

label.radio:hover input:not(:checked) + *:before, label.radio:hover input:not(:checked) + *:after {
  opacity: .5;
}

label.checkbox:hover input:not(:checked) + *:before, label.checkbox:hover input:not(:checked) + *:after {
  opacity: .5;
}

label.radio input + *:before, label.radio input + *:after {
  border-radius: 50%;
  margin: -7px 0 0 0;
  width: 14px;
  height: 14px;
}

label.radio input:checked + *:before, label.radio input:checked + *:after {
  border-radius: 50%;
  margin: -7px 0 0 0;
  width: 14px;
  height: 14px;
}

label.radio input:checked + *:after {
  width: 8px;
  height: 8px;
  background: #ff6900;
  border: none;
  margin: -4px 0 0 3px;
}

label.radio input + *:after {
  width: 8px;
  height: 8px;
  background: #ff6900;
  border: none;
  margin: -4px 0 0 3px;
}

label.radio input + *:after {
  background: #888;
}

.login-box .separator {
  text-align: center;
  position: relative;
}

.login-box .separator:after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 1;
  border-top: 1px solid #c9c9c9;
}

.login-box .separator span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 0 15px;
}

.login-box .info-register {
  color: #3fa8f4;
  text-align: center;
}

.input-custom-group {
  margin-top: 10px;
}

.input-custom-group .input-group-title {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transform-box: fill-box;
  margin-left: 36px;
  display: block;
  color: #888;
  font-size: 15px;
  z-index: 1;
  pointer-events: none;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.input-custom-group .form-control {
  border: none;
  border-bottom: 1px solid #7e7e7e;
  border-radius: 0;
  padding-left: 1px;
  position: relative;
  background: none;
  z-index: 2;
}

.input-custom-group .form-control:focus {
  border-bottom: 1px solid #ff6900;
}

.input-custom-group .form-control:focus + .input-group-title {
  font-size: 11px;
  top: -5px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transform-box: fill-box;
}

.input-custom-group .form-control:not([value=""]):not(:focus) + .input-group-title {
  font-size: 11px;
  top: -5px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transform-box: fill-box;
}

.input-custom-group .input-group-addon {
  background: none;
  color: #111;
  border: none;
  font-size: 18px;
  padding-bottom: 0;
}

/* JS */
.collapse-outer {
  position: relative;
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}

.collapse-outer h3[data-init="collapse"] {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  padding: 15px 0;
}

.collapse-outer .collapse-inner {
  padding: 0 0 15px;
}

@media (max-width: 1200px) {
  .collapse-outer h3[data-init="collapse"] {
    font-size: 12px;
    text-transform: initial;
    padding: 12px 0;
  }
}

[data-init="collapse"] {
  cursor: pointer;
  position: relative;
}

[data-init="collapse"]:after {
  content: '';
  top: 50%;
  right: 0;
  margin: -5px 5px 0 0;
  position: absolute;
  display: block;
  width: 14px;
  height: 10px;
  background: rgba(255, 255, 255, 0.7) url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgsLHhveDOT1AAAALklEQVQI12NmgAFjBk6G9wwowJjhHcNdBiV0oXeowhAhY2TVMCEUQzrgQjDhDgAAIBNhEDW5BAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-box: fill-box;
  pointer-events: none;
}

[data-init="collapse"].collapsed:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-box: fill-box;
}

[data-init="collapse"]:active {
  background: rgba(0, 0, 0, 0.02);
}

.page-item-amount {
  font-size: 17px;
}

.page-item-amount .label {
  display: inline-block;
  color: #afafaf;
  margin-right: 4px;
  margin-left: -10px;
}

.page-item-amount a {
  display: inline-block;
  color: #000;
  font-weight: 600;
  border: none;
  background: none;
  font-size: 17px;
  position: relative;
  border-radius: 0;
  text-decoration: none;
  text-align: center;
  padding: 3px 3px 3px;
  min-width: 20px;
  margin: 2px 0;
}

.page-item-amount a:after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  height: 0px;
  width: calc(100% - 6px);
  background: #ff6900;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transform-box: fill-box;
}

.page-item-amount a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.page-item-amount a.active:after {
  height: 2px;
}

/*NEW YEAR*/
.top-box.new-year {
  height: 1511px;
  background-image: url(../img/newYear/back-b2b.png);
  background-color: transparent;
  position: relative;
  z-index: 5;
  background-position-y: 0%;
  background-size: cover;
}

.top-box.new-year:after {
  content: "";
  background-image: url(../img/newYear/brown-light-2.png);
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  z-index: -1;
}

.top-box.new-year .description-title {
  font-weight: 800;
  font-size: 33px;
  text-align: center;
  color: #683263;
}

.top-box.new-year .animation-card-block {
  background-size: cover;
  width: 100%;
  min-height: 800px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .top-box.new-year:after {
    height: 70%;
  }
}

@media screen and (max-width: 991px) {
  .top-box.new-year:after {
    height: 70%;
  }
}

@media screen and (max-width: 767px) {
  .top-box.new-year:after {
    height: 70%;
  }
}

@media screen and (max-width: 1199px) {
  .top-box.new-year .description-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 991px) {
  .top-box.new-year .description-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .top-box.new-year .description-title {
    font-size: 22px;
  }
}

@media screen and (max-width: 567px) {
  .top-box.new-year .description-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 1199px) {
  .top-box.new-year {
    height: auto;
  }
}

@media screen and (max-width: 1199px) {
  .top-box.new-year .animation-card-block {
    height: auto;
    background-image: none;
    margin-top: 0;
    padding-top: 50px;
  }
}

.animation-card-block .offers-box {
  margin: 0;
}

.information-box .information-banner-image {
  background: url(../img/newYear/apple.png);
  background-repeat: no-repeat;
  width: 550px;
  height: 670px;
  background-position-y: 90px;
}

@media screen and (max-width: 1199px) {
  .information-box .information-banner-image {
    margin: 0 auto;
    height: 590px;
    background-position-y: 25px;
  }
}

@media screen and (max-width: 767px) {
  .information-box .information-banner-image {
    background: url(../img/newYear/apple-mobile.png);
    background-repeat: no-repeat;
    height: 360px;
    width: 320px;
    background-position-y: 30px;
  }
}

.information-banner-info {
  padding-top: 115px;
}

.information-banner-info .banner-info-title .info-title-main {
  text-transform: uppercase;
  font-size: 24px;
  color: #ffffff;
  font-weight: 500;
  text-align: left;
}

.information-banner-info .banner-info-title .info-title-main span {
  color: #823F7B;
  font-weight: bold;
}

.information-banner-info .banner-info-title .info-title-desc {
  font-size: 20px;
  color: #ffffff;
  padding-top: 20px;
  text-align: left;
}

@media screen and (max-width: 1199px) {
  .information-banner-info {
    padding-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .information-banner-info {
    padding-top: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .information-banner-info .banner-info-title .info-title-main {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .information-banner-info .banner-info-title .info-title-main {
    font-size: 17px;
  }
}

@media screen and (max-width: 1199px) {
  .information-banner-info .banner-info-title .info-title-desc {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .information-banner-info .banner-info-title .info-title-desc {
    font-size: 15px;
  }
  .information-banner-info .banner-info-title .info-title-desc br {
    display: none;
  }
}

.banner-info-tiles {
  margin-top: 50px;
}

.banner-info-tiles .banner-info-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.banner-info-tiles .banner-info-tile .info-tile-icon {
  height: 52px;
  width: 52px;
  background-repeat: no-repeat;
}

.banner-info-tiles .banner-info-tile .info-tile-text {
  text-transform: uppercase;
  margin-left: 20px;
  color: #ffffff;
}

.banner-info-tiles .banner-info-tile .info-tile-text h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.banner-info-tiles .banner-info-tile .info-tile-text p {
  text-align: left;
  margin: 0;
  font-size: 19px;
}

.banner-info-tiles .banner-info-tile.print .info-tile-icon {
  background-image: url(../img/newYear/printer.png);
}

.banner-info-tiles .banner-info-tile.design .info-tile-icon {
  background-image: url(../img/newYear/design.png);
}

.banner-info-tiles .banner-info-tile.agree .info-tile-icon {
  background-image: url(../img/newYear/agree.png);
}

@media screen and (max-width: 1199px) {
  .banner-info-tiles .banner-info-tile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .banner-info-tiles .banner-info-tile {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .banner-info-tiles .banner-info-tile .info-tile-text h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .banner-info-tiles .banner-info-tile .info-tile-text p {
    font-size: 15px;
  }
}

.selected-cards-content {
  background-image: url(../img/newYear/cards-block.png);
  background-size: cover;
  width: 100%;
  height: 720px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  padding: 81px 0;
  z-index: 10;
}

.selected-cards-content .selected-card-content {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #FFFFFF;
  border-radius: 30px;
  padding: 47px 51px;
  min-height: 550px;
  max-width: 570px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  margin-bottom: 40px;
}

.selected-cards-content .selected-card-content.newyear-card {
  margin-left: auto;
}

.selected-cards-content .selected-card-content .card-content-title {
  position: relative;
  margin-bottom: 40px;
}

.selected-cards-content .selected-card-content .card-content-title span {
  font-weight: 900;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
}

.selected-cards-content .selected-card-content .card-content-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -35px;
  height: 3px;
  width: 100%;
  background: #fff;
}

.selected-cards-content .selected-card-content.corporation-card .card-content-title {
  color: #823F7B;
}

.selected-cards-content .selected-card-content.corporation-card .card-content-price span.price, .selected-cards-content .selected-card-content.corporation-card .card-content-price span.valute {
  color: #823F7B;
}

.selected-cards-content .selected-card-content.newyear-card .card-content-title {
  color: #E5942F;
}

.selected-cards-content .selected-card-content.newyear-card .card-content-price span.price, .selected-cards-content .selected-card-content.newyear-card .card-content-price span.valute {
  color: #E5942F;
}

.selected-cards-content .selected-card-content .card-content-lists {
  padding-left: 0;
  list-style-type: none;
  min-height: 270px;
}

.selected-cards-content .selected-card-content .card-content-lists .content-list-upper {
  font-weight: bold;
  font-size: 20px;
  color: #433647;
  margin-bottom: 10px;
}

.selected-cards-content .selected-card-content .card-content-lists .card-content-list {
  position: relative;
  font-size: 18px;
  padding-left: 25px;
  letter-spacing: 1px;
  color: #433647;
}

.selected-cards-content .selected-card-content .card-content-lists .card-content-list.main {
  color: #433647;
  font-weight: bold;
}

.selected-cards-content .selected-card-content .card-content-lists .card-content-list:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  border: 2px solid #E5942F;
}

.selected-cards-content .selected-card-content .card-content-price {
  font-size: 20px;
  text-align: right;
  font-weight: bold;
  color: #433647;
}

.selected-cards-content .selected-card-content .card-content-price span.price {
  font-size: 32px;
}

.selected-cards-content .selected-card-content .card-select-btn {
  font-weight: 900;
  font-size: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  background: #FF4545;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 400px;
  height: 50px;
  border-radius: 100px;
  margin: 20px auto 0;
}

@media screen and (max-width: 1199px) {
  .selected-cards-content {
    height: auto;
    padding: 70px 0;
  }
}

@media screen and (max-width: 991px) {
  .selected-cards-content .selected-card-content {
    min-height: initial;
    margin: 20px auto;
  }
}

@media screen and (max-width: 767px) {
  .selected-cards-content .selected-card-content {
    padding: 25px;
  }
}

@media screen and (max-width: 991px) {
  .selected-cards-content .selected-card-content .card-content-title {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .selected-cards-content .selected-card-content .card-content-title span {
    font-size: 20px;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .selected-cards-content .selected-card-content .card-content-lists {
    min-height: 257px;
  }
}

@media screen and (max-width: 991px) {
  .selected-cards-content .selected-card-content .card-content-lists {
    min-height: initial;
  }
}

@media screen and (max-width: 1250px) {
  .selected-cards-content .selected-card-content .card-content-lists .card-content-list {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .selected-cards-content .selected-card-content .card-content-lists .card-content-list {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .selected-cards-content .selected-card-content .card-content-price {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .selected-cards-content .selected-card-content .card-content-price span.price {
    font-size: 26px;
  }
}

@media screen and (max-width: 767px) {
  .selected-cards-content .selected-card-content .card-select-btn {
    font-size: 20px;
    width: 200px;
    height: 40px;
  }
}

.send-cards-block {
  min-height: 413px;
  background: #BEA27E;
  padding: 44px 0;
}

.send-cards-block .send-card-info {
  padding-top: 30px;
}

.send-cards-block .send-card-info .card-info-title {
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 30px;
  display: block;
}

.send-cards-block .send-card-info .card-info-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 10px 0;
}

.send-cards-block .send-card-info .card-info-items .card-info-item {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #FFFFFF;
  border-radius: 30px;
  height: 86px;
  text-align: center;
  padding: 10px 19px;
  max-width: 380px;
}

.send-cards-block .send-card-info .card-info-items .card-info-item .info-item-text {
  font-size: 22px;
  font-weight: bold;
  color: #363434;
}

.send-cards-block .send-card-info .card-info-items .card-info-item .info-item-link {
  font-size: 22px;
  color: #823F7B;
}

.send-cards-block .send-card-info .card-info-items .card-info-item .info-item-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.send-cards-block .send-card-info .card-info-items .card-info-item .info-item-icons .item-icon {
  background-size: cover;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  margin: 0 10px;
}

.send-cards-block .send-card-info .card-info-items .card-info-item .info-item-icons .item-icon.messager {
  background-image: url(../img/newYear/messager.png);
}

.send-cards-block .send-card-info .card-info-items .card-info-item .info-item-icons .item-icon.telegram {
  background-image: url(../img/newYear/telegram.png);
}

.send-cards-block .send-card-info .card-info-question,
.send-cards-block .send-card-info .card-info-answer {
  margin: 0;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
}

.send-cards-block .send-card-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.send-cards-block .send-card-banner {
  background-image: url(../img/newYear/card-tile.png);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 340px;
}

@media screen and (max-width: 767px) {
  .send-cards-block {
    padding: 15px 0;
  }
}

@media screen and (max-width: 1199px) {
  .send-cards-block .send-card-info .card-info-title {
    padding: 0 40px;
  }
}

@media screen and (max-width: 991px) {
  .send-cards-block .send-card-info .card-info-title {
    font-size: 23px;
  }
}

@media screen and (max-width: 767px) {
  .send-cards-block .send-card-info .card-info-title {
    font-size: 16px;
  }
}

@media screen and (max-width: 1199px) {
  .send-cards-block .send-card-info .card-info-items {
    margin: 10px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 720px;
  }
}

@media screen and (max-width: 767px) {
  .send-cards-block .send-card-info .card-info-items {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media screen and (max-width: 1199px) {
  .send-cards-block .send-card-info .card-info-items .card-info-item {
    max-width: 350px;
  }
}

@media screen and (max-width: 767px) {
  .send-cards-block .send-card-info .card-info-items .card-info-item {
    max-width: 370px;
    margin-bottom: 20px;
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  .send-cards-block .send-card-info .card-info-items .card-info-item .info-item-text {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .send-cards-block .send-card-info .card-info-items .card-info-item .info-item-text {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .send-cards-block .send-card-info .card-info-items .card-info-item .info-item-link {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .send-cards-block .send-card-info .card-info-items .card-info-item .info-item-icons .item-icon {
    height: 25px;
    width: 25px;
  }
}

@media screen and (max-width: 767px) {
  .send-cards-block .send-card-info .card-info-question,
  .send-cards-block .send-card-info .card-info-answer {
    font-size: 16px;
  }
}

@media screen and (max-width: 1199px) {
  .send-cards-block .send-card-banner {
    width: 380px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .send-cards-block .send-card-banner {
    background-image: url(../img/newYear/card-tile-mobile.png);
    background-repeat: no-repeat;
    width: 300px;
    min-height: 275px;
  }
}

.section-service-card {
  background: url("../img/happyCard/service-background.png") center center no-repeat;
  background-size: cover;
  padding: 100px 0;
}

.section-service-card .service-card-info .service-card-title {
  font-size: 57px;
  font-weight: 600;
  color: #fff;
  line-height: 57px;
}

.section-service-card .service-card-description p {
  color: #fff;
  font-size: 21px;
  line-height: 27px;
  margin: 20px 0 25px;
  font-weight: 100;
  letter-spacing: 2px;
}

.section-service-card .service-card-btn {
  width: 233px;
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#E5942F), color-stop(0.01%, #FAC342), to(#F4884A));
  background: linear-gradient(180deg, #E5942F 0%, #FAC342 0.01%, #F4884A 100%);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  text-decoration: none;
}

.section-service-card .service-card-image {
  background: url("../img/happyCard/backpad.png") center center no-repeat;
  background-size: cover;
  width: 543px;
  height: 378px;
  position: relative;
  margin-left: auto;
}

.section-service-card .service-card-image:after {
  content: "";
  position: absolute;
  bottom: -75px;
  left: -90px;
  background: url("../img/happyCard/iphonescreen.png") center center no-repeat;
  background-size: cover;
  width: 207px;
  height: 356px;
}

.section-service-card .service-card-image p {
  position: absolute;
  bottom: -80px;
  right: -50px;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 163px;
  letter-spacing: 1px;
}

@media screen and (max-width: 1199px) {
  .section-service-card .service-card-info .service-card-title {
    font-size: 47px;
    font-weight: 600;
    color: #fff;
    line-height: 50px;
  }
}

@media screen and (max-width: 991px) {
  .section-service-card .service-card-info .service-card-title {
    font-size: 35px;
    line-height: 35px;
  }
}

@media screen and (max-width: 767px) {
  .section-service-card .service-card-info .service-card-title {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .section-service-card .service-card-info {
    max-width: 600px;
    margin: 0 auto 40px;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-card .service-card-description p {
    font-size: 20px;
    line-height: 25px;
  }
  .section-service-card .service-card-description p br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .section-service-card .service-card-description p {
    font-size: 17px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-card .service-card-btn {
    width: 200px;
    height: 40px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .section-service-card .service-card-btn {
    width: 160px;
    height: 35px;
    font-size: 17px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1399px) {
  .section-service-card .service-card-image {
    width: 515px;
    height: 365px;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-card .service-card-image {
    max-width: 600px;
    width: 600px;
    height: 436px;
    margin: 0 auto 40px;
  }
}

@media screen and (max-width: 767px) {
  .section-service-card .service-card-image {
    width: 300px;
    height: 220px;
  }
}

@media screen and (max-width: 1399px) {
  .section-service-card .service-card-image p {
    font-size: 20px;
    line-height: 24px;
    padding-left: 135px;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-card .service-card-image p {
    padding-left: 177px;
    right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .section-service-card .service-card-image p {
    text-align: center;
    padding-left: 0;
    right: 0;
    bottom: -65px;
    font-size: 15px;
  }
}

.section-create-panel {
  padding: 60px 0;
}

.section-create-panel .section-create-title {
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 40px;
  line-height: 49px;
  background: linear-gradient(35deg, #CE41A5 20%, #A937D4 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-create-panel .section-create-convert {
  background: url("../img/happyCard/coverts/mainConvert/convert1.png") center center no-repeat;
  background-size: cover;
  height: 657px;
  max-width: 566px;
  margin: 0 auto;
}

.section-create-panel .section-create-down {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 29px;
  text-align: center;
  background: linear-gradient(50deg, #CE41A5 20%, #A937D4 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  max-width: 760px;
  margin: 40px auto 0;
}

.section-create-panel .cols-help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-create-panel .cols-help .col-help {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(114.2deg, #73D2FE 0%, #6BA2FD 101.76%);
  border-radius: 10px;
  padding: 25px 40px;
  position: relative;
}

.section-create-panel .cols-help .col-help h4 {
  font-size: 47px;
  background: linear-gradient(50deg, #CE41A5 20%, #A937D4 70%);
  color: white;
  margin: 0;
  font-weight: bold;
}

.section-create-panel .cols-help .col-help p {
  font-size: 18px;
  line-height: 22px;
  font-style: normal;
  font-weight: normal;
  color: #222364;
  margin: 0;
}

.section-create-panel .cols-help .col-help:after {
  content: "";
  position: absolute;
  z-index: 1;
}

.section-create-panel .cols-help .col-help.help-first-upper {
  left: 5%;
  top: -3%;
}

.section-create-panel .cols-help .col-help.help-first-upper:after {
  background: url("../img/happyCard/arrows/arrow-down.png") center center no-repeat;
  width: 293px;
  height: 120px;
  top: 6%;
  right: -120%;
}

.section-create-panel .cols-help .col-help.help-first-middle {
  left: -18%;
  top: 4%;
}

.section-create-panel .cols-help .col-help.help-first-middle:after {
  background: url("../img/happyCard/arrows/arrow-up-right.png") center center no-repeat;
  width: 293px;
  height: 120px;
  top: 46%;
  right: -100%;
}

.section-create-panel .cols-help .col-help.help-first-down {
  left: 0;
  top: 11%;
}

.section-create-panel .cols-help .col-help.help-first-down:after {
  background: url("../img/happyCard/arrows/arrow-middle-right.png") center center no-repeat;
  width: 293px;
  height: 120px;
  top: 15%;
  right: -90%;
}

.section-create-panel .cols-help .col-help.help-second-upper {
  left: 0;
  top: -7%;
}

.section-create-panel .cols-help .col-help.help-second-upper:after {
  background: url("../img/happyCard/arrows/arrow-down-left.png") center center no-repeat;
  width: 293px;
  height: 120px;
  top: 40%;
  left: -88%;
}

.section-create-panel .cols-help .col-help.help-second-middle {
  left: 21%;
  top: -2%;
}

.section-create-panel .cols-help .col-help.help-second-middle:after {
  background: url("../img/happyCard/arrows/arrow-down-right.png") center center no-repeat;
  width: 293px;
  height: 210px;
  top: 40%;
  left: -72%;
}

.section-create-panel .cols-help .col-help.help-second-nav {
  background: linear-gradient(92.35deg, rgba(206, 65, 165, 0.1) 9.95%, rgba(169, 55, 212, 0.1) 80.64%);
  border-radius: 10px;
  -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 242px;
  padding: 15px 25px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  top: 7%;
  left: 7%;
}

.section-create-panel .cols-help .col-help.help-second-nav img {
  max-width: 50px;
}

@media screen and (max-width: 1399px) {
  .section-create-panel .section-create-title {
    font-size: 30px;
    line-height: 35px;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .section-create-convert {
    height: 370px;
    max-width: 320px;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .section-create-down {
    font-size: 22px;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 1199px) {
  .section-create-panel .cols-help .col-help {
    top: 0 !important;
    left: 0 !important;
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help h4 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help p {
    font-size: 14px;
    line-height: 18px;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help:after {
    background-size: cover !important;
  }
}

@media screen and (max-width: 1199px) {
  .section-create-panel .cols-help .col-help:after {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-first-upper {
    left: 63%;
    top: -1%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-first-upper:after {
    width: 161px;
    height: 57px;
    top: 13%;
    right: -100%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-first-middle {
    left: 50%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-first-middle:after {
    width: 125px;
    height: 90px;
    top: 38%;
    right: -70%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-first-down {
    left: 58%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-first-down:after {
    width: 102px;
    height: 56px;
    right: -59%;
    top: 10%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-second-upper {
    left: -60%;
    top: -3%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-second-upper:after {
    width: 97px;
    height: 70px;
    top: 47%;
    left: -54%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-second-middle {
    left: -47%;
    top: 1%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-second-middle:after {
    width: 80px;
    height: 115px;
    top: 45%;
    left: -36%;
  }
}

@media screen and (max-width: 1399px) {
  .section-create-panel .cols-help .col-help.help-second-nav {
    max-width: 155px;
    left: -60%;
    padding: 10px 15px;
  }
  .section-create-panel .cols-help .col-help.help-second-nav img {
    max-width: 35px;
  }
}

.section-show-cards {
  background: #ECECFF;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
  padding: 60px 0;
}

.section-show-cards .section-show-title {
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 47px;
  color: #515690;
  margin-bottom: 30px;
  text-align: center;
}

.section-show-cards .section-show-card {
  min-height: 470px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(150.99deg, #CE41A5 0%, #A937D4 100%);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  max-width: 370px;
  margin: 0 auto;
}

.section-show-cards .section-show-card .section-show-upper {
  background: linear-gradient(91.17deg, #CE41A5 0%, #A937D4 100%);
  border-radius: 10px;
  padding: 10px 0;
}

.section-show-cards .section-show-card .section-show-upper span {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.section-show-cards .section-show-card .section-show-body .show-body-image {
  width: 268px;
  height: 305px;
  background-size: cover;
  margin: 20px auto;
}

.section-show-cards .section-show-card .section-show-body .show-body-image.show-image-celebrate {
  background: url("../img/happyCard/coverts/celebrate/covert2.png") center center no-repeat;
}

.section-show-cards .section-show-card .section-show-body .show-body-image.show-image-invets {
  background: url("../img/happyCard/coverts/ivents/covert3.png") center center no-repeat;
}

.section-show-cards .section-show-card .section-show-body .show-body-image.show-image-sertificat {
  background: url("../img/happyCard/coverts/sertificat/covert4.png") center center no-repeat;
}

.section-show-cards .section-show-card .section-show-body .show-body-go {
  text-decoration: none;
  width: 230px;
  height: 45px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FAC342), to(#F4884A));
  background: linear-gradient(180deg, #FAC342 0%, #F4884A 100%);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 20px auto;
}

.section-show-cards .section-show-desc {
  list-style-type: none;
  padding-left: 90px;
  padding-top: 15px;
}

.section-show-cards .section-show-desc.last-desc {
  padding-left: 145px;
}

.section-show-cards .section-show-desc .show-desc-list {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  position: relative;
  color: #222364;
  margin-bottom: 2px;
}

.section-show-cards .section-show-desc .show-desc-list:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: -25px;
  top: 0;
  background: #F4884A;
  border: 3px solid #FFFFFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1399px) {
  .section-show-cards .section-show-title {
    font-size: 30px;
    line-height: 35px;
  }
}

@media screen and (max-width: 1399px) {
  .section-show-cards .section-show-card .section-show-upper span {
    font-size: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .section-show-cards .section-show-desc.last-desc {
    padding-left: 45px;
  }
}

@media screen and (max-width: 991px) {
  .section-show-cards .section-show-desc.last-desc {
    padding-left: 80px;
  }
}

@media screen and (max-width: 1199px) {
  .section-show-cards .section-show-desc {
    padding-left: 45px;
  }
}

@media screen and (max-width: 991px) {
  .section-show-cards .section-show-desc {
    padding-left: 80px;
    max-width: 320px;
    margin: 0 auto 20px;
  }
}

.solution-card-block {
  background-color: #fff;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  background-size: cover;
  padding: 60px 0;
}

.solution-card-block .solution-card-title h2 {
  font-size: 40px;
  color: #000000;
  margin-bottom: 40px;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(35deg, #CE41A5 20%, #A937D4 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.solution-card-block .solution-cards-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.solution-card-block .solution-cards-items .solution-cards-item {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(105.1deg, #53D9FF 0%, #689DFB 100%);
  border: 1px solid #FFFFFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  max-width: 380px;
  min-height: 187px;
  border-radius: 40px;
  padding: 25px;
  margin-bottom: 40px;
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-icon {
  height: 50px;
  width: 70px;
  background-repeat: no-repeat;
  margin: 0 auto 20px;
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-icon.group {
  background-image: url(../img/happyCard/group.png);
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-icon.sprout {
  background-image: url(../img/happyCard/sprout.png);
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-icon.gift {
  background-image: url(../img/happyCard/gift.png);
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-icon.email {
  background-image: url(../img/happyCard/email.png);
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-icon.text-editor {
  background-image: url(../img/happyCard/text-editor.png);
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-icon.gift-card {
  background-image: url(../img/happyCard/gift-card.png);
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-title p {
  color: #4A1A45;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  margin: 0;
}

.solution-card-block .solution-cards-items .solution-cards-item .cards-item-text p {
  font-size: 16px;
  color: #000000;
  margin: 0;
  text-align: center;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .solution-card-block {
    padding: 25px 0;
  }
}

@media screen and (max-width: 767px) {
  .solution-card-block .solution-card-title h2 {
    font-size: 30px;
    line-height: 35px;
  }
}

@media screen and (max-width: 1399px) {
  .solution-card-block .solution-cards-items {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}

@media screen and (max-width: 767px) {
  .solution-card-block .solution-cards-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
  .solution-card-block .solution-cards-items .solution-cards-item {
    max-width: 320px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .solution-card-block .solution-cards-items .solution-cards-item {
    max-width: 360px;
  }
}

@media screen and (max-width: 767px) {
  .solution-card-block .solution-cards-items .solution-cards-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 390px;
  }
}

@media screen and (max-width: 567px) {
  .solution-card-block .solution-cards-items .solution-cards-item {
    max-width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .solution-card-block .solution-cards-items .solution-cards-item .cards-item-title p {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .solution-card-block .solution-cards-items .solution-cards-item .cards-item-text p {
    font-size: 14px;
  }
}

.section-service-special {
  padding: 60px 0;
  background: #ECECFF;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.section-service-special .service-special-title {
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 47px;
  color: #515690;
  text-align: center;
  margin-bottom: -20px;
}

.section-service-special .service-special-image {
  background: url("../img/happyCard/desktop-image.png") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 550px;
  position: relative;
}

.section-service-special .service-special-image span {
  position: absolute;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  bottom: -4px;
  right: 70px;
  color: #AB38D2;
}

.section-service-special .service-special-info .special-info-up {
  background: linear-gradient(91.98deg, #CE41A5 0%, #A937D4 100%);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 20px;
  margin-top: 90px;
}

.section-service-special .service-special-info .special-info-up .info-up-text {
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 27px;
  letter-spacing: 1px;
  color: #FFFFFF;
  margin: 0;
}

.section-service-special .service-special-info .special-info-contacts {
  padding-top: 55px;
}

.section-service-special .service-special-info .special-info-contacts .special-info-item {
  margin: 0 0 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  text-align: right;
  color: #222364;
}

.section-service-special .service-special-info .special-info-contacts .special-info-item .info-item-text b {
  font-style: italic;
}

.section-service-special .service-special-info .special-info-contacts .special-info-item .info-item-link {
  color: #689DFB;
  text-decoration: underline;
  font-weight: 600;
  margin: 0 5px;
}

.section-service-special .service-special-info .special-info-contacts .special-info-item .info-item-icon {
  max-width: 25px;
}

.section-service-special .service-special-info .special-info-desc {
  font-weight: 700;
  font-size: 30px;
  color: #A937D4;
  text-align: right;
  margin-top: 20px;
  line-height: 38px;
}

@media screen and (max-width: 567px) {
  .section-service-special .service-special-title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-special .service-special-image {
    height: 420px;
    background-size: contain;
  }
}

@media screen and (max-width: 767px) {
  .section-service-special .service-special-image {
    height: 290px;
  }
}

@media screen and (max-width: 450px) {
  .section-service-special .service-special-image {
    background-size: cover;
    max-width: 100%;
    height: 240px;
  }
}

@media screen and (max-width: 450px) {
  .section-service-special .service-special-image span {
    bottom: -20px;
    right: 0;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-special .service-special-info .special-info-up {
    margin-top: 50px;
  }
}

@media screen and (max-width: 567px) {
  .section-service-special .service-special-info .special-info-contacts {
    padding-top: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-special .service-special-info .special-info-contacts .special-info-item {
    font-size: 15px;
  }
}

@media screen and (max-width: 567px) {
  .section-service-special .service-special-info .special-info-contacts .special-info-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1199px) {
  .section-service-special .service-special-info .special-info-desc {
    font-size: 22px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  .section-service-special .service-special-info .special-info-desc {
    text-align: center;
  }
}

/*
 * /Global
 */
.top-box {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  width: 100%;
  height: 760px;
  text-align: center;
  position: relative;
  background-image: url(../img/home-top-bg1.webp);
  background-blend-mode: darken;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: 1;
}

.top-box .btn-fill-orange {
  position: relative;
  top: 95px;
  background-color: #ff6900;
  border-radius: 0px;
  text-transform: uppercase;
  padding: 10px 16px;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.52px;
}

.top-box .btn-fill-orange:hover, .top-box .btn-fill-orange:active {
  background-color: #fff;
  color: #ff6900;
}

.top-box .logo {
  text-align: center;
  display: inline-block;
  margin: 50px 0 25px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.top-box .logo img {
  max-width: 338px;
  width: 338px;
}

.top-box h1 {
  margin: 30px 0 60px;
  font-size: 31px;
  font-weight: 300;
  text-align: center;
}

.top-box .more {
  position: absolute;
  display: block;
  bottom: 20px;
  left: 50%;
  margin-left: -30px;
  z-index: 10;
  cursor: pointer;
  width: 60px;
  height: 60px;
  color: transparent;
  line-height: 200px;
  overflow: hidden;
  background: rgba(149, 30, 107, 0.5) url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAATCAQAAABfaBdBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgMOLhPM7rAwAAAAnElEQVQ4y53TURXDIAyF4cxBJEwCUiZh0iqhUiqhEurg3wOHjbKEAOQNbr6H5CAoOwlZrMSOChtwLTKJC9gE5VhkMnGgwirzJZB8Mc9UREFmmRvxQ2aYhqiRwlSPY8QdGWEMokUixiT+EUHtoE9YiBd2CRuxGjqEh7RNr/xHvHGPrPINPaKHFOaMiD5SmICIkMwEBPJAgvOUM4p8AJkhwxnXCcXCAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.top-box .more:hover {
  background-color: rgba(149, 30, 107, 0.75);
}

.top-box .more:active {
  bottom: 18px;
  background-color: rgba(255, 255, 255, 0.15);
}

@media screen and (min-width: 1800px) {
  .top-box .btn-fill-orange {
    padding: 15px 25px;
  }
}

@media screen and (max-width: 1024px) {
  .top-box .btn-fill-orange {
    top: 50px;
  }
}

@media screen and (max-width: 750px) {
  .top-box .btn-fill-orange {
    font-size: .9rem;
    position: relative;
    top: 60px;
  }
}

@media screen and (max-width: 420px) {
  .top-box .btn-fill-orange {
    top: 60px;
  }
}

@media screen and (max-width: 320px) {
  .top-box .btn-fill-orange {
    font-size: .7rem;
    top: 55px;
    left: 8px;
  }
}

@media screen and (max-width: 1024px) {
  .top-box {
    height: 725px;
  }
}

@media screen and (max-width: 768px) {
  .top-box {
    height: 440px;
  }
}

@media screen and (max-width: 420px) {
  .top-box {
    background-image: url(../img/Baner_480.jpg);
    padding: 0;
  }
}

@media (max-width: 1024px) {
  .top-box .logo {
    display: block;
    margin: 50px 0 15px;
  }
}

@media screen and (min-width: 1800px) {
  .top-box .logo img {
    max-width: 400px;
    width: 400px;
  }
}

@media (max-width: 991px) {
  .top-box .logo img {
    max-width: 280px;
  }
}

@media (max-width: 768px) {
  .top-box .logo img {
    max-width: 250px;
  }
}

@media (max-width: 576px) {
  .top-box .logo img {
    max-width: 180px;
  }
}

@media (max-width: 991px) {
  .top-box h1 {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  .top-box h1 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .top-box h1 {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .top-box h1 {
    font-size: 16px;
    margin: 24px 0 0;
  }
}

#header {
  position: relative;
  height: 75px;
  z-index: 60;
}

#header .btn {
  border-radius: 0px;
}

#header .btn-outlined-orange {
  margin-top: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#header .btn-outlined-orange:hover, #header .btn-outlined-orange:focus {
  background-color: #ff6900;
  color: #fff;
}

#header:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -15px;
  width: 100%;
  height: 15px;
  z-index: 51;
  background: url(../img/header-shadow.png) no-repeat 50% 50%;
  pointer-events: none;
}

#header > .inner {
  position: relative;
  z-index: 52;
  height: 100%;
  background: #fff;
  border-bottom: 1px solid #cbcbcb;
}

#header .nav-toggle {
  display: block;
  position: relative;
  height: 100%;
  height: 60px;
  width: 50px;
  border: 0;
  background: none;
  outline: none;
  cursor: pointer;
  /*	&:active {
                  background: rgba(#000,.05);
              }
              &.active {
                  span {
                      width: 0;
                      &:before,
                      &:after {
                          top: 50%;
                          margin: -1px 0 0 -1px;
                          width: 30px;
                          -webkit-transform: rotate(45deg);
                          transform: rotate(45deg);
                          transform-box: fill-box;
                      }
                      &:after {
                          -webkit-transform: rotate(-45deg);
                          transform: rotate(-45deg);
                          transform-box: fill-box;
                      }
                  }
              }*/
}

#header .nav-toggle span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  margin: -1px 0 0 -13px;
  background: #222;
  z-index: 10;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#header .nav-toggle span:before {
  content: '';
  position: absolute;
  margin: -8px 0 0;
  width: 30px;
  height: 2px;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  background: #222;
  -webkit-transition: all .15s;
  transition: all .15s;
}

#header .nav-toggle span:after {
  content: '';
  position: absolute;
  margin: -8px 0 0;
  width: 30px;
  height: 2px;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  background: #222;
  -webkit-transition: all .15s;
  transition: all .15s;
  margin: 8px 0 0;
  width: 24px;
}

#header .logo-box a {
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
}

#header .logo-box a:before {
  content: '';
  display: inline-block;
  position: relative;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

#header .logo-box a img {
  display: inline-block;
  vertical-align: middle;
  max-width: 166px;
  width: 100%;
}

#header .extra-box ul {
  padding: 0;
  margin: 0;
  text-align: right;
}

#header .extra-box ul li {
  display: inline-block;
  margin-top: 0;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
  height: 75px;
  vertical-align: middle;
  min-width: 35px;
}

#header .extra-box ul li .dropdown-block {
  position: absolute;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  padding: 20px;
  width: 254px;
  border-top: 3px solid #ff6900;
  z-index: 10;
  -webkit-box-shadow: 0 5px 30px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 30px -3px rgba(0, 0, 0, 0.2);
  margin-top: -5px;
}

#header .extra-box ul li > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 15px;
  line-height: 50px;
  font-size: 12px;
  color: #808080;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

#header .extra-box ul li > a:after {
  content: '';
  display: block;
  right: 2px;
  top: 50%;
  position: absolute;
  margin-top: -1px;
  width: 9px;
  height: 5px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAQAAAA9Wg7gAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgMSFQEW2XRUAAAAQElEQVQI1y3IMQGAMAwAsFAHWJgFNEwCfjjBAlZqgVmoFo4tZ7brduoK7FKFF6mtaJ5QOtIhNd0IVn4zCFaOGfxW1xFH76cY5AAAAABJRU5ErkJggg==) no-repeat 50% 50%;
}

#header .extra-box ul li:hover > a {
  color: #ff6900;
}

#header .extra-box ul li:hover > a:after {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFBAMAAABlfdtYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEX/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD////pDFVRAAAACXRSTlMAiN0iEcyq7jO5E0s4AAAAAWJLR0QKaND0VgAAAAd0SU1FB+EKAxIWLQ8sS3QAAAAkSURBVAjXYxAyYHBNYDBSZglvYGBWaq1gYGAwmt4AJJkjGBgATO8E3oqSekEAAAAASUVORK5CYII=);
}

#header .extra-box ul li.favorite > a {
  padding-left: 22px;
}

#header .extra-box ul li.favorite > a:before {
  content: '';
  display: block;
  left: 2px;
  top: 50%;
  position: absolute;
  margin-top: -7px;
  width: 16px;
  height: 15px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAATlBMVEX////2Zab2Zab2Zab2ZaaYmJiYmJiYmJj2ZaaYmJiYmJiYmJiYmJj2ZaaYmJiYmJiYmJiYmJj2Zab2ZaaYmJiYmJiYmJj2ZaaYmJj////+TG3mAAAAF3RSTlMAYPBAUJDAsODgEEAg0FCAcPCgkDBg0MgmJswAAAABYktHRACIBR1IAAAAB3RJTUUH4QoDEg0Y8KlEzQAAAHRJREFUCNdlj4EOgyAMRJ8MyxxOhrrV///SQR3OxJe04S69S6Bz6m6+LE8vIgGnqnX0zrAV0AMeMcbRLownU0rpRdcMT7YI864XiOVi4ufM5TGWjpXdqbpFqmOat5VeyIJsfzLSE07G5xoJyT7VCLVjOHd8ATVgC8Z5pqAmAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 100% auto;
}

#header .extra-box ul li.favorite:hover > a:before {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUVBMVEX/aQD////2Zab2Zab2Zab2Zab/aQD/aQD/aQD2Zab/aQD/aQD/aQD/aQD2Zab/aQD/aQD/aQD/aQD2Zab2Zab/aQD/aQD/aQD2Zab/aQD///8ZCabOAAAAGHRSTlMAAGDwQFCQwLDg4BBAINBQgHDwoJAwYNDquGspAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EKAxIYC0Oi4wcAAAB4SURBVAjXZY+BCoMwDEQvdjWdq7NWt8X//9ElKXXCHrRwj+QgGIKEW9QvYmTmhCAi9uSO6VAgJ3jknGefcJ5YSikrhi4iqq/Q1vJOyDqxgJrZiDBrx0uFGc3UV8xYJry9lE7QqAw+flTwiHQRH/yRih/VSdYxXTu+oT0Mk3sF5jYAAAAASUVORK5CYII=);
}

#header .extra-box ul li.login > a:before {
  content: '';
  display: block;
  left: 2px;
  top: 50%;
  position: absolute;
  margin-top: -5px;
  width: 9px;
  height: 11px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAQAAABTaC4eAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgMRNCo0vCauAAAAd0lEQVQY063OQRHCMBAF0NdMDcRCkVALtYCFVgI9ckVCaqESwEIsYCES4JAMB6bc2MvOvN35u90VGM1g94AeTO51arbYCCBh1VmQxMqjQXbDZse5ckRpIa0Hh9W3c5PXxxLBcLAcf4T8ibPnlxW5l51waR8VK7wBYQEVxGAkCpsAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: 100% auto;
}

#header .extra-box ul li.login:hover a:before {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOBAMAAAALT/umAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEX/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD///+SlZQrAAAADXRSTlMAM5lEZt13Ecyqu+6IDHZo9QAAAAFiS0dEDm+9ME8AAAAHdElNRQfhCgMSEzb4PnbdAAAAPUlEQVQI12NgYFRSZgAC27t3HYBUbILvdQYGxhsMnFcYGJhvMTAhKKAKkBpfEJWAlxIFkrcNGBjYlHQYGABHHSYcFDTD1wAAAABJRU5ErkJggg==);
}

#header .extra-box ul li.language {
  padding-right: 0;
}

#header .extra-box ul li.language a:hover {
  color: #ff6900;
}

#header .extra-box ul li.language > a {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 15px 2px 12px;
  text-transform: uppercase;
  color: #808080;
}

#header .extra-box ul li.language > a.active {
  color: #ff6900;
  cursor: default;
}

#header .extra-box ul li.language > a:before {
  content: '';
  display: inline-block;
  margin-right: 4px;
  background: #808080;
  width: 1px;
  height: 9px;
}

#header .extra-box ul li.language > a:after, #header .extra-box ul li.language > a:first-child:before {
  display: none;
}

#header .extra-box ul li.language:hover #header .extra-box ul li.language > a.active {
  color: #808080;
}

#header .mobile-box {
  position: absolute;
  z-index: 60;
  width: 100%;
  margin-left: -100%;
  min-height: calc(100vh - 60px);
  height: calc(100vh - 60px);
  overflow-y: auto;
  -webkit-transition: margin .3s .2s;
  transition: margin .3s .2s;
}

#header .mobile-box .mobile-box-cover {
  position: fixed;
  z-index: 58;
  top: 60px;
  width: 100%;
  min-height: calc(100vh - 60px);
  background: rgba(0, 0, 0, 0.4);
  margin-left: -100%;
  opacity: 0;
  -webkit-transition: opacity .2s, margin 0s .5s;
  transition: opacity .2s, margin 0s .5s;
}

#header .mobile-box.active {
  margin-left: 0;
}

#header .mobile-box.active .mobile-box-cover {
  margin-left: 0;
  opacity: 1;
  -webkit-transition: opacity .2s .55s, margin .2s;
  transition: opacity .2s .55s, margin .2s;
}

#header .mobile-box .mobile-box-body {
  max-width: 480px;
  width: 85%;
  background: rgba(255, 255, 255, 0.98);
  position: relative;
  min-height: 100%;
  z-index: 62;
}

#header .mobile-box .inner {
  padding: 25px 20px;
  margin-top: -1px;
  border-top: 1px solid #c9c9c9;
}

#header .mobile-box .inner .mobile-box-title {
  color: #b2b2b2;
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 12px;
  padding-left: 20px;
  text-transform: uppercase;
}

#header .mobile-box .inner.catalog-block .mobile-box-title {
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgYQJg3fXnkTAAAAiUlEQVQY03XOQRGCUBSF4U+GAlSACFjBLTEwAkaQCBJBd29NhRfBV4EKLgBHnedZ/v+5Z+4htFqZdFPprs6poEQy/vDaQLEeWxC7CcwSlFvvqjaF0Q3nFRX+ZldHjUuXNJpt9j3Yq8XwMBAyajLrEb9VQrJIWFQfqjttlQZCv6sqPPMfzpYMT+IL3mwkScWye7MAAAAASUVORK5CYII=) no-repeat 0 0;
}

#header .mobile-box .inner.login-block .mobile-box-title {
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAQAAAAHUG+QAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgYSCinZ6CICAAAAY0lEQVQI153KMRGDQBRF0bNMDMQCFjYW0m6HliABJICElL9eC0ggEoKEpEpmmKHiFbc48xLEUwf6MpKIh0H1kmX3UhFrvCFyfGKiAdu/7Y92S7FqdzIfvE7Txc2AztVisZX+C4erF+DM7zTDAAAAAElFTkSuQmCC) no-repeat 2px 0;
}

#header .mobile-box .inner.language-block .mobile-box-title {
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgYTCxMHPaDGAAAAqUlEQVQY0y3NMXXDMBgA4c9+JSAKopBCcFdtopBAsCEkEGwI9favEQVDqCmIQod4vXvvbgDirso4bKXBSOR4e+qSLPuN9RJWyenQsflRY2aIu9UpY9PLQlSr71FFRtdtkSi7rn7Jn71DMmvRJKc8XnjzsCOb/bkx2kErZ2nlcWWTNtp1rPGOifKScJR9LIcXkkklqkm3MEDMZknXJaeltEsQSXXTHeXz9A+lbkAJx5o87gAAAABJRU5ErkJggg==) no-repeat 2px 0;
}

#header .mobile-box .inner.language-block ul {
  margin: 0;
  padding: 0;
}

#header .mobile-box .inner.language-block ul li {
  display: block;
  margin-bottom: 2px;
  padding: 0;
  font-size: 17px;
}

#header .mobile-box .inner.language-block ul li a {
  color: #222;
  display: block;
  padding: 2px 0 2px 20px;
}

#header .mobile-box .inner.language-block ul li a:hover {
  background-color: #eee;
}

#header .mobile-box .inner.language-block ul li.active a {
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGAgMAAACDazdoAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEX/////aQD///8OCTG/AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQfhCgkLMCTJZAhvAAAAGElEQVQI12NgYGRgYGVwEGEICGAQdQAyAQoOAVVVQXquAAAAAElFTkSuQmCC) no-repeat 5px 45%;
}

#header .mobile-box .nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#header .mobile-box .nav ul li {
  margin: 5px 0;
  padding: 5px 0;
  display: block;
}

#header .mobile-box .nav ul li .caret.collapse-toggle {
  padding-left: 20px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAQAAABwz0azAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgYQKwuDk6JrAAAAM0lEQVQI12NgEGQ4wzCTAQqMGf4z/EdwXbBymRgYGBgY3jO8Z2BgUILoegdThsRkQDYaANyJEuEEIm6dAAAAAElFTkSuQmCC) no-repeat 5px 50%;
}

#header .mobile-box .nav ul li .caret[aria-expanded="true"] {
  color: #ff6900;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFBAMAAABlfdtYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD///+n8nHnAAAAC3RSTlMAEcyZM+5mu90id7IOmTgAAAABYktHRAyBs1FjAAAAB3RJTUUH4QoGEDId7Ee+IgAAACVJREFUCNdjEDJgcE1gcN3MEm3AwBJdupmBgcFjtwGQ5OxiYAAAW50FvFUZwPsAAAAASUVORK5CYII=) no-repeat 5px 50%;
}

#header .mobile-box .nav ul li a {
  color: #ff6900;
  display: block;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#header .mobile-box .nav ul li dl,
#header .mobile-box .nav ul li ul,
#header .mobile-box .nav ul li .menu {
  margin: 15px 0 0 20px;
  padding: 0;
}

#header .mobile-box .nav ul li dl li,
#header .mobile-box .nav ul li dl dd {
  margin: 0 0 5px;
  padding: 0;
  display: block;
}

#header .mobile-box .nav ul li ul li,
#header .mobile-box .nav ul li ul dd {
  margin: 0 0 5px;
  padding: 0;
  display: block;
}

#header .mobile-box .nav ul li .menu li,
#header .mobile-box .nav ul li .menu dd {
  margin: 0 0 5px;
  padding: 0;
  display: block;
}

#header .mobile-box .nav ul li dl dt,
#header .mobile-box .nav ul li ul dt,
#header .mobile-box .nav ul li .menu dt {
  font-size: 15px;
  color: #000;
  display: block;
  margin: 0 0 6px;
}

#header .mobile-box .nav ul li dl a,
#header .mobile-box .nav ul li ul a,
#header .mobile-box .nav ul li .menu a {
  text-transform: none;
  color: #666;
  font-size: 15px;
}

#header .mobile-box .nav ul li dl a:hover,
#header .mobile-box .nav ul li ul a:hover,
#header .mobile-box .nav ul li .menu a:hover {
  color: #333;
}

#header .mobile-box .nav ul li dl a.more,
#header .mobile-box .nav ul li ul a.more,
#header .mobile-box .nav ul li .menu a.more {
  color: #3fa8f4;
}

@media (max-width: 768px) {
  #header {
    height: 46px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #header {
    height: 60px;
  }
}

@media screen and (max-width: 768px) {
  #header .nav-toggle {
    height: 45px;
  }
}

@media screen and (max-width: 768px) {
  #header .logo-box a {
    padding-top: 6px;
  }
}

@media screen and (max-width: 767px) {
  #header .logo-box a img {
    max-width: 140px;
  }
}

@media screen and (max-width: 576px) {
  #header .logo-box a img {
    max-width: 110px;
    margin-left: 25px;
    margin-top: 2px;
  }
}

@media (max-width: 991px) {
  #header .extra-box ul li {
    height: 60px;
  }
}

@media (max-width: 768px) {
  #header .extra-box ul li > a {
    height: 45px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #header .extra-box ul li > a {
    height: 60px;
  }
}

@media (max-width: 991px) {
  #header .extra-box ul li.login > a:before {
    width: 10px;
    height: 14px;
    margin-right: -90px;
  }
}

@media (max-width: 991px) {
  #header .extra-box ul li.language > a {
    padding-top: 7px;
  }
}

.navigation {
  height: 75px;
}

.navigation ul {
  list-style-type: none;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  text-align: center;
  padding: 0;
}

.navigation ul li {
  display: block;
  padding-right: 6px;
  margin-right: 8px;
  margin-left: 8px;
  position: relative;
  height: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
  white-space: nowrap;
  vertical-align: middle;
}

.navigation ul li:before {
  content: '';
  display: inline-block;
  position: relative;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.navigation ul li[data-init="subnav"]:after {
  content: '';
  display: block;
  right: 0;
  top: 50%;
  position: absolute;
  margin-top: -3px;
  width: 9px;
  height: 5px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAQAAAA9Wg7gAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgMRHy3cqE5kAAAAPUlEQVQI103IMQ3AIBAAwEtQUAu18OLQUh/dutZCRyyABDpAAtvlksMr3CB8GqHqLrsmnxUji74HnIo8+AMGRBOnRKKVdgAAAABJRU5ErkJggg==);
}

.navigation ul li a {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  white-space: normal;
  padding: 12px 0 12px 0;
  color: #000;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navigation ul li[data-init="subnav"] a {
  padding: 12px 10px 12px 0;
}

.navigation ul li.hover a {
  color: #ff6900;
}

@media (max-width: 991px) {
  .navigation {
    height: 60px;
  }
}

.subnavigation {
  position: absolute;
  margin-top: 75px;
  top: 0;
  width: 100%;
  z-index: 50;
}

.subnavigation .subnav {
  padding: 25px 0 0;
  padding: 25px 0 25px;
  margin-top: -100%;
  top: 0;
  width: 100%;
  top: 0;
  overflow: hidden;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: margin .4s, -webkit-box-shadow .3s;
  transition: margin .4s, -webkit-box-shadow .3s;
  transition: margin .4s, box-shadow .3s;
  transition: margin .4s, box-shadow .3s, -webkit-box-shadow .3s;
  z-index: 5;
}

.subnavigation .subnav.active {
  width: 100%;
  margin-top: 0;
  -webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: margin .4s, -webkit-box-shadow .3s .5s;
  transition: margin .4s, -webkit-box-shadow .3s .5s;
  transition: margin .4s, box-shadow .3s .5s;
  transition: margin .4s, box-shadow .3s .5s, -webkit-box-shadow .3s .5s;
  z-index: 10;
}

.subnavigation .subnav.subnav-small {
  width: auto;
  white-space: nowrap;
  padding: 20px 5px 20px;
  background: #fff;
  -webkit-box-shadow: 0 5px 35px -4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 35px -4px rgba(0, 0, 0, 0.4);
}

.subnavigation .subnav.subnav-small.active {
  -webkit-box-shadow: 0 10px 35px -4px rgba(0, 0, 0, 0.4), 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 35px -4px rgba(0, 0, 0, 0.4), 0 4px rgba(0, 0, 0, 0.2);
}

.subnavigation .menus {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.subnavigation .menus .menu {
  padding: 0 10px 0;
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  max-width: 180px;
}

.subnavigation .menus .menu dt {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

.subnavigation .menus .menu dd,
.subnavigation .menus .menu li {
  margin: 0;
  display: block;
  margin-bottom: 4px;
}

.subnavigation .menus .menu a {
  color: #666;
}

.subnavigation .menus .menu a:hover {
  color: #000;
}

.subnavigation .menus .menu a.more {
  color: #3fa8f4;
}

.subnavigation .menus .personal-menu {
  max-width: 100%;
  margin-right: -90px;
}

.subnavigation .menus .personal-menu dd {
  margin: 0;
}

@media (max-width: 991px) {
  .subnavigation {
    margin-top: 60px;
    display: none;
  }
}

@media (max-width: 991px) {
  .subnavigation .menus .personal-menu {
    margin-right: -90px;
  }
}

.offers-box {
  margin: 116px 0 25px;
}

.offers-box .mb {
  margin-bottom: 20px;
}

.offers-box p {
  text-align: center;
  position: relative;
  height: 100%;
  margin-bottom: 0;
  max-height: 570px;
}

.offers-box a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  text-align: center;
  color: #630b43;
  height: 100%;
}

.offers-box a img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.offers-box a span {
  position: absolute;
  z-index: 2;
  left: 6%;
  top: 5%;
  text-align: left;
  font-size: 19px;
  font-family: "Raleway";
  font-weight: 500;
}

.offers-box a .btn-opacity {
  background-color: rgba(0, 0, 0, 0.4);
  border: 2px solid #fff;
  border-radius: 0px;
  z-index: 3;
  position: relative;
  color: #fff;
  bottom: 100px;
  padding: 15px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.offers-box a .btn-opacity:hover, .offers-box a .btn-opacity:focus {
  background-color: #fff;
  color: #ff6900;
}

@media screen and (max-width: 768px) {
  .offers-box {
    margin: 80px 0 25px;
  }
}

@media screen and (max-width: 420px) {
  .offers-box {
    margin: 110px 0 25px;
  }
}

@media screen and (max-width: 768px) {
  .offers-box .mb {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .offers-box a img {
    max-width: 100%;
    height: initial;
  }
}

@media (max-width: 1023px) {
  .offers-box a span {
    font-size: 17px;
  }
}

@media (max-width: 568px) {
  .offers-box a .btn-opacity {
    bottom: 70px;
    padding: 8px 10px;
    font-size: 0.9rem;
  }
}

#footer {
  display: block;
  padding: 25px 0;
  background: #333;
  color: #808080;
  position: relative;
  z-index: 5;
}

#footer a {
  color: #808080;
}

#footer a:hover {
  color: #999;
}

#footer .logo {
  margin-top: 72px;
}

#footer .logo a {
  display: block;
  margin: 0 0 20px;
  text-decoration: none;
}

#footer .email {
  margin-bottom: .8rem;
  font-size: 15px;
}

#footer .email span {
  border-bottom: 1px solid #666;
}

#footer .phone {
  margin-bottom: .8rem;
  font-size: 17px;
}

#footer .social {
  margin-bottom: .8rem;
}

#footer .social a {
  display: inline-block;
  font-size: 20px;
}

#footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#footer ul li {
  padding: 0;
}

@media (max-width: 660px) {
  #footer .logo {
    padding: 10px 0 20px;
    border-bottom: 1px solid #474747;
  }
}

@media screen and (min-width: 1800px) {
  #footer .logo {
    margin-top: 97px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #footer .logo {
    margin-top: 43px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #footer .logo {
    margin-top: 43px;
  }
}

@media screen and (min-width: 376px) and (max-width: 420px) {
  #footer .logo {
    margin-top: 0;
  }
}

@media screen and (min-width: 340px) and (max-width: 375px) {
  #footer .logo {
    margin-top: 0;
  }
}

@media screen and (min-width: 300px) and (max-width: 320px) {
  #footer .logo {
    margin-top: 0;
  }
}

.video-wrapper .btn-opacity {
  background-color: rgba(0, 0, 0, 0.4);
  border: 2px solid #fff;
  border-radius: 0px;
  z-index: 3;
  position: relative;
  color: #fff;
  margin: 0 auto;
  bottom: 100px;
  padding: 15px 15px;
  text-transform: uppercase;
  text-align: center;
  left: 33%;
  letter-spacing: 1px;
}

.video-wrapper .btn-opacity:hover, .video-wrapper .btn-opacity:focus {
  background-color: #fff;
  color: #ff6900;
}

.video-wrapper .btn-opacity a {
  text-decoration: none;
  color: #fff;
}

.video-wrapper .btn-opacity a:hover, .video-wrapper .btn-opacity a:focus {
  color: #ff6900;
}

.video-wrapper .catalog-page .cover {
  height: 500px;
  width: 100%;
  background: #eee no-repeat 50% 90%;
  background-size: cover;
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-position: 100% 34% !important;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video-wrapper .catalog-page .cover .cover-parent {
  display: block;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: 100% 50%;
  width: 100%;
  z-index: 2;
}

.video-wrapper .catalog-page .cover .cover-inner {
  height: 350px !important;
}

.video-wrapper .catalog-page .cover .cover-inner .video-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 320px) {
  .video-wrapper .btn-opacity {
    left: 12%;
  }
}

@media screen and (min-width: 375px) {
  .video-wrapper .btn-opacity {
    left: 18%;
  }
}

@media screen and (min-width: 414px) {
  .video-wrapper .btn-opacity {
    left: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .video-wrapper .btn-opacity {
    left: 30%;
  }
}

@media screen and (max-width: 767px) {
  .video-wrapper .catalog-page .cover .cover-inner {
    height: 230px;
  }
}

@media screen and (max-width: 567px) {
  .video-wrapper .catalog-page .cover .cover-inner video {
    width: auto;
    height: 100%;
  }
}

@media (max-width: 1200px) {
  .video-wrapper .catalog-page {
    height: 300px;
  }
}

@media (max-width: 991px) {
  .video-wrapper .catalog-page {
    height: 230px;
  }
}

.catalog .division-name {
  width: 21%;
  font-size: 15px;
  padding: 10px 0 0 10px;
  font-weight: 600;
  color: #a6a1a1;
}

.catalog .separator {
  margin: 20px 0 15px;
}

@media (max-width: 768px) {
  .catalog .division-name {
    width: 100%;
    margin-bottom: 0;
  }
}

@media (min-width: 991px) {
  .catalog .aside-col {
    padding-right: 20px;
  }
}

.catalog-filters .btn-filter {
  width: 100%;
  padding: 12px 35px;
}

.catalog-filters .filters-block,
.catalog-filters section {
  display: block;
  position: relative;
  width: 100%;
  margin: 10px 0 10px;
}

.catalog-filters .filters-block h2,
.catalog-filters .filters-block h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 10px;
  position: relative;
}

.catalog-filters section h2,
.catalog-filters section h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 10px;
  position: relative;
}

.catalog-filters .filters-block h2 span,
.catalog-filters .filters-block h3 span {
  display: block;
  width: 100%;
}

.catalog-filters section h2 span,
.catalog-filters section h3 span {
  display: block;
  width: 100%;
}

.catalog-filters .filters-block h2 span:after,
.catalog-filters .filters-block h3 span:after {
  text-transform: none;
}

.catalog-filters section h2 span:after,
.catalog-filters section h3 span:after {
  text-transform: none;
}

.catalog-filters .filters-block h2,
.catalog-filters section h2 {
  font-size: 16px;
}

.catalog-filters .filters-block .filters-reset,
.catalog-filters section .filters-reset {
  position: absolute;
  text-decoration: underline;
  font-size: 13px;
  display: block;
  padding: 3px 5px;
  margin-top: 8px;
  right: 40px;
  top: 0;
  border: none;
  background: none;
  text-transform: lowercase;
  color: #6ba5f0;
  cursor: pointer;
}

.catalog-filters .filters-block .filters-reset:active,
.catalog-filters section .filters-reset:active {
  color: #ff6900;
}

.catalog-filters .filters-block .filter-body,
.catalog-filters section .filter-body {
  position: relative;
}

.catalog-filters .filters-block .filter-body-inner,
.catalog-filters section .filter-body-inner {
  padding: 10px 0 20px;
}

.catalog-filters .filters-block ul,
.catalog-filters section ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.catalog-filters .filters-block ul li,
.catalog-filters section ul li {
  display: block;
  margin: 0;
  padding: 5px 0;
}

.catalog-filters .filters-block ul li.expendable,
.catalog-filters section ul li.expendable {
  display: none;
}

.catalog-filters .filters-block ul li.active a,
.catalog-filters section ul li.active a {
  color: #ff6900;
}

.catalog-filters .filters-block ul li ul li a,
.catalog-filters section ul li ul li a {
  display: inline;
}

.catalog-filters .filters-block .link-wrapper,
.catalog-filters section .link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog-filters .filters-block .link-wrapper a,
.catalog-filters section .link-wrapper a {
  color: #000;
  font-weight: 600;
  display: block;
  padding: 2px 0;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.catalog-filters .filters-block .link-wrapper a.more,
.catalog-filters section .link-wrapper a.more {
  color: #6ba5f0;
}

.catalog-filters .filters-block .link-wrapper a:active,
.catalog-filters section .link-wrapper a:active {
  color: #ff6900;
}

.catalog-filters .filters-block .link-wrapper a:after,
.catalog-filters section .link-wrapper a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #ff6900;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.catalog-filters .filters-block .link-wrapper a:hover:after,
.catalog-filters section .link-wrapper a:hover:after {
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.catalog-filters .filters-block i,
.catalog-filters section i {
  padding-left: 7px;
}

.catalog-filters .filters-block i.fa-angle-up,
.catalog-filters section i.fa-angle-up {
  display: none;
}

.catalog-filters .filters-block label,
.catalog-filters section label {
  display: block;
}

.catalog-filters .filters-block .subcategory-filters,
.catalog-filters section .subcategory-filters {
  margin-top: 3%;
}

.catalog-filters .filters-block .subcategory-filters li,
.catalog-filters section .subcategory-filters li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}

.catalog-filters .filters-block .subcategory-filters li a,
.catalog-filters section .subcategory-filters li a {
  cursor: pointer;
  text-decoration: none;
}

.catalog-filters .filters-block .subcategory-filters li a label,
.catalog-filters section .subcategory-filters li a label {
  display: inline-block;
  font-size: .9rem;
  padding: 2px 0 0 0;
  margin: 0;
  position: relative;
}

.catalog-filters .filters-block .subcategory-filters li a label:after,
.catalog-filters section .subcategory-filters li a label:after {
  content: '';
  position: absolute;
  width: calc(100% - 25px);
  height: 1px;
  bottom: 0;
  left: 25px;
  background-color: #ff6900;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.catalog-filters .filters-block .subcategory-filters li a label:hover:after,
.catalog-filters section .subcategory-filters li a label:hover:after {
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.catalog-filters .filters-block .subcategory-filters li input[type="checkbox"],
.catalog-filters section .subcategory-filters li input[type="checkbox"] {
  visibility: hidden;
}

.catalog-filters .filters-block .subcategory-filters li input[type="checkbox"] + label:before,
.catalog-filters section .subcategory-filters li input[type="checkbox"] + label:before {
  border: 1px solid #333;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 .5em 0 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
}

.catalog-filters .filters-block .subcategory-filters li input[type="checkbox"]:checked + label:before,
.catalog-filters section .subcategory-filters li input[type="checkbox"]:checked + label:before {
  background: #fff;
  color: #ff6900;
  content: "\2713";
  text-align: center;
}

.catalog-filters .filters-block .subcategory-filters li input[type="checkbox"]:checked + label:after,
.catalog-filters section .subcategory-filters li input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

.catalog-filters .filters-block .subcategory-filters li input[type="checkbox"]:focus + label::before,
.catalog-filters section .subcategory-filters li input[type="checkbox"]:focus + label::before {
  outline: #3b99fc auto 5px;
}

.catalog-filters .filters-block .subcategory-filters.hidden-list,
.catalog-filters section .subcategory-filters.hidden-list {
  display: none;
}

.catalog-filters #expanse-button {
  display: none;
  color: #3030c7;
  width: 80px;
  text-align: center;
  left: 35%;
  top: 92%;
  z-index: 1;
  background-color: white;
  text-transform: lowercase;
}

.catalog-filters #expanse-button p {
  margin-bottom: 0;
}

.catalog-filters #less-button {
  display: none;
  width: 80px;
  text-align: center;
  position: absolute;
  left: 35%;
  z-index: 1;
  background-color: white;
}

@media (max-width: 991px) {
  .catalog-filters {
    padding: 15px 0 10px;
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #e3e3e3;
    z-index: 10;
  }
  .catalog-filters .btn-filter {
    width: auto;
  }
  .catalog-filters h2,
  .catalog-filters h3 {
    padding-left: 10px;
    padding-right: 10px;
    background: rgba(0, 0, 0, 0.03);
  }
}

@media screen and (max-width: 567px) {
  .catalog-filters {
    padding: 0 0 10px;
  }
}

@media (max-width: 991px) {
  .catalog-filters .filters-block .filter-body,
  .catalog-filters section .filter-body {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .catalog-filters .filters-block ul li,
  .catalog-filters section ul li {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .catalog-filters .filters-block ul li.expendable,
  .catalog-filters section ul li.expendable {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .catalog-filters .filters-block ul li.all-normal,
  .catalog-filters section ul li.all-normal {
    display: none;
  }
}

@media screen and (max-width: 567px) {
  .catalog-filters #expanse-button {
    display: block;
  }
}

.catalog .card-list .card-item {
  margin-top: 10px;
}

.card-show {
  min-height: 250px;
  position: relative;
}

.card-show .card-show-nav {
  position: absolute;
  width: 96%;
  opacity: 0;
  top: 50%;
  left: 50%;
  height: 0;
  margin-top: -30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transform-box: fill-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.card-show .card-show-nav .btn-left,
.card-show .card-show-nav .btn-right {
  display: none;
  width: 60px;
  height: 60px;
  float: right;
  border-radius: 50%;
  border: none;
  text-decoration: none;
  cursor: pointer;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgsTETGQGsMkAAACiElEQVRYw82ZTW7aUBDHfzzbwXyEIKKeghP0AK26R0r3PUGjHqBKLtBeoO26Udn3Bj0BJ8iyamRIIQbLpgvzsA0GPM921P8GntD453kfM2+GxhqRmlhYQBOAJRASspQ8olEQ6dDmDOfg7wErFgTVIBUtuliFXizkL09EZZCKDh2UZNqImDM/hj2GbNMT4hLsjIUUqRhwZoTTWvGQ72s+0uHS0L+sr3/yNlQesk2/NE7L25/gfV+qBEKf9ilktcBcaBbpVA6MoZkQojLfL2sAAtnNmEYOKtil+VIM8pDtkufwuM6SFVXbz16NQCCJZBopjaRyKTpp5HZYqzZuxchW7T7GrFaC7IpMb7gxhHY10imYgLXueMuVEdLCARtwhYYTRoyBOwOoS2Cjr07PA3V5tMEoBJhCHbANfCwHbdrCrZOFvueLGGqpEkj4yTW3DGVIuwSQjYdjRkyKm5RFGkCrCHQTkExueWSPr3yXbKGyyB5jfvFRYtJYn3NeAvmDGe9EFo92sQLtgD5zIQRCoBDWtBngkBEzodXallXAKV3xhldiICwVsDIC3jLiXmy3ikPBUpxLXvKJ15KIk/gYHxJfaDbkG9dGQPB1sffiSONhXx+4N7oRQMBvjay+3sqXx0JHH/9UF6MSRfESqs1g/gzITZ9EbYdhzcBQu6WREdOakVO9eEkm8cWHRaLU09PJy6ttckO8ZJBGRoeaQyW189xsig7Sb1OZvGyC3L0V+JVDvd09ktfdculXVG9G+8DDPbxBqSt1rJCHoj08AEVfXARm5eNJOpWxXC4MfQ2ZHj7l/1nXWWNdOgXzacD8dFYq+g+ChUvryIVlxRN+sehVFKnlxC2GjGeh7C78DwdtrEz52VqhAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 100%;
}

.card-show .card-show-nav .btn-left span,
.card-show .card-show-nav .btn-right span {
  display: none;
}

.card-show .card-show-nav .btn-left:hover,
.card-show .card-show-nav .btn-right:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.card-show .card-show-nav .btn-left {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhCgsTFR5fpzt5AAACfklEQVRYw82ZS3LaQBCGP0YIxMOYwsfgIt6TIvvkAvEFkrIvkJzAWcdV7F25gE/ACbyOSzgBC1QSWYhBEghQjyTK/wamYOZTz6N7ulVbI1ITCwtoArAEAgKWkiFqOZE2bRrYB3/3WbHALwepaNHFyvVgAf94IyyCVHTooCTTRsic+THsMWSbnhAXY19ZSJGKAQ0jnNaKl2xbs5E2V4b2pW39k7WhspBt+oVxWu7+BO/bUiYQ+rRPIcsFZkLTSLt0YARNuRCV+n5VARBIb8YkclDCLs2WYpCFbBc8h8fViFdUbT97FQKB2JNppNSTyqXoJJHbZqXamBUhW5XbGLFaMbJrOMgtt6L/dzXSzhmAdzXmIw+iHhZ2hHQMgXeMmAp7OeZIMyA09cSeCwgNUJvr4XmAAM26eOuM+c5nYyBYSogccscNj8ZAsGQuYMiEr8KDsScJshSgFEmBNTRCPvCL++JBTraW33hiUhRaW19wIepxT48PBYh/Vb4ELaEvXPKjANJXCHNaXhkxLABdK1kGvIF+4pqxIXJZB1biu90zIyZgcEZXUAeWBtfJKSN+88yT1MbokHhGEzTlhp8Mhb28yEof3yBmRtN6LfJHPr7OL8vPt7LlstDexztVxShFYbSEatOYnwG5qZOobTOoGBhoszQyZFYxcqYXL44knuFhyafE6Mng5VY2uQFu3Egiw0PFoYLaGTcdov3k05QmNx0gd28FXulQd3ePZFW3HPol5ZvhPvBwDW9gmAAmFfCSt4YHoOgbJoFaHq6kUhnJ4dLQ1oDZ4VP+zqrOGuvQyRlPfeano1LeNwgWDq0jF5YVb3j5vFdepJYdlRhSlgWyu/B/bvCo/J0mR98AAAAASUVORK5CYII=);
  float: left;
}

.card-show .card-show-body {
  margin: 20px auto 0;
}

.card-show .card-show-body .title {
  font-size: 19px;
  position: relative;
}

.card-show .card-show-body .title:after {
  content: '';
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: -28px;
  height: 25px;
  background: url(../img/modal-shadow.png) no-repeat 50% 0;
  background-size: 120%;
}

.card-show .card-show-body .options {
  margin: 2px 0 8px -5px;
}

.card-show .card-show-body .price-box {
  margin: 5px 0 20px;
  font-weight: 200;
  font-size: 22px;
  text-align: left;
}

.card-show .card-show-body .price-box span {
  display: inline-block;
  vertical-align: inherit;
}

.card-show .card-show-body .btn-card-rotate {
  width: 50px;
  height: 50px;
  left: calc(50% - 30px);
  top: -80px;
  position: absolute;
  border-radius: 50%;
  z-index: 50;
  cursor: pointer;
  opacity: 0.7;
  transform-box: fill-box;
  background: #fff url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAmCAAAAABilN1MAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAR8SHDvqnL03AAAC5UlEQVQ4y33US2gTQRgH8P88drNNYmKstqJUCir4OqgIllaoN0HTVtGDIFipYKwHIScRH2jrI6A5GaNYBRHFFyoiHiQ+QlQqUlRUFEHqIzYiEpKmmm6S3RkPSTU23Xy3nf3t7H++2VnIikoEBysHicS4ut03XNu5bvzoePfjyGsHy+UW762t6m735SblGTEK2L6u0uk7kgogIIyUBiFUCEGztRogQIXnlAqAAwDiqxYXAICMPc4AAwDy9ucxgb/OvnoBLGrWYwAABQAjq1sxjMp/ThXc0pWyUAD4DWHJDJkbc0MB3drRXz3xorvqe0s1S8e1V93XAYpISCrUOp5QnDJ8HxRXOEeVfCgQgmugWAujynQApDTWgA61denZKm0B/YWtHd+Zk3SsfPm1vd6KJW7ODbZGb7GWM0lvh5g53colPYfcB8/NIPsf2rXDi6rlexH4rjZT4dAMf08VdtyfquUKpwVNwYPP25omVrHwz8mQebDWb6qUaioy1MQqlRE4JzUAhUYKwGCK3RHdHK1gTzZG3KWWcQDcZIQj3ft09/8NPx4h7gIpvoYCMBmkZDbn/Q0/ylTKe6PGbvBSmrIZclhf/yFVuhh+7/FpZds+5kwY5q5Nd7t8z4rL7Nweads3onPTLN5nrXFVUEAZ4QdW3gpqhXuJ5UzvvSS0hw7v7JihCAog31hyJKMdW3L2tMsp6MdYMvSmRqEyxtqXPv6tmbTM6e7QnNBV1WkQwtPvslwBFFt/pq05mqoxKfKNFIAkOffJhsBll0MvmJzbNbsNgGSuO0ca+qbluGkW16Gk6i7W74p4IBlnEkApO3fe3eO5WDfM7AIUoMMLz6v+gQmOkjk15lcvzM/kKKjAyKIw3fbCySfYX9uUAR/CSzNgVEsvO5Ht+uQhxKxgLGtOGdwigisyOlsw72hqZ0IRUqDybwtIln7U4v0ySvqb4t2jVLX8TE2WnhlsGCBS35FxClifOIPq9LTrDzy7UndYTtghAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 50% 50%;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: #fff url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAmCAMAAAB01KKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABuVBMVEX////+/v7h4eG6urqbm5uMjIyJiYmPj4+hoaHGxsbt7e36+vrJycl9fX1RUVFMTExHR0dGRkZISEhaWlqSkpLb29vl5eWIiIhDQ0NFRUVCQkJBQUFAQEBERERTU1OlpaXv7+/W1tZpaWk9PT1VVVVgYGBjY2NeXl5PT08/Pz86Ojr7+/vY2NhkZGRtbW3c3NzZ2dnBwcGTk5NdXV2wsLBxcXFNTU2np6fr6+uGhoa+vb2cnZ3CwsLx8fGxsbHg4eF+fn7ExMSoqKiAgIDp6el1dHRcXFzNzc35+fmBgYE8PDzFxsbs7e18fHzS0tI+Pz97e3s7OztbW1vPz8/9/f329vbg4OBmZmZ0dXXs7OxJSUlNTk6ioqJ3d3dzc3N6enp5eXmtra3Q0NCurq5IR0fT09M3NzdERUVra2udnZ1lZWV0dHTm5uavr69iYmJqamrk5OTw8fFGR0fR0dHd3d2kpKT09PTKysrExcVLS0u4uLjIyMiQj4+8vLxXV1f19fVWVlZubm63t7fu7u5fX1+Dg4OYmJhvb29UVFRZWVmUlJSZmZn4+PhsbGympqby8vLe3t7V1dXn5+dnmAOTAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+ICDBE6GxVmIiMAAAG6SURBVDjLY2AYBeQDRiZmFlY2dg5OLtxquHl4+fgFBAUFhfiFRUQZsSsSE5cQFJSUkpaRBtKycvIK2BQpKkkLCSpLqaiqqWtoyggIaIlrYyrS0ZUWkpbS4+DRZzIwNDKW0VQxwVTFZSojIGFmbgHl6lsKW2Gxz1pCUlLDBsG31Qd5B80HTLoyAvx2aDrtHRxRBZwkBQWc0dzh4qrp5o4s4OHpJSDgjarIx1dSQMbYD0nEwtRfwM0H1aQAYGgIBQYFQ/khoQxh4TKCER4MoQg7Iz2jogUEBPglVRWh1sXExmkICqjEJyQiVHFxJiWnCMgEpHKGQTwakuqWJigkkB6YEYZiJ4+AoEwmcrhnAd0gmZ2D6vxMAUmhXGQBvzwZ6fwCVEWFWUXSwsUoQu5uuiVoYVoaJSATW4YqVo6uqMJMVrayCktcVtdEwtm1dRICUgH1WBQ1KDc2NYNY2n6s/NICki36mIpSVWQEpc1UW9tY2Ns7ZCUEJDuDsdhn28UvKyspIQgMcSAtJZjhx4ANMNq0a0hrykhLS8toCtV1NzPgAD024r15bkHq4Ql9Ygz4QP+EiakGk0IYhhMAAL0wSBIqP4t+AAAAAElFTkSuQmCC) no-repeat 50% 50%;
}

.card-show .card-show-body .btn-card-rotate:hover, .card-show .card-show-body .btn-card-rotate:active {
  opacity: 0.9;
}

.card-show .card-show-body .text-wrapper {
  margin-left: 0;
  width: 100%;
}

.card-show .card-show-body #modal-title {
  font-size: 22px;
  position: relative;
  color: #fff;
}

.card-show .card-show-body .btn-preview {
  width: 100%;
}

.card-show .card-upper-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-show .card-upper-buttons .col-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-show .card-upper-buttons .block-close-card .close-btn {
  position: relative;
  height: 30px;
  width: 100px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
}

.card-show .card-upper-buttons .block-close-card .close-btn span.close-text {
  font-size: 11px;
}

.card-show .card-upper-buttons .block-close-card .close-btn span.close-icon {
  font-size: 22px;
}

.card-show .card-upper-buttons .reverse-text {
  position: relative;
}

.card-show .btn-open-card {
  display: block;
  width: 100%;
}

.card-show .btn-open-card #designer-link {
  font-size: 17px;
}

.card-show .btn-favorite-large {
  padding: 7px 10px 5px 35px;
}

@media (max-width: 767px) {
  .card-show .card-show-nav .btn-left,
  .card-show .card-show-nav .btn-right {
    width: 45px;
    height: 45px;
  }
}

@media screen and (max-width: 576px) {
  .card-show .card-show-body .text-wrapper .text-for-button {
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .card-show .card-show-body #modal-title {
    margin-top: 15px;
  }
}

@media screen and (max-width: 576px) {
  .card-show .card-show-body #modal-title {
    margin-top: -18px;
  }
}

@media screen and (min-width: 576px) {
  .card-show .card-show-body .btn-preview {
    text-align: left;
    margin: 20px 0;
  }
}

@media screen and (max-width: 576px) {
  .card-show .card-show-body .btn-preview span {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .card-show .card-upper-buttons .btn-replay .reverse-text {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .card-show .btn-open-card #designer-link {
    width: 100%;
  }
}

.modal.modal-center.show .modal-dialog .card-show .card-show-nav {
  width: 100%;
  opacity: 1;
  -webkit-transition: all .3s .3s;
  transition: all .3s .3s;
}

.view-card {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 500;
  background: rgba(255, 255, 255, 0.85);
}

.view-card-under {
  z-index: 1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.view-card-inner {
  position: fixed;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 620px;
  height: 620px;
  margin: -310px 0 0 -310px;
}

.view-card-inner .cardme {
  width: 620px;
  height: 440px;
  top: 80px;
  left: 0%;
  margin-top: -200%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  position: relative;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transform-box: fill-box;
  -webkit-perspective: 900px;
  perspective: 900px;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%;
  -webkit-transition: all 0.6s cubic-bezier(0.01, 0.99, 0.6, 1.13);
  transition: all 0.6s cubic-bezier(0.01, 0.99, 0.6, 1.13);
}

.view-card-inner .cardme .cardme-tongue {
  width: 628px;
  height: 306px;
  left: 0;
  top: 0;
  margin-left: -4px;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  transform-box: fill-box;
  z-index: 20;
  -webkit-transition: all 1.1s cubic-bezier(0.01, 0.99, 0.6, 1.13);
  transition: all 1.1s cubic-bezier(0.01, 0.99, 0.6, 1.13);
}

.view-card-inner .cardme .cardme-tongue div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.view-card-inner .cardme .cardme-tongue .over {
  z-index: 2;
}

.view-card-inner .cardme .cardme-tongue .inner {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-box: fill-box;
  z-index: 1;
}

.view-card-inner .cardme .card-over {
  width: 620px;
  height: 442px;
  position: absolute;
  z-index: 15;
  top: auto;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  bottom: 0;
  left: 0;
}

.view-card-inner .cardme .card-img {
  position: absolute;
  z-index: 10;
  width: 620px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transform-box: fill-box;
  -webkit-transition: all 0.3s cubic-bezier(0.01, 0.99, 0.6, 1.13);
  transition: all 0.3s cubic-bezier(0.01, 0.99, 0.6, 1.13);
}

.view-card-inner .cardme .card-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0 0 3px 3px;
  background-position: 50% 50%;
  -webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(0, 0, 0, 0.4);
}

.view-card-inner .cardme.step-1 {
  margin-top: 0;
}

.view-card-inner .cardme.step-2 {
  -webkit-transform: scale(1) rotate(90deg);
  transform: scale(1) rotate(90deg);
  transform-box: fill-box;
}

.view-card-inner .cardme.step-3 .cardme-tongue {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  transform-box: fill-box;
  z-index: 8;
}

.view-card-inner .cardme.step-4 {
  -webkit-animation: translateLeft 3s forwards;
  animation: translateLeft 3s forwards;
}

.view-card-inner .cardme.step-4 .card-img {
  -webkit-animation: pullOut 3s forwards;
  animation: pullOut 3s forwards;
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-box: fill-box;
  -webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.2);
}

.view-card-inner .cardme.step-5 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fadeRotateLeft;
  animation-name: fadeRotateLeft;
}

.view-card-inner .cardme.step-5 .card-img {
  z-index: 30;
  margin: -5%;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fadeRotateRight;
  animation-name: fadeRotateRight;
}

.view-card-inner img {
  border: none;
}

@-webkit-keyframes fadeRotateLeft {
  0% {
    -webkit-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
    transform-box: fill-box;
  }
  100% {
    -webkit-transform: scale(1) rotate(85deg);
    transform: scale(1) rotate(85deg);
    transform-box: fill-box;
  }
}

@keyframes fadeRotateLeft {
  0% {
    -webkit-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
    transform-box: fill-box;
  }
  100% {
    -webkit-transform: scale(1) rotate(85deg);
    transform: scale(1) rotate(85deg);
    transform-box: fill-box;
  }
}

@-webkit-keyframes fadeRotateRight {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-box: fill-box;
  }
  100% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    transform-box: fill-box;
  }
}

@keyframes fadeRotateRight {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-box: fill-box;
  }
  100% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    transform-box: fill-box;
  }
}

@-webkit-keyframes translateLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -50%;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes translateLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -50%;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes pullOut {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: -80%;
    z-index: 10;
  }
  80% {
    z-index: 30;
  }
  90% {
    margin-top: -5%;
    z-index: 30;
  }
  100% {
    margin: -5%;
    z-index: 30;
  }
}

@keyframes pullOut {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: -80%;
    z-index: 10;
  }
  80% {
    z-index: 30;
  }
  90% {
    margin-top: -5%;
    z-index: 30;
  }
  100% {
    margin: -5%;
    z-index: 30;
  }
}

#view-card-canvas {
  display: block;
  position: relative;
}

.designer-page .cover {
  background: #fdefc9;
  background-position: 50% 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 1;
}

.designer-page .inner {
  position: relative;
  z-index: 2;
}

.designer-page .inner .col-aside {
  background: #fff;
  position: relative;
  z-index: 1;
}

.designer-page .inner .col-aside:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 800%;
  background: #fff;
  min-height: 100vh;
  height: 100%;
  z-index: 1;
}

.designer-page .inner aside {
  position: relative;
  z-index: 2;
  padding: 0 10px;
}

.designer-page .inner aside .price-total {
  display: block;
  padding: 18px 0;
  font-size: 19px;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5;
}

.designer-page .inner aside .price-total p {
  margin: 0;
}

.designer-page .inner aside .nav-pills {
  margin-top: 20px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e5e5e5;
}

.designer-page .inner aside .nav-pills .nav-item {
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0 8%;
  cursor: default;
}

.designer-page .inner aside .nav-pills .nav-item.active {
  -webkit-box-shadow: inset 0 -2px 0 #ff6900;
  box-shadow: inset 0 -2px 0 #ff6900;
  background: none;
  color: #ff6900;
}

.designer-page .inner aside .tab-content {
  background: rgba(255, 255, 255, 0.96) url(../img/card-bottom-shadow.png) 50% 0 no-repeat;
}

.designer-page .inner aside div[class*="scrollbar-"] {
  max-height: 280px;
  margin-right: 7px;
}

.designer-page .inner aside .fonts-list {
  font-size: 26px;
}

.designer-page .inner aside .fonts-list .collapse-inner ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}

.designer-page .inner aside .fonts-list .collapse-inner ul li {
  display: block;
  padding: 10px;
  margin-bottom: 2px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  min-width: auto;
}

.designer-page .inner aside .fonts-list .collapse-inner ul li * {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  font-weight: 600;
}

.designer-page .inner aside .fonts-list .collapse-inner ul li img {
  width: auto;
  max-height: 26px;
}

.designer-page .inner aside .fonts-list .collapse-inner ul li.active {
  -webkit-box-shadow: inset 0 -2px 0 #ff6900;
  box-shadow: inset 0 -2px 0 #ff6900;
}

.designer-page .inner aside .fonts-list .collapse-inner ul li:hover {
  background: rgba(0, 0, 0, 0.02);
}

.designer-page .inner aside .fonts-list .collapse-inner ul li .loading {
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -13px;
  font-size: 16px;
  font-weight: normal;
  color: #888;
  z-index: 2;
}

.designer-page .inner aside .format-text-box .row:first-child {
  margin-bottom: 35px;
}

.designer-page .inner aside .format-text-box .text-align-box .btn,
.designer-page .inner aside .format-text-box .text-style-box .btn {
  width: 24px;
  background: none;
  height: 35px;
  font-size: 25px;
  padding: 0 0 1px;
  line-height: 32px;
  border-radius: 0;
  margin-right: 20px;
  cursor: pointer;
}

.designer-page .inner aside .format-text-box .text-align-box .btn.active,
.designer-page .inner aside .format-text-box .text-style-box .btn.active {
  -webkit-box-shadow: inset 0 -2px 0 #ff6900;
  box-shadow: inset 0 -2px 0 #ff6900;
}

.designer-page .inner aside .format-text-box .text-align-box .btn-text-italic,
.designer-page .inner aside .format-text-box .text-style-box .btn-text-italic {
  font-style: italic;
}

.designer-page .inner aside .format-text-box .text-align-box .btn-text-bold,
.designer-page .inner aside .format-text-box .text-style-box .btn-text-bold {
  font-weight: bold;
}

.designer-page .inner aside .format-text-box .text-align-box {
  position: relative;
}

.designer-page .inner aside .format-text-box .text-align-box .btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.designer-page .inner aside .format-text-box .text-align-box .ico {
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
}

.designer-page .inner aside .format-text-box .text-align-box .ico svg {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.designer-page .inner aside .format-text-box .text-align-box .active-lines {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 2px;
  margin: -2px 0 0 3px;
  background: #ff6900;
  -webkit-transition: all 0.5s cubic-bezier(0.01, 0.99, 0.6, 1.13);
  transition: all 0.5s cubic-bezier(0.01, 0.99, 0.6, 1.13);
}

.designer-page .inner aside .format-text-box .text-align-box .active-lines:before {
  content: '';
  display: block;
  width: inherit;
  height: inherit;
  top: 0;
  left: 0;
  margin: -7px 0 0 0;
  background: inherit;
  -webkit-transition: all 1.5s cubic-bezier(0.01, 0.99, 0.6, 1.43);
  transition: all 1.5s cubic-bezier(0.01, 0.99, 0.6, 1.43);
}

.designer-page .inner aside .format-text-box .text-align-box .active-lines:after {
  content: '';
  display: block;
  width: inherit;
  height: inherit;
  top: 0;
  left: 0;
  margin: -7px 0 0 0;
  background: inherit;
  -webkit-transition: all 1.5s cubic-bezier(0.01, 0.99, 0.6, 1.43);
  transition: all 1.5s cubic-bezier(0.01, 0.99, 0.6, 1.43);
  width: 80%;
  margin: 12px 0 0 0;
}

.designer-page .inner aside .format-text-box .text-align-box .btn:nth-child(1).active ~ .active-lines {
  left: 0;
}

.designer-page .inner aside .format-text-box .text-align-box .btn:nth-child(1).active ~ .active-lines:after {
  margin: 12px 0 0 0;
}

.designer-page .inner aside .format-text-box .text-align-box .btn:nth-child(2).active ~ .active-lines {
  left: 43px;
}

.designer-page .inner aside .format-text-box .text-align-box .btn:nth-child(2).active ~ .active-lines:after {
  margin: 12px 0 0 2px;
}

.designer-page .inner aside .format-text-box .text-align-box .btn:nth-child(3).active ~ .active-lines {
  left: 86px;
}

.designer-page .inner aside .format-text-box .text-align-box .btn:nth-child(3).active ~ .active-lines:after {
  margin: 12px 0 0 4px;
}

.designer-page .inner aside .format-text-box .btn.focus, .designer-page .inner aside .format-text-box .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.designer-page .inner aside .text-info-box .input-group .input-group-addon {
  border: none;
  padding: 0 .5rem;
  background: none;
  border-radius: 0;
  margin-right: 10px;
}

.designer-page .inner aside .text-info-box .input-group .form-control {
  border: none;
  border-radius: 0;
  text-align: center;
  line-height: 22px;
  text-align: center;
  font-weight: 600;
  font-size: 21px;
  padding: 3px 5px 2px;
  border-bottom: 1px solid #999;
}

.designer-page .inner aside .text-info-box .input-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ff6900;
}

.designer-page .inner aside .text-info-box .form-row {
  margin-bottom: 7px;
}

.designer-page .inner aside .text-info-box .col-1 {
  text-align: center;
}

.designer-page .inner aside .text-info-box .btn-range {
  padding: 4px 1px;
  background: none;
  color: #aaa;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.designer-page .inner aside .text-info-box .btn-range:hover {
  color: #ff6900;
}

.designer-page .inner aside .horizontal {
  margin: 18px 0 15px 0;
}

.designer-page .inner aside .horizontal .rz-pointer {
  top: -10px;
  z-index: 3;
  width: 15px;
  height: 20px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPBAMAAADAEygDAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEX/////aQD/aQD/aQD/aQD/aQD/aQD/aQD/aQD////z19RDAAAACHRSTlMAMOAQ0LCgQFLxwQMAAAABYktHRACIBR1IAAAAB3RJTUUH4QsQDgguKJSuxAAAADVJREFUCNdjYGAQEmAAAmYNZRBl0tFiAOR4dHQ4MzCwdnR0tDIwZACpjgQGENnRQDpVDgIFAAdnJIyYpqUqAAAAAElFTkSuQmCC);
  border-radius: 0;
}

.designer-page .inner aside .horizontal .rz-pointer:after {
  display: none;
}

.designer-page .inner aside .horizontal .rz-bar {
  background: #444;
  height: 2px;
}

.designer-page .inner aside .horizontal .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #000;
}

.designer-page .inner aside .colors-box .color-item {
  margin: 7px;
  display: inline-block;
  text-align: center;
  width: 38px;
  height: 38px;
  padding: 4px;
  border-radius: 3px;
}

.designer-page .inner aside .colors-box .color-item .color-value {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.designer-page .inner aside .colors-box .color-item.active {
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 105, 0, 0.8);
  box-shadow: inset 0 0 0 2px rgba(255, 105, 0, 0.8);
}

.designer-page .inner aside .background-box .background-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.designer-page .inner aside .background-box .background-item-before,
.designer-page .inner aside .background-box .background-item-after {
  height: 30px;
  width: 100%;
}

.designer-page .inner aside .background-box .background-item-outer {
  width: 117px;
  height: 117px;
  margin: 5px;
  border-radius: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.designer-page .inner aside .background-box .background-item-outer.active {
  -webkit-box-shadow: inset 0 0 0 2px #ff6900;
  box-shadow: inset 0 0 0 2px #ff6900;
}

.designer-page .inner aside .background-box .background-item-outer:hover .background-item {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-shadow: inset 0 0px 0px -20px rgba(0, 0, 0, 0), 0 5px 10px -3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0px 0px -20px rgba(0, 0, 0, 0), 0 5px 10px -3px rgba(0, 0, 0, 0.3);
}

.designer-page .inner aside .background-box .background-item-outer .background-item {
  display: block;
  margin: 6px;
  width: 105px;
  height: 105px;
  background: #eee no-repeat 50% 50%;
  background-size: cover;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -25px 50px -20px rgba(0, 0, 0, 0.3), 0 0px 0px -3px rgba(0, 0, 0, 0);
  box-shadow: inset 0 -25px 50px -20px rgba(0, 0, 0, 0.3), 0 0px 0px -3px rgba(0, 0, 0, 0);
  -webkit-transition: all .4s;
  transition: all .4s;
}

.designer-page .inner aside .background-box .background-upload {
  text-align: center;
  padding: 15px 0 5px;
}

.designer-page .inner aside .background-box .background-upload .form-group {
  margin: 0;
}

.designer-page .inner aside .background-box .background-upload .form-control {
  border: none;
}

.designer-page .inner aside .background-box .background-upload button {
  background: none;
  border: none;
  color: #5ccdff;
  font-size: 15px;
  vertical-align: bottom;
  cursor: pointer;
}

.designer-page .inner aside .background-box .background-upload button i {
  margin-right: 5px;
}

.designer-page .inner .designer-content .designer-steps {
  padding: 35px 0;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all .15s;
  transition: all .15s;
}

.designer-page .inner .designer-content .designer-steps.noactive {
  opacity: 0.3;
  pointer-events: none;
  outline: none;
}

.designer-page .inner .designer-content .designer-steps ul {
  display: block;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  text-align: center;
}

.designer-page .inner .designer-content .designer-steps ul li {
  display: inline-block;
  list-style-type: none;
  position: relative;
  padding: 9px 11px 10px 10px;
  margin: 5px 35px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #bbb;
  border-radius: 40px;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  z-index: 2;
}

.designer-page .inner .designer-content .designer-steps ul li:not(:first-child):before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 71px;
  margin-left: -71px;
  height: 1px;
  background: #bbb;
  z-index: -1;
}

.designer-page .inner .designer-content .designer-steps ul li b {
  font-weight: normal;
  color: #222;
  margin: 0 5px;
  font-size: 18px;
  height: 23px;
  width: 12px;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
  vertical-align: middle;
}

.designer-page .inner .designer-content .designer-steps ul li span {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 19px;
  height: 15px;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 13px;
  overflow: hidden;
  text-transform: uppercase;
  color: #ff6900;
}

.designer-page .inner .designer-content .designer-steps ul li span.step-label {
  display: none;
}

.designer-page .inner .designer-content .designer-steps ul li.active {
  padding: 14px 18px 15px 15px;
  margin: 0 35px;
  background: white;
}

.designer-page .inner .designer-content .designer-steps ul li.active b {
  color: #ff6900;
}

.designer-page .inner .designer-content .designer-steps ul li.active span {
  max-width: 250px;
}

.designer-page .inner .designer-content .designer-steps ul li[disabled], .designer-page .inner .designer-content .designer-steps ul li:disabled, .designer-page .inner .designer-content .designer-steps ul li.disabled {
  cursor: default;
  background-color: #F1F1F1;
}

.designer-page .inner .designer-content .designer-steps ul li[disabled] b,
.designer-page .inner .designer-content .designer-steps ul li:disabled b,
.designer-page .inner .designer-content .designer-steps ul li.disabled b {
  color: #b1b1b1;
}

.designer-page .inner .designer-content .designer-navs {
  position: absolute;
  height: 0;
  background: #f57;
  left: 20px;
  right: 20px;
  z-index: 10;
}

.designer-page .inner .designer-content .designer-navs button {
  height: 35px;
  line-height: 35px;
  display: inline-block;
  border: none;
  overflow: hidden;
  border-radius: 22px;
  text-align: left;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  -webkit-transition: all .3s .2s;
  transition: all .3s .2s;
  white-space: nowrap;
  border: 1px solid #333333;
  background-color: #fff;
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAQAAABeMbWRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiARkOHB/myFwuAAAAc0lEQVQoz3XRWxGAIBBA0YtjACIYgQhGIYpRiGSUbbD+yHMX+ZC5h2FgCIr3hXi6uXChZlAQks0ZISmbvEDPE4x5gDk3WPMPNiubrEBEeJxrKiSE7IBP9WeoTxYa10w07zvQepZG9vwJoThQ6bAvri838gGl9sxth/gaOgAAAABJRU5ErkJggg==);
  background-size: 35% 55%;
  background-image: url(../img/arrow-left.svg);
}

.designer-page .inner .designer-content .designer-navs button.designer-navs-back {
  background-size: 12% 55%;
}

.designer-page .inner .designer-content .designer-navs button span {
  display: block;
  padding: 0 15px;
  max-width: calc(100% - 1px);
  margin: 0 0 0 10px;
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 1;
}

.designer-page .inner .designer-content .designer-navs button[disabled], .designer-page .inner .designer-content .designer-navs button:disabled, .designer-page .inner .designer-content .designer-navs button.disabled {
  cursor: default;
  background-color: #F1F1F1;
  background-image: url(../img/arrow-left-d.svg);
}

.designer-page .inner .designer-content .designer-navs .designer-navs-back {
  text-align: center;
}

.designer-page .inner .designer-content .designer-navs .designer-navs-next {
  text-align: right;
  float: right;
  background-position: calc(100% - -8px) 50%;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAQAAABeMbWRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiARkNMwxyLJvEAAAAcklEQVQoz3WRSxHAIAwFd6qgUpBQKUipFKRUQqXEQXrgG5LCAWaXgbwApxJNeCixSEik0KpyIGLVF6fmZlPrGaPsvYvaaxnK199UlPlGOD3OCMm/0fBe1cA2x4LX5AbPXm24d9fh+h/FY+UHKwfCpS9ufNJP4PLvhSE4AAAAAElFTkSuQmCC);
  background-image: url(../img/arrow-right.svg);
}

.designer-page .inner .designer-content .designer-navs .designer-navs-next span {
  margin: 0;
  padding: 0 25px 0 15px;
  max-width: calc(100% - 1px);
  opacity: 1;
}

.designer-page .inner .designer-content .designer-navs .designer-navs-next span b {
  font-weight: bold;
  color: #ff6900;
}

.designer-page .inner .designer-content .designer-navs .designer-navs-next:not(:disabled):not(.disabled):focus span,
.designer-page .inner .designer-content .designer-navs .designer-navs-next:not(:disabled):not(.disabled):hover span {
  margin: 0 36px 0 0;
  padding: 0 0 0 15px;
}

.designer-page .inner .designer-content .designer-navs .designer-navs-next[disabled], .designer-page .inner .designer-content .designer-navs .designer-navs-next:disabled, .designer-page .inner .designer-content .designer-navs .designer-navs-next.disabled {
  background-image: url(../img/arrow-right-d.svg);
}

.designer-page .inner .designer-content .card-editor-sides ul {
  margin: -30px 0 0;
  padding: 0 5px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
}

.designer-page .inner .designer-content .card-editor-sides ul li {
  list-style-type: none;
  display: inline-block;
  padding: 15px 0 0;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  margin: 0 6px;
}

.designer-page .inner .designer-content .card-editor-sides ul li button {
  height: 100%;
  position: relative;
  outline: none;
  cursor: pointer;
  background: none;
  border: none;
}

.designer-page .inner .designer-content .card-editor-sides ul li.active {
  -webkit-box-shadow: inset 0 3px 0 #ff6900;
  box-shadow: inset 0 3px 0 #ff6900;
}

.designer-page .inner .designer-content .card-editor-sides ul li span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0 0;
  width: 80px;
  text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.3), -1px 1px 5px rgba(255, 255, 255, 0.3), -1px -1px 5px rgba(255, 255, 255, 0.3), 1px -1px 5px rgba(255, 255, 255, 0.3);
}

.designer-page .inner .designer-content .editor-box {
  height: 640px;
  position: relative;
  -webkit-transition: height .4s;
  transition: height .4s;
}

.designer-page .inner .designer-content .editor-box > div {
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transform-box: fill-box;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box {
  margin-top: 0 !important;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-card {
  width: 400px;
  left: 24%;
  -webkit-transform: translateX(-24%);
  transform: translateX(-24%);
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope #mark {
  display: block;
  position: absolute;
  right: 2%;
  top: 3%;
  z-index: 1;
  width: 150px;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .front .layout-0 img {
  height: 100%;
  width: 100%;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back {
  height: 630px;
  top: -11%;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-0 img {
  top: -4%;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-2 img {
  top: 255px;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope img {
  display: block;
  width: 100%;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-front, .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-back {
  height: 567px;
  -webkit-transition: height .4s;
  transition: height .4s;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front {
  -webkit-transition: height 0.8s cubic-bezier(0.57, -0.07, 0.83, 0.49);
  transition: height 0.8s cubic-bezier(0.57, -0.07, 0.83, 0.49);
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front .flipper-envelope .front {
  top: 50%;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
  height: 430px;
  width: 620px;
  -webkit-transition: height .4s;
  transition: height .4s;
}

.designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back .flipper-envelope .front {
  top: 1%;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box {
  height: 410px;
  width: 620px;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-card {
  top: 30%;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-card .layout img {
  width: 100%;
  height: auto;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope {
  top: 0;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope #mark {
  display: block;
  position: absolute;
  top: 2%;
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
  right: -5%;
  z-index: 2;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .front {
  top: 40%;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .front .layout-0 img {
  height: 100%;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back {
  position: relative;
  top: -10%;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-0 img,
.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-1 svg {
  top: -60px;
}

.designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-2 img {
  top: 53%;
}

.designer-page .inner .designer-content .editor-box .editor-card-box {
  position: relative;
  height: 400px;
  width: 620px;
  margin: 0 auto;
  opacity: 1 !important;
  -webkit-transition: all .3s 1s;
  transition: all .3s 1s;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px) scale(1);
  -moz-transform: perspective(1000px) scale(1);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-box: fill-box;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-0 {
  z-index: 1;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-1 {
  z-index: 2;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-2 {
  z-index: 3;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-3 {
  z-index: 4;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-4 {
  z-index: 5;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-5 {
  z-index: 6;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-6 {
  z-index: 7;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-7 {
  z-index: 8;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-8 {
  z-index: 9;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-9 {
  z-index: 10;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout-10 {
  z-index: 11;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout {
  position: absolute;
  border: 1px dashed rgba(105, 155, 180, 0.1);
  -webkit-transition: border .2s;
  transition: border .2s;
  display: table;
  table-layout: fixed;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout.layout-0 {
  border: none !important;
  height: 100% !important;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout.editable:hover {
  border: 1px dashed rgba(105, 155, 180, 0.4);
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout.editable.active {
  border: 1px dashed rgba(0, 0, 0, 0.6);
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout.disabled:not(.draggable) {
  pointer-events: none;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout .text-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout .text {
  width: 100%;
  outline: none;
  background: rgba(255, 255, 255, 0.2);
  display: table-cell;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout .text.hover, .designer-page .inner .designer-content .editor-box .editor-card-box .layout .text:hover {
  background: rgba(255, 255, 255, 0.4);
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout img {
  display: block;
  width: 100%;
  top: 0;
  position: absolute;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout img:focus, .designer-page .inner .designer-content .editor-box .editor-card-box .layout img:hover {
  outline: none;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout svg {
  max-width: 100%;
  position: absolute;
  display: block;
  top: -35px;
  left: 0;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .layout svg:focus, .designer-page .inner .designer-content .editor-box .editor-card-box .layout svg:hover {
  outline: none;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .flipper,
.designer-page .inner .designer-content .editor-box .editor-card-box .front,
.designer-page .inner .designer-content .editor-box .editor-card-box .back {
  width: 100%;
  height: 100%;
  position: relative;
}

.designer-page .inner .designer-content .editor-box .editor-card-box.envelope-back .back,
.designer-page .inner .designer-content .editor-box .editor-card-box.card-back .back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-box: fill-box;
}

.designer-page .inner .designer-content .editor-box .editor-card-box.envelope-back .front,
.designer-page .inner .designer-content .editor-box .editor-card-box.card-back .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-box: fill-box;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .flipper {
  -webkit-transition: 0.4s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.4s;
  -moz-transition: 0.4s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.4s;
  transform-style: preserve-3d;
  transform-box: fill-box;
  position: relative;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .front,
.designer-page .inner .designer-content .editor-box .editor-card-box .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.4s .3s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.4s .3s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.4s .3s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.4s .3s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.4s .3s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transform-box: fill-box;
  position: absolute;
  left: 0;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .front:after,
.designer-page .inner .designer-content .editor-box .editor-card-box .back:after {
  content: '';
  display: none;
  pointer-events: none;
  position: absolute;
  width: 580px;
  bottom: -25px;
  height: 25px;
  left: 50%;
  margin-left: -290px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkQAAAAJCAMAAADkZ8PzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA6lBMVEX///8aGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhgaGhj////rVE8JAAAATXRSTlMAAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKSxmLYEwAAAABYktHRACIBR1IAAAAB3RJTUUH4QseEi0KCYe31QAABBFJREFUWMPV1WlXUlEUBmDICI1IMTIkIyTNgcjIDCKHHMqm//97evdw9tnn3ostNNfK96Nyz9nDs+4t3UPmkPtIpVJ5QKlWq/PIAvIQqdVqjyj1ev0xsogsIY1GY3l5+Qml2Ww+RVaQZ0ir1VqltNvt58ga8gLpdDovKd1udx3p9XqvKBsbG5ubm68pW1tb28gOsov0+/03lMFg8BbZ29t7RxkOh++RfeQDcnBw8JEyGo3G4/EnymQy+YwcUo6Ojo6Pj0+QL8gpcnZ2dk65uLj4inyjXF5efkd+ID+RX8jvTOhv9D/6Df0Wj/CjdAaO4iNxNN1AN9GNuBjXcxlUD8ri8lAmiuWiUTz1QL1QT2iNW0Sr1DEa5wFgEDQPmgvNB2PicWFsGB4PEcOkmWK0PGKMmiZOk6cNYBG8ECyG9kN7on1hbbw+rBHLpJ3SbmnHWDWvHKsnASSBRAAGAwEU8kJuyE+pVCorozlhVFFGVWW0IIxqyqiujAocNdXRijhqqaO2OloTR1dAyknaEUl9lZSlNFRKwZJhMk3EKfFEoCIpVUWsgqzz4Ksw7ifyzGkwE9kwnESO0FE7hsf07IueLJ+B8ukrn6yfKwB1FNCaAGoroJYCWhFARYIWRVBdBdVU0IIIqqqgigoiQuVSjKdU9Erylvw7aVEsTcOU1VTIKespAZWIMlIJKlHFrOwdJbKYlthSXuRrbMaU2SRY8znMJPt/e9CO0qNHRkW1MBfxEt43SobMJGiMTeImgZOVU0gna2canobD498/Xk/RCyjLJ5ty5gtX6GkqqCAqIZU3laIKX7vIKrgSWCwr0mJbjEt0iS8GpsLEmCgTZ0bNuJm5kP2Z4p+M58U79FKpQKoJtfUDlF0tfztgES3GRbwQGBOTkBEzCZqcmoRNcDMVTqGc5Nt1FZ2/kkpNJR+8nCpmlXcVYUVZTCvaYlysy/FiXwJMibExRhaYKTShFrAZOEPn4MXs3iC5w+wauzjWIrVpoaFu6WLdlHS10U6Q4qiwFcFiWoSLeYlg8mLsS5Wa8R+rVM212cwCq0BWfGGZLcHFuhwv9sXAnDBnTJE5ZgFasCbYAjcjp+gcPM+v6xT69GZO7ojkguRqK0gLjBVrC22nQ4EkRASJU+KcMBSREqmIFcaSamEuRV5uEcw1eKkvA6bCIjE1xsgSZgpNpCk1xabcxJuJC+gMnrPnBGpaSVb/cdLT/b1pRaFOKzz2os01Io2AQ3mIj3qYlhEJSFiJZ8JOHBSW8l9QuSG0RBpTU2xBm3pTcWbO2Ck8Zy/6iwZTiS5LhWnMnOJzCi709cQqfe2hn9Bf7FhHoAOxAVUMh/FQH3cfyK2lrPScvijQMUwtZlG6zN9C8rfkK3FluuJ9T6HP8p3x8AcKc8yszm572AAAAABJRU5ErkJggg==) no-repeat 50% 0;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .front {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-box: fill-box;
  z-index: 2;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  transform-box: fill-box;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .flipper {
  position: absolute;
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
  transform-box: fill-box;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .flipper-card {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-box: fill-box;
  opacity: 1;
  pointer-events: auto;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .flipper-card .front:after,
.designer-page .inner .designer-content .editor-box .editor-card-box .flipper-card .back:after {
  bottom: -23px;
}

.designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope {
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  transform-box: fill-box;
  opacity: 0;
  pointer-events: none;
  top: -10%;
}

.designer-page .inner .designer-content .editor-box .editor-card-box.envelope-front .flipper-card,
.designer-page .inner .designer-content .editor-box .editor-card-box.envelope-back .flipper-card {
  -webkit-transform: rotate(-140deg);
  transform: rotate(-140deg);
  transform-box: fill-box;
  opacity: 0;
  pointer-events: none;
}

.designer-page .inner .designer-content .editor-box .editor-card-box.envelope-front .flipper-envelope,
.designer-page .inner .designer-content .editor-box .editor-card-box.envelope-back .flipper-envelope {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-box: fill-box;
  opacity: 1;
  pointer-events: auto;
}

.designer-page .preview-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -300;
  opacity: 0;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  transform-box: fill-box;
  -webkit-transition: all .2s .2s;
  transition: all .2s .2s;
  overflow: hidden;
}

.designer-page .preview-box .view-cover {
  background: #fdefc9;
  background-position: 50% 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 1;
}

.designer-page .preview-box .btn-card-rotate,
.designer-page .preview-box .btn-view-close,
.designer-page .preview-box .btn-view-open {
  width: 50px;
  height: 50px;
  left: calc(50% - 30px);
  bottom: 30px;
  position: fixed;
  border-radius: 50%;
  z-index: 50;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  transform-box: fill-box;
  background: #fff url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAmCAAAAABilN1MAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAR8SHDvqnL03AAAC5UlEQVQ4y33US2gTQRgH8P88drNNYmKstqJUCir4OqgIllaoN0HTVtGDIFipYKwHIScRH2jrI6A5GaNYBRHFFyoiHiQ+QlQqUlRUFEHqIzYiEpKmmm6S3RkPSTU23Xy3nf3t7H++2VnIikoEBysHicS4ut03XNu5bvzoePfjyGsHy+UW762t6m735SblGTEK2L6u0uk7kgogIIyUBiFUCEGztRogQIXnlAqAAwDiqxYXAICMPc4AAwDy9ucxgb/OvnoBLGrWYwAABQAjq1sxjMp/ThXc0pWyUAD4DWHJDJkbc0MB3drRXz3xorvqe0s1S8e1V93XAYpISCrUOp5QnDJ8HxRXOEeVfCgQgmugWAujynQApDTWgA61denZKm0B/YWtHd+Zk3SsfPm1vd6KJW7ODbZGb7GWM0lvh5g53colPYfcB8/NIPsf2rXDi6rlexH4rjZT4dAMf08VdtyfquUKpwVNwYPP25omVrHwz8mQebDWb6qUaioy1MQqlRE4JzUAhUYKwGCK3RHdHK1gTzZG3KWWcQDcZIQj3ft09/8NPx4h7gIpvoYCMBmkZDbn/Q0/ylTKe6PGbvBSmrIZclhf/yFVuhh+7/FpZds+5kwY5q5Nd7t8z4rL7Nweads3onPTLN5nrXFVUEAZ4QdW3gpqhXuJ5UzvvSS0hw7v7JihCAog31hyJKMdW3L2tMsp6MdYMvSmRqEyxtqXPv6tmbTM6e7QnNBV1WkQwtPvslwBFFt/pq05mqoxKfKNFIAkOffJhsBll0MvmJzbNbsNgGSuO0ca+qbluGkW16Gk6i7W74p4IBlnEkApO3fe3eO5WDfM7AIUoMMLz6v+gQmOkjk15lcvzM/kKKjAyKIw3fbCySfYX9uUAR/CSzNgVEsvO5Ht+uQhxKxgLGtOGdwigisyOlsw72hqZ0IRUqDybwtIln7U4v0ySvqb4t2jVLX8TE2WnhlsGCBS35FxClifOIPq9LTrDzy7UndYTtghAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 50% 50%;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.designer-page .preview-box .btn-card-rotate {
  background: #fff url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAmCAMAAAB01KKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABuVBMVEX////+/v7h4eG6urqbm5uMjIyJiYmPj4+hoaHGxsbt7e36+vrJycl9fX1RUVFMTExHR0dGRkZISEhaWlqSkpLb29vl5eWIiIhDQ0NFRUVCQkJBQUFAQEBERERTU1OlpaXv7+/W1tZpaWk9PT1VVVVgYGBjY2NeXl5PT08/Pz86Ojr7+/vY2NhkZGRtbW3c3NzZ2dnBwcGTk5NdXV2wsLBxcXFNTU2np6fr6+uGhoa+vb2cnZ3CwsLx8fGxsbHg4eF+fn7ExMSoqKiAgIDp6el1dHRcXFzNzc35+fmBgYE8PDzFxsbs7e18fHzS0tI+Pz97e3s7OztbW1vPz8/9/f329vbg4OBmZmZ0dXXs7OxJSUlNTk6ioqJ3d3dzc3N6enp5eXmtra3Q0NCurq5IR0fT09M3NzdERUVra2udnZ1lZWV0dHTm5uavr69iYmJqamrk5OTw8fFGR0fR0dHd3d2kpKT09PTKysrExcVLS0u4uLjIyMiQj4+8vLxXV1f19fVWVlZubm63t7fu7u5fX1+Dg4OYmJhvb29UVFRZWVmUlJSZmZn4+PhsbGympqby8vLe3t7V1dXn5+dnmAOTAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+ICDBE6GxVmIiMAAAG6SURBVDjLY2AYBeQDRiZmFlY2dg5OLtxquHl4+fgFBAUFhfiFRUQZsSsSE5cQFJSUkpaRBtKycvIK2BQpKkkLCSpLqaiqqWtoyggIaIlrYyrS0ZUWkpbS4+DRZzIwNDKW0VQxwVTFZSojIGFmbgHl6lsKW2Gxz1pCUlLDBsG31Qd5B80HTLoyAvx2aDrtHRxRBZwkBQWc0dzh4qrp5o4s4OHpJSDgjarIx1dSQMbYD0nEwtRfwM0H1aQAYGgIBQYFQ/khoQxh4TKCER4MoQg7Iz2jogUEBPglVRWh1sXExmkICqjEJyQiVHFxJiWnCMgEpHKGQTwakuqWJigkkB6YEYZiJ4+AoEwmcrhnAd0gmZ2D6vxMAUmhXGQBvzwZ6fwCVEWFWUXSwsUoQu5uuiVoYVoaJSATW4YqVo6uqMJMVrayCktcVtdEwtm1dRICUgH1WBQ1KDc2NYNY2n6s/NICki36mIpSVWQEpc1UW9tY2Ns7ZCUEJDuDsdhn28UvKyspIQgMcSAtJZjhx4ANMNq0a0hrykhLS8toCtV1NzPgAD024r15bkHq4Ql9Ygz4QP+EiakGk0IYhhMAAL0wSBIqP4t+AAAAAElFTkSuQmCC) no-repeat 50% 50%;
}

.designer-page .preview-box .btn-view-close {
  left: auto;
  bottom: auto;
  top: 30px;
  right: 30px;
  background: #fff url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAgwTAh3oHu+DAAABmUlEQVQoz4XSy0vUYRTG8Q/zI2JAZIKki3YbcWqymsGJjCGoja1bBUG0btVfEAZp1KJVq7Qk0yTQoG0RFGTyWzjgYqwgqVZdCKU0W1Q602KM5uZ0du85X877cJ4HNkn6X7XbSiDmvLNyvjZAd+u3z5tAxgXNOuV8XweN6bPXHouBeQvStsl4bb7u1ksOKRryoNToMSk0IV6D7jAi9MJpCMA7P3VrljRtuUJAvyRuGfsHk/dNSquMOV/WenG9UgqG3FWs/rLHc6EJCbDLPaGpkoBSBWXwXzEdpkT0SWKwJKAWJm9RSpu0E7oU3Daq0Mir4x4JhZ45VT2K1MAzPoBPctWjoOq900VpK37b7IC5Spsq4birOq267oms7Y6asVAfjrksgQHj3ltxRJP9cpZq4Va90lYNG1FE3rK0LVJelW8vxWVMaLLcApz0VOih9vLNMVckcNP9CvitX7o1OWjaUgluW8vAHcM1h5z1Q0aLLi8tBDpck7TihtG6Js36KKtF1ueIjaIYNL6up48NICoKh52zoVECRJxxjD8QSG9nr6L1TwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
}

.designer-page .preview-box .view-inner {
  position: absolute;
  top: 200%;
  left: 80%;
  width: 620px;
  height: 672px;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.2) rotate(-115deg);
  transform: translate(-50%, -50%) scale(0.2) rotate(-115deg);
  -webkit-transition: all 1.2s 0.01s cubic-bezier(0.1, 0.7, 0.1, 1.1);
  transition: all 1.2s 0.01s cubic-bezier(0.1, 0.7, 0.1, 1.1);
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform-box: fill-box;
  z-index: 20;
}

.designer-page .preview-box .view-inner .flipper {
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0, -20%);
  transform: translate(0, -20%);
  -webkit-transition: 0.4s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.4s;
  -moz-transition: 0.4s;
  -moz-transform: perspective(1000px) translate(0, -20%);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.4s;
  transform-style: preserve-3d;
  transform-box: fill-box;
  position: relative;
}

.designer-page .preview-box .view-inner .flipper .layout {
  position: absolute;
  overflow: hidden;
  display: table;
}

.designer-page .preview-box .view-inner .flipper .layout .text {
  white-space: pre-line;
  display: table-cell;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

.designer-page .preview-box .view-inner .flipper .front,
.designer-page .preview-box .view-inner .flipper .back {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.4s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.4s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.4s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.4s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.4s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transform-box: fill-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

.designer-page .preview-box .view-inner .flipper .front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform-box: fill-box;
  z-index: 55;
  height: 398px;
  margin-top: 44.2%;
}

.designer-page .preview-box .view-inner .flipper .front .layout {
  z-index: 30;
}

.designer-page .preview-box .view-inner .flipper .front .layout:nth-child(1) {
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
}

.designer-page .preview-box .view-inner .flipper .back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-perspective: 1500px;
  -ms-perspective: 1500px;
  perspective: 1500px;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-box: fill-box;
}

.designer-page .preview-box .view-inner .flipper .back .layout-under {
  z-index: 15;
  display: block;
}

.designer-page .preview-box .view-inner .flipper .back .layout-under img {
  display: block;
}

.designer-page .preview-box .view-inner .flipper .back .layout-under-pattern {
  z-index: 16;
  display: block;
}

.designer-page .preview-box .view-inner .flipper .back .layout-over {
  z-index: 30;
}

.designer-page .preview-box .view-inner .flipper .back .view-card-self {
  z-index: 29;
  left: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: absolute;
  -webkit-transform: rotate(-90deg) scale(0.98);
  transform: rotate(-90deg) scale(0.98);
  transform-box: fill-box;
}

.designer-page .preview-box .view-inner .flipper .back .view-card-self .view-card-front {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transform-box: fill-box;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 2px 50px -5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 50px -5px rgba(0, 0, 0, 0.25);
}

.designer-page .preview-box .view-inner .flipper .back .view-card-self .view-card-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transform-box: fill-box;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 2px 50px -5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 50px -5px rgba(0, 0, 0, 0.25);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-perspective: 1500px;
  -ms-perspective: 1500px;
  perspective: 1500px;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-box: fill-box;
  z-index: 5;
}

.designer-page .preview-box .view-inner .flipper .back .layout-tongue {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(-179deg);
  transform: rotateX(-179deg);
  transform-box: fill-box;
  z-index: 14;
  -webkit-transition: all 1.2s 0.4s cubic-bezier(0.1, 0.7, 0.1, 1.1);
  transition: all 1.2s 0.4s cubic-bezier(0.1, 0.7, 0.1, 1.1);
  display: block;
}

.designer-page .preview-box .view-inner .flipper .back .layout-tongue-pattern {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(-179deg);
  transform: rotateX(-179deg);
  transform-box: fill-box;
  z-index: 14;
  -webkit-transition: all 1.2s 0.4s cubic-bezier(0.1, 0.7, 0.1, 1.1);
  transition: all 1.2s 0.4s cubic-bezier(0.1, 0.7, 0.1, 1.1);
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 15;
  display: block;
}

.designer-page .preview-box.active {
  opacity: 1;
  z-index: 300;
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-box: fill-box;
  -webkit-transition: all .6s .2s, z-index 0s .2s;
  transition: all .6s .2s, z-index 0s .2s;
}

.designer-page .preview-box.active .btn-view-open,
.designer-page .preview-box.active .btn-view-close {
  pointer-events: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-box: fill-box;
  opacity: .8;
  -webkit-transition: all 0.3s 1.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s 1.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.designer-page .preview-box.active .btn-view-open:hover,
.designer-page .preview-box.active .btn-view-close:hover {
  opacity: 1;
  -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.designer-page .preview-box.active .view-inner {
  -webkit-transform: translate(-50%, -50%) rotate(1deg);
  transform: translate(-50%, -50%) rotate(1deg);
  transform-box: fill-box;
  -webkit-transition: all 1.2s 0.4s cubic-bezier(0.12, 0.4, 0.27, 0.97);
  transition: all 1.2s 0.4s cubic-bezier(0.12, 0.4, 0.27, 0.97);
  top: 56%;
  left: 50%;
}

.designer-page .preview-box.active .view-inner.open {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-animation: view-inner-open 1.2s .2s forwards;
  animation: view-inner-open 1.2s .2s forwards;
}

.designer-page .preview-box.active .view-inner.open ~ .btn-view-open {
  pointer-events: none;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  transform-box: fill-box;
  opacity: 0;
}

.designer-page .preview-box.active .view-inner.open ~ .btn-card-rotate {
  pointer-events: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-box: fill-box;
  opacity: .8;
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
  z-index: 20;
  bottom: initial;
  bottom: inherit;
  bottom: unset;
  bottom: auto;
  bottom: calc(100% - 80px);
}

.designer-page .preview-box.active .view-inner.open .back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-box: fill-box;
}

.designer-page .preview-box.active .view-inner.open .back .layout-tongue,
.designer-page .preview-box.active .view-inner.open .back .layout-tongue-pattern {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  transform-box: fill-box;
  z-index: 30;
}

.designer-page .preview-box.active .view-inner.open .back .view-card-self {
  -webkit-transform: rotate(-90deg) scale(1);
  transform: rotate(-90deg) scale(1);
  transform-box: fill-box;
  -webkit-animation: view-card-self-open 1s 1.2s forwards;
  animation: view-card-self-open 1s 1.2s forwards;
}

.designer-page .preview-box.active .view-inner.open .back .view-card-self.rotate .view-card-front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  transform-box: fill-box;
}

.designer-page .preview-box.active .view-inner.open .back .view-card-self.rotate .view-card-back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-box: fill-box;
}

.designer-page .preview-box.active .view-inner.open .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-box: fill-box;
}

.designer-page .preview-box.active .view-inner.horizontal.open .back .view-card-self {
  -webkit-animation: view-card-self-open-horizontal 1s 1.2s forwards;
  animation: view-card-self-open-horizontal 1s 1.2s forwards;
  -webkit-transform: translate(5%, -99%) rotate(0deg) scale(0.95);
  transform: translate(5%, -99%) rotate(0deg) scale(0.95);
}

.designer-page .preview-box .view-inner.horizontal.open .back .view-card-self,
.designer-page .preview-box .view-inner.horizontal .back .view-card-self {
  -webkit-transform: translate(5%, -99%) rotate(0deg) scale(0.95);
  transform: translate(5%, -99%) rotate(0deg) scale(0.95);
}

.designer-page .contact-page.grid {
  margin-top: 80px;
  max-width: 1000px;
  z-index: -333 !important;
}

@media (max-width: 450px) {
  .designer-page .contact-page.grid {
    margin-top: 46px;
  }
}

.designer-page .contact-page form label {
  margin-bottom: 5px;
  font-family: "Proxima Nova";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}

.designer-page .contact-page form label span {
  font-size: 10px;
  color: darkgrey;
}

.designer-page .contact-page form input.form-control {
  outline: none;
  margin-left: -1px;
  padding: .375rem 0;
  width: 100%;
  color: #000000;
  font-family: "Proxima Nova";
  font-weight: 400;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #000;
  height: 42px;
  font-size: 15px;
  margin-bottom: 0px;
  line-height: 42px;
}

.designer-page .contact-page form input.form-control:focus {
  outline: none;
}

.designer-page .contact-page form .btn-yellow {
  padding: 7px 16px;
  background-color: #ff6900;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.52px;
  margin-bottom: 4px;
  text-decoration: none;
}

.designer-page .contact-page form .btn-yellow:hover, .designer-page .contact-page form .btn-yellow:focus, .designer-page .contact-page form .btn-yellow:active {
  background: #ff8c00 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.designer-page .contact-page form .btn-yellow.btn.disabled, .designer-page .contact-page form .btn-yellow.btn:disabled {
  cursor: default;
}

.designer-page .contact-page form .form-group-sendmetoo {
  vertical-align: middle;
  margin: 1rem 0;
}

.designer-page .contact-page form .form-group-sendmetoo label {
  margin-bottom: 0;
}

.designer-page .contact-page form .form-group-sendmetoo label span {
  display: block;
}

.designer-page .contact-page .form-error label {
  color: red !important;
}

.designer-page .contact-page .form-error input {
  color: red !important;
}

.designer-page .contact-page .form-error input::-webkit-input-placeholder, .designer-page .contact-page .form-error input:-ms-input-placeholder, .designer-page .contact-page .form-error input::-ms-input-placeholder, .designer-page .contact-page .form-error input::-webkit-input-placeholder {
  color: red !important;
}

.designer-page .contact-page .form-error input::-webkit-input-placeholder, .designer-page .contact-page .form-error input:-ms-input-placeholder, .designer-page .contact-page .form-error input::-ms-input-placeholder, .designer-page .contact-page .form-error input::placeholder {
  color: red !important;
}

.designer-page .confirmation-step {
  height: 100%;
  margin-top: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.designer-page .confirmation-step .price {
  margin: 0 auto;
  display: inline-block;
  text-align: left;
}

.designer-page .confirmation-step .price span {
  text-transform: uppercase;
  font-size: 12px;
}

.designer-page .confirmation-step .price h2 {
  font-size: 47px;
  margin-bottom: 0;
  color: #00aaf2;
  font-weight: bold;
}

.designer-page .confirmation-step .btn {
  margin: 50px 0 90px;
  width: 195px;
  padding: 10px 20px 8px;
}

.designer-page .confirmation-step .fox-happy {
  display: block;
  width: 90px;
  height: 105px;
  margin: 0 auto 0 0;
  background: url(../img/fox-emotions-7.png) no-repeat center center;
  background-size: cover;
}

.designer-page .confirmation-step .fox-sad {
  display: block;
  width: 100%;
  height: 257px;
  margin: 0 auto;
  background: url(../img/fox-emotions-6.png) no-repeat 0 0;
  background-size: contain;
}

.designer-page .confirmation-step .fox-404 {
  display: block;
  width: 100%;
  height: 230px;
  margin: 0 auto;
  background: url(../img/fox-emotions-5.png) no-repeat 0 0;
  background-size: contain;
}

.designer-page .confirmation-step .approved {
  margin: 0 auto;
  display: inline-block;
  max-width: 480px;
  padding: 0 10px;
  text-align: center;
  position: relative;
}

.designer-page .confirmation-step .approved .block-fox-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.designer-page .confirmation-step .approved .block-fox-title h2 {
  position: absolute;
  color: #ff6900;
  left: 18%;
  font-size: 31px;
  margin: 0 auto;
}

.designer-page .confirmation-step .approved p {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.designer-page .confirmation-step .approved p.text-pad {
  padding: 0 20px;
  margin-top: 13px !important;
  margin-bottom: 13px;
}

.designer-page .confirmation-step .approved .btn {
  margin: 10px 15px;
}

.designer-page .confirmation-step .approved h3 {
  color: #95b200;
  font-size: 45px;
  margin: 15px 0;
  font-weight: 300;
}

.designer-page .confirmation-step .declined {
  margin: 0 auto;
  display: inline-block;
  max-width: 480px;
  padding: 0 10px;
}

.designer-page .confirmation-step .declined p {
  font-size: 15px;
  margin: 20px 0;
  padding: 0 20px;
}

.designer-page .confirmation-step .declined .btn {
  margin: 10px 15px;
}

.designer-page .confirmation-step .declined h3 {
  color: #c8002d;
  font-size: 45px;
  margin: 15px 0;
  font-weight: 300;
}

.designer-page .confirmation-step .declined.error h3 {
  color: #662d8e;
  font-size: 87px;
}

.designer-page .confirmation-step .payment-methods {
  display: block;
  opacity: 0;
  position: absolute;
  top: 160px;
  left: 50%;
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
  width: 480px;
  z-index: 50;
  background: #fff;
  -webkit-box-shadow: 0 0 1px #bbb;
  box-shadow: 0 0 1px #bbb;
  border-radius: 10px;
  pointer-events: none;
  -webkit-transition: all .4s, -webkit-box-shadow .3s .15s;
  transition: all .4s, -webkit-box-shadow .3s .15s;
  transition: all .4s, box-shadow .3s .15s;
  transition: all .4s, box-shadow .3s .15s, -webkit-box-shadow .3s .15s;
}

.designer-page .confirmation-step .payment-methods.active {
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, -30%);
  -webkit-box-shadow: 0 0 1px #bbb, 0 4px 60px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px #bbb, 0 4px 60px -3px rgba(0, 0, 0, 0.2);
  opacity: 1;
  pointer-events: auto;
}

.designer-page .confirmation-step .payment-methods h3 {
  font-size: 24px;
  margin: 25px 0 5px;
  color: #630b43;
}

.designer-page .confirmation-step .payment-methods ul {
  margin: 0;
  padding: 0;
}

.designer-page .confirmation-step .payment-methods li {
  margin: 0;
  padding: 0;
  display: block;
  margin: 20px 5px 25px;
}

.designer-page .confirmation-step .payment-methods li a {
  display: inline-block;
  margin: 5px 0 0;
  color: #ff6900;
}

.designer-page .confirmation-step .payment-methods li .btn-refresh {
  margin: 0;
  font-size: .8rem;
  display: inline-block;
  width: auto;
  margin-right: 3px;
  padding: 3px 8px 2px;
  background: #ff6900;
  color: #fff;
}

.designer-page .confirmation-step .payment-methods .btn-payment-method {
  margin: 0 0 10px;
  width: auto;
  padding: 15px 10px 10px;
  border: 2px solid #ff6900;
  color: #ff6900;
  background: #fefefe;
  display: block;
}

.designer-page .confirmation-step .payment-methods .btn-payment-method span {
  display: block;
  margin: 5px 0 0;
  text-transform: uppercase;
}

.designer-page .confirmation-step .payment-methods .btn-payment-method:hover {
  background: #ff6900;
  color: #fff;
}

.designer-page .confirmation-step .payment-methods .btn-payment-method[disabled="disabled"] {
  border: 2px solid #777;
  color: #777;
  pointer-events: none;
}

.designer-page .social-share {
  border-top: 1px solid #dbdbdb;
  display: inline-block;
  padding: 20px 0 100px;
  margin-top: 20px;
}

.designer-page .social-share-designer-contacts {
  border-top: none;
  padding: 20px 0;
}

.designer-page .social-share p {
  color: #808080;
}

.designer-page .social-share p.mb {
  margin-bottom: initial;
}

.designer-page .social-share p a {
  color: #3fa9f5;
}

.designer-page .social-share ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.designer-page .social-share ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.designer-page .social-share ul li a {
  display: block;
  margin: 0 2px;
  width: 36px;
  height: 36px;
  font-size: 20px;
  color: #808080;
  line-height: 36px;
  border-radius: 3px;
  border: 1px solid #808080;
}

@media screen and (max-width: 767px) {
  .designer-page .inner aside .price-total {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .designer-page .inner aside .price-total {
    text-align: right;
  }
}

@media screen and (max-width: 768px) {
  .designer-page .inner aside .nav-pills .nav-item {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .designer-page .inner aside .nav-pills {
    margin-top: 10px;
  }
}

@media screen and (min-width: 1025px) {
  .designer-page .inner aside .tab-content {
    min-height: 1085px;
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner aside div[class*="scrollbar-"] {
    top: 10px;
    margin-top: 4px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner aside .fonts-list .collapse-inner ul li {
    min-width: 128px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner aside .fonts-list .collapse-inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner aside .background-box .background-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner aside .background-box .background-item-outer .background-item {
    width: 64px;
    height: 64px;
    margin: 6px 4px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .designer-page .inner aside .background-box .background-item-outer .background-item {
    width: 60px;
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner aside .background-box .background-item-outer {
    margin: 5px 0;
    height: 76px;
  }
}

@media screen and (max-width: 676px) {
  .designer-page .inner .designer-content .designer-steps {
    padding: 16px 0;
  }
}

@media screen and (max-width: 768px) {
  .designer-page .inner .designer-content .designer-steps ul {
    text-align: center;
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner .designer-content .designer-steps ul {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .designer-page .inner .designer-content .designer-steps ul li {
    padding: 9px;
  }
}

@media (max-width: 425px) {
  .designer-page .inner .designer-content .designer-steps ul li {
    margin: 5px 14px;
  }
}

@media (max-width: 375px) {
  .designer-page .inner .designer-content .designer-steps ul li {
    margin: 5px 8px;
  }
}

@media (max-width: 425px) {
  .designer-page .inner .designer-content .designer-steps ul li:not(:first-child):before {
    content: none;
    width: 40px;
    margin-left: -40px;
  }
}

@media (min-width: 768px) {
  .designer-page .inner .designer-content .designer-steps ul li span.step-label {
    display: inline-block;
  }
}

@media (max-width: 768px) {
  .designer-page .inner .designer-content .designer-steps ul li.active {
    padding: 14px;
  }
}

@media (max-width: 425px) {
  .designer-page .inner .designer-content .designer-steps ul li.active {
    margin: 0 18px;
  }
}

@media (max-width: 375px) {
  .designer-page .inner .designer-content .designer-steps ul li.active {
    margin: 0 8px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .designer-navs button {
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
  }
  .designer-page .inner .designer-content .designer-navs button.designer-navs-back {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
  }
  .designer-page .inner .designer-content .designer-navs button.designer-navs-next {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
  }
}

@media screen and (max-width: 567px) {
  .designer-page .inner .designer-content .designer-navs button {
    height: 25px;
    line-height: 25px;
  }
}

@media screen and (max-width: 768px) {
  .designer-page .inner .designer-content .designer-navs button span {
    margin: 0 0 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .designer-page .inner .designer-content .designer-navs button[disabled], .designer-page .inner .designer-content .designer-navs button:disabled, .designer-page .inner .designer-content .designer-navs button.disabled {
    background-position: calc(100% - 5px) 50%;
  }
}

@media screen and (max-width: 567px) {
  .designer-page .inner .designer-content .designer-navs .designer-navs-back span {
    padding: 0 10px 0 15px;
    margin: 0;
    font-size: 10px;
  }
}

@media screen and (max-width: 567px) {
  .designer-page .inner .designer-content .designer-navs .designer-navs-back {
    background-position: calc(100% - 48px) 50%;
  }
}

@media screen and (max-width: 768px) {
  .designer-page .inner .designer-content .designer-navs .designer-navs-next {
    background-position: calc(100% - -9px) 50%;
  }
}

@media screen and (max-width: 567px) {
  .designer-page .inner .designer-content .designer-navs .designer-navs-next {
    background-position: calc(100% - -11px) 50%;
  }
}

@media screen and (max-width: 567px) {
  .designer-page .inner .designer-content .designer-navs .designer-navs-next span {
    padding: 0 15px 0 10px;
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .designer-navs {
    top: 18%;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 425px) {
  .designer-page .inner .designer-content .designer-navs {
    margin-top: -50px;
    top: 11%;
  }
}

@media screen and (max-width: 340px) {
  .designer-page .inner .designer-content .designer-navs {
    top: 16%;
  }
}

@media (min-width: 400px) and (max-width: 568px) {
  .designer-page .inner .designer-content .card-editor-sides {
    height: 20vh !important;
  }
}

@media (min-width: 350px) and (max-width: 400px) {
  .designer-page .inner .designer-content .card-editor-sides {
    height: 20vh !important;
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .designer-page .inner .designer-content .card-editor-sides ul {
    display: block;
  }
}

@media screen and (min-width: 400px) and (max-width: 768px) {
  .designer-page .inner .designer-content .card-editor-sides ul {
    margin: 100px 0 0;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .card-editor-sides ul {
    margin: 50px 0 0;
  }
}

@media screen and (max-width: 375px) {
  .designer-page .inner .designer-content .card-editor-sides ul {
    margin: 10px 0 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .card-editor-sides ul {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .card-editor-sides ul li {
    width: 20% !important;
  }
  .designer-page .inner .designer-content .card-editor-sides ul li button {
    width: 100% !important;
    padding: 0;
  }
}

@media screen and (max-width: 375px) {
  .designer-page .inner .designer-content .card-editor-sides ul li {
    width: 13% !important;
    padding-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .designer-page .inner .designer-content .card-editor-sides ul li {
    margin: 0;
    width: auto !important;
  }
  .designer-page .inner .designer-content .card-editor-sides ul li button {
    padding: 0 6px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .designer-page .inner .designer-content .card-editor-sides ul li button {
    width: 85px;
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner .designer-content .card-editor-sides ul li span {
    font-size: 11px;
    width: auto !important;
    margin: 2px 0 0;
    font-weight: normal;
  }
}

@media screen and (max-width: 375px) {
  .designer-page .inner .designer-content .card-editor-sides ul li span {
    font-size: 9px;
  }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
  .designer-page .inner .designer-content .card-editor-sides ul li span {
    font-size: 12px;
    width: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box {
    margin-top: 0;
    width: auto;
  }
}

@media screen and (max-width: 340px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-card {
    top: 30%;
    width: 400px;
    height: 130%;
  }
}

@media screen and (max-width: 1200px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope #mark {
    right: -2%;
  }
}

@media screen and (max-width: 880px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope #mark {
    top: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    right: -3%;
  }
}

@media screen and (max-width: 577px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope #mark {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    right: -10px;
  }
}

@media screen and (max-width: 450px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope #mark {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    right: -5%;
    top: -3%;
  }
}

@media screen and (max-width: 380px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope #mark {
    right: -22px;
  }
}

@media screen and (max-width: 340px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope #mark {
    top: -15px;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back {
    top: 30%;
    height: 447px;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back {
    top: 0;
  }
}

@media screen and (max-width: 920px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-0 img {
    top: -15%;
  }
}

@media screen and (max-width: 800px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-0 img {
    top: -4%;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-0 img {
    top: -195px;
  }
}

@media screen and (max-width: 920px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-2 img {
    top: 215px;
  }
}

@media screen and (max-width: 800px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-2 img {
    top: 260px;
  }
}

@media screen and (max-width: 450px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-2 img {
    top: 252px;
  }
}

@media screen and (max-width: 380px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box .flipper-envelope .back .layout-2 img {
    top: 80px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-front, .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-back {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    top: -70px;
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-front, .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-back {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-front, .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-back {
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-front, .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-back {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width: 374px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-front, .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-back {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    bottom: 100px;
  }
}

@media screen and (max-width: 374px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-front, .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.card-back {
    height: 430px;
  }
}

@media screen and (max-width: 800px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

@media screen and (max-width: 450px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front {
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width: 374px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front .flipper-envelope .front {
    top: 60%;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front .flipper-envelope .front {
    top: 20%;
  }
}

@media screen and (max-width: 800px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-front .flipper-envelope .back {
    top: 3%;
    left: -11%;
  }
}

@media screen and (max-width: 800px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

@media screen and (min-width: 440px) and (max-width: 534px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
    height: 292px;
    width: 100%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}

@media screen and (max-width: 439px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
  }
}

@media screen and (max-width: 380px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width: 374px) {
  .designer-page .inner .designer-content .editor-box.vertical .editor-card-box.envelope-back {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
}

@media screen and (max-width: 991px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    width: 600px;
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box {
    -webkit-transform: scale(0.45);
    transform: scale(0.45);
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box {
    -webkit-transform: scale(0.35);
    transform: scale(0.35);
    height: 373px;
  }
}

@media screen and (max-width: 900px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-card {
    left: -13%;
    top: 50%;
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-card {
    left: -33%;
    top: 30%;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-card {
    left: -45%;
    top: 5%;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-card {
    left: -70%;
    top: -35%;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-card .layout-0 img {
    top: 1%;
  }
}

@media screen and (max-width: 920px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope {
    left: -15%;
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope {
    left: -35%;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope {
    left: -45%;
    top: -25%;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope {
    left: -70%;
    top: -65%;
  }
}

@media screen and (max-width: 1200px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope #mark {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 3%;
  }
}

@media screen and (max-width: 1023px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope #mark {
    top: 3%;
    right: -3%;
  }
}

@media screen and (max-width: 577px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope #mark {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    right: -10px;
  }
}

@media screen and (max-width: 450px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope #mark {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    right: -6%;
    top: 4%;
  }
}

@media screen and (max-width: 340px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope #mark {
    top: 3%;
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back {
    top: 15%;
  }
}

@media screen and (max-width: 1024px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-0 img {
    top: -50px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-0 img {
    top: -180px;
  }
}

@media screen and (max-width: 1024px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-1 svg {
    top: -50px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-1 svg {
    top: -180px;
  }
}

@media screen and (max-width: 1024px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-2 img {
    top: 240px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box.horizontal .editor-card-box .flipper-envelope .back .layout-2 img {
    top: 100px;
  }
}

@media screen and (min-width: 480px) and (max-width: 576px) {
  .designer-page .inner .designer-content .editor-box.horizontal {
    height: 385px;
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .designer-content .editor-box.horizontal {
    height: 275px;
  }
}

@media screen and (max-width: 450px) {
  .designer-page .inner .designer-content .editor-box.horizontal {
    height: 360px;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box.horizontal {
    height: 273px;
  }
}

@media screen and (max-width: 425px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .layout .text {
    line-height: 1;
  }
}

@media screen and (max-width: 1023px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .layout svg {
    top: -100px;
  }
}

@media screen and (max-width: 800px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .layout svg {
    top: -41px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .layout svg {
    top: -25px;
  }
}

@media screen and (max-width: 413px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .layout svg {
    top: -262px;
  }
}

@media screen and (max-width: 380px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .layout svg {
    top: -200px;
  }
}

@media screen and (max-width: 374px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .layout svg {
    top: -205px;
  }
}

@media screen and (max-width: 420px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-card .front:after,
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-card .back:after {
    bottom: -36px;
  }
}

@media screen and (max-width: 920px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope {
    left: -20%;
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope {
    left: -33%;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope {
    left: -42%;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope {
    left: -42%;
  }
}

@media screen and (max-width: 320px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope {
    left: -64%;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope .front {
    top: 30%;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box .editor-card-box .flipper-envelope .back {
    top: -15%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .designer-page .inner .designer-content .editor-box {
    height: 430px;
  }
}

@media screen and (max-width: 767px) {
  .designer-page .inner .designer-content .editor-box {
    height: 400px;
  }
}

@media screen and (max-width: 575px) {
  .designer-page .inner .designer-content .editor-box {
    height: 350px;
  }
}

@media screen and (max-width: 440px) {
  .designer-page .inner .designer-content .editor-box {
    height: 380px;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content .editor-box {
    height: 415px;
  }
}

@media screen and (max-width: 350px) {
  .designer-page .inner .designer-content .editor-box {
    height: 360px;
  }
}

@media screen and (min-height: 780px) and (max-height: 830px) {
  .designer-page .inner .designer-content .editor-box {
    height: 500px;
  }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .designer-page .inner .designer-content {
    min-height: 632px;
  }
}

@media screen and (max-width: 577px) {
  .designer-page .inner .designer-content {
    min-height: 522px;
  }
}

@media screen and (max-width: 400px) {
  .designer-page .inner .designer-content {
    min-height: 500px;
  }
}

@media screen and (max-width: 374px) {
  .designer-page .inner .designer-content {
    min-height: 400px;
  }
}

@media (max-width: 576px) {
  .designer-page .contact-page form label {
    padding: 0 18px 0 30px;
    width: 100%;
    text-align: left;
    text-transform: initial;
    font-size: 0.8rem;
  }
}

@media (max-width: 576px) {
  .designer-page .contact-page form label:last-child {
    padding: 0 18px 0 0;
  }
}

@media screen and (min-width: 576px) {
  .designer-page .confirmation-step .approved .block-fox-title h2 {
    font-size: 45px;
  }
}

@media screen and (min-width: 576px) {
  .designer-page .confirmation-step .approved p {
    font-size: 15px;
    padding: 0 10px 0 20px;
  }
}

.steps-bgs {
  overflow: hidden;
  visibility: hidden;
  height: 0px;
  -webkit-transition: all .4s .2s;
  transition: all .4s .2s;
  position: relative;
}

.steps-bgs.active {
  visibility: visible;
  height: 300px;
}

.steps-bgs .steps-bg {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate(0, -20px) scale(1.2);
  transform: translate(0, -20px) scale(1.2);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.steps-bgs .steps-bg h3 {
  color: #630b43;
  font-size: 30px;
}

.steps-bgs .steps-bg p {
  color: #630b43;
  font-size: 30px;
  margin-bottom: 0.5rem;
}

.steps-bgs .steps-bg p.wait-info {
  margin-left: 0.8rem;
  padding: 3px 10px;
  width: 100%;
}

.steps-bgs .steps-bg.steps-bg-2 {
  background-position: 100% 50%;
  background-size: contain;
  background-color: #f5f0ed;
}

.steps-bgs .steps-bg.active {
  height: inherit;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 1;
}

.steps-bgs .steps-bg.active [class^="col-"] {
  height: 300px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

@media (max-width: 991px) {
  .steps-bgs.active {
    height: 250px;
  }
}

@media (max-width: 768px) {
  .steps-bgs.active {
    height: 170px;
  }
}

@media (max-width: 568px) {
  .steps-bgs .steps-bg p {
    font-size: 23px;
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .steps-bgs .steps-bg.active [class^="col-"] {
    height: 250px;
  }
}

@media (max-width: 768px) {
  .steps-bgs .steps-bg.active [class^="col-"] {
    height: 170px;
  }
}

@-webkit-keyframes view-inner-open {
  0% {
    left: 50%;
  }
  50% {
    left: 35%;
  }
  100% {
    left: 46%;
    -webkit-transform: translate(-50%, -50%) rotate(85deg);
    transform-box: fill-box;
  }
}

@keyframes view-inner-open {
  0% {
    left: 50%;
  }
  50% {
    left: 35%;
  }
  100% {
    left: 46%;
    -webkit-transform: translate(-50%, -50%) rotate(85deg);
    transform: translate(-50%, -50%) rotate(85deg);
    transform-box: fill-box;
  }
}

@-webkit-keyframes view-card-self-open {
  0% {
    margin-bottom: 0%;
    z-index: 29;
    -webkit-transform: translate(6%, 0%) rotate(-90deg) scale(1);
    transform: translate(6%, 0%) rotate(-90deg) scale(1);
  }
  50% {
    margin-bottom: 65%;
    z-index: 30;
    -webkit-transform: translate(3%, 0%) rotate(-85deg) scale(1);
    transform: translate(3%, 0%) rotate(-85deg) scale(1);
  }
  52% {
    margin-bottom: 66%;
    z-index: 31;
  }
  100% {
    margin-bottom: 5%;
    z-index: 31;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translate(-10%, 0%) rotate(-85deg) scale(1);
    transform: translate(-10%, 0%) rotate(-85deg) scale(1);
    transform-box: fill-box;
  }
}

@keyframes view-card-self-open {
  0% {
    margin-bottom: 0%;
    z-index: 29;
    -webkit-transform: translate(6%, 0%) rotate(-90deg) scale(1);
    transform: translate(6%, 0%) rotate(-90deg) scale(1);
  }
  50% {
    margin-bottom: 65%;
    z-index: 30;
    -webkit-transform: translate(3%, 0%) rotate(-85deg) scale(1);
    transform: translate(3%, 0%) rotate(-85deg) scale(1);
  }
  52% {
    margin-bottom: 66%;
    z-index: 31;
  }
  100% {
    margin-bottom: 5%;
    z-index: 31;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translate(-10%, 0%) rotate(-85deg) scale(1);
    transform: translate(-10%, 0%) rotate(-85deg) scale(1);
    transform-box: fill-box;
  }
}

@-webkit-keyframes view-card-self-open-horizontal {
  0% {
    margin-bottom: 178%;
    z-index: 29;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: translate(5%, 174%) rotate(0deg) scale(1);
    transform: translate(5%, 174%) rotate(0deg) scale(1);
  }
  40% {
    margin-bottom: 226%;
    z-index: 30;
    -webkit-transform: translate(5%, 174%) rotate(0deg) scale(1);
    transform: translate(5%, 174%) rotate(0deg) scale(1);
  }
  42% {
    margin-bottom: 250%;
    z-index: 31;
    -webkit-transform: translate(5%, 174%) rotate(-3deg) scale(1);
    transform: translate(5%, 174%) rotate(-3deg) scale(1);
  }
  100% {
    margin-bottom: 110%;
    z-index: 31;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translate(5%, 174%) rotate(-85deg) scale(1);
    transform: translate(5%, 174%) rotate(-85deg) scale(1);
    transform-box: fill-box;
  }
}

@keyframes view-card-self-open-horizontal {
  0% {
    margin-bottom: 178%;
    z-index: 29;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: translate(5%, 174%) rotate(0deg) scale(1);
    transform: translate(5%, 174%) rotate(0deg) scale(1);
  }
  40% {
    margin-bottom: 226%;
    z-index: 30;
    -webkit-transform: translate(5%, 174%) rotate(0deg) scale(1);
    transform: translate(5%, 174%) rotate(0deg) scale(1);
  }
  42% {
    margin-bottom: 250%;
    z-index: 31;
    -webkit-transform: translate(5%, 174%) rotate(-3deg) scale(1);
    transform: translate(5%, 174%) rotate(-3deg) scale(1);
  }
  100% {
    margin-bottom: 110%;
    z-index: 31;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translate(5%, 174%) rotate(-85deg) scale(1);
    transform: translate(5%, 174%) rotate(-85deg) scale(1);
    transform-box: fill-box;
  }
}

.open-envelope-progress {
  overflow: visible !important;
  top: -5px;
  left: -5px;
  position: relative;
  display: block;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-box: fill-box;
}

.open-envelope-progress circle {
  stroke-dashoffset: 0;
  stroke: #ff6900;
  stroke-width: 5px;
}

.cabinet {
  position: relative;
}

.cabinet #add-email {
  color: #999999;
  font-family: "Proxima Nova";
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.cabinet .hero {
  min-height: 301px;
  background: url("../img/cabinet_hero.jpg") center center no-repeat;
  background-size: cover;
}

.cabinet .hero .avatar {
  position: relative;
  top: 44px;
  left: 9px;
  width: 81px;
  height: 82px;
}

.cabinet .hero .avatar img {
  border-radius: 50%;
  overflow: hidden;
}

.cabinet .hero .avatar-link {
  display: block;
  position: relative;
  width: 22px;
  height: 23px;
  background: url("../img/avatar-edit.png") center center no-repeat;
  background-size: cover;
  right: -59px;
  bottom: 23px;
}

.cabinet .user-info {
  position: relative;
  top: -12px;
  margin-left: 109px;
}

.cabinet .user-info h2 {
  color: #630b43;
  font-family: "Proxima Nova";
  font-size: 30px;
  font-weight: 300;
  line-height: 29px;
  margin-bottom: 16px;
}

.cabinet .balance {
  font-family: "Proxima Nova";
  text-transform: uppercase;
}

.cabinet .balance h3 {
  color: #00aaf2;
  font-size: 35px;
  font-weight: 300;
  line-height: 23px;
}

.cabinet .balance p {
  margin-bottom: 0;
  padding-bottom: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.48px;
  line-height: 30px;
}

.cabinet .balance-actions {
  list-style: none;
  padding-left: 0;
  margin-top: 19px;
}

.cabinet .balance-actions .bs-popover-bottom {
  margin-top: 10px;
  left: -16px;
  position: absolute;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.92);
  border: none;
  border-top: 3px solid #ff6900;
  width: 320px;
}

.cabinet .balance-actions .bs-popover-bottom .btn-grey,
.cabinet .balance-actions .bs-popover-bottom .btn-yellow {
  font-size: 12px;
  line-height: 25px;
  padding: 7px 12px 2px;
}

.cabinet .balance-actions .bs-popover-bottom .arrow {
  top: -19px;
}

.cabinet .balance-actions .bs-popover-bottom .arrow::after {
  top: -1px;
  border-bottom-color: #ff6900;
  border-width: 0 8px 8px 8px;
  z-index: 1;
}

.cabinet .balance-actions .bs-popover-bottom .arrow::before {
  display: none;
}

.cabinet .balance-actions .bs-popover-bottom .input-group span {
  display: block;
  width: calc(100% - 104px);
  position: relative;
}

.cabinet .balance-actions .bs-popover-bottom .input-group span i {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
}

.cabinet .balance-actions .bs-popover-bottom .input-group span i:before {
  content: '';
  position: absolute;
  display: block;
  top: 1px;
  right: 0;
  left: auto;
  width: 20px;
  height: calc(50% - 1px);
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAKElEQVQYV2NkQAKeiRX/t8/vYIQJwRkgCZggTAFYElkCWQEjNgmYAgCLtQ4mJjyojwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-box-shadow: inset 1px -1px 0 0 #ced4da;
  box-shadow: inset 1px -1px 0 0 #ced4da;
  z-index: 10;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.cabinet .balance-actions .bs-popover-bottom .input-group span i:after {
  content: '';
  position: absolute;
  display: block;
  top: 1px;
  right: 0;
  left: auto;
  width: 20px;
  height: calc(50% - 1px);
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAKElEQVQYV2NkQAKeiRX/t8/vYIQJwRkgCZggTAFYElkCWQEjNgmYAgCLtQ4mJjyojwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-box-shadow: inset 1px -1px 0 0 #ced4da;
  box-shadow: inset 1px -1px 0 0 #ced4da;
  z-index: 10;
  -webkit-transition: all .2s;
  transition: all .2s;
  top: auto;
  height: calc(50% - 1px);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAKElEQVQYV2P0TKz4z4ADMILEsSnYPr+DESyJrgAkARKDS8IUwCRAfADo3Q4mN/93hQAAAABJRU5ErkJggg==);
  -webkit-box-shadow: inset 1px 0 0 0 #ced4da;
  box-shadow: inset 1px 0 0 0 #ced4da;
  bottom: 1px;
}

.cabinet .balance-actions .bs-popover-bottom .input-group input[type="number"] {
  padding-top: 0;
  padding-bottom: 0;
  height: 37px;
  padding-right: 0;
  font-size: 25px;
  border-radius: .25rem 0 0 .25rem;
  font-family: monospace;
  font-weight: 100;
}

.cabinet .balance-actions .bs-popover-bottom .input-group input[type="number"]:focus {
  border-color: #ff6900;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.25);
}

.cabinet .balance-actions .bs-popover-bottom .input-group input[type="number"]:focus + i:before {
  -webkit-box-shadow: inset 1px -1px 0 0 #ff6900;
  box-shadow: inset 1px -1px 0 0 #ff6900;
}

.cabinet .balance-actions .bs-popover-bottom .input-group input[type="number"]:focus + i:after {
  -webkit-box-shadow: inset 1px 0 0 0 #ff6900;
  box-shadow: inset 1px 0 0 0 #ff6900;
}

.cabinet .balance-actions li {
  position: relative;
  margin-bottom: 13px;
}

.cabinet .balance-actions li.disabled a {
  opacity: .4;
  pointer-events: none;
}

.cabinet .balance-actions .balance-add a {
  position: relative;
  padding-left: 22px;
  margin-right: 20px;
}

.cabinet .balance-actions .balance-add a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .balance-actions .balance-add a:hover:after {
  background-position: 52px 17px;
}

.cabinet .balance-actions .balance-add a:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  top: -1px;
  left: 0;
  background: url("../img/icons_scm.png");
  background-position: 52px 0;
}

.cabinet .balance-actions .balance-history a {
  position: relative;
  padding-left: 22px;
  margin-right: 20px;
}

.cabinet .balance-actions .balance-history a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .balance-actions .balance-history a:hover:after {
  background-position: 136px 17px;
}

.cabinet .balance-actions .balance-history a:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: 1px;
  left: 0;
  background: url("../img/icons_scm.png");
  background-position: 136px 0;
}

.cabinet .settings {
  margin-top: 17px;
}

.cabinet .settings .input-group.disabled {
  opacity: .5;
}

.cabinet .settings .input-group.disabled input {
  background: none;
}

.cabinet .settings label {
  margin-bottom: 0;
  font-family: "Proxima Nova";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}

.cabinet .settings .settings-input {
  outline: none;
  height: 28px;
  margin-left: -1px;
  margin-bottom: 26px;
  width: 100%;
  color: #000000;
  font-family: "Proxima Nova";
  font-size: 21px;
  font-weight: 400;
  line-height: 42px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #000;
}

.cabinet .settings .settings-mail {
  height: 17px;
  font-size: 15px;
  margin-bottom: 23px;
  line-height: 15px;
}

.cabinet .settings .settings-password {
  border-bottom: 2px solid #7f7f7f;
  height: 18px;
  margin-bottom: 19px;
  color: #000;
  font-family: "Proxima Nova";
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.cabinet .settings .btn-light-grey {
  padding: 7px 16px;
  background-color: #e5e5e5;
  color: #ffffff;
  font-family: Raleway;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.52px;
  margin-bottom: 4px;
}

.cabinet .settings .settings-hr {
  margin-bottom: 7px;
}

.cabinet .settings .settings-hint {
  color: #979797;
  font-family: "Proxima Nova";
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
}

.cabinet .settings .settings-emails {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ff6900;
  margin-bottom: 24px;
}

.cabinet .settings .settings-emails a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .settings .settings-emails li {
  position: relative;
  margin-bottom: 2px;
  color: #000000;
  font-family: "Proxima Nova";
  font-size: 15px;
  font-weight: 400;
  line-height: 29px;
}

.cabinet .settings .settings-emails .main-email {
  position: relative;
  height: 28px;
  border-bottom: 1px solid #c9c9c9;
}

.cabinet .settings .settings-emails .main-email:afetr {
  content: '';
  position: absolute;
}

.cabinet .settings .settings-emails .main-email-icon {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #ff6900;
  font-weight: 700;
}

.cabinet .settings .settings-emails .email-icon {
  position: absolute;
  color: #7f7f7f;
  font-weight: 700;
  right: 10px;
  top: 5px;
}

.cabinet .settings .settings-emails .delete-icon {
  position: absolute;
  color: #7f7f7f;
  font-weight: 700;
  right: 41px;
  top: 5px;
}

.cabinet .settings .settings-emails .muted {
  color: #c9c9c9;
}

.cabinet .add-email-label {
  text-transform: none !important;
  margin-bottom: 0 !important;
  height: 20px !important;
  color: #000000;
  font-family: "Proxima Nova";
  font-size: 13px;
  font-weight: 400;
  line-height: 29.6px;
}

.cabinet .favorites {
  position: relative;
  margin-left: 16px;
  padding: 0 32px 0 52px;
  margin: 0 auto;
}

.cabinet .favorites::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 15px;
  left: 31px;
  top: 0;
  background-color: #000;
  background: url("../img/favorites.png") center center no-repeat;
  background-size: cover;
}

.cabinet .settings-hint-icon {
  color: #ff6900;
  font-size: 10px;
  font-weight: 700;
}

.cabinet .cabinet-links {
  color: #000000;
  font-family: "Proxima Nova";
}

.cabinet .cabinet-links ul {
  margin: 0;
  margin-left: 24px;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}

.cabinet .cabinet-links a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .cabinet-links li {
  min-width: 135px;
}

.cabinet .cabinet-links li:hover {
  color: #ff6900;
}

.cabinet .cabinet-links .mail-box {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.48px;
  margin-bottom: 8px;
  left: -12px;
}

.cabinet .cabinet-links .mail-box a {
  position: relative;
  padding-left: 15px;
}

.cabinet .cabinet-links .mail-box a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .cabinet-links .mail-box a:hover:after {
  background-position: 120px 17px;
}

.cabinet .cabinet-links .mail-box a:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: -3px;
  left: -13px;
  background: url("../img/icons_scm.png");
  background-position: 120px 0;
}

.cabinet .cabinet-links .drafts {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 15px;
}

.cabinet .cabinet-links .drafts a {
  position: relative;
  padding-left: 15px;
}

.cabinet .cabinet-links .drafts a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .cabinet-links .drafts a:hover:after {
  background-position: 205px 17px;
}

.cabinet .cabinet-links .drafts a:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: 0px;
  left: -13px;
  background: url("../img/icons_scm.png");
  background-position: 205px 0;
}

.cabinet .cabinet-links .sent {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 25px;
}

.cabinet .cabinet-links .sent a {
  position: relative;
  padding-left: 9px;
}

.cabinet .cabinet-links .sent a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .cabinet-links .sent a:hover:after {
  background-position: 222px 17px;
}

.cabinet .cabinet-links .sent a:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: 0px;
  left: -14px;
  background: url("../img/icons_scm.png");
  background-position: 222px 0;
}

.cabinet .cabinet-links .contacts {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.48px;
}

.cabinet .cabinet-links .contacts span {
  position: relative;
  font-size: 29px;
  font-weight: 300;
  letter-spacing: 1.16px;
  top: -7px;
  left: -2px;
}

.cabinet .cabinet-links .contacts a {
  position: relative;
  padding-left: 0px;
}

.cabinet .cabinet-links .contacts a:hover {
  text-decoration: none;
  color: #ff6900;
}

.cabinet .cabinet-links .contacts a:hover:after {
  background-position: 102px 17px;
}

.cabinet .cabinet-links .contacts a:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: -2px;
  left: -21px;
  background: url("../img/icons_scm.png");
  background-position: 102px 0;
}

@media (max-width: 1024px) {
  .cabinet .hero {
    min-height: 226px;
  }
}

@media (max-width: 767px) {
  .cabinet .hero {
    min-height: 140px;
    margin-bottom: 80px;
  }
}

@media (max-width: 1024px) {
  .cabinet .hero .avatar {
    top: 29px;
  }
}

@media (max-width: 1024px) {
  .cabinet .avatar-info {
    height: 226px;
  }
}

@media (max-width: 767px) {
  .cabinet .avatar-info {
    height: 140px;
  }
}

@media (max-width: 1276px) {
  .cabinet .user-info {
    top: -12px;
    margin-left: 110px;
  }
}

@media (max-width: 1024px) {
  .cabinet .user-info {
    top: -50px;
  }
}

@media (max-width: 767px) {
  .cabinet .user-info {
    top: -39px;
  }
}

@media (max-width: 1024px) {
  .cabinet .user-info h2 {
    margin-bottom: 11px;
    width: 251px;
  }
}

@media (max-width: 480px) {
  .cabinet .user-info h2 {
    line-height: 23px;
    width: 161px;
    font-size: 21px;
    margin-top: 5px;
  }
}

@media (max-width: 767px) {
  .cabinet .balance-container {
    left: -121px;
    margin-top: 28px;
    padding: 20px;
    width: 100vw;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 480px) {
  .cabinet .balance-container {
    margin-top: 35px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .cabinet .balance h3 {
    font-size: 31px;
  }
}

@media screen and (max-width: 767px) {
  .cabinet .balance-actions .bs-popover-bottom .btn-yellow {
    min-width: 282px;
  }
}

@media (max-width: 576px) {
  .cabinet .balance-actions .bs-popover-bottom {
    left: -100px;
  }
}

@media (max-width: 1024px) {
  .cabinet .balance-actions li {
    display: inline-block;
  }
}

@media (max-width: 576px) {
  .cabinet .balance-actions {
    margin-left: 10%;
  }
}

@media (max-width: 767px) {
  .cabinet .text-center-768 {
    text-align: center !important;
  }
}

@media (max-width: 1276px) {
  .cabinet .settings .styles-1276 {
    position: relative;
    margin-left: -30px !important;
    width: 378px !important;
  }
}

@media (max-width: 1024px) {
  .cabinet .settings .styles-1276 {
    margin-left: -22px !important;
    width: 257px !important;
  }
}

@media (max-width: 767px) {
  .cabinet .settings .styles-1276 {
    margin-left: 10px !important;
    top: 5px !important;
    width: 100% !important;
    padding-right: 29px !important;
  }
}

@media (max-width: 480px) {
  .cabinet .settings .styles-1276 {
    padding-right: 22px !important;
  }
}

@media (max-width: 767px) {
  .cabinet .settings .settings-hint {
    width: 100%;
  }
}

@media (max-width: 1276px) {
  .cabinet .settings .settings-hint-1276 {
    width: 300px;
  }
}

@media (max-width: 1024px) {
  .cabinet .settings .settings-hint-1276 {
    width: 270px;
  }
}

@media (max-width: 767px) {
  .cabinet .settings .settings-hint-1276 {
    width: 100%;
  }
}

@media (max-width: 1276px) {
  .cabinet .cabinet-links {
    position: relative;
  }
}

@media (max-width: 767px) {
  .cabinet .cabinet-links .contacts {
    position: absolute;
    right: 58px;
    top: 1px;
  }
}

@media (max-width: 480px) {
  .cabinet .cabinet-links .contacts {
    right: -56px;
  }
}

.user-logged {
  font-family: "Proxima Nova";
  position: absolute;
  top: 0px;
}

.user-logged .avatar img {
  position: relative;
  top: -7px;
  left: -2px;
  margin-right: 7px;
  float: left;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
}

.user-logged .avatar h2 {
  margin-top: 8px;
  text-align: left;
  color: #000000;
  font-size: 19px;
  font-weight: 700;
  line-height: 21.2px;
}

.user-logged .balance {
  margin-top: 40px;
  padding-left: 13px;
  text-align: left;
  margin-bottom: 16px;
}

.user-logged .balance a {
  position: relative;
  padding-left: 15px;
}

.user-logged .balance a:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged .balance a:hover:after {
  background-position: 51px 17px;
}

.user-logged .balance a:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  top: -1px;
  left: -13px;
  background: url("../img/icons_scm.png");
  background-position: 51px 0;
}

.user-logged .dropdown-links {
  border-top: 2px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  left: -20px;
  width: 255px;
}

.user-logged .cabinet-links {
  text-align: left;
  margin-top: 14px;
  margin-bottom: 12px;
  margin-left: 34px;
  width: 200px;
}

.user-logged .cabinet-links a {
  white-space: nowrap;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  line-height: 31px;
}

.user-logged .cabinet-links a:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged .drafts {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 13px;
}

.user-logged .drafts:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged .drafts:hover:after {
  background-position: 205px 17px;
}

.user-logged .drafts:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: -1px;
  left: -15px;
  background: url("../img/icons_scm.png");
  background-position: 205px 0;
}

.user-logged .sent {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 12px;
}

.user-logged .sent:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged .sent:hover:after {
  background-position: 221px 17px;
}

.user-logged .sent:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: 0px;
  left: -14px;
  background: url("../img/icons_scm.png");
  background-position: 221px 0;
}

.user-logged .contacts {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 4px;
  margin-left: 7px;
}

.user-logged .contacts:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged .contacts:hover:after {
  background-position: 102px 17px;
}

.user-logged .contacts:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 17px;
  top: 0px;
  left: -21px;
  background: url("../img/icons_scm.png");
  background-position: 102px 0;
}

.user-logged .logout {
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 46px;
  height: 48px;
  border-bottom: 2px solid #e2e2e2;
  position: relative;
  left: -20px;
  width: 255px;
  padding-left: 21px;
}

.user-logged .logout a {
  color: #661c1c;
}

.user-logged .logout a:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged .logout a:hover i {
  color: #ff6900;
}

.user-logged .logout i {
  color: #000;
  font-size: 18px;
  margin-right: 9px;
}

.user-logged .dropdown-block {
  padding-bottom: 0 !important;
}

.user-logged-mobile {
  position: relative;
  font-family: "Proxima Nova";
  position: relative;
}

.user-logged-mobile:before {
  content: '';
  position: absolute;
  top: 236px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e2e2;
}

.user-logged-mobile .avatar img {
  position: relative;
  top: -7px;
  left: 13px;
  margin-right: 7px;
  float: left;
  width: 80px;
  height: 80px;
}

.user-logged-mobile .avatar h2 {
  margin-top: 6px;
  padding-top: 22px;
  margin-top: 8px;
  text-align: right;
  color: #000000;
  font-size: 19px;
  font-weight: 700;
  line-height: 21.2px;
}

.user-logged-mobile .balance {
  margin-top: 84px;
  padding-left: 7px;
  text-align: left;
}

.user-logged-mobile .balance h3 {
  color: #00aaf2;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 1.04px;
  line-height: 29.2px;
}

.user-logged-mobile .balance i {
  position: relative;
  left: -10px;
  font-size: 18px;
  color: #000;
}

.user-logged-mobile .balance a {
  position: relative;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  line-height: 51px;
}

.user-logged-mobile .balance a:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged-mobile .balance a:hover i {
  color: #ff6900;
}

.user-logged-mobile .dropdown-links {
  position: relative;
  left: -20px;
  width: 408px;
  padding-bottom: 60px;
}

.user-logged-mobile .cabinet-links {
  width: 240px;
  text-align: left;
  margin-top: 14px;
  margin-bottom: 12px;
  margin-left: 21px;
}

.user-logged-mobile .cabinet-links i {
  margin-right: 11px;
}

.user-logged-mobile .cabinet-links a {
  white-space: nowrap;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  line-height: 31px;
}

.user-logged-mobile .cabinet-links a:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged-mobile .logout {
  text-align: left;
  position: absolute;
  font-size: 15px;
  border-top: 1px solid #e2e2e2;
  font-weight: 400;
  line-height: 51px;
  height: 48px;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 21px;
}

.user-logged-mobile .logout a {
  color: #666666;
}

.user-logged-mobile .logout a:hover {
  text-decoration: none;
  color: #ff6900;
}

.user-logged-mobile .logout a:hover i {
  color: #ff6900;
}

.user-logged-mobile .logout i {
  color: #000;
  font-size: 18px;
  margin-right: 9px;
}

.user-logged-mobile .dropdown-block {
  padding-bottom: 0 !important;
}

.user-logged-mobile .inner {
  padding: 25px 20px 0 20px !important;
}

.modal-backdrop {
  opacity: 0.4;
}

.login-modal {
  font-family: "Proxima Nova";
}

.login-modal .modal {
  padding-right: 0px;
}

.login-modal .modal .modal-dialog {
  max-width: 420px;
}

.login-modal .modal .modal-dialog .modal-content .modal-header {
  padding-bottom: 21px;
  display: block;
  border-bottom: 2px solid #ff6900;
}

.login-modal .modal .modal-dialog .modal-content .modal-header .logo-box {
  margin: 0 auto;
  width: 175px;
  margin-top: 5px;
}

.login-modal .modal .modal-dialog .modal-content .modal-header h5 {
  color: #666666;
  font-size: 27px;
  font-weight: 300;
  margin-top: 21px;
  text-align: center;
}

.login-modal .modal .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  top: 19px;
  right: 19px;
  width: 22px;
  height: 22px;
  background: url("../img/close_modal.png") center center no-repeat;
  background-size: cover;
  opacity: 1;
}

.login-modal .modal .modal-dialog .modal-content .modal-body {
  padding-top: 2px;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box {
  display: block;
  width: 281px;
  margin: 0 auto;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .remember-forget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 26px;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .remember-forget input {
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .remember-forget a {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .remember-forget a:hover {
  color: #4d4d4d;
  text-decoration: none;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .remember-forget .remember {
  color: #000000;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .remember-forget .forget {
  color: #979797;
  font-size: 15px;
  font-weight: 400;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .register-now p {
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.6px;
}

.login-modal .modal .modal-dialog .modal-content .modal-body .login-box .register-now .register-now-link {
  color: #3fa8f4;
  font-family: "Raleway";
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.52px;
}

@media (max-width: 480px) {
  .login-modal .modal {
    top: 0;
  }
}

@media (max-width: 480px) {
  .login-modal .modal .modal-dialog {
    max-width: 100vw;
    margin: 0px;
  }
}

@media (max-width: 480px) {
  .login-modal .modal .modal-dialog .modal-content {
    border-radius: 0;
    border: 0;
  }
}

.popover.in {
  opacity: 1;
}

.popover-content .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.popover-content .pagination li {
  display: inline !important;
}

.popover-content .pagination li a {
  display: inline-block !important;
}

.lds-ripple-background {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: rgba(158, 158, 158, 0.46);
  background: rgba(96, 125, 139, 0.7);
  top: 0px;
  left: 0px;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000000;
  margin-left: -32px;
  margin-top: -32px;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  -webkit-animation: lds-ripple 1.2s cubic-bezier(0.24, 0.29, 0.58, 1) infinite;
  animation: lds-ripple 1.2s cubic-bezier(0.24, 0.29, 0.58, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes lds-ripple {
  0% {
    top: 30px;
    left: 30px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  22% {
    top: 26px;
    left: 26px;
    width: 13px;
    height: 13px;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 64px;
    height: 64px;
    opacity: 0;
  }
}

@keyframes lds-ripple {
  0% {
    top: 30px;
    left: 30px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  22% {
    top: 26px;
    left: 26px;
    width: 13px;
    height: 13px;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 64px;
    height: 64px;
    opacity: 0;
  }
}

@-webkit-keyframes rollInAbs {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
    position: absolute !important;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollInAbs {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
    position: absolute !important;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollInAbs {
  -webkit-animation-name: rollInAbs;
  animation-name: rollInAbs;
}

@-webkit-keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1, 0, 0) rotate(120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}

@keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollInRight {
  -webkit-animation-name: rollInRight;
  animation-name: rollInRight;
}

@-webkit-keyframes fadeOutRightBigAbs {
  0% {
    opacity: 1;
    position: absolute !important;
    right: 0;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    position: absolute !important;
    right: 0;
  }
}

@keyframes fadeOutRightBigAbs {
  0% {
    opacity: 1;
    position: absolute !important;
    right: 0;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    position: absolute !important;
    right: 0;
  }
}

.fadeOutRightBigAbs {
  -webkit-animation-name: fadeOutRightBigAbs;
  animation-name: fadeOutRightBigAbs;
}

@-webkit-keyframes rollOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
    position: absolute !important;
  }
}

@keyframes rollOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
    position: absolute !important;
  }
}

.rollOutRight {
  -webkit-animation-name: rollOutRight;
  animation-name: rollOutRight;
  position: absolute !important;
}

@-webkit-keyframes rollOutAbs {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOutAbs {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOutAbs {
  -webkit-animation-name: rollOutAbs;
  animation-name: rollOutAbs;
  position: absolute !important;
  left: calc((100% - 1210px) / 2) !important;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.designer-page .inner .designer-content .designer-navs {
  -webkit-transition: width 1s, margin-left 1s;
  transition: width 1s, margin-left 1s;
}

.designer-page .inner .grid-fluid .designer-content .designer-navs {
  top: 15%;
}

.designer-page .inner .grid-fluid .designer-content .designer-navs .designer-navs-next {
  display: none;
}

@media screen and (max-width: 576px) {
  .designer-page .inner .grid-fluid .designer-content .designer-navs {
    top: 15%;
  }
}

@media screen and (max-width: 480px) {
  .designer-page .inner .grid-fluid .designer-content .designer-navs {
    top: 14%;
  }
}

@media screen and (max-width: 430px) {
  .designer-page .inner .grid-fluid .designer-content .designer-navs {
    top: 8%;
  }
}

@media screen and (max-width: 375px) {
  .designer-page .inner .grid-fluid .designer-content .designer-navs {
    top: 10%;
  }
}

/*----- pavel from 28.01.2019 -----*/
.d-print-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.wrap-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0;
}

.wrap-line .text-line {
  display: inline-block;
  padding: 0 18px;
  text-transform: uppercase;
}

@media screen and (min-width: 767px) {
  .wrap-line .text-line {
    padding: 0 36px;
  }
}

.line {
  display: block;
  width: 100%;
  height: 2px;
  background: #dedede;
}

.text-marked {
  color: #3fa9f5;
}

.text-action {
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #ff6900;
  border-radius: 50%;
  width: 21px;
}

@media screen and (max-width: 576px) {
  .text-action {
    margin-right: 5px;
    width: 26px;
  }
}

.hiddenMessage {
  display: none;
  position: relative;
  background: #dedede;
  border-radius: 36px;
  padding: 20px 17px 20px 89px;
}

.hiddenMessage .hidden-title {
  color: #000;
  text-transform: uppercase;
  font-size: 15px;
}

.hiddenMessage .hidden-text {
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 0;
}

.hiddenMessage .hidden-img {
  position: absolute;
  top: -6px;
  left: 0;
}

@media screen and (min-width: 767px) {
  .hiddenMessage {
    padding: 20px 34px 20px 106px;
  }
  .hiddenMessage .hidden-title {
    font-size: 17px;
  }
  .hiddenMessage .hidden-text {
    font-size: 15px;
  }
}

#iDontKnow {
  position: absolute;
  top: 4px;
  margin-left: 18px;
}

#iDontKnow:checked ~ div.hiddenMessage {
  display: block;
  margin-top: 36px;
}

@media screen and (min-width: 767px) {
  #iDontKnow {
    margin-left: 36px;
  }
}

@media screen and (max-width: 576px) {
  #iDontKnow {
    margin-left: 0;
  }
}

.idn-line {
  width: auto;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: -1;
}

@media screen and (min-width: 991px) {
  .idn-line {
    left: 91px;
    right: 91px;
  }
}

@media screen and (min-width: 576px) {
  .idn-line {
    display: none;
  }
}

.idn-label {
  text-transform: none;
  padding: 0 18px 0 43px;
  display: inline-block;
  background: white;
  font-weight: normal;
  font-size: 15px;
}

@media screen and (min-width: 767px) {
  .idn-label {
    padding: 0 36px 0 73px;
  }
}

.link-question {
  display: block;
  margin-top: 10px;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 576px) {
  .link-question {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 5px;
  }
}

/*----- page success payment -----*/
.wrap-success p {
  font-size: 15px;
}

.wrap-success .link-question {
  margin-top: 15px;
}

.wrap-copy {
  min-height: 75px;
  padding: 0 27px 0 84px;
  position: relative;
  border-radius: 36px;
  background: #ffb819;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wrap-copy p {
  margin: 0;
}

.wrap-copy img {
  position: absolute;
  top: 2px;
  left: 2px;
}

@media screen and (min-width: 576px) {
  .wrap-copy {
    padding: 0 37px 0 94px;
  }
}

#link-copy-text {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 576px) {
  #link-copy-text {
    margin-top: 20px;
  }
}

.wrap-action-btns {
  padding-top: 10px;
  text-align: center;
}

.copy-link {
  margin-bottom: 0;
  word-break: break-all;
  color: white;
  display: none;
}

@media screen and (min-width: 576px) {
  .copy-link {
    display: inline-block;
  }
}

a.media-item {
  display: inline-block;
  margin: 12px 6px 0 6px;
}

.media-item:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
}

@media screen and (max-width: 576px) {
  .media-item:before {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
}

.media-facebook {
  background: url("/frontend/themes/scm/img/email/svg/005-facebook.svg") no-repeat center;
  background-size: contain;
}

.media-twitter {
  background: url("/frontend/themes/scm/img/email/svg/006-twitter.svg") no-repeat center;
  background-size: contain;
}

.media-telegram {
  background: url("/frontend/themes/scm/img/email/svg/002-telegram.svg") no-repeat center;
  background-size: contain;
}

.media-instagram {
  background: url("/frontend/themes/scm/img/email/svg/001-instagram.svg") no-repeat center;
  background-size: contain;
}

.media-messenger {
  background: url("/frontend/themes/scm/img/email/svg/008-messenger.svg") no-repeat center;
  background-size: contain;
}

.media-viber {
  background: url("/frontend/themes/scm/img/email/svg/004-viber.svg") no-repeat center;
  background-size: contain;
}

.media-whatsapp {
  background: url("/frontend/themes/scm/img/email/svg/003-whatsapp.svg") no-repeat center;
  background-size: contain;
}

.media-skype {
  background: url("/frontend/themes/scm/img/email/svg/007-skype.svg") no-repeat center;
  background-size: contain;
}

/*----- start instructions page -----*/
.wrap-instructions .instruction-banner {
  background: url("https://sendcardme.com/frontend/themes/scm/img/share-banner.jpg") no-repeat top;
  background-size: cover;
}

.wrap-instructions .instruction-banner .container {
  padding-top: 45px;
  padding-bottom: 45px;
}

.wrap-instructions .instruction-banner .container h1 {
  color: white;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  max-width: 50%;
}

.wrap-instructions section {
  -webkit-box-shadow: inset 0 -25px 50px -20px rgba(0, 0, 0, 0.3), 0 0px 0px -3px rgba(0, 0, 0, 0);
  box-shadow: inset 0 -25px 50px -20px rgba(0, 0, 0, 0.3), 0 0px 0px -3px rgba(0, 0, 0, 0);
}

.wrap-instructions section .container {
  padding-top: 35px;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.wrap-instructions section .container .wrap-section-title {
  padding: 15px 25px 15px 99px;
  position: relative;
  text-align: left;
  width: 280px;
}

.wrap-instructions section .container .wrap-section-title * {
  font-weight: 400;
}

.wrap-instructions section .container .wrap-section-title p.section-title {
  font-size: 17px;
}

.wrap-instructions section .container .wrap-section-title span.section-num {
  display: inline-block;
  position: absolute;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  border: 2px solid #ff6900;
  font-size: 22px;
  top: 0;
  left: 0;
  text-align: center;
}

.wrap-instructions section .container .wrap-copy {
  display: inline-block;
  padding: 15px 30px 15px 92px;
  height: auto;
  min-height: 75px;
  width: auto;
  max-width: 480px;
}

.wrap-instructions section .container .wrap-copy p.copy-title {
  font-size: 13px;
  text-transform: uppercase;
}

.wrap-instructions section .container .wrap-copy .copy-link {
  color: white;
  font-size: 12px;
  margin-top: 12px;
}

@media screen and (min-width: 767px) {
  .wrap-instructions .instruction-banner .container {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .wrap-instructions .instruction-banner .container h1 {
    font-size: 30px;
  }
}

@media screen and (min-width: 991px) {
  .wrap-instructions .instruction-banner .container {
    padding-top: 135px;
    padding-bottom: 135px;
  }
  .wrap-instructions .instruction-banner .container h1 {
    font-size: 44px;
    font-weight: 400;
  }
}

@media screen and (min-width: 767px) {
  .wrap-instructions section .container {
    padding-top: 55px;
  }
  .wrap-instructions section .container .wrap-section-title {
    width: 400px;
  }
  .wrap-instructions section .container .wrap-section-title p.section-title {
    font-size: 21px;
  }
  .wrap-instructions section .container .wrap-section-title span.section-num {
    font-size: 33px;
  }
}

@media screen and (min-width: 991px) {
  .wrap-instructions section .container .wrap-section-title {
    width: 600px;
  }
  .wrap-instructions section .container .wrap-section-title span.section-num {
    font-size: 44px;
  }
}

/*----- end instructions page -----*/
.contact-page.grid:not(.rollInRight):not(.rollOutAbs) {
  visibility: hidden;
  background: #f00;
  color: #f44;
}

.inner {
  -webkit-transition: height 1s, filter .6s 1s;
  -webkit-transition: height 1s, -webkit-filter .6s 1s;
  transition: height 1s, -webkit-filter .6s 1s;
  transition: height 1s, filter .6s 1s;
  transition: height 1s, filter .6s 1s, -webkit-filter .6s 1s;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.inner.loading {
  -webkit-transition: height 1s, filter .6s;
  -webkit-transition: height 1s, -webkit-filter .6s;
  transition: height 1s, -webkit-filter .6s;
  transition: height 1s, filter .6s;
  transition: height 1s, filter .6s, -webkit-filter .6s;
  -webkit-filter: blur(20px);
  filter: blur(20px);
}

.marker-pick {
  position: absolute;
  cursor: pointer;
  z-index: 3000;
  filter: alpha(enabled=false);
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.marker-pick.active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.marker-pick .background {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  position: relative;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.9);
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomleft: 100px;
  -moz-border-radius-bottomright: 100px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px -2px 8px -1px;
  box-shadow: rgba(0, 0, 0, 0.5) -2px -2px 8px -1px;
  border-radius: 15px 100px 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(10%, white), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, white 10%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, white 10%, rgba(255, 255, 255, 0) 100%);
  background-size: 4px 100%, 100% 4px;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
}

.marker-pick:hover .background {
  background-color: white;
}

.marker-pick .foreground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  color: #000;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: center;
  line-height: 15px;
  font-size: 13px;
  text-transform: uppercase;
  padding-top: 35px;
}

.marker-pick.right {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.marker-pick.right .background {
  -webkit-transform: scale(1, 1) rotateZ(-45deg);
  transform: scale(1, 1) rotateZ(-45deg);
}

.marker-pick.right .foreground {
  padding-right: 10px;
}

.marker-pick.left {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.marker-pick.left .background {
  -webkit-transform: scale(1, 1) rotateZ(135deg);
  transform: scale(1, 1) rotateZ(135deg);
}

.marker-pick.left .foreground {
  padding-left: 10px;
}

.marker-pick.bottom {
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.marker-pick.bottom .background {
  -webkit-transform: scale(1, 1) rotateZ(45deg);
  transform: scale(1, 1) rotateZ(45deg);
}

.marker-pick.top {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.marker-pick.top .background {
  -webkit-transform: scale(1, 1) rotateZ(-135deg);
  transform: scale(1, 1) rotateZ(-135deg);
}

.marker-pick.left-bottom {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.marker-pick.left-bottom .background {
  -webkit-transform: scale(1, 1) rotateZ(90deg);
  transform: scale(1, 1) rotateZ(90deg);
}

.marker-pick.right-bottom {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.marker-pick.right-bottom .background {
  -webkit-transform: scale(1, 1) rotateZ(0deg);
  transform: scale(1, 1) rotateZ(0deg);
}

.marker-pick.left-top {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.marker-pick.left-top .background {
  -webkit-transform: scale(1, 1) rotateZ(180deg);
  transform: scale(1, 1) rotateZ(180deg);
}

.marker-pick.left-top .foreground {
  padding-top: 40px;
}

.marker-pick.right-top {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.marker-pick.right-top .background {
  -webkit-transform: scale(1, 1) rotateZ(-90deg);
  transform: scale(1, 1) rotateZ(-90deg);
}

.marker-pick.right-top .foreground {
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  .marker-pick {
    display: none;
  }
}

.form-card-info {
  height: auto;
}

.form-card-info .wrap-input {
  height: auto;
}

.pick-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: -45px;
  top: -140px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.pick-background .background {
  width: 100px;
  height: 100px;
  -webkit-transform: scale(1, 1) rotateZ(-90deg);
  transform: scale(1, 1) rotateZ(-135deg);
  position: relative;
  top: 0;
  left: 0;
  background-color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px -2px 8px -1px;
  box-shadow: rgba(0, 0, 0, 0.5) -2px -2px 8px -1px;
  border-radius: 15px 100px 100px;
}

.pick-background p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 32px;
  text-align: center;
}

.pick-background:hover {
  cursor: pointer;
}

@media screen and (max-width: 1600px) {
  .pick-background {
    top: 60% !important;
  }
}

@media screen and (min-width: 576px) {
  .pick-background {
    right: -130px;
    top: 80%;
  }
}

@media screen and (max-width: 991px) {
  .pick-background {
    display: none;
  }
}

.social-fb,
.social-goo {
  text-align: left !important;
  padding: 10px;
  font-size: 13px;
  line-height: 24px;
}

.social-fb .icon-fb:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 8px;
  background: url(../img/fb.png) no-repeat center;
  background-size: cover;
  border-radius: 2px;
}

.social-goo .icon-goo:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 8px;
  background: url(../img/goo.png) no-repeat center;
  background-size: cover;
  border-radius: 2px;
}

.row-banner {
  margin: 0;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  height: 250px;
}

@media screen and (max-width: 768px) {
  .hidden-footer {
    display: none !important;
  }
}

#price-pad {
  display: none;
  font-size: 15px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #bbb;
  border-radius: 22px 0 0 22px;
  padding: 10px;
  position: absolute;
  right: -5px;
  top: 35px;
}

#price-pad i {
  margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
  #price-pad {
    display: none;
  }
}

.price-mobile {
  display: none;
  font-size: 15px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #bbb;
  border-radius: 22px 0 0 22px;
  padding: 10px;
  position: absolute;
  right: -5px;
  top: 35px;
  padding-left: 20px;
}

.price-mobile i {
  margin-bottom: 3px;
}

section.toolbar {
  display: block;
}

@media screen and (max-width: 767px) {
  section.toolbar {
    margin-top: 60px;
  }
}

@media screen and (max-width: 576px) {
  section.toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
  }
}

.wrap-navs .tab-content nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.wrap-navs .tab-content nav a {
  text-align: center;
}

.colors-box .color-item {
  margin: 7px;
  display: inline-block;
  text-align: center;
  width: 38px;
  height: 38px;
  padding: 4px;
  border-radius: 3px;
}

.colors-box .color-item .color-value {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.designer-page .inner aside .wrap-navs {
  padding-bottom: 0;
}

.designer-page .inner aside .wrap-navs .nav-pills {
  text-transform: none;
  font-weight: 500;
}

.designer-page .inner aside .wrap-navs .nav-pills.level-2 {
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.designer-page .inner aside .wrap-navs .nav-pills.level-2 li {
  margin-top: 10px;
}

.designer-page .inner aside .wrap-navs .nav-pills .nav-static {
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (max-width: 576px) {
  .designer-page .inner aside .wrap-navs .nav-pills.level-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 576px) {
  .designer-page .inner aside .wrap-navs .nav-pills.level-2 li {
    margin-top: 0;
  }
}

.display-desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  .display-desktop {
    display: block;
  }
  .display-desktop.nav.nav-pills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#rem-control {
  width: 100%;
}

#characteristics {
  display: none;
}

#pad-toolbox {
  display: none;
  background-color: white;
}

#pad-toolbox aside {
  padding: 0;
  height: 100%;
}

#pad-toolbox aside .toolbar {
  height: 100%;
  margin-top: 0;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#pad-toolbox aside .toolbar .box-content {
  width: 50%;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
}

#pad-toolbox aside .toolbar .box-content .tab-content {
  height: 100%;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-font-pad {
  height: 100%;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-font-pad ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-format-pad {
  height: 100%;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-format-pad .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-format-pad .row .col-2,
#pad-toolbox aside .toolbar .box-content .tab-content #text-format-pad .row .col-5 {
  max-width: 100%;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-format-pad .row .col-2 .btn-group,
#pad-toolbox aside .toolbar .box-content .tab-content #text-format-pad .row .col-5 .btn-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-size-pad .text-info-box .wrap-scroll {
  height: 100%;
}

#pad-toolbox aside .toolbar .box-content .tab-content #text-color-pad,
#pad-toolbox aside .toolbar .box-content .tab-content #back-color-pad {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#pad-toolbox aside .toolbar .box-content .tab-content #back-image-pad {
  height: 100%;
}

#pad-toolbox aside .toolbar .box-content .tab-content #back-image-pad .scroll-wrapper .background-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#pad-toolbox aside .toolbar .wrap-navs {
  float: right;
  display: block;
  padding-top: 60px;
  border-left: 2px solid lightgrey;
}

#pad-toolbox aside .toolbar .wrap-navs .line {
  position: absolute;
  top: 97px;
  z-index: 0;
}

#pad-toolbox.disappear {
  display: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  #pad-toolbox {
    display: block;
    width: 25%;
  }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  #side-tools {
    display: none;
  }
}

@media (max-width: 450px) {
  #side-tools {
    position: relative;
    bottom: 35px;
  }
}

@media (max-width: 400px) {
  #side-tools {
    bottom: 29px;
  }
}

@media (max-width: 350px) {
  #side-tools {
    position: relative;
    bottom: -2px;
  }
}

.display-pad,
.display-mobile {
  display: none;
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .display-pad {
    display: block;
  }
}

@media screen and (max-width: 576px) {
  .display-mobile {
    display: block;
  }
}

#text-font,
#text-font-pad {
  height: 106px;
}

#text-font .scroll-wrapper,
#text-font-pad .scroll-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#text-font ul,
#text-font-pad ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 12px;
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}

#text-font ul li,
#text-font-pad ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

#text-font ul li img,
#text-font-pad ul li img {
  max-width: 120px;
}

#text-font .arrow-back,
#text-font-pad .arrow-back {
  top: 50px;
  left: 5px;
}

#text-font .arrow-next,
#text-font-pad .arrow-next {
  top: 50px;
  right: 5px;
}

a > .icon-font:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/frontend/themes/scm/img/font.png") no-repeat center;
  background-size: contain;
  margin-bottom: -4px;
}

a.active > .icon-font:before {
  background: url("/frontend/themes/scm/img/font-active.png") no-repeat center;
  background-size: contain;
}

a.active > .icon-format:before {
  background: url("/frontend/themes/scm/img/align-active.png") no-repeat center;
  background-size: contain;
}

a.active > .icon-size:before {
  background: url("/frontend/themes/scm/img/fsize-active.png") no-repeat center;
  background-size: contain;
}

a.active > .icon-color:before {
  background: url("/frontend/themes/scm/img/color-active.png") no-repeat center;
  background-size: contain;
}

a.active > .icon-image:before {
  background: url("/frontend/themes/scm/img/image-active.png") no-repeat center;
  background-size: contain;
}

a > .icon-format:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/frontend/themes/scm/img/align.png") no-repeat center;
  background-size: contain;
  margin-bottom: -4px;
}

a > .icon-size:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/frontend/themes/scm/img/fsize.png") no-repeat center;
  background-size: contain;
  margin-bottom: -4px;
}

a > .icon-color:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/frontend/themes/scm/img/color.png") no-repeat center;
  background-size: contain;
  margin-bottom: -4px;
}

a > .icon-image:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/frontend/themes/scm/img/image.png") no-repeat center;
  background-size: contain;
  margin-bottom: -4px;
}

.display-pad.wrap-navs,
.display-mobile.wrap-navs {
  display: none;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .display-pad.wrap-navs {
    display: -ms-grid;
    display: grid;
  }
}

@media screen and (max-width: 576px) {
  .display-mobile.wrap-navs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4fr;
    grid-template-columns: 1fr 4fr;
  }
}

.wrap-navs .tab-content > .active {
  display: block;
  opacity: 1 !important;
  width: 100%;
}

.wrap-navs .tab-content a {
  font-size: 11px;
  display: block;
  height: 100%;
  text-decoration: none;
}

.wrap-navs .tab-content a:hover {
  text-decoration: none;
  color: #000;
}

.wrap-navs .tab-content a i {
  display: block;
}

.wrap-navs .tab-content a.active {
  color: #ff6900;
}

@media screen and (max-width: 567px) {
  .wrap-navs .tab-content > .active #back-color-link {
    display: none;
  }
}

.designer-page .inner aside .display-pad .nav-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.designer-page .inner aside .display-mobile .nav-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.designer-page .inner aside .display-pad .nav-pills.level-1,
.designer-page .inner aside .display-mobile .nav-pills.level-1 {
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.designer-page .inner aside .display-pad .nav-pills.level-1 a,
.designer-page .inner aside .display-mobile .nav-pills.level-1 a {
  margin: 0;
  font-weight: 700;
}

.designer-page .inner aside .display-pad .nav-pills .nav-item {
  padding: 0 0 10px 0;
  font-size: 12px;
  text-transform: uppercase;
}

.designer-page .inner aside .display-mobile .nav-pills .nav-item {
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
}

.designer-page .inner aside .display-pad .nav-pills .nav-item.active {
  display: inline-block;
  height: initial;
  border-bottom: 2px solid #ff6900;
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.designer-page .inner aside .display-mobile .nav-pills .nav-item.active {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (min-width: 576px) and (max-width: 768px) {
  .designer-page .inner aside .display-pad .nav-pills.level-1 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 567px) {
  .designer-page .inner aside .display-mobile .nav-pills.level-1 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .designer-page .inner aside .display-mobile .nav-pills.level-1 {
    margin-top: 10px;
  }
}

#text-format,
#text-size,
#text-format-pad,
#text-size-pad {
  padding-top: 6px;
}

#text-format > .row,
#text-format-pad > .row {
  padding-top: 24px;
  padding-bottom: 19px;
}

#text-color,
#back-color,
#text-color-pad,
#back-color-pad {
  padding-top: 25px;
  padding-bottom: 18px;
  text-align: center;
}

@media screen and (max-width: 414px) {
  #text-color,
  #back-color,
  #text-color-pad,
  #back-color-pad {
    padding-top: 28px;
    padding-bottom: 20px;
  }
}

#text-color.active,
#back-color.active,
#text-color-pad.active,
#back-color-pad.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: scroll;
}

#back-image .background-list,
#back-image-pad .background-list {
  padding-top: 10px;
  padding-bottom: 0;
  top: 0;
}

@media screen and (min-width: 320px) and (max-width: 413px) {
  #back-image .background-list,
  #back-image-pad .background-list {
    padding-top: 5px;
    padding-bottom: 3px;
  }
  #back-image .background-list .background-item-outer,
  #back-image-pad .background-list .background-item-outer {
    margin-bottom: 0;
  }
}

#text-format,
#text-format-pad {
  height: 101px;
}

@media screen and (max-width: 414px) {
  #text-format,
  #text-format-pad {
    height: 106px;
  }
}

.wrap-navs .tab-content {
  background: #fff !important;
}

.wrap {
  position: absolute;
  right: -10px;
  bottom: 45px;
  left: -10px;
}

.wrap .tab-content {
  padding-left: 20px;
  padding-right: 20px;
}

.wrap .btn {
  background: #fff !important;
  font-weight: 600;
}

.wrap .background-list {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.wrap .scrollbar-outer > .scroll-element.scroll-x {
  bottom: 12px;
  display: none;
}

.designer-page .inner aside .wrap .text-info-box {
  padding-top: 0;
  padding-bottom: 0;
}

.designer-page .inner aside .wrap .text-info-box .wrap-scroll {
  overflow: scroll;
  height: 100px;
}

.designer-page .inner aside .wrap .text-info-box .form-row {
  margin-bottom: 20px;
}

.grey-line {
  display: none;
  background: #d7d6d6;
  height: 2px;
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: 0;
  z-index: 1;
}

@media screen and (max-width: 576px) {
  .grey-line {
    display: block;
  }
}

#back-image,
#text-size .text-info-box,
#back-image-pad,
#text-size-pad .text-info-box {
  position: relative;
}

.arrow-next {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 48px;
  right: -16px;
}

.arrow-back {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 48px;
  left: -12px;
}

#text-color .arrow-next,
#back-color .arrow-next,
#text-color .arrow-back,
#back-color .arrow-back {
  top: 46px;
}

#text-color .arrow-next,
#back-color .arrow-next {
  right: 6px;
}

#text-color .arrow-back,
#back-color .arrow-back {
  left: 6px;
}

.arrow-top {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 15px;
  left: calc(50% - 6px);
}

.arrow-bottom {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 75px;
  left: calc(50% - 6px);
}

.card-editor-sides .greyline {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #d7d6d680;
  height: 2px;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .grid.main-grid .row .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .grid.main-grid .row .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}

@media (min-width: 991px) {
  .grid.main-grid .row .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .grid.main-grid .row .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
}

.text-info-box .form-row {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

@media screen and (max-width: 576px) {
  .wrap-mm {
    height: 45px;
  }
}

#text-format .row .btn-group,
#text-format-pad .row .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#text-format .row .btn-group button,
#text-format-pad .row .btn-group button {
  padding: 3px;
  margin: 0 5px;
  border-radius: 0;
}

#text-format .row .btn-group button.active,
#text-format-pad .row .btn-group button.active {
  color: #ff6900;
}

#text-format .row .btn-group button.active i > svg path,
#text-format-pad .row .btn-group button.active i > svg path,
#text-format .row .btn-group button.active i > svg g path,
#text-format-pad .row .btn-group button.active i > svg g path {
  fill: #ff6900;
}

#text-format .row .btn-group .btn-text-italic.active,
#text-format .row .btn-group .btn-text-bold.active {
  color: black;
  border-bottom: 2px solid #ff6900;
}

#text-format-pad .row .btn-group .btn-text-italic.active,
#text-format-pad .row .btn-group .btn-text-bold.active {
  color: black;
  border-bottom: 2px solid #ff6900;
}

#text-format .row .btn-group:first-child,
#text-format-pad .row .btn-group:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#text-format .row .btn-group:last-child,
#text-format-pad .row .btn-group:last-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-container a {
  text-align: initial;
}

.video-container video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .video-container {
    height: 385px;
  }
}

@media screen and (max-width: 669px) {
  .video-container {
    height: 360px;
  }
}

@media screen and (max-width: 567px) {
  .video-container {
    height: 310px;
  }
}

@media screen and (max-width: 450px) {
  .video-container {
    height: 225px;
  }
}

@media screen and (max-width: 385px) {
  .video-container {
    height: 200px;
  }
}

@media screen and (max-width: 350px) {
  .video-container {
    height: 170px;
  }
}

@media screen and (max-width: 576px) {
  .show-card-animation .container-flipper {
    min-height: 430px;
  }
}

@media screen and (max-width: 576px) {
  .flipper_show .front,
  .flipper_show .back {
    height: 430px;
  }
}

#profileModal {
  z-index: 9999;
}

.confirmation-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 60px;
}

.confirmation-step .price {
  margin: 0 auto;
  display: inline-block;
  text-align: left;
}

.confirmation-step .price span {
  text-transform: uppercase;
  font-size: 12px;
}

.confirmation-step .price h2 {
  font-size: 47px;
  margin-bottom: 0;
  color: #00aaf2;
  font-weight: bold;
}

.confirmation-step .btn {
  margin: 50px 0 90px;
  width: 195px;
  padding: 10px 20px 8px;
}

.confirmation-step .fox-happy {
  display: block;
  width: 90px;
  height: 105px;
  margin: 0 auto 0 0;
  background: url(../img/fox-emotions-7.png) no-repeat center center;
  background-size: cover;
}

.confirmation-step .fox-sad {
  display: block;
  width: 90px;
  height: 105px;
  margin: 0 auto 0 0;
  background: url(../img/fox-emotions-6.png) no-repeat center center;
  background-size: cover;
}

.confirmation-step .fox-404 {
  display: block;
  width: 90px;
  height: 105px;
  margin: 0 auto 0 0;
  background: url(../img/fox-emotions-5.png) no-repeat center center;
  background-size: cover;
}

.confirmation-step .approved {
  margin: 0 auto;
  display: inline-block;
  max-width: 480px;
  padding: 0 10px;
  text-align: center;
}

.confirmation-step .approved p {
  font-size: 18px;
  margin: 10px 0;
  padding: 0;
}

.confirmation-step .approved p.text-pad {
  padding: 0 20px;
}

.confirmation-step .approved .btn {
  margin: 10px 15px;
}

.confirmation-step .approved h3 {
  color: #95b200;
  font-size: 45px;
  margin: 15px 0;
  font-weight: 300;
}

.confirmation-step .declined {
  margin: 0 auto;
  display: inline-block;
  max-width: 480px;
  padding: 0 10px;
}

.confirmation-step .declined p {
  font-size: 15px;
  margin: 20px 0;
  padding: 0 20px;
}

.confirmation-step .declined .btn {
  margin: 10px 15px;
}

.confirmation-step .declined h3 {
  color: #c8002d;
  font-size: 45px;
  margin: 15px 0;
  font-weight: 300;
}

.confirmation-step .declined.error h3 {
  color: #662d8e;
  font-size: 87px;
}

.confirmation-step .payment-methods {
  display: block;
  opacity: 0;
  position: absolute;
  top: 160px;
  left: 50%;
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
  width: 480px;
  z-index: 50;
  background: #fff;
  -webkit-box-shadow: 0 0 1px #bbb;
  box-shadow: 0 0 1px #bbb;
  border-radius: 10px;
  pointer-events: none;
  -webkit-transition: all .4s, -webkit-box-shadow .3s .15s;
  transition: all .4s, -webkit-box-shadow .3s .15s;
  transition: all .4s, box-shadow .3s .15s;
  transition: all .4s, box-shadow .3s .15s, -webkit-box-shadow .3s .15s;
}

.confirmation-step .payment-methods.active {
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  -webkit-box-shadow: 0 0 1px #bbb, 0 4px 60px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px #bbb, 0 4px 60px -3px rgba(0, 0, 0, 0.2);
  opacity: 1;
  pointer-events: auto;
}

.confirmation-step .payment-methods h3 {
  font-size: 24px;
  margin: 25px 0 5px;
  color: #630b43;
}

.confirmation-step .payment-methods ul {
  margin: 0;
  padding: 0;
}

.confirmation-step .payment-methods li {
  margin: 0;
  padding: 0;
  display: block;
  margin: 20px 5px 25px;
}

.confirmation-step .payment-methods li a {
  display: inline-block;
  margin: 5px 0 0;
  color: #ff6900;
}

.confirmation-step .payment-methods li .btn-refresh {
  margin: 0;
  font-size: .8rem;
  display: inline-block;
  width: auto;
  margin-right: 3px;
  padding: 3px 8px 2px;
  background: #ff6900;
  color: #fff;
}

.confirmation-step .payment-methods .btn-payment-method {
  margin: 0 0 10px;
  width: auto;
  padding: 15px 10px 10px;
  border: 2px solid #ff6900;
  color: #ff6900;
  background: #fefefe;
  display: block;
}

.confirmation-step .payment-methods .btn-payment-method span {
  display: block;
  margin: 5px 0 0;
  text-transform: uppercase;
}

.confirmation-step .payment-methods .btn-payment-method:hover {
  background: #ff6900;
  color: #fff;
}

.confirmation-step .payment-methods .btn-payment-method[disabled="disabled"] {
  border: 2px solid #777;
  color: #777;
  pointer-events: none;
}

@media screen and (min-width: 576px) {
  .confirmation-step .approved p {
    font-size: 15px;
    padding: 0 10px 0 20px;
  }
}

.layout.editable .enter_logo {
  height: 100%;
  width: 100%;
}

.layout.editable .enter_logo label {
  padding: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
}

.layout.editable .enter_logo label p {
  background: url("../img/logoDownload.png") center no-repeat;
  width: 100%;
  height: 100%;
}

.copy-gettingUrl {
  cursor: pointer;
}

.copy-gettingUrl img.copy-pay {
  display: block;
}

.copy-gettingUrl img.success-pay {
  display: none;
}

.copy-gettingUrl.success-view {
  position: relative;
  background: #65b016;
}

.copy-gettingUrl.success-view img.copy-pay {
  display: none;
}

.copy-gettingUrl.success-view img.success-pay {
  display: block;
}

.copy-gettingUrl.success-view .copy-link-span {
  opacity: 0;
}

.copy-gettingUrl.success-view #link-change-text {
  color: #fff;
  position: absolute;
}

.copy-gettingUrl .copy-link-span {
  padding: 12px 0 10px;
  cursor: pointer;
  width: 100%;
  color: #fff;
  border: 0;
  background: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.approved {
  margin: 0 auto;
  display: inline-block;
  max-width: 480px;
  padding: 0 10px;
  text-align: center;
  position: relative;
}

.approved .block-fox-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 105px;
}

.approved .block-fox-title h2 {
  position: absolute;
  color: #ff6900;
  left: 18%;
  font-size: 31px;
  margin: 0 auto;
}

.approved p {
  font-size: 18px;
  margin: 0;
  padding: 12px 0 10px;
}

.approved p.text-pad {
  padding: 12px 0 10px;
  margin-top: 0 !important;
}

.approved .btn {
  margin: 10px 15px;
}

.approved h3 {
  color: #95b200;
  font-size: 45px;
  margin: 15px 0;
  font-weight: 300;
}

@media screen and (min-width: 576px) {
  .approved .block-fox-title h2 {
    font-size: 45px;
  }
}

@media screen and (min-width: 576px) {
  .approved p {
    font-size: 15px;
  }
}

.approved-thank-you {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.approved-thank-you .fox-happy {
  display: block;
  width: 90px;
  height: 105px;
  margin: 0 auto 0 0;
  background: url(../img/fox-emotions-7.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  left: 0;
}

.approved-thank-you .fox-sad {
  display: block;
  width: 100%;
  height: 257px;
  margin: 0 auto;
  background: url(../img/fox-emotions-6.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  left: 0;
}

.approved-thank-you .fox-404 {
  display: block;
  width: 100%;
  height: 230px;
  margin: 0 auto;
  background: url(../img/fox-emotions-5.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  left: 0;
}

#toClipboard {
  padding-bottom: 15px;
}

.postcard-front img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.blog {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
  list-style-type: none;
  margin: 0 !important;
  padding: 0;
  font-size: 1.1rem;
  color: #333333;
}

.blog p {
  padding: 0;
  margin: 0;
}

.blog-card {
  height: 100%;
  padding: 10px;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-card:hover {
  text-decoration: none;
  color: inherit;
  background: #FFF7EC;
}

.blog-card__img {
  min-height: 100px;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blog-card__img img {
  width: 120px;
  height: 20px;
}

.blog-card__img img.loading-ended {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  -o-object-position: center;
  object-position: center;
  max-height: 200px;
  height: 100%;
}

.blog-card__title {
  margin-bottom: 26px !important;
  font-size: 2rem;
}

.blog-card__tag {
  margin-top: 26px !important;
  font-size: 0.934rem;
  color: #ff8669;
}

@media screen and (min-width: 768px) {
  .blog {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .blog {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}

.blog-preview {
  display: -ms-grid;
  display: grid;
  background: #FFF7EC;
  padding: 10px;
  margin-bottom: 20px;
  gap: 26px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  font-size: 1.1rem;
}

.blog-preview:hover {
  text-decoration: none;
  color: inherit;
}

.blog-preview__img {
  min-height: 300px;
  width: 100%;
}

.blog-preview__img img {
  width: 100%;
  max-height: 500px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.blog-preview__content {
  place-self: center;
  text-align: center;
}

.blog-preview__title {
  font-size: 2.7rem;
}

.blog-preview__title:hover {
  text-decoration: underline;
}

.blog-preview__announce {
  margin-top: 2rem;
}

.blog-preview__tag {
  font-size: 0.934rem;
  margin-bottom: 2rem;
  color: #ff8669;
}

@media screen and (min-width: 768px) {
  .blog-preview {
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
  }
}

.article__header {
  background: #FFF7EC;
  color: #333333;
}

.article__header-container {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.article__img {
  width: 100%;
}

.article__img img {
  width: 100%;
  max-height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
}

.article__title {
  font-size: 46px;
  font-weight: 600;
}

.article__tags {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article__tags-link {
  font-weight: 700;
  color: #ff8669;
  font-size: 0.8rem;
}

.article__tags-link_footer {
  font-size: 0.8rem;
  color: #333333;
  text-decoration: underline;
}

.article__tags-link_footer:hover {
  color: #333333;
}

.article__tags-link:hover {
  text-decoration: none;
  color: #ff8669;
}

.article__content {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.article-footer {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.article-footer__tags {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.article__browse {
  border: 1px solid #ff8669;
  padding: 20px;
  display: block;
  font-size: 1.4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #ff8669;
}

.article__browse:hover {
  text-decoration: none;
  color: #ff8669;
}

.article-breadcrumbs ol {
  background-color: #FFF7EC;
}

.article-breadcrumbs ol a {
  color: #333333;
}

.article-breadcrumbs ol a:hover {
  color: #333333;
}

@media screen and (max-width: 960px) {
  .article__title {
    font-size: 3rem;
  }
}

.article-recomend {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.article-recomend__title {
  text-align: center;
  font-size: 1.5rem;
}

.article-recomend__list {
  padding: 0;
  margin: 27px 0 0 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 20px;
}

.article-recomend__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.article-recomend__item:hover {
  color: #333333;
  text-decoration: none;
}

.article-recomend__tag {
  font-size: 0.8rem;
  color: #ff8669;
  margin-bottom: 5px;
}

.article-recomend__post {
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .article-recomend__list {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  .article-recomend__list {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 421px) {
  .article-box-margin-mobile {
    margin-top: 70px;
  }
  .article-box-list-margin-mobile {
    margin-top: 20px;
  }
}

.articles-lozad-image-box {
  min-height: 100px;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.articles-lozad-image-box img {
  width: 120px;
  height: 20px;
}

.articles-lozad-image-box img.loading-ended {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  -o-object-position: center;
  object-position: center;
  max-height: 100px;
  height: 100%;
}
/*# sourceMappingURL=style.css.map */