@media screen{
    .node-type-webform .content-wrapper {
        background-color: transparent !important;
    }
    .node-type-webform .hero {
        position: relative;
        z-index: 2;
        margin-bottom: 5vw;
    }
    .node-type-webform .hero-image {
        height: 35vw;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #ccc;
    }
    .node-type-webform .hero-text {
        position: absolute;
        top: 50%;
        left: 7%;
        width: 30%;
        height: 100%;
        padding: 3vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff;
    }
    .node-type-webform .hero-topic {
        font-size: 1.7vw;
        text-transform: uppercase;
        font-weight: bold;
        padding-left: 3px;
        padding-bottom: 14px;
    }
    .node-type-webform .hero-title {
        font-size: 4vw;
        line-height: 100%;
        font-family: "Flama Condensed Light", sans-serif;
    }
    .node-type-webform .hero-summary {
        margin-top: 2.5vw;
        font-size: 1.5vw;
    }
    .node-type-webform .box-blue {
        background-color: rgba(1,158,188,.9);
        border-color: rgba(1,158,188,.9);
    }
    /* arrow down :default */
    .node-type-webform .hero-text:after {
        display: block;
        position: absolute;
        content: '';
        bottom: -4vw;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-width: 4vw 4vw 0;
        border-style: solid;
        border-top-color: inherit;
        border-bottom-color: inherit;
        border-left-color: transparent;
        border-right-color: transparent;
    }
    .node-webform .stand-alone-form {
        background-color: #eee;
    }
    .node-webform .stand-alone-form .webform-component-fieldset.panel-default>.panel-heading {
        color: #fff;
        background-color: #888;
        font-family: 'Flama Condensed Medium';
        padding: 12px 30px;
        line-height: 100%;
    }
    .node-webform .stand-alone-form .webform-component-fieldset.active>.panel-heading {
        background-color: #8CAD31;
    }
    .node-webform .stand-alone-form .webform-component-fieldset.panel-default>.panel-heading .fieldset-legend {
        font-size: 24px;
    }
    .node-webform .stand-alone-form .webform-component-fieldset {
        padding-left: 40px;
        /*background-color: #eee;*/
        border: none;
    }
    .node-webform .stand-alone-form form {
        /*background-color: #eee;*/
    }
    .node-webform .stand-alone-form form .form-item {
        width: 80%;
    }
    label {
        color: #333;
        font-size: 16px;
    }
    .node-webform .stand-alone-form .btn {
        border-radius: 0!important;
        width: 250px;
        font-weight: bold;
        padding: 14px 20px!important;
        font-size: 1.4em;
    }

    .form-submit.wfm-add,
    .form-submit.wfm-remove {
        position: relative;
        text-align: left;
        margin-top: 0.3em;
        margin-bottom: 25px;
        background-color: #019EBC;
        margin-left:40px;
    }
    .form-submit.wfm-add:after,
    .form-submit.wfm-remove:after {
        position: absolute;
        display: inline-block;
        content: "\f055";
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        font-family: FontAwesome;
        font-size: 25px;
        line-height: 1;
        text-rendering: auto;
        -moz-osx-font-smoothing: grayscale;
    }
    .form-submit.wfm-remove:after {
        content: "\f056";
    }
    .node-webform .stand-alone-form .webform-submit {
        margin: 0 0 50px 70px;
        background-color: #9EC335;
    }
    .node-webform .stand-alone-form .webform-submit:hover {
        background-color: #009900;
    }
    article .field-name-body {
        padding: 20px 0;
        border-bottom: solid 1px #ababab;
        padding-bottom: 15px
    }
    .form-control, .form-select, .resizable-textarea textarea {
        border-radius: 0!important;
        webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
    select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    /*
    .webform-component-select:after {
      background: none repeat scroll 0 0 #fff;
      color: #888;
      content: "\f13a";
      font-family: FontAwesome;
      font-size: 24px;
      position: relative;
      right: 1px;
      bottom: 0;
      float: right;
      border-left: solid 1px #ccc;
      height: 48px;
      top: -49px;
      padding: 8px 16px 0;
      cursor: pointer;
    }
    */
    .webform-component-select select {
        background: #fff url(../images/circle-arrow-down.png) center right no-repeat;
        cursor: pointer;
    }
    .stand-alone-form .fa-minus-circle, .stand-alone-form .fa-plus-circle {
        color: #fff;
        background-color: #888;
        font-size: 25px;
        padding: 10px 15px;
        margin-left: -60px;
        position: relative;
        cursor: pointer;
    }
    .stand-alone-form .fa-minus-circle.active {
        background-color: #8CAD31;
    }
    .stand-alone-form .blue-circle {
        position: relative;
        left: 230px;
        top: 45px;
        padding: 0;
        background-color: #019ebc!important;
        color: #fff;
    }
    .stand-alone-form .panel-heading {
        border-radius: 0;
        border: none;
    }
    .stand-alone-form fieldset .panel-body {
        padding-left: 30px;
    }
    .panel-body .wfm-add {
        display: none !important;
    }
    #edit-submitted-organization-logo-upload-logo-upload-button {
        display: block;
        width: 25%;
    }
    /* partner page specific styling */
    body.node-type-webform #main-container-wrap {
        background-color: #E0E0E0;
    }
    .webform-client-form .panel {
        background-color: transparent;
        box-shadow: none;
    }
    .webform-client-form .col-sm-9 {
        max-width: 1200px;
    }
    body.node-type-webform .webform-client-form .form-item label {
        font-weight: 300;
    }
    body.node-type-webform #page-footer {
        margin-top: 0px;
    }
    body.node-type-webform .form-item select {
        height: 50px;
    }
    .webform-component-file .form-submit {
        background-color: #019EBC !important;
    }
    .input-group-btn button, .input-group-btn button:hover, .input-group-btn button:active:focus {
        background-color: #019EBC !important;
    }
    .webform-component-file input.form-file {
        max-width: 75%;
        float: left;
        padding: 13px 12px !important;
    }
    .webform-component-file .description {
        float: left;
        text-align: left;
        clear: both;
        font-size: .85em;
        margin: 20px 0;
    }
    .webform-component-file .description br {
        float: left;
        padding-left: 5px;
    }
    /*
    .wfm-item {
      display:inline-block;
    }
    */

    .wfm-item > .form-item {
        display: block;
        margin-bottom: 15px;
        margin-top: 0;
    }
    /* Webform style overrides */
    .site-footer-block .node-webform {
        margin-bottom: 50px;
    }
    .site-footer-block .node-webform h2 {
        font-family: "Flama Medium", sans-serif;
        font-size: 20px;
        text-transform: uppercase;
        padding: 0;
        margin: 0 0 10px;
        line-height: 1.42857;
    }
    .site-footer-block .node-webform h2 a {
        color: #019ebc;
    }
    .node-webform .webform-client-form .btn, .node-webform .webform-client-form input {
        height: auto;
        padding: 12px;
        font-size: 14px;
        line-height: 1.42857;
        color: #555;
        border: 1px solid rgb(221, 221, 221);
        border-radius: 0;
    }
    .node-webform .submitted {
        display: none;
    }
    .node-webform .webform-client-form input[placeholder] {
        color: #333;
    }
    .webform-component {
        margin-bottom: 15px;
    }
    .node-webform .webform-client-form .btn {
        color: #FFF;
        display: inline-block;
        padding: 9px 20px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        border: 0;
        border-radius: 5px;
        font-family: "Flama Bold", sans-serif;
    }
    .form-required {
        color: #f00;
    }
    .webform-client-form .captcha{
        margin-left: 40px;
    }    
}
@media screen and (max-width: 768px) {
    .node-webform .stand-alone-form .webform-component-fieldset {
        padding: 0;
        width:100%;
    }
    .stand-alone-form fieldset .panel-body {
        padding-left: 40px;
    }
    .node-type-webform .hero-text {
        position: relative;
        top: 0px;
        left: 0px;
        width: auto;
        height: 100%;
        padding: 20px;
        -webkit-transform: none;
        transform: none;
        color: #fff;
    }
    .node-type-webform .hero-title {
        font-size: 40px;
        line-height: 100%;
        font-family: "Flama Condensed Light", sans-serif;
    }
    .node-type-webform .hero-summary {
        margin-top: 2.5vw;
        font-size: 16px;
    }
    .node-type-webform .container .col-main {
        padding: 0px;
    }
    .node-type-webform .stand-alone-form fieldset .panel-body {
        padding: 13px 10px;
    }
    .node-type-webform .hero-text::after, .node-type-webform .hero-text-right .civc_landing .hero-text::after {
        border-bottom-color: inherit;
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: inherit;
        border-width: 0 30px 30px;
        bottom: 100%;
        left: 10%;
        right: auto;
        top: -30px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .node-type-webform .box-blue {
        background-color: rgba(1, 158, 188, 1);
        border-color: rgba(1, 158, 188, 1);
    }
}
@media screen and (max-width: 580px) {
  .file-widget.form-managed-file.input-group{
    display: block;
  }
}