body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.white-color {
	background-color: #FFF;
}

.header-row {
	margin-top: 10px;

   transition: margin-top 0.33s;
  -webkit-transition: margin-top 0.33s;
  -moz-transition: margin-top 0.33s;
  -ms-transition: margin-top 0.33s;
  -o-transition: margin-top 0.33s;

}

.bg-div {
	background: #3cb878 url('../img/bg.jpg') no-repeat top left;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom: 0;
}
.facebook-box {
	display: none;
	width:50px;
	position: absolute;
	top:0;
	left: 0;

}
.menu {
	position: absolute;
	top:-12px;
	right:0px;
}

.menu li {
	list-style: none;
	display: inline-block;
}
.menu a {
	color: #FFF;
	text-decoration: underline;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 0px;

   transition: font-size 0.33s;
  -webkit-transition: font-size 0.33s;
  -moz-transition: font-size 0.33s;
  -ms-transition: font-size 0.33s;
  -o-transition: font-size 0.33s;

}

.item-container {
	text-align: left;
	padding-top: 60px;
}

.item-middle, .item-photo {
	background-color: #fff;
}

.item-photo img {
	width:100%;
}


.item-top {
	position:relative;
	width:100%;

}
.item-top-info {
	position:absolute;
	height:80px;
	width:100%;
	bottom: 0;
	background-color: #fff;
}

.item-ico {
	text-align: center;
	position: relative;
}

.item-middle {
	padding: 12px 19px 19px;
}


.item-rank {
position: absolute;
top:80px;
right:0;
}
.review-ico {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAaUlEQVQoz2P4//8/AyWYYXAZAAPl5eUCQLwBiP9DMYgtQIoBC5A0w/ACUgw4gMWAA3Q1IACLAQFEGwA1xACIG6DYACRGqgEOyJgoA6C2bsDifOToNMBnwAc8mmH4Az4D/hODaZeUB8QAAOCAkSuam/byAAAAAElFTkSuQmCC");
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
height: 16px;
position: relative;
top: 1px;
width: 16px;
}

.download-link {
background-color: #3CB878;
color: #FFF;
text-align: center !important;
font-size: 18px;
font-weight: 300;
padding: 6px 7px;
width: 120px;
}
.show-more {
    font-size:12px;
    margin-top:5%;
    cursor:pointer;
    width:80px;
}

.header-star-badge {
	color: #8D8D8D;
	display: inline-block;
	font-weight: 300;
	margin-bottom: 10px;
	width: 110px;
	font-size: 12px;
}

.stars-container, .stars-count {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.star-rating-non-editable-container {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAcklEQVQoz2P4//8/AzmYgWKN6KC4uFgYhGF8UjTqgjBJGqG2GUOxMF6NQAViQCwFxGpAbICk0QAqBpITw6ZRAUkxLqyA1akENCvg9SNQgRYWTVoEA4cSjTDFalAM5uPVCFTABY0/ASSDBKBiXNRNcqRiADBao1Bj6dJdAAAAAElFTkSuQmCC") repeat-x scroll left top transparent;
	left: -1px;
	list-style: outside none none;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 1px;
}


.tiny-star {
	display: inline-block;
	position: relative;
}

.tiny-star.star-rating-non-editable-container {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAcklEQVQoz2P4//8/AzmYgWKN6KC4uFgYhGF8UjTqgjBJGqG2GUOxMF6NQAViQCwFxGpAbICk0QAqBpITw6ZRAUkxLqyA1akENCvg9SNQgRYWTVoEA4cSjTDFalAM5uPVCFTABY0/ASSDBKBiXNRNcqRiADBao1Bj6dJdAAAAAElFTkSuQmCC") repeat scroll 0% 0% transparent;
	height: 14px;
	width: 69px;
}
.current-rating {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAdElEQVQoz2P4//8/AzmYgWKN6KC4uDgBhGF8UjQ+AGGSNEJt+w/FCXg1AhUUAHEDEB8A4g9IGj9AxUByBdg0LkBSjAsvwOpUApoX4PUjUMEFLJouEAwcSjTCFB+AYjAfr0agAgNo/AUgGRQAFTOgbpIjFQMAtcfKBD81ItYAAAAASUVORK5CYII=") repeat-x scroll left bottom transparent;
	display: block;
	position: absolute;
}

.tiny-star .current-rating {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAdElEQVQoz2P4//8/AzmYgWKN6KC4uDgBhGF8UjQ+AGGSNEJt+w/FCXg1AhUUAHEDEB8A4g9IGj9AxUByBdg0LkBSjAsvwOpUApoX4PUjUMEFLJouEAwcSjTCFB+AYjAfr0agAgNo/AUgGRQAFTOgbpIjFQMAtcfKBD81ItYAAAAASUVORK5CYII=") repeat scroll left bottom transparent;
	height: 14px;
}

.stars-count {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}


.item-container h3 {
	font-size: 24px;
}

.item-container h4 {
	font-size: 18px;
	padding-top: 16px;
	padding-bottom: 5px;
}

.item-container p {
	font-size: 14px;
	margin-bottom: 0;
	}

.about-text {
	background-color: #fff;
	margin-top: 40px;

	  transition: margin-top 0.33s;
  -webkit-transition: margin-top 0.33s;
  -moz-transition:  margin-top 0.33s;
  -ms-transition:  margin-top 0.33s;
  -o-transition:  margin-top 0.33s;

}

.about-text h3 {
	font-size: 22px;
	padding-top: 26px;
	padding-bottom: 16px;
}

.about-text p {
	font-size: 13px;
    margin-bottom:0.5rem;
    font-size:18px;
}

.about-text textarea {
	height:150px;
}

/* default placholder color */
.about-text ::-webkit-input-placeholder {
  color: #000 !important;
  font-size: 24px;
  font-weight: 300;
}

.about-text :-moz-placeholder {
  /* Firefox 18- */
  color: #000 !important;
  font-size: 24px;
  font-weight: 300;
}

.about-text ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000 !important;
  font-size: 24px;
  font-weight: 300;
}

.about-text :-ms-input-placeholder {
  color: #000 !important;
  font-size: 24px;
   font-weight: 300;
}

.contact-form {
	margin-top: 50px;
}


.contact-form button{
	padding: 10px 40px;
font-size: 23px;
font-weight: 300;
background-color: #3cb878;
}

.contact-form button:hover {
background-color: #3cb878;
}


@media only screen and (max-width: 40em) {}


/* Medium screens */
@media only screen and (min-width: 40.063em) {
	.facebook-box {
	display: block;
	}

	.header-row {
	margin-top: 0px;
	}
	.menu {
	top: 0;
	}

	.menu a {
	font-size: 18px;
	padding-right: 14px;
	padding-left: 14px;
	}
.about-text {

	margin-top: 120px;
}
} /* min-width 641px, medium screens */

.footer{
padding-bottom:15px;
}
.about {
    padding-top:15px;
}

.hidecontent {
    overflow: hidden;
    line-height: 1em;
    height: 6em;
    text-align:justify;
}
.text-container {
   margin-top:5%;
}
.showcontent{
    height: auto;
    text-align:justify;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */