/* Minification failed. Returning unminified contents.
(2064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2188,28): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(2211,17): run-time error CSS1039: Token not allowed after unary operator: '-b100'
(2225,17): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(2229,21): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(2241,28): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2254,28): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(2273,21): run-time error CSS1039: Token not allowed after unary operator: '-b70'
(2288,25): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(2289,36): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2293,16): run-time error CSS1039: Token not allowed after unary operator: '-b70'
(2303,36): run-time error CSS1039: Token not allowed after unary operator: '-w60'
(2304,25): run-time error CSS1039: Token not allowed after unary operator: '-b50'
(2318,34): run-time error CSS1039: Token not allowed after unary operator: '-w40'
(2322,29): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(2331,28): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(2332,17): run-time error CSS1039: Token not allowed after unary operator: '-w90'
(2341,32): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(2342,21): run-time error CSS1039: Token not allowed after unary operator: '-b80'
(2348,21): run-time error CSS1039: Token not allowed after unary operator: '-b80'
(2354,28): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2355,28): run-time error CSS1039: Token not allowed after unary operator: '-b40'
(2378,17): run-time error CSS1039: Token not allowed after unary operator: '-b60'
(2404,21): run-time error CSS1039: Token not allowed after unary operator: '-b60'
(2419,32): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2428,28): run-time error CSS1039: Token not allowed after unary operator: '-c14'
(2446,17): run-time error CSS1039: Token not allowed after unary operator: '-b60'
(2450,17): run-time error CSS1039: Token not allowed after unary operator: '-b90'
(2453,28): run-time error CSS1039: Token not allowed after unary operator: '-w40'
(2460,32): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2464,21): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(2469,28): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2482,28): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(2486,17): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2501,36): run-time error CSS1039: Token not allowed after unary operator: '-c8'
(2504,17): run-time error CSS1039: Token not allowed after unary operator: '-b90'
(2538,32): run-time error CSS1039: Token not allowed after unary operator: '-w90'
(2579,29): run-time error CSS1039: Token not allowed after unary operator: '-b80'
(2583,29): run-time error CSS1039: Token not allowed after unary operator: '-b80'
(2587,33): run-time error CSS1039: Token not allowed after unary operator: '-c8'
(2590,33): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2593,33): run-time error CSS1039: Token not allowed after unary operator: '-c4'
(2596,33): run-time error CSS1039: Token not allowed after unary operator: '-c6'
(2600,37): run-time error CSS1039: Token not allowed after unary operator: '-c6'
(2630,25): run-time error CSS1039: Token not allowed after unary operator: '-b100'
(2635,25): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(2645,36): run-time error CSS1039: Token not allowed after unary operator: '-w90'
(2646,25): run-time error CSS1039: Token not allowed after unary operator: '-b40'
(2666,25): run-time error CSS1039: Token not allowed after unary operator: '-b90'
(2673,17): run-time error CSS1039: Token not allowed after unary operator: '-w40'
(2682,21): run-time error CSS1039: Token not allowed after unary operator: '-b40'
(2689,32): run-time error CSS1039: Token not allowed after unary operator: '-w70'
(2690,33): run-time error CSS1039: Token not allowed after unary operator: '-w90'
(2697,36): run-time error CSS1039: Token not allowed after unary operator: '-w90'
(2740,17): run-time error CSS1039: Token not allowed after unary operator: '-b70'
(2753,17): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2776,28): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2826,32): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2830,21): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2833,32): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2836,36): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2837,25): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2838,36): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2876,28): run-time error CSS1039: Token not allowed after unary operator: '-w70'
(2877,29): run-time error CSS1039: Token not allowed after unary operator: '-w90'
(2887,17): run-time error CSS1039: Token not allowed after unary operator: '-b90'
(2895,28): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(2930,28): run-time error CSS1039: Token not allowed after unary operator: '-w70'
(2934,35): run-time error CSS1039: Token not allowed after unary operator: '-c4'
(2973,28): run-time error CSS1039: Token not allowed after unary operator: '-w60'
(2974,29): run-time error CSS1039: Token not allowed after unary operator: '-b100'
(2982,17): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2991,21): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(2992,32): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(2997,25): run-time error CSS1039: Token not allowed after unary operator: '-c8'
(3024,21): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(3037,36): run-time error CSS1039: Token not allowed after unary operator: '-c10'
(3038,25): run-time error CSS1039: Token not allowed after unary operator: '-b100'
(3041,36): run-time error CSS1039: Token not allowed after unary operator: '-w80'
(3042,25): run-time error CSS1039: Token not allowed after unary operator: '-b100'
(3046,43): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3050,36): run-time error CSS1039: Token not allowed after unary operator: '-w50'
(3055,36): run-time error CSS1039: Token not allowed after unary operator: '-c6'
(3059,36): run-time error CSS1039: Token not allowed after unary operator: '-c8'
(3068,36): run-time error CSS1039: Token not allowed after unary operator: '-b100'
(3094,24): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3117,28): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(3124,28): run-time error CSS1039: Token not allowed after unary operator: '-w50'
(3154,36): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3158,40): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3159,29): run-time error CSS1039: Token not allowed after unary operator: '-b90'
(3168,25): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3172,25): run-time error CSS1039: Token not allowed after unary operator: '-b90'
(3186,32): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3189,32): run-time error CSS1039: Token not allowed after unary operator: '-w60'
(3204,17): run-time error CSS1039: Token not allowed after unary operator: '-b80'
(3209,17): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3213,18): run-time error CSS1039: Token not allowed after unary operator: '-b80'
(3245,32): run-time error CSS1039: Token not allowed after unary operator: '-c9'
(3254,32): run-time error CSS1039: Token not allowed after unary operator: '-c12'
(3289,32): run-time error CSS1039: Token not allowed after unary operator: '-b60'
(3302,36): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(3309,32): run-time error CSS1039: Token not allowed after unary operator: '-c20'
(3435,32): run-time error CSS1039: Token not allowed after unary operator: '-w80'
 */
@font-face {
  font-family: 'icomoon';
  src:  url('/assets/icomoon/fonts/icomoon.eot?pux6cb');
  src:  url('/assets/icomoon/fonts/icomoon.eot?pux6cb#iefix') format('embedded-opentype'),
    url('/assets/icomoon/fonts/icomoon.ttf?pux6cb') format('truetype'),
    url('/assets/icomoon/fonts/icomoon.woff?pux6cb') format('woff'),
    url('/assets/icomoon/fonts/icomoon.svg?pux6cb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close-line:before {
  content: "\e901";
}
.icon-emotion-line:before {
  content: "\e902";
}
.icon-menu-fold-fill:before {
  content: "\e900";
}
.icon-moon-clear-fill:before {
  content: "\e924";
}
.icon-sun-fill:before {
  content: "\e936";
}
.icon-account-circle-fill:before {
  content: "\e948";
}
.icon-emotion-fill:before {
  content: "\e95c";
}
.icon-group-2-fill:before {
  content: "\e970";
}
.icon-team-line:before {
  content: "\e987";
}
.icon-user-add-line:before {
  content: "\e995";
}
.icon-user-heart-line:before {
  content: "\e99a";
}
.icon-user-search-line:before {
  content: "\e9a3";
}
.icon-user-settings-line:before {
  content: "\e9a5";
}
.icon-alarm-line:before {
  content: "\e9bb";
}
.icon-alarm-warning-line:before {
  content: "\e9bd";
}
.icon-alert-line:before {
  content: "\e9bf";
}
.icon-arrow-drop-right-line:before {
  content: "\e9cf";
}
.icon-arrow-go-back-line:before {
  content: "\e9d3";
}
.icon-arrow-go-forward-line:before {
  content: "\e9d5";
}
.icon-arrow-right-s-line:before {
  content: "\e9e9";
}
.icon-checkbox-blank-circle-line:before {
  content: "\e9f5";
}
.icon-checkbox-blank-line:before {
  content: "\e9f7";
}
.icon-checkbox-circle-line:before {
  content: "\e9f9";
}
.icon-checkbox-line:before {
  content: "\e9fd";
}
.icon-checkbox-multiple-blank-line:before {
  content: "\e9ff";
}
.icon-check-double-line:before {
  content: "\ea03";
}
.icon-check-line:before {
  content: "\ea05";
}
.icon-close-fill:before {
  content: "\ea08";
}
.icon-dashboard-fill:before {
  content: "\ea0a";
}
.icon-dashboard-line:before {
  content: "\ea0b";
}
.icon-delete-back-2-fill:before {
  content: "\ea0c";
}
.icon-delete-back-2-line:before {
  content: "\ea0d";
}
.icon-delete-bin-line:before {
  content: "\ea1d";
}
.icon-download-fill:before {
  content: "\ea26";
}
.icon-download-line:before {
  content: "\ea27";
}
.icon-function-fill:before {
  content: "\ea42";
}
.icon-information-line:before {
  content: "\ea49";
}
.icon-loader-fill:before {
  content: "\ea54";
}
.icon-lock-line:before {
  content: "\ea59";
}
.icon-lock-password-line:before {
  content: "\ea5b";
}
.icon-lock-unlock-line:before {
  content: "\ea5d";
}
.icon-login-box-line:before {
  content: "\ea5f";
}
.icon-logout-box-r-line:before {
  content: "\ea65";
}
.icon-menu-unfold-fill:before {
  content: "\ea78";
}
.icon-shield-flash-line:before {
  content: "\eaaa";
}
.icon-shield-star-line:before {
  content: "\eaaf";
}
.icon-shield-user-line:before {
  content: "\eab1";
}
.icon-spam-line:before {
  content: "\eab9";
}
.icon-thumb-down-line:before {
  content: "\eac5";
}
.icon-thumb-up-line:before {
  content: "\eac7";
}
.icon-cake-2-line:before {
  content: "\eae9";
}
.icon-image-add-fill:before {
  content: "\eb6c";
}
.icon-notification-3-line:before {
  content: "\eb89";
}
.icon-notification-off-fill:before {
  content: "\eb8e";
}
.icon-notification-off-line:before {
  content: "\eb8f";
}
.icon-play-circle-line:before {
  content: "\eba1";
}
.icon-cup-line:before {
  content: "\ec1f";
}
.icon-footprint-fill:before {
  content: "\ec2c";
}
.icon-globe-line:before {
  content: "\ec31";
}
.icon-hotel-bed-fill:before {
  content: "\ec36";
}
.icon-lifebuoy-fill:before {
  content: "\ec38";
}
.icon-pushpin-2-fill:before {
  content: "\ec66";
}
.icon-pushpin-line:before {
  content: "\ec69";
}
.icon-restaurant-line:before {
  content: "\ec6d";
}
.icon-riding-line:before {
  content: "\ec6f";
}
.icon-run-line:before {
  content: "\ec7b";
}
.icon-sailboat-fill:before {
  content: "\ec7c";
}
.icon-exchange-box-line:before {
  content: "\edbf";
}
.icon-attachment-2:before {
  content: "\ee2d";
}
.icon-file-copy-line:before {
  content: "\eeb6";
}
.icon-folder-add-line:before {
  content: "\ef0a";
}
.icon-newspaper-line:before {
  content: "\ef40";
}
.icon-keyboard-fill:before {
  content: "\ef95";
}
.icon-save-3-fill:before {
  content: "\efb9";
}
.icon-edit-box-fill:before {
  content: "\f051";
}
.icon-edit-box-line:before {
  content: "\f052";
}
.icon-pencil-line:before {
  content: "\f09a";
}
.icon-chat-new-line:before {
  content: "\f0d8";
}
.icon-question-answer-line:before {
  content: "\f0f8";
}
.icon-questionnaire-line:before {
  content: "\f0fa";
}
.icon-at-line:before {
  content: "\f104";
}
.icon-bar-chart-box-line:before {
  content: "\f10c";
}
.icon-copyright-line:before {
  content: "\f138";
}
.icon-inbox-archive-line:before {
  content: "\f154";
}
.icon-line-chart-line:before {
  content: "\f15a";
}
.icon-mail-add-line:before {
  content: "\f15e";
}
.icon-mail-check-line:before {
  content: "\f160";
}
.icon-mail-close-line:before {
  content: "\f162";
}
.icon-mail-forbid-line:before {
  content: "\f167";
}
.icon-mail-line:before {
  content: "\f168";
}
.icon-mail-lock-line:before {
  content: "\f16a";
}
.icon-mail-open-line:before {
  content: "\f16c";
}
.icon-mail-send-line:before {
  content: "\f16e";
}
.icon-mail-settings-line:before {
  content: "\f170";
}
.icon-mail-star-line:before {
  content: "\f172";
}
.icon-mail-unread-line:before {
  content: "\f174";
}
.icon-mail-volume-line:before {
  content: "\f176";
}
.icon-pie-chart-line:before {
  content: "\f180";
}
.icon-reply-line:before {
  content: "\f192";
}
.icon-send-plane-fill:before {
  content: "\f195";
}

#powerTip{cursor:default;background-color:#333;background-color:rgba(0,0,0,.8);border-color:#333;border-color:rgba(0,0,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:attr(class) " ";position:absolute;height:0;width:0;text-indent:100%;overflow:hidden}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before,#powerTip.ne:before,#powerTip.nw:before{bottom:-10px}#powerTip.n:before,#powerTip.ne-alt:before,#powerTip.ne:before,#powerTip.nw-alt:before,#powerTip.nw:before{border-top-color:inherit;border-top-style:solid;border-top-width:10px}#powerTip.e:before{border-right-color:inherit;border-right-style:solid;border-right-width:10px;left:-10px}#powerTip.s:before,#powerTip.se:before,#powerTip.sw:before{top:-10px}#powerTip.s:before,#powerTip.se-alt:before,#powerTip.se:before,#powerTip.sw-alt:before,#powerTip.sw:before{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:10px}#powerTip.w:before{border-left-color:inherit;border-left-style:solid;border-left-width:10px;right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before{bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:none;bottom:auto;top:-10px}#powerTip.se-alt:before{left:auto;right:10px}
 
.lg-icon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 32px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
    .lg-actions .lg-next:before {
        content: "\e9e9";
    }
.lg-actions .lg-prev {
  left: 20px;
}
    .lg-actions .lg-prev:after {
        content: "\e9e9";
        transform:rotate(180) !important;
    }

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer
{
    direction:ltr !important;
}
.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
    .lg-toolbar .lg-close:after {
        content: "\ea08";
    }
    .lg-toolbar .lg-download:after {
        content: "\ea27";
    }

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
  display:none;
}
 
.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*# sourceMappingURL=lightgallery.css.map */

/*! lightgallery - v1.6.11 - 2018-05-22
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
.lg-css3.lg-zoom-in .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  .lg-css3.lg-zoom-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  .lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-in-big .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7); }
  .lg-css3.lg-zoom-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7); }
  .lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out-big .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out-in .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-in-out .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-soft-zoom .lg-item {
  opacity: 0; }
  .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  .lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  .lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-scale-up .lg-item {
  opacity: 0; }
  .lg-css3.lg-scale-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
  .lg-css3.lg-scale-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
  .lg-css3.lg-scale-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
  .lg-css3.lg-slide-circular .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
  .lg-css3.lg-slide-circular .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-up .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
  .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
  .lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-down .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
  .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
  .lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical-left .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical-down .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-vertical .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  .lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-vertical-growth .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg); }
  .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg); }
  .lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg); }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg); }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-y .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg); }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg); }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg); }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg); }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew .lg-item.lg-next-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-cross .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-cross-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-cross .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-lollipop .lg-item {
  opacity: 0; }
  .lg-css3.lg-lollipop .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .lg-css3.lg-lollipop .lg-item.lg-next-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5); }
  .lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-lollipop-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5); }
  .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-rotate .lg-item {
  opacity: 0; }
  .lg-css3.lg-rotate .lg-item.lg-prev-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  .lg-css3.lg-rotate .lg-item.lg-next-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  .lg-css3.lg-rotate .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-rotate-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  .lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  .lg-css3.lg-rotate-rev .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-tube .lg-item {
  opacity: 0; }
  .lg-css3.lg-tube .lg-item.lg-prev-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); }
  .lg-css3.lg-tube .lg-item.lg-next-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); }
  .lg-css3.lg-tube .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }

/*# sourceMappingURL=lg-transitions.css.map */

:root {
    --b100: #000;
    --b90: #111;
    --b80: #222;
    --b70: #333;
    --b60: #444;
    --b50: #555;
    --b40: #666;
    --b30: #777;
    --b20: #888;
    --w100: #fff;
    --w90: #eee;
    --w80: #ddd;
    --w70: #ccc;
    --w60: #bbb;
    --w50: #aaa;
    --w40: #999;
    --c1: #095926;
    --c2: #444444d4;
    --c2: #444444d4;
    --c3: #be7e5f;
    --c4: #ffba00;
    --c5: #D83785;
    --c6: #4CA136;
    --c7: #B9C917;
    --c8: #DF2727;
    --c9: #1751d9a8;
    --c10: #FAC003;
    --c11: #7965a4;
    --c12: #1751d9;
    --c13: #c36e59;
    --c14: #777777d4;
    --c15: #59854e;
    --c16: #bfaa84;
    --c20: #ff8a00;
}

@font-face {
    font-family: Ravi;
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/woff/Ravi-Regular.woff') format('woff'), url('/assets/fonts/woff2/Ravi-Regular.woff2') format('woff2');
}




@font-face {
    font-family: Ravi;
    font-style: normal;
    font-weight: bold;
    src: url('/assets/fonts/woff/Ravi-Bold.woff') format('woff'), url('/assets/fonts/woff2/Ravi-Bold.woff2') format('woff2');
}
html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
}

p, a, i {
    outline: none !important;
    border: none !important;
    text-decoration: none !important;
    font-style: normal;
    padding: 0;
    margin: 0;
}

a, input.btn, button.btn {
    user-select: none;
    cursor: pointer;
    transition: all .4s;
}

body {
    font-family: Ravi;
    text-align: right;
    direction: rtl;
    padding: 55px 0 0 0;
    margin: 0;
    text-rendering: optimizeSpeed;
  
}
input.noarrow::-webkit-outer-spin-button,
input.noarrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

audio.hide {
    opacity: 0;
    height: 5px;
    width: 5px
}

.mloading {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .mloading.haspin {
        margin-top: 20px;
    
    }
.mloading span
{
    font-size:22px;margin-left:5px;

}
a.menu {
    font-size: 22px;
    
}
a.load-old {
    display: block;
    padding:2px;
}
.chat-head {
    padding: 14px 15px 14px 15px;
    background-color: var(--c20);
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 
body.scrolled .chat-head {
    position: fixed;
    width: 100%;
    z-index: 25;
    right: 0;
    top: 0;
}


.chat-head div.lefts  {
  display:flex;
  align-items:center;
}

.chat-head div.lefts span {
     
    color: var(--b100);
     
     
    font-size: 22px;
    
     cursor: pointer;
     margin-right:10px;
}
.top-buttons a {
    font-weight: normal;
    padding: 5px;
    z-index: 20;
    display: flex;
    align-items: center;
    color: var(--c20);
    font-size: 13px;
}
   .top-buttons a:hover {
        color: var(--c20);
    }
.top-buttons a span.icon {
    font-size: 120%;
    margin-right: 3px;
}
.new-msg {
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
    max-width: 700px;
    background-color: var(--w80);
    border-radius: 5px 5px 0 5px;
    padding-bottom:10px;
}
.page-title
{
     
    font-size:14px;
    padding:0;
    margin:0;
}
.links {
    display: flex;
    background-color: var(--w100);
    justify-content: space-between;
    padding: 20px 25px;
  
    position: fixed;
    right: -80%;
    top: 55px;
    width: 80%;
    flex-direction: column;
    transition: all .5s;
    max-width: 400px;
}
  
    .links.in {
        right: 0;
       
    }
    .links a.menus {
        
        color: var(--b70);
        background-color: transparent;
      
        padding: 10px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
        .links a.menus span.icon {
            font-size: 20px;
           
            margin-left: 5px;
        }
        .links a.menus:hover {
            color: var(--c20);
            background-color: var(--w80);
        }
a.sound.menus {
    background-color: transparent !important;
    color:var(--b70) !important;
}
    .links div#users, .mentions {
        display: flex;
        flex-wrap: wrap;
    }


        .links div#users a, .mentions a {
            padding: 5px;
            background-color: var(--w60);
            color: var(--b50);
            font-weight: normal;
            margin: 3px 5px 5px 5px;
            border-radius: 3px;
            flex-direction: column;
            align-items: flex-start;
            display: flex;
         
        }
        .mentions a {
            margin: 10px 10px 10px 0;
        }
            .links div#users a:hover, .mentions a:hover {
                
                background: var(--w40);
            }
            .links div#users a span, .mentions a span {
                font-size: 10px;
                color: var(--w100);
            }
input::placeholder, select, select option {
    font-family: Ravi;
}
a.btn, input.btn, button.btn,div.btn {
    font-family: Ravi;
    padding: 10px;
    font-size: 16px;
    background-color: var(--c20);
    color: var(--w90);
    font-weight: bold;
       user-select: none !important;
    border-radius: 5px;
    border:none;
    
}
    a.btn:hover, input.btn:hover, button.btn:hover,div.btn {
      
        background-color: var(--c20);
        color: var(--b80);
 
    }
    a.btn.disabled, input.btn.disabled, button.btn.disabled, a.disabled {
        cursor: not-allowed !important;
        filter: grayscale(80%);
        color: var(--b80);
    }
input:not(.chk).form, select.form, textarea.form, p.form {
    padding: 10px;
    text-align: right;
    margin-bottom: 15px;
    background-color: var(--w80);
    border: 1px solid var(--b40);
    border-radius: 5px;
    outline: none;
    resize: none;
    width: 100%;
    font-family: Ravi;
}

input.form.en {
    text-align: left
}
    input.form.center {
        text-align: center;
font-size: 18px;
    }
.new-msg button.btn {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 22px;
    border: none;
    padding: 5px 10px;
    background-color: transparent;
    color: var(--b60);
     font-weight: normal;
    border-radius: 3px 7px 2px 7px;
}
    .new-msg button.btn.upload.image {
        right: 47px;
    }
    .new-msg button.btn.upload.file {
        right: 89px;
    }
.emojies {
    position: absolute;
    bottom: 5px;
    left: 5px;
    border-radius: 0 10px 0 0;
    padding: 5px 5px 5px 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

    .emojies span.icon {
        font-size: 22px;
        border: none;
        padding: 5px 10px;
        background-color: transparent;
        color: var(--b60);
        font-weight: normal;
        border-radius: 3px 7px 2px 7px;
        align-items: center;
        cursor:pointer;
       
    }
     
        .emojies a {
        margin-left: 4px;
        font-size: 17px;
        cursor: pointer;
        display: none;
     }
    .emojies.in {
        background-color: var(--w80);
    }
    .emojies.in a {
        display: initial;
    }
.mentions {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 30px);
    background-color: var(--c14);
 
    border-radius: 10px;
    position: absolute;
    right: 15px;
    bottom: 100px;
  
   z-index:3;
}


a.mention {
    position: absolute;
    bottom: 5px;
    left: 40px;
    font-size: 22px;
    padding: 10px;
    display: block;
    color: var(--b60);
}
a.mention:hover {
     
    color: var(--b90);
}
#tomentions  {
    background-color: var(--w40);
    display: flex;
    align-items: center;
    border-radius: 5px;
    flex-wrap: wrap;
}
    #tomentions a {
        background-color: var(--c12);
        padding: 5px 25px 5px 10px;
        margin: 5px;
        border-radius: 5px;
        color: var(--w100);
        position: relative;
        direction:ltr
    }
.tomentions {
    background-color: var(--w80);
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    flex-wrap: wrap;
    padding: 3px;
    margin: 0 5px 5px 5px;
}
.tomentions:empty
{
    display:none;
}
.tomentions a {
    background-color: var(--w100);
    padding: 5px 10px 5px 10px;
    margin: 3px;
    border-radius: 5px;
    color: var(--c12);
    direction: ltr;
    cursor: initial;
    font-size:12px
}
        #tomentions a:before {
            font-family: 'icomoon';
            content: '\ea0d';
            position: absolute;
            right: 5px
        }
        #tomentions a:hover:before {
            content: '\ea0c';
        }
        #tomentions a:hover {
            background-color: var(--c8);
        }
.new-msg button.btn:hover {
    color: var(--b90);
}
textarea.form {
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    border-radius: 5px 5px 0 5px ;
    line-height:initial;
    padding-right:15px;
    padding-left:15px;
}
  
.container {
    width: 100%;
    padding: 10px;
    max-width: 700px;
    padding: 10px 10px 0 10px;
    margin-right: auto;
    margin-left: auto;

}
.form-container form, .form-container div.fc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100dvh - 140px);
}


    .messages {
        padding: 0 10px 130px 10px;
    }
    .messages div.msg-item {
        border-radius: 5px;
        background-color: var(--w90);
        padding: 10px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        position: relative;
        object-position: top;
    }
        .messages div.msg-item .functions {
            position: absolute;
            bottom: 10px;
            right: -10px;
            z-index: 1;
            background-color: rgba(200,200,200,0.9);
            padding: 5px 10px 5px 0;
            display: flex;
            border-radius: 5px;
            align-items: center;
        }
        .messages div.msg-item.False .functions {
            bottom: initial;
            right: -17px;
            padding: 3px;
            top: 45px;
        }
            .messages div.msg-item .functions span {
                display: flex;
                align-items: center;
                width: 0;
                overflow: hidden;
                transition: width .5s;
            }
                .messages div.msg-item .functions span b {
                    margin-left: 10px;
                    font-weight: normal;
                }
                .messages div.msg-item .functions span.confdel a.confirm-pin, .messages div.msg-item .functions span.confpin a.confirm-del {
                    display:none;
                }
            .messages div.msg-item .functions a {
                font-size: 22px;
                color: var(--b80);
            }
            .messages div.msg-item .functions a.disabled {
                opacity:.8;
                color: var(--b80) !important;
                 
            }
                .messages div.msg-item .functions a.del:hover, .messages div.msg-item .functions a.cancel:hover {
                    color: var(--c8);
                }
                .messages div.msg-item .functions a.edt:hover {
                    color: var(--c12);
                }
                .messages div.msg-item .functions a.pin:hover {
                    color: var(--c4);
                }
                .messages div.msg-item .functions a.cpy:hover {
                    color: var(--c6);
                }

                     .messages div.msg-item .functions a.confirm:hover {
                        color: var(--c6);
                    }
            .messages div.msg-item .functions a:not(:last-child) {
             margin-left:15px;
            }
    .messages div.msg-item shadow {
 
        display: flex;
        flex-direction:row-reverse;
        
   
    }
        .messages div.msg-item.merged {
            
            margin-top: -5px;
        }

        .messages div.msg-item .user {
            border-radius: 50%;
            width: 45px;
            height: 45px;
            aspect-ratio: 1;
            margin-left: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            user-select:none;
        }
        .messages div.msg-item.False .user {
            color: var(--b100);
            margin-left: 0;
            margin-right: 10px;
        }
        .messages div.msg-item.False.dark .user {
            color: var(--w100);
           
        }
        .messages div.msg-item.True .user 
        {
            display:none;
        }
        .messages div.msg-item a.rep {
            margin: 0 10px;
            padding: 5px;
            background-color: var(--w90);
            color: var(--b40);
            border-radius: 0 50% 50% 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 10px;
            right: -27px;
            font-size: 17px;
            transition: background-color 0s ;
        }
        .messages div.msg-item.True a.rep {
            border-radius: 50% 0 0 50%;
            right: initial;
            left: -25px;
        }
            .messages div.msg-item.False a.rep span:before {
                content: '\e9d3';
            }
        .messages div.msg-item a.rep:hover {
            color: var(--b90);
        }
     
 
 
.replyto a.close {
  
    color: var(--w40);
}


    .replyto a.close span {
        font-weight: bold;
        font-size: 18px;
    }
    .replyto a.close:hover {
        color: var(--b40);
    }
    .replyto {
        height: 45px;
        overflow: hidden;
        padding: 10px;
        margin: 10px;
        background-color: var(--w70);
        border: 1px dashed var(--w90);
        display: flex;
        font-size: 9px;
        justify-content: flex-start;
        align-items: center;
    }
        .replyto .name {
            background-color: var(--w90);
            padding: 2px 3px;
            border-radius: 5px;
            min-width: 80px;
            overflow: hidden;
            margin-right: 15px;
            line-height: initial;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

#replytoname {
    margin-right:5px;
}
.replyto span {
    font-size: 10px;
}
#replytomsg {
    margin-right: 15px;
    font-size: 11px;
    height: 22px;
    overflow: hidden;
}
 
    #replytomsg a {
        cursor:initial;
    }
    #replytomsg img,a.reply img {
        width: 20px;
        aspect-ratio: 1;
        border-radius: 2px;
        margin: 0 1px;
    }
#replytomsg i {
    display: none;
}
.messages div.msg-item shadow a:hover {
    opacity: 1;

}
 
.messages div span.date {
    color: var(--b70);
    font-size: 10px;
    text-align: left;
    user-select: none;
    display: block;
    width: 100%;
}
.messages div.True span.date {
margin-top:5px;
}
.msg-item.True.seen .date:before {
    font-family: icomoon;
    content: '\ea03';
    color: var(--c12);
    font-size: 16px;
    float: left;
    margin-top: -5px;
    margin-right: 5px;
}
.messages div.msg-item div.data {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.messages div.msg-item div.like-cont {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 0;
    justify-content: space-between;
}
.messages div.msg-item div pre {
    margin: 0;
    font-size: 14px;
    display: flex;
    background-color: var(--w80);
    width: max-content;
    border-radius: 5px;
    opacity: 0.69;
    flex-direction: row-reverse;
}
        .messages div.msg-item div pre:hover {
            opacity: 1;
        }
    .messages div.msg-item div pre a {
        display: flex;
        align-items: center;
        cursor: default !important;
        padding: 5px 5px 5px 2px;
        flex-direction: row-reverse;
    }
        .messages div.msg-item div pre a i {
            
            font-size: 11px;
        }
.messages div.msg-item div p {
    word-break: break-word;
    text-align: right;
    padding: 0 10px 0 0;
    background-color: transparent;
    line-height: 1.8;
    
 
}
.messages div.msg-item.False a.txt-hack {
    float: left;
    width: 45px;
    height: 45px;
    margin-right:5px;
    margin-top: -10px;
}
.messages div.msg-item.zoom div p {
    font-size:50px;
    margin: 0;
}
.messages div.msg-item div .images   {
   display:flex;
   width:max-content;
   padding-right:7px;
}
.messages div.msg-item div .files {
    display: flex;
    flex-wrap : wrap;
}
    .messages div.msg-item div .files a {
        background-color: var(--c12);
        padding: 5px 10px;
        margin: 5px;
        border-radius: 5px;
        color: var(--w80);
        display: flex;
        align-items: center;
        border: 1px solid var(--w80) !important;
    }
        .messages div.msg-item div .files a:hover {
            background-color: var(--w80);
            color: var(--c12);
            border: 1px solid var(--c12) !important;
        }
    .messages div.msg-item div .files a span.icon{
        font-size:20px;
        margin-left:5px;
    }
    .messages div.msg-item div .images a img {
        width: 69px;
      
        object-fit: cover;
        border-radius: 5px;
        margin: 3px;
        aspect-ratio: 1;
    }
.messages div.msg-item.True div p, .messages div.msg-item.merged div p, .messages div.msg-item.hasrep div p {
    padding: 0 10px 0 0;
    
}
.messages div.msg-item.ltr div p {
    direction: ltr;
    text-align: left;
    padding: 0 0 0 10px;
}
    .messages div.msg-item.merged:not(.hasrep) shadow {
        display: none
    }
.messages div.msg-item:not(.hasrep):not(.merged):not(.True) div p {
    margin-top: -35px;
}
 
.messages div.msg-item:not(.hasrep):not(.merged) div.like-cont {
    margin-top: 15px;
}
.messages div.msg-item a.reply {
    height: 45px;
    overflow: hidden;
    padding: 10px;
    margin: 0 10px 5px 0;
    background-color: var(--w70);
    border: 1px dashed var(--w90) !important;
    display: flex;
    font-size: 9px;
    justify-content: flex-start;
    align-items: center;
    margin-block-start: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    opacity: 0.6;
    width: 100%;
    color: var(--b90);
}
    .messages div.msg-item a.reply b {
        margin-left: 10px;
        min-width: 60px;
    }
.messages div.msg-item div.reactions {
    display: flex;
    background-color: var(--w80);
    padding: 4px 4px 0 4px;
    border-radius: 5px;
    width: max-content;
    flex-direction: row;
    align-items: center;
    margin-right: 5px;
}
   
    .reactions a.show {
        opacity: 0.6;
        font-size: 20px;
    }

    .reactions a:not(.show) {
        
        filter: grayscale(1.0);
        -moz-filter: grayscale(1.0);
        -webkit-filter: grayscale(1.0);
        margin-right: 5px;
        font-size:15px;
    }

        .reactions a:not(.show):hover {
            opacity: 1;
            filter: none;
            -moz-filter: none;
            -webkit-filter: none;
        }


.pinned-messages {
    position: fixed;
    top: 53px;
    z-index: 2;
    background-color: var(--w70);
    right: 0;
    width: 100%;
 
    border-bottom: 2px solid var(--c4);
}
    .pinned-messages p {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 5px 10px;
        cursor: pointer;
    }
    .pinned-messages p span a {
    
        font-size: 20px;
    }

#pinned_messages.messages div.msg-item .user {
    padding: 5px;
    line-height: 1;
    aspect-ratio: auto;
    width: auto;
    height: auto;
    border-radius: 5px;
    margin-left:0;
    width:50px;
}
#pinned_messages.messages div.msg-item:not(.hasrep):not(.merged):not(.True) div p {
    margin-top: -25px;
    padding: 0 0 0 45px;
}
#pinned_messages.messages div span.date {
    text-align: right;
}
.pinned-messages #pinned_messages {
    max-width: 700px;
    margin: 0 auto;
    padding: 5px 10px 0 10px;
}
textarea.form.editing {
    width: 94%;
    margin-right: 3%;
    background-color: var(--w60);
    border: 1px dashed var(--b100) !important;
    border-radius: 10px;
}
.edit-alert {
    width: 92%;
    margin-right: 4%;
    font-size: 11px;
    padding: 0 0 5px 0;
    color: var(--c12);
    position:relative;

}
    .edit-alert a.cancel-edit {
        font-size: 24px;
        position: absolute;
        left: -15px;
        top: 5px;
        color: var(--c12);
        background-color: var(--w100);
        border-radius: 50%;
        padding: 0;
    }
        .edit-alert a.cancel-edit:hover {
            color: var(--c8);
        }
.reactions a.show:active, .reactions a.show:hover, .reactions a.show:focus {
    opacity: 1;
}
   

.msg-box {
    position: fixed;
    z-index: 2000;
    top: 90px;
    right: 50%;
    width: 460px;
    margin-right: -230px;
    transition: all 0.3s;
 }


    .msg-box.in {
    }



    .msg-box .msg-con {
        width: 100%;
        padding: 30px 15px;
        background-color: #ddd;
        color: var(--w100);
        margin-bottom: 10px;
        paint-order: markers;
        position: relative;
        display: flex;
        align-items: center;
        -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.47);
        -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.47);
        box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.47);
    }


        .msg-box .msg-con.warning {
            background-color: var(--c10);
            color: var(--b100);
        }
        .msg-box .msg-con.notif {
            background-color: var(--w80);
            color: var(--b100);
            padding: 10px;
            box-shadow: none;
            margin-bottom: 0;
            border-bottom: 2px solid var(--c20);
            cursor: pointer;
        }
        .msg-box .msg-con.notif:hover {
            background-color: var(--w50);
        
        }
      
        .msg-box .msg-con.success {
            background-color: var(--c6);
        }

        .msg-box .msg-con.alert {
            background-color: var(--c8);
        }


        .msg-box .msg-con:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            background-color: var(--b100);
            height: 5px;
            opacity: 0.6;
            animation: slide 4s;
            z-index: 2;
        }

        .msg-box .msg-con:before {
            content: '\ea49';
            display: block;
            font-family: 'icomoon';
            speak: never;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            
            font-size: 28px;
            margin-left: 10px;
        }

        .msg-box .msg-con.warning:before {
            content: '\eab5';
        }
        .msg-box .msg-con.notif:before {
            content: '\eb89';
            color:var(--c20);
        }

        .msg-box .msg-con.success:before {
            content: '\e9f9';
        }

        .msg-box .msg-con.alert:before {
            content: '\e9bf';
        }


        .msg-box .msg-con .txt {
            font-size: 16px;
            line-height: 2;
        }
        .msg-box .msg-con.notif .txt {
            font-size: 14px;
            line-height: 1;
        }

.form-row {
    width: 90%;
    background-color: var(--w100);
    padding: 0 5px;
    margin: 10px auto;
    border-radius: 5px;
}
a.btn-upload {
    position: absolute;
    background-color: var(--w50);
    border-radius: 0 0 5px 0;
    bottom: -34px;
    left: 0;
    padding: 3px;
    font-size: 17px;
}
.hidden
{
    display:none !important;
}
.form-row .up-item {
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .form-row .up-item .up-progress {
        display: flex;
        margin: 0;
        align-items: center;
        width: 100%;
    }



        .form-row .up-item .up-progress .p-bar {
            flex-grow: 1;
            margin: 0 15px;
            border: 1px solid var(--c20);
        }

            .form-row .up-item .up-progress .p-bar .bar {
                background-color: var(--c20);
                color: var(--b90);
                padding: 2px 5px;
                font-size: 14px;
            }




        .form-row .up-item .up-progress .p-cancel {
            color: var(--c20);
       
        }
        .form-row .up-item .up-progress .p-cancel:hover {
            color: var(--b90);
           
        }

            .form-row .up-item .up-progress .p-cancel .icon {
                font-size: 24px;
            }


    .form-row .up-item .up-result {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px;
        border: 3px solid var(--c20);
        margin: 10px 0;
        border-radius: 5px;
        background-color: var(--w60);
        width: 100%;
    }
    .form-row .up-item .up-result span.icon {
      font-size:24px;
    }





.form-row i.up-title {
    font-family: arial;
    font-size: 12px;
    font-style: normal;
    color: var(--b80);
}

.form-row .up-item .up-result .res-delete {
    display: flex;
    color: var(--c20);
    cursor: pointer;
}
.form-row .up-item .up-result .res-delete:hover {
     color: var(--b80);
 }


    .form-row .up-item .up-result .res-delete .icon {
        font-size: 24px;
    }
.form-row .up-item .up-result span.icon  {
    width: 40px;
}
    .form-row .up-item .up-result img {
        width: 40px;
        aspect-ratio: 1;
        object-fit: cover;
        border-radius: 5px;
    }
.form-row .up-item .up-result div.prv {
    display: flex;
    align-items: center;
}
#up_cont:not(:empty)
{
    padding:5px;
}
.new-notif {
    position: fixed;
    bottom: 50px;
    left: 50px;
    display: flex;
    flex-direction: column;
}
    .new-notif a {
        background-color: var(--c9);
        padding: 5px 10px;
        border-radius: 10px;
        margin-bottom: 15px;
        display: flex;
       
        align-items: flex-end;
    }
    .new-notif a:hover {
        background-color: var(--c12);
      
    }
        .new-notif a span {
            margin-left: 5px;
            font-size: 20px;
        }
.switch-cont {
    display: flex;
    align-items: center;
}
.switch {
    margin-right:5px;
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--b60);
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 34px;
    }

        .switch .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 2px;
            bottom: 2px;
            background-color: var(--w100);
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

    .switch input:checked + .slider {
        background-color: var(--c20);
    }

        .switch input:checked + .slider:before {
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }
@keyframes slide {
    0% {
        width: 0%;
    }


    100% {
        width: 100%;
    }
}

 

@media (max-width:767px)
{

    .top-buttons a {
        padding: 10px 5px 15px 0;
    }
  
    .new-notif {
        bottom:120px;
        left: 15px;
    }
        .new-notif a span {
            margin-left: 5px;
            font-size: 22px;
        }
    .messages div.msg-item .functions {
        bottom: 10px;
        right: 20px;
    
    }
     
    .messages div.msg-item div .images a img {
        width: 60px;
        
    }
    .messages div.msg-item a.reply {
        margin: 0 6px 3px 0;
    }
    .new-msg button.btn, .emojies span.icon {
        font-size: 24px;
    }
    .messages div.msg-item.False a.txt-hack {
       
        width: 30px;
        height: 30px;
      
        margin-top: 5px;
    }
    
    
    #pinned_messages.messages div.msg-item:not(.hasrep):not(.merged):not(.True) div p {
        margin-top: -25px;
    }
    .messages div.msg-item shadow a {
        margin: 10px 3px 0 0;
    }
    .messages div.msg-item.merged shadow a {
        margin: 0px 5px 0 0;
    }
    .messages div.msg-item.True {
        margin-right: -10px;
        margin-left: 15px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .messages div.msg-item.False {
        margin-left: -10px;
        margin-right: 15px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .container {
        padding: 10px 0 0 0;
    }
    .messages div.msg-item .user {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }
    .msg-box {
        top: 75px;
        right: 50%;
        width: 80%;
        margin-right: -40%;
    }


        .msg-box.in {
        }



        .msg-box .msg-con {
            padding: 15px 15px;
            margin-bottom: 10px;
        }
.emojies a {
    margin-left: 4px;
    font-size: 19px;
    
}
    .reactions a:not(.show) {
        margin: 8px 5px;
        display: inline-block;
font-size:16px;
    }
    .messages div.msg-item div.reactions
    {
        position:relative;
    }
    .messages div.msg-item div.reactions b#reactions {
        position: absolute;
        width: 320px;
        top: -25px;
        right: 25px;
        background-color: var(--w80);
        border-radius: 5px;
    }

            .msg-box .msg-con:before {
                font-size: 24px;
                margin-left: 10px;
            }



            .msg-box .msg-con .txt {
                font-size: 12px;
            }

    .form-row .up-item {
        margin: 7px 0;
    }




        .form-row .up-item .up-progress .p-bar {
            margin-left: 10px;
        }

            .form-row .up-item .up-progress .p-bar .bar {
                font-size: 12px;
            }





        .form-row .up-item .up-progress .p-cancel .icon {
            font-size: 22px;
        }



        .form-row .up-item .up-result .res-img {
            width: 45px;
            height: 30px;
            margin-left: 10px;
        }


        .form-row .up-item .up-result .res-delete .icon {
            font-size: 22px;
        }
    .edit-alert {
        width: 90%;
        margin-right: 5%;
        
    }  
     

     
}