body {
	background: #f1f1f1;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #000;
	overflow-x: hidden;
}

.container {
	max-width: 900px;
}

.col-md-12 {
	padding-right: 0;
	padding-left: 0;
}
@media (min-width: 480px) {
	.col-md-12 {
		padding-right: .9375rem;
		padding-left: .9375rem;
	}
}





#header {
    max-width: 962px;
    padding: 0 0 30px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    background: #fff;
}
@media (min-width: 768px) {
	#header {
	    background: none;
	    padding: 0 0 50px;
	}
}

#header:before, #header:after {
    content: "";
    position: absolute;
    right: 100%;
    height: 100%;
    width: 9999px;
    top: 0;
    background: url(../images/bg-left.png) repeat-x;
}

#header:before {
    right: auto;
    left: 100%;
    top: auto;
        top: -30px;
    bottom: 30px;
}

#header .container {
    height: 20px;
    padding: 0;
    background: #fff;
    max-width: 100%;
}

@media (min-width: 768px) {
	#header .container {
	    padding: 28px 0 0;
	    height: 51px;
	}
}

#header .container:before {
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    background: url(../images/bg-header.png) no-repeat;
    background-position: 20% 0;
    height: 47px;
}
@media (min-width: 768px) {
	#header .container:before {
	    background-position: 0 0;
	        top: 51px;
	}
}

#header .logo {
    position: absolute;
    left: 10px;
    top: 35px;
    z-index: 16;
    width: 84px;
}
@media (min-width: 480px) {
	#header .logo {
	    width: 110px;
	}
}

@media (min-width: 768px) {
	#header .logo {
	    width: auto;
	    left: 29px;
	    top: 27px;
	}
}

img {
    max-width: 100%;
    height: auto;
}

.phone {
    color: #1e1e1e;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}
@media (min-width: 768px) {
	.phone {
	    font-size: 18px;
	    pointer-events: none; /* disable clickevent on desktop */
	}
	.header__links {
		position: relative;
		top: -30px;
	}
}
.phone:hover {
	text-decoration: none;
}

.header__links {
	float: right;
    margin-top: 16px;
    margin-right: 10px;
    color: #1e1e1e;
    font-size: 14px;
    font-weight: bold;
}
.language {
	color: #00693c;
	margin-left: 10px;
}


@media (min-width: 768px) {
	#hero {
		margin-top: -70px;
	}
}






.navbar__language {
	background: #84bd00;
	text-align: right;
	padding: 5px 0;
}
	.navbar__languageToggle {
		display: inline-block;
		padding: 3px 20px;
		text-transform: uppercase;
		background: #fff;
		border-radius: 5px;
		color: #006940;
		font-size: 12px;
	}
	.navbar__languageToggle:hover {
		text-decoration: none;
	}

.navbar__logos {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 10;
	background: #fff;
}
	
    .navbar__logo {
		margin: 10px 0;
	    display: inline-block;
    }
	.navbar__logo + .navbar__logo {
		float: right;
	    margin-top: 16px;
	    color: #1e1e1e;
	    font-size: 18px;
	    font-weight: bold;
	}
	.navbar__logo:hover {
		text-decoration: none;
	}

section {
	background: #fff;
}

#plan {
	padding: 25px 10px;
	margin-top: 1px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
}
@media (min-width: 768px) {
	#plan {
		padding: 25px 60px;
	}
}

	.hero {
		background: url(../images/hero.jpg) no-repeat center center;
	    background-size: cover;
        /*height: 500px;*/
	}
	@media (min-width: 768px) {
		.hero {
		     height: 500px; 
		     margin-bottom: -50px;
		}
	}
		.callout {
			background: rgba(0, 105, 60, 0.9);
			width: 75%;
			padding: 20px;
			color: #fff;
			height: 100%;
			position: relative;
			display: table;
			text-align: left;
			height: 470px;
		    margin-top: -20px;
		}
		@media (min-width: 768px) {
			.callout {
				width: 50%;
			}
		}
		.callout__centered {
			display: table-cell; 
			vertical-align: middle; 
		}
		.callout--fr {
			padding-top: 15px;
		}
			.callout__header {
				font-size: 20px;
				text-align: left;
				color: #fff;
				font-weight: normal;
				margin-bottom: 30px;
			}
			.callout__header--fr {
				margin-bottom: 20px;
			}
			@media (min-width: 768px) {
				.callout__header {
					font-size: 32px;
				}
				.callout__header--fr {
					font-size: 24px;
					margin-bottom: 20px;
				}
			}
			.callout__text {
				font-size: 17px;
				margin-bottom: 30px;
			}
		.lt-ie9 .callout {
			background: #3e454c;
		}
	.subhero {
		padding: 25px;
		text-align: center;
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
	}
		.subhero p {
			text-align: left;
		}

	h2 {
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		color: #00693c;
	}
	h4, p, li {
		font-size: 14px;
	}
	h4 {
		font-weight: bold;
	}
	li {
		margin-bottom: 15px;
	}

	.panel {
		border: 1px solid #d2d2d2;
		margin: 20px 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
	}
		.panel-heading {
			position: relative;
			padding: 14px 0 8px 0;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00693c+0,005330+100 */
			background: #00693c; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjkzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUzMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #00693c 0%, #005330 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #00693c 0%,#005330 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #00693c 0%,#005330 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00693c', endColorstr='#005330',GradientType=0 ); /* IE6-8 */
			height: 53px;
		}
		.panel-heading:before {
			content: "";
			display: block;
			height: 40px;
			width: 10px;
			background: #4d8f73;
			position: absolute;
			top: 7px;
			left: 0;
		}
			.panel__toggle {
				display: inline-block;
				display: block;
				margin-left: 40px;
				color: #ffffff;
				font-size: 14px;
				margin-top: 4px;
				padding-right: 40px;
			}
			@media (min-width: 768px) {
				.panel__toggle {
					font-size: 18px;
				}
			}
			.panel__toggle:hover, .panel__toggle:focus {
				text-decoration: none;
				color: #fff;
			}
			.panel__toggle:after {
				content: "";
				display: block;
				background: url(../images/panel-closed.png) no-repeat;
				width: 25px;
				height: 25px;
				position: absolute;
				top: 14px;
				right: 15px;
			}
			.panel__toggle.isOpen:after {
				background: url(../images/panel-open.png) no-repeat;
			}
				.panel__link {
					color: #00693c;
					font-weight: bold;
				}
		
		.panel-body {
		    padding: 25px 10px;
		}
		@media (min-width: 480px) {
			.panel-body {
				padding: 25px 40px;
			}
		}
		.lt-ie9 .panel-collapse {
			height: auto !important;
			display: block !important;
		}

		ul {
		    padding-left: 15px;
		}

.btn--quote {
	display: inline-block;
	padding: 8px 16px 12px;
	background: #00693c;
	font-weight: normal;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	margin: 25px auto 0;
}
@media (min-width: 768px) {
	.btn--quote {
		padding: 8px 20px 12px;
		font-weight: bold;
		font-size: 20px;
	}
}
.btn--quote:hover {
	color: #fff;
}

.learnMore {
	margin: 25px 0;
	text-align: center;
}
	.learnMore__text {
		font-size: 20px;
		color: #000;
	    padding: 0 10px;
	}
	.learnMore__link {
		color: #280071;
		text-decoration: underline;
		font-weight: bold;
	}
	
footer {
	background: #00693c;
	color: #fff;
	padding: 20px 0 40px 0;
}
	footer p {
		font-size: 14px;
	}
	footer a {
		color: #fff;
		text-decoration: underline;
	}
	footer a:hover {
		color: #fff;
	}
	footer h3 {
		font-size: 30px;
		font-weight: normal;
	}
	.micetype {
		font-size: 12px;
	}