@font-face {
    font-family:'proxima-nova-soft';
    src:url('../fonts/ProximaNovaSoft-normal.eot') format('eot');
    src:url('../fonts/ProximaNovaSoft-normal.woff') format('woff'),
        url('../fonts/ProximaNovaSoft-normal.ttf') format('truetype'),
        url('../fonts/ProximaNovaSoft-normal.svg#proximanovasoft-normal') format('svg');
    font-weight:normal;
    font-style:normal;
}

body {
	font-family: 'proxima-nova-soft', sans-serif;
	color: #000000;
}

a:hover {
	text-decoration: none !important;
}

#header{
	position: relative;
    overflow: hidden;
	padding-top: 10em;
	background-color: #F8F8F8;
}

#header:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    top: -10em;
    left: 0;
    background: #f4f4f4;
}

.desc-top {
	font-size: 1.4375em;
    line-height: 1.41304348em;
	color: #B9B9B9;
}

a.download, a.more{
	padding: 1em 3em;
	margin: 0.4em 1em;
	border-radius: 45px;
	text-transform: uppercase;
	border-color: #03C9A9;
	font-size: 0.9em;
	letter-spacing: 2px;
	border-width: 2px;
	background: transparent;
}

a.download, a.download:active, a.download:visited {
	color: #56D8C3;
	background: transparent;
}

a.download:hover{
	color: #03C9A9;;
	background: transparent;
	border-color: #03C9A9;
	text-decoration: none;
}

a.more, a.more:visited{
	background-color: #03C9A9;
	color: #FFFFFF;
}

a.more:hover {
	background-color: #56D8C3;
	border-color: #56D8C3;
	color: #FFFFFF;
}

.showcase {
	margin-top: 1.3em;
}

#features {
	padding: 5em 0;
	background-color: #F8F8F8;
}

.box-item {
	margin: 5em 0;
	padding: 2em 3em;
	background: #FFFFFF;
}

.box-item p.sub {
	font-size: 20px;
	color: #717171;
}

#product {
	padding: 5em 0 10em 0;
	background-color: #03C9A9;
}

.desc-pro {
	font-size: 20px;
	margin: 2em 0 5em 0;
	color: #FFFFFF;
}

.poster-main{
	position: relative;
	margin: 5em auto 0 auto;
	max-width:100%;
}

.poster-main ul.poster-list {
	list-style: none;
}

.poster-main .poster-list .poster-item{
	position: absolute;
	left: 0;
	top: 0;
}

button.showcase {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.poster-main .poster-btn{
	position: absolute;
	bottom: 9em;
	cursor: pointer;
}

.poster-main .poster-prev-btn{
	left: 0;
	background: url("../img/btn_l.png") no-repeat center center;
}

.poster-main .poster-next-btn{
	right: 0;
	background: url("../img/btn_r.png") no-repeat center center;
}

#subscribe {
	padding: 5em 0;
	background-color: #F8F8F8;
	color: #B9B9B9;
}

@media (max-width: 991px) {
	#subscribe .title {
		margin-top: 3em;
	}
}

input.submit {
	margin-top: 1em;
	padding: 0.5em 3em;
	border-radius: 45px;
	background-color: #03C9A9;
	color: #FFFFFF;
}

.team {
	margin: 0.5em 0;
}

h4.name {
	color: #03C9A9;
	margin-bottom: 0;
}

.media-body p {
	margin-bottom: 0;
}

.social-team {
	margin: 0;
	padding: 0;
}

.social-team img {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#footer {
	padding: 5em 0 2em 0;
	color: #8C9494;
}

#footer .social {
	margin-bottom: 3em;
}

#footer .social a:first-child{
	margin-left: 15%;
}

@media screen and (min-width: 411px) and (max-width: 520px){
	#footer .social a:first-child{
		margin-left: 25%;
	}
}

@media screen and (min-width: 521px) and (max-width: 767px){
	#footer .social a:first-child{
		margin-left: 35%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	#footer .social a:first-child{
		margin-left: 0;
	}
}

#footer .social img {
	display: inline-block;
}