@font-face {
    font-family:Raleway-Regular  ;
    src: url(../font/AbrahamLincoln.ttf);
}

@font-face {
    font-family:Raleway-SemiBold;
    src: url(../font/AbrahamLincoln.ttf);
}


*{margin: 0;
padding: 0;}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}




body{
	overflow-x:hidden; font-family:Raleway-Regular;
}

/* audio */

#backgroundaudio {display: block;position: fixed;bottom: -43px;left: 5px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
 #backgroundaudio:hover { bottom: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
 #backgroundaudio audio { background: #ffffff; padding: 5px; display: table-cell; vertical-align: middle; height: 43px; z-index: 9998;}
 #backgroundaudio i {font-size: 40px;display: block;background: #ffffff;padding: 5px;width: 50px;float: none;margin-bottom: -1px;z-index: 9999;}

 /* audio */
.res-logo{display:none;}

#page{display: none;}

.header{width: 100%; height: 59px; background: url(../images/header-bg.jpg); float: left; position: fixed;top: 0; z-index: 10; border-bottom:2px solid #031B7F;}
.logo{width: 170px; float: left; height:100px;    border-radius: 0 0 5px 5px;}
.logo img{width: 85%; display: block; margin:6px auto;}
#sub-nav{text-align:center;width: 52%; float:right; }
#sub-nav ul li{display:inline;float:left; line-height: 57px;}
#sub-nav ul li a{ font-size: 20px; border-right: 1px solid #031B7F; text-transform: uppercase;    letter-spacing: 1px; padding:0px 22px; letter-spacing: 1px; text-decoration: none; color:#031B7F ;}
#sub-nav ul li a:hover{color: #000D42 ; text-decoration: underline;}

#sub-nav ul li ul{display:none;position: absolute;z-index: 10;margin-top:-1px;width:500px;    margin-left: -183px;}

#sub-nav ul li:hover ul{display:block; }
#sub-nav ul li ul li{float:left;background:#f5f5f5;border-bottom:1px dotted #fff; line-height: 20px;}
#sub-nav ul li ul li a{text-decoration:none;font-size:20px; letter-spacing: 1px;   text-align:center;color:#333;display:inline-block; width: 230px; padding: 10px;}
#sub-nav ul li ul li a img{width: 100%; height: 220px;}
#sub-nav ul li ul li a:hover{color: #031B7F; text-decoration: underline;}
.slider{
	width: 100%; 
	height: 650px;
	float: left;
	position: relative;
}
.cb-slideshow,
.cb-slideshow:after {
    position: absolute;
    width: 100%;
    height: 650px;
    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: 650px;
    position: absolute;
    top: 0px;
    left: 0px;
    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 {
    z-index: 1000;
    position: absolute;
    bottom: 250px;

    left: 6%;
    width: 44%;
    text-align: left;
    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 {
    font-family: ;
    font-size: 60px;
    padding: 0 30px;letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 120px;
    color: #fff;
    text-shadow:0 0 1px #4D4949;
}
.cb-slideshow li div p {
    font-size: 14px;
    padding: 0 30px 0 0;
     color:#FBDA3E;
     margin-left: 30px;
    
    border-top:1px solid;
    border-bottom:1px solid;
    width:425px;
}
.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/1.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/2.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/1.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/2.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -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) div {
    -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) div {
    -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) div {
    -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) div {
    -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);
	}
	22% {
		opacity: 0;
		-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);
	}
	22% {
		opacity: 0;
		-webkit-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);
	}
	22% {
		opacity: 0;
		-webkit-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);
	}
	22% {
		opacity: 0;
		-webkit-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);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */

.history{width: 100%; height: 420px; margin-top: 47px; float: left; background: url(../images/history-bg.jpg);}
.wraper{width: 85%; margin: 0 auto;}
.history-bg{width: 50%; height: 400px; float: left; position: absolute; background: url(../images/history-graphic.png) no-repeat; background-size: contain;}
.left1{width: 50%; height: auto; float: left; position: relative;}
.left1 img{width: 100%;}
.left1 h1{text-align: center; font-size: 25px; text-transform: uppercase; line-height: 45px; color: #031C81; margin-top: 135px; margin-bottom: 20px; font-family:'Conv_TrajanPro-Regular';}

.left1 p span{font-family:'Conv_old retro labels tfb'; vertical-align:middle;margin-bottom:15px;display:inline-block;text-transform:none;}
.left1 p{text-align: center; line-height: 40px; font-style: italic; color: #031C81; font-size: 25px; margin-top:0px;}
.right{width: 50%; height: auto; float: right;}
.right img{width:100%;}

.parallax{
	width: 100%; 
	height: 400px; 
	float: left; 
	background: url(../images/sep-lady1.jpg) no-repeat; 
	background-size: cover; 
	background-attachment: fixed;
}
.fitured-bg{width: 36%; height: 400px; right:0; position: absolute; background: url(../images/right-graphic.png) no-repeat; background-size: contain;}




.about{width: 100%; height: 650px; float: left; background: url(../images/stories.jpg) no-repeat; background-attachment: fixed; background-size: cover;}
.about h1{text-align: center; font-size: 25px;line-height: 40px; margin-top: 50px; color: #fff; text-transform: uppercase; font-family:'Conv_TrajanPro-Regular'; margin-bottom: 40px; }
.about-left{width: 40%; float: left; background: url(../images/storySlider.png); height: 433px; padding: 10px;}
.about-left img{width:100%;    height: 432px;}

.about-right{width: 55%; float: right;background: url(../images/storySlider.png); height: 454px;}
.about-right h2{text-align: left; font-weight: 100;  letter-spacing: 1px; padding: 20px; font-size: 20px; color: #fff; text-transform: uppercase; }
.about h1 span{font-family:'Conv_old retro labels tfb'; vertical-align:middle;margin-bottom:15px;display:inline-block;text-transform:none;}
.about-right p{text-align: left; padding: 0 20px; color: #fff; text-transform: uppercase; font-size: 13px; line-height: 22px;}

.quote{width: 100%; height: 350px; float: left;  background: #fff;}
.quote img{width: 55%;
    margin: 55px auto;
    display: block;}

.quote-bg{width: 24%; height: 250px; float: left; position: absolute; background: url(../images/history-graphic.png) no-repeat; background-size: contain;}



/* Sizes for the bigger menu */

.footer{width: 100%; height: auto; background: #031B7F url(../images/footer-bg.png) no-repeat; float: left; border-top:2px solid #031B7F; padding: 30px 0;}
.footer-design1{width: 200px; height: 200px; position: absolute; left: 0; background: url(../images/footer-design1.png) no-repeat;background-size: contain;}
.footer-design2{width: 200px; height: 200px; position: absolute; right: 0; background: url(../images/footer-design2.png) no-repeat;background-size: contain;}
.form{float: left; width: 300px; margin-left: 25px;}
.form h2{text-transform: uppercase; font-size: 20px; font-weight: 100; text-align: left;  margin-bottom: 5px; color: #031B7F; letter-spacing: 1px;}
input[type=text], input[type=email], input[type=varchar]{float: left; width: 290px; padding: 5px 5px; border-radius: 3px; border:1px solid #ccc;
font-size: 13px; margin-bottom: 5px; font-family:Raleway-Regular;}
textarea{float: left; width: 290px; padding: 5px 5px; border-radius: 3px; border:1px solid #ccc;
font-size: 13px; margin-bottom: 5px; resize:none; font-family:Raleway-Regular;}
input[type=submit]{float: left; width: 150px; padding: 0px 5px; border-radius: 3px; border:1px solid #000D42; cursor: pointer;
font-size: 20px;     letter-spacing: 1px; margin-bottom: 5px; text-align: center; background: #000D42; color: #fff;font-family:Raleway-Regular;}

.address{width: 300px; float: left; margin-left: 65px;}
.address h2{text-transform: uppercase; font-size:20px; font-weight: 100; letter-spacing: 1px; text-align: left; margin-bottom: 5px; color: #031B7F;}
.address p{color: #333; line-height: 22px; font-size: 13px; font-family: 'Conv_TrajanPro-Regular';}
.location{background: url(../images/location.png) no-repeat; background-position: 0px 5px; padding-left: 32px; margin-bottom: 15px; margin-top: 20px;    background-size: 15px;}
.email{background: url(../images/email.png) no-repeat; background-position: 0px; padding-left: 32px; margin-bottom: 15px;    background-size: 15px;}
.phone{background: url(../images/phone.png) no-repeat; background-position: 0px; padding-left: 32px; margin-bottom: 15px;    background-size: 15px;}

.social{width: 240px; float: right;}
.social h2{text-transform: uppercase; font-size: 20px; font-weight: 100; text-align: left; letter-spacing: 1px; margin-bottom: 5px; color: #031B7F;}
.social p{color: #333; line-height: 25px; font-size: 13px; font-family: 'Conv_TrajanPro-Regular'; text-transform: uppercase;}
.fb{background: url(../images/fb.png) no-repeat; background-position: 0px; padding-left: 32px; margin-bottom: 15px;margin-top: 20px;}
.g{background: url(../images/g.png) no-repeat; background-position: 0px; padding-left: 32px; margin-bottom: 15px;}
.you{background: url(../images/you.png) no-repeat; background-position: 0px; padding-left: 32px; margin-bottom: 15px;}
.copyright{float: left;width: 100%; background: #000D42; line-height: 30px; font-size: 13px;  color: #fff; text-transform: uppercase; font-family: 'Conv_TrajanPro-Regular'; position:relative;}
.line{width: 35px; float: left; height: 2px; background:#000D42 ; margin-bottom: 10px;}
.copy{width: 350px; float: left; text-align: left;}
.design{width: 350px; float: right; text-align: right;}
.design a{color: #fff;}

.headingInner {
    border: 1px solid #fff;
    padding: 8px;
    width: 980px;
    margin: 150px auto 100px;
    
}

.headingInner h1 {
    background: url(../images/headingBg.png) repeat;
    color: #3c3c3c;
    font-family: 'Conv_TrajanPro-Regular';
    font-size: 28px;
    padding: 25px 0;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
}