.elementor-kit-5{--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;--e-global-typography-74663a4-font-family:"Karla";--e-global-typography-74663a4-font-size:21px;--e-global-typography-74663a4-font-weight:400;background-color:#F5EFE9;}.elementor-kit-5 h1{font-family:"Tenor Sans", Sans-serif;font-size:44px;font-weight:800;}.elementor-kit-5 h2{font-family:"Tenor Sans", Sans-serif;font-weight:700;}.elementor-kit-5 h3{font-family:"Tenor Sans", Sans-serif;font-size:24px;font-weight:400;}.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-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 */.frame {
  position: relative;
  z-index: 1;
  transition:0.8s all ease;
  &:hover {
    &:after {
      transform:rotate(-3deg);    
    }
    &:before {
      transform:rotate(15deg);
    }
    & img {
      transform:rotate(6deg)
    }
  }
&:after {
  content:'';
  height:310px;
  width:300px;
  display:block;
  position: absolute;
  top:0;
  left:-2%;
  z-index: -1;
  transition:0.4s all ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 90 90'%3E%3Ccircle fill='%23ffffff' fill-opacity='0.8' cx='45' cy='45' r='10'/%3E%3Cg fill='%23ffffff' fill-opacity='0.8'%3E%3Ccircle cx='0' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3Ccircle cx='90' cy='0' r='10'/%3E%3Ccircle cx='0' cy='0' r='10'/%3E%3C/g%3E%3C/svg%3E");
}
&:before {
  content:'';
  height:102%;
  width:95%;
  display:block;
  position: absolute;
  top:-5px;
  left:9%;
  z-index: -1;
  transition:0.6s all ease;
  background: #B1CFE4;
  transform:rotate(10deg);
}
    img {
    transform:rotate(5deg);
    transition:0.2s all ease;
    border:4px double #E77470;
    height:300px;
    width:300px;
    }
}

[data-tooltip][tabindex="0"] {
  display: inline-block;
  position: relative;
  color: #141931;
  font-family: "Mr Dafoe", cursive;
  font-size:24px;
  
  &::after {
    display: none;
    position: absolute;
    bottom: 110%;
    left: 50%;
    padding: 20px;
    max-width: 300px;
    transform: translateX(-50%);
    border: 1px solid #E77470;
    border-radius: 3px;
    // You can also use a fixed width and ommit the white-sapce.
    white-space: nowrap;
    background-color: #fff;
    // Make sure tooltips don't block each others trigger.
    pointer-events: none;
    content: attr(data-tooltip);
  }
  
  // Create a neat little arrow
  &::before {
    display: none;
    position: absolute;
    bottom: 110%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border: solid #E77470;
    border-width: 0 1px 1px 0;
    background-color: #fff;
    content: '';
  }
  
  // Activate tooltip
  &:focus,
  &:hover {
    text-decoration: underline;
    
    &::after,
    &::before {
      display: block;
    }
  }
 
  
  &[data-side="bottom"] {
    &::after,
    &::before {
      bottom: auto;
      top: 110%;
    }
    
    &::after {
      transform: translate(-50%, 0);
    }
    
    &::before {
      transform: translate(-50%, -50%) rotate(225deg);
    }
  }
}
/* buton galben cu shadow */
/* yellow button */
a.btn.input.mepr-submit {box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; padding:15px 32px;border-radius:8px;font-family:'Karla';font-weight:500;font-size:17px;color:#fff;background-color:#ab3a73;}
a.btn:hover {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 1px 0px, rgba(60, 64, 67, 0.55) 0px 1px 1px 1px  inset;color:#fff;background-color: #ab3a73;}
 /* yellow BIG button */
a.btnBig {/*box-shadow: rgba(0,0,0,0.4) 0px 2px 4px, rgba(0,0,0,0.3) 0px 7px 13px -3px, rgba(0,0,0,0.2) 0px -3px 0px inset;*/
    padding: 21px 45px;
    border-radius: 55px;
    font-family: 'Tenor Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    background-color: #c53060;}
a.btnBig:hover {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 1px 0px, rgba(60, 64, 67, 0.55) 0px 1px 1px 1px  inset;color:#fff;background-color: #b5355e}
a.btnBigMobile {
    padding: 14px 21px;
    border-radius: 55px;
    font-family: 'Tenor Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    background-color: #c53060;}
a.btnSmall {
    padding: 9px 14px 10px 15px;
    border-radius: 55px;
    font-family: 'Karla';
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background-color: #c53060;}
a.btnSmall:hover {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 1px 0px, rgba(60, 64, 67, 0.55) 0px 1px 1px 1px  inset;color:#fff;background-color: #b5355e;}

/* ++++++++++++++++++
    button crem in user dropdown submenu */

.btnDropdown {font-family: "Karla", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #7E7974;
    background-color: #FFFFFF00;
    border-radius: 7px;
    padding: 8px 8px 8px 8px;
}
a.btnDropdown:hover {background-color:#FFF;
   
}

.elementor-countdown-expire--message a {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; padding:15px 32px;border-radius:8px;font-family:'Karla';font-weight:500;font-size:17px;color:#fff;background-color:#b94580;
}
.elementor-nav-menu--dropdown.elementor-nav-menu__container {min-height: 100vh;
    
}/* End custom CSS */