@font-face {
    font-family: 'clearsansregular';
    src: url('fonts/ClearSans-Regular-webfont.eot');
    src: url('fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ClearSans-Regular-webfont.woff') format('woff'),
         url('fonts/ClearSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CaviarDreams';
    src: url('fonts/CaviarDreams-webfont.eot');
    src: url('fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CaviarDreams-webfont.woff') format('woff'),
         url('fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Generated by Font Squirrel (https://www.fontsquirrel.com) on September 1, 2016 */



@font-face {
    font-family: 'Lighthaus';
    src: url('fonts/lighthaus-webfont.eot');
    src: url('fonts/lighthaus-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lighthaus-webfont.woff2') format('woff2'),
         url('fonts/lighthaus-webfont.woff') format('woff'),
         url('fonts/lighthaus-webfont.ttf') format('truetype'),
         url('fonts/lighthaus-webfont.svg#lighthausregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {background: #161718 url('images/021.jpg') top center no-repeat;   width:100%; height:100%;  
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 

}




.grid-right {float:right}
.grid-left {float:left}
.part1 {width: 73%;  float: left; }
.part3 {width: 27%; height:180%; float: right; }
.part2 {   height:180%;
width: 27%;
position: absolute; background-attachment: fixed; margin: 0px; padding: 0px; 
background: #000 url('images/bcgr4444.png')  bottom right fixed; opacity: 0.6; filter: alpha(opacity=60); 
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 

}

.download-cat a{border-radius: 10px; font-size: 10pt; display: inline-block; margin:0 auto; background: #2e2e2e; float: left; padding:2px;  margin-top:0px; width:36%; margin:0px 10px; float: center; margin-left:7px; margin-right:8px; font-family: 'Ubuntu'; color: #dfdfdf; text-transform: uppercase;}
.download-cat {display: block; clear: both; width: 100%; line-height:20px; margin: 0 auto;}

.download-cat2 a{border-radius: 10px; font-size: 10pt; display: block; margin:0 auto; background: #2e2e2e; padding:2px;  margin-top:0px;  float: center; margin-left:7px; margin-right:8px; font-family: 'Ubuntu'; color: #dfdfdf; text-transform: uppercase;}
.download-cat2 {display: block; clear: both; line-height:20px; margin: 0 auto; padding-bottom:30px; width:310px; padding-left:25px;}

.grid66 {margin: 0 auto; width:200px;}
.part4 {  
width: 27%;height:180%; float: left;
opacity: 0.5; filter: alpha(opacity=50); 
background: url('images/shadow1.png') top left repeat-y; 
position: absolute; 

}
.container {display: inline-block; width: 90%;
			clear: both; 
padding: 30px 0px;
			margin:0 auto; 
			max-width:1600px; 
		}
		
		
		
		.outer:before {
    display: inline-block;
    height: 50%; 
    vertical-align: middle; 
    content: ""; 
}

.text2 h1{color: #e2a761;}
.text2 {width: 30%; padding-right: 10px; margin-top:40px; float: left;  color: #f2f2ee; font-size:13pt; font-family: "ubuntu", sans-serif; display: block;}


.text {
    width: 70%;
    text-align: left;
    float: left;
    color: #f2f2ee;
    font-family: "ubuntu", sans-serif;
    display: inline-block;
    padding: 40px;
    background: rgb(0 0 0 / 70%);
    line-height: 1.7;
}

@media screen and (max-width: 800px) {
	.text {width: 150%;}
}

.text b {
    font-size:16pt;
}

.text > br {

}

.text b {margin-right:10px; margin-bottom:5px; padding-bottom:10px; line-height:10px;
    display: block;
}

.newsl a {backgtound:#ff0000;}

.newsl a > b{font-size:13pt;}


.inner { margin-bottom: 260px;  
    display: inline-block; 
    vertical-align: middle; 
}
.wrap2  {text-align: center;
padding-top:20px;
height: 20%; 
    vertical-align: middle; 
    content: "";   }

.wrap1  {height: 50%; 
    vertical-align: bottom; 
     margin-bottom: -50px;  }
     
   .textt {

}


.fa fa-file-pdf-o {size:20pt;}
 
.textt  {text-shadow: 1px 1px 4px black, 0 0 1em black;
position:relative;
 opacity: 0.8;  filter: alpha(opacity=80);  position: relative; text-align: center; width: 70%; margin: 0 auto; font-family: 'verdana', sans-serif; line-height: 1.1em; color: #f2f2ee;  margin-top: 40px; clear: both; }


.textt  h1 {font-family: 'Lighthaus'; font-size: 13pt; text-transform: none;}
.fields {max-width: 1600px; }  


     .wrap6  {bottom:0px; width:100%;
   background: url('images/bcgr3.png') top center no-repeat;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
      }

.banner {width:56%; max-width:1600px; padding: 50px 0px;}
 
.container .text .newsl {margin: 60px 0;}
//.container .text .newsl a{color: #cccccc; border-bottom: 1px #cccccc solid; margin:6px; padding-top:5px;}
.container .text .newsl a{  
  font-weight: 600;
    color: #000;
    border-bottom: 1px #f4cf72 solid;
    /* margin: 6px; */
    padding: 15px;
    background: #f4cf72;
    display: block;
    text-align: center;
}


.blocktext {padding-top: -100px;
  
   
}
* {
  margin: 0;
}

.page-wrap { width: 100%; 
  height: 100%; 
  /* equal to footer height */

}

.frame9 {position: relative; clear: both;
width:50%; 
margin: 0 auto;


display: block;}
.frame2 {
position: relative;
width:60%;
margin: 0 auto;
padding-bottom: 20px; line-height:100px;
margin-top:-50px;
display: block;
}
.frame2 img{


margin: 0 auto;


display: block;
}


.site-footer {font-family: CaviarDreams; font-size: 90%; margin: 0 auto; text-align: center; 
 
color: #bbbbbb;
width: 70%;
border-top: 1px solid #716e6d;
}



.smbutton a{border-radius: 10px; padding: 10px; background: #bf503a;}


@media (min-width:10px) and (max-width:1300px){

.grid3 .grid2 {  display: block; width:116px; background: url('images/shadows2.png') top center repeat-y; float: left; margin-top:6px;  height:170px; padding-top:70px; text-align:left;}

}
@media (min-width:10px) and (max-width:1450px){
body, .buttons a, .site-footer{font-size: 84%;}}



@media (min-width:10px) and (max-width:1200px){
body, .buttons a, .site-footer{font-size: 72%;}
.textt {font-size: 98%;}
}

.grid2 { font-family: "ubuntu", sans-serif; font-size:15pt;  display: block;  border: 1px solid #fff; float: left; height: 300px; vertical-align: middle; margin-top:6px;   padding:20px; text-align:center; }.grid2 a {color: #d8bd88;}
.grid3 {margin: 0 auto; width: 750px; clear: both;
margin-bottom: 30px;
display: inline-block;}
.grid44 {margin: 0 auto; display: block; clear: both; height:500px;}

.grid {
	
float:left
	display: block;
	 max-width:1400px; 
	list-style: none;
	text-align: center;
}


.grid6 {padding-top:6px;
}

.svg2 {background: #fff;  }

.svg-wrapper {background: url('images/shadows4.png') top center repeat-y;
  
 height:300px;

	  margin: 0 auto; 
  width: 120px;  float: left;
}
.shape {
  stroke-dasharray: 440 540;
  stroke-dashoffset: -420;
  stroke-width: 5px;
  fill: transparent;
  stroke: #dddddd; 
  border-bottom: 5px solid black; 
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.text4 {
 font-family: 'Ubuntu Condensed', sans-serif;
  font-size: 21px; 
  line-height: 22px;
text-align: left; padding-left:16px;
  
  top: -78px;
  position: relative;
}

.svg-wrapper a:link{
 
 color: #dddddd;
 
}
.svg-wrapper a:hover{
 color: #ffddbb;
 
 
}

.svg-wrapper:hover .shape {
  stroke-width: 2px; stroke: #ffddbb; 
  stroke-dashoffset: 0;
  stroke-dasharray: 860;
}


















/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 6px 1%;
	
	height:300px; width: 270px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	height:500px; width: 270px;
	object-fit: cover; display: inline-block;
	opacity: 0.6;
}

.grid figure figcaption {
	padding: 1.2em 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption h2{
	 background: #000; opacity: 0.7; filter: alpha(opacity=70);
	
}


.grid figure figcaption span{
	
	color: #ff3030; 
	
}.grid figure figcaption span b{
	
	color: #120505; 
	
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #7d7d7a;
}

figure.effect-layla img{
	width:100%; height:auto;
}

figure.effect-layla figcaption {
	
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figcaption .new {	margin-bottom: 3px; padding:5px; background: #000; opacity: 0.8; filter: alpha(opacity=80);}
.new span {color: #000;}
figure.effect-layla figcaption::before {
	top: 20px;
	right: 10px;
	bottom: 20px;
	left: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 10px;
	right: 20px;
	bottom: 10px;
	left: 20px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(2,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.3;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}






.color-10 {background: #000;}

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

nav a {
	position: relative;
	display: inline-block;
	
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

nav a:hover,
nav a:focus {
	outline: none;
}



.buttons {position: absolute; top: 30%; display: block; text-transform: uppercase; color: #f6cbaf; font-size: 10pt;  font-weight:bold;opacity: 0.6; filter: alpha(opacity=60); text-decoration:none;
 font-family: 'Lighthaus';}


/* Effect 10: reveal, push out */
.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	
}

.cl-effect-10 a span {color: #191c26;
	display: block;
	padding: 26px 35px 26px 5px;
	background: #f8e2c5;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 1000%; 
	width: 100%; 
	height: 100%;padding: 26px 15px 26px 5px;
	background: #4a4a4a;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}