/* 411FCC Shared Stylesheet */
body, p, select, textarea {
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  text-decoration: none
}

body {
  background: #f5f5f5;
  margin: 0 auto;
  max-width: 970px;
  width: 100%;
  box-sizing: border-box
}

li, ol, ul { margin: 0; padding: 0 }

#state li {
  list-style: none;
  display: inline-block;
  padding-left: 20px;
  text-align: left;
  height: 50px
}

ol li { list-style-type: decimal }

::-moz-selection { background-color: #333; color: #fff }
::selection { background-color: #333; color: #fff }

a, a:visited { color: #c61a1a; text-decoration: underline }
a:hover { color: #c61a1a; text-decoration: none }
a img { border: none }

#wrap {
  border-radius: 10px;
  background: #fff;
  border: 5px solid #ededed;
  margin: 10px auto;
  overflow: hidden;
  padding: 10px;
  position: relative
}

#header { height: 150px; margin: 0 auto; width: 100% }
#header { background: url(https://www.411fcc.com/images/header.png) no-repeat !important }

h1, h2, h3, h4, h5, h6 {
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 10px;
  padding: 0;
  text-transform: none
}

h1 { font-size: 30px }
h2 { font-size: 30px }
h2 a, h2 a:visited { color: #222; text-decoration: none }
h2 a:hover { color: #c61a1a; text-decoration: none }
h3 { font-size: 24px }
h4 { font-size: 20px }
h5 { font-size: 18px }
h6 { font-size: 16px }

.sale-headline {
  color: #035492;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  text-align: center
}

.sale-sub-headline {
  color: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  margin: 20px
}

.page-template-landing-php #content-sidebar-wrap {
  margin: 0 auto;
  float: none;
  max-width: 700px;
  width: 100%
}

.copyright { font-size: 12px }

#content { float: left; padding: 10px 0 20px; width: 420px }
.page-template-landing-php #content { margin: 0 auto; max-width: 680px; width: 100% }
.page-template-landing-php .page { padding: 10px 10px 0 }
.entry-content p { margin: 0 0 25px }

body.page-template-landing-php,
.page-template-landing-php #inner { max-width: 760px; width: 100% }
.page-template-landing-php .entry-title { display: none }

.sale-button { text-align: center; margin: 20px }
.sale-foot-menu { text-align: center; margin-top: 20px }
.sale-foot-menu p { font-size: 14px }

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both }
.cf { zoom: 1 }

.form-wrapper {
  max-width: 450px;
  width: 100%;
  padding: 15px;
  margin: 50px auto 50px auto;
  background: #444;
  background: rgba(0,0,0,.2);
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
  box-sizing: border-box
}

.form-wrapper input {
  width: 330px;
  height: 28px;
  padding: 10px 5px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  border: 0;
  background: #fff;
  border-radius: 3px 0 0 3px
}

.form-wrapper input:focus {
  outline: 0;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,.8) inset
}

.form-wrapper input::-webkit-input-placeholder { color: #ccc; font-weight: 400; font-family: Arial, Helvetica, sans-serif; font-size: 18px }
.form-wrapper input:-moz-placeholder { color: #999; font-weight: 400; font-family: Arial, Helvetica, sans-serif; font-size: 18px }
.form-wrapper input:-ms-input-placeholder { color: #999; font-weight: 400; font-family: Arial, Helvetica, sans-serif; font-size: 18px }

.form-wrapper button {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 48px;
  width: 110px;
  font: bold 15px/48px 'lucida sans', 'trebuchet MS', 'Tahoma';
  color: #fff;
  text-transform: uppercase;
  background: #d83c3c;
  border-radius: 0 3px 3px 0;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3)
}

.form-wrapper button:hover { background: #e54040 }
.form-wrapper button:active, .form-wrapper button:focus { background: #c42f2f; outline: 0 }
.form-wrapper button:before {
  content: '';
  position: absolute;
  border-width: 8px 8px 8px 0;
  border-style: solid solid solid none;
  border-color: transparent #d83c3c transparent;
  top: 16px;
  left: -6px
}
.form-wrapper button:hover:before { border-right-color: #e54040 }
.form-wrapper button:focus:before, .form-wrapper button:active:before { border-right-color: #c42f2f }
.form-wrapper button::-moz-focus-inner { border: 0; padding: 0 }

.breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 8px 0; color: #666 }
.breadcrumb a { color: #c61a1a; text-decoration: none }
.breadcrumb a:hover { text-decoration: underline }
.breadcrumb span { color: #333 }

/* Responsive */
@media (max-width:768px) {
  .sale-headline { text-align: left; font-size: 22px; padding-top: 0 }
  .pt32 { padding-top: 10px }
  .pl32 { padding-left: 0; width: 100% }
  .hnd { width: 100% }
  .pl31 { padding-left: 0; width: 100%; padding-top: 30px }
  #map { height: 340px; width: 100% !important }
  .p1.tar.b.cgrn.mt5.mb5 { text-align: left; padding-left: 25px; padding-right: 10px; width: auto }

  .page-template-landing-php #content-sidebar-wrap { width: 100% }
  .page-template-landing-php #content { width: 100% }
  body.page-template-landing-php, .page-template-landing-php #inner { width: 100% }
  .form-wrapper { width: 95% }
  .form-wrapper input { width: 98% }
  .form-wrapper button { margin-top: -48px }

  #state li { height: auto; padding: 0 }
  #state li a { display: inline-block; padding: 12px 8px; min-height: 24px }
  .sale-foot-menu a { display: inline-block; padding: 12px 8px }

  .form-wrapper ::-webkit-input-placeholder { font-size: 13px !important }
  .form-wrapper ::-moz-placeholder { font-size: 13px !important }
  .form-wrapper :-ms-input-placeholder { font-size: 13px !important }
  .form-wrapper :-moz-placeholder { font-size: 13px !important }
}