/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

*,
*:after,
*:before {
	margin: 0;
	padding:0;
	box-sizing:border-box;
	/*font-smoothing:antialiased;
	text-rendering:optimizeLegibility;*/
}

a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.main {
	width:100%;
	margin:50px 0;
	text-align:center;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position: relative;
	display: inline-block;
	font-size: 90%;
	font-weight: 900;
	font-family: raleway;
	font-style: normal;
	color: rgba(255,255,255,1.00);
}
.nav-list {
	text-align:left;
}
.nav-item {
	float:left;
	display:inline;
	/*zoom:1;*/
	position:relative;
}
.nav-item a {
	display:block;
    color: rgba(210,210,210,1.00);
	padding:15px 20px;

}
.nav-item > a:hover {
	background:rgba(0,117,176,1.00);
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:rgba(79,89,97,1.00);
	border-bottom:1px solid #A4A4A4;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:rgba(0,117,176,1.00);
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#3D3D3B url(http://127.0.0.1:801/lakeside_group_web/img/nav.png) no-repeat center center;
	background-size:30px;
	height:50px;
	width:60px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid rgba(0,117,176,1.00);
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(https://www.lakesidegroup.eu/img/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:rgba(0,117,176,1.00);
}
.nav-rotate {
	transform:rotate(180deg);
}

.demo-nav {
	float:right;
	margin:12px 0;
	list-style:none;
}
.demo-nav-link {
	
}
.demo-nav-link a {
	color:#2BA6CB;
	text-decoration:none;
}

  
 @media only screen and (max-width:1600px) and (min-height:2560px){
	 
	.nav {
	position: relative;
    display: inline-block;
    font-size: 100%;
    font-weight: 400;
    font-family: abel;
    font-style: normal;
    color: #000000;
    padding-left: 0%;
    margin-top: -2%;
	}
 }

  @media only screen and (max-width: 1680px) and (min-height:1050px) {
	  
.nav {
	position: relative;
    display: inline-block;
    font-size: 80%;
    font-weight: 400;
    font-family: abel;
    font-style: normal;
    color: #000;
    padding-left: 5%;
    margin-left: -6%;
	}	
  }

  @media only screen and (max-width: 1680px) and (orientation : landscape) {
	  
.nav {
	position: relative;
    display: inline-block;
    font-size: 80%;
    font-weight: 400;
    font-family: abel;
    font-style: normal;
    color: #000;
    padding-left: 5%;
    margin-left: -11%;
	}	
  }
   
  @media only screen and (max-width: 1600px) and (orientation : landscape) {
	  
.nav {
	position: relative;
    display: inline-block;
    font-size: 65%;
    font-weight: 400;
    font-family: abel;
    font-style: normal;
    color: #000;
    padding-left: 5%;
    margin-left: -11%;
	}	
  }


@media screen and (max-width:1440px){
	
	.nav {
	position: relative;
    display: inline-block;
    font-size: 65%;
    font-weight: 400;
    font-family: abel;
    font-style: normal;
    color: #000;
    padding-left: 5%;
    margin-left: -11%;
	}	
	
}

@media screen and (max-width:1400px){
	
	.nav {
	position: relative;
    display: inline-block;
    font-size: 65%;
    font-weight: 400;
    font-family: abel;
    font-style: normal;
    color: #000;
    padding-left: 5%;
    margin-left: -11%;
	}	
	
}


@media screen and (max-width:1280px){
	
	.nav {
		position: relative;
		display: inline-block;
		font-size: 50%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000;
		padding-left: 10%;
	}	
	
}

@media only screen and (max-width:1280px) and (min-height:800px){
	.nav{
		position: relative;
		display: inline-block;
		font-size: 50%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000;
		padding-left: 10%;
	}
}


@media screen and (max-width:1152px) and (max-height:864px){

	.nav {
		position: relative;
		display: inline-block;
		font-size: 90%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 2%;
	}	

}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (max-width: 1024px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
		text-align: left;
		margin-left: 40%;
		margin-top: 2.5%;
		
	}
	
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	.nav-submenu-item a {
		background:#E5BC6F;
		border-bottom:1px solid #A4A4A4;
		display:block;
		padding:15px;
}
}


@media only screen and (max-width: 800px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
		text-align: left;
		margin-left: 40%;
		margin-top: 2.5%;
		
	}
	
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;

	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	.nav-submenu-item a {
		background:#E5BC6F;
		border-bottom:1px solid #A4A4A4;
		display:block;
		padding:15px;
}
}

@media only screen and (max-width: 768px) {

	.nav-list {
		display:none;
		text-align: left;
		margin-left: 40%;
		margin-top: 3%;
		
	}
}


@media only screen and (max-width: 600px) {

	.nav-list {
		display:none;
		text-align: left;
		margin-left: 40%;
		margin-top: 0.25%;
		
	}
	
}

@media only screen and (max-width:414px){
	
	/* Mobile navigation */
	.nav-mobile {
	
		cursor:pointer;
		position:absolute;
		top:0;
		right:0;
		background:#3D3D3B url(http://127.0.0.1:801/lakeside_group_web/img/nav.png) no-repeat center center;
		background-size:18px;
		height:30px;
		width:40px;
		z-index:9999999;
	}
	
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	    margin-left: -10%;
		margin-top: -5%;

	}
	.nav-item {
		width:100%;
		float:none;
	}
	
	.nav-item a {
		display:block;
		color: rgba(185,184,185,1.00);
		padding:15px 20px;
		background:#E3E1E1;
		border-bottom:1px solid #BC620A;
	}
	
	.nav-item > a {
		padding:15px;
	}
	
	
	.nav-click {
		display:block;
	}

	.nav-mobile-open {
		border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	
	.nav-submenu-item a {
		background:#E5BC6F;
		border-bottom:1px solid #A4A4A4;
		display:block;
		padding:15px;
}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	.nav {
	position: relative;
	display: inline-block;
	font-size: 100%;
	font-weight: 400;
	font-family: abel;
	font-style: normal;
	color: #000000;
}




	
}

@media only screen and (max-width:320px){
	
	/* Mobile navigation */
	.nav-mobile {
	
		cursor:pointer;
		position:absolute;
		top:0;
		right:0;
		background:#3D3D3B url(http://127.0.0.1:801/lakeside_group_web/img/nav.png) no-repeat center center;
		background-size:18px;
		height:30px;
		width:40px;
	}
	
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	    margin-left: -10%;
		margin-top: -6.6%;

	}
	.nav-item {
		width:100%;
		float:none;
	}
	
	.nav-item a {
		display:block;
		color:#000000;
		padding:15px 20px;
		background:#E3E1E1;
		border-bottom:1px solid #BC620A;
	}
	
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}

	.nav-mobile-open {
		border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	
	.nav-submenu-item a {
		background:#E5BC6F;
		border-bottom:1px solid #A4A4A4;
		display:block;
		padding:15px;
	}

	.nav {
	position: relative;
	display: inline-block;
	font-size: 100%;
	font-weight: 400;
	font-family: abel;
	font-style: normal;
	color: #000000;
}




	
}