/*
* 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
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.opaque-bg {
	border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.7);
    width: 1060px;
    height: 243px;	
}

.logo {
margin: auto 0;	
padding:10px 0 0 0;
}

.trad {
	font-family: 'texgyreadventorregular',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

.nav {
	margin: 10px 0 15px 0;
	text-align: center;
}	

.nav a {
	color:#fff;
	text-decoration:none;	
}

.nav a:hover {
	color:#eee;	
	text-decoration:none;	
}

.containerall-footertop a {
	color:#fff;
	text-decoration:none;	
}

.containerall-footertop a:hover {
	color:#eee;	
	text-decoration:none;	
}

.containerall-topbar a {
	color:#fff;
	text-decoration:none;	
}

.containerall-topbar a:hover {
	color:#eee;	
	text-decoration:none;	
}

.select {
	color:#f7953d;
}

.padding100 {
	padding:0 100px;	
}

.padding50 {
	padding:0 50px;	
}

.padding30 {
	padding:0 30px;	
}

.padding10 {
	padding:0 10px 0 0;	
}

.s {
position:fixed;
bottom:0px;
left:0px;
width:150px;
height:165px;	
background-image:url(../images/s-lwr-left-med.png);
background-position: left bottom;
background-attachment:fixed;
background-repeat: no-repeat;
z-index:2;
}

.footerlinks {
float:left;
width: 90%;
border-bottom: solid 2px #272d31;
margin-bottom:12px;	
padding-bottom:4px;
z-index:3;
}

.engagement {
width:220px;
min-width:220px;
margin: 10px 30px 10px 20px;
padding: 12px 50px;	
/*background-color:#6892a9;*/
background-color: rgba(104,146,169,0.1);
border-radius: 25px;
text-align: center;
font-size: 34px;
color:#6892a9;
}

.demo { 
position: relative; 
width: 960px; 
height:220px; 
min-height:220px; 
margin: 0 auto; 
padding: 0; 
background:url(../images/newsletter-bg.jpg) no-repeat center center; 
font-size:12px;
}

#managed {
  position:relative;
  width:400px;
  height:380px;
  margin:0;
}

#managed img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#managed img.top:hover {
  opacity:0;
}

.hand {
	cursor: pointer;
}


/* Google Maps */

#map-canvas {
  height:360px;
  min-height:360px;
  margin-bottom: 20px;
}

/* #Form
================================================== */

.100 {
	width:100%;
	margin:40px 0;
	text-decoration:none;
	font-size:12px;		
	}
	
.100-demo {
	width:100%;
	margin:40px 0 0 0;
	text-decoration:none;
	font-size:12px;		
	}
	
.l {
	float:left;
	width:33%;
	margin:auto 0;	
	}
	
.c {
	float:left;
	width:33%;
	margin:auto 0;	
	}
	
.r {
	float:left;
	width:33%;
	margin:auto 0;	
	}

.form-field-bg {
	border-radius:0px;
	background-color: rgba(56, 64, 70, 0.7);
	height: 30px;	
	}
	
.form-field-bg-orange {
	border-radius:0px;
	background-color: rgba(247, 149, 61, 0.7);
	height: 30px;	
	}

/**********************
	Scroller  
**********************/

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #52555e;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #232323;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}


/**********************
	Accordion

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

#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
 
.accordionButton {	
	width: 100%;
	float: left;
	padding-top:5px;
	padding-bottom:10px;
	cursor: pointer;
	}
 
 .accordionButton h2 {	
	cursor: pointer;
	}
 
 .accordionContent {	
	width: 100%;
	float: left;
	padding-bottom:20px;
	padding-right:15px;
	display: none;
	border-bottom: 0px solid #a6a381;
	}
	
 .accordionButton2 {	
	width: 100%;
	float: left;
	padding-top:5px;
	padding-bottom:10px;
	cursor: pointer;
	}
 
 .accordionContent2 {	
	width: 90%;
	float: left;
	margin-left:10px;
	padding-bottom:20px;
	padding-right:15px;
	display: none;
	border-bottom: 0px solid #a6a381;
	}

  .hand {
	cursor: pointer;
	}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	.s {
	position:fixed;
	bottom:0px;
	left:0px;
	width:50px;
	height:55px;	
	background-image:url(../images/s-lwr-left-xsm.png);
	background-position: left bottom;
	background-attachment:fixed;
	background-repeat: no-repeat;
	z-index:2;
	}	
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	.s {
	position:fixed;
	bottom:0px;
	left:0px;
	width:50px;
	height:55px;	
	background-image:url(../images/s-lwr-left-xsm.png);
	background-position: left bottom;
	background-attachment:fixed;
	background-repeat: no-repeat;
	z-index:2;
	}
	
	#managed {
  	position:relative;
  	width:90%;
	height:250px;
  	margin:0 auto;
	}	
		}
		
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1024px) {
		
	.s {
	position:fixed;
	bottom:0px;
	left:0px;
	width:50px;
	height:55px;	
	background-image:url(../images/s-lwr-left-xsm.png);
	background-position: left bottom;
	background-attachment:fixed;
	background-repeat: no-repeat;
	z-index:2;
	}
	
	#managed {
  	position:relative;
  	width:100%;
	height:380px;
  	margin:0 0 0 167px;
	text-align:center;
	}	
		}	

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	#managed {
  	position:relative;
  	width:90%;
	height:250px;
  	margin:0 auto;
	}
		
	.engagement {
	width:80%;
	margin: 10px 20px 10px 20px;
	padding: 12px;	
	background-color: rgba(104,146,169,0.1);
	border-radius: 25px;
	text-align: center;
	font-size: 34px;
	color:#6892a9;
	}

	.padding100 {
	padding:0 10px;	
	}

	.padding50 {
	padding:0 10px;	
	}

	.padding30 {
	padding:0 10px;	
	}

	.padding10 {
	padding:0 10px;	
	}
	
	.s {
	position:fixed;
	bottom:0px;
	left:0px;
	width:50px;
	height:55px;	
	background-image:url(../images/s-lwr-left-xsm.png);
	background-position: left bottom;
	background-attachment:fixed;
	background-repeat: no-repeat;
	z-index:2;
	}
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	.padding100 {
	padding:0 10px;	
	}

	.padding50 {
	padding:0 10px;	
	}

	.padding30 {
	padding:0 10px;	
	}

	.padding10 {
	padding:0 10px;	
	}
	
	.s {
	position:fixed;
	bottom:0px;
	left:0px;
	width:50px;
	height:55px;	
	background-image:url(../images/s-lwr-left-xsm.png);
	background-position: left bottom;
	background-attachment:fixed;
	background-repeat: no-repeat;
	z-index:2;
	}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */


@font-face {
    font-family: 'itc_kabel_bookregular';
    src: url('../fonts/kabelitcbybt-book-webfont.eot');
    src: url('../fonts/kabelitcbybt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kabelitcbybt-book-webfont.woff2') format('woff2'),
         url('../fonts/kabelitcbybt-book-webfont.woff') format('woff'),
         url('../fonts/kabelitcbybt-book-webfont.ttf') format('truetype'),
         url('../fonts/kabelitcbybt-book-webfont.svg#itc_kabel_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'itc_kabel_ltmedium';
    src: url('../fonts/itckabellt-medium-webfont.eot');
    src: url('../fonts/itckabellt-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itckabellt-medium-webfont.woff2') format('woff2'),
         url('../fonts/itckabellt-medium-webfont.woff') format('woff'),
         url('../fonts/itckabellt-medium-webfont.ttf') format('truetype'),
         url('../fonts/itckabellt-medium-webfont.svg#itc_kabel_ltmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kirvybold';
    src: url('../fonts/kirvy-bold-webfont.eot');
    src: url('../fonts/kirvy-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kirvy-bold-webfont.woff2') format('woff2'),
         url('../fonts/kirvy-bold-webfont.woff') format('woff'),
         url('../fonts/kirvy-bold-webfont.ttf') format('truetype'),
         url('../fonts/kirvy-bold-webfont.svg#kirvybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kirvyregular';
    src: url('../fonts/kirvy-regular-webfont.eot');
    src: url('../fonts/kirvy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kirvy-regular-webfont.woff2') format('woff2'),
         url('../fonts/kirvy-regular-webfont.woff') format('woff'),
         url('../fonts/kirvy-regular-webfont.ttf') format('truetype'),
         url('../fonts/kirvy-regular-webfont.svg#kirvyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('../fonts/texgyreadventor-bold-webfont.eot');
    src: url('../fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('../fonts/texgyreadventor-italic-webfont.eot');
    src: url('../fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lucida_sansregular';
    src: url('../fonts/lsans-webfont.eot');
    src: url('../fonts/lsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lsans-webfont.woff2') format('woff2'),
         url('../fonts/lsans-webfont.woff') format('woff'),
         url('../fonts/lsans-webfont.ttf') format('truetype'),
         url('../fonts/lsans-webfont.svg#lucida_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}