/* CSS Document */
#video-background { 
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  width:100%;
}
@font-face {
    font-family: 'bd';
    src: url('../fonts/bdhanovr-webfont.eot');
    src: url('../fonts/bdhanovr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bdhanovr-webfont.woff2') format('woff2'),
         url('../fonts/bdhanovr-webfont.woff') format('woff'),
         url('../fonts/bdhanovr-webfont.ttf') format('truetype'),
         url('../fonts/bdhanovr-webfont.svg#bd_hanoverregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Regular.woff') format('woff'),
         url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('../fonts/MyriadPro-Regular.svg#myriadpro_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Bold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-bold-webfont.svg#myriadpro_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
  -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*---- General/Overrides ----*/
body {font-family:Myriad, Arial, Helvetica, sans-serif; color:#444; font-size:14px;}
h1, h2, h3, h4, h5, h6 {font-family: 'bd'; color:#2b3940;}
img {max-width:100%;}
a {color:#be7951;}
a:hover {color:#d9b6a4; text-decoration:none;}
.navbar {margin-bottom:0; font-family: 'bd';}
.navbar-default {background:#fff; border:none;}
.navbar-brand {padding:5px 25px 5px 15px; height:auto;}
.navbar .nav {margin-top:15px;}
.navbar-default .navbar-nav>li>a {color:#304b5a; font-size:16px; text-transform:uppercase; border-bottom: 4px solid #fff;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
	background:#fff;	
	color:#304b5a;
	border-bottom:4px solid #e2b760;
}
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
	color:#304b5a;
	border-bottom:4px solid #e2b760;
}
.navbar-toggle {margin-top:25px;}


/*---- Custom classes ----*/
.myContainer {max-width:1240px; margin:auto;}
.smallGap {padding-left:5px; padding-right:5px;}

/*---- Top Banner ----*/
#banner {background:url(../images/banner.jpg) no-repeat top center; padding:5% 0 0; background-size:100% auto; text-align:center;}
#banner .carousel {max-width:1075px; margin:0 auto 20px auto; border:2px solid #fff;}
#banner .carousel .item img {}
.carousel-control.left, .carousel-control.right {background:transparent;}
.carousel-indicators li {border:1px solid #556974; width:12px; height:12px; margin:15px;}
.carousel-indicators .active {background:#556974;  width:13px; height:13px; margin:15px; border:none;}
#banner.inside {padding:5px 0;}
#content {padding:40px 0;}

/*---- Top About ----*/
#bannerAbout {background:url(../images/banner_about.jpg) no-repeat top center; padding:5% 0 0; background-size:100% auto; text-align:center;}
#banner .carousel {max-width:1075px; margin:0 auto 20px auto; border:2px solid #fff;}
#banner .carousel .item img {}
.carousel-control.left, .carousel-control.right {background:transparent;}
.carousel-indicators li {border:1px solid #556974; width:12px; height:12px; margin:15px;}
.carousel-indicators .active {background:#556974;  width:13px; height:13px; margin:15px; border:none;}
#banner.inside {padding:5px 0;}
#content {padding:40px 0;}

/*---- Top Contact ----*/
#bannerContact {background:url(../images/banner_contact.jpg) no-repeat top center; padding:5% 0 0; background-size:100% auto; text-align:center;}
#banner .carousel {max-width:1075px; margin:0 auto 20px auto; border:2px solid #fff;}
#banner .carousel .item img {}
.carousel-control.left, .carousel-control.right {background:transparent;}
.carousel-indicators li {border:1px solid #556974; width:12px; height:12px; margin:15px;}
.carousel-indicators .active {background:#556974;  width:13px; height:13px; margin:15px; border:none;}
#banner.inside {padding:5px 0;}
#content {padding:40px 0;}

/*---- Top Products ----*/
#bannerProducts {background:url(../images/banner_products.jpg) no-repeat top center; padding:5% 0 0; background-size:100% auto; text-align:center;}
#banner .carousel {max-width:1075px; margin:0 auto 20px auto; border:2px solid #fff;}
#banner .carousel2 {max-width:1075px; margin:0 auto 20px auto; border:2px solid #fff;}
#banner .carousel .item img {}
.carousel-control.left, .carousel-control.right {background:transparent;}
.carousel-indicators li {border:1px solid #556974; width:12px; height:12px; margin:15px;}
.carousel-indicators .active {background:#556974;  width:13px; height:13px; margin:15px; border:none;}
#banner.inside {padding:5px 0;}
#content {padding:40px 0;}

/*---- Prodcut Single Banner ----*/
#singleBanner {background:url(../images/procducts_Background.jpg) no-repeat top center; padding:0px 0px 0px; background-size: 100% auto; text-align:center;}
#singleBanner.inside {padding: 0px 0px;}

/*---- Privacy Banner ----*/
#privacyBanner {background:url(../images/banner.jpg) no-repeat top center; padding:0px 0px 0px; background-size: 100% auto; text-align:center;}
#privacyBanner.inside {padding: 0px 0px;}

/*---- Phone Number on Home Page ---*/
#phoneNumber {border-bottom:1px solid #c7d0d5; margin-bottom:10px; margin-top:20px; padding-bottom:20px;}

/*---- Info ----*/
#info {
    margin-top: 70px;

     
    
}

/*---- Boxes ----*/
#boxes {border-top:1px solid #c7d0d5; margin-bottom:10px; margin-top:80px; padding-bottom:50px;}
.box {
	border:1px solid #c7d0d5; 
	padding:20px;
	-webkit-box-shadow: 0px 10px 12px -10px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 10px 12px -10px rgba(0,0,0,0.45);
	box-shadow: 0px 10px 12px -10px rgba(0,0,0,0.45);
	margin-bottom:20px;
}
.box h3 {margin-top:0;}
.box p {margin-bottom:30px; color:#556974;}
.box a {display:block; text-align:center;}

/*---- Highlight ----*/
#highlight {
	background:#000 url(../images/high-bg.jpg) bottom center no-repeat;
	background-size:cover;
	padding: 20px 0;
	margin-bottom: 10px;
}

#clearBloc {
	background-size:cover;
	padding: 20px 0;
	margin-bottom: 10px;
}

/*---- ProductHighlight ----*/
#productHighlight {
	background:#000 url(../images/procducts_Background_Tall.jpg) bottom center no-repeat;
	background-size: cover;
	padding: 10px 10px;
	margin-top: 2px;
    margin-bottom:10px;
}

/*---- Showcase ----*/
#showcase {border-top:0px solid #c7d0d5; padding:20px 0;}
#showcase .caption {padding-top:50px; font-size:16px;}
#showcase .caption h4 {font-family:bd, Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold;}
#showcase .caption h5 {color:#556974; font-size:22px; font-family:Myriad, Arial, Helvetica, sans-serif;}
#showcase .caption p {line-height:175%; margin-bottom:20px;}
#showcase .caption a img {margin-bottom:10px;}
#showcase .caption a img:hover {opacity:0.85;}
#showcase .caption .share {font-style:italic; color:#aaa;}
#showcase .caption .share img {margin-left:5px;}
#showcase .preview {text-align:center;}
#showcase .carousel-control.left {background:url(../images/hex-left.png) left center no-repeat; left:0; opacity:1; width:105px;}
#showcase .carousel-control.right {background:url(../images/hex-right.png) right center no-repeat; right:0; opacity:1; width:105px;}
#showcase .carousel-control:hover {opacity:0.85;}


/*---- Footer ----*/
#footer  {background:#030404; padding:20px 0 40px 0;}
#footer ul {margin-left:-5px; padding:0; margin-bottom:0;}
#footer ul li {list-style-type:none; display:inline; margin:5px;}
#footer a {color:#fff;}
#footer a:hover {color:#ccc;}
#footer .copy {color:#556974; font-size:11px;}
#footer .social a {font-size:20px; margin-left:8px;}



/*---- Media Queries ----*/
@media (min-width: 768px) {
.navbar-nav>li>a {
 	padding:0;
  	margin:15px 20px;
}
.navbar-nav.navbar-right>li>a {
  	padding:0;
  	margin:10px 5px;
	border:none;
}
.navbar-nav.navbar-right>li>a:hover, .navbar-nav.navbar-right>li>a:focus {
	border:none;
	opacity:0.85;
}
.carousel-indicators {bottom:-120px;}
.box {min-height:215px;}
}

@media (max-width: 768px) {
	.navbar-nav.navbar-right>li>a, .navbar-nav.navbar-right>li>a:hover, .navbar-nav.navbar-right>li>a:focus {
	border:none;
}
	.navbar-collapse {position:absolute; width:100%; background:#fff; z-index:9999; box-shadow:0 5px 5px #ccc;}
	.carousel-indicators {bottom:-120px;}
	.carousel-indicators li, .carousel-indicators .active {margin:10px;}
	#showcase .carousel-control.left, #showcase .carousel-control.right {background-position:top; width:20px; background-size:100%;}
	#footer .text-right {text-align:center;}
}

@media (max-width: 479px) {
	.carousel-indicators li, .carousel-indicators .active {margin:3px;}
	.carousel-indicators {bottom:-55px;}
	#banner .carousel {margin:0;}
	#boxes {margin-top:30px;}
}