/* import google fonts used */
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
* {
	font-family: 'Arimo', Century Gothic, Futura, sans-serif;
}
html, body {
	width: 100%;
	height: 100%;
	background-color: #05515d;
}
body {
	border-top: 3px solid #000;
}
header section,
.content-bg {
	background-color: #e6eef0;
}
header h1 {
	display: block;
	margin: 0px auto;
}
header h1 img{
	display: block;
	margin: 0px auto;
}
.contact-details {
	width: 100%;
	float: none;
	text-align: center;
	margin-top: 0px;
	display: inline-block;
	zoom: 1; *display: inline;
}
.n-tel {
	color: #038504;
	font-size: 20px;
	font-weight: Bold;
}
.n-tel:hover {
	color: #038504;
}
.e-mail {
	color: #040481;
	font-size: 20px;
	font-weight: Bold;
}
.e-mail:hover {
	color: #040481;
}
.i-fb,
.i-tw {
	display: inline-block;
	zoom: 1; *display: inline;
	width: 50px;
	height: 50px;
	background-image: url(../images/sns-sprites.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100px;
	float: none;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
.i-fb:hover,
.i-tw:hover {
	-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1); 
  transform: scale(1.1);
}
.i-fb {
	background-position: top right;
}
.i-tw {
	background-position: top left;
}
.navbar {
	margin-bottom: 0px;
	z-index: 10;
	-webkit-backface-visibility: hidden;
}
nav.affix {
  position: fixed;
  top: -1px;
  width: 100%;
  z-index: 10;
}
.navbar-toggle {
	background-color: #e6eef0;
	border: 1px solid #d0d0d0; 
	color: #1f535b;
	padding: 5px;
	font-size: 18px;
	width: 40px;
	height: 40px;
}
.navbar-toggle:hover {
	background-color: #e6eef0;
	border: 1px solid #d0d0d0; 
	color: #1f535b;
	padding: 5px;
	font-size: 18px;
	width: 40px;
	height: 40px;
}
.navbar .container {
	position: relative;
}
.navbar .container:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-color: transparent #000 transparent transparent;
  position: absolute;
  left: -2px;
  bottom: -15px;
}
.navbar .container:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #000 transparent transparent transparent;
  position: absolute;
  right: -1px;
  bottom: -15px;
}
.navbar-header {
	background: #098fa5; /* Old browsers */
	background: -moz-linear-gradient(top, #098fa5 50%, #1f535b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#098fa5), color-stop(100%,#1f535b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #098fa5 50%,#1f535b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #098fa5 50%,#1f535b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #098fa5 50%,#1f535b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #098fa5 50%,#1f535b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#098fa5', endColorstr='#1f535b',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 14px 21px -5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 14px 21px -5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 14px 21px -5px rgba(50, 50, 50, 0.5);
}
.navbar-collapse {
	background-color: #0990a6;
}
.navbar-nav a {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.navbar-nav a:hover,
.navbar-nav .active a,
.nav>li>a:hover,
.nav>li>a:focus{
	color: #098fa5;
	background-color: #fff;
}
#main-slider {
	border-bottom: 2px solid #098fa5;
	background-color:  #e6eef0;
}
.carousel-indicators {
	z-index: 1;
}
#main-slider .item{
	height: 450px;
	background-repeat: no-repeat;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* banner slider */
#main-slider .slide-1 {
	background-position: center left;
	background-image: url(../images/banner-01.jpg);
}
#main-slider .slide-2 {
	background-position: center left;
	background-image: url(../images/banner-01.jpg);
}
#main-slider .carousel-caption {
	top: 0px;
	bottom: 0px;
	padding: 0px;
	margin: auto 0px;
	position: absolute;
}
#main-slider .carousel-caption h3 {
	color:  #098fa5;
	margin-top: 35%;
	font-size: 28px;
}
#main-slider .carousel-caption p {
	color:  #000;
	margin-bottom: 50px;
	font-size: 15px;
}
.carousel-indicators .active {
	background-color: #098fa5;
}
#main-slider .carousel-indicators li {
	border-color: #098fa5;
}
#homepage-content .content-bg{
	padding: 40px 0px 50px 0px;
}
article h4{
	color: #098fa5;
	border-bottom: 1px solid #098fa5;
	font-size: 24px;
	padding-bottom: 10px;
}
article p {
	font-size: 15px;
	margin-bottom: 20px;
}
footer {
	background-color: #000;
	position: relative;
	min-height: 80px;
	height: auto;
}
footer p{
	color: #fff;
	padding: 20px;
	margin-bottom: 0px;
}
footer:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 0 15px;
	border-color: transparent transparent transparent #616161;
  position: absolute;
  right: -1px;
  top: -15px;
}
footer:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #616161 transparent;
  position: absolute;
  left: -1px;
  top: -15px;
}
/* minified apollo hover effects */
.grid {position:relative;clear:both;overflow:hidden;margin:0 auto;width:220px;height:220px;list-style:none;text-align:center}
.grid figure {position:relative;overflow:hidden;width:220px;height:220px;background:#3085a3;text-align:center;cursor:pointer;margin:0 auto;border:10px solid #d0d0d0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}
.grid figure img {position:relative;display:block;height:200px;width:200px;opacity:.8}
.grid figure figcaption {padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::after,.grid figure figcaption::before {pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a {position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a {z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
figure.effect-apollo {background:#3498db}
figure.effect-apollo img {opacity:.95;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.02,1.02,1);transform:scale3d(1.02,1.02,1)}
figure.effect-apollo:hover {border:10px solid #0990a6}
figure.effect-apollo figcaption::before {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
figure.effect-apollo:hover img {opacity:.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
figure.effect-apollo:hover figcaption::before {-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
/* small */
@media (min-width: 768px) {
	nav .container {
		background: #098fa5; /* Old browsers */
		background: -moz-linear-gradient(top, #098fa5 50%, #1f535b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#098fa5), color-stop(100%,#1f535b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #098fa5 50%,#1f535b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #098fa5 50%,#1f535b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #098fa5 50%,#1f535b 100%); /* IE10+ */
		background: linear-gradient(to bottom, #098fa5 50%,#1f535b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#098fa5', endColorstr='#1f535b',GradientType=0 ); /* IE6-9 */
		-webkit-box-shadow: 0px 14px 21px -5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0px 14px 21px -5px rgba(50, 50, 50, 0.5);
		box-shadow:         0px 14px 21px -5px rgba(50, 50, 50, 0.5);
	}
	.navbar-collapse {
		background: none;
	}
	#main-slider .carousel-caption h3 {
		margin-top: 20%;
		font-size: 36px;
	}
	#main-slider .carousel-caption p {
		font-size: 15px;
	}
	footer ul{
		text-align: left;
	}
	footer li {
		margin: 0px 10px;
		line-height: 80px;
	}
	.grid {width:300px;height:300px;}
	.grid figure {width:300px;height:300px;}
	.grid figure img {height:280px;width:280px;}
}
/* medium */
@media (min-width: 992px) {
	header h1 {
		display: block;
		margin: 0px;
	}
	header h1 img{
		display: block;
		margin: 0px;
	}
	.contact-details {
		width: 70%;
		float: right;
		text-align: right;
		margin-top: 30px;
	}
	.n-tel {
		color: #038504;
		font-size: 20px;
	}
	.n-tel:hover {
		color: #038504;
	}
	.e-mail {
		color: #040481;
		font-size: 20px;
	}
	.e-mail:hover {
		color: #040481;
	}
	.i-fb,
	.i-tw {
		display: block;
		width: 50px;
		height: 50px;
		background-image: url(../images/sns-sprites.png);
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: 100px;
		float: right;
		margin-top: 30px;
		margin-left: 10px;
	}
	.i-fb {
		background-position: top right;
	}
	.i-tw {
		background-position: top left;
	}
}
/* large */
@media (min-width: 1200px) {

}

.grid {width:280px;height:280px;}
	.grid figure {width:280px;height:280px;}
	.grid figure img {height:260px;width:260px;}