/* Injected CSS Code */
@import url(https://fonts.googleapis.com/css?family=Muli:400,300);

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {
    padding: 10px 0 10px 3%;
}

#mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 1.4em;
}

#mc_embed_signup input {
    border: 1px solid #fff;
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    /* border-radius: 3px; */
    width: 100%;
    padding: 10px 0 10px 3%;
    float: left;
    color: #333;
}

#mc_embed_signup input[type=checkbox] {
    -webkit-appearance: checkbox;
}

#mc_embed_signup input[type=radio] {
    -webkit-appearance: radio;
}

#mc_embed_signup input:focus {
    border-color: #333;
}

#mc_embed_signup .button {
    /* clear: both; */
    background-color: transparent;
    border: 2px solid;
    /* border-radius: 4px; */
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    /* height: 35px; */
    line-height: 27px;
    margin: 33px 5px 10px 0;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    /* vertical-align: top; */
    /* white-space: nowrap; */
    /* width: auto; */
}

#mc_embed_signup .button:hover {
    background-color: #777;
}

#mc_embed_signup .small-meta {
    font-size: 11px;
}

#mc_embed_signup .nowrap {
    white-space: nowrap;
}

#mc_embed_signup .mc-field-group {
    /* clear: left; */
    /* position: relative; */
    /* width: 96%; */
    padding-bottom: 3%;
    min-height: 50px;
    float: left;
    width: 40%;
    /* left: 0; */
    /* top: 0; */
    margin-right: 20px;
    margin-left: 60px;
}
#mc_embed_signup .mc-field-group-short {
    /* clear: left; */
    /* position: relative; */
    /* width: 96%; */
    padding-bottom: 3%;
    min-height: 50px;
    float: left;
    width: 20%;
    /* left: 0; */
    /* top: 0; */
    margin-right: 20px;
}

#mc_embed_signup .size1of2 {
    clear: none;
    float: left;
    display: inline-block;
    width: 46%;
    margin-right: 4%;
}

* html #mc_embed_signup .size1of2 {
    margin-right: 2%;
    /* Fix for IE6 double margins. */
}

#mc_embed_signup .mc-field-group label, #mc_embed_signup .mc-field-group-short label {
    display: block;
    margin-bottom: 3px;
}

#mc_embed_signup .mc-field-group input {
    /* background: none; */
}

#mc_embed_signup .mc-field-group input#mce-MMERGE5{
    width: 50%;
}

#mc_embed_signup .mc-field-group select {
    display: inline-block;
    width: 99%;
    padding: 5px 0;
    margin-bottom: 2px;
}

#mc_embed_signup .datefield,
#mc_embed_signup .phonefield-us {
    padding: 5px 0;
}

#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
    display: inline;
    width: 60px;
    margin: 0 2px;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px 0 2px 0;
}

#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
    width: 40px;
}

#mc_embed_signup .datefield .monthfield input,
#mc_embed_signup .datefield .dayfield input {
    width: 30px;
}

#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
    display: none;
}

#mc_embed_signup .indicates-required {
    /*text-align: right;*/
    font-size: 11px;
    /*margin-right: 4%;*/
}

#mc_embed_signup .asterisk {
    color: #e85c41;
    font-size: 150%;
    font-weight: normal;
    position: relative;
    top: 5px;
}

#mc_embed_signup .clear {
    clear: both;
}

#mc_embed_signup .mc-field-group.input-group ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
    display: block;
    padding: 3px 0;
    margin: 0;
}

#mc_embed_signup .mc-field-group.input-group label {
    display: inline;
}

#mc_embed_signup .mc-field-group.input-group input {
    display: inline;
    width: auto;
    border: none;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    /*padding: 0em .5em 0em .5em;*/
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both;
}

#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    clear: both;
    font-style: italic;
}

#mc_embed_signup #mce-error-response {
    display: none;
}

#mc_embed_signup #mce-success-response {
    /*color: #529214;*/
    display: none;
}

#mc_embed_signup label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: .5em 0;
}

#mc-embedded-subscribe {
    clear: both;
    width: auto;
    display: block;
    margin: 1em 0 1em 5%;
}

#mc_embed_signup #num-subscribers {
    font-size: 1.1em;
}

#mc_embed_signup #num-subscribers span {
    padding: .5em;
    border: 1px solid #ccc;
    margin-right: .5em;
    font-weight: bold;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    display: inline-block;
    margin: 2px 0 1em 0;
    padding: 5px 10px;
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    z-index: 1;
    color: #e85c41;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border: 2px solid #e85c41;
}

/*-------------------------------------------*/
/*----- RUN YOUR OWN UMI KITCHEN FORM -------*/
/*-------------------------------------------*/
.form-all {
  font-family: "Muli", sans-serif;
  width: 100%;
  font-size: 15px;
  color:#000;
}
.form-section:first-child {
  -webkit-border-radius: 0px 0px 0 0;
  -moz-border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
}
.form-section:last-child {
  -webkit-border-radius: 0 0 0px 0px;
  -moz-border-radius: 0 0 0px 0px;
  border-radius: 0 0 0px 0px;
}
.form-section {
  padding: 0px 0px 0px 0px;
}
.form-all .form-section .form-line-error {
    background: transparent;
}
.form-all .form-section .form-line-active {
    background: transparent;
}

.form-all .form-submit-button,
.form-all .form-submit-reset {
  font-size: 15px;
  padding: 10px 16px;
  font-weight: normal;
  border-radius: 0;
}

.form-line {
  padding: 0 0 0 15px;
  width: 100%;
}

.form-label-left,
.form-label-right {
  /*width: 210px;*/
  width: 30vw;
}
.form-label {
  white-space: normal;
}
.form-label.form-label-auto {
    display: block;
    float: left;
    /* text-align: right; */
    width: 100%;
    margin: 30px 0 0 0;
}
.form-label-left {
  display: inline-block;
  white-space: normal;
  float: left;
  text-align: left;
}
.form-label-right {
  display: inline-block;
  white-space: normal;
  float: left;
  text-align: right;
}
.form-label-top {
  white-space: normal;
  display: block;
  float: none;
  text-align: left;
}

.form-label {
  font-weight: bold;
}
.form-checkbox-item label,
.form-radio-item label {
  font-weight: normal;
}

@media screen and (max-width: 480px) {
  .jotform-form {
    padding: 10px 0;
  }
  .form-label-left, .form-label-right {
      /*width: 210px;*/
      width: 15vw;
    }
    .form-label {
      white-space: normal;
    }
    .form-label.form-label-auto {
        display: inline-block;
        float: left;
        text-align: left;
        width: 15vw;
        margin-right: 25px;
    }
}

.form-sub-label {
  color: #545350;
}
.form-label-top,
.form-label-left,
.form-label-right,
.form-html {
  color: #3a3937;
}
.form-checkbox-item label,
.form-radio-item label {
  color: #545350;
}


.form-radio-item,
.form-checkbox-item {
  padding-bottom: 0px !important;
}
.form-radio-item:last-child,
.form-checkbox-item:last-child {
  padding-bottom: 0;
}
/* ömer */
.form-single-column .form-checkbox-item,
.form-single-column .form-radio-item {
  width: 100%;
}

.form-error-message {
  padding: 4px 3px 2px 3px;
}

.form-textbox,
.form-textarea {
  padding: 4px 3px 2px 3px;
}
.form-textbox,
.form-textarea,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
  background-color: #ffffff;
}
[data-type="control_dropdown"] .form-input,
[data-type="control_dropdown"] .form-input-wide {
  width: 150px;
}
.form-label {
  font-family: "Muli", sans-serif;
}
li[data-type="control_image"] div {
  text-align: left;
}
li[data-type="control_image"] img {
  border: none;
  border-width: 0px !important;
  border-style: solid !important;
  border-color: false !important;
}

.form-line-column {
  width: auto;
}


/* | */
@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
  .form-all {
    border: 0;
    width: 100% !important;
    max-width: initial;
    padding: 0 0px 50px 0px;
  }
  .form-sub-label-container {
    width: 100%;
    margin: 0;
  }
  .form-input {
    width: 100%;
  }
  .form-label {
    width: 100%!important;
  }
  .form-line {
    padding: 2% 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  input[type=text],
  input[type=email],
  input[type=tel],
  textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: initial !important;
  }
  .form-input,
  .form-input-wide,
  .form-textarea,
  .form-textbox,
  .form-dropdown {
    max-width: initial !important;
  }
  div.form-header-group {
    padding: 24px;
    margin: 0 12px 2% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  [data-type="control_button"] {
    margin-bottom: 0 !important;
  }
  .form-buttons-wrapper {
    margin: 0!important;
  }
  .form-buttons-wrapper button {
    width: 100%;
  }
  table {
    width: 100%!important;
    max-width: initial !important;
  }
  table td + td {
    padding-left: 3%;
  }
  .form-checkbox-item input,
  .form-radio-item input {
    width: auto;
  }
  .form-collapse-table {
    margin: 0 5%;
  }
}

.form-image {
    width : 80%;
}

.form-submit-button {
    display : block;
    text-align : center;
    color: #ef4f6c !important;
    padding : 11px;
    padding-left : 20px !important;
    padding-right : 20px !important;
    background : white !important;
    border: 2.5px solid #ef4f6c !important;
    font-weight : 600;
    font-size : 13px;
    /* letter-spacing : 1px; */
    width: 30%;
}

.form-submit-button:hover {
    background : #ef4f6c !important;
    color : white !important;
}

@media only screen and (max-width:767px){
    h1 {
        font-size : 24px;
        text-align : center;
    }

    h2 {
        text-align : center;
        font-size : 18px;
    }

    h3,p {

    }

    .form-header {
        font-size : 18.5px !important;
    }

    #cid_30 img.form-image {
        width : 90%;
        height : 90%;
    }

}

.form-input .form-textbox, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {
     width: 100%;
}

.form-label-top,
.form-label-left,
.form-label-right {
  font-weight: bold;
  /*color:#555;*/
  margin-bottom: 9px;
}

.form-label-right {
  margin-right:10px;
  padding-right:15px;
}

.form-textbox,
.form-textarea,
.form-radio-other-input, .form-checkbox-other-input,
.form-captcha input {
  padding: 16px 13px;
  margin: 5px 0px 10px 5px;
  border: 1px solid #eee;
  font-size:1em; /*14px*/
  line-height:1.071em; /*15px*/
  -moz-box-shadow: 0 1px 2px #eee inset;
  -webkit-box-shadow: 0 1px 2px #eee inset;
  box-shadow: 0 1px 2px #eee inset;
  background: #eee;
  /*color: #ccc;*/
}

.form-radio-other-input, .form-checkbox-other-input {
  margin-top:-3px;
}

.form-spinner input {
  padding:3px !important;
}

.form-sub-label {
  font-size:0.786em; /*11px*/
  margin-top:3px;
}

.form-dropdown {
  padding: 2px;
  font-size:0.857em;/*12px*/
}

.form-radio,
.form-checkbox {
  vertical-align: top;
  margin-top:2px;
}

.form-radio-item label,
.form-checkbox-item label,
.form-grading-label {
  font-size:1em; /*14px*/
  color:#000;
}
.form-radio-item,
.form-checkbox-item {
  margin-top:0;
}



/* HEADING FIELD
------------------------------*/
.form-header-group .form-header {
  color: #3a3937;
  text-align: left;
  margin: 25px 0 0px -6px;
  font-weight: bold;
}
.form-header-group .form-subHeader {
  color: #545350;
  text-align: left;
}
.form-header-group {
  background: transparent;
  border-bottom: 0;
  font-family: "Muli", sans-serif;
  text-align: left;
}

li:first-child .form-header-group,
.form-header-group + .form-header-group {
  border-top:0;
}

h1.form-header {
  font-size: 2.143em; /*30px*/
}

h2.form-header {
  font-size: 1.714em; /*24px*/
}

h3.form-header {
  font-size: 1.5em; /*21px*/
}

h2.form-header {
  line-height: 1.618em;
  font-size: 1.714em;
}
h2 ~ .form-subHeader {
  line-height: 1.5em;
  font-size: 1.071em;
}

.form-header{
  color:#000;
}
.form-subHeader {
  border-top:none;
  font-size: 1.071em; /*15px*/
  line-height:1.5em;  /*21px*/
  font-style: normal;
  /*color:#555;*/
  margin:3px 0 0;
}

.form-sub-label-container {
    display: inline-block;
    margin-right: 3px;
    vertical-align: top
}

#the-form {
    margin: -10px auto 0 auto;
    float: none;
}