/* CSS Document */
body{
	background-color:#fff;
	padding:20px;
	margin:0;
	font-family: 'Didact Gothic', sans-serif;
	color: #58585a;
}

.header{
	margin:50px auto auto auto;
	max-width:900px;
	display:block;
	width:100%;
}

.tiles{
	margin: auto;
	text-align:center;
}

.tiles a{
	display:block!important;
}

.about{
	margin:auto ;
	max-width:900px;
	display:block;
	
	clear:both;
	text-align:center;
	padding-top:20px;
}

.support img{
	margin:50px auto auto auto;
	display:block;
	
}

.about h2{
	font-weight:normal;
	font-size:36px;
}
.photo{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-khtml-border-radius: 20px;
	width:90%;
	margin:1% 5%;
	
}
.contact{
	margin:0px auto 50px auto;
	display:block;
}
.ladies{
	margin:50px auto auto auto;
	max-width:1200px;
	display:block;
	width:100%;
}
img.divider{
	display:block;
	margin: auto;
}

.menu{
	text-align:center;
	margin:auto;
	padding:0px 0px 0px 0px;
}

.menu a:hover{
	text-decoration:underline;
}


.menu .to-rateus-link {
    font-size: 40px;
    border-bottom: 0;
    text-decoration: none;
    color: #58585a;
    line-height: 60px;
    vertical-align: bottom;
    margin-left: 40px;
}

/***** Feedback form page *****/
.feedback-content {
	text-align: center;
}

.feedback-content img {
	width: 100%;
	height: auto;
}

.heading img {
    width: auto;
}

.affiliate-links {
    width: 25%!important;
    margin-left: 10px!important;
    margin-left: 10px!important;
}

.rate-us {
	padding-top: 40px;
	padding-bottom: 40px;
}

.rate-us img {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.rate-us h1 {
	text-align: center;
	font-size: 50px;
}

#ratingForm {
	padding-top: 20px;
}

#ratingForm input, #ratingForm select {
	padding: 10px;
	width: 100%;
}

#ratingForm textarea {
	padding: 10px;
	width: 100%;
	height: 150px;
}

.btn-primary {
	background-color: #58585a;
	color: #fff;
	margin-top: 10px;
	padding: 15px;
	border: none;
}

.btn-primary:link, .btn-primary:visited, .btn-primary:hover, .btn-primary:active {
    background-color: #58585a!important;
    outline: none;
}

.error {
	margin-top: 15px;
	padding: 10px;
	background-color: #C0352C;
	color: #fff;
	display: none;
}

.output {
	margin-top: 15px;
	padding: 10px;
	background-color: #6cedbc;
	color: #fff;
	display: none;
}

#email2 {
	display: none;
}

/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
	margin: 5px;
	font-size: 30px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	content: "\f005";
	cursor:pointer;
}

.rating > .half:before { 
	content: "\f089";
	position: absolute;
}

.rating > label { 
  	color: #ddd; 
 	float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
@media (min-width: 840px) {
	
}

@media (max-width: 768px) {
	.feedback-content img {
	    width: 100%;
	    height: auto;
	}

	.feedback-content .heading .menu a>img {
		max-width: 45%!important;
		float: left;
	}

	.feedback-content .heading .menu img {
		max-width: 3%;
		float: left;
	}
}

/*@media (min-width: 768px) and (max-width: 1199px) {
	.menu a>img {
		max-width: 45%!important;
		float: left;
	}
	.menu img {
		max-width: 2%;
		float: left;
	}
}*/