/**
 * Copyrights: (c) 2018 BY RELATIONS
 * Author: Olivier Boulland
 * Licence: Commercial
 * Creation date: 2023-01-21
 * Description: 
 */
/* ============================================================================= FORM */
.dw_form.inline .dw_form_group {
  position: relative;
  display: flex;
  padding-bottom: 22px;
}
.dw_form.inline .dw_form_group.last {
  padding-bottom: 0;
}
@media (max-width: 480px) {
  .dw_form.inline .dw_form_group {
    display: block;
  }
}
.dw_form.inline .dw_form_group a {
  text-decoration: none;
}
.dw_form.inline .dw_form_group label {
  text-align: right;
  margin-right: 10px;
  line-height: 2em;
  color: #646464;
}
.dw_form.inline .dw_form_group input, .dw_form.inline .dw_form_group textarea {
  width: 100%;
  color: #646464;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-shadow: none;
  padding: 6px 12px;
}
.dw_form.inline .dw_form_group.flex_end {
  justify-content: flex-end;
}
.dw_form.inline.material input {
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.dw_form.vertical .dw_form_group {
  position: relative;
  display: flex;
  padding-bottom: 22px;
}
.dw_form.vertical .dw_form_group .last {
  padding-bottom: 0;
}
.dw_form.vertical .dw_form_group a {
  text-decoration: none;
}
.dw_form.vertical .dw_form_group label {
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  line-height: 2em;
  color: #646464;
}
.dw_form.vertical .dw_form_group input {
  display: block;
  line-height: 2em;
  width: 100%;
}
.dw_form.vertical .dw_form_group.flex_end {
  justify-content: flex-end;
}
.dw_form.vertical.material input {
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.dw_form .dw_error_msg {
  position: absolute;
  bottom: 4px;
  right: 0;
  color: #d2322d;
  font-style: italic;
  font-size: 13px;
  text-align: right;
}

/* ============================================================================= dropdownMenu */
.dw_dropdownMenu {
  position: relative;
  display: inline-block;
  font-size: 13px;
}
@media (max-width: 480px) {
  .dw_dropdownMenu {
    font-size: 13px;
  }
}
.dw_dropdownMenu .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dw_dropdownMenu ul {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding-inline-start: 0;
  margin-block: 0;
  z-index: 1;
  line-height: 20px;
  right: 0px;
}
.dw_dropdownMenu ul.expanded {
  display: block;
}
.dw_dropdownMenu ul.left_deploy {
  right: 0;
}
.dw_dropdownMenu ul.right_deploy {
  left: 0;
}
.dw_dropdownMenu ul li {
  display: block;
  color: #393939;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dw_dropdownMenu ul li:hover {
  background-color: #dddddd;
  cursor: pointer;
}

/* ============================================================================= GRID */
.dw_flex_box {
  display: flex;
  gap: 20px;
}
.dw_flex_box.wrap {
  flex-wrap: wrap;
}
.dw_flex_box .col_1 {
  flex: 1;
}
.dw_flex_box .col_2 {
  flex: 2;
}
.dw_flex_box .col_3 {
  flex: 3;
}
.dw_flex_box .col_4 {
  flex: 4;
}
.dw_flex_box .col_5 {
  flex: 5;
}
@media screen and (max-width: 768px) {
  .dw_flex_box .col_xs_1 {
    flex: 1;
  }
  .dw_flex_box .col_xs_2 {
    flex: 2;
  }
  .dw_flex_box .col_xs_3 {
    flex: 3;
  }
  .dw_flex_box .col_xs_4 {
    flex: 4;
  }
  .dw_flex_box .col_xs_5 {
    flex: 5;
  }
  .dw_flex_box .col_xs_6 {
    flex: 6;
  }
  .dw_flex_box .col_xs_7 {
    flex: 7;
  }
  .dw_flex_box .col_xs_8 {
    flex: 8;
  }
  .dw_flex_box .col_xs_9 {
    flex: 9;
  }
  .dw_flex_box .col_xs_10 {
    flex: 10;
  }
  .dw_flex_box .col_xs_11 {
    flex: 11;
  }
  .dw_flex_box .col_xs_12 {
    flex: 12;
  }
}

/* open_right, open_down */
.dw_sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #37474f;
  padding: 0;
  z-index: 1000;
  opacity: 1;
  left: 0;
  height: 100%;
  width: 200px;
  transition: all 0.28s ease-out;
}
.dw_sidebar.down {
  top: -300px;
  left: 0;
  width: 160px;
  height: fit-content;
}
@media (max-width: 768px) {
  .dw_sidebar {
    width: 360px;
    left: -360px;
  }
  .dw_sidebar.expanded-right {
    z-index: 800;
    left: 0;
    -webkit-transform: translateX(0%) translateY(0) translateZ(0);
    -ms-transform: translateX(0%) translateY(0);
    transform: translateX(0%) translateY(0) translateZ(0);
  }
  .dw_sidebar.expanded-down {
    opacity: 1;
    top: 37px;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
.dw_sidebar .header {
  text-align: center;
  height: 80px;
  background-color: #181e22;
  line-height: 80px;
}
@media (max-width: 768px) {
  .dw_sidebar .header {
    height: 80px;
    line-height: 80px;
  }
}

.dw_sidebar_left_open {
  left: 0;
}
@media (max-width: 768px) {
  .dw_sidebar_left_open {
    left: 360px;
  }
}

.dw_sidebar_menu {
  padding-left: 0;
}
.dw_sidebar_menu li {
  list-style: outside none none;
  font-weight: 500;
  font-size: 15px;
}
.dw_sidebar_menu li.dw_menu_item {
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  padding: 4px 14px 6px 8px;
  margin-bottom: 10px;
}
.dw_sidebar_menu li.dw_menu_item a {
  color: white;
  display: contents;
}
.dw_sidebar_menu li.dw_menu_item a:hover,
.dw_sidebar_menu li.dw_menu_item a:focus {
  color: red;
  background: rgb(23.6007462687, 30.4664179104, 33.8992537313);
  cursor: pointer;
}
.dw_sidebar_menu li.dw_menu_item.active {
  background: rgb(23.6007462687, 30.4664179104, 33.8992537313);
}
.dw_sidebar_menu li.dw_menu_item:hover, .dw_sidebar_menu li.dw_menu_item:focus {
  color: #fff;
  background: rgb(23.6007462687, 30.4664179104, 33.8992537313);
  cursor: pointer;
}
.dw_sidebar_menu li.dw_menu_divider {
  color: rgba(255, 255, 255, 0.8);
  padding: 8px 8px 8px 8px;
}
.dw_sidebar_menu li .dw_menu_icon {
  padding-top: 4px;
}
@media (max-width: 768px) {
  .dw_sidebar_menu li .dw_menu_icon {
    padding-left: 8px;
    padding-right: 8px;
  }
  .dw_sidebar_menu li .dw_menu_icon .fa {
    font-size: 20px;
  }
}
.dw_sidebar_menu li .dw_menu_label {
  padding-left: 15px;
  line-height: 30px;
}
@media (max-width: 768px) {
  .dw_sidebar_menu li .dw_menu_label {
    font-size: 20px;
  }
}

.dw_logo {
  max-height: 48px;
  vertical-align: middle;
}

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.dw_center_spinner {
  position: fixed;
  z-index: 800;
  margin-top: 35%;
  margin-left: 48%;
}

.dw_spinner {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #37474f;
  width: 24px;
  height: 24px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/********************************* page animations **************************************/
.animated_move_to_left {
  -webkit-animation: moveToLeft 0.6s ease both;
  animation: moveToLeft 0.6s ease both;
}

.animated_move_from_left {
  -webkit-animation: moveFromLeft 0.6s ease both;
  animation: moveFromLeft 0.6s ease both;
}

.animated_move_to_right {
  -webkit-animation: moveToRight 0.6s ease both;
  animation: moveToRight 0.6s ease both;
}

.animated_move_from_right {
  -webkit-animation: moveFromRight 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}

.animated_move_to_top {
  -webkit-animation: moveToTop 0.6s ease both;
  animation: moveToTop 0.6s ease both;
}

.animated_move_from_top {
  -webkit-animation: moveFromTop 0.6s ease both;
  animation: moveFromTop 0.6s ease both;
}

.animated_move_to_bottom {
  -webkit-animation: moveToBottom 0.6s ease both;
  animation: moveToBottom 0.6s ease both;
}

.animated_move_from_bottom {
  -webkit-animation: moveFromBottom 0.6s ease both;
  animation: moveFromBottom 0.6s ease both;
}

/********************************* keyframes **************************************/
@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
body {
  margin: 0;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 13px;
  color: #393939;
  background-color: #f9f9f9;
}
@media (max-width: 480px) {
  body {
    font-size: 13px;
  }
}

textarea {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  resize: vertical;
}

/* ============================================================================= HIDDEN */
.web_hidden {
  display: none !important;
}

@media (max-width: 480px) {
  .web_hidden_under_xs {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .web_hidden_under_sm {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .web_hidden_upper_xs {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .web_hidden_upper_sm {
    display: none !important;
  }
}
/* ================================================== gategory */
.gategory {
  display: grid;
  grid-template-columns: auto;
  column-gap: 10px;
  row-gap: 10px;
}
@media (min-width: 480px) {
  .gategory {
    grid-template-columns: auto;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .gategory {
    grid-template-columns: auto auto;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .gategory {
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .gategory {
    grid-template-columns: auto auto auto auto;
  }
}
@media (min-width: 1200px) and (max-width: 1900px) {
  .gategory {
    grid-template-columns: auto auto auto auto auto;
  }
}
@media (min-width: 1900px) {
  .gategory {
    grid-template-columns: auto auto auto auto auto auto;
  }
}
.gategory .gategory_item {
  cursor: pointer;
  position: relative;
  text-align: center;
  z-index: 0;
  margin: 15px;
}
@media (max-width: 480px) {
  .gategory .gategory_item {
    margin-bottom: 8px;
  }
}
.gategory .gategory_item .gategory_fadedbox {
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.gategory .gategory_item .gategory_illustration {
  width: 100%;
}
.gategory .gategory_item .gategory_title {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  font-size: 2vh;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.3s;
  padding-top: 20px;
  margin: 10px;
}
.gategory .gategory_item:hover .gategory_fadedbox {
  opacity: 0.8;
}
.gategory .gategory_item:hover .gategory_title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.gategory .gategory_title_mob {
  display: none;
}
@media (max-width: 480px) {
  .gategory .gategory_title_mob {
    color: #555;
    font-size: 11px;
    display: block;
    margin-bottom: 8px;
  }
}

.web_top_bar_container {
  width: 100%;
  height: 80px;
  line-height: 50px;
  position: fixed;
  padding-left: 8px;
  border-bottom: 1px solid #ccc;
  background-color: lightgray;
  z-index: 1000;
  display: flex;
}
.web_top_bar_container .margin {
  width: 15%;
}
@media screen and (max-width: 768px) {
  .web_top_bar_container {
    height: 36px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.web_logo {
  height: 60px;
  margin-top: 10px;
  border-radius: 6px;
}
@media (max-width: 480px) {
  .web_logo {
    height: 38px;
    margin: 0px;
  }
}

/* ================================================== navbar */
.navbar {
  margin-left: 15%;
  margin-right: 15%;
}
.navbar:after {
  content: unset;
}
@media (max-width: 480px) {
  .navbar {
    margin-left: 0;
    margin-right: 0;
  }
}

/* ================================================== navbar_menu */
.navbar_menu {
  display: table;
  width: 100%;
}

.navbar_menu_part {
  display: table-cell;
}

.navbar_menu_container {
  /* width: 768px; */
  width: 1338px;
}

/* ================================================== nav */
.nav:before {
  content: unset;
}
.nav:after {
  content: unset;
}

/* ================================================== navbar-nav */
.navbar-nav {
  display: table;
  width: 100%;
}

.navbar-nav > li {
  display: table-cell;
  float: none;
  text-align: center;
  vertical-align: middle;
}

.navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #0f192a;
}

/* ================================================== navbar_menu */
.navbar_menu {
  display: table;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar_menu_part {
  display: table-cell;
}

.navbar_menu_container {
  /* width: 768px; */
  width: 1338px;
}

/* ================================================== nav-pills */
.web_nav {
  display: flex;
  width: 100%;
  height: 60px;
  position: fixed;
  border-bottom: 1px solid #ccc;
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}

.web_nav_pills {
  text-align: center;
  height: 40px;
  width: 100px;
  border-radius: 6px;
  background-color: #272727;
  padding: 10px;
  margin: 10px 0 10px 0;
}
.web_nav_pills i {
  line-height: 40px;
  font-size: 40px;
  color: white;
}
.web_nav_pills label {
  display: block;
  color: white;
  line-height: 20px;
  font-size: 18px;
}
.web_nav_pills.empty {
  background: none;
}
.web_nav_pills.empty:hover {
  cursor: default;
}
.web_nav_pills.active, .web_nav_pills:hover {
  cursor: pointer;
}
.web_nav_pills.active.theme_1, .web_nav_pills:hover.theme_1 {
  background-color: #60CCEC;
}
.web_nav_pills.active.theme_2, .web_nav_pills:hover.theme_2 {
  background-color: #A1C740;
}
.web_nav_pills.active.theme_3, .web_nav_pills:hover.theme_3 {
  background-color: #FEE552;
}
.web_nav_pills.active.theme_4, .web_nav_pills:hover.theme_4 {
  background-color: #CE4E65;
}
.web_nav_pills.active.theme_5, .web_nav_pills:hover.theme_5 {
  background-color: #EC5C38;
}
.web_nav_pills.active.theme_6, .web_nav_pills:hover.theme_6 {
  background-color: #FB7A27;
}

/* ============================================================================= web_nav_button */
.web_nav_button {
  text-align: center;
  width: max-content;
  border-radius: 6px;
  background-color: #37474f;
  padding: 10px;
  color: white;
  text-decoration: none;
}
.web_nav_button i {
  height: 16px;
  width: 16px;
}
.web_nav_button.cancel {
  background-color: #7c7c7c;
}
.web_nav_button.active, .web_nav_button:hover {
  cursor: pointer;
  background-color: rgb(86.3992537313, 111.5335820896, 124.1007462687);
}
.web_nav_button.active.theme_1, .web_nav_button:hover.theme_1 {
  background-color: #60CCEC;
}
.web_nav_button.active.theme_2, .web_nav_button:hover.theme_2 {
  background-color: #A1C740;
}
.web_nav_button.active.theme_3, .web_nav_button:hover.theme_3 {
  background-color: #FEE552;
}
.web_nav_button.active.theme_4, .web_nav_button:hover.theme_4 {
  background-color: #CE4E65;
}
.web_nav_button.active.theme_5, .web_nav_button:hover.theme_5 {
  background-color: #EC5C38;
}
.web_nav_button.active.theme_6, .web_nav_button:hover.theme_6 {
  background-color: #FB7A27;
}

/* ============================================================================= web_ribbon_box */
.web_ribbon_box {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  z-index: 500;
  background-color: #A1C740;
}
.web_ribbon_box:before {
  border: 18px solid;
  border-color: #A1C740;
  border-left-color: transparent;
  border-bottom-color: transparent;
  top: 0;
  right: 100%;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
}

/* ================================================== page */
body {
  margin: 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #646464;
  background-color: #f5f5f5;
}

@media (max-width: 480px) {
  h1 {
    font-size: 30px;
  }
}

.follow {
  position: fixed;
  top: 100px;
  right: 0px;
  cursor: pointer;
  z-index: 2000;
}
@media (max-width: 480px) {
  .follow {
    top: 60px;
  }
}

.follow_form {
  padding: 10px;
  margin-bottom: 10px;
  position: fixed;
  right: 0px;
  width: 280px;
  background: #eee;
  z-index: 2000;
}

/* ================================================== page */
.web_row {
  display: flex;
  flex-wrap: wrap;
}

.web_col_1 {
  flex: 1;
}

.web_col_2 {
  flex: 2;
}

.web_col_3 {
  flex: 3;
}

.web_col_4 {
  flex: 4;
}

.web_page_container {
  position: relative;
  margin-left: 15%;
  margin-right: 15%;
  min-height: 820px;
  padding-top: 100px;
}
@media (max-width: 768px) {
  .web_page_container {
    padding-top: 50px;
    margin-left: 5%;
    margin-right: 5%;
  }
}
.web_page_container p {
  word-break: break-word;
  font-size: 14px;
  line-height: 22px;
}

.web_page_next_previous {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .web_page_next_previous {
    margin-top: 20px;
  }
}

.web_left_margin {
  width: 20px;
}
@media (max-width: 480px) {
  .web_left_margin {
    width: 10px;
  }
}

.web_right_margin {
  width: 20px;
}
@media (max-width: 480px) {
  .web_right_margin {
    width: 10px;
  }
}

.web_page_title {
  border: none;
  color: #A1C740;
}

.web_page_resume {
  min-width: 250px;
  background-color: white;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.web_page_stats {
  text-align: right;
  border: none;
  color: #A1C740;
}
.web_page_stats i {
  border: 0;
  margin-right: 6px;
  margin-left: 20px;
}

.web_nav_pills {
  text-align: center;
  height: 40px;
  width: 100px;
  border-radius: 6px;
  background-color: #272727;
}

/* ================================================== LITEBOX */
.web_lightbox_container {
  min-width: 250px;
  /* The Modal (background) */
  /* Modal Content */
  /* The Close Button */
}
@media (width < 525px) {
  .web_lightbox_container {
    margin-right: 0;
  }
}
.web_lightbox_container .web_lightbox {
  position: relative;
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* Full page mode */
}
.web_lightbox_container .web_lightbox .web_lightbox_image {
  width: 100%;
}
.web_lightbox_container .web_lightbox .previous,
.web_lightbox_container .web_lightbox .next {
  cursor: pointer;
  position: absolute;
  top: 60%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 26px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  /* On hover, add a black background color with a little bit see-through */
}
.web_lightbox_container .web_lightbox .previous:hover,
.web_lightbox_container .web_lightbox .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.web_lightbox_container .web_lightbox .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.web_lightbox_container .web_lightbox .full_page_button {
  cursor: pointer;
  position: absolute;
  width: auto;
  right: 10px;
  top: 10px;
  padding: 10px;
  color: white;
  font-weight: bold;
  font-size: 26px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}
.web_lightbox_container .web_lightbox .full_page_button:before {
  content: "\f320";
  font-family: "Font Awesome 5 Pro";
  left: -5px;
  position: absolute;
  top: 0;
}
.web_lightbox_container .web_lightbox.full_page {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  height: 100%;
  overflow: auto;
  background-color: black;
}
.web_lightbox_container .web_lightbox.full_page .full_page_button:before {
  content: "\f326";
  font-family: "Font Awesome 5 Pro";
  left: -5px;
  position: absolute;
  top: 0;
}
.web_lightbox_container .web_lightbox.full_page .web_lightbox_image {
  margin: auto;
  width: 80%;
  display: block;
  padding-top: 100px;
}
.web_lightbox_container .web_lightbox_images {
  cursor: pointer;
}
.web_lightbox_container .web_lightbox_images .web_lightbox_thumbnail {
  margin-right: 4px;
}
.web_lightbox_container .web_lightbox_images .web_lightbox_thumbnail img {
  width: 100%;
}
.web_lightbox_container .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}
.web_lightbox_container .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}
.web_lightbox_container .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}
.web_lightbox_container .close:hover,
.web_lightbox_container .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* ================================================== cookies */
.web_footer {
  margin-top: 15px;
  background-color: #272727;
  color: white;
}

/* ================================================== tags */
.tag {
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  border-radius: 50px;
  color: white;
  width: max-content;
  font-weight: bold;
  font-size: 14px;
}
.tag.theme_1 {
  color: #60CCEC;
  border: 1px solid #60CCEC;
}
.tag.theme_2 {
  color: #A1C740;
  border: 1px solid #A1C740;
}
.tag.theme_3 {
  color: #FEE552;
  border: 1px solid #FEE552;
}
.tag.theme_4 {
  color: #CE4E65;
  border: 1px solid #CE4E65;
}
.tag.theme_5 {
  color: #EC5C38;
  border: 1px solid #EC5C38;
}
.tag.theme_6 {
  color: #FB7A27;
  border: 1px solid #FB7A27;
}
.tag.active {
  color: white;
}
.tag.active.theme_1 {
  background-color: #60CCEC;
}
.tag.active.theme_2 {
  background-color: #A1C740;
}
.tag.active.theme_3 {
  background-color: #FEE552;
}
.tag.active.theme_4 {
  background-color: #CE4E65;
}
.tag.active.theme_5 {
  background-color: #EC5C38;
}
.tag.active.theme_6 {
  background-color: #FB7A27;
}

.share_container {
  left: 10px;
}
@media (width >= 768px) {
  .share_container {
    position: fixed;
    display: grid;
    top: 100px;
  }
}
@media (max-width: 768px) {
  .share_container {
    position: relative;
    display: flex;
  }
  .share_container a {
    display: block;
  }
}

.share_icon {
  margin-left: 15px;
  vertical-align: middle;
  line-height: 30px;
}

.social_links ul {
  margin: 0;
  padding: 0;
}
.social_links ul li {
  list-style-type: none;
}

a.social-button {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  line-height: 30px;
  margin: 4px;
  font-size: 18px;
  text-align: center;
  color: #f0f0f0;
  overflow: hidden;
  padding: 0px;
}
a.social-button.facebook-button {
  background-color: #3b5998;
}
a.social-button.twitter-button {
  background-color: #4099ff;
}
a.social-button.googleplus-button {
  background-color: #dd4b39;
}
a.social-button.pinterest-button {
  background-color: #c8232c;
}
a.social-button.email-button {
  background-color: #35c05f;
  font-size: 10px;
}
a.social-button.reddit-button {
  background-color: #7ebbde;
  font-size: 10px;
}

a.social-button:hover {
  text-decoration: none;
}

a.social-button.twitter-button:hover {
  background-color: #303030;
}

a.social-button.facebook-button:hover {
  background-color: #303030;
}

a.social-button.googleplus-button:hover {
  background-color: #303030;
}

a.social-button.pinterest-button:hover {
  background-color: #303030;
}

a.social-button.email-button:hover {
  background-color: #303030;
}

a.social-button.stumbleupon-button {
  background-color: #EB4823;
  font-size: 10px;
}

a.social-button.stumbleupon-button:hover {
  background-color: #EB4823;
}

a.social-button.reddit-button:hover {
  background-color: #7ebbde;
}/*# sourceMappingURL=main_site.css.map */