@font-face {
	font-family: Calibri;
        src: local("Calibri"), url(../css/calibri.ttf) format("truetype");
        font-weight: normal;
        font-style: normal;
}
html {height:100%;}
body {
	background: #1c1c1c;
	height:100%;
	font-family:Calibri, sans-serif;
	max-width:1092px;
	max-height:100%;
	overflow:hidden;
	margin: 0 auto;
}
#cycler {position:relative;width:100%;max-height:806px;max-width:100%;display:block;margin: 0 auto;}
#cycler img{position:absolute;z-index:1;background-color:#1c1c1c;width:100%;height:100%left:0;right:0;margin:auto !important;display:none;}
#cycler img.active{z-index:3;}
#cycler img.base{z-index:-1;position:absolute;display:block}

#slider {
	padding: .25% 0 0 0;
	margin-top:-3.05em;
}

#bx-pager {
	display:block;
	margin: 0 auto;
	max-width:100%;
	font-size: 0%;
//	width: 64%;
	}
#bx-pager img {
	//max-width:5%;
	//max-height:3.69047619%;
//	max-width:3.33%;
//	max-height:2.457857143%;
	margin: .5% 0 0 0;
	padding: 0;
	}

#bx-pager a img {
	filter: brightness(0.5) grayscale(1.0);
	-webkit-filter: brightness(0.5) grayscale(1.0);
	-moz-filter: brightness(0.5) grayscale(1.0);
	-ms-filter: brightness(0.5) grayscale(1.0);
	-o-filter: brightness(0.5) grayscale(1.0);
	}

#bx-pager .active img, #bx-pager a:focus img {
	filter: brightness(1.0) grayscale(0);
	-webkit-filter: brightness(1.0) grayscale(0);
	-moz-filter: brightness(1.0) grayscale(0);
	-ms-filter: brightness(1.0) grayscale(0);
	-o-filter: brightness(1.0) grayscale(0);
	}

#bx-pager a:hover img{
	filter: brightness(0.7) grayscale(0);
	-webkit-filter: brightness(0.7) grayscale(0);
	-moz-filter: brightness(0.7) grayscale(0);
	-ms-filter: brightness(0.7) grayscale(0);
	-o-filter: brightness(0.7) grayscale(0)
	}

/*0.738095238*/

#about {
	max-width:100%;
	max-height:806px;
	width:100%;
	display: block;
	position: relative;
	margin: 0 auto;	
}

#about .bg {
	max-width:100%;
	width:100%;
/*	height:100%;
//	background: url(../images/TIC_About_01.jpg);
//	background-size: 100% 100%;
//	background-repeat: no-repeat;
//	backgrond-position: center center;
//	display: block; */
	display: inline;
	z-index: 1;
	position: absolute;
	margin: 0 auto;	
}

#inner {
	z-index: 10;
	width:90%;
	//display: block;
	display:inline;
	position:absolute;
	margin: 0 0 0 7.3%;
}

#about .row {
	z-index: 10;
	padding-top: 9.5%;
	color: #bbbbbb;/*#bcbdbf;*/
	font-size: 14.25px;
	font-weight:500;
	margin:0 auto;
//	display:block;
	display:inline-block;
//	position:absolute;
	top: 0%;
	width: 100%;
	line-height:1.15em;
	white-space:normal;
	/*text-shadow:1px 1px 1px #444;*/
}

#about .first {
//	line-height:1.175em;
//	margin-left:2.5%;
}

#about .second {
	width:15.5%;
}

#about .third {
	width:12.5%;
}

#about .fourth {
	width:12.5%;
}
#about .fifth p {
	margin-top:-.325em;
}

#about .fifth a {
	line-height:1.75em;
	color: #777777;
	text-decoration:none;	
}

#about .fifth a:hover, #about .fifth a:focus {
	color: #bbbbbb;
	text-decoration:none;
}

.ttle {
	margin:-3px 0px 3px 0px;
	max-width:100%;
}

.tl {
	border-bottom: 1px solid;
	padding-bottom:5px;
}

.cl {
	opacity: 0;
	display:none;
}

header {
	display:inline;
}

nav .container {
	padding-left: 0;
	padding-right: 0;
	max-width:1092px;
	border-bottom: solid 1px #AAA;
	width:100%;
}

nav .container::before {
	padding-top:5px;
}

nav .container::after {
	padding-bottom:5px;
}

footer {
	position:relative;
	bottom:0px;
}

#portfolio {
	position:relative;
	bottom:0px;
}


footer .container {
	padding-left: 0;
	padding-right: 0;
	max-width:1092px;
	width:100%;
	text-align:left;
	color:#999999;
	font-size:13px;
	font-weight:600;
}

#portfolio .container {
	padding-left: 0;
	padding-right: 0;
	max-width:1092px;
	width:100%;
	text-align:left;
	color:#999999;
	font-size:11px;
	font-weight:600;
}


[role="banner"] {
	padding-bottom:.9em;
}

.container img{
	float:left;
	max-width:100%;
}


.links {
	position:relative;
	float:left;
	margin: 1px 0 0 3%;
	min-width:95%;
	max-width:100%;
	z-index: 100;
}

.links a {
	//color: #2c2c2c;
	color:#444;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	position:relative;
	display:inline;
	margin: 0 2% 0 0;
}

.links a:hover, .container a:focus, .container a:active, .container a.active {
	color: #AAA;
}

nav .col-xs-2 {
	padding:0;
}


.cpyr {
	margin: 1em 0 0 0;
}

@-moz-document url-prefix() {
	.bx-viewport {
		top: -20px;
	}
	#bx-pager {
		margin-top: -20px;
	}
	.bx-wrapper .bx-caption span {
		font-size: .9em;
		line-height: .9em;
	}
	.links a {
		font-size: 13px;
	}
}

/*@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
   	.bx-viewport {
		top: -20px;
	}
	#bx-pager {
		margin-top: -20px;
	}
	.bx-wrapper .bx-caption span {
		font-size: .9em;
		line-height: .9em;
	}
	.links a {
		font-size: 13px;
	}
}*/

@media only screen and (max-width : 768px) {
	.bx-wrapper .bx-caption span {
		font-size: 9px;
		line-height: 9px;
	}

	.bx-wrapper .bx-caption {
		width: 35%;
		margin-left:45%;
		bottom: 100%;
	}

	#about .row {
		font-size: 8.5px;
		white-space: nowrap;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	#inner {
		width:100%;
		margin: 0 auto;
	}

	#about .second {
	    margin-left: 4%;
	}

	.links {
		margin:-0.4em 0px 0px 3%;
	}

	.links a {
		font-size: 11px;
	}

	#slider {
		margin-top: -2.7em;
	}

	footer {
		bottom:0px;
	}

	footer .container {
		font-size:11px;
	}

	#portfolio {
		bottom:0px;
	}
	
	#portfolio .container {
		font-size:9px;
	}

	#bx-pager img {
		margin-top: 1%;
	}

	.cpyr {
		margin: -.3em 0 0 0;
	}

}

@media only screen and (max-width : 480px) {
	.bx-wrapper .bx-caption span {
		font-size: 6px;
		line-height:6px;
	}

	.bx-wrapper .bx-caption {
		margin-left: 44%;
		width: 36%;
		bottom:101.5%;
		padding-bottom: .25em;
	}

	.bx-wrapper img {
		padding-top: .24em;
	}

	#about .row {
		font-size: 5px;
		white-space: normal;
	}

	#about .second {
	    margin-left: 0%;
	}

	.tl {
		padding-bottom:1px;
	}

	.col-xs-2, .col-xs-4 {
		padding: 0 2px;
	}

	.col-xs-4 {
		width: 36.5%;
		padding-left: 3.5%;
	}

	nav .container::before {
		padding-top:3px;
	}

	nav .container::after {
		padding-bottom:0px;
	}

	[role="banner"] {
		padding-bottom:.6em;
	}

	.links {
		margin:-0.2em 0px 0px 3%;
	}

	.links a {
		font-size: 7px;
	}

	#slider {
		margin-top: -2em;
	}

	.bx-wrapper .bx-prev {
		background: url(../bxslider/images/Rollover_backbutton_dark_small.png) no-repeat 0;
		right: 3em;
	}

	.bx-wrapper .bx-next {
		background: url(../bxslider/images/Rollover_forwardbutton_dark_small.png) no-repeat 0;
	}

	.bx-wrapper .bx-prev:hover {
		background: url(../bxslider/images/Rollover_backbutton_light_small.png) no-repeat 0;
	}

	.bx-wrapper .bx-next:hover {
		background: url(../bxslider/images/Rollover_forwardbutton_light_small.png) no-repeat 0;
	}

	.bx-wrapper .bx-controls-auto .bx-start {
		background: url(../bxslider/images/Rollover_playbutton_dark_small.png) no-repeat 0;
		right:1em;
	}

	.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {
		background: url(../bxslider/images/Rollover_playbutton_light_small.png) no-repeat 0;
	}

	.bx-wrapper .bx-controls-auto .bx-stop {
		background: url(../bxslider/images/Rollover_pausebutton_dark_small.png) no-repeat 0;
		right:2em;
	}

	.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {
		background: url(../bxslider/images/Rollover_pausebutton_light_small.png) no-repeat 0;
	}

	.bx-wrapper .bx-controls-auto a, .bx-wrapper .bx-controls-direction a {
		width:15px;
		top:2px;
	}
	
	.col-xs-10 {
		padding-left:0;
	}

	footer {
		bottom:0px;
	}

	footer .container {
		font-size:7px;
	}

	#portfolio {
		bottom:1px;
	}
	
	#portfolio .container {
		font-size:7px;
	}

	.cpyr {
		margin: -1em 0 0 0;
	}

}


#bx-pager{
	margin-left: .55%;
}
