body {
    overflow-x: hidden;
    font-family: "Open Sans",Arial,sans-serif;
    webkit-tap-highlight-color: #96cf49;
}
.form-control {
	border-radius: 8px !important;
}
section#download {
    padding: 60px 0;
}
section#download h1{
    color:#fff;
}
.download-section {
	margin: 0 auto; 
}
.btn {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 3px solid #14a78a;
    border-radius: 8px;
    color: #1abc9c;
    font-size: 16px;
    font-weight: 400;
    margin: 16px;
    padding: 10px 16px;
    text-align: left;
    transition: all 0.4s ease-in-out 0s;
    width: 215px;
}
.btn span {
    float: left;
    font-size: 30px;
    line-height: 40px;
    width: 40px;
}
.btn em {
    color: #96cf49;
    display: block;
    font-size: 24px;
    font-style: normal;
}
.fa-mobile {
    font-size: 50px !important;
}
.text-left {
	padding-top: 42px;
}
.text-muted {
    color: #777;
}
.text-primary {
    color: #96cf49;
}
p {
    font-size: 14px;
    line-height: 1.75;
}
p.large {
    font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}
a {
    color: #96cf49;
}
a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}
ol, ul {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
}
.img-centered {
    margin: 0 auto;
}
.bg-light-gray {
    background-color: #f7f7f7;
}
.bg-darkest-gray {
    background-color: #3b393a;
}
.btn-xl {
    background-color: #96cf49;
    border: 0 none;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-right: 0 !important;
    padding: 20px 40px !important;
    text-transform: uppercase;
    width: auto !important;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    color: #fff;
    background-color: #3b393a;
    border: 0;
    border-radius: 8px;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #96cf49;
    background-color: #96cf49;
}
.btn-xl .badge {
    color: #96cf49;
    background-color: #fff;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    padding: 6px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}
.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}
.navbar-default .navbar-toggle {
    border-color: #96cf49;
    background-color: #96cf49;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #96cf49;
}
.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
}
.navbar-default .nav li a:hover {
    outline: 0;
    color: #f7f7f7;
}
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fff;
}
.navbar-default .navbar-nav > .active > a {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 8px;
    color: #aaa !important;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: none repeat scroll 0 0 #f7f7f7 !important;
    border-radius: 8px;
    color: #aaa;
}
nav {
    background-color:transparant !important;
    -webkit-transition: background-color 100ms linear !important;
    -moz-transition: background-color 100ms linear !important;
    -o-transition: background-color 100ms linear !important;
    -ms-transition: background-color 100ms linear !important;
    transition: background-color 100ms linear !important;
}
nav {
    background-color: #96cf49 !important;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}
header {
    text-align: center;
    color: #fff;
    background-attachment: fixed;
    background-image: url(../img/header-bg-plants.jpg);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
}
header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-size: 22px;
    font-style: normal;
    line-height: 22px;
}
header .intro-text .intro-heading {
    font-size: 32px;
    font-weight: normal;
    line-height: 52px;
    margin-bottom: 10px;
    text-transform: none;
}
header .intro-text .intro-heading .semibold {
    font-weight: 600;
}
section {
    padding: 100px 0;
}
section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}
section.bg-darkest-gray h2.section-heading {
    color: #fff;
}
section h3.section-subheading {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
    text-align: center;
    text-transform: none;
}
section.showcase h3.section-subheading {
    margin-bottom: 30px;
}
.service-heading {
    margin: 15px 0;
    text-transform: none;
}
.team-member {
    text-align: center;
}
.team-member img {
    margin: 0 auto;
}
.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}
.team-member p {
    margin-top: 0;
}
aside.clients img {
    margin: 50px auto;
}
section#contact {
    background-attachment: fixed;
    background-clip: border-box;
    background-image: url(../img/contact-bg.jpg);
    background-origin: padding-box;
    background-size: cover;
    background-color: #3b393a;
}
section#contact .section-heading {
    color: #fff;
    margin-bottom: 75px;
}
section#contact .form-group {
    margin-bottom: 25px;
}
section#contact .form-group ul {
    list-style-type: none !important;
}
section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}
section#contact .form-group input.form-control {
    height: auto;
	box-shadow: none !important;
}
section#contact .form-group textarea.form-control {
    height: 236px;
	box-shadow: none !important;
}
section#contact .form-control:focus {
    border-color: #96cf49;
    box-shadow: none;
}
section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}
section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}
section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}
section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}
section#contact .text-danger {
    color: #fff;
    font-style: italic;
}
footer {
    background-color: #f7f7f7;
    padding: 25px 0;
}
footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    line-height: 40px;
}
footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    line-height: 40px;
}
ul.social-buttons {
    margin: 0 !important;
 	text-align: right;
}
ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #3b393a;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	text-align: center;
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #96cf49;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}
::-moz-selection {
    text-shadow: none;
    background: #96cf49;
}
::selection {
    text-shadow: none;
    background: #96cf49;
}
img::selection {
    background: 0 0;
}
img::-moz-selection {
    background: 0 0;
}
.navbar-toggle {
    margin-right: 0px;
    margin-top: 13px;
}
.flickity-page-dots .dot {
    width: 13px;
    height: 13px;
    opacity: 1;
    background: transparent;
    border: 2px solid white;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.flickity-page-dots .dot.is-selected {
    background: white;
}
#functionality .flickity-prev-next-button.previous {
    left: -75px;
}
#functionality .flickity-prev-next-button.next {
    right: -75px;
}
#references .flickity-prev-next-button.previous {
	left:75px;
}
#references .flickity-prev-next-button.next {
	right:75px;
}
#references .flickity-prev-next-button {
	background: none repeat scroll 0 0 hsla(330, 2%, 23%, 0.75);
}
#references .flickity-prev-next-button .arrow {
    fill: #f6f6f6;
}
.showcase h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0 10px;
}
.showcase p {
    color: #fff;
}
.showcase .desc_functions {
	padding-top:40px;
}
.device {
    background: url("../img/iphone_frame.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    left: 0;
    margin: 0 auto;
    min-height: 676px;
    position: relative;
    right: 0;
    width: 359px;
}
.device-content {
    position: absolute;
    top: 115px;
    left: 56px;
    width: 247px;
    height: 445px;
    background: rgba(0, 0, 0, 0.3);
}
.device-content img {
    width: 247px;
    height: 445px;
}
.showcase-wrap {
    position: relative;
    padding: 100px 0;
    min-height: 600px;
}
.showcase-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.showcase-slider .flickity-page-dots {
    bottom: -110px;
}
.carousel-indicators {
  bottom: -40px !important;
}
.carousel-control {
  	width: inherit !important;
    opacity: 0.9 !important;
}
.carousel-indicators li {
    border: 2px solid #3b393a !important;
    height: 13px !important;
    margin: 0 8px !important;
    width: 13px !important;
}
.carousel-indicators .active {
    background-color: #3b393a;
}

/* http://stephen.io/mediaqueries/ */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.app_img { width: 120% !important; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.hide_obj {display:none !important;}
}
@media(min-width:900px) {
	header {
		padding: 20px 0 !important;
		height:580px;
	}
	.app_img { 
		margin: 0px auto; 
		width: 80%; 
	}
}
@media(min-width:1400px) {
	header {
		padding: 80px 0 !important;
		height: 650px;
	}
	.app_img { 
		margin: 0px auto; 
		width: 85%; 
	}
}
@media(max-width:768px) {
	.navbar-default {
		background-color: #96cf49;
	}
	.social-buttons, .copyright {
		display: block;
		text-align: center !important;
		width: 100%;
	}
    .flickity-prev-next-button {
        display:none;
    }
}
@media(max-width:1200px) {
	.btn {
		margin-right: 0;
		padding: 7px 12px;
		width: 200px;
	}
	section#contact {
		background-attachment: scroll !important;
		background-position: center center !important;
		background-size: cover !important;
	}
	header {
		background-attachment: scroll !important;
	}
}
@media(min-width:768px) {
	section#about {
		margin-top: 120px;
	}
    .navbar-default {
        padding: 10px 0;
        border: 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }
    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #96cf49;
    }
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	.navbar-right {
		margin-top: 5px;
	}
    section {
        padding: 120px 0;
    }
    header .intro-text {
        padding-top: 125px;
        padding-bottom: 200px;
    }
	header .intro-text .intro-lead-in {
		font-family: "Open Sans",Arial,sans-serif;
		font-size: 28px;
		font-style: normal;
		letter-spacing: 0;
		line-height: 36px;
		margin-bottom: 50px;
	}
	header .intro-text .intro-heading {
		font-family: "Open Sans",Arial,sans-serif;
		font-size: 60px;
		font-weight: normal;
		line-height: 76px;
		margin-bottom: 10px;
		text-transform: none;
	}
}
@media(min-width:780px) {
    .flickity-page-dots, .carousel-indicators {
        display:none;
    }
}
@media(max-width:760px) {
	.showcase {
		text-align:center;
	}
	.device {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		left: 0;
		margin: 0 auto;
		min-height: 560px;
		position: relative;
		right: 0;
		width: auto;
	}
	.device-content {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
		height: 445px;
		left: 0;
		margin: 0 auto;
		position: relative;
		right: 0;
		width: 247px;
		top: 50px;
		bottom: 20px;
	}
	.showcase-slider .flickity-page-dots {
		bottom: -45px;
	}
	header .text-left { text-align:center; }
	header .btn { margin-left: 10px !important; margin-right: 10px !important;}
}