@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
body{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#a2a1a1;}
h1{ font-size:26px; }
h2{ font-size:24px; color:#545662; }
.margin-bottom{ margin-bottom:30px; }

.navbar-default { background-color: transparent; border:0; text-align:center; }
.navbar { margin-bottom: 0; }
.navbar-brand{ color:#FFF !important; display:block;}

.navbar-default .navbar-nav > li > a{ color: #FFF; font-size:16px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #FFF; background-color: #5fac50; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #5fac50; }
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 18px; border-left: 5px solid #0082c6; }
address{ line-height:25px; }
address h3{ color: #333; font-size:18px; }
.btn-default { color: #FFF; background-color: #0082c6; border-color: #0082c6; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #FFF; background-color: #5fac50; border-color: #5fac50; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff; background-color: #5fac50; }
.dropdown-menu > li > a { padding: 5px 20px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff; text-decoration: none; background-color: #5fac50; }

#top-line{ width:100%; background:#545662; color:#FFF;}
#top-line p{ margin:0;}
.slogan{ font-size:18px; padding:15px 0;}
.catlog{ background:#5fac50; padding:15px; float:right; font-size:16px;}
.catlog img{ display:inline-block; }
.catlog p{ display:none; }
.catlog p a{ color:#FFF; }
.catlog p a:hover{ text-decoration:none; }

#logo-section{ width:100%; border:5px solid #e6e6e6; font-size:14px; padding:10px 0; color:#333;}
.logo-left-text{ display:none;}
.logo{ float:left; width:50%;}
.logo-right-text{ float:right; width:50%; text-align:right; font-weight:bold; padding:25px 0; color:#ed3237;}

#nav-menu{ z-index: 20000; width:auto; max-width:1300px; margin:0 auto; background:#0082c6; position:relative;}

#main-banner{ text-align: center; }
#banner img{ margin:0 auto; display: block; max-width: 100%; height: auto; }
.customNavigation { margin-top:-50px; position:relative; }
.customNavigation a{ display:inline-block; padding:5px; }

.product{ border:1px solid #0082c6; padding:30px; margin-top:30px; }
.product h2{margin:0 0 15px 0; padding:0 0 15px 0; position:relative; text-align:center; border-bottom:1px solid #cdcdd1;}
.product h2:after{  content:""; display:block; position:absolute; width:100px; height:3px; background:#5fac50; bottom:-2px; left:0; right:0; margin:0 auto;}
.product img{ margin:0 auto;}
.pro-cont{ border-top:1px dashed #e0e0e0; border-bottom:1px dashed #e0e0e0; padding:15px 0; margin-top:15px; text-align:center; }
.pro-cont h3{ font-size:18px; color:#545662; margin:0 0 10px 0;}
.pro-cont p{ color:#a2a1a1; margin:0;}

.wel-con{ background:url(../images/wel-bg.jpg); color:#333; padding:30px 0; margin:30px 0 0 0; text-align:center; }
.wel-con h1{ margin-top:0; color:#0082c6; border-bottom:1px solid #5fac50; padding-bottom:15px; margin-bottom:15px; }
.wel-con p{ margin-bottom:15px;}

.last-cont h2{ border-bottom:1px solid #5fac50; margin-bottom:15px; padding-bottom:15px; }
.last-cont-box{ border:1px solid #0082c6; padding:20px; display:inline-block; width: 100%; }
.read-more { color: #0082c6; float: right; }

#footer{ background:#333; color:#FFF; margin-top:30px; padding:10px 0; }
#footer p { margin:0;}
.footer-left{ text-align:left;}
.footer-right{ text-align:right;}
.footer-right img{ display:inline-block; margin-left:10px}

#flipbook{ display:none;}
#example{ display:block; }
#example img{ margin-bottom:30px; }

.product-title{ border-bottom:1px solid #5fac50; }
.product-title h2{ border: 0; padding:0; margin-bottom:0; text-align:center; }
.product-title ul { text-align:center; margin:0; padding:0; }
.product-title ul li a{ display:inline-block; padding: 26px 10px; color: #0082C6; }
.product-title ul li a:hover{ color: #5fac50; text-decoration:none; }
.pro-cont p{ margin-bottom: 15px; min-height: 80px; }
.pro-detail-ul{ margin: 0; padding: 0; list-style-type: none; display: table; width: 100%;  }
.pro-detail-ul li{ width: 50%; display: table-cell; border: 1px solid #5fac50; padding: 5px; }
.pro-detail-ul li strong{ color: #0082c6; }

@media (max-width: 767px){
	.product-title ul{ margin: 10px 0; }
	.product-title ul li a { padding: 5px 10px; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{ text-align: center; color: #FFF; }
}

@media (min-width: 768px) {
	.navbar-brand{ display:none;}
	.navbar-nav > li { float: none; display:inline-block; }
	.navbar-nav { float: none; display:inline-block; }
	
	.catlog p{ display:inline-block; }
	
	#logo-section{ font-size:16px; }
	.logo-left-text{ float:right; width:35%; display:block; text-align:right; }
	.logo-left-text ul{ padding:25px 0; list-style-type:none; margin:0; line-height:30px}
	.logo{ width:30%;}
	.logo-right-text{ width:20%; padding:23px 0; }
	
	#example{ display:none; }
	#flipbook{ display:block; width:auto; max-width:400px; height:auto; max-height:260px; margin:0 auto; }
}
@media (min-width: 992px) {
	.logo-left-text{ width:25%; }
	
	.last-cont-box{ height:270px; }
	.read-more { color: #0082c6; float: right; bottom: 20px; position: absolute; right: 35px; }
	#flipbook{ width:auto; max-width:600px; height:auto; max-height:388px; margin:0 auto; }
	
	.product-title h2{ margin-bottom:15px; padding-bottom:15px; text-align:left; }
	.product-title ul { text-align:right; }
}
@media (min-width: 1200px) {
	#banner{ margin-top:-50px; z-index:-1}
	.last-cont-box{ height:230px; }
	
	#flipbook{ width:auto; max-width:800px; height:auto; max-height:518px; margin:0 auto; }
}

/* SLIDER STYLES */
.slide{display:none;}	
.slider-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	background:#1b1b1b;	
	border:0px solid #000;
}

.slider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
	
	background:#1b1b1b;
}

@media only screen and (min-width: 1000px){
	.slider{
		width:auto;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:auto;
	}
}

/* ELEMENT STYLES */

.slider p{
	position:absolute;
	top:-200px;
	z-index:8000;	
	font-size:18px;
	line-height:100%;
	color:#fff !important;
	white-space: nowrap;
}

.claim{
	line-height:100%
}	

.teaser{
	
	font-size:14px;
	 line-height:100%
}

.small{
	width:250px;
    padding-left:0; padding-right:0px;
	text-align:center;
}