/* typography */
/* WEB FONT */


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

}
 
body{
	color:#404040;
	font-family: Helvetica, sans-serif; 
	font-size:14px;
	line-height:1.4em; 
	font-weight:normal;
}


/* header sizes for small and large screens */
@media only screen and (min-width: 600px) {


	h1{ 
	font-size: 1em;
	font-family: Helvetica, sans-serif;
	font-style: italic;
	font-weight:normal;
	font-variant: small-caps;
	text-align: left;
	line-height:1.3em;
	margin:0px;
	border: #000 0px solid;
	color: #404040;}
	h1	a,
	h1 	a:visited {
     color:#404040 !important;
    }
   	h1	a:active,
	h1 	a:hover {color:#a8a8a8 !important;
			text-decoration:none;
	}
	h2{ 
	color: #404040;
	font-size: 1.8em;
	text-align: left;
	line-height:1.2em;
	margin:0px;
	background: #fff;}
	h2	a,
	h2 	a:visited {
     color:#404040 !important;
    }
   	h2	a:active,
	h2 	a:hover {color:#a8a8a8 !important;
			text-decoration:none;
	}
	h3{ 
	color: #404040;
	font-size: 1.8em;
	text-align: left;
	line-height:1.2em;
	margin:0px;
	background: #fff;}
	h3	a,
	h3 	a:visited {
     color:#404040 !important;
    }
   	h3	a:active,
	h3 	a:hover {color:#a8a8a8 !important;
			text-decoration:none;
	}
	h4{ 
	font-size: 1em;
	text-align: left;
	line-height:1.5em;
	margin:0px;
	border: #000 0px solid;
	}
	h5{ 
	font-size: 1em;
	text-align: left;
	line-height:1.5em;
	margin-bottom:0px;
	text-transform: none;
	border: #000 0px solid;}
	h6{ 
	color: #404040;
	font-size: 1em;
	text-align: left;
	line-height:1.2em;
	margin:0px;;
	background: #000;}
	}
	

@media only screen and (max-width: 599px) {
	h1{ 
	font-size: .95em !important;
	text-align: left;
	line-height:1.2em;
	margin-bottom:10px;
	border: #000 0px solid;
	color:#404040}
	h1	a,
	h1 	a:visited {
     color:#404040 !important;
    }
   	h1	a:active,
	h1 	a:hover {color:#a8a8a8 !important;
			text-decoration:none;
	}
	h2{ 
	color:#404040;
	font-size: 1.3em;
	text-align: left;
	line-height:1.2em;
	margin-bottom:0px;
	margin-top:0px;
	background: #fff;}
	h2	a,
	h2 	a:visited {
     color:#404040 !important;
    }
   	h2	a:active,
	h2 	a:hover {color:#a8a8a8 !important;
			text-decoration:none;
	}

	h3{ 
	color:#404040;
	font-size: 1.3em;
	text-align: left;
	line-height:1.2em;
	margin-bottom:0px;
	margin-top:0px;
	background: #fff;}
	h3	a,
	h3 	a:visited {
     color:#404040 !important;
    }
   	h3	a:active,
	h3 	a:hover {color:#a8a8a8 !important;
			text-decoration:none;
	}
	h4{ 
	font-size: .95em !important;
	text-align: left;
	line-height:1.2em;
	border: #000 0px solid;}
	h5{ 
	font-size: .95em  !important;
	text-align: left;
	line-height:1.2em;
	margin:0px;
	text-transform: none;
	border: #000 0px solid;}
	h6{ 
	color: #fff;
	font-size: .95em  !important;
	text-align: left;
	line-height:1.2em;
	margin:0px;
	padding-left:5px;
	background: #000;}
	
}
p {
	  text-align: left;
      margin-bottom: 30px;
    }
    
.leftlower {
	padding-top: 200px;
	padding-right: 60px !important;
	}

	
.leftlower ul {	
	margin: 30px 0 0 -40px;
	list-style: none;
	list-style-image: none;
	}
	
.leftlower li a{	
	font-style: italic;
	text-decoration:none;
	list-style: none;
	list-style-image: none;
	}

.rightmenu img{
	padding-top: 10px;
	padding-bottom: 10px;
	}
		   	
/* links */
a,
a:visited {color:#404040;  text-decoration:none;}
a:active,
a:hover{color:#a8a8a8;}
a:hover{ text-decoration:none;}


/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}

  
/* structure */   
.wrapper{
	max-width: 80%; 
	margin: 3.5em auto;
	border: #000 0px solid;
}

#banner{
position:absolute;
margin-bottom: 50px;
z-index:9;
text-align:left;
font-family: 'base9scscbi';
font-size:1.75em;
letter-spacing: .08em;
padding-left: 5px;
}

#banner img{ max-width:25%; height:auto;}


#banner a,
#banner a:visited {
     color:#808080;
    }
#banner a:active,
#banner a:hover {color:#a8a8a8;}
			text-decoration:none;
	}
	
#container {
		margin: 0px;
		width: 100%;
		height: 100%;
		border: #000 0px solid;
		display: block;
		overflow: visible;
		}
		
	h5{ 
	font-size: .95em;
	text-align: left;
	line-height:1.2em;
	margin-bottom:0px;
	text-transform: none;
	border: #000 0px solid;}
	
}




#hero,
#page-header{
	background:#fff;
	border-top: #000 0px solid;
	border-bottom: #000 0px solid;
	padding: 0;
}


#content {  
	margin:40px 0;
}

.flexslider{
display:block;
/*demo 1 slider theme*/	
margin: 0 0 60px; 
background: #fff; 
border: none;
}

aside { 
	margin:40px 0;
}

p { 	margin:0 0 1.5em 0;
	font-size: 1em;
}

.caption{ 	
	margin: .3em auto 1.5em 0;
	font-size: .8em;
	line-height: 1.3em;
	text-transform:none;
}

.caption a:hover {
	visibility: visible;
	}
	
.captionbig { 	
	margin: .3em auto auto auto;
	font-family: 'base9scscbi';
	font-size:1.75em;
	letter-spacing: .08em;
	text-transform:none;
	color:#808080;
}


.captionbig a {
	color:#808080;
	}
	
.captionbig a:hover {
	color:#a8a8a8;
	}
	
/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}

.fullimage img{ 
	max-width:100%; 
	height:auto;
	margin-top: -80px;
	}

.container {
    position: relative;
    width: 50%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: visible;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: none;
  color: #424242;
  font-size: 1em;
}



/*MAIN MENU*/



.menu-toggle{
	max-width: 33px;
	display:block;
	margin: 0px 5px auto;
	background:none;
	float:right;
	position: relative;
	z-index:100;
}

.menu-toggle.toggled-on{
	background:none;
}
.srt-menu{
	display:none;
}	
.srt-menu.toggled-on{
	display:block;
	position:absolute;
	z-index:10;
	right: 10%;
	margin: 20px 8px auto;
}

.srt-menu{
	clear:both;
}
.srt-menu li{
float: left;
}
.srt-menu li a {
	background:none;
	color:#808080;
	font-size: 1.5em;
	font-family: 'base9scscbi';
	text-transform: none;
	display:block;
	margin:1px 0 0 0; 
	padding:10px 0px 0px 40px;
	text-decoration:none;
	text-align: left;
	border: #000 0px solid;

}
.srt-menu li a:hover{
	background:none;
	color:#424242;
}

.srt-menu li.current a{ 
	color:#000;
}

.srt-menu li li a {
	background:none;
	padding-left:40px;
}
.srt-menu li li li a {
	background:none;
	padding-left:80px;
}

/*FOOTER*/
footer{  
	clear:both;
	text-align: center;
	font-size:80%;
	padding:20px 0;
	font-family: Helvetica, sans-serif;
	font-size: .6em;
	text-transform: none;
	letter-spacing: .1em;	
	border: #000 0px solid;
}

footer .socialicon img {
	width: 32px;
	border: #000 0px solid;
	}

/*PHONES*/	
@media only screen and (max-width: 599px) {

.wrapper{
	max-width: 90%; 
	margin: 30px auto;
	border: #000 0px solid;
}

.menu-toggle{
	max-width: 30px;
	margin-left: 5px;
	margin-top: -5px;}

.srt-menu{
	margin-top:20px;
}

.srt-menu.toggled-on{
	right: 1.5%;
	margin: 20px 20px auto;
}

.srt-menu li a {
	padding: 8px 0 0 25px;
	font-size: 1em;
	}
	
#banner {
font-size: 1.2em;
margin-top: -10px; }

#banner img{ max-width:35%; height:auto;}

.captionbig { 
	font-size:1.2em;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13 {
float: left;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 6px;
}

.grid_3 { width: 33%;
}

.text {
  font-size: .8em;
}

.leftlower {
	padding-top: 20px;
	padding-right: 3px !important;
	}

	
.leftlower ul {	
	margin: 30px 0 0 -40px;
	list-style: none;
	list-style-image: none;
	}
	
.leftlower li a{	
	font-style: italic;
	text-decoration:none;
	list-style: none;
	list-style-image: none;
	}

.rightmenu img{
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.caption{ 	
	margin: .3em auto .5em 0;
}
   
footer { clear:both;
	text-align: center;
	font-size: .5em; margin-top:20px;}
}



footer ul{
	margin:0;
	padding:0;
}

/*colors and backgrounds*/
body{
	background:#fff;
}
h2, h4, h5, {
	color:#404040; 
}

footer{ 
	background:#fff;
	color:#808080;
}
footer h1, footer h2, footer h3, footer h4{ 
	color:#808080; 
	margin-bottom:10px;
}
footer ul{
	margin:0 0 0 8%;
}



/* Contain floats*/ 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}



/*
TABLET
*/
@media only screen and (min-width: 600px) {


header{
	padding:0;
}
#content {  
	float:left;
	width:65%;
}
#content.wide-content{
	float:none;
	width:100%;
}

.flexslider{
display:block;
/*demo 1 slider theme*/	
margin: 0 0 60px; 
background: #fff; 
border: 0px solid #fff; 
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
-o-border-radius: 0px; 
border-radius: 0px; 
box-shadow: 0 0px 0px rgba(0,0,0,0); 
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0); 
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0); 
-o-box-shadow: 0 1px 4px rgba(0,0,0,0);
}

	
aside { 
	float:right;
	width:30%;
}


/*GRID*/
/*
 & Columns : 12 

 */
 .row{
	 margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 10px;
     border: #000 0px solid;
}

.grid_1 { width: 8.33333333%; }
.grid_2 { width: 20%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_5 { width: 41.66666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.33333333%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }
.grid_13 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13 {
	float: left;
	display: block;
}



.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 p {
	  text-align: left;
      column-gap: 50px;
    -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-width: 50%;
     -moz-column-width: 50%;
          column-width: 50%;
  	border: #000 0px solid;
    }

.grid_13 p {
	  text-align: left;
    -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-width: 33%;
     -moz-column-width: 33%;
          column-width: 33%;
  	border: #000 0px solid;
}      


/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13 {
	margin-bottom:0px;
	/*positioning and padding*/
	position: relative;
    min-height: 1px;	
    border: #000 0px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}

 	
}





/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: none; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 0px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}