@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);

body
{
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing:antialiased
}
p
{
	line-height:180%;
}
a:focus {
    outline: none;
}
p > span {display:block;}
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 0%;
overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a.rolling{
    color: #0088cc;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

a.rolling span{
    display: block;
    position: relative;
    padding: 0 2px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

a.rolling:hover span {
    background: #0088cc;
    -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    -o-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

a.rolling span:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;
    color: #fff;
    background: #0088cc;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    -o-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}
.excerpt
{
	/* border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	height:500px; 
	background-color:#f5f5f5; */
	/*padding-bottom:20%;*/
}
.fadeTop
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
#deviceImg
{
	-moz-transition:-moz-transform 0.2s ease-in; 
	-webkit-transition:-webkit-transform 0.2s ease-in; 
	-o-transition:-o-transform 0.2s ease-in;
}
#deviceImg:hover
{
	-moz-transform:scale(1.05); 
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
}
.fillWidth
{
	width:100%; 
	margin:0; 
	padding:0;
}
.headH1
{
	font-size:350%;
}
.headstr
{
	padding-left:3px;
	font-size:130%;
}
#navList
{
	float:right; 
	padding-top:19px;
	margin-bottom:0px;
}
#navListBreak
{
	float:right; 
	padding-top:30px;
	margin-bottom:0px;	
}
#circleTrap
{
	margin-top:3.9%;
}
#info_1
{
	padding-top:20px;
}
#headingScout
{
	font-weight:700;
	margin-top:10%;
	color:#9b2c01;
}
.scoutText
{
	margin-top:0% !important;
	margin-bottom:0% !important;
}
#diagram
{
	margin-top:6%;
}
#letsTalk
{ 
	background-size:cover;
	overflow:visible;
	background-color:#9b2c01;
	margin-top:2.8%;
}
#letsTalkp
{
	font-weight:400;
	color:white;
	margin-top:3.2%;
	margin-bottom:3.2%;
	padding-bottom:0;
}
#friendlyBunch
{
	font-family:'montserrat';
	font-weight:400;
	color:white;
	margin-top:3.8%;
	margin-bottom:3.8%;
	padding-bottom:0;
}
#letsTalkBtn
{
	margin-top:18%;
	color:#9b2c01;
	transition: color .8s;
	-webkit-transition: color .8s; /* Safari */
}
#letsTalkBtn:hover
{
	color:#6b6b6b;
}
#FAQBtn
{
	margin-top:20%;
	color:white;
	font-weight:400;
	background-color:#9b2c01;
	transition: background-color .8s;
	-webkit-transition: background-color .8s; /* Safari */
}
#FAQBtn:hover
{
	background-color:#9b4929;
}
#tryMapsBtn
{
	margin-top:17% !important;
	color:#2d481b;
	transition: color .8s;
	-webkit-transition: color .8s; /* Safari */
}
#tryMapsBtn:hover
{
	color:#6b6b6b;
}
#tryMaps
{
	background-size:cover;
	overflow:visible;
	background-color:#2d481b;
	margin-top:6%;
}
#tryMapsp
{
	font-family:'montserrat';
	font-weight:400;
	color:white;
	margin-top:25px;
	margin-bottom:25px;
}
#inTouch
{
	margin-top:3%;
	background-color:#003d52;
}
#messageForm
{
	background-color:#c97201;
	margin-top:3.6%;
	padding-top:2%;
	padding-bottom:2%;
	position:relative;
}
#copy
{
	right:0px;
	bottom:0px;
	position:absolute;
	color:white;
	font-size:.8em;
}
#inTouchBtn
{
	margin-top:20%;
	color:#003d52;
	transition: color .8s;
	-webkit-transition: color .8s; /* Safari */
}
#inTouchBtn:hover
{
	color:#6b6b6b;
}
.barBtn
{
	font-family:'montserrat';
	font-weight:700;
	height:40px;
	width:170px;
	background-color:#ffffff;
	border:none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
}

.painless
{
	margin-top:6%;
	font-weight:400;
	color:#2d481b;
	padding:0;
}
.meet
{
	color:#033c50;
	padding:0;
	font-weight:400;
	margin-top:6%;
}
.newsHead
{
	padding:0;
	font-weight:400;
	margin-top:5%;
	color:#474747;
}
.kurzHead
{
	color:#c87203;
	padding:0;
	font-weight:400;
	margin-top:8%;
}
#newsCaro
{
	margin-top:7.5%;
}
#teamRow
{
	margin-top:3.6%;
}
#kurz
{
	margin-top:12.8%;
	text-align:center;
}
#kurzContact
{
	margin-top:7%;
}
#noteArea
{
	height:124px;
	resize:none;
	width:72.2%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
}
#noteBtn
{
	color:#c97201; 
	margin-top:18%;
	transition: color .8s;
	-webkit-transition: color .8s; /* Safari */
	margin-left:0;
}
#noteBtn:hover
{
	color:#6b6b6b;
}
#desktopPhone
{
	float:right;
	display:inline;
}
#desktopFeed
{
	float:right;
	margin-left:5%; 
	display:inline;
}
#desktopEmail
{
	float:right;
	margin-left:5%; 
	display:inline;
}
#desktopTwitter
{
	float:right;
	margin-left:5%; 
	display:inline;
}
.commentField
{
	width:100% !important;
	height:29px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important; /* future proofing */
	-khtml-border-radius: 2px !important; /* for old Konqueror browsers */
}
#toTop
{
	z-index:21;
	text-align:center;
	position:fixed;
	right:20px;
	bottom:20px;
	width:50px;
	height:50px;
	border-radius:30px;
	transition-property: opacity;
	transition-duration: 1s;
	opacity: .6;
	cursor:pointer;
	background-image:url('../../images/spensa/img/topIcon.png');
	background-size:cover;
	/* border-style:solid;
	border-width:3px; */
}
#toTop:hover
{
	opacity: .9;
}
#appleBack
{
	background-attachment:fixed;
	background-position-y:-50px;
}
#topHeroText
{
	margin-left:-40.8%;
}
#carouselLeft
{
	cursor:pointer; 
	margin-left:-15%;
	background-color:transparent;
	background-image:url('../../images/spensa/img/left_arrow.png');
	background-size:cover;
	transition-property: opacity;
	transition-duration: 1s;
}
#carouselRight
{
	cursor:pointer; 
	margin-right:-15%;
	background-color:transparent;
	background-image:url('../../images/spensa/img/right_arrow.png');
	background-size:cover;
	transition-property: opacity;
	transition-duration: 1s;
}
.descOverlay
{
	display:none;
	width:100%;
	height:100%;
	background-color:white;
	position:absolute;
	z-index:20;
	border:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	-webkit-box-shadow: 0 8px 8px -4px black;
	-moz-box-shadow: 0 8px 8px -4px black;
	box-shadow: 0 8px 8px -4px black;
	
}
.carousel 
{
height: 40em;
}
li
{
	line-height:25px;
}
address
{
	line-height:25px;
}
.teamHover
{
	cursor:pointer;
	-webkit-transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	-o-transition-duration: 0.3s; 
	 -webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}
.teamHover:hover
{
	transform: scale(1.07);
	-ms-transform: scale(1.07); /* IE 9 */
	-webkit-transform: scale(1.07); /* Safari and Chrome */

}
.descImg
{
	padding-left:2%;
	padding-bottom:2%;
}
.descTitle
{
	margin-top:1.5%;
}
.descQuote
{
	margin-top:1.9%;
}
.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}

.carousel-indicators .active {
  background-color: #444;
}
.resizeH
{
	font-weight:bold;
}
.newsNav
{
	cursor:pointer;
	/*border-bottom:1px solid #B9B9B9;*/
}
#newsList
{

}
.mc-response
{
	line-height: 25px;
	color: #c97201;
	padding-top: 55%;
}
#sent
{
	z-index:50;
	background-color:#c97201;
	visibility:hidden;
	position:absolute;
	top:110%;
	left:0;
	color:white;
	font-weight:bold;
	white-space: nowrap
}
#sending
{
	visibility:hidden;
	position:absolute;
	top:110%;
	left:0;
	color:white;
	font-weight:bold;
	white-space: nowrap
}
#fillIn
{
	visibility:hidden;
	position:absolute;
	top:110%;
	left:0;
	color:white;
	font-weight:bold;
	white-space: nowrap
}
@media screen and (min-width: 767px) 
{
	#navDesk
	{
		display:block;
	}
	#navMobile
	{
		display:none;
	}
	#connectSmall
	{
		display:none;
	}
	#connectDesktop
	{
		display:block;
	}
}
@media screen and (max-width:1200px)
{
	#FAQBtn
	{
		margin-top:38%;
	}
	#noteBtn
	{	 
		margin-top:28%;
	}
	#topHeroText
	{
		margin-left:-40.8%;
	}
	#letsTalkBtn
	{
		margin-top:27.5% !important;
	}
	#tryMapsBtn
	{
		margin-top:21% !important;
	}
	#inTouchBtn
	{
		margin-top:21%;
	}
	.headH1
	{
		font-size:270%;
		font-weight:400;
    }
	.headstr
	{
		font-size:110%;
	}
	.carousel 
	{
		height: 40em;
	}
}
@media screen and (max-width: 979px)
{
	#FAQBtn
	{
		margin-top:60%;
	}
	#noteBtn
	{	 
		margin-top:18%;
	}
	#topHeroText
	{
		margin-left:-25.8% !important;
	}
	#letsTalkBtn
	{
		margin-top:32% !important;
	}
	#tryMapsBtn
	{
		margin-top:48% !important;
	}
	#inTouchBtn
	{
		margin-top:38%;
	}
	.headH1
	{
		font-size:220%;
		font-weight:400;
    }
	.headstr
	{
		font-size:100%;
	}
	.carousel 
	{
		height: 48em;
	}
}
@media screen and (max-width: 767px) 
{
	body
	{
		margin-top:22px;
	}
	address
	{
		line-height:25px;
	}
	#fillIn
	{
		position:absolute;
		top:80%;
		width:100%;
		text-align:center;
	}
	#sent
	{
		position:absolute;
		top:80%;
		width:100%;
		text-align:center;
	}
	#sending
	{
		position:absolute;
		top:80%;
		width:100%;
		text-align:center;
	}
	#FAQBtn
	{
		margin-top:7%;
	}
	#newsList
	{
		
	}
	#newsBanner
	{
		padding-bottom: 5%;
		padding-top: 3%;
	}
	#messageForm
	{
		
	}
	#accordion2
	{
		margin-top:4%;
	}	
	#newsCaro
	{
		margin-top:0%;
	}
	.excerpt
	{
		padding-bottom:0%;
	}
	#appRow
	{
		margin-top:2%;
	}
	#friendlyBunch
	{
		margin-top:7%;
	}
	.newsHead
	{
		margin:0 auto;
		width:80%;
		margin-top:4.8%;
	}
	.mobileWidth
	{
		width: 80%;
		margin-left: 10%;
	}
	#mobiPrec
	{
		margin:0;
	}
	#mobiPest
	{
		margin-top:0;
	}
	#toTop
	{
		display:none;
	}
	.resizeP
	{
		font-size:125% !important;		
	}
	.resizeH
	{
		font-size:200% !important;
		line-height:25px;
	}
	.headH1
	{
		font-size:200%;
		font-weight:400;
		line-height:25px;
    }
	.headstr
	{
		font-size:125%;
		padding-left:0;
	}
	#topHeroText
	{
		margin-left:0 !important;
	}
	.rmMarginMobi
	{
		margin:0 !important;
	}
	#navList
	{
		display:inline-block; 
		float:none; 
		zoom:1;
		padding-top:30px;
		margin-bottom:0px;
	}
	#navListBreak
	{
		display:inline-block !important; 
		float:none; 
		zoom:1;
		padding-top:2%;
		margin-top:2%;
		margin-bottom:10%;
	}
	#navMobile
	{
		display:block;
	}
	#navDesk
	{
		display:none;
	}
	#connectSmall
	{
		display:block;
		z-index:100;
		margin-top:5%;
		margin-bottom:5%;
	}
	#connectDesktop
	{
		display:none;
	}
	#headerRow
	{
		/* text-align:center; */
	}
	#headingScout
	{
	font-weight:700;
	margin-top:6%;
	color:#9b2c01;
	}
	#circleTrap
	{
		text-align:center;
		width:60%;
		margin:0 auto;
		margin-top:2%;
		padding:0;
	}
	#appleBack
	{
		background-attachment:scroll;
		background-position-y:0px;
		padding-left:3%;
		padding-right:3%;
		padding-bottom:0%;
	}
	#inTouchBtn
	{
		padding:0;
		margin-top:4% !important;
		margin-bottom:7%;
	}
	#letsTalkBtn
	{
		padding:0;
		margin-top:4% !important;
		margin-bottom:7%;
	}
	#letsTalkp
	{
		width:100%;
		margin:0 auto;
		margin-top:7%;
		margin-bottom:3.2%;
	}
	.mobiCenter
	{
		text-align:center;
	}
	.mobiCenterP
	{
		margin:0 auto;
		text-align:center;
	}
	.mobiCenterLeft
	{
		margin:0 auto; 
		text-align:left;
	}
	#tryMapsp
	{
		width: 80%;
		margin: 0 auto;
		margin-top: 1.2%;
		margin-bottom: 4%;
	}
	#mobiTryMapsBtn
	{
		padding-top:0px;
		padding-left:0px;
		text-align:center;
	}
	#tryMapsBtn
	{
		margin-top:7% !important;
		margin-bottom:4%;
		padding:0%;
	}
	.mobiHead
	{
		font-size:150%;
	}
	#deviceImg
	{
		margin:0 !important;
		margin-top:6% !important;
	}
	.ditchMax
	{
		max-width:none !important;
	}
	#googlePlay
	{
		margin-top:2% !important;
	}
	#kurz
	{
		margin-top:7.3%;
	}
	.commentField
	{
		display:inline !important;
	}
	#btmInput
	{
		margin-bottom:3%;
	}
	#topInput
	{
		margin-top:3%;
	}
	#noteBtn
	{
		margin-top:0%;
		margin-bottom:2.5%;
	}
	.carousel {
		height: 87em;
	}
	.commentField
    {
    	width:72.2% !important;
    }
	.mc-response
	{
		padding-top: 0%;
	}
}
#appButtons
{
	margin-top:4.5% !important;
	margin-bottom:5.5%;
}
.store
{
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}
#navLink
{
	color:#4b4b4b;
	font-weight:bold;
	transition: color .5s;
	-webkit-transition: color .5s; /* Safari */
}
#navLink:hover
{
	background-color:transparent;
	color:#a32701;
}
#navLink:active
{
	background-color:transparent;
}

.headerText
{
	color:white;
	text-shadow: 1px 1px 10px black;
	font-family:'montserrat';
	font-weight:400;
}
#headText
{
	padding-top:3.4%;
	overflow:visible;
}
@media screen and (max-width: 568px) {
    .headH1
	{
		font-size:150%;
    }
	.headstr
	{
		font-size:100%;
	}
	.resizeP
	{
		font-size:100% !important;
	}
	.resizeH
	{
		font-size:150% !important;
	}	
}
@media screen and (max-width: 358px) {
	.headH1
	{
		font-size:150%;
    }
	.headstr
	{
		font-size:90%;
	}
	.resizeP
	{
		font-size:89% !important;
	}
	.resizeH
	{
		font-size:115% !important;
	}
	.smallView
	{
		display:block !important;
	}
	#navList
	{
		display:none !important;
	}
}
.modal { position: absolute; }