body {background-color:#D2D2D2}

.container{ border-left:1px solid gray; border-right:1px solid gray; padding:0; overflow:hidden; background-color:white;}


/* MAIN STYLES */
main {padding:25px 60px; display: block; font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif; min-width:100%;}

.header {text-align: center;}
h1 {color: #666666; font-size: 2.5rem; font-weight: 300; width:100%; padding-bottom:30px; }
h2 {color:#19499c; font-size:1.5rem; font-weight:600;}
h3 {color:#19499c; font-size:1.125rem; font-weight:800;}
h4 {font-size:1.125rem;font-weight:600;}

main a {color: #19499c; font-weight: 600;}

.nowrap{white-space:nowrap}

/* HOME */
.card-wrapper {margin-bottom:30px;text-align: center;}
.card { background-color: #f3f4f4; text-align: center;border-radius: 0;line-height:1.3 !important;}

.card-body p{padding:0 15px;}

 p.card-text{ margin-bottom: 5px !important;}

.card a{text-transform: uppercase; font-size:.875rem; font-weight: 700;}
main .card-img-top {
    max-width:100%; height:auto;
    text-align: center;
    margin:0 auto;
}

.card-body {
    padding: 0 0 1.25rem 0
}

#accordion .card { text-align:left; background-color: transparent; line-height: 1.3 !important; border:none;}
#accordion .card-body { padding: 1.25rem 0; }

#accordion .card a {
    text-transform: capitalize;
    color: #19499c;
    font-size: 1.5rem;
    font-weight: 600;
    display: inline-block;
    padding-right:25px;
}

#accordion .card h2 a{
  position: relative;
}
  
#accordion .card h2 a::after {
	content: "\f105";
	color: #333;
	top: 3px;
	right: 0px;
	position: absolute;
    font-family: "FontAwesome"
}

#accordion .card h2 a[aria-expanded="true"]::after {
	content: "\f107";
}

#accordion .card-header {
    padding: .75rem 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}
#accordion .card p,
#accordion .card-body p { padding: 0; line-height: 1.5; }


.gray { margin-top:20px;}
.gray em {color:#333;}
.home-thru-hole {text-align:center; margin:25px auto;}
.home-thru-hole h2{font-weight:700; font-size:2rem;}
.home-thru-hole p{font-size:1.4rem; color:#595959;}

main ul {padding-left:0;font-size:18px;}
main ul li:first-of-type {padding-top:5px;}
main ul li {margin-left: 40px; padding-bottom:5px;}
main p {font-size:18px;}
.row.gray-panel {background-color: #f4f4f4; margin:40px auto; padding:30px 40px;}
.row.gray-panel div {padding-right: 30px;}
.row.gray-panel p {font-size:16px;}

/* HEADER IMAGE */
.header-image {position:relative; min-width:100%; height:185px; margin-bottom:15px;}
.header-image h1 {position: absolute; left:80px; top:90px; font-size: 50px; color:#000000;width:auto}
.header-image h1.white {color: white; text-shadow: 0 0 33px rgba(0,0,0, 1);}
.header-image h1.double {top:40px; line-height:1.2;}



.reeltoreel {
    width: 100%;
    border: 2px solid #ccc;
    margin: 15px 0;
}

.reeltoreel td {
    text-align: center;
    padding: 5px;
}

h1.white.double.article {font-size:36px; line-height: 1.2; width:86%}


.literature select {margin-bottom: 1rem;}

.img-right {width:330px; padding-left:25px; padding-bottom:10px;}

/* GLOBAL SLIDER CTAS*/

 .sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -185px;
		top:45%;
		width: 300px;
        z-index: 1000;   
	}

.sticky-first li:hover p { float: right;}
.sticky li{
    list-style-type: none;
    background-color: #231f20;
    color: #efefef;
    height: 75px;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor: pointer;
}

.sticky li:hover{ margin-left: -215px;}
.sticky li img{ float: left; width:75px; margin-right: 20px;}
.sticky li p{ padding: 0; margin: 0px; text-transform: uppercase; line-height: 75px; font-size:20px;}
.sticky li p a {color: #efefef;}

.article {
    width: 100%;
    margin: 15px 0;
}

.article tr:first-of-type {
    border-top: 1px solid #cccccc;
}
.article tr {
    border-bottom: 1px solid #cccccc;
}

.article td {
    padding: 8px 4px;
}

/* BOTTOM CTA */
.cta-bottom {background:#000000 url("../img/cta-background.jpg") no-repeat 0 -140px ; height:210px; margin-bottom: -20px; color:white; padding:50px; margin-left:0;}
.cta-bottom h4 {font-size:36px; font-weight: bold; text-transform: uppercase; line-height: 38px;}
.cta-bottom h5 {font-size:22px; font-weight: 300; font-style: italic;}
.cta-bottom .col-md-5 {text-align: center;}
.cta-bottom p {font-size:21px; line-height:25px;font-weight: 300;}
.cta-bottom a {font-size:21px;padding:10px 25px; color:black; background-color:gold; border-radius: 5px; font-weight:bold; display: inline-block;}


/* FOOTER STYLES */
footer {width:100%; margin:0;}
footer .row {margin:0;}
footer .gray {background-color: #e6e7e8; padding:30px 50px;font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif; display: inline-block;}
footer .footer-images img{padding-right:13px;}
footer .blue {background-color: #19499c; padding:20px 50px; color:white;display: inline-block;}
footer .blue p{margin-bottom: 0; line-height:2rem}
footer .blue .social-media {text-align:right; font-size:1.75rem;}
.social-media i {padding-left: 10px; color:white;}

footer .blue span {display: inline-block;color:#00aaf1;}
footer .blue span a{color:#5ab3eb; font-size:14px;}
footer .blue span a:hover{color:rgba(255, 255, 255, .4);}
/* MEDIA QUERIES */

@media (min-width: 1200px){
	.container{max-width:1200px;}
	.navbar-brand { width: 128px; text-align: center;}
	.navbar-dark .navbar-nav .nav-link { font-size: 18px;}
}

@media (max-width: 1200px){
	.container{max-width:100%; border:none;}
	.navbar-brand { width: 60px;}
	.navbar-dark .navbar-nav .nav-link { font-size: 18px;}
    

}

@media (max-width: 1071px){
	li.nav-item { padding-right: 4px;}
	.navbar-dark .navbar-nav .nav-link { font-size: 17px;}
    .cta-bottom {background-position:  0 -140px; height:235px; padding:30px; }
    .cta-bottom h4 {font-size:34px;}
    .cta-bottom h5 {font-size:20px;}
    .cta-bottom p {font-size:18px;}
    .navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem;padding-left: .5rem;}

}

@media (max-width: 990px){
	li.nav-item { padding-right: 3px;}
	.navbar-dark .navbar-nav .nav-link { font-size: 17px;}
	.navbar-brand {width: 60px;}
    .navbar-expand-md .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem;}
}

@media (max-width: 929px){
	.navbar-dark .navbar-nav .nav-link { font-size: 16px;}
}

@media (max-width: 885px){
	li.nav-item { padding-right: 2px;}
	.navbar-dark .navbar-nav .nav-link { font-size: 15px;}
	.navbar-expand-md .navbar-nav .dropdown-menu { left: -92px;}
	.mega-menu.company {left: -491px !important;}
}


@media (max-width: 836px){
	li.nav-item { padding-right: 1px;}
	.navbar-dark .navbar-nav .nav-link { font-size: 15px;}
    .sticky-container {display:none;}
}

@media (max-width: 792px){
	li.nav-item { padding-right: 0;}
	.navbar-dark .navbar-nav .nav-link { font-size: 15px;}
	.header-image h1 {font-size: 40px;}
}
@media (max-width:768px){
	.mega-menu, .mega-menu.gmf { left: 20px; width: 769px;top: 60px;}
	.mega-menu.company { right: 0; width: 600px;top: 60px;}
	.navbar-expand-md .navbar-nav .dropdown-menu { left: -80px;}
	.row.gray-panel {background-color: #f4f4f4; margin:40px auto; padding:20px 20px;}
	.row.gray-panel div {padding-right: 15px;}
	h1.white.double.article {font-size:30px;}
    
    .cta-bottom {background-position:  0 0; height:400px; padding:50px 20px; text-align: center}
    .cta-bottom h4 {font-size:34px;}
    .cta-bottom h5 {font-size:20px;}
    .cta-bottom p {font-size:18px;}
    footer .blue p {font-size: 14px;}
	}


@media(max-width:767px){
    .navbar-brand {right: 253px; top:40px;}
	.mega-menu, .mega-menu.gmf, .mega-menu.company { margin-left: -15px; width: calc(100% + 16px); margin-bottom:-1px;}
	li.nav-item {padding-left: 15px; border-bottom:1px solid #444;}
	li.nav-item:first-of-type {border-top:1px solid #444;}
	.navbar-dark .navbar-nav .nav-link { font-size: 15px;}
	.navbar-toggler, .navbar-toggler:focus { background-color: rgba(255,255,255,.15); border: 1px solid transparent; margin:43px 15px 28px 0;}
    #navbarSupportedContent {
    margin-top: 0;
        margin-left:-16px;
        margin-right:-16px;
        z-index:2000;
        background-color: black;;
        width:100%;
}
}

@media(max-width:576px){
	main,
	footer .gray,
	footer .blue {padding:12px 30px;}
	.home-thru-hole h2{font-size:1.8rem;}
	.home-thru-hole p{font-size:1rem;}
	.header-image h1 {left: 38px; top:100px; font-size:2rem;}

	h2 {font-size:1.375rem;}

	h1.white.double.article {top:20px;}
    
    .img-right {width:250px;}
    
     .navbar-brand {right: 200px;}
    .contact-top { right:10px;}
    .products-top {right: 145px;}
    .cta-bottom h4 {font-size:28px;}
    .cta-bottom p {font-size:15px;}
    .president-top {right:292px;}

}

@media(max-width:400px){
.img-right {width:100%; padding:15px;}
    main,
	footer .gray,
	footer .blue {padding:12px;}
    
}