/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
html {
  scroll-behavior: smooth;
} 
 a:focus {
    outline: 0px !important;
    outline: none !important;
}

 p:focus {
    outline: 0px !important;
    outline: none !important;
}  div:focus {
    outline: 0px !important;
    outline: none !important;
}

 button:focus {
    outline: 0px !important;
    outline: none !important;
}

 .prekryv  {margin-right:-300px;z-index:100 !important;}
 .prekryv-obrazek {z-index:-1 !important;}
.wp-block-navigation .wp-block-outermost-mega-menu__menu-container {
    z-index:20;
}

  .dark-mode-toggle {
    position: fixed;
    right: 30px;
    bottom: 14px;
    z-index: 9999;
}

.dark-mode-toggle label {
    display: block;
    width: 50px;
    height: 30px;
    background-color: #ddd;
    border-radius: 15px;
    position: relative;
    margin-bottom: 0.7rem;
}
.wp-block-media-text.is-style-tw-overlap .wp-block-media-text__media   {border-radius: 20px !important;overflow:hidden;}

.wp-block-media-text.is-style-tw-overlap.has-media-on-the-right .wp-block-media-text__content {

    margin-right: -120px !important;
}
 .minus {margin-top:-50px !important;}

/*
.dark-mode-toggle label::before {
    	content: "\e076";
        font-family:simple-line-icons;
    display: block;
    width: 30px;
    height: 30px;
    font-size:20px;
    text-align:center;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: -35px;
    transition: 0.3s;
}    */

.dark-mode-toggle label::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: 0.3s;
}

.dark-mode-toggle input[type="checkbox"] {
	display: none;
}
.dark-mode-toggle input[type="checkbox"]:checked + label {
	background-color: #111;
}
.dark-mode-toggle input[type="checkbox"]:checked + label::after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}
.dark-mode {
	background-color: #111;
	color: #D6D5D0;
}
/*.mega-arrow:after {
	content: "\e604";
	display: block;
	right: -15px;
	margin-top: 5px;
	font-family: simple-line-icons;
	font-weight: bold;
	font-size: 10px;
	margin-left: 5px
}  */
.dark-mode p {
	color: #D6D5D0;
}
.dark-mode .has-base-2-background-color {
	background-color: #333 !important;
}
.dark-mode .has-base-background-color {
	background-color: #333 !important;
	color:;
}


.dark-mode div.wp-block-woocommerce-product-categories.wc-block-product-categories.is-list.has-font-size.has-small-font-size > ul > li {

    background: #222;
    color: #e5372c;
}

  .dark-mode .katalog  {
    background-color:#222 !important ;
    color: ;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
    color: #D6D5D0;
}

.dark-mode h1 a, .dark-mode h2 a, .dark-mode h3 a, .dark-mode h4 a, .dark-mode h5 a, .dark-mode h6 a {
    color: #D6D5D0;
}

 
 .dark-mode .mini-black {
    background-color: #111;

}

.dark-mode .mini-black a {
   color:  #e5372c;

}


.efekt:hover {
   animation: animate 8s linear infinite;
	animate: 0.5s;
	transition: 0.5s;
    
}

   .efekt {  position:relative;overflow:visible !important;	animate: 0.5s;}
  
  @keyframes animate {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 400%;
  }
}
 .efekt:before {
	animate: 0.5s; 
	transition: 0.5s;
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
  background-size: 400%;
  border-radius: 40px;
  opacity: 0;
  transition: 0.5s;
  
}

.efekt.animate:before {
  animation: animate 2s linear forwards;
}

 .efekt:hover:before {
  filter: blur(20px);
  opacity: 1;
  animation: animate 8s linear infinite;
	animate: 0.5s;
	transition: 0.5s;   z-index:-1;
}

.onas-menu {
	position: absolute;
     max-width: var(--wp--style--global--wide-size);margin:0 auto;
	visibility: hidden;
	transition:visibility 0.1s linear,opacity 0.1s linear,margin-top 0.2s linear;
left: 50%;
transform: translateX(-50%);width:100%;
z-index: 999;opacity:0; box-shadow: 0px 32px 15px -3px rgba(0,0,0,0.1); ;
    border-radius: 0px;
    margin-top:20px !important;
}



.super-menu-base {
	position: absolute;
     max-width: var(--wp--style--global--wide-size);margin:0 auto;
	visibility: hidden;
	transition:visibility 0.1s linear,opacity 0.1s linear,margin-top 0.2s linear;
left: 50%;
transform: translateX(-50%);width:100%;
z-index: 999;opacity:0; box-shadow: 0px 32px 15px -3px rgba(0,0,0,0.1); 
  border-radius: 0px;
     margin-top:20px !important;
} 
 


.super-menu {
	position: absolute;
     max-width: var(--wp--style--global--wide-size);margin:0 auto;
	visibility: hidden;
	transition:visibility 0.1s linear,opacity 0.1s linear,margin-top 0.2s linear;
left: 50%;
transform: translateX(-50%);width:100%;
z-index: 999;opacity:0; box-shadow: 0px 32px 15px -3px rgba(0,0,0,0.1); ;
    margin-top:20px !important;
  border-radius: 0px;
}   

  .videt-base {
	visibility: visible ;transition:visibility 0.1s linear,opacity 0.1s linear,margin-top 0.2s linear;opacity:1;  margin-top:0px !important;
    
} 

 .videt {
	visibility: visible ;transition:visibility 0.1s linear,opacity 0.1s linear,margin-top 0.2s linear;opacity:1;  margin-top:0px !important;
    
}  

   .onas-videt {
	visibility: visible ;transition:visibility 0.1s linear,opacity 0.1s linear,margin-top 0.2s linear;opacity:1; z-index:999;  margin-top:0px !important;
    
}

.arrow-up, a[href='#otevri'], a[href='#onas'] {
    position: relative; /* nebo 'absolute' podle vašeho layoutu */
    z-index: 1000; /* Vyšší než overlay */
}

.active-link {
  //  color: var(--wp--preset--color--contrast)  !important; /* Příklad změny barvy */
    /* Přidejte další styly podle potřeby */
}

 .cara {float:left;clear:both}

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Poloprůhledné zesednutí */
    z-index: 10; /* Aby bylo nad obsahem stránky, ale pod menu */
}
.active-link:after {
/*content:"";
    width: 0; 
    height: 0;
    position:absolute;top:42px; left:35%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid white;
    display: inline-block;
    margin-left: 0px;   */
}



  @keyframes slide {
  from { left: 0; }
  to {
    left: 100%;
    transform: translateX(-100%);

  }
}



  .super-menu:before {
	content: "";
	display: block;
	width: 100%;
	z-index: 99;
top:-35px;height:35px;
     position:absolute;


}   

 
 /*body {
     background-image: url('https://kabinet.simis.cz/wp-content/uploads/2024/04/pozz-scaled.jpg');
     background-repeat: repeat-y;
     background-size: 100% auto;
  
}  */

      @media (max-width : 640px) {
          div.fooevents-date p {font-size:12px !important}
      .wp-block-media-text.is-style-tw-overlap.has-media-on-the-right .wp-block-media-text__content {

    margin-right: 0px !important;
}



 .prekryv  {margin-right:0px;z-index:100 !important;}

.fixni-menu {
background:white;
           position:fixed;
           bottom:15px;
           z-index:999;  right:15px; left:15px;
           

}  .wp-block-navigation__responsive-container {

    
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
} 
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content a{
    font-size:25px;
}

   .super-menu {
    z-index: 999999;
 bottom:0;top:0;
 position:fixed;
 right:0; left:0;  transform: translateX(0%);background:white;
 overflow:auto;

/* Animace zobrazování */  
}

   .super-menu-base {
    z-index: 999999;
 bottom:0;top:0;
 position:fixed;
 right:0; left:0;transform: translateX(0%);  overflow:auto;  background:white;

/* Animace zobrazování */  
}

     .mega-arrow:after {
	display:none;
}
   .onas-menu {
    z-index: 999999;
 bottom:0;top:0;
 position:fixed;transform: translateX(0%);
 right:0; left:0;   font-size:1.5em !important;   overflow:auto;background:white;
}

   .onas-menu a{
font-size:1.5em !important;
}
    .super-menu a{
font-size:1.5em !important;
}

    .super-menu-base a{
font-size:1.5em !important;
}

.active-link:after {

    border-bottom: 20px solid #222;

}
 }
 
  .is-layout-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--10);
}

.is-layout-grid > li {
    display: flex;
    flex-direction: column;
}

.is-layout-grid > li > * {
    flex: 1;
}

 .post-type-archive-product   .wp-block-post {position:relative}
.post-type-archive-product .taxonomy-product_tag {border-radius: 25px;position:absolute;top:30px;left:15px;font-size:12px;background:white;z-index:9;padding:5px 10px;color:white !important}
       
body > div.wp-site-blocks > div > div.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained > div.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex > div.wp-block-column.is-style-default.is-layout-flow.wp-block-column-is-layout-flow > div.wp-block-add-to-cart-form.wc-block-add-to-cart-form > form > div.event-infos > p 

{margin:0;}

 div.fooevents-date > p

 {margin:0;font-size:15px}
 div.wp-block-woocommerce-product-categories.wc-block-product-categories.is-list.has-font-size.has-small-font-size > ul 
   {margin:0;padding:0;}
div.wp-block-woocommerce-product-categories.wc-block-product-categories.is-list.has-font-size.has-small-font-size > ul > li
   {margin:0;font-size:16px;background:;padding:6px 9px;display:inline-block;color:#e5372c;margin-top:10px;margin-right:5px; border-radius: 25px;
    border:2px solid #e5372c;
  // box-shadow: 0 0 6px 0 rgba(203,43,44,.15) inset;
   }
 div.wp-block-woocommerce-product-categories.wc-block-product-categories.is-list.has-font-size.has-small-font-size > ul > li a
   {color:#e5372c;padding-right:5px} 
   
   
   li.current-category-item {background:#e5372c !important; }   li.current-category-item a {color:white !important; }
   
 li.current-category-item img {
   filter: brightness(0) invert(1);
}
    
   .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
    border: 0px solid #eee;
    display: inline-block;
    margin: 0px;
    max-width: 30px;
    padding: 0;
    margin-right:5px;
    position: relative;
    vertical-align: middle;
}
 

 
 .count {
    
	speak: none;
	font-style: normal;
	font-weight: 400; font-size:13px;

    width:20px;height:20px; 
          background:#c30065;
          color:white; position:absolute;
          text-align:center;line-height:21px;border-radius: 25px;top:5px;
  display:inline-block;margin-left:-5px;

}


.icon-arrow-rights:before {
	content: "\e606"  ;
    	font-family: simple-line-icons;
        font-weight:bold;
        font-size:8px;
        padding:0 10px;
}

  .zavri {cursor:pointer;}
@font-face {
	font-family: simple-line-icons;
	src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0);
	src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format('embedded-opentype'), url(../fonts/Simple-Line-Icons.woff2?v=2.4.0) format('woff2'), url(../fonts/Simple-Line-Icons.ttf?v=2.4.0) format('truetype'), url(../fonts/Simple-Line-Icons.woff?v=2.4.0) format('woff'), url(../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format('svg');
	font-weight: 400;
	font-style: normal
}
.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-down-circle, .icon-arrow-left, .icon-arrow-left-circle, .icon-arrow-right, .icon-arrow-right-circle, .icon-arrow-up, .icon-arrow-up-circle, .icon-badge, .icon-bag, .icon-ban, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camera, .icon-camrecorder, .icon-chart, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emotsmile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-event, .icon-exclamation, .icon-eye, .icon-eyeglass, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-location-pin, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-menu, .icon-microphone, .icon-minus, .icon-mouse, .icon-music-tone, .icon-music-tone-alt, .icon-mustache, .icon-note, .icon-notebook, .icon-options, .icon-options-vertical, .icon-organization, .icon-paper-clip, .icon-paper-plane, .icon-paypal, .icon-pencil, .icon-people, .icon-phone, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-behance, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-foursqare, .icon-social-github, .icon-social-google, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-reddit, .icon-social-skype, .icon-social-soundcloud, .icon-social-spotify, .icon-social-steam, .icon-social-stumbleupon, .icon-social-tumblr, .icon-social-twitter, .icon-social-vkontakte, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
	font-family: simple-line-icons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale ;
    
  display:inline-block;
  margin-top:1px;
  margin-right:8px;
}

p.prdice  {display:none}
.icon-user:before {
	content: "\e005"
}
.icon-people:before {
	content: "\e001"
}
.icon-user-female:before {
	content: "\e000"
}
.icon-user-follow:before {
	content: "\e002"
}
.icon-user-following:before {
	content: "\e003"
}
.icon-user-unfollow:before {
	content: "\e004"
}
.icon-login:before {
	content: "\e066"
}
.icon-logout:before {
	content: "\e065"
}
.icon-emotsmile:before {
	content: "\e021"
}
.icon-phone:before {
	content: "\e600"
}
.icon-call-end:before {
	content: "\e048"
}
.icon-call-in:before {
	content: "\e047"
}
.icon-call-out:before {
	content: "\e046"
}
.icon-map:before {
	content: "\e033"
}
.icon-location-pin:before {
	content: "\e096"
}
.icon-direction:before {
	content: "\e042"
}
.icon-directions:before {
	content: "\e041"
}
.icon-compass:before {
	content: "\e045"
}
.icon-layers:before {
	content: "\e034"
}
.icon-menu:before {
	content: "\e601"
}
.icon-list:before {
	content: "\e067"
}
.icon-options-vertical:before {
	content: "\e602"
}
.icon-options:before {
	content: "\e603"
}
.icon-arrow-down:before {
	content: "\e604"
}
.icon-arrow-left:before {
	content: "\e605"
}
.icon-arrow-right:before {
	content: "\e606"
}
.icon-arrow-up:before {
	content: "\e607"
}
.icon-arrow-up-circle:before {
	content: "\e078"
}
.icon-arrow-left-circle:before {
	content: "\e07a"
}
.icon-arrow-right-circle:before {
	content: "\e079"
}
.icon-arrow-down-circle:before {
	content: "\e07b"
}
.icon-check:before {
	content: "\e080"
}
.icon-clock:before {
	content: "\e081"
}

.icon-close:before {
	content: "\e082"
}
.icon-event:before {
	content: "\e619"
}
.icon-exclamation:before {
	content: "\e617"
}
.icon-organization:before {
	content: "\e616"
}
.icon-trophy:before {
	content: "\e006"
}
.icon-screen-smartphone:before {
	content: "\e010"
}
.icon-screen-desktop:before {
	content: "\e011"
}
.icon-plane:before {
	content: "\e012"
}
.icon-notebook:before {
	content: "\e013"
}
.icon-mustache:before {
	content: "\e014"
}
.icon-mouse:before {
	content: "\e015"
}
.icon-magnet:before {
	content: "\e016"
}
.icon-energy:before {
	content: "\e020"
}
.icon-disc:before {
	content: "\e022"
}
.icon-cursor:before {
	content: "\e06e"
}
.icon-cursor-move:before {
	content: "\e023"
}
.icon-crop:before {
	content: "\e024"
}
.icon-chemistry:before {
	content: "\e026"
}
.icon-speedometer:before {
	content: "\e007"
}
.icon-shield:before {
	content: "\e00e"
}
.icon-screen-tablet:before {
	content: "\e00f"
}
.icon-magic-wand:before {
	content: "\e017"
}
.icon-hourglass:before {
	content: "\e018"
}
.icon-graduation:before {
	content: "\e019"
}
.icon-ghost:before {
	content: "\e01a"
}
.icon-game-controller:before {
	content: "\e01b"
}
.icon-fire:before {
	content: "\e01c"
}
.icon-eyeglass:before {
	content: "\e01d"
}
.icon-envelope-open:before {
	content: "\e01e"
}
.icon-envelope-letter:before {
	content: "\e01f"
}
.icon-bell:before {
	content: "\e027"
}
.icon-badge:before {
	content: "\e028"
}
.icon-anchor:before {
	content: "\e029"
}
.icon-wallet:before {
	content: "\e02a"
}
.icon-vector:before {
	content: "\e02b"
}
.icon-speech:before {
	content: "\e02c"
}
.icon-puzzle:before {
	content: "\e02d"
}
.icon-printer:before {
	content: "\e02e"
}
.icon-present:before {
	content: "\e02f"
}
.icon-playlist:before {
	content: "\e030"
}
.icon-pin:before {
	content: "\e031"
}
.icon-picture:before {
	content: "\e032"
}
.icon-handbag:before {
	content: "\e035"
}
.icon-globe-alt:before {
	content: "\e036"
}
.icon-globe:before {
	content: "\e037"
}
.icon-folder-alt:before {
	content: "\e039"
}
.icon-folder:before {
	content: "\e089"
}
.icon-film:before {
	content: "\e03a"
}
.icon-feed:before {
	content: "\e03b"
}
.icon-drop:before {
	content: "\e03e"
}
.icon-drawer:before {
	content: "\e03f"
}
.icon-docs:before {
	content: "\e040"
}
.icon-doc:before {
	content: "\e085"
}
.icon-diamond:before {
	content: "\e043"
}
.icon-cup:before {
	content: "\e044"
}
.icon-calculator:before {
	content: "\e049"
}
.icon-bubbles:before {
	content: "\e04a"
}
.icon-briefcase:before {
	content: "\e04b"
}
.icon-book-open:before {
	content: "\e04c"
}
.icon-basket-loaded:before {
	content: "\e04d"
}
.icon-basket:before {
	content: "\e04e"
}
.icon-bag:before {
	content: "\e04f"
}
.icon-action-undo:before {
	content: "\e050"
}
.icon-action-redo:before {
	content: "\e051"
}
.icon-wrench:before {
	content: "\e052"
}
.icon-umbrella:before {
	content: "\e053"
}
.icon-trash:before {
	content: "\e054"
}
.icon-tag:before {
	content: "\e055"
}
.icon-support:before {
	content: "\e056"
}
.icon-frame:before {
	content: "\e038"
}
.icon-size-fullscreen:before {
	content: "\e057"
}
.icon-size-actual:before {
	content: "\e058"
}
.icon-shuffle:before {
	content: "\e059"
}
.icon-share-alt:before {
	content: "\e05a"
}
.icon-share:before {
	content: "\e05b"
}
.icon-rocket:before {
	content: "\e05c"
}
.icon-question:before {
	content: "\e05d"
}
.icon-pie-chart:before {
	content: "\e05e"
}
.icon-pencil:before {
	content: "\e05f"
}
.icon-note:before {
	content: "\e060"
}
.icon-loop:before {
	content: "\e064"
}
.icon-home:before {
	content: "\e069"
}
.icon-grid:before {
	content: "\e06a"
}
.icon-graph:before {
	content: "\e06b"
}
.icon-microphone:before {
	content: "\e063"
}
.icon-music-tone-alt:before {
	content: "\e061"
}
.icon-music-tone:before {
	content: "\e062"
}
.icon-earphones-alt:before {
	content: "\e03c"
}
.icon-earphones:before {
	content: "\e03d"
}
.icon-equalizer:before {
	content: "\e06c"
}
.icon-like:before {
	content: "\e068"
}
.icon-dislike:before {
	content: "\e06d"
}
.icon-control-start:before {
	content: "\e06f"
}
.icon-control-rewind:before {
	content: "\e070"
}
.icon-control-play:before {
	content: "\e071"
}
.icon-control-pause:before {
	content: "\e072"
}
.icon-control-forward:before {
	content: "\e073"
}
.icon-control-end:before {
	content: "\e074"
}
.icon-volume-1:before {
	content: "\e09f"
}
.icon-volume-2:before {
	content: "\e0a0"
}
.icon-volume-off:before {
	content: "\e0a1"
}
.icon-calendar:before {
	content: "\e075"
}
.icon-bulb:before {
	content: "\e076"
}
.icon-chart:before {
	content: "\e077"
}
.icon-ban:before {
	content: "\e07c"
}
.icon-bubble:before {
	content: "\e07d"
}
.icon-camrecorder:before {
	content: "\e07e"
}
.icon-camera:before {
	content: "\e07f"
}
.icon-cloud-download:before {
	content: "\e083"
}
.icon-cloud-upload:before {
	content: "\e084"
}
.icon-envelope:before {
	content: "\e086"
}
.icon-eye:before {
	content: "\e087"
}
.icon-flag:before {
	content: "\e088"
}
.icon-heart:before {
	content: "\e08a"
}
.icon-info:before {
	content: "\e08b"
}
.icon-key:before {
	content: "\e08c"
}
.icon-link:before {
	content: "\e08d"
}
.icon-lock:before {
	content: "\e08e"
}
.icon-lock-open:before {
	content: "\e08f"
}
.icon-magnifier:before {
	content: "\e090"
}
.icon-magnifier-add:before {
	content: "\e091"
}
.icon-magnifier-remove:before {
	content: "\e092"
}
.icon-paper-clip:before {
	content: "\e093"
}
.icon-paper-plane:before {
	content: "\e094"
}
.icon-power:before {
	content: "\e097"
}
.icon-refresh:before {
	content: "\e098"
}
.icon-reload:before {
	content: "\e099"
}
.icon-settings:before {
	content: "\e09a"
}
.icon-star:before {
	content: "\e09b"
}
.icon-symbol-female:before {
	content: "\e09c"
}
.icon-symbol-male:before {
	content: "\e09d"
}
.icon-target:before {
	content: "\e09e"
}
.icon-credit-card:before {
	content: "\e025"
}
.icon-paypal:before {
	content: "\e608"
}
.icon-social-tumblr:before {
	content: "\e00a"
}
.icon-social-twitter:before {
	content: "\e009"
}
.icon-social-facebook:before {
	content: "\e00b"
}
.icon-social-instagram:before {
	content: "\e609"
}
.icon-social-linkedin:before {
	content: "\e60a"
}
.icon-social-pinterest:before {
	content: "\e60b"
}
.icon-social-github:before {
	content: "\e60c"
}
.icon-social-google:before {
	content: "\e60d"
}
.icon-social-reddit:before {
	content: "\e60e"
}
.icon-social-skype:before {
	content: "\e60f"
}
.icon-social-dribbble:before {
	content: "\e00d"
}
.icon-social-behance:before {
	content: "\e610"
}
.icon-social-foursqare:before {
	content: "\e611"
}
.icon-social-soundcloud:before {
	content: "\e612"
}
.icon-social-spotify:before {
	content: "\e613"
}
.icon-social-stumbleupon:before {
	content: "\e614"
}
.icon-social-youtube:before {
	content: "\e008"
}
.icon-social-dropbox:before {
	content: "\e00c"
}
.icon-social-vkontakte:before {
	content: "\e618"
}
.icon-social-steam:before {
	content: "\e620"
}



body {
    font-family: 'stratos', sans-serif !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'stratos', sans-serif !important;
}

p {
    font-family: 'stratos', sans-serif !important;
}



.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    clip-path: inset(0% round 10%);
     
    transition: clip-path 2s, transform 4s;
}

.hero {
    position: relative;
    overflow: hidden; 
}

.hero img {
    display: block;
    width: 100%;
    height: auto;
    clip-path: circle(0% at 50% 50%);
    transition: clip-path 1s ease-out; 
}
 

@keyframes levitate {
 0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }  
}