﻿
.header-v6{
	background-color:transparent;

}


.content {
margin-top:0px;
padding-top:0px;
}

#homebanner {
	width:100%;
}

#homebanner img{
	cursor:pointer;

}

#homebanner img {
width:100%;
}

.consultantbox {
	width:100%;
}

.consultantbox img {
width:100%;
}


.symptoms {
	background: url(/images/heartbg.png) no-repeat center;
	background-size: cover;
	height: 1065px;
	position: relative;
	margin-top:-1px;
}

.diamondcontainer {
	position:absolute;
}

.symptoms h2 {
	position: absolute;
	z-index: 10;
	color: white;
	font-size: 24px;
	text-align: center;
	top: 25px;
	width: 100%
}

.diamondbox0, .diamondbox1, .diamondbox2, .diamondbox3, .diamondbox4, .diamondbox5, .diamondbox6, .diamondbox7, .diamondbox8 {
	width: 150px;
	height: 150px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
}

.diamondbox0 {display:none;}
.diamondbox1 {left:40px;top:50px;}
.diamondbox4 {left: 150px;top:160px;}
.diamondbox3 {left: 40px;top:270px;}
.diamondbox2 {left: 150px;top:380px;}
.diamondbox5 {left: 40px;top:490px;}
.diamondbox6 {left: 150px;top:600px;}
.diamondbox7 {left: 40px;top:710px;}
.diamondbox8 {left: 150px;top:820px;}
.diamondbox9 {left: 40px;top:930px;}

	.diamondcontainer img {
	width: 100%;
}

.diamondbox3, .diamondbox4, .diamondbox5, .diamondbox6, .diamondbox7 {
	background-color: #f3bebf;
	color: #4f4c4c;
}

.diamondbox3:hover, .diamondbox4:hover, .diamondbox5:hover, .diamondbox6:hover, .diamondbox7:hover {
	background-color: #4f4c4c;
	color:white;
}

.diamondbox3:hover span, .diamondbox4:hover span, .diamondbox5:hover span, .diamondbox6:hover span, .diamondbox7:hover span {
	border-bottom: 3px solid #f86569;
}

.diamondbox8 {
	opacity:0.7;
}

.diamondcontainer .innerlink {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: 60px;
	text-align: center;
	font-size: 16px;
	font-weight:300;
	
}


/*
 @media (max-width:700px) {
	.homebanner {
		background-position: 70% 20%;
	}
}

*/

.homecontent{
	background-color:#dadada;
	padding-bottom:40px;
}
.homecontentinner{
	max-width:1000px;
	margin:0 auto;
	color:#4f4c4c;
}

.homecontentinner h3{
	color:#4f4c4c;
	font-size:22px;
	font-weight:bold;
	margin-top:10px;


}

.homecontentinner ul{
	list-style-type:none;
	margin-top:20px;
	margin-bottom:50px;
}

.homecontentinner ul li{
	margin-bottom:20px;
	}

.homecontentinner .hometicks1,  .homecontentinner .hometicks2 {
	float:left;
	color:#f86569;
	padding-right:15px;
}


.homecontentinner img{
	-webkit-box-shadow: 7px 14px 97px -17px rgba(0,0,0,0.56);
-moz-box-shadow: 7px 14px 97px -17px rgba(0,0,0,0.56);
box-shadow: 7px 14px 97px -17px rgba(0,0,0,0.56);
}

.homecontentinner .image1{
	padding-bottom:40px;
}


.homecontentinner .waterheart{
	position:absolute;
	left:20px;
	top:-20px;
	background-image:url(/data/images/waterheart.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:60px;
	height:60px;
}



@media (min-width:400px) {
	.diamondcontainer{
		left:10%;
	}
}


@media (min-width:500px) {

	.symptoms {	width:100%;}
	.diamondcontainer {left:20%;}
	.homebanner {background-position: 0%; }

}

@media (min-width:600px) {
	.diamondcontainer {
	left:23%;
	}
}

@media (min-width:685px) {
	.diamondcontainer {
	left:25%;
	}
}


@media (min-width:768px) {

	.diamondcontainer {

		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		margin:0 auto;
		position:relative;
		left:unset;
	}


	.diamondbox0{
		display:block;
	}

	.diamondbox0, .diamondbox1, .diamondbox2, .diamondbox3, .diamondbox4, .diamondbox5, .diamondbox6, .diamondbox7, .diamondbox8 {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		width: 175px;
		height: 175px;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
		position:relative;
		top:unset;
		left:unset;
	}

	.diamondcontainer {
		width: 612px;
		height: 612px;
	}

	.symptoms {
		height: 775px;
	}

	.symptoms h2 {
		font-size: 36px;
	}

	.diamondcontainer .innerlink {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: 75px;
		text-align: center;
		font-size: 18px;
		font-weight: 300;
	}


	.homecontentinner .home-right{
		text-align:right;
	}

	.homecontentinner .hometicks1 {
		float:right;
		padding-left:15px;
		padding-right:0px;
	}

	.homecontentinner .home-left ul{
		margin-left:0px;
		padding-left:0px;

	}

	.homecontentinner .image1{
	padding-bottom:20px;
}

	.homecontentinner .col-sm-7{ width:52% !important;}
	.homecontentinner .col-sm-5{ width:48% !important;}

	.homecontentinner .waterheart{
		left:-10px;
		top:10px;
	}
	.homecontentinner .waterheart2{
		right:-10px;
		left:unset;
	}
}

@media (min-width:865px) {
	.diamondcontainer{

	}

}


@media (min-width:992px) {
	

}

@media (min-width:1200px) {

}

@media (min-width:1400px) {
	

	.diamondcontainer {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 40px;
		position: absolute;
		left: 70px;
	}

	.diamondbox0{
		display:block;
	}

	.diamondbox0, .diamondbox1, .diamondbox2, .diamondbox3, .diamondbox4, .diamondbox5, .diamondbox6, .diamondbox7, .diamondbox8 {
		width: 300px;
		height: 300px;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

.diamondcontainer {
		width: 912px;
		height: 912px;
	}

.symptoms {
		height: 1165px;
		margin-top: -5px;
	}

.diamondcontainer {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 912px;
		height: 912px;
		position: absolute;
		left: 270px;
	}

	.symptoms h2 {
		position: absolute;
		z-index: 10;
		color: white;
		font-size: 44px;
		font-weight: bold;
		text-align: center;
		top: 25px;
		width: 100%
	}

	.diamondbox0, .diamondbox1, .diamondbox2, .diamondbox3, .diamondbox4, .diamondbox5, .diamondbox6, .diamondbox7, .diamondbox8 {
		width: 300px;
		height: 300px;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	.diamondbox2 {
	}

	.diamondbox3, .diamondbox4, .diamondbox5, .diamondbox6, .diamondbox7 {
		background-color: #f3bebf;
		color: #4f4c4c;
	}

	.diamondbox3:hover, .diamondbox4:hover, .diamondbox5:hover, .diamondbox6:hover, .diamondbox7:hover {
		background-color: #4f4c4c;
		color: white;
	}

	.diamondbox3:hover span, .diamondbox4:hover span, .diamondbox5:hover span, .diamondbox6:hover span, .diamondbox7:hover span {
		border-bottom: 3px solid #f86569;
	}

	.diamondbox8 {
		opacity: 0.7;
	}

	.diamondcontainer .innerlink {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: 130px;
		text-align: center;
		font-size: 24px;
		font-weight: 300;
	}


	

	




}
