/*
Theme Name: Lumeneering Innovations
Description: Custom theme for Lumeneering Innovations by Tiger Studios, Inc.
Version: 1.0

Text Domain: devdmbootstrap3
devdmbootstrap3 WordPress Theme, Copyright 2014 Danny Machal.
devdmbootstrap3 is distributed under the terms of the GNU GPL v3.
*/

body {background-color: #fff!important; font-family: 'Ubuntu', sans-serif!important; font-size: 11pt!important; color: #000!important; margin: 0; padding: 0;font-weight: 300!important}
	
sup {font-size: 50%!important; padding-left: 2px}
img {display: block;height: auto;max-width: 100%;}	
.clear {clear: both}

h1 {font-size: 2.3em; color: #3a55a4!important; margin: 0!important;font-weight: 400!important}
h2 {font-size: 1.6em; color: #00aeee!important; font-weight: 400!important;}
h3 {font-size: 1.4em; color: #3a55a4!important; font-weight: 400!important; }
h4 {font-size: 1em; color: #00aeee!important; font-weight: 400!important;}

#usa a {color:#00aeee}
#usa a:hover{color:#3a55a4}

#canada h1 {color: #254a12!important}
#canada h2 {color: #4c8c2b!important}
#canada h3 {color: #254a12!important}
#canada h4 {color: #4c8c2b!important}

#canada a {color:#4c8c2b}
#canada a:hover{color:#254a12}

.btn {-webkit-transition:width  0.7s, height  0.7s, background-color 0.7s, -webkit-transform  0.7s; transition:width  0.7s, height  0.7s, background-color  0.7s, transform  0.7s; border-radius:0!important}

.whitebtn {background-color: transparent; border: 3px solid #fff!important; color: #fff!important; text-transform: uppercase; text-decoration:none!important; padding: 5px 30px!important;}
.whitebtn:hover, .whitebtn:focus {background-color: #fff; border: 3px solid #fff!important; color: #c6232a!important; text-decoration:none!important}

.homebtn {background-color: transparent; border: 3px solid #fff!important; color: #fff!important; font-size: 13pt!important; text-transform: uppercase; text-decoration:none!important; padding: 5px 30px!important;}
.homebtn:hover, .homebtn:focus {background-color: #fff; border: 3px solid #fff!important; color: #c6232a!important; text-decoration:none!important}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*# Header Area ----------------------------------#*/
.topbar {background-color: #00aeee; color: #fff; font-size: 10pt}
#canada .topbar {background-color: #8cc63e}
.topbar .glyphicon {color: #fff; font-size: 9pt; padding: 8px 3px 8px 0; opacity: 0.5}
.topbar .phone {float:left; margin-right: 25px}
.topbar a {color:#fff!important; text-decoration:none!important}
.topbar a:hover{color:#fff!important; text-decoration:underline!important;}

.topbar .rebate {text-align:right;  float: right; margin-right: 25px; padding-top: 3px}
.topbar .flag {text-align:right; float: right; padding-top: 3px}

.logo{margin: 12px 0}

.navbar-brand {display:none}
.navbar {background: transparent!important; border: none!important; border-radius:0!important; box-shadow:none!important; margin: 0 0 -15px 0!important; padding: 0!important}

.navbar-nav {display: inline-block; float: none; margin: 0}

.navbar #menu-main-nav, .navbar #menu-canada-nav  {float:right; position: relative; z-index: 500; list-style: none; margin: 0 -15px 0 -15px; padding: 0;}
.navbar #menu-main-nav li, .navbar #menu-canada-nav li {display:inline-block; text-transform:uppercase; font-size: 12pt; padding: 50px 10px 0 10px}

.navbar #menu-main-nav li a {color: #00aeee!important; text-decoration:none!important; padding: 10px 0 10px 0; }
.navbar #menu-main-nav li a:hover  {border-bottom: 4px solid #3a55a4; color: #3a55a4!important}

.navbar #menu-main-nav > .active > a, .navbar #menu-main-nav > .active > a:hover, .navbar #menu-main-nav > .active > a:focus, .dropdown-toggle:active, .open .dropdown-toggle {background-color: transparent!important; border-bottom: 4px solid #3a55a4; color: #3a55a4!important}

.dropdown-menu{position:absolute; top:100%; z-index:5000; display:none; float:left; min-width:160px; padding:0!important; margin:-1px 0 0 9px!important; text-align: left; list-style:none; background-color:#00aeee!important; border-radius:0!important; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175); background-clip:padding-box}

.dropdown-menu>li {border: none!important; margin: 0!important; width: 100%;padding: 0!important}
#menu-main-nav .dropdown-menu>li>a, #menu-canada-nav .dropdown-menu>li>a {display:block;padding:0!important; font-size: 10pt; clear:both; color: #fff!important; padding:5px 10px!important;}
.dropdown-menu>li>a:hover {text-decoration:none; color: #3a55a4!important;background-color: #fff!important;border-bottom:none!important}
#menu-main-nav .dropdown-menu>.active>a, #menu-main-nav .dropdown-menu>.active>a:hover, #menu-main-nav .dropdown-menu>.active>a:focus {background-color: #fff!important; color: #00aeee!important}	

.navbar #menu-canada-nav li a {color: #4c8c2b!important; text-decoration:none!important; padding: 10px 0 10px 0; }
.navbar #menu-canada-nav li a:hover  {border-bottom: 4px solid #254a12; color: #254a12!important}

.navbar #menu-canada-nav > .active > a, .navbar #menu-canada-nav > .active > a:hover, .navbar #menu-canada-nav > .active > a:focus, .dropdown-toggle:active, .open .dropdown-toggle {background-color: transparent!important; border-bottom: 4px solid!important; color: #254a12!important}

#menu-canada-nav .dropdown-menu{background-color:#4c8c2b!important}
#menu-canada-nav .dropdown-menu>li>a {display:block;padding:0!important; font-size: 10pt; clear:both; color: #fff!important; padding:5px 10px!important;}
#menu-canada-nav .dropdown-menu>li>a:hover, #menu-canada-nav .dropdown-menu>li>a:focus{color: #254a12!important}
#menu-canada-nav .dropdown-menu .active a {background-color: #fff!important; color: #4c8c2b!important}

/*# Splash Styles ----------------------------------#*/
.splashbanner {position: fixed; z-index: 10; width: 100%; height: 100%; background-color: #00aeee}
.splashcover {position: relative; z-index: 100; height: auto; display:block}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.splashcover img {margin: 0 0 20px 0;}
.splashbtns {margin: 0; padding: 0; text-align:center}
.splashbtns .usa {float:left; font-size: 13pt; width: 200px; border: 3px solid #fff; padding: 5px 0!important; margin: 0 15px; text-transform: uppercase;}
.splashbtns .usa:hover {background-color: #fff; color: #00aeee}
.splashbtns .canada {float:left; font-size: 13pt; width: 200px; border: 3px solid #fff; padding: 5px 0!important; margin: 0 15px; text-transform: uppercase;}
.splashbtns .canada:hover {background-color: #fff; color: #8cc63e}
.splashbtns a {font-size: 16pt; color: #fff; text-decoration:none!important}

/*# Home Styles ----------------------------------#*/
#metaslider_container_499 {width: 100%; height: 600px; overflow:hidden; max-height: 600px}

#metaslider_container_499 .caption-wrap {background:transparent!important;opacity:1!important;top: 0}
#metaslider_container_499 .caption {padding-top: 140px; color: #fff; height: 600px; max-width: 1120px; margin: 0 auto!important}
#metaslider_container_499 .caption h1 {font-size: 2.9em!important; color: #fff!important; margin-top: 0;font-weight: 400!important; text-shadow: 0 0 10px #000, 0 0 20px #000;}
#metaslider_container_499 .caption p {font-size: 1.8em; font-weight: 300; line-height: 140%;padding: 5px 0 10px 0; text-shadow: 0 0 10px #000, 0 0 20px #000}

.redalertbar {position:relative; top: -34px; background-color: #c6232a; color: #fff; font-size: 14pt; padding: 13px 0}
.redalertbar .col-md-9 {padding: 5px 0 0 30px}
.redalertbar .col-md-3 {text-align:right; padding-right: 30px}

#pl-224 {width: 99%}
#hometext {padding: 20px 0 40px 0; max-width: 1120px; margin: 0 auto!important}
#hometext h1 {font-size: 1.6em!important; text-align:center}
#hometext2 {padding: 0 0 60px 0; max-width: 1120px; margin: 0 auto!important}
#hometext2 .content {margin: 0; padding-right: 30px}

.newsletterbar {background-color: #00aeee; color: #fff; font-size: 14pt; padding: 13px 0}
#canada .newsletterbar {background-color: #8cc63e}
.newsletterbar .col-md-9 {padding: 5px 0 0 30px}
.newsletterbar .col-md-3 {text-align:right; padding-right: 30px}

/*# Footer ----------------------------------#*/
footer{clear:both; background:url('/wp/wp-content/themes/lumeneering/images/footer-bkgrnd.jpg') no-repeat 0 0; background-size: cover; color: #fff; padding: 5px 0 20px 0; font-size: 9pt;}

.copyright {color:#a4a4a4; padding-top: 5px}

#toplink {float:right; text-align:center}
#toplink a {text-align:center; font-size: 10pt; color: #fff!important; text-decoration:none!important}
#toplink .glyphicon {font-size: 18pt; color: #fff; opacity: 0.8}
#toplink .glyphicon:hover {text-align:center; color: #fff!important; opacity: 1}

/*# Content Styles ----------------------------------#*/
.content {margin: 40px 0}
.content a {text-decoration:underline}
.content .col-md-12 .col-md-9 {margin-left: -15px}
.content .col-md-12 .col-md-3 {margin-right: -15px}

#canada .content a {color:#4c8c2b!important}
#canada .content a:hover{color:#254a12!important}
#usa .content a {color:#00aeee!important}
#usa .content a:hover{color:#3a55a4!important}

.newslist article {clear:both; padding-bottom: 30px}
.newsdate {color: #aaa; font-size: 9pt; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0; margin: 5px 0}
.newslist a.morelink {font-size: 11pt}

nav .nav-previous {float:left; width: 25%}
nav .nav-next {float:right}

.wpcf7-form {margin-top: 30px}
.wpcf7-form label {font-weight: 300; display:block; margin-bottom: 0}
.wpcf7-form input {border: 1px solid #ccc}
.wpcf7-form textarea {border: 1px solid #ccc; max-width: 430px}
.wpcf7-submit {background-color: #00aeee; color: #fff; border: 0; text-transform: uppercase; padding: 5px 30px}
.wpcf7-submit:hover {background-color: #c6232a}

#canada .wpcf7-submit {background-color: #8cc63e; color: #fff; border: 0; text-transform: uppercase; padding: 5px 30px}
#canada .wpcf7-submit:hover {background-color: #c6232a}

.sidebar h3 {font-size: 14pt!important}
.sidebar img {padding-top: 2px}

#mc_embed_signup input {width: 100%!important}
#mc_embed_signup input#mc-embedded-subscribe {text-shadow:none; width: auto!important; background-color: #00aeee; color: #fff; font-size: 13pt; text-transform: uppercase; font-weight:300; padding: 0 30px; border-radius:0!important}
#mc_embed_signup input#mc-embedded-subscribe:hover, #canada #mc_embed_signup input#mc-embedded-subscribe:hover {background-color: #c6232a}
#canada #mc_embed_signup input#mc-embedded-subscribe {background-color: #8cc63e}

.prodcompare {width: 100%; float:none; margin-bottom: 30px}
.prodcompare img {float:right;}
.prodcompare p {margin-bottom: 0}
.prodcompare ul, .prodcompare table {margin-top: 3px!important}
.prodcompare table td:nth-child(1) {width: 56%; padding-right: 10px}
.prodcompare table td {padding: 4px}
.prodcompare table tr:nth-child(odd) {background-color: #e6eaf4}


/*# Responsive adjustments ----------------------------------#*/
@media (max-width: 480px) {
.topbar {margin: 0 0 0 -15px; font-size: 9pt; padding: 5px 0}
.topbar .glyphicon {display:none}
.topbar .phone {float:left; width: 35%; margin-left: -5px}
.topbar .email {float:right; margin: -18px -20px 0 0}
.topbar .col-sm-6 {clear:both}
.topbar .rebate {padding-top: 9px}
.topbar .flag {padding-top: 8px; margin-right: -15px}

.logo{float:left; width: 75%; margin: 12px 0 12px -15px}

.navbar {position:relative; z-index: 5000; margin: 0; width: 100%!important}
#usa .navbar-brand {float:right!important; display:block; color: #00aeee!important; margin: 0 -27px 0 0!important; padding: 0x!important}
#usa .navbar-toggle {background-color: transparent!important; margin: 15px -20px 0 0!important; display: block; border: none!important}
#usa .icon-bar{background-color:#00aeee!important; height: 4px!important; width: 40px!important}

#usa .navbar-collapse{overflow-x: hidden; background-color:#fff; position: relative; z-index: 1000; border-top:none!important; width: 100%; max-height: none; min-height: 170px!important;}
.navbar #menu-main-nav li {width: 100%; padding: 0;}
.navbar #menu-main-nav li a {padding: 5px 10px; display:block}

#canada .navbar-brand {float:right!important; display:block; color: #4c8c2b!important; margin: 0 -27px 0 0!important; padding: 0x!important}
#canada .navbar-toggle {background-color: transparent!important; margin: 15px -20px 0 0!important; display: block; border: none!important}
#canada .icon-bar{background-color:#4c8c2b!important; height: 4px!important; width: 40px!important}

#canada .navbar-collapse{overflow-x: hidden; background-color:#fff; position: relative; z-index: 1000; border-top:none!important; width: 100%; max-height: none; min-height: 170px!important;}
.navbar #menu-canada-nav li {width: 100%; padding: 0;}
.navbar #menu-canada-nav li a {padding: 5px 10px; display:block}

.homebar {padding-top: 150px; color: #000; height: auto}
.homebar h1 {font-size: 1.9em!important; color: #000!important;}
.homebar p {font-size: 1.1em}

#splash{background-color: #7fd6f7}
.splashbanner {position:relative; height: 150px}
.splashbanner .embed-container {margin: 0!important}
.splashcover {position: relative; z-index: 100; height: auto; display:block; margin-top: 0px}
.splashbtns .usa, .splashbtns .canada {float:left; width: 135px; margin: -10px 10px 40px 10px}

.copyright {padding-top: 5px}

.newsletterbar .col-md-9 {text-align:center; padding: 5px 0 0 0}
.newsletterbar .col-md-3 {text-align:center; padding-right: 0}

#pl-224 {width: 100%}
#hometext2 .content {margin: 0; padding: 0 20px}

#metaslider_container_499 {height: auto}

#metaslider_container_499 .caption-wrap {display:block; background:transparent!important;opacity:1!important;top: 3px}
#metaslider_container_499 .caption {padding-top: 10px; max-width: 85%; }
#metaslider_container_499 .caption h1 {font-size: 1.5em!important}
#metaslider_container_499 .caption p {font-size: 0.9em; line-height: 100%}

.homebtn {font-size: 0.8em!important; padding: 5px 10px!important; margin-top: -10px}
.embed-container {margin: 0 15px}

.redalertbar {top: 0}
.redalertbar .col-md-9 {padding: 5px 20px; text-align:center;}
.redalertbar .col-md-3 {text-align:center; padding-right: 0}

.content .alignleft {float:none; padding: 0; margin: 0 auto}
.content .alignright {float:none; padding: 0; margin: 0 auto;}
iframe {height: auto!important}

.wpcf7-form input, .wpcf7-form textarea {width: 110%;}
.newssidebar, .sidebar {clear:both; margin-top: 30px; padding: 0}
}

@media only screen and (min-width: 320px) and (max-width: 667px) {
.topbar {margin: 0 0 0 -15px; font-size: 9pt; padding: 5px 0}
.topbar .glyphicon {display:none}
.topbar .phone {float:left; width: 35%; margin-left: -5px}
.topbar .email {float:right; margin: -18px -20px 0 0}
.topbar .col-sm-6 {clear:both}
.topbar .rebate {padding-top: 9px}
.topbar .flag {padding-top: 8px; margin-right: -15px}

.logo{float:left; width: 75%; margin: 12px 0 12px -15px}

.navbar {position:relative; z-index: 5000; margin: 0; width: 100%!important}
#usa .navbar-brand {float:right!important; display:block; color: #00aeee!important; margin: 0 -27px 0 0!important; padding: 0x!important}
#usa .navbar-toggle {background-color: transparent!important; margin: 15px -20px 0 0!important; display: block; border: none!important}
#usa .icon-bar{background-color:#00aeee!important; height: 4px!important; width: 40px!important}

#usa .navbar-collapse{overflow-x: hidden; background-color:#fff; position: relative; z-index: 1000; border-top:none!important; width: 100%; max-height: none; min-height: 170px!important;}
.navbar #menu-main-nav li {width: 100%; padding: 0;}
.navbar #menu-main-nav li a {padding: 5px 10px; display:block}

#canada .navbar-brand {float:right!important; display:block; color: #4c8c2b!important; margin: 0 -27px 0 0!important; padding: 0x!important}
#canada .navbar-toggle {background-color: transparent!important; margin: 15px -20px 0 0!important; display: block; border: none!important}
#canada .icon-bar{background-color:#4c8c2b!important; height: 4px!important; width: 40px!important}

#canada .navbar-collapse{overflow-x: hidden; background-color:#fff; position: relative; z-index: 1000; border-top:none!important; width: 100%; max-height: none; min-height: 170px!important;}
.navbar #menu-canada-nav li {width: 100%; padding: 0;}
.navbar #menu-canada-nav li a {padding: 5px 10px; display:block}

.homebar {padding-top: 150px; color: #000; height: auto}
.homebar h1 {font-size: 1.9em!important; color: #000!important;}
.homebar p {font-size: 1.1em}

#splash{background-color: #7fd6f7}
.splashbanner {position:relative; height: 150px}
.splashbanner .embed-container {margin: 0!important}
.splashcover {position: relative; z-index: 100; height: auto; display:block; margin-top: 0px}
.splashbtns .usa, .splashbtns .canada {float:left; width: 135px; margin: -10px 10px 40px 10px}

.copyright {padding-top: 5px}

.newsletterbar .col-md-9 {text-align:center; padding: 5px 0 0 0}
.newsletterbar .col-md-3 {text-align:center; padding-right: 0}

#pl-224 {width: 100%}
#hometext2 .content {margin: 0; padding: 0 20px}

#metaslider_container_499 {height: auto}

#metaslider_container_499 .caption-wrap {display:block; background:transparent!important;opacity:1!important;top: 3px}
#metaslider_container_499 .caption {padding-top: 10px; max-width: 85%; }
#metaslider_container_499 .caption h1 {font-size: 1.5em!important}
#metaslider_container_499 .caption p {font-size: 0.9em; line-height: 100%}

.homebtn {font-size: 0.8em!important; padding: 5px 10px!important; margin-top: -10px}
.embed-container {margin: 0 15px}

.redalertbar {top: 0}
.redalertbar .col-md-9 {padding: 5px 20px; text-align:center;}
.redalertbar .col-md-3 {text-align:center; padding-right: 0}

.content .alignleft {float:none; padding: 0; margin: 0 auto}
.content .alignright {float:none; padding: 0; margin: 0 auto;}
iframe {height: auto!important}

.wpcf7-form input, .wpcf7-form textarea {width: 110%;}
.newssidebar, .sidebar {clear:both; margin-top: 30px; padding: 0}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
#splash{background-color: #7fd6f7}
.splashbanner {position:relative; height: 150px}
.splashbanner .embed-container {margin: 0!important}
.splashcover {position: relative; z-index: 100; height: auto; display:block; margin-top: 0px}

.topbar .email {clear:both}
.topbar .col-md-6:first-child {float:left; width: 57%!important}
.topbar .col-md-6:nth-child(2) {float:right; width: 40%!important; margin-top: -27px}

#canada .navbar-brand {float:right!important; display:block; color: #4c8c2b!important; margin: 50px -65px 0 0!important; padding: 0x!important}
#usa .navbar-brand {float:right!important; display:block; color: #00aeee!important; margin: 50px -65px 0 0!important; padding: 0x!important}

#metaslider_container_499 .caption h1 {font-size: 1.8em!important}
#metaslider_container_499 .caption p {font-size: 1.1em}
.newsletterbar {margin-top: -160px}
.wpcf7-form input, .wpcf7-form textarea {width: 100%;}
}

@media only screen and (min-width: 770px) and (max-width : 1200px) {
#metaslider_container_499 {height: auto; max-height: 500px}
#metaslider_container_499 .caption {padding-top: 100px; height: 500px; width: 90%; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#metaslider_container_499 {height: auto; max-height: 500px}
#metaslider_container_499 .caption {padding-top: 100px; height: 500px; width: 90%; }

.redalertbar {top: -14px}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : portrait) {
.topbar .col-md-6:first-child {margin: 0 0 0 -15px!important; width: 60%!important}
.topbar .col-md-6:nth-child(2) {margin: 0 -15px 0 0!important; width: 40%!important}
.logo {margin-left: -15px}
.navbar #menu-main-nav, .navbar #menu-canada-nav {margin-right: -15px!important}
.navbar #menu-main-nav li, .navbar #menu-canada-nav li {font-size: 10pt; padding: 50px 8px 0 8px}

#metaslider_container_499 {height: auto; max-height: 440px}
#metaslider_container_499 .caption {padding-top: 50px; height: 440px; width: 90%; }

.redalertbar {position:relative; top: -14px; background-color: #c6232a; color: #fff; font-size: 14pt; padding: 13px 0}
.redalertbar .col-md-9 {float:left; width: 70%; padding: 0 0 0 30px}
.redalertbar .col-md-3 {float:right; width: 25%; padding: 10px 30px 0 0}

#metaslider_container_499 .caption h1 {font-size: 2.4em!important}
#metaslider_container_499 .caption p {font-size: 1.4em}
.homebtn {font-size: 12pt!important; padding: 5px 20px!important;}
#hometext2 .content, #hometext h1 {margin: 0; padding: 0 20px}

.embed-container {margin: 0 15px}
#pl-224 {width: 100%}
.newsletterbar .col-md-9 {float:left; width: 70%}
.newsletterbar .col-md-3 {float:right; width: 25%}
}