label.left{display:none;},.btn-animation,input[type="button"],input[type="submit"],.btn,.btn:hover,.navbar a.buy-online,.navbar a.buy-online:hover,.sub-content-panel .btn,.sub-content-panel .btn:hover{-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;transition:background-color 500ms linear}.cover-background,.home-hero-banner .carousel-inner>.item,.right-panel-inner .line,.sub-hero-banner,.news-communications{-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important}.none-border-radius,input[type="text"],textarea,input[type="button"],input[type="submit"],.btn,.btn:hover,.navbar,.sub-content-panel .btn,.sub-content-panel .btn:hover{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px}.no-margin-padding,*,body{margin:0px;padding:0px}body{font-family:"Roboto Condensed",sans-serif;background:#fff}img{border:0px}h1,h2,h3,h4{clear:both}h1{font-size:36px;text-transform:uppercase}h2{font-size:28px}h3{font-size:20px}h4{font-size:18px}p{font-size:16px;font-weight:300;line-height:20px;text-align:left;margin:10px 0px 20px 0px}ul,li{font-size:16px;line-height:20px;text-align:left}ul{margin:15px 0px 15px 20px}li{margin-bottom:15px}a,a:hover{color:#f2923c}a:hover{text-decoration:underline}input[type="text"],input[type="email"],textarea{float:left;width:100%;padding:15px;margin:10px 0px 10px 0px;border:1px solid #f2923c;text-align:left;background:#fff}input[type="button"],input[type="submit"]{float:right;padding:15px;margin:10px 0px 10px 0px;border:1px solid #f2923c;text-align:left;background:#fff;color:#f2923c;text-transform:uppercase}input[type="button"]:hover,input[type="submit"]:hover{background:#f2923c;border:1px solid #f2923c;color:#fff}.btn,.btn:hover{float:left;text-transform:uppercase;padding:15px 40px 15px 40px;margin:10px 0px 10px 0px;border:1px solid #fff;white-space:pre-wrap}.btn:hover{background:#f2923c;border:1px solid #f2923c;color:#fff}.left-panel{float:left;width:75%}.right-panel{float:right;width:25%}.right-panel .header-buy-online-panel{float:left;width:75%}.right-panel .header-nav-panel{float:left;width:25%;text-align:center}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.navbar{background:#f2923c;height:100px;-moz-box-shadow:0px 3px 8px rgba(68,68,68,0.3);-webkit-box-shadow:0px 3px 8px rgba(68,68,68,0.3);box-shadow:0px 3px 8px rgba(68,68,68,0.3)}.navbar .sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:rgba(0,0,0,0.9);overflow-x:hidden;transition:0.5s;padding-top:60px;text-align:left}.navbar .sidenav a,.navbar .sidenav a:hover{margin-top:30px;padding:8px 8px 8px 32px;text-decoration:none;font-size:24px;line-height:40px;letter-spacing:1;display:block;transition:0.3s}.navbar .sidenav a{color:#fff}.navbar .sidenav a:hover{color:#f2923c}.navbar .sidenav .closebtn,.navbar .sidenav .closebtn:hover{position:absolute;top:0;right:32px;font-size:60px;margin-left:50px}.navbar .navbar-brand{float:left;margin:5px 10px 5px 30px}.navbar .nav-style{float:right;color:#fff;width:100%}.navbar .nav-style span{margin:0px;line-height:100px;cursor:pointer}.navbar .nav-style .size{font-size:50px}.navbar .nav-style .call{float:right}.navbar .nav-style .call .need-help{float:left;clear:both;color:#000;font-size:16px;padding-left:2px;margin:15px 15px 0px 5px;letter-spacing:0.5}.navbar .nav-style .call .phone-number{float:left;clear:both;font-size:45px;margin:-8px 15px 5px 5px;font-weight:700}.navbar .nav-style .call .phone-number a,.navbar .nav-style .call .phone-number a:hover{color:#fff;text-decoration:none}.navbar a.buy-online,.navbar a:hover.buy-online{float:left;width:100%;text-align:center;font-size:35px;margin:-3px 0px 0px 0px;font-weight:700;text-decoration:none}.navbar a.buy-online{color:#f2923c;background:#fff}.navbar a:hover.buy-online{color:#f2923c;background:#000}.home-hero-banner{margin-top:100px}.home-hero-banner .carousel-inner>.item{height:90vh;min-height:300px}.home-hero-banner .carousel-inner>.item .carousel-control{top:0px}.home-hero-banner .carousel-inner>.item .carousel-control.left,.home-hero-banner .carousel-inner>.item .carousel-control.right{display:none}.home-hero-banner .carousel-inner>.item .carousel-caption{left:60px;right:60px}.home-hero-banner .carousel-inner>.item .caption-bg{width:50%}.home-hero-banner .carousel-inner>.item .caption-bg .btn,.home-hero-banner .carousel-inner>.item .caption-bg .btn:hover{margin:5px 14px 5px 14px}.carousel-inner .slider-panel{text-align:center;width:75%}.carousel-inner .slider-panel p{color:#fff;font-size:30px;line-height:40px;margin:20% 20% 80px 20%;text-align:center}.carousel-inner .slider-panel .btn,.carousel-inner .slider-panel .btn:hover{float:inherit}.carousel-inner .slider-panel .btn:hover{border:1px solid #f2923c;background:#f2923c}.carousel-inner .slider-panel a,.carousel-inner .slider-panel a:hover{color:#fff}.carousel-indicators{left:0px;width:100%;margin-left:0%}.carousel-indicators li{background-color:rgba(255,255,255,0.3);border:none}.carousel-indicators .active{border:none;background-color:#f2923c}.fixed-branding-panel{position:fixed;right:0px;top:100px}.right-panel-inner{float:left;margin:30px 20px 30px 20px}.right-panel-inner h2{text-align:center;color:#f2923c;font-weight:700;text-transform:uppercase}.right-panel-inner .line{float:left;width:100%;height:34px;background-image:url("../img/img-line.png")}.right-panel-inner .branding-panel{width:100%;float:left}.right-panel-inner .branding-panel .single-logo{float:left;width:50%}.right-panel-inner .load-more-panel{position:fixed;bottom:0px;background:#fff;height:50px;line-height:50px;width:25%;text-align:center;margin-left:-20px}.sub-hero-banner{width:100%;float:left;height:380px;margin-top:100px}.sub-content-panel{float:left;width:100%;background-color:#fff}.sub-content-panel .inner{margin:50px 40px 50px 40px}.sub-content-panel h1{text-align:center;margin-bottom:30px}.sub-content-panel h3{font-size:20px;color:#f2923c;margin:15px 0px 20px 0px}.sub-content-panel h4{font-weight:700;font-size:18px;line-height:24px}.sub-content-panel .btn,.sub-content-panel .btn:hover{float:left;text-transform:uppercase;padding:15px 40px 15px 40px;margin:10px 0px 40px 0px;border:1px solid #f2923c;color:#f2923c;white-space:pre-wrap}.sub-content-panel .btn:hover{background:#f2923c;border:1px solid #f2923c;color:#fff}.sub-content-panel .float{float:left}.sub-content-panel .float span{margin-right:10px;float:left}.sub-content-panel .float .bolder{color:#f2923c;font-weight:700}.sub-content-panel .contact-emails .btn,.sub-content-panel .contact-emails .btn:hover{margin:10px 0px 10px 0px}.news-communications{width:100%;float:left;min-height:420px}.news-communications .inner{margin:50px 40px 50px 40px}.news-communications h1,.news-communications h2,.news-communications h3,.news-communications h4,.news-communications ul,.news-communications li,.news-communications p,.news-communications a{color:#fff}.news-communications h1{text-align:center;margin-bottom:30px}.news-communications .btn,.news-communications .btn:hover{float:inherit;margin-top:30px;margin-bottom:30px}.news-communications .center{text-align:center}.map{width:100%;float:left;height:380px}.footer-panel{float:left;width:100%;color:#fff;background-color:#f2923c;padding-bottom:40px}.footer-panel .inner{margin:40px 30px 10px 30px}.footer-panel .btn,.footer-panel .btn:hover{padding:15px 26px 15px 26px;border:1px solid #fff;color:#fff}.footer-panel .btn:hover{border:1px solid #000;background:#000}.footer-panel a,.footer-panel a:hover{color:#fff}.footer-panel p span{font-size:36px;line-height:36px}.copyright-panel{float:left;width:100%;color:#fff;background:#000;padding-bottom:20px}.copyright-panel .inner{margin:20px 30px 10px 30px}.copyright-panel a{color:#fff}.copyright-panel .right{text-align:right}@media (max-width: 1199px){.navbar a.buy-online,.navbar a:hover.buy-online,.right-panel-inner h2{font-size:24px}.footer-panel p span{font-size:24px}.footer-panel .btn,.footer-panel .btn:hover{padding:15px;font-size:12px}}@media (max-width: 991px){.navbar a.buy-online,.navbar a:hover.buy-online,.right-panel-inner h2{font-size:16px}.navbar a.buy-online,.navbar a:hover.buy-online{margin-top:-2px}}@media (max-width: 768px){.left-panel{width:70%}.right-panel{width:30%}.navbar .navbar-brand{margin-top:12px;width:200px}.navbar .nav-style .call .need-help{font-size:14px;margin-top:20px}.navbar .nav-style .call .phone-number{font-size:40px}.carousel-inner .slider-panel p{font-size:24px;line-height:30px;margin:15% 10% 30px 10%}.navbar a.buy-online,.navbar a:hover.buy-online,.right-panel-inner h2{font-size:18px}.right-panel-inner .branding-panel .single-logo{width:100%}.right-panel-inner .load-more-panel{width:30%}.copyright-panel,.copyright-panel .right{text-align:center}.navbar a.buy-online,.navbar a:hover.buy-online{margin-top:-2px}.sub-hero-banner{height:220px}.footer-panel h2{margin-top:20px;float:left;clear:both;width:100%}.footer-panel p{clear:both}}@media (max-width: 768px){.navbar .navbar-brand{margin-top:-5px;width:140px}.carousel-inner .slider-panel p{font-size:20px;line-height:26px;margin:120px 0px 30px 0px}.navbar .nav-style .call{float:left;margin-left:35px;width:100%}.navbar .nav-style .call .need-help{font-size:12px;margin-top:-5px}.navbar .nav-style .call .phone-number{font-size:30px}.navbar a.buy-online,.navbar a:hover.buy-online{width:90%;margin-top:-1px}.header-buy-online-panel img{margin-left:5px}.navbar .nav-style span{margin-left:10px}.navbar .nav-style .no-display{display:none}}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}@media (max-width: 440px){.navbar .nav-style .no-display{display:none}.right-panel-inner h2{font-size:14px}.sub-hero-banner{height:140px}.navbar .nav-style span{margin-left:4px}.navbar .nav-style .size{font-size:36px}}
label.left {
    display: none;
}
, .btn-animation, input[type="button"], input[type="submit"], .btn, .btn:hover, .navbar a.buy-online, .navbar a.buy-online:hover, .sub-content-panel .btn, .sub-content-panel .btn:hover {
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.cover-background, .home-hero-banner .carousel-inner>.item, .right-panel-inner .line, .sub-hero-banner, .news-communications {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.none-border-radius, input[type="text"], textarea, input[type="button"], input[type="submit"], .btn, .btn:hover, .navbar, .sub-content-panel .btn, .sub-content-panel .btn:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.no-margin-padding, *, body {
    margin: 0px;
    padding: 0px;
}
body {
    font-family: "Roboto Condensed", sans-serif;
    background: #fff;
}
img {
    border: 0px;
}
h1, h2, h3, h4 {
    clear: both;
}
h1 {
    font-size: 36px;
    text-transform: uppercase;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    margin: 10px 0px 20px 0px;
}
ul, li {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}
ul {
    margin: 15px 0px 15px 20px;
}
li {
    margin-bottom: 15px;
}
a, a:hover {
    color: #f2923c;
}
a:hover {
    text-decoration: underline;
}
input[type="text"], input[type="email"], textarea {
    float: left;
    width: 100%;
    padding: 15px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #f2923c;
    text-align: left;
    background: #fff;
}
input[type="button"], input[type="submit"] {
    float: right;
    padding: 15px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #f2923c;
    text-align: left;
    background: #fff;
    color: #f2923c;
    text-transform: uppercase;
}
input[type="button"]:hover, input[type="submit"]:hover {
    background: #f2923c;
    border: 1px solid #f2923c;
    color: #fff;
}
.btn, .btn:hover {
    float: left;
    text-transform: uppercase;
    padding: 15px 40px 15px 40px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #fff;
    white-space: pre-wrap;
}
.btn:hover {
    background: #f2923c;
    border: 1px solid #f2923c;
    color: #fff;
}
.left-panel {
    float: left;
    width: 75%}
.right-panel {
    float: right;
    width: 25%}
.right-panel .header-buy-online-panel {
    loat: left;
    width: 75%}
.right-panel .header-nav-panel {
    float: left;
    width: 25%;
    text-align: center;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar {
    background: #f2923c;
    height: 100px;
    -moz-box-shadow: 0px 3px 8px rgba(68, 68, 68, 0.3);
    -webkit-box-shadow: 0px 3px 8px rgba(68, 68, 68, 0.3);
    box-shadow: 0px 3px 8px rgba(68, 68, 68, 0.3);
}
.navbar .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: left;
}
.navbar .sidenav a, .navbar .sidenav a:hover {
    margin-top: 30px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 1;
    display: block;
    transition: 0.3s;
}
.navbar .sidenav a {
    color: #fff;
}
.navbar .sidenav a:hover {
    color: #f2923c;
}
.navbar .sidenav .closebtn, .navbar .sidenav .closebtn:hover {
    position: absolute;
    top: 0;
    right: 32px;
    font-size: 60px;
    margin-left: 50px;
}
.navbar .navbar-brand {
    float: left;
    margin: 5px 10px 5px 30px;
}
.navbar .nav-style {
    float: right;
    color: #fff;
    width: 100%}
.navbar .nav-style span {
    margin: 0px;
    line-height: 100px;
    cursor: pointer;
}
.navbar .nav-style .size {
    font-size: 50px;
}
.navbar .nav-style .call {
    float: right;
}
.navbar .nav-style .call .need-help {
    float: left;
    clear: both;
    color: #000;
    font-size: 16px;
    padding-left: 2px;
    margin: 15px 15px 0px 5px;
    letter-spacing: 0.5;
}
.navbar .nav-style .call .phone-number {
    float: left;
    clear: both;
    font-size: 45px;
    margin: -8px 15px 5px 5px;
    font-weight: 700;
}
.navbar .nav-style .call .phone-number a, .navbar .nav-style .call .phone-number a:hover {
    color: #fff;
    text-decoration: none;
}
.navbar a.buy-online, .navbar a:hover.buy-online {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    margin: -3px 0px 0px 0px;
    font-weight: 700;
    text-decoration: none;
}
.navbar a.buy-online {
    color: #f2923c;
    background: #fff;
}
.navbar a:hover.buy-online {
    color: #f2923c;
    background: #000;
}
.home-hero-banner {
    margin-top: 100px;
}
.home-hero-banner .carousel-inner>.item {
    height: 90vh;
    min-height: 300px;
}
.home-hero-banner .carousel-inner>.item .carousel-control {
    top: 0px;
}
.home-hero-banner .carousel-inner>.item .carousel-control.left, .home-hero-banner .carousel-inner>.item .carousel-control.right {
    display: none;
}
.home-hero-banner .carousel-inner>.item .carousel-caption {
    left: 60px;
    right: 60px;
}
.home-hero-banner .carousel-inner>.item .caption-bg {
    width: 50%}
.home-hero-banner .carousel-inner>.item .caption-bg .btn, .home-hero-banner .carousel-inner>.item .caption-bg .btn:hover {
    margin: 5px 14px 5px 14px;
}
.carousel-inner .slider-panel {
    text-align: center;
    width: 75%}
.carousel-inner .slider-panel p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    margin: 20% 20% 80px 20%;
    text-align: center;
}
.carousel-inner .slider-panel .btn, .carousel-inner .slider-panel .btn:hover {
    float: inherit;
}
.carousel-inner .slider-panel .btn:hover {
    border: 1px solid #f2923c;
    background: #f2923c;
}
.carousel-inner .slider-panel a, .carousel-inner .slider-panel a:hover {
    color: #fff;
}
.carousel-indicators {
    left: 0px;
    width: 100%;
    margin-left: 0%}
.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
}
.carousel-indicators .active {
    border: none;
    background-color: #f2923c;
}
.fixed-branding-panel {
    position: fixed;
    right: 0px;
    top: 100px;
}
.right-panel-inner {
    float: left;
    margin: 30px 20px 30px 20px;
}
.right-panel-inner h2 {
    text-align: center;
    color: #f2923c;
    font-weight: 700;
    text-transform: uppercase;
}
.right-panel-inner .line {
    float: left;
    width: 100%;
    height: 34px;
    background-image: url("../img/img-line.png");
}
.right-panel-inner .branding-panel {
    width: 100%;
    float: left;
}
.right-panel-inner .branding-panel .single-logo {
    float: left;
    width: 50%}
.right-panel-inner .load-more-panel {
    position: fixed;
    bottom: 0px;
    background: #fff;
    height: 50px;
    line-height: 50px;
    width: 25%;
    text-align: center;
    margin-left: -20px;
}
.sub-hero-banner {
    width: 100%;
    float: left;
    height: 380px;
    margin-top: 100px;
}
.sub-content-panel {
    float: left;
    width: 100%;
    background-color: #fff;
}
.sub-content-panel .inner {
    margin: 50px 40px 50px 40px;
}
.sub-content-panel h1 {
    text-align: center;
    margin-bottom: 30px;
}
.sub-content-panel h3 {
    font-size: 20px;
    color: #f2923c;
    margin: 15px 0px 20px 0px;
}
.sub-content-panel h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}
.sub-content-panel .btn, .sub-content-panel .btn:hover {
    float: left;
    text-transform: uppercase;
    padding: 15px 40px 15px 40px;
    margin: 10px 0px 40px 0px;
    border: 1px solid #f2923c;
    color: #f2923c;
    white-space: pre-wrap;
}
.sub-content-panel .btn:hover {
    background: #f2923c;
    border: 1px solid #f2923c;
    color: #fff;
}
.sub-content-panel .float {
    float: left;
}
.sub-content-panel .float span {
    margin-right: 10px;
    float: left;
}
.sub-content-panel .float .bolder {
    color: #f2923c;
    font-weight: 700;
}
.sub-content-panel .contact-emails .btn, .sub-content-panel .contact-emails .btn:hover {
    margin: 10px 0px 10px 0px;
}
.news-communications {
    width: 100%;
    float: left;
    min-height: 420px;
}
.news-communications .inner {
    margin: 50px 40px 50px 40px;
}
.news-communications h1, .news-communications h2, .news-communications h3, .news-communications h4, .news-communications ul, .news-communications li, .news-communications p, .news-communications a {
    color: #fff;
}
.news-communications h1 {
    text-align: center;
    margin-bottom: 30px;
}
.news-communications .btn, .news-communications .btn:hover {
    float: inherit;
    margin-top: 30px;
    margin-bottom: 30px;
}
.news-communications .center {
    text-align: center;
}
.map {
    width: 100%;
    float: left;
    height: 380px;
}
.footer-panel {
    float: left;
    width: 100%;
    color: #fff;
    background-color: #f2923c;
    padding-bottom: 40px;
}
.footer-panel .inner {
    margin: 40px 30px 10px 30px;
}
.footer-panel .btn, .footer-panel .btn:hover {
    padding: 15px 26px 15px 26px;
    border: 1px solid #fff;
    color: #fff;
}
.footer-panel .btn:hover {
    border: 1px solid #000;
    background: #000;
}
.footer-panel a, .footer-panel a:hover {
    color: #fff;
}
.footer-panel p span {
    font-size: 36px;
    line-height: 36px;
}
.copyright-panel {
    float: left;
    width: 100%;
    color: #fff;
    background: #000;
    padding-bottom: 20px;
}
.copyright-panel .inner {
    margin: 20px 30px 10px 30px;
}
.copyright-panel a {
    color: #fff;
}
.copyright-panel .right {
    text-align: right;
}
.news-block {
	float: left;
    width: 100%;
    margin-bottom: 30px;
}
.news-thumb {
	width: 50%;
    height: 285px;
    border: 1px solid #aeaeae;
    float: left;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.news-date {
	position: relative;
    left: 0px;
    background: #f2923c;
    color: #fff;
    width: 70px;
    text-align: center;
    padding: 10px;
    top: 224px;
}
.news-brief {
	width: 50%;
    height: 285px;
    background: #f3f3f3;
    float: left;
}
@media (max-width: 1199px) {
    .navbar a.buy-online, .navbar a: hover.buy-online, .right-panel-inner h2 {
    font-size: 24px;
}
.footer-panel p span {
    font-size: 24px;
}
.footer-panel .btn, .footer-panel .btn:hover {
    padding: 15px;
    font-size: 12px;
}
}@media (max-width: 991px) {
    .navbar a.buy-online, .navbar a: hover.buy-online, .right-panel-inner h2 {
    font-size: 16px;
}
.navbar a.buy-online, .navbar a:hover.buy-online {
    margin-top: -2px;
}
}@media (max-width: 768px) {
    .left-panel {
    width: 70%}
.right-panel {
    width: 30%}
.navbar .navbar-brand {
    margin-top: 12px;
    width: 200px;
}
.navbar .nav-style .call .need-help {
    font-size: 14px;
    margin-top: 20px;
}
.navbar .nav-style .call .phone-number {
    font-size: 40px;
}
.carousel-inner .slider-panel p {
    font-size: 24px;
    line-height: 30px;
    margin: 15% 10% 30px 10%}
.navbar a.buy-online, .navbar a:hover.buy-online, .right-panel-inner h2 {
    font-size: 18px;
}
.right-panel-inner .branding-panel .single-logo {
    width: 100%}
.right-panel-inner .load-more-panel {
    width: 30%}
.copyright-panel, .copyright-panel .right {
    text-align: center;
}
.navbar a.buy-online, .navbar a:hover.buy-online {
    margin-top: -2px;
}
.sub-hero-banner {
    height: 220px;
}
.footer-panel h2 {
    margin-top: 20px;
    float: left;
    clear: both;
    width: 100%}
.footer-panel p {
    clear: both;
}
.news-thumb {
	width: 100%;
	}
	.news-brief {
	width: 100%;
}
}@media (max-width: 768px) {
    .navbar .navbar-brand {
    margin-top: -5px;
    width: 140px;
}
.carousel-inner .slider-panel p {
    font-size: 20px;
    line-height: 26px;
    margin: 120px 0px 30px 0px;
}
.navbar .nav-style .call {
    float: left;
    margin-left: 35px;
    width: 100%}
.navbar .nav-style .call .need-help {
    font-size: 12px;
    margin-top: -5px;
}
.navbar .nav-style .call .phone-number {
    font-size: 30px;
}
.navbar a.buy-online, .navbar a:hover.buy-online {
    width: 90%;
    margin-top: -1px;
}
.header-buy-online-panel img {
    margin-left: 5px;
}
.navbar .nav-style span {
    margin-left: 10px;
}
.navbar .nav-style .no-display {
    display: none;
}
}@media screen and (max-height: 450px) {
    .sidenav {
    padding-top: 15px;
}
.sidenav a {
    font-size: 18px;
}
}@media (max-width: 440px) {
    .navbar .nav-style .no-display {
    display: none;
}
.right-panel-inner h2 {
    font-size: 14px;
}
.sub-hero-banner {
    height: 140px;
}
.navbar .nav-style span {
    margin-left: 4px;
}
.navbar .nav-style .size {
    font-size: 36px;
}
}

.branding-panel {
  text-align: center;
}


.single-logo {
  margin: auto;
  text-align: center;
}

.single-logo img {
  width: 90%;
  margin: auto;
}
.single-logo {
    border: 1px solid transparent;
}
.single-logo:hover {
    border: solid 1px #f2923c;
}

/*New brand panel*/
.single-logo img {
    width: 100%;
    height: auto;
}
.single-logo {
    display: inline-block;
    width: 49%;
}
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1.5s;
}

.carousel-fade .carousel-inner .active {
  transition-duration: 1.5s;
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


/*
 POPUP CSS
*/

div#popup {
    position: fixed;
    display: none;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #00000099;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

div#popup-content {
    display: block;
    background-color: #FFFFFF;
    padding: 30px;
    border-top: 5px solid #f2923c;
}

span.popup-dismiss {
	display: inline-block;
	padding: 10px 40px;
	background-color: #f2923c;
	color: #ffffff;
	margin-top: 20px;
	cursor: pointer;
}


/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      transition-duration: 1.5s;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      transition-duration: 1.5s;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      transition-duration: 1.5s;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.no-display-big-screen {
    display: none;
}
.mobile-rightPanel {
    display: none;
}
.mobile-rightPanel h2{
    text-align: center;
    color: #f2923c;
    font-weight: 700;
    text-transform: uppercase;
}
.mobile-rightPanel hr{
    width: 50%;
    height: 5px;
    background-color: #f2923c;
    margin: auto;
}
.logoCarousel {
    z-index: 1;
}
@media (max-width: 1440px) {
    .navbar .nav-style .no-display {
        display: none;
    }
    .no-display-big-screen {
        display: inline-block;
    }
}
@media(max-width: 768px) {
    .fixed-branding-panel, .right-panel-inner, .logoCarousel {
        display: none !important;
    }
    .mobile-rightPanel {
        display: block;
    }
    .no-display-big-screen {
        display: none;
    }
    .left-panel {
        width: 100%;
    }
    .right-panel {
        width: 100%;
        float: none;
        display: block;
        position: static;
    }
    .header-buy-online-panel, .header-nav-panel {
        position: absolute;
        right: 0;
        float: none;
    }
    .header-buy-online-panel {
        width: auto !important;
        right: 100px;
    }
    .header-nav-panel {
        width: 100px !important;
        right: 0;
    }
    .navbar a.buy-online {
        width: 100px;
    }
    .navbar a.buy-online:hover {
        width: 100px;
    }
    .navbar .nav-style span {
        margin: auto !important;
    }
    .closebtn {
        top: -10px !important;
        right: 10px !important;
    }

}
@media(max-width: 460px) {
    .header-buy-online-panel {
        width: auto !important;
        right: 60px;
    }
    .header-nav-panel {
        width: 60px !important;
        right: 0;
    }
    .navbar a.buy-online {
        width: 60px;
    }
    .navbar a.buy-online:hover {
        width: 60px;
    }
    .left-panel .navbar-brand {
        margin-left: 0;
    }
    .call {
        margin-left: 5px !important; 
    }
    .call .need-help {
        letter-spacing: 0 !important;
    }
}
.mobile-menu-button, .mobile-menu-button-text {
    display: block !important;
    line-height: 30px !important;
    margin-top: 25px !important;
}
.mobile-menu-button-text {
    line-height: 0 !important;
    margin-top: 0 !important;
}
.footer-panel {
    position: relative;
    z-index: 3;
}

.header-left-panel {
    text-align: center;
}
.header-left-panel .header-image {
    max-width: 40%;
    margin: auto;
    padding-top: 10px;
}
@media (max-width: 1024px) {
       .header-left-panel .header-image {
        max-width: 38%;
        float: left;
        margin-left: 80px;
    } 
}
@media(max-width: 768px) {
    .header-left-panel .header-image {
        display: none;
    }
}