@charset "UTF-8";
/*
Theme Name: ols;
Theme URI: http://www.ols.com.na;
Author: nolito;
Description: A theme designed for logistics;
Version: 1.1;
License: Private;
Text Domain: ray;
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready;
*/

@font-face { font-family: opensans;  src: url(fonts/opensans-regular-webfont.ttf) format("truetype"), url(fonts/opensans-regular-webfont.woff2) format('woff2'), url(fonts/opensans-regular-webfont.woff) format('woff');   font-weight: 400;  font-style: normal; }
@font-face { font-family: nmfont;  font-style: normal;   font-weight: 900;  src: url(fonts/fa-solid-900.eot);  src: url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fa-solid-900.woff) format("woff"), url(fonts/fa-solid-900.ttf) format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fa { font-weight: 900; font-family: nmfont; }
@font-face { font-family: nmbrands;    font-style: normal; font-weight: 400; src: url(fonts/fa-brands-400.eot);  src: url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fa-brands-400.woff) format("woff"), url(fonts/fa-brands-400.ttf) format("truetype"), url(fonts/fa-brands-400.svg#fontawesome) format("svg"); }
.fab { font-weight: 400;  font-family: nmbrands; }
@font-face { font-family: Catamaran;  font-style: normal;  font-weight: 400;  font-display: auto;  src: url(fonts/catamaran-regular.woff2) format("woff2"), url(fonts/catamaran-regular.woff) format("woff"), url(fonts/catamaran-regular.ttf) format("truetype"); }

:root {
    --maincol: rgb(2, 56, 89);
    --mgnblue: #00ade2;
   --mgngray:  #333;
   --base-font-size: 1rem;
   --f8: 0.8rem;
   --f10: 1rem;
  --f12: 1.2rem;
  --f14: 1.4rem;
  --f16: 1.6rem;
  --f18: 1.8rem;
  --f20: 2rem;
  --f22: 2.2rem;
  --f24: 2.4rem;
    --primary: #546e7a;
    --primary-hover: #455a64;
    --primary-focus: rgba(84, 110, 122, 0.125);
    --primary-inverse: #FFF;
    --white: #fff;
    --btrans50: rgba(0, 0, 0, 0.5);
    --wtrans50: rgba(255, 255, 255, 0.5);
    --background-body: #fff;
    --background: #efefef;
    --background-alt: #f7f7f7;
    --selection: #9e9e9e;
    --text-main:  #222222;
    --text-bright: #000;
    --text-muted: #70777f;
    --links: rgb(2, 56, 89);
    --focus: #0096bfab;
    --border: #dbdbdb;
    --code: #000;
    --muted-color: hsl(205deg,  10%,  50%);
      --spacing: 1rem;
      --typospacing: 1.5rem;
    --animation-duration: 0.1s;
    --button-base: #d0cfcf;
    --button-hover: #9b9b9b;
    --scrollbar-thumb: rgb(170, 170, 170);
    --scrollbar-thumb-hover: var(--button-hover);
    --form-placeholder: #949494;
    --form-text: #1d1d1d;
    --variable: #39a33c;
    --highlight: #ff0;
    --transparent : transparent;
  --contrast: hsl(205deg,  30%,  15%);
  --contrast-hover: #000;
  --contrast-focus: rgba(89,  107,  120,  0.125);
  --contrast-inverse: #fff;
    --tooltip-background-color: var(--contrast);
    --tooltip-color: var(--contrast-inverse);
    --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
    --clampfont : clamp(0.8rem, 1.2rem + 0.2rem * (viewport-width / 100), 6rem);
}
  :root { overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar;}
  a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; scroll-behavior: smooth;}
  html, body {font-family: system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif; height: 100%}
  html {font-size:  86% ;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden; overflow-y: visible; -ms-touch-action: manipulation; touch-action: manipulation; scrollbar-color: rgb(170, 170, 170) #fff; scrollbar-color: var(--scrollbar-thumb) var(--background-body); scrollbar-width: thin;}
  body {font-size:  var(--f12) ; line-height: 1.4; font-weight: 400; margin: 0; word-wrap: break-word; color: var(--text-main); background: #fff; text-rendering: optimizeLegibility;  min-height: 100vh}
   
  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, pre, input, textarea, select option, button  {display: block;} 
  a, article, aside, body, button, footer, header, img, input, label, li, nav, p, section, span, textarea {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

  footer, header, nav, section {clear: both; margin: 0 auto; min-width: 100%;display:block }
  body > footer {margin-top: 40px;}
  
  a, a:visited { background-color: transparent; color: #666; outline: 0; text-decoration: none!important; z-index: 500!important;}
  a:active, a:focus, a:hover {color: var(--maincol); outline: 0;}
  a img, img {border: 0;}
  a.fare::before { content:"\f061"; display:inline; margin:0px 4px 0px 2px;
    -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4);  width: 16px; height: 16px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-family: nmfont;   font-size:  var(--f12); color: #999999; }
   a.fare:hover:before  { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);color: #155164;}   
.wit a {color:#cccaca}
.wit a:hover {color:#ffffff}


  abbr[title] {border-bottom: none; text-decoration: underline;text-decoration: underline dotted;}
  b,strong {font-weight: bolder;} 
  big {font-size: 135%; line-height: 140%;} 
  small {font-size: 80%;}
  em, i {font-style: italic;}
  sub,sup {font-size: 75%; line-height: 0; vertical-align: baseline;}
  sub {bottom: -0.25em;}
  sup {top: -0.5em;}
  
  q {quotes: "“" "”" "‘" "’";}
  q::before {content: open-quote;}
  q::after {content: close-quote;}
  blockquote::after {font-family: nmfont; font-size: 5rem; content: '\f10d'; min-width: 100%; min-height: 100px; color: #f4f4f4; position: absolute; top: 10px; left: 0; z-index: -1;}
  
  embed, iframe, object {max-width: 100%;}
  img, video {height: auto; max-width: 100%; vertical-align: top; border: 0;}
  audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
  audio:not([controls]) { display: none; height: 0;}
  .holder {margin: 0 auto; width: 100%; height: auto; display: block;}
  video {width: 100%!important; height: auto!important; top: 0; left: 0; vertical-align: middle;}
  video:after {clear: both; content: ''; margin: 10px 0 10px 0;}
  svg:not(:root) {  overflow: hidden;}
  figure {margin: 1em 40px;}
  figure figcaption {padding: calc(var(--spacing) * .5) 0; color: var(--muted-color);}
  pre {-ms-overflow-style: scrollbar; overflow: auto; margin-bottom: var(--spacing);}
  dfn {font-style: italic;}
  mark {background: #fff; color: #111;}
  code, kbd, pre, samp { font-family: monospace, monospace; font-size: var(--f12);}
  table {border-collapse: collapse; border-spacing: 0;}  
   
  p {margin-bottom: var(--typospacing);}
  pre, blockquote, dl,  table, ul, ol, form {margin-bottom: 2.5rem;}
  details {display: flex; flex-direction: column; align-items: flex-start; background-color: #f7f7f7; background-color: var(--background-alt); padding: 10px 10px 0; margin: 1em 0; border-radius: 6px; overflow: hidden;}
  details[open] {padding: 10px;}
  details > :last-child {margin-bottom: 0;}
  details[open] summary {margin-bottom: 10px;}
  summary {display: list-item; background-color: #efefef; background-color: var(--background); padding: 10px; margin: -10px -10px 0; cursor: pointer; outline: none;}
  summary:hover, summary:focus {text-decoration: underline;}
  details > :not(summary) {margin-top: 0;}
  summary::-webkit-details-marker {color: #363636; color: var(--text-main);}
  
  dialog {background-color: #f7f7f7; background-color: var(--background-alt); color: #363636; color: var(--text-main); border: none; border-radius: 6px; border-color: #dbdbdb; border-color: var(--border); padding: 10px 30px;}
  dialog > header:first-child {background-color: #efefef; background-color: var(--background); border-radius: 6px 6px 0 0; margin: -10px -30px 10px; padding: 10px; text-align: center;}
  dialog::-webkit-backdrop, dialog::backdrop {background: #0000009c; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
   

h1, h2, h3, h4, h5, h6 {font-weight: 400; margin: 1% 0 1% 0;}
h1 {   font-size: calc(1.5em + 2vw);  line-height: 150%; }
h2 {  font-size: calc(1.3em + 1.5vw); line-height: 140%; }
h3 {   font-size: calc(1.17em + 1vw); line-height: 130%; }
h4 {   font-size: calc(1em + 0.5vw); line-height: 120%; }
h5 {   font-size: calc(0.83em + 0.25vw);  line-height: 110%; }
h6 {   font-size: calc(0.75em + 0.125vw); line-height: 100%; }
  
  ol, ul {list-style: none;}
  li {margin: 0 0 .3em;}
  
  /*
  ul {list-style: circle inside;}
  ol {list-style: decimal inside;}
  ol, ul {padding-left: 0; margin-top: 0;}
  ul ul, ul ol, ol ol, ol ul {margin: 1.5rem 0 1.5rem 3rem; font-size: 90%;}
  li {margin-bottom: 1rem;} */
  
  template, [hidden] {display: none;} 
  hr {  -moz-box-sizing: content-box; -webkit-sizing: content-box; box-sizing: content-box; clear: both!important; margin: 2% 0 2% 0!important;}
  hr:after {clear: both; content: ''; display: table;}
  
  form p { margin: 0; padding: 0; min-height: 1px;}
 
  input, optgroup, select, textarea { color: #333; margin: 0;   vertical-align: baseline;}
  button, select {text-transform: none;}
  button, html input[type=button], input[type=reset], input[type=submit] {  cursor: pointer;}
 fieldset {   display: block; border: 0; border-top: 1px solid silver; margin: 0 0 2% 0; padding: 15px 5px 5px 5px;}
  legend {  padding: 5px 10px 5px 5px;border: 0; white-space: normal;     background: #f1f1f1;  color: #666;   -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
  optgroup {font-weight: 700;}
  input, textarea { width: 97.6%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 0 12px 0; background: 0 0; border: 1px solid #c5c5c5;}
  textarea { overflow: auto; vertical-align: top; min-height: 100px; padding: 28px 5px 5px 5px; resize: vertical;line-height:125%;}
  input {line-height: 28px; padding: 18px 5px 0px 5px;}
  input:focus, select:focus, textarea:focus { outline: 0;}
  select:hover { cursor: pointer;}
  select {background: #efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat; background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
    padding-right: 35px;}
  
  input[type=checkbox], input[type=radio] {box-sizing: border-box; padding: 2px 0 0 0; width: 18px; height: 18px;}
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;}
  input[type=search] {  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
  input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
  input[type=checkbox] {width: 18px; border: 1px solid #333; margin: 0 4px 0 0; display: inline-block; vertical-align: middle; background: #fff; cursor: pointer;}
  input[type=checkbox]:focus, input[type=checkbox]:hover {  box-shadow: transparent 0 0 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; border-color: #0080c0;}
  button,  .button, a .button   {overflow: visible;  float:left; display: block; min-width: 4.6%; cursor: pointer; padding:6px 8px 6px 8px;  border: 0; color: #f1f1f1; background: #acabab; text-decoration: none; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
  button:focus, button:hover,  a.button:focus, a.button:hover {color: #fff; background:var( --maincol); border: 0;}
   
  select {width: 100%; border: none;  -webkit-user-select: none; -moz-user-select: none; user-select: none; background: transparent url(images/15xvbd5.png) no-repeat 97% center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 1%;}
  select:selected {background: green;}
  select option {  padding: 5px; line-height: 140%; clear: both; margin: 0 0 5px 0;}
  label {color: #666;  font-weight: 400; pointer-events: none;}
  :-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {color: #999;   opacity: .9; text-overflow: ellipsis; font-style: italic;}
  div[contentEditable=true], div[contentEditable=true]:focus {border: 1px solid #f1f1f1;}
  div[contentEditable=true]:empty:not(:focus)::before {content: attr('data-text'); position: absolute; top: 5px; left: 0; z-index: 50px; color: #999;  opacity: .9; text-overflow: ellipsis; font-style: italic;}
  div[contentEditable=true]:empty(:focus)::before {   top: -50px; opacity: 0;}
   

  
  [data-tooltip] {position: relative;}
  [data-tooltip]:not(a, button, input) {border-bottom: 1px dotted; text-decoration: none; cursor: help;}
  [data-tooltip]::after, [data-tooltip]::before, [data-tooltip][data-placement=top]::after, [data-tooltip][data-placement=top]::before {display: block; z-index: 99; position: absolute; bottom: 100%; left: 50%; padding: .25rem .5rem; overflow: hidden; transform: translate(-50%, -.25rem); border-radius: var(--border-radius); background: var(--tooltip-background-color); content: attr(data-tooltip); color: var(--tooltip-color); font-style: normal; font-weight: var(--font-weight); font-size: .875rem; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; opacity: 0; pointer-events: none;}
  [data-tooltip]::after, [data-tooltip][data-placement=top]::after {padding: 0; transform: translate(-50%, 0); border-top: .3rem solid; border-right: .3rem solid transparent; border-left: .3rem solid transparent; border-radius: 0; background-color: transparent; content: ""; color: var(--tooltip-background-color);}
  [data-tooltip][data-placement=bottom]::after, [data-tooltip][data-placement=bottom]::before { top: 100%; bottom: auto; transform: translate(-50%, .25rem);}
  [data-tooltip][data-placement=bottom]:after {transform: translate(-50%, -.3rem);
      border: .3rem solid transparent; border-bottom: .3rem solid;}
  [data-tooltip][data-placement=left]::after, [data-tooltip][data-placement=left]::before {top: 50%; right: 100%; bottom: auto; left: auto; transform: translate(-.25rem, -50%);}
  [data-tooltip][data-placement=left]:after { transform: translate(.3rem, -50%); border: .3rem solid transparent; border-left: .3rem solid;}
  [data-tooltip][data-placement=right]::after, [data-tooltip][data-placement=right]::before {top: 50%; right: auto; bottom: auto; left: 100%; transform: translate(.25rem, -50%);}
  [data-tooltip][data-placement=right]:after {transform: translate(-.3rem, -50%); border: .3rem solid transparent; border-right: .3rem solid;}
  [data-tooltip]:focus::after, [data-tooltip]:focus::before, [data-tooltip]:hover::after, [data-tooltip]:hover::before {opacity: 1;}
  
    nav, section {vertical-align: top; min-height: 10px;}
 
  header { position: fixed; top: 0; left: 0; z-index: 5500; min-height: 50px; height: 100px;background:#fff }
  footer {min-height: 10px; font-size: 90%; bottom: -1px; left: 0;   }
  img.map-image {
 
    overflow: hidden;
    position: relative;
    transition: transform 0.3s;
}

img.map-image:hover {
    transform: scale(1.6);
}
  
  /* LAYOUT
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  .group  {width: 86vw; margin: 0 auto; clear: both; padding: 40px 0 40px 0;}
  .one {width: 99.99999999991%; margin: 0 auto; min-height: 1px;}
  .one:after,.one:before, .group:after, .group:before  {content: ''; display: table; clear: both;}

 

a:active .noa, a:focus .noa, a:hover .noa {color: #333; outline: 0; font-weight: 400;}
a .noa p {margin: 0!important; padding: 0!important;} 
.bold, .strong {font-weight: 700;}
.slant  {font-style: italic;}
.small  {font-size: 90%; line-height: normal;}
.big  {font-size: 135%; line-height: 140%;} 
.sub, .sup  {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}


.gdot ul {
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em; 
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.gdot li, .ndot li, .dot li, .tic li {list-style-type: none; padding: 0 0 0 20px; margin: 4px 0 4px 10px;}  
.gdot li{width:96%;  
     display: inline-block;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;}
 .ndot li{min-width:96%;    }
    
.gdot li,  .ndot li {background: url(images/graydot.png) no-repeat 0 5px;}
 .tic li {background: url(images/ytic.png) no-repeat 0 2px;}
 
ol {list-style-type: lower-alpha;}
.dot li   {padding: 0 0 0 10px;  cursor: pointer; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.dot li::before{-webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4);  width: 16px; height: 16px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-family: nmfont; content: '\f065'; font-size:  var(--f12);float: left;color: #999999;}
.dot li:hover::before  {margin: 0 10px 0 0;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);color:#155164;}   
 .dot li:hover { font-weight:bold;margin-left: 20px; }
  .adot li   {padding: 0 0 0 10px;  cursor: pointer; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.adot li::before{-webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4);  width: 16px; height: 16px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-family: nmfont;  content:"\f061"; font-size:  var(--f12);float: left;color: #999999;}
.adot li:hover::before  {margin: 0 10px 0 0;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);color: #155164;}   
 .adot li:hover { font-weight:bold;margin-left: 20px; }
  
.dou li, .du li {  list-style-type: none;   padding: 0 0 0 10px;   margin: 4px 0 4px 0; }
.dun { cursor: pointer; padding: 0 0 0 10px;  margin: 4px 0 4px 0; }
.di::before, .dou a::before, .du a::before, .dun::before {   -webkit-transform: scale(0); -moz-transform: scale(0);  transform: scale(0);  width: 0;  height: 0; -webkit-transition: all .4s ease-in-out;    -moz-transition: all .4s ease-in-out;    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;  font-family: nmfont;   content: '\f06d';  font-size: 1rem; }  
.dou a::before, .du a::before, .dun::before {  float: left; }
.du a::before, .dun::before {  color: #155164; }
.dou a::before { color: #f1f1f1; }
.di::before { font-size: .0000001rem;   color: #f1f1f1; }
a.di { font-weight: 700; }
.di:hover {   margin: 0 4px 0 0; }
.di:hover::before {    margin: 0 4px 0 4px;  font-size: 1rem;   color: #155164; }
.di:hover::before, .dou a:hover::before, .du a:hover::before, .dun:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1);  transform: scale(1); width: 16px;  height: 16px; }
   
.ferror {position: relative; width: 98%; min-height: 28px; margin: .66661%; font-style: italic; font-size:  var(--f8); padding: 4px 6px 4px 6px; color: #666; border-left: 10px solid red; clear: both;}
.req:after {content: "\f069"; font: normal 10px/1 nmfont; color: red; position: absolute; bottom: 50%; right: 5px; transform: translateY(50%);} 
#getclient span img, #notify img, .delete img  {max-width: 14px!important; height: auto;}   
  
.fit img, img.fit {min-width: 120%;height: 120%; object-fit: cover;}
.full {overflow: hidden; -ms-touch-action: manipulation; touch-action: manipulation; min-height: 100vh; background: #fff;position: fixed;width: 100%; position: absolute; top: 0; left: 0; transform: translate(0, 0); z-index: 2000;}
.scto100  {  scroll-margin-top: 100px; /* your offset amount */  } 
.scto50  {  scroll-margin-top: 50px; /* your offset amount */  } 
.scto25  {  scroll-margin-top: 25px; /* your offset amount */  } 


.mol,
.fx10, .fx16, .fx20, .fx25, .fx33, 
.wmin, .w10, .w16, .w20, .w25,  .w30, .w33, .w35, .w40, .w45,  .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90,  .w99, 
.wpmin, .wp10, .wp16, .wp20, .wp25,.wp30,  .wp33, .wp35, .wp40, .wp45,  .wp50, .wp55, .wp60, .wp65, .wp70, .wp75, .wp80, .wp85, .wp90,  .wp99, 
.wmmin, .wm10, .wm16, .wm20, .wm25,  .wm30,  .wm33, .wm35, .wm40, .wm45,  .wm50, .wm55, .wm60, .wm65, .wm70, .wm75, .wm80, .wm85, .wm90,  .wm99, 
.wmpmin, .wmp10, .wmp16, .wmp20, .wmp25, .wmp30,  .wmp33, .wmp35, .wmp40, .wmp45,   .wmp50, .wmp55, .wmp60, .wmp65, .mwp70, .wmp75, .wmp80, .wmp85, .wmp90,  .wmp99 
{margin: 0 auto;position: relative;min-height: 1px; float: left; display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.sq25,.sq40, .sq50, .sq60,.sq100,.sq150,.sq200,.sq250,.sq300,.fip6,.fip5,.fip4,.fip3,.fip2, .tw5,.tw10,.tw15,.tw20,.tw25,.tw30,.tw35,.tw40,.tw45,.tw50,.tw60,.tw100
{margin: 0 auto;position: relative;min-height: 1px;  display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.wmin, .wmmin, .wmpmin , .wpmin{min-width: 4.6%;}
.w10, .wm10, .wmp10, .wp10 {width: 8%;}
.w16, .wm16, .wmp16, .wp16  {width: 14%;}
.w20, .wm20, .wmp20, .wp20 {width: 18%;}
.w25, .wm25, .wmp25, .wp25   {width: 23%;}
.w30, .wm30, .wmp30, .wp30  {width: 26.6%;}
.w33, .wm33, .wmp33 , .wp33 {width: 32%;}
.w35, .wm35, .wmp35, .wp35   {width: 33;}
.w40, .wm40, .wmp40 , .wp40  {width: 38%;}
.w45, .wm45, .wmp45, .wp45   {width: 43%;}
.w50, .wm50, .wmp50, .wp50  {width: 48%;}
.w55, .wm55 , .wmp55, .wp55 {width: 53%;}
.w60, .wm60 , .wmp60, .wp60  {width: 58%;}
.w65, .wm65 , .wmp65, .wp65 {width: 63%;}
.w70, .wm70 , .wmp70, .wp70  {width: 67%;}
.w75, .wm75, .wmp75, .wp75 { width: 72.6%;}
.w80, .wm80 , .wmp80, .wp80  {width: 78%;}
.w85, .wm85 , .wmp85, .wp85 {width: 83%;}
.w90, .wm90 , .wmp90, .wp90  {width: 88%;}
.w95, .wm95 , .wmp95, .wp95  {width: 93%;}
.w99, .wm99, .wmp99, .wp99 {width: 98%; clear:both}
.wmmin, .wm10, .wm16, .wm20, .wm25, .wm30, .wm33, .wm35, .wm40, .wm45,   .wm50, .wm55, .wm60, .wm65, .wm70, .wm75, .wm80, .wm85, .wm90,  .wm99, .wmpmin, .wmp10, .wmp16, .wmp20, .wmp25, .wmp30, .wmp33, .wmp35, .wmp40, .wmp45,  .wmp50, .wmp55, .wmp60, .wmp65, .mwp70, .wmp75, .wmp80, .wmp85, .wmp90,   .wmp99  {margin: 0.66666661%;} 
.wpmin, .wp10, .wp16, .wp20, .wp25, .wp30, .wp33, .wp35, .wp40, .wp45,   .wp50, .wp55, .wp60, .wp65, .wp70, .wp75, .wp80, .wp85, .wp90,   .wp99, .wmpmin, .wmp10, .wmp16, .wmp20, .wmp25, .wmp30, .wmp33, .wmp35, .wmp40, .wmp45,   .wmp50, .wmp55, .wmp60, .wmp65, .mwp70, .wmp75, .wmp80, .wmp85, .wmp90,  .wmp99  {padding: 5px;}

.fxm {min-width: .6%;}
.fx5 { width: 4%;}
.fx10 {width: 9%;}
.fx15 {width: 14%;}
.fx20 {width: 19%;}
.fx25 { width: 24%;}
.fx33 { width: 32%;}
.flex, .fxcen, .fxrev, .fxtop {display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; margin: 0;
    list-style: none; flex-direction: row;}
.flex, .fxcen, .fxrev {justify-content: space-between;}
.fxcen {align-items: center;}
.fxrev {flex-direction: row-reverse;}
.fxtop {align-items: start;}
.fwp {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.fnwp {flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.frwp {flex-wrap: wrap-reverse;}
.ffnwp {flex-flow: nowrap;}
.ffrwp {flex-flow: row wrap;}
.fdc {flex-direction: column;}
.fdr {flex-direction: row;}



.fxbox, .flexbox {display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -0.6%;}
.fi6-rem,.fip6-rem,.fi6,.fip6 {flex: 0 0 calc(16.66% - 1.2%); margin: 0.6%; } 
.fi5-rem,.fip5-rem,.fi5,.fip5 {flex: 0 0 calc(18.66% - 1.2%); margin: 0.6%; }  
.fi4-rem,.fip4-rem,.fi4,.fip4 {flex: 0 0 calc(22.66% - 1.2%); margin: 0.6%; }  

.fi3-rem,.fip3-rem,.fi3,.fip3 {flex: 0 0 calc(32.66% - 1.2%); margin: 0.6%; } 
.fi2-rem,.fip2-rem, .fi2,.fip2 {flex: 0 0 calc(48.66% - 1.2%); margin: 0.6%; } 
 
.fip6,.fip5,.fip4,.fip3,.fip2,.fip6-rem,.fip5-rem,.fip4-rem,.fip3-rem,.fip2-rem {padding:5px} 

  
 
.tw5 {width:4.2%;}
.tw10 {width:9.2%;}
.tw15 {width:14.2%;}
.tw20 {width:19.2%;}
.tw25 {width:24.2%;}
.tw30 {width:29.2%;}
.tw35 {width:34.2%;}
.tw40 {width:39.2%;}
.tw45 {width:44.2%;}
.tw50 {width:49.2%;}
.tw60 {width:59.2%;}
.tw100 {width:99.2%;}
  
 
.fxtable {  display: flex;  flex-wrap: wrap;  box-sizing: border-box; padding:0px}
.fxitem {   border: 1px solid #fff;  min-height:28px;  box-sizing: border-box;   margin: 0px; text-align:left; padding:3px 6px 3px 6px;vertical-align:top;   }
.fxitem:first-child {border-left:0px;}
.head { background:  #B6C7C9; }
.body:nth-child(even) {background:  #E1E9EA}
.body:nth-child(odd) {background:  #F3F5F5}
.head .fxitem { font-weight:bold;font-size: var(--f10);}
.body .fxitem { font-size: var(--f12);}


.sq10 {width:10%;height:10%}  .sq20 {width:20%;height:20%} 
.sq30 {width:30%;height:30%}  .sq40 {width:40%;height:40%} 
.sq50 {width:50%;height:50%}  .sq60 {width:60%;height:60%}  
 

.circle25,.circle50,.circle60,.circle70,.circle80,.circle90,.circle100,.circle50,.circle150,  .circle200{position:relative;margin:0 auto; border:3px solid #fff;display:block; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;-webkit-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75);overflow:hidden}
 
.circle25{width:25%;height:25%;}
.circle50{width:50%;height:50%;}
.circle60{width:60%;height:60%;}
.circle70{width:70%;height:70%;}
.circle80{width:80%;height:80%;}
.circle90{width:90%;height:90%;}
.circle100{width:100%;height:100%;}

 .circle150{width:150px;height:150px;}
 .circle200{width:200px;height:200px;}
 .circle25 img,.circle50 img,.circle60 img,.circle70 img,.circle80 img,.circle90 img,.circle100 img, .circle150 img, .circle200 img{position:relative; max-width:100%; max-height:100%; margin:1% auto;}
    
 

.syco   {margin:0 0 0 20px; height:24px; font-size:1.4rem;}
.syco a {color:#666;}
.syco a:hover {color:#263A51}

.cont-2 {display: flex; justify-content: space-between;}
.c2b65,.c2x35 {display:block; padding: 5px;}
.c2b65 {flex-basis: 65%;}.c2b35 {flex-basis: 35%;}

.cont-3 {display: flex; justify-content: space-between; align-items: center;}
.c3bx1,.c3bx2,.c3bx3 {flex-basis: 0%; flex-grow: 1; padding: 5px;}
.c3bx1 {margin-right: 1%;}
 .c3bx2 {margin: 0 1%;}
  .c3bx3 {margin-left: 1%;}


.featured { width: 200px;   overflow: hidden;  height: 200px; -webkit-border-radius: 50%;  -moz-border-radius: 50%;border-radius: 50%;}
.featured img {    min-width: 150%;  height: auto;}
.im30, .im50, .im60, .im80 {text-align: center; margin: 0 auto;}
.im30 img, .im50 img, .im60 img, .im80 img { height: auto;   text-align: center; margin: 0 auto;}
.im30 img {  max-width: 30%;}
.im50 img { max-width: 50%;}
.im60 img {  max-width: 60%;}
.im80 img {max-width: 80%;}
.h100, .h120, .h140, .h150, .h160, .h180, .h200, .h220, .h240, .h280, .h300, .h340, .h380, .h400, .h50, .h500, .h600, .h80 { overflow: hidden!important;}
.h50, .wh50 { height: 50px;}
.h80 { height: 80px;}
.h100 { height: 100px;}
.h120 {  height: 120px;}
.h140 {height: 140px;}
.h150 { height: 150px;}
.h160 {height: 160px;}
.h180 { height: 180px;}
.h200 {height: 200px;}
.h220 { height: 220px;}
.h240 {height: 240px;}
.h280 { height: 280px;}
.h300 { height: 300px;}
.h340 { height: 340px;}
.h380 { height: 380px;}
.h400 { height: 400px;}
.h500 {height: 500px;}
.h600 {height: 600px;}
.hauto { height: auto;}
.mh20 {  min-height: 20px;}
.mh50 { min-height: 50px;}
.mh100 {min-height: 100px;}
.mh150 { min-height: 150px;}
.mh200 {  min-height: 200px;}
.mh240 {  min-height: 240px;}
.mh300 {min-height: 300px;}
.mh400 {min-height: 400px;}
.mh500 { min-height: 500px;}
.mxh300 { max-height: 300px;}
.p10, .p100t, .p2, .p20, .p20l, .p20tb, .p3, .p4, .p5, .p50t, .pad, .pad3, .pad4 { display: block;}
.p5, .pad {   padding: 5px;}
.p2, .pad2x { padding: 2%;}
.p3, .pad3x {   padding: 3%;}

.p10 {  padding: 10px;}
.p15 {  padding: 15px;}
.p20 { padding: 20px;}
.pad3 {  padding: 3%;}
.p4, .pad4 {  padding: 4%;}
.pt100 {  padding-top: 100px;}
.pt50 { padding-top: 50px;}

.vh100 { height: 100vh!important;}
.vh80 {  height: 80vh!important;}
.vh50 { height: 50vh!important;}

.ma, [class*='_a'] {  margin: auto;}
.mfh {   margin: .5%;}
.mf1 { margin: 1%;}
.mf2 {  margin: 2%;}
.mr2 {margin: 0 2% 0 0;}
.mr3 { margin: 0 3% 0 0;}
.mb4 {  margin: 0 0 4% 0;}
.mbl2, .mfr { margin: 0 0 2% 2%;}
.mfl, .mrb2 {margin: 0 2% 2% 0;}


.cnr2 { -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.cnr5 { -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;}
.cnr10 {    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.cnr20 { -webkit-border-radius: 20px;  -moz-border-radius: 20px;    border-radius: 20px;}
.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;}
.cnrin {  -webkit-border-radius: 45px/15px;-moz-border-radius: 45px/15px;  border-radius: 45px/15px;}
.cnrout {    -webkit-border-radius: 15px/45px;   -moz-border-radius: 15px/45px;   border-radius: 15px/45px;}
.cnrelip { -webkit-border-radius: 15px 30px;   -moz-border-radius: 15px 30px;   border-radius: 15px 30px;}
.cnrdove {    -webkit-border-radius: 2px 30px;    -moz-border-radius: 2px 30px;   border-radius: 2px 30px;}
.halfcirclbottom {   -webkit-border-radius: 0 0 50% 50% / 0 0 100% 100%; -moz-border-radius: 0 0 50% 50% / 0 0 100% 100%;
border-radius: 0 0 50% 50% / 0 0 100% 100%;}
 .clipcircleright {clip-path: circle(78% at 23% 35%);}
.clipsharp{clip-path: polygon(50% 2%, 100% 0, 100% 43%, 100% 98%, 68% 100%, 19% 97%, 0 100%, 0% 43%, 0 0);}

.halfcirclecorner {-webkit-clip-path: circle(40.8% at 6% 94%);clip-path: circle(40.8% at 6% 94%);}
.clipscatter {clip-path: polygon(0% 0%, 0% 100%, 26% 100%, 6% 7%, 33% 48%, 90% 51%, 9% 82%, 0 79%, 100% 96%, 95% 7%);}
.arrowdown {-webkit-clip-path: polygon(100% 0, 100% 94%, 50% 100%, 0 94%, 0 0); clip-path: polygon(100% 0, 100% 94%, 50% 100%, 0 94%, 0 0);}
 .arrowup {-webkit-clip-path: polygon(100% 0, 100% 94%, 50% 100%, 0 94%, 0 0); clip-path: polygon(100% 0, 100% 94%, 50% 100%, 0 94%, 0 0);}
.tiltbloc {border-radius:4% 96% 3% 97% / 95% 6% 94% 5% }  
 
    
.ob-fill { object-fit: fill;}
.ob-contain { object-fit: contain;}
.ob-cover {  object-fit: cover;}
.ob-scaledown { object-fit: scale-down;}
.ob-none { object-fit: none;}
.sideshadow { -webkit-box-shadow: -15px 0 15px -15px rgba(0, 0, 0, .75);  -moz-box-shadow: -15px 0 15px -15px rgba(0, 0, 0, .75);    box-shadow: -15px 0 15px -15px rgba(0, 0, 0, .75);   background: #fff;}
.separator { color: #666;    line-height: 1;}


   .tooltip, .uppme, .qtip, .quppme,  .floatrel , .downy,  .blimb ,.filled,   .plain ,  .plain img, .scale img,    .swipebox:before,   .faz, .picbig, .pby  {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
 /* GRID */

 .faz { margin:0;height:30px; width:100%; list-style-type: none;position:relative;z-index:20;clear:both; } 
/* hide horizontal scrollbar
.faz::-webkit-scrollbar { width: 0; } ..faz ul {width:100%; display:block; 
display: flex;  overflow-x: scroll; -webkit-overflow-scrolling: touch;  } */ 
.faz li {float:left; height:30px; position: relative;display:block; cursor:pointer;letter-spacing:0.5px;}
.faz  li.active a { cursor:default;display: block;  text-decoration: none;min-width:40px;}
.fcontent  {clear:both; width:100%;height:auto;}
.fcontent::after{ clear:both;content:' ';}
.fcontent h6 {clear:both;font-size: var(--f20);color: #B6C7C9;border-bottom:1px dotted #999}  
 
.picbig   {  padding:4px;  height:auto; width:100%;  position:relative;}
 .pby  {   color:#666;font-size:1.3rem;background:#f1f1f1;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border-bottom:2px solid transparent;    -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
 .pby img { min-width:100%;height:100%;   -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%);  filter: grayscale(100%);  }
  .pby:hover, .picbig  .activ  {  color:#435b7a;font-size:1.5rem; background:#fff;font-weight:bold;  
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);border-bottom:2px solid #0000cd;z-index:100; }
 .picbig  .activ  {  cursor:default;}
.pby:hover img, .picbig  .activ img {-moz-filter: grayscale(0%); -webkit-filter: grayscale(0%);filter: grayscale(0%);filter: grayscale(0%); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);transform:scale(1.2)}

 .actcen {  color:#666;font-size:1.3rem;background:#f1f1f1;cursor:pointer; min-width:20%; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;}
  .actcen:hover   { color:#435b7a;font-size:1.5rem; background:#fff;font-weight:bold; border-bottom:2px solid #0000cd;z-index:100;     -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);}
  .actcen  img { min-width:100%;height:100%;   -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%);  filter: grayscale(100%);  }
 .actcen:hover img  {-moz-filter: grayscale(0%); -webkit-filter: grayscale(0%);filter: grayscale(0%);filter: grayscale(0%); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);transform:scale(1.2)}
 
.tabig {background:#666; padding:0 20px 0 40px; } 

.tabig li { color:#fff;padding:5px 15px 5px 15px; }
.tabig li:hover { color:#fff ; background:#116780;cursor:pointer}
.tabig li.active  { color:#333 ; background:#f1f1f1;cursor:default;font-size: var(--f20);padding-top:2px; }
.tabig_content h6 {clear:both;font-size: var(--f20);color: #B6C7C9;border-bottom:1px dotted #999}
 
 

.zebra:nth-child(even) {background-color: #DEEBEA}
.zebra:nth-child(odd) {background-color:#ECF2F2}
.xabs ,  .qabs {margin: 0; padding:0 10px 0 10px;  list-style: none;  background:#666; height:30px;width:100% ; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.xabs ul ,  .qabs ul {display:block;width:100% }

.xabs li ,  .qabs li{list-style-type:none; margin:0; display:block;cursor:pointer;  float: left; position: relative; display:inline;  color:#fff;padding:5px 15px 5px 15px;height:30px; min-width:50px; max-width:240px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;}
.xabs li.active,  .qabs li.active {  display: block; color:#333 ; background:#f1f1f1;cursor:default;font-size: var(--f16); letter-spacing:-1px;padding-top:2px ;}

.xpanel , .qpanel{ clear: both;  width: 100%; background: transparent;overflow: auto; min-height:100px;}

.xcontent, .qcontent {  width: 100%;min-height:initial;display: none; float:left;padding:20px 0 20px 0;border:1px solid transparent}
.xcontent img,  .qcontent img {position:relative;display:block;z-index:150;height:100%; }
 .xabs li:hover ,  .qabs li:hover{  color: #fff;  background:#116780;cursor:pointer}
 
.xcontent h6 , .qcontent h6  {clear:both;font-size: var(--f20);color: #B6C7C9;border-bottom:1px dotted #999; }

.xcontent h2 , .qcontent h2  {font-size: var(--f20); font-weight:bold; color:#264253; padding:0;margin:0 0 10px 0}

.xcontent:after , .qcontent:after  { clear:both;content:'';margin:0 0 3% 0}
.xcontent ul li  { padding:3px 3px 3px 55px;display:block}
.xcontent ul li.opn  {background:#F5F9D5}
.xcontent ul li.clo  {background:#FBD9DB}
.xcontent ul li.opn:before,  .xcontent ul li.clo:before{position:absolute;width:35px;padding:2px 4px;font-weight:bold;height:14px; top:4px;left:1px;display:block;color:#FFF;font-size:0.8rem}
.xcontent ul li.opn:before  {content: "open"; background-color:olive; }
.xcontent ul li.clo:before  {content: "closed"; background-color:red }
  

 /* Modal container styles */
 .centfloat {
    max-width: 20%;
    max-height: 20%;
    width: 50%;
    height: 50%; 
    padding: 20px;
    text-align: center;
    overflow-y: auto;  left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-transition: all .4s ease-in-out;
      -moz-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
  }
  



#modal-overlay { 
    position: fixed;
   top: 0;
   left: 0;
  
   background-color: rgba(0, 0, 0, 0.7);
  
    justify-content: center;
   align-items: center;
   -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
 }
 
 /* Modal container styles */
 #modal-container {
   max-width: 90%;
   max-height: 90%;
   width: 50%;
   height: 50%;
   background-color: #fff;
   padding: 20px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   text-align: center;
   overflow-y: auto;  left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
   -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
 }
 
 /* Close button styles */
 .close-modal {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 20px;
   cursor: pointer;
 }
 
 .outnow {   width: 0;z-index: -5;
   height: 0;  -webkit-transform: scale(0); -moz-transform: scale(0);   transform: scale(0); opacity: 0; }
    .innow {transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1;    width: 100%;
   height: 100%;  z-index: 5000;}









.days, .hours, .minutes, .seconds {
    line-height: 1;
    text-align: center;
    text-shadow: 0 2px 3px rgba(255, 255, 255, .5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    z-index: 10;
}
.days:after, .hours:after, .minutes:after, .seconds:after {
    line-height: 1;
    text-align: center;
    text-shadow: 0 24px 48px rgba(0, 0, 0, .3);
    z-index: 10;
}
.date {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 50px;
    min-height: 50px;
    background: url(images/black.png);
    color: #fff;
    padding: 4px;
    text-align: center;
    z-index: 10;
    font-size: 8pt;
    line-height: 120%;
}
.day {
    display: block;
    padding: 8px 0 0 0;
    font-size: 2.5rem;
    clear: both;
}
.tag {  width: 50px;    height: 50px;   opacity: 0.6;   z-index: 9888;   position: fixed;    cursor: pointer;  background-color: #fff;   -webkit-box-shadow: 0 0 8px -2px rgba(0, 0, 0, .5);   -moz-box-shadow: 0 0 8px -2px rgba(0, 0, 0, .5);  box-shadow: 0 0 8px -2px rgba(0, 0, 0, .5);   border-radius: 50%;    -webkit-border-radius: 50%;    padding: 6px 6px 0 0; -webkit-transition:all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms; -moz-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms; transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms; }
.tag span { text-align:center;   opacity: 0.6;  font-size: 2rem;    color: #666;   width: 50px;    height: 50px;   border: 1px solid transparent; }
.tag:hover { -webkit-transform: scale(1.2);  transform: scale(1.2);   }
.tag:hover span {  opacity: 0.99; color: #18a4a4; }
#up {  right: 40px;    bottom: -5px; }

.blimb p {  display: block;  min-height: 1%;  position: relative; margin: 0; z-index: 1; }
.blimb p input, .blimb p textarea {  display: block;   position: relative;  text-align: left;   border: 0;  border: 1px solid #dbdbdb;   margin: 0 auto;   position: relative; }
.blimb p input, .blimb p textarea {  z-index: 5; }
 
.blimb label { min-width: 20px;  color: #666;  position: absolute;   z-index: 5;    pointer-events: none; }
.blimb label {  font-size: 1.1rem;  font-style: normal;  top: 15px; font-weight: 400;   left: 15px; }
p.filled input, p.filled textarea {  border: 0;   border-bottom: 1px solid #666; }
p.filled textarea {  height: 60px; }
p.filled label {  color: #999;   font-size: 0.8rem;   left: 5px;   top: -1px;  font-style: italic; }

 

 /* Image FB or grid layouts */

.image-fx {  display: flex;   flex-wrap: wrap;   }
 .image-fx img:nth-child(1) {   flex-basis: 100%; }
  .image-fx img:nth-child(2),   .image-grid-fxfx img:nth-child(5) {   flex-basis: 33.333%; }
  .image-fximg:nth-child(6),   .image-fx img:nth-child(7),   .image-fx img:nth-child(8) {     flex-basis: 25%; }
 .image-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  grid-gap: 10px;  }
 .image-fx img,  .image-grid img {   width: 100%;  height: auto;  object-fit: cover;  }
 
 .lelements, .relements  {position:absolute;width:400px;min-height:400px;z-index:1; }
 .lelements  { left:-50px;top: 1%;}
 .relements  {right:-50px;top: 1%;}

 .mycompass  {position:absolute;width:400px;min-height:300px;z-index:1;left:-50px;top: 1%;}

 .decmap {background:url(images/decmap.jpg) no-repeat fixed center center;   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size:cover }

    .htmx-indicator{  opacity:1;   -webkit-transition: opacity 500ms ease-in;  -moz-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in;}


.pc_lace::before {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
    content: "";
    color: #999;
    font-size: 1.2rem;
    font-family: Arial;
    font-weight: 400;
    opacity: .9;
    text-overflow: ellipsis;
    font-style: italic;
}

 
 
 /*== start of code for tooltips ==*/
 .tool {
     cursor: help;
     position: relative; 
}
 .tool {
    cursor: help;
    position: relative; 
}

 
 /*== common styles for both parts of tool tip ==*/
 .tool::before,
 .tool::after {
     left: 50%;
     opacity: 0;
     position: absolute;
     z-index: -100;
}
 
 .tool:hover::before,
 .tool:focus::before,
 .tool:hover::after,
 .tool:focus::after {
     opacity: 1;
     transform: scale(1) translateY(0);
     z-index: 9999; 
}
 
 
 /*== pointer tip ==*/
 .tool::before {
     border-style: solid;
     border-width: 1em 0.75em 0 0.75em;
     border-color: #3E474F transparent transparent transparent;
     bottom: 100%;
     content: "";
     margin-left: -0.5em;
     transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
     transform:  scale(.6) translateY(-90%);
} 
 
 .tool:hover::before,
 .tool:focus::before {
     transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}
 

 




.toolbar {
    text-align: center;
}
.pwrap, .toolbar a {
    background: #fff;
    color: #666;
    padding: 4px;
    min-width: 20px;
    height: 26px;
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
}
.pwrap:hover, .toolbar a:hover {
    background: #f1f1f1;
}
a.palette-item {
    display: flex;
    height: 20px;
    float: left;
    line-height: 100%;
    border: 1px solid #f1f1f1;
    margin: .5%;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.emoji-palette a.palette-item, .font-palette a.palette-item {
    border: none;
    min-width: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
.font-palette a.palette-item {
    min-width: 40px;
}
.back-palette, .emoji-palette, .font-palette, .fore-palette {
    position: absolute;
    padding: 5px;
    width: 150px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px -1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 2px -1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 2px -1px rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    height: 0;
    z-index: 1000;
    box-sizing: content-box;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-2em);
    z-index: -1;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms;
    overflow: auto;
    overflow-x: hidden;
}
.pwrap {
    display: inline-block;
}
.pwrap:hover .back-palette, .pwrap:hover .emoji-palette, .pwrap:hover .font-palette, .pwrap:hover .fore-palette {
    min-height: 60px;
    visibility: visible;
    opacity: 1;
    z-index: 1000;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s;
    left: 10%;
    top: 26px;
}
.back-palette a.palette-item:hover, .emoji-palette a.palette-item:hover, .fore-palette a.palette-item:hover {
    -webkit-box-shadow: 0 0 2px -1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 2px -1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 2px -1px rgba(0, 0, 0, .75);
    filter: brightness(85%);
    background: 0 0;
}
.font-palette a.palette-item:hover {
    text-shadow: 1px 1px 2px #969696;
    background: 0 0;
}
.toolbar i {
    position: relative;
}
.pwrap i[title]:hover::after, .toolbar i[title]:hover::after {
    content: attr(title);
    position: absolute;
    min-width: 40px;
    top: -200%;
    font-size: .7rem;
    font-weight: 400;
    font-family: Arial;
    left: 0;
    padding: 2px;
    background: #333;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.newstext {
    min-height: 150px;
    overflow: auto;
    padding: 1em;
    resize: vertical;
    outline: 0;
    position: relative;
    background-color: #fff;
}
.logo, .navwrap, .gaan, .gaan::before, .gobd, .grimg, .hidl, .hidr, .infowrap, .nav, .plx img, .qtip, .sigo span::before, .sit, .swipebox::before, .tabig li {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.gaan::before, .sigo span::before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-family: nmfont;
    text-align: center;
    z-index: 100;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    width: 30px;
    height: 30px;
    padding: 6px 4px 4px 4px;
    font-size: 1.4rem;
    content: '\f061';
    top: 40%;
    right: 5%;
}
.gaan:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.swipebox::before {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: nmfont;
    text-align: center;
    font-size: 1.4rem;
    z-index: 900;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    width: 30px;
    padding: 5px;
    content: '\f00e';
    top: 30%;
    left: 30%;
    margin-right: -30%;
}
.swipebox:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(10, 39, 76, .6);
}
.tax {
    font-size: 80%;
    min-width: 20px;
    padding: 2px 5px 2px 5px;
}
.tax {
    color: #333;
    float: left;
    margin: 0 10px 0 0;
}
.tax:hover {
    background: #155164;
    color: #fff;
}
.sigo {
    background: #f1f1f1;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
}
.sigo:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(10, 39, 76, .6);
}
.sigo span {
    background: #f1f1f1;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
}
.plx a {
    display: block;
}
.plx a:hover img, a:hover .plx img {
    -moz-transform: rotate(3deg) scale(1.2);
    -webkit-transform: rotate(3deg) scale(1.2);
    -o-transform: rotate(3deg) scale(1.2);
    -ms-transform: rotate(3deg) scale(1.2);   transform: rotate(3deg) scale(1.2);
    display: block;
}
.plx img {
    max-width: 105%;
    height: auto;
    vertical-align: middle;
}
.plx span {
    position: absolute;
    display: block;
    bottom: 30%;
    left: 0;
    color: #fff;
    background: url(images/black.png);
    z-index: 10;
    padding: 5px 10px 5px 20px;
    font-size: 1.4rem;
    text-align: center;
}
.plx a:hover span {
    background: url(images/dw.png);
    color: #263a51;
    -webkit-box-shadow: 10px 0 15px -10px rgba(0, 0, 0, .6);
    -moz-box-shadow: 10px 0 15px -10px rgba(0, 0, 0, .6);
    box-shadow: 10px 0 15px -10px rgba(0, 0, 0, .6);
    font-weight: 700;
}
.scale:hover img {
    -moz-transform: rotate(3deg) scale(1.2);
    -webkit-transform: rotate(3deg) scale(1.2);
    -o-transform: rotate(3deg) scale(1.2);
    -ms-transform: rotate(3deg) scale(1.2);    transform: rotate(3deg) scale(1.2);
}
.grimg img {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);  filter: grayscale(100%);
}
.grimg:hover img {
    -moz-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -o-filter: grayscale(0);  filter: grayscale(0);
}

.gobd {
    border-left: 3px solid #fff;
    background: #fff;
    color: #333;
}
.gobd:hover .slategray {
    color: #46515b;
    font-weight: 700;
}
.gobd:hover {
    border-left: 3px solid #666;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .06) 0 2px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .06) 0 2px 4px -1px;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .06) 0 2px 4px -1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.gobd:hover img {
    -moz-transform: rotate(3deg) scale(1.2);
    -webkit-transform: rotate(3deg) scale(1.2);
    -o-transform: rotate(3deg) scale(1.2);
    -ms-transform: rotate(3deg) scale(1.2);  transform: rotate(3deg) scale(1.2);
}
.gobd .hidl, .gobd .hidlay, .gobd .hidr, .gobd .rm {
    position: absolute;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);   transform: scale(0);
    opacity: 0;
}
.gobd .hidl, .gobd .hidr {
    z-index: 100;
    top: 30%;
    width: 80%;
    padding: 12px;
}
.gobd .rm {
    z-index: 300;
    bottom: -5%;
    right: -1px;
    padding: 5px;
    color: #fff;
    min-width: 50px;
    background-color: #155164;
    font-size: .9rem;
    font-weight: 400;
    text-shadow: none;
    box-shadow: -4px 0 6px -2px rgba(0, 0, 0, .75);
    -webkit-box-shadow: -4px 0 6px -2px rgba(0, 0, 0, .75);
    -moz-box-shadow: -4px 0 6px -2px rgba(0, 0, 0, .75);
    border-radius: 2px 0 0 2px;
    -webkitborder-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
}
.gobd .hidlay {
    z-index: 80;
    left: -2px;
    top: -2px;
    width: 120%;
    height: 120%;
    background: rgba(255, 255, 255, .8);
}
.gobd .hidl {
    left: -500px;
}
.gobd .hidr {
    right: -500px;
}
.gobd .hidl img, .gobd .hidr img {
    -moz-transform: rotate(0) scale(1);
    -webkit-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);  transform: rotate(0) scale(1);
    display: block;
}
.gobd:hover .hidl, .gobd:hover .hidlay, .gobd:hover .hidr, .gobd:hover .rm {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);   transform: scale(1);
    opacity: 1;
}
.gobd:hover .hidl {
    left: 10%;
}
.gobd:hover .hidr {
    right: 10%;
}
.gobd .hidl:hover img, .gobd .hidr:hover img {
    -webkit-box-shadow: 0 0 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 20px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 0 20px -6px rgba(0, 0, 0, .75);
}
.gobd:hover .date {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.socme {
    width: 40%;
    background: #f1f1f1;
    border-radius: 4px;
    padding: 0;
}
.socal {
    width: 29%;
    background: #333;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    float: left;
}
.socbut {
    width: 69%;
    background: #f1f1f1;
    border-radius: 4px;
    padding: 5px;
    float: right;
}
.qtip {
    position: relative;
}
.qtip[data-tool-tip]::after {
    content: attr(data-tool-tip);
    position: absolute;
    display: block;
    background: #525252;
    padding: 4px 8px;
    color: #fff;
    font: 1rem normal Arial;
    white-space: nowrap;
    border-radius: 2px;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: all .15s ease-in-out .1s;
    opacity: 0;
    z-index: 1000;
}
.qtip[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: 110%;
    opacity: .9;
}








.logo { width: 300px;padding:10px 20px 10px 20px;  position: absolute;  z-index: 20;    left: 5%;  top: -1px; }
.logo img { max-width: 99%;  height: auto; }


.navcon {  position: absolute;  z-index: 2000;   min-width: 80px;  min-height: 40px;  height: 40px; right: 20px;  top: 7px;  overflow: hidden; }
.navcon li {   float: right;  width: 40px;  height: 40px; margin: 0 2% 0 0; cursor: pointer;  -moz-border-radius: 50%;  -webkit-border-radius: 50%; border-radius: 50%;  background: var(--wtrans50); }
.navcon li span {text-align: center;  font-size: 1.8rem; color: #666; width: 40px; height: 40px; padding: 6px 5px 5px 5px; }
.navcon li:hover {  color: #fff; background: #18a4a4; }
.navcon li:hover span {  color: #fff; }
#menu {  -moz-transform: scale(0);  -webkit-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);    opacity: 0; }

.navwrap {
    position: absolute;
    z-index: 10;
    width: 60%;
    top: 30px;
    right: 50px;   height:50px
    /* background-color: rgba(255, 255, 255, .2);
    backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);*/
}
.nav {
    margin: 10px 4px 10px 5px;
    max-width: 99%;
    min-width: 320px;
    height: 100vh;
    background: 0 0;
}
.nav ul { 
    padding: 0;
    margin: 0 auto;
    width: 99%;
    float: right;
}
.nav ul:after {
    clear: both;
}
.nav li {
    float: left;
    text-align: left;
    min-width: 10px;
    line-height: 24px;
    font-size: 1.3rem; 
    text-transform: capitalize;
    transition-duration: .5s;
}
.nav li.thispage a {
    color: #666;
}
.nav a {
    display: block;
    min-width: 100%;
    color: #666;
    font-weight: 500;
    padding: 3px 6px 3px 6px;
    margin: 0 0 4px 4px;
}
.nav li a {
    color: #666;
}
.nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a  {
    background: #f1f1f1;
    color: #333;
    font-weight: 700;-webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px;
}
 
.nav li ul {
    position: relative;
    clear: both;
    display: block!important;
    left: 10px;
    margin: 5px 0 5px 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    top: 0;
    background: 0 0;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);   transform: scale(1);
    opacity: 1;
}
.nav li ul:hover, .nav li:hover>ul {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);    transform: scale(1);
    opacity: 1;
}
.nav li ul li {
    clear: both;
    overflow: hidden;
    text-align: left;
    font-size: 1.1rem;
    line-height: 16px;
    min-width: 100%;
    background: 0 0;
    text-shadow: none;
}
.nav li.focal ul li a, .nav li ul li a {
    border: none;
    border-left: 4px solid #f1f1f1;
    display: block;
    max-width: 200px;
    min-width: 200px;
    color: #666;
    padding: 10px 0 10px 10px;
    background: #f1f1f1;
}
.nav li ul li.focal ul li a:hover, .nav li ul li a:hover {
    border: none;
    border-left: 4px solid #4d4d4d;
    background: #155164;
    color: #fff;
}
.footnav li {
    float: left;
    margin: 0 4px 0 0;
    list-style-type: none;
}
.footnav li a {
    display: block;
    padding: 6px 6px 4px 6px;
}
.infowrap {
    position: relative;
    z-index: 50;
       clear: both;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);  transform: scale(1);
    opacity: 1;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: center;
}
.infowrap p {  font-size: 1.1rem;
    display: block;
    min-width: 10px;
    color: #333;
    margin: 0 0 0 2%;
}
.infowrap p span {
    font-size: 1.6rem;
    color: #155164;
    margin: 0 10px 0 10px;
}
.floater {
    position: absolute;
    top: 140px;
    right: -1px;
    z-index: 8500!important;
    width: 400px;
    height: auto;
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, .8046568969384629) 0, rgba(255, 255, 255, .7990546560421043) 100%);
    border: 1px solid #dbdbdb;
    box-sizing: content-box;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
}
.rpanel {  position: absolute;    top: 20px;padding:16px auto;  right: -1px;    z-index: 8500!important;  background: #fff;   background: linear-gradient(0deg, rgba(255, 255, 255, .9046568969384629) 0, rgba(255, 255, 255, .9990546560421043) 100%);    border: 1px solid #dbdbdb;  box-sizing: content-box;     box-shadow: 0 4px 12px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);     border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px; }

.poutnow {    width: 0;z-index: -5;  height: 0;  -webkit-transform: scale(0); -moz-transform: scale(0);   transform: scale(0); opacity: 0; }
 .pinnow {   transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1;  width: clamp(60%, 80%, 90%);    min-height: 200px;  z-index: 5000;}

.privacy { width: 40%;  position: fixed;  bottom: -1px;   right: 0;  z-index: 8500!important;   min-height: 50px;   background: #000;     background: linear-gradient(0deg, rgba(0, 0, 0, .8046568969384629) 0, rgba(0, 0, 0, .7990546560421043) 100%);   box-sizing: content-box;   box-shadow: 0 4px 12px rgba(0, 0, 0, .15);   padding: 20px;    color: #fff;  line-height: 150%; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}

header.shb {
    height: 80px;
    -webkit-box-shadow: 0 8px 12px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 8px 12px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 8px 12px -6px rgba(0, 0, 0, .75);
  background:var(--wtrans50);
  backdrop-filter: blur(10px);   -webkit-backdrop-filter: blur(10px);  
}

 .shb-80 {
    top:-60px; 
}
.shb .logo {
    width: 160px;
    left: 5%;
    top: 5px;
   padding:0px; 
    min-height: 10px;  
 
}
.shb .navwrap {
    width: 0;
    top: 0;
    right: -5px;
    padding-top: 60px;  
height:50pxh;

    -webkit-box-shadow: -8px 0px 16px -8px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 0px 16px -8px rgba(0,0,0,0.75);
box-shadow: -8px 0px 16px -8px rgba(0,0,0,0.75);
    
    
}
.shb .nav {
    margin: 10px 4px 10px 5px;
    max-width: 320px;
    height: 100vh;
    background: 0 0;
}
 

.abre, .bright .navwrap, .shb #menu {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);   transform: scale(1);
    opacity: 1;
}
.abre, .bright .navwrap {
    height: 100vh;
}
.bright .navwrap {
    width: 0;
    top: 0;
    right: -5px;
    padding-top: 60px;
    min-width: 320px;
    max-width: 320px;
    width: 320px;
    z-index: 1000;
 
}

.bright .nav li {
    clear:both; 
    min-width: 90%;
    width: 90%; 
    text-transform: capitalize;
    transition-duration: .5s;
}

.fecha, .shb .infowrap {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);  transform: scale(0);
    opacity: 0;
}
header.shb .panfloat {
    top: 60px;
}
.sbh .floater {
    top: 50px;
}
.toe {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);  transform: scale(0);
    width: 0;
    height: 0;
    opacity: 0;
}
.oop {
   -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);    transform: scale(1);
    width: 100%;
    height: auto;
    opacity: 1;
}
.pointer {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bwblok {position:absolute;width:90%;height:101vh;display:block;top:-1px;left:5%;border:20px solid #fff;z-index:5;opacity:0.4}

#slidehold {
    clear: both;
    width: 100%;
    height: 540px;
    background: #fff;
}
#slidehold:after {content:"";position:absolute;width:96%;height:101vh;display:block;
    border:20px solid #fff;z-index:5;opacity:0.4;
   
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    clear: both;
  
 

}


.jso {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 100%;
    height:  540px;
    overflow: hidden;
}
.sliderbox {
    cursor: default;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height:  540px;
}
.sliderbox img {
    min-width: 100%;
    height: auto;
}


.capsingle {
    position: absolute;
    top: 33%;
    right: 10%;
    min-width: 380px;
    height: 400px;z-index:500;
   
}
.cssingle {
    font-size: 2.4rem;line-height:130%;text-align:center;
    color: #fff;
    padding: 10px;
    position: absolute;
 max-width: 380px;
    background: url(images/black.png);
    right: -800px;-webkit-border-radius:0px 18px 0 18px;-moz-border-radius:0px 18px 0 18px; border-radius:0px 18px 0 18px;
}
 

.cap1 {
    position: absolute;
    top: 10%;
    right: 10%;
    min-width: 800px;
    height: 400px;
    border: 2px solid #fff;
}
.cs1, .cs2, .cs3, .cs4 {
    font-size: 3rem;
    color: #fff;
    padding: 10px;
    position: absolute;
    min-width: 100px;
    background: url(images/black.png);
    right: -800px;
}
.cs1 {
    top: 20px;
}
.cs2 {
    top: 60px;
}
.cs3 {
    top: 100px;
}
.cs4 {
    top: 140px;
}
.hmimg {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.hmimg img {
    min-width: 110%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.hmtitle {
    position: absolute;
    top: 40%;
    right: 10%;
    font-size: 6rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .8);
    opacity: .9;
    z-index: 100;
}
.excerpt {
    font-size: 90%;
    text-align: left;
    display: block;
}
.elips {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.welcome {
    font-size: 5rem;
    color: #666;
    font-weight: 700;
    text-align: center;
}

[class^=tx],.txs,.tx1,.tx2,.tx3,.tx4,.tx5,.tx6,.tx7,.tx8,.tx9,.tx10{ display:block;line-height:120% }
 
.txs{font-size:0.9rem}
.tx1{font-size:1rem}
.tx12{font-size:1.2rem}
.tx14{font-size:1.4rem}
.tx16{font-size:1.6rem}
.tx18{font-size:1.8rem}
.tx2{font-size:2rem}
.tx3{font-size:3rem}
.tx4{font-size:4rem}
.tx5{font-size:5rem}
.tx6{font-size:6rem}
.tx7{font-size:7rem}
.tx8{font-size:8rem}
.tx9{font-size:9rem}
.tx10{font-size:10rem}
 
 
  
 /*
  
  .txs { font-size: calc(var(--base-font-size) * 0.9); }
  .tx1 { font-size: calc(var(--base-font-size) * 1); }
  .tx12 { font-size: calc(var(--base-font-size) * 1.2); }
  .tx14 { font-size: calc(var(--base-font-size) * 1.4); }
  .tx16 { font-size: calc(var(--base-font-size) * 1.6); }
  .tx18 { font-size: calc(var(--base-font-size) * 1.8); }
  .tx2 { font-size: calc(var(--base-font-size) * 2); }
  .tx3 { font-size: calc(var(--base-font-size) * 3); }
  .tx4 { font-size: calc(var(--base-font-size) * 4); }
  .tx5 { font-size: calc(var(--base-font-size) * 5); }
  .tx6 { font-size: calc(var(--base-font-size) * 6); }
  .tx7 { font-size: calc(var(--base-font-size) * 7); }
  .tx8 { font-size: calc(var(--base-font-size) * 8); }
  .tx9 { font-size: calc(var(--base-font-size) * 9); }
  .tx10 { font-size: calc(var(--base-font-size) * 10); }
  font-size: clamp(var(--f14), 2vw,--f18) ;
  */

[class^=half] {font-size:80%}
 
h2 {  font-size: calc(1.3em + 1.5vw); line-height: 140%; }

.txe1{text-shadow:2px 2px 4px rgba(0,0,0,.8);opacity:.9}
.tcenter {text-align:center!important}
 .tleft {text-align:left!important}
 .tright {text-align:right!important} 
.tjust {text-align:justify!important}
.tshadow{text-shadow:1px 1px 2px rgba(0,0,0,.4)}
.txan { text-transform: lowercase; text-transform:capitalize}
  .tshadow {text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); }
 .elips  {    padding:0 5px 0 0; margin:0;    white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;}
.line {
    border-bottom: 1px solid #666;
    width: 100%;
}
a .wit, .wit {
    color: #fff;
}

.w-bg {
    background: #fff;
    color: #333;
}
.wbwave {
/* Wave gradient mask */
--mask: radial-gradient(193.24px at 50% calc(100% - 261.00px), #000 99%, #0000 101%) calc(50% - 180px) 0/360px 100%, radial-gradient(193.24px at 50% calc(100% + 171.00px), #0000 99%, #000 101%) 50% calc(100% - 90px)/360px 100% repeat-x;
-webkit-mask: var(--mask);
mask: var(--mask);

/* Blue gradient background */
background: linear-gradient(90deg, rgba(5, 102, 121, 1) 0%, rgba(9, 147, 175, 1) 50%, rgba(5, 102, 121, 1) 100%);
  }

.bgblugrad {
    background: rgb(5,102,121);
    background: linear-gradient(90deg, rgba(5,102,121,1) 0%, rgba(9,147,175,1) 50%, rgba(5,102,121,1) 100%);
}
.dbgrad {background: #4b80fa;
    background: -webkit-radial-gradient(circle, #4b80fa 0%, #173272 100%);
    background: radial-gradient(circle, #4b80fa 0%, #173272 100%);}
    .lbgrad{background: #79a1ff;
        background: -webkit-radial-gradient(circle, #79a1ff 0%, #0a44cb 100%);
        background: radial-gradient(circle, #79a1ff 0%, #0a44cb 100%);}
.bgtrans {
    background: 0 0;
}
.bgslate {
    background: #676662;
}
.bgblue {
    background: #155164;
}
.bglitegrey {
    background: #f1f1f1;
}
.bglg {
    background: #fdfdfd;
}
.bggrey1 {
    background: #999;
}
.bggrey2 {
    background: #666;
}
.bggrey3 {
    background: #333;
}
.bgafwit {
    background: #fafafa;
}
.mbslate {
    background: #c9d8dc;
}
.lbslate {
    background: #e6ecee;
}
.dw {
    background: url(images/dw.png) repeat;
}
.transblue {
    background: #155164;
    opacity: .8;
}
.blue {
    color: var(--mgnblue);
}
.cornblue {
    color: #6495ed;
}
.slategray {
    color: #708090;
}
.orange {
    color: orange;
}
.red {
    color: red;
}
.green {
    color:green;
}
.olive {
    color: #6b8e23;
}
.gold {
    color: #a28a2b;
}
 
.olite {
    color: #f1f1f1;
}
.ogrey9 {
    color: #999;
}
.ogrey6 {
    color: #666;
}
.ogrey3 {
    color: #333;
}
.blite {
    background: #f1f1f1;
}
.redborder {
    border-left: 2px solid red;
}
.orangeborder {
    border-left: 2px solid orange;
}
.oliveborder {
    border-left: 2px solid #6b8e23;
}
.blueborder {
    border-left: 2px solid #6495ed;
}
.blur {
    background-color: rgba(255, 255, 255, .2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.steel {
    color: #2f5150;
}
.gray {
    color: #999;
}
.midgray {
    color: #666;
}
.odgray {
    color: #333;
    font-weight: 700;
}
.ogray {
    color: #999;
    font-weight: 700;
}
.burnt {
    color: #f84329;
    font-weight: 700;
}
 
.oblu {
    color: var(--mgnblue);
    font-weight: 700;
}
.ored {
    color: red;
    font-weight: 700;
}
.obritegreen {
    color: #529600;
    font-weight: 700;
}
.ogreen {
    color: #00813c;
    font-weight: 700;
}
.oblue {
    color: var(--mgnblue);
}
.oolive {
    color: olive;
    font-weight: 700;
}
.bd {
    border: 1px solid #666;
    break-inside: avoid-column;
    display: inline-block;
}
.bdf {
    border: 2px solid #fff;
}
.bds {background:#fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    border: 2px solid #fff;
    break-inside: avoid-column;
    display: inline-block;
}

.bds2 {background:#fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
   
}

.bbd {
    border-bottom: 1px solid #666;
}
.bh {
    width: 100%;
    position: relative;
    text-decoration: overline solid  var(--maincol);;
}

.bdcurv {-webkit-border-radius: 100% 0% 100% 0% / 9% 25% 9% 0%;-moz-border-radius: 100% 0% 100% 0% / 9% 25% 9% 0%;border-radius: 100% 0% 100% 0% / 9% 25% 9% 0%;}
.bdscurv {-webkit-border-radius: 100% 0% 100% 0% / 5% 0% 5% 0% ;-moz-border-radius: 100% 0% 100% 0% / 5% 0% 5% 0% ;border-radius: 100% 0% 100% 0% / 5% 0% 5% 0% ;}
.bdcurvhero {-webkit-border-radius: 0% 84% 43% 57% / 25% 9% 6% 23%;-moz-border-radius: 0% 84% 43% 57% / 25% 9% 6% 23%;
border-radius: 0% 84% 43% 57% / 25% 9% 6% 23%;}
 
.bdbcruve {-webkit-border-radius: 25% 25% 50% 50% / 0% 0% 7% 7%;-moz-border-radius: 25% 25% 50% 50% / 0% 0% 7% 7%;border-radius: 25% 25% 50% 50% / 0% 0% 7% 7%;}
.shapecurve1 {-webkit-border-radius:100% 52% 76% 39% / 43% 17% 49% 20%;-moz-border-radius:100% 52% 76% 39% / 43% 17% 49% 20%;border-radius:100% 52% 76% 39% / 43% 17% 49% 20%}
.shapecurve2 {-webkit-border-radius:34% 78% 69% 45% / 17% 37% 19% 64% ;-moz-border-radius:34% 78% 69% 45% / 17% 37% 19% 64% ;border-radius:34% 78% 69% 45% / 17% 37% 19% 64% }
.shapecurve3 {-webkit-border-radius:10% 78% 69% 35% / 17% 37% 53% 64% ;-moz-border-radius:10% 78% 69% 35% / 17% 37% 53% 64%;border-radius:10% 78% 69% 35% / 17% 37% 53% 64%  }
.shapecurve4 {-webkit-border-radius:34% 60% 23% 88% / 46% 14% 75% 41%  ;-moz-border-radius:34% 60% 23% 88% / 46% 14% 75% 41% ;border-radius:34% 60% 23% 88% / 46% 14% 75% 41% }
.shapecurve1 img,.shapecurve2 img,.shapecurve3  img, .shapecurve4 img{max-width:120%;max-height:auto }


.chead,.bhead{min-width:100%;display:block;clear:both;padding:4px 4px 4px 30px;background:#f1f1f1; }
.chead{ font-size:80%}
.bhead{ font-size:125%}
.chead:before, .bhead:before{width:10px; height:16px; background:#666;position:absolute;top:0px;left:0px;z-index:100;content:'';padding:4px  }

   
.bflat {background:  #fff; border:1px solid #f1f1f1;-webkit-border-radius:4px; -moz-border-radius:4px;-ms-border-radius:4px; border-radius:4px;}
.shadow1 {-webkit-box-shadow: 0px 9px 20px -13px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 9px 20px -13px rgba(0,0,0,0.5);
    box-shadow: 0px 9px 20px -13px rgba(0,0,0,0.5); }
.bd {border:6px solid #fff;-webkit-box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.6);-moz-box-shadow:  4px 4px 10px -4px rgba(0,0,0,0.6);box-shadow:  4px 4px 10px -4px rgba(0,0,0,0.6)}
.bdf1 {border:1px solid #f1f1f1;-webkit-box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.6);-moz-box-shadow:  4px 4px 10px -4px rgba(0,0,0,0.6);box-shadow:  4px 4px 10px -4px rgba(0,0,0,0.6)}
      
.shadow {
    position: relative;
    margin: 3em auto;
    padding-top: 2em;
    width: 400px;
    height: 100px;
    border: 1px solid #777777;
    border-radius: 5px;
    background: #e5e5e5;
    text-align: center;
    box-shadow: 0 0 25px 0 rgba(50,50,50,.3) inset;
  }
  
  .shadow:after {
    content: "";
    position: relative;
  }
  
  .curved:after, .curved-2:after {
    position: relative;
    z-index: -2;
  }
  
  .curved:after {
    position: absolute;
    top: 50%;
    left: 12px;
    right: 12px;
    bottom: 0;
    box-shadow: 0 0px 10px 7px rgba(100,100,100,0.5);
    border-radius: 450px / 15px
  }
  
  .curved-2:after {
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;lob {}
    bottom: 0;
    box-shadow: 0 0px 10px 7px rgba(100,100,100,0.5);
    border-radius: 450px / 15px;
  }
  
  


.overline { 	width: 100%; 	position: relative; 	text-decoration: overline solid #88888a }
.sideline { 	width: 100%; color:#666;
    position: relative; min-height: 10px; 
  padding:0 5px 4px 15px;
    border-left: 6px solid #ff0006; /* Left side green border */
    border-bottom: 2px solid #88888a; /* Bottom border with color #333 */
 }

 .sideblob {
    width: 100%;
    color: #666;
    position: relative;
    min-height: 10px;
    padding: 0 5px 4px 25px;
    border-bottom: 2px solid #88888a;
}

.sideblob::before {
    content: ''; /* Added content property */
    width: 20px;
    height: 20px;
    position: absolute;
    top: 24px;
    left: 0px;
    z-index: 5;
    display: block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
    background: hsla(167, 83%, 65%, 1);
    background: linear-gradient(45deg, hsla(167, 83%, 65%, 1) 0%, hsla(274, 93%, 49%, 1) 100%);
    background: -moz-linear-gradient(45deg, hsla(167, 83%, 65%, 1) 0%, hsla(274, 93%, 49%, 1) 100%);
    background: -webkit-linear-gradient(45deg, hsla(167, 83%, 65%, 1) 0%, hsla(274, 93%, 49%, 1) 100%);
    /* Removed filter property */
}
    
.line{border-bottom:1px solid #666;width:100%}
.bd6 {border:6px solid #f1f1f1; }
.bd7 {border-bottom:2px solid rgb(75, 107, 116); border-top:2px solid rgb(75, 107, 116);padding-top:16px;padding-bottom:16px}
.bd8 {border-left:1px solid #666}
.quote:after {min-width:80px;height:auto;font-size:4rem;color:  #c7c7c7;font-family:nmfont; content:"\f10d"; position:absolute;top:20px;left:20px;z-index:-1}

 

.inner-circle:before{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50% ; height:150px;width:150px; display:block;content:'';position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:3px solid #fff;opacity:.5}
.inner-circle img{vertical-align:middle}

.inner-border:before{display:block;content:'';position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:4px solid #fff;opacity:.5;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px}
.inner-border img{vertical-align:middle}





.accord dt, dt.prometmoi::after, dt::after {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.accord dt {
    padding: 5px 5px 2px 10px;
    margin: 0 0 4px 0;
    font-size: 1.2rem;
    background: #e7e7da;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    height: 40px;
    color: #666;
    position: relative;
    border-left: 5px solid #999;
    clear: both;
}
.accord dt:hover, dt.prometmoi {
    color: #333;
    font-size: 1.6rem;
    background: #f1f1f1;
    border-left: 5px solid #6b8e23;
    padding: 7px 5px 2px 5px;
}
.accord dt::after {
    font-family: nmfont;
    content: '\f067';
    font-size: 1rem;
    color: #f1f1f1;
    display: block;
    padding: 8px 2px 2px 2px;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 4px;
    top: 4px;
}
.accord dt:hover::after, dt.prometmoi::after {
    padding-top: 10px;
    transform: rotate(360deg);
}
.accord dt:hover::after {
    color: #6b8e23;
    content: '\f078';
}
dt.prometmoi::after {
    color: #708090;
    content: '\f00d';
}
.accord dd {
    display: none;
    width: 98%;
    padding: 8px 8px 10px 10px;
    border-left: 2px dotted #999;
    clear: both;
    margin: 0 2% 4% 1%;
}





.accordion dl {  display: flex;   flex-direction: column; }

.accordion dt {
    background-color: #3498db;
    color: #fff;
    padding: 10px;
    margin: 2px;
    cursor: pointer;
    border-radius: 5px;
    
}

.accordion dd {display:none;
    padding: 5px;
    margin: 0 0 10px;
    border-radius: 5px;
    background-color: #ecf0f1;
 
  
}

.acactive {
    background-color: #2980b9;
}

 .address p {width:98%;clear:both;margin:0 0 0 8px}
 .address p span  { margin:4px;float:left;}
 .address p span:first-child {width:22% ;}
 .address p span:nth-child(2) {width:75%; ;}

 /* Navigation arrow styles */
 #prevArrow,
 #nextArrow {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     font-size: 24px;
     cursor: pointer;
     color: #fff;
     background-color: rgba(0, 0, 0, 0.5);
     border: none;
     padding: 10px;
     border-radius: 5px;
 }

 #prevArrow {
     left: 10px;
 }

 #nextArrow {
     right: 10px;
 }
  /* Modal container styles */
.centfloat {
   max-width: 20%;
   max-height: 20%;
   width: 50%;
   height: 50%; 
   padding: 20px;
   text-align: center;
   overflow-y: auto;  left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
   -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
 }

.spinner {position:absolute;
  width: 56px;
  height: 56px;
  display: grid;
  border: 4.5px solid #0000;
  border-radius: 50%;
  border-color: #dadadb #0000;
  animation: spinner-e04l1k 1s infinite linear;
  text-align: center;
   overflow-y: auto;  left: 50%;
   top: 50%; 
}

.spinner::before,
.spinner::after {
  content: "";
  grid-area: 1/1;
  margin: 2.2px;
  border: inherit;
  border-radius: 50%;
}

.spinner::before {
  border-color: #00cd15 #0000;
  animation: inherit;
  animation-duration: 0.5s;
  animation-direction: reverse;
}

.spinner::after {
  margin: 8.9px;
}

@keyframes spinner-e04l1k {
  100% {
     transform: rotate(1turn);
  }
}
.faz {
    margin: 0;
    height: 30px;
    width: 100%;
    list-style-type: none;
    position: relative;
    z-index: 20;
    clear: both;
}
.faz li {
    float: left;
    height: 30px;
    position: relative;
    display: block;
    cursor: pointer;
    letter-spacing: .5px;
}
.faz li.active a {
    cursor: default;
    display: block;
    text-decoration: none;
    min-width: 40px;
}
.fcontent {
    clear: both;
    width: 100%;
    height: auto;
}
.fcontent::after {
    clear: both;
    content: ' ';
}
.fcontent h6 {
    clear: both;
    font-size: 2rem;
    color: #b6c7c9;
    border-bottom: 1px dotted #999;
}
.picbig {
    height: 50px;
    width: 100%;
}
.picbig .pby {
    padding: 12px 8px 12px 8px;
    min-height: 50px;
    color: #f1f1f1;
    font-size: 1.5rem;
    background: #666;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.picbig .pby img {
    min-width: 100%;
    height: auto;
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);  filter: grayscale(100%);
}
.picbig .activ, .picbig .pby:hover {
    color: #666;
    font-size: 2rem;
    background: #f1f1f1;
    font-weight: 700;
}
.picbig .activ {
    cursor: default;
}
.picbig .activ img, .picbig .pby:hover img {
    -moz-filter: grayscale(0);
    -webkit-filter: grayscale(0);   filter: grayscale(0);
    -o-filter: grayscale(0);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);   transform: scale(1.2);
}
.tabig {
    background: #666;
    margin: 0;
    height: 30px;
    padding: 0 20px 0 40px;
}
.tabig li {
    float: left;
    color: #fff;
    padding: 5px 15px 5px 15px;
    height: 30px;
}
.tabig li:hover {
    color: #fff;
    background: #116780;
    cursor: pointer;
}
.tabig li.active {
    color: #333;
    background: #f1f1f1;
    cursor: default;
    font-size: 2rem;
    padding-top: 2px;
}
.tabig_content h6 {
    clear: both;
    font-size: 2rem;
    color: #b6c7c9;
    border-bottom: 1px dotted #999;
}
.tabpanel {
    padding: 0;
    clear: both;
    margin: 0;
    z-index: 10;
}

 
      
 input.dropy::after {content:'\f13a';position:absolute;width:16px;height:16px;font-family:nmfont;right:4px;top:4px;color:  #999;font-size:1.4rem}
   input.dropy:focus::after ,    input.dropy:hover::after {color:olivedrab;}
 
  
.authormold{ padding:0;min-height:1px;position:relative;}
.authorbox ,.slither  {background:  #fff;border:1px solid #dbdbdb; box-sizing:content-box;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px; box-sizing:content-box; font-size:1.2rem;color:  #4a4a4a; position:absolute;top:40px;  height:0px; border-radius:4px;  min-width:0%; left:0px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:8500!important;overflow:auto;overflow-x:hidden;vertical-align:top}



 .authormold input {border:0;border-bottom:1px solid #c5c5c5}
.authorbox span:hover {background:  #F2F1E3;position:relative;vertical-align:top}
 
.spot {background:url(images/tic.png) no-repeat 0 0;padding-left:25px}
.spot:hover {background:url(images/ytic.png) no-repeat 0 0}

.aus{color:  #666;float:right}
.aus:hover{color:red}
   
  
.snake  { display:flex ; flex-wrap: wrap;  box-sizing: border-box; }
.snake span {   justify-content: space-between; vertical-align:top;   min-width:10%;}
 .snake span, .cliy li, .slither span,  .cluy li , .multis span {cursor:pointer;z-index:100; height:28px;margin:4px;padding:4px 4px 4px 28px;color:  #666;  background:url(images/tic.png) no-repeat 0 0}
.cliy li, .slither span,  .cluy li , .multis span  { display:block;clear:both;width:100%;}
 .lys span {clear:both!important;display:block;width:99%;border:1px solid transparent;margin:5px 0 10px 0;padding:4px 4px 4px 28px;min-height:36px}
  .cliy li, .multis span { float:left;}
 .multis { display:none!important;}
.cluy li, .authorbox span {clear:both}
.authorbox span {cursor:pointer;z-index:100;display:block;clear:both;max-width:99%;margin:4px;padding:4px 4px 4px 28px;}
.authorbox span:hover, .cluy li:hover,  .cliy li:hover, .snake span:hover,  .snake span.cloy,   .multis span:hover{background:url(images/ytic.png) no-repeat 0 0;color:  #116780;font-weight:bold}
 
 

.sactive{height:140px;opacity:1;transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease;min-width:100%;}

 .xactive{min-height:10px;opacity:1;transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease;min-width:10%;
 -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform:  scale(1); -ms-transform: scale(1);  transform: scale(1);}

.sweef {background:  #fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15); border-radius:4px; box-sizing:content-box; font-family:Tahoma,sans-serif; font-size:14px;color:  #4a4a4a; width:250px;position:absolute;left:5px; opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:-1; -webkit-transform:translateY(-8px);transform:translateY(-8px);transform:translateX(8px)}


  

.arup:after, .arup:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arup:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 19px;
    left: 50%;
    margin-left: -19px;
}
.arup:before {
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #719ece;
    border-width: 20px;
    left: 50%;
    margin-left: -20px;
}
.inner-border:before {
    display: block;
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    border: 3px solid #fff;
    opacity: .5;
}
.inner-border img {
    vertical-align: middel;
}
.managertitle {
    width: 90%;
    margin: -30px 0 0 10px;
    padding: 5px;
    position: relative;
    z-index: 50;
    background: #fff;
    color: #666;
    text-align: center;
    -webkit-box-shadow: 0 -4px 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -4px 20px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 -4px 20px -6px rgba(0, 0, 0, .75);
}
.managertitle p {
    display: block;
    width: 90%;
    text-align: center;
    font-size: 1.6rem;
    text-transform: capitalize;
    border-bottom: 3px solid #155164;
    padding: 0 0 10px 0;
    color: #333;
    margin: 0 auto;
}
.managertitle hr {
    color: #155164;
    background-color: #155164;
    height: 3px;
    width: 80%;
    text-align: center;
    border: 0;
    padding: 0;
    transform: translate(-45%, -45%);
}
.plain a,.plain {
    display: block;
}
.plain img { max-width: 105%;
    height: auto;
    vertical-align: middle;
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);  filter: grayscale(100%);
}
.plain a:hover img,.plain:hover img,  a:hover .plain img {
    -moz-transform: rotate(3deg) scale(1.2);
    -webkit-transform: rotate(3deg) scale(1.2);
    -o-transform: rotate(3deg) scale(1.2);
    -ms-transform: rotate(3deg) scale(1.2);
   transform: rotate(3deg) scale(1.2);
    display: block;
    -moz-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -o-filter: grayscale(0);  filter: grayscale(0);
}
 
.plain span {
    position: absolute;
    display: block;
    left: 0;    bottom: 10%;
    color: #fff;
    background: url(images/black.png);
    z-index: 100;
    padding: 5px 10px 5px 20px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.plain span.sp1 {
    bottom: 40%;
    font-size: 1.4rem;
}
.plain span.sp2 {
    bottom: -50%;
    font-size: 1rem;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);  transform: scale(0);
    width: 0;
    height: 0;
    opacity: 0;
}
.plain a:hover span , .plain:hover span {
    background: url(images/dw.png);
    color: #263a51;
    -webkit-box-shadow: 10px 0 15px -10px rgba(0, 0, 0, .6);
    -moz-box-shadow: 10px 0 15px -10px rgba(0, 0, 0, .6);
    box-shadow: 10px 0 15px -10px rgba(0, 0, 0, .6);
    font-weight: 700;   bottom: 40%;
}
.plain:hover span.sp1 {
    bottom: 60%;
}
.plain a:hover span.sp2, .plain:hover span.sp2 {
    bottom: 20%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);    transform: scale(1);
    width: 100%;
    height: auto;
    opacity: 1;
}

.plain:hover { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);}
.mainbg {
    background: url(banner/bg1.jpg) no-repeat fixed center center;
    height: 100vh;
}
.cargo {
    background: url(images/cargo.jpg) no-repeat fixed center center;
   
}
.wbportaerial {
    background: url(uploads/wbportaerial.jpg) no-repeat fixed center center;
    height: 100vh;
}
.map {
    background: url(uploads/map.jpg) no-repeat fixed center center;
    height: 100vh;
}
.relief20 {background: rgb(219,219,164); background: url(images/relief20.png) fixed;
    background: linear-gradient(90deg, rgba(219,219,164,1) 0%, rgba(255,255,194,0.8601190476190477) 48%, rgba(219,219,164,1) 100%);
   
}
.litewood {
    background: url(images/whitewood.jpg) fixed;
}
.portside {
    background: url(images/port-side.png) no-repeat  center bottom;
}
.warehouse {
    background: url(images/warehouse.jpg) no-repeat fixed center center;
}
.worldmap {
    background: url(images/worldmap.png) no-repeat fixed ;
}
.dotworld  {
    background: url(images/dotworld.png) no-repeat fixed ;
}
.rennieswave {
    background: url(images/rennieswave.png) no-repeat center bottom;
}
.openwater {
    background: url(images/openwater.jpg) no-repeat fixed center center;
}
.subscribe {
    background: url(images/subscribe.jpg) no-repeat fixed center center;
}
.wave {
    background: url(images/wave.svg) no-repeat top center;
}
.hbwave {
    background: url(images/hbwave.svg) no-repeat bottom center;
}
.gradmask {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
}
.gradient {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    height: 300px;
    background: 0 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 80%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 80%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 80%);
}
.swave::after {
    background: linear-gradient(#fff 0, #f1f5f8 100%);
    width: 100vw;
    bottom: 0;
    height: 10vw;
    content: '';
    display: block;
    z-index: 0;
    position: absolute;
    transform: scale(-1, 1);
    background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'	 viewBox='0 0 500 150' preserveAspectRatio='none'  fill: #e1efe3  d='M0.00, 92.27 C216.83, 192.92 304.30, 8.39 500.00, 109.03 L500.00, 0.00 L0.00, 0.00 Z");
}
.rotate-text {
    position: absolute;
    left: 40px;
    top: 50%;
    letter-spacing: 3px;
    color: #ddd;
    font-weight: 400;
    font-size: 11px;
    writing-mode: vertical-rl;
    -webkit-transform: translateY(-50%) rotate(-180deg);  -moz-transform: translateY(-50%) rotate(-180deg);   transform: translateY(-50%) rotate(-180deg);
    white-space: nowrap;
    cursor: pointer;
    z-index: 105;
    text-transform: uppercase;
}
.rotate-text:hover {
    color: #fff;
}
.rotate-text:before {
    padding-bottom: 7px;
    content: '\2190';
    display: inline-block;
}
.bbg {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.inset2 {
    -webkit-box-shadow: inset 0 0 42px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 0 42px 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 42px 0 rgba(0, 0, 0, .4);
}
.inset3 {
    -webkit-box-shadow: inset 0 7px 17px -5px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 7px 17px -5px rgba(0, 0, 0, .75);
    box-shadow: inset 0 7px 17px -5px rgba(0, 0, 0, .75);
}
.inset4 {
    -webkit-box-shadow: inset 0 -7px 17px -5px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 -7px 17px -5px rgba(0, 0, 0, .75);
    box-shadow: inset 0 -7px 17px -5px rgba(0, 0, 0, .75);
}
.inset5 {
    -webkit-box-shadow: inset 0 3px 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 3px 20px -6px rgba(0, 0, 0, .75);
    box-shadow: inset 0 3px 20px -6px rgba(0, 0, 0, .75);
}
.shadow360 {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8);
}
.shoft {
    -webkit-box-shadow: 0 0 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 20px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 0 20px -6px rgba(0, 0, 0, .75);
}
.shadowleft {
    -webkit-box-shadow: -4px 4px 8px -2px rgba(0, 0, 0, .8);
    -moz-box-shadow: -4px 4px 8px -2px rgba(0, 0, 0, .8);
    box-shadow: -4px 4px 8px -2px rgba(0, 0, 0, .8);
}
.shadowright {
    -webkit-box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, .8);
    -moz-box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, .8);
    box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, .8);
}
.mirshadow {
    -webkit-box-shadow: 0 7px 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 7px 20px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 7px 20px -6px rgba(0, 0, 0, .75);
}
 
.patt0 {background: rgb(219,219,164) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=) repeat;
} 
 .patt1{background:#039cca url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==) repeat}
 .patt2{background:#155164 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC) repeat}
 .patt3{  background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAN0lEQVQoU2NkIAIwEqHmPyFF/xkYGBgJKQJbhEsR2ASYU7ApQlGAzyQU/yCbhGECunU4FYAUAgBp4wYJ31jKswAAAABJRU5ErkJggg==) repeat}
 .patt4{background:#f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=) repeat;
 }

.inset {
    position: relative;
    -webkit-box-shadow: inset 0 0 20px -1px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 0 20px -1px rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 20px -1px rgba(0, 0, 0, .75);
}
.inset, .inset2, .inset3, .inset4, .inset5 {
    position: relative;
    z-index: 5;
}
.inset img, .inset2 img, .inset3 img, .inset4 img, .inset5 img {
    position: relative;
    z-index: 1;
}
.gradshad {
    background-image: linear-gradient(#8b9da9, #fff6e4);
    box-shadow: inset 0 0 100px hsla(0, 0%, 0%, .3);
    min-height: 100%;
}
.lime {
    color: #67940c;
}
.charcoal {
    color: #333;
}
.char_bg {
    color: #fff;
    background: #272727;
}
.wbg {
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, .8046568969384629) 0, rgba(255, 255, 255, .7990546560421043) 100%);
}
.achild {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p input[type=search]::before {
    font-family: nmfont;
    content: '\f002';
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 50;
    top: 0;
    right: 5px;
    padding: 4px 0 0 4px;
    font-size: 2rem;
    color: #666;
}
p input[type=search]:hover::before {
    color: #6b8e23;
}
.scrol,.scrol1,.scrol2,.scrol3,.scrol4,.scrol5,.scrolf,.scrolh, .scroli  { width:99%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch; display:block}
    
.scrol { height:380px; }	  
.scrol1 { height:100px;  }	
.scrol2 { height:200px;  }	
.scrol3 { height:300px; }	
.scrol4 { height:400px; }	
.scrol5 { height:500px; }
.scrolf { height:80vh; }
.scrolh { height:60vh; }
.scroli { height:50vh; }

.dcentre {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.fcentre {
    position: relative;
    top: 45%;
    left: 45%;
    height: auto;
    text-align: center;
    -webkit-transform: translate(-45%, 45%);
    -moz-transform: translate(-45%, 45%);
    -ms-transform: translate(-45%, 45%);
    -o-transform: translate(-45%, 45%);
    transform: translate(-45%, 45%);
}
.sc1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
.sc1::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px;
    background-color: #f5f5f5;
}
.sc1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}
.fade-in {
    -webkit-animation: fade-in 2s ease;
    -moz-animation: fade-in ease-in-out 2s both;
    -ms-animation: fade-in ease-in-out 2s both;
    -o-animation: fade-in ease-in-out 2s both;
    animation: fade-in 2s ease;
    visibility: visible;
    -webkit-backface-visibility: hidden;   -moz-backface-visibility: hidden;  backface-visibility: hidden;
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
}
    100% {
        opacity: 1;
}
}
@-moz-keyframes fade-in {
    0% {
        opacity: 0;
}
    100% {
        opacity: 1;
}
}
@-o-keyframes fade-in {
    0% {
        opacity: 0;
}
    100% {
        opacity: 1;
}
}
@keyframes fade-in {
    0% {
        opacity: 0;
}
    100% {
        opacity: 1;
}
}
.rollin {
    visibility: visible;
    -webkit-backface-visibility: hidden;   -moz-backface-visibility: hidden;   backface-visibility: hidden;
    -webkit-transition: all 3s ease-in-out 5s;
    -moz-transition: all 3s ease-in-out 5s;
    -o-transition: all 3s ease-in-out 5s;
    -ms-transition: all 3s ease-in-out 5s;
    transition: all 3s ease-in-out 5s;
}
@-webkit-keyframes rollin {
    0% {
        transform: rotate(0) scale(1);
}
    10% {
        transform: rotate(15deg) scale(1);
}
    50% {
        transform: rotate(-180deg) scale(1.4);
}
    100% {
        transform: rotate(-360deg) scale(1);
}
}
@-moz-keyframes rollin {
    0% {
        transform: rotate(0) scale(1);
}
    10% {
        transform: rotate(15deg) scale(1);
}
    50% {
        transform: rotate(-180deg) scale(1.4);
}
    100% {
        transform: rotate(-360deg) scale(1);
}
}
@-o-keyframes rollin {
    0% {
        transform: rotate(0) scale(1);
}
    10% {
        transform: rotate(15deg) scale(1);
}
    50% {
        transform: rotate(-180deg) scale(1.4);
}
    100% {
        transform: rotate(-360deg) scale(1);
}
}
@keyframes rollin {
    0% {
        transform: rotate(0) scale(1);
}
    10% {
        transform: rotate(15deg) scale(1);
}
    50% {
        transform: rotate(-180deg) scale(1.4);
}
    100% {
        transform: rotate(-360deg) scale(1);
}
}
.card {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    overflow: hidden;
    padding: 20px;
}
.nmoverline {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.nmoverline:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #08557a;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.nmoverline:active:before, .nmoverline:focus:before, .nmoverline:hover:before {
    left: 0;
    right: 0;
}
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-template-rows: repeat(6, 200px);
    grid-gap: .5rem;
    grid-auto-flow: dense;
    margin: .5rem 0;
}
.gallery>.album_item:nth-child(4n) {
    grid-column: span 2;
    grid-row: span 2;
}
.gallery>.album_item:nth-child(8n) {
    grid-column: span 3;
    grid-row: span 3;
}
.gallery>.album_item {
    height: 99%;
    overflow: hidden;
}
.gallery>.album_item>img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.adm, .admincenter {
    display: block;
    width: 800px;
    position: fixed;
    right: -10px;
    top: 50px;
    background: url(images/dw.png);
    padding: 20px 40px 20px 20px;
    z-index: 1000;
    -webkit-box-shadow: 6px 6px 30px -2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 6px 6px 30px -2px rgba(0, 0, 0, .4);
    box-shadow: 6px 6px 30px -2px rgba(0, 0, 0, .4);
}
.cowrap {
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .42);
}
.cowrap span, .cowrap sup {
    padding: 5px;
}
.cowrap p, .cowrap span {
    color: #fff;
    display: block;
}
.cowrap sup {
    color: #f1f1f1;
    display: inline-block;
    vertical-align: middle;
}
.count span.counti {
    color: #f1f1f1;
    margin: 0;
    display: inline-block;
}
.testimonials {
    padding: 5px;
    margin: 10px 0 10px 0;
    overflow: hidden;
}
.testimonials p {
    float: left;
    width: 70%;
    padding: 10px;
    font-size: 2rem;
    color: #333;
    line-height: 130%;
    position: relative;
}
.testimonials span {
    clear: both;
    width: 99%;
    margin: 10px 0 0 0;
    padding: 10px;
    font-size: 1.3rem;
    color: #666;
}
.testimonials .circ {
    margin: 0 auto;
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-collapse: separate;
    overflow: hidden;
}
.testimonials .circ img {
    min-width: 200%;
    height: auto;
}
.upreview {
    display: block;
    min-width: 100px;
}
.upreview span {
    float: left;
    margin: 2px;
    height: 40px;
    width: 40px;
    -webkit-transition: all 2s ease-in-out 3s;
    -moz-transition: all 2s ease-in-out 3s;
    -o-transition: all 2s ease-in-out 3s;
    -ms-transition: all 2s ease-in-out 3s;
    transition: all 2s ease-in-out 3s;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0); transform: scale(0);
}
.upreview span.mo {
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);  transform: scale(1, 1);
}
table.belmy {
    width: 96%;
    border-collapse: collapse;
}
.belmy tr {
    margin: 0 0 5px 0;
    border-bottom: 1px solid #999;
}
.belmy th {
    text-align: left;
    font-size: 90%;
    padding: 2px 4px 4px 2px;
    background: #fff;
}
.belmy tr:nth-child(even) {
    background: #f1f1f1;
}
.belmy tr:nth-child(odd) {
    background: #f8f8f8;
}
.belmy td {
    padding: 5px;
    vertical-align: middel;
    text-align: left;
}
.belmy td:first-child {
    text-align: right;
    font-weight: 700;
}
.tog span, .toge span {
    position: relative;
    float: left;
    outline: 0;
    min-width: 10px;
    color: #d5d5d5;
    padding: 3px;
    font-size: 3rem;
    cursor: pointer;
    z-index: 100;
    margin-bottom: 1%;
}
.kiss, .sikk {
    min-width: 40px;
}
.sikk {
    font-size: 1.4rem;
}
.lips {
    font-size: 4rem;
    cursor: pointer;
    font-weight: 700;
}
.sams:hover, .tams:hover, .tog:hover .kiss, .tog:hover .sikk, .toge:hover .kiss {
    color: #a4a644;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);   transform: rotate(360deg);
}
.tog:hover .lips, .toge:hover .lips {
    color: #999c9e;
}
.list-count {
    float: left;
    text-align: center;
    width: 30%;
    padding: .5em;
    color: #ddd;
}
.empty-item {
    transition-property: opacity;
    transition-duration: 0s;
    transition-delay: 0s;
    transition-timing-function: ease;
}
.empty .empty-item {
    transition-property: opacity;
    transition-duration: .2s;
    transition-delay: .3s;
    transition-timing-function: ease;
}
.hiding {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: .5;
}
.empty-item {
    background: #fff;
    color: #ddd;
    margin: .2em 0;
    padding: .5em .8em;
    font-style: italic;
    border: none;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    float: left;
    clear: left;
    width: 100%;
}
.empty .empty-item {
    opacity: 1;
    visibility: visible;
}
.alignleft, .all {
    float: left;
    margin: 0 20px 20px 0;
    display: block;
}
.alignright, .alr {
    float: right;
    margin: 0 0 20px 20px;
    display: block;
}
.alc, .aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.fl .fleft, div[class*='-fl'] {
    float: left!important;
}
.fr, .fright, div[class*='-fr'] {
    float: right!important;
}
.mfl, .mfleft {
    float: left;
    margin: 0 2% 2% 0;
}
.mfr, .mfright {
    float: right;
    margin: 0 0 2% 2%;
}
.vcenter {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%, -50%);
    transform: translateY(-50%, -50%);
}
.center {
    margin: 0 auto;
    text-align: center;
}
.deadcentre {
    position: fixed;
    top: 45%;
    left: 45%;
    width: 50%;
    height: auto;
    text-align: center;
    -webkit-transform: translate(-45%, -45%);
    -moz-transform: translate(-45%, -45%);
    -ms-transform: translate(-45%, -45%);
    -o-transform: translate(-45%, -45%);
    transform: translate(-45%, -45%);
}
.floatcentre {
    position: relative;
    top: 45%;
    left: 45%;
    width: 50%;
    height: auto;
    text-align: center;
    -webkit-transform: translate(-45%, -45%);
    -moz-transform: translate(-45%, -45%);
    -ms-transform: translate(-45%, -45%);
    -o-transform: translate(-45%, -45%);
    transform: translate(-45%, -45%);
}
.scrol, .scrol1, .scrol2, .scrol3, .scrol4, .scrol5, .scrolf, .scrolh, .scroli {
    width: 99%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
}
.scrol {
    height: 380px;
}
.scrol1 {
    height: 100px;
}
.scrol2 {
    height: 200px;
}
.scrol3 {
    height: 300px;
}
.scrol4 {
    height: 400px;
}
.scrol5 {
    height: 500px;
}
.scrolf {
    height: 80vh;
}
.scrolh {
    height: 60vh;
}
.scroli {
    height: 50vh;
}
.cols, .cols2, .cols4 {
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}
.cols {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
.cols2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.cols4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}
.colbox {
    border: 1px solid #ccc;
    min-height: 20px;
    width: 98%;
    margin: 1.6%;
    padding: 0;
    display: inline-block;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}
.cbox {
    break-inside: avoid-column;
    display: inline-block;
}
.weather-wrapper {
    background: #87ceeb;
    margin: 5% 0 5% 5%;
    padding: 40px 5%;
    float: left;
    color: #fff;
    width: 70%;
    max-width: 400px;
}
.carousel-frame {
    width: 100%;
    margin-bottom: .5em;
    padding-bottom: 1em;
    position: relative;
    overflow-x: scroll;
    white-space: nowrap;
}
.label {
    clear: both;
    padding: 0;
    text-align: center;
    color: #333;
}
.para {
    position: fixed;
    padding: 2rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.para img {
    max-width: 150%;
}
.error {
    border-left: 3px solid red;
}
.success {
    border-left: 3px solid green;
}
.upper {
    text-transform: uppercase;
}
.capital {
    text-transform: capitalize;
}
.justify {
    text-align: justify;
}
.loose {
    letter-spacing: 3pt;
}
.abs {
    position: absolute;
}
.fixed {
    position: fixed;
}
.ohide {
    overflow: hidden;
}
.visible {
    visibility: visible;
}
.hidden {
    visibility: hidden;
}
.hide {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.show {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.dn, .dnone, .undead {
    display: none;
}
.block, .dshow {
    display: block;
}
.hide {
    visibility: hidden;
}
.tlv {
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}
.trv {
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
}
.tlc {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tlv6 {
    top: 60%;
    left: 10%;
    transform: translateY(-60%);
}
.trv6 {
    top: 60%;
    right: 10%;
    transform: translateY(-60%);
}
.tlv8 {
    top: 80%;
    left: 10%;
    transform: translateY(-80%);
}
.trv8 {
    top: 80%;
    right: 10%;
    transform: translateY(-80%);
}


.cl2, .clmd,.clmb,.clmt,.cl, .clear, .clm, div[class*='-cl'] {  clear: both;   float: none; }

.cl2, .clmd {   margin: 20px 0 20px 0; }
.clmb {   margin-bottom: 20px; }
.clmt {  margin-top: 20px; }
 
.cl2::after, .cl::after, .clmd::after,.clmb::after,.clmt::after, .clear::after, .clmd::after, div[class*='-cl']::after {
    content: '';  display: table; clear: both; }


.op1 {
    opacity: 1!important;
}
.op8 {
    opacity: .8!important;
}
.op6 {
    opacity: .6!important;
}
.op5 {
    opacity: .5!important;
}
.op8 {
    opacity: .4!important;
}
.op6 {
    opacity: .2!important;
}
.op0 {
    opacity: 0!important;
}
.p0 {
    padding: 0!important;
}
.m0 {
    margin: 0!important;
}
.pm0 {
    padding: 0!important;
    margin: 0!important;
}
.fn, .fnone, div[class*='-fn'] {
    float: none!important;
}
.nfl, div[class*='-nfl'] {
    float: none;
    display: inline-block;
}
.a_no:hover, a:hover .a_no {
    color: #333!important;
    font-weight: 400!important;
}
.fade-me-out.htmx-swapping {
    opacity: 0;
    transition: opacity 1s ease-out;
}
#fade-me-in.htmx-settling {
    opacity: 0;
}
#fade-me-in {
    opacity: 1;
    transition: opacity 1s ease-out;
}

.nsocial p { float:left;margin:0.666%;
}
.nsocial span {
   
    color: #666;
    cursor: pointer;
    background: #f1f1f1;
    padding: 4px 0 0 2px;
    vertical-align: middle;
    text-align: center;
    font-size: 1.6rem;
    width: 38px;
    height: 38px;
    border: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
}
.nsocial span:hover {
    color: #fff; 
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-box-shadow: inset 0 0 20px -2px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 0 20px -2px rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 20px -2px rgba(0, 0, 0, .75);
}
.nsocial span.fa-linkedin-in:hover {
    background: #005983;
}
.nsocial span.fa-facebook-f:hover {
    background: #2d4373;
}


.jssocials-share-count-box{-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;-moz-transition:background .2s ease-in-out,border-color .2s ease-in-out; transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-shares{margin:.2em 0}.jssocials-shares *{box-sizing:border-box}.jssocials-share{display:inline-block;vertical-align:top;margin:.3em .6em .3em 0}.jssocials-share:last-child{margin-right:0}.jssocials-share-logo{width:1em;vertical-align:middle;font-size: var(--f20)}img.jssocials-share-logo{width:auto;height:6em}.jssocials-share-link.jssocials-share-link-count{padding-top:.2em}.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{display:block;font-size:.6em;margin:0 -.5em -.8em}.jssocials-share-link.jssocials-share-no-count{padding-top:.5em}.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{height:1em}.jssocials-share-label{padding-left:.3em;vertical-align:middle}.jssocials-share-count-box{display:inline-block;line-height:1;vertical-align:middle;cursor:default}.jssocials-share-count-box.jssocials-share-no-count{display:none}.jssocials-share-count{line-height:1.5em;vertical-align:middle}
.jssocials-share-link{display:inline-block;text-decoration:none;line-height:1;font-family:nmbrands;-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;margin:0 1.4%;color:#666;cursor:pointer;background:#f1f1f1;padding:8px 0 0;vertical-align:middle;text-align:center;font-style:normal;font-size: var(--f20);width:46px;height:46px;border:#999;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;transition:.7s;-webkit-transition:.7s;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s}.jssocials-share-twitter .jssocials-share-link:hover{background:#0087ba}.jssocials-share-facebook .jssocials-share-link:hover{background:#2d4373}.jssocials-share-googleplus .jssocials-share-link:hover{background:#c23321}.jssocials-share-linkedin .jssocials-share-link:hover{background:#005983}.jssocials-share-pinterest .jssocials-share-link:hover{background:#9f191f}.jssocials-share-email .jssocials-share-link:hover{background:#0e76e6}.jssocials-share-stumbleupon .jssocials-share-link:hover{background:#c93412}
.jssocials-share-whatsapp .jssocials-share-link:hover{background:#1f7d1e}.jssocials-share-telegram .jssocials-share-link:hover{background:#1c88bd}.jssocials-share-line .jssocials-share-link:hover{background:#1a7c00}.jssocials-share-viber .jssocials-share-link:hover{background:#61407b}.jssocials-share-pocket .jssocials-share-link:hover{background:#e9132e}.jssocials-share-messenger .jssocials-share-link:hover{background:#006acc}.jssocials-share-vkontakte .jssocials-share-link:hover{background:#344d6c}.jssocials-share-link:hover{transition:.7s;-webkit-transition:.7s;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-box-shadow:inset 0 0 20px -2px rgba(0,0,0,.75);-moz-box-shadow:inset 0 0 20px -2px rgba(0,0,0,.75);box-shadow:inset 0 0 20px -2px rgba(0,0,0,.75)}.jssocials-share-link:active,.jssocials-share-link:focus,.jssocials-share-link:hover{color:#fff}
.jssocials-share-count-box{position:relative;height:2.5em;padding:0 .3em;margin-left:.3em;background:#f5f5f5;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box:hover{background:#dcdcdc}.jssocials-share-count-box:hover:after{border-color:transparent #dcdcdc transparent transparent}.jssocials-share-count-box:after{content:"";display:block;position:absolute;top:.85em;left:-.3em;width:0;height:0;border-width:.4em .4em .4em 0;border-style:solid;border-color:transparent #f5f5f5 transparent transparent;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box .jssocials-share-count{line-height:2.5em;color:#444}.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}
.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4eb5e6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4eb5e6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}
.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#ff9a19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:8000}
.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}
.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px/2)}
.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px/2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}
.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4eb5e6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}
.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}
.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}
.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}
.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}






.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
}
.fa-xs {
    font-size: .75em;
}
.fa-sm {
    font-size: .875em;
}
.fa-1x {
    font-size: 1em;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-6x {
    font-size: 6em;
}
.fa-7x {
    font-size: 7em;
}
.fa-8x {
    font-size: 8em;
}
.fa-9x {
    font-size: 9em;
}
.fa-10x {
    font-size: 10em;
}
.fa-fw {
    text-align: center;
    width: 1.25em;
}
.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}
.fa-ul>li {
    position: relative;
}
.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}
.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}
.fa-pull-left {
    float: left;
}
.fa-pull-right {
    float: right;
}
.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
    margin-right: .3em;
}
.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
    margin-left: .3em;
}
.fa-spin {
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
}
    to {
        transform: rotate(1turn);
}
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.fa-flip-vertical {
    transform: scaleY(-1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1);
}
:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    filter: none;
}
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}
.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #fff;
}
.fa-500px::before {
    content: "\f26e";
}
.fa-accessible-icon::before {
    content: "\f368";
}
  
.fa-address-book::before {
    content: "\f2b9";
}
.fa-address-card::before {
    content: "\f2bb";
}
.fa-adjust::before {
    content: "\f042";
}
.fa-adn::before {
    content: "\f170";
}
.fa-adobe::before {
    content: "\f778";
}
.fa-adversal::before {
    content: "\f36a";
} 
.fa-air-freshener::before {
    content: "\f5d0";
}
.fa-algolia::before {
    content: "\f36c";
}
.fa-align-center::before {
    content: "\f037";
}
.fa-align-justify::before {
    content: "\f039";
}
.fa-align-left::before {
    content: "\f036";
}
.fa-align-right::before {
    content: "\f038";
}
.fa-alipay::before {
    content: "\f642";
}
.fa-allergies::before {
    content: "\f461";
} 
.fa-ambulance::before {
    content: "\f0f9";
}
.fa-american-sign-language-interpreting::before {
    content: "\f2a3";
}
.fa-amilia::before {
    content: "\f36d";
}
.fa-anchor::before {
    content: "\f13d";
}
.fa-android::before {
    content: "\f17b";
}
.fa-angellist::before {
    content: "\f209";
}
.fa-angle-double-down::before {
    content: "\f103";
}
.fa-angle-double-left::before {
    content: "\f100";
}
.fa-angle-double-right::before {
    content: "\f101";
}
.fa-angle-double-up::before {
    content: "\f102";
}
.fa-angle-down::before {
    content: "\f107";
}
.fa-angle-left::before {
    content: "\f104";
}
.fa-angle-right::before {
    content: "\f105";
}
.fa-angle-up::before {
    content: "\f106";
} 
.fa-archive::before {
    content: "\f187";
} 
.fa-arrow-alt-circle-down::before {
    content: "\f358";
}
.fa-arrow-alt-circle-left::before {
    content: "\f359";
}
.fa-arrow-alt-circle-right::before {
    content: "\f35a";
}
.fa-arrow-alt-circle-up::before {
    content: "\f35b";
}
.fa-arrow-circle-down::before {
    content: "\f0ab";
}
.fa-arrow-circle-left::before {
    content: "\f0a8";
}
.fa-arrow-circle-right::before {
    content: "\f0a9";
}
.fa-arrow-circle-up::before {
    content: "\f0aa";
}
.fa-arrow-down::before {
    content: "\f063";
}
.fa-arrow-left::before {
    content: "\f060";
}
.fa-arrow-right::before {
    content: "\f061";
}
.fa-arrow-up::before {
    content: "\f062";
}
.fa-arrows-alt::before {
    content: "\f0b2";
}
.fa-arrows-alt-h::before {
    content: "\f337";
}
.fa-arrows-alt-v::before {
    content: "\f338";
} 
.fa-asterisk::before {
    content: "\f069";
}
.fa-asymmetrik::before {
    content: "\f372";
}
.fa-at::before {
    content: "\f1fa";
}
.fa-atlas::before {
    content: "\f558";
}
.fa-atlassian::before {
    content: "\f77b";
}
.fa-atom::before {
    content: "\f5d2";
}
.fa-audible::before {
    content: "\f373";
}
.fa-audio-description::before {
    content: "\f29e";
}
.fa-autoprefixer::before {
    content: "\f41c";
}
.fa-avianex::before {
    content: "\f374";
}
.fa-aviato::before {
    content: "\f421";
}
.fa-award::before {
    content: "\f559";
} 
.fa-backward::before {
    content: "\f04a";
}
.fa-bacon::before {
    content: "\f7e5";
}
.fa-balance-scale::before {
    content: "\f24e";
}
.fa-ban::before {
    content: "\f05e";
}
.fa-band-aid::before {
    content: "\f462";
}
.fa-bandcamp::before {
    content: "\f2d5";
}
.fa-barcode::before {
    content: "\f02a";
}
.fa-bars::before {
    content: "\f0c9";
}
.fa-baseball-ball::before {
    content: "\f433";
}
.fa-basketball-ball::before {
    content: "\f434";
}
.fa-bath::before {
    content: "\f2cd";
}
.fa-battery-empty::before {
    content: "\f244";
}
.fa-battery-full::before {
    content: "\f240";
}
.fa-battery-half::before {
    content: "\f242";
}
.fa-battery-quarter::before {
    content: "\f243";
}
.fa-battery-three-quarters::before {
    content: "\f241";
}
.fa-bed::before {
    content: "\f236";
} 
.fa-bell::before {
    content: "\f0f3";
}
.fa-bell-slash::before {
    content: "\f1f6";
} 
.fa-binoculars::before {
    content: "\f1e5";
}
.fa-biohazard::before {
    content: "\f780";
} 
.fa-blackberry::before {
    content: "\f37b";
}
.fa-blender::before {
    content: "\f517";
}
.fa-blender-phone::before {
    content: "\f6b6";
}
.fa-blind::before {
    content: "\f29d";
}    
.fa-bread-slice::before {
    content: "\f7ec";
} 
 
.fa-bullhorn::before {
    content: "\f0a1";
}
.fa-bullseye::before {
    content: "\f140";
}
.fa-burn::before {
    content: "\f46a";
}
.fa-buromobelexperte::before {
    content: "\f37f";
}
.fa-bus::before {
    content: "\f207";
}
.fa-bus-alt::before {
    content: "\f55e";
}
.fa-business-time::before {
    content: "\f64a";
}
.fa-buysellads::before {
    content: "\f20d";
}
.fa-calculator::before {
    content: "\f1ec";
}
.fa-calendar::before {
    content: "\f133";
}
.fa-calendar-alt::before {
    content: "\f073";
}
.fa-calendar-check::before {
    content: "\f274";
}
.fa-calendar-day::before {
    content: "\f783";
}
.fa-calendar-minus::before {
    content: "\f272";
}
.fa-calendar-plus::before {
    content: "\f271";
}
.fa-calendar-times::before {
    content: "\f273";
}
.fa-calendar-week::before {
    content: "\f784";
}
.fa-camera::before {
    content: "\f030";
}
.fa-camera-retro::before {
    content: "\f083";
}
.fa-campground::before {
    content: "\f6bb";
}
.fa-canadian-maple-leaf::before {
    content: "\f785";
}
.fa-candy-cane::before {
    content: "\f786";
}
.fa-cannabis::before {
    content: "\f55f";
}
.fa-capsules::before {
    content: "\f46b";
}
.fa-car::before {
    content: "\f1b9";
}
.fa-car-alt::before {
    content: "\f5de";
}
.fa-car-battery::before {
    content: "\f5df";
}
.fa-car-crash::before {
    content: "\f5e1";
}
.fa-car-side::before {
    content: "\f5e4";
}
.fa-caret-down::before {
    content: "\f0d7";
}
.fa-caret-left::before {
    content: "\f0d9";
}
.fa-caret-right::before {
    content: "\f0da";
}
.fa-caret-square-down::before {
    content: "\f150";
}
.fa-caret-square-left::before {
    content: "\f191";
}
.fa-caret-square-right::before {
    content: "\f152";
}
.fa-caret-square-up::before {
    content: "\f151";
}
.fa-caret-up::before {
    content: "\f0d8";
}
.fa-carrot::before {
    content: "\f787";
}
.fa-cart-arrow-down::before {
    content: "\f218";
}
.fa-cart-plus::before {
    content: "\f217";
}
.fa-cash-register::before {
    content: "\f788";
}
.fa-cat::before {
    content: "\f6be";
}
.fa-cc-amazon-pay::before {
    content: "\f42d";
}
.fa-cc-amex::before {
    content: "\f1f3";
}
.fa-cc-apple-pay::before {
    content: "\f416";
}
.fa-cc-diners-club::before {
    content: "\f24c";
}
.fa-cc-discover::before {
    content: "\f1f2";
}
.fa-cc-jcb::before {
    content: "\f24b";
}
.fa-cc-mastercard::before {
    content: "\f1f1";
}
.fa-cc-paypal::before {
    content: "\f1f4";
}
.fa-cc-stripe::before {
    content: "\f1f5";
}
.fa-cc-visa::before {
    content: "\f1f0";
}
.fa-centercode::before {
    content: "\f380";
}
.fa-centos::before {
    content: "\f789";
}
.fa-certificate::before {
    content: "\f0a3";
}
.fa-chair::before {
    content: "\f6c0";
}
.fa-chalkboard::before {
    content: "\f51b";
}
.fa-chalkboard-teacher::before {
    content: "\f51c";
}
.fa-charging-station::before {
    content: "\f5e7";
}
.fa-chart-area::before {
    content: "\f1fe";
}
.fa-chart-bar::before {
    content: "\f080";
}
.fa-chart-line::before {
    content: "\f201";
}
.fa-chart-pie::before {
    content: "\f200";
}
.fa-check::before {
    content: "\f00c";
}
.fa-check-circle::before {
    content: "\f058";
}
.fa-check-double::before {
    content: "\f560";
}
.fa-check-square::before {
    content: "\f14a";
}
.fa-cheese::before {
    content: "\f7ef";
}
.fa-chess::before {
    content: "\f439";
}
.fa-chess-bishop::before {
    content: "\f43a";
}
.fa-chess-board::before {
    content: "\f43c";
}
.fa-chess-king::before {
    content: "\f43f";
}
.fa-chess-knight::before {
    content: "\f441";
}
.fa-chess-pawn::before {
    content: "\f443";
}
.fa-chess-queen::before {
    content: "\f445";
}
.fa-chess-rook::before {
    content: "\f447";
}
.fa-chevron-circle-down::before {
    content: "\f13a";
}
.fa-chevron-circle-left::before {
    content: "\f137";
}
.fa-chevron-circle-right::before {
    content: "\f138";
}
.fa-chevron-circle-up::before {
    content: "\f139";
}
.fa-chevron-down::before {
    content: "\f078";
}
.fa-chevron-left::before {
    content: "\f053";
}
.fa-chevron-right::before {
    content: "\f054";
}
.fa-chevron-up::before {
    content: "\f077";
}
.fa-child::before {
    content: "\f1ae";
}
.fa-chrome::before {
    content: "\f268";
}
.fa-church::before {
    content: "\f51d";
}
.fa-circle::before {
    content: "\f111";
}
.fa-circle-notch::before {
    content: "\f1ce";
}
.fa-city::before {
    content: "\f64f";
}
.fa-clinic-medical::before {
    content: "\f7f2";
}
.fa-clipboard::before {
    content: "\f328";
}
.fa-clipboard-check::before {
    content: "\f46c";
}
.fa-clipboard-list::before {
    content: "\f46d";
}
.fa-clock::before {
    content: "\f017";
}
.fa-clone::before {
    content: "\f24d";
}
.fa-closed-captioning::before {
    content: "\f20a";
}
.fa-cloud::before {
    content: "\f0c2";
}
.fa-cloud-download-alt::before {
    content: "\f381";
}
.fa-cloud-meatball::before {
    content: "\f73b";
}
.fa-cloud-moon::before {
    content: "\f6c3";
}
.fa-cloud-moon-rain::before {
    content: "\f73c";
}
.fa-cloud-rain::before {
    content: "\f73d";
}
.fa-cloud-showers-heavy::before {
    content: "\f740";
}
.fa-cloud-sun::before {
    content: "\f6c4";
}
.fa-cloud-sun-rain::before {
    content: "\f743";
}
.fa-cloud-upload-alt::before {
    content: "\f382";
}
.fa-cloudscale::before {
    content: "\f383";
}
.fa-cloudsmith::before {
    content: "\f384";
}
.fa-cloudversify::before {
    content: "\f385";
}
.fa-cocktail::before {
    content: "\f561";
}
.fa-code::before {
    content: "\f121";
}
.fa-code-branch::before {
    content: "\f126";
}
.fa-codepen::before {
    content: "\f1cb";
}
.fa-codiepie::before {
    content: "\f284";
}
.fa-coffee::before {
    content: "\f0f4";
}
.fa-cog::before {
    content: "\f013";
}
.fa-cogs::before {
    content: "\f085";
}
.fa-coins::before {
    content: "\f51e";
}
.fa-columns::before {
    content: "\f0db";
}
.fa-comment::before {
    content: "\f075";
}
.fa-comment-alt::before {
    content: "\f27a";
}
.fa-comment-dollar::before {
    content: "\f651";
}
.fa-comment-dots::before {
    content: "\f4ad";
}
.fa-comment-medical::before {
    content: "\f7f5";
}
.fa-comment-slash::before {
    content: "\f4b3";
}
.fa-comments::before {
    content: "\f086";
}
.fa-comments-dollar::before {
    content: "\f653";
}
.fa-compact-disc::before {
    content: "\f51f";
}
.fa-compass::before {
    content: "\f14e";
}
.fa-compress::before {
    content: "\f066";
}
.fa-compress-arrows-alt::before {
    content: "\f78c";
}
.fa-concierge-bell::before {
    content: "\f562";
}
.fa-confluence::before {
    content: "\f78d";
}
.fa-connectdevelop::before {
    content: "\f20e";
}
.fa-contao::before {
    content: "\f26d";
}
.fa-cookie::before {
    content: "\f563";
}
.fa-cookie-bite::before {
    content: "\f564";
}
.fa-copy::before {
    content: "\f0c5";
}
.fa-copyright::before {
    content: "\f1f9";
}
.fa-couch::before {
    content: "\f4b8";
}
.fa-cpanel::before {
    content: "\f388";
}
.fa-creative-commons::before {
    content: "\f25e";
}
.fa-creative-commons-by::before {
    content: "\f4e7";
}
.fa-creative-commons-nc::before {
    content: "\f4e8";
}
.fa-creative-commons-nc-eu::before {
    content: "\f4e9";
}
.fa-creative-commons-nc-jp::before {
    content: "\f4ea";
}
.fa-creative-commons-nd::before {
    content: "\f4eb";
}
.fa-creative-commons-pd::before {
    content: "\f4ec";
}
.fa-creative-commons-pd-alt::before {
    content: "\f4ed";
}
.fa-creative-commons-remix::before {
    content: "\f4ee";
}
.fa-creative-commons-sa::before {
    content: "\f4ef";
}
.fa-creative-commons-sampling::before {
    content: "\f4f0";
}
.fa-creative-commons-sampling-plus::before {
    content: "\f4f1";
}
.fa-creative-commons-share::before {
    content: "\f4f2";
}
.fa-creative-commons-zero::before {
    content: "\f4f3";
}
.fa-credit-card::before {
    content: "\f09d";
}
.fa-critical-role::before {
    content: "\f6c9";
}
.fa-crop::before {
    content: "\f125";
}
.fa-crop-alt::before {
    content: "\f565";
}
.fa-cross::before {
    content: "\f654";
}
.fa-crosshairs::before {
    content: "\f05b";
}
.fa-crow::before {
    content: "\f520";
}
.fa-crown::before {
    content: "\f521";
}
.fa-crutch::before {
    content: "\f7f7";
}
.fa-css3::before {
    content: "\f13c";
}
.fa-css3-alt::before {
    content: "\f38b";
}
.fa-cube::before {
    content: "\f1b2";
}
.fa-cubes::before {
    content: "\f1b3";
}
.fa-cut::before {
    content: "\f0c4";
}
.fa-cuttlefish::before {
    content: "\f38c";
}
.fa-d-and-d::before {
    content: "\f38d";
}
.fa-d-and-d-beyond::before {
    content: "\f6ca";
}
.fa-dashcube::before {
    content: "\f210";
}
.fa-database::before {
    content: "\f1c0";
}
.fa-deaf::before {
    content: "\f2a4";
}
.fa-delicious::before {
    content: "\f1a5";
}
.fa-democrat::before {
    content: "\f747";
}
.fa-deploydog::before {
    content: "\f38e";
}
.fa-deskpro::before {
    content: "\f38f";
}
.fa-desktop::before {
    content: "\f108";
}
.fa-dev::before {
    content: "\f6cc";
}
.fa-deviantart::before {
    content: "\f1bd";
}
.fa-dharmachakra::before {
    content: "\f655";
}
.fa-dhl::before {
    content: "\f790";
}
.fa-diagnoses::before {
    content: "\f470";
}
.fa-diaspora::before {
    content: "\f791";
}
.fa-dice::before {
    content: "\f522";
}
.fa-dice-d20::before {
    content: "\f6cf";
}
.fa-dice-d6::before {
    content: "\f6d1";
}
.fa-dice-five::before {
    content: "\f523";
}
.fa-dice-four::before {
    content: "\f524";
}
.fa-dice-one::before {
    content: "\f525";
}
.fa-dice-six::before {
    content: "\f526";
}
.fa-dice-three::before {
    content: "\f527";
}
.fa-dice-two::before {
    content: "\f528";
}
.fa-digg::before {
    content: "\f1a6";
}
.fa-digital-ocean::before {
    content: "\f391";
}
.fa-digital-tachograph::before {
    content: "\f566";
}
.fa-directions::before {
    content: "\f5eb";
}
.fa-discord::before {
    content: "\f392";
}
.fa-discourse::before {
    content: "\f393";
}
.fa-divide::before {
    content: "\f529";
}
.fa-dizzy::before {
    content: "\f567";
}
.fa-dna::before {
    content: "\f471";
}
.fa-dochub::before {
    content: "\f394";
}
.fa-docker::before {
    content: "\f395";
}
.fa-dog::before {
    content: "\f6d3";
}
.fa-dollar-sign::before {
    content: "\f155";
}
.fa-dolly::before {
    content: "\f472";
}
.fa-dolly-flatbed::before {
    content: "\f474";
}
.fa-donate::before {
    content: "\f4b9";
}
.fa-door-closed::before {
    content: "\f52a";
}
.fa-door-open::before {
    content: "\f52b";
}
.fa-dot-circle::before {
    content: "\f192";
}
.fa-dove::before {
    content: "\f4ba";
}
.fa-download::before {
    content: "\f019";
}
.fa-draft2digital::before {
    content: "\f396";
}
.fa-drafting-compass::before {
    content: "\f568";
}
.fa-dragon::before {
    content: "\f6d5";
}
.fa-draw-polygon::before {
    content: "\f5ee";
}
.fa-dribbble::before {
    content: "\f17d";
}
.fa-dribbble-square::before {
    content: "\f397";
}
.fa-dropbox::before {
    content: "\f16b";
}
.fa-drum::before {
    content: "\f569";
}
.fa-drum-steelpan::before {
    content: "\f56a";
}
.fa-drumstick-bite::before {
    content: "\f6d7";
}
.fa-drupal::before {
    content: "\f1a9";
}
.fa-dumbbell::before {
    content: "\f44b";
}
.fa-dumpster::before {
    content: "\f793";
}
.fa-dumpster-fire::before {
    content: "\f794";
}
.fa-dungeon::before {
    content: "\f6d9";
}
.fa-dyalog::before {
    content: "\f399";
}
.fa-earlybirds::before {
    content: "\f39a";
}
.fa-ebay::before {
    content: "\f4f4";
}
.fa-edge::before {
    content: "\f282";
}
.fa-edit::before {
    content: "\f044";
}
.fa-egg::before {
    content: "\f7fb";
}
.fa-eject::before {
    content: "\f052";
}
.fa-elementor::before {
    content: "\f430";
}
.fa-ellipsis-h::before {
    content: "\f141";
}
.fa-ellipsis-v::before {
    content: "\f142";
}
.fa-ello::before {
    content: "\f5f1";
}
.fa-ember::before {
    content: "\f423";
}
.fa-empire::before {
    content: "\f1d1";
}
.fa-envelope::before {
    content: "\f0e0";
}
.fa-envelope-open::before {
    content: "\f2b6";
}
.fa-envelope-open-text::before {
    content: "\f658";
}
.fa-envelope-square::before {
    content: "\f199";
}
.fa-envira::before {
    content: "\f299";
}
.fa-equals::before {
    content: "\f52c";
}
.fa-eraser::before {
    content: "\f12d";
}
.fa-erlang::before {
    content: "\f39d";
}
.fa-ethereum::before {
    content: "\f42e";
}
.fa-ethernet::before {
    content: "\f796";
}
.fa-etsy::before {
    content: "\f2d7";
}
.fa-euro-sign::before {
    content: "\f153";
}
.fa-exchange-alt::before {
    content: "\f362";
}
.fa-exclamation::before {
    content: "\f12a";
}
.fa-exclamation-circle::before {
    content: "\f06a";
}
.fa-exclamation-triangle::before {
    content: "\f071";
}
.fa-expand::before {
    content: "\f065";
}
.fa-expand-arrows-alt::before {
    content: "\f31e";
}
.fa-expeditedssl::before {
    content: "\f23e";
}
.fa-external-link-alt::before {
    content: "\f35d";
}
.fa-external-link-square-alt::before {
    content: "\f360";
}
.fa-eye::before {
    content: "\f06e";
}
.fa-eye-dropper::before {
    content: "\f1fb";
}
.fa-eye-slash::before {
    content: "\f070";
}
.fa-facebook::before {
    content: "\f09a";
}
.fa-facebook-f::before {
    content: "\f39e";
}
.fa-facebook-messenger::before {
    content: "\f39f";
}
.fa-facebook-square::before {
    content: "\f082";
}
.fa-fantasy-flight-games::before {
    content: "\f6dc";
}
.fa-fast-backward::before {
    content: "\f049";
}
.fa-fast-forward::before {
    content: "\f050";
}
.fa-fax::before {
    content: "\f1ac";
}
.fa-feather::before {
    content: "\f52d";
}
.fa-feather-alt::before {
    content: "\f56b";
}
.fa-fedex::before {
    content: "\f797";
}
.fa-fedora::before {
    content: "\f798";
}
.fa-female::before {
    content: "\f182";
}
.fa-fighter-jet::before {
    content: "\f0fb";
}
.fa-figma::before {
    content: "\f799";
}
.fa-file::before {
    content: "\f15b";
}
.fa-file-alt::before {
    content: "\f15c";
}
.fa-file-archive::before {
    content: "\f1c6";
}
.fa-file-audio::before {
    content: "\f1c7";
}
.fa-file-code::before {
    content: "\f1c9";
}
.fa-file-contract::before {
    content: "\f56c";
}
.fa-file-csv::before {
    content: "\f6dd";
}
.fa-file-download::before {
    content: "\f56d";
}
.fa-file-excel::before {
    content: "\f1c3";
}
.fa-file-export::before {
    content: "\f56e";
}
.fa-file-image::before {
    content: "\f1c5";
}
.fa-file-import::before {
    content: "\f56f";
}
.fa-file-invoice::before {
    content: "\f570";
}
.fa-file-invoice-dollar::before {
    content: "\f571";
}
.fa-file-medical::before {
    content: "\f477";
}
.fa-file-medical-alt::before {
    content: "\f478";
}
.fa-file-pdf::before {
    content: "\f1c1";
}
.fa-file-powerpoint::before {
    content: "\f1c4";
}
.fa-file-prescription::before {
    content: "\f572";
}
.fa-file-signature::before {
    content: "\f573";
}
.fa-file-upload::before {
    content: "\f574";
}
.fa-file-video::before {
    content: "\f1c8";
}
.fa-file-word::before {
    content: "\f1c2";
}
.fa-fill::before {
    content: "\f575";
}
.fa-fill-drip::before {
    content: "\f576";
}
.fa-film::before {
    content: "\f008";
}
.fa-filter::before {
    content: "\f0b0";
}
.fa-fingerprint::before {
    content: "\f577";
}
.fa-fire::before {
    content: "\f06d";
}
.fa-fire-alt::before {
    content: "\f7e4";
}
.fa-fire-extinguisher::before {
    content: "\f134";
}
.fa-firefox::before {
    content: "\f269";
}
.fa-first-aid::before {
    content: "\f479";
}
.fa-first-order::before {
    content: "\f2b0";
}
.fa-first-order-alt::before {
    content: "\f50a";
}
.fa-firstdraft::before {
    content: "\f3a1";
}
.fa-fish::before {
    content: "\f578";
}
.fa-fist-raised::before {
    content: "\f6de";
}
.fa-flag::before {
    content: "\f024";
}
.fa-flag-checkered::before {
    content: "\f11e";
}
.fa-flag-usa::before {
    content: "\f74d";
}
.fa-flask::before {
    content: "\f0c3";
}
.fa-flickr::before {
    content: "\f16e";
}
.fa-flipboard::before {
    content: "\f44d";
}
.fa-flushed::before {
    content: "\f579";
}
.fa-fly::before {
    content: "\f417";
}
.fa-folder::before {
    content: "\f07b";
}
.fa-folder-minus::before {
    content: "\f65d";
}
.fa-folder-open::before {
    content: "\f07c";
}
.fa-folder-plus::before {
    content: "\f65e";
}
.fa-font::before {
    content: "\f031";
}
.fa-font-awesome::before {
    content: "\f2b4";
}
.fa-font-awesome-alt::before {
    content: "\f35c";
}
.fa-font-awesome-flag::before {
    content: "\f425";
}
.fa-font-awesome-logo-full::before {
    content: "\f4e6";
}
.fa-fonticons::before {
    content: "\f280";
}
.fa-fonticons-fi::before {
    content: "\f3a2";
}
.fa-football-ball::before {
    content: "\f44e";
}
.fa-fort-awesome::before {
    content: "\f286";
}
.fa-fort-awesome-alt::before {
    content: "\f3a3";
}
.fa-forumbee::before {
    content: "\f211";
}
.fa-forward::before {
    content: "\f04e";
}
.fa-foursquare::before {
    content: "\f180";
}
.fa-free-code-camp::before {
    content: "\f2c5";
}
.fa-freebsd::before {
    content: "\f3a4";
}
.fa-frog::before {
    content: "\f52e";
}
.fa-frown::before {
    content: "\f119";
}
.fa-frown-open::before {
    content: "\f57a";
}
.fa-fulcrum::before {
    content: "\f50b";
}
.fa-funnel-dollar::before {
    content: "\f662";
}
.fa-futbol::before {
    content: "\f1e3";
}
.fa-galactic-republic::before {
    content: "\f50c";
}
.fa-galactic-senate::before {
    content: "\f50d";
}
.fa-gamepad::before {
    content: "\f11b";
}
.fa-gas-pump::before {
    content: "\f52f";
}
.fa-gavel::before {
    content: "\f0e3";
}
.fa-gem::before {
    content: "\f3a5";
}
.fa-genderless::before {
    content: "\f22d";
}
.fa-get-pocket::before {
    content: "\f265";
}
.fa-gg::before {
    content: "\f260";
}
.fa-gg-circle::before {
    content: "\f261";
}
.fa-ghost::before {
    content: "\f6e2";
}
.fa-gift::before {
    content: "\f06b";
}
.fa-gifts::before {
    content: "\f79c";
}
.fa-git::before {
    content: "\f1d3";
}
.fa-git-square::before {
    content: "\f1d2";
}
.fa-github::before {
    content: "\f09b";
}
.fa-github-alt::before {
    content: "\f113";
}
.fa-github-square::before {
    content: "\f092";
}
.fa-gitkraken::before {
    content: "\f3a6";
}
.fa-gitlab::before {
    content: "\f296";
}
.fa-gitter::before {
    content: "\f426";
}
.fa-glass-cheers::before {
    content: "\f79f";
}
.fa-glass-martini::before {
    content: "\f000";
}
.fa-glass-martini-alt::before {
    content: "\f57b";
}
.fa-glass-whiskey::before {
    content: "\f7a0";
}
.fa-glasses::before {
    content: "\f530";
}
.fa-glide::before {
    content: "\f2a5";
}
.fa-glide-g::before {
    content: "\f2a6";
}
.fa-globe::before {
    content: "\f0ac";
}
.fa-globe-africa::before {
    content: "\f57c";
}
.fa-globe-americas::before {
    content: "\f57d";
}
.fa-globe-asia::before {
    content: "\f57e";
}
.fa-globe-europe::before {
    content: "\f7a2";
}
.fa-gofore::before {
    content: "\f3a7";
}
.fa-golf-ball::before {
    content: "\f450";
}
.fa-goodreads::before {
    content: "\f3a8";
}
.fa-goodreads-g::before {
    content: "\f3a9";
}
.fa-google::before {
    content: "\f1a0";
}
.fa-google-drive::before {
    content: "\f3aa";
}
.fa-google-play::before {
    content: "\f3ab";
}
.fa-google-plus::before {
    content: "\f2b3";
}
.fa-google-plus-g::before {
    content: "\f0d5";
}
.fa-google-plus-square::before {
    content: "\f0d4";
}
.fa-google-wallet::before {
    content: "\f1ee";
}
.fa-gopuram::before {
    content: "\f664";
}
.fa-graduation-cap::before {
    content: "\f19d";
}
.fa-gratipay::before {
    content: "\f184";
}
.fa-grav::before {
    content: "\f2d6";
}
.fa-greater-than::before {
    content: "\f531";
}
.fa-greater-than-equal::before {
    content: "\f532";
}
.fa-grimace::before {
    content: "\f57f";
}
.fa-grin::before {
    content: "\f580";
}
.fa-grin-alt::before {
    content: "\f581";
}
.fa-grin-beam::before {
    content: "\f582";
}
.fa-grin-beam-sweat::before {
    content: "\f583";
}
.fa-grin-hearts::before {
    content: "\f584";
}
.fa-grin-squint::before {
    content: "\f585";
}
.fa-grin-squint-tears::before {
    content: "\f586";
}
.fa-grin-stars::before {
    content: "\f587";
}
.fa-grin-tears::before {
    content: "\f588";
}
.fa-grin-tongue::before {
    content: "\f589";
}
.fa-grin-tongue-squint::before {
    content: "\f58a";
}
.fa-grin-tongue-wink::before {
    content: "\f58b";
}
.fa-grin-wink::before {
    content: "\f58c";
}
.fa-grip-horizontal::before {
    content: "\f58d";
}
.fa-grip-lines::before {
    content: "\f7a4";
}
.fa-grip-lines-vertical::before {
    content: "\f7a5";
}
.fa-grip-vertical::before {
    content: "\f58e";
}
.fa-gripfire::before {
    content: "\f3ac";
}
.fa-grunt::before {
    content: "\f3ad";
}
.fa-guitar::before {
    content: "\f7a6";
}
.fa-gulp::before {
    content: "\f3ae";
}
.fa-h-square::before {
    content: "\f0fd";
}
.fa-hacker-news::before {
    content: "\f1d4";
}
.fa-hacker-news-square::before {
    content: "\f3af";
}
.fa-hackerrank::before {
    content: "\f5f7";
}
.fa-hamburger::before {
    content: "\f805";
}
.fa-hammer::before {
    content: "\f6e3";
}
.fa-hamsa::before {
    content: "\f665";
}
.fa-hand-holding::before {
    content: "\f4bd";
}
.fa-hand-holding-heart::before {
    content: "\f4be";
}
.fa-hand-holding-usd::before {
    content: "\f4c0";
}
.fa-hand-lizard::before {
    content: "\f258";
}
.fa-hand-middle-finger::before {
    content: "\f806";
}
.fa-hand-paper::before {
    content: "\f256";
}
.fa-hand-peace::before {
    content: "\f25b";
}
.fa-hand-point-down::before {
    content: "\f0a7";
}
.fa-hand-point-left::before {
    content: "\f0a5";
}
.fa-hand-point-right::before {
    content: "\f0a4";
}
.fa-hand-point-up::before {
    content: "\f0a6";
}
.fa-hand-pointer::before {
    content: "\f25a";
}
.fa-hand-rock::before {
    content: "\f255";
}
.fa-hand-scissors::before {
    content: "\f257";
}
.fa-hand-spock::before {
    content: "\f259";
}
.fa-hands::before {
    content: "\f4c2";
}
.fa-hands-helping::before {
    content: "\f4c4";
}
.fa-handshake::before {
    content: "\f2b5";
}
.fa-hanukiah::before {
    content: "\f6e6";
}
.fa-hard-hat::before {
    content: "\f807";
}
.fa-hashtag::before {
    content: "\f292";
}
.fa-hat-wizard::before {
    content: "\f6e8";
}
.fa-haykal::before {
    content: "\f666";
}
.fa-hdd::before {
    content: "\f0a0";
}
.fa-heading::before {
    content: "\f1dc";
}
.fa-headphones::before {
    content: "\f025";
}
.fa-headphones-alt::before {
    content: "\f58f";
}
.fa-headset::before {
    content: "\f590";
}
.fa-heart::before {
    content: "\f004";
}
.fa-heart-broken::before {
    content: "\f7a9";
}
.fa-heartbeat::before {
    content: "\f21e";
}
.fa-helicopter::before {
    content: "\f533";
}
.fa-highlighter::before {
    content: "\f591";
}
.fa-hiking::before {
    content: "\f6ec";
}
.fa-hippo::before {
    content: "\f6ed";
}
.fa-hips::before {
    content: "\f452";
}
.fa-hire-a-helper::before {
    content: "\f3b0";
}
.fa-history::before {
    content: "\f1da";
}
.fa-hockey-puck::before {
    content: "\f453";
}
.fa-holly-berry::before {
    content: "\f7aa";
}
.fa-home::before {
    content: "\f015";
}
.fa-hooli::before {
    content: "\f427";
}
.fa-hornbill::before {
    content: "\f592";
}
.fa-horse::before {
    content: "\f6f0";
}
.fa-horse-head::before {
    content: "\f7ab";
}
.fa-hospital::before {
    content: "\f0f8";
}
.fa-hospital-alt::before {
    content: "\f47d";
}
.fa-hospital-symbol::before {
    content: "\f47e";
}
.fa-hot-tub::before {
    content: "\f593";
}
.fa-hotdog::before {
    content: "\f80f";
}
.fa-hotel::before {
    content: "\f594";
}
.fa-hotjar::before {
    content: "\f3b1";
}
.fa-hourglass::before {
    content: "\f254";
}
.fa-hourglass-end::before {
    content: "\f253";
}
.fa-hourglass-half::before {
    content: "\f252";
}
.fa-hourglass-start::before {
    content: "\f251";
}
.fa-house-damage::before {
    content: "\f6f1";
}
.fa-houzz::before {
    content: "\f27c";
}
.fa-hryvnia::before {
    content: "\f6f2";
}
.fa-html5::before {
    content: "\f13b";
}
.fa-hubspot::before {
    content: "\f3b2";
}
.fa-i-cursor::before {
    content: "\f246";
}
.fa-ice-cream::before {
    content: "\f810";
}
.fa-icicles::before {
    content: "\f7ad";
}
.fa-id-badge::before {
    content: "\f2c1";
}
.fa-id-card::before {
    content: "\f2c2";
}
.fa-id-card-alt::before {
    content: "\f47f";
}
.fa-igloo::before {
    content: "\f7ae";
}
.fa-image::before {
    content: "\f03e";
}
.fa-images::before {
    content: "\f302";
}
.fa-imdb::before {
    content: "\f2d8";
}
.fa-inbox::before {
    content: "\f01c";
}
.fa-indent::before {
    content: "\f03c";
}
.fa-industry::before {
    content: "\f275";
}
.fa-infinity::before {
    content: "\f534";
}
.fa-info::before {
    content: "\f129";
}
.fa-info-circle::before {
    content: "\f05a";
}
.fa-instagram::before {
    content: "\f16d";
}
.fa-intercom::before {
    content: "\f7af";
}
.fa-internet-explorer::before {
    content: "\f26b";
}
.fa-invision::before {
    content: "\f7b0";
}
.fa-ioxhost::before {
    content: "\f208";
}
.fa-italic::before {
    content: "\f033";
}
.fa-itunes::before {
    content: "\f3b4";
}
.fa-itunes-note::before {
    content: "\f3b5";
}
.fa-java::before {
    content: "\f4e4";
}
.fa-jedi::before {
    content: "\f669";
}
.fa-jedi-order::before {
    content: "\f50e";
}
.fa-jenkins::before {
    content: "\f3b6";
}
.fa-jira::before {
    content: "\f7b1";
}
.fa-joget::before {
    content: "\f3b7";
}
.fa-joint::before {
    content: "\f595";
}
.fa-joomla::before {
    content: "\f1aa";
}
.fa-journal-whills::before {
    content: "\f66a";
}
.fa-js::before {
    content: "\f3b8";
}
.fa-js-square::before {
    content: "\f3b9";
}
.fa-jsfiddle::before {
    content: "\f1cc";
}
.fa-kaaba::before {
    content: "\f66b";
}
.fa-kaggle::before {
    content: "\f5fa";
}
.fa-key::before {
    content: "\f084";
}
.fa-keybase::before {
    content: "\f4f5";
}
.fa-keyboard::before {
    content: "\f11c";
}
.fa-keycdn::before {
    content: "\f3ba";
}
.fa-khanda::before {
    content: "\f66d";
}
.fa-kickstarter::before {
    content: "\f3bb";
}
.fa-kickstarter-k::before {
    content: "\f3bc";
}
.fa-kiss::before {
    content: "\f596";
}
.fa-kiss-beam::before {
    content: "\f597";
}
.fa-kiss-wink-heart::before {
    content: "\f598";
}
.fa-kiwi-bird::before {
    content: "\f535";
}
.fa-korvue::before {
    content: "\f42f";
}
.fa-landmark::before {
    content: "\f66f";
}
.fa-language::before {
    content: "\f1ab";
}
.fa-laptop::before {
    content: "\f109";
}
.fa-laptop-code::before {
    content: "\f5fc";
}
.fa-laptop-medical::before {
    content: "\f812";
}
.fa-laravel::before {
    content: "\f3bd";
}
.fa-lastfm::before {
    content: "\f202";
}
.fa-lastfm-square::before {
    content: "\f203";
}
.fa-laugh::before {
    content: "\f599";
}
.fa-laugh-beam::before {
    content: "\f59a";
}
.fa-laugh-squint::before {
    content: "\f59b";
}
.fa-laugh-wink::before {
    content: "\f59c";
}
.fa-layer-group::before {
    content: "\f5fd";
}
.fa-leaf::before {
    content: "\f06c";
}
.fa-leanpub::before {
    content: "\f212";
}
.fa-lemon::before {
    content: "\f094";
}
.fa-less::before {
    content: "\f41d";
}
.fa-less-than::before {
    content: "\f536";
}
.fa-less-than-equal::before {
    content: "\f537";
}
.fa-level-down-alt::before {
    content: "\f3be";
}
.fa-level-up-alt::before {
    content: "\f3bf";
}
.fa-life-ring::before {
    content: "\f1cd";
}
.fa-lightbulb::before {
    content: "\f0eb";
}
.fa-line::before {
    content: "\f3c0";
}
.fa-link::before {
    content: "\f0c1";
}
.fa-linkedin::before {
    content: "\f08c";
}
.fa-linkedin-in::before {
    content: "\f0e1";
}
.fa-linode::before {
    content: "\f2b8";
}
.fa-linux::before {
    content: "\f17c";
}
.fa-lira-sign::before {
    content: "\f195";
}
.fa-list::before {
    content: "\f03a";
}
.fa-list-alt::before {
    content: "\f022";
}
.fa-list-ol::before {
    content: "\f0cb";
}
.fa-list-ul::before {
    content: "\f0ca";
}
.fa-location-arrow::before {
    content: "\f124";
}
.fa-lock::before {
    content: "\f023";
}
.fa-lock-open::before {
    content: "\f3c1";
}
.fa-long-arrow-alt-down::before {
    content: "\f309";
}
.fa-long-arrow-alt-left::before {
    content: "\f30a";
}
.fa-long-arrow-alt-right::before {
    content: "\f30b";
}
.fa-long-arrow-alt-up::before {
    content: "\f30c";
}
.fa-low-vision::before {
    content: "\f2a8";
}
.fa-luggage-cart::before {
    content: "\f59d";
}
.fa-lyft::before {
    content: "\f3c3";
}
.fa-magento::before {
    content: "\f3c4";
}
.fa-magic::before {
    content: "\f0d0";
}
.fa-magnet::before {
    content: "\f076";
}
.fa-mail-bulk::before {
    content: "\f674";
}
.fa-mailchimp::before {
    content: "\f59e";
}
.fa-male::before {
    content: "\f183";
}
.fa-mandalorian::before {
    content: "\f50f";
}
.fa-map::before {
    content: "\f279";
}
.fa-map-marked::before {
    content: "\f59f";
}
.fa-map-marked-alt::before {
    content: "\f5a0";
}
.fa-map-marker::before {
    content: "\f041";
}
.fa-map-marker-alt::before {
    content: "\f3c5";
}
.fa-map-pin::before {
    content: "\f276";
}
.fa-map-signs::before {
    content: "\f277";
}
.fa-markdown::before {
    content: "\f60f";
}
.fa-marker::before {
    content: "\f5a1";
}
.fa-mars::before {
    content: "\f222";
}
.fa-mars-double::before {
    content: "\f227";
}
.fa-mars-stroke::before {
    content: "\f229";
}
.fa-mars-stroke-h::before {
    content: "\f22b";
}
.fa-mars-stroke-v::before {
    content: "\f22a";
}
.fa-mask::before {
    content: "\f6fa";
}
.fa-mastodon::before {
    content: "\f4f6";
}
.fa-maxcdn::before {
    content: "\f136";
}
.fa-medal::before {
    content: "\f5a2";
}
.fa-medapps::before {
    content: "\f3c6";
}
.fa-medium::before {
    content: "\f23a";
}
.fa-medium-m::before {
    content: "\f3c7";
}
.fa-medkit::before {
    content: "\f0fa";
}
.fa-medrt::before {
    content: "\f3c8";
}
.fa-meetup::before {
    content: "\f2e0";
}
.fa-megaport::before {
    content: "\f5a3";
}
.fa-meh::before {
    content: "\f11a";
}
.fa-meh-blank::before {
    content: "\f5a4";
}
.fa-meh-rolling-eyes::before {
    content: "\f5a5";
}
.fa-memory::before {
    content: "\f538";
}
.fa-mendeley::before {
    content: "\f7b3";
}
.fa-menorah::before {
    content: "\f676";
}
.fa-mercury::before {
    content: "\f223";
}
.fa-meteor::before {
    content: "\f753";
}
.fa-microchip::before {
    content: "\f2db";
}
.fa-microphone::before {
    content: "\f130";
}
.fa-microphone-alt::before {
    content: "\f3c9";
}
.fa-microphone-alt-slash::before {
    content: "\f539";
}
.fa-microphone-slash::before {
    content: "\f131";
}
.fa-microscope::before {
    content: "\f610";
}
.fa-microsoft::before {
    content: "\f3ca";
}
.fa-minus::before {
    content: "\f068";
}
.fa-minus-circle::before {
    content: "\f056";
}
.fa-minus-square::before {
    content: "\f146";
}
.fa-mitten::before {
    content: "\f7b5";
}
.fa-mix::before {
    content: "\f3cb";
}
.fa-mixcloud::before {
    content: "\f289";
}
.fa-mizuni::before {
    content: "\f3cc";
}
.fa-mobile::before {
    content: "\f10b";
}
.fa-mobile-alt::before {
    content: "\f3cd";
}
.fa-modx::before {
    content: "\f285";
}
.fa-monero::before {
    content: "\f3d0";
}
.fa-money-bill::before {
    content: "\f0d6";
}
.fa-money-bill-alt::before {
    content: "\f3d1";
}
.fa-money-bill-wave::before {
    content: "\f53a";
}
.fa-money-bill-wave-alt::before {
    content: "\f53b";
}
.fa-money-check::before {
    content: "\f53c";
}
.fa-money-check-alt::before {
    content: "\f53d";
}
.fa-monument::before {
    content: "\f5a6";
}
.fa-moon::before {
    content: "\f186";
}
.fa-mortar-pestle::before {
    content: "\f5a7";
}
.fa-mosque::before {
    content: "\f678";
}
.fa-motorcycle::before {
    content: "\f21c";
}
.fa-mountain::before {
    content: "\f6fc";
}
.fa-mouse-pointer::before {
    content: "\f245";
}
.fa-mug-hot::before {
    content: "\f7b6";
}
.fa-music::before {
    content: "\f001";
}
.fa-napster::before {
    content: "\f3d2";
}
.fa-neos::before {
    content: "\f612";
}
.fa-network-wired::before {
    content: "\f6ff";
}
.fa-neuter::before {
    content: "\f22c";
}
.fa-newspaper::before {
    content: "\f1ea";
}
.fa-nimblr::before {
    content: "\f5a8";
}
.fa-nintendo-switch::before {
    content: "\f418";
}
.fa-node::before {
    content: "\f419";
}
.fa-node-js::before {
    content: "\f3d3";
}
.fa-not-equal::before {
    content: "\f53e";
}
.fa-notes-medical::before {
    content: "\f481";
}
.fa-npm::before {
    content: "\f3d4";
}
.fa-ns8::before {
    content: "\f3d5";
}
.fa-nutritionix::before {
    content: "\f3d6";
}
.fa-object-group::before {
    content: "\f247";
}
.fa-object-ungroup::before {
    content: "\f248";
}
.fa-odnoklassniki::before {
    content: "\f263";
}
.fa-odnoklassniki-square::before {
    content: "\f264";
}
.fa-oil-can::before {
    content: "\f613";
}
.fa-old-republic::before {
    content: "\f510";
}
.fa-om::before {
    content: "\f679";
}
.fa-opencart::before {
    content: "\f23d";
}
.fa-openid::before {
    content: "\f19b";
}
.fa-opera::before {
    content: "\f26a";
}
.fa-optin-monster::before {
    content: "\f23c";
}
.fa-osi::before {
    content: "\f41a";
}
.fa-otter::before {
    content: "\f700";
}
.fa-outdent::before {
    content: "\f03b";
}
.fa-page4::before {
    content: "\f3d7";
}
.fa-pagelines::before {
    content: "\f18c";
}
.fa-pager::before {
    content: "\f815";
}
.fa-paint-brush::before {
    content: "\f1fc";
}
.fa-paint-roller::before {
    content: "\f5aa";
}
.fa-palette::before {
    content: "\f53f";
}
.fa-palfed::before {
    content: "\f3d8";
}
.fa-pallet::before {
    content: "\f482";
}
.fa-paper-plane::before {
    content: "\f1d8";
}
.fa-paperclip::before {
    content: "\f0c6";
}
.fa-parachute-box::before {
    content: "\f4cd";
}
.fa-paragraph::before {
    content: "\f1dd";
}
.fa-parking::before {
    content: "\f540";
}
.fa-passport::before {
    content: "\f5ab";
}
.fa-pastafarianism::before {
    content: "\f67b";
}
.fa-paste::before {
    content: "\f0ea";
}
.fa-patreon::before {
    content: "\f3d9";
}
.fa-pause::before {
    content: "\f04c";
}
.fa-pause-circle::before {
    content: "\f28b";
}
.fa-paw::before {
    content: "\f1b0";
}
.fa-paypal::before {
    content: "\f1ed";
}
.fa-peace::before {
    content: "\f67c";
}
.fa-pen::before {
    content: "\f304";
}
.fa-pen-alt::before {
    content: "\f305";
}
.fa-pen-fancy::before {
    content: "\f5ac";
}
.fa-pen-nib::before {
    content: "\f5ad";
}
.fa-pen-square::before {
    content: "\f14b";
}
.fa-pencil-alt::before {
    content: "\f303";
}
.fa-pencil-ruler::before {
    content: "\f5ae";
}
.fa-penny-arcade::before {
    content: "\f704";
}
.fa-people-carry::before {
    content: "\f4ce";
}
.fa-pepper-hot::before {
    content: "\f816";
}
.fa-percent::before {
    content: "\f295";
}
.fa-percentage::before {
    content: "\f541";
}
.fa-periscope::before {
    content: "\f3da";
}
.fa-person-booth::before {
    content: "\f756";
}
.fa-phabricator::before {
    content: "\f3db";
}
.fa-phoenix-framework::before {
    content: "\f3dc";
}
.fa-phoenix-squadron::before {
    content: "\f511";
}
.fa-phone::before {
    content: "\f095";
}
.fa-phone-slash::before {
    content: "\f3dd";
}
.fa-phone-square::before {
    content: "\f098";
}
.fa-phone-volume::before {
    content: "\f2a0";
}
.fa-php::before {
    content: "\f457";
}
.fa-pied-piper::before {
    content: "\f2ae";
}
.fa-pied-piper-alt::before {
    content: "\f1a8";
}
.fa-pied-piper-hat::before {
    content: "\f4e5";
}
.fa-pied-piper-pp::before {
    content: "\f1a7";
}
.fa-piggy-bank::before {
    content: "\f4d3";
}
.fa-pills::before {
    content: "\f484";
}
.fa-pinterest::before {
    content: "\f0d2";
}
.fa-pinterest-p::before {
    content: "\f231";
}
.fa-pinterest-square::before {
    content: "\f0d3";
}
.fa-pizza-slice::before {
    content: "\f818";
}
.fa-place-of-worship::before {
    content: "\f67f";
}
.fa-plane::before {
    content: "\f072";
}
.fa-plane-arrival::before {
    content: "\f5af";
}
.fa-plane-departure::before {
    content: "\f5b0";
}
.fa-play::before {
    content: "\f04b";
}
.fa-play-circle::before {
    content: "\f144";
}
.fa-playstation::before {
    content: "\f3df";
}
.fa-plug::before {
    content: "\f1e6";
}
.fa-plus::before {
    content: "\f067";
}
.fa-plus-circle::before {
    content: "\f055";
}
.fa-plus-square::before {
    content: "\f0fe";
}
.fa-podcast::before {
    content: "\f2ce";
}
.fa-poll::before {
    content: "\f681";
}
.fa-poll-h::before {
    content: "\f682";
}
.fa-poo::before {
    content: "\f2fe";
}
.fa-poo-storm::before {
    content: "\f75a";
}
.fa-poop::before {
    content: "\f619";
}
.fa-portrait::before {
    content: "\f3e0";
}
.fa-pound-sign::before {
    content: "\f154";
}
.fa-power-off::before {
    content: "\f011";
}
.fa-pray::before {
    content: "\f683";
}
.fa-praying-hands::before {
    content: "\f684";
}
.fa-prescription::before {
    content: "\f5b1";
}
.fa-prescription-bottle::before {
    content: "\f485";
}
.fa-prescription-bottle-alt::before {
    content: "\f486";
}
.fa-print::before {
    content: "\f02f";
}
.fa-procedures::before {
    content: "\f487";
}
.fa-product-hunt::before {
    content: "\f288";
}
.fa-project-diagram::before {
    content: "\f542";
}
.fa-pushed::before {
    content: "\f3e1";
}
.fa-puzzle-piece::before {
    content: "\f12e";
}
.fa-python::before {
    content: "\f3e2";
}
.fa-qq::before {
    content: "\f1d6";
}
.fa-qrcode::before {
    content: "\f029";
}
.fa-question::before {
    content: "\f128";
}
.fa-question-circle::before {
    content: "\f059";
}
.fa-quidditch::before {
    content: "\f458";
}
.fa-quinscape::before {
    content: "\f459";
}
.fa-quora::before {
    content: "\f2c4";
}
.fa-quote-left::before {
    content: "\f10d";
}
.fa-quote-right::before {
    content: "\f10e";
}
.fa-quran::before {
    content: "\f687";
}
.fa-r-project::before {
    content: "\f4f7";
}
.fa-radiation::before {
    content: "\f7b9";
}
.fa-radiation-alt::before {
    content: "\f7ba";
}
.fa-rainbow::before {
    content: "\f75b";
}
.fa-random::before {
    content: "\f074";
}
.fa-raspberry-pi::before {
    content: "\f7bb";
}
.fa-ravelry::before {
    content: "\f2d9";
}
.fa-react::before {
    content: "\f41b";
}
.fa-reacteurope::before {
    content: "\f75d";
}
.fa-readme::before {
    content: "\f4d5";
}
.fa-rebel::before {
    content: "\f1d0";
}
.fa-receipt::before {
    content: "\f543";
}
.fa-recycle::before {
    content: "\f1b8";
}
.fa-red-river::before {
    content: "\f3e3";
}
.fa-reddit::before {
    content: "\f1a1";
}
.fa-reddit-alien::before {
    content: "\f281";
}
.fa-reddit-square::before {
    content: "\f1a2";
}
.fa-redhat::before {
    content: "\f7bc";
}
.fa-redo::before {
    content: "\f01e";
}
.fa-redo-alt::before {
    content: "\f2f9";
}
.fa-registered::before {
    content: "\f25d";
}
.fa-renren::before {
    content: "\f18b";
}
.fa-reply::before {
    content: "\f3e5";
}
.fa-reply-all::before {
    content: "\f122";
}
.fa-replyd::before {
    content: "\f3e6";
}
.fa-republican::before {
    content: "\f75e";
}
.fa-researchgate::before {
    content: "\f4f8";
}
.fa-resolving::before {
    content: "\f3e7";
}
.fa-restroom::before {
    content: "\f7bd";
}
.fa-retweet::before {
    content: "\f079";
}
.fa-rev::before {
    content: "\f5b2";
}
.fa-ribbon::before {
    content: "\f4d6";
}
.fa-ring::before {
    content: "\f70b";
}
.fa-road::before {
    content: "\f018";
}
.fa-robot::before {
    content: "\f544";
}
.fa-rocket::before {
    content: "\f135";
}
.fa-rocketchat::before {
    content: "\f3e8";
}
.fa-rockrms::before {
    content: "\f3e9";
}
.fa-route::before {
    content: "\f4d7";
}
.fa-rss::before {
    content: "\f09e";
}
.fa-rss-square::before {
    content: "\f143";
}
.fa-ruble-sign::before {
    content: "\f158";
}
.fa-ruler::before {
    content: "\f545";
}
.fa-ruler-combined::before {
    content: "\f546";
}
.fa-ruler-horizontal::before {
    content: "\f547";
}
.fa-ruler-vertical::before {
    content: "\f548";
}
.fa-running::before {
    content: "\f70c";
}
.fa-rupee-sign::before {
    content: "\f156";
}
.fa-sad-cry::before {
    content: "\f5b3";
}
.fa-sad-tear::before {
    content: "\f5b4";
}
.fa-safari::before {
    content: "\f267";
}
.fa-sass::before {
    content: "\f41e";
}
.fa-satellite::before {
    content: "\f7bf";
}
.fa-satellite-dish::before {
    content: "\f7c0";
}
.fa-save::before {
    content: "\f0c7";
}
.fa-schlix::before {
    content: "\f3ea";
}
.fa-school::before {
    content: "\f549";
}
.fa-screwdriver::before {
    content: "\f54a";
}
.fa-scribd::before {
    content: "\f28a";
}
.fa-scroll::before {
    content: "\f70e";
}
.fa-sd-card::before {
    content: "\f7c2";
}
.fa-search::before {
    content: "\f002";
}
.fa-search-dollar::before {
    content: "\f688";
}
.fa-search-location::before {
    content: "\f689";
}
.fa-search-minus::before {
    content: "\f010";
}
.fa-search-plus::before {
    content: "\f00e";
}
.fa-searchengin::before {
    content: "\f3eb";
}
.fa-seedling::before {
    content: "\f4d8";
}
.fa-sellcast::before {
    content: "\f2da";
}
.fa-sellsy::before {
    content: "\f213";
}
.fa-server::before {
    content: "\f233";
}
.fa-servicestack::before {
    content: "\f3ec";
}
.fa-shapes::before {
    content: "\f61f";
}
.fa-share::before {
    content: "\f064";
}
.fa-share-alt::before {
    content: "\f1e0";
}
.fa-share-alt-square::before {
    content: "\f1e1";
}
.fa-share-square::before {
    content: "\f14d";
}
.fa-shekel-sign::before {
    content: "\f20b";
}
.fa-shield-alt::before {
    content: "\f3ed";
}
.fa-ship::before {
    content: "\f21a";
}
.fa-shipping-fast::before {
    content: "\f48b";
}
.fa-shirtsinbulk::before {
    content: "\f214";
}
.fa-shoe-prints::before {
    content: "\f54b";
}
.fa-shopping-bag::before {
    content: "\f290";
}
.fa-shopping-basket::before {
    content: "\f291";
}
.fa-shopping-cart::before {
    content: "\f07a";
}
.fa-shopware::before {
    content: "\f5b5";
}
.fa-shower::before {
    content: "\f2cc";
}
.fa-shuttle-van::before {
    content: "\f5b6";
}
.fa-sign::before {
    content: "\f4d9";
}
.fa-sign-in-alt::before {
    content: "\f2f6";
}
.fa-sign-language::before {
    content: "\f2a7";
}
.fa-sign-out-alt::before {
    content: "\f2f5";
}
.fa-signal::before {
    content: "\f012";
}
.fa-signature::before {
    content: "\f5b7";
}
.fa-sim-card::before {
    content: "\f7c4";
}
.fa-simplybuilt::before {
    content: "\f215";
}
.fa-sistrix::before {
    content: "\f3ee";
}
.fa-sitemap::before {
    content: "\f0e8";
}
.fa-sith::before {
    content: "\f512";
}
.fa-skating::before {
    content: "\f7c5";
}
.fa-sketch::before {
    content: "\f7c6";
}
.fa-skiing::before {
    content: "\f7c9";
}
.fa-skiing-nordic::before {
    content: "\f7ca";
}
.fa-skull::before {
    content: "\f54c";
}
.fa-skull-crossbones::before {
    content: "\f714";
}
.fa-skyatlas::before {
    content: "\f216";
}
.fa-skype::before {
    content: "\f17e";
}
.fa-slack::before {
    content: "\f198";
}
.fa-slack-hash::before {
    content: "\f3ef";
}
.fa-slash::before {
    content: "\f715";
}
.fa-sleigh::before {
    content: "\f7cc";
}
.fa-sliders-h::before {
    content: "\f1de";
}
.fa-slideshare::before {
    content: "\f1e7";
}
.fa-smile::before {
    content: "\f118";
}
.fa-smile-beam::before {
    content: "\f5b8";
}
.fa-smile-wink::before {
    content: "\f4da";
}
.fa-smog::before {
    content: "\f75f";
}
.fa-smoking::before {
    content: "\f48d";
}
.fa-smoking-ban::before {
    content: "\f54d";
}
.fa-sms::before {
    content: "\f7cd";
}
.fa-snapchat::before {
    content: "\f2ab";
}
.fa-snapchat-ghost::before {
    content: "\f2ac";
}
.fa-snapchat-square::before {
    content: "\f2ad";
}
.fa-snowboarding::before {
    content: "\f7ce";
}
.fa-snowflake::before {
    content: "\f2dc";
}
.fa-snowman::before {
    content: "\f7d0";
}
.fa-snowplow::before {
    content: "\f7d2";
}
.fa-socks::before {
    content: "\f696";
}
.fa-solar-panel::before {
    content: "\f5ba";
}
.fa-sort::before {
    content: "\f0dc";
}
.fa-sort-alpha-down::before {
    content: "\f15d";
}
.fa-sort-alpha-up::before {
    content: "\f15e";
}
.fa-sort-amount-down::before {
    content: "\f160";
}
.fa-sort-amount-up::before {
    content: "\f161";
}
.fa-sort-down::before {
    content: "\f0dd";
}
.fa-sort-numeric-down::before {
    content: "\f162";
}
.fa-sort-numeric-up::before {
    content: "\f163";
}
.fa-sort-up::before {
    content: "\f0de";
}
.fa-soundcloud::before {
    content: "\f1be";
}
.fa-sourcetree::before {
    content: "\f7d3";
}
.fa-spa::before {
    content: "\f5bb";
}
.fa-space-shuttle::before {
    content: "\f197";
}
.fa-speakap::before {
    content: "\f3f3";
}
.fa-spider::before {
    content: "\f717";
}
.fa-spinner::before {
    content: "\f110";
}
.fa-splotch::before {
    content: "\f5bc";
}
.fa-spotify::before {
    content: "\f1bc";
}
.fa-spray-can::before {
    content: "\f5bd";
}
.fa-square::before {
    content: "\f0c8";
}
.fa-square-full::before {
    content: "\f45c";
}
.fa-square-root-alt::before {
    content: "\f698";
}
.fa-squarespace::before {
    content: "\f5be";
}
.fa-stack-exchange::before {
    content: "\f18d";
}
.fa-stack-overflow::before {
    content: "\f16c";
}
.fa-stamp::before {
    content: "\f5bf";
}
.fa-star::before {
    content: "\f005";
}
.fa-star-and-crescent::before {
    content: "\f699";
}
.fa-star-half::before {
    content: "\f089";
}
.fa-star-half-alt::before {
    content: "\f5c0";
}
.fa-star-of-david::before {
    content: "\f69a";
}
.fa-star-of-life::before {
    content: "\f621";
}
.fa-staylinked::before {
    content: "\f3f5";
}
.fa-steam::before {
    content: "\f1b6";
}
.fa-steam-square::before {
    content: "\f1b7";
}
.fa-steam-symbol::before {
    content: "\f3f6";
}
.fa-step-backward::before {
    content: "\f048";
}
.fa-step-forward::before {
    content: "\f051";
}
.fa-stethoscope::before {
    content: "\f0f1";
}
.fa-sticker-mule::before {
    content: "\f3f7";
}
.fa-sticky-note::before {
    content: "\f249";
}
.fa-stop::before {
    content: "\f04d";
}
.fa-stop-circle::before {
    content: "\f28d";
}
.fa-stopwatch::before {
    content: "\f2f2";
}
.fa-store::before {
    content: "\f54e";
}
.fa-store-alt::before {
    content: "\f54f";
}
.fa-strava::before {
    content: "\f428";
}
.fa-stream::before {
    content: "\f550";
}
.fa-street-view::before {
    content: "\f21d";
}
.fa-strikethrough::before {
    content: "\f0cc";
}
.fa-stripe::before {
    content: "\f429";
}
.fa-stripe-s::before {
    content: "\f42a";
}
.fa-stroopwafel::before {
    content: "\f551";
}
.fa-studiovinari::before {
    content: "\f3f8";
}
.fa-stumbleupon::before {
    content: "\f1a4";
}
.fa-stumbleupon-circle::before {
    content: "\f1a3";
}
.fa-subscript::before {
    content: "\f12c";
}
.fa-subway::before {
    content: "\f239";
}
.fa-suitcase::before {
    content: "\f0f2";
}
.fa-suitcase-rolling::before {
    content: "\f5c1";
}
.fa-sun::before {
    content: "\f185";
}
.fa-superpowers::before {
    content: "\f2dd";
}
.fa-superscript::before {
    content: "\f12b";
}
.fa-supple::before {
    content: "\f3f9";
}
.fa-surprise::before {
    content: "\f5c2";
}
.fa-suse::before {
    content: "\f7d6";
}
.fa-swatchbook::before {
    content: "\f5c3";
}
.fa-swimmer::before {
    content: "\f5c4";
}
.fa-swimming-pool::before {
    content: "\f5c5";
}
.fa-synagogue::before {
    content: "\f69b";
}
.fa-sync::before {
    content: "\f021";
}
.fa-sync-alt::before {
    content: "\f2f1";
}
.fa-syringe::before {
    content: "\f48e";
}
.fa-table::before {
    content: "\f0ce";
}
.fa-table-tennis::before {
    content: "\f45d";
}
.fa-tablet::before {
    content: "\f10a";
}
.fa-tablet-alt::before {
    content: "\f3fa";
}
.fa-tablets::before {
    content: "\f490";
}
.fa-tachometer-alt::before {
    content: "\f3fd";
}
.fa-tag::before {
    content: "\f02b";
}
.fa-tags::before {
    content: "\f02c";
}
.fa-tape::before {
    content: "\f4db";
}
.fa-tasks::before {
    content: "\f0ae";
}
.fa-taxi::before {
    content: "\f1ba";
}
.fa-teamspeak::before {
    content: "\f4f9";
}
.fa-teeth::before {
    content: "\f62e";
}
.fa-teeth-open::before {
    content: "\f62f";
}
.fa-telegram::before {
    content: "\f2c6";
}
.fa-telegram-plane::before {
    content: "\f3fe";
}
.fa-temperature-high::before {
    content: "\f769";
}
.fa-temperature-low::before {
    content: "\f76b";
}
.fa-tencent-weibo::before {
    content: "\f1d5";
}
.fa-tenge::before {
    content: "\f7d7";
}
.fa-terminal::before {
    content: "\f120";
}
.fa-text-height::before {
    content: "\f034";
}
.fa-text-width::before {
    content: "\f035";
}
.fa-th::before {
    content: "\f00a";
}
.fa-th-large::before {
    content: "\f009";
}
.fa-th-list::before {
    content: "\f00b";
}
.fa-the-red-yeti::before {
    content: "\f69d";
}
.fa-theater-masks::before {
    content: "\f630";
}
.fa-themeco::before {
    content: "\f5c6";
}
.fa-themeisle::before {
    content: "\f2b2";
}
.fa-thermometer::before {
    content: "\f491";
}
.fa-thermometer-empty::before {
    content: "\f2cb";
}
.fa-thermometer-full::before {
    content: "\f2c7";
}
.fa-thermometer-half::before {
    content: "\f2c9";
}
.fa-thermometer-quarter::before {
    content: "\f2ca";
}
.fa-thermometer-three-quarters::before {
    content: "\f2c8";
}
.fa-think-peaks::before {
    content: "\f731";
}
.fa-thumbs-down::before {
    content: "\f165";
}
.fa-thumbs-up::before {
    content: "\f164";
}
.fa-thumbtack::before {
    content: "\f08d";
}
.fa-ticket-alt::before {
    content: "\f3ff";
}
.fa-times::before {
    content: "\f00d";
}
.fa-times-circle::before {
    content: "\f057";
}
.fa-tint::before {
    content: "\f043";
}
.fa-tint-slash::before {
    content: "\f5c7";
}
.fa-tired::before {
    content: "\f5c8";
}
.fa-toggle-off::before {
    content: "\f204";
}
.fa-toggle-on::before {
    content: "\f205";
}
.fa-toilet::before {
    content: "\f7d8";
}
.fa-toilet-paper::before {
    content: "\f71e";
}
.fa-toolbox::before {
    content: "\f552";
}
.fa-tools::before {
    content: "\f7d9";
}
.fa-tooth::before {
    content: "\f5c9";
}
.fa-torah::before {
    content: "\f6a0";
}
.fa-torii-gate::before {
    content: "\f6a1";
}
.fa-tractor::before {
    content: "\f722";
}
.fa-trade-federation::before {
    content: "\f513";
}
.fa-trademark::before {
    content: "\f25c";
}
.fa-traffic-light::before {
    content: "\f637";
}
.fa-train::before {
    content: "\f238";
}
.fa-tram::before {
    content: "\f7da";
}
.fa-transgender::before {
    content: "\f224";
}
.fa-transgender-alt::before {
    content: "\f225";
}
.fa-trash::before {
    content: "\f1f8";
}
.fa-trash-alt::before {
    content: "\f2ed";
}
.fa-trash-restore::before {
    content: "\f829";
}
.fa-trash-restore-alt::before {
    content: "\f82a";
}
.fa-tree::before {
    content: "\f1bb";
}
.fa-trello::before {
    content: "\f181";
}
.fa-tripadvisor::before {
    content: "\f262";
}
.fa-trophy::before {
    content: "\f091";
}
.fa-truck::before {
    content: "\f0d1";
}
.fa-truck-loading::before {
    content: "\f4de";
}
.fa-truck-monster::before {
    content: "\f63b";
}
.fa-truck-moving::before {
    content: "\f4df";
}
.fa-truck-pickup::before {
    content: "\f63c";
}
.fa-tshirt::before {
    content: "\f553";
}
.fa-tty::before {
    content: "\f1e4";
}
.fa-tumblr::before {
    content: "\f173";
}
.fa-tumblr-square::before {
    content: "\f174";
}
.fa-tv::before {
    content: "\f26c";
}
.fa-twitch::before {
    content: "\f1e8";
}
.fa-twitter::before {
    content: "\f099";
}
.fa-twitter-square::before {
    content: "\f081";
}
.fa-typo3::before {
    content: "\f42b";
}
.fa-uber::before {
    content: "\f402";
}
.fa-ubuntu::before {
    content: "\f7df";
}
.fa-uikit::before {
    content: "\f403";
}
.fa-umbrella::before {
    content: "\f0e9";
}
.fa-umbrella-beach::before {
    content: "\f5ca";
}
.fa-underline::before {
    content: "\f0cd";
}
.fa-undo::before {
    content: "\f0e2";
}
.fa-undo-alt::before {
    content: "\f2ea";
}
.fa-uniregistry::before {
    content: "\f404";
}
.fa-universal-access::before {
    content: "\f29a";
}
.fa-university::before {
    content: "\f19c";
}
.fa-unlink::before {
    content: "\f127";
}
.fa-unlock::before {
    content: "\f09c";
}
.fa-unlock-alt::before {
    content: "\f13e";
}
.fa-untappd::before {
    content: "\f405";
}
.fa-upload::before {
    content: "\f093";
}
.fa-ups::before {
    content: "\f7e0";
}
.fa-usb::before {
    content: "\f287";
}
.fa-user::before {
    content: "\f007";
}
.fa-user-alt::before {
    content: "\f406";
}
.fa-user-alt-slash::before {
    content: "\f4fa";
}
.fa-user-astronaut::before {
    content: "\f4fb";
}
.fa-user-check::before {
    content: "\f4fc";
}
.fa-user-circle::before {
    content: "\f2bd";
}
.fa-user-clock::before {
    content: "\f4fd";
}
.fa-user-cog::before {
    content: "\f4fe";
}
.fa-user-edit::before {
    content: "\f4ff";
}
.fa-user-friends::before {
    content: "\f500";
}
.fa-user-graduate::before {
    content: "\f501";
}
.fa-user-injured::before {
    content: "\f728";
}
.fa-user-lock::before {
    content: "\f502";
}
.fa-user-md::before {
    content: "\f0f0";
}
.fa-user-minus::before {
    content: "\f503";
}
.fa-user-ninja::before {
    content: "\f504";
}
.fa-user-nurse::before {
    content: "\f82f";
}
.fa-user-plus::before {
    content: "\f234";
}
.fa-user-secret::before {
    content: "\f21b";
}
.fa-user-shield::before {
    content: "\f505";
}
.fa-user-slash::before {
    content: "\f506";
}
.fa-user-tag::before {
    content: "\f507";
}
.fa-user-tie::before {
    content: "\f508";
}
.fa-user-times::before {
    content: "\f235";
}
.fa-users::before {
    content: "\f0c0";
}
.fa-users-cog::before {
    content: "\f509";
}
.fa-usps::before {
    content: "\f7e1";
}
.fa-ussunnah::before {
    content: "\f407";
}
.fa-utensil-spoon::before {
    content: "\f2e5";
}
.fa-utensils::before {
    content: "\f2e7";
}
.fa-vaadin::before {
    content: "\f408";
}
.fa-vector-square::before {
    content: "\f5cb";
}
.fa-venus::before {
    content: "\f221";
}
.fa-venus-double::before {
    content: "\f226";
}
.fa-venus-mars::before {
    content: "\f228";
}
.fa-viacoin::before {
    content: "\f237";
}
.fa-viadeo::before {
    content: "\f2a9";
}
.fa-viadeo-square::before {
    content: "\f2aa";
}
.fa-vial::before {
    content: "\f492";
}
.fa-vials::before {
    content: "\f493";
}
.fa-viber::before {
    content: "\f409";
}
.fa-video::before {
    content: "\f03d";
}
.fa-video-slash::before {
    content: "\f4e2";
}
.fa-vihara::before {
    content: "\f6a7";
}
.fa-vimeo::before {
    content: "\f40a";
}
.fa-vimeo-square::before {
    content: "\f194";
}
.fa-vimeo-v::before {
    content: "\f27d";
}
.fa-vine::before {
    content: "\f1ca";
}
.fa-vk::before {
    content: "\f189";
}
.fa-vnv::before {
    content: "\f40b";
}
.fa-volleyball-ball::before {
    content: "\f45f";
}
.fa-volume-down::before {
    content: "\f027";
}
.fa-volume-mute::before {
    content: "\f6a9";
}
.fa-volume-off::before {
    content: "\f026";
}
.fa-volume-up::before {
    content: "\f028";
}
.fa-vote-yea::before {
    content: "\f772";
}
.fa-vr-cardboard::before {
    content: "\f729";
}
.fa-vuejs::before {
    content: "\f41f";
}
.fa-walking::before {
    content: "\f554";
}
.fa-wallet::before {
    content: "\f555";
}
.fa-warehouse::before {
    content: "\f494";
}
.fa-water::before {
    content: "\f773";
}
 
.fa-weight::before {
    content: "\f496";
}
.fa-weight-hanging::before {
    content: "\f5cd";
}
 
.fa-whatsapp::before {
    content: "\f232";
}
.fa-whatsapp-square::before {
    content: "\f40c";
}
.fa-wheelchair::before {
    content: "\f193";
}
 
.fa-wifi::before {
    content: "\f1eb";
}
.fa-wikipedia-w::before {
    content: "\f266";
}
.fa-wind::before {
    content: "\f72e";
}
.fa-window-close::before {
    content: "\f410";
}
.fa-window-maximize::before {
    content: "\f2d0";
}
.fa-window-minimize::before {
    content: "\f2d1";
}
.fa-window-restore::before {
    content: "\f2d2";
}
.fa-windows::before {
    content: "\f17a";
}
 
.fa-wrench::before {
    content: "\f0ad";
}
 
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track::after, .slick-track::before {
    display: table;
    content: '';
}
.slick-track::after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir=rtl] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff url(images/ajax-loader.gif) center center no-repeat;
}
.slick-next, .slick-prev {
    font-family: nmfont;
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}
.slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before {
    opacity: 1;
}
.slick-next.slick-disabled::before, .slick-prev.slick-disabled::before {
    opacity: .25;
}
.slick-next::before, .slick-prev::before {
    opacity: .75;
    color: #fff;
}
.slick-prev {
    left: 25px;
}
[dir=rtl] .slick-prev {
    right: 25px;
    left: auto;
}
.slick-prev::before {
    content: '\f053';
}
.slick-next::before, [dir=rtl] .slick-prev::before {
    content: '\f054';
}
.slick-next {
    right: 25px;
}
[dir=rtl] .slick-next {
    right: auto;
    left: 25px;
}
[dir=rtl] .slick-next::before {
    content: '\f053';
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    bottom: 25px;
    width: 100%;
    margin: 0;
}
.slick-dots ul {
    list-style: none!important;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}
.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0;
}
.slick-dots li button:focus::before, .slick-dots li button:hover::before {
    opacity: 1;
}
.slick-dots li button::before {
    font-size: 1rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
}
.slick-dots li.slick-active button::before {
    opacity: .75;
    color: #000;
}
.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.9;
    display: none;
    z-index: 6035;
}
.sl-wrapper {
    z-index: 6040;
}
.sl-wrapper * {
    box-sizing: border-box;
}
.sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer;
}
.sl-wrapper button:hover {
    opacity: 0.7;
}
.sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #fff;
    font-size: 3rem;
}
.sl-wrapper .sl-close:focus {
    outline: none;
}
.sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 6060;
    color: #fff;
    font-size: 1rem;
}
.sl-wrapper .sl-navigation {
    width: 100%;
    display: none;
}
.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    height: 44px;
    width: 22px;
    line-height: 44px;
    text-align: center;
    display: block;
    z-index: 10060;
    font-family: Arial, Baskerville, monospace;
    color: #fff;
}
.sl-wrapper .sl-navigation button.sl-next {
    right: 5px;
    font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
    left: 5px;
    font-size: 2rem;
}
.sl-wrapper .sl-navigation button:focus {
    outline: none;
}
@media (min-width: 35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px;
}
    .sl-wrapper .sl-navigation button.sl-next {
        right: 10px;
        font-size: 3rem;
}
    .sl-wrapper .sl-navigation button.sl-prev {
        left: 10px;
        font-size: 3rem;
}
}
@media (min-width: 50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px;
}
    .sl-wrapper .sl-navigation button.sl-next {
        right: 20px;
        font-size: 3rem;
}
    .sl-wrapper .sl-navigation button.sl-prev {
        left: 20px;
        font-size: 3rem;
}
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr;
}
.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000;
}
.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0 none;
    width: 100%;
    height: auto;
}
@media (min-width: 35.5em) {
    .sl-wrapper .sl-image img {
        border: 0 none;
}
}
@media (min-width: 50em) {
    .sl-wrapper .sl-image img {
        border: 0 none;
}
}
.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0 none;
}
@media (min-width: 35.5em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none;
}
}
@media (min-width: 50em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none;
}
}
.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    z-index: 6060;
}
.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 6007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.sl-transition {
    transition: -moz-transform ease 200ms;
    transition: -ms-transform ease 200ms;
    transition: -o-transform ease 200ms;
    transition: -webkit-transform ease 200ms;
    transition: transform ease 200ms;
}
@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
}
    50% {
        opacity: 1;
}
    100% {
        transform: scale(1.2);
        opacity: 0;
}
}
@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
}
    50% {
        opacity: 1;
}
    100% {
        transform: scale(1.2);
        opacity: 0;
}
}
@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
}
    50% {
        opacity: 1;
}
    100% {
        transform: scale(1.2);
        opacity: 0;
}
}
@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
}
    50% {
        opacity: 1;
}
    100% {
        transform: scale(1.2);
        opacity: 0;
}
}
@-ms-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
}
    50% {
        opacity: 1;
}
    100% {
        transform: scale(1.2);
        opacity: 0;
}
}

    /* Waves Animation start*/
      
    .hero_wrap {
        position: absolute;bottom:0;left:0;z-index:1000;width:100%;border:1px solid transparent;
        height: 100vh;
         
    }
    .hero_area {
        position: relative;
        height: 100vh;
        background-color: transparent;
    }
    .waves {
        position: absolute;
        width: 100%;
        height: 15vh;
        min-height: 100px;
        max-height: 150px;
        bottom: 0;
        left: 0;
    }
    
    .parallax>use {
        animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
    }
    
    .parallax>use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
    }
    
    .parallax>use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
    }
    
    .parallax>use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
    }
    
    .parallax>use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
    }
    
    @keyframes move-forever {
        0% {
            transform: translate3d(-90px, 0, 0);
        }
    
        100% {
            transform: translate3d(85px, 0, 0);
        }
    }
    
    
    /*Shrinking for mobile*/
    
    @media (max-width: 768px) {
        .waves {
            height: 40px;
            min-height: 40px;
        }
    }
    
    /* Waves Animation end*/
    
     
  .close-x {
   position: absolute;
   top: 10px;z-index:100;
   right: 10px;
   font-size: 20px;
   cursor: pointer;color:#666;
 }
 .close-x:hover {
  color:#900000;
 }
 .beigebg {background:#9C918B}
 .beigelitebg {background:#E0E1CA}
  
 
.teshold {
position: relative;
overflow: hidden;min-height:300px
}

.testimonial {

display: none;
opacity: 0;

}

.testimonial:first-child {
display: block;
opacity: 1;
animation: slideIn 1s forwards;
}

@keyframes slideIn {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

@keyframes slideOut {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}


.zl1 {
    z-index: 10;
}
.zl2 {
    z-index: 20;
}
.zl3 {
    z-index: 30;
}
.zl-1 {
    z-index: -1;
}
.zl-2 {
    z-index: -2;
}
.zl-3 {
    z-index: -3;
}
.z1 {
    z-index: 100!important;
}
.z2 {
    z-index: 500!important;
}
.z3 {
    z-index: 1000!important;
}
.z4 {
    z-index: 1500!important;
}



@media only screen and (max-width: 1680px) {
    .group, .groupless {  width: 86vw; }
    .hmimg {    height: 300px; }
    .hmimg img {   max-width: 140%;    height: auto; }
 
}


@media only screen and (max-width: 1490px) {
    .group, .groupless {    width: 86vw; }
    .hmimg {     height: 300px; }
    .hmimg img {   max-width: 140%;   height: auto; }
 
}


@media only screen and (max-width: 1280px) {
    .group, .groupless {   width: 86vw; }
    .hmimg {  height: 300px; }
    .hmimg img {   max-width: 140%;  height: auto; }
 
}


@media (max-width: 1200px) {
    .group, .groupless {  width: 90vw; }
    .hmimg {    height: 300px; }
    .hmimg img {  max-width: 140%;  height: auto; }
    .tx2{font-size:1.8rem}
    .tx3{font-size:2rem}
    .tx4{font-size:3rem}
    .tx5{font-size:4rem}
    .tx6{font-size:5rem}
    .tx7{font-size:7rem}
    .tx8{font-size:6rem}
    .tx9{font-size:7rem}
    .tx10{font-size:8rem}
}
@media (max-width: 1024px) {
    header {  height: 100px;  position: fixed; }
    #logo {    width: 260px;  top: 5px; }
    .group, .groupless {    max-width: 96vw; }
    #welcome h1 {   font-size: 3.4rem; }
    .fx10, .fx16, .fx20, .fx25, .fx33, .w10, .w16, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w48, .w50, .wm16, .wm20, .wm25, .wm33, .wm50, .wmin, .wmmin, .wmp16, .wmp20, .wmp25, .wmp33, .wmp50, .wmpmin {   width: 48%; }
    .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90, .w95, .w98, .w99, .wm75, .wm99, .wmp75, .wmp99, [class*="_wyd"] {  width: 98%; }
    [class*="_s20"] { width: 18%; }
    [class*="_s25"] { width: 23%; }
    [class*="_s33"] {  width: 32%; }
    [class*="_s50"] {  width: 48%; }
    [class*="_s65"] {  width: 63%; }

    .tx2{font-size:1.8rem}
    .tx3{font-size:2rem}
    .tx4{font-size:3rem}
    .tx5{font-size:4rem}
    .tx6{font-size:5rem}
    .tx7{font-size:7rem}
    .tx8{font-size:6rem}
    .tx9{font-size:7rem}
    .tx10{font-size:8rem}




    .flex {   flex-direction: row;   flex-flow: wrap; }
    .big {   font-size: 110%; }
    .kon, .welcont {   width: 100%; }
    .welprevs .w50 {
        width: 32%;
}
    .galgroup .w25, .managers .w25 {
        width: 32%;
}
    .galgroup .w25 img, .managers .w25 img {
        width: 130%;
}
    .managers .h240 {
        height: 270px;
}
    .pitem, .tx h2 {
        font-size: 3rem;
}
    .ghost {
        display: none;
}
    .undead {
        display: block;
}
    .hmimg {
        height: 300px;
}
    .hmimg img {
        max-width: 180%;
        height: auto;
}
}
@media (max-width: 900px) {
    .group, .groupless {
        width: 96vw;
}
    header {
        height: 100px;
        position: fixed;
}
    #logo {
        width: 260px;
        top: 5px;
}
    #welcome h1 {
        font-size: 3rem;
}
    .fx10, .fx16, .fx20, .fx25, .fx33, .w10, .w16, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w48, .w50, .wm16, .wm20, .wm25, .wm33, .wm50, .wmin, .wmmin, .wmp16, .wmp20, .wmp25, .wmp33, .wmp50, .wmpmin {
        width: 48%;
}
    .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90, .w95, .w98, .w99, .wm75, .wm99, .wmp75, .wmp99, [class*="_wyd"] {
        width: 98%;
}
    .flex {
        flex-direction: row;
        flex-flow: wrap;
}
    [class*="_s20"] {
        width: 18%;
}
    [class*="_s25"] {
        width: 23%;
}
    [class*="_s33"] {
        width: 32%;
}
    [class*="_s50"] {
        width: 48%;
}
    [class*="_s65"] {
        width: 63%;
}
    .jso, .sliderbox {
        width: 900px;
        height: 343px;
}
    .big {
        font-size: 110%;
}
  
.ghost {display: none;}
.undead {display: block;}
.hmimg {height: 440px;}
.hmimg img {max-width: 380%; height: auto;}
#menu {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
#navwrap {   min-width: 320px; max-width: 320px;   width: 320px;  top: 60px;  right: -5px;   height: 100vh; background: url(images/dw.png);  -moz-transform: scale(0);   -webkit-transform: scale(0);    -o-transform: scale(0);  transform: scale(0);   opacity: 0; }
.nav {     margin: 10px 4px 10px 5px;      max-width: 320px;    height: 100vh; }
.nav ul {    width: 320px;   float: left; }
.nav li a:hover, .nav li.thispage a {  color: #fff; }

.nav li a {    display: block;    max-width: 100%;    color: #666;     font-weight: 700;    padding: 3px 6px 3px 20px; }
.nav li ul {  position: relative;
    clear: both;     -webkit-box-shadow: 0 0 0 0 transparent;   -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;     top: 0; }
.nav li ul li a {  color: #666; }
.nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a, .nav li.thispage a { background: #155164; color: #fff; }
.nav li ul li a:hover { color: #333;   border: none;  border-left: 4px solid #155164; background: #f1f1f1; }
.gdot ul,  .cols, .cols2 {      -moz-column-count: 1;        -moz-column-fill: auto;   -webkit-column-count: 1;   -webkit-column-fill: auto;  column-count: 1;   column-fill: auto;    min-height: 1px; }
.floater,  .pinnow {  width:90%; }


}
@media (max-width: 800px) { 
    header {   height: 80px;
        position: fixed; }
    #logo {   width: 160px; }
    .group, .groupless {   width: 96vw; }

    .fx10, .fx16, .fx20, .fx25, .fx33, .w10, .w16, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w48, .w50, .wm16, .wm20, .wm25, .wm33, .wm50, .wmin, .wmmin, .wmp16, .wmp20, .wmp25, .wmp33, .wmp50, .wmpmin {  width: 48%; }
    .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90, .w95, .w98, .w99, .wm75, .wm99, .wmp75, .wmp99, [class*="_wyd"] {   width: 98%; }
    .flex { flex-direction: row;  flex-flow: wrap; }
    [class*="_s20"] {   width: 18%; }
    [class*="_s25"] {   width: 23%; }
    [class*="_s33"] {   width: 32%; }
    [class*="_s50"] {  width: 48%; }
    [class*="_s65"] {  width: 63%; }
 
    .fi6,.fip6, .fi5,.fip5,    .fi4,.fip4,  .fi3,.fip3,    .fi2,.fip2 { flex: 0 0 98%} 
    .fi6-rem,.fip6-rem,  .fi5-rem,.fip5-rem,  .fi4-rem,.fip4-rem,    .fi3-rem,.fip3-rem,  .fi2-rem,.fip2-rem {  flex: 0 0 48%;} 

    .bdcurv {-webkit-border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% ;-moz-border-radius: 100% 0% 100% 0% / 8% 0% 8% 0% ;border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% } 

   

.ghost {display: none;}
.undead {display: block;}
.hmimg {height: 440px;}
.hmimg img {max-width: 380%; height: auto;}
#menu {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
#navwrap {   min-width: 320px; max-width: 320px;   width: 320px;  top: 60px;  right: -5px;   height: 100vh; background: url(images/dw.png);  -moz-transform: scale(0);   -webkit-transform: scale(0);    -o-transform: scale(0);  transform: scale(0);   opacity: 0; }
.nav {     margin: 10px 4px 10px 5px;      max-width: 320px;    height: 100vh; }
.nav ul {    width: 320px;   float: left; }
.nav li a:hover, .nav li.thispage a {  color: #fff; } 
.nav li a {    display: block;    max-width: 100%;    color: #666;     font-weight: 700;    padding: 3px 6px 3px 20px; }
.nav li ul {  position: relative;
    clear: both;     -webkit-box-shadow: 0 0 0 0 transparent;   -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;     top: 0; }
.nav li ul li a {  color: #666; }
.nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a, .nav li.thispage a { background: #155164; color: #fff; }
.nav li ul li a:hover { color: #333;   border: none;  border-left: 4px solid #155164; background: #f1f1f1; }
.gdot ul,  .cols, .cols2 {      -moz-column-count: 1;        -moz-column-fill: auto;   -webkit-column-count: 1;   -webkit-column-fill: auto;  column-count: 1;   column-fill: auto;    min-height: 1px; }
.privacy, .floater,  .pinnow {  width:90%; }


}
@media (max-width: 768px) {
    header {  height: 80px;  position: fixed; }
    #logo {   width: 160px; }
    .group, .groupless {   width: 96vw; }
    .fx10, .fx16, .fx20, .fx25, .fx33, .w10, .w16, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w48, .w50, .wm16, .wm20, .wm25, .wm33, .wm50, .wmin, .wmmin, .wmp16, .wmp20, .wmp25, .wmp33, .wmp50, .wmpmin {   width: 48%; }
    .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90, .w95, .w98, .w99, .wm75, .wm99, .wmp75, .wmp99, [class*="_wyd"] {  width: 98%; }
    [class*="_s20"] {  width: 18%; }
    [class*="_s25"] {   width: 23%; }
    [class*="_s33"] {  width: 32%; }
    [class*="_s50"] { width: 48%; }
    [class*="_s65"] {   width: 63%; }
    .flex {    flex-direction: row ;  flex-flow: wrap; }
    .fi6,.fip6, .fi5,.fip5,    .fi4,.fip4,  .fi3,.fip3,    .fi2,.fip2 { flex: 0 0 98%} 
    .fi6-rem,.fip6-rem,  .fi5-rem,.fip5-rem,  .fi4-rem,.fip4-rem,    .fi3-rem,.fip3-rem,  .fi2-rem,.fip2-rem {  flex: 0 0 48%;} 
    button.wmin {width:33%}    
    .bdcurv {-webkit-border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% ;-moz-border-radius: 100% 0% 100% 0% / 8% 0% 8% 0% ;border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% } 

 

.ghost {display: none;}
.undead {display: block;}
.hmimg {height: 440px;}
.hmimg img {max-width: 380%; height: auto;}
#menu {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
#navwrap {   min-width: 320px; max-width: 320px;   width: 320px;  top: 60px;  right: -5px;   height: 100vh; background: url(images/dw.png);  -moz-transform: scale(0);   -webkit-transform: scale(0);    -o-transform: scale(0);  transform: scale(0);   opacity: 0; }
.nav {     margin: 10px 4px 10px 5px;      max-width: 320px;    height: 100vh; }
.nav ul {    width: 320px;   float: left; }
.nav li a:hover, .nav li.thispage a {  color: #fff; } 
.nav li a {    display: block;    max-width: 100%;    color: #666;     font-weight: 700;    padding: 3px 6px 3px 20px; }
.nav li ul {  position: relative;
    clear: both;     -webkit-box-shadow: 0 0 0 0 transparent;   -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;     top: 0; }
.nav li ul li a {  color: #666; }
.nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a, .nav li.thispage a { background: #155164; color: #fff; }
.nav li ul li a:hover { color: #333;   border: none;  border-left: 4px solid #155164; background: #f1f1f1; }
.gdot ul,  .cols, .cols2 {      -moz-column-count: 1;        -moz-column-fill: auto;   -webkit-column-count: 1;   -webkit-column-fill: auto;  column-count: 1;   column-fill: auto;    min-height: 1px; }
.privacy, .floater,  .pinnow {  width:90%; }



}


@media (max-width: 750px) {
    header { height: 80px;  position: fixed; }
    #logo {   width: 160px; }
    .group, .groupless {  width: 96vw; }

.fx10, .fx16, .fx20, .fx25, .fx33, 
.wmin, .w10, .w16, .w20, .w25,  .w33, .w35, .w40, .w45,  .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90,  .w99, 
.wpmin, .wp10, .wp16, .wp20, .wp25,  .wp33, .wp35, .wp40, .wp45,  .wp50, .wp55, .wp60, .wp65, .wp70, .wp75, .wp80, .wp85, .wp90,  .wp99, 
.wmmin, .wm10, .wm16, .wm20, .wm25,   .wm33, .wm35, .wm40, .wm45,  .wm50, .wm55, .wm60, .wm65, .wm70, .wm75, .wm80, .wm85, .wm90,  .wm99, 
.wmpmin, .wmp10, .wmp16, .wmp20, .wmp25,   .wmp33, .wmp35, .wmp40, .wmp45,   .wmp50, .wmp55, .wmp60, .wmp65, .mwp70, .wmp75, .wmp80, .wmp85, .wmp90,  .wmp99  {width:98%}
.flex {flex-direction: column;}
[class*="_s20"] {width: 18%;}
[class*="_s25"] {width: 23%;}
[class*="_s33"] {width: 32%;}
[class*="_s50"] {width: 48%;}
[class*="_s65"] {width: 63%;}


.fi6,.fip6, .fi5,.fip5,    .fi4,.fip4,  .fi3,.fip3,    .fi2,.fip2 { flex: 0 0 98%} 
.fi6-rem,.fip6-rem,  .fi5-rem,.fip5-rem,  .fi4-rem,.fip4-rem,    .fi3-rem,.fip3-rem,  .fi2-rem,.fip2-rem {  flex: 0 0 48%;} 
button.wmin {width:33%}   
.bdcurv {-webkit-border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% ;-moz-border-radius: 100% 0% 100% 0% / 8% 0% 8% 0% ;border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% } 

 
.ghost {display: none;}
.undead {display: block;}
.hmimg {height: 440px;}
.hmimg img {max-width: 380%; height: auto;}
#menu {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
#navwrap {   min-width: 320px; max-width: 320px;   width: 320px;  top: 60px;  right: -5px;   height: 100vh; background: url(images/dw.png);  -moz-transform: scale(0);   -webkit-transform: scale(0);    -o-transform: scale(0);  transform: scale(0);   opacity: 0; }
.nav {     margin: 10px 4px 10px 5px;      max-width: 320px;    height: 100vh; }
.nav ul {    width: 320px;   float: left; }
.nav li a:hover, .nav li.thispage a {  color: #fff; } 
.nav li a {    display: block;    max-width: 100%;    color: #666;     font-weight: 700;    padding: 3px 6px 3px 20px; }
.nav li ul {  position: relative;
    clear: both;     -webkit-box-shadow: 0 0 0 0 transparent;   -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;     top: 0; }
.nav li ul li a {  color: #666; }
.nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a, .nav li.thispage a { background: #155164; color: #fff; }
.nav li ul li a:hover { color: #333;   border: none;  border-left: 4px solid #155164; background: #f1f1f1; }
.gdot ul,  .cols, .cols2 {      -moz-column-count: 1;        -moz-column-fill: auto;   -webkit-column-count: 1;   -webkit-column-fill: auto;  column-count: 1;   column-fill: auto;    min-height: 1px; }
.privacy, .floater,  .pinnow {  width:90%; }


}



@media (max-width: 600px) {
    header {height: 80px; position: fixed;}
    #logo {width: 160px;}
    .group, .groupless {width: 96vw;}

   .fx10, .fx16, .fx20, .fx25, .fx33, 
    .wmin, .w10, .w16, .w20, .w25,  .w33, .w35, .w40, .w45,  .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90,  .w99, 
    .wpmin, .wp10, .wp16, .wp20, .wp25,  .wp33, .wp35, .wp40, .wp45,  .wp50, .wp55, .wp60, .wp65, .wp70, .wp75, .wp80, .wp85, .wp90,  .wp99, 
    .wmmin, .wm10, .wm16, .wm20, .wm25,   .wm33, .wm35, .wm40, .wm45,  .wm50, .wm55, .wm60, .wm65, .wm70, .wm75, .wm80, .wm85, .wm90,  .wm99, 
    .wmpmin, .wmp10, .wmp16, .wmp20, .wmp25,   .wmp33, .wmp35, .wmp40, .wmp45,   .wmp50, .wmp55, .wmp60, .wmp65, .mwp70, .wmp75, .wmp80, .wmp85, .wmp90,  .wmp99  {width:98%}
    .flex  {flex-direction: column;}
    [class*="_s20"] {width: 18%;}
    [class*="_s25"] {width: 23%;}
    [class*="_s33"] {width: 32%;}
    [class*="_s50"] {width: 48%;}
    [class*="_s65"] {width: 63%;}

    .fi6,.fip6, .fi5,.fip5,    .fi4,.fip4,  .fi3,.fip3,    .fi2,.fip2 { flex: 0 0 98%} 
    .fi6-rem,.fip6-rem,  .fi5-rem,.fip5-rem,  .fi4-rem,.fip4-rem,    .fi3-rem,.fip3-rem,  .fi2-rem,.fip2-rem {  flex: 0 0 48%;} 
    button.wmin {width:33%}   
    .bdcurv {-webkit-border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% ;-moz-border-radius: 100% 0% 100% 0% / 8% 0% 8% 0% ;border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% } 

 
  .ghost {display: none;}
    .undead {display: block;}
    .hmimg {height: 440px;}
    .hmimg img {max-width: 380%; height: auto;}
    #menu {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
    #navwrap {   min-width: 320px; max-width: 320px;   width: 320px;  top: 60px;  right: -5px;   height: 100vh; background: url(images/dw.png);  -moz-transform: scale(0);   -webkit-transform: scale(0);    -o-transform: scale(0);  transform: scale(0);   opacity: 0; }
    .nav {     margin: 10px 4px 10px 5px;      max-width: 320px;    height: 100vh; }
    .nav ul {    width: 320px;   float: left; }
    .nav li a:hover, .nav li.thispage a {  color: #fff; } 
    .nav li a {    display: block;    max-width: 100%;    color: #666;     font-weight: 700;    padding: 3px 6px 3px 20px; }
    .nav li ul {  position: relative;
        clear: both;     -webkit-box-shadow: 0 0 0 0 transparent;   -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;     top: 0; }
    .nav li ul li a {  color: #666; }
    .nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a, .nav li.thispage a { background: #155164; color: #fff; }
    .nav li ul li a:hover { color: #333;   border: none;  border-left: 4px solid #155164; background: #f1f1f1; }
    .gdot ul,  .cols, .cols2 {      -moz-column-count: 1;        -moz-column-fill: auto;   -webkit-column-count: 1;   -webkit-column-fill: auto;  column-count: 1;   column-fill: auto;    min-height: 1px; }

    .privacy,   .floater,  .pinnow {  width:90%; }

}



@media (max-width: 550px) {
    header {height: 80px; position: fixed;}
    #logo {width: 160px;}
    .group, .groupless {width: 96vw;}

   .fx10, .fx16, .fx20, .fx25, .fx33, 
    .wmin, .w10, .w16, .w20, .w25,  .w33, .w35, .w40, .w45,  .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90,  .w99, 
    .wpmin, .wp10, .wp16, .wp20, .wp25,  .wp33, .wp35, .wp40, .wp45,  .wp50, .wp55, .wp60, .wp65, .wp70, .wp75, .wp80, .wp85, .wp90,  .wp99, 
    .wmmin, .wm10, .wm16, .wm20, .wm25,   .wm33, .wm35, .wm40, .wm45,  .wm50, .wm55, .wm60, .wm65, .wm70, .wm75, .wm80, .wm85, .wm90,  .wm99, 
    .wmpmin, .wmp10, .wmp16, .wmp20, .wmp25,   .wmp33, .wmp35, .wmp40, .wmp45,   .wmp50, .wmp55, .wmp60, .wmp65, .mwp70, .wmp75, .wmp80, .wmp85, .wmp90,  .wmp99  {width:98%}
    .flex {flex-direction: column;}
    [class*="_s20"] {width: 18%;}
    [class*="_s25"] {width: 23%;}
    [class*="_s33"] {width: 32%;}
    [class*="_s50"] {width: 48%;}
    [class*="_s65"] {width: 63%;}

    .fi6,.fip6, .fi5,.fip5,    .fi4,.fip4,  .fi3,.fip3,    .fi2,.fip2 { flex: 0 0 98%} 
    .fi6-rem,.fip6-rem,  .fi5-rem,.fip5-rem,  .fi4-rem,.fip4-rem,    .fi3-rem,.fip3-rem,  .fi2-rem,.fip2-rem {  flex: 0 0 48%;} 
    button.wmin {width:33%}   
    .bdcurv {-webkit-border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% ;-moz-border-radius: 100% 0% 100% 0% / 8% 0% 8% 0% ;border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% } 

  .ghost {display: none;}
    .undead {display: block;}
    .hmimg {height: 440px;}
    .hmimg img {max-width: 380%; height: auto;}
    #menu {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
    #navwrap {   min-width: 320px; max-width: 320px;   width: 320px;  top: 60px;  right: -5px;   height: 100vh; background: url(images/dw.png);  -moz-transform: scale(0);   -webkit-transform: scale(0);    -o-transform: scale(0);  transform: scale(0);   opacity: 0; }
    .nav {     margin: 10px 4px 10px 5px;      max-width: 320px;    height: 100vh; }
    .nav ul {    width: 320px;   float: left; }
    .nav li a:hover, .nav li.thispage a {  color: #fff; } 
    .nav li a {    display: block;    max-width: 100%;    color: #666;     font-weight: 700;    padding: 3px 6px 3px 20px; }
    .nav li ul {  position: relative;
        clear: both;     -webkit-box-shadow: 0 0 0 0 transparent;   -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;     top: 0; }
    .nav li ul li a {  color: #666; }
    .nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a, .nav li.thispage a { background: #155164; color: #fff; }
    .nav li ul li a:hover { color: #333;   border: none;  border-left: 4px solid #155164; background: #f1f1f1; }
    .gdot ul,  .cols, .cols2 {      -moz-column-count: 1;        -moz-column-fill: auto;   -webkit-column-count: 1;   -webkit-column-fill: auto;  column-count: 1;   column-fill: auto;    min-height: 1px; }
    .privacy,  .floater,  .pinnow {  width:90%; }


}


@media (max-width: 400px) {
    header {height: 80px; position: fixed;}
    #logo {width: 160px;}
    .group, .groupless {width: 96vw;}

   .fx10, .fx16, .fx20, .fx25, .fx33, 
    .wmin, .w10, .w16, .w20, .w25,  .w33, .w35, .w40, .w45,  .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90,  .w99, 
    .wpmin, .wp10, .wp16, .wp20, .wp25,  .wp33, .wp35, .wp40, .wp45,  .wp50, .wp55, .wp60, .wp65, .wp70, .wp75, .wp80, .wp85, .wp90,  .wp99, 
    .wmmin, .wm10, .wm16, .wm20, .wm25,   .wm33, .wm35, .wm40, .wm45,  .wm50, .wm55, .wm60, .wm65, .wm70, .wm75, .wm80, .wm85, .wm90,  .wm99, 
    .wmpmin, .wmp10, .wmp16, .wmp20, .wmp25,   .wmp33, .wmp35, .wmp40, .wmp45,   .wmp50, .wmp55, .wmp60, .wmp65, .mwp70, .wmp75, .wmp80, .wmp85, .wmp90,  .wmp99  {width:98%}
    .flex  {flex-direction: column;}
    [class*="_s20"] {width: 18%;}
    [class*="_s25"] {width: 23%;}
    [class*="_s33"] {width: 32%;}
    [class*="_s50"] {width: 48%;}
    [class*="_s65"] {width: 63%;}

   
    .fi6,.fip6, .fi5,.fip5,    .fi4,.fip4,  .fi3,.fip3,    .fi2,.fip2 { flex: 0 0 98%} 
    .fi6-rem,.fip6-rem,  .fi5-rem,.fip5-rem,  .fi4-rem,.fip4-rem,    .fi3-rem,.fip3-rem,  .fi2-rem,.fip2-rem {  flex: 0 0 48%;} 
   button.wmin {width:33%}   
   .bdcurv {-webkit-border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% ;-moz-border-radius: 100% 0% 100% 0% / 8% 0% 8% 0% ;border-radius: 100% 0% 100% 0% /  8% 0% 8% 0% } 
 
   .ghost {display: none;}
    .undead {display: block;}
    .hmimg {height: 440px;}
    .hmimg img {max-width: 380%; height: auto;}
    #menu {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
    #navwrap {   min-width: 320px; max-width: 320px;   width: 320px;  top: 60px;  right: -5px;   height: 100vh; background: url(images/dw.png);  -moz-transform: scale(0);   -webkit-transform: scale(0);    -o-transform: scale(0);  transform: scale(0);   opacity: 0; }
    .nav {     margin: 10px 4px 10px 5px;      max-width: 320px;    height: 100vh; }
    .nav ul {    width: 320px;   float: left; }
    .nav li a:hover, .nav li.thispage a {  color: #fff; } 
    .nav li a {    display: block;    max-width: 100%;    color: #666;     font-weight: 700;    padding: 3px 6px 3px 20px; }
    .nav li ul {  position: relative;
        clear: both;     -webkit-box-shadow: 0 0 0 0 transparent;   -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;     top: 0; }
    .nav li ul li a {  color: #666; }
    .nav li a:active, .nav li a:focus, .nav li a:hover, .nav li.focal a, .nav li.thispage a { background: #155164; color: #fff; }
    .nav li ul li a:hover { color: #333;   border: none;  border-left: 4px solid #155164; background: #f1f1f1; }
    .gdot ul, .cols, .cols2 {      -moz-column-count: 1;        -moz-column-fill: auto;   -webkit-column-count: 1;   -webkit-column-fill: auto;  column-count: 1;   column-fill: auto;    min-height: 1px; }

    .privacy, .floater,  .pinnow {  width:90%; }



}