@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700');
 
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0 !important; background-color:#ffffff; box-shadow:0 0 20px rgba(0,0,0,0.3) inset; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {font-family: 'Cinzel', serif; color: #333; font-size:13px;}

a {color: #000;text-decoration: none;}
a:hover {color: #ccc;}

.logo, img {max-width: 100%;height: auto; }
.logo {padding-top:0px; padding-bottom:0px;margin:0 auto; }

.logo:hover { opacity:0.2; filter:alpha(opacity=20); -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#error { display:none;  background-color:#FFC; width:auto; margin-bottom:10px; margin-top:10px; min-height:100px; font-weight:bold; text-align:left; color:#f00; border:#CCC 1px solid; padding:15px;  -moz-border-radius:8px; -ms-border-radius:8px; -webkit-border-radius:8px; } 

.container { position: relative; padding-bottom:60px;}

.search{float:right;overflow:hidden}.searchbox{padding:6px;border:#ddd 1px solid;background:#fff url(../images/search-icon.png) no-repeat;background-position:right 10px center;color:#333;width:200px}

 .wide-container {
      max-width: 100%;
      height: 400px;
      margin: 0 auto;
    }

.container >

.header {text-align:center;}
.header section > div {width: 90%;max-width: 1024px; margin:0 auto; padding: 2.875em 1.875em 1.875em;}
.header h1 { color:#000000; line-height: 1.0; font-family: 'Cinzel', serif; font-size:55px; text-transform:uppercase; margin-bottom:0px; margin-top:10px !important; text-align:left; display:block; z-index:1000; overflow:hidden; width:400px; font-weight:400; }
.header h1:hover { opacity:0.5;}


.navigation { background-color:#ffffff; line-height:20px; border-top:1px #000000 solid; border-bottom:1px #000000 solid; text-align:center;}
.navigation section > div {width: 90%;max-width: 1024px; margin:0 auto; padding: 0em 1.875em 0em 0em; }

.imagear {}
.imagear section > div {width: 90%;max-width: 1024px; margin:0 auto; padding: 0em 1.875em 0em 0em; }

.image_content { margin-right:20px; float:left; vertical-align:text-top !important;}

.imga { border:10px #efefef solid;}

.main { border-bottom:#000000 1px solid;}
.main section > div {width: 90%;max-width: 1024px; margin:0 auto; padding: 2.875em 1.875em 1.875em;  }

.main ul li { font-size:16px; color:#000000;}

.main h1 { color:#000000; margin: 0; line-height: 1.5; font-family: 'Cinzel', serif; font-size:38px; text-transform:uppercase; margin-bottom:0px; margin-top:0px; font-weight:400; }
.main h2 { color:#000000; margin: 0; line-height: 1.5; font-family: 'Cinzel', serif; font-size:28px; text-transform:uppercase; margin-bottom:0px; margin-top:0px; font-weight:400;}

.main h3 { color:#333; margin: 0; line-height: 1.5; font-family: 'Cinzel', serif; font-size:24px; text-transform:uppercase; margin-bottom:0px; margin-top:0px; font-weight:400; text-align:center; border-top:1px #efefef solid;  border-bottom:1px #efefef solid;}


.main section p {margin: 0;padding: 1em 0;font-size: 15px !important;line-height: 1; color:#000000; }

.cbut {float:right; font-size:20px; margin-top:-110px; padding:5px; border-radius:6px; background-color:#2aa5fc; text-align:center; width:140px;}

.footer {}
.footer section > div {width: 90%;max-width: 1024px; margin:0 auto; padding: 2.875em 1.875em 1.875em; }
.footer h1 { color:#000000; margin: 0; line-height: 1.5; font-family: 'Cinzel', serif; font-size:26px; text-transform:uppercase; margin-bottom:0px; margin-top:0px; font-weight:400; }
.footer section p {margin: 0;padding: 1em 0;font-size: 14px !important;line-height: 1; color:#000000; }

input { width:100%; padding:10px; border:#ccc 1px solid; margin-bottom:5px; margin-top:5px;}
label { width:100%; color:#fff; font-size:16px; font-family: 'Cinzel', serif; text-transform:uppercase; font-weight:400;  }
textarea { width:100%; padding:10px; border:#ccc 1px solid; margin-bottom:5px; margin-top:5px;}

.btn {
  background: #222222;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:150px;
}

.btn:hover {
  background: #ccc; color:#000; cursor:pointer;
  text-decoration: none;
}

.drop {margin: 0;padding: 0; width: 100%;}
 
.content {background-color:#ddd; padding:10px; font-size:12px; color:#222; font-family:Arial, Helvetica, sans-serif !important; }

.content ul li { margin-left:-30px !important; line-height:15px;}	


@media screen and (max-width: 55em) {
 
.container {margin-left:0px;} 
.main section p {  text-align:left;}
.main h1  { font-size:25px;}
.header h1, .header span  { font-size:20px; margin:auto;}
.navigation {display:none;}
.search { display:none;}
.main a:active {text-decoration:none; cursor:pointer;}
.heading { display:none;}
.cbut {display:none;}
.wide-container  {display:none !important;}

label { font-size:18px;}

}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 800px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 800px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 800px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

@font-face {
    font-family: 'si';
    src: url('../assets/socicon.eot');
    src: url('../assets/socicon.eot?#iefix') format('embedded-opentype'),
         url('../assets/socicon.woff') format('woff'),
         url('../assets/socicon.ttf') format('truetype'),
         url('../assets/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../assets/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
    color: #ffffff;
    background-color: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-pinterest {
    background-color: #c92619;
}
.soc-pinterest:before {
    content:'\e043';
}
.soc-linkedin {
    background-color: #3371b7;
}
.soc-linkedin:before {
    content:'\e049';
}