﻿
/*--------------------------------------------------------------
Contact Form
--------------------------------------------------------------*/
    .pageblock-wrapper {
        padding-top: 45px !important;
        padding-bottom: 28.1px !important;
    }

.contact-form-wrap {
    background-color: rgba(0, 0, 0, .85);
    padding: 48px;
}

.internal #cphContent_C001_ctl00_ctl00_formControls>div{
  margin-top: 0;
  margin-left: 7px;
}

.internal > .sf_cols.contact-form-wrap{
  padding:0;

}
  .contact-form-wrap h1{
    text-align: center;
    margin:50px 0 25px 0;
  }

  .contact-form-wrap img{width:100%;}

  .contact-form-wrap .sfFormsEditor{
    padding: 20px;
  }

 .contact-form-wrap .sfTxtLbl,
 .contact-form-wrap .sfFormTitle{
    font-size:18px;
    font-weight: 700;
    padding-bottom: 3px;
    border-bottom: 1px dashed #fff; 
/*    margin-bottom:40px;*/
    display: block;
    margin-bottom: 1.3em;
    color: #febd15;
  }


@media( min-width:768px ){
  .sfTxtLbl,
  .sfFormTitle{
    font-size:24px;
  }

}

  /* section block */
  #cphContent_C001_ctl00_ctl00_formControls > div{
    width:100%;
    display: block;
/*    padding-bottom:60px;*/
  }

  /* radio buttons */  
    #cphContent_C001_ctl00_ctl00_C001 .sfRadioList label{
      display: inline-block;
      width:87%;
   /*   margin-bottom: 22px;*/
      position: relative;
      margin: 5px 0;
    }

  .contact-form-wrap textarea{
    width:100%;
    height:178px;
    padding:15px 12px;
    max-width: 100%;
    font-size:14px;
    color:#959595;
    /*font-weight: 600;*/
  }

  @media( min-width:768px ){
    .contact-form-wrap textarea{
      width:400px;
      font-size:16px;
    }
  }

  .contact-form-wrap .sfFormSubmit { width:100%;}
  /* contact info */


  .contact-info .sfTxtLbl{
    border:none;
    font-size:14px;
    margin-bottom: 5px;
    display: none;
  }
.contact-info h2 {
    color: #febd15;
}
.contact-info .sfFormInstructions{
    font-weight: 700;
}
  
  @media( min-width:768px ){
    .contact-form-wrap .sfFormSubmit { width:400px;}
    .contact-info .sfTxtLbl{
      font-size:16px;
    }
  }
    .contact-info .sfFormBox input,
    .contact-info .sfFormDropdown select{
      width:100%;
    }

    .contact-form-wrap .contact-info .sfFormBox,
    .contact-form-wrap .contact-info .sfFormDropdown{
/*      padding-bottom: 44px;*/
    }

  /* 3 column area and checkboxes */

  .contact-form-wrap .sfCheckListBox label{
    margin-bottom: 20px;
  }

  .contact-form-wrap .sfCheckListBox.sfFieldWrp{
    display: block;
  }

  .contact-form-wrap .sf_colsOut select{
    width: 60%;
  }

@media( max-width:767px ){
  .contact-form-wrap .sf_colsOut{
    width:100%;
    float:none;
    margin-bottom: 20px;
  }
  .contact-form-wrap .sf_colsOut select{
    width: 100%;
    margin:20px 0;
  }

	.contact-form-wrap .sfFormsEditor {
   		 padding: 0px;
	}

	.internal #cphContent_C001_ctl00_ctl00_formControls>div {

	    margin-left: 0px; 
	}

	.pageblock-wrapper {
    		padding-top: 24px !important;
	}

}
    
@media( min-width:550px ){
  #cphContent_C001_ctl00_ctl00_C001 .sfRadioList label{
      width:91%;
  }
}

@media( min-width:768px ){
  .contact-form-wrap .sfFormsEditor{
    padding:0px 40px 55px;
  }
     #cphContent_C001_ctl00_ctl00_C001 .sfRadioList{
      display: block;
    }

      #cphContent_C001_ctl00_ctl00_C001 .sfRadioList label{
        width:280px;
      }

  /* contact info */

  .contact-info .sfFormBox,
  .contact-info .sfFormDropdown{
    width:33%;
    /*float:left;*/
    padding-bottom: 20px;
  }
    .contact-info .sfFormBox input,
    .contact-info .sfFormDropdown select{
      width:400px;
    }

    #cphContent_C001_ctl00_ctl00_C004{
      float:none;
      width:100%;
    }

    #cphContent_C001_ctl00_ctl00_C007,
    #cphContent_C001_ctl00_ctl00_C009{
      clear:left;
    }
}

@media( max-width:767px ){
  .contact-form-wrap .sf_colsIn{
    margin: 0 !important;
  }

  .contact-form-wrap .sfFormBox+.sfFormBox{
    margin-top: 10px;
  }
}