/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face {
    font-family: 'tra';
    src: url('font/tra.eot');
    src: url('font/tra.eot?#iefix') format('embedded-opentype'),
         url('font/tra.woff2') format('woff2'),
         url('font/tra.woff') format('woff'),
         url('font/tra.ttf') format('truetype'),
         url('font/tra.svg#circularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'century-gothic-bold';
	src: url('font/century-gothic-bold.eot');
    src: url('font/century-gothic-bold.eot?#iefix') format('embedded-opentype');/* ??????? IE */
	src: local('s'), url('font/century-gothic-bold.woff') format('woff'), url('font/century-gothic-bold.ttf') format('truetype'), url('font/century-gothic-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'tr_century_gothic';
	src: url('font/tr_century_gothic.eot');
    src: url('font/tr_century_gothic.eot?#iefix') format('embedded-opentype');/* ??????? IE */
	src: local('s'), url('font/tr_century_gothic.woff') format('woff'), url('font/tr_century_gothic.ttf') format('truetype'), url('font/tr_century_gothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html,
body {
    height: 100%;
	font-family:'tr_century_gothic', sans-serif;
}

.carousel,
.item,
.active {
    height: 100%;
}


.carousel-inner {
    height: 100%;
}



/* Background images are set within the HTML using inline CSS, not here */
.bgtxt{
	background:url(../images/bgtxt.png) no-repeat ;
	 background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	font-family: 'tra', sans-serif;
}



.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill img{
	width: 100%;
	height: 100%;
}



footer {
    margin: 50px 0;
}

.carousel-fade .carousel-inner .item {
   opacity: 0;
      transition-property: opacity;
	  -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s; transition: opacity 0.8s;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
  -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s; transition: opacity 0.8s;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
  filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}