html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

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

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

ul { list-style: none outside;    }
ol { list-style-position: inside; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
	outline: none;
	text-decoration: none;
    background: transparent;
	vertical-align: baseline;
}

a, a > * {
	text-decoration: none;
	color: #5b5e60;
}

a:hover {
	color: #00c2a9;
}

.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}



#menu
{
	
}

#menu ul li a
{
	background: #00c2a9;
	color: #ffffff;
	font-size: 12px;
	padding: 2px 10px;
	font-weight: normal;
	float:right;
	margin: 1px 0px;
	width: 100%;
}
#menu ul li a:hover
{
	background: #ffffff;
	color: #00c2a9;
}


#menu{
	transition: all 0.3s ease;
	position: fixed;
	width: 0%;
	right: -220px;
	background: rgb(0, 0, 0);
	top: 40%;
	z-index: 99999;
}

#menu-toggle{
	background: #00c2a9 url("../images/toggle_icons.png") -33px -2px no-repeat;
	cursor: pointer;
	position: fixed;
	text-indent:-99999px;
	top:40.2%;
	width: 30px;
	right: 0;
	height:30px;
	transition: all 0.3s ease;
	z-index:999999;
}

#menu-toggle:hover{
	cursor: pointer;
}

#menu.open{
	background: url("../images/toggle_icons.png") 0 0 no-repeat;
	right: 0;
	width: 110px;
	display: block;
}

#menu-toggle.open{
	right: 110px;
	background: #00c2a9 url("../images/toggle_icons.png") -70px -2px no-repeat;
}


/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

html {
	height: 100%;
}

#wpadminbar {
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
}

body {
	background-color: #fff;
	color: #777;
	font-weight: 300;
	font-size: 15px;
	font-family: 'Open Sans';
	line-height: 1.75em;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
}

	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	
	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */
	
	.align-center { text-align: center; }
	.align-left	  { text-align: left;   }
	.align-right  { text-align: right;  }
	
	.alignleft  { float: left;  }
	.alignright { float: right; }

	img.alignleft { margin-right: 20px; }
	img.alignright { margin-left: 20px; }

	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.hide		{ display: none;  }
	.show		{ display: block; }
	.invisible  { visibility: hidden; }
	.affix		{ position: fixed; }

	/* -------------------------------------------------- */
	/*	Typography
	/* -------------------------------------------------- */
	
	p {
		margin: 0 0 1.5em;
		padding: 0;
		line-height: 1.75em;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 15px;
		color: #5b5e60;
		font-family: 'Open Sans';
		line-height: 1.3em;
		font-weight: normal;
	}
	
	h1 { font-size: 36px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	::-moz-selection {
		background-color: #00c2a9;
		color: #fff;
		text-shadow: none;
	}

	::selection {
		background-color: #00c2a9;
		color: #fff;
		text-shadow: none;
	}
	
	.highlight {
		padding: 0 3px;
		background-color: #00c2a9;
		color: #fff;
		text-shadow: none;	
	}
	
	blockquote { 
		margin-bottom: 20px;
		color: #aeaeae; 
		line-height: 1.5em;
	}
	
	li blockquote { font-size: 24px; }
	
		blockquote p { margin-bottom: .7em; }	
		
	blockquote.type-1  { font-size: 22px; }
	
	blockquote.type-1:before {
		display: block;
		margin-bottom: 15px;
		content: "\e86c";
		font-size: 36px;
		font-family: 'fontello';
	}
	
	.ie8 blockquote.type-1:before { text-align: center; }
	
		blockquote.type-1 p { line-height: 1.6em; }
		
	blockquote.type-2 {
		padding-left: 20px;
		border-left: 5px solid #ebebeb;
		font-size: 18px;
		font-style: italic;
	}

	/* -------------------------------------------------- */
	/*	WordPress Core
	/* -------------------------------------------------- */
	
	.alignnone { }
	.aligncenter { }
	.alignright { }
	.alignleft { }
	.aligncenter { }

	img.alignright { }
	img.alignnone { }

	img.alignleft { }
	img.aligncenter { }

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone  { margin: 5px 20px 20px 0; }
	.wp-caption.alignleft  { margin: 5px 20px 20px 0; }
	.wp-caption.alignright { margin: 5px 0 20px 20px; }

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
		padding: 0 4px 5px;
	}

	.sticky {}
	.wp-smiley {}
	.gallery dl {}
	.gallery-item a {}
	.gallery-caption {}
	.entry-caption {}
	.bypostauthor {}
	
		#wpadminbar * { }
		#wpadminbar .hover a, 
		#wpadminbar .hover a span {}
	
	/* -------------------------------------------------- */
	/*	Dropcap
	/* -------------------------------------------------- */	

	.dropcap::first-letter {
		display: block;
		float: left;
		margin: 10px 15px 0 0;
		font-weight: 700;
		font-size: 48px;
	}
	
	/* -------------------------------------------------- */
	/*	Loader
	/* -------------------------------------------------- */
	
	.loader {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		width: 100%; 
		height: 100%;
		background: #fff; 
	}
	#customize-preview .loader{
		display: none;
	}
	/* -------------------------------------------------- */
	/*	Images
	/* -------------------------------------------------- */
	
	.single-image {
		position: relative;
		display: block;
		margin: 0;
		cursor: pointer;
		font-size: 0;
		
		-webkit-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
				backface-visibility: hidden;
	}
	
	.image-extra .single-image { 
		display: inline-block;
		margin: 20px 5px 0;
	}
	
	.touch .image-extra .single-image { pointer-events: none; }
	.touch .touched .single-image     { pointer-events: auto; }
	
		.single-image img { display: block; }
		
		/* Team Plus Icon */
		
		.team-plus-icon .curtain {
			position: absolute;
			z-index: 5;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			opacity: 0;
			filter: alpha(opacity = 0);

			-webkit-transition: all .3s ease-in;
					transition: all .3s ease-in;  
		}		
		
		.team-plus-icon .curtain:after {
			position: absolute;
			left: 50%;
			top: 50%;
			display: block;
			margin: -30px 0 0 -30px;
			width: 60px;
			height: 60px;
			color: #fff;
			text-align: center;
			font-size: 28px;
			font-family: 'fontello';
			line-height: 60px;
			
			-webkit-border-radius: 50%;
					border-radius: 50%;
			-webkit-transition: all .3s ease-in;
					transition: all .3s ease-in;  					
		}	
		
		.team-plus-icon .curtain:after {
			background-color: #00c2a9;
			background-color: rgba(0,194,169, .8);
			font-size: 38px;
			content: '\e9a1';
		}
		
		.no-touch .team-plus-icon:hover .curtain,
		.touch .active .team-plus-icon .curtain {
			visibility: visible;
			opacity: 1;
		}
		
		.not-ie .open .team-plus-icon .curtain:after,
		.touch .active .team-plus-icon .curtain:after {
			-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
		}
		
		@media only screen and (max-width: 767px) {
			
			.team-plus-icon .curtain:after {
				left: auto;
				right: 10px;
				top: auto;
				bottom: 10px;
				margin: 0;
				width: 30px;
				height: 30px;
				font-size: 20px;
				line-height: 30px;
			}	
			
		}
	
	/* -------------------------------------------------- */
	/*	Dividers
	/* -------------------------------------------------- */
	
	.divider {
		margin-top: 30px;
		margin-bottom: 30px;
		height: 1px;
		background-color: #ececec;
	}
	
	.white-space { margin: 50px 0; }
	
	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	button,
	input,
	select,
	textarea {
		margin: 0;
		border: none;
		vertical-align: baseline;
		font-size: 100%;
	}
	
	button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 13px;
		outline: none;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		font: 11px/1.5 Arial;
		cursor: pointer;
	}

	label { 
		display: inline-block; 
		cursor: pointer;
	}
	
	input,
	textarea,
	select,
	button {
		-webkit-transition: all .25s ease;
				transition: all .25s ease;	
	}
	
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	textarea, select {
		display: inline-block;
		padding: 2px 10px;
		margin: 2px 0px;
		width: 100%;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-color: #dcdcdc;
		border-color: rgba(0,0,0, .135);
		/*background-color: transparent;*/
		color: #000000;
		font-size: 12px;
		font-family: 'Open Sans';
		
		/*-webkit-border-radius: 6px;
				border-radius: 6px;*/
		-webkit-box-shadow: none;
				box-shadow: none;				
		-webkit-appearance: none;	
				appearance: none;	
	}
	
	.parallax input[type="text"],
	.parallax input[type="password"],
	.parallax input[type="datetime"],
	.parallax input[type="datetime-local"],
	.parallax input[type="date"],
	.parallax input[type="month"],
	.parallax input[type="time"],
	.parallax input[type="week"],
	.parallax input[type="number"],
	.parallax input[type="email"],
	.parallax input[type="url"],
	.parallax input[type="search"],
	.parallax input[type="tel"],
	.parallax input[type="color"],
	.parallax textarea, 
	.parallax select {
		border-color: #bbb;
		border-color: rgba(207,207,207, .33);
		color: #000000;
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	textarea:focus,
	select:focus { border-color: #00c2a9; }
	
	.parallax input[type="text"]:focus,
	.parallax input[type="password"]:focus,
	.parallax input[type="datetime"]:focus,
	.parallax input[type="datetime-local"]:focus,
	.parallax input[type="date"]:focus,
	.parallax input[type="month"]:focus,
	.parallax input[type="time"]:focus,
	.parallax input[type="week"]:focus,
	.parallax input[type="number"]:focus,
	.parallax input[type="email"]:focus,
	.parallax input[type="url"]:focus,
	.parallax input[type="search"]:focus,
	.parallax input[type="tel"]:focus,
	.parallax input[type="color"]:focus,
	.parallax textarea:focus,
	.parallax select:focus {
		-webkit-box-shadow: 0 0 10px 1px rgba(0,194,169, .7);
				box-shadow: 0 0 10px 1px rgba(0,194,169, .7);
	}
	
	textarea {
		resize: both;
		min-height: 103px;
		min-width: 100%;
		max-width: 100%;
		margin-top: 2px;
	}

	input[type="radio"],
	input[type="checkbox"] {
		margin: 4px 0 0;
		line-height: normal;
	}

	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] { width: auto; }

	.wrong-data { border-color: #fe5214; }

	/* Fix for Mobile Safari */
	input[type="checkbox"]	{ -webkit-appearance: checkbox; }
	input[type="radio"]		{ -webkit-appearance: radio; }

	 Chrome, Safari 
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { color: #999; }

	 Firefox 
	input:-moz-placeholder,
	textarea:-moz-placeholder { color: #999; }
	
	/* ---------------------------------------- */
	/*	Contact and Comments Forms
	/* ---------------------------------------- */
	
	.comments-form { margin-bottom: 30px; }
	
		.input-block { margin-bottom: 10px; }
	
			.contact-form .submit i { font-size: 30px; }

			.form-submit #submit {
				background-color: #fff;
				border-radius: 6px;
				border-style: solid;
				border-width: 1px;
				border-color: #cfcfcf;
				color: #00c2a9;
				cursor: pointer;
				display: inline-block;
				font-size: 17px;
				font-weight: 400;
				margin-bottom: 15px;
				outline: none;
				padding: 13px 20px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				vertical-align: baseline;
				
				-webkit-transition: all 0.25s ease;
						transition: all 0.25s ease;
			}
			
			.form-submit #submit:hover {
				border-color: transparent;
				background-color: #00c2a9; 
				color: #fff;
			}

		/* HTML5 Validation Styles */	
		
/*		.comments-form input:required:valid,
		.contact-form input:required:valid,
		.comments-form textarea:required:valid,
		.contact-form textarea:required:valid { border-color: #00c2a9; }
		
		.comments-form input:focus:invalid,
		.contact-form input:focus:invalid,
		.comments-form textarea:focus:invalid,
		.contact-form textarea:focus:invalid { border-color: #e27152; }*/
				
		/* HTML5 Validation Styles for Parallax */	
		
/*		.parallax .comments-form input:required:valid,
		.parallax .contact-form input:required:valid,
		.parallax .comments-form textarea:required:valid,
		.parallax .contact-form textarea:required:valid { 
			-webkit-box-shadow: 0 0 10px 1px rgba(0,194,169, .7);
					box-shadow: 0 0 10px 1px rgba(0,194,169, .7);
		}
		
		.parallax .comments-form input:focus:invalid,
		.parallax .contact-form input:focus:invalid,
		.parallax .comments-form textarea:focus:invalid,
		.parallax .contact-form textarea:focus:invalid { 
			-webkit-box-shadow: 0 0 10px 1px rgba(226,113,82, .7);
					box-shadow: 0 0 10px 1px rgba(226,113,82, .7);	
		}*/

	/* -------------------------------------------------- */
	/*	Buttons
	/* -------------------------------------------------- */	

	.button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 20px;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 14px;
		cursor: pointer;

		/*-webkit-border-radius: 6px;
				border-radius: 6px;*/
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	
	.button.middle { 
		padding: 10px 24px;
		font-size: 17px;
	}
	
	.button.large {
		padding: 15px 30px;
		font-size: 20px;
	}
	
	.button.default {
		border-color: #cfcfcf;
		color: #00c2a9;
	}
	
	#footer .parallax .button.default { border-color: #555; }
	
	.button.default.turquoise {
		border-color: transparent;
		color: #fff;
	}

	.button.default:hover { 
		border-color: transparent;
		background-color: #00c2a9; 
		color: #fff;
	}
	
	.button.submit {
		margin-bottom: 20px;
		padding: 2px 14px;
		width: 34%;
		color: #000000;
		font-family: 'Open Sans';
		font-weight: bold;
		font-style: italic;

	}

	.button.turquoise { background-color: #ffffff; }

	.button.turquoise:hover {
		border-color: #cfcfcf;
		/*background-color: #fff;
		color: #00c2a9;*/
	}
	
	.parallax .button.turquoise:hover { border-color: transparent; }
	
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

.bottle
{
	margin-top: 10px;
}


#header {
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 99;
	border-bottom: 1px solid #ececec;
	line-height: 0;
	-webkit-transition: background-color .25s ease, height .25s ease;
	transition: background-color .25s ease, height .25s ease;
}

.home #header, 
#header.header-shrink { border-bottom-width: 0; }

#header.transparent   { 
	border-bottom-width: 0;
	background-color: transparent;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	top: 5px;
	width: 100%;
}

#header.header-shrink 
{ 
	z-index: 999;
	background-color: #ffffff;     
	top: 0px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.3);
	height:10% !important;
	width: 100%;
}

/*#header.header-shrink #logo img
{
	height: 68px;
}*/
#header.header-shrink .navigation
{
	position: absolute;
	left: 21%;
	top: 15px;
}
/*.no-touch .logged-in #header { top: 32px; }*/

	.header-in {
		margin: 0 auto;
		width: 907px;
		text-align: justify;
	}
	
	.not-ie .header-in { font: 0/0 a; }
	
	@media screen and (min-width: 0\0) {
		.not-ie .header-in {
			font-size: 15px;
			transition: height .25s ease;
		}
	}
	
	.ie8 .header-shrink .header-in { font-size: 15px; }

	.header-in:after {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		content: "";
	}	
	
	/* -------------------------------------------------- */
	/*	Logo
	/* -------------------------------------------------- */

	#logo
	{
		display: inline-block;
		vertical-align: middle;
	}
	
	#navigation {
		display: inline-block;
		vertical-align: bottom;
		background: #ffffff;
		margin-bottom: 15px;
	}
	
		#logo {
			margin-bottom: 0;
			font-family: 'Open Sans';
			text-transform: uppercase;
			
			-webkit-transition: font-size .25s ease;
					transition: font-size .25s ease;
		}
		
		.transparent #logo { font-size: 44px; }
		
			.transparent #logo a { color: #fff; 
			
			/*background:url(../images/logo.png) no-repeat; */
			}
		
		.header-shrink #logo { font-size: 28px !important; 
		background:url(../images/logo1.png) 5px 5px no-repeat !important; 
		height: 65px !important;
		width: 233px !important;
		cursor: pointer !important;
		}
		
		.header-shrink #logo a { color: #fff; }
		.transparent #logo a h2{ text-indent:-9999px; }
		.header-shrink #logo a h2{ text-indent:-9999px; }

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
	
	.transparent .navigation {
		border-bottom: 1px solid #cfcfcf;
		border-bottom: 1px solid rgba(207,207,207, .4);
	}
	
	.header-shrink .navigation { border-bottom-width: 0; }

		.navigation > ul > li {
			position: relative; 
			display: block;
			float: left;
		}

			.navigation > ul > li > a {
				display: block;
				margin: 0;
				padding: 10px 6px 10px;
				color: #5b5e60;
				text-transform: uppercase;
				font-size: 14px;
				line-height: 1em;
				
				/*-webkit-transition: padding .25s ease, color 100ms linear, background-color .25s ease-out;
						transition: padding .25s ease, color 100ms linear, background-color .25s ease-out;*/
			}
			
			/*.navigation > ul > .downarrowclass > a:after {
				margin-left: 6px;
				color: #5b5e60;
				font-size: 12px;
				font-family: 'fontello';
				content: '\e8ba';
				line-height: 1em;
			}*/
			
			/*.transparent .navigation > ul > li > a,
			.transparent .navigation > ul > li > a:after { color: #231f20; }*/
			
			
			.navigation > ul > li > a:hover
			{
				color:#00c2a9;
			}
			
			@media only screen and (min-width: 1025px) {
				.transparent .navigation > ul > li > a				  {/* padding: 90px 20px 35px;*/	  }
				.transparent .navigation > ul > li.downarrowclass > a {/* padding: 90px 15px 35px 20px;*/ }
			}
			
			@media only screen and (min-width: 993px) {
				.header-shrink .navigation > ul > li > a {
					/*padding-top: 15px !important;
					padding-bottom: 21px !important;
					color: #fff;*/
				}
				.header-shrink .navigation > ul > li > a:after { color: #fff; }
			}

			.navigation a { 
				font-weight: bold;
				font-style: italic;
				font-family: 'Open Sans';
			}
			
			/*.navigation > ul > li:hover > a,
			.navigation > ul > .current-menu-item > a,*/
			.navigation > ul > .current_page_item > a,
			.navigation > ul > .current_page_parent > a,
			.navigation > ul > .current_page_ancestor > a { 
				background-color: #00c2a9;
				color: #fff;
			}

			/*.navigation > ul > li:hover > a:after,*/
			.navigation > ul > .current-menu-item > a:after,
			.navigation > ul > .current_page_item > a:after,
			.navigation > ul > .current_page_parent > a:after,
			.navigation > ul > .current_page_ancestor > a:after { color: #fff; }

			/*.transparent .navigation > ul > li:hover > a,
			.transparent .navigation > ul > .current-menu-item > a,*/
			.transparent .navigation > ul > .current_page_item > a,
			.transparent .navigation > ul > .current_page_parent > a,
			.transparent .navigation > ul > .current_page_ancestor > a { 
				background-color: #00c2a9;
				background-color: rgba(0,194,169, .7);
			}
			
			.header-shrink .navigation > ul > li:hover > a,
			.header-shrink .navigation > ul > .current-menu-item > a { 
				/*background-color: #fff !important;
				color: #00c2a9 !important;*/
			}
			
			.header-shrink .navigation > ul > li:hover > a:after,
			.header-shrink .navigation > ul > .current-menu-item > a:after,
			.header-shrink .navigation > ul > .current_page_item > a:after,
			.header-shrink .navigation > ul > .current_page_parent > a:after,
			.header-shrink .navigation > ul > .current_page_ancestor > a:after { color: #00c2a9; }

	/* Dropdown */

	 .navigation ul ul {
		position: absolute;
		display: none;
		padding: 10px 0;
		width: 170px;
		background-color: #ffffff;
		/*background-color: rgba(0,0,0, .5);*/
	}
	
			.navigation ul ul li { position: relative; }

			.navigation ul ul li a {
				display: block;
				padding: 7px 20px;
				color: #fff;
				text-transform: uppercase;
				font-size: 11px;
				line-height: 1.5em;
				text-align: left;
			}
			
			.navigation ul ul .rightarrowclass > a:after {
				margin-left: 15px;
				color: #fff;
				font-size: 12px;
				font-family: 'fontello';
				content: '\e8b8';
				line-height: 1em;
			}	
			
			.navigation ul ul a:hover,
			.navigation ul ul .current-menu-item > a,
			.navigation ul ul .current-menu-parent > a,
			.navigation ul ul .current-menu-ancestor > a,
			.navigation ul ul .current_page_item > a,
			.navigation ul ul .current_page_parent > a,
			.navigation ul ul .current_page_ancestor > a { color: #00c2a9; }
			
			@media only screen and (min-width: 993px) {
				.navigation ul ul ul {
					top: 0;
					left: 170px;
					margin-top: -10px;
				}
			}
			
	/* Responsive Button */

	.responsive-nav-button {
		display: none;
		width: 40px;
		height: 40px;
		background-color: #00c2a9;
		text-align: center;
		font-weight: normal;
		font-style: normal;
		font-size: 21px;
		font-family: 'fontello';
		line-height: 40px;
		vertical-align: middle;
		float: right;
		margin-top: 10px;	
		
		/*-webkit-border-radius: 6px;
				border-radius: 6px;*/
	}

	.responsive-nav-button:after {
		content: "Menu";
		color: #fff;
		font-size: 14px;
	}

	.responsive-nav-button:hover:after,
	.responsive-nav-button.active:after {  }
	
/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

@media only screen and (min-width: 1024px) {

	.keydown {
		position: absolute;
		bottom: 100px;
		left: 50%;
		z-index: 10;
		margin-left: -66px;
		width: 132px;
		font-size: 0;
		text-align: center;

		-webkit-transition: opacity .35s ease;
				transition: opacity .35s ease;

		-webkit-animation: fadeOutKeydown .35s ease 10s both;
				animation: fadeOutKeydown .35s ease 10s both;
	}
	
	.ie8 .keydown { display: none; }

		.keydown li {
			display: inline-block;
			margin: 2px;
			width: 40px;
			height: 40px;
			border: 1px solid #cfcfcf;
			background-color: transparent;
			vertical-align: top;

			-webkit-transition: all .25s ease;
					transition: all .25s ease;
			-webkit-border-radius: 6px;
					border-radius: 6px;
		}

		.keydown li.left {
			-webkit-animation: actionKey 1s ease 4s both;
					animation: actionKey 1s ease 4s both;
		}

		.keydown li.right {
			-webkit-animation: actionKey 1s ease 4.5s both;	
					animation: actionKey 1s ease 4.5s both;	
		}	

		.keydown li.up {
			display: block;
			margin: 2px auto;
			-webkit-animation: actionKey 1s ease 5s both;
					animation: actionKey 1s ease 5s both;
		}

		.keydown li.down {
			-webkit-animation: actionKey 1s ease 5.5s both;
					animation: actionKey 1s ease 5.5s both;
		}

		.keydown li:before {
			color: #fff;
			font-size: 18px;
			font-family: 'fontello';
			line-height: 40px;
		}

		.keydown .left:before  { content: '\ea07'; }
		.keydown .right:before { content: '\ea08'; }
		.keydown .up:before    { content: '\ea09'; }
		.keydown .down:before  { content: '\ea06'; }	

}

@-webkit-keyframes actionKey {
	0% {
		background-color: transparent;
		-webkit-box-shadow: 0 0 0 transparent;
	}
	50% {
		border-color: transparent;
		background-color: #00c2a9;
		-webkit-box-shadow: 0 0 8px rgba(0,194,169, .5);
	}
	100% {
		background-color: transparent;
		-webkit-box-shadow: 0 0 0 transparent;
	}
}

@keyframes actionKey {
	0% {
		background-color: transparent;
		box-shadow: 0 0 0 transparent;
	}
	50% {
		border-color: transparent;
		background-color: #00c2a9;
		box-shadow: 0 0 8px rgba(0,194,169, .5);
	}
	100% {
		background-color: transparent;
		box-shadow: 0 0 0 transparent;
	}
}

@-webkit-keyframes fadeOutKeydown { to { opacity: 0; } }
		@keyframes fadeOutKeydown { to { opacity: 0; } }
		

/* ---------------------------------------------------------------------- */
/*	Wrapper
/* ---------------------------------------------------------------------- */

.divider
{
	background:url(../images/divider.png) no-repeat bottom center;
	height: 17px;
}


#wrapper { width: 100%; background:url(../images/bg1.jpg) repeat;}

	#content { padding-top: 90px; }
		
/* ---------------------------------------------------------------------- */
/*	Main
/* ---------------------------------------------------------------------- */

	@media (min-width: 992px) {
		.sbr #main { float: left;  }
		.sbl #main { float: right; }	
	}

	/* ---------------------------------------------------------------------- */
	/*	Section
	/* ---------------------------------------------------------------------- */
	
	#home
	{
		
	}


	.page 
	{ 
		width: 100%; 
		
	}
	
		.section {
			position: relative;
			overflow: hidden;
			width: 100%;
			z-index: 2;
			padding: 40px 0 20px;
			margin: 0 auto;
		}
		
		.page > .section { /*background-color: #fff; */ }
			
		.padding-top-off      { padding-top: 0; }
		.padding-bottom-off   { padding-bottom: 0; }
		.padding-off		  { padding: 0; }
		.padding-top-half-off { padding-top: 50px; }

		.border { border-bottom: 1px solid #ececec; }
		
		/* -------------------------------------------------- */
		/* Slogan Title Group
		/* -------------------------------------------------- */
		
		hgroup.section-title {
			position: relative;
			margin-bottom: 70px;
			padding-bottom: 15px;
			text-align: center;
		}
		
		hgroup.section-title:after {
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -7%;
			width: 14%;
			height: 2px;
			background-color: #ececec;
			content: "";	
		}

			hgroup.section-title h1 {
				margin-bottom: 20px;
				text-transform: uppercase;
				font-weight: 100;
				font-size: 60px;
				line-height: 1.1em;
			}

			hgroup.section-title.section-title h2 {
				text-transform: uppercase;
				font-weight: 300;
			}
			
			.border-title {
				position: relative;
				padding-bottom: 30px;
			}

			.border-title:after {
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -7%;
				width: 14%;
				height: 2px;
				background-color: #ececec;
				content: "";
			}	
		
		/* Fix for Parallax */	
			
		.parallax .border-title:after {
			background-color: #cfcfcf;
			background-color: rgba(207,207,207,.4);
		}	
			
			.parallax .border-title { color: #fff; }
		
		/* -------------------------------------------------- */
		/* Slogan Group
		/* -------------------------------------------------- */
		
		.slogan { margin-bottom: 80px; }

			.slogan h1 {
				font-size: 54px;
				font-weight: 100;
			}

				.slogan h1 span { 
					color: #00c2a9;
					font-weight: 400;
				}

			.slogan h2 { 
				color: #aeaeae;
				font-weight: 300; 
			}
		
		/* -------------------------------------------------- */
		/* Content Title
		/* -------------------------------------------------- */	
		
		.content-title {
			margin-bottom: 25px;
			font-weight: 300;
			text-transform: uppercase;
		}
		
		/* -------------------------------------------------- */
		/* Parallax
		/* -------------------------------------------------- */
		
			.parallax { 
				z-index: 0;
				background-color: transparent;
				color: #fff;
			}
			
			.page > .parallax {
				background-color: transparent;
			}
			
			/* BG Overlay Grid  */
		
			.parallax-overlay {
				position: absolute;
				z-index: 0;
				left: 0;
				top: 0;
				margin: 0 auto;
				width: 100%;
				height: 100%;
				background-image: url(images/overlay-pattern.png);
				background-repeat: repeat;
			}
			
			#slides .parallax-overlay { z-index: 1; }
			
			/* BG Color for Image Parallax */
		
			.bg-turquoise-color { background-color: #00c2a9; }
			.bg-dark-color		{ background-color: #000;    }
			
			/* BG Color */
		
			.bg-gray-color		{ background-color: #f8f8f8; }

			/* BG Image */
		
			.full-bg-image {
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-position: 50% 50%;
				background-repeat: repeat;		
			}
			
			.full-bg-image	   { background-size: cover; }
			.no-touch .full-bg-image-fixed { background-attachment: fixed; }
			
			/* Mobile Video Image */
			
			.mobile-video-image .full-bg-image		  { display: none; }
			.touch .mobile-video-image .full-bg-image { display: block; }
			
			/* Bg Video */
			
			.mbYTP_wrapper { z-index: -2 !important; }
			
			.mb-wrapper {
				position: fixed;
				z-index: -99;
				min-width: 100%;
				min-height: 100%;
				left: 0;
				top: 0;
				overflow: hidden;
				opacity: 1;
				
				-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
				-webkit-transition: opacity 200ms;
						transition: opacity 200ms;
			}
			
			.touch .mb-wrapper { display: none; }
			
				.mb-wrapper iframe {
					position: absolute;
					top: 0;
					left: 0;
					z-index: -2;
					width: 120%;
					height: 120%;
					margin-top: -10%;
					margin-left: -10%;
					overflow: hidden;
					opacity: 1;
				}
				
	

	/* -------------------------------------------------- */
	/*	Recent Projects
	/* -------------------------------------------------- */

		.projects article { margin-bottom: 30px; }	
	
	/* -------------------------------------------------- */
	/*	Portfolio Single
	/* -------------------------------------------------- */
	
	.project-single-entry .image-slider { margin-bottom: 40px; }
	
		.project-page-header {
			position: relative;
			margin-bottom: 55px;
		}

			.project-page-header .project-title {
				padding-right: 115px;
				color: #5b5e60;
				font-weight: 100;
				font-size: 60px;
				text-transform: uppercase;
			}

		/* Project Nav */

		.project-nav {
			position: absolute;
			top: 50%;
			right: 0;
			margin-top: -15px;
			font: 0/0 a;
		}

			.project-nav li {
				display: inline-block;
				margin-left: 20px;
				vertical-align: top;
			}

				.project-nav li a {
					display: block;
					font: 0/0 a;
					cursor: pointer;
					z-index: 10;				
				}

				.project-nav li a:after {
					display: block;
					color: #aeaeae;
					font-size: 36px;
					font-family: 'fontello';
					text-align: center;
					line-height: 35px;
					content: "";
				}

				.project-nav .prev:after		 { content: "\ea07"; }
				.project-nav .next:after		 { content: "\ea08"; }
				.project-nav .all-projects:after { content: "\eac0"; font-size: 30px; }
	
				.project-nav li a:hover:after { color: #00c2a9; }
				
	/* Project Meta */
	
	.project-meta { margin-bottom: 25px; }
	
		.project-meta li { margin-bottom: 15px; }

			.project-meta-title {
				color: #00c2a9;
				font-weight: 400;
				font-size: 16px;
				font-family: 'Open Sans';
				line-height: 1em;
			}

			.project-meta .project-meta-date {
				color: #aeaeae;
				font-size: 16px;
				line-height: 1em;
			}
			
	/* Project Similar Posts */
	
	.project-similar { font-size: 0; }
	
		.project-similar li {
			display: inline-block;
			width: 20%;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
			vertical-align: top;
		}
		
		.row .project-similar li { width: 33.33333333333333%; }

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

.sbr #sidebar { float: right; }
.sbl #sidebar { float: left;  }

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

		#sidebar .widget { margin-bottom: 60px; }
		
			#sidebar .widget-title {
				margin-bottom: 25px;
				font-weight: 300;
				font-size: 20px;
				text-transform: uppercase;
			}

		/* ---------------------------------------- */
		/*	Default Widgets
		/* ---------------------------------------- */
		
		/* read-more links */
		.more-link {}
		
		/* blogroll links */
		.linkcat {}
		.blogroll {}
		
		/* text widget */
		.textwidget {}
		.widget_text {}
		.textwidget p {}
		
		.widget .sub-menu { 
			padding-top: 5px;
			padding-left: 10px;
		}
		
			.widget .sub-menu > li:last-child { padding-bottom: 0; }
		
		.widget_categories ul li,
		.widget_archive ul li, 
		.widget_links ul li,
		.widget_meta ul li,
		.widget_pages ul li,
		.widget_nav_menu ul li,
		.widget_contact_us ul li,
		.widget_recent_entries ul li,
		.widget_recent_comments ul li {
			padding: 8px 0;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #e6e6e6;
			list-style: none;
		}
		
		.widget_categories ul li:first-child,
		.widget_archive ul li:first-child, 
		.widget_links ul li:first-child,
		.widget_meta ul li:first-child,
		.widget_pages ul li:first-child,
		.widget_nav_menu ul li:first-child,
		.widget_contact_us ul li:first-child,
		.widget_recent_entries ul li:first-child,
		.widget_recent_comments ul > li:first-child { border-top-width: 0; }
		
			
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	position: relative;
	z-index: 1;
	color: #a0a0a0;
	margin-top: -70px;
}

.contact
{
	background:url(../images/contact_us.png) no-repeat center 30px;
	height:785px;
}

.contact1
{
	top: 35px;
	left: 355px;
	position: absolute;
}

.contact1 h3 {
font-weight: bold;
color: #231f20;
font-size: 20px;
margin-bottom: 3px;
}

.page-template #footer { background-color: #fafafa; }

	#footer .section.parallax { 
		/*position: static;
		background-color: rgba(0,0,0,.7);*/
		height: 882px;
	}

	.ie8 #footer .section {
		background-image: url(images/overlay-ie-footer.png);
		background-repeat: repeat;
	}
	
		#footer p { color: #000000; }
		
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
	
	.cf
	{
		position: absolute;
		top: 173px;
		left: 95px;
	}
	
	.cf h3
	{
		color:#ffffff;
		font-size:18px;
		font-style:italic;
		font-weight:bold;
		margin-bottom: 18px;
	}
	
	.cf table td
	{
		vertical-align:top;
		text-align:center;
		font-style: italic;
		font-size: 13px;
		font-weight: bold;
	}
	
	.addres
	{
		position: absolute !important;
		right: 110px;
		top: 127px;
	}
	.addres a
	{
		color:#00c2a9;
	}
	.addres a:hover
	{
		color:#000000;
	}

	.addres p
	{
		font-size:13px;
		font-style:italic;
		color:#000000;
		line-height:15px;
	}
	
	.sitemap
	{
		top: -142px;
		text-align: center;
		left: 137px;
	}
	
	.sitemap table td
	{
		line-height: 18px;
	}
	
	.sitemap h3
	{
		font-size: 16px;
		font-style: italic;
		color: #000000;
		margin-bottom: 0px;
	}
	
	.map
	{
		padding-left:1px !important;
		padding-right:1px !important;
		left: 145px;
	}
	
	.sitemap a
	{
		font-size: 12px;
		font-style: italic;
		color: #000000;
		line-height:15px;
	}
	
	
	#footer .widget { /*margin-bottom: 50px;*/ }
	
		#footer .parallax .widget-title { 
			margin-bottom: 25px;
			color: #fff; 
		}

		/* ---------------------------------------- */
		/*	Default Widgets
		/* ---------------------------------------- */
		
		#footer .parallax .widget_categories ul li,
		#footer .parallax .widget_archive ul li, 
		#footer .parallax .widget_links ul li,
		#footer .parallax .widget_meta ul li,
		#footer .parallax .widget_pages ul li,
		#footer .parallax .widget_nav_menu ul li,
		#footer .parallax .widget_contact_us ul li,
		#footer .parallax .widget_recent_entries ul li,
		#footer .parallax .widget_recent_comments ul li {
			padding: 5px 0;
			border-top-color: #555;
		}	

	/* -------------------------------------------------- */
	/*	Logo In Footer
	/* -------------------------------------------------- */

	.logo-in-footer {
		padding: 68px 0;
		border-top: 1px solid #2c2a2e;
		border-top: 1px solid rgba(207,207,207, .12);
		background-color: rgba(0,0,0,.8);
		text-align: center;
	}
	
	.ie8 .logo-in-footer {
		background-image: url(images/overlay-ie-logo-footer.png);
		background-repeat: repeat;
	}
	
		.logo-in-footer h1 { 
			margin-bottom: 0;
			font-size: 100px; 
			font-family: 'Open Sans';
		}
		
			.logo-in-footer a {
				color: #252525;
				color: rgba(255,255,255, .1);
				text-transform: uppercase;
			}
			
	/* -------------------------------------------------- */
	/*	Bottom Footer
	/* -------------------------------------------------- */	
	
	.bottom-footer {
		padding: 37px 0;
		border-width: 1px;
		border-style: solid;
		border-color: #2c2a2e;
		border-color: rgba(207,207,207, .12);
		background-color: rgba(0,0,0,.95);
		color: #4b4b4c;
	}
	
	.ie8 .bottom-footer {
		background-image: url(images/overlay-ie-bottom-footer.png);
		background-repeat: repeat;
	}
	
	.single .bottom-footer,
	.page-template .bottom-footer {
		border-color: #ececec;
		background-color: #fafafa;
		color: #777;
	}

		.copyright { font-size: 12px; }
		.developed { font-size: 11px; }

			.copyright a,
			.developed a { color: #00c2a9; }
	

	/* -------------------------------------------------- */
	/*	Social Icons
	/* -------------------------------------------------- */
	
	/*ul.social-icons { font-size: 0; float: right; position: absolute; top: 5px; right: 45px;}*/
	
	#header.header-shrink ul.social-icons { top: 18px; right:0px;}

	#footer ul.social-icons { margin-top: 125px; right: 195px; }
	
		ul.social-icons li {
			display: inline-block; 
			margin-right: 5px; 
			margin-bottom: 5px; 
			vertical-align: top;
		}

		
	/* -------------------------------------------------- */
	/*	List
	/* -------------------------------------------------- */

	ul.list { margin-bottom: 20px; }
	
		ul.list li { 
			position: relative;
		}
		
		ul.list li,
		ol.list li { margin-bottom: 4px; }
	

	/* -------------------------------------------------- */
	/*	Back Top
	/* -------------------------------------------------- */

	#back-top {
		position: fixed;
		right: 40px;
		bottom: 40px;
		z-index: 999;
		display: none;
		width: 50px;
		height: 50px;
		border: 1px solid #3ab7b5;
		background-color: #67CECC;
		/*background-color: rgba(255,255,255,.25);*/
		text-align: center;
		
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
		-webkit-border-radius: 50%;
				border-radius: 50%;
	}
	
	#back-top:after {
		width: 40px;
		height: 40px;
		text-align: center;
		color: #ffffff;
		font-size: 13px;
		font-family: 'Open Sans';
		content: "Home";
		line-height: 48px;
		
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	
	#back-top:hover {
		border-color: transparent;
		background-color: #00c2a9;
	}
	
	#back-top:hover:after { color: #fff; }]
	
#wrapper{
	margin:0 auto;
	width:800px;
	margin-top:50px;
}


.box {
    background-color: #ffffff;
    color: #888888;
    height: 130px;
    left: 100%;
    padding: 20px;
    position: fixed;
    right: 30%;
    top: 25%;
    width: 555px;
    z-index: 101;
	border:4px solid #00c2a9;
}

.box h3
{
	font-weight:bold;
}



.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
	opacity:0.5;
}

a.boxclose {
    background: url("../images/cancel.png") repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 30px;
    left: 32px;
    position: relative;
    top: -33px;
    width: 30px;
}

.submit1
{
	width: 28% !important;background: #00c2a9 !important;
	color: #ffffff !important;
	padding: 4px !important;
	height: 38px;
}

.feeds-links
{
	width: 42.5%;
	background: #ffffff;
	/*border: 1px solid #00c2a9;*/
	float: left;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(50, 50, 50, 0.41);
	-moz-box-shadow:    3px 4px 5px 0px rgba(50, 50, 50, 0.41);
	box-shadow:         3px 4px 5px 0px rgba(50, 50, 50, 0.41);
	height: 110px;
	overflow-x: hidden;
}

.feeds-links::-webkit-scrollbar {
width: 5px;
height: 5px;
}

.feeds-links::-webkit-scrollbar-thumb {
background: #00c2a9;
-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,.4);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #00c2a9;
-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,.4);
}

.feeds-links::-webkit-scrollbar-track {
background: #ffffff;
-webkit-box-shadow: inset 1px 1px 2px #cccccc;
border: 1px solid #009682;
opacity: .8;
border-radius: 10px;
}

::-webkit-scrollbar-track {
background: #FFF;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
border: 1px solid #D8D8D8;
}


.feeds-links a
{
	font-size: 11px !important;
	padding: 3px 0px 3px 15px !important;
	font-style: normal !important;
	color: #555555 !important;
	text-transform: none !important;
	float: left;
	width: 100% !important;
	font-weight: normal !important;
	line-height: 18px;
	text-align: justify;
	background:url(../images/bull.png) no-repeat 3px 7px !important;
	text-align: left !important;
}
.feeds-links a:hover
{
	color: #00c2a9 !important;
}
.divde
{
	border-bottom: 1px solid #cccccc;
}
#preload {display: none;}
#tweets
{
	background:#ffffff;
	float:left;
	width:81%;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow: 3px 4px 5px 0px rgba(50, 50, 50, 0.41);
box-shadow: 3px 4px 5px 0px rgba(50, 50, 50, 0.41);
}
#tweets ul li
{
margin:0 0 0;
padding:0 0 0;
}

#tweets label
{
	font-size: 11px !important;
	padding: 3px 0px 3px 15px !important;
	font-style: normal !important;
	color: #555555 !important;
	text-transform: none !important;
	float: left;
	width: 100% !important;
	font-weight: normal !important;
	line-height: 18px;
	text-align: justify;
	background:url(../images/bull.png) no-repeat 3px 7px !important;
	text-align: left !important;
}
#tweets label:hover
{
	color: #00c2a9 !important;
}