/*
Responsive 1296px grid system ~ Style CSS.
Copyright 2014, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */
   
    body {
        font-family: 'Raleway', sans-serif;
        color:#393939;
    }
    
    a {
        transition:color linear 0.2s;
    }
    
    h1 {
        font-size:2.875em;
    }
    
    h2 {
        font-size:2.250em;
        color:#b6b6b6;
        font-weight:900;
    }
    
    h3 {
        font-size:1.500em;
        color:#393939;
        font-weight:900;
    }
    
    .bold {
        font-weight:bold;
    }
    
    .extrabold {
        font-weight:800;
    }
    
    .blue {
        color:#0360ad;
    }
    
    .print {
        text-transform:uppercase;
        color:#0360ad;
        text-decoration:none;
    }
    
    .print:hover {
        text-decoration:underline;
    }
    
    .light-blue {
        color:#73c0ff;
    }
    
    .size20 {
        font-size:1.250em;
        font-size:1.250rem;
    }
    
    .size30 {
        font-size:1.875em;
        font-size:1.875rem;
    }
   
    .header {
        padding:2em 0;
    }
    
    .anthem {
        margin:15px 0;
    }
    
    .phone {
        font-size:1.375em;
        color:#0360ad;
        font-weight:bold;
        text-align:right;
    }
    
    .menu {
        text-align:right;
        font-size:1.250em;
        font-weight:bold;
        padding: 0;
    }
    
    .menu li {
        display:inline-block;
        margin-left:1em;
    }
    
    .menu li a{
        text-decoration:none;
        color:#393939;
    }
    
    .menu li a:hover {
        color:#0360ad;
    }
    
    .banner {
        text-align:center;
        background:#f7f7f7;
    }
    
    .not-front .banner-text {
        display:none;        
    }
    
    .alert {
        margin:2em 0 1em 0;
        padding:1em;
        text-align:center;
    }
    
    .alert-success {
        background-color:#799b3d;
        color:#fff;
    }
    
    .alert-error {
        background-color:#ee193c;
        color:#fff;
    }
    
    .alert-info {
        background-color:#FFEE27;
        color:#000;
    }
    
    .btn {
        border:none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background:#73c0ff;
        text-align:center;
        color:#fff;
        padding:1em;
        transition:background linear 0.2s;
        font-weight:bold;
        text-transform:uppercase;
        font-size:1.125em;font-size:1.125rem;
        display:block;
        margin:1em 0;
        text-decoration:none;
    }
    
    .btn.gray {
        background:#0360AD;
    }
    
    .btn:hover {
        background:#47acff;
    }
    
    .btn.gray:hover {
        background:#9c9c9c;
    }
    
    .btn.full {
        width:100%;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        padding:1em 0;
    }
    
    .not-front #footer {
        border-top:10px solid #f7f7f7;
    }
    
    #footer {
        margin:1em 0 1em 0;
        padding-top:1em;
        font-size: 15px;
    text-align: center;
    }
    
    #footer .copy {
        border-top:1px solid #f7f7f7;
        margin-top:1em;
        padding-top:1em;
        text-align:center;
        font-size:0.889em;
    }

/* =============================================================================
   Page Styles
   ========================================================================== */
   
    #mce-responses {
        font-weight:bold;
        text-align:center;
        padding:1em 0;
    }
    
    #mce-success-response {
        color:#799b3d;        
    }
    
    #mce-error-response {
        color:#ee193c;
    }
    
    .quote {
        background:#0360ad;
        color:#fff;
        margin:3em 0;
        padding:3em 0;
    }
    
    .quote .title {
        font-family: 'Bitter', serif;
        font-style:italic;
        font-size:2.125em;
        margin-bottom:1.5em;
    }
    
    .front-form .select {
        width:100%;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        font-size:1.125em;
        padding:1em;
        border:none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    
    .front-form .chamber {
        text-transform:uppercase;
        font-size:1.125em;
    }
    
    .front-form .chamber .radios {
        margin:0.5em 0;
    }
    
    .newsletter {
        background:#f7f7f7;
    }
    
    .newsletter h2 {
        margin-bottom:0;
    }
    
    .newsletter .email {
        width:100%;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        font-size:1.125em;
        padding:1em;
        border:none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin:2em 0;
    }
    
    .newsletter .btn{
        margin:2em 0;
    }
    
    .question {
        font-weight:bold;
        font-size:1.250em;
        color:#0360ad;
    }
    
    .faqs-contact {
        color:#0360ad;
    }
    
    .required {
        color:#ff002a;
    }
    
    .quote-title {
        font-family: 'Bitter', serif;
        font-style:italic;
        font-size:2.125em;
        margin-top:0.5em;
        margin-bottom:1.5em;
    }
    
    .quote-form label {
        display:block;
        text-transform:uppercase;
    }
    
    .quote-form .radios {
        margin:1em 0;
    }
    
    .quote-form .radios label {
        display:inline;
    }
    
    .quote-form input.text,
    .quote-form select {
        width:100%;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        font-size:1.125em;
        padding:1em;
        border:1px solid #ececec;
        margin:0.5em 0 2em 0;
    }
    
    .table-wrap {
        overflow: auto;
        overflow-y: hidden;. 
    }
    
    .quote-form .employees {
        width:100%;
        border-collapse: separate;
        border-spacing: 5px;
        text-align:left;
        text-transform:uppercase;
    }
    
    .quote-form .employees th {
        padding:1em;
    }
    
    .quote-form .employees .sub th {
        text-align:center;
    }
    
    .quote-form .employees td {
        text-align:center;
        padding:0.5em;
    }
    
    .quote-form .employees .dark-gray {
        background:#393939;
        color:#fff;
    }
    
    .quote-form .employees .light-gray {
        background:#6f6f6f;
        color:#fff;
    }
    
    
    .quote-form .employees .even td {
        background:#e2e2e2;
    }
    
    .quote-form .employees .odd td {
        background:#ededed;
    }
    
    
    .quote-form .employees input.text {
        width:auto;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        font-size:1em;
        padding:0.5em;
        border:1px solid #ececec;
        margin:0;
    }
    
    #add-employee {
        text-transform:uppercase;
        font-weight:bold;
        color:#0360ad;
        text-decoration:none;
    }
    
    .contact-form label {
        display:block;
        text-transform:uppercase;
        font-weight:bold;
    }
    
    .contact-form input.text,
    .contact-form select,
    .contact-form textarea{
        width:100%;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        font-size:1.125em;
        padding:1em;
        border:1px solid #ececec;
        margin:0.5em 0 2em 0;
        background:#fbfbfb;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    
    .fourohfour {
        text-align:center;
        font-size:2em;
        margin:1em 0;
    }
	
	.callout-box {
        border:1px solid #ccc;
		text-align:center;
		margin-top:25px;
		padding:15px;
		float:left;
		font-size:18px;
	}
	
	.callout-btn {
		text-decoration:none;
		display: block;
		margin: auto;
		margin-top:25px; 
		width:160px;
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-size:18px;
		line-height:55px;
		background-color:#0360ad;
	}
	
	.callout-btn:hover {
		background-color:#054479;
	}

/* =============================================================================
   Slideshow
   ========================================================================== */
   
    .rslides {
      position: relative;
      list-style: none;
      overflow: hidden;
      width: 100%;
      padding: 0;
      margin: 0;
      }

    .rslides li {
      -webkit-backface-visibility: hidden;
      position: absolute;
      display: none;
      width: 100%;
      left: 0;
      top: 0;
      }

    .rslides li:first-child {
      position: relative;
      display: block;
      float: left;
      }

    .rslides img {
      display: block;
      height: auto;
      float: left;
      width: 100%;
      border: 0;
      }
    
/* =============================================================================
   Media Queries
   ========================================================================== */

/* Small Desktop to Base 1296px */
@media only screen and (min-width: 996px) and (max-width: 1295px) {
    .banner-text {
        font-size:2em;
        margin-top:-1.5em;
    }
}   
   
/* Tablet Portrait size to Small Desktop */
@media only screen and (min-width: 768px) and (max-width: 995px) {
    .banner-text {
        font-size:1.5em;
        margin-top:-1.5em;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    
    .header {
        text-align:center;
    }
    
    .phone, .menu {
        text-align:center;
    }
    
    .phone .row {
        display:block;
        margin-bottom:0.5em;
    }
    
    .banner-text {
        font-size:1.5em;
        margin-top:1em;
        color:#000;
    }
    
    .quote {
        padding:0;
    }
    
    .quote .title {
        padding:1em;
        margin-bottom:0;
    }
    
    .front-form .select-wrap,
    .front-form .chamber,
    .front-form .btn-wrap {
        padding:1em;
    }
    
    .newsletter .email {
        margin:1em 0;
    }
    
    .newsletter .btn{
        margin:1em 0;
    }
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/