/* 
    Color      : Dark Cyan
    Color Code : #7fb145
	Hover Code : #7fb145
*/

::-moz-selection {
	background: #ffe9b9;
}

::selection {
	background: #ffe9b9;
}

.slider .slide--headline h1,
.slider .slide--bio,
.slider .costs,
ul.page-facts li,
p {
	color: #111111;
}

.bg-theme,
.bg-overlay-theme:before,
.btn--primary,
.navbar-toggle .icon-bar,
.page-dark .testimonial-panel:hover,
.testimonial-panel:hover{
	background-color: #ffe9b9;
}

.bg-overlay-theme:before,
.contact-overlay-theme:before {
	opacity: 0.8 !important;
}

.contact-overlay-theme:before{
	background-color: #999999;
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover,
.btn--white:active,
.btn--white:focus,
.btn--white:hover,
.feature-left-circle .feature-panel:hover .feature--icon{
	background-color: #7fb145;
	border-color: #7fb145;
}

a,
.text-theme,
.feature-panel .feature--icon,
.landing-demos .portfolio-title:hover h4,
.portfolio-filter li a.active-filter,
.portfolio-filter li a:hover,
.page-dark .btn--primary:active,
.page-dark .btn--primary:focus,
.page-dark .btn--primary:hover{
	color: #7fb145;
}

.feature-left-circle .feature--icon {
	color:#7fb145;
	border-color: #7fb145;
}

.feature--content h3 {
	text-transform: none !important;
}

.feature-panel .feature--content p,
.heading .heading--desc {
	font-size: 16px;
}

.header-light .navbar .navbar-nav > li > a:hover::before,
.header-light .navbar .navbar-nav > li.active > a:before {
	background-color: #7fb145;
}

.header-fixed .navbar.affix .module .module-icon i,
.header-fixed .navbar.affix .navbar-nav > li > a {
	color: #7fb145;
}

.screenshot-text {
	text-align: center;
	color: #7fb145;
	margin-top: 10px;
}

.partner-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.partner-item .partner-logo {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 80px;
	height: 95px;
	margin-right: 40px;
}

.partner-person {
	font-size: 16px !important;
	line-height: 22px !important;
	text-transform: none !important;
	margin-bottom: 0px !important;
}

.partner-voice {
	/*font-family: 'Open Sans', sans-serif !important;*/
	font-size: 16px !important;
	font-style: italic;
	line-height: 22px !important;
	text-transform: none !important;
	margin-top: 20px !important;
	margin-bottom: 0px !important;

}

@media only screen and (max-width: 991px) {
	.partner-person {
		min-width: 150px;
		max-width: 150px;
	}

	.partner-voice {
		min-width: 300px;
	}
}

@media only screen and (min-width: 992px) {
	.partner-person {
		min-width: 580px;
	}

	.partner-voice {
		min-width: 700px;
	}
}

.agb-listing li {
	font-size: 16px;
	color: #999999;
}


.try-now h3 {
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 19px;
}

.try-now a {
	background-color: #7fb145;
	color: rgba(255, 255, 255, 0.9);
	padding: 0.4em 0.8em;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	font-size: 20px;
	font-weight: 600;
}

.try-now a:hover {
	background-color: #222222;
	opacity: 0.7;
	color: #ffffff;
	border-color: transparent;
}

.footer {
	background-color: #ffe9b9;
}

.footer--copyright,
.footer--copyright a {
	color: #222222;
}

@media only screen and (max-width: 991px) {
	.try-now {
		padding-top: 20px;
		display: flex;
		justify-content: center;
		white-space: nowrap !important;
	}

	.costs {
		text-align: center;
		font-size: 25px;
		color: #ffffff;
		margin-bottom: 20px;
	}

	.costs b {
		font-size: 35px;
	}

	.bg-section {
		/*background-image: none !important;*/
	}

	.smartphone {
		margin-top: -50px;
	}

	section {
		padding-bottom: 20px;
	}

	.mb-60 {
		margin-bottom: 0px !important;
	}

	.feature-panel {
		margin-bottom: 40px;
	}

	.heading--desc {
		margin-bottom: 40px !important;
	}

	.smartphone-container .smartphone {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.smartphone-container .appstore {
		margin-right: 5px;
		margin-bottom: 20px;
	}

	.smartphone-container .playstore {
		margin-bottom: 20px;
	}

	.sub-section {
		padding-top: 20px;
	}
}

@media only screen and (min-width: 992px) {
	.try-now {
		padding-top: 70px;
		padding-left: 80px;
	}

	.costs {
		padding-left: 30px;
		font-size: 35px;
		color: #ffffff;
		margin-bottom: 10px;
	}

	.costs b {
		font-size: 45px;
	}

	.smartphone-container .smartphone {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.smartphone-container .appstore {
		margin-right: 10px;
	}

	.sub-section {
		padding-top: 20px;
	}
}
