/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Removes default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Sets consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
img { border: 0; }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.btn-primary { background-color: #006DCC; background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.btn-primary a { color: #fff; text-decoration: none; }

.btn-large { border-radius: 6px 6px 6px 6px; font-size: 17.5px; padding: 11px 19px; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

  .row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }

  .column, .columns { float: left; min-height: 1px; padding: 0 20px; position: relative; }
@media (max-width: 500px) {   .column, .columns { padding: 0 10px; } }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

  .row .one { width: 8.33%; }

.row .two { width: 16.66%; }

.row .three { width: 25%; }

.row .four { width: 33.33%; }

.row .five { width: 41.66%; }
@media (max-width: 960px) { .row .five { width: 100%; } }

.row .six { width: 50%; }

.row .seven { width: 58.33%; clear: both; }
@media (max-width: 960px) { .row .seven { width: 100%; margin-top: 0; } }

.row .eight { width: 66.66%; }

.row .nine { width: 75%; }

.row .ten { width: 83.33%; }

.row .eleven { width: 91.66%; }

.row .twelve { width: 100%; }

  .row:before, .row:after, .clearfix:before, .clearfix:after { content: ""; display: table; }

.row:after, .clearfix:after { clear: both; }

.row, .clearfix { zoom: 1; }

@media only screen and (max-width: 767px) { .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
    .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .row .nine { width: 100%; clear: both; } }
/* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; }

.flex-direction-nav .flex-prev { left: -36px; }

.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }

.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; }
  .flex-direction-nav .flex-next { opacity: 1; right: 0; } }
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: 400; margin-top: 0; text-transform: uppercase; }

h1 { font-size: 80px; margin: 20px 0 0 0; color: #d72a3b; }

h2 { font-size: 30px; font-weight: 600; color: #535988; margin-bottom: 5px; margin-top: 10px; }
@media (max-width: 768px) { h2 { font-size: 22px; } }
@media (max-width: 500px) { h2 { font-size: 18px; } }

h3 { font-size: 22px; color: #43476d; margin-bottom: 5px; font-weight: 600; }
@media (max-width: 768px) { h3 { font-size: 18px; } }
@media (max-width: 500px) { h3 { font-size: 16px; } }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 11px; }

p { font-family: 'Droid Sans', sans-serif; font-weight: 400; color: #222; line-height: 32px; font-size: 1em; }
@media (max-width: 768px) { p { font-size: 0.875em; } }
@media (max-width: 500px) { p { font-size: 0.75em; line-height: 20px; } }

ul li { font-family: 'Droid Sans', sans-serif; font-weight: 400; color: #222; line-height: 28px; font-size: 1em; }

body { background: #b3b09d url("../images/bg_new.jpg") no-repeat; margin: 0 auto; max-width: 1280px; }

#wrapper { margin-top: 20px; margin-bottom: 5px; padding-bottom: 30px; background-color: #ffffff; border: 1px solid #aaaaaa; margin-left: 20px; margin-right: 20px; box-shadow: 0 0 10px #444; }

/*********************************************************** HEADER */
header h1 { font-size: 75px\9; }
@media (max-width: 768px) { header h1 { font-size: 3.5em; } }
@media (max-width: 500px) { header h1 { margin-top: 10px; margin-bottom: 5px; font-size: 1.9em; color: #e92c44; } }

header h2#tagline { position: relative; left: 5px; bottom: 8px; font-size: 16px; font-size: 14px\9; letter-spacing: 0.05em; text-transform: capitalize; margin-top: 0; margin-bottom: 0; color: #535988; font-style: italic; font-weight: 400; }
@media (max-width: 768px) { header h2#tagline { font-size: 0.875em; } }
@media (max-width: 500px) { header h2#tagline { text-align: left; font-size: 10px; line-height: 14px; } }

header a#fb_icon { float: right; }
@media (max-width: 500px) { header a#fb_icon { float: left; position: relative; top: 28px; } }

header p#phone { position: absolute; top: 20px; right: 20px; font-size: 35px; color: #535988; text-transform: uppercase; font-family: 'Raleway' sans-serif; }
header p#phone span { font-family: 'Droid Sans', sans-serif; }
@media (max-width: 960px) { header p#phone { font-size: 1.8em; } }
@media (max-width: 768px) { header p#phone { font-size: 1.1em; } }
@media (max-width: 500px) { header p#phone { position: absolute; top: 58px; left: 50px; } }

a[href^=tel] { font-weight: 800; color: #483A3A; text-decoration: none; }

.info p { margin-top: 0; }
@media (max-width: 500px) { .info { position: relative; bottom: 15px; } }
.info #cta { background-color: #777777; color: #fff; padding: 10px 15px; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 1px #888888; box-shadow: 0px 3px 1px #555555; border-radius: 10px; }
@media (max-width: 500px) { .info #cta { display: block; font-size: 11px; padding: 5px 10px; text-align: center; margin-top: 10px; } }
.info #cta:hover { background-color: #ffffff; color: #D01F3C; border: 1px solid #666666; box-shadow: none; text-shadow: none; }
.info a { color: #D01F3C; text-decoration: underline; }
.info a:hover { color: #000000; }

@media (max-width: 500px) { ul { padding-left: 20px; } }

/** Map */
.contact { margin-top: 20px; }
.contact img#email { float: left; margin-right: 5px; max-width: 100%; position: relative; top: 12px; }
@media (max-width: 960px) { .contact { clear: both; padding-top: 10px; } }
@media (max-width: 500px) { .contact { margin-top: 0; } }

.contact h2 { margin-bottom: 10px; }

#slider { position: relative; }
@media (max-width: 960px) { #slider { width: 50%; height: 50%; float: left; margin-right: 10px; margin-top: 20px; } }
@media (max-width: 768px) { #slider { width: 100%; } }
@media (max-width: 500px) { #slider { margin-top: 0; } }

/*********************************************************** NAVIGATION */
#menu-main-menu { float: left; padding-left: 5px; margin-top: 20px; }
@media (max-width: 500px) { #menu-main-menu { margin-top: 30px; margin-left: 2px; } }
#menu-main-menu li { float: left; list-style-type: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 1em; margin-right: 15px; }
@media (max-width: 500px) { #menu-main-menu li { font-size: 0.7em; margin-right: 8px; } }
#menu-main-menu li a { color: #444; font-weight: 400; text-decoration: none; }
#menu-main-menu li a:hover { color: #d72a3b; }
#menu-main-menu li.current-menu-item a { color: #DE564B; border-bottom: 3px solid #d72a3b; }

.home .seven { margin-top: 20px; }

/*********************************************************** FORM */
.formWrapper { float: right; width: 100%; margin-top: 50px; }
@media (max-width: 960px) { .formWrapper { float: right; width: 45%; margin-top: 0; } }
@media (max-width: 768px) { .formWrapper { padding-top: 15px; float: left; width: 100%; } }
@media (max-width: 500px) { .formWrapper { padding-top: 40px; } }

wpcf7-form { margin-top: 10px; }

.wpcf7-form p { margin-bottom: 5px; margin-top: 5px; font-family: 'Raleway', sans-serif; font-size: 0.9125em; }

.formWrapper h2 { font-weight: 400; font-size: 18px; margin-bottom: 10px; position: relative; top: 2px; color: #444; font-family: helvetica; }

fieldset { border: none; padding: 0; }

input[type=text], input[type=email], textarea { width: 100%; padding: 7px; margin-bottom: 0; border: 1px solid #aaa; }

input[type=submit] { font-size: 16px; font-family: 'Droid Sans', sans-serif; background-color: #d72a3b; color: #ffffff; border: none; padding: 7px 15px 7px 15px; margin-top: 10px; font-weight: 400; letter-spacing: 0.04em; }

input[type=submit]:hover { background-color: #D63B57; }

label { font-size: 14px; color: #555; text-transform: uppercase; padding: 7px 0 7px 0; display: block; }

/*********************************************************** CONTENT */
.seven img { float: left; margin: 5px 10px 5px 0; }
@media (max-width: 500px) { .seven img { max-width: 80%; } }

/*********************************************************** INFO */
.footer_outer .wrapper { margin: 0 auto; padding: 0 20px 0 20px; max-width: 1280px; }
.footer_outer p { float: right; font-size: 0.875em; }
.footer_outer img#clounge { position: relative; top: 5px; }
