@font-face { 
    font-family: "fl"; 
    src: url("../fonts/futura_light.ttf"); 
}

@font-face { 
    font-family: "fm"; 
    src: url("../fonts/futura_medium.ttf"); 
}

body {
    color: #FFFFFF; 
    text-align: center; 
    letter-spacing: 12px;
    font: normal normal normal 20px fl,sans-serif; 
    margin: 0;
}

.front {
    z-index: 10;
}    

.clockimg {
    position: absolute; 
    left: 160px; 
    top: 140px; 
    width: 650px; 
    margin-left: calc((100% - 980px) * 0.5); 
}

.sitetext {
    position: absolute;
    left: 221px; 
    width: 538px; 
    margin: 0;
    margin-left: calc((100% - 980px) * 0.5); 
}

.sitetext1 {
    top: 300px;
}

.sitetext2 {
    top: 350px;
    font: normal normal bold 85px fm,sans-serif; 
}

.sitetext3 {
    top: 620px;
}

.square {
    position: absolute; 
    top: 78px; 
    left: 100px; 
    width: 68px; 
    fill: rgb(255, 255, 255);
}

.logotext {
    position: absolute; 
    top: 98px;
    width: 115px; 
    margin: 0; 
    left: 120px; 
    letter-spacing: 6px;
    font-size: 24px;
}

.background {
    position: absolute; 
    top: 0px; 
    width: 100%; 
    height: 100%;
}

.backgroundimage {
    background-size: cover; 
    background-position: center center; 
}

.backgroundshape {
    background-color: rgba(14, 46, 71, 0.85);
}


















img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.flexslider {
	padding: 0px;
	position: relative;
}

.flexslider .slides { 
    overflow: hidden; 
}

.flexslider .slides li {
	height: 650px;
	position: relative;
	background-size: cover !important;
}

.flexslider .slides li .row {
	position: relative;
	z-index: 2;
}

.flexslider .slides li h3 { 
    font-size: 30px; 
}

.flexslider .slides li h2 {
	line-height: 1;
	margin-bottom: 33px;
	padding-bottom: 7px;
}

.flexslider .slides li h1 {
	line-height: 1.5;
	font-size: 50px;
	margin-bottom: 33px;
    text-shadow: 3px 3px 3px #aaa;
    opacity: 0.7;
}

.flexslider .slides li p {
    opacity: 0.7;
    text-shadow: 1px 1px 1px #aaa;
}

.slides li .fadeUp { 
    opacity: 0; 
}

.slides li {
	position: relative;
	color: #fff;
}

.slides li p, .slides li a { 
    color: #fff; 
}

.slides li .slide-content {
	position: relative;
	z-index: 3;
}

.slides li h1, .slides li p {
	padding-left: 100px;
	padding-right: 100px;
}

.slides li .overlay {
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: 2;
}

.flexslider .slides li .slide-content img { 
    max-height: 500px; 
}