/* overrides */

body{background: #0f0f0f;}

.nav a { text-decoration: none; transition: color .3s; color:#fff;}
.nav a:hover { color: #a9ca38; }

/*.logo { background: url(../css/images/logo.png) no-repeat 0 0; width: 138px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; transition: margin .3s; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.logo { background: url(../css/images/logo@2x.png) no-repeat 0 0; width: 138px; height: 41px; background-size: 138px 41px; display: inline-block; vertical-align: middle; font-size: 0; }
}
@media (max-width: 767px) {
	.logo { width: 111px; height: 34px; background-size: 111px 34px; position: relative; z-index: 20; }
}*/

#sect2 {
  height: 2400px;
}

#sect3 {
    height: 2700px;
}

#sect3 .article{
  position: absolute;
  bottom: 0px;
}


@media(max-width: 767px){
  .icon-features .f-content p{height: 50px;}
}

@media only screen and (min-width : 768px) and (max-width : 1025px) {
  .icon-features .f-content p{height: 50px;}
}

/*----------------------------------------------------
----------- Features Icon Styling Starts -------------
-----------------------------------------------------*/

.icon-features {
	width:100%;
	height:100%;
	padding: 100px 0 0 0;
}

.icon-features-intro {
	padding: 0 0 50px 0;
}

.icon-features .f-icon i{
	left: 0px;
}

.icon-features-intro h1 {
	font-size: 34px;
	font-weight: 600;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	text-align: center;
}

.icon-features-intro p {
	font-size: 16px;
	color: #A1A1A1;
	text-align: center;
	margin: 0 0 30px 0;
}

.f-single {
	position: relative;
	padding: 10px 40px 20px 10px;
}

.f-icon i {
	font-size: 54px;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.f-content {
	padding-left: 80px;
}

.f-content h2 {
	font-size: 21px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.f-content p {
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
	line-height: 1.5;
	text-align: left;
	height:120px;
}


/*----------------------------------------------------
----------- Features Section Styling Starts ----------
-----------------------------------------------------*/

.features {
	padding: 25px 0 25px 0;
}

.features-inner {
	width: 100%;
}

.features .features-list {
	padding: 20px 0 0 0;
	text-align: center;
}

.features .features-list h1 {
	font-size: 26px;
	font-weight: 400;
	line-height: 1;
	color: #222222;
	margin: 0 0 30px 0;
}

.features .features-list ul {
	list-style-type: circle;
	padding-left: 20px;
	text-align: center;
}


.features .features-list ul li {
	display: block;
	margin: 0 0 15px 0;
	font-family: 'Josefin Sans';
	font-size: 16px;
	line-height: 1.2;
	color: #A1A1A1;
}

/* ----- App Features List ----- */

.software .features {
	padding: 100px 0 100px 0;
}

.software .features .features-list h1 {
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.2;
	color: #222222;
	margin: 20px 0 20px 0;
}

.software .features-list p {
	margin: 0 0 25px 0;
	font-family: 'Josefin Sans';
	font-size: 18px;
	line-height: 1.2;
	color: #A1A1A1;
}

.software .features .features-list ul {
	list-style-type: disc;
	padding-left: 20px;
}


.software .features .features-list ul li {
	font-family: Poppins;
	display: block;
	font-size: 13px;
	margin: 0 0 15px 0;
	color: #A1A1A1;
}


/* --------------- Feature Sub ------------ */

.product .feature-sub {
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(146, 127, 84, 0.99)), url(../images/feature-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 150px 0 150px 0;
}

.product .sub-inner {
	max-width: 500px;
	float: right;
}

.feature-sub .sub-inner h1 {
	font-family: 'Josefin Sans';
	font-size: 34px;
	font-weight: 300;
	line-height: 1;
	color: #FFFFFF;
	margin: 0 0 30px 0;
}

.feature-sub .sub-inner .btn-action {
	color: #FFFFFF;
	background: #3333CC;
	border-color: #3333CC;
}

.feature-sub .sub-inner .btn-action:hover {
	color: #3333CC;
	background: transparent;
	border-color: #3333CC;
}

.product .feature-sub .sub-inner .btn-action {
	color: #FFFFFF;
	background: #82714a;
	border-color: #82714a;
}

.product .feature-sub .sub-inner .btn-action:hover {
	color: #82714a;
	background: transparent;
	border-color: #82714a;
}

.feature-sub {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(../images/image-bg.jpg);
	padding: 150px 0 150px 0;
}

.sub-inner {
	max-width: 500px;
	float: left;
}

/* --------- App Features Sub ------- */


.software .feature-sub {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.99)), url(../images/app_bg1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 150px 0 150px 0;
}

.software .feature-sub .sub-inner h1 {
	font-family: 'Josefin Sans';
	font-size: 34px;
	font-weight: 300;
	line-height: 1.1;
	color: #FFF;
	margin: 0 0 30px 0;
}