.elementor-kit-570{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#E91E63;--e-global-color-text:#334155;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-570 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#sfm-sidebar .sfm-menu > li a{
    text-transform: lowercase!important;
}
.dropdown-item>i {
    padding-right: 0px;
    padding-top: 8px;
}
#sfm-overlay {
    background: #1D2327;
}
#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter, #sfm-sidebar .sfm-back-parent{
    font-weight:500!important;
}

body { 
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI", "Poppins",sans-serif; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.elementor-widget-search .e-search-form{
    --e-search-icon-clear-absolute-width:0px!important;
}
.elementor-widget-taxonomy-filter{
  --e-filter-item-padding: 0px!important;
}

a, a:focus,a:active{
	outline:none!important;
}

@media (min-width: 1025px){
  .elementskit-megamenu-has .elementskit-megamenu-panel {
      transition: 600ms !important; 
  }
}
#ekit-megamenu-main-menu #menu-main-menu>li{
  /*margin: 0;*/
}

#ekit-megamenu-main-menu #menu-main-menu>li>a:before, #ekit-megamenu-main-menu #menu-main-menu>li>a:after{
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

}
#ekit-megamenu-main-menu #menu-main-menu>li>a:before{
  /*top: 0;*/
  bottom:0;
  display: none;
  height: 4px;
  width: 0%;
  content: "";
  background-color: #707070;
}
#ekit-megamenu-main-menu #menu-main-menu>li>a:after{
  left: 0;
  /*top: 0;*/
  padding: 0px;
  position: absolute;
  content: attr(data-hover);
  color: #707070;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
  display: none;
}

:lang(en) #ekit-megamenu-main-menu #menu-main-menu>li>a:after, :lang(es) #ekit-megamenu-main-menu #menu-main-menu>li>a:after{
  display: none!important;
}

#ekit-megamenu-main-menu #menu-main-menu>li>a:hover:before, #ekit-megamenu-main-menu #menu-main-menu>li.active>a:before{
  opacity: 1;
  width: 100%;
}
#ekit-megamenu-main-menu #menu-main-menu>li>a:hover:after, #ekit-megamenu-main-menu #menu-main-menu>li.active>a:after{
  max-width: 100%;
}


.elementskit-navbar-nav > li.current-menu-ancestor > a:before{
  width: 100%!important;
}


@media (min-width: 960px){
	#ekit-megamenu-main-menu #menu-main-menu>li>a:before, #ekit-megamenu-main-menu #menu-main-menu>li>a:after{
	  display: block;
	}
	#ekit-megamenu-main-menu #menu-main-menu>li {
		/*margin: 0 9px;*/
	}
	
	
	#ekit-megamenu-main-menu #menu-main-menu>.open>a:after,
	#ekit-megamenu-main-menu #menu-main-menu>.open>a:hover:after,
	#ekit-megamenu-main-menu #menu-main-menu>.open>a:focus:after{
	  display: block;
	  max-width: 100%;
	}

	#ekit-megamenu-main-menu #menu-main-menu>.open>a:before,
	#ekit-megamenu-main-menu #menu-main-menu>.open>a:hover:before,
	#ekit-megamenu-main-menu #menu-main-menu>.open>a:focus:before{
	  display: block;
	  width: 100%;
	}
	
	
}


/*SUBMENU*/


.elementskit-navbar-nav-default .elementskit-submenu-panel>li>a:before{
  position: absolute;
  /*top: 0;*/
  bottom:0;
  left: 0;
  /*display: none;*/
  height: 4px;
  width: 0%;
  content: "";
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.elementskit-navbar-nav-default .elementskit-submenu-panel>li>a:hover:before, 
.elementskit-navbar-nav-default .elementskit-submenu-panel>li.active>a:before{
  opacity: 1;
  width: 100%;
}




#NavigationPane{
  width: auto;
  float: none;
  padding: 0;
  /*margin-left: 15px;*/
}

#pageTitlePane{
  max-width:100%;
  float: none;
  padding:  7px 0 0 0;
  width: 0px;
}

@media screen and (min-width:767px) {
  #NavigationPane{
      float: right;
      margin-left: 0;
  }
  #pageTitlePane{
    float: left;
    width: auto;
    padding: 4px 15px 0 0;
      
  }
}
@media screen and (min-width:960px) {
  #pageTitlePane{
      padding: 4px 10px 0 0;
  }
}


#page-top{
  background-image: url(https://wpbb.libware.net/wp-content/uploads/2025/05/page-top-border-white.svg), url(https://wpbb.libware.net/wp-content/uploads/2025/05/bg_head_shadow-1.svg);
  background-position: center bottom, center top;
  background-repeat: repeat-x, no-repeat;
  background-color: #F9F2E8;
  /*overflow:hidden;*/
}
#page-top > div {
  justify-content: space-between;
  overflow: hidden;
}


@media only screen and (min-width: 767px){
  #page-top > div {
      /*padding: 0 15px;*/
      justify-content: space-between;

  }
  
}


#page-top > div h2 {
  border-bottom: 4px solid #26292C;
  color: #26292C;
  font-weight: 700;
  display: inline-block;
  margin: 0px;
  min-height: 52px;
  padding: 0;
  position: relative;
  letter-spacing: -0.015em;
  font-size: 24px;
  line-height: 45px;
  text-transform: lowercase;
}

#page-top > div a, #page-top > div a:link, #page-top > div a:visited, #page-top span{
  color: #444444;
  font-size:12px;
  text-decoration: none;
}

#page-top > div a:hover{
  color:#202124;
  text-decoration: none;
}
#page-top > div a:hover span{
  color:#202124;
}

/*
#page-top .swiper-button-prev, #page-top .swiper-button-next {
  color:#202124; 

}
#page-top .swiper-button-next {
  right:0;
}
#page-top .swiper-button-prev{
  left:0;
}

#page-top .swiper-button-prev:after, #page-top .swiper-button-next:after {
  font-size: 14px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: 0;
}

@media (min-width: 767px){
  #page-top .swiper-button-prev:after, #page-top .swiper-button-next:after {
      font-size: 16px;
  }
}

*/

#page-top .swiper-submenu-container {
  position: relative;
  padding: 0 27px;
}

.headerFix{height:53px;}

@media only screen and (min-width: 1024px){
    .headerFix{height:80px;}
  
}


#breadcrumbs{
	margin-bottom:-10px;	
}
#page-top .swiper {
 /*overflow:hidden;*/
 width: 100%;
 height: 100%;
}
  #page-top .swiper-wrapper{
	  margin: 0!important;
	  padding:0!important;
	  list-style: none;
	  display: flex;
  }
@media only screen and (min-width:767px) {
 #page-top  .swiper-wrapper{
   /* margin:20px 0 0 0!important;*/
  }
  
}
  #page-top .swiper-slide{
	   width: auto!important;
	   display: table;
	   padding-right: 0;
	   flex-shrink: 0;
  }

#page-top .swiper .swiper-slide a {

    line-height: 15px;
    font-size: 15px;
   /* font-family: 'Nunito', sans-serif; */
    font-weight: 700;
    /* text-transform: uppercase; */
    position: relative;
    letter-spacing: 0;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
	  width: auto!important;
	  /*background:#fff;*/
	  padding: 0 15px;
    /*border-radius: 10px;*/
}
#page-top .swiper .swiper-slide {
  margin: 0;
  padding: 0;
  text-align: center;
  height: 56px;
  display: table;
  background: none;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
/*
#page-top.no-child .swiper .swiper-slide {
  height: 56px;
}
*/
@media screen and (min-width:767px) {
  #page-top  .swiper .swiper-slide {
    height: 72.69px;  
  }
}
#page-top .swiper .swiper-slide a:after{
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
background: #26292C;
left: 0;
visibility: hidden;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 4px solid transparent;
border-bottom-color: #26292C;
-webkit-transform: translate3d(0, 0, 0) scaleX(0);
-moz-transform: translate3d(0, 0, 0) scaleX(0);
transform: translate3d(0, 0, 0) scaleX(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
  
}

@media screen and (min-width:767px) {
	#page-top .swiper .swiper-slide a:after{
		border-bottom: 4px solid transparent;
	}

    #page-top .swiper .swiper-slide a {

        line-height: 17px;
        font-size: 17px;
    }

}
  


#page-top .swiper .swiper-slide a:hover:after{
bottom: 0;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0) scaleX(1);
-moz-transform: translate3d(0, 0, 0) scaleX(1);
transform: translate3d(0, 0, 0) scaleX(1);
}

#page-top .swiper .swiper-slide a.ativo:after, #page-top .swiper .swiper-slide a.ativo:hover:after {
bottom: 0;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0) scaleX(1);
-moz-transform: translate3d(0, 0, 0) scaleX(1);
transform: translate3d(0, 0, 0) scaleX(1);

}
#page-top .swiper .swiper-slide a.ativo{
  color: #26292C;
}
#page-top .swiper .swiper-slide.swiper-slide-active a{
	/*color:#000;*/
}

#header-LBW > div {
  justify-content: space-between!important;
}
#social-icons > div {
  justify-content: flex-end!important;
}
.elementor-search-form--skin-full_screen .elementor-search-form__container {
  z-index: 99998;
}
.elementor-search-form--skin-full_screen .elementor-search-form__toggle i{
  background: #FFF;
	color:#808080;
}

.superfly-on .sfm-rollback{display:block;height:53px;width: 53px;}

@media only screen and (min-width:1024px) {
  .superfly-on .sfm-rollback{display:none;}
}
.ekit-template-content-header{
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
 /* height: 100vh;/*hack for mobile menu*/
}

#header-LBW{
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  /*height: 100vh;/*hack for mobile menu*/
}

.elementskit-menu-hamburger.elementskit-menu-toggler{
  display: none!important;
}
/*header*/
.headroom {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  transition: transform 300ms ease;
}
.headroom--pinned {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  /*border-bottom: 1px solid #F1F3F4;*/
  /*max-height: 64px;*/
}

.headroom--unpinned {
  -webkit-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);

}
#header-LBW{
  -webkit-transition:all .2s ease!important;
  -o-transition:all .2s ease!important;
  transition: all .2s ease!important;
}

.headroom--not-top#header-LBW{
  /*
  padding-top: 14px;
  padding-bottom: 14px;
  */
}
@media only screen and (min-width:1024px) {
  .headroom--not-top#header-LBW{
    /*
    padding-top:0;
    padding-bottom:0;
    */
  }
}


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



.pages_grid{
   /* float:left;*/
   margin: 33px auto 0 auto!important;
   padding: 0!important;
}

.pages_grid:after {
    content: '';
    display: block;
    clear: both;
}
  
.square-box{
    overflow: hidden;
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    border: 4px solid #808080;
    background-color: #fff;
    border-radius: 15px;
    margin-bottom: 20px;
	-webkit-transition:border  0.2s ease-out;
	-moz-transition:border  0.2s ease-out;
	-o-transition:border  0.2s ease-out;
	-ms-transition:border  0.2s ease-out;
	transition:border  0.2s ease-out;
}

.square-content span {
    display: block;
    margin-top: -30px;
    padding: 0 10px;
}

.square-box:before {
  content: "\e876";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: inline-block;
  font-family: elementskit!important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-decoration: none!important;
    text-align: center;
    color: #26292C;
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    text-transform: lowercase;

    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;

    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    -ms-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;

}
/*
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #26292C;
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    font-family: 'Adobe Garamond Pro';
    text-transform: lowercase;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
*/

.square-content:hover {
    text-decoration: none;
    color: #808080!important;
}
.square-box:hover:before {
  color: #808080;
}

.square-box:hover{
    border-color: #26292C;
}

#search-icon{
    width:30px;
    margin: 0 2px 0 8px;
}

@media(min-width: 769px) {
     #search-icon{
        width:30px;
    }  
}


#languages{
    width:33px;
    margin: 0 6px;
   
}

@media(min-width: 769px) {
     #languages{
        width:33px;
    }  
}


.switcher {font-size:13px;font-weight:500;margin:0;text-align:left;cursor:pointer;overflow:hidden;width:33px;line-height:17px;float:right;}
.switcher a {text-decoration:none;display:block;font-size:13px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;outline: none;}
.switcher a img {vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:0.8;}
.switcher a:hover img {opacity:1;}
.switcher .selected {background:#ffffff;position:relative;z-index:9999;}
.switcher .selected a {border-top:2px solid #808080;border-bottom:2px solid #808080;color:#333;padding:0;width:auto;}
.switcher .selected a:after {height:19px;display:inline-block;position:absolute;right:0;width:15px;background-position:50%;background-size:11px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666666'/></svg>");background-repeat:no-repeat;content:""!important;transition:all .2s;}
.switcher .selected a.open:after {-webkit-transform: rotate(-180deg);transform:rotate(-180deg);}
.switcher .selected a:hover {background:#ffffff}
.switcher .option {position:absolute;z-index:9998;border-left:0px solid #808080;border-right:0px solid #808080;border-bottom:2px solid #808080;background-color:#ffffff;display:none;width:33px;max-height:198px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow-y:auto;overflow-x:hidden;}
.switcher .option a {color:#333;padding:5px 5px;font-size:13px;}
.switcher .option a:hover {background:#ffffff;}
.switcher .option a.selected {background:#ffffff;}
#selected_lang_name {float: none;}
.l_name {float: none !important;margin: 0;}
.switcher .option::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;background-color:#f5f5f5;}
.switcher .option::-webkit-scrollbar {width:5px;}
.switcher .option::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color:#888;}
.clearfix {overflow: auto;}
.clearfix::after {content: "";clear: both;display: table;}

#user-icon{
    width:47px;
    margin: 0 0 0 7px;
}
@media(min-width: 769px) {
     #user-icon{
        width:33px;
    }  
}


#container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


#container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#container .text {
  border: none;
  background: none;
  font-size: 18px;
  font-weight: 400;
  text-align:right;
  padding-right: 4px;
}

#container #menu-wrap {
  position: relative;
  height: 18px;
  width: 18px;
}

#container #menu-wrap .dots {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
}

#container #menu-wrap .dots > div,
#container #menu-wrap .dots > div:after,
#container #menu-wrap .dots > div:before {
  height: 4px;
  width: 4px;
  background-color: rgba(49, 49, 49, 0.8);
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#container #menu-wrap .dots > div {
  position: relative;
}

#container #menu-wrap .dots > div:after {
  content: "";
  position: absolute;
  bottom: calc((18px / 2) - (4px / 2));
  left: 0;
}

#container #menu-wrap .dots > div:before {
  content: "";
  position: absolute;
  top: calc((18px / 2) - (4px / 2));
  left: 0;
}

#container #menu-wrap .menu {
  position: absolute;
  right: -10px;
  top: calc(-12px + 50px);
  width: 0;
  height: 0;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px 10px;
  -webkit-box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
  box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

#container #menu-wrap .menu ul {
  list-style: none;
}

#container #menu-wrap .menu ul li {
  margin: 12px 0;
}

#container #menu-wrap .menu ul li .link {
  text-decoration: none;
  color: rgba(49, 49, 49, 0.95);
  opacity: 0;
  visibility: hidden;
  font-size:0.82em;
  font-size:13px;
  outline: none;

}

#container #menu-wrap .toggler {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  z-index: 2;
  background: none;
}

#container #menu-wrap .toggler:hover + .dots > div,
#container #menu-wrap .toggler:hover + .dots > div:after,
#container #menu-wrap .toggler:hover + .dots > div:before {
  background-color: rgba(49, 49, 49, 0.6);
}

#container #menu-wrap .toggler:checked + .dots > div {
  -webkit-transform: translateX(calc(((18px / 2) - (4px / 2)) * -0.7071067812))
    translateY(calc(((18px / 2) - (4px / 2)) * -0.7071067812));
  -ms-transform: translateX(calc(((18px / 2) - (4px / 2)) * -0.7071067812))
    translateY(calc(((18px / 2) - (4px / 2)) * -0.7071067812));
  transform: translateX(calc(((18px / 2) - (4px / 2)) * -0.7071067812))
    translateY(calc(((18px / 2) - (4px / 2)) * -0.7071067812));
}

#container #menu-wrap .toggler:checked + .dots > div:after {
  -webkit-transform: translateX(calc(((18px / 2) - (4px / 2)) * 0.7071067812))
    translateY(calc((2 * (18px / 2) - (4px / 2)) * 0.7071067812));
  -ms-transform: translateX(calc(((18px / 2) - (4px / 2)) * 0.7071067812))
    translateY(calc((2 * (18px / 2) - (4px / 2)) * 0.7071067812));
  transform: translateX(calc(((18px / 2) - (4px / 2)) * 0.7071067812))
    translateY(calc((2 * (18px / 2) - (4px / 2)) * 0.7071067812));
}

#container #menu-wrap .toggler:checked + .dots > div:before {
  -webkit-transform: translateX(
      calc(2 * (((18px / 2) - (4px / 2)) * 0.7071067812))
    )
    translateY(
      calc(((18px / 2) - (4px / 2)) - (((18px / 2) - (4px / 2)) * 0.7071067812))
    );
  -ms-transform: translateX(calc(2 * (((18px / 2) - (4px / 2)) * 0.7071067812)))
    translateY(
      calc(((18px / 2) - (4px / 2)) - (((18px / 2) - (4px / 2)) * 0.7071067812))
    );
  transform: translateX(calc(2 * (((18px / 2) - (4px / 2)) * 0.7071067812)))
    translateY(
      calc(((18px / 2) - (4px / 2)) - (((18px / 2) - (4px / 2)) * 0.7071067812))
    );
}

#container #menu-wrap .toggler:checked:hover + .dots > div,
#container #menu-wrap .toggler:checked:hover + .dots > div:after,
#container #menu-wrap .toggler:checked:hover + .dots > div:before {
  background-color: rgba(49, 49, 49, 0.6);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#container #menu-wrap .toggler:checked ~ .menu {
  opacity: 1;
  visibility: visible;
  width: 134px;
  height: 80px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#container #menu-wrap .toggler:checked ~ .menu ul .link {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s ease 0.5s;
  -o-transition: 0.5s ease 0.5s;
  transition: 0.5s ease 0.5s;
}

#container #menu-wrap .toggler:checked ~ .menu ul .link:hover {
  color: #2980b9;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#container #menu-wrap .toggler:not(:checked) ~ .menu {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#container #menu-wrap .toggler:not(:checked) ~ .menu ul .link {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

@media (max-width: 600px) {
  #container {
    position: absolute;
    top: 50px;
    width: calc(100% - 40px);
    margin: 0;
  }
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #808080;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #808080;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #808080;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #808080;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #808080;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #808080;
}
#particles-js{
width: 100vw;
/*height: 100vh;*/
/*background-color: #252525;*/
position: relative;
/* z-index: 2;*/
}

#particles-js canvas {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}/* End custom CSS */