/* MAIN STUFF
------------------------------------------------*/

.grey-main {
	padding: 40px 5% 40px 20%;
	background: #d7d7d7;
}

.practice-outside {
	background-position: center center;
	background-size: cover;
}
.no-webp .practice-outside {
	background-image: url(../images/building-outside.jpg);
}
.webp .practice-outside {
	background-image: url(../images/building-outside.webp);
}

.grey-main, .practice-outside {
	height: 830px;
}

.home .main-wrap {
	
}

.home .main-wrap h1 {
	margin-bottom: 0;
}

.home .main-wrap h3 {
	margin-bottom: 40px;
}

.showcasesection {
	padding-bottom: 40px;
}

.home .main-wrap {
    padding: initial;
}

.main-wrap {
    padding: 40px 0;
}


.rel-backup {
	z-index: 3;
	margin-top: -30px !important;
	position: relative;
}

.affiliatesection {
	background: #000;
}

.affiliatesection img {
	margin: 40px 40px;
}

.happy-fam {
    background-position: -90px center;
	background-size: cover;
}
.no-webp .happy-fam {
	background-image: url(../images/happy-family.jpg);
}
.webp .happy-fam {
	background-image: url(../images/happy-family.webp);
}

.happy-fam, .services-box {
	height: 780px;
}

.services-box {
    cursor: pointer;
    padding: 5% 20% 5% 5%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
.no-webp .services-box {
    background-image: url(../images/waves-watermark.png);
}
.webp .services-box {
    background-image: url("../images/waves-watermark.webp");
}
.showcase-stack {
	
}

.showcase-left-icon {
    width: 70px;
    height: 70px;
	border-radius: 50%;
    display: inline-block;
	background: rgb(60,102,150);
	background: -moz-linear-gradient(-45deg, rgba(60,102,150,1) 0%, rgba(30,69,121,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(60,102,150,1) 0%,rgba(30,69,121,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(60,102,150,1) 0%,rgba(30,69,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6696', endColorstr='#1e4579',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.showcase-left-box:hover .showcase-left-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
	background: rgb(60,102,150);
	transform: scale( 1.1, 1.1);
}

.show1 {
	width: 70px;
    height: 70px;
    background-position: center bottom;
    background-size: contain;
}

.show2 {
	width: 70px;
    height: 70px;
    background-position: center bottom;
    background-size: contain;
}

.show3 {
	width: 70px;
    height: 70px;
    background-position: center bottom;
    background-size: contain;
}

.show4 {
	width: 70px;
    height: 70px;
    background-position: center bottom;
    background-size: contain;
}


.no-webp .show1 {
	background-image: url(../images/showcase-icon-1.png);
}

.no-webp .show2 {
	background-image: url(../images/showcase-icon-2.png);
}

.no-webp .show3 {
	background-image: url(../images/showcase-icon-3.png);
}

.no-webp .show4 {
	background-image: url(../images/showcase-icon-4.png);
}

.webp .show1 {
	background-image: url(../images/showcase-icon-1.webp);
}

.webp .show2 {
	background-image: url(../images/showcase-icon-2.webp);
}

.webp .show3 {
	background-image: url(../images/showcase-icon-3.webp);
}

.webp .show4 {
	background-image: url(../images/showcase-icon-4.webp);
}

.showcase-left-content {
    float: left;
    width: 80%;
    margin-left: 20px;
    display: inline-block;
}

.showcase-left-content h2 {
	text-transform: uppercase;
}

.showcase-left-icon {
    float: left;
}

.img-c {
    text-align: center;
}
.larg-marg {
	margin-top: 40px;
}

.right-btn {
    float: right;
}

.reviewsection {
	padding: 80px 0;
	background: #d7d7d7;
}

.reviews-box {
	background: rgb(66,109,155); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(66,109,155,1) 0%, rgba(26,63,117,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(66,109,155,1) 0%,rgba(26,63,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(66,109,155,1) 0%,rgba(26,63,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426d9b', endColorstr='#1a3f75',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.review-blue {
	color: #fff;
    padding: 5%;
    height: 280px;
	position: relative;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: initial;
}
.no-webp .review-blue {
    background-image: url(../images/quotes.png);
}
.webp .review-blue {
    background-image: url(../images/quotes.webp);
}

.review-blue span {
	left: 0;
	right: 0;
	bottom: 10%;
	display: block;
	margin-top: 30px;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: 500;
}

.tip-top {
	margin-top: 40px;
}

.dark-grey-box {
	text-align: center;
	padding: 15% 15% 15% 20%;
	background: #898989;
}

.dark-grey-box h2 {
	color: #fff;
	font-size: 35px;
	text-transform: uppercase;
}

.dark-grey-box h3 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 20px;
}

.dark-grey-box p {
	color: #fff;
}

.lifes-a-beach {
	background-image: url(../images/beach-bg.jpg);
	background-position: center center;
	background-size: cover;
}
.no-webp .lifes-a-beach {
	background-image: url(../images/beach-bg.jpg);
}
.webp .lifes-a-beach {
	background-image: url(../images/beach-bg.webp);
}

.dark-grey-box, .lifes-a-beach {
    height: 700px;
}

.big-blue-gradient {
	background: rgb(66,109,155); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(66,109,155,1) 0%, rgba(26,63,117,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(66,109,155,1) 0%,rgba(26,63,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(66,109,155,1) 0%,rgba(26,63,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426d9b', endColorstr='#1a3f75',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.map-area {
    position: relative;
	max-height: 400px;
	overflow: hidden;
	margin: 80px 0;
}

.dentist-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
    text-align: center;
    font-size: 23px;
    margin-top: 25%;

}

.livemap {
    left: 0;
    right: 0;
    bottom: 5%;
    width: 40%;
    color: #fff;
    font-size: 25px;
    position: absolute;
	text-transform: uppercase;
    margin: 0 auto !important;
    font-family: 'Montserrat';
	font-weight: 500;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

.map-section {
	background-image: url("../images/map-bg.jpg");
	background-position: center center;
	background-size: cover;
}
.no-webp .map-section {
	background-image: url("../images/map-bg.jpg");
}
.webp .map-section {
	background-image: url("../images/map-bg.webp");
}

.foot-mail {
	color: #fff;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: normal;
}

.above-footer-info {
    padding: 9% 0;
}

.map-phone {
	color: #fff;
	font-size: 25px;
	margin: 10px 0;
	font-family: 'Montserrat';
	font-weight: 500;
}

.phone-map {
    margin: 10px 0;
}

.map-address {
	color: #fff;
	font-size: 20px;
	margin-top: 30px;
	font-family: 'Montserrat';
	font-weight: normal;
}

.map-mail {
	color: #fff;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: normal;
}

.review-intro p {
    padding: 30px 10%;
}
.rel-backup {
	z-index: 3;
	margin-top: -30px !important;
	position: relative;
}

.showcase:hover {
	transform: scale( 1.1, 1.1);
}

.showcase h2 {
	font-size: 23px;
	line-height: 28px;
	text-transform: uppercase;
	margin-top: 30px;
}

.bluehover {
    z-index: 1;
    position: relative;
	overflow: hidden;
}
.bluehover img{
	display: block;
}

.bluehover-hover {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	position: absolute;
	background: rgba( 26, 63, 117, .0);
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
}

.showcase:hover .bluehover-hover {
	background: rgba( 26, 63, 117, .5);
}



@media only screen and (max-width: 979px) {
	
	.rel-backup {
		z-index: 3;
		margin-top: 80px !important;
		position: relative;
	}
	
	.showcase {
		width: 500px;
		margin: 40px auto;
	}
	
	.bluehover-hover {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		position: absolute;
		background: rgba( 26, 63, 117, .0);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}


@media all and (max-width: 600px) {
	
	.showcase {
    	max-width: 300px;
    	margin: 40px auto;
	}
}

@media only screen and (max-width: 400px) {
	.showcase {
		max-width: 240px;
		margin: 40px auto;
	}
}
/* RESPONSIVE 
-----------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1400px) {
}

@media only screen and (max-width: 2000px) {
	
	.services-box {
    	padding: 5% 10% 5% 5%;
	}
	
}

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

@media only screen and (max-width: 1700px) {
	
	.grey-main {
		padding: 40px 5% 40px 5%;
	}
	
	.services-box {
    	padding: 5%;
	}
}

@media only screen and (max-width: 1600px) {
	
	.happy-fam, .services-box {
		height: 920px;
	}
	
	.showcase-left-icon {
		float: none;
		margin: 20px auto;
		display: block;
	}
	
	.showcase-left-box:hover .showcase-left-icon {
		width: 70px;
		height: 70px;
		display: block;
		background: rgb(60,102,150);
		transform: scale( 1.1, 1.1);
	}
	
	.showcase-left-content {
		float: none;
		width: 100%;
		text-align: center;
		margin-left: 0;
		display: block;
	}
	
}

@media only screen and (max-width: 1500px) {
	
	.happy-fam {
    	background-position: -120px center;
	}
	
}

@media only screen and (max-width: 1400px) {
	
	.map-section {
		background-position: center right !important;
	}
	
	.grey-main, .practice-outside {
		height: 900px;
	}
	.dentist-title {
    
    font-size: 21px;
    margin-top: 34%;

}
	
}

@media only screen and (max-width: 1300px) {
	
	.happy-fam, .services-box {
		height: 980px;
	}
	
	.happy-fam {
		background-position: -220px center;
	}
		.dentist-title {
    
    font-size: 19px;
    margin-top: 34%;

}
}

@media only screen and (max-width: 1200px) {
	
	.grey-main {
		height: 800px;
	}
	
	.grey-main {
    	height: auto;
	}
	
	.happy-fam {
		height: 760px;
		background-position: center center;
	}
	
	.services-box {
		height: auto;
		padding: 10% 5%;
	}
	
	.dark-grey-box {
    	text-align: center;
    	padding: 10%;
    	background: #898989;
	}
	
	.livemap {
		left: 0;
		right: 0;
		bottom: 5%;
		width: 60%;
	}
	
	.review-blue {
    	height: 360px;
	}
}

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

@media only screen and (min-width: 980px) {
	
} 

@media (max-width: 991px) {
    
    .dentist-title {
        font-size: 21px;
        margin-top: 1%;

}
}

@media only screen and (max-width: 979px) {
	.practice-outside {
		height: 560px;
	}
	
	.affiliatesection img {
    	margin: 30px 100px;
	}
	
	.happy-fam {
    	height: 500px;
    	background-position: center center;
	}
	
	.showcase-left-box {
    	margin-top: 40px;
	}
	
	.review-blue {
    	height: 220px !important;
    	margin: 30px 0;
	}
	
	.lifes-a-beach {
    	height: 500px;
	}
	
	.dark-grey-box {
    	height: auto;
	}
	
	.map-area {
    	margin: 0;
	}
	
	.above-footer-info {
    	padding: 20px;
	}
	
	.footnav {
	    display: none;
	}
	.rel-backup {
		z-index: 3;
		margin-top: 80px !important;
		position: relative;
	}
}

@media only screen and (max-width: 767px) {
	.review-blue {
		height: 250px !important;
		margin: 30px 0;
	}
} 

@media all and (max-width: 600px) {
	.practice-outside {
		height: 420px;
	}
	
	.happy-fam {
    	height: 400px;
	}
	
	.lifes-a-beach {
	    height: 400px;
	}
	.grey-main {
		padding: 40px 30px 40px 30px;
	}
}

@media only screen and (max-width: 480px) {
	.affiliatesection img {
		margin: 30px 5%;
	}
	
	.practice-outside {
	    height: 320px;
	}
	
	.happy-fam {
		height: 300px;
		background-position: center center;
	}
	
	.services-box {
    	height: auto;
    	padding: 40px 30px 40px 30px;
	}
	
	.review-blue {
    	height: 320px !important;
	    margin: 30px 0;
	}
	
	.lifes-a-beach {
		height: 260px;
	}
	.livemap {
    	left: 0;
    	right: 0;
    	bottom: 5%;
    	width: 80%;
	}
	.above-footer-info {
    	padding: 20px;
	}
	
}

@media only screen and (max-width: 400px) {
	.practice-outside {
		height: 240px;
	}
	
	.happy-fam {
    	height: 220px;
	}
	
	.lifes-a-beach {
		height: 220px;
	}
	
	.foot-social img {
		height: 30px;
		margin: 10px 0;
	}
}