/*************************************************
 COMMON STYLES
*************************************************/
body, html {width: 100%; height: 100%; font-family: 'Roboto', sans-serif; color:#00000;}

section {padding:30px 0; margin:0 auto; display:block;}

a:hover, a:focus{ text-decoration:none;}
p{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; line-height:26px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight:600; margin-bottom:30px;}

h2{font-size:24px;}
h3{font-size:18px;}

h2 {font-size:24px; text-align:center; display:block; text-transform:uppercase; line-height:40px; margin-top:0;}
h2 span{border-bottom:#294a9f 2px solid; padding:5px 20px;}
h2.left span{padding-left:0; padding-right:40px;}
.red {color:#294a9f;}
.left{text-align:left;}
.right{text-align:right;}
.center {text-align:center;}

a.more{padding:12px 30px; margin:10px auto; color:#000; border:#bdbcbd 1px solid; border-radius:4px; display:inline-block; font-size:12px; text-transform:uppercase; font-weight:normal; transition: all 0.5s ease;}
a.more:hover{color:#fff; border-color:#294a9f; background:#294a9f;}

.img-responsive {width:100%;}
.border-right {border-right:#b4b4b4 1px solid;}


/*** HEADER - ALL ***/
.topbar {background:transparent; padding:30px 0 10px; width:100%; z-index:9999; top:0;}
.topbar .call {text-align:right; display:block; padding:20px 30px 25px 0; font-size:18px; text-transform:uppercase; color:#333; font-family: 'Roboto', sans-serif;}

.navbar {padding:5px 0; text-align:left; margin:0;}
.navbar-nav {float:right;}
.navbar-default {background-color:#fff; border:0; border-radius:0; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:normal;}
.navbar-default .navbar-nav > li > a {color:#000; font-size:16px; padding:10px 13px; text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#294a9f;}

.navbar-default ul ul{display:none; list-style:none; position:absolute; left:0; top:100%; width:200px; padding:0; z-index:999;}
.navbar-default ul ul li{padding:0; margin:0; background:#fff; margin-bottom:1px; font-size:13px;}
.navbar-default ul ul li a{color:#294a9f; padding:10px 15px; display:block;}
.navbar-default ul ul li a:hover{color:#000;}
.navbar-default ul li:hover ul {display:block;}

.page-breadcrumb {padding:25px 0; font-size:12px; color:#000; font-weight:normal; font-family: 'Roboto', sans-serif; border-top:#294a9f 5px solid; }
.page-breadcrumb a {color:#000; padding:0 5px;}
.page-breadcrumb a:hover {color:#294a9f;}
.page-breadcrumb span{color:#294a9f; padding:0 5px;}


/*** FOOTER - ALL ***/
.clients {padding:40px 0; background:#e0e0e0; margin-top:60px;}
.clients .logo {text-align:center;}
.clients .carousel-control {width:17px; opacity:1; padding-top:15px; background:#e0e0e0 !important;}
.clients .carousel-control.left {left:-15px;} 
.clients .carousel-control.right {right:-15px;} 
.clients .carousel-control {padding-top:10px;}
.clients .carousel-inner img {margin:0 auto; max-width:180px;}


footer{background-color:#333; padding:35px 0 30px; font-family: 'Roboto', sans-serif; color:#fff;}
footer .logo {padding-top:42px;}
footer .title{padding-bottom:10px; text-transform:uppercase; font-size:18px; font-weight:normal; display:block; text-align:left;}
footer .subtitle {color:#fff; font-size:13px; font-weight:normal; text-align:left;}

footer ul{list-style:none; margin:0; padding:0;}
footer li{line-height:25px; font-weight:normal; padding-left:20px; background:url(../img/bullet.png) left 9px no-repeat; text-align:left;}

footer a{color:#999;}
footer a:hover{color:#fff;}
footer p{color:#999; font-size:13px; line-height:22px; padding-left:30px; text-align:left;}
footer .fa{color:#fff; font-size:16px; margin-right:10px;}

/*** Copyright - ALL ***/
.copyright{background:#000; padding:20px 0; text-align:center; color:#7d7d7f; font-family: 'Roboto', sans-serif; font-weight:normal; font-size:13px;}
.copyright a{color:#999;}
.copyright a:hover{color:#fff;}


/*** HOME ***/
.home-banner {padding: 0px 0; background:#0562b1; border-top:#294a9f 5px solid;}

#bannerCarousel .carousel-control {width:22px; opacity:1; background:none !important;}
#bannerCarousel .carousel-control.left {left:5px;} 
#bannerCarousel .carousel-control.right {right:5px;} 
#bannerCarousel .carousel-control {padding-top:16%;}


#productsCarousel {margin-bottom:30px;}
#productsCarousel .item h3 {padding:15px 0 10px; margin:0; font-weight:500; text-transform:uppercase;}
#productsCarousel .item p {line-height:18px; font-size:12px; margin-bottom:20px;}


#distributorsCarousel {margin-bottom:50px;}
#distributorsCarousel .item img {border:#666 1px solid;}
#distributorsCarousel .item p {text-align:center; font-size:12px; line-height:18px; margin-top:10px; text-transform:uppercase;}
#distributorsCarousel .item p span {display:block; text-align:center; color:#c70000; font-weight:500; font-size:13px; text-transform:capitalize;}

.about-knowell {text-align:center;}
.about-knowell h3{font-weight:400;}


.popular-products {}
.authorised-distributors h3{text-align:center; font-size:15px; padding:0 150px; line-height:24px; font-weight:500;}


/*** ABOUT PAGE ***/
.our-strengths .panel-group h4{font-weight:bold; font-size:15px;}
.our-strengths .panel-group .panel {margin:10px 0; border-radius:0;}
.our-strengths .panel-group .panel-heading,
.our-strengths .panel-group .panel-body {padding:20px;}
.our-strengths .panel-group .panel-body {font-size:14px; line-height:24px; color:#666;}
.our-strengths .panel-group a {display:block;}
.our-strengths .fa {float:right; color:#212121; text-align:right; color:#294a9f;}
.our-strengths i.fa {font-size:17px;}

.mission ul {list-style:none; margin:0; padding:20px 0;}
.mission li {background:url(../img/bullet2.png) left top no-repeat; padding-left:45px; margin:20px 0; min-height:22px;}


/*** BRANDS AND PRODUCTS ***/
.brands-products img {border-radius:4px;}
.brands-products h2{margin-top:0; line-height:25px; color:#294a9f;}
.brands-products h2 a {color:#294a9f;}
.brands-products .row {padding:25px 0;}

.carousel-indicators {bottom:-45px;}
.carousel-indicators ol {list-style-type: none;}
.carousel-indicators li {width:14px; height:14px; background:url(../img/block-gray.png) center top no-repeat; border-radius:0; border:0; margin:0 5px;}
.carousel-indicators li.active {background:url(../img/block-black.png); width:14px; height:14px; margin:0 5px;}

.highlights ul {list-style:none; margin:0; padding:20px 100px;}
.highlights li {background:url(../img/bullet2.png) left top no-repeat; padding-left:45px; margin:20px 0; min-height:22px;}

.product-range ul {list-style:none; margin:0;}
.product-range li {background:url(../img/bullet3.png) left top no-repeat; padding-left:35px; margin:20px 0; min-height:22px;}

.product-range a {color:#294a9f;}
.product-range a:hover u {text-decoration:none;}

.float-left{float:left;}
.float-right{float:right;}



/*** NEWS UPDATES ***/
.news-updates h2{padding-left:20px; margin-bottom:0;}
.news-updates h3 {font-weight:400; color:#000; font-size:21px;}
.news-updates .post {padding:25px 0; margin:0 20px; border-bottom:#999 1px solid;}
.news-updates .post img {float:left; margin-right:30px;}
.news-updates .row .post:last-child {border-bottom:0;}

.news-details h2 {padding-left:15px;}
.news-details h3 {font-size:30px; font-weight:400; color:#000;}
.news-details .courtesy {padding-top:35px;}
.news-details .courtesy a {display:block; color:#294a9f;}




/*************************************************
 CONTACT US
*************************************************/
.contact-us .map{display:block; width:100%; padding:25px 0;}

.contact-us .col1 {clear:both; width:70px; display:inline-block; float:left; padding-top:20px; line-height:30px;}
.contact-us .col2 {display:inline-block; float:left; padding-top:20px; line-height:30px; font-weight:bold;}

.contact-us .form {padding-top:90px; padding-left:30px;}
.contact-us .form input {padding:10px; background:#fff; border:#999 1px solid; height:40px; font-weight:normal; color:#666;}

.contact-us .form .captcha-txt,
.contact-us .form .captcha-box {display:inline-block; vertical-align:middle;}
.contact-us .form .captcha-txt {padding-right:30px;}
.contact-us .form .btn-primary {background:#fff; color:#294a9f; padding:15px 50px; border:#bdbcbd 1px solid; text-transform:uppercase; margin-top:20px;}
.contact-us .form .btn-primary:hover {background:#294a9f; border-color:#294a9f; color:#fff;}


@media(max-width:1000px) {
	.container {width:100%;}
	.clients .carousel-control {padding-top:5px;}
	.news-details h3 {font-size:25px;}
	.contact-us .form {padding-left:15px; padding-top:35px;}
}

@media(max-width:767px) {
	.topbar {padding:10px 0;}
	.navbar-default {position:absolute; z-index:9999; right:10px; top:15px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0;}
	.navbar-default .navbar-toggle .icon-bar {background-color:#474747;}
	.navbar-default .navbar-toggle:focus .icon-bar, 
	.navbar-default .navbar-toggle:hover .icon-bar {background-color:#fff;}

	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover {background-color:#474747;}
	.navbar-default .navbar-nav > li > a {font-size:15px; padding:10px 15px;}
	.navbar-default ul ul{position:relative;}

	.authorised-distributors h3 {padding:0 15px;}

	.clients .item div {margin:5px 0;}
	.clients .carousel-control {padding-top:25px;}
	
	.news-details h3 {font-size:22px;}
	
	.highlights ul {padding:15px;}
	.product-range .float-right {float:left;}
	.contact-us .form {padding-left:15px; padding-top:35px;}
	
	footer .title {margin-top:25px;}
	footer .col-xs-12 {text-align:center;}
	footer .logo {padding:0 0 20px; border-bottom:#666 1px solid;}

}