/*
	TXT by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	h1, h2, h3, h4, h5, h6
	{
		margin: 0 0 0.5em 0;
	}

	h2
	{
		font-size: 1.65em;
	}

		h2.major
		{
			font-size: 1.65em;
			text-align: center;
			margin: 0 0 3em 0;
		}

			h2.major span
			{
				top: -0.775em;
				padding: 0 1.5em 0 1.5em;
			}

	h3
	{
		font-size: 1.25em;
	}

	h4
	{
		font-size: 1.25em;
	}

	/* Button */
	
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			font-size: 1.25em;
			padding: 0.85em 1.85em;
		}

			input[type="button"].big,
			input[type="submit"].big,
			input[type="reset"].big,
			.button.big
			{
				font-size: 1.65em;
				padding: 0.85em 1.85em;
			}
	
	/* List */

		ul
		{
		}	
	
			ul.actions
			{
				text-align: center;
				margin: 2em 0 0 0;
			}
	
	/* Box */

		.box
		{
		}

			.box.highlight
			{
			}
			
				.box.highlight .special
				{
					margin: 0 0 4em 0;
				}

				.box.highlight h2
				{
					font-size: 3em;
					margin: 0 0 0.75em 0;
				}

				.box.highlight header > p
				{
					font-size: 1.65em;
					margin: 0 0 1.5em 0;
				}

			.box.feature
			{
				text-align: center;
			}
			
			.box.post
			{
			}

				.box.post header
				{
					margin: 0 0 2.5em 0;
				}

				.box.post h3
				{
					font-size: 3em;
					margin: 0 0 0.5em 0;
				}

				.box.post header > p
				{
					font-size: 1.65em;
					margin: 0 0 0.5em 0;
				}

				.box.post ul.meta
				{
					margin: 0 0 0.5em 0;
				}
			
			.box.post-summary
			{
			}
			
				.box.post-summary h3
				{
					line-height: 1em;
					margin: 0 0 0.75em 0;
				}

				.box.post-summary .meta
				{
					margin: 0;
					line-height: 1em;
				}

			.box.page-content
			{
			}

				.box.page-content header
				{
					margin: 0 0 2.5em 0;
				}

				.box.page-content h2
				{
					font-size: 3em;
					margin: 0 0 0.5em 0;
				}

				.box.page-content header > p
				{
					font-size: 1.65em;
					margin: 0 0 0.5em 0;
				}

				.box.page-content ul.meta
				{
					margin: 0 0 0.5em 0;
				}

/*********************************************************************************/
/* Sidebar + Content                                                             */
/*********************************************************************************/

	.sidebar
	{
		padding-top: 0.5em;
	}
	
		.homepage .sidebar
		{
			padding-top: 0;
		}

		.sidebar h2.major
		{
			text-align: left;
			margin: 0 0 1em 0;
		}
		
			.sidebar h2.major span
			{
				padding-left: 0;
			}

	.content
	{
	}

		.content-left
		{
			padding-right: 2em;
		}
	
		.content-right
		{
			padding-left: 2em;
		}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#banner-wrapper
	{
		padding: 11em 0;
	}
	
	#main-wrapper
	{
		xborder-top-width: 35px;
		xborder-bottom-width: 10px;
	}
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		text-align: center;
		font-size: 2em;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5em 0 0 0;
		background: #fff;
		margin: 0 auto;
	}

		#header .logo
		{
			position: relative;
			text-align: center;
			border-top: solid 5px #e7eae8;
		}

			#header .logo div
			{
				background: #fff;
				position: relative;
				display: inline-block;
				padding: 0 1.5em 0 1.5em;
				top: -0.65em;
			}
		
			#header .logo h1,
			#header .logo p
			{
				display: inline;
			}
			
			#header .logo p
			{
				color: #C1CAC5;
			}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background-color: rgba(240,240,240,0.95);
		xbackground-image: url('images/overlay.png');
		width: 100%;
		height: 3.25em;
		line-height: 3.25em;
		text-align: center;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		cursor: default;
	}

		#nav ul
		{
			position: relative;
			z-index: 1001;
		}
	
		#nav li
		{
			display: inline-block;
			margin: 0 0.5em 0 0.5em;
			top: 0;
			position: relative;
			-moz-transition: top .15s ease-in-out;
			-webkit-transition: top .15s ease-in-out;
			-o-transition: top .15s ease-in-out;
			-ms-transition: top .15s ease-in-out;
			transition: top .15s ease-in-out;
		}

			#nav li > ul
			{
				display: none;
			}

			#nav li a,
			#nav li span
			{
				position: relative;
				display: block;
				text-decoration: none;
				color: #333;
				top: -6px;
				padding: 6px 1.5em 0.25em 1.5em;
				border-bottom-left-radius: 6px;
				border-bottom-right-radius: 6px;
				outline: 0;
				-moz-transition: background-color .075s ease-in-out, color .075s ease-in-out;
				-webkit-transition: background-color .075s ease-in-out, color .075s ease-in-out;
				-o-transition: background-color .075s ease-in-out, color .075s ease-in-out;
				-ms-transition: background-color .075s ease-in-out, color .075s ease-in-out;
				transition: background-color .075s ease-in-out, color .075s ease-in-out;
			}

			#nav li:hover,
			#nav li.active
			{
				top: 3px;
				xborder-top:3px;
				xborder-color: #0689d8;
			}

				#nav li:hover a,
				#nav li:hover span,
				#nav li.active a,
				#nav li.active span
				{
					background: #0689d8;
					color: #fff;
				}

			#nav li.current
			{
			}

				#nav li.current a
				{
					background: #f78f1e;
					color: #fff;
				}
				
				

	.dropotron
	{
		background: #6B7770;
		color: #fff;
		border-radius: 6px;
		line-height: 2.75em;
		text-align: center;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		padding: 1em 0;
		text-align: left;
		min-width: 14em;
		margin-top: -1em;
		box-shadow: 0 1em 2em 0 rgba(0,0,0,0.1);
	}
	
		.dropotron li
		{
		}
		
			.dropotron li > a,
			.dropotron li > span
			{
				display: block;
				color: #D7DAD8;
				text-decoration: none;
				padding: 0 1.25em;
			}

			.dropotron li:hover > a,
			.dropotron li:hover > span,
			.dropotron li.active > a,
			.dropotron li.active > span
			{
				color: #fff;
				background: #7B8780;
			}

			.dropotron li:first-child
			{
				border-top: 0;
			}
			
		.dropotron.level-0
		{
			margin-top: 1em;
			font-size: 0.9em;
		}
		
			.dropotron.level-0:before
			{
				content: '';
				position: absolute;
				left: 50%;
				margin-left: -1em;
				top: -0.65em;
				border-bottom: solid 1em #6B7770;
				border-left: solid 1em transparent;
				border-right: solid 1em transparent;
			}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		padding: 4em 0 3.5em 0;
	}
	
		#banner h2
		{
			font-size: 1.75em;
			margin: 0 0 0.75em 0;
			line-hieght: 1.8;
		}
		
		#banner p
		{
			font-size: 1.35em;
			margin: 0 0 1.25em 0;
		}

		#banner .button
		{
			font-size: 1.5em;
		}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		padding: 6em 0 6em 0;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		text-align: center;
		padding: 8em 0 8em 0;
		height:599px;
		
	}
	
		#footer h2.major
		{
			margin: 0 0 1em 0;
		}		

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		margin: 4em 0 0 0;
	}
	
	/*img zoom*/
	
	.img-zoom {
    width: 282px;
    -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 {
    -webkit-transform: scale(2); 
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
/*end zoom*/


/*zoom2*/
.zoom-me {
  height: 212px;
  width: 282px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.zoom-me:hover {
  width: 700px;
  height: 525px;
  z-index:2222;
}

/*css social*/
	ul.social
			{
				overflow: hidden;
				cursor: default;
			}

				ul.social li
				{
					display: inline-block;
				}

				ul.social li:first-child
				{
					margin-left: 0;
				}

				ul.social li a
				{
					display: inline-block;
					width: 3em;
					height: 3em;
					text-align: center;
					border-radius: 5px;
					background: #888;
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-o-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
				}
				
					ul.social li a:before
					{
						color: #fff;
						font-size: 2em;
						line-height: 1.5em;
					}
				
				ul.social li a.fa-facebook			{ background: #3c5a98; }
				ul.social li a.fa-facebook:hover	{ background: #4c6aa8; }
				ul.social li a.fa-twitter			{ background: #2daae4; }
				ul.social li a.fa-twitter:hover		{ background: #3dbaf4; }
				ul.social li a.fa-dribbble			{ background: #c4376b; }
				ul.social li a.fa-dribbble:hover	{ background: #d4477b; }
				ul.social li a.fa-linkedin			{ background: #006599; }
				ul.social li a.fa-linkedin:hover	{ background: #1075a9; }
				ul.social li a.fa-tumblr			{ background: #2b4661; }
				ul.social li a.fa-tumblr:hover		{ background: #3b5671; }
				ul.social li a.fa-google-plus		{ background: #da2713; }
				ul.social li a.fa-google-plus:hover	{ background: #ea3723; }
				
					.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.featured
		{
			position: relative;
			display: inline-block;
			background-color: #d52349;
			width: 9em;
			padding: 1.75em 0 0.75em 0;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0 0 4.5em 0;
			cursor: default;
		}

			.icon.featured:before
			{
				font-size: 4.5em;
				line-height: 1em;
				color: #fff;
			}
					
			.icon.featured:after
			{
				content: '';
				position: absolute;
				bottom: -1.95em;
				left: 0;
				border-top: solid 2em #d52349;
				border-left: solid 4.5em transparent;
				border-right: solid 4.5em transparent;
			}

			.icon.featured.alt
			{
				background-color: #252122;
			}
			
				.icon.featured.alt:after
				{
					border-top-color: #252122;
				}

			.icon.featured.alt2
			{
				background-color: #827a7c;
			}
			
				.icon.featured.alt2:after
				{
					border-top-color: #827a7c;
				}
				
				
				
				
				/*button*/
				
				/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: #37c0fb;
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		border-radius: 5px;
		border: 0;
		color: white;
		cursor: pointer;
		display: inline-block;
		padding: 0 1.5em;
		line-height: 2.75em;
		min-width: 9em;
		text-align: center;
		text-decoration: none;
		font-weight: 600;
		letter-spacing: -0.025em;
		float:left !important;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #50c8fb;
			color: white !important;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #1eb8fb;
			color: white;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: #555555;
			color: #fff;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: #626262;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: #484848;
			}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}
		
		ul.actions {
		cursor: default;
	}

		ul.actions:last-child {
			margin-bottom: 0;
		}

		ul.actions li {
			display: inline-block;
			padding: 0 0 0 1.5em;
		}

			ul.actions li:first-child {
				padding: 0;
			}

		ul.actions.vertical li {
			display: block;
			padding: 1.5em 0 0 0;
		}

			ul.actions.vertical li:first-child {
				padding: 0;
			}

	ul.menu li {
		border-left: solid 1px #e0e0e0;
		display: inline-block;
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}

		ul.menu li:first-child {
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
		}
		.row > * {
    float: left;
}




#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}