.log {width:140; height:44;}

#adds {
	font-size:16px;
	font-weight:400;
	text-align:right;
	position:absolute;
	z-index:200;
	bottom:10%;
	right:5%;
	color:#FFF;
}

.adds {
	font-size:24px;
	font-weight:400;
	color:#FFF;
	text-decoration:none;
	text-align:inherit;
}
#brix {
	clip: rect(auto,auto,auto,auto);
	background:none;
	float: left;
	position: absolute;
	left: 20%;
top:20%;
	opacity: 0.8;
	visibility: visible;
	z-index: 1;
	height: 500px;
	width: 60%;

	border:0px;
}
#bon {
	width:50%;
	height: 20%;
		
}
#cap {
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 2px 2px 2px black;

}

#static {
    text-align: center;
	font-weight:700;
    text-shadow: 2px 2px 2px #666;
	font-size: 45px;;
	letter-spacing:1PX;
	color: #FFF;
}


.cb-slideshow,
.cb-slideshow:after {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	list-style-type: none;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../../img/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 75% center;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li Div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: right;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li Div h3 {
	
}
.cb-slideshow li Div h2 {
	font-family: 'Arial Narrow', Arial, sans-serif;
	font-size: 30px;
	line-height: 0px;
	color: rgba(255,255,255,1);
	font-weight: bold;
	text-align: right;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 0px;
    text-shadow:1px 1px 10px black;
	}
.cb-slideshow li:nth-child(1) span {
	background-image: url(../../img/slide_1.jpg);
}
.cb-slideshow li:nth-child(2) span {
	background-image: url(../../img/slide_2.jpg);
		-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}
.cb-slideshow li:nth-child(3) span {
	background-image: url(../../img/slide_3.jpg);
	-webkit-animation-delay: 16s;
	-moz-animation-delay: 16s;
	-o-animation-delay: 16s;
	-ms-animation-delay: 16s;
	animation-delay: 16s;
}
.cb-slideshow li:nth-child(4) span {
	background-image: url(../../img/slide_4.jpg);
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../../img/slide_5.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li Div h3 { font-size: 100px }
	
}

@media (max-width:450px) and (min-width:300px) { 
#adds {
	font-size:12px;
		bottom:5%;


}	
.cb-slideshow li:nth-child(2) span {
	background-position: 80% center;
}
.cb-slideshow li:nth-child(3) span {
	background-position: 50% center;
}
.cb-slideshow li:nth-child(4) span {
	background-position: 50% bottom;
}
.cb-slideshow li:nth-child(5) span {
	background-position: 35% center;
}
	.cb-slideshow li Div h3 { font-size: 50px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-shadow:1px 1px 20px black;
	line-height: 70px;

	 }
	.cb-slideshow li Div h2 {
	font-size: 13px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
    text-shadow:1px 1px 10px black;
	line-height: 0px;

    }
#brix {
	left:15%;
	top:5%;
	width: 70%;







		}
#bon {
	width:75%;
	
	
}
#cap {
	font-size: 12px;
	font-weight:bold;
	
}
#static {
	font-size: 30px;
	font-weight:bold;
	
}


}


@media (max-width:750px) and (min-width:450px)  { 
#adds {
	font-size:12px;
		bottom:1%;


}	
.cb-slideshow li:nth-child(2) span {
	background-position: 80% center;
}
.cb-slideshow li:nth-child(3) span {
	background-position: 50% center;
}
.cb-slideshow li:nth-child(4) span {
	background-position: 50% bottom;
}
.cb-slideshow li:nth-child(5) span {
	background-position: 35% center;
}
	.cb-slideshow li Div h3 { font-size: 50px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-shadow:1px 1px 20px black;
	line-height: 70px;

	 }
	.cb-slideshow li Div h2 {
	font-size: 13px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
    text-shadow:1px 1px 10px black;
	line-height: 0px;

    }
#brix {
	left:5%;
		top: 5%;
	width: 100%;







		}
#bon {
	width:20%;
	
	
	
	
}
#cap {
	font-size: 12px;
	font-weight:bold;
	
}
#static {
	font-size: 40px;
	font-weight:bold;
	
}
.log { width:100; height:31 !important;}

}