@charset "utf-8";
/* CSS Document */

.curve-mask {
    width:100%;
	padding-top: 10px;
	overflow: hidden;
	background-image: linear-gradient(#A0C9C1 49%, #fff 50%) !important;
}
.curves {
	position: relative;
    width: 150%;
    margin-left: -25%;
    margin-right: 25%;
	box-shadow: 0px 5px 25px #333 inset;
	border-top-left-radius: 60%;
	border-top-right-radius: 60%;
	border-bottom-left-radius: 75%;
	border-bottom-right-radius: 55%;

}
.slideshow {
  background: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url("../images/slideshow/image1.jpg");
  background-size: 25% 100%, 55% 100%, 70%;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
  color: white;
  height: 350px;
}
.slideshow > figure {
  animation: imageAnimation 50s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: -15px;
  width: 100%;
  z-index: 0;
}
.slideshow > figure:nth-child(1) {
  animation-delay: 10s;
  background-image: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url("../images/slideshow/image2.jpg"); 
  background-size: 25% 100%, 55% 100%, 70%;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
	box-shadow: 0px 5px 25px #333 inset;
	border-top-left-radius: 60%;
	border-top-right-radius: 60%;
	border-bottom-left-radius: 75%;
	border-bottom-right-radius: 55%;
}

.slideshow > figure:nth-child(2) {
  animation-delay: 20s;
  background-image: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url('../images/slideshow/image3.jpg');
  background-size: 25% 100%, 55% 100%, 70%;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
	box-shadow: 0px 5px 25px #333 inset;
	border-top-left-radius: 60%;
	border-top-right-radius: 60%;
	border-bottom-left-radius: 75%;
	border-bottom-right-radius: 55%;
}

.slideshow > figure:nth-child(3) {
  animation-delay: 30s;
  background-image: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url('../images/slideshow/image4.jpg');
  background-size: 25% 100%, 55% 100%, 70%;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
	box-shadow: 0px 5px 25px #333 inset;
	border-top-left-radius: 60%;
	border-top-right-radius: 60%;
	border-bottom-left-radius: 75%;
	border-bottom-right-radius: 55%;
}

.slideshow > figure:nth-child(4) {
  animation-delay: 40s;
  background-image: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url('../images/slideshow/image5.jpg');
  background-size: 25% 100%, 55% 100%, 70%;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
	box-shadow: 0px 5px 25px #333 inset;
	border-top-left-radius: 60%;
	border-top-right-radius: 60%;
	border-bottom-left-radius: 75%;
	border-bottom-right-radius: 55%;
}
@keyframes 
imageAnimation {  
 0% {
 opacity: 0;
}
 5% {
 opacity: 1;
}
 30% {
 opacity: 1
}
 35% {
 opacity: 0
}
 100% {
 opacity: 0
}
}
.invisalign {
  background: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url("../images/man-invisalign.jpg");
  background-size: 25% 100%, 55% 100%, cover;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
  color: white;
  height: 350px;
}
.philosophy {
  background: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url("../images/philosophy.jpg");
  background-size: 25% 100%, 55% 100%, cover;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
  color: white;
  height: 350px;
}
.zoom {
  background: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url("../images/zoom-whitening.jpg");
  background-size: 25% 100%, 55% 100%, cover;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
  color: white;
  height: 350px;
}
.clear {
  background: url("../images/white-border-arc.png"), url("../images/white-border-arc.png"), url("../images/clear-correct--woman.jpg");
  background-size: 25% 100%, 55% 100%, cover;
  background-position: 85%, 115%, 50% 50%;
  background-repeat: no-repeat;
  color: white;
  height: 350px;
}

.schedule {
    display: none;
}
/*.schedule a {
	display: block;
	position: absolute;
	bottom: 20%;
	right: 20%;
	text-decoration: none;
	text-align: center;
	font-size: 2em;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	background-color: #C33;
	background-image: linear-gradient( #499788, #A0C9C1);
	background:   Chrome10+,Safari5.1+ 
	border-radius: 15px;
	color: white;
	width: 20%;
	padding: 5px;
	margin: 10px;
	border: 5px solid #C9ECE6;
	box-shadow: 0 0 0 3px #4d4d4d, 0 0 0 5px #fff, 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
	text-shadow: 1px 1px black;
}
.schedule a:hover {
	color: #fff;
	background-color: #4D4D4D;
	background-image: linear-gradient(#4D4D4D, #4D4D4D);
	border: 5px solid #499788;
}*/
.banner_logo img {
   position: absolute;
    bottom: 20%;
	right: 20%; 
    max-width: 20%;
}
.banner_logo2 img {
   position: absolute;
    bottom: 20%;
	left: 20%; 
    max-width: 40%;
}
/*SMARTPHONE AND NARROW WINDOWS*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
	#slideshow {
		height: 200px;
	}
.curve-mask {
    width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	background-image: linear-gradient(#A0C9C1 49%, #fff 50%) !important;
}
.curves {
	position: relative;
    width: 150%;
    margin-left: -25%;
    margin-right: 25%;
	box-shadow: 0 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;       

}
	.schedule a {
	display: block;
	position: relative;
	top: 120px;
	left: 50%;
	width: 200px;
	height: auto;
	padding: 5px;
	margin-left: -110px;
	font-size: 1.5em;
}
}