@charset "UTF-8";


.panduit-logo {
	float: left;
	padding-right: 100px;
}


.panduit-blue-bg {
    background: #004976;
}

.panduit-blue-2-bg {
    background: #0085ad;
}


/*  accordion  */
.accordion {
  background-color: #004976;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: 1px solid #fff;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #0085ad;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/*  accordion  */


a.link-panduit:link, a.link-panduit:visited {
	
	font-size: 20px;
    font-family: "Avenir",Arial;
    line-height: 30px;
    color: #878787;	
} 

a.link-panduit:hover, a.link-panduit:active {
	font-size: 20px;
    font-family: "Avenir",Arial;
    line-height: 30px;
    color: #84bd00;
	
}



.formpanduit-copy{
	width: 30%;
	padding: 14% 4%;
	margin: auto;
	float: left;
	text-align: left;
	vertical-align: middle;
	background-image: url(/panduit/images/form-color.jpg);
    background-repeat: no-repeat;
    background-position: 0px center;
}



.panduit-logo {
	float: left;
	padding-right: 85px;
	padding-left: 0px;
}

.clean-button-panduit, a.clean-button-panduit {
	margin: 1em 0;
	background-color: #0085ad;
	color: #fff;
	text-decoration:none;
	text-transform: uppercase;
	border: 1px solid #0085ad;
}
.clean-button-panduit:hover, .clean-button-panduit:focus {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.05) 0, rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-image: -o-linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-image: linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	background-color: #004976;
	text-decoration: none;
	border: 1px solid #fff;
}



/* The navigation bar */
.navbar {
  overflow: hidden;
  background-color: #FFF;
  position: relative; /* Set the navbar to fixed position */
  width: 100%; /* Full width */
	
}

/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 25px 16px;
  text-decoration: none;
   font-family: "Avenir",Arial;
  font-size: 17px;
  font-weight: bold;
}


/* Change background on mouse-over */

.navbar a {
	
  position: relative;
  color: #000;
  text-decoration: none;
}

.navbar a:hover {
  color: #39849e;
}



/* END OF The navigation bar */





@media screen and (min-width: 768px) and (max-width: 1024px) {

.panduit-logo {
	float: left;
	padding-right: 40px;
	padding-left: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 767px){
.panduit-logo {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
	
	
}

@media only screen and (min-width: 0px) and (max-width: 320px){
	.panduit-logo {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
	
}

@media screen and (min-width: 10px) and (max-width: 989px) {
	
	.formpanduit-copy{
	width: 96%;
	padding: 2em 2%;
	margin: auto;
	float: none;
	text-align: left;
	vertical-align: middle;
	background-image: url(/panduit/images/form-color.jpg);
	background-color: #000;
    background-repeat: no-repeat;
	background-position: center;
}
	
}