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

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}

#docContainer div, #docContainer span, #docContainer applet, #docContainer object, #docContainer iframe, #docContainer
h1, #docContainer h2, #docContainer h3, #docContainer h4, #docContainer h5, #docContainer h6, #docContainer p, #docContainer blockquote, #docContainer pre, #docContainer
a, #docContainer abbr, #docContainer acronym, #docContainer address, #docContainer big, #docContainer cite, #docContainer code, #docContainer
del, #docContainer dfn, #docContainer em, #docContainer img, #docContainer ins, #docContainer kbd, #docContainer q, #docContainer s, #docContainer samp, #docContainer
small, #docContainer strike, #docContainer strong, #docContainer sub, #docContainer sup, #docContainer tt, #docContainer var, #docContainer
b, #docContainer u, #docContainer i, #docContainer center, #docContainer
dl, #docContainer dt, #docContainer dd, #docContainer ol, #docContainer ul, #docContainer li, #docContainer
fieldset, #docContainer form, #docContainer label, #docContainer legend, #docContainer
table, #docContainer caption, #docContainer tbody, #docContainer tfoot, #docContainer thead, #docContainer tr, #docContainer th, #docContainer td, #docContainer
article, #docContainer aside, #docContainer canvas, #docContainer details, #docContainer embed, #docContainer 
figure, #docContainer figcaption, #docContainer footer, #docContainer header, #docContainer hgroup, #docContainer 
menu, #docContainer nav, #docContainer output, #docContainer ruby, #docContainer section, #docContainer summary, #docContainer
time, #docContainer mark, #docContainer audio, #docContainer 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;
}

#docContainer .section,
#docContainer .fb-footer {
	padding:0 15px;
}

#docContainer .column {
	margin: 0 -15px;
	padding: 0%;
}

#docContainer .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%; }


/* -----------------------------------------------------
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%;
   }
}