@import url("pc.css") screen and (min-width: 1140px);
@import url("mob.css") screen and (max-width: 1139px);

@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),  
      url('fonts/Gilroy-Regular.woff') format('woff'), 
      url('fonts/Gilroy-Regular.ttf')  format('truetype'); 
  font-weight: 400;
}

@font-face {
  font-family: 'lucida';
  src: url('fonts/LucidaBright.eot?#iefix') format('embedded-opentype'),  
      url('fonts/LucidaBright.woff') format('woff'), 
      url('fonts/LucidaBright.ttf')  format('truetype'); 
  font-weight: 400;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  
      url('fonts/Montserrat-Bold.woff') format('woff'), 
      url('fonts/Montserrat-Bold.ttf')  format('truetype'); 
  font-weight: 700;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),  
      url('fonts/Montserrat-BoldItalic.woff') format('woff'), 
      url('fonts/Montserrat-BoldItalic.ttf')  format('truetype'); 
  font-weight: 700;
    font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  
      url('fonts/Montserrat-Regular.woff') format('woff'), 
      url('fonts/Montserrat-Regular.ttf')  format('truetype'); 
  font-weight: 400;
}

@font-face {
  font-family: 'Playfair';
  src: url('fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),  
      url('fonts/PlayfairDisplay-Bold.woff') format('woff'), 
      url('fonts/PlayfairDisplay-Bold.ttf')  format('truetype'); 
  font-weight: 700;
}

:root {
    --accent: #4998e1;
    --red: #ae2f2f;
}

* {
    box-sizing: border-box;
    transition: .25s ease;
}

body, html {
    margin: 0;
    overflow-x: hidden;
}

.grecaptcha-badge {
    visibility: hidden!important;
}

input:required {
    border: 1px solid rgba(191, 146, 107, 0.25);
    box-shadow: none;
}

input:invalid {
    border: 1px solid rgba(191, 146, 107, 0.25);
    box-shadow: none;
}

input:valid {
    border: 1px solid rgba(191, 146, 107, 0.25);
    box-shadow: none;
}

@keyframes greenShadowPulse {
    0% {
        box-shadow: 0px 0px 4px 3px rgba(255, 255, 255, 0);
    }

    50% {
        box-shadow: 0px 0px 4px 3px rgba(0, 255, 0, 0.85);
    }

    100% {
        box-shadow: 0px 0px 4px 3px rgba(255, 255, 255, 0);
    }
}

@keyframes redShadowPulse {
    0% {
        box-shadow: 0px 0px 4px 3px rgba(255, 255, 255, 0);
    }

    50% {
        box-shadow: 0px 0px 4px 3px rgba(255, 0, 0, 0.85);
    }

    100% {
        box-shadow: 0px 0px 4px 3px rgba(255, 255, 255, 0);
    }
}

.green-shadow-pulse {
    animation-name: greenShadowPulse;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

.red-shadow-pulse {
    animation-name: redShadowPulse;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}