@charset "utf-8";
/*
 *  template-alpha.css
 *
 *  Edited by Robert Williams Updated 2024-06-26
 *
*/

/* This is for Development to mark Boundaries */
block{display:none; margin:0; padding:0; border:0; }

/*
* { padding: 0; margin: 0; font-family:schoolbook, times, serif, sans-serif, cursive, monospace; }
*/
* { padding: 0; margin: 0; font-family:Helvetica; }

/* body {background: #f2f4f6; height: 200vh; } */

body {background-color: #eee; padding-top: 0; min-height: 200vh;}


/* .container-jrdcomms {max-width: 1101px; } */
.container-jrdcomms {width: 100%; margin: 0; }


/* Page Header */
#header {width: 100%; border-top: 5px solid blue; background: #515151 url(https://test.echuca.rawbuilt.com/jrd/images/bg-header.jpg); background-color: #515151; box-shadow:0 0 20px 0 rgba(0,0,0,0.9); }

.header {margin: auto; max-width: 1101px; position: relative; padding: 10px; min-height: 110px; box-shadow:0 0 7px -7 rgba(0,0,0,0.5); z-index: 10; }


/* Logo */
.logo {position: relative; top: 15px; left:0px;}

/* Social Media */
.social-media {position: relative; text-align: right;}

/* Social Media buttons */
.item-117 {position: absolute; top:10px; right:90px; width:25px; height: 25px; background-color: #515151; background: url(/pics/twitter_25.png) no-repeat 50% 50%; opacity: 0.5; text-align: left; overflow:hidden; }
.item-117:hover {background-image: url(/pics/twitter_25.png) no-repeat 50% 50%;	 opacity: 1; background-size: cover;}
.item-118 {position: absolute; top:10px; right:60px; width:25px; height: 25px; background-color: #515151; background: url(/pics/facebook_25.png) no-repeat 50% 50%; opacity: 0.5; text-align: left; overflow:hidden;}
.item-118:hover {background-image: url(/pics/facebook_25.png) no-repeat 50% 50%; opacity: 1; background-size: cover;}
.item-120 {position: absolute; top:10px; right:30px; width:25px; height: 25px; background-color: #515151; background: url(/pics/linkedin_25.png) no-repeat 50% 50%; opacity: 0.5; text-align: left; overflow:hidden;}
.item-120:hover { background-image: url(/pics/linkedin_25.png) no-repeat 50% 50%; opacity: 1; background-size: cover;}
.item-121 {position: absolute; top:10px; right:0px; width:25px; height: 25px; background-color: #515151; background: url(/pics/pinterest_25.png) no-repeat 50% 50%; opacity: 0.5; text-align: left; overflow:hidden;}
.item-121:hover {image: url(/pics/pinterest_25.png) no-repeat 50% 50%; opacity: 1; background-size: cover;}

/* Moto */
.motto {margin-top: 10px; font-size: 22px; color: #ccc; font-weight: normal; font-style: italic; text-shadow: 2px 2px #222; }
span.line {display: inline-block; }

/*
.menu {margin: 0 auto; max-width: 1101px; font-size: 18px; font-weight: 600; text-decoration: none; background: #343434; min-height: 80px; -moz-box-shadow: 0 0 7px -7 rgba(0,0,0,0.5);  -webkit-box-shadow: 0 0 7px -7 rgba(0,0,0,0.5); box-shadow: 0 0 7px -7 rgba(0,0,0,0.5); }
*/
.menu {margin: 0 auto; max-width: 1101px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; text-decoration: none; background: #343434; max-height: 40px; min-height: 40px; -moz-box-shadow: 0 0 7px -7 rgba(0,0,0,0.5);  -webkit-box-shadow: 0 0 7px -7 rgba(0,0,0,0.5); box-shadow: 0 0 7px -7 rgba(0,0,0,0.5); }

/* Nav Bar Menu*/
/*
#mobile {color: #fff; background-color: #343434; padding: 0; width: 35%;!important}
*/
#mobile {max-height: 40px; min-height: 40px; color: #fff; background-color: #343434; padding: 0; width: 32%;!important}

.dropright {top: 0; right: auto; left: 100%; margin-top: 0; margin-left: $dropdown-spacer;}

/*
#navbar, .navbarMenu, #demo { position: static; width: 100%; margin: 0 auto; z-index: 200;}
*/
#navbar, .navbarMenu, #demo {max-height: 40px;  min-height: 40px; position: static; width: 100%; margin: 0 auto; z-index: 200;}

/*
nav#navbar {width: 100%; min-height: 80px; background: #343434;  color: #eee;  top: 0;  position: relative; transition: all 0.5s linear; box-shadow:0 0 10px 0 rgba(0,0,0,0.9);  z-index: 200;}
*/
nav#navbar {width: 100%; min-height: 40px; max-height: 40px; background: #343434;  color: #eee;  top: 0;  position: relative; transition: all 0.5s linear; box-shadow:0 0 10px 0 rgba(0,0,0,0.9);  z-index: 200;}
body.fixed-nav nav#navbar {position: fixed; width: 100%; z-index: 200;}


/* Button tag (or current selection) and in menu autofocus */
/*
.button-tag {width: 122px; height: 75px; color: #fff; background-color: #343434; text-decoration: none; }
*/
.button-tag {width: 122px; height: 40px; color: #fff; background-color: #343434; text-decoration: none; text-align: left;}
.mobile-button-tag {width: 32%; height: 40px; color: #fff; background-color: #343434; text-decoration: none; text-align: left;}

/* Banner */
.banner {margin: auto; max-width: 1101px; height: 340px; background-color: #99caff; }

/* Bannertest */
.bannertest {margin: auto; max-width: 1101px; height: 340px; background-color: #343434; }

/* Banner Image cross fade */
.image-container-jrdcomm { position: relative; min-height: 340px; }
.image-container-jrdcomm img { position: absolute; animation-duration: 42s; animation-name: multiple-image-crossfade; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.image-container-jrdcomm img:nth-of-type(1) { animation-delay: 21s; }
.image-container-jrdcomm img:nth-of-type(2) { animation-delay: 0s; }
@keyframes multiple-image-crossfade { 0% { opacity:1; }	48% { opacity:1; }	50% { opacity:0; }	98% { opacity:0; }	100% { opacity:1; } }

/* Banner text container */
.declaration {float: right; height:100%; background-color: #515151; padding: 20px 40px 40px 50px;}

/* Communications Specialists */
.comms-specialists {font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #fff; line-height: normal; }

/* Prime Site*/
.prime-site {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: italic; 18px; color: #ccc; line-height: normal;}





h1.title,h2.title{font-size:17px;line-height:17px;background:#0000ff;padding:15px 30px;margin:30px 0;text-transform:uppercase;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.6)}

.titlegrey{font-size:17px;line-height:17px;background:#343434;padding:15px 30px;margin:30px 0;text-transform:uppercase;color:#ccc;text-shadow:1px 1px 2px rgba(0,0,0,0.6);}
.brochure{height: 280px; padding: 0px 8px 0px 8px; background: #fff;margin: auto;}
.testimonial{height: 600px; padding: 0px 8px 0px 8px; background:#fff;margin: auto;}
span.blockspam { display: none;}

/* .copyright-template-alpha {padding: 5px; text-align: center; font-size: small; color: #ccc; background-color: green; } */

/* Copyright and Contact */
.copyright-template-alpha{height: 40px; padding: 20px; background:#343434; color:rgba(255,255,255,0.5);font-size:12px;}
.copyright {margin:0;padding:0; text-align:left; vertical-align: middle;}
.contact a:hover{color:rgba(255,255,255,1);}
.contact {margin:0;padding:0; text-align:right; vertical-align: middle;}

/*
html,body{width:100%;height:auto;margin:0;padding:0;font-family:'Open Sans',sans-serif;font-size:14px;line-height:22px;font-weight:300;color:#363636}
body{color:#111;background:#eee;-webkit-tap-highlight-color:rgb(0,0,255)}
*/

.container-content {margin: auto; width: 100%; background: #fff; }

/*.content{background:#fff;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.5);box-shadow:0 0 7px 0 rgba(0,0,0,0.5);padding:0;margin:0;z-index:400}*/


p{margin:0 0 20px;padding:0;line-height:22px}


h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:600}
h1{color:#0000ff;font-size:17px;line-height:25px;margin:0 0 30px}
h2{color:#0000ff;font-size:17px;line-height:25px;margin:30px 0 15px}
h3,h4,h5,h6{color:#343434;font-size:15px;line-height:23px;margin:30px 0 15px}


h1.title,h2.title{font-size:17px;line-height:17px;background:#0000ff;padding:15px 30px;margin:30px 0;text-transform:uppercase;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.6)}



.article{padding:0 30px 10px}
.article ul,.article ol{margin:0 30px 30px 45px}
.article ul li,.article ol li{margin:0;padding:0}
.article ul li:before,.article ol li:before{content:'\f105';font-family:'FontAwesome';position:absolute;top:-1px;font-weight:700;font-size:12px;display:block;left:-15px;color:#0000ff}
.article ul li ul,.article ol li ol,.article ol li ul{margin:5px 0 30px 15px}



.profiles .item{margin:0 0 30px;padding:0 0 10px;border-bottom:solid 1px #0000ff}
.profiles .item:last-child{margin:0;padding:0;border-bottom:none}
.profiles .item i{font-size:12px}




.products .item{border:solid 1px #eee}
.products .item .click{position:absolute;top:0;left:0;width:100%;height:100%;z-index:300}
.products .item .image{padding:0;background:#fff;text-align:center;height:145px}
.products .item .image a{width:100%;height:100%;display:block}
.products .item .image img{width:auto;max-width:100%;height:100%;max-height:135px}
.products .item .title{min-height:172px;padding:15px;background:#eee;text-align:center;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-ms-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out}
.products .item .title h3{font-size:15px;line-height:15px;margin:0 0 15px}
.products .item .title h3 a{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.products .item .title p{margin:0}
.products .item:hover{border:solid 1px #0000ff}
.products .item:hover .title{background:#0000ff;color:#fff}
.products .item:hover .title h3,.products .item:hover .title h3 a{color:#fff}
.products .item:hover .title p{color:#fff}


.profiles .item{margin:0 0 30px;padding:0 0 10px;border-bottom:solid 1px #0000ff}
.profiles .item:last-child{margin:0;padding:0;border-bottom:none}
.profiles .item i{font-size:12px}




.news .item{margin:0 0 30px;padding:0 0 10px;border-bottom:solid 1px #0000ff}
.news .item:after{content:'';display:block;clear:both}
.news .item:last-child{margin:0;padding:0;border-bottom:none}
.news .item .date{font-size:10px;line-height:14px;padding:0 0 10px;margin:0 0 10px;border-bottom:dotted 1px #555}
.news .item .date strong{font-size:12px;line-height:16px}
.news .item .comments{font-size:10px;line-height:14px;text-transform:uppercase}
.news .item .image{border:solid 1px #eee;padding:0;margin:0 0 30px;max-height:235px;overflow:hidden;text-align:center}
.news .item .image a{width:100%;height:100%;display:block;max-height:225px}
.news .item .image img{width:auto;max-width:100%;height:100%;max-height:225px}
.news .item .image:hover{border:solid 1px #0000ff}
.news .item i{font-size:12px}
.news .item h2{margin:0 0 15px!important}
.news .item h3{margin:0 0 15px!important}
.news #disqus_thread{margin:30px 0 0 0;padding:30px 0 0 0;border-top:solid 1px #0000ff}

.news.facilities .item .image img{top:-73px}
.news.facilities .item .image .top{position:absolute;top:0;left:0;height:5px;width:100%;background:#fff;z-index:2}
.news.facilities .item .image .bottom{position:absolute;top:228px;left:0;height:5px;width:100%;background:#fff;z-index:2}




.brands .item {width: 210px;border:solid 1px #eee;margin:0 0 30px;}
.brands .item .click{position:absolute;top:0;left:0;width:100%;height:100%;z-index:300}
.brands .item .image{background:#fff;text-align:center;padding:15px 5px;text-align:center}
.brands .item .image img{max-width:100%;height:auto;margin:0 auto;filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");filter:gray;-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1)}
.brands .item .title{min-height:126px;padding:15px;background:#eee;text-align:center;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-ms-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out}
.brands .item .title h2{color: #000;font-size:15px;line-height:18px;margin:0 0 15px}
.brands .item .title h2 a{text-decoration: none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.brands .item .title p{margin:0}
.brands .item:hover{border:solid 1px #0000ff}
.brands .item:hover .title{background:#0000ff;color:#fff}
.brands .item:hover .title h2,.brands .item:hover .title h2 a{text-decoration: none;color:#fff}
.brands .item:hover .title p{color:#fff}
.brands .item:hover .image img{filter:grayscale(0%);filter:none;-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);-o-filter:grayscale(1);filter:grayscale(1)}


.bannergroup{padding:30px 0;margin:30px 0;border-top:solid 1px #0000ff}
.bannergroup .col-md-2{text-align:center}
.bannergroup .col-md-2 h2{display:none}
.bannergroup .col-md-2 img{filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");filter:gray;-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);margin:0 0 30px}
.bannergroup .col-md-2 img:hover{filter:grayscale(0%);filter:none;-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);-o-filter:grayscale(1);filter:grayscale(1)}

.brands {margin:auto;}
.products .item{margin-bottom:30px}