/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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; 
		background: transparent;}
		
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
		
	body {
		line-height: 1; }
		
		
	audio:not([controls]) {
		display: none;
		height: 0;}
		
	[hidden] { display: none; }

	code, kbd, pre, samp {
	   font-family: monospace, serif;
	   font-size: 1em;}

	pre {
	   white-space: pre;
	   white-space: pre-wrap;
	   word-wrap: break-word;}
		
	ol, ul {
		list-style: none; }
	blockquote, q { quotes: &#8220 “ }

	blockquote:before, blockquote:after,
	q:before, q:after {
	   content: '';
	   content: none;}
	   
	ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;}

	mark {
	   background-color: #A7F4F6;
	   color: #555;}

	del { text-decoration: line-through; }

	abbr[title], dfn[title] {
	   border-bottom: 1px dotted;
	   cursor: help;}
	
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff 
		font: 15px/30px opensans, sans-serif;
		color: #838C95;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #313131;
		font-family: 'Raleway', sans-serif;
		font-weight: 600;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 42px; line-height: 48px; margin-bottom: 12px;}
	h2 { font-size: 30px; line-height: 42px; margin-bottom: 6px; }
	h3 { font-size: 24px; line-height: 30px; margin-bottom: 12px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 6px; }
	h5 { font-size: 18px; line-height: 30px; }
	h6 { font-size: 14px; line-height: 30px; }
	.subheader { }

	p { margin: 0 0 24px 0; }
	p img { margin: 0; }
	p.lead { font: 20px/36px opensans-light, sans-serif; }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote {
	   margin: 30px 0px;
	   padding-left: 40px;
	   position: relative;
	}
	blockquote:before {
	   content: "\201C";
	   opacity: 0.45;
	   font-size: 80px;
	   line-height: 0px;
	   margin: 0;
	   font-family: arial, sans-serif;

	   position: absolute;
	   top:  30px;
		left: 0;
	}
	blockquote p {
	   font-family: georgia, serif;
	   font-style: italic;
	   padding: 0;
	   font-size: 18px;
	   line-height: 30px;
	}
	blockquote cite {
	   display: block;
	   font-size: 12px;
	   font-style: normal;
	   line-height: 18px;
	}
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a,
	blockquote cite a:visited { color: #8B9798; border: none }

	.pull-quote {
	   position: relative;
		padding: 18px 30px 18px 0px;
	}
	.pull-quote:before,
	.pull-quote:after {
		height: 1em;
		opacity: 0.45;
		position: absolute;
		font-size: 80px;
	   font-family: Arial, Sans-Serif;
	}
	.pull-quote:before {
		content: "\201C";
		top:  33px;
		left: 0;
	}
	.pull-quote:after {
		content: '\201D';
		bottom: -33px;
		right: 0;
	}
	.pull-quote blockquote {
	   margin: 0;
	}
	.pull-quote blockquote:before {
	   content: none;
	}
	
	/* Abbreviations */
	abbr {
	   font-family: opensans-bold, sans-serif;
		font-variant: small-caps;
		text-transform: lowercase;
	   letter-spacing: .5px;
		color: gray;
	}
	abbr:hover { cursor: help; }

	/* drop cap */
	.drop-cap:first-letter {
		float: left;
		margin: 0;
		padding: 14px 6px 0 0;
		font-size: 84px;
		font-family: /* Copperplate */ montserrat-bold, sans-serif;
		line-height: 60px;
		text-indent: 0;
		background: transparent;
		color: inherit;
	}
	
	hr { border: solid #E0E0E0; border-width: 1px 0 0; clear: both; margin: 11px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited, p a, p a:visited { color: inherit; text-decoration: underline; outline: 0; }
	p a:hover, p a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 24px; margin-top: 12px; }
	ul { list-style: circle}
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 6px 0 6px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; margin-left: 20px;}
	ul.large li { }
	li p { }

	/* definition list */
	dl { margin: 12px 0; }
	dt { margin: 0; color:#11ABB0; }
	dd { margin: 0 0 0 20px; }
	
/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/*  6. Buttons  --------------------------------------------------------- */

	.button,
	.button:visited,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		font: 16px/30px montserrat-bold, sans-serif;
		background: grey;
		display: inline-block;
		text-decoration: none;
		letter-spacing: 0;
		color: #fff;
		padding: 8px 18px;
		margin-bottom: 18px;
		margin-top: 18px;
		border: none;
		cursor: pointer;
		height: auto;
		float: right;
		width: 100px;

		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;

	   -moz-border-radius: 3px;
	   -webkit-border-radius: 3px;
	   -khtml-border-radius: 3px;
		border-radius: 3px;
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	   background: #3d4145;
	   color: #fff;
	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
	   background: #3d4145;
	   color: #fff;
	}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}


	/*  7. Forms  --------------------------------------------------------- */

	form { margin-bottom: 24px; }
	fieldset { margin-bottom: 24px; }

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		display: block;
	   padding: 18px 18px;
	   margin: 0 0 24px 0;
	   border: 0;
	   outline: none;
	   vertical-align: middle;
	   min-width: 250px;
		max-width: 100%;
	   font-size: 15px;
	   line-height: 24px;
		color: #738182;
		background: rgba(207, 212, 216, 0.19);
	}

	/* select { padding: 0;
	   width: 220px;
	   } */

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
	   color: #000;
	   /*font-size: 1.2em;*/
	   border: 1px solid silver;
		/*background-color: #3d4145;*/
	}

	textarea { min-height: 180px; }

	label,
	legend {
	   font: 14px/24px opensans-bold, sans-serif;
		margin: 12px 0;
	   color: #3d4145;
	   display: block;
	}

	input[type="checkbox"],
	input[type="radio"] {
	   font-size: 15px;
	   color: #737373;
	}

	input[type="checkbox"] { display: inline; }

	label span,
	legend span {
		color: #8B9798;
	   font: 14px/24px opensans-regular, sans-serif;
	}


/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }





#p01-contact1_field0 {width: 100%;}
#p01-contact1_field1 {width: 100%;}
#p01-contact1_field2 {width: 100%;}
#p01-contact1_field3 {width: 100%;}




.anchor:nth-child(even) {
    background: lightyellow;
}

.anchor:nth-child(odd) {
    background: cornsilk;
}


img.value-img {

    border-radius: 4px;}

    h5{
    	border-bottom:2px solid #545454;
    	padding-bottom: 0.6em;
    	color: #545454;

    	
    }


  div.zindex {
  	width: 40%;
  	color: white;
  	z-index: 1;

	padding: 12px;
    background: white;
    z-index: 1;
    position: absolute;
    top: 21%;
    left: 54%;
    opacity: 0.9;
    }





@media screen and (max-width: 600px) {
    div.zindex {
   	width: 90%; 
    color: white;
    z-index: 1;
    padding: 14px;
    background: none;
    opacity: 1;
    position: inherit;
    top: 44%;
    left: 0
}

div.zindex >h2 {
	font-size:1.2em;
	margin-top: 2.4%;
}

    
}