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

/* Columns */

.row {
  position: relative;
  width: 100%;
}
.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.col-1 {
    width: 4.33%;
}

.col-2 {
    width: 12.66%;
}

.col-3 {
    width: 21%;
}

.col-4 {
    width: 29.33%;
}

.col-5 {
    width: 37.66%;
}

.col-6 {
    width: 46%;
}

.col-7 {
    width: 54.33%;
}

.col-8 {
    width: 62.66%;
}

.col-9 {
    width: 71%;
}

#home-page #sidescan .cover-text.col-9 {
	width: auto;
}

.col-10 {
	width: 79.33%;
}

.col-11 {
    width: 87.66%;
}

.col-12 {
    width: 96%;
}

.hidden-sm {
    display: block;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

.clear {
    clear: both;
}

/* position */
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}


/* Add Margins/Padding */

.neg-margin-top {
    margin-top: -50px;
}
.margin-top {
    margin-top: 1em;
}
.margin-bottom {
    margin-bottom: 1em;
}
.padding-top {
    padding-top: 1em;
}
.padding-bottom {
    padding-bottom: 1em;
}

.clear {
	clear:left;
}
.clearr {
	clear:right;
}
.container{
	max-width:1140px;
	margin:0 auto;
}
main .container {
	/*min-height: 200px;*/
}
.container-sm{
	width:70%;
	margin:0 auto;
}

.navbar-toggle{
	display:none;
}
.header-space{
	width:100%;
}

/* --- top bar ---- */
.top-bar{
	background:#232323;
	padding-left:25px;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	width: 100%;
}
.top-bar li{
	list-style:none;
	display:inline-block;
}
.top-bar li a{
	color:#bababa;
	font-size:14px;
	display:block;
	text-decoration:none;
}
.top-bar .list-items{
	float:left;
	padding:11px 0px;
}
.top-bar .list-items li a{
	color:#bababa;
	padding:0px 10px;
	line-height:23px;
}
.top-bar .list-items li a:hover{
	color:#fff;
}
.top-bar .list-items li:first-child a{
	border-right:solid 1px #626262;
}
.top-bar .select-nav{
	float:right;
	background:#333333;
}
.top-bar .select-nav li a{
	padding:0px 40px;
	line-height:46px;
}
.top-bar .select-nav li a:hover{
	background:#3a9f43;
	color:#fff;
}
.top-bar .select-nav span{
	position:relative;
	padding-right:25px;
}
.top-bar .select-nav span.drop-arrow:after{
	right:0;
	color:#afe4fd;
}
.top-bar .select-nav span.open:after{
	content:"\f106";
}

.panel-top{
	background:#eaeaea;
	padding:50px 0px 70px;
	display:none;
}
.panel-top h3{
	padding-bottom:10px;
}
.panel-top h6{
	color:#00588a;
	font-weight:700;
	margin-bottom:10px;
}
.panel-top .active h6{
	color: #666;
}
.row-top{
	margin:24px 0px;
}
.row-top .colmn{
	width:32.2%;
	float:left;
	margin-right:1.7%;
}
.row-top .colmn:last-child{
	margin:0;
}
.row-bottom{
	background:#fff;
}
.row-bottom .colmn{
	float:left;
	width:25%;
	padding:35px 25px;
}
.row-bottom .colmn.active{
	background:#f7f7f7;
}
.row-bottom .colmn p{
	line-height:24px;
}
.panel-top .model-close:before, .panel-top .model-close:after{
	background:#000;
}


/* --- header ---- */
header{
	padding:50px 40px;
	background:#151515;
	position:relative;
	width: 100%;
}
.full-screen header {
	padding:15px 40px !important;
}
header .logo{
	padding-right:40px;
	float:left;
}
header .logo img{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	width:180px;
	border: none;
}
header li{
	list-style:none;
	display:inline-block;
	position:relative;
}
header li a{
	display:block;
	text-decoration:none;
	line-height:42px;
	color:#fff;
	font-weight:400;
}
/* --- nav ---- */
.site-nav{
	float:left;
	padding:10px 0px;
}
.site-nav li span:after{
	content:"\f107";
	font-family:FontAwesome;
	font-size:25px;
	color: #999 !important;
}
.site-nav li a{
	padding:0px 20px;
	font-size:18px;
}
    .site-nav li a:hover, a#header-toggle:hover {
        color: #a7deff;
    }
.site-nav li a.active {
	color: #40a549;
}
.dashboard .site-nav li a.active {
	color: #333;
}
.site-nav ul ul{
	position:absolute;
	z-index:1;
	min-width:200px;
	padding:0px 0px 0px;
	display:none;
	top:100%;
	border-top:solid 10px transparent;
}
.site-nav li:hover ul{
	display:block;
}
.site-nav li li{
	display:block;
	background:#3a9f43;
	border-bottom:solid 1px #14791d;
}
.site-nav li li:last-child{
	border:none;
}
.site-nav li li a{
	font-size:16px;
	padding:10px 20px;
	line-height: 20px;
}
.drop-menu .icon {
	position: absolute;
	left: 49%;
	bottom: -40%;
	margin-left: -8px;
}
ul#account-nav {
	right: -10%;
	min-width: 150px !important;
}
.secondary-nav{
	float:right;
	padding:10px 0px;
}
.secondary-nav li a{
	font-size:16px;
	padding:0px 16px;
}
.secondary-nav li a:hover{
	color:#fff;
}
a.btn-green {
	color:#fff;
	background:#3a9f43;
	border-radius:7px;
}
	a.btn-green:hover {
		background: #14791d;
	}
span a.btn-green {
	display: inline-block;
	padding: 15px 20px;
	text-decoration: none;
}
.dashboard header{
	background:#3a9f43;
}
.site-nav li span:after{
	color:#fff;
}
.dashboard .site-nav li span:after{
	color:#fff !important;
}
.dashboard .site-nav li li {
	background:#222;
	border-bottom:solid 1px #444;
}
.responsive-nav{
	z-index:99;
}
.dashboard .secondary-nav li:last-child a{
	color:#fff;
	background:#333;
	border: none;
	border-radius:3px;
	padding:0px 30px;
}
.dashboard .secondary-nav li:last-child a:hover{
	background:#fff;
	color: #333;
}
.dashboard .site-nav li.drop-arrow:after{
	color:#fff;
}
.fixheader{
	position:fixed;
	width:100%;
	top:0;
	z-index:10;
	transition:all 0.9s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	box-shadow:0px 0px  10px #000;
}
.fixheader .logo img{
	width:110px;
}
.fixheader .site-nav, .fixheader .secondary-nav{
	padding:5px 0px;
}


/* --- div overlay ---- */
.overlay{
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	z-index:0;
}
.overlay:not(.cover-banner):after{
	content:"";
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	background:rgba(0,0,0,0.5);
	z-index:-1;
}

/* faq */
.btn-large {
	position: relative;
	display: block;
	width: 100%;
	background-color: #3a9f43;
	color: #fff;
	text-decoration: none;
	padding: 3rem;
}
.btn-large span {
	display: block;
	font-size: 1.4em;
}
.btn-large i {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #207628;
	padding: 3rem;
	font-size: 2rem;
}
.btn-large i:before {
	position: relative;
	top: 8px;
}
.btn-large:hover {
	color: #0a380e;
}
h4 {
	line-height: 1.6em;
	margin: 2em 0;
}
.modal-header ul li {
	margin-left: 18px;
}

/* full width container */
.full-width.bkg-green {
	background-color: #3a9f43;
	color: #fff;
	text-align: center;
	margin-bottom: 100px;
}
.bkg-gray {
	background-color: #ededed;
}
.full-width div:not(#mapDataContainerTab).container {
    padding-top: 40px;
    padding-bottom: 40px;
}
.full-width.bkg-green .btn {
	background-color: #3c3c3c;
	color: #fff;
	margin: 0 10px;
}
.full-width.bkg-green h3 {
	margin-bottom: 30px;
	font-weight: normal;
}

/* plans */
.plan-option {
	padding: 40px;
	text-align: center;
}
.plan-option p {
	margin-bottom: 30px;
}
.links {
	margin: 0 -40px -40px -40px;
	padding: 20px 40px;
	background-color: #d4d4d4;
}
    .links a, .green-links a {
        color: #3a9f43;
        text-decoration: none;
    }

/* forms */
input {
    padding: 10px;
    display: block;
    width: 100%;
}
input, textarea {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 10px 15px;
    color: #1c1918;
    font-size: .9em;
    outline: none;
    border: 2px solid #ccc;
}
#request-contact-form textarea {
	font-size: 14.4px;
	font-family: Arial;
}
body:not(#dashboard-trip-page):not([id^="account-"]):not([id$=ecosat-page]):not(#account-plotters-page):not(#social-map-page) select {
	width: 100%;
	box-sizing: border-box;
	padding: 25px;
	border: 2px solid #ccc;
	color: #1c1918;
	font-size: .9em;
	outline: none;
	margin: 10px 0;
}
.styled-checkbox {
    display: none;
}
.styled-checkbox + label {
    background-color: #fff;
    border: 2px solid #999;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    text-align: center;
}
.styled-checkbox + label:after {
    font-family: 'FontAwesome';
    content: '\f00d';
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    top: 2px;
    left: 2px;
}
.styled-checkbox + label:active, .styled-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.styled-checkbox:checked + label {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #333;
}
.styled-checkbox:checked + label:after {
    color: #ff7300;
}
.disclaimer {
    font-size: .8rem;
}

/* --- cover banner ---- */
.cover-banner{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
	position:relative;
	background-color: #333;
}
	.cover-banner.cover-border {
		/*min-height: 30vw;
		max-height: 34vw;*/
		overflow: hidden
	}
.cover-banner .slick-arrow {
	display: none !important;
}
.cover-banner .slick-dots {
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 20;
    transform: translate(-50%, 0);
}
	.cover-banner .slick-dots li {
		display: inline-block;
		list-style-type: none;
		background-color: #fff;
		height: 12px;
		width: 12px;
		border-radius: 50%;
		margin: 0 10px;
		cursor: pointer;
		transition: all .3s ease-in-out;
		border: 1px solid #000;
	}
.cover-banner h1 {
	font-size: 68px;
}
.feature-caro .feature-item {
	background-size: cover;
}
.cover-banner .slick-dots li.slick-active {
	border-radius: 50% 0 50% 50%;
    transition:all .3s ease-in-out;
    transform: rotate(-45deg);
    background-color: #acacac;
}
.cover-banner .slick-dots button {
	display: none;
}
.slick-track .feature-item {
	min-height: 575px;
}
.cover-pattern:before{
	content:'';
	background-image:url(../images/pattern.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:73%;
	z-index:0;
}
.cover-text {
	padding:4vw 80px 9vw;
	position:relative;
	z-index:15;
}

#home-page #hardware .cover-text {
	padding: 1vw 80px 9vw;
}

#home-page #sidescan {
	background-position: 0 45%;
}
	#home-page #sidescan .cover-text {
		padding-top: 25px;
		margin-left: 45%;
		z-index: 15;
	}
.cover-text h5{
	padding:10px 0px 20px;
	text-transform: none;
}
.cover-text .btn{
	margin:0px 9px;
}
.cover-text-inner{
	padding:90px 80px 90px;
	text-align: center;
}
.cover-text-inner .container{
	position:relative;
}
.cover-text-inner h1{
	color:#fff;
	padding-bottom:12px;
	position: relative;
	font-size: 4rem;
	font-weight: normal;
}
.cover-text-inner h1:after{
	content:"";
	background:#3a9f43;
	width:105px;
	height:3px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-52.5px;
}
.cover-text-inner h6 {
	font-size: 1.25rem;
	margin-bottom: 10px;
	font-family: 'Raleway';
}
.cover-text-inner a {
	text-decoration: none;
}
.no-bkg {
	background-color: #ededed;
}
.no-bkg.dashboard {
	background-color: #fff;
}
.no-bkg .cover-text-inner {
	padding: 70px 0;
}
.no-bkg .cover-text-inner h1 {
	color: #333;
	font-size: 3rem;
	font-weight: 300;
}
.cover-text-inner h1:after{
	background: transparent;
}
.cover-text-inner h2, .cover-text-inner h5{
	color:#fff;
	text-transform: none;
}
.cover-text-inner h2{
	padding-top:36px;
}
.cover-text-inner img{
	position:absolute;
	right:0;
	top:4px;
}
.cover-border:before{
	content:"";
	background:url(../images/header-border.png) no-repeat bottom;
	background-size:cover;
	position:absolute;
	bottom:-3px;
	left:0;
	width:100%;
	height:29%;
	z-index:10;
}
.compare-sat {
	position: relative;
	margin-bottom: 20px;
}
.compare-sat .container {
	position: relative;
}
.compare-legend {
	position: absolute;
	top: -50px;
	left: 80px;
	max-width: 25%;
	z-index: 1;
}
.compare-legend img {
	max-width: 100%;
}

.fixed-cta {
	position: fixed;
	z-index: 1;
	right: 0;
	top: 35vh;
}
	.fixed-cta a {
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		border-radius: 5px 0 0 5px;
	}
.fixed-cta a.demos {
	background-color: #3a9f43;
	padding: 20px;
}
.fixed-cta a.demos strong {
	display: block;
	font-size: 1.4em;
}
.fixed-cta a:hover {
	color: #fff;
	background-color: #14791d;
}
.fixed-cta a.share {
	background-color: #404148;
	padding: 10px 20px;
	font-size: .8em;
}
.fixed-cta a.share {
	background-color: #333;
}
.fixed-cta .at-style-responsive .at-share-btn {
	margin: 0;
}
.fixed-cta .at-style-responsive .at-share-btn .at-icon-wrapper:after {
	content: 'Share';
	position: relative;
}

/* Accordion */
/* See commit dated 12/05/18 for removed/changed accordion styles */
#accordion dd {
    padding: 15px 30px 15px 30px;
    box-sizing: border-box;
}

#accordion dd.active {
    color: #333;
    background-color: #ededed;
}
#accordion dt.accordion-toggle:before {
    font-family: FontAwesome;
    content: '\f107';
    position: absolute;
    right: 15px;
    color: #999;
    font-size: 1.5em;
}
#accordion dt.accordion-toggle.active:before {
    font-family: 'FontAwesome';
    content: '\f106';
}
.accordion-toggle {
    cursor: pointer;
}
.accordion-content {
    display: none;
    font-size: .9em;
    line-height: 2em;
}
.accordion-content.default {
    display: block;
}

/* --- common section ---- */
.section{
	padding:85px 0px 100px;
}
.heading{
	width:100%;
	display:inline-block;
	padding:0 10%;
}
.heading h2{
	position:relative;
	margin-bottom:90px;
	font-weight:300;
	line-height:1.45;
	color:#313131;
	letter-spacing:2.5px;
}
.normal-content .heading h2:after{
	background:#ff7300;
}

#social-container .container {
	margin-top: 80px;
}

/* quote */
blockquote {
	background-color: #ededed;
	padding: 4rem 5rem;
	text-align: center;
	position: relative;
	margin-bottom: 3rem;
}
blockquote p {
	margin-bottom: 20px;
}
blockquote h4 {
	color: #0065a0;
	font-weight: bold;
}
blockquote:before {
	content: '“';
	position: absolute;
	left: 2rem;
	font-size: 6rem;
	top: 3rem;
	font-family: 'Raleway';

}

/* --- section advanced ---- */
.section-advanced li{
	list-style:none;
	width:33%;
	padding:0px 45px;
	display:inline-block;
	vertical-align:top;
}
h5{
	padding:15px 0px 15px;
	text-transform:uppercase;
	color:#ff7300;
}
.section-advanced li p{
	line-height:30px;
	margin-bottom:32px;
}

/* --- default template ---- */

.default-template .section-tab {
	padding:85px 0px 60px;
}
.default-template .container p {
	margin: 20px 0;
}
.default-template .container img {
	max-width: 100%;
	height: auto;
}

/* --- section community ---- */
.section-grid{
	display:flex;
	flex-wrap:wrap;
	margin-top:25px;
}
.section-grid .colmn{
	width:12.5%;
	float:left;
	position:relative;
}
.section-grid .colmn.gray{
	background:#e9e9e9;
}
.section-grid .colmn.dark-gray{
	background:#d0d0d0;
}
.section-grid .colmn img{
	display:block;
	width:100%;
}
.section-grid .colmn.image > img{
	width:140%;
	position:absolute;
	left:0;
	top:0;
	margin:-20% 0% 0% -20%;
	z-index:2;
	background:#fff;
	padding:4px;
	border-radius:4px;
	transition:all .3s ease-in-out;
	box-shadow:0px 0px 15px #bcbcbc;
}
.profile-detail{
	position:absolute;
	z-index:9;
	background:#fff;
	width:300px;
	float:left;
	text-align:left;
	top:50%;
	opacity:0;
	border-radius:7px;
	overflow:hidden;
	transition:opacity .5s ease-in-out;
	transform:translateY(-50%);
	border-bottom:solid 18px #3a9f43;
	box-shadow:0 0 20px 8px rgba(0,0,0,0.2);
}
.profile-detail.right{
	left:auto;
	right:0;
}
.profile-detail img{
	width:100%;
}
.profile-detail ul{
	padding:15px 25px;
}
.profile-detail li{
	list-style:none;
	font-size:14px;
	line-height:24px;
}
/*.profile-detail li:first-child{
	border-bottom:solid 1px #3a9f43;
	margin-bottom:5px;
	padding:5px 0px;
}*/
.profile-detail li span{
	font-size:10px;
	width:100px;
	float:left;
}
.section-grid .colmn.image.active .profile-detail{
	opacity:1;
}
.section-grid .colmn.image.active > img{
	width:100%;
	margin:0;
}
.section-grid .colmn.image .profile-detail h2{
	font-size: 20px;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-top: 20px;
}
.section-grid .colmn.image .profile-detail h2:after{
	bottom: -10px;
	height: 2px;
	width: 50px;
	margin-left: -25px;
}


/* --- section genesis ---- */
.section-genesis{
	background:url(../images/bg-genesis.jpg) no-repeat;
	background-size:cover;
	padding:37px;
	position:relative;
}
.panel-genesis{
	background:#fff;
	padding:50px;
	width:505px;
	border-radius:7px;
	position:relative;
}
.panel-genesis:after{
	content:"";
	border-top:solid 15px transparent;
	border-bottom:solid 15px transparent;
	border-left:solid 15px #fff;
	position:absolute;
	right:-15px;
	top:50%;
	transform:translateY(-50%);
}
.panel-genesis h2{
	font-size:56px;
	color:#00588a;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	line-height:1;
}
.panel-genesis h4{
	text-transform:uppercase;
	color:#00588a;
	font-weight:400;
}
.panel-genesis p{
	line-height:30px;
	padding:30px 0px;
}
.panel-genesis .btn-link{
	margin:0px 12px;
}
.tag-entries{
	position:absolute;
	right:37px; top:37px;
	width:115px;
}
.tag-entries p{
	font-size:12px;
	line-height:1.3;
}
.tag-entries h4{
	font-weight:900;
}
.tag-entries li{
	list-style:none;
	padding-bottom:8px;
	background:rgba(255,255,255,0.9);
}
.tag-entries li.active{
	background:rgba(255,255,255,0.8);
}

.section-carousel .carousel-box{
	background-color: #2b2b2b;
	background-size:cover;
	background-position:center center;
	position: relative;
}
.section-carousel .full-background {
	background-size:cover;
	background-position:center center;
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	opacity: .1;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.section-carousel .container {
	position: relative;
	z-index: 2;
}
.section-carousel p{
	font-size:30px;
	font-weight:300;
}
.section-carousel .btn{
	margin-top:45px;
	-moz-filter: none;
	-o-filter: none;
	-webkit-filter: none;

}
.carousel-buttons{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:46%;
	height:11px;
	width:1140px;
}

.featured-news .container {
	position: relative;
	background-color: #ededed;
	padding: 80px 15%;
	margin-top: -50px;
	margin-bottom: 50px;
}
.featured-news .container h4 {
	margin: 20px 0;
}

.section-compatible li{
	display:inline-block;
	vertical-align:middle;
	width:24%;
	font-size:18px;
}

/* --- section tab ---- */
.section-tab ul{
	border-bottom:solid 1px #d0d0d0;
	padding-bottom:27px;
}
.section-tab li{
	list-style:none;
	display:inline-block;
}
.section-tab li a{
	padding:0px 27px;
	text-decoration:none;
	font-size:18px;
	position: relative;
}
    .section-tab li a:hover {
        cursor: pointer;
    }
body[id="dashboard-waterbody-page"] .section-tab li a:hover {
	cursor: default;
	color: #006699;
}
.section-tab li.active a:before{
	content: '';
	position: absolute;
	bottom: -10px;
	width: 40%;
	left: 50%;
	transform: translate(-50%, 0%);
	height: 3px;
	background-color: #3a9f43;
}

/* --- thumb image with content ---- */
.thumb-content{
	padding-bottom:0;
}
.thumb-content .colmn{
	width:48.5%;
	float:left;
	margin-bottom:100px;
}
.thumb-content .colmn:nth-child(2n){
	float:right;
}
.thumb-content .colmn figure{
	position:relative;
}
.thumb-content .colmn h3{
	position:absolute;
	top:50%;
	color:#fff;
	left:50%;
	transform:translate(-50%,-50%);
	white-space:nowrap;
	text-transform:uppercase;
}
.thumb-content .colmn p{
	padding:18px 0px 35px;
}
/*.thumb-content.normal-content p{
	padding: 0;
}*/

/* --- section table ---- */
.section-table{
	width:100%;
	font-size: .8em;
}
.section-table h2{
	padding-bottom:20px;
}
.section-table table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding-top: 30px;
}
.section-table th{
	background:#3a9f43;
	color:#fff;
	font-weight:bold;
	padding: 10px 0;
}
/*.section-table th:first-child{
	width:740px;
	text-align: left;
	padding-left: 20px;
}*/
.section-table td{
	padding:15px 10px;
	color:#666666;
	line-height:27px;
	font-weight:400;
	border:none;
	border-bottom:solid 1px #ccc;
}
body:not(#features-page).section-table tr:nth-of-type(even){
	background-color: #eee;
}
.section-table td:first-child{
	/*text-align: left;*/
}
.section-table td ul {
	font-size: .8em;
	margin-left: 30px;
	margin-top: 15px;
}
/* --- section news ---- */
.section-news #masonry{
	position:relative;
} .section-news .colmn{
	width:45% !important;
	padding:62px 50px;
	box-shadow:0px 0px 10px #e1e1e1;
} .section-news .colmn:nth-child(2n){
	float:right;
} .section-news .colmn h4{
	text-transform:uppercase;
	padding-top:10px;
	font-weight:700;
} .section-news .colmn h5{
	padding:52px 0px;
	line-height:40px;
} .section-news .colmn h6{
	font-weight:700;
} .section-news .colmn a{
	text-decoration:none;
}
/* --- section login ---- */
.login-page, #pricing-page {
	background:url(../images/bg-login.jpg) no-repeat;
	background-size:cover;
} .login-page footer{
	background-color:transparent;
} .login-page footer:before{
	display:none;
} .section-login{
	padding:125px 0px;
	position:relative;
} .section-login h2{
	color:#fff;
	padding-bottom:125px;
} .section-login .colmn{
    border-radius: 6px;
	width:46.7%;
	background:#fff;
	padding:37px 40px 60px;
	float:left;
} .section-login .colmn h4{
	text-align:center;
	padding-bottom:60px;
} .section-login .colmn p{
	float:left;
} .section-login .colmn p a{
	text-decoration:none;
	font-size:14px;
	line-height:40px;
} .section-login .colmn .form-group:last-child{
	margin-top:40px;
	margin-bottom:0;
} .section-login .colmn .form-group .btn{
	float:right;
} .section-login .colmn:last-child{
	float:right;
	background: transparent;
	padding-top: 100px;
	color:#fff;
} .section-login .colmn.no-padding:last-child{
	padding-top: 37px;
} .section-login .colmn h4{
	padding-bottom:68px;
	font-size: 30px;
	font-weight: 300;
	padding-top: 0;
} .form-group .price-options p {
	padding: 0;
} .form-group .price-options label {
	width: 49.5%;
	background-color: #eee;
	display: inline-block;
	padding: 25px 25px 25px 50px;
	font-size: 18px;
	color: #333;
	position: relative;
} .form-group .price-options label input {
	left: 25px;
	top: 30px;
	position: absolute;
} .margin-top {
	margin-top: 25px;
} .margin-bottom {
	margin-bottom: 25px;
} .col-25 {
	padding: 25px;
	width: 25%;
	float: left;
	display: inline-block;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
} .col-25:last-of-type {
	border-right: none;
}
/* --- pricing ---- */
.section-login.pricing .colmn:nth-of-type(2) {
	float: right;
} .section-login.pricing .colmn, .section-login.pricing .colmn:nth-of-type(2) {
	background-color: #fff;
	color: #333;
	font-size: 30px;
	font-weight: 300;
} .pricing .headline {
	background-color: #3a9f43;
	color: #fff;
	margin: -37px -40px 20px;
	padding: 37px 40px 0px;
} .pricing .headline h3 {
	font-size: 50px;
	margin: 0;
	padding-bottom: 40px;
	line-height: 20px;
} .pricing .headline h4 {
	padding-bottom: 20px;
} .pricing .headline h3 span, .pricing .headline sup {
	font-size: 16px;
} .pricing .colmn ul, .pricing .colmn li{
	margin: 0;
	list-style-type: none;
	padding: 0;
	font-size: 16px;
} .pricing .colmn h3 strong {
	font-weight: 800;
} .pricing .colmn ul{
	margin-bottom: 20px;
} .pricing .colmn li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
} .pricing .colmn li:last-child {
	border-bottom: none;
} .disclaimer {
	margin-top: 15px;
	font-size: 12px;
	color: #888;
} .padding-top{
	padding-top: 30px;
} .padding-bottom{
	padding-top: 30px;
}
/* --- sign up form ---- */
.sign-up-form{
	padding:30px 40px;
} .sign-up-form p{
	padding:25px 0px;
} .sign-up-form .colmn{
	width:46%;
	float:left;
} .sign-up-form .colmn:nth-child(2n){
	float:right;
} .sign-up-button{
	margin:45px 0px;
	border-top:solid 1px #e5e5e5;
	padding-top:60px;
	width:100%;
	float:left;
}
/* --- social icons ---- */
.social li{
	display:inline-block;
	list-style:none;
} .social li a{
	color:#fff;
	display:block;
	padding:0px 10px;
	font-size:25px;
} .social li a:hover{
	color:#ff7c00;
} .section-video{
	position:relative;
	padding:25% 0;
	background:url(../images/bg-video.jpg) no-repeat;
	background-position: center;
} .btn-play{
	width:100px;
	height:100px;
	border-radius:7px;
	background:rgba(223,132,52,0.8);
	position:absolute;
	top:53%; left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
} .btn-play:after{
	content:"";
	border-top:solid 30px transparent;
	border-bottom:solid 30px transparent;
	border-left:solid 30px #fff;
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
} .section-video h3{
	position:absolute;
	top:33%;
	left:50%;
	font-size:60px;
	color:#60a585;
	width:100%;
	font-family: 'Roboto', sans-serif;
	transform:translateX(-50%);
}
/* --- footer ---- */
footer {
	/*background-color:#000;*/
	background-size: cover;
	padding: 150px 0px 25px;
	position: relative;
	background-image: url(../images/bg-footer.svg);
} footer:before{
	content:"";
	/*background:url(../images/footer-border.png) no-repeat;*/
	background-size:cover;
	position:absolute;
	top:-32px;
	left:0;
	width:100%;
	height:33%;
	z-index:1;
} .footer-top .footer-logo{
	float:left;
	padding-top:15px;
} footer .site-nav{
	padding:0;
} footer .secondary-nav li{
	list-style:none;
	display:inline-block;
} footer .secondary-nav li a{
	text-decoration:none;
	color:#fff;
	display:block;
	line-height:42px;
	font-weight:300;
} footer .secondary-nav li:last-child a{
	border:solid 2px #fff;
	border-radius:3px;
	font-size:14px;
	background:transparent;
	padding:0px 28px;
} .footer-middle{
	padding:20px 0px 18px;
} footer .foo-link{
	float:left;
} .foo-link li{
	display:inline-block;
	list-style:none;
	margin-right:14px;
} .foo-link li a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:30px;
} footer .social{
	float:right;
} .footer-bottom{
	padding-top:24px;
	border-top:solid 2px rgba(40,40,40,0.8);
} .subscribe{
	width:46.5%;
	display:inline-block;
} .subscribe .form-control{
	float:left;
	/*width:68%;*/
} .subscribe .btn{
	float:right;
	text-transform:none;
	border-width:2px;
	border-radius: 0 0 2px 2px;
	min-width:28%;
} .dash-footer{
	padding:65px 0px;
	background:#4d4d4d;
} .dash-footer .footer-middle{
	padding-top:0;
} .dash-footer .footer-bottom{
	border-top:solid 1px #6c6c6c;
}

.legal {
	padding: 0 7px;
	display: inline-block;
	color: #fff;
	font-size: .9em;
	border: none;
	margin-top: 15px;
}
	.legal a {
		color: #fff;
	}
/* ========== Dashboard ========== */
#dashboard-trips-page .dashboard {
	background: #f6f6f6;
} .dashboard *:not(:before) { /* :not(:before) required or the social media icons don't show-up */
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    } .dashboard .site-nav li a:hover{
	color:#b8cbda;
} .dashboard .section{
	padding:30px 0px;
} .dashboard .cover-text-inner h2, .dashboard header li a{
	font-family: 'Raleway', sans-serif;
	font-weight:300;
} .dash-search h4{
	padding-bottom:30px;
} .dash-search .form-control{
	width:88%;
} .dash-search .btn{
	float:right;
	width: auto;
	box-sizing: border-box;
}
body:not(#account-plotters-page):not(#account-delete-page) .form-group input {
	display: inline-block;
	width: 25%;
	margin-right: 5px;
} .form-group span {
	margin-right: 5px;
} .dashboard h4 {
	margin-top: 0;
}
.waterbody {
	position: relative;
	border-top: 2px solid #d0d0d0;
	padding: 30px 40px 30px 40px;
	background-color: #fff;
} .waterbody strong {
	font-weight: 800;
} .waterbody .toggle-waterbody {
	position: absolute;
	left: 15px;
	color: #3a9f43;
} .waterbody a, .waterbody *[onclick] {
        cursor: pointer;
    } .waterbody a, .waterbody h3 {
        color: #3a9f43;
        text-decoration: none;
    } .waterbody .toggle-waterbody .drop-arrow:after {
	font-size: 40px !important;
} .waterbody .toggle-waterbody .drop-arrow:after {
	content: '\f106';
} .waterbody .toggle-waterbody .drop-arrow.open:after {
        content: '\f107';
    } .waterbody.loading .toggle-waterbody .drop-arrow:after {
        content: '';
    } .waterbody h3 {
	font-size: 1.5rem;
	font-family: 'Raleway', sans-serif;
} .waterbody-links {
	text-align: right;
} .waterbody-links span {
	display: block;
	margin-bottom: 8px;
} .waterbody-detail {
    /*padding: 15px 0;*/
    margin: 2px 0;
    border-top: 1px solid #d0d0d0;
    background-color: #fcfcfc;
    /* border-bottom: 1px solid #d0d0d0; */
} .waterbody-detail:last-of-type {
    border-bottom: 1px solid #d0d0d0;
} .waterbody-detail a {
	color: #0065a0;
} .waterbody-detail .waterbody-image .image-container {
	border: 1px solid #d0d0d0;
	display: inline-block;
} .waterbody-detail .waterbody-image a {
	position: relative;
} .waterbody-detail .waterbody-image a.delete {
        margin-top: 7px;
        display: inline-block;
    } .waterbody-detail .waterbody-image a:not(.delete):before {
        content: '\f00e';
        font-family: 'FontAwesome';
        padding: 5px;
        color: #333;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #ccc;
    } .dash-colmn{
	width:46.5%;
	float:left;
} .full-colmn{
	width: 100%;
	float: none;
} .dash-colmn:last-child{
	float:right;
} .button-section{
	margin-bottom:60px;
} .panel{
	width:100%;
	background:#fff;
	box-shadow:0px 2px 6px #b0b0b0;
	margin-bottom:60px;
	position: relative;
} .panel-header{
	padding:37px 40px;
	border-bottom:solid 1px #e5e5e5;
} .panel-header h4{
	float:left;
} .panel-header a{
	float:right;
	font-size:12px;
	text-decoration:none;
	line-height:30px;
	font-weight:500;
	text-transform:uppercase;
} .has-promo:hover .panel-promo{
	opacity: 1;
	transition:all 0.5s;
} .panel-promo {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 5;
	background-color: rgba(229,229,229,.9);
	text-align: center;
	transition:all 0.5s;
} .panel-promo .content-container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
} .panel-promo .content-container h4{
	margin-bottom: 15px;
} .panel-promo .content-container p{
	margin: 15px 0;
} .panel-form{
	/*padding:18px 40px;*/
} .panel-list{
	padding:18px 40px;
} .panel-list li{
	list-style:none;
	font-size:14px;
	line-height:30px;
} .panel-list li span{
	font-weight:500;
} .panel-list li a{
	float:right;
	text-decoration:none;
} .panel-table{
	padding-bottom:40px;
} .panel-table table{
	width:100%;
	border-style:none;
	border-collapse:collapse;
	font-size:12px;
	text-align:left;
} .panel-table table th, .panel-table table td{
	width:33%;
	padding:10px 0px 10px 20px;
	border-bottom:solid 1px #f2f2f2;
} .panel-table table th{
	background:#f2f2f2;
	font-weight:300;
	text-transform:uppercase;
} .panel-table table td{
	font-size:14px;
	position:relative;
} .panel-table table td .arrow{
	position:absolute;
	right:12px;
	top:10px;
	cursor:pointer;
} .panel-table table td .arrow:after{
	content:"\f107";
	font-family:FontAwesome;
	float:left;
	font-size:16px;
} .panel-table table td span{
	font-weight:400;
} .panel-table table td:first-child{
	font-weight:500;
	width:65%;
} .panel-table table td:last-child{
	text-align:right;
	padding-right:35px;
} .panel-table table a{
	text-decoration:none;
	margin-left:15px;
} .panel-tabs li{
	list-style:none;
	display:inline-block;
} .panel-tabs li a{
	font-size:12px;
	text-decoration:none;
	padding:0px 10px;
	line-height:38px;
	display:block;
	border-bottom:solid 2px #fff;
	color:#999999;
} .panel-tabs li a:hover, .panel-tabs li.active a{
	border-color:#006699;
	color:#006699;
} .panel .inner-table{
	width:100%;
} .panel tr{
	border:none;
} .panel .inner-table th{
	background:none;
	border:none;
	padding:8px 0px;
	color:#999999;
	text-transform:capitalize;
} .panel .inner-table td{
	width:auto !important;
	vertical-align:top;
	padding:0px !important;
	text-transform:capitalize;
} .panel .inner-table p{
	color:#494949;
	line-height:18px;
	font-size:12px;
} .tab-detail{
	padding:0px 20px;
} .panel-map{
	position:relative;
} .tab-detail .btn-plus{
	width:20px;
	height:20px;
} .tab-detail .btn-plus:before, .tab-detail .btn-plus:after{
	width:2px;
} .tab-detail .button{
	width:48px;
	height:48px;
	border:solid 1px #cccccc;
	display:inline-block;
	position:relative;
	background:url(../images/bg-flow.jpg) no-repeat;
} .btn-plus{
	width:80px;
	height:80px;
	background:#006699;
	border-radius:50%;
	border:solid 2px #fff;
	position:absolute;
	top:50%;
	left:50%;
	margin:0 !important;
	transition:all 0.5s;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
} .btn-plus:before, .btn-plus:after{
	content:"";
	width:4px;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	height:44%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
} .btn-plus:after{
	transform:translate(-50%,-50%) rotate(90deg);
	-webkit-transform:translate(-50%,-50%) rotate(90deg);
	-moz-transform:translate(-50%,-50%) rotate(90deg);
} .btn-plus:hover{
	opacity:0.8;
}
/* ========== Dashboard ========== */
.model-popup{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
	background:rgba(0,0,0,0.8);
	z-index:10;
	transition:all 0.2s;
} .model-popup *{
	font-family: 'Roboto', sans-serif;
} .modal-content{
	width:80vw;
	overflow: auto;
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	transform:translate(-50%,-50%) scale(1.1);
	transition:all 0.2s;
} .modal-content.transition{
	transform:translate(-50%,-50%) scale(1);
} .modal-content.model-lg{
	width:800px;
} .model-header{
	border-bottom:solid 1px #e5e5e5;
	padding:35px 40px;
	position:relative;
} .model-close{
	width:50px;
	position:absolute;
	right:30px; top:45px;
	cursor:pointer;
} .model-close:before, .model-close:after{
	content:"";
	position:relative;
	margin-bottom:4px;
	background:#999999;
	height:3px;
	width:100%;
	float:left;
} .model-close:before{
	transform:rotate(45deg);
	top:8px;
} .model-close:after{
	transform:rotate(-45deg);
} .model-body{
	padding:40px;
} .model-body iframe{
	width:100%;
	height:500px;
	padding-top:50px;
} .model-buttons{
	padding:35px 0px;
} .model-buttons a{
	text-decoration:none;
	font-size:15px;
	font-weight:400;
} .model-buttons input{
	float:right;
	margin-left:5px;
	margin-right:10px;
} .alert {
    border-radius: 10px;
    margin: 10px 0;
    background-color: #FCF8E3;
    border: 4px solid #F2E9BC;
    color: #C09853;
    padding: 10px 20px;
    font-size: .9em;
} .alert-message {
	background-color: #fff5a3;
	border: 2px solid #ddce55;
	color: #7b6d00;
	border-radius: 3px;
	padding: 10px 20px;
} .alert-message .close-message {
	float: right;
	margin-left: 15px;
} .alert-success {
    background-color: #A8DDAA;
    border-color: #43B549;
} .alert-red, .alert-warning, .alert-danger {
    border-color: #FF0000;
} .alert-info {
    border-color: #337AB7;
} .alert h4 {
    color: #C09853;
    margin: 0;
    font-weight: bold;
} button.close {
    background: none;
    border: none;
    font-weight: bold;
    color: #000;
    opacity: .3;
    position: relative;
    right: -12px;
    top: -5px;
    float: right;
    font-size: 22px;
    cursor: pointer;
} .alert-start {
    background: none;
    background-color: #fff;
    border-color: #A8DDAA;
    color: #808184;
    font-size: .8em;
    padding: 10px 20px;
} .alert-start .start-here {
        width: 11%;
        float: left;
        background: url(../images/bg-start-here.png) no-repeat;
        border-radius: 6px 0 0 6px;
        color: #fff;
        font-weight: bold;
        font-style: italic;
        padding: 11px 0 10px 15px;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 1;
    } .alert-start .download {
        width: 38%;
        float: left;
        border-right: 1px dotted #999;
        padding: 10px 0 10px 0;
    } .alert-start .docs {
        width: 40%;
        float: left;
        padding: 10px 0 3px 15px;
    } .alert-start .docs img {
            float: left;
            margin: 0 10px 0 0;
        } .alert-start .download img {
        float: left;
        margin: -3px 10px 0 0;
    } @font-face {
  font-family: 'genesis';
  src: url('../fonts/genesis.eot?52218830');
  src: url('../fonts/genesis.eot?52218830#iefix') format('embedded-opentype'),
       url('../fonts/genesis.woff2?52218830') format('woff2'),
       url('../fonts/genesis.woff?52218830') format('woff'),
       url('../fonts/genesis.ttf?52218830') format('truetype'),
       url('../fonts/genesis.svg?52218830#genesis') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'genesis';
    src: url('../font/genesis.svg?52218830#genesis') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "genesis";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
} .icon-location:before { content: '\e800'; } /* '' */
.icon-star:before { content: '\e801'; } /* '' */
.icon-star-empty:before { content: '\e802'; } /* '' */
.is-fav .icon-star-empty:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e803'; } /* '' */
.icon-plus:before { content: '\e804'; } /* '' */
.icon-minus:before { content: '\e805'; } /* '' */
.icon-up-open:before { content: '\e806'; } /* '' */
.icon-home:before { content: '\e807'; } /* '' */
.icon-left-open:before { content: '\e80b'; } /* '' */
.icon-down-open:before { content: '\e80c'; } /* '' */
.icon-cancel-circled:before { content: '\f06e'; } /* '' */
.icon-search:before { content: '\f50d'; } /* '' */
.icon-info:before { content: '?'; } /* '' */
/* plupload styles moved to plupload.css */
/* Plugin styles */
/* Plugin styles */
.social-feed-element.hidden{
    background-color:red !important;
} .social-feed-element .pull-left{
    float:left;
    margin-right: 10px;
} .social-feed-element .pull-right {
    margin-left: 10px;
} .social-feed-element img {
    width: 100%;
    width: auto\9;
    height: auto;
    border: 0;  
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
} .social-feed-element .attachment {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
/* Link styles */
.social-feed-element a {
    color: #0088cc;
    text-decoration: none;
} .social-feed-element a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
} .social-feed-element a:hover, .social-feed-element a:active {
    outline: 0;
    color: #005580;
    text-decoration: underline;
}
/* Text styles */
.social-feed-element small {
    font-size: 85%;
} .social-feed-element strong {
    font-weight: bold;
} .social-feed-element em {
    font-style: italic;
} .social-feed-element p {
    margin: 0 0 10px;
} .social-feed-element .media-body > p{
    margin-bottom:4px;
    min-height:20px;
} .social-feed-element p.social-feed-text {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
/* Message styles */
.social-feed-element, .social-feed-element .media-body {
    overflow: hidden;
    zoom: 1;
    *overflow: visible;
} .social-feed-element .media-body .social-network-icon{
    margin-top: -3px;
    margin-right:5px;
    width:16px;
} .social-feed-element .media-body div{
    color:#666;
    line-height: 20px;
} .social-feed-element:first-child {
    margin-top: 0;
} .social-feed-element .media-object {
    display: block;
    width:48px;
    border-radius:50%;
} .social-feed-element .media-heading {
    margin: 0 0 5px;
} .social-feed-element .media-list {
    margin-left: 0;
    list-style: none;
} .social-feed-element .muted {
    color: #999;
} .social-feed-element a.muted:hover, .social-feed-element a.muted:focus {
    color: #808080;
} .social-feed-element{
    box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
    margin:-1px;
    margin-top:25px;
    background-color: #fff;
    color: #333;
    text-align:left;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 16px;
} .social-feed-element:hover{
    box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
} .social-feed-element .content{
    padding:15px;
} .social-feed-element .social-network-icon{
    opacity:0.7;
} .social-feed-element .author {
    color: #444;
    line-height: 1.5em;
    font-weight: 500;  
} .social-feed-element .title {
        color: #444;
        line-height: 1.5em;
        font-weight: 700;
    }
/* compare layers */
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  bottom: 10%;
  margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; } .twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; } .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; } .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; } .twentytwenty-before-label {
  opacity: 0; } .twentytwenty-before-label:before {
    content: 'Very High Resolution Satellite Imagery';
    font-size: .6rem; } .twentytwenty-after-label {
  opacity: 0; } .twentytwenty-after-label:before {
    content: 'With EcoSat';
    font-size: .6rem; } .twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; } .twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; } .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; } .twentytwenty-before {
  z-index: 20; } .twentytwenty-after {
  z-index: 10; } .twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 70%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; } .twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; } .twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; } .twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }
/* ==========================================================================
   Modal styles
   ========================================================================== */
/*! Lity - v2.2.2 - 2017-07-17
* https://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.8);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} .lity-active body {
    overflow: hidden;
} .lity-inline .lity-content > * {
    max-height: none !important;
} .lity-inline .lity-wrap {
    overflow: auto;
} .lity-inline .lity-content {
    margin: 20px 0;
} .red-text {
	color: red;
} .center-text {
	text-align:center;
} .yellow-background {
	background-color: #f8da48;
} .pointer-cursor {
	cursor: pointer;
} .na-cursor {
	cursor: not-allowed;
} .change-email-instructions ul {
	margin: 2% 5%
}
.map-modal {
	padding: 0px 45px;
	font-family: sans-serif;
	font-size: 90%;
}
	.map-modal ul {
		margin: 1em 0em;
		padding: 0em 1em;
	}