.group:after {
  content: "";
  display: table;
  clear: both; }

html, body, div, p, ul, li, nav, h1, form, 
.form div button, dl, dt, dd, h2, h3 {
	font-family:  Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 500;
	margin: 0;
	padding: 0;
	list-style: none; 
background-color: none}

html, body {
	width: 100%;
}


/*-------------Banner-------------*/

#star-image {
	margin-left: 6%;
	margin-top: 90px;
	margin-bottom: 15px;
	margin-right: -30px;
	height: 400px;
}

.banner {
	
	overflow: hidden;
}


.banner {
	background: #00df8e; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #00df8e 6%, #008e5e 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(6%,#00df8e), color-stop(100%,#008e5e)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #00df8e 6%,#008e5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #00df8e 6%,#008e5e 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #00df8e 6%,#008e5e 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #00df8e 6%,#008e5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00df8e', endColorstr='#008e5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	overflow: hidden;
	text-align: center;
}


.banner > div {
	max-width: 1200px;
	margin: 0 auto;
}
.banner div div {
	display: inline-block;
	vertical-align: top;
	margin-top: 235px;
	padding-left: 20px;
	
}

.banner img {
	margin-top: 30px;
	padding-bottom: -30px;
	float: left;
	margin-left: -100px;
	height: 480px;
}

.banner div h1, .banner div h2 {
	font-weight: normal;
	color: white;
	text-shadow: 2px 3px 2px #389534;

}

.banner div div {
     padding-right: 20px;
}


.banner div h1 {
	font-size: 5em;
}

.banner div h2 {
	font-size: 2.4em;
	padding-top: 14px;
}



/*-----bar-------*/

.bar{
	background: #f5f5d4;
	height: 35px;
}


/*---wrapper for review section / inculdes written, pagination, badges etc..----*/
/*---wrapper for review section / inculdes written, pagination, badges etc..----*/
/*---wrapper for review section / inculdes written, pagination, badges etc..----*/

.reviews {
	margin-top: 20px;

}


/*-----thumbtack Badges-------*/
/*-----thumbtack Badges-------*/
/*-----thumbtack Badges-------*/
/*-----thumbtack Badges-------*/

#thumbtack-replace  {
	display: none;
}


#thumb-review-wrapper {
	margin-top: 50px;
	margin-bottom: 60px;
	margin-left: -100px;

}

.badges-wrapper {
	float: left;
	width: 20%;
}



#thumb-prof, #thumb-2015 	  {
	
	margin-left: -50px;
	clear: left;
	clear: right;	
	
}

#thumb-2016 {
	margin-left: -38px;
}





#thumb-prof img, #thumb-2015 img, #thumb-2016 img {
	height: 170px;
	margin-bottom: 60px;
}

.djname {
	display: none;
}



/*-------written reviews----------*/
/*-------written reviews----------*/
/*-------written reviews----------*/
/*-------written reviews----------*/



.reviews {
	width: 90%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;


}

#wrapper-reviews {
	overflow: auto;
	float: left;
	width: 80%
}

#title, #title-mobile {
	margin-left: 30px;
	font-size: 35px;
	margin-top: 50px;
	margin-bottom: 10px;
	padding-bottom: 18px;
	border-bottom: solid;
	border-color: #FEC39F;
	border-width: 1px;
	width: 650px;
	color: #666666;
}

#title-mobile {
	display: none;
}

.written-reviews div {
	clear: left;
	padding: 20px 30px 20px 30px;
}

.written-reviews div h2 {
	font-size: 18px;
	color: #4C4C4C;
	line-height: 1.4	;
	
}

.written-reviews div img {
	height: 25px;
	padding-bottom: 13px;
}

.written-reviews div h3 {
	font-size: 16px;
	padding-top: 17px;
	color: #4C4C4C;
}

.bottom-wrapper {
	margin-bottom: 30px;
	margin-top: 10px;
}

#group-two, #group-three {
	display: none;
}



/*-----pagination-------*/
/*-----pagination-------*/
/*-----pagination-------*/

.pagination {
	display: inline-block;
	vertical-align: top;
	

	
	padding-left: 28px;

}

.pagination ul li:hover {
	background-color: #CCCCCC;
}

.pagination ul li {
	display: inline-block;
	border: #B3B3B3;
	border-style: solid;

	border-width: 1px;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	background-color: #EBEBEB;
	text-decoration: none;
	color: #5A5A5A;

}



/*-----leave review link-------*/
/*-----leave review link-------*/
/*-----leave review link-------*/
/*-----leave review link-------*/




.leave-review-links li {
	color: #4C4C4C;
	display: inline-block;
	padding-right: 5px;
	
}

.leave-review-links li a {
	text-decoration: none;
	background-color: #EBEBEB;
	color: #5A5A5A;
	border: #B3B3B3;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	padding: 5px 10px 5px 10px;
	
}

.leave-review-links li a:hover {
	background-color: #CCCCCC;
}

.leave-review-links {
	padding-left: 130px;
	display: inline-block;
	padding-top: 5px;
	

}


/*-----media calls-------*/

@media screen and (max-width: 1230px)  {
	#wrapper-reviews, .badges-wrapper {
		margin-left: 50px;
		margin-right: -50px;
	}

}

@media screen and (max-width: 1120px) {

	#wrapper-reviews, .badges-wrapper {
		margin-left: 70px;
		margin-right: -70px;
	}

}

@media screen and (max-width: 1060px) {


.banner div h1 {
	font-size: 4em;
}

.banner div h2 {
	font-size: 2em;
}

.banner div div {
	margin-top: 220px;
}

#star-image {
	height: 360px;
}


}

@media screen and (max-width: 990px) {
	#wrapper-reviews {
		width: 73%;
	}

	#wrapper-reviews h2:first-child {
		font-size: 2em;
	}

	

}


@media screen and (max-width: 920px) {


.banner div h1 {
	font-size: 3.4em;
}

.banner div h2 {
	font-size: 1.75em;
	padding-top: 10px;
}

.banner div div {
	margin-top: 200px;
}

#star-image {
	height: 320px;
}

.badges-wrapper {
	float: none;
	display: inline-block;
	width: 80%;
	border-bottom: solid;
	border-bottom-color: #E6E6E6;
	border-bottom-width: 1px;
	padding-bottom: 20px;
	margin-left: 80px;
}

#thumb-review-wrapper, #thumb-prof, #thumb-2015, #thumb-2016 {
	float: left;
	padding-left: 50px;
	margin-top: 20px;
	padding-top: 0;
	height: 60px;
}

 #thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
	height: 100px;
	padding-left: 33px;
}

.tt-best-of {
	display: none;
}

#tt-review-widget-star {
	width: 220px !important;
	height: 70px;
	margin-left: 50px !important;
}

#thumb-2016 {
	margin-left: -50px;
}

#wrapper-reviews {
	width: 90%;
	margin-left: 50px;
	margin-right: auto;
}

#title {
	border-bottom: none;
	margin-top: 40px;
	font-size: 2.2em !important;
	width: 90%;
}

}


@media screen and (max-width: 880px) {

	#thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
	height: 100px;
	padding-left: 27px;
}

#title {
	
	font-size: 2.1em !important;
	
}

}

@media screen and (max-width: 855px) {

	#thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
	height: 100px;
	padding-left: 24px;
}



}

@media screen and (max-width: 842px) {

#title {
	
	font-size: 2.0em !important;
	
}

.badges-wrapper {
	width: 90%;
	margin-left: 50px;
}

#thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
	padding-left: 25px;
}

#wrapper-reviews {
	width: 97%;
	margin-left: 20px;

}

.badges-wrapper {
	width: 87%;
}

#title {
	font-size: 2.05em !important;
}

}
 

@media screen and (max-width: 825px) {

.banner div div {
	margin-top: 210px;
}

#star-image {
	margin-top: 100px;
	height: 310px;	
}


}

@media screen and (max-width: 803px) {
	#thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
	padding-left: 22px;
}

.leave-review-links {
	padding-left: 13%;
}
}

@media screen and (max-width: 768px) {




	.banner div div {
		width: 100%;
		float: none;
		background: #f5f5d4;
		padding-right: 0;
	}

	.banner div div {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		padding-bottom: 20px;
		padding-top: 15px;
	}

	.banner div div h1, .banner div div h2 {
		color: #ec8400;
		text-shadow: none;
	}

	.bar {
		display: none;
	}

#thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
	padding-left: 21px;
}

	#star-image {
	margin-top: 100px;
	height: 280px;	
}

}

@media screen and (max-width: 765px) {
		#thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
	padding-left: 15px;
}


.badges-wrapper {
	width: 572px;
	margin-left: 5%;
}

#title {
	font-size: 1.85em !important;
	width: 100%;
}

#wrapper-reviews {
	margin-left: 0;
}

}

@media screen and (max-width: 722px)  {


.leave-review-links {
	padding-left: 9%;
}

}

@media screen and (max-width: 690px) {
	.leave-review-links {
	padding-left: 6%;
}

}

@media screen and (max-width: 670px) {

.badges-wrapper {
	margin-left: 2%;
}

.leave-review-links {
	float: left;
}

}

@media screen and (max-width: 660px)  {
#star-image {
	margin-top: 70px;
	height: 280px;	
}
	
.banner {

}

.badges-wrapper {
	margin-left: 1%;
}

#title {
	font-size: 1.75em !important;
	width: 100%;
}

.written-reviews div {
	padding-right: 5px;
}


.leave-review-links {
	margin-top: 20px;
	margin-bottom: 20px;
}

}

@media screen and (max-width: 630px) {



@font-face {
    font-family: nunito;
    src: url(sansation_light.woff);
    font-style:normal;
    font-weight:400;
    src:local('Nunito-Regular'),
    url(https://fonts.gstatic.com/s/nunito/v7/kpI87QY2ce-mk2ZnKb-r0g.ttf) 
    format('truetype');
}

#tt-review-widget-star {
	display: none;
}

.badges-wrapper {
	width: 520px;
	margin-left: 2%;	
}

#thumbtack-replace {
	display: block;
	width: 180px;
	margin-left: 50px;
	height: 100px;
	/*border: 1px solid #CCCCCC;*/
	border-radius: 4px;
	box-shadow: 0px 0px 3px 3px #E6E6E6;
}

.tt-logo {
	display: block;
	width: 90px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
}

.djname {
	display: block;
	font-size: 1.15em;
	font-family: nunito;
	color: #666666;
	text-decoration: none;
	width: 150px;
	padding-top: 6px;
	margin-left: auto;
	margin-right: auto;
}

#bottom-stars {
	padding-top: 10px;
	width: 165px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#fifteen-reviews {
	font-family: nunito;
	font-size: .75em;
	color: #666666;
}

#title {
	font-size: 1.65em !important;
	width: 504px;
}


}


@media screen and (max-width: 600px)  {

	.banner div h1 {
	font-size: 3.2em;
}



.banner div div h2 {
	font-size: 1.70em;
	padding-top: 10px;
	
}

.badges-wrapper {
	padding-bottom: 62px;
	width: 350px;
	margin-left: 16%;
}

#thumbtack-replace {
	width: 300px;
	margin-left: 75px;
	
	height: 108px;
}

.tt-logo {
	width: 103px;
	padding-top: 14px;
}

.djname {
	font-size: 1.35em;
	width: 220px;
}

#title {
	font-size: 1.55em !important;
	width: 450px;
}

#thumb-prof {
	display: block;
	clear: left;
	
}

}


@media screen and (max-width: 560px) {
	.badges-wrapper {
	
	margin-left: 14%;
}

#title {
	font-size: 1.45em !important;	
}

}

@media screen and (max-width: 530px) {
	
	.badges-wrapper {
	
	margin-left: 12%;
}

	.written-reviews div {
		padding-left: 18px;
		padding-right: 0px;
	}

	#title {
		display: none;

	}

	#title-mobile {
		display: block;
		border-bottom: none;
		margin-left: 15px;
		font-size: 2.2em;
		margin-top: 35px;
		margin-bottom: 0;
	}
}

/*@media screen and (max-width: 510px)  {
	.badges-wrapper {
	
	margin-left: 12%;
}
}*/

@media screen and (max-width: 500px)  {

	.banner div h1 {
	font-size: 3em;
}

.banner div h2 {
	font-size: 1.55em;
	padding-top: 10px;
}

.badges-wrapper {
	
	margin-left: 9%;
}

#title-mobile {
	font-size: 2em;
}

	.written-reviews div {
		padding-left: 15px;
	
	}


}

@media screen and (max-width: 450px) {
	.badges-wrapper {
	
	margin-left: 7%;
}
}


@media screen and (max-width: 440px)  {

	.banner div h1 {
	font-size: 2.75em;
}

.banner div h2 {
	font-size: 1.45em;
	padding-top: 10px;
}

.badges-wrapper {
	
	margin-left: 5%;
}

.banner div div h2 {
	font-size: 1.60em;
}

#title-mobile {
	font-size: 1.85em;
}


}


@media screen and (max-width: 425px){
.badges-wrapper {
	
	margin-left: 3%;
}

.written-reviews div h2 {
	font-size: 1.1em;
}

}


@media screen and (max-width: 410px){
.badges-wrapper {
	
	margin-left: 0;
	width: 335px;
}

.banner div div h2 {
	font-size: 1.50em;
}

.banner div h1 {
	font-size: 2.65em;
}

#title-mobile {
	font-size: 1.7em;
}


#thumb-prof {
	padding-left: 40px;


}

#thumbtack-replace {
	margin-left: 70px;
}

.written-reviews div h2 {
	font-size: 1em;
}


}
@media screen and (max-width: 360px) {

	

}



@media screen and (max-width: 350px) {

	#thumbtack-replace {
		width: 280px;
		margin-left: 55px;
	}

	#star-image {
		height: 280px;
	}

	.badges-wrapper {
		width: 292px;
		margin-left: 10px;
	}

	#thumb-prof a img, #thumb-2015 img, #thumb-2016 img {
		height: 92px;
		padding-left: 10px;
	}
	
	#title-mobile {
		font-size: 1.5em;
		margin-left: 4px;	
	}

	.banner div div h1 {
		font-size: 2.3em;
	}

	.banner div div h2 {
		font-size: 1.3em;
	}


}

@media screen and (max-width: 330px) {

	.badges-wrapper {

		margin-left: 0px;
	}

	.leave-review-links {
		padding-left: 4%;
	}

	.pagination {
		padding-left: 15px;
	}

}