/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

body {font-family:'Roboto', sans-serif;padding-top:54px;color:#43484E;}
section {}
a{color:#0a69bd;}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px)  {
	h1 {text-align:center;text-transform:uppercase;font-size:21px !important;padding-top:1.5rem !important;}
	h2 {font-size:21px !important;}
	h4 {font-size:15px !important;}
	.card-header {font-size:12px !important;]}
	.card-body .card-txt {font-size:14px !important;}
	.carousel img{height: 31.5vh !important;}
}
.portfolio-item {margin-bottom: 30px;}
.navbar {text-transform:uppercase;}
.carousel{background-color:#fff;margin-top:0.5rem;margin-bottom:0.5rem;}
.carousel img{margin:1px;}
h1 {text-align:center;text-transform:uppercase;color:#0a69bd;padding-top:1.5rem;padding-bottom:0.3rem;}
h2 {text-align:center;text-transform:uppercase;color:#0a69bd;padding-top:0.3rem;padding-bottom:0.3rem;font-size:32px;}
h3 {text-align:center;text-transform:uppercase;color:#0a69bd;}
h4 {text-align:center;text-transform:uppercase;}
h5 {text-align:center;text-transform:uppercase;color:#0a69bd;}
h6 {text-align:center;text-transform:uppercase;}
.blue {color:#0a69bd;}
.greenz {color:#35d32e;}
.grey {color:#43484E;}

#blog {padding-bottom:75px;padding-top:75px;}
.blog-heading {margin-bottom: 35px;margin-top: 15px;}
.single-blog {margin-bottom: 30px;background-color:#F7F7F7;padding:25px 25px 10px 25px;transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;-webkit-box-shadow: 0 2px 0 0 #ddd;box-shadow: 0 1px 0 0 #ddd;}
.single-blog:hover {background-color:#43484E;color:#fff;}
.single-blog:hover.single-blog h2 {color:#fff;}
.single-blog:hover.single-blog h4 {color:#fff;}
.single-blog img{width:100%;margin-bottom:10px;}
.single-blog h2 {color:#43484E;}
.single-blog h4 {color:#43484E;font-size:22px;padding-top:0px;}
.single-blog h5:hover {color:#fff !important;}
.single-blog ul {padding:0;overflow:hidden;}
.single-blog ul li {border-right: 2px solid #999999;float: left;line-height: 10px;list-style: none;margin-right: 10px;padding-right: 10px;font-size: 12px;color:#999;}
.single-blog ul li:last-child {border:none;}
.subhead{text-transform:uppercase;}
.blog-content {margin-bottom:15px;margin-top:0;text-align:center;}
#blog-detail .modal-body {padding:30px;}
#blog-detail .modal-body img {width:100%}
#blog-detail .close {margin-right: -15px;margin-top: -25px;}
#about-us {background:#F6F6F6;overflow: hidden;padding: 85px 0;}
#about-us h2 {margin-bottom:35px}
.title-one {color: #666666;display: inline-block;font-size: 32px;font-weight: 600;padding-bottom:10px;text-align: center;text-transform: uppercase;position:relative}
.title-one:after {color: #fc7700;content: "||";position: absolute;right: -40px;top: -2px;}
.title-one:before {color: #fc7700;content: "||";left: -40px;position: absolute;top: 0;}
#about-us h4 {color: #909090;margin-bottom: 50px;margin-top: -5px;text-transform: capitalize;}
#about-us p {font-weight:300;font-size:15px;}
.about-us .col-sm-6 {margin-top:50px;}
.about-us h3 {font-size: 20px;margin-bottom: 18px;text-transform: uppercase;}
.about-us .tab-content {background:#FFFFFF;border-bottom: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;padding: 25px;}
.about-us .nav-tabs li a {border-top:2px solid #f6f6f6;color:#fc7700;}
.about-us .nav-tabs li.active a, 
.about-us .nav-tabs li.active a:hover, 
.about-us .nav-tabs li.active a:focus {border-radius: 0;border-top: 2px solid #fc7700;color: #333333;}
.about-us .tab-content 
.pull-left.media-object {background-color: #F6F6F6;margin-right: 20px;padding: 5px;}
.skillbar {
	position:relative;
	display:block;
	margin-bottom:18px;
	box-shadow:1px 1px 0 0 #333333;
	width:100%;
	background:#43484E;
	height:35px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	width:25%;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	background-color:#fc7700;
}
.skillbar-title span {
	float: none;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: left;
	display:block;
	background-color:#fc7700;
	padding:0 15px;
	height:35px;
	line-height:35px;
}
.skillbar-bar {
	height:35px;
	width:0px;
	background-color:#fc7700;
	box-shadow:0 1px 0 0 #333333;
}
.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
}
.bg-dark{color:#cacaca;}
.bg-dark .title{color:#fff;text-transform:uppercase;}
.bg-dark a{color:#fff;}
.bg-black{background-color:#494949;color:#cacaca;}
.bg-black a{color:#fff;}
.image2{background-image:url("/images/HACCP.jpg");background-size: cover;background-position: center center;background-repeat: no-repeat;height: 400px;min-width: 100%;background-attachment: fixed;margin-bottom:20px;}