@font-face {    font-family: 'BebasNeueRegular';    src: url('fonts/BebasNeue-webfont.eot');    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/BebasNeue-webfont.woff') format('woff'),         url('fonts/BebasNeue-webfont.ttf') format('truetype'),         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');    font-weight: normal;    font-style: normal;}/* CSS reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}html,body {	margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img { 	border:0;}input{	border:1px solid #b0b0b0;	padding:3px 5px 4px;	color:#979797;	width:190px;}address,caption,cite,code,dfn,th,var {	font-style:normal;	font-weight:normal;}ol,ul {	list-style:none;}caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym { border:0;}/* General Demo Style */body{	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;	background: #000;	font-weight: 400;	font-size: 15px;	color: #aa3e03;	overflow-y: scroll;	overflow-x: hidden;}.ie7 body{	overflow:hidden;}a{	color: #333;	text-decoration: none;}.container{	position: relative;	text-align: center;}.clr{	clear: both;}.container > header{	position: relative;	display: block;	max-width: 510px;	margin: auto;	margin-top: 10%;	padding: 25px;}.container > header h1{	position: relative;	color: #fff;	max-width: 460px;}.container > header h1 span{}.container > header h2, p.info{	font-size: 16px;	font-style: italic;	color: #f8f8f8;	padding: 10% 0;}/* Header Style */.codrops-top{	font-family: Arial, sans-serif;	line-height: 24px;	font-size: 11px;	width: 100%;	background: #000;	opacity: 0.9;	text-transform: uppercase;	z-index: 9999;	position: relative;	-moz-box-shadow: 1px 0px 2px #000;	-webkit-box-shadow: 1px 0px 2px #000;	box-shadow: 1px 0px 2px #000;}.codrops-top a{	padding: 0px 10px;	letter-spacing: 1px;	color: #ddd;	display: block;	float: left;}.codrops-top a:hover{	color: #fff;}.codrops-top span.right{	float: right;}.codrops-top span.right a{	float: none;	display: inline;}p.codrops-demos{	display: block;	padding: 15px 0px;}p.codrops-demos a,p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{    display: inline-block;	border: 1px solid #6d0019;	padding: 4px 10px 3px;	font-size: 13px;	line-height: 18px;	margin: 2px 3px;	font-weight: 800;	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);	color:#fff;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	background: #a90329;	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);	background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);	background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);}p.codrops-demos a:hover{	background: #6d0019;}p.codrops-demos a:active{	background: #6d0019;	background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%);	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329));	background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);	background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);	background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);	background: linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9);	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);}p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{	color: #A5727D;	background: #6d0019;}.btn {	display: inline-block;  margin-bottom: 0;  font-weight: normal;  text-align: center;  vertical-align: middle;  touch-action: manipulation;  cursor: pointer;	margin-right: 4px;	margin-bottom: 4px;	font-family: 'Quicksand', sans-serif;	font-size: 14px;	letter-spacing: 4px;	text-transform: uppercase;	font-weight: 700;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;	-ms-border-radius: 4px;	border-radius: 0px;	-webkit-transition: 0.5s;	-o-transition: 0.5s;	transition: 0.5s;}.btn.btn-lg {	padding: 18px 0px !important;	width: 42%;	min-width: 35%;}.btn:hover, .btn:focus, .btn.focus {  color: #333;  text-decoration: none;}.btn:active, .btn.active {  outline: 0;  background-image: none;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}.btn.outline {	background: none;}.btn-primary.outline {	border: 2px solid rgba(256,256,256, 0.3);	color: #FFFFFF;}.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {	border: 2px solid rgba(256,256,256, 1);	color: #FFFFFF;	background-color: rgba(0,0,0, 0.2);}.btn-primary.outline:active, .btn-primary.outline.active {	border: 2px solid rgba(256,256,256, 1);	color: #FFFFFF;	box-shadow: none;}/* Media Queries */@media screen and (max-width: 767px) {		.container > header{		text-align: center;		margin-top: 20%;	}	p.codrops-demos {		position: relative;		top: auto;		left: auto;	}}.img_responsive {	display: block;	max-width: 100%;	height: auto;	margin: auto;}.cb-slideshow,.cb-slideshow:after {    position: fixed;    width: 100%;    height: 100%;    top: 0px;    left: 0px;    z-index: 0;}.cb-slideshow:after {    content: '';    background: transparent url(../images/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: 50% 50%;    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 h3 {    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;    font-size: 240px;    padding: 0;    line-height: 200px;	color: rgba(169,3,41, 0.8);}.cb-slideshow li:nth-child(1) span { background-image: url(../images/1.jpg) }.cb-slideshow li:nth-child(2) span {    background-image: url(../images/2.jpg);    -webkit-animation-delay: 6s;    -moz-animation-delay: 6s;    -o-animation-delay: 6s;    -ms-animation-delay: 6s;    animation-delay: 6s;}.cb-slideshow li:nth-child(3) span {    background-image: url(../images/3.jpg);    -webkit-animation-delay: 12s;    -moz-animation-delay: 12s;    -o-animation-delay: 12s;    -ms-animation-delay: 12s;    animation-delay: 12s;}.cb-slideshow li:nth-child(4) span {    background-image: url(../images/4.jpg);    -webkit-animation-delay: 18s;    -moz-animation-delay: 18s;    -o-animation-delay: 18s;    -ms-animation-delay: 18s;    animation-delay: 18s;}/* .cb-slideshow li:nth-child(5) span {    background-image: url(../images/5.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(6) span {    background-image: url(../images/6.jpg);    -webkit-animation-delay: 30s;    -moz-animation-delay: 30s;    -o-animation-delay: 30s;    -ms-animation-delay: 30s;    animation-delay: 30s;}Animation for the slideshow images */@-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);	}	25% {	    opacity: 0;	    -webkit-transform: scale(1.1);	}	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);	}	25% {	    opacity: 0;	    -moz-transform: scale(1.1);	}	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);	}	25% {	    opacity: 0;	    -o-transform: scale(1.1);	}	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);	}	25% {	    opacity: 0;	    -ms-transform: scale(1.1);	}	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);	}	25% {	    opacity: 0;	    transform: scale(1.1);	}	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 screen and (max-width: 600px) { 	.cb-slideshow li div h3 { font-size: 50px }}.container header p {	position: relative;	max-width: 460px;	margin: auto;}