/*

    Theme Name: Stack Removals

    Theme URI: 

    Description: Stack Removals Theme.

    Author: RedLemon Digital Media

    Author URI: http://redlemonph.com/

    Version: 1.0



    License: GNU General Public License v2.0

    License URI: http://www.gnu.org/licenses/gpl-2.0.html



    This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.

    Comment blocks indicate where each begins and ends, like this, for example...

*/



/** START HTML5 Boilerplate CSS **/



/*! normalize.css v1.1.2 | MIT License | git.io/normalize */



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

   HTML5 display definitions

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



/**

 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

@import url(http://fonts.googleapis.com/css?family=Oswald);



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block;

    margin: 0;

    padding:0;

}



/**

 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */



audio,

canvas,

video {

    display: inline-block;

    *display: inline;

    *zoom: 1;

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */



audio:not([controls]) {

    display: none;

    height: 0;

}



/**

 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.

 * Known issue: no IE 6 support.

 */



[hidden] {

    display: none;

}



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

   Base

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



/**

 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using

 *    `em` units.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */



html {

    font-size: 100%; /* 1 */

    -ms-text-size-adjust: 100%; /* 2 */

    -webkit-text-size-adjust: 100%; /* 2 */

    margin: 0;

    padding:0;

}



/**

 * Address `font-family` inconsistency between `textarea` and other form

 * elements.

 */



html,

button,

input,

select,

textarea {

    font-family: sans-serif;

}



/**

 * Address margins handled incorrectly in IE 6/7.

 */



body {

    margin: 0;

    padding:0;

}



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

   Links

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



/**

 * Address `outline` inconsistency between Chrome and other browsers.

 */



a:focus {

    outline: thin dotted;

}



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */



a:active,

a:hover {

    outline: 0;

}



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

   Typography

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



/**

 * Address font sizes and margins set differently in IE 6/7.

 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,

 * and Chrome.

 */



h1 {

    font-size: 2em;

    margin: 0.67em 0;

}



h2 {

    font-size: 1.5em;

    margin: 0.83em 0;

}



h3 {

    font-size: 1.17em;

    margin: 1em 0;

}



h4 {

    font-size: 1em;

    margin: 1.33em 0;

}



h5 {

    font-size: 0.83em;

    margin: 1.67em 0;

}



h6 {

    font-size: 0.67em;

    margin: 2.33em 0;

}



/**

 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.

 */



abbr[title] {

    border-bottom: 1px dotted;

}



/**

 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.

 */



b,

strong {

    font-weight: bold;

}



blockquote {

    margin: 1em 40px;

}



/**

 * Address styling not present in Safari 5 and Chrome.

 */



dfn {

    font-style: italic;

}



/**

 * Address differences between Firefox and other browsers.

 * Known issue: no IE 6/7 normalization.

 */



hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

}



/**

 * Address styling not present in IE 6/7/8/9.

 */



mark {

    background: #ff0;

    color: #000;

}



/**

 * Address margins set differently in IE 6/7.

 */



p,

pre {

    margin: 1em 0;

}



/**

 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.

 */



code,

kbd,

pre,

samp {

    font-family: monospace, serif;

    _font-family: 'courier new', monospace;

    font-size: 1em;

}



/**

 * Improve readability of pre-formatted text in all browsers.

 */



pre {

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

}



/**

 * Address CSS quotes not supported in IE 6/7.

 */



q {

    quotes: none;

}



/**

 * Address `quotes` property not supported in Safari 4.

 */



q:before,

q:after {

    content: '';

    content: none;

}



/**

 * Address inconsistent and variable font size in all browsers.

 */



small {

    font-size: 80%;

}



/**

 * Prevent `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;

}



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

   Lists

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



/**

 * Address margins set differently in IE 6/7.

 */



dl,

menu,

ol,

ul {

    margin: 1em 0;

}



dd {

    margin: 0 0 0 40px;

}



/**

 * Address paddings set differently in IE 6/7.

 */



menu,

ol,

ul {

    padding: 0 0 0 40px;

}



/**

 * Correct list images handled incorrectly in IE 7.

 */



nav ul,

nav ol {

    list-style: none;

    list-style-image: none;

}



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

   Embedded content

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



/**

 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.

 * 2. Improve image quality when scaled in IE 7.

 */



img {

    border: 0; /* 1 */

    -ms-interpolation-mode: bicubic; /* 2 */

}



/**

 * Correct overflow displayed oddly in IE 9.

 */



svg:not(:root) {

    overflow: hidden;

}



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

   Figures

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



/**

 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

 */



figure {

    margin: 0;

}



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

   Forms

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



/**

 * Correct margin displayed oddly in IE 6/7.

 */



form {

    margin: 0;

}



/**

 * Define consistent border, margin, and padding.

 */



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct color not being inherited in IE 6/7/8/9.

 * 2. Correct text not wrapping in Firefox 3.

 * 3. Correct alignment displayed oddly in IE 6/7.

 */



legend {

    border: 0; /* 1 */

    padding: 0;

    white-space: normal; /* 2 */

    *margin-left: -7px; /* 3 */

}



/**

 * 1. Correct font size not being inherited in all browsers.

 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,

 *    and Chrome.

 * 3. Improve appearance and consistency in all browsers.

 */



button,

input,

select,

textarea {

    font-size: 100%; /* 1 */

    margin: 0; /* 2 */

    vertical-align: baseline; /* 3 */

    *vertical-align: middle; /* 3 */

}



/**

 * Address Firefox 3+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */



button,

input {

    line-height: normal;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */



button,

select {

    text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */



button,

html input[type="button"], /* 1 */

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button; /* 2 */

    cursor: pointer; /* 3 */

    *overflow: visible;  /* 4 */

}



/**

 * Re-set default cursor for disabled elements.

 */



button[disabled],

html input[disabled] {

    cursor: default;

}



/**

 * 1. Address box sizing set to content-box in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 * 3. Remove excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box; /* 1 */

    padding: 0; /* 2 */

    *height: 13px; /* 3 */

    *width: 13px; /* 3 */

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `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;

}



/**

 * Remove 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;

}



/**

 * Remove inner padding and border in Firefox 3+.

 */



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



/**

 * 1. Remove default vertical scrollbar in IE 6/7/8/9.

 * 2. Improve 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;

}





/*! main.css  */

/*

 * HTML5 Boilerplate

 *

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */



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

   Base styles: opinionated defaults

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



html,

button,

input,

select,

textarea {

    color: #222;

}



body {

    font-size: 1em;

    line-height: 1.4;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

video {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}



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

   Browse Happy prompt

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



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



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

   Author's custom styles

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



































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

   Helper classes

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



/*

 * Image replacement

 */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}



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

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

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



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



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

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

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



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}





/** END HTML5 Boilerplate CSS **/













/** START Starkers CSS **/



/* LAYOUT */

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



/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

.aligncenter { display:block; margin:0 auto }

.alignleft { float:left }

.alignright { float:right }

.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }



/* You might find the following useful */

/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

*/

/* TYPOGRAPHY */

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



h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */

.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.







/* Font stack options



    The following represents a list of font stacks, as recommended by Nathan Ford in

    http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/



    I've added inverted commas around the relevant family names to ensure compatibility.

    p = balanced for paragraphs or body copy

    t = balanced for headlines or titles



    - - - -



Arial, "Helvetica Neue", Helvetica, sans-serif - p, t



Baskerville, "Times New Roman", Times, serif - p

Baskerville, "Times, Times New Roman", serif - t



Cambria, Georgia, Times, "Times New Roman", serif - p, t

"Century Gothic", "Apple Gothic", sans-serif - p, t



Consolas, "Lucida Console", Monaco, monospace - p, t



"Copperplate Light", "Copperplate Gothic Light", serif - p, t



"Courier New", Courier, monospace - p, t



"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t



Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t



Garamond, "Hoefler Text", "Times New Roman", Times, serif - p

Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t



Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p

Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t



Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p

Georgia, Times, "Times New Roman", serif - t



GillSans, Calibri, Trebuchet, sans-serif - p

GillSans, Trebuchet, Calibri, sans-serif - t



"Helvetica Neue", Arial, Helvetica, sans-serif - p

Helvetica, "Helvetica Neue", Arial, sans-serif - t



Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t



"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t



Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p

Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t



Tahoma, Geneva, Verdana - p

Tahoma, Verdana, Geneva - t



Times, "Times New Roman", Georgia, serif - p, t



Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p

Trebuchet, Tahoma, Arial, sans-serif - t



Verdana, Geneva, Tahoma, sans-serif - p

Verdana, Tahoma, Geneva, sans-serif - t



*/



/** END Starkers CSS **/



/** START WordPress-Defined CSS Classes **/

.wp-caption-text{}

.gallery-caption{}

.bypostauthor{}

.sticky{}

/** Keep drop-downs working **/

#access li {

    float: left;

    position: relative;

}

#access ul ul {

    display: none;

    float: left;

    position: absolute;

    top: 3.333em;

    left: 0;

    z-index: 99999;

}

#access ul ul ul {

    left: 100%;

    top: 0;

}

#access ul li:hover > ul {

    display: block;

}

.btn {

    display: inline-block;

    padding: 3px 6px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.428571429;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    background-image: none;

    border-radius: 4px;

    text-decoration: none;

    border: 0;

}

.btn-primary {

    color: #FFF;

    background: #007CBA;

    background-image: -webkit-gradient(

        linear,

        left top,

        left bottom,

        color-stop(0, #007CBA),

        color-stop(1, #004265)

    );

    background-image: -o-linear-gradient(bottom, #007CBA 0%, #004265 100%);

    background-image: -moz-linear-gradient(bottom, #007CBA 0%, #004265 100%);

    background-image: -webkit-linear-gradient(bottom, #007CBA 0%, #004265 100%);

    background-image: -ms-linear-gradient(bottom, #007CBA 0%, #004265 100%);

    background-image: linear-gradient(to bottom, #007CBA 0%, #004265 100%);

}

/** END WordPress-Defined CSS Classes **/





/** Custom CSS Styles **/

#wrapper {

    width: 973px;

    /* width: 68.7%; */

    margin: auto;

    font-family: 'Oswald', sans-serif;

}



/* Header */

#header-logo {

    background: #fff url('images/headers/stackremovals-header.png') right center;

    background-repeat:no-repeat;

    height: 100px;

    position:relative;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    background-clip: padding-box;

    border: 1px solid #E0E0E0;

    border-top: 0;

}

#header-logo:before, #header-logo:after

{

    content:"";

    position:absolute; 

    z-index:-1;

    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);

    -moz-box-shadow:0 0 20px rgba(0,0,0,0.5);

    box-shadow:0 0 20px rgba(0,0,0,0.5);

    top:0;

    bottom:0;

    left:10px;

    right:10px;

    -moz-border-radius:100px / 10px;

    border-radius: 20%;

} 

#header-logo:after

{

    right:10px; 

    left:auto;

    -webkit-transform:skew(8deg) rotate(3deg); 

       -moz-transform:skew(8deg) rotate(3deg);     

        -ms-transform:skew(8deg) rotate(3deg);     

         -o-transform:skew(8deg) rotate(3deg); 

            transform:skew(8deg) rotate(3deg);

}

#header-logo #logo {

    background: url('images/headers/stackremovals-logo.png') center center;

    height: 64px;

    width: 207px;

    float: left;

    margin-top: 14px;

}

#header #call-us {

    /* position: absolute;

    margin-left: 300px; */

    background: url('images/headers/telephone.png') no-repeat 0px 40px;

    width: 253px;

    text-align: right;

    height: 100px;

    position: relative;

    margin-right: 30px;

    margin-top: 5px;

    float: right;

}

#header #call-us p {

    color: #FFF;

    line-height: 29px;

    font-size: 20px;

    margin: 8px 0 0;

    padding: 0;

}

#call-us .highligt {

    color: #FF9A2D;

    text-transform: uppercase;

    text-shadow: 3px 3px 5px rgba(255, 132, 57, 0.2);

}

#header #call-us p.tel-number {

    font-size: 38px;

    color: #FFE040;

    height: 45px;

    line-height: 32px;

    margin-top: 5px;

    text-shadow: 3px 3px 5px rgba(255, 96, 0, 0.5);

    /* font-weight: bold; */

    

    /** Gradient Text **/

    /* background: -webkit-linear-gradient(#E78F1F, #FFE040);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent; */

}

#header #call-us p.tel-number.hoverstate, #header #call-us p.tel-number:hover {

    color: #fff;

}

#header .search {

    float: right;

    margin-right: 25px;

    color: #fff;

    text-align: center;

}

#header .search input[type=text] {

    padding: 5px 6px;

    border-radius: 3px;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

    border: 0px solid #C0C0C0;

    font-family: 'Oswald', sans-serif;

    width: 220px;

    font-size: 14px;

    height: 24px;

}

#header .search input[type=submit] {

    border-radius: 3px;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

    background: #004165;

    color: #fff;

    border: 0px;

    font-size: 18px;

    padding: 6px 10px;

    margin-left: -5px;

    height: 35px;

}

#header .search p {

    line-height: 10px;

}





/* Navigation Menu */

#nav-menu {

    margin-left: -32px;

}

#nav-menu ul li {

    display: inline-table;

    list-style: none;

    font-family: 'Oswald', sans-serif;

    font-size: 18px;

    text-decoration: none;

    padding: 4px 10px;

    background: url('images/headers/separators.png') no-repeat right;

}

#nav-menu ul li a { padding: 5px 7px; }

#nav-menu ul li.current_page_item a {

    color: #F7D400;

    background: #0055AD;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

#nav-menu ul li.menu-item-home a {

    color: #1E1F76;

    background: none;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

}

#nav-menu ul li a {

    text-decoration: none;

    color: #004165;

}

#nav-menu ul li:last-child {

    background: none;

}

#nav-menu .sub-menu {

    display: none;

    border-radius: 0px;

    position: absolute;

    background: #0055ad;

    padding: 10px 1px 10px 0px;

    margin: 0px 0px 0px 0px;

    z-index: 999;

}

#nav-menu .sub-menu li {

    float: none;

    display: list-item; 

    position: relative;

    background: #0055ad url('images/nav-arrow.png') no-repeat 10px 16px;

    color: #fff;

    margin: 0px;

    padding: 6px 25px 10px;

    border-bottom: 1px solid #6B638A;

    font-size: 16px;

    font-weight: lighter;

}

#nav-menu .sub-menu li a { color: #fff; padding: 0 10px; }

#nav-menu li:hover .sub-menu li a { color: #fff; }

#nav-menu ul li:hover a {

    color: #f7d400;

    background: #0055ad;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

#nav-menu ul ul li:last-child {

    background: #0055ad url('images/nav-arrow.png') no-repeat 10px 16px;

}

#nav-menu ul ul li:hover {

    background: #0055ad url('images/nav-arrow.png') no-repeat 10px 16px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

#nav-menu ul li:hover .sub-menu {

    color: #fff;

    display: block; 

    border-bottom-left-radius: 5px;

}



/* Rotating Slider */

.rev_slider_wrapper {

border-radius: 5px;

-webkit-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.2);

-moz-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.2);

box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.2);

}

.rev_slider {

border: 2px solid rgba(0, 0, 0, 0.26);

border-radius: 5px;

}

.rev_slider ul li {

border-radius: 5px;

}

#slider-rotation {

    height: 295px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background-clip: padding-box;

    margin: 0px 0 20px;

    text-align: center;

    z-index: -1;

}

.free-quote {

    position: absolute;

    margin-left: 540px;

    padding: 10px;

    width: 410px;

    margin-top: 200px;

    z-index: 888;

}

#slider-rotation .cycle-slideshow .slider-desc {

    position: absolute;

    float: right;

    right: 0px;

    left: auto;

    top: 0px;

    height: 102px;

    width: 430px;

    padding-top: 150px;

    text-align: center;

    font-size: 20px;

    display: none;

}

.mobile-quote{
    display: none;
}

.free-quote-button {

    border: none;

    text-decoration: none;

    background-color: #0074b7;

    padding: 3px 45px;

    line-height: 38px;

    display: inline-block;

    -webkit-box-shadow: inset 0px 1px 1px #0074b7, 0 5px 0px 0px rgba(69, 0, 3, 0);

    -moz-box-shadow: inset 0px 1px 1px #fff, 0 5px 0px 0px #0074b7;

    box-shadow: inset 0px 1px 1px #0074b7, 0 5px 0px 0px #00446b;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: all 0.15s linear;

    -moz-transition: all 0.15s linear;

    -o-transition: all 0.15s linear;

    font-weight: bold;

    font-size: 24px;

    color: #fff;

    z-index: 999;

}

.free-quote-button img{
    width: 20px;
    margin-left: 5px;
    display: none;
}

.free-quote-button.disabled{
    box-shadow: none;
    margin-top: 5px;
    background-color: #757575;
}

.free-quote-button.disabled img{
    display: inline-block;
}

.free-quote .free-quote-button.hoverstate, .free-quote .free-quote-button:hover {

    /* background-color: #2286C0; */

    margin-top: 5px;

    -webkit-box-shadow: inset 0px 0px 0px #00446b, 0 0px 0px 0px #00446b;

    -moz-box-shadow: inset 0px 1px 1px #00446b, 0 0px 0px 0px #00446b;

    box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0px #00446b;

    text-decoration: none;

    border: 0px;

    outline: 0;

}

.free-quote .free-quote-button:focus {

    border: 0px;

    outline: 0;

}

#slider-rotation .cycle-slideshow img, .rev_slider img {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

#pager {

    width: 200px;

    position: absolute;

    float: right;

    margin-left: 660px;

    margin-top: -22px;

    z-index: 999;

}

#pager span {

    display: inline-block;

    background: #FFF;

    width: 11px;

    height: 11px;

    margin: 0 4px;

    outline: 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    text-indent: -9999px;

    cursor: pointer;

}

#pager span.cycle-pager-active {

    background: #0074b7;

}





/* Featured Image */

#slider {

    height: 295px;

    border-radius: 5px;

    background-clip: padding-box;

    margin: 0px 0 20px;

    text-align: center;

}

#slider .free-quote {

    position: absolute;

    margin-left: 540px;

    padding: 10px;

    width: 410px;

    /* background: url('images/quote-bg.png') no-repeat center top; */

}

#slider .free-quote h3 {

    margin-top: -5px;

    color: #FFF;

    font-family: 'Helvetica', sans-serif;

    font-size: 16px;

    font-weight: normal;

}

#slider .free-quote .highlight {

    color: #00a3ff;

    font-weight: bold;

}

#slider .form-content h2 {

    background: url('images/free-quote-h2.png') no-repeat center top;

    height: 40px;

    color: #FFF;

    font-family: 'Arial', sans-serif;

    padding-top: 10px;

}

#slider .form-content .wpcf7-form {

    text-align: left;

}

.form-content table {

    width: 375px;

    margin: -15px auto 0px auto;

    text-align: center;

    font-family: 'Arial', sans-serif;

}

.form-content table td{

    font-size: 13px;

    color: #fff;

    font-weight: bold;

}

.form-content {

    padding: 0px 11px;

    text-align: center;

}

.form-content .quote-section {

    display: inline-block;

    text-align: center;

    margin: auto 0px auto 2px;

    color: #FFF;

    font-weight: 300;

    font-family: 'Arial', sans-serif;

    font-size: 13px;

}

.form-content .quote-section:nth-child(7), .form-content .quote-section:nth-child(8) {

    display: block;

    margin: auto;

}

#slider .form-content .wpcf7-form input[type=text], #slider .form-content .wpcf7-form input[type=email], #slider .form-content .wpcf7-form input[type=date], #slider .form-content .wpcf7-form select {

    width: 50px;

    padding: 5px 9px;

    border: none;

    font-family: 'Arial', sans-serif;

    font-size: 14px;

}

#slider .form-content .wpcf7-form select {

    width: 180px;

    padding: 5px 9px;

    background:  url('images/drop-down-arrow.png') no-repeat 162px 5px, url('images/free-quote-input.png') no-repeat 0px 0px;

    color: #fff;

    appearance:none;

    -moz-appearance:none; /* Firefox */

    -webkit-appearance:none; /* Safari and Chrome */

    border-radius: 6px;

    margin-left: 3px;

}

#slider .form-content .wpcf7-form select option { color: #004165; }

#slider .form-content .wpcf7-form input[type=text], #slider .form-content .wpcf7-form input[type=email], #slider .form-content .wpcf7-form input[type=date] {

    width: 165px;

    background: url('images/free-quote-input.png') no-repeat;

    color: #fff;

    height: 20px;

    background-size: 100% 30px;

    margin-right: 3px;

    margin-left: 2px;

    margin-bottom: 2px;

}



/* Special pseudo classes */

#slider .wpcf7-form input[type=text]::-webkit-input-placeholder,#slider .wpcf7-form input[type=email]::-webkit-input-placeholder {

   color: #fff;

}



#slider .form-content .wpcf7-form input[type=text]::-moz-placeholder, #slider .form-content .wpcf7-form input[type=email]::-moz-placeholder { /* Firefox 18- */

   color: #fff;  

}



#slider .form-content .wpcf7-form input[type=text]:-moz-placeholder,#slider .form-content .wpcf7-form input[type=email]:-moz-placeholder {  /* Firefox 19+ */

   color: #fff;  

}



#slider .form-content .wpcf7-form input[type=text]::-ms-input-placeholder,#slider .form-content .wpcf7-form input[type=email]::-ms-input-placeholder {  

   color: #fff;  

}



#slider .wpcf7-form input[type=text]::-webkit-input-placeholder,#slider .wpcf7-form input[type=email]::-webkit-input-placeholder {

   color: #fff;

}



/* Special pseudo classes - custom */

#slider .form-content .wpcf7-form input[type=text].error::-moz-placeholder, #slider .form-content .wpcf7-form input[type=email].error::-moz-placeholder { /* Firefox 18- */

   color: #D53636;  

}



#slider .form-content .wpcf7-form input[type=text].error:-moz-placeholder,#slider .form-content .wpcf7-form input[type=email].error:-moz-placeholder {  /* Firefox 19+ */

   color: #D53636;  

}



#slider .form-content .wpcf7-form input[type=text].error::-ms-input-placeholder,#slider .form-content .wpcf7-form input[type=email].error::-ms-input-placeholder {  

   color: #D53636;  

}



#slider .form-content .wpcf7-form input[type=date]::-webkit-inner-spin-button {

    appearance:none;

    -moz-appearance:none; /* Firefox */

    -webkit-appearance:none; /* Safari and Chrome */

    display: none;

}

#slider .form-content #submit-quote {

    font-size: 18px;

    padding: 4px 20px;

    margin-top: 10px;

}



#overlay-bg {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #2C2C2C url('images/pattern.png');

    filter: alpha(opacity=80);

    -moz-opacity: 0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    z-index: 99999;

    display: none;

}

#quick-quote-container {
    
    position:absolute;

    display: none;

    z-index: 99999;

    padding: 20px;

    border-radius: 5px;

    width: 334px;

    background: #416ab8;

    background-image: -webkit-gradient(

     linear,

     left top,

     left bottom,

     color-stop(0, rgb(82, 128, 207)),

     color-stop(1, rgb(30, 63, 136))

     );

    background-image: -o-linear-gradient(bottom, rgb(82, 128, 207) 0%, rgb(30, 63, 136) 100%);

    background-image: -moz-linear-gradient(bottom, rgb(82, 128, 207) 0%, rgb(30, 63, 136) 100%);

    background-image: -webkit-linear-gradient(bottom, rgb(82, 128, 207) 0%, rgb(30, 63, 136) 100%);

    background-image: -ms-linear-gradient(bottom, rgb(82, 128, 207) 0%, rgb(30, 63, 136) 100%);

    background-image: linear-gradient(to bottom, rgb(82, 128, 207) 0%, rgb(30, 63, 136) 100%);

}

#quick-quote-container h2 {

    text-align: center;

    color: #fff;

}

#quick-quote-container .close-icon {

    position: absolute;

    float: right;

    right: -11px;

    top: -11px;

    cursor: pointer;

}

#quick-quote-container input[type=text], #quick-quote-container input[type=email], #quick-quote-container input[type=date], #quick-quote-container select {

    border: 1px solid #FFF;

    padding: 7px;

    margin: 5px 0;

    border-radius: 3px;
    
    width: 95%;

}

#quick-quote-container select {

    padding: 4px 7px;

}

#quick-quote-container input[type=submit] {

    background: #244791;

    border: 0px;

    padding: 12px 35px;

    margin: auto;

    text-align: center;

    border-radius: 3px;

    color: #FFF;

    font-weight: bold;

    margin-left: 110px;

    margin-top: 12px;

    background-image: -webkit-gradient(

     linear,

     left top,

     left bottom,

     color-stop(0, rgb(99, 151, 235)),

     color-stop(1, rgb(38, 81, 173))

     );

    background-image: -o-linear-gradient(bottom, rgb(99, 151, 235) 0%, rgb(38, 81, 173) 100%);

    background-image: -moz-linear-gradient(bottom, rgb(99, 151, 235) 0%, rgb(38, 81, 173) 100%);

    background-image: -webkit-linear-gradient(bottom, rgb(99, 151, 235) 0%, rgb(38, 81, 173) 100%);

    background-image: -ms-linear-gradient(bottom, rgb(99, 151, 235) 0%, rgb(38, 81, 173) 100%);

    background-image: linear-gradient(to bottom, rgb(99, 151, 235) 0%, rgb(38, 81, 173) 100%);

}

#quick-quote-container .quote-section {

    color: #fff;

}

#quick-quote-container input#date-moving-date {
    width: 110px;
}


#ajax-loading {

    display: none;

    z-index: 99999;

}



/* Products */

.featured-products { text-align: center; }

.featured-products .products {

    display: inline-block;

    width: 312px;

    border-radius: 5px;

    background-clip: padding-box;

    height: 169px;

    margin-right: 8px;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow:    0px 1px 2px 0px rgba(0, 0, 0, 0.3);

    box-shadow:         0px 1px 2px 0px rgba(0, 0, 0, 0.3);

    vertical-align: top;

border: 2px solid rgba(3, 3, 3, 0.3);
    
    cursor: pointer;

}

.featured-products .products#one {

    background: url('images/products/afra-member.png') no-repeat;

    background-position: -15px -1px;

    height: 169px;

}

.featured-products .products.storage#one {

    background: url('images/products/mobile-self-storage.png') no-repeat;

    background-position: -15px -1px;

    height: 169px;

}

.featured-products .products#two {

    background: url('images/products/product3.png') no-repeat;

    background-position: -2px -1px;

    height: 169px;

}

.featured-products .products .content-desc h2 {

    font-size: 18px;

    text-align: right;

    color: #004165;

}



.featured-products .products.storage#two {

    background: #007dba url('images/products/container-storage2.png') no-repeat;

    background-position: -15px -1px;

    height: 169px;

    color: #fff;

}

.featured-products .products.storage#two h2{

    color: #fff;

}

.featured-products .products.storage#two .btn-primary {

    color: #000;

    background: #ffffff;

    background-image: -webkit-gradient(

        linear,

        left top,

        left bottom,

        color-stop(0, #ffffff),

        color-stop(1, #dfdfdf)

    );

    background-image: -o-linear-gradient(bottom, #ffffff 0%, #dfdfdf 100%);

    background-image: -moz-linear-gradient(bottom, #ffffff 0%, #dfdfdf 100%);

    background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #dfdfdf 100%);

    background-image: -ms-linear-gradient(bottom, #ffffff 0%, #dfdfdf 100%);

    background-image: linear-gradient(to bottom, #ffffff 0%, #dfdfdf 100%);

}



.featured-products .products#three {

    background: url('images/products/insurance-2.png') no-repeat;

    background-position: -15px -1px;

    height: 169px;

}

.featured-products .products.storage#three {

    background: url('images/products/product3.png') no-repeat;

    background-position: -15px -1px;

    height: 169px;

}

.featured-products .products:last-child {

    margin-right: 0px;

}

.featured-products .products:first-child {

    margin-left: 1px;

}

.featured-products .products .content-desc {

    width: 157px;

    margin-left: 47%;

    font-family: 'Oswald', sans-serif;

    margin-top: -10px;

    text-align: right;

}

.featured-products .products .content-desc h2 {

    font-size: 18px;

    text-align: right;

    color: #004165;

}

.featured-products .products .content-desc p {

    font-size: 12px;

    text-align: right;

}

.featured-products .products .content-desc a {

    font-size: 13px;

    font-family: 'Myriad Pro', sans-serif;

}



/*Quote*/

.quote h2{
    border-bottom: 2px solid #222;
    padding-bottom: 15px;
}

.quote form .form-control{
    margin-bottom: 10px;
}

.quote form .form-control label{
    display: inline-block;
    width: 120px;
}

.quote form .row{
    margin-bottom: 15px;
}

.quote form .row:after{
    content: "";
    display: table;
    clear: both;
}

.quote form .row .col-6{
    width: 50%;
    float: left;
}

.quote form .row .col-4{
    width: 33.33%;
    float: left;
}

.quote form .form-control input[type="text"],
.quote form .form-control input[type="email"],
.quote form .form-control select{
    min-width: 250px;
}

.quote form .form-control textarea{
    width: 300px;
    min-height: 120px;
}


/* article .welcome-content,  */

.content-left {

    width: 65%;

    display: inline-block;

    margin-top: 0px;

    padding: 0 6px;

}

article.hentry {

    /* width: 65%;

    display: inline-block; */

}

article .entry-content {

    /* width: 65%;

    display: inline-block; */

    font-family: 'Arial', sans-serif;

    padding: 0px;

    vertical-align: top;

    font-size: 14px;

    margin-top: -15px;

}

.single-page .entry-content {

    padding: 5px 0px;

}

.welcome-content h2 {

    color: #004165;

}

.blog-page article {

    border-bottom: 1px dashed #007BB7;

}

.blog-page article:last-child {

    border-bottom: 0px dashed #007BB7;

}

.blog-page .entry-title {

    color: #004165;

    font-size: 24px;

    margin-left: 0px;

    padding-top: 4px;

    padding-bottom: 0px;

}

.blog-page .entry-title:hover {

    color: #0084C6;

}

.blog-page .entry-title-link {

    text-decoration: none;

}

.blog-page .gallery-thumb {

    padding-top: 15px;

    margin-right: 10px;

    margin-left: 10px;

}

.blog-page .post-edit-link {

    float: right;

}

.blog-page .entry-meta, .blog-page .entry-meta a {

    font-style: italic;

    text-decoration: none;

}

.blog-page .entry-content p {

    margin-top: 10px;

}



/* Sidebar */

#sidebar-right {

    display: inline-block;

    width: 315px;

    vertical-align: top;

    padding-top: 0px;

}

#sidebar-right #free-quote-sidebar { display: none; }

#sidebar-right .xoxo li {

    list-style: none;

}

#sidebar-right .testimonial-slider {

    margin: 30px 0 10px auto;

    font-family: Arial, sans-serif;

    width: 262px;

    border: 1px solid;

    background-image: -webkit-gradient(

        linear,

        left top,

        left bottom,

        color-stop(0, #0084C6),

        color-stop(1, #004971)

    );

    background-image: -o-linear-gradient(bottom, #0084C6 0%, #004971 100%);

    background-image: -moz-linear-gradient(bottom, #0084C6 0%, #004971 100%);

    background-image: -webkit-linear-gradient(bottom, #0084C6 0%, #004971 100%);

    background-image: -ms-linear-gradient(bottom, #0084C6 0%, #004971 100%);

    background-image: linear-gradient(to bottom, #0084C6 0%, #004971 100%);

    

    -webkit-border-radius: 6px; /* Android = 1.6, iOS 1-3.2, Safari 3-4 */

            border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */



    /* useful if you don't want a bg color from leaking outside the border: */

    background-clip: padding-box;

    border: 0px;

    color: #fff;

}

#sidebar-right .testimonial-slider h2 {

    background-image: -o-linear-gradient(bottom, #007bb7 0%, #004368 100%);

    background-image: -moz-linear-gradient(bottom, #007bb7 0%, #004368 100%);

    background-image: -webkit-linear-gradient(bottom, #007bb7 0%, #004368 100%);

    background-image: -ms-linear-gradient(bottom, #007bb7 0%, #004368 100%);

    background-image: linear-gradient(to bottom, #007bb7 0%, #004368 100%);

    padding: 5px;

    font-size: 20px;

    text-align: center;

    

    -webkit-border-top-left-radius: 6px; /* Android = 1.6, iOS 1-3.2, Safari 3-4 */

            border-top-left-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    -webkit-border-top-right-radius: 6px; /* Android = 1.6, iOS 1-3.2, Safari 3-4 */

            border-top-right-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */



    /* useful if you don't want a bg color from leaking outside the border: */

    background-clip: padding-box;

}

.hms-testimonials-rotator {

    padding-bottom: 10px;

}

.hms-testimonial-container {

    font-size: 14px;

    margin: 5px auto 20px;

    padding: 0px 12px 10px 12px;

}

.hms-testimonial-container .author {

    margin-top: 15px;

    font-weight: bold;

}

.hms-testimonial-container .author,.hms-testimonial-container .url,.hms-testimonial-container .date  {

    text-align: right;

}

.hms-testimonials-rotator .controls {

    text-align: right;

    padding-right: 10px;

    color: #fff;

}

.hms-testimonials-rotator .controls a { color: #fff; text-decoration: none; }

.hms-testimonials-rotator .readmore { color: #fff; text-decoration: none; }

.hms-testimonials-rotator .readmore:hover { text-decoration: underline; }



#searchform .screen-reader-text {

    display: none;

}

#searchform {

    text-align: right;

    display: none;

}

#searchform #s {

    border: 1px solid #C0C0C0;

    padding: 0px 5px;

    position: relative;

    height: 27px;

    width: 220px;

}

#searchform #searchsubmit {

    background: url('images/searchIcon.png') no-repeat -1px -1px;

    border: 1px solid #C0C0C0;

    padding: 5px;

    height: 30px;

    width: 30px;

    margin-top: 3px;

    position: relative;

    margin-left: -4px;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}

#searchform #searchsubmit:hover {

    background-position: -1px -30px;

} 



/* Comment Form */

.comment-form-comment label { display: block; }





/* Footer */

#footer-section {

    border-top: 1px solid #10127c;

    padding: 10px;

    margin-top: 20px;

    margin-bottom: 50px;

}

#menu-footer-menu {

    margin-left: -45px;

}

.menu-footer {

    margin-left: -5px;

}

.menu-footer ul li {

    list-style: none;

    display: inline-block;

    margin: 0px;

    font-family: 'Oswald', sans-serif;

    font-weight: 300;

    padding: 0px 12px;

    color: #000;

    background: url('images/headers/separators.png') no-repeat right 6px;

}

.menu-footer ul li:last-child {

    background: none;

}

.menu-footer ul li a{

    color: #004165;

    text-decoration: none;

}

.social-icons {

    float: right;

    margin-top: 6px;

    font-weight: 300;

    width: 260px;

}

.social-icons p {

    color: #004165;

}

.social-icons .social-icon {

    padding: 5px 16px;

    margin: 0px 3px;

}

.social-icon.social-facebook {

    background: url('images/social-icons.png') no-repeat -2px;

}

.social-icon.social-twitter {

    background: url('images/social-icons.png') no-repeat -37px;

}

.social-icon.social-youtube {

    background: url('images/social-icons.png') no-repeat -72px;

}

.social-icon.social-rss {

    background: url('images/social-icons.png') no-repeat -108px;

}

.copyright {

    font-weight: lighter;

    font-family: sans-serif;

    font-size: 14px;

}

.copyright b {

    color: #004165;

}

#wpcf7-f127-p15-o1 {

    display: inline-block;

    width: 318px;

}

.inline-block { display: inline-block; vertical-align: top; }

.our-contribution { width: 50%; }

#nav-below {

    margin-top: 10px;

}

.nav-previous {

    width: 49%;

    display: inline-block;

    text-align: left;

}

.nav-next {

    width: 49%;

    display: inline-block;

    text-align: right;

}


.rich-snippet {

    margin: 22px 0px 0px auto;
    
    width: 264px !important;
    
}

#snippet-box {

    margin: 0 0 5px 0 !important;

    width: 100% !important;

    font-family: Arial, sans-serif !important;
    
    border-radius: 5px;
    
}


/* Mobile Integration - Media Queries */



/* Smartphones (portrait and landscape) ----------- */

@media only screen 

and (min-width : 320px) 

and (max-width : 480px) {

    #wrapper { width:100%; }

    #header-logo {

        border-radius:0px;

        background: #fff;

        height: auto;

    }
    #header-logo:before, #header-logo:after{
        box-shadow: none;
        position: relative;
    }

    #header-logo>a{
        display: block;
    }

    #header-logo #logo {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #header #call-us, #header .search {
        padding-top:15px;
        
        background: #0070B4;
        float: none;
        width: 100%;
    }

    .inventory select {
        height: auto!important;
    }

    .content-left #post-27{
        display: none;
    }

    #header #call-us .container{
        background: url('images/headers/telephone.png') no-repeat 4px 32px;
        width: 253px;
        margin:0 auto;
    }

    .mobile-quote{
        display: block;
        margin-top: 15px;
        margin-bottom: 20px;
        text-align: center;
    }

    /* Navigation Menu */

    #nav-menu {   

        height: auto;  

        border-bottom: 0;

        margin: 0px;

    }  

    #nav-menu ul { 

        width:100%; 

        display: none;  

        height: auto;  

        margin: 0;

        margin-left: -32px;

    }

    #nav-menu ul li {

        display: block;  

        float: none;  

        width: 94%;  

        background: #0055AD;

        color: #fff;

        border-bottom: 1px solid #FFF;

        margin: 0;

        margin-left: -8px;

    }

    #nav-menu .sub-menu li {

        border-bottom: 0px;

        width: 90%;

    }

    #nav-menu ul ul li:last-child { width: 90%; }

    #nav-menu ul li a, #nav-menu ul li.menu-item-home a{

        color: #fff;

        font-weight: 300;

        border: 0px;

    }

    #nav-menu ul li a:hover, #nav-menu ul li.menu-item-home a:hover, #nav-menu ul li:hover a{

        color: #fff;

        background: transparent;

    }

    #nav-menu ul li:last-child {

        display: block;  

        float: none;  

        width: 94%;  

        background: #0055AD;

        color: #fff;

        margin-bottom: 0;

        padding-bottom: 7px;

    }

    #nav-menu ul li a {

        /* border-bottom: 1px solid #576979;  */ 

    }

    #nav-menu a {

        text-align: left;  

        width: 100%;  

        text-indent: 25px;

    }

    #nav-menu a#pull {  

        display: block;  

        background: #194777 url('images/nav-icon.png') no-repeat 97% 10px;

        width: 100%;  

        position: relative;  

        padding: 10px 0px 10px 0px;

        color: #fff;

        text-decoration: none;

    }  

    #nav-menu .sub-menu {

        position: relative;

        display: block !important;

        margin-left: -12px;

        margin-top: 0;

        padding-top: 0;

    }

    #slider,#slider-rotation { display: none; }

    #sidebar-right #free-quote-sidebar { 

        display: none; background: url('images/headers/bg-pattern.png') repeat center center; 

        padding: 10px;

        width: 83%;

        margin: 10px auto;

        border-radius: 5px;

        color: #FFF;

        font-family: 'Arial', sans-serif;

    }

    #sidebar-right #free-quote-sidebar h3 {

        margin: 3px 0px 10px 0px;

        text-align: center;

        text-transform: uppercase;

    }

    #sidebar-right #free-quote-sidebar .quote-section { text-align: center; }

    #sidebar-right #free-quote-sidebar input[type=text], #sidebar-right #free-quote-sidebar input[type=email], #sidebar-right #free-quote-sidebar input[type=date] {

        width: 87%;

        padding: 3px 10px;

        margin: 3px auto;

        background: url('images/free-quote-input.png') no-repeat;

        color: #FFF;

        border: 0px;

        height: 23px;

        background-size: 100% 30px;

    }

    #sidebar-right #free-quote-sidebar #menu-amnt-bedrooms {

        padding: 5px 9px;

        background: url('images/drop-down-arrow.png') no-repeat right;

        color: #FFF;

        width: 92%;

        border: none;

        background-color: #001E2F;
        
        border-radius: 5px;
        
        margin: 3px auto;
    }

    #sidebar-right #free-quote-sidebar #submit-quote { padding: 6px 41px; font-size: 18px; }

    .content-left { width: 100%; padding: 0px; margin: auto; text-align: center; margin-top: 15px; }

    #content .products {

        display: block;

        margin: auto;

        text-align: center;

    }

    #sidebar-right { width: 100%; margin: auto; }

    #sidebar-right .testimonial-slider, #sidebar-right .xoxo, #sidebar-right .xoxo li { margin:auto; padding: 0px; margin-bottom: 15px;}

    #sidebar-right #searchform { text-align: center; }

    article .entry-content{
        padding: 15px;
        text-align: justify;
    }
    
    article .entry-content h2{
        text-align: center;
        line-height: 1em;
        margin-bottom: 15px!important;
    }
    
    .rich-snippet{
        margin: 0 auto;
    }

    .featured-products .products{
        margin-top: 15px!important;
    }

    .quote h2{
        margin-top:0px;
        padding:15px;
    }
    .quote form .row{
        padding: 15px;
        padding-top: 0;
    }

    .quote form .row h3{
        margin-top: 0;
    }

    .quote form .row .col,
    .quote form .row .col-6,
    .quote form .row .col-4
    {
        width: 100%;
    }

    .quote form input[type="submit"],
    .quote form .form-control input[type="text"], 
    .quote form .form-control input[type="email"], 
    .quote form .form-control select,
    .quote form .form-control textarea{
        width: 100%;
        box-sizing: border-box;
    }
}



/* Smartphones (landscape) ----------- */

@media only screen 

and (min-width : 321px) {

    #nav-menu #pull { display: none; }

}



/* Smartphones (portrait) ----------- */

@media only screen 

and (max-width : 320px) {

    #wrapper { width:100%; }

    #header-logo {

        border-radius:0px;

        background: #fff;

    }

    #header-logo #logo {

        margin-left: 50px;

    }

    #header #call-us, #header .search {

        display: none;

    }

    /* Navigation Menu */

    #nav-menu {   

        height: auto;  

        border-bottom: 0;

        margin: 0px;

    }  

    #nav-menu ul { 

        width:100%; 

        display: none;  

        height: auto;  

        margin: 0;

        margin-left: -32px;

    }

    #nav-menu ul li {

        display: block;  

        float: none;  

        width: 94%;  

        background: #0055AD;

        color: #fff;

        border-bottom: 1px solid #FFF;

        margin: 0;

        margin-left: -8px;

    }

    #nav-menu .sub-menu li {

        border-bottom: 0px;

        width: 90%;

    }

    #nav-menu ul ul li:last-child { width: 90%; }

    #nav-menu ul li a, #nav-menu ul li.menu-item-home a{

        color: #fff;

        font-weight: 300;

        border: 0px;

    }

    #nav-menu ul li a:hover, #nav-menu ul li.menu-item-home a:hover, #nav-menu ul li:hover a{

        color: #fff;

        background: transparent;

    }

    #nav-menu ul li:last-child {

        display: block;  

        float: none;  

        width: 94%;  

        background: #0055AD;

        color: #fff;

        margin-bottom: 0;

        padding-bottom: 7px;

    }

    #nav-menu ul li a {

        /* border-bottom: 1px solid #576979;  */ 

    }

    #nav-menu a {

        text-align: left;  

        width: 100%;  

        text-indent: 25px;

    }

    #nav-menu a#pull {  

        display: block;  

        background: #194777 url('images/nav-icon.png') no-repeat 97% 10px;

        width: 100%;  

        position: relative;  

        color: #fff;

        text-decoration: none;

    }  

    #nav-menu .sub-menu {

        position: relative;

        display: block !important;

        margin-left: -12px;

        margin-top: 0;

        padding-top: 0;

    }

    #slider { display: none; }

    #sidebar-right #free-quote-sidebar { 

        display: block; background: url('images/headers/bg-pattern.png') repeat center center; 

        padding: 10px;

        width: 83%;

        margin: 10px auto;

        border-radius: 5px;

        color: #FFF;

        font-family: 'Arial', sans-serif;

    }

    #sidebar-right #free-quote-sidebar h3 {

        margin: 3px 0px 10px 0px;

        text-align: center;

        text-transform: uppercase;

    }

    #sidebar-right #free-quote-sidebar input[type=text], #sidebar-right #free-quote-sidebar input[type=email], #sidebar-right #free-quote-sidebar input[type=date] {

        width: 87%;

        padding: 3px 10px;

        margin: 3px auto;

        background: url('images/free-quote-input.png') no-repeat;

        color: #FFF;

        border: 0px;

        height: 23px;

        background-size: 100% 30px;

    }

    #sidebar-right #free-quote-sidebar #menu-amnt-bedrooms {

        padding: 5px 9px;

        background: url('images/drop-down-arrow.png') no-repeat 162px 6px, url('images/free-quote-input.png') no-repeat 0px 2px;

        color: #FFF;

        width: 92%;

        border:0;

    }

    #sidebar-right #free-quote-sidebar #submit-quote { padding: 6px 41px; font-size: 18px; }

    .form-content .quote-section {

        display: block;

    }

    .content-left { width: 100%; padding: 0px; margin: auto; text-align: center; margin-top: 15px; }

    #content .products {

        display: block;

        margin: auto;

        text-align: center;

    }

    #sidebar-right { width: 100%; margin: auto; }

    #sidebar-right .testimonial-slider, #sidebar-right .xoxo, #sidebar-right .xoxo li { margin:auto; padding: 0px; }

    #sidebar-right #searchform { text-align: center; }



}



/* iPads (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {

    #header-logo {

        border-radius:0px;

        background: #fff;

    }

    #header-logo #logo {

        margin-left: 50px;

    }

    #nav-menu #pull { display: none; }

}



/* iPads (landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

    #header-logo {

        border-radius:0px;

        background: #fff;

    }

    #header-logo #logo {

        margin-left: 50px;

    }

    #nav-menu #pull { display: none; }

}



/* iPads (portrait) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {

    #header-logo {

        border-radius:0px;

        background: #fff;

    }

    #header-logo #logo {

        margin-left: 50px;

    }

    #nav-menu #pull { display: none; }

}