@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calibri.woff2') format('woff2'),
         url('../fonts/Calibri.woff') format('woff'),
         url('../fonts/Calibri.ttf') format('truetype'),
         url('../fonts/Calibri.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}


.super-container { margin: 0; min-height: 100%; padding: 0; position: relative;}

#header { border-bottom:1px solid #BCBDC0;}
#header .top-link-area { background:url(../img/sep-dark-grey.gif) top center repeat-x;}
#header .top-link {}
#header .top-link ul { float:right; margin:0; padding:0;}
#header .top-link ul li { display:inline-block; list-style:none; margin:0; padding:0; border-right:1px solid #4a4a4a;}
#header .top-link ul li a { color:#FFF; list-style:none; display:inline; font-size:12px; padding:0 10px; line-height:30px;}
#header .logo { padding:15px 0;}
#header .tag-line { color:#000; text-align:right; font-family: 'Calibri'; font-size:30px; line-height:80px;}

#banner { padding-top:13px;}
#banner .banner-cont { background:none; border:none; font-size:12px; text-align:justify; line-height:1.5em; padding:20px 10px 0 10px;}
.carousel-link { bottom:0; position:absolute;}
.carousel-caption p { font-size:24px; font-weight:normal;}

#footer { border-top:1px solid #BCBDC0; border-bottom:1px solid #BCBDC0; font-size:12px; line-height:20px; color:#565662; /*padding-bottom: 30px; padding-top: 30px;*/ padding:35px 0; margin:15px 0;}
#footer a:hover { color:#565662; text-decoration:underline;}
/*#footer .nav {}
#footer .nav ul { margin:0; padding:0;}
#footer .nav ul li { margin:0; padding:0; list-style:none; float:left; padding:10px;}
#footer .nav ul li a { margin:0; padding:0; color:#565662; }*/

/*#breadcrumbs { background:#dedee0;}*/
#body-cont { margin-top:13px;}
#body-cont h1 { font-size:36px; font-weight:600; color:#000; border-bottom:2px solid #787878; margin-bottom:25px;}
#body-cont h2 { font-size:17px; padding-bottom:10px; color:#000; font-weight:600;}
#body-cont .head-text { font-size:1.4em; line-height:1.5em;}
#body-cont a { color:#565662; background:url(../img/bg-underline.gif) bottom repeat-x;}
#body-cont a:hover { text-decoration:underline;}

.copyright-text { /*margin:0 0 0 15px;*/ margin-left:15px; line-height:11px;}
.navbar-brand a:hover { color:#a31c00; text-decoration:none;}

.designby {
    margin-top: -3px;
    display: block;
}
.designby img {
    margin-bottom: 1px;
    margin-left: 1px;
}
/* banner fadein fadeout */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}