@font-face {
  font-family: 'SamsungSharpSans-Bold';
  src: url("https://s3-eu-west-1.amazonaws.com/samsungplus-assets/sss-b.eot");
  src: url("https://s3-eu-west-1.amazonaws.com/samsungplus-assets/sss-b.eot?#iefix") format("embedded-opentype"), url("https://s3-eu-west-1.amazonaws.com/samsungplus-assets/sss-b.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2.5vw;
  color: #3c3f42; }
  @media only screen and (min-width: 750px) {
    * {
      font-size: .9em; } }

html, body {
  font-size: 28px;
  color: #414141; }

body {
  width: 100%;
  background-color: #575757; }

/*Added*/
.clearfix {
  clear: both; }
  .clearfix:after {
    clear: both;
    content: "";
    display: table; }

.container {
  width: 93.33333333333333vw;
  margin: 25px auto;
  border-radius: 5px;
  background-color: #f4f4f4;
  padding: 7%;
  box-shadow: 0 0 9vw rgba(0, 0, 0, 0.9); }
  @media only screen and (min-width: 750px) {
    .container {
      width: 700px;
      padding: 30px; } }

/** title **/
.title-cont {
  font-family: "SamsungSharpSans-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold; }
  .title-cont .left{
    padding: 15px 3.5% 15px 3.5%;
  }
  .title-cont .right {
    padding: 4.5vw 0; }
    @media only screen and (min-width: 750px) {
      .title-cont .right {
        padding: 30px 0; } }
  .title-cont p:nth-child(1) {
    font-size: 4vw;
    margin-bottom: -1vw; }
    @media only screen and (min-width: 750px) {
      .title-cont p:nth-child(1) {
        font-size: 31px; } }
  .title-cont p:nth-child(2) {
    font-size: 7.5vw; }
    @media only screen and (min-width: 750px) {
      .title-cont p:nth-child(2) {
        font-size: 55px; } }

.unit {
  margin: 2.6vw 0; }

.left {
  float: left;
  width: 27.857143%;
  padding: 15px 3% 15px 0;
  text-align: right;
  font-weight: bold; }
  .left img {
    width: 100%;
    height: auto; }

.right {
  float: right;
  width: 72.142857%; }

::placeholder {
  color: #9e9f9f;
  opacity: 1;
  /* Firefox */
  font-weight: 300; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9e9f9f;
  font-weight: 300; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #9e9f9f;
  font-weight: 300; }

form {
  margin-top: 50px; }
  form input, form textarea, form select {
    width: 100%;
    padding: 15px;
    background-color: #ffffff;
    border: none;
    border-bottom: solid 1px #323232;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
    form input.error, form textarea.error, form select.error {
      border: solid 1px #ff0000; }
    form input:-webkit-autofill, form input:-webkit-autofill:hover, form input:-webkit-autofill:focus, form input:-webkit-autofill:active, form textarea:-webkit-autofill, form textarea:-webkit-autofill:hover, form textarea:-webkit-autofill:focus, form textarea:-webkit-autofill:active, form select:-webkit-autofill, form select:-webkit-autofill:hover, form select:-webkit-autofill:focus, form select:-webkit-autofill:active {
      background-color: #ffffff !important; }
  form textarea {
    height: 75vw;
    resize: none; }
    @media only screen and (min-width: 750px) {
      form textarea {
        height: 650px; } }
  form select {
    color: #9e9f9f;
    font-weight: 300; }
    form select.selected {
      color: #3c3f42;
      font-weight: normal; }
  form .select-cont {
    position: relative; }
    form .select-cont:after {
      position: absolute;
      content: "";
      top: 50%;
      right: 3vw;
      width: 0;
      height: 0;
      border: 1.5vw solid transparent;
      border-color: #323232 transparent transparent transparent; }
      @media only screen and (min-width: 750px) {
        form .select-cont:after {
          top: 25px;
          right: 15px;
          border-width: 11px; } }
  form button[type="submit"] {
    width: 72.142857%;
    float: right;
    border-radius: 10px;
    background-color: #323232;
    color: #ffffff;
    font-size: 4.4vw;
    padding: 4vw 0;
    font-weight: bold; }
    @media only screen and (min-width: 750px) {
      form button[type="submit"] {
        font-size: 33px;
        padding: 35px 0; } }

.dim {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: none; }
