/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* 
font color- #121212
Boston Blue: #0d2b56
Boston Red Sox red: #bd3039

-------------------------------------------------- */
html {
        font-family: 'Inter', arial, helvetica, sans-serif !important;
	position: relative;
	min-height: 100%;
 	margin:0 auto; 
	/*background-color: #fff;*/
}

body { 
	line-height: 24px;
	font-size: 14px;
	color: #121212
	font-family: 'Inter', arial, helvetica, sans-serif;
   	padding:0px;
   	margin: 0px;
}

header { height:170px;background-color: #ffffff;/*border-bottom:1px solid #cccccc*/ }
header.member-header {height:170px}

header nav.navbar ul.nav.navbar-nav {/*margin-top:35px*/}

#headerPhone {text-align:right;padding-right:30px}
#headerPhone button {margin-top:30px}
#medallion {margin-top:15px}
#medallion img {margin:0 auto;max-height:150px}

.page { 
	margin:0 auto; 
	height: 100%; 
	padding: 0; /*10%; */
	background: #fcfcfc; 
}

#logo {
        position: relative;
        top: 15px;
        left: 50px;
        z-index: 800;
        /*width: 500px;*/
        height: 130px;
        background: url(images/logo.jpg) no-repeat;
	background-size:20%;
        whitespace: no-wrap;
	padding:0;
        }

#logo:hover {
        background: url(images/logo_over.jpg) no-repeat;
	background-size:20%;
        }

#logo h1 {
        margin-left: 150px;
        text-align: left;
        font-size: 32px;
        font-family: 'Bookman Old Style', 'times new roman', times, georgia, serif;
        font-weight: 500;
        text-transform: uppercase;
	line-height:36px;
        /*padding-top: 10px;*/
        }

#logo a {
        text-decoration: none;
        color: #33c; /*#66f;*/
        }

#logo a:hover {
        text-decoration: none;
        color: #33c; /*#66f;*/
        text-shadow: 8px 4px 8px #333;
        }

#logo img {
        /*width: 645px;
        height: 95px;  */
        }

.tagline {float: left; margin-left: 5%;} 

.tagline>h1 { color: #ffffff; margin-top: 17px !important; }

.tagline>p, .tagline>p>a { color: #ffffff; font-size: .9em; margin-top: 3px;font-weight:300}

.tagline>p>a:hover { text-decoration: underline; }

.tagline img.social-icon {max-height:20px}

.searchbox { float: right; margin-right: 5%; margin-top: -5px;font-size:10px}

#main-content { padding-left: 70px; padding-right: 50px; padding-bottom: 50px;}

#homeHero {
	background: url(https://elliselectricalllc.com/images/dreamstime_envato-upscale.jpg) no-repeat fixed;
	background-size:cover;
	height:100vh;
	padding:0/*150px*/;
	margin:0 -50px 0 -70px;
}
#homeHero div.overlay {
	width:100%;
	height:100vh;
	background-color: rgba(0,0,0,0.5);
	margin:0 -50px 0 -70;
	padding:100px;
}
#homeHero h1, #homeHero h2 {font-family:"Inter",Arial,Helvetica,sans serif;color:#ffffff;}
#homeHero h1 {font-size:80px;line-height:100px}
#homeHero h2 {font-size:30px; line-height:50px}
#homeHero div.background-blur {
	float:left;
	padding:15px;
	border-radius: 10px;
	width:15%;
	margin-right:5%;
	color:#ffffff;
	border-color:#fff3;
	backdrop-filter: blur(4px);
	background-color:#ffffff1a;
}
#homeHero div.background-blur h2 {
	margin:0;
}
.serviceBubble {
	float:left;
	width:25%;
	height:325px;
	margin:20px 4%;
	border-radius: 20px;
	border:1px solid #dddddd;
	background-color: #eeeeee;
	padding:20px;
	position:relative;
}
.serviceBubble h3 {font-size:20px;line-height:24px;text-align:left;margin-top:0;font-weight:400}
.serviceBubble img.client-pic {max-width:80%;max-height:200px;float:right;}
.serviceBubble.no-pic {height:160px}
.serviceBubble img.service-icon {position:absolute;top:125px;left:15px}
.serviceBubble.no-pic img.service-icon {position:absolute;top:15px;left:15px}

#homePageSection4 {
	background-color: #1068c6;
	color:#ffffff;
	padding:30px 50px;
}
#homePageSection4 h3 {font-weight:300}
#homePageSection4 button {width:175px;margin:0 auto}

#servicesSectionThree {
	background-color: #1068c6;
        color:#ffffff;
        padding:30px 50px;
	border-radius:15px;
}
#servicesSectionThree h3, #servicesSectionThree h4 {color:#ffffff;text-align:center}

.portfolio-block {height:500px;border:none;border-radius:30px}
.portfolio-block img {width:100%}
.portfolio-block h3 {font-size:16px;font-weight:300;margin:0;text-align:left}
.portfolio-block .portfolio-button {border:none;border-radius:10px;padding:5px 10px;font-size:16px;margin-top:7px}
div#addl-Clients {
	width:60%;
	margin-left:20%;
	display:flex;
	gap: 20px;
	}
div#addl-Clients h2 {text-align:center}
div#addl-Clients client-column {flex: 1;padding 20px;/*columns: 2 500px;list-style:none*/}

.toolbar-wrapper {
   	border-bottom: 1px solid #cccccc;
    	width: 100%;
	height: 30px;
	background: #0d2b56;
	color:#ffffff;
	font-size: 20px;
}

.topbar-tiktok img {max-height:30px;float:left;margin-left:10%}
.topbar-email {float:right;margin-right:10%}

#heroImage {height:400px; background: url(/images/hero.jpg) fixed}

#loginForm form {margin-top:-30px}

.btn.btn-default {
	color:#ffffff;
	background-color:#0d2b56;
	border:none;
	border-radius:10px;
	padding:10px 30px;
	font-weight:400;
	font-size:20px;
}

.btn.newsletter {
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    background: ##016b27 none repeat scroll 0% 0%;
    color: #414042;
    border-radius: 0px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Fonts */


a { color:#1f1f1f; text-decoration: none; outline: none;} /*color:#a4203a; */
a:hover { color:#7d7d7d;} /*#59111f; }*/
a:active { outline: none; }

ul li { /*font-family: 'Playfair Display', serif; color: #000000; font-size: 2.5vmin;*/ }

h1,h2,h3,h4,h5,h6 {color:#353a6d;}
h1 { font-weight:700; font-size:48px; line-height:54px; }
h2 { font-size:30px; line-height:46px;font-weight:400 }
h3 { font-weight:400; font-size:32px; line-height:36px; text-align: center; }
h4 { 
	font-size: 16px;
	padding-bottom: 10px;
	text-align: left;
}
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }

p { margin: 0 0 20px 0; }

h1#tool {
    color: #FFF !important;
    font-size: 18px !important;
    float: left;
    font-weight: 400;
    line-height: 1.5em;
    margin: 9px 0px 0px;
    padding: 0px 0px 10px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Navigation */

#maincatnavWrapper ul.nav.navbar-nav li a:hover {color:#006e63}
#maincatnavWrapper ul.nav.navbar-nav li.dropdown, #maincatnavWrapper ul.nav.navbar-nav li {
        text-transform:uppercase;
        display:inline-block;
        float:right;
        list-style:none;
        font-weight:300;
        /*width:auto;10vw;13%;*/
        /*min-width:125px;*/
        margin:10px 0 0 3%;
}/*margin-right:5%*/

        .dropdown .dropdown-menu {width:1000px}
        .subcatDrop .col-columns {text-transform:uppercase;text-align:left;}
        .subcat2 .subcat2item {text-transform:capitalize;text-align:left;padding-left:25px}
        .subcat-container { width:1000px;padding:1%;columns:3;height:60vh}/*width:30%; }*/
        ul#Balloons.dropdown-menu {margin-left:-30vw;}
        ul#Balloons.dropdown-menu .subcat2item {float:left;width:95%;}/*padding-left:0}*/
        ul#Fashion.dropdown-menu {margin-left:-25vw;}
        .subcatDrop { width:100%;padding:0;float:left;margin-bottom:5px;}
        #subcatWrapper { text-align:center }
        .subcatCols .col-columns {display:block; text-align:center}
        .subcatCols img {margin:auto}
        .col-columns a.category {text-transform:capitalize }
        .subcatAccess.row {width:100%;padding-left:2%}
        ul#accessSub.dropdown-menu { width:90% }
        a.sublink {font-size:14px;font-weight:normal}
        a.sublink:link, a.sublink:visited {color:#000000}
        ul#NFL.dropdown-menu {margin-left:-60vw;height:80vh;}
	ul#MLB.dropdown-menu {margin-left:-50vw;}

.navbar-nav>ul { text-align: center; max-width: 960px; margin-top:40px}

ul.navbar-nav li {text-transform:uppercase;}
.navbar-default {border-color: #ffffff !important;}
.navbar-default .navbar-nav>li>a { 
	color: #121212; 
	font-size: 14px; 
	font-weight: 300;  
	padding: 0 8px 0;
}

.navbar-nav>ul>li>a.current { color: #614b3c; }

.navbar-default .navbar-nav>li>a:hover { color: #888888; text-decoration: none; }/*color: #8c2232; */
.navbar-default .navbar-nav>li>a:hover > .navbar-default .navbar-nav>li>a:link {color:#7d7d7d}
.navbar {margin-top:30px}
.navbar p {float:right;font-weight:600;margin-top:15px}
.navbar-nav>li:last-child>a { border-right: 0; }

.center { margin: 0 auto; }

.navbar {
	background-color: #ffffff !important;
/*    border-top: double #614b3c !important;
    border-bottom: double #614b3c !important; */
    margin: 30px 0 0 0; /* auto;*/
    min-height: 35px;
	float:left;
    border-radius: 0px !important;
    max-width: 75%;/*1200px*/
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin-right: 0;
    margin-left: 0;
}

.navbar-header {width: 100%;}



/* Custom page CSS
-------------------------------------------------- */

/* footer */

.footer {
    width: 100%;
	/* Set the fixed height of the footer here */
	/*height: 200px;*/
    	/*background: #f9f7f7;*/
	/*border-top: solid 1px #614b3c;*/
    font-size: 13px;
    line-height: 1.7em;
    color: #ffffff;
    padding: 15px 0 10px 0;
    text-align: center;
    margin-top: 2em;
    clear:both;
}

#footerColOne h2, #footerColTwo h2, #footerColThree h2 {
	font-size:20px;
}
#footerColTwo h2, #footerColThree h2 {
	color:#000000;
}
.footer-col {padding:0 40px;text-align:center;}
.footer-col p, .footer-col ul>li {color:#000000;text-align:left}
.footer-col img {max-width:80%;margin:0 auto}
footer div.copyright p, footer.footer a:link, footer.footer a:visited {color:#121212}
footer.footer a:hover {color:#222222}
footer ul li {font-size: 18px;font-weight:300;}
.info  { 
	margin-top: 40px;
	text-align:right;
	}

.address { /*font-family: 'Lusitana', serif; */color: #016b27; font-size: 12px; }

.address a:link {color: #016b27;}
.address a:hover, .address a:focus {color: #016b27;}

.CEZbranding { color: #B2D6AE; /*font-family: 'Lusitana', serif; */text-align: left; margin-right: 10px;}
.CEZbrandingIMG { width: 30px; margin-left: 5px; margin-right: 5px;	margin-bottom: 10px;}


.icon-social { float: left; display: block; width: 31px; height: 31px; overflow: hidden; text-indent: -9999px; margin-right: 10px; background: transparent url("/images/social-media-flat.png") no-repeat scroll 0% 0%;}
.icon-social.twitter { background-position: -65px 0; }
.icon-social.twitter:hover { background-position: -65px -33px; }
.icon-social.facebook { background-position: 0 0; }
.icon-social.facebook:hover { background-position: 0 -33px; }
.icon-social.google { background-position: -33px 0; }
.icon-social.google:hover { background-position: -33px -33px; }
.icon-social.pinterest { background-position: -33px 0; }
.icon-social.pinterest:hover { background-position: -33px -33px; }
.icon-facebook { float: left; margin-top: 1px; width: 40px; overflow: hidden; }
.icon-cart { float: left; display: block; width: 20px; height: 16px; margin: 21px 10px 0 0; opacity: 0.8; filter: alpha(opacity = 80); }


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 0 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code { font-size: 80%;}

/*#colorbox#cboxContent { background-color:#FFDD00 !important; }
*/
.cboxIframe { background-color:#ffffff !important; }

label { color: #000000; }

.details	{ max-width: 60px;}
.item	{ font-size: 12pt; }
.iteminput	{ }
.itemList { padding: 10px;}

#catDropdown {display:none}
.currentCat { font-size: 16px;}
.subCatSelect { font-size: 16px !important;}
#currCatWrapper { width:30%;float:left}
#side-nav ul {list-style:none;margin-left:0;padding-left:0}
#side-nav ul li {font-size:16px;font-weight:bold;margin-bottom:5px}
li.sublink a {font-size:14px;margin-bottom:5px}
#productsDisplay { width:65%;float:left;margin:auto; }
h2.itemName {font-size:20px;margin-bottom:0 !important;margin-top:0 !important}
.clearBoth { clear:both;}

#push {clear:both; height: 0px;}
.shows {margin:1%;width:47%;float:left}
.more {font-style:italic;font-size:80%;font-weight:bold}

#popupwrapper { background: #fff; }

#imgCell {padding: 10px;}

.firstTime {/*font-family:'Open Sans', sans-serif;*/font-size:18px; color:#000000; }
.forgotPassword {/*font-family:'Open Sans', sans-serif;*/font-size:18px; color:#000000;}
.updateAccount {/*font-family:'Open Sans', sans-serif;*/font-size:18px; color:#000000;}

/*
	SHOW CATEGORY and OmegaNet
*/
#loginWrapper {
        width:90%;
        max-width: 1200px;
        margin:1em auto;
        background-color:#fff;
        height:300px;
}

h1#loginBanner {
        font-size:55px;
        text-align:center;
        /* width:100%; */
        width: 100%;
        font-weight:400 !important;
        /* margin:auto; */
        margin: auto;
        font-style: normal;
        color: #0c5d70;
}

.loginText {
        font-weight:700;
        font-size:20px;
        margin:20px 0;
        text-align:left;
}

.forgotPassword a {
        color:#414042;
}

input { color:#111 }

.loginInput {
        padding:8px;
        width:100%
}

.loginButton {
/*        background-color:#3D588B;*/
        line-height: 48px;
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        text-align: center;
        outline: 0px;
        cursor: pointer;
        border-radius: 24px;
        padding:0px 20px;
}

#newCustomers p {
        /*font-family: Lato;*/
        font-size:15px;
        margin: 20px 0 20px 0;
}
#newCustomers p a       {
        color:#c00;
}




tr.itemList:nth-child(even) { background-color: #ffffff;}

.cart {/*font-family:'Open Sans', sans-serif;*/font-size:20px; text-align:right; margin-top: 10px; margin-bottom: 10px;}

.catCell { padding: 40px;}
.subcatLinks {font-size:20px;margin-bottom:30px}

#topCat {height:430px;text-align:center}
#topCat h3, a.catName h3 {font-size: 24px}
#showcat-wrapper {width:90%;margin-left:5%}
#keywords {font-weight:bold;font-size:16px}
h1#catNameHead {text-align:center}
.cat_item {
	position: relative;
	min-height: 400px;
	width: 100%;
	margin: 0 auto;
}

.cat_content_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

div.cat_item {
	border: 0 none;
	float: left;
	height: 500px;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
div.cat_item div.cat_content_top {
    position: absolute;
    bottom: 0;
	vertical-align: top;
}
div.cat_item div.cat_content_bottom {
	bottom: 0;
	position: absolute;
	width:100%;
	text-align:center;
	/*margin-left: 25px;
	vertical-align: bottom;*/
}

div.group-wrapper {height:500px;}/*padding:15px 15px;*/
.group_item {margin:0}/* 15px}*/
.imgBoxStd, .imgBox {
        display:flex;
        align-items:center;
        justify-content:center;
        /*border:1px solid #adadad;*/
        width:100%;
        max-width:25vw;
        /*height:400px;*/
        max-height:40vh;
        text-align:center;
        vertical-align:
        middle;padding:1%;
        /*margin-bottom:15px*/
}
.imgBoxStd {width:100%;/*height:400px;*/max-height:50vh}
.imgBox img, .imgBoxStd img {max-width:100%;max-height:37vh}

.groupedItem.row {margin:0 10px;padding:2px 2px 0 2px}
.groupedItem:nth-child(odd) {background-color:#ededed}

.showGroupCol1, .showGroupCol2, .showGroupCol3 {float:left;height:40px;font-size:10px;line-height:12px}

.showGroupCol1 {width:20%;text-align:left}
.showGroupCol2 {width:53%;text-align:left}
.showGroupCol3 {width:27%;text-align:right}


.alternate tr:nth-child(2n+1) {
	background-color: #d7d7d7;
	color: black;}

.detail-pop-main-img {min-height:630px}

.detail-pop-alt-img div {margin-bottom:5px;height:150px}

/* SINGLE GRID */

div#buyDlg table th {line-height: 14px}


.CartOuter	{
	padding-top: 30px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	width:100%;
}

#Cart td { padding: 10px;}
#Cart td img {max-height:75px}

.cartBtn {float:left;margin-left:6%}

#cartNotFirst.cartBtn {margin-top:25px}

.table > tbody > tr > th, .table > tbody > tr > td {border:none; border-color:#ffffff}

.ViewCat	{ width: 100%; max-width: 1100px; margin: 0 auto;}

div#subCatLink a.category {display: block; margin: -1em auto .2em auto; } /* RP 7-8-16 */

#pageLoad { display: none; }

#viewCartContainer {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.bySku td { padding: 10px;}

/**********
ByList
***********/
.BodyBg {width:80%;margin-left:10%}

#byList-container {width:100%}

div.byList-item-container:nth-child(even) {background-color:#eeeeee;}
.byList-item-container, .byListItem {width:100%;height:250px}

.left-container {
  float:left;
  margin-left:20%;
  text-align: center;
  width:20%;
}

.left-container .byList-img img {height:125px;width:125px}
.right-container {
  float:left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: /*80%; */40%;
	padding-top:50px;
}
div.byList-sku, div.byList-price, div.byList-qty, div.byList-min  {float:left;width:45%;margin:5px 0}
.space-between {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
div.byList-item {font-weight:bold;padding:10px}
div.byList-img {padding:10px}
div.byList-img img {width:100%}

a.catName h3 { font-weight: normal; font-size: 24px !important; }

/*********MEDIA QUERIES****************/

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: right;
        vertical-align: top;
	margin-top:0;/*25px;*/
        padding-top: 0;/*20px;*/
        padding-bottom: 0;/*20px;*/
    }

    .navbar .navbar-collapse, navbar-default .navbar-collapse {
        text-align: center;
	border-color:#ffffff !important;
    }
}


@media (max-width: 1024px)  {
	.address { display: none;}
	#loginForm, #newCustomers {height:400px;}
	#catDropdown {display:block}
	#currCatWrapper {display:none}
	#productsDisplay {width:100%}
	#breadcrumb, #currCatHead {margin-left:20px}
	#main-content { padding-left: 20px;  padding-right: 20px;}
	.searchbox { display: none;}
	/*.footer { height: 100%;}*/
	/*.logo { width: 90%;}*/
	header {height:135px}
	/*.navbar-header button {display:none}*/
	h1#tool {  float: none; margin: 9px 0px 0px; text-align: center;}
	H1 { font-size:24px; }
}

/*Center Bootstrap nav*/
@media (max-width: 991px) {
	header {height:200px}
        #medallion img {max-height:100px}
        #headerPhone {text-align:center}
}

@media (max-width: 768px) {
	header {height:235px}
	#medallion img {max-height:100px}
	#headerPhone {text-align:center}
	/*main-content {padding-bottom:300px;position:relative;}*/
	#loginWrapper {height:800px}
	footer {height:300px;padding:0;margin:0}/*position:relative;bottom:0;*/
	footer ul {margin-left:0;font-size:20px;padding-inline-start: 0}
	.imgBoxStd, .imgBox { max-width:90vw;}
	#logo, .navbar {max-width:100%}
	.navbar {margin:0 auto;background-color: #f9f7f7/*#1e2928;*/}
	.page {padding:0 1%}
	.BodyBg {width:100%;margin-left:0}
	.left-container {
  		margin-left:5%;
  		width:45%;
	}
	.right-container {width:45%}
	div.byList-sku, div.byList-price, div.byList-qty, div.byList-min {width:100%;margin:0}
	.navbar-header button {color:#121212}
/*	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #999999;}
	.navbar-default .navbar-toggle {
	    border-color: #999999;}
	.nav-button {
	    display: block;
	    margin: 0 auto !important;
	    float: none;
	    width: 100%;
	    color: #614b3c ;}
	.navbar-default .navbar-collapse {
		border-color:#999999;}
	.navbar-nav {
		text-align: center;
		z-index: 10000;
		position: relative;
		background-color: #fff;}
	.navbar-default .navbar-nav>li>a {
		border-right: transparent !important;}
	.nav > li {
		padding-top: 6px;
		padding-bottom: 6px;
	}
*/
	.nav > li.hide-at-768 {	/*display: none;*/}
	nav.navbar.navbar-default {position:relative;z-index:100}
	ul.nav.navbar-nav {background-color:#ffffff;}
	.navbar-collapse ul.nav.navbar-nav li a {font-size:20px;height:40px;} 
	.navbar-header button, i.fa.fa-bars {color:#121212}
	ul.navbar-nav li {border-bottom:1px solid #cccccc;padding:5px 0}
	#topCat {height:300px}
	.byList-item .left-container, .byList-item .right-container {width:100%}
	.btn.btn-default {font-size:20px}
	.btn.btn-default.cartBtn {width:100%;margin:15px}
}
@media (max-width: 468px) {
	#loginWrapper {height:800px}
	#loginWrapper #loginImage {margin-top:10px}
	.tagline>p {font-size:14px}
	.left-container, .right-container {width:50%;margin-left:0;margin-right:0;}
	.detail-pop-main-img {min-height:400px}
}
@media (max-width: 356px) {
	.toolbar-wrapper {height:60px !important}
	#logo {margin: 5px 0 0 2%}
        .tagline>p {font-size:18px}
}