@font-face {
  font-family: frutiger;
  src: url("../fonts/FrutigerNextCom-Light.ttf");
}
@font-face {
  font-family: frutiger;
  src: url("../fonts/FrutigerNextPro-Medium.otf");
  font-weight:bold;
}

a {
  text-decoration: none;
  overflow: auto;
  outline: none;
}

a:visited {
  outline: none;
}


ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

div {
  outline: none;
}

body {
  margin: 0;
}
.top {
  box-shadow: 0 3px 7px 0 #4e4c4c;
  position: relative;
  z-index: 2;
  padding-top: 25px;
}
#headnav {
  background-color: #838080;
  box-shadow: inset 0 3px 7px 0 #4e4c4c;
}
#headnav ul {
  list-style: none;
  width: 975px;
  margin: auto;
}

#headnav ul > li {
  float: left;
  display: inline;
  color: white;
  padding: 15px 0 10px 0;
  position: relative;
}

#headnav a {
  color: white;
  text-transform: uppercase;
}

#headnav .nav2 {
  position: absolute;
  top: 100%;
  left: 0;
  background: #9cc684;
  width: 300px;
  border-bottom: solid 4px #838080;
  padding: 11px 17px 9px;
  overflow: hidden;
display: none;
}
#clear {
  height: 0px;
  overflow: hidden;
}

#headnav .nav2 a {
  float: left;
  padding: 0 11px 0 9px;
  line-height: 1.846153846153846;
}

#headnav .nav2 a:hover {
  color: #838080;
}

#headnav .nav2 > * {
  float: left;
  display: block;
  padding: 0.5em 0;
  line-height: 1.846153846153846;
}
#headnav li:hover > .nav2 {
  display: block;
}

#headnav ul li:first-child .bullet {
  display:none;
}

.bullet {
  margin: 0 1em;
}

#head {
  width: 975px;
  margin:auto;
  overflow: auto;
  clear: both;
  margin-bottom: 10px;
}

#content {
  width: 990px;
  margin: auto;
  z-index: 1;
  position: relative;
  overflow: auto;
  margin-top: 25px;
}

#lang {
  float: right;
  margin-left: 1em;
}

#logo {
  float: left;
}

#search {
  display: none;
  float: right;
  margin-left: 1em;
}

#langsearch {
  margin-top: 3em;
  overflow: auto;
}

.site-info-container {
  float: left;
  overflow: auto;
}

.footer-menu {
  overflow: auto;
}

.footer-menu > * {
  float: left;
}

.footer-menu span {
  padding: 0 0.5em;
}

.footer-menu a {
  text-decoration: underline;
}

.cycle {
  overflow: hidden;
  border-bottom: solid 4px #9cc684;
  z-index: 1;
  position: relative;
}
.cycle-slide {
  overflow: hidden;
  display: block;
  line-height: 0;
}

.cycle-slide > img {
}
.cycle-pager {
  position: absolute;
  right: 0;
  bottom: 4px;
  z-index: 999;
  height: 50px;
}

.cycle-pager > img {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border-bottom: solid 4px #ffffad;
}

.cycle-pager-active {
  border-bottom: solid 4px #838080 !important;
}

.cycle-container {
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}

.cycle-arrow {
  top: 112px;
  position: absolute;
  width: 31px;
  height: 38px;
  background: url('../img/cycle-arrow.jpg') 0 0 no-repeat;
  z-index: 2;
  line-height: 0;
}
.cycle-next {
  background-position: -31px 0;
  right: 0;
  left: auto;
}

.cycle-prev {
  left: 0;
}
/* Division Landing Featured Sections */
.featured-section-container {
  padding: 38px 0 0;
  width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.featured-section {
  width: 888px;
  position: relative;
  padding: 15px 36px 20px;
  /*  height: 113px; */
  height: 120px;
  /*   background: url('../fileadmin/template/symmetree/img/featured-section-bg.jpg') 619px 0 no-repeat #fff; */
  background: url('../img/featured-section-bg.jpg') 619px 0 no-repeat #fff;
  margin-bottom: 33px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}

.featured-icon {
  position: absolute;
  top: -17px;
  left: 36px;
}

.featured-title {
  margin: 0;
  text-transform: uppercase;
  line-height: 34px;
}

.featured-text {
  margin: 0;
  width: 585px;
}

.featured-thumbnail {
  position: absolute;
  right: 0;
  top: 0;
}

.featured-link {
  width: 960px;
   /*  height: 148px; */
  height: 157px;
  position: absolute;
  top: 0;
  left:0;
  display: block;
}

.featured-link:hover {
  background: #030303;
  opacity: .10;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  /* IE 5-7 */
  filter: alpha(opacity=10);

}
.division-top {
  background: url('../img/division-top-bg.png') right bottom no-repeat #809EB6;
  border-bottom: solid 5px #9cc684;
  margin-bottom: 45px;
}
body,
button,
input,
select,
textarea {
  color: #1A1A1A;
  font: 0.875em/1.5 "frutiger", Helvetica, 'Helvetica Neue', Arial, sans-serif; /* 14/16 */
  font-weight: 300;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
  /*clear: both;*/
  line-height: 1.2;
}

h1 {

}

h2, .csc-header h1  {
  font-size: 1.307692307692308em;
  color: #838080;
  margin: .83em 0;
  font-weight: normal;
}


h3 {
  font-size: 1.142857142857143em; /* 16/14 */
  color: #ff0000;
}

.division-events h3 {
  color: #003893;
  font-size: 1.166666666666667em;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
#footer {
  width: 960px;
  margin: 50px auto 0;
  padding: 17px 15px 50px;
  border-top: solid 1px #838080;
  color: #838080;
  font-size: 0.9230769230769231em; /* 12/13 */
  clear: both;
  overflow: auto;
}

#footer a {
  color: #838080;
}
/* Products */


.product {
  border-bottom: 6px solid #9cc684;
  margin-bottom: 37px;
  /*position: relative;*/
  background: url('../img/divisions-bg.png') right bottom no-repeat #FFF;
  overflow: hidden;
  display: block;
}

.product:hover {
  background: #fff url('../img/divisions-bg-hover.png') right bottom no-repeat;
  border-bottom: solid 6px #838080;
}

.products-template .products a, .woocommerce .products li a {
/*  content: " ";
  display: none;
  width: 100%;
  height: 100%;
  background: #030303;
  opacity: .10;
  position: absolute;
  top: 0;
  left: 0;*/
}

/*.no-opacity .products a {
  background: transparent;
}*/

/*.products:hover a {
  display: block;
}*/

.product .product-image {
  float: left;
  width: 246px;
  height: 187px;
  /*margin-right: 24px;*/
  text-align: center;
}

.products-image a,
.products-info a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.products-image a {
  width: auto;
  padding-right: 24px;
}

.products-template .products a,
.products-template .products a:hover,
.woocommerce .products li a,
.woocommerce .products li a:hover {
  color: #1A1A1A;
}

.product .product-image img {
  max-width: 100%;
  max-height: 100%;
}

.products-info {
  float: left;
  width: 483px;
  height: 100%;
/*  width: 437px;
  padding-right: 46px;*/
}

.products-template .products:hover h2, .woocommerce .products li:hover h2 {
  color: #ff0000;
}

.left-col {
  width: 222px;
  float: left;
  margin-right: 24px;
}

.right-col {
  float: left;
  width: 729px;
}

/* =Breadcrumb
----------------------------------------------- */
.breadcrumb {
  color: #838080;
  text-transform: uppercase;
  padding-bottom: 18px;
  background: url('../img/breadcrumb-bg.png') left bottom no-repeat;
  margin: 12px 0 9px;
}

.breadcrumb a {
  color: #838080;
  text-decoration: none;
}

.breadcrumb a:hover {
  color: #9cc684;
  text-decoration: underline;
}

.breadcrumb ul {
  overflow: auto;
  margin-bottom: 0;
}

.breadcrumb ul * {
  float: left;
  margin-right: 0.5em;
}

/* Sidebar Nav */
.side-nav {
  position: relative;
  background: #FFF;
  margin-bottom: 1.5em;
}

.side-nav .widget-title {
  display: none;
}

.side-nav li:first-child  {
  background: url("../img/interior-left-header.png") 0 0 no-repeat;
  color: #FFF;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.side-nav li:first-child {
  border-bottom: 0;
  padding-bottom: 12px;
}

.side-nav li:first-child:hover {
  background: url("../img/interior-left-header.png") 0 0 no-repeat;
  border-bottom: 0;
}

.side-nav li:first-child a:hover  {
  color: #838080;
}

.side-nav li:first-child a {
  padding: 12px 13px 8px;
  color: #FFF;
}
.side-nav .menu-item {
  border-bottom: solid 1px #838080;
}

.side-nav .menu-item a {
  color: #838080;
  padding: 5px 20px 4px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}

.side-nav .menu-item:hover {
  background: #9cc684;
  border-bottom: solid 1px #4A4445;
}

.side-nav .menu-item:hover a {
  color: #FFF;
}
.entry-title, .csc-firstHeader {
  font-size: 1.307692307692308em;
  text-transform: uppercase;
  color: #838080;
  border-bottom: 1px solid #9cc684;
  /*width: 100%;*/
  padding-bottom: 5px;
  margin-bottom: 1em;
}
/* =Product Page
----------------------------------------------- */
.product-shadow {
  background: #FFF;
  position: relative;
  margin-bottom: 1.5em;
}

.product-images {
  border-bottom: solid 6px #C5D82F;
  padding-bottom: 1.5em;
  overflow: auto;
  box-shadow: 0 4px 4px -2px rgba(0,0,0,0.6);
}

.product-images .product-image {
  float: left;
  width: 529px;
  text-align: center;
  margin-right: 24px;
}

.product-images .product-image img {
}

.product-thumbnails {
  float: left;
  width: 104px;
  list-style: none;
  margin-right: 58px;
  padding: 0;
}

.product-thumbnails .product-thumbnail {
  width: 102px;
  height: 102px;
  margin: 10px 0;
  border: solid 1px #838080;
  background: #FFF;
  text-align: center;
}

.product-thumbnail a {
  width: 102px;
  height: 102px;
  display: table-cell;
  vertical-align: middle;
}
 .product-sidebar {
  display: block;
  width: 200px;
  margin: 1.5em 22px 1.5em 0;
  float: left;
}
.product-info {
  float: left;
  width: 507px;
}

.product-attachments {
  border-bottom: solid 1px #838080;
  margin-bottom: 1.5em;
}

.product-attachments,
.product-callout {
  width: 164px;
  padding-right: 36px;
}

.downloads-list {
  padding: 0;
  list-style: none;
}

.download-item {
  background: url('../img/pdf-icon.png') 0 0 no-repeat;
  min-width: 76px;
  margin-bottom: 20px;
}

.download-item a {
  width: 100%;
  padding-top: 80px;
  padding-left: 16px;
  display: block;
  text-transform: uppercase;
  color: #4A4445;
  text-decoration: none;
}
div.schedule-a-demo a {
  background-position: 0px -84px;
  color: #838080;
  width: 224px;
}

.schedule-a-demo a:hover {
  color: #9cc684;
}
.schedule-a-demo a {
  width: 245px;
  display: block;
  margin: 16px auto 0;
  padding: 3px 0 3px 8px;
  text-transform: uppercase;
  text-decoration: none;
  /* background: url('../fileadmin/template/symmetree/img/schedule-a-demo-bg.png') 0 0 no-repeat; */
  background: url("../img/interior-left-header.png") 0 0 no-repeat;
  color: #FFF;
  font-size: 1.15em;
  line-height: 2.25;
  height: 40px;
}