@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

/* Menu CSS */#cssmenu,

#cssmenu > ul {

  background: url(images/highlight-bg.png) repeat;

  padding-bottom: 3px;

  font-family: 'Open Sans', sans-serif;

  margin: 0px auto;

  font-weight: 600;

}

#cssmenu:before,

#cssmenu:after,

#cssmenu > ul:before,

#cssmenu > ul:after {

  content: "";

  display: table;

}

#cssmenu:after,

#cssmenu > ul:after {

  clear: both;

}

#cssmenu {

  width: auto;

  zoom: 1;

}

#cssmenu > ul {

  background: url(images/menu-bg.png) repeat;

  margin: 0;

  padding: 0;

  position: relative;

}

#cssmenu > ul li {

  margin: 0;

  padding: 0;

  list-style: none;

}

#cssmenu > ul > li {

  float: left;

  position: relative;

}

#cssmenu > ul > li > a {

  padding: 23px 26px;

  display: block;

  color: white;

  font-size: 13px;

  text-decoration: none;

  text-transform: uppercase;

  text-shadow: 0 -1px 0 #0d0d0d;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);

  line-height: 18px;

}

#cssmenu > ul > li:hover > a {

  background: url(images/highlight-bg.png) repeat;

  text-shadow: 0 -1px 0 #97321f;

  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);

}

#cssmenu > ul > li > a > span {

  line-height: 18px;

}

#cssmenu > ul > li.active > a,

#cssmenu > ul > li > a:active {

  background: url(images/hover.png) repeat;

}

/* Childs */

#cssmenu > ul ul {

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 120px;

  background: url(images/menu-bg.png) repeat;

  margin: 0;

  padding: 0;

  z-index: -1;

}

#cssmenu > ul li:hover ul {

  opacity: 1;

  visibility: visible;

  margin: 0;

  color: #000;

  z-index: 2;

  top: 64px;

  left: 0;

}

#cssmenu > ul ul:before {

  content: "";

  position: absolute;

  top: -10px;

  width: 100%;

  height: 20px;

  background: transparent;

}

#cssmenu > ul ul li {

  list-style: none;

  padding: 0;

  margin: 0;

  width: 100%;

}

#cssmenu > ul ul li a {

  padding: 18px 26px;

  display: block;

  color: white;

  font-size: 13px;

  text-decoration: none;

  text-transform: uppercase;

  width: 150px;

  border-left: 4px solid transparent;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

}

#cssmenu > ul ul li a:hover {

  border-left: 4px solid #d64e34;

  background: url(images/hover.png) repeat;

}

#cssmenu > ul ul li a:active {

  background: url(images/menu-bg.png) repeat;

}





html, body {

	height: 100%;

}



body {

	margin: 0px;

	padding: 0px;

	background: #333333;

	font-family: 'Muli', sans-serif;

	font-size: 12pt;

	font-weight: 300;

	color: #363636;

}





h11, h22, h33 {

	margin: 0;

	padding: 0;

}



p, ol, ul {

	margin-top: 0px;

}



p {

	line-height: 190%;

}



strong {

}



a {

	color: #171717;

}



a:hover {

	text-decoration: none;

}



a img {

	border: none;

}



	.image

	{

		display: inline-block;

	}



		.image img

		{

			display: block;

			width: 100%;

		}



	.image-full

	{

		display: block;

		width: 100%;

		margin: 0 0 2em 0;

	}



	.image-left

	{

		float: left;

		margin: 0 2em 2em 0;

	}



	.image-centered

	{

		display: block;

		margin: 0 0 2em 0;

	}



		.image-centered img

		{

			margin: 0 auto;

			width: auto;

		}



hr {

	display: none;

}





/*********************************************************************************/

/* List Styles                                                                   */

/*********************************************************************************/



	ul.style1

	{

		margin: 0;

		padding: 0;

		list-style: none;

	}



	ul.style1 li

	{

		border-top: solid 1px #E5E5E5;

		padding: 0.80em 0;

	}



	ul.style1 li:first-child

	{

		border-top: 0;

		padding-top: 0;

	}



	ul.style2

	{

		margin: 0;

		padding: 0;

		list-style: none;

	}



	ul.style2 li

	{

		border-top: solid 1px #E5E5E5;

		padding: 0.80em 0;

	}



	ul.style2 li:first-child

	{

		border-top: 0;

		padding-top: 0;

	}



/*********************************************************************************/

/* Social Icon Styles                                                            */

/*********************************************************************************/



	ul.contact

	{

		margin: 0;

		padding: 1.5em 0em 2.5em 0em;

		list-style: none;

	}



	ul.contact li

	{

		display: inline-block;

		padding: 0em 0.30em;

		font-size: 1em;

	}



	ul.contact li span

	{

		display: none;

		margin: 0;

		padding: 0;

	}



	ul.contact li a

	{

		color: #FFF;

	}



	ul.contact li a:before

	{

		display: inline-block;

		background: #3f3f3f;

		width: 40px;

		height: 40px;

		line-height: 40px;

		border-radius: 20px;

		text-align: center;

		color: #FFFFFF;

	}



	ul.contact li a.icon-twitter:before { background: #2DAAE4; }

	ul.contact li a.icon-facebook:before { background: #39599F; }

	ul.contact li a.icon-dribbble:before { background: #C4376B;	}

	ul.contact li a.icon-tumblr:before { background: #31516A; }

	ul.contact li a.icon-rss:before { background: #F2600B; }





/*********************************************************************************/

/* Heading Titles                                                                */

/*********************************************************************************/



	.title

	{

		margin-bottom: 2em;

		margin-top: 2em;

		text-transform: uppercase;

	}



	.title h22

	{

		letter-spacing: 0.20em;

		font-weight: 700;

		font-size: 2em;

		color: #00AABB;

	}



	.title .byline

	{

		letter-spacing: 0.15em;

		text-transform: uppercase;

		font-weight: 400;

		font-size: 0.90em;

		color: #6F6F6F;

	}



/** WRAPPER */



#wrapper {

	background: #FFFFFF url(images/bg01.png) repeat;

}



#footer-wrapper

{

	background: #0F0F0F;

}



.container {

	width: 1200px;

	margin: 0px auto;

}



.clearfix {

	clear: both;

}



.nav-menu {

   text-aligtn: center;

margin: 0 auto;

display: table;

}



/*********************************************************************************/

/* Wrappers                                                                      */

/*********************************************************************************/



#header-wrapper

{

	overflow: hidden;

	background-size: 100%;

	background: #333333;

}





/*********************************************************************************/

/* Header                                                                        */

/*********************************************************************************/



	#header

	{
		
		background-image: url(assets/img/header-bg.png);
		background-size:cover;
		text-align: center;

	}



/*********************************************************************************/

/* Logo                                                                          */

/*********************************************************************************/



	#logo

	{
		margin-left:auto;
		margin-right:auto;
	}



	#logo h11

	{

		letter-spacing: 0.10em;

		font-size: 3em;

	}



	#logo p

	{

		letter-spacing: 0.10em;

		color: #FFF;

	}



	#logo a

	{

		text-decoration: none;

		color: #FFF;

	}



h1, h2, h3, h4, h5, h6 {

    font-family: 'nexa_boldregular';

    text-transform: uppercase;

    color: #469FA6;

}



h1 .fa,

h2 .fa,

h3 .fa,

h4 .fa,

h5 .fa,

h6 .fa {

    color: #1e90ff;

}





/*********************************************************************************/

/* Banner                                                                        */

/*********************************************************************************/



	#banner

	{

		position: absolute;

		left: 0;

		overflow: hidden;

		z-index: 1;

	}



	#banner .image

	{

		border: 5px solid #FFFFFF;

	}





/** MENU */



#menu-wrapper

{

	background: #292B2C;

}



#menu {

	overflow: hidden;

	height: 100px;

}



#menu ul {

	margin: 0;

	padding: 25px 0px 0px 0px;

	list-style: none;

	line-height: normal;

	text-align: center;

}



#menu li {

	display: inline-block;

}



#menu a {

	display: block;

	letter-spacing: 1px;

	padding: 20px 40px;

	text-decoration: none;

	text-align: center;

	text-transform: uppercase;

	font-size: 0.80em;

	font-weight: 600;

	border: none;

	color: #FFF;

}



#menu a:hover, #menu .current_page_item a {

	text-decoration: none;

}



#menu .current_page_item a {

	background: #008C9A;

}



/** PAGE */



#page

{

	position: relative;

	overflow: hidden;

	padding: 0em 0em 5em 0em;

}



/** CONTENT */



#content

{

	float: right;

	width: 790px;

}



/*********************************************************************************/

/* Sidebar                                                                       */

/*********************************************************************************/



	#sidebar

	{

		float: left;

		width: 345px;

	}



	#sidebar .title h22

	{

		font-size: 1.6em;

	}



	#sidebar .box1

	{

		margin-bottom: 3em;

	}





/*********************************************************************************/

/* Copyright                                                                     */

/*********************************************************************************/



	#copyright

	{

		overflow: hidden;



		text-align: center;

	}



	#copyright p

	{

		letter-spacing: 0.20em;

		text-align: center;

		text-transform: uppercase;

		font-size: 0.80em;

		color: #6F6F6F;

	}



	#copyright a

	{

		text-decoration: none;

		color: #8C8C8C;

	}



/*********************************************************************************/

/* Welcome                                                                       */

/*********************************************************************************/



	#welcome

	{

		overflow: hidden;

		padding: 5em 0em;

		border-bottom: 1px solid #E5E5E5;

		text-align: center;

	}



	#welcome h22

	{

		letter-spacing: 0.20em;

		text-transform: uppercase;

		font-size: 2.6em;

	}



	#welcome p

	{

		font-size: 1.3em;

	}



	#welcome .byline

	{

		display: block;

		padding: 0em 0em 1.5em 0em;

		letter-spacing: 0.15em;

		text-transform: uppercase;

		font-weight: 400;

		font-size: 1.2em;

		color: #6F6F6F;

	}

hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*********************************************************************************/

/* Portfolio                                                                     */

/*********************************************************************************/



	#portfolio-wrapper

	{

		background: rgba(0,0,0,.04);

		padding: 0em 0em;

		color: rgba(5, 0, 0, 0.7);

	}



	#portfolio

	{

		overflow: hidden;

	}



	#portfolio .title h22

	{

		font-size: 1.2em;

		color: #FFF;

	}



	#portfolio .byline

	{

		font-size: 1em;

		color: #EEA7C1;

	}



	#column1,

	#column2,

	#column3,

	#column4

	{

		width: 282px;

	}



	#column1,

	#column2

	{

		float: left;

		margin-right: 24px;

	}



	#column3

	{

		float: left;

	}



	#column4

	{

		float: right;

	}



/*********************************************************************************/

/* Button Style                                                                  */

/*********************************************************************************/



	.button

	{

		display: inline-block;

		margin-top: 1.5em;

		padding: 0.50em 3em 0.50em 2em;

		background: #00AABB;

		letter-spacing: 0.20em;

		text-decoration: none;

		text-transform: uppercase;

		font-weight: 400;

		font-size: 0.90em;

		color: #FFF;

	}



		.button:before

		{

			display: inline-block;

			width: 40px;

			height: 40px;

			line-height: 40px;

			border-radius: 20px;

			text-align: center;

			color: #FFF;

		}



/*********************************************************************************/

/* Footer                                                                        */

/*********************************************************************************/



	#footer-wrapper

	{

		overflow: hidden;

		padding: 2em 0em;

		background: #1E1B1A;

		width: 100%;

	}



	#footer

	{

		color: #ADADAD;

	}



	#footer .title h22

	{

		font-weight: 400;

		font-size: 1.2em;

		color: #FFF;

	}



	#footer .title

	{

		border-color: #2D2926 !important;

	}



	#footer .style1 li

	{

		border-color: #2D2926 !important;

	}



	#footer .style1 a

	{

		letter-spacing: 0.10em;

		font-size:1em;

		color: #B1B1B1;

	}



	#box1

	{

		float: left;

		width: 354px;

		margin-right: 24px;

		padding-right: 30px;

	}



	#box2

	{

		float: left;

		width: 354px;

		margin-left: 24px;

		padding-right: 30px;

	}



	#box3

	{

		float: right;

		width: 344px;

		padding-left: 40px;

	}



/* Footer

/* ========================================================================== */



.wide .footer,

.boxed .footer > .container {

    padding: 70px 0;

    background-color: #f5f5f5;

    color: #414650;

    font-size: 18px;

}



.footer .social-icons {

    padding-bottom: 15px;

}



.footer .social-icon {

    display: inline-block;

    width: 50px;

    height: 50px;

    border: solid 2px #414650;

    color: #414650;

    line-height: 1;

    padding: 16px;

}



.footer .social-icon:hover {

    background-color: #414650;

    color: #ffffff;

}



.footer .social-icon .fa {

    display: inline-block;

    width: 14px;

    line-height: 14px;

    text-align: center;

}



/* to top */

.totop {

    background-color: #1e90ff;

    color: #ffffff;

    z-index: 9999;

    width: 50px;

    height: 50px;

    font-size: 30px;

    line-height: 45px;

    text-align: center;

    position: fixed;

    bottom: -100px;

    right: 25px;

    cursor: pointer;

    overflow: hidden;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.totop:hover {

    background-color: #307cf0;

    color: #ffffff;

}