.bottom_bg {
	margin-top: 20px;
	background-image: url('/images/form_bg.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.form_center {
    text-align:center;
}

 .google-maps {
        position: relative;
        padding-bottom: 13%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.contact_form_section {
   font-family:arial;
   color:#ffffff !important;
   font-size:29px !important;
   text-align:center;
   font-weight:normal !important;
   padding-top:40px;
   padding-bottom:40px;
}

.contact_form_section a {
   font-family:arial;
   color:#ffffff !important;
   font-size:20px !important;
   text-align:center;
   font-weight:normal !important;
   padding-top:40px;
}

.contact_form_section a:hover {
   font-family:arial;
   color:#ffffff !important;
   font-size:20px !important;
   text-align:center;
   font-weight:normal !important;
   padding-top:40px;
   text-decoration:none;
}

body{
	background-color:#e6f6ff !important;
}

.gallery_buttons {
                 text-align:center;
                 padding-top:10px;
}

.pad_bottom {
      padding-bottom:10px;
}

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

.shop_now {
    color:#ed2327 !important;
    font-weight:bold !important;
}

.shop_now a {
    color:#ed2327 !important;
    font-weight:bold !important;
}

.shop_now a:hover {
    color:#d4d4d4 !important;
    font-weight:bold !important;
}

.cfot_member2 {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
  margin-top:15px;
}

.postings_off {
      background-color:#ffffff;
      padding:10px;
}

.postings_on {
      padding:10px;
}

.cfot {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
  margin-top:15px;
}

.cfot a {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
  margin-top:15px;
}

.cfot a.sel {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
  margin-top:15px;
}

.cfot a:hover {
  font-family:'century gothic' !important;
  color:#818181 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
  margin-top:15px;
}

#exTab1 .tab-content {
  color : #000000;
  background-color: #ffffff;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : #000000;
  background-color: #ffffff;
  padding : 5px 15px;
}

a {
  color:#ffffff;
}

a.sel {
  color:#ffffff;
  font-size:14px !important;
}

a:hover {
  color:#818181;
  font-size:14px;
  text-decoration:none;
}


/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

.tab-pane {
  background-color:#ffffff;
  padding:10px;
}

.tab-text {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  padding-left:17px;
  text-align:left ;
  font-weight:normal !important;
}

.tab-text2 {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
  padding-top:35px;
}

.tab-text3 {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
  padding-top:55px;
}

.news_head {
  font-family:'century gothic' !important;
  color:#585858 !important;
  font-size:25px !important;
  line-height:30px;
  text-align:left ;
  font-weight:bold !important;
  margin-bottom:-1px;
}

.red_text {
  font-family:'century gothic' !important;
  color:#ff0000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center;
  font-weight:bold !important;
  padding-top:20px;
}

.canovate_text {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center;
  font-weight:normal !important;
  padding-top:20px;
}

.inside_text {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
}

.inside_text a {
  font-family:'century gothic' !important;
  color:#337ab7 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
}

.inside_text a.sel {
  font-family:'century gothic' !important;
  color:#337ab7 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
}

.inside_text a:hover {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
}

.tab-text4 {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
  padding-top:20px;
}

.tab-text4 a {
  font-family:'century gothic' !important;
  color:#337ab7 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;

  padding-top:20px;
}

.tab-text4 a.sel {
  font-family:'century gothic' !important;
  color:#337ab7 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
  padding-top:20px;
}

.tab-text4 a:hover {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:left ;
  font-weight:normal !important;
  padding-top:20px;
}

.tab-text5 {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:14px !important;
  line-height:28px;
  text-align:left ;
  font-weight:normal !important;
  padding-top:20px;
}

.tab-text5 a {
  font-family:'century gothic' !important;
  color:#337ab7 !important;
  font-size:14px !important;
  line-height:28px;
  text-align:left ;
  font-weight:normal !important;
  padding-top:20px;
}

.tab-text5 a.sel {
  font-family:'century gothic' !important;
  color:#337ab7 !important;
  font-size:14px !important;
  line-height:28px;
  text-align:left ;
  font-weight:normal !important;
  padding-top:20px;
}

.tab-text5 a:hover {
  font-family:'century gothic' !important;
  color:#000000 !important;
  font-size:14px !important;
  line-height:28px;
  text-align:left ;
  font-weight:normal !important;
  padding-top:20px;
}

.inner_text {
     margin-top:20px;
}

.inner_text a {
     color:#000000;
}

.inner_text_right {
     margin-top:20px;
     text-align:right !important;
}

.inner_text_center {
     margin-top:20px;
     text-align:center !important;
}

.tab_more_info {
  font-family:'century gothic' !important;
  color:#fe0000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:bold !important;
  padding-top:40px;
  padding-bottom:10px;
}


.tab_more_info a {
  font-family:'century gothic' !important;
  color:#fe0000 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:bold !important;
}

.tab_more_info a:hover {
  font-family:'century gothic' !important;
  color:#818181 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:bold !important;
}

.title_pad {
    margin-top:30px;
    margin-bottom:30px;
}


.title_pad2 {
    margin-top:0px;
    margin-bottom:30px;
}
.circle_space {
    padding-bottom:10px;
}

.subscribe {
  font-family:'century gothic' !important;
  color:#04407b !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
}

.subscribe a {
  font-family:'century gothic' !important;
  color:#04407b !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
}

.subscribe a:hover {
  font-family:'century gothic' !important;
  color:#818181 !important;
  font-size:16px !important;
  line-height:30px;
  text-align:center ;
  font-weight:normal !important;
  text-decoration:none;
}

.navbar2 {
   background-color:#000;/*#166ec5;*/
}

.navbar3 {
   background-color:#000;/*#166ec5;*/
}


.social {
   margin-top:10px;
}

.foot_nav1 b {
   font-family:'century gothic' !important;
   font-size:14px !important;
   color:#ffffff;
}

.foot_nav1 {
   font-family:'century gothic' !important;
   font-size:12px !important;
   color:#ffffff;
}

.foot_nav1 a {
   font-family:'century gothic' !important;
   font-size:12px !important;
   color:#ffffff;
}

.foot_nav1 a:hover {
   font-family:'century gothic' !important;
   font-size:12px !important;
   color:#c0bbbb;
   text-decoration:none;
}

.foot_nav1 a.sel {
   font-family:'century gothic' !important;
   font-size:12px !important;
   color:#ffffff;
}

.foot_nav_head b {
   font-family:'century gothic' !important;
   font-size:14px !important;
   color:#ffffff !important;
   font-weight:bold;
}

.foot_nav_small {
   font-family:'century gothic' !important;
   text-align:center;
   font-size:12px !important;
   color:#ffffff;
}

.foot_nav_small a {
   font-family:'century gothic' !important;
   text-align:center;
   font-size:12px !important;
   color:#ffffff;
}

.foot_nav_small a:hover {
   font-family:'century gothic' !important;
   text-align:center;
   font-size:12px !important;
   color:#c0bbbb;
   text-decoration:none;
}

.pull-right {
        color:#ffffff !important;
        padding:10px;
        font-size:12px !important;
    font-family:'century gothic' !important;
}

.pull-right a {
        color:#ffffff !important;
        font-size:12px !important;
    font-family:'century gothic' !important;
}

.pull-right a.sel {
        color:#ffffff !important;
        font-size:12px !important;
     font-family:'century gothic' !important;
}

.pull-right a:hover {
        color:#ffffff !important;
        text-decoration:none !important;
        font-size:12px !important;
        letter-spacing:4px !important;
     font-family:'century gothic' !important;
}
.copy {
	color: #ffffff !important;
    text-align:center !important;
	font-size:12px;
	font-family:'century gothic' !important;
}

.copy a {
	color: #ffffff !important;
    text-align:center !important;
	font-size:12px;
	font-family:'century gothic' !important;
}
.copy a:hover {
	color: #818181 !important;
    text-align:center !important;
	font-size:12px;
	font-family:'century gothic' !important;
}

.designby{
	color: #ffffff !important;
	padding:10px;
	font-size:12px;
	font-family:'century gothic' !important;
	text-align:right;
}
.designby a{
	color: #ffffff;
	font-size:12px;
}
.designby a:hover{
	color: #ccc;
	font-size:12px;
}

footer {
     background-color:#000;/*#166ec5;*/
	 clear:after;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : #000000;
  background-color: #ffffff;
  padding : 5px 15px;
}

#exTab4 .tab-content {
  color : #000000;
  background-color: #ffffff;
  padding : 5px 15px;
}

#blue_line {
  height:9px;
  width:100%;
  background-color:#04407c;
}



.whitebg {
  background-color:#ffffff;
}

.footer {
  background-color:#166ec5;

}


/********************************
           Start Header
********************************/

/* Top Black Bar */
.black_bar {
	background-color:#000000;
	width:100%;
	font-family:Arial, Geneva, SunSans-Regular, sans-serif;
	color:#ffffff !important;
	font-size: 1em;
	font-weight: 700;
	text-align:right ;
}

.black_bar a {
     font-family:Arial, Geneva, SunSans-Regular, sans-serif;
  color:#ffffff !important;
  font-size: 1em;
    font-weight: 700;
  line-height:30px;
  text-align:right ;
}

.black_bar a.sel {
     font-family:Arial, Geneva, SunSans-Regular, sans-serif;
  color:#ffffff !important;
  font-size: 1em;
    font-weight: 700;
  line-height:30px;
  text-align:right ;
}

.black_bar a:hover {
     font-family:Arial, Geneva, SunSans-Regular, sans-serif;
  color:#818181 !important;
  text-decoration:none;
 font-size: 1em;
    font-weight: 700;
  line-height:30px;
  text-align:right ;
}
/* End Top Black Bar */

/* Logo Stuff */
.brand {
    width: 420px;
    display: block;
    margin: 0px auto;
}
.logo {
    margin:0px;
	padding:0px;
    width:100%;
}
/* End Logo Stuff */


/* Top Nav Stuff */
header{
    background: #fff;
    border-bottom:1px solid #0060bf;
    position: fixed;
    width:100%;
    z-index: 10;
    top:0;
}
header .nav_container{
	padding: 15px 40px 20px;
	background-image: url('/images/nav_back.png');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}
.main-nav {
    position: unset;
    display: flex;
    justify-content: center;
}

header nav{
    float: right;
    margin-top:12px;
}
header nav ul li{
    float:left;
	font-size: 16px;
}
header nav ul li a{
    display: inline-block;
    color:#FFF;
	text-decoration:none;
	font-size: 16px;
}
header .nav{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
header .nav>li>a:focus, header .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent !important;
	color:#ccc;
	font-size: 16px;
}

header .nav .open>a, header .nav .open>a:focus, header .nav .open>a:hover {
	background-color: #2763af !important;
	color: #fff !important;
	border: 0px;
}

header .nav > li.dropdown.open .dropdown-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  	align-items: center;
    text-align: center;
	margin: 0px;
    margin-top: -1px;
	background-color: #2763af !important;
	color: #fff !important;
	border: 0px;
 }

.dropdown-menu>li>a{
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	padding: 6px 20px;
	min-width:100px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: transparent;
	background-image: none !important;
	color: #ccc;
	text-decoration: none;
	font-size: 16px;
}

/* full width bar style */
@media only screen and (min-width: 768px){
	header .nav > li.dropdown.open {
		position: static;
	}
	header .nav > li.dropdown.open .dropdown-menu {
		margin-top: -23px;
	}
	header .nav > li.dropdown.open .dropdown-menu {
		width: 100%;
		padding: 10px 200px;
	}
}
/* very small mobile phone screens */
@media only screen and (max-width: 767px)  {
	.navbar-collapse {
		box-shadow: none;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 450px;
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.brand {
		width: 70%;
		display: block;
		margin: 0px;
	}
	.logo{
		width:100%;
	}
	header .nav {
		display: flex;
		flex-wrap: wrap;
		align-items: end;
		text-align: left;
		flex-direction: column;
		width: 100%;
	}
	header .nav li {
		width: 100%;
	}
	header .nav>li>a {
		padding: 5px;
		font-size: 24px !important;
	}
	header .dropdown-menu>li>a {
		font-size: 20px !important;
	}
	.dropdown-menu>li>a {
		padding: 2px 0px 2px 30px !important;
	}
	header .nav .open>a, header .nav .open>a:focus, header .nav .open>a:hover {
		background-color: transparent !important;
		color: #fff !important;
		border: 0px;
	}
	header .nav > li.dropdown.open .dropdown-menu {
		display: flex;
		flex-wrap: wrap;
		align-items: end;
		text-align: left;
		flex-direction: column;
		width: 100%;
		margin: 0px;
		background-color: transparent !important;
		color: #fff !important;
		border: 0px;
		box-shadow: none;
		position: relative;
    	top: 0px !important;
	 }
	.header2 {
		margin-top: 0px !important;
	}

	footer{
		padding-top: 20px;
	}
	.copy{
		font-size:12px !important;
		text-align:center;
	}
	.designby{
		font-size:10px !important;
		text-align:center;
	}
	.designby a{
		font-size:10px !important;
		color:
	}
	.nav-tabs h4 {
		font-size: 12px;
		font-weight: normal;
	}


}



.icon {
    fill: #fff;
	display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
/* full width bar style */
@media only screen and (min-width: 768px){
	.cart-box {
		text-align: right;
		padding: 4px 0px 0px 40px;
	}
	.cart-box-mobile{
		display: none;
	}
}
/* very small mobile phone screens */
@media only screen and (max-width: 767px)  {
	.cart-box {
		display: none;
	}
	.cart-box-mobile{
		text-align: right;
		padding: 12px 0px 0px 0px;
		float: right;
	}
}


b.caret {
    color: #fff;
    font-size: 22px;
}


/********************************
           End Header
********************************/

/* cable assembly rounds */
.ca-holder{
	position: relative;
}
.ca-round{
	width:118px;
	height:118px;
}
.ca-round img{
	width:118px;
	padding:0px;
	margin:0px;
	border:0px;
}
.span12 {
    min-height: 520px;
}
@media only screen and (max-width: 840px){
	.ca-round {
		position: relative;
		padding: 0px;
		margin: 10px 0px;
		display: inline-block;
		width: 48%;
		text-align: center;
	}
	.span12 {
		min-height: 200px !important;
	}
	.cable_assembly_text{
		width:80% !important;
	}

}
@media only screen and (min-width: 841px) and (max-width: 991px){
	.ca-round{
		position:absolute;
		padding:0px;
		margin:0px;
	}
	.ca-round.r1{
		top: 5%;
		left:5%;
	}
	.ca-round.r2{
		top: 37%;
		left:2%;
	}
	.ca-round.r3{
		bottom: 15%;
		left:5%;
	}
	.ca-round.r4{
		top: 5%;
		right:5%;
	}
	.ca-round.r5{
		top: 37%;
		right:2%;
	}
	.ca-round.r6{
		bottom: 15%;
		right:5%;
	}
}
@media only screen and (min-width: 992px){
	.ca-round{
		position:absolute;
		padding:0px;
		margin:0px;
	}
	.ca-round.r1{
		top: 5%;
		left:8%;
	}
	.ca-round.r2{
		top: 36%;
		left:5%;
	}
	.ca-round.r3{
		bottom: 12%;
		left:8%;
	}
	.ca-round.r4{
		top: 6%;
		right:8%;
	}
	.ca-round.r5{
		top: 36%;
		right:5%;
	}
	.ca-round.r6{
		bottom: 12%;
		right:8%;
	}
    .bye_big {
        display:none;
    }
}
@media only screen and (min-width: 1200px){
	.ca-round{
		position:absolute;
		padding:0px;
		margin:0px;
	}
	.ca-round.r1{
		top: 5%;
		left:15%;
	}
	.ca-round.r2{
		top: 36%;
		left:10%;
	}
	.ca-round.r3{
		bottom: 10%;
		left:15%;
	}
	.ca-round.r4{
		top: 6%;
		right:15%;
	}
	.ca-round.r5{
		top: 36%;
		right:10%;
	}
	.ca-round.r6{
		bottom: 10%;
		right:15%;
	}
}






.product_availability {
	background-color:#fe0000;
	/*height:65px;*/
	width:100%;
	font-family:'century gothic' !important;
	color:#ffffff;
	font-size:53px;
	text-align:center ;
	font-weight:normal;
}
.product_availability h5 {
	font-size:53px;
	text-align:center ;
	font-weight:normal;
}
#featured_tech {
	background-color:#04407c;
	/*height:75px;*/
	width:100%;
	font-family:'century gothic';
	color:#ffffff;
	font-size:53px;
	text-align:center ;
	font-weight:normal;
	padding-top:25px;
	border-bottom-left-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
	margin-bottom:5px;
	padding-bottom: 26px;
}

/* featured tech and prod avail boxes for small screens */
@media only screen and (max-width: 767px){
	#featured_tech {
		  font-size:18px !important;
	}
	.product_availability h5 {
		font-size: 18px !important;
	}
}


@media only screen and (max-width: 992px){
.sm_hide{
		display: none;
	}

    .bye {
        display:none;
    }

    .inside_text {
        text-align:center;
    }

}



/*HOME ROTATION*/
.rw-wrapper{
	margin: 110px auto 0 auto;
	font-family: 'century gothic';
	padding: 10px;
    text-align:center;
	position: relative;
}

.rw-sentence{
	margin: 0;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	margin-top: 60px;
	line-height: 45px;
}

.rw-sentence span{
	color: #585858;
	white-space: ;
	font-size: 40px;
	font-weight: normal;
}

.rw-words{
    width: 100%;
    text-align: center;
    margin: 20px auto;
    position: relative;
    display: block;
    clear: both;
    height: 40px;
}

.keep_scrolling {
    margin-top:100px;
}

.rw-words span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #6b969d;
    text-align:center;
    font-size:25px;

	width: 100%;
    margin: 0px auto;
    padding: 0px;
    top: 0;
    left: 0;
}

.rw-words-1 span{
	animation: rotateWordsFirst 18s linear infinite 0s;
}

.rw-words span:nth-child(2) {
	animation-delay: 3s;
	color: #6b889d;
}
.rw-words span:nth-child(3) {
	animation-delay: 6s;
	color: #6b739d;
}
.rw-words span:nth-child(4) {
	animation-delay: 9s;
	color: #7a6b9d;
}
.rw-words span:nth-child(5) {
	animation-delay: 12s;
	color: #8d6b9d;
}
.rw-words span:nth-child(6) {
	animation-delay: 15s;
	color: #9b6b9d;
}

/*Services - rotating words*/

.rw-words2{
    text-align: left;
    margin:10px auto;
    padding-left:17px;
    position: relative;
    display: block;
    clear: both;
    height: 40px;
}

.rw-words2 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #000000;
    text-align:left;
    font-size:25px;
}

.rw-words-1-2 span{
	animation: rotateWordsFirst 18s linear infinite 0s;
}

.rw-words2 span:nth-child(2) {
	animation-delay: 3s;
	color: #000000;
}
.rw-words2 span:nth-child(3) {
	animation-delay: 6s;
	color: #000000;
}
.rw-words2 span:nth-child(4) {
	animation-delay: 9s;
	color: #000000;
}
.rw-words2 span:nth-child(5) {
	animation-delay: 12s;
	color: #000000;
}
.rw-words2 span:nth-child(6) {
	animation-delay: 15s;
	color: #000000;
}

@keyframes rotateWordsFirst {
    0% { opacity: 1; animation-timing-function:linear; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}

@keyframes rotateWordsSecond {

    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}

.headergal {
	margin-top: 120px;
	background-image: url('/images/word_rotation_gallery.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}



.header2 {
	margin-top: 80px;
	background-image: url('/images/word_rotation_bg.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.header4 {
	margin-top: 120px;
	background-image: url('/images/word_rotation_bg_about2.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.header5 {
	margin-top: 120px;
	background-image: url('/images/word_rotation_bg_services2.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.patchcords {
	margin-top: 110px;
	background-image: url('/images/word_rotation_patchcords.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.jobboard {
	margin-top: 110px;
	background-image: url('/images/word_rotation_jobboard.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.newsevents {
	margin-top: 110px;
	background-image: url('/images/word_rotation_news.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.pigtails {
	margin-top: 110px;
	background-image: url('/images/word_rotation_pigtails.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.copper {
	margin-top: 110px;
	background-image: url('/images/word_rotation_copper.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.splicers {
	margin-top: 110px;
	background-image: url('/images/word_rotation_splicers.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.focable {
	margin-top: 110px;
	background-image: url('/images/word_rotation_focable.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.contactus {
	margin-top: 110px;
	background-image: url('/images/word_rotation_contact.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}

.canovate {
	margin-top: 110px;
	background-image: url('/images/word_rotation_canovate.jpg');
    background-size: cover;
    background-position: top center;
    background-color:#ffffff !important;
}


.nyc {
    margin-top: 110px;
}

.header3 {
	margin-top: 110px;
	background-image: url('/images/word_rotation_bg.jpg');
    background-size: cover;
    height:600px;
    background-position: top center;
    background-color:#ffffff !important;
}

.classWithPad { margin:10px; padding:10px; }

.bg-image {
  background: url('/images/cable_assembly.png') no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  }

  .bg-image2 {
  background: url('/images/cree_bg.png') no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

  .side_form {
     text-align:right;
     margin-top:30px;
     margin-bottom:30px;

  }

  .cfot_member {
    font-family:'century gothic' !important;
    color:#585858 !important;
    font-size:30px !important;
    text-align:left;
    font-weight:normal !important;
	line-height: 45px !important;
  }


h1 {
    font-family:'century gothic' ;
    color:#ffffff ;
    font-size:53px ;
    text-align:center ;
    font-weight:normal ;
    padding-top:30px;
    padding-bottom:30px;
	line-height: 53px ;
  }
h2 {
    font-family:'century gothic' ;
    color:#585858 ;
    font-size:45px ;
    text-align:center ;
    font-weight:normal ;
    padding-top:30px;
    padding-bottom:30px;
	line-height: 55px ;
  }
h2 a {
    font-family:'century gothic' ;
    color:#585858 ;
    font-size:25px ;
    text-align:center ;
    font-weight:normal ;
    padding-top:30px;
    padding-bottom:30px;
	line-height: 55px ;
  }
h2 a.sel {
    font-family:'century gothic' ;
    color:#585858 ;
    font-size:25px ;
    text-align:center ;
    font-weight:normal ;
    padding-top:30px;
    padding-bottom:30px;
	line-height: 55px ;
  }
h2 a:hover {
    font-family:'century gothic' ;
    color:#818181 ;
    font-size:25px ;
    text-align:center ;
    font-weight:normal ;
    padding-top:30px;
    padding-bottom:30px;
	line-height: 55px ;
  }
h3 {
    font-family:'century gothic' ;
    color:#585858 ;
    font-size:25px ;
    text-align:left ;
    font-weight:bold ;
  }
h4 {
  font-family:'century gothic' ;
  color:#000000 ;
  font-size:18px ;
  font-weight:bold ;
  line-height: 20px ;
}
h5 {
    font-family:'century gothic' ;
    color:#ffffff;
    font-size:42px;
    text-align:center ;
    font-weight:normal;
	line-height: 42px;
  }
h6 {
    font-family:'century gothic' ;
    color:#585858 ;
    font-size:20px ;
    text-align:center ;
    font-weight:bold ;
  }
h6 a{
    font-family:'century gothic' ;
    color:#337ab7 ;
    font-size:18px ;
    text-align:center ;
    font-weight:bold ;
  }
h6 a:hover {
    font-family:'century gothic' ;
    color:#818181 ;
    font-size:18px ;
    text-align:center ;
    font-weight:bold ;
  }

   .click_shop {
    font-family:'century gothic' !important;
    color:#585858 !important;
    font-size:35px !important;
    text-align:center ;
    font-weight:bold !important;
  }

    .click_shop a{
    font-family:'century gothic' !important;
    color:#337ab7 !important;
    font-size:35px !important;
    text-align:center ;
    font-weight:bold !important;
  }

  .click_shop a:hover {
    font-family:'century gothic' !important;
    color:#818181 !important;
    font-size:35px !important;
    text-align:center ;
    font-weight:bold !important;
  }

  #nav_line {
      height:1px;
      background-color:#ffffff;
      width:100%;
      margin-top:5px;
  }




  .cable_assembly_text {
       font-family:'century gothic';
       color:#ffffff;
       width:33%;
       text-align:center;
       margin-left:auto;
       margin-right:auto;

  }


  .product_title {
       color:#000000 !important;
  }


  .circle_text {
       font-family:'century gothic';
       color:#636365;
       font-size:12px !important;
       line-height:14px;
       text-align:center;
  }

   .circle_text a {
       font-family:'century gothic';
       color:#bf0408;
       font-size:12px !important;
       line-height:14px;
       text-align:center;
  }

   .circle_text a:hover {
       font-family:'century gothic';
       color:#bf0408;
       font-size:12px !important;
       line-height:14px;
       text-align:center;
       text-decoration:none;
  }

 p a:hover {
       text-decoration:none;
  }

    .cree_text {
       background-color:#ffffff;
       opacity:.7;
       font-family:'century gothic';
       color:#ffffff;
       width:100%;
       text-align:center;
       margin-left:auto;
       margin-right:auto;

  }

    .cree_text_inside {
       background-color:#ffffff;
       opacity:.7;
       font-family:'century gothic';
       color:#000000;
       width:33%;
       text-align:left;
       margin-left:auto;
       margin-right:auto;

  }

@media (max-width: 767px){
    body {
        padding-left: 0px !important;
        padding-right: 0px  !important;
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0px  !important;
        margin-right: 0px  !important;
    }
}





/* navigation tab settings */
.nav-tabs>li {
    width: 25%;/* set this based on # of tabs */
}
.nav-tabs img {
    width: 90%;
    height: 90%;
}

.fix-tab-space{
	min-height:40px;
}


#exTab2{
  margin-bottom: 30px;
}



.equal{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}