* {
    box-sizing: border-box;
  }
  
  .popup form {
      width: 100%;
  }
  input[required] + label, .popup form input, .popup form select, .popup form textarea {
      font-family: "Roboto";
      font-weight: 300;
    color: blue;
    font-size:16px;
  }
  .popup form input, .popup form select {
      height:38px;
  }
  
  .popup form input, .popup form select, .popup form textarea {
      border:1px solid #d0d0d0;
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
      padding-left: 10px;
      width: 83.55%;
    color: red;
  }
  input[required] + label {
      position: absolute;
      transform: translateX(60px) translateY(-50px);
  }
  ::-webkit-input-placeholder { 
          color: blue;
          opacity: 1; }
  ::-moz-placeholder          { color: blue;
          opacity: 1; }
  :-moz-placeholder           { color: blue; 
          opacity: 1;}
  :-ms-input-placeholder      { color: blue; 
          opacity: 1;}
  
  input[required] + label:after {
      content:'*';
      color: red;
  }
  input[required]:invalid + label{
      display: inline-block;
  }
  input[required]:valid + label{
      display: none;
  }
  
  .popup form select {
      background-image: url("../image/arr-black.png");
      background-position: right 10px center;
      background-repeat: no-repeat;
       -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px; 
        text-overflow: '';
        -ms-appearance: none;
        appearance: none!important;
      color: blue;
  }
  
   .popup form textarea {
      height: 110px;
      padding-top: 10px;
      color: red;
  }
  .popup form input[type="submit"] {
      background:#dd4949;
      border-radius:3px;
      width:317px;
      height:40px;
      margin-bottom: 0;
      font-weight: 500;
      font-size:1em;
      color:#ffffff;
      line-height:23px;
  }
:root {
	--rosado: #C6877C;
}

@font-face {
    font-family: "Montserrat Bold";
    font-style: normal;
    font-weight: 600;
    src: local("Montserrat Bold"), local("Montserrat Bold"), url("/src/fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("/src/fonts/montserrat/Montserrat-Bold.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Semi-Bold";
    font-style: normal;
    font-weight: 600;
    src: local("Montserrat Semi-Bold"), local("Montserrat Semi-Bold"), url("/src/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/src/fonts/montserrat/Montserrat-SemiBold.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Medium";
    font-style: normal;
    font-weight: 500;
    src: local("Montserrat Medium"), local("Montserrat Medium"), url("/src/fonts/montserrat/Montserrat-Medium.woff2") format("woff2"), url("/src/fonts/montserrat/Montserrat-Medium.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Regular";
    font-style: normal;
    font-weight: 500;
    src: local("Montserrat Regular"), local("Montserrat Regular"), url("/src/fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("/src/fonts/montserrat/Montserrat-Regular.woff") format("woff")
}

@font-face {
    font-family: "Montserrat light";
    font-style: normal;
    font-weight: 500;
    src: local("Montserrat light"), local("Montserrat light"), url("/src/fonts/montserrat/Montserrat-Light.woff2") format("woff2"), url("/src/fonts/montserrat/Montserrat-Light.woff") format("woff")
}

.material-icons {
    font-family: 'Material Icons';
    color: #FF8B00;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

::-webkit-scrollbar {
    width: 6px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    background-color: #963D2B
}

.bg-rosado {
	background-color: var(--rosado);
}

.font-rosado {
	color: var(--rosado);
}

.btn-style {
	padding: 10px 50px;
	border-radius: 30px;
	color: #fff;
	letter-spacing: 1px;
	font-family: "Montserrat light";
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

html {
	scroll-behavior: smooth;
}

body {
    width: 100%;
    background-color: #ffffff;
    font-family: 'Montserrat light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', Arial, sans-serif
}

main {
    padding-top: 80px;
}

section {
    width: 100%;
    display: flex
}

input,
textarea {
    font-family: 'Montserrat light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', Arial, sans-serif
}

input:focus,
textarea:focus {
    outline: none
}

a {
    text-decoration: none;
    word-wrap: break-word;
}