* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 vid, mark, audio, video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
 body {
 	line-height: 1;
 }
 /*ol, ul {
 	list-style: none;
 } */
 blockquote, q {
 	quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
 	content: '';
 	content: none;
 }
 table {
 	/* border-collapse: collapse; */
 	border-spacing: 0;
 }


a:focus {
outline: none;
}







html {
 }





body{
font-family: 'Open Sans','Helvetica Neue','Helvetica',Helvetica,Arial,sans-serif;
font-weight:400;
font-size: 1.1em;
margin:0px;
padding:0px;
color:#414042;
line-height:1.5em;
 background-color:#ffffff;
}




a{
color:#006492;
text-decoration:none;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
font-weight:600;
}

a:link{ color:#006492;  }
a:visited{ color:#006492;  }
a:active{ color:#006492;  }
a:hover{
color:#006492;
text-decoration:none;
}



ul{
	ul:nth-of-type(1) {
  list-style-type: disc;
}
}

.wrapper{
width:100%;
margin:0px auto 0px;
padding:0px 0px 0px;
background-color:#ffffff;
}


hr {
    border: 0;
    height: 1px;
    background: #dedede;
	margin:50px 0px 50px 0px;
}






h1{
color:#000000;
font-family:'Open Sans',sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:26px;
font-size:26px;
font-weight:600;
}


h2{
font-family:'Open Sans',sans-serif;
color:#006492;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:22px;
line-height:1.23em;
font-weight:600;
padding-top:60px;
padding-bottom:20px;

}

h3{
font-family:'Open Sans',sans-serif;
color:#006492;
padding:75px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:26px;
line-height:1.23em;
margin-top:20px;
margin-bottom:20px;
font-weight:600;
}

h4{
color:#231f20;
padding:10px 0px 4px 0px;
margin:0px 0px 0px 0px;
font-size:15px;
line-height:15px;
font-weight:600;
}

h5{
font-family:'Open Sans',sans-serif;
color:#006492;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:22px;
line-height:1.23em;
font-weight:600;
padding-top:0px;
padding-bottom:10px;

}

h6{
font-family:'Open Sans',sans-serif;
color:#006492;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:22px;
line-height:1.23em;
font-weight:600;
padding-top:0px;
padding-bottom:20px;

}

p{
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}


p.bot-pad{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}


img{
border:0px;
margin:0px;
padding:0px;
}

.clear {clear:both;}




header{
padding:0px 0px 0px;
width:100%;
margin:0px auto 0px ;
}

header .content{
padding:20px 50px 20px;
max-width:1400px;
margin:0px auto 0px ;
}

.nav{
background-color:#ffffff;
width:100%;
}



.nav.sticky {
box-shadow: 1px -1px 6px 1px rgba(0,0,0,.2);
position:fixed;
top:0;
z-index: 999;
}



.nav .content{
padding:20px 50px 20px;
max-width:1400px;
margin:0px auto 0px ;
}





#navlist{

}


#navlist li
{
display: inline;
list-style-type: none;
padding-right: 30px;
}

#small-menu-button{
background-image: url("../images/menu.png");
background-repeat:no-repeat;
background-size:cover;
background-position: center;
width:55px;
height:55px;
cursor:pointer;
text-indent:-9999px;
float:right;
}


.logo.small{
float:left;
margin: 10px;
}



/**********************  HERO **********************/

.hero{
background-image: url("https://www.cewire2024.com/images/background-hero-2024-r2.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position: center;
}

.hero .content{
padding:0px 0px 0px;
max-width:1400px;
margin:0px auto 0px ;
}



.hero .left{
width:680px;
float:left;
padding:50px;
}

.hero .box{
padding:40px;
background-color:#e5e6e7;
}


.hero p{
margin:0px 0px 0px 0px;
padding:15px 0px 0px 0px;
}

a.button{
color:#ffffff;
background-color:#006492;
padding:15px 40px 15px;
display:inline-block;
text-decoration:none;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
margin:35px 0px 0px 0px;
font-size: 16px;
line-height:16px;
}

a.button:link{ color:#ffffff;  }
a.button:visited{ color:#ffffff;  }
a.button:active{ color:#ffffff;  }
a.button:hover{
background-color:#09628c;;
text-decoration:none;
}

/**********************  VIDEO **********************/

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**********************  SECTION **********************/

.section{
padding:0px 50px 0px;
max-width:1400px;
margin:0px auto 0px ;
}


.section .left{
width:50%;
float:left;
}

.section .left .video{
width:100%;
padding:10px 0px 0px 0px;
}


.section .right{
width:50%;
float:right;
font-size:16px;
line-height:1.4;
padding-left:50px;
}

ul.square {
list-style-type: square;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

ul.square li {
padding:5px 0px 10px 0px;
}











footer{
font-family: 'Hind', 'Frutiger Next','Helvetica Neue','Helvetica',Helvetica,Arial,sans-serif;
font-weight:400;
font-size: 12px;
padding:40px 50px 40px;
max-width:1400px;
margin:0px auto 0px;
color:#929497;
line-height:12px;
text-align:right;
}

.small{display:none;}
.large{display:block;}
.small2{display:block;}



/**********************  LARGE STYLES **********************/

@media all and (min-width: 768px) {




}



/**********************  MEDIUM STYLES **********************/
@media all  and (max-width: 1023px) {



	 .wrapper{

	 }


}


/**********************  SMALL STYLES **********************/
@media all and (max-width: 767px) {


	.hero .left{
	width:100%;
	float:none;
	padding:50px;
	background-image: url("https://www.odwire.org/img/cewire/background-hero-no-logo-2020-r3.jpg");

	}




	 .wrapper{
	 width:100%;
	 margin:0px auto;
	 padding:0px 0px;
	 }


	 .section .left{
	 width:100%;
	 float:none;
	 }

	.section .left .video-container{
	 margin:0px 0px 20px 0px;

	 }

	 .section .right{
	 width:100%;
	 float:none;
	 padding-left:0px;
	}
	.nav .content {
	    padding: 20px 20px 20px;
	}
	header .content {
	    padding: 20px 20px 20px;
	}

	.section {
	    padding: 30px 20px 30px;
	}


}


/**********************  SMALL STYLES **********************/
@media all and (min-width: 611px) {

	.small2{display:block !important;}

}




/**********************  SMALL STYLES **********************/
@media all and (max-width: 610px) {

 	.small{display:block;}
 	.small2{display:none;}
 	.large{display:none;}

	.nav .content {
	    padding: 0px 0px 0px;
	}

	#navlist{
	background-color:#ffffff;
	}


	#navlist li
	{
	display: block;
	border-top:1px solid #efefef;
	padding-right: 0px;
	}



	#navlist li a
	{
	display: block;
	padding: 13px 10px 10px 10px;
	width: 100%;
	}







	h3 {
	padding: 50px 0px 0px 0px;

	}


	.nav {
	    box-shadow: 1px -1px 6px 1px rgba(0,0,0,.2);
	    position: fixed;
	    top: 0;
	    z-index: 999;
	}

	header .content {
	    display:none;
	}
	header .nav .content {
	    display:block;
	}
	.hero {
	    margin-top: 55px;
	}


	.hero .left {
	    padding: 20px;
	}
	.hero .box {
	    padding: 20px;
	}


	#myTable td:nth-child(1) {
		width: 65% !important;
		text-align:left !important;
	}

	#myTable td:nth-child(2),
	#myTable td:nth-child(3),
	#myTable td:nth-child(4) {
		width: 5% !important;
		text-align: center !important;
	}


	#myTable tr.odd {
		background-color: #f2f2f2; /* Light gray */
	}

	#myTable tr.even {
		background-color: #ffffff; /* White */
	}

}