@charset "utf-8";
.contactFormPageWrap{
	margin-bottom: 50px;
}

.contactFormWrap{
	margin-bottom: 50px;
}

.formInputField{
	border: none;
	background: #f1f0e8;
	width: 100%;
	padding: 8px;
}

.myTextarea{
    height: 129px !important;
    font-family: inherit !important;
}

.contentForm h2{
    margin-top: 0px;
}



/* from http://www.tutorialrepublic.com/faq/how-to-create-custom-checkboxes-using-css-and-jquery.php */
    .custom-checkbox{
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 52px;
        z-index: 1;
        top: 3px;
        cursor:pointer;
        background: url("/site/images/check.png") no-repeat;
    }
    .custom-checkbox:hover{
        background: url("/site/images/check.png") no-repeat;
    }
    .custom-checkbox.selected{
        background: url("/site/images/check_active.png") no-repeat;
    }
    .custom-checkbox input[type="checkbox"]{
        margin: 0;
        position: absolute;
        z-index: 2;            
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        _noFocusLine: expression(this.hideFocus=true); 
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }
/* > */



.pageTitle{
    margin-top: 46px;
}

.myFormInput{
    color:  rgba(99, 99, 99, 0.7);
    font-weight: 400;
    font-size: 19px;
    height: 54px;
    border-right:none;
}

.formArea .input-group-addon{
    padding: 6px 22px;
    border: none;
    background-color:  #f3d318;
    color: #fff;
}

.inputPack{
    margin-bottom: 11px;
}

.formArea{
    margin-top: 36px;
}

.contentForm{
    color:  #2b2b2b;
    font-size: 18px;
    font-weight: 400;
    font-family:inherit;
    margin-top: 34px;
    float:left}

.inputPack span img{
    width: 17px;
}

.checkPack{
    float:right;
}

.checkText{
    color:  rgba(43, 43, 43, 0.9);
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    margin-right: 7px;
}

label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    color: #002b54;
  	font-size: 16px;
  	font-weight: 300;
}  

input[type=radio] {  
    display: none;  
} 

label:before {  
    content: "";  
    display: inline-block;  
    width: 20px;  
    height: 20px;  
  	border: 1px solid #969696;
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 1px;  
    background-color: #fff;  
    border-radius: 10px;  
} 

label:last-child{
	margin-right: 0; 
}

.radio label:before {  
    border-radius: 10px;  
}  

input[type=radio]:checked + label:before {  
font-family: FontAwesome;
    content: "\f111";  
    color: #fca029;  
    font-size: 14px;  
    text-align: center; 
    margin: 0 auto; 
    line-height: 18px;  
    -webkit-font-smoothing: antialiased;
}  

.contactFormText{
	display: inline-block;
	margin-left: 21px;
  margin-right: 21px;
}

.inlineFormGroup{
	display: inline-block;
}

.contactPageImages{
	height: 220px;
	width: auto;
	display: inline-block;
	margin-right: 6px;
}

.contactPageImages:last-child{
	margin-right: 0;
}

.contactPageImagesWrap{
	margin-bottom: 42px;
}

.officeTitle{
	font-weight: bold;
}

.officeLocationWrap{
	margin-bottom: 34px;
}

.officeLocationWrap h3{
	font-size:17px;
	color: #002b54;
	font-weight: 300;
	margin-bottom: 21px;
	line-height: 0px;
}

.officeLocationWrap p{
	line-height: 8px;
}


.subjectLable{
	color: #7d7d7d;
	font-size: 16px;
	display: inline-block;
    margin-right: 14px;
}

/*--------------------------------*\
 ---- Mobile / Small Screens ----  
\*--------------------------------*/

@media only screen and (max-width: 767px) {

label{
	display: block;
}
 
.contactFormText{
   margin-right: 0;
   float: right;
}

.contactPageImages{
	height: auto;
	width: 100%;
}

.subjectLable{
	margin-top: 16px;
	margin-bottom: 6px;
}

}

/*--------------------------------*\
 ---- Tablet / Medium Screens ----  
\*--------------------------------*/
@media only screen and (min-width: 40.063em) and (max-width: 64em){
	.contactPageImages{
	height: 215px;
	width: auto;
	}
}

.btn-default.btn1 {
   background-color: #f3d318;
   background-image: none !important;
   padding-top: 0px;
   margin-bottom: 10px;
    height: 56px;
    width: 127px;
    padding: 9px 0px;
    float:left;
}

.btn-default.btn1:hover{
    background-color:  rgba(51, 51, 51, 0);
    color:#333333;
    border: 2px solid #f3d318;
}

@media (min-width:1200px){
    .btn-default.btn1 {
        margin-left: 32px;
    }
    .inputPack{
        max-width: 540px;
    }
}

/*--------------------------  XS ( max 768 ) --------------------------*/
@media (max-width:768px){
    .contentForm{
        margin-top: 10px;
        padding-right: 0px;
        padding-left: 0px;
    }
}