/* HTML5 Boilerplate */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-nav {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    pointer-events:none;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
    display:block;
    position:absolute;
    top:50%;
    margin-top:-30px;
    left:20px;
    font-size:0!important;
    width:60px;
    height:60px;
    background:transparent url(../img/arrow-left.png) no-repeat center center!important;
    cursor: pointer;
    outline:none!important;
    border-radius:0!important;
    pointer-events:auto;
}
.owl-nav .owl-next {
    left:auto;
    right:20px;
    background:transparent url(../img/arrow-right.png) no-repeat center center!important;
}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}
.owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}



/* PENN Website -------------------------------------------------- */

/*
Color Palette
Blue: #00539E
Green: #8CC63E
Gray: #5F6369
*/

/* Typography -------------------- */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:1.5em;
color:#5F6369; /* Gray */
background:#FFF;
text-align:center;
}

h1 {
margin:0 0 10px 0;
font-size:2.1em;
line-height:1.2em;
font-weight:bold;
color:#00539E; /* Blue */
}

h2 {
margin:30px 0 20px 0;
font-size:1.45em;
line-height:1.2em;
font-weight:normal;
color:#00539E; /* Blue */
}

h3 {
margin:20px 0 10px 0;
font-size:1.35em;
line-height:1.2em;
font-weight:bold;
}

h4 {
margin:20px 0 5px 0;
font-size:1em;
line-height:1.2em;
font-weight:bold;
}

h5 {
margin:20px 0 5px 0;
font-size:1em;
line-height:1.2em;
font-weight:bold;
}

p {
margin:0 0 1em 0;
}

a:link, a:visited {
color:#00539E; /* Blue */
text-decoration:none;
}

a:hover {
color:#00539E; /* Blue */
text-decoration:underline;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}



/* Custom Styles -------------------- */

#wrapper {
margin:0;
padding:90px 0 0 0; /* Header is fixed */
}

section img {
max-width:100%;
height:auto!important;
}

/* Header ----------------------- */

#header {
margin:0;
padding:25px 45px;
height:90px;
position:fixed;
top:0;
left:0;
right:0;
font-size:14px;
line-height:1.4em;
color:#FFF;
background: rgb(0,48,103);
background: linear-gradient(90deg, rgba(0,48,103,1) 0%, rgba(0,84,157,1) 30%, rgba(0,48,103,1) 56%, rgba(0,84,157,1) 80%, rgba(0,48,103,1) 100%);
box-sizing:border-box;
z-index:99;
transition:height 0.25s linear;
-moz-transition:height 0.25s linear;
-webkit-transition:height 0.25s linear;
}

#logo {
position:absolute;
top:5px;
left:45px;
width:140px;
transition:all 0.25s linear;
-moz-transition:all 0.25s linear;
-webkit-transition:all 0.25s linear;
}

#logo img {
max-width:100%;
height:auto!important;
}

/* Navigation */

#nav {
text-align:right;
}

#nav ul {
display:inline;
margin:0;
padding:0;
list-style:none;
}

#nav li {
display:inline;
position:relative;
padding-bottom:40px;
}

#nav a {
display:inline-block;
margin:0 10px;
padding:10px 2px;
color:#FFF;
text-decoration:none;
border-bottom:4px solid #8CC63E; /* Green */
border-color:transparent;
}

#nav a:hover, #nav a.active {
border-bottom:4px solid #8CC63E; /* Green */
}

/* Sub Nav */

#nav ul ul {
position:absolute;
top:50px;
left:14px;
width:360px;
padding:0 0 5px 0;
background:#00539E; /* Blue */
text-align:left;
border-top:5px solid #8CC63E; /* Green */
-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6);
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6);
display:none;
}

#nav li:hover ul { /* Show Second Level */
display:block;
}

#nav ul ul li {
display:block;
margin:0;
padding:0;
border-bottom:2px solid #0958a1;
}

#nav ul ul li:last-child {
border:none!important;
}

#nav ul ul a {
display:block;
margin:0;
padding:8px 20px;
color:#FFF;
text-decoration:none;
border:none!important;
}

#nav ul ul a:hover {
background:#000;
}

#nav ul li:hover > a { /* Parent stay hover */
border-bottom:4px solid #8CC63E; /* Green */
}

#nav a#product-search-btn {
border-bottom:0;
display:inline-block!important;
margin:0 auto 0 10px;
padding:10px 20px 10px 40px;
font-weight:bold;
color:#FFF;
background:#9FC54D url(../img/icon-search.png) no-repeat 15px center;
background-size:14px 14px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
max-width:240px;
}

#show-nav {
position:absolute;
right:20px;
top:15px;
width:30px;
height:30px;
color:#FFF;
background:transparent url(../img/icon-nav.png) no-repeat;
display:none;
}

#show-nav.active {
background:transparent url(../img/icon-close.png) no-repeat;
}


/* Hero Slider ------------------------ */

.hero-slider {
margin:0;
padding:0;
position:relative;
}

.hero-slider .slide {
padding:20px 20%;
width:100%;
height:500px;
background:#000;
color:#FFF;
display:table;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
}

.hero-slider .overlay {
background-color:rgba(0,0,0,.6);
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1;
}

.hero-slider .slide article {
position:relative;
display:table-cell;
margin:0 auto;
vertical-align:middle;
z-index:2;
}

.hero-slider .slide h1 {
color:#FFF;
}

.hero-slider .slide .button {
border:1px solid transparent;
}

.owl-nav {
opacity:0;
transition:opacity 0.25s linear;
-moz-transition:opacity 0.25s linear;
-webkit-transition: opacity 0.25s linear;
}

.hero-slider:hover .owl-nav {
opacity:1;
}


/* Banner ------------------------ */

.banner {
margin:0;
}

.banner img {
width:100%;
max-width:100%;
height:auto!important;
}


/* Rich Text ------------------------ */

.rich-text {
margin:50px auto 40px auto;
padding:0 40px;
}

.rich-text article {
margin:0 auto;
max-width:900px;
}

.rich-text ul, .rich-text ol {
text-align:left;
margin:30px 0;
padding:0 0 0 20px;
}

.rich-text li {
margin:0 0 1em 0;
}



/* Buttons Row ------------------------ */

.buttons-row .button {
margin-bottom:20px!important;
}


/* Image Callout ------------------------ */

.image-callout {
margin:0;
display:table;
box-sizing:border-box;
}

.image-callout article {
display:table-cell;
width:50%;
padding:90px 75px;
vertical-align:top;
color:#FFF;
text-align:left;
background:#8CC63E; /* Green */
}

.image-callout article h2 {
margin:0 0 10px 0;
font-weight:bold;
color:#FFF;
}

.image-callout aside {
display:table-cell;
width:50%;
vertical-align:top;
background: rgb(0,48,103);
background: linear-gradient(135deg, rgba(0,48,103,1) 0%, rgba(0,84,157,1) 30%, rgba(0,48,103,1) 56%, rgba(0,84,157,1) 80%, rgba(0,48,103,1) 100%);
}

.image-callout aside img {
max-width:100%;
height:auto!important;
}


/* Column List ------------------------ */

.column-list {
margin:0;
padding:60px 5% 40px 5%;
}

.column-list h2 {
margin:0 0 70px 0;
}

.column-list article {
display:inline-block;
margin:0 2% 40px 2%;
max-width:28%;
font-size:15px;
line-height:1.5em;
text-align:left;
vertical-align:top;
}

.column-list article h3 {
margin:0 0 5px 0;
font-size:1em;
line-height:1.4em;
}

.column-list .video {
margin:0 0 30px 0;
}

.column-list .article-image {
margin:0 0 30px 0;
}

.column-list .article-image img {
max-width:100%;
height:auto!important;
}

.column-list .article-image {
position:relative;
padding-bottom:56.25%; /* 16:9 */
height:0;
overflow:hidden;
}

.column-list .article-image img {
position:absolute;
top:0;
left:0;
width:100%;
height:auto!important;
}


/* CTA Callout ------------------------ */

.cta-callout {
margin:0;
padding:40px;
color:#FFF;
background:#000;
border-top:10px solid #00539E; /* Blue */
}

.cta-callout article {
margin:0 auto;
max-width:900px;
}

.cta-callout .button-bar {
margin-top:40px;
}

.cta-callout .button {
border:1px solid transparent!important;
}


/* Thumbs List ------------------------ */

.thumbs-list {
margin:0;
padding:60px 5% 40px 5%;
}

.thumbs-list h2 {
margin:0 0 30px 0;
}

.thumbs-list ul {
margin:0;
padding:0;
font-size:0;
list-style:none;
}

.thumbs-list li {
display:inline-block;
margin:0 1.5% 40px 1.5%;
padding:20px;
width:30%;
font-size:22px;
line-height:1.4em;
vertical-align:top;
box-sizing:border-box;
border:3px solid #FFF;
}

.thumbs-list li:hover {
border:3px solid #EFEFEF;
}

.thumbs-list li img {
max-width:100%;
height:auto!important;
}

.thumbs-list a {
color:#5F6369;
font-weight:bold;
}

.thumbs-list a:hover {
text-decoration:none;
}


/* Products List ------------------------ */

.products-list {
margin:0;
padding:0 5% 40px 5%;
}

.products-list h2 {
margin:0 0 30px 0;
}

.product-row {
margin:0 auto 40px auto;
padding:0 0 40px 0;
border-bottom:1px solid #DFE0DE;
display:table;
max-width:1024px;
}

.product-row:last-of-type {
border-bottom:0;
}

.product-row article {
display:table-cell;
width:65%;
padding:0 30px;
vertical-align:top;
text-align:left;
}

.product-row article h3 {
margin:0 0 5px 0;
font-size:1em;
line-height:1.4em;
}

.product-row aside {
display:table-cell;
width:35%;
vertical-align:top;
}

.product-row aside img {
max-width:100%;
height:auto!important;
}


/* Tiles List ------------------------ */

.tiles-list {
margin:0;
padding:40px 5% 40px 5%;
}

.tiles-list h2 {
margin:0 0 30px 0;
}

.tiles-list ul {
margin:0 auto;
padding:0;
max-width:960px;
font-size:0;
list-style:none;
}

.tiles-list li {
display:inline-block;
margin:0 2% 40px 2%;
padding:0;
width:46%;
font-size:22px;
line-height:1.4em;
vertical-align:top;
box-sizing:border-box;
position:relative;
}

.tiles-list .overlay {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.6);
transition:background 0.25s linear;
-moz-transition:background 0.25s linear;
-webkit-transition: background 0.25s linear;
}

.tiles-list li:hover .overlay {
background:rgba(0,0,0,0.8);
}

.tiles-list .overlay-container {
display:table;
width:100%;
height:100%;
}

.tiles-list .tile-text {
display:table-cell;
padding:20px;
vertical-align: middle;
color:#FFF;
}

.tiles-list li img {
display:block;
max-width:100%;
height:auto!important;
}

.tiles-list a:hover {
text-decoration:none;
}


/* Applications List ------------------------ */

.applications-list {
margin:90px 0 0 0;
padding:0 5% 40px 5%;
}

.applications-list h2 {
margin:0 0 30px 0;
}

.application-row {
margin:0 auto 40px auto;
padding:0 0 40px 0;
border-bottom:1px solid #DFE0DE;
display:table;
max-width:1024px;
}

.application-row:last-of-type {
border-bottom:0;
}

.application-row article {
display:table-cell;
width:50%;
padding:0 30px;
vertical-align:top;
text-align:left;
}

.application-row article h3 {
margin:0 0 5px 0;
font-size:1em;
line-height:1.4em;
}

.application-row aside {
display:table-cell;
width:50%;
vertical-align:top;
text-align:right;
}

.application-row aside img {
max-width:100%;
height:auto!important;
}

.select-styled {
position:relative;
display:inline-block;
}

.select-styled select {
outline:none;
-webkit-appearance:none;
display:block;
padding:0px 60px 0px 10px;
margin:0;
border:1px solid #CCC;
border-radius:0;
background:#fff;
color:#999999;
font-size:15px;
line-height:28px;
}

.select-styled select::-ms-expand {
display:none;
}

.select-styled .arr {
bottom:5px;
position:absolute;
right:10px;
top:5px;
width:20px;
pointer-events:none;
z-index:2;
border-left:1px solid #CCC;
}

.select-styled .arr:before {
content: '';
position: absolute;
top:50%;
right:0;
margin-top:-3px;
pointer-events:none;
border-top:6px solid #CCC;
border-left:6px solid transparent;
border-right:6px solid transparent;
}

.select-styled:hover .arr:before {
border-top:6px solid #8CC63E; /* Green */
}


/* Software Update ------------------------ */

.software-update {
margin:50px auto 50px auto;
padding:0 30px;
max-width:1024px;
}

.software-update h2 {
margin:0 0 30px 0;
}

.software-update table {
margin:0 auto 0 auto;
padding:0;
width:100%;
font-size:0.8em;
line-height:1.3em;
border:0;
border-collapse:collapse;
}

.software-update th {
padding:5px 10px;
background:#00539E; /* Blue */
color:#FFF;
}

.software-update td {
padding:5px 10px;
border-bottom:1px solid #DFE0DE;
}

.software-update .button {
margin:0!important;
padding:5px 15px!important;
font-size:14px!important;
line-height:1.4em!important;
}

.popup {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:999;
background:#000;
background:rgba(0,0,0,0.8);
display:none;
}

.popup.active {
display:block;
}

.popup article {
margin:50px auto 0 auto;
padding:30px;
max-width:800px;
background:#FFF;
position:relative;
}

.popup article h3 {
margin:0 0 10px 0;
}

.popup a {
color:#00539E;
text-decoration:underline;
}

.popup .button-bar {
margin-bottom:0;
}

.popup a.button {
margin:0;
color:#FFF;
text-decoration:none;
}

.popup #close {
position:absolute;
top:10px;
right:10px;
width:30px;
height:30px;
background:transparent url(../img/btn-close.png) no-repeat center center;
}


/* Search ------------------------ */

#search {
padding:0 30px;
}

#search .button {
padding:0 15px;
height:32px;
line-height:32px;
margin:0;
}

#search-results article {
font-size:16px;
line-height:1.4em;
text-align:left;
border-bottom:1px solid #CCC;
}


/* Footer ------------------------ */

#footer {
margin:0;
padding:40px 5%;
font-size:14px;
line-height:1.4em;
color:#FFF;
text-align:left;
background: rgb(0,48,103);
background: linear-gradient(90deg, rgba(0,48,103,1) 0%, rgba(0,84,157,1) 30%, rgba(0,48,103,1) 56%, rgba(0,84,157,1) 80%, rgba(0,48,103,1) 100%);
position:relative;
}

#footer a {
color:#FFF;
}

#jci-logo {
position:absolute;
right:50px;
bottom:50px;
width:135px;
}

#jci-logo img {
max-width:100%;
height:auto!important;
}

#copyright {
position:absolute;
right:50px;
top:40px;
margin:0;
}

.footer-col {
display:inline-block;
width:16%;
margin:0 4% 20px 0;
vertical-align:top;
}

.footer-col ul {
margin:0;
padding:0;
list-style:none;
}

.footer-col li {
margin:0 0 5px 0;
}

.footer-col strong {
display:block;
font-size:1.1em;
margin:0 0 10px 0;
}


/* Useful Classes ---------------- */

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

.clearfix:before,
.clearfix:after {
content:" "; /* 1 */
display:table; /* 2 */
}

.clearfix:after {
clear:both;
}

.hidden {
display:none;
}

.accessibly-hidden {
left:-999em;
position:absolute;
}

.small {
font-size:0.9em;
color:#999;
}

.input-styled {
padding:2px 5px;
background-color:#DDD;
color:#333333;
border:1px solid #CCC;
font-size:1.3em;
width:100%;
max-width:400px;
outline:none;
box-sizing:border-box;
}

.input-styled:focus {
background-color:#EFEFEF;
}

.button, .button:link, .button:visited, input.button {
display:inline-block;
margin:0 10px 10px 0;
padding:10px 30px;
font-size:18px;
line-height:1.4em;
font-weight:bold;
color:#FFF;
text-align:center;
text-decoration:none;
border:1px solid #FFF;
outline:none;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#8CC63E; /* Green */
box-sizing:border-box;
vertical-align:middle;
transition:background-color 0.25s linear;
-moz-transition:background-color 0.25s linear;
-webkit-transition: background-color 0.25s linear;
}

.button:hover, input.button:hover {
color:#FFF;
text-decoration:none;
border:1px solid #669933; /* Darker Green */
cursor:pointer;
}

.button.disabled {
opacity:0.5;
cursor:not-allowed;
border:0!important;
}

.error {
color:#CC0000;
}

.no-widow {
white-space:nowrap;
}

.video {
position:relative;
padding-bottom:56.25%; /* 16:9 */
height:0;
}

.video iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/* Media Queries ---------------------------- */

@media all and (max-width: 1600px) {

    #header {
    padding:25px 25px;
    }

    #logo {
    left:30px;
    }

    .hero-slider .slide {
    padding:20px 10%;
    }

    .footer-col {
    width:240px;
    margin:0 4% 20px 0;
    }

}

@media all and (max-width: 1200px) {

    body {
    font-size:16px;
    line-height:1.5em;
    }

    .thumbs-list li, .tiles-list li {
    font-size:16px;
    line-height:1.4em;
    }

    #header {
    padding:25px 15px;
    }

    #logo {
    left:20px;
    }

    #nav {
    font-size:12px;
    }

    #nav a {
    margin:0 5px;
    }

    #nav a#product-search-btn {
    font-size:12px;
    padding:10px 10px 10px 30px;
    background-position:10px center;
    }

    .image-callout article {
    padding:50px;
    }

    #footer {
    padding:40px 30px 30px 30px;
    }

    #jci-logo {
    right: 30px;
    bottom: 30px;
    }

    #copyright {
    position:relative;
    right:auto;
    top:auto;
    }

    .footer-col {
    width:30%;
    margin:0 2% 20px 0;
    }

    .button, .button:link, .button:visited, input.button {
    font-size:1em;
    line-height:1.4em;
    }

}

@media all and (max-width: 1024px) {

    #wrapper {
    padding:60px 0 0 0; /* Header is fixed */
    }

    #header {
    height:60px;
    }

    #logo {
    width:90px;
    }

    #show-nav {
    display:block;
    }

    #nav {
    position:fixed;
    margin:0;
    top:60px;
    left:0;
    right:0;
    bottom:0;
    display:none;
    font-size:14px;
    padding:20px;
    background:#000;
    text-align:center;
    z-index:999;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    }

    #nav ul {
    margin:0;
    padding:0;
    display:block;
    }

    #nav li {
    display:block;
    padding:0;
    }

    #nav a {
    display:block;
    padding:10px 10px;
    border-bottom:0!important;
    }

    #nav a:hover {
    color:#8CC63E; /* Green */
    }

    #nav ul ul a:hover {
    color:#FFF;
    }

    #nav ul ul {
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    padding:0;
    background:#00539E;
    text-align: left;
    border-top:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    }

    #nav li:hover ul { /* Do not Show Second Level */
    display:none;
    }

    #nav ul ul.active {
    display:block;
    }

    #nav a#product-search-btn {
    margin:20px auto 0 auto;
    }

    .tiles-list li {
    margin:0 2% 20px 2%;
    }

}

@media all and (max-width: 800px) {

    .image-callout article, .image-callout aside {
    display:block;
    width:auto;
    padding:30px;
    }

    .hero-slider .slide {
    padding:20px 80px;
    height:400px;
    }

    .owl-nav .owl-prev, .owl-nav .owl-next {
    margin-top:-20px;
    width:40px;
    height:40px;
    background-size:40px!important;
    }

    .column-list article {
    display:block;
    margin:0 auto 40px auto;
    width:auto;
    max-width:400px;
    }

    #footer {
    font-size:12px;
    line-height:1.4em;
    }

}

@media all and (max-width: 600px) {

    .hero-slider {
    font-size:0.8em;
    line-height:1.5em;
    }

    .hero-slider .slide {
    padding:20px 60px;
    min-height:300px;
    height:auto;
    }

    .owl-nav .owl-prev {
    left:10px;
    }

    .owl-nav .owl-next {
    right:10px;
    }

    #jci-logo {
    width:120px;
    }


}

@media all and (max-width: 480px) {

    .product-row, .application-row {
    display:block;
    padding-bottom:20px;
    }

    .product-row article, .product-row aside, .application-row article, .application-row aside {
    display:block;
    width:auto;
    padding:0;
    }

    .tiles-list li {
    display:block;
    margin:0 0 20px 0;
    width:auto;
    }

    .thumbs-list li {
    display:block;
    margin:0 0 20px 0;
    width:auto;
    }

    #footer {
    padding:30px 20px;
    font-size:11px;
    line-height:1.4em;
    }

    .footer-col {
    display:block;
    width:auto;
    margin:0 0 20px 0;
    }

    #jci-logo {
    right:20px;
    bottom:auto;
    top:30px;
    width:100px;
    }

}

@media all and (max-width: 320px) {

}


/* Print styles. Inlined to avoid the additional HTTP request */
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;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) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}