/* Body Styling */

html, body,
p, li, dd, dl, 
select, input,
.top-bar-section ul li > a, 
button, .button, 
.pricing-table .title, .pricing-table .price, 
.tabs dd > a, .tabs .tab-title > a, 
.side-nav, .side-nav li.active > a:first-child:not(.button), 
.accordion .accordion-navigation > a, .accordion dd > a, 
.sub-nav dt, .sub-nav dd, .sub-nav li, 
.label {color: #444; font-family: 'Open Sans', sans-serif;}

body { margin: 0;padding: 0;width: 100%; background: #fff;  background-size: cover; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1,h2,h3,h4, h5, h6 { font-weight: 400; color: #ff0000;font-family: 'Oswald', sans-serif;}

h1 {letter-spacing: -2.5px;margin-top: 0px;margin-bottom: 20px;}
h2 {letter-spacing: -2px;margin-top: 0px;margin-bottom: 10px;}
h3 {letter-spacing: -1px;margin-top: 0px;margin-bottom: 10px;}

p {font-size:1.2em;}

header {margin-top: 1rem;}
footer {padding-top: 1rem;}

.title { font-family: Assistant; font-weight: 900; letter-spacing: -1px;  display:block; margin-top: 5vh; margin-left: 2vw; color: #3a558c; font-size: 3.5em; line-height: 0.65em; margin-bottom: 10px;}
.title:hover { color: #3a558c; }
.subtitle { font-size: 0.5em; color: #3a558c; font-family: Assistant; font-weight: 300; letter-spacing: -1px; }
.hamburger .line { height: 2px;color:#444;}
.header-image { height: 40vh;margin-top: 10vh;}
.gallery-white {border-top: 386px solid rgba(237, 237, 237, 0.9);border-left: 100px solid transparent;padding: 3vh 4vw 3vh 3vw;z-index: 99;margin-top: 0.15vh;}
.gallery-white h1 {z-index: 99;color: #ff0101;margin-top: -26vh;margin-left: 2.5vw;}
.slideshow-slide {height: 65vh;margin-top: 10vh;}

/* Navigation Styling */


.fixed { box-shadow: 0 0 3px #000;background:#fff;}
.nav-bar {display: flex;justify-content: space-between;align-items: center;}
.nav-bar .nav-bar-logo {padding: 1.8rem;}
.nav-bar a {color: #fff;transition: color 0.2s ease-in;}
.nav-bar a:hover {color: #a8b8c3;}
.top-bar, .top-bar ul {background-color: #fff;}
@media screen and (max-width: 39.9375em) {.nav-bar {height: 35.57143px; }}
.nav-bar .offcanvas-trigger {display: flex;align-items: center;justify-content: center;padding: 1.6rem;color: #fff;
                             text-transform: uppercase;background: none;transition: background-color 0.2s ease-in;cursor: pointer;}
.nav-bar .offcanvas-trigger .offcanvas-trigger-text {margin-right: 0.25rem;margin-top: 0.25rem;}

@media screen and (max-width: 39.9375em) {.nav-bar .offcanvas-trigger {padding: 0.9rem; margin-right: 0 !important; }}
.off-canvas {background: #3a558c; padding: 20px;color: #fff;}
.off-canvas > .menu {margin-bottom: 1rem;}
.off-canvas .menu a {color: rgba(255, 255, 255, 0.6);padding-top: 7px;padding-bottom: 7px;transition: color .2s ease-in;}
.off-canvas .menu a:hover {color: #fff;}
.off-canvas .fa {color: #fff;}
.off-canvas .is-accordion-submenu-parent > a::after {border-color: rgba(255, 255, 255, 0.6) transparent transparent;}
.off-canvas .social-links {margin-left: 20px;}
.off-canvas .social-links li {margin-right: 5px;}
.off-canvas .social-links a:hover .fa {color: #bfbfbf;transition: color .2s ease-in; }
.off-canvas .social-links .fa {font-size: 2.2rem;}
.body-info {text-align: center;font-family: "Open Sans", sans-serif;color: #2c3840;}
.body-info .button {margin: 1rem 0;padding: 0.85em 2em;}
.is-open + .off-canvas-content .hamburger .line:nth-child(1),
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {width: 12px;}
.is-open + .off-canvas-content .hamburger .line:nth-child(1) {transform: translateX(-5px) rotate(-45deg);}
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {transform: translateX(-5px) rotate(45deg);}
.hamburger .line {width: 20px;height: 3px;background-color: #f00;display: block;margin: 4px auto 0 0;margin-left: 0px;transition: all 0.3s ease-in-out;margin-left: 3px;}
.hamburger .line:last-child {margin-bottom: 0; }
.nav-bar-left p{font-size: 2.2rem;font-weight: 600;letter-spacing: -2px;float: left;margin-left: 20px;margin-top: 15px;margin-bottom: -20px;color:white;}

.menu .active>a {color: #444;}
.dropdown.menu a {background: #fff;color:#444;padding: 0.7rem 2rem;font-size: 1.1em;text-transform: uppercase;font-weight: 400;}

#navbar {overflow: hidden;background-color: #fff;padding: 10px 10px;transition: 0.4s;position: fixed;width: 100%;top: 0;z-index: 999;box-shadow: 3px 0px 5px #444;margin-top:4vh;}

#navbar #logo {max-height: 8vh;font-weight: bold;transition: 0.4s;}

#navigation-position {margin-top: 1vh;margin-right: 2vw;}

.nav-icon {margin-left: 5vw;}
.second-nav-icon {margin-left: 0vw;font-size: 20px;}

.form-background {padding: 1vh 2vh;border: 3px solid #444;}
.error { color: red; }

.button {
    display: inline-block!important;
    vertical-align: middle!important;
    padding: .85em 1em!important;
    border: 1px solid transparent!important;
    border-radius: 0!important;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out!important;
    transition: background-color .25s ease-out,color .25s ease-out!important;
    font-family: inherit!important;
    font-size: .9rem!important;
    -webkit-appearance: none!important;
    line-height: 1!important;
    text-align: center!important;
    cursor: pointer!important;
    background-color: #009E00 !important;
    color: #fefefe !important;
    border-radius: 10px !important;
}

.nav-button-padding {padding-left: 5vh;margin-right: -2vh;}

/* Maint Navigation Styling */

.maintenance-breaks {background: #eaeaea;margin-top: 10px;margin-left: -30px;margin-right: -20px;padding-left: 40px;padding-top:5px;padding-bottom:5px;margin-top:20px;font-weight: 600;}
.icon-maintenance-area {float: right;margin-right: 25px;margin-top: 5px;color: #444;}

.title-bar {background: #fff;padding: 0.9rem;}
.top-bar {background: #fff}
top-bar ul {background: #fff;}
.top-bar ul li {background: #fff;}
.top-bar ul li a {color: #000;}
.menu-text {color: #000;}
.menu-text {color: #000;}
@media only screen and (max-width: 40em) {
    .menu-text {display: none !important; }
}
@media only screen and (min-width: 40em) {
    .menu:last-child {border-left: 1px solid #4e4e4e;}
    .menu:first-child {border-left: none;}
}
.dropdown.menu .submenu {border: none;}
.js-off-canvas-overlay.is-overlay-fixed {position: fixed;z-index: 9999;}

/* Slide Styling */
.slide-breadcrumbs {color: #272727;margin: 0 auto;overflow: hidden;padding: 0;width: 100%;max-height: 28px;margin-top: 5vh;text-align: center;}
.slide-white {background: #fff; color:#272727; margin:0 auto; overflow:hidden; padding:8vh 0; width:100%; }

.slide-footer {background: #5A5;color: #5D6063;padding-bottom: 15px;}
.slide-footer h3 {font-size: 1.3em;line-height: 1.2em;letter-spacing: -0.5px;color: #fff;}
.slide-footer p {font-size: 1em;line-height: 1.2em;letter-spacing: -1px;color: #fff;}
.slide-footer a {text-decoration: none;color: #fff;}

.slide-top-contact {background: #5A5;padding: 0.5vh 2.5vh;height: 4vh;z-index: 9999!important;}
.slide-top-contact p {color: #fff;font-size: 1em;font-weight: 600;}
.slide-top-contact a {color: #fff;}
.top-contact-social {text-align: right;margin-right: 2vh;font-size: 1.3em!important;margin-top: -0.25vh;}
.contact-padding {margin-left:5vh;}

.gallery-container { background: #495e71; background: url(/public/images/gallery-background.jpg) top left no-repeat; background-size:cover; }
.gallery-conatiner .cell { min-height: 25vh; background-size:cover; }

/* Edit Link Styling */
.editLink {float:none !important; position: fixed; top: 45vh; left: 0; border-radius: 0 50px 50px 0 !important; background: #eea500 !important;
           width: auto !important; text-align: center; padding: 10px 10px 0px 7px !important;
           vertical-align: center; z-index: 100000; box-shadow: 0 0 5px #000;}
.editLink .success {background: #3a558c!important; color: #FFCD5D!important;  font-size:0.9em; margin:0 0px 10px 0px; font-weight: 700; width: 2.525rem;
                    height: 2.525rem;font-size: 1.1rem;font-weight: normal;line-height: 2rem;border-radius: 1.6875rem; padding: 3px 0px 0px 0px;}
.editLink .success i { color: #FFCD5D!important; }
.fi-page-edit {margin-left:-25px;float:left;}

/* Image Styling */
img { height: auto !important; }
p img { margin-bottom: 1rem; }
img.left { float: left; margin: 5px 20px 10px 0px; }
img.right { float: right; margin: 5px 0px 10px 20px; }
.calendar img {max-width:none;}

/* Button Styling */

/*  Gallery CSS */

.masonry-css {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 2.5px;-moz-column-gap: 2.5px;column-gap: 2.5px;}
.masonry-css-item {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;margin-bottom: 2.5px;}

.reveal {width: auto;max-width: 78vw!important;height: auto;max-height: 77.5vh!important;margin-top: 45px;}
.reveal img {display: inline-block;vertical-align: middle;max-width: 100%;height: auto!important;max-height: 73.5vh!important;-ms-interpolation-mode: bicubic;}
.reveal p {line-height: 22px;}

.reveal-overlay {overflow: auto;}
.reveal-modal-bg{position:fixed;}
.reveal-modal{position:fixed;}
.gallery-reveal {position: absolute;top: 50%;left: 50%;min-height: 1px;height: auto;border: 0;box-shadow: 0 remy(2px) remy(4px) rgba(0, 0, 0, .5);transform: translate(-50%, -50%);}
.callout-gallery {position: relative;padding: 20px;border: none;border-radius: 0;background-color: #495e71;}
.callout-gallery p {color:#fff;line-height: 22px;text-align:center;margin-bottom:20px;}
.callout-twitter-card {position: relative;margin: 0 0 1rem 0;border: 1px solid rgba(10, 10, 10, 0.25);border-radius: 0;background-color: white;color: #0a0a0a;}

/* Social Media Buttons and Font Awesome Icons Styling */

.rounded-social-buttons {text-align: left;}

.rounded-social-buttons .social-button {display: inline-block;position: relative;cursor: pointer;width: 2.125rem;height: 2.125rem;border: 0.125rem solid transparent;padding: 0;
                                        text-decoration: none;text-align: center;color: #fefefe;font-size: 1rem;font-weight: normal;line-height: 2rem;border-radius: 1.6875rem;
                                        transition: all 0.5s ease;margin-right: 0.25rem;margin-bottom: 0.25rem;box-shadow: 1px 1px 3px #888;}
.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.rounded-social-buttons .social-button.facebook {background: #3b5998;}
.rounded-social-buttons .social-button.facebook:before {font-family: "FontAwesome";content: "";}
.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {color: #3b5998;background: #fefefe;border-color: #3b5998;}
.rounded-social-buttons .social-button.twitter {background: #55acee;}
.rounded-social-buttons .social-button.twitter:before {font-family: "FontAwesome";content: "";}
.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {color: #55acee;background: #fefefe;border-color: #55acee;}
.rounded-social-buttons .social-button.youtube {background: #bb0000;}
.rounded-social-buttons .social-button.youtube:before {font-family: "FontAwesome";content: "";}
.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {color: #bb0000;background: #fefefe;border-color: #bb0000;}
.rounded-social-buttons .social-button.instagram {background: #125688;}
.rounded-social-buttons .social-button.instagram:before {font-family: "FontAwesome";content: "";}
.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {color: #125688;background: #fefefe;border-color: #125688;}

.pdf::before, .email::before, .phone::before, .website::before { font-family: 'Font Awesome 5 Free'; font-weight: 700; font-size: 0.7em; margin-right: 0.5em; color: #444; float:left; display:inline-block; }

.pdf::before { content: '\f1c1'; }
.email::before { content: '\f0e0'; }
.phone::before { content: '\f095'; }
.website::before { content: '\f0ac'; }

.device-padding {padding: 5vh 0;}

.homepage-box-title {background-color: rgba(85, 170, 85, 0.8);text-align: center;font-size: 1.4em;padding: 10px;color: #FFF;margin-top: -6vh;position: relative;    z-index: 999;}
.homepage-box-image {height:27vh;margin-top: -15vh;position: relative;}

.auto-padding {margin-top: 5vh;}

.homepage-news-title {text-align: center;}
.homepage-news-link {text-align: center;letter-spacing: -0.5px;margin-top: -1.25vh;text-decoration: underline;}

.partner-slide {height:10vh!important;margin-left:auto;margin-right:auto;}
.partner-slide-padding {margin-top:10vh;margin-bottom:10vh;}

.product-category-small-panels {background: #01040c;padding: 50px 35px 40px 35px;text-align: center;}
.product-category-small-panels h4 {color: #fff;border: 1px solid #FFF;padding: 10px;}

.product-category-panels {height: 30vh;}
.product-category-title {background-color: rgba(85, 170, 85, 0.8);padding: 10px 10px 10px 10px;color: #FFF;text-align: center;margin-top: -7vh;}

.product-panels {height: 25vh;}
.product-title {background-color: rgba(85, 170, 85, 0.8);padding: 10px 10px 10px 10px;color: #FFF;text-align: center;margin-top: -7vh;font-size: 1.4em;}


.product-grid-padding {margin-top: 5vh;margin-bottom: 2vh;}

.product-panel-title {color: #01040c;text-align: center;font-size: 1.3em;margin-top: 1vh;line-height: 25px;}
.product-panel-brand {color: #01040c;text-align: center;margin-top: -1vh;margin-bottom: .5vh;}
.product-panel-price {text-align: center;font-weight: 400;color: #01040c;margin-top: -0.5vh;line-height: 20px;}
.product-panel-sale-price {text-align: center;font-weight: 400;color: red;margin-top: -0.5vh;line-height: 20px;}

.product-price {font-weight: 400;color: #01040c;margin-top: -0.5vh;line-height: 20px;font-size: 1.6em;margin-bottom: 2.5vh;}
.product-sale-price {font-weight: 400;color: red;margin-top: -0.5vh;line-height: 25px;font-size: 1.6em;margin-bottom: 2.5vh;}
.product-brand {max-height: 6vh;margin-top: 1vh;margin-bottom: 3vh;}
.product-contact-button {font-size: 1.15em;color: #01040c;}
.product-how-buy {font-size: 1.15em;background: #01040c;color: #FFF;}

.main-content-row {margin-top: -1vh;}

#button-position-tablet {margin-top: 0vh;}

/* Screen Size CSS Below */

/* Mobile/Small CSS Changes */

@media only screen and (max-width: 40em) {
    .slide-white { padding-top: 20px;}
    .slide-footer { padding: 50px;}
    .rounded-social-buttons .social-button { width: 1.525rem; height: 1.525rem; font-size: 1em; line-height: 1.3em; margin-top: 5px; margin-bottom: 10px; } 
    .rounded-social-buttons { text-align:left; } 
    .slideshow-slide { height: 75vh; }    
    .header-image { height: 25vh; }    
    h1 { font-size: 2rem;letter-spacing: -1px;}
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    .device-padding {padding: 50px;}
    .mobile-header {margin-top: -7vh;background-color: rgba(255, 255, 255, 0.7);text-align:center;}
    .reveal {width: auto;max-width: 85vw !important;height: auto;max-height: 32.5vh !important;margin-top: 12px;margin-left: 8vw;}
    #navbar {margin-top: 0vh!important;}
    .slide-top-contact {height: 5.25vh;
                        z-index: 9999;
                        padding: 0.5vh 1.15vh;
                        position: fixed;
                        margin-top: -6vh;}
    .slide-top-contact p {font-size: 0.85em;margin-top: 2px;}
    #navbar #logo {max-height: 6vh;}
    .homepage-box-image {margin-top: 0vh;height: 24vh;}
    .homepage-box-title {z-index: 99;}
    .main-content-row {margin-top: -6.25vh;}
    .menu-button-custom {background: none;color: #D4BE6A; font-size: 1rem; line-height:45px; margin:0; height:45px; padding:0; margin-top: 85px;}
    .contact-padding {margin-left: 3vh;}
    #button-position-tablet {margin-top: -17.5vh!important;}
    .mobile-padding {margin-top: 12vh;}
    .slide-search-footer {display: block;width: 100%; height: 34px; position: fixed; bottom: 0; z-index: 10000; background: #5A5; 
                          box-shadow: 0 0 5px #000; padding: 0.25em 0.1em;}
  .slide-search-footer p {font-size: 0.85em; text-align: center;color:#fff;}
} 

/* Tablet/Medium CSS Changes */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .slide-white { padding-top: 20px;}
    .rounded-social-buttons .social-button { width: 1.525rem; height: 1.525rem; font-size: 1em; line-height: 1.3em; margin-top: 5px; margin-bottom: 10px; }
    .rounded-social-buttons { margin-left:-2vw; text-align:left; } 
    .device-padding {padding: 50px;}
    .slideshow-slide { height: 35vh; }    
    .header-image { height: 35vh; }    
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.75rem; }
    .mobile-header {margin-top: -7vh;background-color: rgba(255, 255, 255, 0.7);text-align:center;}
    .menu-button-custom {background: none;color: #D4BE6A;font-size: 1rem;line-height: 34px;margin: 0;margin-top: 0px;height: 45px;padding: 0;margin-top: 50px;}
    .slide-search-footer {display: block;width: 100%; height: 40px; position: fixed; bottom: 0; z-index: 10000; background: #5A5; 
                          box-shadow: 0 0 5px #000; padding: 0.25em 0.1em;}
  .slide-search-footer p {font-size: 1em; text-align: center;color:#fff}
  .homepage-box-image {margin-top: 0;}

} 

/* Large/Laptop CSS Changes */
@media screen and (min-width: 1025px) and (max-width: 1170px) {    
    .dropdown.menu a {padding: 0.7rem 1rem;font-size: 1em;}
}

/* Default Masonry CSS */

@media screen and (min-width: 25em) {
    .masonry-css {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}

@media screen and (min-width: 37.5em) {
    .masonry-css {
        -webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
}

@media screen and (min-width: 50em) {
    .masonry-css {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
}

@media screen and (min-width: 68.75em) {
    .masonry-css {-webkit-column-count: 4; -moz-column-count: 4;column-count: 4;}
}