/* latin-ext */
@font-face {
  font-family: 'Passion One';
  font-style: normal;
  font-weight: 400;
  src: local('Passion One Regular'), local('PassionOne-Regular'), url(https://fonts.gstatic.com/s/passionone/v9/PbynFmL8HhTPqbjUzux3JEuf9lvQ6Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Passion One';
  font-style: normal;
  font-weight: 400;
  src: local('Passion One Regular'), local('PassionOne-Regular'), url(https://fonts.gstatic.com/s/passionone/v9/PbynFmL8HhTPqbjUzux3JEuR9ls.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,body,div#holder{height:100%}
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	
	background-size:100% auto;
}
a,h2,h3{color:#0094e4}
a:hover{color:#999}
h2{
	font-size:4rem;
	padding-bottom:15px;
}
h3{font-size:2rem}
h2,h3{font-family: 'Passion One', cursive;}
h2 span,
h2 span a{color:#FFF}
h2 span a:hover{text-decoration:none}
h2 em{font-style:normal;text-transform:lowercase}
.container {
	height:100%;
}

#slider{position:fixed;}
#carbon{background:#000 url(images/header-carbon-bg.jpg) 50% top fixed no-repeat;position:absolute;z-index:10;width:100%;margin-top:100%}

.fb{float:left}
.btn-default{background-color:#0094e4;color:#FFF;border:none}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.navbar-toggle:hover{background-color:#0094e4;border-color:#0094e4;color:#FFF}

.nav-pills>li>a{background-color:#0094e4;color:#000;margin-right:5px;border-radius:0 10px 0 0;text-align:center;padding:5px 20px;font-family:'Passion One', cursive;font-size:1.5rem}
.nav-pills>li>a:hover,
.nav-pills>li>a:focus{background-color:#FFF;color:#000}
.nav-pills>li>a.active,
.nav-pills>li>a.active:hover,
.nav-pills>li>a.active:focus{background-color:#000;color:#FFF}

.navbar-default .navbar-nav{border-bottom:1px solid #000}
.navbar-default .navbar-nav>li{text-align:center;font-family: 'Passion One', cursive;font-size:3rem}

.navbar-default .navbar-nav>li>a{background-color:#0094e4;color:#000;border-top:1px solid #000;line-height:40px}
.navbar-default .navbar-nav>li>a:hover{background-color:#FFF;color:#000}
.navbar-default {min-height:0;border:none;margin-bottom:0;background:none;}
.navbar-default .navbar-collapse{border:none}
.navbar-toggle {
	background-color: #000;
	border-color: #000;
	margin:0 0 10px 0;
	font-weight:normal;
	color:#FFF;
}
.navbar-toggle:focus,
.navbar-toggle:hover {
	background-color: #FFF;
	border-color: #FFF;
	color:#000;
}
.navbar-collapse{box-shadow:none;border:none}

#feedback h3{color:#fff}
#feedback h4{font-weight: bold;color:#0094e4}

header{background-color:#0094e4;position:fixed;z-index:20;padding:12px 0;width:100%}
section,
#slider{
	width:100%;
	min-height:100%;
	padding:10px;
	color:#efefef;
	padding-top:40px;
}		
.img-circle.img-responsive{display:inline-block}
#form-messages{color:#000;padding:10px;border-radius:5px}

#services .item{margin-top:30px}
#services .item img{display: inline-block}
#gallery .item{padding:15px}

a.fancybox{position:relative;display:block;overflow:hidden}
a.fancybox .info{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	display:block;
	background-color:RGBA(17,17,17,0.5);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	text-align:center;
	color:#FFF}
a.fancybox .info span{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2em;
	height: 2em;
	margin-left: -1em;
	margin-top: -1em;
	line-height: 2em;
	display: block;
	font-size: 1.5em;
	border: 2px solid #fff;
}

a.fancybox:hover .info{
	opacity:1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

#credit{color:#666;font-size:10px}
	#credit a{color:#999}
	
	
#downButton {
	background: transparent url(images/direction_down.png) center center no-repeat;
	background-size: 14px 14px !important;
	border: 3px solid rgba(255,255,255, 1);
	border-radius: 30px;
	height: 30px;
	width: 30px;
	position: absolute;
	bottom: 50px;
	z-index: 99;
	text-indent: -9999 !important;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left !important;
	cursor: pointer;	
}

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	.nav-pills>li>a{padding:5px 10px}
}
@media (max-width: 767px) {
	section{padding-top:15px}
	h2{font-size:4rem;margin-top:0}
	h3{font-size:2rem}
	header{height:auto}
	#downButton {bottom:100px}
}