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

}

/*
    Font initial size is 16px / line height 22px

*/


/*
 * 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 and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   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;
}


/* ==========================================================================
   Fonts sizes, colors and line height
   ========================================================================== */

   body { font-family: "proxima-nova-soft",Arial; font-weight: 400; }
   h1 { font-family: "proxima-nova-soft", Arial;            font-size: 35px; line-height: 34px; color: #4f91cd; padding:5px 0px; margin: 0; font-weight: 400;  }
   h2 { font-family: "proxima-nova-soft", Arial;            font-size: 22px; line-height: 23px; color: #4f91cd; padding:5px 0px 0px; margin: 0; font-weight: 600;  }
   h3 { font-family: "proxima-nova-soft", Arial;            font-size: 16px; line-height: 17px; color: #4F91CD; padding:5px 0px; margin: 0; font-weight: 600;  }
   h4 { font-family: "proxima-nova-soft", Arial;        font-size: 15px; line-height: 16px; color: #4F91CD; padding:5px 0px; margin: 0; font-weight: 400;  }
   h5 { font-family: "proxima-nova-soft", Arial;            font-size: 13px; line-height: 15px; color: #383838; padding:5px 0px; margin: 0; font-weight: 600;  }
   h6 {                                                     font-size: 13px; line-height: 15px; color: #383838; padding:5px 0px; margin: 0; font-weight: 400;  }
   p  {                                                     font-size: 12px; line-height: 15px; color: #000000; padding:7px 0px; margin: 0;  }
   p.intro  { font-family: "proxima-nova-soft", Arial;      font-size: 14px; line-height: 17px; color: #4f91cd; padding:5px 0px 3px; margin: 0; font-weight: normal;  }
   li  {                                                    font-size: 12px; line-height: 18px; color: #000000; padding:5px 0px; margin: 0;   } 
 

   .button { font-family: "Futura Medium", "proxima-nova-soft", Arial;}

   article a{ color:#4F91CD; text-decoration: underline; } 

   article #hright h3 a { text-decoration: none; color: #6AB13D; }
   article #hright h3 a { text-decoration: none; color: #6AB13D; }

   article a:visited{ color:#233F59; text-decoration: underline; } 
    
   table { font-size: 12px; line-height: 16px; color: #000000; }    

    .siteform h3 { font-family: "proxima-nova-soft", Arial; font-size: 18px; line-height: 19px; font-weight: 600; }
    
    .collectionfield .input { font-family: "proxima-nova-soft", Arial; font-size: 13px; line-height: 15px; font-weight: 600; }
    .collectionfield label  { font-family: "proxima-nova-soft", Arial; font-size: 13px; line-height: 15px; font-weight: 600; }
    .collectionsubmit .button { font-size: 12px; }

    .insetright p { font-size: 12px; line-height: 23px; background-color: #6BB33E; margin: 5px 0px; text-align:center; color: #ffffff; font-weight: 800; }

    blockquote p , .pullquote p { font-size: 14px; line-height: 18px;  color: #4F91CD; }
    blockquote h6 , .pullquote h6 { font-size: 14px; line-height: 16px;  color: #4F91CD; padding-top: 5px; font-weight: 800; }

    .box p a:hover , .box p a.hover { font-weight: 800; }
    .box p a.visited { font-weight: 400; color: #6BB33E;  }

    #footertop h3   { font-family: "proxima-nova-soft", Arial; font-size: 20px; line-height: 18px; font-weight: 600; }
    .fcol h3        { font-family: "proxima-nova-soft", Arial; font-size: 20px; line-height: 24px; font-weight: 600; padding: 0px 0px 0px; }
    .fcol p         { font-family: "proxima-nova-soft", Arial; font-size: 15px; line-height: 18px; font-weight: 600; padding: 6px 0px 5px; color: #B7B6B6; }
    .fcol li        { font-family: "proxima-nova-soft", Arial; font-size: 15px; line-height: 20px; font-weight: 600; padding: 0px 0px 0px; color: #B7B6B6; }
    footer a        { color: #B7B6B6; }

    #footerbleft  p  { font-size: 12px; line-height: 18px; padding: 5px 0px; color: #B7B6B6; }
    #oxiem { line-height: 14px; color: #ffffff;}
    #oxiem  a {color: #ffffff;}

    #footerbottomleft form #searchwords { font-size: 12px; line-height: 25px; height: 25px; }
    #footerbottomleft form #searchbutton { font-size: 12px; line-height: 15px; }

    #breadcrumb p { font-size: 11px; line-height: 13px; color: #868585;  }
    #breadcrumb p a { color: #868585; }
    #breadcrumb p span { color: #646464; }


    #left h3 { font-size: 15px; line-height: 24px; color: #B4D3EF; font-weight: 400; }
    #left h4.mobile { font-size: 15px; line-height: 24px; color: #ffffff; font-weight: 800;}
    #left li a { font-size: 15px; line-height: 24px; color: #B4D3EF; font-weight: 400;}
    #left li.selected a {  color: #ffffff; }
    

    #requestQuote .collectionfield .input { font-family: "Futura Medium", Arial; font-size: 10px; line-height: 12px; color: #727272;  }
    #requestQuote .collectionsubmit .button { font-family: "Futura Medium", Arial; font-size: 11px; line-height: 11px; color: #ffffff; }
    
    #searchform #searchwords { font-family: "Futura Medium", Arial; font-size: 11px; line-height: 11px; color: #AFAFAF; } 
    #searchform #searchbutton { font-family: "Futura Medium", Arial; font-size: 11px; line-height: 11px; color: #ffffff; } 

    header nav ul li { font-family: "Futura Medium", Arial; font-size: 11px; line-height: 13px; color: #727272; } 
    header nav ul li li { font-family: "Futura Medium", Arial; font-size: 14px; line-height: 18px; color: #727272; } 
    header nav ul li a { color: #727272; text-decoration: none; }

    #requestQuoteButton a { font-family: "Futura Medium", Arial; font-size: 11px; line-height: 11px; color: #ffffff; } 
    #requestQuoteText p { font-family: "proxima-nova-soft", Arial; font-size: 19px; line-height: 20px; padding: 0px 0px 5px; color: #4F91CD; font-weight: 600; } 


    #mobile-flyouts ul li a { font-size: 12px; line-height: 16px; text-transform: uppercase; text-decoration: underline; }

    #left h4 { font-family: "proxima-nova-soft", Arial; font-size: 15px; line-height: 24px; font-weight: 600; }
    #left h4 a { color: #ffffff; text-decoration: none; text-align: center; }
    #left nav ul li a { color: #B4D3EF; text-decoration: none; text-align: center; }
    #left nav ul ul li a { font-size: 11px; }

    .siteform .collectionfield label , .siteform .collectionfield input.input , .siteform .collectionfield textarea.input  { font-size: 13px; line-height: 15px; color: #383838; }

    .stop p { font-size: 25px; line-height: 26px; color: #ffffff; text-transform: uppercase;}
    .stop p.subhead { font-size: 12px; line-height: 14px; border-bottom: 1px solid #ffffff; display: inline-block; padding-bottom: 3px; }
    
     .sright h3 { color: #ffffff; font-size: 20px; line-height: 22px; text-align: center;   }
    .onequote p { font-size: 16px; line-height: 19px; color: #ffffff; }
    .onequote h6 { font-size: 12px; line-height: 15px; color: #ffffff; text-align: center; font-weight: 800; padding-bottom: 4px;  }

    #home h1 { color: #ffffff; font-size: 20px; line-height: 24px; text-align: center; }
    #home .currenttab, .base-tabs li { font-size: 15px; line-height: 24px; font-weight: 400;}

    .hvideotext h3 { color: #ffffff; font-size: 20px; line-height: 22px; font-weight: 800; }
    #bleft h3 { font-size: 20px; line-height: 24px; padding-top: 0px;}
    #bleft .ttext h3 {padding-bottom: 0px; }

    #hright h3 { color: #6AB13D; font-weight: 400; }
    #hright h5 { padding: 0px; font-weight: 400; }
    #hright h5 a { font-size: 12px; line-height: 14px; }
    .ndate { font-size: 12px; line-height: 14px; }
    .ndate strong { font-size: 14px; line-height: 14px; font-weight: 400; }

    .sleft p  strong{ font-weight: 600; }

   @media only screen and (min-width: 48em) { /* (768px) */

   
   h1 { font-size: 45px; line-height: 40px; padding:5px 0px;   }
   h2 { font-size: 27px; line-height: 28px; padding:5px 0px;   }
   h3 { font-size: 18px; line-height: 19px; padding:5px 0px;  }
   h4 { font-size: 15px; line-height: 16px; padding:5px 0px;  }
   h5 { font-size: 13px; line-height: 15px; padding:5px 0px;  }
   h6 { font-size: 13px; line-height: 15px; padding:5px 0px;  }
   p  { font-size: 13px; line-height: 16px; padding:5px 0px;  }
   p.intro  { font-size: 15px; line-height: 18px; padding:5px 0px;  }
   li  {  font-size: 13px; line-height: 18px; padding:5px 0px;    } 

    
   table { font-size: 13px; line-height: 16px; color: #000000; }    

    .siteform h3 { font-size: 18px; line-height: 19px; }
    
    .collectionfield .input {  font-size: 13px; line-height: 15px;  }
    .collectionfield label  {  font-size: 13px; line-height: 15px; }
    .collectionsubmit .button { font-size: 12px; }

    
    .pullquote p { font-size: 16px; line-height: 18px;   }
    .pullquote h6 { font-size: 14px; line-height: 16px;   padding-top: 0px; }

    #footertop h3   {  font-size: 16px; line-height: 18px; }
    .fcol h3        {  font-size: 20px; line-height: 24px; padding: 0px 0px 10px; }
    .fcol p         {  font-size: 15px; line-height: 18px; padding: 0px 0px 5px;  }
    .fcol li        {  font-size: 15px; line-height: 20px; padding: 0px 0px 5px;  }


    #footerbleft  p  { font-size: 12px; line-height: 18px; padding: 5px 0px;  }
    #oxiem { line-height: 14px; color: #ffffff;}

    #left h3 { font-size: 13px; line-height: 24px; color: #ffffff; font-weight: 800; text-transform: uppercase;  }
    #left h4.mobile { display: none; }
    #left li a { font-size: 12px; line-height: 24px; color: #ffffff; font-weight: 400;}
    #left li.selected a {  color: #ffffff; }

    header nav ul li li { font-size: 11px; line-height: 13px; }

    .stop p.subhead { font-size: 21px; line-height: 21px; font-weight: 400; }
    .stop p.headline { text-transform: uppercase; font-size: 46px; line-height: 46px; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.46); padding: 10px 120px; }
    .stop .button { font-size: 12px;}

    .sleft p { font-size: 18px; line-height: 20px; color: #ffffff; }
    .sleft .button { font-size: 12px; text-transform: uppercase; margin-top: 6px;  }
    .onequote h6 { font-size: 16px; line-height: 18px; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.46); }
    .onequote p { font-size: 20px; line-height: 24px; }

    .base-tabs li span { font-size: 15px; line-height: 24px; }

    #home h1 { font-size: 20px; line-height: 24px;  }

    .htabquote p { font-size: 17px; line-height: 19px; color: #4F91CD; }
    .htabquote h6 { font-size: 14px; line-height: 17px; color: #4F91CD; padding-top: 9px; }

   }

  @media only screen and (min-width: 48em) and (max-width: 62.249999999em) { /* (768px) */

    .slide #hvideo { height: 180px; }
    .slide #video-slides { height: 180px; width: 267px; }
    .slide .video-slide { height: 180px; position: relative; }
    .slide .videolink { z-index: 1; }
    #slides #video-slides .owl-controls { top: 124px; z-index: 100;}
    #video-slides.owl-carousel .owl-wrapper-outer { z-index: 10;}
    #slides #video-slides .owl-item { height: 180px; }
  }

   @media only screen and (min-width: 62.250em) { /* (996px) */

   
   h1 { font-size: 50px; line-height: 45px; padding:1px 0px 9px;   }
   h2 { font-size: 29px; line-height: 30px; padding:5px 0px 10px;   }
   h3 { font-size: 20px; line-height: 21px; padding:5px 0px;  }
   h4 { font-size: 17px; line-height: 18px; padding:5px 0px;  }
   h5 { font-size: 14px; line-height: 16px; padding:5px 0px;  }
   h6 { font-size: 13px; line-height: 15px; padding:5px 0px;  }
   p  { font-size: 12px; line-height: 16px; padding:5px 0px;  }
   p.intro  { font-size: 20px; line-height: 24px; padding:5px 0px;  }
   li  {  font-size: 12px; line-height: 18px; padding:5px 0px;    } 

    
   table { font-size: 12px; line-height: 16px; color: #000000; }    

    .siteform h3 { font-size: 20px; line-height: 21px;}
    
    .collectionfield .input { font-size: 14px; line-height: 18px;  }
    .collectionfield label  { font-size: 14px; line-height: 18px;  }
    .collectionsubmit .button { font-size: 12px; }

    .pullquote p { font-size: 16px; line-height: 18px;   }
    .pullquote h6 { font-size: 14px; line-height: 16px;   padding-top: 0px; }

    #requestQuoteText p { font-family: "Proxima Nova Semi Bold", Arial; font-size: 20px; line-height: 24px; padding: 0px 0px 5px; color: #4F91CD; font-weight: 400; } 
    
    .stop p.subhead { font-size: 27px; line-height: 27px; }
    .stop p.headline {font-size: 60px; line-height: 60px; }

    .sleft p { font-size: 20px; line-height: 24px; }

    .htabtext h3 { font-size: 18px; line-height: 18px; padding-top: 0px; padding-bottom: 5px; }

    .thirdnews { display: block; }

    .hvideotext h3 { font-weight:400; }
	
	#leftmenu a.selected { background-color: #4F90CC; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.27) inset; }

	

   }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { background-color: #E8E8E8; }

.container { width: 100%; min-width: 300px; margin: 0px auto; }

header #htop { background-color: #FCFCFC; }

#logo { display: block; width: 115px; height: 48px; background-image: url(images/mobile/logo.png); margin: 4px 0px 20px 19px; float: left; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;  }



header nav { width: 100%; clear: both; display: none; background-color: #EAEAEA; position: absolute; z-index: 90; }

header nav.active { display: block; }

#phone { display: block; width: 40px; height: 34px; overflow: hidden; background-image: url(images/mobile/phone-menu-1.png); background-size: 40px 34px;  background-repeat: no-repeat; background-position: 50%; float: right; text-indent: -9999px; margin:10px 10px 10px 10px; 


}
#toggleMenu { display: block; width: 40px; height: 34px; overflow: hidden; background-image: url(images/mobile/nav-menu-1.png); background-size: 40px 34px;  background-position: 50%; float: right; text-indent: -9999px;  margin:10px 10px 10px 10px; 


}

header #searchform { padding: 13px 9px; }

#searchform .button { text-transform: uppercase; }

    .button {
        
        -moz-box-shadow:inset 0px 1px 0px 1px rgba(85, 107, 71,0.4);
        -webkit-box-shadow:inset 0px 1px 0px 1px rgba(85, 107, 71,0.4);
        box-shadow:inset 0px 1px 0px 1px rgba(85, 107, 71,0.4);
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68ae3d), color-stop(1, #51892f));
        background:-moz-linear-gradient(top, #68ae3d 5%, #51892f 100%);
        background:-webkit-linear-gradient(top, #68ae3d 5%, #51892f 100%);
        background:-o-linear-gradient(top, #68ae3d 5%, #51892f 100%);
        background:-ms-linear-gradient(top, #68ae3d 5%, #51892f 100%);
        background:linear-gradient(to bottom, #68ae3d 5%, #51892f 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ae3d', endColorstr='#51892f',GradientType=0);
        
        background-color:#68ae3d;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:0;
        
        display:inline-block;
        color:#ffffff;
        
        padding:5px 24px;
        text-decoration:none;
        
        
        
    }
    .button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #51892f), color-stop(1, #68ae3d));
        background:-moz-linear-gradient(top, #51892f 5%, #68ae3d 100%);
        background:-webkit-linear-gradient(top, #51892f 5%, #68ae3d 100%);
        background:-o-linear-gradient(top, #51892f 5%, #68ae3d 100%);
        background:-ms-linear-gradient(top, #51892f 5%, #68ae3d 100%);
        background:linear-gradient(to bottom, #51892f 5%, #68ae3d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#51892f', endColorstr='#68ae3d',GradientType=0);
        
        background-color:#51892f;
    }
    .button:active {
        position:relative;
        top:1px;
    }

    #searchwords { 

        border: 0;
        line-height: 22px; height: 22px;
        background-color: #D8D8D8; 
        width: 186px;
        padding-left: 6px; 
        padding-right: 10px; 

        -webkit-box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);
        -moz-box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);
        box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);
    }

    #searchbutton { margin-left: -10px; }


/* ==========================================================================
   Top menu
   ========================================================================== */
   header nav.active {

    -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75), inset 0 10px 10px -10px rgba(0,0,0,0.2);
    -moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.75), inset 0 10px 10px -10px rgba(0,0,0,0.2);
    box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.75), inset 0 10px 10px -10px rgba(0,0,0,0.2);

   }

   header nav ul ul { display: none; }
   header nav ul    { margin: 0; padding: 0; }
   header nav ul li { float: left; list-style-type: none; margin-left: 9px; margin-bottom: 7px; padding: 0; white-space: nowrap; vertical-align: middle; background-color: #D8D8D8; 
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);
    box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);

   }
    
    header nav ul li a { display: block; padding: 13px 12px; }
    
    header nav ul li a .arrow { margin-left: 10px; }

    #requestQuoteButton a.button { text-transform: uppercase; padding: 8px 10px; }
    #requestQuoteButton a:after { content: "+"; margin-left: 5px; }
    #requestQuoteButton a.active:after { content: "-"; margin-left: 5px; }
    #requestQuoteButton { padding-bottom: 10px; padding-left: 10px;  }

    .hiddenfromview { display: none; }
    #mobile-request { background-color: #D3D2D2;  }
    #mobile-request .hiddenfromview { display: block; padding: 0px 9px 9px; }
    #requestQuoteText { display: none; }

    #mobile-request #requestQuote { -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2);
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2); padding-top: 11px; }

    #requestQuote .collectionfield label { display: none; }
    #requestQuote .collectionfield { padding-bottom: 5px; }
    #requestQuote .collectionfield input.input {  height: 32px; }
    #requestQuote .collectionfield .input {

        border:1px solid #C1C0C0; line-height: 32px; text-transform: uppercase;
        border-bottom: 1px solid #BFBEBE;

       



        background-color: #E3E2E2; padding: 0px 0px 0px 10px; width: 270px;  


        -webkit-box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);
        -moz-box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);
        box-shadow: inset 0px 0px 6px 0px rgba(188,188,188,1);

    } 


    #requestQuote ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #727272; opacity: 1 !important;
    }
    #requestQuote :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #727272; opacity: 1 !important;
    }
    #requestQuote ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #727272; opacity: 1 !important;
    }
    #requestQuote :-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    #727272; opacity: 1 !important;
    }
    
    #requestQuote .collectionsubmit { padding: 3px 0px 0px 0px; }

    #requestQuote .collectionsubmit .button {
        
        -moz-box-shadow:inset 0px 1px 0px 1px rgba(85, 107, 71,0.4);
        -webkit-box-shadow:inset 0px 1px 0px 1px rgba(85, 107, 71,0.4);
        box-shadow:inset 0px 1px 0px 1px rgba(85, 107, 71,0.4);
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d8bc6), color-stop(1, #3c709d));
        background:-moz-linear-gradient(top, #4d8bc6 5%, #3c709d 100%);
        background:-webkit-linear-gradient(top, #4d8bc6 5%, #3c709d 100%);
        background:-o-linear-gradient(top, #4d8bc6 5%, #3c709d 100%);
        background:-ms-linear-gradient(top, #4d8bc6 5%, #3c709d 100%);
        background:linear-gradient(to bottom, #4d8bc6 5%, #3c709d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8bc6', endColorstr='#3c709d',GradientType=0);
        
        background-color:#68ae3d;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:0;
        
        display:inline-block;
        color:#ffffff;
        
        padding:10px 24px;
        text-transform: uppercase;
        text-decoration:none;
        
        
        
    }
    #requestQuote .collectionsubmit .button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3c709d), color-stop(1, #4d8bc6));
        background:-moz-linear-gradient(top, #3c709d 5%, #4d8bc6 100%);
        background:-webkit-linear-gradient(top, #3c709d 5%, #4d8bc6 100%);
        background:-o-linear-gradient(top, #3c709d 5%, #4d8bc6 100%);
        background:-ms-linear-gradient(top, #3c709d 5%, #4d8bc6 100%);
        background:linear-gradient(to bottom, #3c709d 5%, #4d8bc6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c709d', endColorstr='#4d8bc6',GradientType=0);
        
        background-color:#51892f;
    }

    #mobile-flyouts ul { margin: 13px 10px 13px 10px; }
    #mobile-flyouts ul li { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -moz-box-shadow:none;  -webkit-box-shadow:none; background-color: transparent; margin: 0; padding: 0;  }
    #mobile-flyouts ul li a { margin: 0; padding: 0; }
    #mobile-flyouts { background-color: #D3D2D2; 
    -webkit-box-shadow: ;
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2);
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2);
    }
    
    #mobile-flyouts ul li a { padding: 5px 15px 5px 0px; }

    #mobile-flyouts ul li.minset { width: 79px; padding: 0; margin: 0px 20px 0px 0px;  }
    #mobile-flyouts ul li.minset a { padding: 0; }
    #mobile-flyouts ul li.minset img { display: block; width: 100%; }

	.menuitem a:hover { text-decoration: underline; }
	#leftmenu a:hover { text-decoration: underline; }

/* ==========================================================================
   Left Menu
   ========================================================================== */
   #left { position: relative; z-index: 80; }
   #left h3 { display: none;}
   #left nav ul { display: none;}
   #left h4 { padding: 0; }
   #left h4 a { display: block; background-color: #4F91CD; padding: 10px 10px; text-align: center; }
   #left h4 a , #left nav ul li.selected  {
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.27);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.27); color: #ffffff;
    }
   #left h4 a:after { content: url(images/mobile/menu-arrow.png); margin-left: 10px; } 

   #left nav.active ul { display: block; position: absolute; }
   #left nav.active ul ul { position: static; }

   #left nav ul { margin: 0; padding: 0; width: 100%; top: 0px; }
   #left nav ul li { padding: 0; margin: 0; background-color: #4783BA; }
   #left nav ul li a { display: block; background-image: url(images/mobile/left-menu-border.gif); background-repeat: repeat-x; background-position: top;  padding: 9px 10px; } 
   #left nav ul li a.first { background-image: none; }

   #left nav ul ul li { background-color: transparent; }
   #left nav ul ul li a { background-image: none; border-top: 1px solid #5C9FDB; padding: 3px 10px; }
   
/* ==========================================================================
   Content
   ========================================================================== */   

   .contentimage { height: 161px; background-size: auto; }
   #breadcrumb { display: none; }
    article { padding: 7px 13px; }

    .insetright { margin: 20px 0px; padding: 25px 0px; background-image: url(images/mobile/inset-shadow-top.png) , url(images/mobile/inset-shadow-bottom.png); background-repeat: no-repeat, no-repeat; background-position: 50% bottom, 50% top; }

    .insetright img { clear: both; display: block; margin:0px auto;   }
    .insetright p { display: table; clear: both; margin: 5px auto; padding: 0px 18px;  }

    .pullquote ,blockquote { border:1px solid #DBDBDB; margin: 15px 0 15px 17px; padding: 0; background-color: #F9F8F8; padding: 5px 24px; position: relative; }
    .pullquote:after ,blockquote:after { content: url(images/mobile/quote-up.png); position: absolute; width: 33px; height: 33px; top: -10px; left: -17px;} 

    .box {
        
        padding: 19px 22px 9px;
        background-color: #ffffff;
        margin-bottom: 17px;  

        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);


    }

    .colswithimages img { display: block; width: 100%; }


    .cols { margin-top: 10px; }
    .box h3, .box h4 { padding-bottom: 3px; }
    .box p { line-height: 16px;}
    .box p a { color: #000000; text-decoration: none; }
    
    .hcol { margin-bottom: 20px; }
    .hcol h5 { padding-top: 0px; padding-bottom: 2px; }
    .hcol ul, .hcol ol , #content ul , #content ol { margin: 0px; padding: 0px 0px 0px 14px;}
    .hcol ul li , .hcol ol li , #content ul li, #content ol li { line-height: 16px; padding: 0px 0px 1px 0px; }
    .hcol ol , #content ol { padding-left: 0px; }
    .hcol ol li { border-bottom: 1px solid #ABAAAA; list-style-position: inside; padding: 3px 0px; }

    .hcol li a { text-decoration: none; color: #000000;  }
    
    .hcol .filelist { padding-left: 0px; }
    .hcol .filelist li { list-style-type: none; }
    .hcol .filelist li { border-bottom: 1px solid #ABAAAA; font-weight: 400; padding: 4px 0px; line-height: 18px; }
    .hcol .filelist li img { margin-right: 5px; }

    .list td { border-top: 1px solid #9C9A9A; padding: 5px 5px 5px 0px; }

    
    .siteform { margin:10px -13px; background-color: #ffffff; padding: 13px 20px; border-top: 1px solid #CED0D0; border-bottom: 1px solid #CED0D0;  }
    .siteform .collectionfield label { display: block;  font-size: 13px; line-height: 15px; color: #383838; }
    .lt-ie9 .siteform .collectionfield label { display: block; }

    .siteform .collectionfield input.input , .siteform .collectionfield textarea.input { margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px;  width: 260px; border: 1px solid #D1D2D2; border-radius: 1px; -moz-border-radius: 1px;  -webkit-border-radius: 1px; background-color: #F4F3F3;  }
    .siteform .collectionfield input.input:focus , .siteform .collectionfield textarea.input:focus { border: 1px solid #65A83A; }
    
    .siteform .collectionfield .radios  { padding: 5px 0px 0px; }
    .siteform .collectionfield .radios label { line-height: 20px; vertical-align: middle; float: left; margin-right: 10px; }
    .siteform .collectionfield { padding-bottom: 5px; }

    .siteform .collectionsubmit { clear: both; padding: 10px 0px; }

    /* ==========================================================================
   Carousel & footer
   ========================================================================== */

   #footertop { background-color: #000000; padding: 10px;  }
   #footertop h3 { color: #ffffff; text-align: center; text-transform: uppercase; padding-bottom: 20px; }
    #footertop .owl-carousel .owl-wrapper-outer { width: 95%; margin: 0px auto; }
   .owl-buttons { display: none; }
   #footertop .onelink { height: 61px; }
   #footertop .onelink a { display: block; height: 100%; vertical-align: middle; }
   #footertop .onelink a img { display: block; vertical-align: bottom; margin: 0px auto; }

   footer { background-image: url(images/pw_maze_black-Footer.png);}

   #social { padding: 0px 0px 8px; }
   #social ul { margin: 0; padding: 0; display: table; width: 100%; position: relative; text-align: center; }
   #social ul li { display: inline-block; width: 27px; height: 27px; margin: 0px 5px; }
   #social ul li a { display: block; width: 27px; height: 27px; overflow: hidden; text-indent: -9999px;}
    
    #facebook { background-image: url(images/mobile/facebook.png);}
    #youtube { background-image: url(images/mobile/youtube.png);}
    #twitter { background-image: url(images/mobile/twitter.png);}

    #facebook:hover , #youtube:hover  , #twitter:hover  { background-position: 0px -27px; }
    
    footer #searchform { display: none; }
    
    .fcol { float: left; width: 40%; margin-right: 5%; padding-bottom: 6px;  }
    .fcolsecond { float: right; }
    .fcol h3 { color: #ffffff; text-transform: uppercase; }
    .fcol ul { margin: 0; padding: 0px; }
    .fcol ul li { list-style-type: none;}
    footer a { text-decoration: none;}
    footer a:hover { text-decoration: underline;}

    #footerbottom { padding: 10px 27px; }
    #footerbleft { clear: both; display: none; }
    #footerbottom #footerbleft { display: block; }

    #footerbleft { padding: 10px 0px 20px 0px; }

    #oxiem a { display: inline-block; line-height: 25px; padding-left: 70px; text-decoration: none; text-transform: uppercase; background-image: url(images/mobile/oxiem.png); background-repeat: no-repeat; background-position: left;  }


/* ==========================================================================
   Lander
   ========================================================================== */
    #landerpullquote { border: 0; background-color: transparent; background-image: url(images/mobile/inset-shadow-bottom.png); background-repeat: no-repeat; background-position: center top;  padding-top: 36px; margin-top: 10px; text-align: center;  }
    #landerpullquote:after { top: 19px; left: -20px; }

    #landerboxes h3 { display: table; background-color: #4F91CD; padding: 11px; color: #ffffff; }
    #landerboxes .cols { margin-top: 0px; margin-bottom: 0px; }

    #landerboxes .box h3 { padding: 5px 0; background-color: transparent; color: #4F91CD; }
    #landerboxes { margin: 0px -13px; }
    #landerboxes .hcol { float: left; margin-left: 7px; width: 125px; }
    #landerboxes .hcol.first { margin-left: 0px; }
    #landerboxes .box { padding: 7px 12px; margin-bottom: 7px;  }
    #landerboxes .box img { clear: both; display: block; margin-bottom: 5px; }
    #landerboxes .box p { padding-top: 3px; }

    #landerimage { display: none; }

    
/* ==========================================================================
   Rotator
   ========================================================================== */
#rotator { background-color: #4F91CD; }
#rotator .owl-carousel .owl-wrapper-outer { margin-top: 0px; }
#slides .slide { background-repeat: no-repeat; background-size: 100% auto; }
#slides { position: relative; }
#slides .owl-controls { position: absolute; top: 114px; width: 100%;  }
#slides .owl-buttons { display: block; max-width: 160px; margin: 0px auto; text-align: left; }

#rotator .owl-theme .owl-controls .owl-page span , .textrotator.owl-carousel .owl-controls .owl-page span , #video-slides.owl-theme .owl-controls .owl-page span{ background-color: #ffffff;  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.35);
-moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.35);
box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.35); }

#video-slides.owl-carousel .owl-wrapper-outer { margin-top: 0px; }
#rotator .owl-theme .owl-controls .owl-page.active span, #rotator .owl-theme .owl-controls.clickable .owl-page:hover span, #video-slides.owl-theme .owl-controls .owl-page span:hover, #video-slides.owl-theme .owl-controls .owl-page.active span { background-color: #66AB3B; }

#rotator .owl-theme .owl-controls .owl-buttons div { opacity: 1;  background-color: transparent; display: block; width: 21px; height: 27px; padding: 0; margin:-27px 0px 0px 0; border-radius: 0; -mox-border-radius: 0; -webkit-border-radius: 0; overflow: hidden; text-indent: -99999px;}
#rotator .owl-prev { background-image: url(images/mobile/arrow-left.png); float: left;}
#rotator .owl-next { background-image: url(images/mobile/arrow-right.png); float: right;}

#rotator .owl-pagination { max-width: 100px;  margin: 0px auto; }

.slide { padding-top: 158px; }
.stop {  text-align: center; padding: 10px 0px 27px 0px;

background: #6DA2D5; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(79,145,205,1) 37%, rgba(102,156,207,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(79,145,205,1)), color-stop(100%,rgba(102,156,207,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(79,145,205,1) 37%,rgba(102,156,207,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(79,145,205,1) 37%,rgba(102,156,207,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(79,145,205,1) 37%,rgba(102,156,207,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(79,145,205,1) 37%,rgba(102,156,207,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f91cd', endColorstr='#669ccf',GradientType=0 ); /* IE6-9 */



 }

    .stop .button { margin-top: 6px; padding: 9px 24px ; }

.sright {  padding: 4px 0px 13px;  

-webkit-box-shadow:  inset 0 10px 10px -10px rgba(0,0,0,0.2);
    -moz-box-shadow:    inset 0 10px 10px -10px rgba(0,0,0,0.2);
    box-shadow:         inset 0 10px 10px -10px rgba(0,0,0,0.2);

 }

 .sright h3 { padding: 10px 35px 13px;  text-align: center; }
 .onequote { background-image: url(images/mobile/quote-rot.png); background-repeat: no-repeat; background-position: 51px 0px;}
 .onequote p { padding: 12px 80px 1px 80px; text-align: center;}

#slides .sright .owl-buttons { display: none; }
#slides .sright .owl-controls { position: static; }

.sleft { display: none; }

#home { padding: 0; }
#hometabs { position: relative;}

#home h1 { 
padding: 11px 0px; 
background: #6FA5D6; /* Old browsers */
background: -moz-linear-gradient(left,  rgba(93,154,209,1) 0%, rgba(114,167,215,1) 50%, rgba(93,154,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(93,154,209,1)), color-stop(50%,rgba(114,167,215,1)), color-stop(100%,rgba(93,154,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(93,154,209,1) 0%,rgba(114,167,215,1) 50%,rgba(93,154,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(93,154,209,1) 0%,rgba(114,167,215,1) 50%,rgba(93,154,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(93,154,209,1) 0%,rgba(114,167,215,1) 50%,rgba(93,154,209,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(93,154,209,1) 0%,rgba(114,167,215,1) 50%,rgba(93,154,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d9ad1', endColorstr='#5d9ad1',GradientType=1 ); /* IE6-9 */


}

#home .currenttab {

    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.27);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.27); 
    color: #ffffff;
    background-color: #4F90CC; 
    text-align: center;
    padding: 10px 0px;
    cursor: pointer;  

}

.base-tabs { position: absolute; z-index: 990;  }
.base-tabs li { list-style-type: none; padding: 0px; margin: 0px;  }
.base-tabs { width: 100%; padding: 0; margin: 0; background-color: #4F91CD; }


.base-tabs li span {
    background-image: url("images/mobile/left-menu-border.gif");
    background-position: center top;
    background-repeat: repeat-x;
    display: block;
    padding: 9px 10px;
    cursor: pointer; color: #B4D3EF; text-align: center;
}

.base-tabs li.first-tab span { background-image: none; }
.tabon { display: none; }
.htab-on { display: block; }
.htab-off { display: none; }
.absolute { position: absolute; }

#home .currenttab span { display: inline-block; background-image: url(images/mobile/d.png); width: 10px; height: 9px; margin-left: 5px;  }

#h-tabs-selector { display: none; }
.active #h-tabs-selector { display: block; }

.htabimage { padding: 10px 40px 6px; }
.htabimage img { width: 100%; display: block; }
.htabtext { padding: 0px 40px 10px;  text-align: center; }
.htabtext a:visited { color: #ffffff; }
.htabquote { display: none; }
.htabtext .button { padding: 11px 24px; font-size: 12px; text-transform: uppercase; margin-top: 7px;  }


#hvideo { position: relative; margin-bottom: 10px; margin-top: 26px; }
#hvideo img { display: block; width: 100%; }
.hvideotext { position: absolute; top: 29px; text-align: center; width: 100%; }
.hvideotext p { display: none; }
.videolink { background-image: url(images/play.png); background-repeat: no-repeat; background-position: 50%; width: 100%; height: 100%; position: absolute; top: 0px; background-repeat: no-repeat; }

#bleft { margin: 0px 10px; }
#bleft h3 { text-align: center; }

.ticon { text-align: center; }

#bleft .owl-theme .owl-controls { margin-top: 0px; margin-bottom: 6px; }

#hright {
        
        padding: 11px 0px 0px;
        background-color: #ffffff;
        
        margin: 10px 10px; 

        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);


    }

#hright h3 { padding-left: 20px; }    
#hnews a { display: block; padding: 10px 20px 10px; border-top: 1px solid transparent; text-decoration: none; }
#hnews a:hover { background-color: #F2F2F2; border-top: 1px solid E5E5E5; }

.ndate { display: block; float: left; width: 40px; margin-right: 10px; padding: 10px 0px; background-color: #4F91CD; text-align: center; color: #ffffff; margin-top: 0px;   }
.ndate strong { display: block;}
.ntitle { color: #000000; font-size: 18px; line-height: 18px; display: block; }
.ndesc { clear: both; font-size: 12px; line-height: 18px; color: #000000; display: block; padding: 10px 0px; }

.readmore { font-size: 12px; line-height: 14px; display: block; padding: 0px 0px 2px; color: #919191; }
.thirdnews { display: none; }

#hright h5 a { display: block; color: #ffffff; text-decoration: none; background-color: #4F91CD; padding: 10px 20px; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */



#footerbottomleft #searchwords { background-color: #5A5A5A; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} 
#footerbottomleft #searchbutton { padding-top:6px; padding-bottom:6px;  }

#fcalprev, #fcalnext { display: none; }
#video-slides .owl-pagination { left: 0; bottom: 10px; width: 100%; position: absolute; }

@media only screen and (min-width: 48em) { /* (768px) */
    /* Style adjustments for viewports that meet the condition  */
    
    .mobile { display: none; }
    .container { width:48em; min-width: 48em;  }

  #footerbottom { width:48em; min-width: 48em; margin: 0px auto; }

    body { background-image: url(images/pw_maze_white.png);}
    
    /* ==========================================================================
   Header
   ========================================================================== */
    #logo { background-image: url(images/tablet/logo.png); margin: 7px 0px 7px -12px; position: absolute; z-index: 990; background-color: #ffffff; padding: 11px 17px 11px 10px;  

    border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;

    }

    #phone , #toggleMenu { display: none; }
    header { background-color: #ffffff; display: block;  }
    header #searchform { display: none; }


    header nav { display: block; background-color: transparent; position: static;  }
    header #htop { background-color: transparent; position: relative; margin-left: 50px; }

    #mobile-flyouts , #mobile-request { display: none; }

    nav .nav { float: left; width: 450px;  margin-left: 192px;  }

    header nav ul li { margin: 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-color: transparent; position: relative; }
    header nav ul li a.level1 { padding: 15px 2px 8px; background-color: transparent; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
    
    header nav ul li:hover a , header nav ul li.selected a { background-color: #F4F4F4; 
    -webkit-box-shadow: inset -5px 6px 5px 0px rgba(224,224,224,1);
    -moz-box-shadow: inset -5px 6px 5px 0px rgba(224,224,224,1);
    box-shadow: inset -5px 6px 5px 0px rgba(224,224,224,1);
    }

    header nav ul li:hover ul a , header nav ul li.selected ul a  {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent; 

    }

    header nav ul li:hover ul { display: block; position: absolute; }
    header nav ul ul { background-color: #EDEDED; width: 235px; z-index: 995;  }
    header nav ul ul li { float: left; width: 235px; }

    header nav ul ul { padding: 28px 0px; }
    header nav ul ul.bigmenu { width: 442px; padding: 0px 0px; z-index: 995; }
    
    header nav ul ul.bigmenu li { width: 235px; float: right; }
    header nav ul ul.bigmenu li.minset { width: 207px; float: left; background-image: url(images/tablet/flyout-shadow.png); background-position: right; background-repeat: no-repeat; }
    header nav ul ul.bigmenu li.minset a { padding: 23px 32px; }
    header nav ul ul.bigmenu li.minset a img { width: 131px; display: block; }

    header nav ul ul li a { padding: 1px 10px 6px 10px; text-transform: uppercase; }
    header nav ul ul.bigmenu li a.first { margin-top: 26px; }

    #requestQuoteButton { float: right; min-width: 105px; margin-top: 6px; padding-bottom: 0px; }
    #requestQuoteButton a.button { padding: 6px 10px; margin-right: 2px; }

    /* ==========================================================================
   Footer
   ========================================================================== */
   #footertop { padding: 10px 0px 10px; }
   #footerbottom  { padding: 10px 0px 40px; }

   #footerbottomleft #searchform { display: block; min-height: 42px; }

   #social { float: right; width: 100px; margin-right: 30px; padding-bottom: 0px; }
   #social ul { display: block; }
   #social ul li { display: block; margin-left: 0px; float: left;}
    
   #footerbottomleft { padding: 18px 19px 4px; }    
   #footerbleft { float: left; width: 210px; padding-top: 0px;   }

   #footerbleft p { border-bottom: 1px solid #7D7D7C; padding-top: 0px; margin-bottom: 12px;}
   #footerbleft p#oxiem { border-bottom: 0px; }

   .fcol { margin-right: 0px; margin-left: 22px; width: 150px; }
   .fcolsecond { float: left; } 

   .fcol h3 { padding-bottom: 3px;}
   .fcol li { padding-bottom: 0px; }

   .owl-pagination { position: absolute; left: -134px; top: 32px; }
   #linkscarousel .owl-controls .owl-page span { background-color: #595757; height: 15px; width: 15px; }
   #linkscarousel .owl-controls .owl-page.active span, #linkscarousel .owl-controls.clickable .owl-page:hover span { background-color: #68AE3C; }

   #linkscarousel { margin-left: 161px; width: 530px; }

   #fcalprev, #fcalnext { display: block; width: 25px; height: 32px; position: absolute; }
   #fcalprev { background-image: url(images/tablet/fprev.png); left: 123px; top: 16px; }    
   #fcalnext { background-image: url(images/tablet/fnext.png); left: 700px; top: 16px; }    

   #footertop .container { position: relative; }

   #footertop h3 { padding: 0; position: absolute; left: 32px; top: 12px; }


   #content { float:left; width:588px;}
   #left { float: left; width: 130px; margin-left: 50px; padding-top: 42px; background-color: #4275A3;}
   #left h3 { display: block; padding: 5px 10px 4px; }
   #left h3 a { text-decoration: none; color: #ffffff; font-weight: normal;}
   #left nav ul { display: block;}
   #left nav ul ul { padding-bottom: 0; }
   #left nav ul li { list-style-type: none; background-color: #4F91CD;  }
   #left nav ul li a { background-image: none; border-bottom: 1px solid #5C9FDB; text-align: left; padding: 3px 10px; color: #ffffff; }
   #left nav ul li.selected a { border-bottom: 0px; padding-bottom: 4px; padding-top: 4px; }
   #left nav ul li.selected li a { border-bottom: 0px; padding-bottom: 7px; padding-top: 7px; }
   #left nav ul ul li a { border-top: 0px; padding-left: 21px; border-bottom: 0px; line-height: 13px;  }



/* ==========================================================================
   Elements page
   ========================================================================== */
   .contentimage { height: 261px; background-size: auto; }

   #breadcrumb { display: block; background-color: #E6E5E5; padding: 5px 10px;  }

   article { padding: 7px 10px; }

   .insetright { float: right; width: 150px; padding: 20px 32px; background-image: none; }
   .insetright img { border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; max-width: 113px;  }
   
   .col { float: left; width: 178px; margin-left: 17px;}
   .col.first { margin-left: 0px; }

   .box {padding-top: 11px; padding-bottom: 22px; }
   .colswithimages .box { min-height: 241px; }

   .col.box { width: 134px; }

   .hcol { float: left; width: 269px; margin-left: 30px; }
   .hcol.box { width: 225px; }


   .hcol.first { margin-left: 0px; }    

   .pullquote, blockquote { padding-top: 8px; padding-bottom: 12px; }
   blockquote h6, .pullquote h6 { padding-top: 1px; }

   .siteform { border: 1px solid #CED0D0; width: 460px; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 20px 0 20px 0; }
   .siteform .collectionfield input.input, .siteform .collectionfield textarea.input { width: 438px; }

   /* ==========================================================================
   Request Quote
   ========================================================================== */
   header #requestQuote {  }
   header.active #requestQuote { display: block;   }

   #requestQuoteText { display: block; float: left; width: 316px; padding: 16px 10px 16px 0px; margin-left: 50px;  }
   header #requestQuote form { float: left; width: 380px;  padding: 16px 0px; }

   #requestQuote .collectionfield input.input { width: 139px; height: 20px; line-height: 20px; }

   #fieldsleft { width: 139px; float: left; margin-right: 10px;  }
   #requestQuote .collectionfield input.input { width: 127px; }
   #Field_Collection_322_3 { float: left; width:149px; margin-right: 10px; }
   #requestQuote .collectionfield textarea.input { width: 129px; height: 52px;  }
 
     #requestQuote .collectionsubmit { float: right; width: 70px;  }
     #requestQuote .collectionsubmit .button { padding: 6px 16px; margin-top: 24px; }

    /* ==========================================================================
   Lander
   ========================================================================== */

   #landerleft { padding-bottom: 15px;  }
   #landerpullquote { float:right; width: 161px; padding: 30px 12px 10px 5px; background-image: none; }
   #landerpullquote:after { left: 0px; top: -5px; }
   #landerimage { display: block ; float: left; } 
   #landerimage img { display: block;  max-width: 220px; }
   #landerboxes { float: right; margin: 0;  }

   #landerboxes .hcol { width: 130px; margin-left: 16px; min-height: 200px; }
   

   /* ==========================================================================
   Homepage
   ========================================================================== */
   .stop { background: none; padding-top: 0px; padding-bottom: 0px; }
   .sright { background-color: transparent; box-shadow: none;  -moz-box-shadow: none; -webkit-box-shadow: none;   }
   .stop p.subhead { padding-top: 0px; padding-bottom: 8px; border-bottom: 2px solid #ffffff;  }
   .stop .button { margin-top: 4px; padding: 4px 24px; text-transform: uppercase; }
   #rotator { background-color: transparent; }
   #rotator .owl-pagination { left: 0; width: 100%; text-align: center; top: 0px; }
   #slides .owl-controls { top: 20px; }

   .slide { padding-top: 52px; height: 633px;  }

   #slides .owl-buttons { max-width: 560px; display: none;  }
   #rotator .owl-theme .owl-controls .owl-buttons div { margin-top: 20px; }

   #rotator .owl-pagination { max-width: 100%; }
   #slides, #slides .owl-item { height: 685px; }
   #slides .slide { background-size: auto; background-position: 50% top; }

   .sleft { display: block; padding-left: 88px; width: 290px; padding-top: 32px; float: left;    }
   .sright { clear:both; margin: 0px auto; width:472px; background-image: url(images/tablet/rotator-shadows.png); background-repeat: no-repeat; min-height: 283px;  }

   .slide #hvideo { margin-top: 32px; float: right; margin-left: 0px; margin-right: 50px;  }
   

   #rotator .sright .owl-pagination { position: static; top: auto; left: auto; }
   #slides .sright .owl-item { height: auto; }
   .sright h3 { padding-bottom: 2px; }
   #slides .sright .owl-controls { margin-top: 2px; }
   #hvideo { margin-left: 425px; width: 267px; margin-top: 0px;  
  
   border: 5px solid rgba(255, 255, 255, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

    }
    .hvideotext { top: 5px; cursor: pointer; }
    .hvideotext p a.youtube { float: right; margin-right: 24px;  }
    .hvideotext h3 { text-align: right; width: 150px; float: right; margin-right: 24px; clear: both; font-weight: 400; }

    .headline sup {
      font-size: 25%;
      top: -2em;
    }

    #homebottom #hvideo { display: none; }

    .requeston #hvideo { top: 403px }


    #hometabs { background: rgb(79,145,205); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(79,145,205,1) 0%, rgba(77,142,200,1) 42%, rgba(79,145,205,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(79,145,205,1)), color-stop(42%,rgba(77,142,200,1)), color-stop(100%,rgba(79,145,205,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(79,145,205,1) 0%,rgba(77,142,200,1) 42%,rgba(79,145,205,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(79,145,205,1) 0%,rgba(77,142,200,1) 42%,rgba(79,145,205,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(79,145,205,1) 0%,rgba(77,142,200,1) 42%,rgba(79,145,205,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(79,145,205,1) 0%,rgba(77,142,200,1) 42%,rgba(79,145,205,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f91cd', endColorstr='#4f91cd',GradientType=1 ); /* IE6-9 */

   height: 35px; 
 }
   #home { padding: 10px 0px 10px 0px; width: 750px; margin: 0px auto;  }
   #home h1 { background:none; float: left; width: 106px; padding: 3px 0px 3px; text-align: center; }
   #home #h-tabs-selector { display: block; float: right; width: 642px; position: static;}
   
   .base-tabs li { float: left;  }
   .base-tabs li span { background-image: none; padding: 5px 10px; height: 25px; }

   .tabon { display: block; background-image: url(images/tablet/tabon.png); background-repeat: no-repeat; background-position: 50% top; background-color: #3F6F9C;  }
   .h-tab { min-height: 236px; }

   #homepagetabs { 

         background-color: #ffffff; margin-bottom: 15px; 

        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.45); 

     }

     .htabimage { float: left; width: 254px; padding: 14px 17px; }
     .htabtext { float: left; width:243px;  padding: 14px 17px 14px 3px; text-align: left; }

     .htabquote { display: block; float: left; width:145px; margin: 14px 12px 14px 10px; padding: 16px 18px 25px 14px; background-color: #F2F2F2;  text-align: left; position: relative;   }
     .htabquote:before { content: url(images/mobile/quote-up.png); position: absolute; width: 33px; height: 33px; top: -10px; left: -17px;}  
      .htabquote p { text-indent: 25px; text-align: right; }
      .htabquote h6 { text-align: right; }

      .htabtext h3 { padding-bottom: 0px; }
      .htabtext .button {padding: 4px 24px; }

      #homebottom { float: left; width: 268px; }
      #bleft { margin-left: 0px; width: 214px; float: left; text-align: left; padding-bottom: 5px;  }
      #bleft h3 { text-align: left; padding-top: 5px; padding-bottom: 12px;  }
      
      #bleft .owl-pagination { position: static; padding-top: 20px; }
      #bleft .ttext h3 { padding-bottom: 3px; padding-top: 0px; }
      #bleft .ttext p { padding-top: 0px; }
      .ticon { float: left; width:40px; margin-right: 3px; }
      .ttext { float: right; width: 170px; }
      
      #hright { float: right; width: 477px; margin: 0; }

      #hnews .onenews { float: left; width: 230px; }
      #hright h5 { clear: both; }
    

    .hvideotext p { display: block; }

      @media (-o-min-device-pixel-ratio: 5/4),
           (-webkit-min-device-pixel-ratio: 1.25),
           (min-resolution: 120dpi) {
        /* Style adjustments for high resolution devices */
        #requestQuote .collectionsubmit .button { margin-top: 27px;  }
    }
      


}
@media only screen and (min-width: 980px ) { /* (996px)  64em is for 1024px */
    /* Style adjustments for viewports that meet the condition */
    
    .container { width: 980px; }

  #footerbottom { width:980px; min-width: 980px; margin: 0px auto; }

    #content { float:left; width:765px;}
  #left { float: left; width: 154px; margin-left: 50px; }

  #logo { background-image: url(images/desktop/logo.png); width: 127px; height: 54px; margin: 7px 0px; position: absolute; z-index: 990; background-color: #ffffff; padding: 11px 17px 11px 13px;  }
  
  nav .nav { margin-left: 216px; width: 590px;  }
  header #htop { margin-left: 58px; }

  header nav ul li a.level1 { padding: 15px 7px 12px; text-transform: uppercase; }

  #requestQuoteButton a.button { padding: 8px 10px; }

  #requestQuoteText { margin-left: 86px; width: 350px; }

  #fieldsleft { width: 221px; }
  #requestQuote .collectionfield input.input { width: 211px; }
  #requestQuote .collectionfield textarea.input { width: 209px; }
  header #requestQuote form { width: 534px; }

   /* ==========================================================================
   Elements page
   ========================================================================== */
   .contentimage { height: 286px; }
   #left { margin-left: 61px; width: 154px; }

   #breadcrumb { padding: 3px 10px; }
   .insetright { padding-top: 13px;  margin-left: 22px; padding-right: 55px; margin-top: 10px; background-image: url(images/desktop/leftshadow.png); background-repeat: no-repeat; background-position: left;}

   .col { width: 223px; }
   blockquote h6, .pullquote h6 { padding-bottom: 0px; }  

   .pullquote { float: right; width: 148px; padding-top: 13px;  margin-left: 22px; padding-right: 25px; padding-left: 44px; margin-top: 10px; background-image: url(images/desktop/leftshadow.png); background-repeat: no-repeat; background-position: left; border: 0; background-color: transparent; text-align: center; }
   .pullquote:after { left: 15px; }

   .col.box { width: 182px; }

   .hcol.box { width: 297px; }
   .hcol { width: 340px; }


   #footerbleft { width: 305px; }
   #footerbleft P { width: 210px; }

   footer #searchform { width: 325px; }

   #footerbright { margin-top: -46px; float: right; width: 620px; }
   #social { margin-right: 0px; }

   #linkscarousel { margin-left: 210px; width:  }
   #fcalprev { left: 173px; }
   #fcalnext { left: 750px; }

   .owl-pagination { left: -180px; }
  #video-slides .owl-pagination { top: 165px; bottom: auto; }
   
   

   article { padding-left: 42px; padding-top: 13px;}

   /* ==========================================================================
   Lander Page
   ========================================================================== */
    
    #landerpullquote { background-image: url(images/desktop/landerleftshadow.png); width: 204px; background-position: left top; min-height: 213px; padding: 37px 30px 0px 50px; }
    #landerpullquote:after { left: 27px; top: 10px; } 
    #landerpullquote p { text-indent: 7px; }
    #landerpullquote h6 { padding-top: 27px; }

    #landerpullquote:after {content:url("images/desktop/quote2.png"); height: 36px; width: 36px; }
    /* ==========================================================================
   Homepage
   ========================================================================== */

   #slides .owl-buttons { max-width: 700px; display:none !important;  }
   #rotator .owl-prev { background-image: url(images/desktop/arrow-left.png);  }
   #rotator .owl-next { background-image: url(images/desktop/arrow-right.png);  }
   #rotator .owl-theme .owl-controls .owl-buttons div { height: 32px; width: 25px; }
#rotator .owl-theme .owl-controls .owl-buttons div { margin-top: 95px; }
   .stop p.headline { padding-bottom: 13px; padding-top: 6px; padding-left: 90px; padding-right: 90px;  }

#slides .owl-controls { top: auto; bottom: 40px; }

.headline sup { font-size: 25%; top: -2em; }
   
#hvideo { display:block; position: relative; margin-left: 17px; top: auto; left: auto; float: right; width: 290px; border:0; cursor: pointer; }
 .hvideotext p { display: block; clear: both;  }
.hvideotext { top:5px; z-index: 92;  }
.hvideotext h3 { text-align: right; width: 150px; float: right; margin-right: 24px; clear: both;  }
.hvideotext p a { color: #ffffff; text-transform: uppercase; padding: 0px 10px 0px 5px; }
.hvideotext p a span { display: block; background-image: url(images/movie.png); padding: 6px 23px 4px 10px; background-repeat: no-repeat; background-position: right; }


.videolink { z-index: 290; }


   .sleft { width: 486px; padding-left: 135px; float: left; padding-top: 6px;  }
   .sright { width: 310px; float:right; margin-right: 15px; margin-top: 6px; clear: none; }

   #slides, #slides .owl-item { height: 480px; }
   #slides .slide { height: 430px; padding-top: 50px;  }
   .onequote { background-position: 25px top; background-image: url(images/desktop/quote.png);}
   .onequote p { padding: 13px 30px 0px; text-indent: 35px;   }
   .sright { background-image: url("images/desktop/quote-rot.png"); min-height: 283px;  }
   .stop p.subhead { border-bottom: 3px solid #ffffff; }

   #rotator .owl-pagination { top: 0px; }
   #rotator .owl-theme .owl-controls .owl-page span { width: 16px; height: 16px; margin-right: 6px; }

   .sright h3 { padding-top: 0px; padding-bottom: 12px; }

   #hright { width: 240px; margin-right: 15px; }
   #hleft { width: 680px; float: left; margin-left: 15px;  }

   #home { width: auto; }

   #home #h-tabs-selector { width: 570px; }

   #homebottom { width: auto; }

   .htabtext { width: 173px; }
   #hnews .thirdnews { display: block; border-bottom: 0px solid #E5E5E5; }

   .htabquote:before { content: url("images/desktop/quote2.png"); width: 36px; height: 36px; top:-2px;}

   #bleft { width: 318px; }

   .ttext{ width: 270px; }
   #bleft h3 { padding-bottom: 0px; }
   #bleft .owl-carousel .owl-wrapper-outer { margin-top: 7px; }
   #bleft .owl-pagination { padding-top: 5px; }

   #hright h3 { padding-top: 1px; }
   #hnews a {padding: 7px 17px; border-bottom: 2px solid #E5E5E5; }
   #hnews .onenews { width: auto; float: none;  } 
   .ndesc { padding: 7px 0px; }
   #hnews a:hover .ntitle { color: #4F91CD; }

    #hnews a:hover .ndate {
    -webkit-box-shadow: inset 0 -4px 4px -4px rgba(0,0,0,0.57);
-moz-box-shadow: inset 0 -4px 4px -4px rgba(0,0,0,0.57);
box-shadow: inset 0 -4px 4px -4px rgba(0,0,0,0.57);
   }

   #homebottom #hvideo { display: block; }
   #landerboxes .hcol { width: 196px; margin-left: 20px; min-height: 170px; }

}



@media (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
    footer { background-image: url(images/pw_maze_black-footer_@2X.png); background-size: 46px 23px; }
    body { background-image: url(images/pw_maze_white_@2X.png); background-size: 46px 23px; }

    #logo { background-image: url(images/Pureti-Logo-220wide.png ); background-size: 115px 48px; }

    #toggleMenu { background-image: url(images/mobile/nav-menu-2.png); background-size: 40px 34px; }
    #phone { background-image: url(images/mobile/phone-menu-2.png); background-size: 40px 34px; }

    #oxiem a { background-image: url(images/Oxiem-Logo-128-wide.png ); background-size: 64px 25px; }
}




/* ==========================================================================
   IE Styles
   ========================================================================== */

   .lt-ie12 .box.col { width: 182px; }
   .lt-ie12 .hcol { width: 340px; }
   .lt-ie12 .box.hcol { width: 297px; }
   .lt-ie12 .colswithimages { clear: both; }

    .lt-ie12 .stop { filter:none; }


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
.print { display: none;}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .print { display: block; }
  
    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;
    }
}