/* http://cssminifier.com/ */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


 body {
	margin: 0 0 0 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000;
	background-color: #FFF;
 }
 

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
    content: "\e9bd";
}

.icon-chevron-down:before {
    content: "\e900";
}
.icon-chevron-left:before {
    content: "\e901";
}
.icon-chevron-right:before {
    content: "\e902";
}
.icon-chevron-up:before {
    content: "\e903";
}
.icon-chevron-with-circle-down:before {
    content: "\e904";
}
.icon-chevron-with-circle-left:before {
    content: "\e905";
}
.icon-chevron-with-circle-right:before {
    content: "\e906";
}
.icon-chevron-with-circle-up:before {
    content: "\e907";
}





 /********************** DEFAULT *************************/ 
 
  body {
	font-size: 1em;  
	width: 100%;
  }
 
 p, span, div  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #535560;
	
 }
 
 ul, ol {
   font-size: 0.8em;   
 }
 
 p {
	margin: 0 0 15px; 
	font-size: 0.8em;  
}
 
  h1  {
	margin: 0 0 15px 0;
	font-size: 3.4em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
	font-weight: normal;
 } 
 
 h2  {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #585858;
	font-weight: normal;
 } 
 
 h3, h4, h5, h6  {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #585858;
	font-weight: normal;
 }  
 
 a  {
	color: #585858;
 } 
 
 a:link  {
	color: #585858;
 } 
 
 a:visited  {
	color: #585858;
 }   
 
 a:active  {
	color: #585858;
 }  
 
 a:hover  {
	color: #585858;
 } 
 
 a:focus  {
	color: #999;
 }  

input, textarea, select   {
color: #585858;	
}

img {
display:block;	
}
 
input {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;	
-webkit-appearance: none;
-webkit-border-radius: 0;
}

/********************** FIX APPLE STYLES *************************/
 
html 
{
   -webkit-text-size-adjust: none;
}

input[type=submit], input[type=text], input[type=text], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

 /********************** CLEARFIX *************************/
	
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

body {
    background-color: #DADADA;
}

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}	

  /********************** CLEAR *************************/
 
 .clearall {
	clear: both; 
 }
 
 

 /********************** MAIN SITE *************************/
  
  

 
.cccGlow
{
-moz-box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;
-webkit-box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;
box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;

}	

 

 
 /********************** HEADER *************************/

.header {
    /*overflow: hidden;*/
    background-color: #FFF;
    /*padding: 30px 0 0 0;*/
    /*padding: 75px 0 0 0;*/
    padding: 100px 0 0 0;
}  

.band {
	background-color: #DADADA;
    /*overflow: hidden;*/
    position: fixed;
    width: 100%;
    z-index: 100;
}  
 
.band .wrap {
    padding: 0.25em 0 0;
    max-width: 100%;
	width: 70em;
    max-width: 100%;
	margin: 0 auto;
	/*overflow: hidden;*/
 } 

.header .wrap {
    max-width: 100%;
	width: 70em;
    max-width: 100%;
	margin: 0 auto;
	/*overflow: hidden;*/
 }  
 
    div#logowrap 
    {
    width: 20em;
    margin: 0 auto;
    }
 
	img#logo {
		padding: 10px;
		width: 100%;	
	}
	
	div#email {
		float: right;
		font-size: 1em;	
        padding: 0.05em 0.5em 0;
        font-weight: bold;
	}
	
		div#email a {
			text-decoration: none;
		}	
	
	div#telephone {
		float: right;
		font-size: 1em;	
        padding: 0.05em 0.5em 0;
        font-weight: bold;
	}	
	
	div#telephone span {
	    padding-left: 1em
	}	

	div#telephone a {
	    text-decoration: none;
	}	
	





	/*nav#main {
        width: 100%;
	}
	
	nav#main ul {
		padding: 10px;	
        text-align: center;
        font-size: 1em;
	}	
	
	nav#main ul li {
		display: inline-block
	}	
	
	nav#main ul li a {
		color: #585858;
		text-decoration: none;
		padding: 0 20px;
	}*/		



/********************** DROPDOWN MENU *************************/


#nav #toggle {
    display: none;
}

nav {
    clear: both;
    padding: 1em 0;
}

#nav{
	list-style:none;
	margin: 0;
	/* Clear floats */
	/*width: 100%;*/
	/* Bring the nav above everything else--uncomment if needed. */
	position:relative;
	z-index:5;
	text-align: center;
}

#nav li{
	display: inline-block;
	position:relative;
}

#nav a{
	display:block;
	margin: 0 1em;
	color:#FFF;
    font-weight: normal;
    text-align: center;
	text-decoration:none;
    font-size: 1.25em;
    color: #585959;
}

    #nav li span {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }


/*--- DROPDOWN ---*/


#nav ul{
	background:#000000; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9990.55em; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:1;
}

#nav ul li{ /* First Dropdown */
	/*padding-top:0.1em; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
    /*width: 15em;*/
    display: block;
    min-width: 100%;
}

#nav ul ul li{ /* Second, Third and more Tiers	*/
	/*padding-top:0.1em; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	position: absolute relative;
	top: -2em; 
	/*left: 15em;*/
}


/*--- DROPDOWN HOVER STATES ---*/

#nav ul a{
	white-space:nowrap;  /*Stop text wrapping and creating multi-line dropdown items */
	padding: 0.625em 0.625em;
    border-radius: 0;
    margin: 0;
    text-align: left;
    color: #fff;
}
    #nav ul ul > li:first-child a{
        border-top: 0.1em solid #FFF;
    }
#nav li:hover > ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
    /* width: 100%; */
	font-size: 1em;
	z-index: 1000;
}

#nav ul li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#808080;
	color: #FFF;
}
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
    background:#6C6D71;
}


#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#808080;
}



	 
 
.social {
    float: left;	 
 }  
 
 .social a {
	display: inline-block;
	margin: 0 2px 0 2px; 
 }

  .social img {
	width: 27px 
 }
 
 
 /********************** HOMEPAGE *************************/

.home .gallery-wrap {
    padding-bottom: 1em;
}

 section.homeboxes 
 {
    background-color: #FFF;
	overflow: hidden;
	padding: 0;		 
 }
 
 section.homeboxes .wrap {
	width: 70em;
	margin: 0 auto;
    max-width: 100%;
	background-color: #FFF;
	overflow: hidden;
    text-align: center;
 }  
 
 .homeboxespadding {
	/*padding: 4em 0.625em;*/
	overflow: hidden;
 }   
 



section.homeboxes article {
	position: relative;
    display: inline-block;
    width: 30%;
    padding: 1%;
}

section.homeboxes.twoboxes article {
    position: relative;
    display: inline-block;
    width: 47%;
    padding: 1%;
    vertical-align: top;
}


section.homeboxes article.boxes-1 {
	
}

section.homeboxes article.boxes-2 {
	
}

section.homeboxes article.boxes-3 {
	
}

	
	
     section.homeboxes article img{
	    width: 100%;
    }


	
 section.homeboxes div.padding div {
	/*background-color:#DDD;*/
	background-color: #FFF;
	margin: 0;
	opacity: 0.85;
    text-align: center;
 }      
 
	 section.homeboxes div.padding div h6 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 5px;
		margin: 0;		
	 }  
	 
	section.homeboxes div.padding div p {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 5px;
		margin: 0 0 1em;
	 }   	
 
 /********************** CONTENT *************************/ 

 
 
  
section.content {
	overflow: hidden;
    background-color: #FFF;
 }  
 
section.content .wrap {
	width: 70em;
	margin: 0 auto;
	max-width: 100%;
	background-color: #FFF;
	overflow: hidden;
 }  
 
 section.content .wrap .padding {
	padding: 0.625em;
	overflow: hidden;
 }  
 

section.content article {
float: left;
width: 72%;	
background-color: #FFF;
padding: 0 10px 0 0;
border-right: 1px solid #585858;
}

h1.double-article {
    text-align: center;
}

section.content article.fullwidth {
float: none;
clear: both;
width: 100%;	
padding: 0;
}

section.content article.fullwidth.contact-form {
width: 60%;	
margin: 0 auto;
}

section.content article.full {
    float: none;
    width: 100%;
    padding: 0;
}

section.content article.left {
float: left;
width: 48%;	
padding: 0 ;
}

section.content article.right {
float: right;
width: 48%;	
padding: 0 ;
}

section.content article.center {
    width: 60%;
    margin: 0 auto;
    float: none;
}

section.content article.noborder {
border-right: 0;
}
 
 
section.content aside {
	float: right;
	width: 25%;

}


 	nav.sub {
		padding: 0;	
	}
	
	nav.sub ul {
		margin: 0 0 20px;
	}	
	
	nav.sub ul li {
	
	}	
	
	nav.sub ul li.title a {
		background-color: #585858;	
		display: block;
		color: #FFF;
		text-decoration: none;
		padding: 6px;
		border: none;
	}	 	
	
	nav.sub ul li a {
		display: block;
		text-decoration: none;
		padding: 6px;
		border-bottom: 1px dotted #585858;
	}	
	
	nav.sub ul li:last-child a {
		border-bottom: 1px solid #585858;
	}


.shareaholic-canvas {
    text-align: center;
}
 
/********************** LOGOS *************************/ 
 
section.content article.stockists 
{
border: none;
width: 100%;  
margin: 1em 0 1em;
clear: both;
text-align: center;
}

article.stockists .logo img 
{
width: 100%;
max-width: 100%;  
}

article.stockists .logo
{
display: inline-block;
width: 10%;
padding: 0 0.5em;
}

 
/********************** LOGOS *************************/ 

div.calltoaction 
{
border: none;
margin: 0 0 1em;
clear: both;
} 

.footerlinksbox div.calltoaction 
{
border: none;
margin: 0 10px 1em 10px;
clear: both;
} 

div.calltoaction h6
{
    padding: 0;
    text-align: center;
}

div.calltoaction p
{
    margin: 0 0 0.5em;
    text-align: center;
}

div.calltoaction label 
{
    display: none;
}

div.calltoaction div.field
{
    max-width: 100%;
    border: 1px solid #000;
    margin: 0.5em 0 0 0;
    padding: 0.25em;
    background-color: #FFF;
}

div.calltoaction div.field input 
{
    border: 0;
    width: 95%;
}

.btnCallToAction 
{
padding: 6px;
border: solid 1px #343434;
background-color: #959595;
color: #FFF;
cursor: pointer;
text-align: center;
max-width: 100%;
width: 100%;
margin:2em 0;
font-size: 1em;
float: right;
clear: both;
padding: 1em 0;
font-weight: 500;
}

 
 /********************** GALLERY *************************/ 
 
 
section.gallery {
	width: 74.5em;
	margin: 0 auto 0;
	padding: 0 0 20px 0;
	position: relative;
	overflow: hidden;
	background-image: url(/images/background.png);
	background-repeat: repeat-y;
	background-position: center top;	
 }  
 /* 
section.gallery .wrap {
	width: 89.5%;
	margin: 0 auto;
	position: relative;
	
	height: 450px;
	background-color: #EFEFEF;
	
	z-index: 3;
 }   
  */
section.gallery .right {
	 top: 210px;
	 right: 25px;	 
	 position: absolute;
	 
	 background-color: #808080;
	 width: 50px;
	 height: 80px;	

	 z-index: 1;
 }   
 
section.gallery .left {
	 top: 210px;
	 left: 25px;	 
	 position: absolute;
	 
	 background-color: #808080;
	 width: 50px;
	 height: 80px;	

	 z-index: 1;
 }    

 
 
  /********************** FOOTER ************************/
 
footer#links {
    max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
    background-color: #DADADA;
    padding: 3em 0 0;
 }  
 
 
footer#links .wrap {
	width: 70em;
	margin: 0 auto;
    max-width: 100%;
	padding: 0 0 0 0;
	overflow: hidden;
 }  
 


		
		.footerlinksbox 
		{
		    width: 25%;
		    float: left;
		    color: #585959;
		}
		
		    .footerlinksbox p
		    {
		        color: #585959;
		        padding: 0 10px 0;
		        margin: 0;
                text-align: center;
                font-size: 0.7em;
		    }	
		    
		        .footerlinksbox p a
		        {
		            text-decoration: none;
		            color: #585959;
		        }			    	
		
		    .footerlinksbox h6
		    {
		        text-align: center;
		        padding: 0 10px;
				color: #585959;
				margin: 10px 0 20px;
                font-weight: 700;
		    }	

		    .footerlinksbox h2
		    {
		        text-align: center;
		        padding: 0 10px;
				color: #585959;
				margin: 10px 0 20px;
                font-weight: 700;
		    }	


		    
		        .footerlinksbox h6 a
		        {
		            text-decoration: none;
		            color: #585959;
		        }			    
		    
		    .footerlinksbox ul
		    {
		        text-align: left;
		        margin: 0;
		        padding: 0 10px;
		        list-style: none;
		    }		
		    
		    .footerlinksbox ul li
		    {
		        text-align: left;
				border-bottom: 1px dotted #585959;
				padding: 10px 0 10px;
		    }	
			
		    .footerlinksbox ul li:last-child
		    {
				border-bottom: none;
		    }				
		    
		    .footerlinksbox ul li a
		    {
		        color: #585959;
		        text-decoration: none;
				display: block;
		    }	
		    
		        .footerlinksbox ul li a:hover
		        {
		            color: #585959;
		            text-decoration: underline;
		        }	
 

		    .footerlinksbox .telephone
		    {
                padding-top: 15px;
                font-weight: bold;
		    }	

		    .footerlinksbox .info
		    {
                padding-top: 20px;
                font-size: 0.7em;
		    }

		    .footerlinks.logos
		    {
                margin: 2em 0 0 0;
                text-align: center;
		    }

		    .footerlinks.logos img
		    {
                width: 45%;
                display: inline-block;
                margin: 1%;
                vertical-align: middle;
		    }

.social-footer {
    padding: 0 10px;
    text-align: center;
}


.social-footer img {
    display: inline-block;
    padding: 0 0.15em;
    width: 38px;
}



footer#featured {
    width: 70em;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 2em 0;
}


    footer#featured .wrap {
        width: 100%;
        margin: 0 auto;
        font-size: 0.85em;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

        footer#featured .wrap p {
            flex: 0 0 100%;
            text-align: center;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 1.2em;
            font-weight: bold;
        }

        footer#featured .wrap img {
            align-self: center;
            width: 12%;
            margin: 0 2%;
        }  
 

 
footer#credits {
	width: 70em;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 0;
 }   
 
 
footer#credits .wrap {
	width: 100%;
	margin: 0 auto;
    font-size: 0.85em;
 }  
 
 
footer#credits .left {
	float: none;
	line-height: 1.4em;
	width: 100%;
    text-align:center; }  
 
    footer#credits .left img {
	    float: left;
	    padding: 0 1em 0 0;
     }   
 
 
 
 
footer#social {
	width: 60em;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 20px;
 }   
  

footer#social .wrap {
    text-align: center;
	width: 89%;
	margin: 0 auto;
    font-size: 0.85em;
 }




.footerGradBG {
    background-color: #585858;
    /* IE10 */
    /*background-image: -ms-linear-gradient(bottom, #585858 0%, #636363 100%); */
    /* Mozilla Firefox */
    /*background-image: -moz-linear-gradient(bottom, #585858 0%, #636363 100%); */
    /* Opera */
    /* background-image: -o-linear-gradient(bottom, #585858 0%, #636363 100%); */
    /* Webkit (Safari/Chrome 10) */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #585858), color-stop(1, #636363)); */
    /* Webkit (Chrome 11+) */
    /* background-image: -webkit-linear-gradient(bottom, #585858 0%, #636363 100%); */
    /* Proposed W3C Markup */
    /*background-image: linear-gradient(bottom, #585858 0%, #636363 100%); */
}

 
 
 
 
 /*************** TWO BOX FORM *************/
    .contact-form h2 {
    text-align: center;
}

.twobox_lft {
  width: 100%;
  float: left;
  clear: both;
}

.twobox_rgt {
  width:100%;  
  float: left;
  clear: both;
}


.twobox_lft fieldset, .twobox_rgt fieldset
{
width: 100%;
border: 0;
}


.twobox_lft .padding, .twobox_rgt .padding {
padding: 0px;
}

.twobox_lft h2, .twobox_rgt h2 {
font-size: 1.4em;
font-weight: normal;
margin: 0 0 20px 0;
}

.twobox_lft label, .twobox_rgt label
{
display:block;
font-weight:normal;
color: #535560;
clear: both;
width: 100%;
}


.twobox_lft .small, .twobox_rgt .small
{
color:#CCC;
display:block;
font-size:0.6em;
font-weight:normal;
text-align:right;
width:100px;
}

    .twobox_lft input, .twobox_rgt input, .twobox_lft select, .twobox_rgt select, .twobox_lft textarea, .twobox_rgt textarea {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        padding: 10px;
        border: solid 1px #CCC;
        margin: 2px 0 20px 0;
        width: 99.5%;
        box-sizing: border-box;
    }




.twobox_lft .statusLbl, .twobox_rgt .statusLbl
{
display: block;
color: #535560;
text-align: right;
}
    /*
.twobox_lft span.checkBoxList, .twobox_rgt span.checkBoxList
{
margin: 0 0 20px 5px;
padding: 0;
}

.twobox_lft .checkBoxList input, .twobox_rgt .checkBoxList input
{
width:20px;
border: 0;
padding: 0;
margin: 3px 0 0 0;
}

.twobox_lft .checkBoxList label, .twobox_rgt .checkBoxList label
{
width: 50px;
text-align: left;
padding: 0;
margin: 0;
}

.twobox_lft span.checkBoxList br, .twobox_rgt span.checkBoxList br
{
}
*/
    .twobox_lft .btnSend, .twobox_rgt .btnSend {
        padding: 1em;
        border: solid 1px #343434;
        background-color: #343434;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        margin: 0 auto 20px;
        font-size: 1em;
        clear: both;
        width: 100%;
        font-weight: 500;
    }



.checkbox-list {
    margin: 1em 0 2em;
    text-align: center;
}

    .checkbox-list li {
        width: 40%;
        display: inline-block;
        background-color: #EFEFEF;
        padding: 1em;
        margin: 0 0 0.2em;
    }

        .checkbox-list li div {
            float: left;
        }

        .checkbox-list li label {
            margin: 0 0 0 0;
            clear: none;
        }



/*************** VALIDATION ERROR *************/	

#pnlValidationFail 
{
    width: 100%;
    margin: 10px 0;
}

div.validationError 
{
    border: 1px dotted #990000;
    padding: 15px;
    margin: 0;
    clear: both;
}

div.validationError h1 
{
    font-size: 1.2em;
    font-weight: normal;
    float: left !Important;
    text-align: left !Important;
}

div.validationError p 
{
    clear: both;
    padding: 0;
    margin:0 ;
}	



/********************** BLOG SIDEBARS *************************/

section.content article.sbblog
 {
border: none;
width: 100%;  
margin: 0 0 1em;
clear: both;
} 

/********************** BLOG HOME: MASONARY PINTEREST *************************/	


    #pinterest {
    width: 100%;
    }

    #pinterest .masonary {
    width: 100%;	
    }

    #pinterest .masonary .item {
    width: 48%;	
    padding: 0 0 0 0;
    border-bottom: 2px #CCC dotted;
    }

    #pinterest  .masonary img {
    width: 100%;
    margin: 0 0 1%;	
    padding-bottom: 0.1em;
    }    
    
.item .button {

}

    .item .button input {
        padding: 4px 2px;
        border: solid 1px #343434;
        background-color: #343434;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        width: 100%;
        margin: 1em 0;
        font-size: 0.8em;
    }

.item p.category
{
    font-size: 0.7em;     
    font-style: italic;
    margin: 0.5em 0;
}     

.item p.date 
{
    font-style: italic;   
}

.item h2 
{
    font-size: 0.9em;    
}

#pinterest section.content article {
    width: 73%;	
    padding: 0;
}

/********************** BLOG POST *************************/	

.button.loadmore
{
    text-align: center;
    width: 30%;
    margin: 2em 35%;
}

.button.loadmore input
{
    color: #FFF;
    font-size: 0.8em;
    border: 0;
    padding: 0.5em;
    cursor: pointer;
}

.button.lft
{
    float: left;
    text-align: left;
    width: 30%;
    font-size: 0.8em;
}

.button.rgt
{
    float: right; 
    text-align: right;
    width: 30%;  
    font-size: 0.8em;
}

#content .button input {
    padding: 4px 2px;
    border: solid 1px #343434;
    background-color: #343434;
    color: #FFF;
    cursor: pointer;
    margin: 1em 0;
    font-size: 1em;
}

#pnlContent .button input {
    padding: 1em 1em;
    border: solid 1px #343434;
    background-color: #343434;
    color: #FFF;
    cursor: pointer;
    margin: 1em 0;
    font-size: 1em;
}

    .button-wrap {
        padding:1em;
        overflow: hidden;
    }
	
#content .category 
{
    clear: both;
}	

#content .comments 
{
    padding: 1em 0;
}

    #content .comments .date
    {
        font-style: italic;
    }
    
    #content .comments .category
    {
        font-style: italic;
    }    

#content .comment
{
    padding: 1em 0;
    border-bottom: 2px #CCC dotted;
}


.leaveacomment 
{
    padding: 1em 0;
}

/********************** BLOG AUTHOR *************************/

.imgAuthorThumb 
{
    float: right;
    margin: 0 0 1em 1em;
}

.post
{
    padding: 1em 0;
    border-bottom: 2px #CCC dotted;
    overflow: hidden;
}


.post .date 
{
    font-style: italic;
}

.post .category 
{
    font-style: italic;  
    margin: 0.5em 0; 
}

.post .button 
{
    float: right; 
    width: 30%;  
}

    .post .button input {
        padding: 4px 2px;
        border: solid 1px #343434;
        background-color: #343434;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        width: 100px;
        margin: 2px 0 20px 10px;
        font-size: 0.8em;
        float: right;
        clear: both;
    }
	
/*************** BLOG CALENDAR *************/	


div.blog_calender {
width: 100%;  
padding: 0 0 1em;
}

div.blog_calender div.blog_calendar_wrap {
margin: 0;
border:none;
font-size: 0.6em;
}		
	
div.blog_calender div.blog_calendar_wrap table {
text-align: center;
width: 100%;
}	
		
div.blog_calender div.blog_calendar_wrap table a {
text-decoration: none;
}	

div.blog_calender div.blog_calendar_wrap table td {
padding: 0.35em;
}	

div.blog_calender div.blog_calendar_wrap table th {
padding: 0.35em;
}



/*************** BLOG FEED *************/		

div.calenderwrap 
{
    overflow: hidden;
    clear: both;
    margin: 0 0 0.5em;
    background-color: #FFF;
    padding: 0.125em;
    cursor: pointer;
}


div.calenderwrap div.calender {
    width: 2.45em;
    text-align: center;
    cursor: pointer;
    background-color: #585858;
    padding: 0.125em;
    float: left
}
	
	div.calenderwrap div.calender p.caldate {
	    margin: 0;
	    padding: 0;
	    background-color: #FFF;
	    text-align: center;
	    font-size: 1.6em;
	    font-weight: bold;
	    color: #585858;
	    line-height: normal;
	}
	
	div.calenderwrap div.calender p.calmonth {
	    margin: 0;
	    padding: 0.1em 0 0.125em;
	    text-align: center;
	    background-color: #EFEFEF;
	    color: #585858;
	    line-height: normal;
	}

    div.calenderwrap div.details {
	    margin: 0 0 0 3.125em;
	    background-color: #FFF;
    }

	div.calenderwrap div.details p.caldate {
	    margin: 0 0.375em 0 0;
	    font-weight: bold;
	    padding: 0 0.1875em;
	    border-bottom: dotted 0.1em #959595; 
	}
	
	div.calenderwrap div.details p.calvenue {
	    margin: 0;
	    padding: 0 0.1875em;
	    font-size: 0.6em;
	    line-height: normal;
	}

	div.calenderwrap div.details p.caldate a, div.calenderwrap div.details p.calvenue a {
	  text-decoration: none;
	}


 /********************** MAP *************************/

#mapwrap {
    max-width: 75em;
    margin: 0 auto 2em;
    clear: both;
    position: relative;
}

div.map {
    position: relative;
}

#responsive-map-canvas {
    height: 0;
    padding-bottom: 50%;
    width: 100%;
}

.infowindow {
    text-align: center;
    font-size: 1em;
    margin: 0;
    padding: 0;
}
 
 
 /*************** HTML AREA *************/	

body .htmlarea
{
	text-align: left;
	clear: both;
	line-height: 1.6em;
	font-size: 0.8em;
}

body .htmlarea p
{
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #535560;
	text-align: left;
	margin: 0;
	padding: 0 0 15px;
	font-size: 1.2em;
}

  body .htmlarea ul, body .htmlarea ol {
	font-size: 1em; 
  }

body .htmlarea h1
{
	font-size: 1.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
	margin: 0px 0px 15px 0px;
	text-align: left;
    line-height: 1.1em;
}

body .htmlarea h2,body .htmlarea h3
{	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #585858;
	font-weight: normal;
	margin: 0 0 15px 0;
}

body .htmlarea h4,body .htmlarea h5,body .htmlarea h6
{	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #585858;
	font-weight: normal;
	margin: 0 0 15px 0;
}




body .htmlarea ul,body .htmlarea ol
{
	list-style: disc outside none;
	text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0.125em 0 0.375em 0;
	margin: 0 0 0 1.25em;
}


body .htmlarea li
{
	padding: 0 0 0 0.625em;
	margin: 0;
}

body .htmlarea table
{
font-size:0.8em;
margin: 0 0 20px 0;
border-bottom: 2px solid  #CCC;
}	

	body .htmlarea table tr
	{
	
	}	

	body .htmlarea table tr th
	{
	padding: 3px;
	text-align: left;
	background-color: #FFF;
	color: #535560;
	}	

	body .htmlarea table tr td
	{
	padding: 3px;
	text-align: left;	
	}
	


/* blog logos */


div.blog-logos {
    overflow: hidden;
    margin-bottom: 1em;
}

div.blog-logos a {
    float: left;
    width: 50%;
}

div.blog-logos img {
    width: 90%;
    padding: 0 5%;
}


/*  SITE ALERT */

.alert {
    background-color: #000;
    padding: 0.25em 0;
    text-align: center;
}

.alert wrap {
    max-width: 100%;
	width: 70em;
    max-width: 100%;
	margin: 0 auto;
}

.alert a {
    color: #FFF;
    text-decoration: none;
    font-weight: 500;
}


/* STRAPLINES */

.straplines {
    clear: both;
    padding: 4em 0;
}

.strapline {
    display: inline-block;
    width: 45%;
    padding: 1em 2%;
}

    .strapline h6 {
        font-size: 1.2em;
        text-align: center;
    }

    .strapline h6 a {
        text-decoration: none;
    }

    .strapline p {
        text-align: center;
    }












/****** GALLERY ******/

.gallery-wrapper {
}

.gallery {
    position: relative;
    z-index: 0;
    max-width: 100%;
}

@media all and (max-width: 800px) {
    .gallery {
        margin-top: 0;
        position: relative !important;
        z-index: 1;
        overflow: hidden;
    }
}

.gallery img {
    display: block;
}


    .gallery-arrow span {
        color: rgba(255,255,255,0.75);
        font-size: 2em;
        text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    }

.owl-stage-outer {
}

.slide {
    position: relative;
    margin: auto;
    overflow: hidden;
}




/* vimeo */

.embed-container {
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


    /* fancybox scrolling fix */

.fancybox-nav {
    width: 15% !important;
}

.fancybox-next {
    right: 4em !important;
}

.fancybox-prev {
    left: 4em !important;
}


/* Meet The Team  */


.meet-the-team-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

    .meet-the-team-wrap .team {
        width: 48%;
        margin: 0 auto 2em;
    }

        .meet-the-team-wrap .team img {
            width: 80%;
            margin: 0 10%;
        }





        /* insta wrapper */


#instafeed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.insta-wrapper {
    position: relative;
    width: 31%;
    margin: 1%;
}


.instagram-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    font-size: 0.9em;
    line-height: 1;
    background-color: rgba(0,0,0,0.5);
    color: #FFF;
    padding: 1em;
    display: none;
}

.instagram-img-holder {
    position: relative;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
}


    .instagram-img-holder img {
        object-fit: cover;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

.instaloadmore {
    background-color: #585858;
    color: #FFF;
    padding: 1em;
    cursor: pointer;
}