@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);

/*********/
/* ICONS */
/*********/
  @font-face {
  font-family: 'framework';
    src: url('./font/framework.eot?50598794');
    src: url('./font/framework.eot?50598794#iefix') format('embedded-opentype'),
        url('./font/framework.woff?50598794') format('woff'),
        url('./font/framework.ttf?50598794') format('truetype'),
        url('./font/framework.svg?50598794#framework') format('svg');
  font-weight: normal;
  font-style: normal;
}
    .icon {
  font-family: "framework";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  /*line-height: 1em;*/

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /*margin-left: .2em;*/

  /* You can be more comfortable with increased icons size */
   font-size: 120%; 

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before{content:'\e800'}
.icon-mail:before{content:'\e801'}
.icon-user:before{content:'\e802'}
.icon-users:before{content:'\e803'}
.icon-picture:before{content:'\e804'}
.icon-th-large:before{content:'\e805'}
.icon-th:before{content:'\e806'}
.icon-th-list:before{content:'\e807'}
.icon-ok:before{content:'\e808'}
.icon-cancel:before{content:'\e809'}
.icon-plus:before{content:'\e80a'}
.icon-minus:before{content:'\e80b'}
.icon-home:before{content:'\e80c'}
.icon-link:before{content:'\e80d'}
.icon-attach:before{content:'\e80e'}
.icon-lock:before{content:'\e80f'}
.icon-lock-open:before{content:'\e810'}
.icon-eye:before{content:'\e811'}
.icon-eye-off:before{content:'\e812'}
.icon-tag:before{content:'\e813'}
.icon-flag:before{content:'\e814'}
.icon-download:before{content:'\e815'}
.icon-upload:before{content:'\e816'}
.icon-forward:before{content:'\e817'}
.icon-export:before{content:'\e818'}
.icon-pencil:before{content:'\e819'}
.icon-print:before{content:'\e81a'}
.icon-edit:before{content:'\e81b'}
.icon-bell:before{content:'\e81c'}
.icon-location:before{content:'\e81d'}
.icon-doc:before{content:'\e81e'}
.icon-folder:before{content:'\e81f'}
.icon-folder-open:before{content:'\e820'}
.icon-phone:before{content:'\e821'}
.icon-cog:before{content:'\e822'}
.icon-cog-alt:before{content:'\e823'}
.icon-wrench:before{content:'\e824'}
.icon-basket:before{content:'\e825'}
.icon-login:before{content:'\e826'}
.icon-logout:before{content:'\e827'}
.icon-down-dir:before{content:'\e828'}
.icon-up-dir:before{content:'\e829'}
.icon-left-dir:before{content:'\e82a'}
.icon-right-dir:before{content:'\e82b'}
.icon-down-open:before{content:'\e82c'}
.icon-left-open:before{content:'\e82d'}
.icon-right-open:before{content:'\e82e'}
.icon-up-open:before{content:'\e82f'}
.icon-down-big:before{content:'\e830'}
.icon-left-big:before{content:'\e831'}
.icon-right-big:before{content:'\e832'}
.icon-up-big:before{content:'\e833'}
.icon-right-hand:before{content:'\e834'}
.icon-left-hand:before{content:'\e835'}
.icon-up-hand:before{content:'\e836'}
.icon-down-hand:before{content:'\e837'}
.icon-scissors:before{content:'\e838'}
.icon-book:before{content:'\e839'}
.icon-check:before{content:'\e83a'}
.icon-link-ext:before{content:'\f08e'}
.icon-check-empty:before{content:'\f096'}
.icon-docs:before{content:'\f0c5'}
.icon-menu:before{content:'\f0c9'}
.icon-comment-empty:before{content:'\f0e5'}
.icon-chat-empty:before{content:'\f0e6'}
.icon-paste:before{content:'\f0ea'}
.icon-doc-text:before{content:'\f0f6'}
.icon-desktop:before{content:'\f108'}
.icon-laptop:before{content:'\f109'}
.icon-tablet:before{content:'\f10a'}
.icon-mobile:before{content:'\f10b'}
.icon-quote-left:before{content:'\f10d'}
.icon-quote-right:before{content:'\f10e'}
.icon-circle:before{content:'\f111'}
.icon-reply:before{content:'\f112'}
.icon-keyboard:before{content:'\f11c'}
.icon-code:before{content:'\f121'}
.icon-reply-all:before{content:'\f122'}
.icon-direction:before{content:'\f124'}
.icon-unlink:before{content:'\f127'}
.icon-help:before{content:'\f128'}
.icon-info:before{content:'\f129'}
.icon-attention-alt:before{content:'\f12a'}
.icon-thumbs-up-alt:before{content:'\f164'}
.icon-thumbs-down-alt:before{content:'\f165'}
.icon-female:before{content:'\f182'}
.icon-male:before{content:'\f183'}
.icon-box:before{content:'\f187'}
.icon-file-pdf:before{content:'\f1c1'}
.icon-file-word:before{content:'\f1c2'}
.icon-file-excel:before{content:'\f1c3'}
.icon-file-powerpoint:before{content:'\f1c4'}
.icon-file-image:before{content:'\f1c5'}
.icon-file-archive:before{content:'\f1c6'}
.icon-file-audio:before{content:'\f1c7'}
.icon-file-video:before{content:'\f1c8'}
.icon-file-code:before{content:'\f1c9'}
.icon-trash:before{content:'\f1f8'}
.icon-copyright:before{content:'\f1f9'}
.icon-at:before{content:'\f1fa'}
.icon-user-secret:before{content:'\f21b'}
.icon-user-plus:before{content:'\f234'}
.icon-user-times:before{content:'\f235'}
.icon-object-group:before{content:'\f247'}
.icon-object-ungroup:before{content:'\f248'}
.icon-registered:before{content:'\f25d'}
.icon-creative-commons:before{content:'\f25e'}
/*********/
/* VAR() */
/*********/
:root {
    --body-font-family: "Roboto Condensed",sans-serif;
    --body-font-size: 1.1rem;
    --body-line-height: 1.5;
    --body-font-weight: 400;
    --body-bg-color: #F8F8FF;
    --body-color: #343148;

    --basic-px: 16px;
    --basic-padding: 8px 16px;
    --basic-margin: 8px 16px;
    --basic-radius: 5px;
    --basic-color: #343148;
    --basic-bg-color: #FAEBD7;
    --basic-hover-bg-color: #f7ddbb;
    --basic-light-bg-color: #fcf4e8;
    --basic-light-hover-bg-color: #f6dfbb;

    --button-font-size: 1.1rem;
    --button-line-height: 1.5;

    --a-opacity: 1;
    --a-weight: bold;
    --a-decoration: none;
    --a-color: #422fe7;
    --a-hover-opacity: 0.7;
    --a-hover-weight: bold;
    --a-hover-decoration: none;
    --a-hover-color: #422fe7;

    --border-width: 1px;
    --border-style: solid;
    --border-color: #f7ddbb;
}
:root {
    --c-white: #f4f5f0;
    --c-black: #343148;
    --c-gray: #bdbebf;
    --c-blue: #2e5283;
    --c-red: #dc343b;
    --c-orange: #e2552d;
    --c-green: #a6be47;
    --c-lime: #d7e8bc;
    --c-yellow: #FFD700;
    --c-brown: #a66e4a;
    --c-purple: #854c65;
    --c-pink: #c67fae;

    --c-white-hover: #dde0d1;
    --c-black-hover: #423e5b;
    --c-gray-hover: #a4a6a8;
    --c-blue-hover: #213b5e;
    --c-red-hover: #c42127;
    --c-orange-hover: #ca411c;
    --c-green-hover: #94aa3c;
    --c-lime-hover: #c7dea0;
    --c-yellow-hover: #e6c300;
    --c-brown-hover: #8d5d3f;
    --c-purple-hover: #714156;
    --c-pink-hover: #b8619b;
    
    --c-light-white: #fff;
    --c-light-black: #f0f0f5;
    --c-light-gray: #f2f2f3;
    --c-light-blue: #ecf1f8;
    --c-light-red: #fbe9ea;
    --c-light-orange: #fcede9;
    --c-light-green: #f6f8ec;
    --c-light-lime: #f4f8ec;
    --c-light-yellow: #fffbe6;
    --c-light-brown: #f7f1ed;
    --c-light-purple: #f6eff2;
    --c-light-pink: #f7edf4;

    --c-light-white-hover: #e6e6e6;
    --c-light-black-hover: #d1d1e0;
    --c-light-gray-hover: #d7d7da;
    --c-light-blue-hover: #c7d6ea;
    --c-light-red-hover: #f3bec1;
    --c-light-orange-hover: #f6c8bc;
    --c-light-green-hover: #e4eac7;
    --c-light-lime-hover: #dfeac7;
    --c-light-yellow-hover: #fff1b3;
    --c-light-brown-hover: #e7d6ca;
    --c-light-purple-hover: #e3ced7;
    --c-light-pink-hover: #e7cadf;
}
/*********/
/* BASIC */
/*********/
*,::after,::before{box-sizing:border-box}
body,html{font-family:var(--body-font-family);font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-font-weight);background-color:var(--body-bg-color);color:var(--body-color);text-align:left}
body{margin:0}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
hr{margin:var(--basic-px) auto;color:inherit;border:0;border-top: 2px solid var(--border-color);max-width:90%;opacity: 1;}
/**************/
/* TYPOGRAPHY */
/**************/
h1,h2,h3,h4,h5,h6{margin-top:8px;margin-bottom:8px;line-height:1.2;font-weight:700}
h1{font-size:calc(1.375rem + 1.5vw);}
@media (min-width:1200px){
h1{font-size:2.5rem}
}
h2{font-size:calc(1.325rem + .9vw);}
@media (min-width:1200px){
h2{font-size:2rem}
}
h3{font-size:calc(1.3rem + .6vw);}
@media (min-width:1200px){
h3{font-size:1.75rem}
}
h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){
h4{font-size:1.5rem}
}
h5{font-size:1.25rem}
h6{font-size:1rem}
p{margin-top:8px;margin-bottom:8px}
a{color:var(--a-color);text-decoration:var(--a-decoration);font-weight: var(--a-weight);opacity: var(--a-opacity);}
a:hover{color:var(--a-hover-color);text-decoration:var(--a-hover-decoration);font-weight: var(--a-hover-weight);opacity: var(--a-hover-opacity);}
code{color:#00f;background-color:#fff0f0;padding:2px 4px;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:.875rem;font-weight:400;border:1px solid}
mark{color:#000;background-color:#ff0;padding:2px 4px;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:.875rem;font-weight:400;border:1px solid}
kbd{color:#fff;background-color:#555;padding:2px 4px;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:.875rem;font-weight:400;border:1px solid #000}
pre{display:block;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:.875rem;background-color:#fff0f0;color:#00f;text-align:left;max-width:fit-content;padding:8px 4px;overflow:hidden;overflow-x:auto;margin:16px;border:1px solid}
blockquote{background-color:var(--basic-bg-color);color:var(--basic-color);font-size:1rem;line-height:1.5;page-break-inside:avoid;font-style:italic;text-align:left;padding:8px 16px;border:1px solid var(--border-color);margin-top:40px;width:fit-content}
blockquote span.icon{font-size:4rem;line-height:0;margin:0;padding:0;position:relative}
blockquote footer{display:block;font-size:85%;line-height:1.5;padding:0;background-color:inherit;color:inherit}
blockquote footer::before{content:'\2014 \00A0'}
q{background-color:var(--basic-bg-color);color:var(--basic-color);font-size:1rem;line-height:1.5;font-style:italic}
.txt-size-xxs{font-size:xx-small!important}
.txt-size-xs{font-size:x-small!important}
.txt-size-sm{font-size:small!important}
.txt-size-md{font-size:medium!important}
.txt-size-lg{font-size:large!important}
.txt-size-xl{font-size:x-large!important;line-height:1!important}
.txt-size-xxl{font-size:xx-large!important;line-height:1!important}
.txt-size-jumbo{font-size:3.5rem!important;line-height:1!important}
.txt-size-mega{font-size:8vw!important;line-height:1.2 !important}
.txt-size-normal{font-size:var(--body-font-size)!important}
.txt-style-bold{font-weight:700!important}
.txt-style-italic{font-style:italic!important}
.txt-style-normal{font-style:normal!important;font-weight:var(--body-font-weight)!important}
.txt-style-shadow{text-shadow:2px 2px 4px #000}
.txt-no-shadow{text-shadow: none;}
/*************/
/* ALIGNMENT */
/*************/
.txt-left{text-align:left!important}
.txt-center{text-align:center!important}
.txt-right{text-align:right!important}
.box-left{float:left!important}
.box-right{float:right!important}
.box-center{margin-left:auto!important;margin-right:auto!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-stretch{align-items:stretch!important}
.align-content-between{align-content:space-between!important}
.align-content-around{align-content:space-around!important}
.align-content-stretch{align-content:stretch!important}
.align-self-start{align-self:flex-start!important}
.align-self-end{align-self:flex-end!important}
.align-self-center{align-self:center!important}
.align-self-stretch{align-self:stretch!important}
/**************/
/* RESPONSIVE */
/**************/
.container{max-width:100%;padding:var(--basic-padding);margin-left:auto;margin-right:auto}
.container-fluid{width:100%;margin:0;padding:var(--basic-padding)}
@media (min-width:576px){
.container{max-width:540px}
}
@media (min-width:768px){
.container{max-width:720px}
}
@media (min-width:992px){
.container{max-width:960px}
}
@media (min-width:1200px){
.container{max-width:1140px}
}
@media (min-width:1400px){
.container{max-width:1320px}
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-half,.col-quarter,.col-third,.col-threequarter,.col-twothird{position:relative;padding:8px 16px;width:100%}
@media (min-width:992px){
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-half{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-third{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}
.col-twothird{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-quarter{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-threequarter{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
}
/***********/
/* HELPERS */
/*********+**/
/*  borders  */
.border{border:var(--border-width) var(--border-style)!important}
.border-top{border-top:var(--border-width) var(--border-style)!important}
.border-right{border-right:var(--border-width) var(--border-style)!important}
.border-bottom{border-bottom:var(--border-width) var(--border-style)!important}
.border-left{border-left:var(--border-width) var(--border-style)!important}
.border-top-0{border-top:0!important}
.border-right-0{border-right:0!important}
.border-bottom-0{border-bottom:0!important}
.border-left-0{border-left:0!important}
.border-width-2{border-width:2px!important}
.border-width-4{border-width:4px!important}
.border-width-6{border-width:6px!important}
.border-width-8{border-width:8px!important}
.border-width-10{border-width:10px!important}
.border-style-dashed{border-style:dashed!important}
.border-style-dotted{border-style:dotted!important}
/* padding */
.padding{padding:var(--basic-padding)!important}
.padding-top{padding-top:var(--basic-px)!important}
.padding-right{padding-right:var(--basic-px)!important}
.padding-bottom{padding-bottom:var(--basic-px)!important}
.padding-left{padding-left:var(--basic-px)!important}
.padding-full{padding:var(--basic-px)!important}
.padding-sm{padding:calc(var(--basic-px)/ 2)!important}
.padding-lg{padding:calc(2 * var(--basic-px))!important}
/* margin */
.margin{margin:var(--basic-margin)!important}
.margin-top{margin-top:var(--basic-px)!important}
.margin-right{margin-right:var(--basic-px)!important}
.margin-bottom{margin-bottom:var(--basic-px)!important}
.margin-left{margin-left:var(--basic-px)!important}
.margin-full{margin:var(--basic-px)!important}
.margin-sm{margin-top:calc(var(--basic-px)/ 2)!important;margin-bottom:calc(var(--basic-px)/ 2)!important}
.margin-lg{margin-top:calc(2 * var(--basic-px))!important;margin-bottom:calc(2 * var(--basic-px))!important}
/* white-space */
.width-50{max-width:50px!important}
.width-100{max-width:100px!important}
.width-150{max-width:150px!important}
.width-200{max-width:200px!important}
.width-250{max-width:250px!important}
.width-300{max-width:300px!important}
.width-350{max-width:350px!important}
.width-400{max-width:400px!important}
.width-450{max-width:450px!important}
.width-500{max-width:500px!important}
.width-550{max-width:550px!important}
.width-600{max-width:600px!important}
.width-650{max-width:650px!important}
.width-700{max-width:700px!important}
.width-750{max-width:750px!important}
.width-800{max-width:800px!important}
.width-p-100{width:100%!important}
.width-p-90{width:90%!important}
.width-p-80{width:80%!important}
.width-p-70{width:70%!important}
.width-p-60{width:60%!important}
.width-p-50{width:50%!important}
.width-p-40{width:40%!important}
.width-p-30{width:30%!important}
.width-p-20{width:20%!important}
.width-p-10{width:10%!important}
.height-50{height:50px!important}
.height-100{height:100px!important}
.height-150{height:150px!important}
.height-200{height:200px!important}
.height-250{height:250px!important}
.height-300{height:300px!important}
.height-350{height:350px!important}
.height-400{height:400px!important}
.height-450{height:450px!important}
.height-500{height:500px!important}
.height-550{height:550px!important}
.height-600{height:600px!important}
/* diversen */
.lorem-sm::after{content:"Lorem ipsum.Nulla elementum tristique ultricies. Etiam sit amet felis leo, non imperdiet sapien. Suspendisse venenatis, erat ac mollis sagittis, nulla arcu semper felis, a tempus dolor nibh in est."}
.lorem-lg::after{content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies condimentum velit vel scelerisque. Nam id libero sit amet libero ultrices interdum dignissim nec lorem. Maecenas placerat massa sit amet augue interdum rutrum. Fusce vel lectus arcu. Quisque quis elit et lorem suscipit faucibus a ut odio. Proin ut ante consectetur dui mattis pulvinar non quis neque. Proin ultrices lectus vel orci lacinia a iaculis nibh hendrerit. Mauris sagittis aliquam odio vitae pulvinar. Suspendisse id dolor nibh, sed consectetur sem. Phasellus lacinia laoreet sem, ac ultrices libero lobortis quis. Morbi accumsan tempus neque, sed varius lectus molestie imperdiet. Vivamus porttitor facilisis nunc, sed feugiat quam adipiscing ac. Quisque dolor tellus, porta in ultrices sit amet, luctus sed nunc. Quisque sodales scelerisque orci sed ullamcorper. Nunc nisl arcu, dignissim sed tempor eget, blandit a massa. Praesent ut metus enim, in dictum felis. Integer sagittis ipsum eu mauris lacinia rhoncus. Mauris turpis ligula, dapibus nec rhoncus bibendum, tristique eu nunc. Duis dapibus blandit justo et auctor. Nunc non elit vel diam luctus ullamcorper."}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:990}
.fit-content{width:fit-content!important}
.position-static{position:static!important}
.position-fixed-top{position:fixed!important;top:0!important;left:0!important;z-index:1}
.position-fixed-bottom{position:fixed!important;bottom:0!important;left:0!important;z-index:1}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-absolute-top-left{position:absolute!important;top:0!important;left:0!important}
.position-absolute-top-center{position:absolute!important;left:50%!important;top:0!important;transform:translate(-50%,0)!important;-ms-transform:translate(-50%,0)!important}
.position-absolute-top-right{position:absolute!important;top:0!important;right:0!important}
.position-absolute-middle-left{position:absolute!important;top:50%!important;left:0!important;transform:translate(0,-50%)!important;-ms-transform:translate(0,-50%)!important}
.position-absolute-middle-center{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important}
.position-absolute-middle-right{position:absolute!important;top:50%!important;right:0!important;transform:translate(0,-50%)!important;-ms-transform:translate(0,-50%)!important}
.position-absolute-bottom-left{position:absolute!important;left:0!important;bottom:0!important}
.position-absolute-bottom-center{position:absolute!important;left:50%!important;bottom:0!important;transform:translate(-50%,0)!important;-ms-transform:translate(-50%,0)!important}
.position-absolute-bottom-right{position:absolute!important;right:0!important;bottom:0!important}
.position-sticky-top{position:-webkit-sticky!important;position:sticky!important;top:0!important}
.position-sticky-bottom{position:-webkit-sticky!important;position:sticky!important;bottom:0!important}
.overflow-hidden{overflow:hidden!important}
.overflow-auto{overflow:auto!important}
.overflow-x-hidden{overflow-x:hidden!important}
.overflow-x-auto{overflow-x:auto!important}
.overflow-y-hidden{overflow-y:hidden!important}
.overflow-y-auto{overflow-y:auto!important}
.radius-5{border-radius:5px!important}
.radius-10{border-radius:10px!important}
.radius-20{border-radius:20px!important}
.radius-50{border-radius:50%!important}
.radius-curved{border-radius:15px 0 15px 0!important}
.image{max-width:100%;height:auto;display:block}
.image-max{width:100%;height:100%;display:block}
.image-hover:hover{opacity:.5}
.image-center{display:block;margin:auto}
.cursor-default{cursor:default}
.cursor-text{cursor:text}
.cursor-pointer{cursor:pointer}
.cursor-not-allowed{cursor:not-allowed}
.display-none{display:none!important}
.display-inline{display:inline!important}
.display-inline-block{display:inline-block!important}
.display-block{display:block!important}
.display-table{display:table!important}
.display-table-row{display:table-row!important}
.display-table-cell{display:table-cell!important}
.display-flex{display:-ms-flexbox!important;display:flex!important}
.display-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
@media (min-width:992px){
.display-r-none{display:none!important}
.display-r-inline{display:inline!important}
.display-r-inline-block{display:inline-block!important}
.display-r-block{display:block!important}
.display-r-table{display:table!important}
.display-r-table-row{display:table-row!important}
.display-r-table-cell{display:table-cell!important}
.display-r-flex{display:-ms-flexbox!important;display:flex!important}
.display-r-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
/***********/
/* BUTTONS */
/***********/
.button-to-top{color:var(--basic-color);background-color:var(--basic-bg-color);font-size:1rem;text-decoration:none;position:fixed;bottom:0;right:0;display:none;opacity:.3;border:1px solid #1d1d1d;padding:0 8px;outline:0;cursor:pointer;z-index:990;border-radius:5px}
.button-to-top:hover{opacity:1}
.button-to-top::after{content:"\25B2";font-size:2.5rem}
.button-close{background-color:#db2828;color:#fff;padding:0 10px;border:1px solid red;cursor:pointer;font-size:.9rem;font-weight:700;position:absolute;right:3px;top:3px;border-radius:5px}
.button-close:hover{background-color:#f2b0b0;color:#000}
.button-close::after{content:"\00D7"}
.button{position:relative;display:inline-block;background-color:var(--basic-bg-color);color:var(--basic-color);border:1px solid;border-radius:var(--basic-radius);text-decoration:none;cursor:pointer;padding:8px 16px;margin:16px 5px;font-family:inherit;font-size:var(--button-font-size);line-height:var(--button-line-height);opacity:1;font-weight: inherit;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.button:not(.disabled):hover{box-shadow:2px 2px 2px rgba(0,0,0,.5);text-decoration:none;opacity:1;color: var(--basic-color);font-weight: inherit;}
.button:not(.disabled):active{box-shadow:-2px -2px 2px rgba(0,0,0,.5);text-decoration:none;opacity:1;color: var(--basic-color);font-weight: inherit;}
.button.disabled{cursor:not-allowed;opacity:.3}
.button.disabled:hover{cursor:not-allowed;text-decoration:none;opacity:1;color: var(--basic-color);font-weight: inherit;opacity:.3}
.button.btn-sm{padding:4px 6px;font-size:small}
.button.btn-md{padding:12px 18px;font-size:x-large}
.button.btn-lg{padding:16px 24px;font-size:xx-large}
.button.btn-curved{border-radius:16px 0 16px 0}
.button.btn-circle{border-radius:50%}
.button.btn-open{background-color:transparent;color:inherit}
.button.btn-link{background-color:transparent;color:inherit;border:0}
.button.btn-link:hover{text-decoration:underline;box-shadow:none}
/************/
/* DROPDOWN */
/************/
.dropdown{display:inline-block}
.dropdown .button{margin-bottom:0}
.dropdown .dropdown-menu{background-color:var(--basic-light-bg-color);display:none;position:absolute;text-align:left;min-width:250px;overflow:auto;border-radius:var(--basic-radius);border: 1px solid;box-shadow:2px 2px 2px rgba(0,0,0,.5);z-index:1}
.dropdown .dropdown-menu a{color:var(--basic-color);padding:8px 12px;text-decoration:none;display:block;margin:5px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;font-weight: inherit;}
.dropdown .dropdown-menu a:hover{text-decoration:var(--a-hover-decoration);opacity: var(--a-opacity);background-color: var(--basic-light-hover-bg-color);color: var(--basic-color);font-weight: inherit;}
.dropdown .dropdown-menu.dropdown-text{padding:4px 12px;font-size:smaller;color:var(--basic-color);max-width:200px}
.dropdown .dropdown-menu img{max-width:100%;height:auto;display:block;border-radius:10px}
.dropdown .dropdown-menu.dropdown-img {min-width: 0;max-width: 300px;width: fit-content;}
.dropdown .button::after{content:"\A0\A0\25BC";float:right}
.dropdown.clickbtn .button:after{content:"\A0\A0\25B2";float:right}
/**********/
/* NAVBAR */
/**********/
.navbar{background-color:var(--basic-bg-color);z-index:1000;position:fixed;top:0;left:0;height:100%;width:0;overflow-y:auto;padding-top: 30px;padding-bottom: 30px;border-right: 1px solid;}
.navbar .logo img{display:block;max-width:200px;max-height:50px;margin:5px auto}
.navbar ul.menu{margin:0;padding:5px;list-style:none;position:relative}
.navbar ul.menu:after{content:"";clear:both;display:block}
.navbar ul.menu li{float:none;-webkit-transition:all .3s;transition:all .3s;padding:5px}
.navbar ul.menu li a{display:block;text-decoration:none;padding:8px 12px;color:var(--basic-color);font-weight:700}
.navbar ul.menu li a:hover:not(.active),.navbar ul.menu li a.current{background-color: var(--basic-hover-bg-color);color: var(--basic-color);text-decoration: none;opacity: 1;}
.navbar ul.menu li.dropdown {width: 100%;}
.navbar ul.menu li.dropdown a::after{content:"\A0\A0\25BC";float:right;}
.navbar ul.menu li.dropdown.clickbtn a::after{content:"\A0\A0\25B2";float:right}
.navbar ul.menu ul.dropdown-menu{display:none;margin:0;padding:0;background-color:var(--basic-light-bg-color);min-width:90%;list-style:none;box-shadow:2px 2px 2px rgba(0,0,0,.5)}
.navbar ul.menu ul.dropdown-menu li{float:none;position:relative;padding: 0;margin: 0;}
.navbar ul.menu ul.dropdown-menu li a{display:block;padding:8px 12px;color:var(--basic-color)}
.navbar ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--basic-light-hover-bg-color);color: var(--basic-color);opacity: 1;text-decoration: none;font-weight: bold;}
 .navbar ul.menu li.clickbtn ul.dropdown-menu a::after{content: "";}
.navbar ul.menu li ul.dropdown-menu a::after{content: "";}
.navbar ul.menu ul.dropdown-menu li{display: block;}
.navbar ul.menu li a.active{text-decoration:none;opacity: 1;border: 1px solid;}
.navbar-close{background-color:var(--basic-bg-color);color:var(--basic-color);display:none;position:fixed;top:0;left:0;padding:4px 8px;font-size:2em;cursor:pointer;border: 1px solid;z-index:1000}
.navbar-close:hover{background-color: var(--basic-hover-bg-color);color: var(--basic-color);}
.navbar-close::after{content:"\2716"}
.navbar-open{background-color:var(--basic-bg-color);color:var(--basic-color);display:block;position:fixed;top:0;left:0;padding:4px 8px;font-size:2em;cursor:pointer;border: 1px solid;z-index:1000}
.navbar-open:hover{background-color: var(--basic-hover-bg-color);color: var(--basic-colort);}
.navbar-open::after{content:"\2630"}
.navbar .search-container {padding: 16px;}
.navbar .search-container input[type=text]{display: inline-block;text-align:left;max-width:150px;margin:0;padding:14px;font-size:1rem;border:1px solid;border-radius:5px;}
.navbar .search-container button{display: inline-block;padding:6px 10px;margin:0;width:fit-content;background-color: var(--basic-bg-color);color:var(--basic-color);font-size:1rem;border:1px solid;cursor:pointer;border-radius:5px}
.navbar .search-container button:hover {background-color: var(--basic-hover-bg-color);color: var(--basic-color);}
@media (min-width:992px){
.navbar .search-container {padding: 0;}
.navbar .search-container button,.navbar .search-container input[type=text]{display: inline-block;width: inherit;padding:6px;border-radius:5px;}
.navbar{position:sticky;display:flex;overflow:initial;height:inherit;width:100%!important;justify-content:space-around;align-items:center;padding-top: 0;padding-bottom: 0;border-right: 0;border-bottom: 1px solid;}
.navbar.left{justify-content:start;}
.navbar.center{justify-content:center;}
.navbar.right{justify-content:end;}
.navbar ul.menu li{float:left}
.navbar ul.menu ul.dropdown-menu li{float:none}
.navbar ul.menu ul.dropdown-menu{position:absolute;top:100%;min-width:250px;z-index:90;border: 1px solid;box-shadow:2px 2px 2px rgba(0,0,0,.5)}
.navbar-close{display:none}
.navbar-open{display:none}
.navbar ul.menu li.dropdown {width: inherit;}
}
/***********/
/* SIDEBAR */
/***********/
.sidebar{background-color:var(--basic-bg-color);z-index:1000;position:fixed;top:0;left:0;height:100%;width: 0;overflow-y:auto;padding-top: 30px;padding-bottom: 30px;border-right: 1px solid;}
.sidebar .logo img{display:block;max-width:200px;max-height:50px;margin:5px auto}
.sidebar ul.menu{margin:0;padding:5px;list-style:none;position:relative}
.sidebar ul.menu:after{content:"";clear:both;display:block}
.sidebar ul.menu li{float:none;-webkit-transition:all .3s;transition:all .3s;padding:5px}
.sidebar ul.menu li p{display:block;padding:8px 12px;color:var(--basic-color);font-weight:700;border-bottom: 1px solid;text-align: center;}
.sidebar ul.menu li a{display:block;text-decoration:none;padding:8px 12px;color:var(--basic-color);font-weight:700}
.sidebar ul.menu li a:hover:not(.active),.sidebar ul.menu li a.current{background-color: var(--basic-hover-bg-color);color: var(--basic-color);text-decoration: none;opacity: 1;}
.sidebar ul.menu li.dropdown {width: 100%;}
.sidebar ul.menu li.dropdown a::after{content:"\A0\A0\25BC";float:right;}
.sidebar ul.menu li.dropdown.clickbtn a::after{content:"\A0\A0\25B2";float:right}
.sidebar ul.menu ul.dropdown-menu{display:none;margin:0;padding:0;background-color:var(--basic-light-bg-color);min-width:90%;list-style:none;border: 1px solid;box-shadow:2px 2px 2px rgba(0,0,0,.5)}
.sidebar ul.menu ul.dropdown-menu li{float:none;position:relative;padding: 0;margin: 0;}
.sidebar ul.menu ul.dropdown-menu li a{display:block;padding:8px 12px;color:var(--basic-color)}
.sidebar ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--basic-light-hover-bg-color);color: var(--basic-color);opacity: 1;text-decoration: none;font-weight: bold;}
.sidebar ul.menu li.clickbtn ul.dropdown-menu a::after{content: "";}
.sidebar ul.menu li ul.dropdown-menu a::after{content: "";}
.sidebar ul.menu ul.dropdown-menu li{display: block;}
.sidebar ul.menu li a.active{text-decoration:none;opacity: 1;border: 1px solid;}
.sidebar-close{background-color:var(--basic-bg-color);color:var(--basic-color);display:none;position:fixed;top:0;left:0;padding:4px 8px;font-size:2em;cursor:pointer;border: 1px solid;z-index:1000}
.sidebar-close:hover{background-color: var(--basic-hover-bg-color);color: var(--basic-color);}
.sidebar-close::after{content:"\2716"}
.sidebar-open{background-color:var(--basic-bg-color);color:var(--basic-color);display:block;position:fixed;top:0;left:0;padding:4px 8px;font-size:2em;cursor:pointer;border: 1px solid;z-index:1000}
.sidebar-open:hover{background-color: var(--basic-hover-bg-color);color: var(--basic-color);}
.sidebar-open::after{content:"\2630"}
.sidebar .search-container {padding: 16px;}
.sidebar .search-container input[type=text]{display: inline-block;text-align:left;max-width:150px;margin:0;padding:14px;font-size:1rem;border:1px solid;border-radius:5px;}
.sidebar .search-container button{display: inline-block;padding:6px 10px;margin:0;width:fit-content;background-color: var(--basic-bg-color);color:var(--basic-color);font-size:1rem;border:1px solid;cursor:pointer;border-radius:5px}
.sidebar .search-container button:hover {background-color: var(--basic-hover-bg-color);color: var(--basic-color);}
.sidenav-container {max-width: 100%;padding: 16px;margin-left: 0;}
@media (min-width:992px){
  .sidebar{width: 250px !important;}
  .sidebar-close{display: none;}
  .sidebar-open{display: none;}
  .sidenav-container {margin-left: 250px;}
}
/*******************/
/* BANNER - FOOTER */
/*******************/
.banner {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);text-align: center;margin: 5px auto 32px auto;padding: 16px;background-color: var(--basic-bg-color);color: var(--basic-color);border-radius: 10px;background-size: 100% 100%;z-index: 900;}
.banner-no-img {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);text-align: center;margin: 5px auto 32px auto;padding: 16px;background-color: var(--basic-bg-color);color: var(--basic-color);border-radius: 10px;background-size: 100% 100%;z-index: 900;}
.footer {background-color: transparent;color: inherit;border-top: 2px solid var(--border-color);font-size: smaller;text-align: center;margin-top: 32px;}
/**************/
/* PAGINATION */
/**************/
.pagination {display:-ms-flexbox;display:flex;font-weight:700;font-size:80%;}
.pagination ul{list-style: none;padding: 0;margin: 0;background-color: var(--basic-bg-color);}
.pagination ul li {float: left;}
.pagination ul li a {display: block;color: var(--basic-color);text-decoration: none;padding: 4px 8px;opacity: 1;}
.pagination ul li a.first::after{content: "<<"}
.pagination ul li a.surplus{cursor: default;}
.pagination ul li a.surplus::after{content: "..."}
.pagination ul li a.last::after{content: ">>"}
.pagination ul li a:not(.active):not(.surplus):hover{background-color: var(--basic-hover-bg-color);opacity: 1;}
.pagination .active {background-color: var(--basic-hover-bg-color);}
.breadcrumb {display:-ms-flexbox;display:flex;font-weight:700;}
.breadcrumb ul{list-style: none;padding: 0;margin: 0;}
.breadcrumb ul li {float: left;}
.breadcrumb ul li a {display: block;text-decoration: none;padding: 8px 2px;opacity: 1;}
.breadcrumb ul li a:hover{text-decoration: underline;}
.breadcrumb ul li a::after{content: "\A0/";}
.breadcrumb ul li span {display: block;padding: 8px 2px;opacity: 1;}
/**********/
/* ALERTS */
/**********/
.alert{position:relative;display:block;max-width:800px;margin-top:16px;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:8px 16px;border:2px solid;border-radius:5px}
.alert p.head{font-size:1.5rem;text-transform:uppercase}
.alert.danger{background-color:#dc343b;color:#fff;border-color:red}
.alert.warning{background-color:#e2552d;color:#fff;border-color:#f33}
.alert.succes{background-color:#a6be47;color:#000;border-color:green}
.alert.info{background-color:#2e5283;color:#fff;border-color:#00f}
/*************/
/* ACCORDION */
/*************/
.accordion .dropdown{display: block;margin: 0;}
.accordion .button{margin:0;width: 100%;text-align: left;}
.accordion .button:hover{box-shadow:none;text-decoration:none;opacity:1;background-color: var(--basic-hover-bg-color);color: var(--basic-color);font-weight: inherit;}
.accordion .dropdown-menu{background-color:var(--basic-light-bg-color);display:none;padding: var(--basic-padding); text-align:left;max-width: 100%;border-radius:var(--basic-radius);border: 1px solid;position: inherit;}
.accordion .button::after{content:"\A0\A0\25BC";float:right}
.accordion.clickbtn .button:after{content:"\A0\A0\25B2";float:right}
/****************/
/* TOGGLE BLOCK */
/****************/
.toggle-block{display:none;margin:10px;border:1px solid #000;padding:8px 16px;width:100%}
button[data-toggle-block]::after{content:"\A0\A0\25BC";float:right}
button[data-toggle-block].clickbtn:after{content:"\A0\A0\25B2";float:right}
/*****************/
/* BADGE EN SIGN */
/*****************/
.badge,.badge-pill{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;background-color:var(--basic-bg-color);color:var(--basic-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.badge,.badge-pill{transition:none}
}
a.badge-pill:focus,a.badge-pill:hover,a.badge:focus,a.badge:hover{text-decoration:none}
.badge-pill:empty,.badge:empty,.sign:empty{display:none}
.button .badge,.button .badge-pill{position:relative;top:-1px}
.badge-pill{padding:.25em .6em;border-radius:50%;font-size:75%}
.sign-padding{padding:3px}
.sign{background-color:var(--basic-bg-color);color:var(--basic-color);display:inline-block;padding-left:8px;padding-right:8px;text-align:center;border-radius:5px}
/********/
/* CARD */
/********/
.card {position: relative;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.7);transition: 0.3s;max-width: 400px;border-radius: var(--basic-radius);margin: 16px auto;border: 1px solid rgba(0,0,0,0.5);}
.card img.top{display:block;max-width:100%;height:auto;border-top-left-radius:var(--basic-radius);border-top-right-radius:var(--basic-radius)}
.card img.bottom{display:block;max-width:100%;height:auto;border-bottom-left-radius:var(--basic-radius);border-bottom-right-radius:var(--basic-radius)}
.card img.cover{display:block;width:100%;height:100%;border-radius:var(--basic-radius)}
.card .cover-content {position:absolute;top:0;left:0;background-color: rgba(0,0,0,.3);color: #fff;width: 100%;height: 100%;padding: 5px;}
.card-hover:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.7);}
.card .card-body {padding: 2px 16px;}
/*********/
/* MODAL */
/*********/
.modal{width:100%;height:100%;display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,.75);z-index:1010;overflow:auto}
.modal-inner{background:var(--basic-bg-color);color:var(--basic-color);display:none;max-width:900px;width:90%;padding:40px;margin-bottom:40px;position:absolute;top:50px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);box-shadow:0 2px 6px #000}
.modal-close{text-decoration:none;width:30px;height:30px;padding-top:4px;display:inline-block;position:absolute;top:0;right:0;transition:ease .25s all;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:1000px;background:rgba(0,0,0,.8);font-family:Arial,Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#fff}
.modal-close::after{content:"\00D7"}
.modal-close:hover{-webkit-transform:translate(50%,-50%) rotate(180deg);transform:translate(50%,-50%) rotate(180deg);background:#000;text-decoration:none}
/*********/
/* TABLE */
/*********/
.table{overflow-x:auto;margin:16px}
.table table{border-collapse:collapse;width:100%}
.table table td,.table table th{padding:16px;border:1px solid #000000}
.table table th{background-color:var(--basic-bg-color);color:var(--basic-color);font-weight: bold;}
.table table td {color: #636363;border: 1px solid #dddfe1;}
.table table tr{background-color: #f9fafb}
.table table tr:nth-child(odd){background-color: #ffffff;}
.table.td-center table td,.table.th-center table th{text-align:center}
.table.td-right table td,.table.th-right table th{text-align:right}
.table.no-border table td,.table.no-border table th{border:none}
.table.no-zebra table tr:nth-child(odd){background-color:#f9fafb}
.table.table-hover table tr:hover{background-color:#F0F0F0;}
/********/
/* FORM */
/********/
.form label{position:relative;margin-bottom:.357em;padding:0}
.form input[type=email],.form input[type=file],.form input[type=number],.form input[type=password],.form input[type=text],.form input[type=url],.form select,.form textarea{outline:0;width:100%;padding:12px 16px;margin:8px 0;box-sizing:border-box;border:2px solid #555;background-color:#f1f1f1;color:#000}
.form textarea{height:150px;resize:none}
.form input[type=email]:focus,.form input[type=file]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=text]:focus,.form input[type=url]:focus,.form select:focus,.form textarea:focus{border:2px solid #43bc4f}
.form input[type=email]:invalid,.form input[type=file]:invalid,.form input[type=number]:invalid,.form input[type=password]:invalid,.form input[type=text]:invalid,.form input[type=url]:invalid,.form textarea:invalid{border:2px solid red}
.form .check-con{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.form .check-con input{position:absolute;opacity:0;cursor:pointer}
.form .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border:1px solid #000}
.form .check-con:hover input~.checkmark{background-color:#ccc}
.form .check-con input:checked~.checkmark{background-color:#2196f3}
.form .checkmark:after{content:"";position:absolute;display:none}
.form .check-con input:checked~.checkmark:after{display:block}
.form .check-con .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.form .check-con input:invalid~.checkmark{border:2px solid red}
.form .radio-con{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.form .radio-con input{position:absolute;opacity:0;cursor:pointer}
.form .radiomark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%;border:1px solid #000}
.form .radio-con:hover input~.radiomark{background-color:#ccc}
.form .radio-con input:checked~.radiomark{background-color:#2196f3}
.form .radiomark:after{content:"";position:absolute;display:none}
.form .radio-con input:checked~.radiomark:after{display:block}
.form .radio-con .radiomark:after{top:8px;left:8px;width:8px;height:8px;border-radius:50%;background:#fff}
.form .radio-con input:invalid~.radiomark{border:2px solid red}
/********/
/* TABS */
/********/
.tabs{position:relative;width:100%;display:flex;flex-wrap:wrap}
.tabs>label{order:1;display:inline-block;background-color:var(--basic-bg-color);color:var(--basic-color);border-top:5px solid #000;line-height:50px;box-sizing:border-box;margin:0;padding:0 20px 0 20px;font-weight:700;cursor:pointer}
.tabs>input[type=radio]{display:none}
.tabs>input[type=radio]:checked+label{background-color:var(--basic-light-bg-color);color:var(--basic-color);border:1px solid #000;border-bottom:0}
.tabs>input[type=radio]:checked+label+div{display:block}
.tabs>div{order:2;display:none;box-sizing:border-box;background-color:var(--basic-light-bg-color);color:var(--basic-color);width:100%;padding:15px;height:100%;border:1px solid #000}
/**********/
/* IMAGES */
/**********/
/* SLIDESHOW */
.slider{max-width:1000px;background-color:#363945;margin:0 auto;text-align:center;position:relative;border:10px solid #363945}
.slider div{width:100%;display:inline-block;display:none;border-radius:20px}
.slider img{display:block;width:100%;height:auto;border-radius:20px;border:4px solid #a9a7a9}
.slider button{position:absolute;display:block;box-sizing:border-box;border:none;outline:0;top:0;bottom:0;width:10%;background-color:rgba(0,0,0,.3);color:#fff;margin:0;padding:0;text-align:center;opacity:.4;cursor:pointer;font-size:1.625rem;z-index:2}
.slider button.prev{left:0}
.slider button.prev:after{content:"\25c0"}
.slider button.next{right:0}
.slider button.next:after{content:"\25b6"}
.slider .slider button:hover,.slider button:active{opacity:1}
.slider .content{z-index:1;position:absolute;bottom:0;left:0;right:0;height:3em;box-sizing:border-box;background-color:rgba(0,0,0,.5);color:#fff;line-height:3em;padding:0 1em;font-size:1.5rem}
@media screen and (max-width:700px){
.slider .content{line-height:inherit;padding:5px;font-size:.9375rem;height:inherit}
}
/* THUMBNAIL AND PUPOP */
.thumbnail{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}
.thumbnail>img.thumb{border:1px solid #000;padding:.32rem;margin:5px;width:200px;height:150px;cursor:pointer}
img.thumb:hover{box-shadow:0 0 2px 1px rgba(0,140,186,.5)}
.popup{width:100%;height:100%;display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,.9);z-index:1010;overflow:auto;cursor:pointer}
.popup-inner{max-width:85%;max-height:85%;width:fit-content;padding:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 2px 6px #000;border-radius:3px;background:0 0}
.popup-inner img{width:100%;display:block;margin-bottom:20px}
.popup-close{text-decoration:none;width:30px;height:30px;padding-top:.25rem;display:inline-block;position:absolute;top:0;right:0;transition:ease .25s all;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:1000px;background:rgba(0,0,0,.8);font-family:Arial,Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#fff}
.popup-close::after{content:"\00D7"}
.popup-close:hover{background:#000;text-decoration:none}
/* SCROLL GALLERY */
div.scroll-gallery{background-color:#333;overflow:auto;white-space:nowrap;padding:10px}
div.scroll-gallery img{padding:10px}
/* DIVERSEN IMG MOVES */
.img-fade-container{position:relative;max-width:300px;display:inline-block}
.img-fade-image{display:block;width:100%;height:auto}
.img-fade-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#008cba}
.img-fade-container:hover .img-fade-overlay{opacity:1}
.img-fade-text{color:#fff;font-size:1.5rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.img-slidetop-container{position:relative;max-width:300px;display:inline-block}
.img-slidetop-image{display:block;width:100%;height:auto}
.img-slidetop-overlay{position:absolute;bottom:100%;left:0;right:0;background-color:#008cba;overflow:hidden;width:100%;height:0;transition:.5s ease}
.img-slidetop-container:hover .img-slidetop-overlay{bottom:0;height:100%}
.img-slidetop-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.img-slidebottom-container{position:relative;max-width:300px;display:inline-block}
.img-slidebottom-image{display:block;width:100%;height:auto}
.img-slidebottom-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#008cba;overflow:hidden;width:100%;height:0;transition:.5s ease}
.img-slidebottom-container:hover .img-slidebottom-overlay{height:100%}
.img-slidebottom-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.img-slideright-container{position:relative;max-width:300px;display:inline-block}
.img-slideright-image{display:block;width:100%;height:auto}
.img-slideright-overlay{position:absolute;bottom:0;left:100%;right:0;background-color:#008cba;overflow:hidden;width:0;height:100%;transition:.5s ease}
.img-slideright-container:hover .img-slideright-overlay{width:100%;left:0}
.img-slideright-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}
.img-slideleft-container{position:relative;max-width:300px;display:inline-block}
.img-slideleft-image{display:block;width:100%;height:auto}
.img-slideleft-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#008cba;overflow:hidden;width:0;height:100%;transition:.5s ease}
.img-slideleft-container:hover .img-slideleft-overlay{width:100%}
.img-slideleft-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}
.img-zoom-container{position:relative;max-width:300px;display:inline-block}
.img-zoom-image{display:block;width:100%;height:auto}
.img-zoom-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#008cba;overflow:hidden;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.3s ease;transition:.3s ease}
.img-zoom-container:hover .img-zoom-overlay{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.img-zoom-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.img-title-container{position:relative;max-width:300px;display:inline-block}
.img-title-image{display:block;width:100%;height:auto}
.img-title-overlay{position:absolute;bottom:0;background:#000;background:rgba(0,0,0,.5);color:#f1f1f1;width:100%;transition:.5s ease;opacity:0;color:#fff;font-size:20px;padding:20px;text-align:center}
.img-title-container:hover .img-title-overlay{opacity:1}
/************/
/* TOOLTIPS */
/************/
.tooltip:hover,[data-tooltip-bottom]:hover,[data-tooltip-left]:hover,[data-tooltip-right]:hover,[data-tooltip]:hover{position:relative;z-index:2;opacity: 1;}
[data-tooltip-bottom]:hover::after,[data-tooltip-left]:hover::after,[data-tooltip-right]:hover::after,[data-tooltip]:hover::after{all:initial;display:inline-block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #363945;position:absolute;bottom:100%;content:'';left:50%;transform:translate(-50%,0);margin-bottom:5px}
[data-tooltip-right]:hover::after{margin-bottom:0;bottom:auto;transform:rotate(90deg) translate(0,-50%);left:100%;top:50%;margin-left:-5px;margin-top:-5px}
[data-tooltip-left]:hover::after{margin-bottom:0;bottom:auto;transform:rotate(-90deg) translate(0,-50%);left:auto;right:100%;top:50%;margin-right:-5px;margin-top:-5px}
[data-tooltip-bottom]:hover::after{margin-bottom:0;bottom:auto;transform:rotate(180deg) translate(-50%,0);top:100%;margin-left:-20px;margin-top:5px}
.tooltip:hover .tooltip-dynamic,.tooltip:hover .tooltip-dynamic-bottom,.tooltip:hover .tooltip-dynamic-left,.tooltip:hover .tooltip-dynamic-right,[data-tooltip-bottom]:hover::before,[data-tooltip-left]:hover::before,[data-tooltip-right]:hover::before,[data-tooltip]:hover::before{all:initial;font-family:Arial,Helvetica,sans-serif;display:inline-block;padding:10px;background-color:#363945;content:attr(data-tooltip);color:#fff;position:absolute;bottom:100%;width:100px;left:50%;transform:translate(-50%,0);margin-bottom:15px;text-align:center;font-size:14px}
.tooltip:hover .tooltip-dynamic-right,[data-tooltip-right]:hover::before{margin-bottom:0;bottom:auto;transform:translate(0,-50%);left:100%;top:50%;content:attr(data-tooltip-right);margin-left:15px}
.tooltip:hover .tooltip-dynamic-left,[data-tooltip-left]:hover::before{margin-bottom:0;bottom:auto;transform:translate(0,-50%);left:auto;right:100%;top:50%;content:attr(data-tooltip-left);margin-right:15px}
.tooltip:hover .tooltip-dynamic-bottom,[data-tooltip-bottom]:hover::before{margin-bottom:0;bottom:auto;top:100%;content:attr(data-tooltip-bottom);margin-top:15px}
.tooltip .tooltip-dynamic,.tooltip .tooltip-dynamic-bottom,.tooltip .tooltip-dynamic-left,.tooltip .tooltip-dynamic-right{display:none;width:auto!important}
.tooltip-dotted {text-decoration:underline dotted;}
/************/
/* COLORS */
/************/
.txt-color-basic{color: var(--basic-color);}
.bg-color-basic{background-color: var(--basic-bg-color);}
.bg-color-basic-hover:hover{background-color:var(--basic-hover-bg-color);}
.bg-color-light-basic{background-color: var(--basic-light-bg-color);}
.bg-color-light-basic-hover:hover {background-color: var(--basic-light-hover-bg-color);}
.color-basic {background-color: var(--basic-bg-color);color: var(--basic-color);}
.color-basic-hover:hover {background-color: var(--basic-hover-bg-color);color: var(--basic-color);}
.color-light-basic {background-color: var(--basic-light-bg-color);color: var(--basic-color);}
.color-light-basic-hover:hover {background-color: var(--basic-light-hover-bg-color);color: var(--basic-color);}
.color-white {background-color: var(--c-white)!important;color: var(--c-black)!important;}
.color-black {background-color: var(--c-black)!important;color: var(--c-white)!important;}
.color-gray {background-color: var(--c-gray)!important;color: var(--c-black)!important;}
.color-blue {background-color: var(--c-blue)!important;color: var(--c-white)!important;}
.color-red {background-color: var(--c-red)!important;color: var(--c-white)!important;}
.color-orange {background-color: var(--c-orange)!important;color: var(--c-white)!important;}
.color-green {background-color: var(--c-green)!important;color: var(--c-black)!important;}
.color-lime {background-color: var(--c-lime)!important;color: var(--c-black)!important;}
.color-yellow {background-color: var(--c-yellow)!important;color: var(--c-black)!important;}
.color-brown {background-color: var(--c-brown)!important;color: var(--c-white)!important;}
.color-purple {background-color: var(--c-purple)!important;color: var(--c-white)!important;}
.color-pink {background-color: var(--c-pink)!important;color: var(--c-white)!important;}
.color-white-hover:hover {background-color: var(--c-white-hover)!important;color: var(--c-black)!important;}
.color-black-hover:hover {background-color: var(--c-black-hover)!important;color: var(--c-white)!important;}
.color-gray-hover:hover {background-color: var(--c-gray-hover)!important;color: var(--c-black)!important;}
.color-blue-hover:hover {background-color: var(--c-blue-hover)!important;color: var(--c-white)!important;}
.color-red-hover:hover {background-color: var(--c-red-hover)!important;color: var(--c-white)!important;}
.color-orange-hover:hover {background-color: var(--c-orange-hover)!important;color: var(--c-white)!important;}
.color-green-hover:hover {background-color: var(--c-green-hover)!important;color: var(--c-black)!important;}
.color-lime-hover:hover {background-color: var(--c-lime-hover)!important;color: var(--c-black)!important;}
.color-yellow-hover:hover {background-color: var(--c-yellow-hover)!important;color: var(--c-black)!important;}
.color-brown-hover:hover {background-color: var(--c-brown-hover)!important;color: var(--c-white)!important;}
.color-purple-hover:hover {background-color: var(--c-purple-hover)!important;color: var(--c-white)!important;}
.color-pink-hover:hover {background-color: var(--c-pink-hover)!important;color: var(--c-white)!important;}
.color-light-white {background-color: var(--c-light-white)!important;color: var(--c-black)!important;}
.color-light-black {background-color: var(--c-light-black)!important;color: var(--c-black)!important;}
.color-light-gray {background-color: var(--c-light-gray)!important;color: var(--c-black)!important;}
.color-light-blue {background-color: var(--c-light-blue)!important;color: var(--c-black)!important;}
.color-light-red {background-color: var(--c-light-red)!important;color: var(--c-black)!important;}
.color-light-orange {background-color: var(--c-light-orange)!important;color: var(--c-black)!important;}
.color-light-green {background-color: var(--c-light-green)!important;color: var(--c-black)!important;}
.color-light-lime {background-color: var(--c-light-lime)!important;color: var(--c-black)!important;}
.color-light-yellow {background-color: var(--c-light-yellow)!important;color: var(--c-black)!important;}
.color-light-brown {background-color: var(--c-light-brown)!important;color: var(--c-black)!important;}
.color-light-purple {background-color: var(--c-light-purple)!important;color: var(--c-black)!important;}
.color-light-pink {background-color: var(--c-light-pink)!important;color: var(--c-black)!important;}
.color-light-white-hover:hover {background-color: var(--c-light-white-hover)!important;color: var(--c-black)!important;}
.color-light-black-hover:hover {background-color: var(--c-light-black-hover)!important;color: var(--c-black)!important;}
.color-light-gray-hover:hover {background-color: var(--c-light-gray-hover)!important;color: var(--c-black)!important;}
.color-light-blue-hover:hover {background-color: var(--c-light-blue-hover)!important;color: var(--c-black)!important;}
.color-light-red-hover:hover {background-color: var(--c-light-red-hover)!important;color: var(--c-black)!important;}
.color-light-orange-hover:hover {background-color: var(--c-light-orange-hover)!important;color: var(--c-black)!important;}
.color-light-green-hover:hover {background-color: var(--c-light-green-hover)!important;color: var(--c-black)!important;}
.color-light-lime-hover:hover {background-color: var(--c-light-lime-hover)!important;color: var(--c-black)!important;}
.color-light-yellow-hover:hover {background-color: var(--c-light-yellow-hover)!important;color: var(--c-black)!important;}
.color-light-brown-hover:hover {background-color: var(--c-light-brown-hover)!important;color: var(--c-black)!important;}
.color-light-purple-hover:hover {background-color: var(--c-light-purple-hover)!important;color: var(--c-black)!important;}
.color-light-pink-hover:hover {background-color: var(--c-light-pink-hover)!important;color: var(--c-black)!important;}
.bg-color-white {background-color: var(--c-white)!important;}
.bg-color-black {background-color: var(--c-black)!important;}
.bg-color-gray {background-color: var(--c-gray)!important;}
.bg-color-blue {background-color: var(--c-blue)!important;}
.bg-color-red {background-color: var(--c-red)!important;}
.bg-color-orange {background-color: var(--c-orange)!important;}
.bg-color-green {background-color: var(--c-green)!important;}
.bg-color-lime {background-color: var(--c-lime)!important;}
.bg-color-yellow {background-color: var(--c-yellow)!important;}
.bg-color-brown {background-color: var(--c-brown)!important;}
.bg-color-purple {background-color: var(--c-purple)!important;}
.bg-color-pink {background-color: var(--c-pink)!important;}
.bg-color-light-white {background-color: var(--c-light-white)!important;}
.bg-color-light-black {background-color: var(--c-light-black)!important;}
.bg-color-light-gray {background-color: var(--c-light-gray)!important;}
.bg-color-light-blue {background-color: var(--c-light-blue)!important;}
.bg-color-light-red {background-color: var(--c-light-red)!important;}
.bg-color-light-orange {background-color: var(--c-light-orange)!important;}
.bg-color-light-green {background-color: var(--c-light-green)!important;}
.bg-color-light-lime {background-color: var(--c-light-lime)!important;}
.bg-color-light-yellow {background-color: var(--c-light-yellow)!important;}
.bg-color-light-brown {background-color: var(--c-light-brown)!important;}
.bg-color-light-purple {background-color: var(--c-light-purple)!important;}
.bg-color-light-pink {background-color: var(--c-light-pink)!important;}
.txt-color-white {color: var(--c-white)!important;}
.txt-color-black {color: var(--c-black)!important;}
.txt-color-gray {color: var(--c-gray)!important;}
.txt-color-blue {color: var(--c-blue)!important;}
.txt-color-red {color: var(--c-red)!important;}
.txt-color-orange {color: var(--c-orange)!important;}
.txt-color-green {color: var(--c-green)!important;}
.txt-color-lime {color: var(--c-lime)!important;}
.txt-color-yellow {color: var(--c-yellow)!important;}
.txt-color-brown {color: var(--c-brown)!important;}
.txt-color-purple {color: var(--c-purple)!important;}
.txt-color-pink {color: var(--c-pink)!important;}
.border-color-white {border-color: var(--c-white)!important;}
.border-color-black {border-color: var(--c-black)!important;}
.border-color-gray {border-color: var(--c-gray)!important;}
.border-color-blue {border-color: var(--c-blue)!important;}
.border-color-red {border-color: var(--c-red)!important;}
.border-color-orange {border-color: var(--c-orange)!important;}
.border-color-green {border-color: var(--c-green)!important;}
.border-color-lime {border-color: var(--c-lime)!important;}
.border-color-yellow {border-color: var(--c-yellow)!important;}
.border-color-brown {border-color: var(--c-brown)!important;}
.border-color-purple {border-color: var(--c-purple)!important;}
.border-color-pink {border-color: var(--c-pink)!important;}
.navbar.nav-color-black{background-color:var(--c-black);}
.navbar.nav-color-black ul.menu li a{color:var(--c-white)}
.navbar.nav-color-black ul.menu li a:hover:not(.active),.navbar.nav-color-black ul.menu li a.current{background-color: var(--c-black-hover);color: var(--c-white);}
.navbar.nav-color-black ul.menu ul.dropdown-menu{background-color:var(--c-light-black);}
.navbar.nav-color-black ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-black ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-black-hover);color: var(--c-black);}
.navbar.nav-color-white{background-color:var(--c-white);}
.navbar.nav-color-white ul.menu li a{color:var(--c-black)}
.navbar.nav-color-white ul.menu li a:hover:not(.active),.navbar.nav-color-white ul.menu li a.current{background-color: var(--c-white-hover);color: var(--c-black);}
.navbar.nav-color-white ul.menu ul.dropdown-menu{background-color:var(--c-light-white);}
.navbar.nav-color-white ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-white ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-white-hover);color: var(--c-black);}
.navbar.nav-color-gray{background-color:var(--c-gray);}
.navbar.nav-color-gray ul.menu li a{color:var(--c-black)}
.navbar.nav-color-gray ul.menu li a:hover:not(.active),.navbar.nav-color-gray ul.menu li a.current{background-color: var(--c-gray-hover);color: var(--c-black);}
.navbar.nav-color-gray ul.menu ul.dropdown-menu{background-color:var(--c-light-gray);}
.navbar.nav-color-gray ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-gray ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-gray-hover);color: var(--c-black);}
.navbar.nav-color-blue{background-color:var(--c-blue);}
.navbar.nav-color-blue ul.menu li a{color:var(--c-white)}
.navbar.nav-color-blue ul.menu li a:hover:not(.active),.navbar.nav-color-blue ul.menu li a.current{background-color: var(--c-blue-hover);color: var(--c-white);}
.navbar.nav-color-blue ul.menu ul.dropdown-menu{background-color:var(--c-light-blue);}
.navbar.nav-color-blue ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-blue ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-blue-hover);color: var(--c-black);}
.navbar.nav-color-red{background-color:var(--c-red);}
.navbar.nav-color-red ul.menu li a{color:var(--c-white)}
.navbar.nav-color-red ul.menu li a:hover:not(.active),.navbar.nav-color-red ul.menu li a.current{background-color: var(--c-red-hover);color: var(--c-white);}
.navbar.nav-color-red ul.menu ul.dropdown-menu{background-color:var(--c-light-red);}
.navbar.nav-color-red ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-red ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-red-hover);color: var(--c-black);}
.navbar.nav-color-orange{background-color:var(--c-orange);}
.navbar.nav-color-orange ul.menu li a{color:var(--c-white)}
.navbar.nav-color-orange ul.menu li a:hover:not(.active),.navbar.nav-color-orange ul.menu li a.current{background-color: var(--c-orange-hover);color: var(--c-white);}
.navbar.nav-color-orange ul.menu ul.dropdown-menu{background-color:var(--c-light-orange);}
.navbar.nav-color-orange ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-orange ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-orange-hover);color: var(--c-black);}
.navbar.nav-color-green{background-color:var(--c-green);}
.navbar.nav-color-green ul.menu li a{color:var(--c-black)}
.navbar.nav-color-green ul.menu li a:hover:not(.active),.navbar.nav-color-green ul.menu li a.current{background-color: var(--c-green-hover);color: var(--c-black);}
.navbar.nav-color-green ul.menu ul.dropdown-menu{background-color:var(--c-light-green);}
.navbar.nav-color-green ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-green ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-green-hover);color: var(--c-black);}
.navbar.nav-color-lime{background-color:var(--c-lime);}
.navbar.nav-color-lime ul.menu li a{color:var(--c-black)}
.navbar.nav-color-lime ul.menu li a:hover:not(.active),.navbar.nav-color-lime ul.menu li a.current{background-color: var(--c-lime-hover);color: var(--c-black);}
.navbar.nav-color-lime ul.menu ul.dropdown-menu{background-color:var(--c-light-lime);}
.navbar.nav-color-lime ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-lime ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-lime-hover);color: var(--c-black);}
.navbar.nav-color-yellow{background-color:var(--c-yellow);}
.navbar.nav-color-yellow ul.menu li a{color:var(--c-black)}
.navbar.nav-color-yellow ul.menu li a:hover:not(.active),.navbar.nav-color-yellow ul.menu li a.current{background-color: var(--c-yellow-hover);color: var(--c-black);}
.navbar.nav-color-yellow ul.menu ul.dropdown-menu{background-color:var(--c-light-yellow);}
.navbar.nav-color-yellow ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-yellow ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-yellow-hover);color: var(--c-black);}
.navbar.nav-color-brown{background-color:var(--c-brown);}
.navbar.nav-color-brown ul.menu li a{color:var(--c-white)}
.navbar.nav-color-brown ul.menu li a:hover:not(.active),.navbar.nav-color-brown ul.menu li a.current{background-color: var(--c-brown-hover);color: var(--c-white);}
.navbar.nav-color-brown ul.menu ul.dropdown-menu{background-color:var(--c-light-brown);}
.navbar.nav-color-brown ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-brown ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-brown-hover);color: var(--c-black);}
.navbar.nav-color-purple{background-color:var(--c-purple);}
.navbar.nav-color-purple ul.menu li a{color:var(--c-white)}
.navbar.nav-color-purple ul.menu li a:hover:not(.active),.navbar.nav-color-purple ul.menu li a.current{background-color: var(--c-purple-hover);color: var(--c-white);}
.navbar.nav-color-purple ul.menu ul.dropdown-menu{background-color:var(--c-light-purple);}
.navbar.nav-color-purple ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-purple ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-purple-hover);color: var(--c-black);}
.navbar.nav-color-pink{background-color:var(--c-pink);}
.navbar.nav-color-pink ul.menu li a{color:var(--c-white)}
.navbar.nav-color-pink ul.menu li a:hover:not(.active),.navbar.nav-color-pink ul.menu li a.current{background-color: var(--c-pink-hover);color: var(--c-white);}
.navbar.nav-color-pink ul.menu ul.dropdown-menu{background-color:var(--c-light-pink);}
.navbar.nav-color-pink ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.navbar.nav-color-pink ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-pink-hover);color: var(--c-black);}
.sidebar.nav-color-black{background-color:var(--c-black);}
.sidebar.nav-color-black ul.menu li p, .sidebar.nav-color-black ul.menu li a{color:var(--c-white)}
.sidebar.nav-color-black ul.menu li a:hover:not(.active),.sidebar.nav-color-black ul.menu li a.current{background-color: var(--c-black-hover);color: var(--c-white);}
.sidebar.nav-color-black ul.menu ul.dropdown-menu{background-color:var(--c-light-black);}
.sidebar.nav-color-black ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-black ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-black-hover);color: var(--c-black);}
.sidebar.nav-color-white{background-color:var(--c-white);}
.sidebar.nav-color-white ul.menu li p, .sidebar.nav-color-white ul.menu li a{color:var(--c-black)}
.sidebar.nav-color-white ul.menu li a:hover:not(.active),.sidebar.nav-color-white ul.menu li a.current{background-color: var(--c-white-hover);color: var(--c-black);}
.sidebar.nav-color-white ul.menu ul.dropdown-menu{background-color:var(--c-light-white);}
.sidebar.nav-color-white ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-white ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-white-hover);color: var(--c-black);}
.sidebar.nav-color-gray{background-color:var(--c-gray);}
.sidebar.nav-color-gray ul.menu li p, .sidebar.nav-color-gray ul.menu li a{color:var(--c-black)}
.sidebar.nav-color-gray ul.menu li a:hover:not(.active),.sidebar.nav-color-gray ul.menu li a.current{background-color: var(--c-gray-hover);color: var(--c-black);}
.sidebar.nav-color-gray ul.menu ul.dropdown-menu{background-color:var(--c-light-gray);}
.sidebar.nav-color-gray ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-gray ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-gray-hover);color: var(--c-black);}
.sidebar.nav-color-blue{background-color:var(--c-blue);}
.sidebar.nav-color-blue ul.menu li p, .sidebar.nav-color-blue ul.menu li a{color:var(--c-white)}
.sidebar.nav-color-blue ul.menu li a:hover:not(.active),.sidebar.nav-color-blue ul.menu li a.current{background-color: var(--c-blue-hover);color: var(--c-white);}
.sidebar.nav-color-blue ul.menu ul.dropdown-menu{background-color:var(--c-light-blue);}
.sidebar.nav-color-blue ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-blue ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-blue-hover);color: var(--c-black);}
.sidebar.nav-color-red{background-color:var(--c-red);}
.sidebar.nav-color-red ul.menu li p, .sidebar.nav-color-red ul.menu li a{color:var(--c-white)}
.sidebar.nav-color-red ul.menu li a:hover:not(.active),.sidebar.nav-color-red ul.menu li a.current{background-color: var(--c-red-hover);color: var(--c-white);}
.sidebar.nav-color-red ul.menu ul.dropdown-menu{background-color:var(--c-light-red);}
.sidebar.nav-color-red ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-red ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-red-hover);color: var(--c-black);}
.sidebar.nav-color-orange{background-color:var(--c-orange);}
.sidebar.nav-color-orange ul.menu li p, .sidebar.nav-color-orange ul.menu li a{color:var(--c-white)}
.sidebar.nav-color-orange ul.menu li a:hover:not(.active),.sidebar.nav-color-orange ul.menu li a.current{background-color: var(--c-orange-hover);color: var(--c-white);}
.sidebar.nav-color-orange ul.menu ul.dropdown-menu{background-color:var(--c-light-orange);}
.sidebar.nav-color-orange ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-orange ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-orange-hover);color: var(--c-black);}
.sidebar.nav-color-green{background-color:var(--c-green);}
.sidebar.nav-color-green ul.menu li p, .sidebar.nav-color-green ul.menu li a{color:var(--c-black)}
.sidebar.nav-color-green ul.menu li a:hover:not(.active),.sidebar.nav-color-green ul.menu li a.current{background-color: var(--c-green-hover);color: var(--c-black);}
.sidebar.nav-color-green ul.menu ul.dropdown-menu{background-color:var(--c-light-green);}
.sidebar.nav-color-green ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-green ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-green-hover);color: var(--c-black);}
.sidebar.nav-color-lime{background-color:var(--c-lime);}
.sidebar.nav-color-lime ul.menu li p, .sidebar.nav-color-lime ul.menu li a{color:var(--c-black)}
.sidebar.nav-color-lime ul.menu li a:hover:not(.active),.sidebar.nav-color-lime ul.menu li a.current{background-color: var(--c-lime-hover);color: var(--c-black);}
.sidebar.nav-color-lime ul.menu ul.dropdown-menu{background-color:var(--c-light-lime);}
.sidebar.nav-color-lime ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-lime ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-lime-hover);color: var(--c-black);}
.sidebar.nav-color-yellow{background-color:var(--c-yellow);}
.sidebar.nav-color-yellow ul.menu li p, .sidebar.nav-color-yellow ul.menu li a{color:var(--c-black)}
.sidebar.nav-color-yellow ul.menu li a:hover:not(.active),.sidebar.nav-color-yellow ul.menu li a.current{background-color: var(--c-yellow-hover);color: var(--c-black);}
.sidebar.nav-color-yellow ul.menu ul.dropdown-menu{background-color:var(--c-light-yellow);}
.sidebar.nav-color-yellow ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-yellow ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-yellow-hover);color: var(--c-black);}
.sidebar.nav-color-brown{background-color:var(--c-brown);}
.sidebar.nav-color-brown ul.menu li p, .sidebar.nav-color-brown ul.menu li a{color:var(--c-white)}
.sidebar.nav-color-brown ul.menu li a:hover:not(.active),.sidebar.nav-color-brown ul.menu li a.current{background-color: var(--c-brown-hover);color: var(--c-white);}
.sidebar.nav-color-brown ul.menu ul.dropdown-menu{background-color:var(--c-light-brown);}
.sidebar.nav-color-brown ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-brown ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-brown-hover);color: var(--c-black);}
.sidebar.nav-color-purple{background-color:var(--c-purple);}
.sidebar.nav-color-purple ul.menu li p, .sidebar.nav-color-purple ul.menu li a{color:var(--c-white)}
.sidebar.nav-color-purple ul.menu li a:hover:not(.active),.sidebar.nav-color-purple ul.menu li a.current{background-color: var(--c-purple-hover);color: var(--c-white);}
.sidebar.nav-color-purple ul.menu ul.dropdown-menu{background-color:var(--c-light-purple);}
.sidebar.nav-color-purple ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-purple ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-purple-hover);color: var(--c-black);}
.sidebar.nav-color-pink{background-color:var(--c-pink);}
.sidebar.nav-color-pink ul.menu li p, .sidebar.nav-color-pink ul.menu li a{color:var(--c-white)}
.sidebar.nav-color-pink ul.menu li a:hover:not(.active),.sidebar.nav-color-pink ul.menu li a.current{background-color: var(--c-pink-hover);color: var(--c-white);}
.sidebar.nav-color-pink ul.menu ul.dropdown-menu{background-color:var(--c-light-pink);}
.sidebar.nav-color-pink ul.menu ul.dropdown-menu li a{color:var(--c-black)}
.sidebar.nav-color-pink ul.menu ul.dropdown-menu li a:hover:not(.active){background-color: var(--c-light-pink-hover);color: var(--c-black);}
.pagination.nav-color-black ul{background-color: var(--c-black);}
.pagination.nav-color-black ul li a {color: var(--c-white);}
.pagination.nav-color-black ul li a:not(.active):not(.surplus):hover{background-color: var(--c-black-hover);}
.pagination.nav-color-black .active {background-color: var(--c-black-hover);}
.pagination.nav-color-white ul{background-color: var(--c-white);}
.pagination.nav-color-white ul li a {color: var(--c-black);}
.pagination.nav-color-white ul li a:not(.active):not(.surplus):hover{background-color: var(--c-white-hover);}
.pagination.nav-color-white .active {background-color: var(--c-white-hover);}
.pagination.nav-color-gray ul{background-color: var(--c-gray);}
.pagination.nav-color-gray ul li a {color: var(--c-black);}
.pagination.nav-color-gray ul li a:not(.active):not(.surplus):hover{background-color: var(--c-gray-hover);}
.pagination.nav-color-gray .active {background-color: var(--c-gray-hover);}
.pagination.nav-color-blue ul{background-color: var(--c-blue);}
.pagination.nav-color-blue ul li a {color: var(--c-white);}
.pagination.nav-color-blue ul li a:not(.active):not(.surplus):hover{background-color: var(--c-blue-hover);}
.pagination.nav-color-blue .active {background-color: var(--c-blue-hover);}
.pagination.nav-color-red ul{background-color: var(--c-red);}
.pagination.nav-color-red ul li a {color: var(--c-white);}
.pagination.nav-color-red ul li a:not(.active):not(.surplus):hover{background-color: var(--c-red-hover);}
.pagination.nav-color-red .active {background-color: var(--c-red-hover);}
.pagination.nav-color-orange ul{background-color: var(--c-orange);}
.pagination.nav-color-orange ul li a {color: var(--c-white);}
.pagination.nav-color-orange ul li a:not(.active):not(.surplus):hover{background-color: var(--c-orange-hover);}
.pagination.nav-color-orange .active {background-color: var(--c-orange-hover);}
.pagination.nav-color-green ul{background-color: var(--c-green);}
.pagination.nav-color-green ul li a {color: var(--c-black);}
.pagination.nav-color-green ul li a:not(.active):not(.surplus):hover{background-color: var(--c-green-hover);}
.pagination.nav-color-green .active {background-color: var(--c-green-hover);}
.pagination.nav-color-lime ul{background-color: var(--c-lime);}
.pagination.nav-color-lime ul li a {color: var(--c-black);}
.pagination.nav-color-lime ul li a:not(.active):not(.surplus):hover{background-color: var(--c-lime-hover);}
.pagination.nav-color-lime .active {background-color: var(--c-lime-hover);}
.pagination.nav-color-yellow ul{background-color: var(--c-yellow);}
.pagination.nav-color-yellow ul li a {color: var(--c-black);}
.pagination.nav-color-yellow ul li a:not(.active):not(.surplus):hover{background-color: var(--c-yellow-hover);}
.pagination.nav-color-yellow .active {background-color: var(--c-yellow-hover);}
.pagination.nav-color-brown ul{background-color: var(--c-brown);}
.pagination.nav-color-brown ul li a {color: var(--c-white);}
.pagination.nav-color-brown ul li a:not(.active):not(.surplus):hover{background-color: var(--c-brown-hover);}
.pagination.nav-color-brown .active {background-color: var(--c-brown-hover);}
.pagination.nav-color-purple ul{background-color: var(--c-purple);}
.pagination.nav-color-purple ul li a {color: var(--c-white);}
.pagination.nav-color-purple ul li a:not(.active):not(.surplus):hover{background-color: var(--c-purple-hover);}
.pagination.nav-color-purple .active {background-color: var(--c-purple-hover);}
.pagination.nav-color-pink ul{background-color: var(--c-pink);}
.pagination.nav-color-pink ul li a {color: var(--c-white);}
.pagination.nav-color-pink ul li a:not(.active):not(.surplus):hover{background-color: var(--c-pink-hover);}
.pagination.nav-color-pink .active {background-color: var(--c-pink-hover);}
.tabs.nav-color-black>label{background-color:var(--c-black);color:var(--c-white);}
.tabs.nav-color-black>input[type=radio]:checked+label{background-color:var(--c-light-black);color:var(--c-black);}
.tabs.nav-color-black>div{background-color:var(--c-light-black);color:var(--c-black);}
.tabs.nav-color-white>label{background-color:var(--c-white);color:var(--c-black);}
.tabs.nav-color-white>input[type=radio]:checked+label{background-color:var(--c-light-white);color:var(--c-black);}
.tabs.nav-color-white>div{background-color:var(--c-light-white);color:var(--c-black);}
.tabs.nav-color-gray>label{background-color:var(--c-gray);color:var(--c-black);}
.tabs.nav-color-gray>input[type=radio]:checked+label{background-color:var(--c-light-gray);color:var(--c-black);}
.tabs.nav-color-gray>div{background-color:var(--c-light-gray);color:var(--c-black);}
.tabs.nav-color-blue>label{background-color:var(--c-blue);color:var(--c-white);}
.tabs.nav-color-blue>input[type=radio]:checked+label{background-color:var(--c-light-blue);color:var(--c-black);}
.tabs.nav-color-blue>div{background-color:var(--c-light-blue);color:var(--c-black);}
.tabs.nav-color-red>label{background-color:var(--c-red);color:var(--c-white);}
.tabs.nav-color-red>input[type=radio]:checked+label{background-color:var(--c-light-red);color:var(--c-black);}
.tabs.nav-color-red>div{background-color:var(--c-light-red);color:var(--c-black);}
.tabs.nav-color-orange>label{background-color:var(--c-orange);color:var(--c-white);}
.tabs.nav-color-orange>input[type=radio]:checked+label{background-color:var(--c-light-orange);color:var(--c-black);}
.tabs.nav-color-orange>div{background-color:var(--c-light-orange);color:var(--c-black);}
.tabs.nav-color-green>label{background-color:var(--c-green);color:var(--c-black);}
.tabs.nav-color-green>input[type=radio]:checked+label{background-color:var(--c-light-green);color:var(--c-black);}
.tabs.nav-color-green>div{background-color:var(--c-light-green);color:var(--c-black);}
.tabs.nav-color-lime>label{background-color:var(--c-lime);color:var(--c-black);}
.tabs.nav-color-lime>input[type=radio]:checked+label{background-color:var(--c-light-lime);color:var(--c-black);}
.tabs.nav-color-lime>div{background-color:var(--c-light-lime);color:var(--c-black);}
.tabs.nav-color-yellow>label{background-color:var(--c-yellow);color:var(--c-black);}
.tabs.nav-color-yellow>input[type=radio]:checked+label{background-color:var(--c-light-yellow);color:var(--c-black);}
.tabs.nav-color-yellow>div{background-color:var(--c-light-yellow);color:var(--c-black);}
.tabs.nav-color-brown>label{background-color:var(--c-brown);color:var(--c-white);}
.tabs.nav-color-brown>input[type=radio]:checked+label{background-color:var(--c-light-brown);color:var(--c-black);}
.tabs.nav-color-brown>div{background-color:var(--c-light-brown);color:var(--c-black);}
.tabs.nav-color-purple>label{background-color:var(--c-purple);color:var(--c-white);}
.tabs.nav-color-purple>input[type=radio]:checked+label{background-color:var(--c-light-purple);color:var(--c-black);}
.tabs.nav-color-purple>div{background-color:var(--c-light-purple);color:var(--c-black);}
.tabs.nav-color-pink>label{background-color:var(--c-pink);color:var(--c-white);}
.tabs.nav-color-pink>input[type=radio]:checked+label{background-color:var(--c-light-pink);color:var(--c-black);}
.tabs.nav-color-pink>div{background-color:var(--c-light-pink);color:var(--c-black);}