.elementor-kit-18393{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.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;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-18393 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.miclase div a img {
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -ms-transition: margin 0.5s ease-out;
  transition: margin 0.5s ease-out;
}

.miclase div a img:hover {
  margin-left: -10px;
}

#fade, #fade2, #fade3 {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
  }
  
  #light, #light2, #light3 {
    display: none;
    position: absolute;
    top: 10%;
    left: 50%;
    max-width: 320px;
    max-height: 568px;
    margin-left: -150px;
    margin-top: -880px;
    border: 2px solid #FFF;
/*    margin: 0 auto;*/
    background: #FFF;
    z-index: 1002;
    overflow: visible;
  }
  
  #boxclose, #boxclose2, #boxclose3 {
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
    background: #222222;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 0.9;
  }
  
  .boxclose:before, .boxclose2:before, .boxclose3:before  {
    content: "x";
  }
  
  #fade:hover ~ #boxclose, #fade2:hover ~ #boxclose2, #fade3:hover ~ #boxclose3 {
    display:none;
  }
  
  .test:hover ~ .test2, .test2:hover ~ .test2 {
    display: none;
  }
  
  @media screen and (max-width:1200px) {
    #light, #light2, #light3  {
    margin-left: -300px;
    margin-top: -480px;
  }
}

@media screen and (max-width:900px) {
    #light, #light2, #light3 {
    margin-left: -300px;
    margin-top: -380px;
  }
}

@media screen and (max-width:770px) {
    #light, #light2, #light3 {
    margin-left: -90px;
    margin-top: -2050px;
    left: 30%;
  }
}/* End custom CSS */