html{ font-size:100%}

/* Make all form fonts consistent */



/* Remove default borders */

form, 

fieldset, 

a img{ border:0}

img{ max-width:100%;  height:auto}

/* Remove default spacing */

form, 

fieldset{ margin:0;  padding:0}

/* Common Classes */

.left{ float:left}

.right{ float:right}

.block{ display:block}

.nopadding{ padding:0}

.nomargin{ margin:0 !important}

.sfr_hidden{ display:none}

.clear-all{ float:left;  width:100%;  display:block;  clear:both}

/* ==========================================================================

/* 1.0 - Document Setup (body, links, headings, code, tables, forms etc)

   ========================================================================== */

/* Body */

body{ font-size:16px;  line-height:1.625em;  margin:0;  -webkit-text-size-adjust:100%;  -ms-text-size-adjust:100%;  text-rendering:optimizelegibility}



/* Links */

a{ text-decoration:none; outline: none;}



a:hover{ text-decoration:none}



/* 1.1 Headings - h1, h2, h3, h4, h5, h6 &other (if any)

   ========================================================================== */

h1, 

h2, 

h3, 

h4, 

h5, 

h6{ margin:0;  line-height:normal;  font-weight:normal;  line-height:1.2em}

h1{ font-size:30px;  margin-bottom:15px}

h2{ font-size:28px;  margin-bottom:15px}

h3{ font-size:24px;  margin-bottom:10px}

h4{ font-size:20px;  margin-bottom:10px}

h5{ font-size:18px;  margin-bottom:10px}

h6{ font-size:16px;  text-transform:uppercase;  margin-bottom:0; line-height: 1.4em;}

p{ font-family:inherit; margin-bottom:20px}



/* 1.2 Paragraphs, block quotes, code, pre, etc

   ========================================================================== */

small{ font-size:12px;  font-size:0.75rem}

/* Block Quotes, Pre and Code Blocks */

blockquote, 

q{ font-size:20px;  border-left:6px solid #c6c6c6;  margin:0 20px 20px 20px;  padding:2% 5% 2% 5%;  font-family:"Georgia","Times";  font-style:italic;  float:left;  line-height:1.4em}



blockquote.right{ float:right;  margin:10px 0 15px 15px}



code{ padding:2px 6px;  font-family:Monaco,Andale Mono,"Courier New",monospace;  font-size:12px;  font-size:0.75rem;  background-color:#fee9cc;  border:1px solid #ffc9b3;  line-height:normal;  color:#222;  -moz-background-clip:padding;  -webkit-background-clip:padding-box;  background-clip:padding-box}

/* Horizontal Rule */

hr{ border:0;  background:none;  outline:0;  height:1px;  background-color:#ddd;  margin:2em 0}

iframe{ float:left}

/* 1.3 Tables

   ========================================================================== */

table{ width:100%;  border-collapse:collapse;  border-left:0;  background-color:#fff;  border-spacing:0;  table-layout:fixed;  word-wrap:break-word;  -ms-word-wrap:break-word;  *white-space:normal}

table th, 

table td{ padding:8px;  line-height:18px;  text-align:left;  vertical-align:top;  border-top:1px solid #eee}

table thead th{ vertical-align:bottom;  font-weight:bold}

table tfoot td{ font-weight:bold}

table caption{ padding:0.5em;  font-style:italic;  background-color:#eee;  border-bottom:0;  font-weight:bold}

/* 1.4 Lists

   ========================================================================== */

ul{ list-style:square;  padding:0 0 0 25px;  margin:0 0 20px}

ol{ list-style:decimal;  padding:0 0 0 25px;  margin:0 0 20px}

ul ul, 

ol ul{ margin:0}

dl{ border:3px double #ccc;  padding:20px 20px 20px 10px;  margin-bottom:20px}

dt{ float:left;  clear:left;  width:100px;  text-align:right;  font-weight:bold}

dt:after{ content:":"}

dd{ margin:0 0 0 120px;  padding:0 0 20px 0}

dd:last-child{ padding:0}

/* 1.5 Forms, Labels and Inputs

   ========================================================================== */

.fieldset{ margin:1.5em 0}

legend{ font-family:arial,helvetica,clean,sans-serif;  font-size:32px;  font-size:2rem;  line-height:normal;  width:100%;  display:block;  border:0;  *margin-left:-5px}

label{  cursor:pointer}

.inline-field label{ display:inline-block;  *zoom:1;  *display:inline;  margin-right:1em}

.field{ padding:0.2em 0}

.field label{ display:block}

.checkbox{ display:block;  position:relative;  line-height:normal;  padding:0.2em 0}

.checkbox label{ display:block;  overflow:hidden;  *zoom:1}

.checkbox input[type=checkbox], 

.checkbox input[type=radio]{ float:left;  top:-2px;  position:relative;  margin-right:1em}

/* Inputs (Text, Search, Email, etc) */

input[type=text], 

input[type=password], 

input[type=email], 

input[type=search], 

input[type=tel], 

input[type=file],

input[type=url]{ outline:0;  padding:2px 5px;  height:28px;  -webkit-appearance:none;  -moz-appearance:none;  vertical-align:middle;  font-size:14px;  font-size:0.875rem; border:none}

input[type=file]{ border:0;  height:20px}

input[type=button]::-moz-focus-inner, 

input[type=submit]::-moz-focus-inner, 

input[type=reset]::-moz-focus-inner{ padding:0;  border:0}

input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none}

input[type=submit], 

input[type=button], 

input[type=reset]{ line-height:normal;  cursor:pointer;  -webkit-appearance:none;  /* Remove Default Browser Behaviour for Safari */ -moz-appearance:none;  /* Remove Default Browser Behaviour for Firefox */}

textarea{ font-size:14px;  font-size:0.875rem;  background-color:#fff;  color:#666;  outline:0;  padding:2px 5px;  vertical-align:top;  border:1px solid #ddd;  padding:10px}

select{ font-size:14px;  font-size:0.875rem;  outline:0;  border:0;  padding:7px;  line-height:normal;  display:inline-block;  *zoom:1;  *display:inline;  vertical-align:middle;  border:1px solid #999}

select[multiple]{ min-height:100px;  vertical-align:top;  border:1px solid #ddd}

select, 

input[type=text], 

input[type=password], 

input[type=email], 

input[type=search], 

input[type=tel]{ width:50%}

textarea{ width:70%}



/*BUTTONS*/

.buttons{ padding:1em 0}

#cancel-comment-reply-link, 

.wpcf7-submit{ font-size:14px;  line-height:normal;  cursor:pointer;  border:0;  padding:5px 20px;  text-decoration:none;  text-align:center}



.button,.wpcf7-submit{ font-size:14px;  line-height:normal;  cursor:pointer;  border:0;  padding:5px 20px;  text-decoration:none;  text-align:center;  display:inline-block;  margin-right:5px;  margin-bottom:5px;  opacity:1;  -webkit-transition:all .1s linear;  -moz-transition:all .1s linear;  -ms-transition:all .1s linear;  -o-transition:all .1s linear;  transition:all .1s linear}

.button:hover,.wpcf7-submit{ opacity:0.8}



.button[disabled], 

.button.disabled{ color:#999;  background-color:#f1f1f1}



.small{ padding:6px 15px;  font-size:14px;  line-height:16px}

.middle,.wpcf7-submit{ padding:10px 20px;  font-size:18px;  line-height:20px}

.large{ padding:10px 30px;  font-size:30px;  line-height:40px}

.button.rounded{ border-radius:30px}



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

          CONTACT FORM 7 STYLES

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

.wpcf7-submit:hover{ cursor:pointer}



div.wpcf7-response-output{ margin:15px 0 15px;  padding:15px;  border:none;}



div.wpcf7-validation-errors{ background:#e74c3c;  color:#FFF}

div.wpcf7-mail-sent-ok, .success{ background:#27ae60;  color:#FFF}

.success{ padding:20px;  display:block}



span.wpcf7-not-valid-tip{ display:none;  border:none;  padding:5px 10px;  background:#f1c40f;  color:white;  top:0;  left:auto;  right:0}



textarea.wpcf7-not-valid, 

input[type="url"].wpcf7-not-valid, 

input[type="tel"].wpcf7-not-valid, 

input[type="text"].wpcf7-not-valid, 

input[type="email"].wpcf7-not-valid, 

input[type="number"].wpcf7-not-valid, 

input[type="password"].wpcf7-not-valid{ border-color:#f1c40f}



span.wpcf7-list-item{margin-left:15px}

span.wpcf7-list-item:first-child{margin-left:0}

#sfr_contact_form .error-form{ border:1px solid #e74c3c}