/* -----------------------------------------------------

TABLE OF CONTENTS

1.0		Resets
2.0		Layout
3.0		Form Controls
	3.1 Checkboxes/Radio Buttons
	3.2 Captcha
	3.3 File Upload
4.0		Typography
5.0		Labels
	5.1 Right
	5.2 Left
	5.3 Top
	5.4 Required
6.0		Validation Styles
	6.1 Errors
	6.2 Error Reports
7.0	Elements
	7.1 Hints
	7.2 Placeholders
8.0	Other Styles
9.0 Responsive Media Queries

----------------------------------------------------- */

/* -----------------------------------------------------
1.0  RESETS
----------------------------------------------------- */

/*! tinyreset.css v0.1.0 | github.com/shankariyerr/tinyreset */a,abbr,acronym,address,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,ol,output,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

* {
	box-sizing:border-box;
}

/* HTML5 display-role reset for older browsers */
#docContainer article, #docContainer aside, #docContainer details, #docContainer figcaption, #docContainer figure, #docContainer 
footer, #docContainer header, #docContainer hgroup, #docContainer menu, #docContainer nav, #docContainer section {
	display: block;
}


/* -----------------------------------------------------
2.0  LAYOUT
----------------------------------------------------- */
#docContainer {
	padding-top:30px;
	font-family: 'Lato', Helvetica, Arial, Sans-serif!important;
	font-size:16px;
	color: #333;
}

.section,
.fb-footer {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.column {
}

.section::after {
	content: '';
	display: block;
	clear: both;
}

.column--12 {
	width:100%;
}

.column--6 {
	width:50%;
	display:inline-block;
	float:left;
}

.fb-item {
	width: 100%;
	display:inline-block;
	padding:0 15px 30px 15px;
    display:inline-block;
}

#docContainer #fb-submit-button-div {}

#docContainer .fb-item.fb-100-item-column{ 	width:100%; }
#docContainer .fb-item.fb-75-item-column { 	width:75%; }
#docContainer .fb-item.fb-66-item-column { 	width:66.666%; }
#docContainer .fb-item.fb-50-item-column {	width:50%; }
#docContainer .fb-item.fb-33-item-column {	width:33.333%; }
#docContainer .fb-item.fb-25-item-column {	width:25%; }
#docContainer .fb-item.fb-20-item-column {	width:20%; }


@media (max-width:678px) {
	.column--6 {
		width:100%;
	}
}

/* -----------------------------------------------------
3.0  FORM CONTROLS
----------------------------------------------------- */
#docContainer input[type=text], #docContainer input[type=password], 
#docContainer input[type=email], #docContainer input[type=number],
#docContainer input[type=date], #docContainer input[type=url], 
#docContainer textarea, #docContainer input[type=file],
#docContainer input[type=tel],
#docContainer .fb-dropdown select,
#docContainer .fb-listbox select {
	color: #666;
	font-family: 'Poppins', Helvetica, Arial, Sans-serif!important;	/* Change the font family */
	width:100%;
	max-width:100%;
	background-color:#fff;
	border:1px solid #c9cacb;
	font-size:16px;
	line-height:24px;
	padding:11px 13px;
	display:block;
	transition:all 0.25s ease;
}

#docContainer input[type=text]:focus,
#docContainer input[type=password]:focus, 
#docContainer input[type=email]:focus,
#docContainer input[type=number]:focus,
#docContainer input[type=date]:focus,
#docContainer input[type=url]:focus, 
#docContainer textarea:focus,
#docContainer input[type=file]:focus,
#docContainer input[type=tel]:focus,
#docContainer .fb-dropdown select:focus,
#docContainer .fb-listbox select:focus  {
	box-shadow:0;
	outline:0;
	background-color: #ebe5d2!important;
    border-color: #ad0935!important;
}

#fb-submit-button {
	color: #fff;
	font-family:'Lato', Arial, Helvetica, sans-serif;
    background: #c52542;
    background: linear-gradient(to right, #c52542 0%,#ab0634 100%);
    background: -ms-linear-gradient(left, #c52542 0%, #ab0634 100%);
    background: -moz-linear-gradient(left, #c52542 0%, #ab0634 100%);
    background: -webkit-linear-gradient(left, #c52542 0%,#ab0634 100%);
	border-radius:5px;    
	box-shadow: 0 0 10px rgba(0,0,0,0.13);
	padding:16px 22px;
	min-width:225px;
	border:0;
	line-height:21px;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
	transition:all 0.2s ease;
}

#fb-submit-button:hover {
	transform: translateY(-3px);
    background-color: inherit;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);	
}

/* -----------------------------------------------------
3.1  CHECKBOXES/RADIO BUTTONS
----------------------------------------------------- */
.fb-one-column .fb-radio label, .fb-one-column .fb-checkbox label {
	display:inline-block;
	width:100%;
}
.fb-two-column .fb-radio label, .fb-two-column .fb-checkbox label {
	display:inline-block;
	float:left;
	width:50%;
} 
.fb-three-column .fb-radio label, .fb-three-column .fb-checkbox label {
	display:inline;
	float:left;
	width:33%;
}
 
#docContainer .fb-side-by-side .fb-radio label .fb-fieldlabel,#docContainer .fb-side-by-side .fb-checkbox label .fb-fieldlabel{
	margin-left: 1px;
	margin-right: 10px;
}

.fb-side-by-side .fb-radio label, .fb-side-by-side .fb-checkbox label {
	display:inline-block;
	float:left;
}

/* Rule for the checkbox container */
#docContainer .fb-checkbox {
	padding: 0 0 0 2px;
	color: #444;
}

/* Rule for the checkbox inputs */
#docContainer .fb-checkbox input {
	padding: 0 0 0 2px;
	display:inline-block;
}

/* Rule for the radio buttons container */
#docContainer .fb-radio {
	padding: 0 0 0 2px;
	color: #444;
}

/* Rule for the radio buttons inputs */
#docContainer .fb-radio input {
	padding: 0 0 0 2px;
	display:inline-block;
}

/* Rule for the labels of checkboxes and radios */
#docContainer .fb-fieldlabel {
   display: inline;
   margin-top: 10px;
   margin-left: 5px;
   font-size: 0.9em; 
}

#docContainer .fb-radio label,
#docContainer .fb-checkbox label {
	margin-bottom:5px;
	margin-top: 11px;
}

/* -----------------------------------------------------
3.2 CAPTCHAS
----------------------------------------------------- */
#docContainer #fb-captcha_control { 
	padding: 30px 0; 
}

/* Rule to be able to control the position of the captcha when generated */
#fb-captcha_control > div {
	display:inline-block;
}

/*  Rule for captcha internal */
#recaptcha_table {
	background-color: rgb(255,255,255);
}


/* -----------------------------------------------------
3.3 FILE UPLOAD
----------------------------------------------------- */
#docContainer .fb-button input {
	color: #777;
	font-family: Helvetica, Arial, Sans-serif;
}




/* -----------------------------------------------------
4.0  TYPOGRAPHY
----------------------------------------------------- */
#docContainer .fb-header h2 {
	font-family: Helvetica, Arial;
	font-size: 20px;
	font-weight: bold;
	padding-top: 0px;
	color: #333;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

#docContainer.fb-small .fb-header h2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
	color: #333;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

#docContainer .fb-static-text {
	font-family: Helvetica, Arial;
	margin: 0px;
	color: #999;
}

#docContainer .fb-static-text p {
	font-family: Helvetica, Arial;
	font-size: 14px;
	line-height: 1.6em;
	padding-bottom: 15px;
}

#docContainer.fb-small .fb-static-text p {
	font-family: Helvetica, Arial;
	font-size: 13px;
	line-height: 1.6em;
	padding-bottom: 15px;
}


/* Rule for the date container */
#docContainer .fb-input-date {
	margin: 0 0 5px 0;
}


/* Rule for the section break container */


/* Rule for the section break hr */
#docContainer .fb-sectionbreak hr {
	margin: 0 auto;
	padding: 0 auto;
	border:none;
	border-top: 1px solid #9e9e9e;
	width: 100%;
}


/* -----------------------------------------------------
5.0 LABELS
----------------------------------------------------- */
#docContainer .fb-grouplabel {
}

#docContainer .label-hidden {
	position:absolute;
	visibility:hidden;
	height:0;
	overflow:hidden;	
}

#docContainer .fb-grouplabel label{
	display:block!important;
	padding:0 0 7px 0;
	font-size:18px;
	font-weight:400;
	color:#58595b;
}


/* -----------------------------------------------------
5.1  LABELS - RIGHT
----------------------------------------------------- */
.fb-rightlabel .fb-grouplabel {
	float:left;
	text-align:right;
	width:30%;
}

.fb-rightlabel .fb-input-box,
.fb-rightlabel .fb-dropdown,
.fb-rightlabel .fb-listbox,
.fb-rightlabel .fb-button,
.fb-rightlabel .fb-textarea,
.fb-rightlabel .fb-radio,
.fb-rightlabel .fb-input-number,
.fb-rightlabel .fb-checkbox,
.fb-rightlabel .fb-input-date,
.fb-rightlabel .fb-phone,
.fb-rightlabel .fb-regex,
.fb-rightlabel  label.error,
.fb-rightlabel .fb-hint {
	float:left;
	width:65%;
}

#docContainer.fb-rightlabel .fb-hint {
	margin-left: 30%;
}

#docContainer.fb-rightlabel .fb-input-box .fb-hint,
#docContainer.fb-rightlabel .fb-button .fb-hint,
#docContainer.fb-rightlabel .fb-textarea .fb-hint,
#docContainer.fb-rightlabel .fb-input-number .fb-hint,
#docContainer.fb-rightlabel .fb-input-date .fb-hint,
#docContainer.fb-rightlabel .fb-phone .fb-hint,
#docContainer.fb-rightlabel .fb-regex .fb-hint {
	margin-left: 0px;
	width:100%;
}


/* -----------------------------------------------------
5.2  LABELS - LEFT
----------------------------------------------------- */
.fb-leftlabel .fb-grouplabel {
	float:left;
	width:30%;
	text-align:left;
}

.fb-leftlabel .fb-input-box,
.fb-leftlabel .fb-dropdown,
.fb-leftlabel .fb-listbox,
.fb-leftlabel .fb-button,
.fb-leftlabel .fb-textarea,
.fb-leftlabel .fb-input-number,
.fb-leftlabel .fb-radio,
.fb-leftlabel .fb-checkbox,
.fb-leftlabel .fb-input-date,
.fb-leftlabel .fb-phone,
.fb-leftlabel .fb-regex,
.fb-leftlabel  label.error,
.fb-leftlabel .fb-hint {
	float:left;
	width:60%;
}

#docContainer.fb-leftlabel .fb-hint {
	margin-left: 30%;
}

#docContainer.fb-leftlabel .fb-input-box .fb-hint,
#docContainer.fb-leftlabel .fb-button .fb-hint,
#docContainer.fb-leftlabel .fb-textarea .fb-hint,
#docContainer.fb-leftlabel .fb-input-number .fb-hint,
#docContainer.fb-leftlabel .fb-input-date .fb-hint,
#docContainer.fb-leftlabel .fb-phone .fb-hint,
#docContainer.fb-leftlabel .fb-regex .fb-hint {
    margin-left: 0px;
    width:100%;
}


/* -----------------------------------------------------
5.3  LABEL - TOP
----------------------------------------------------- */
.fb-toplabel .fb-grouplabel {width: 100%; }
.fb-toplabel .fb-input-box,
.fb-toplabel .fb-dropdown,
.fb-toplabel .fb-listbox,
.fb-toplabel .fb-button,
.fb-toplabel .fb-input-number,
.fb-toplabel .fb-textarea,
.fb-toplabel .fb-radio,
.fb-toplabel .fb-checkbox,
.fb-toplabel .fb-input-date,
.fb-toplabel .fb-phone,
.fb-toplabel .fb-regex,
.fb-toplabel .fb-hint,
.fb-toplabel  label.error {
	margin: 9px 0 0 0;
	float:none;
	width:100%;
}
#docContainer.fb-toplabel .fb-hint {margin-left: 2px}

/* -----------------------------------------------------
5.4  REQUIRED
----------------------------------------------------- */
label.required:before {
	content:" *";
	font-weight:bold;
	color:#333;
	margin-right:3px;
}

/* -----------------------------------------------------
6.0  VALIDATION STYLES
----------------------------------------------------- */
/* -----------------------------------------------------
6.1  ERRORS
----------------------------------------------------- */
#docContainer label.error {
    background-color:transparent;
	font-weight: normal;
    padding: 5px;
	display:block;
	clear:both;
	color: #BF0000;
	font: italic 12px Helvetica,sans-serif;
	margin: 1px 0 0 0;
}
#docContainer input[type=text].error, #docContainer input[type=password].error, 
#docContainer input[type=email].error, #docContainer input[type=number].error,
#docContainer input[type=date].error, #docContainer input[type=url].error,
#docContainer input[type=tel].error, #docContainer textarea.error, 
#docContainer select.error {
}

/* -----------------------------------------------------
6.2 ERROR REPORTS
----------------------------------------------------- */
#fb_error_report {
	border: 1px solid #BF0000 !important; 
	padding: 10px !important; 
	margin: 10px !important;
	background-color: #fff;
	display:inline-block;
	width:90%;
}

#fb_error_report h4 {
	color:#BF0000;
	font-size: 16px;
}

#fb_error_report ul {
	list-style-type: disc;
	padding:20px;
}

#fb_error_report ul li {
	color: #888;
}

/* -----------------------------------------------------
7.0  ELEMENTS
----------------------------------------------------- */
/* -----------------------------------------------------
7.1  HINTS
----------------------------------------------------- */
.hidden_hint {
	display:none !important;
}

input:focus + .fb-hint, select:focus + .fb-hint,
textarea:focus + .fb-hint {
	display:inline-block !important;
}

#docContainer .fb-hint {
	display:inline-block;
	font-size: 11px;
	color: #888;
	margin: 5px 0px 1px 0px;
}


/* -----------------------------------------------------
7.2  PLACEHOLDERS
----------------------------------------------------- */
.placeholder {
	color:#BEBEBE !important;
}

#docContainer ::-webkit-input-placeholder {
    color:#BEBEBE !important;
}
#docContainer :-moz-placeholder {
    color:#BEBEBE !important;
}


/* -----------------------------------------------------
8.0  OTHER STYLES
----------------------------------------------------- */
#docContainer .fb-fieldlabel {
	float: left;
	width: 80%;
	margin-top: 0px;
}

#docContainer input[type=radio], #docContainer input[type=checkbox] {
  float: left;
}

#docContainer .fb-side-by-side .fb-radio label .fb-fieldlabel,
#docContainer .fb-side-by-side .fb-checkbox label .fb-fieldlabel {
  width: 100%;
  float: none;
}

.fb-side-by-side .fb-radio input[type=radio], .fb-side-by-side .fb-checkbox input[type=checkbox] {float: none;margin-right:3px;}
		#docContainer .fb-html a { color:#0066D6; text-decoration:underline; }
		#docContainer .fb-html a:hover { color:#CC3300 !important; text-decoration:underline; }
		#docContainer .fb-html a:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
		#docContainer .fb-html a:hover, #docContainer .fb-html a:active { outline:0; }
		#docContainer .fb-html a:visited { color:#5575A0; }
		#docContainer .fb-html ul, #docContainer .fb-html ol { padding:0; margin:15px 0 15px 25px; text-align:left; }
		#docContainer .fb-html ul { list-style:disc; }
		#docContainer .fb-html ol { list-style:decimal; }
		#docContainer .fb-html li { line-height:15px; padding:5px 0; vertical-align:middle;}
		#docContainer .fb-html blockquote { border-left:5px solid #ddd; margin:15px 0; padding:0 0 0 15px; text-align:left; }
		#docContainer .fb-html blockquote, #docContainer .fb-html blockquote p { font-size:14px; font-weight:300; line-height:20px; }
		#docContainer .fb-html blockquote small { display:block; font-size:12px; line-height:22px; color:#999; }
		#docContainer .fb-html blockquote small:before { content:'\2014 \00A0'; }
		#docContainer .fb-html blockquote:before, #docContainer .fb-html blockquote:after { content:""; }
		#docContainer .fb-html table { max-width:100%; border-collapse:collapse; border-spacing:0; }
		#docContainer .fb-html table { border:1px solid #ddd; margin:15px 0; width:100%; }
		#docContainer .fb-html table th, #docContainer .fb-html table td { border-top:1px solid #ddd; line-height:18px; padding:8px; text-align:left; }
		#docContainer .fb-html table th { font-weight:bold; vertical-align:bottom; }
		#docContainer .fb-html table td { vertical-align:top; }
		#docContainer .fb-html table thead:first-child tr th, #docContainer .fb-html table thead:first-child tr td { border-top:0; }
		#docContainer .fb-html table tbody tr:nth-child(odd) th, #docContainer .fb-html table tbody tr:nth-child(odd) td { background-color:#fbfbfb; }
		
		
/* -----------------------------------------------------
9.0 RESPONSIVE MEDIA QUERIES
----------------------------------------------------- */
@media screen and (max-width: 768px) {
   #docContainer.fb-large .fb-item.fb-25-item-column,
   #docContainer.fb-large .fb-item.fb-20-item-column {
      width: 50%;
   }
   #docContainer .fb-item.fb-25-item-column,
   #docContainer .fb-item.fb-20-item-column {
      width: 50%;
   }
   #docContainer.fb-small .fb-item.fb-25-item-column,
   #docContainer.fb-small .fb-item.fb-20-item-column {
      width:45%;
   }
}

@media screen and (max-width:480px) {
   #docContainer.fb-large .fb-item.fb-75-item-column,
   #docContainer.fb-large .fb-item.fb-66-item-column,
   #docContainer.fb-large .fb-item.fb-50-item-column,
   #docContainer.fb-large .fb-item.fb-33-item-column,
   #docContainer.fb-large .fb-item.fb-25-item-column,
   #docContainer.fb-large .fb-item.fb-20-item-column,

   #docContainer .fb-item.fb-75-item-column,
   #docContainer .fb-item.fb-66-item-column,
   #docContainer .fb-item.fb-50-item-column,
   #docContainer .fb-item.fb-33-item-column,
   #docContainer .fb-item.fb-25-item-column,
   #docContainer .fb-item.fb-20-item-column,

   #docContainer.fb-small .fb-item.fb-75-item-column,
   #docContainer.fb-small .fb-item.fb-66-item-column,
   #docContainer.fb-small .fb-item.fb-50-item-column,
   #docContainer.fb-small .fb-item.fb-33-item-column,
   #docContainer.fb-small .fb-item.fb-25-item-column,
   #docContainer.fb-small .fb-item.fb-20-item-column {
      width: 100%;
   }
}

@media screen and (max-width: 768px) {
   .fb-rightlabel .fb-grouplabel {
      float:none;
      text-align:left;
      width:100%;
   } 
   .fb-rightlabel .fb-input-box,
   .fb-rightlabel .fb-dropdown,
   .fb-rightlabel .fb-listbox,
   .fb-rightlabel .fb-button,
   .fb-rightlabel .fb-textarea,
   .fb-rightlabel .fb-radio,
   .fb-rightlabel .fb-input-number,
   .fb-rightlabel .fb-checkbox,
   .fb-rightlabel .fb-input-date,
   .fb-rightlabel  label.error,
   .fb-rightlabel .fb-hint, 
   .fb-rightlabel .fb-phone,
   .fb-rightlabel .fb-regex{
      float:none;
      width:100%;
   }

   .fb-leftlabel .fb-grouplabel {
      float:none;
      width:100%;
      text-align:left;
   }
   .fb-leftlabel .fb-input-box,
   .fb-leftlabel .fb-dropdown,
   .fb-leftlabel .fb-listbox,
   .fb-leftlabel .fb-button,
   .fb-leftlabel .fb-textarea,
   .fb-leftlabel .fb-input-number,
   .fb-leftlabel .fb-radio,
   .fb-leftlabel .fb-checkbox,
   .fb-leftlabel .fb-input-date,
   .fb-leftlabel  label.error,
   .fb-leftlabel .fb-hint,
   .fb-leftlabel .fb-phone,
   .fb-leftlabel .fb-regex{
      float:none;
      width:100%;
   }
}

@media screen and (max-width: 768px) {
   .fb-three-column .fb-radio label,
   .fb-three-column .fb-checkbox label {
      width: 50%;
   }
}

@media screen and (max-width: 480px){
   .fb-two-column .fb-radio label,
   .fb-two-column .fb-checkbox label,
   .fb-three-column .fb-radio label,
   .fb-three-column .fb-checkbox label {
      width:100%;
   }
}

#fb_confirm_inline {
	padding:0 15px!important;
}