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

/*video header*/

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}
/*video header*/

h1,
.h1 {
	font-size: 32px!important;
	color: #854E87;
}
h2,
.h2 {
  font-size: 25px!important;
	line-height: 35px;
}
h3,
.h3 {
  font-size: 20px;
	line-height: 26px;
}
h4,
.h4 {
  font-size: 18px;
	line-height: 25px;
}
h5,
.h5 {
  font-size: 14px;
	line-height: 20px;
}
h6,
.h6 {
  font-size: 12px;
	line-height: 16px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 20px;
  z-index: 1000;
  display: none;
  float: left;
	width: 90%!important;
  min-width: 100px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 13px!important;
  text-align: center;
  list-style: none;
  background-color: #333!important;
  color:#fff!important;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #939AB9!important;
  white-space: nowrap;
font-weight: bold;
}
.dark-purple-text  {  color: #939AB9!important;}
.dropdown-menu li{color:#fff!important;}

.dropdown-menu.align-right {
  right: 0;
  left: auto;
}


.row div {
  margin-right: 15px!important;
  margin-left: 15px!important;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}



.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.icon-50 {width:50px;}
.icon-60 {width:60px;}
.icon-80 {width:80px;}
.icon-100 {width:100px;}
.icon-160 {width:160px!important;}
.icon-200 {width:200px!important;}



#appointment-button{
	z-index: 600;
	right: 0%;
	top: 185px;
	position: absolute;
		}

#appointment-button2{
	z-index: 600;
	right: 0%;
	top: 0px;
	position: relative;
		}

#appointment-button3{
	z-index: 600;
	right: 0%;
	top: 285px;
	position: absolute;
		}

.futura-font {
	
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	/*font-family: "futura-pt",sans-serif;*/
	}

.hr-purple {border-top: 2px solid #D4AED1;}

.font-weight-light { font-weight:200;}
img {display: block;
  max-width: 100%;
  height: auto;}
  
 .img-center {margin:0 auto;}
 
 .img-center-inline {margin:0 auto;
 display:inline;}
  
#navbar-primary .navbar-nav {
  width: 100%;
  text-align: center;
  font-size:16px;

}
#navbar-primary .navbar-nav > li {
  display: inline-block;
  float: none;
}
#navbar-primary .navbar-nav > li > a {
  padding-left: 30px;
  padding-right: 30px;
    color:#ffffff;

}

#navbar-primary .navbar-nav > li > a:hover {
  padding-left: 30px;
  padding-right: 30px;
    color:#F6E8E8;

}
.text-12px {font-size: 12px;
	line-height: 14px;}

.text-14px {font-size: 14px;
	line-height: 18px;}
.text-15px {font-size: 15px;
	line-height: 18px;}
.text-16px {font-size: 16px;
	line-height: 20px;}
.text-17px {font-size: 17px;
	line-height: 20px;}
.text-20px {font-size: 20px;
	line-height: 33px;}

.text-25px {font-size: 25px; 
	line-height: 33px;}


.price-blue{
	background-color: #D5EEF7;
	color: #354767;
}
.price-pink{
	background-color: #F7DCE1;
	color: #354767;
}
.price-purple{
	background-color: #CCCFDD;
	color: #354767;
}
.price-yellow{
	background-color: #FBEFDD;
	color: #354767;
}



.quotes { background-image:url(../images/quotes.png);
background-position: top left;
background-repeat: no-repeat;}




.logo-shape-purple { background-image:url(../images/logo-shape-purple.png);
background-position: bottom center;
background-repeat: no-repeat;}
.logo-shape-purple-dk { background-image:url(../images/logo-shape-purple-dk.png);
background-position: bottom center;
background-repeat: no-repeat;}

.logo-shape { background-image:url(../images/logo-shape.png);
background-position: bottom center;
background-repeat: no-repeat;
margin-left:-20px;}


.logo-shape-up { background-image:url(../images/logo);
background-position: bottom center;
background-repeat: no-repeat;}


.logo-shape-purple-small { background-image:url(../images/logo-shape-purple-small.png);
background-position: bottom center;
background-repeat: no-repeat;
}
.logo-shape-purple-small-dk { background-image:url(../images/logo-shape-purple-small-dk.png);
background-position: bottom center;
background-repeat: no-repeat;
}


.dandi-bg { background-image:url(../images/team-bg.jpg);
background-position: bottom center;
background-repeat: repeat-x;}

.social-media{
	z-index: 200;

	top: 10px;
	left:10px;
	position: absolute;
	width: 70%;
		}
.tel-top{
	z-index: 900;

	top: 10px;
	right:10px;
	position: absolute;
		}

.text-16 {font-size:16px;}
.text-18 {font-size:18px;}
.text-20 {font-size:20px;}
.text-30 {font-size:30px;}
.text-40 {font-size:40px;}


.line-height-25 {line-height: 25px;}
.line-height-30 {line-height: 30px;}
.line-height-35 {line-height: 35px;}


.pull-up-10 { margin-top:-10px;}
.pull-up-15 { margin-top:-15px;}

.pull-up-20 { margin-top:-20px;}
.pull-up-30 { margin-top:-30px;}
.pull-up-40 { margin-top:-40px;}

.quotes { background-image: url(../images/quotes.png);
background-repeat: no-repeat;
background-position: 20px 20px;}

  .limit{
        width: 110%;
	  margin-left:-14px;
	  
        
        max-height: 100%;
        overflow: hidden;
     }
    .limit img{
       width: 100%;
       height: 100%;
     }
.lilac-box { background-color:#fff;}

.row3.vdivide [class*='col-']:not(:last-child):after {
  background: #fff;
  width: 2px;
  content: "";
  display:block;
  
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 100%;
}




.row2.vdivide [class*='col-']:not(:last-child):after {
  background: #fff;
  width: 2px;
  content: "";
  display:block;
  
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 100%;
}

.pink-box { background-color:#F6E8E8;
padding:10px;}
.blue-box { background-color:#B6E2F0;
padding:10px;}
.yellow-box { background-color:#F5D09D;
padding:10px;}
.purple-box { background-color:#9A9BAF;
padding:10px;}

.white-box { background-color:#fff;
padding:10px;}

.white-box-with-border { background-color:#fff;
padding-top:5px;
	padding-bottom: 10px;
border: thin solid #7881A7;}


.padding-top-40-menu { padding-top:40px;}

.padding-top-80-menu { padding-top:80px;}



.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
.padding-30 { padding:30px;}
.padding-40 { padding:40px;}

.padding-for-box { padding-left:30px;
padding-right:30px;
padding-top:10px;
padding-bottom:10px;}



.padding-no-top-10 { padding-top:1px; padding-bottom:10px; padding-left:10px; padding-right:10px;}

.padding-left-10 { padding-left:10px;}
.padding-right-10 { padding-right:10px;}
.padding-right-15 { padding-right:15px;}
.padding-right-20 { padding-right:20px;}
.padding-right-30 { padding-right:30px;}
.padding-right-40 { padding-right:40px;}
.padding-right-50 { padding-right:50px;}
.padding-right-60 { padding-right:60px;}
.padding-right-70 { padding-right:70px;}
.padding-right-80 { padding-right:80px;}



.padding-bottom-3 { padding-bottom:3px;}
.padding-bottom-5 { padding-bottom:5px;}
.padding-bottom-10 { padding-bottom:10px;}
.padding-bottom-15 { padding-bottom:15px;}
.padding-bottom-20 { padding-bottom:20px;}
.padding-bottom-25 { padding-bottom:25px;}
.padding-bottom-30 { padding-bottom:30px;}
.padding-bottom-40 { padding-bottom:40px;}
.padding-bottom-50 { padding-bottom:50px;}

.padding-top-4 { padding-top:4px;}
.padding-top-5 { padding-top:5px;}
.padding-top-10 { padding-top:10px;}
.padding-top-15 { padding-top:15px;}
.padding-top-20 { padding-top:20px;}
.padding-top-25 { padding-top:25px;}
.padding-top-30 { padding-top:30px;}
.padding-top-40 { padding-top:40px;}
.padding-top-50 { padding-top:50px;}
.padding-top-60 { padding-top:60px;}
.padding-top-70 { padding-top:70px;}
.padding-top-80 { padding-top:80px;}

.padding-left-10 { padding-left:10px;}
.padding-left-18 { padding-left:18px;}
.padding-left-20 { padding-left:20px;}
.padding-left-30 { padding-left:30px;}
.padding-left-40 { padding-left:40px;}
.padding-left-50 { padding-left:50px;}
.padding-left-60 { padding-left:60px;}
.padding-left-70 { padding-left:70px;}

.padding-right-10 { padding-right:10px;}

.margin-left-10 { margin-left:10px;}
.margin-right-10 { margin-right:10px;}



.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-50 { margin-bottom:50px;}

.margin-top-10 { margin-top:10px;}
.margin-top-15 { margin-top:15px;}
.margin-top-20 { margin-top:20px;}
.margin-top-25 { margin-top:25px;}
.margin-top-30 { margin-top:30px;}
.margin-top-40 { margin-top:40px;}
.margin-top-50 { margin-top:50px;}

cite { color: #A77492; text-align: center;}

.white-bg { background-color:#fff;
color:#535349;}

.grey-bg { background-color:#535349;
color:#fff;}

.grey-bg-dk { background-color:#444;
color:#fff;}

.grey-bg-lt { background-color:#DDDEDC;
color:#525248;}

.grey-bg-md { background-color:#DDDEDC;
color:#535349;
padding-bottom:3px;}

.purple-bg { background-color:#7380A4;
color:#444444;}
.purple-bg-light { background-color:#B5BACF;
color:#444444;}

.purple-text-dark { color: #939AB9;}
.purple-border { border: thin solid #939AB9;}

.blue-bg{background-color: #AECBD4;
}
.navy-bg{background-color: #354767;
}

.text-white { color:#fff;}
.text-white a { color:#fff;}
.text-white a:hover { color:#F6CAD1; text-decoration:none;}
.text-blush { color:#F6CAD1;}
.text-blush a { color:#F6CAD1;}
.text-blush a:hover { color:#fff; text-decoration:none;}



.text-duckegg-blue {color: #AECBD4;}

.navy-text {color: #354767;}
 .dark-text { color:#525248;}
 .white-text23 { font-size:15px; margin-top:15px;}
 .white-text50 { font-size:50px; margin-top:5px; margin-bottom: -10px; color:#fff;}
.pull-h3-up { padding-top:-10px;}


.map-bg { background-image:url(../images/map-bg.png);
background-repeat:no-repeat;
background-position:bottom right;}


.bg1 { background-image:url(../images/bg1.png);
background-repeat:no-repeat;
background-position:top left;}

.bg2 { background-image:url(../images/bg2.png);
background-repeat:no-repeat;
background-position:bottom right;}

.bg3 { background-image:url(../images/bg3.png);
background-repeat:no-repeat;
background-position:top right;}

.bg4 { background-image:url(../images/bg4.png);
background-repeat:no-repeat;
background-position:bottom left;}


.corner-bg { background-image:url(../images/corner.png);
background-repeat:no-repeat;
background-position:bottom right;}

.corner-bg-left { background-image:url(../images/corner-left.png);
background-repeat:no-repeat;
background-position:bottom left;}
.corner-bg-right { background-image:url(../images/corner-right.png);
background-repeat:no-repeat;
background-position:bottom right;}



.corner-bg-lt { background-image:url(../images/corner-lt.png);
background-repeat:no-repeat;
background-position:bottom right;}

.corner-bg-left-lt { background-image:url(../images/corner-left-lt.png);
background-repeat:no-repeat;
background-position:bottom left;}


.corner-both {background-image:url(../images/corner-left.png), url(../images/corner-right.png);
background-position: left top, right bottom;
background-repeat: no-repeat;}

.corner-both-small {background-image:url(../images/corner-small-left.png), url(../images/corner-small.png);
background-position: left bottom, right bottom;
background-repeat: no-repeat;}


.heading-letter-spacing { letter-spacing:3px;}
.heading-letter-spacing-small { letter-spacing:1px;}

.line-under-p { border-bottom: thin #A5A5A1 solid;}

.dark-hr {color:#A5A5A1;}

.designby { font-size:12px;}

.bottom-arch-bg { background-image:url(../images/bottom-arch-bg.png);
background-repeat:repeat-x;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(0.90); /* Safari and Chrome */
    -moz-transform:scale(0.90); /* Firefox */
    -ms-transform:scale(0.90); /* IE 9 */
    -o-transform:translatZ(0) scale(0.90); /* Opera */
    transform:translatZ(0) scale(0.90); 
	
}

.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.second-effect a.info {
   position:relative;
   top:-10px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}


.bq3 { background: url('../images/quotes.png') top left no-repeat; padding-left: 50px;padding-right: 35px; line-height: 18px;  }




@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

/* Smartphones (portrait and landscape) ----------- */





}



@media only screen 

and (min-width : 321px) {

/* Smartphones (landscape) ----------- */
.padding-top-80-menu { padding-top:0px;}
	.padding-top-40-menu { padding-top:0px;}

.white-text50 { font-size:30px; margin-top:5px; margin-bottom: -10px; color:#fff;}
	
.nav {
  font-size:12px;
}
.navbar img{max-width:100%;
padding-left:10px; }

.navbar-default {
background-image:none;

}
.boxes h2 { font-size:19px; 
		  color:#F6CAD1; 
		  font-weight:300;
		   margin-bottom:20px;
		   letter-spacing:1px;

		 }

	}





@media only screen 

and (max-width : 320px) {

/* Smartphones (portrait) ----------- */

.nav {
  font-size:12px;
}
.navbar img{max-width:100% }

.navbar-default {
background-image:none;


}
	

.boxes h2 { font-size:17px; 
		  color:#F6CAD1; 
		  font-weight:300;
		   margin-bottom:20px;
		   letter-spacing:1px;

		 }





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {

/* iPads (portrait and landscape) ----------- */


	
	
	

}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {
		
	
	


/* iPads (landscape) ----------- */

.push-header { margin-top:222px;}

.nav {
  font-size:12px;
}

.navbar img{max-width:100% }

	


.boxes h2 { font-size:20px; 
		  color:#F6CAD1; 
		  font-weight:300;
		   margin-bottom:20px;
		   letter-spacing:1px;

		 }



}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {

/* iPads (portrait) ----------- */
	




.push-header { margin-top:222px;}

	

.nav {
  font-size:12px;
}
.navbar img{max-width:100% }


.boxes h2 { font-size:20px; 
		  color:#F6CAD1; 
		  font-weight:300;
		   margin-bottom:20px;
		   letter-spacing:1px;

		 }
	
.logo-shape{
	z-index: 200;

	top: 180px;
	position: absolute;
		}
}

}




@media only screen 

and (min-width : 900px) {

/* Desktops and laptops ----------- */
	
	
h1,
.h1 {
	font-size: 45px!important;
	color: #854E87;
}
h2,
.h2 {
  font-size: 30px!important;
	line-height: 35px;
}
h3,
.h3 {
  font-size: 20px;
	line-height: 26px;
}
h4,
.h4 {
  font-size: 18px;
	line-height: 25px;
}
h5,
.h5 {
  font-size: 14px;
	line-height: 20px;
}
h6,
.h6 {
  font-size: 12px;
	line-height: 16px;
}
	
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
	width: 100%!important;
  min-width: 450px!important;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 13px!important;
  text-align: left!important;
  list-style: none;
  background-color: #444!important;
  color:#fff!important;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
	
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 15px!important;
  line-height: 1.42857143;
  color: #939AB9!important;
  white-space: nowrap;
font-weight: bold;
}
	
	
	
	
	
		.white-text50 { font-size:50px; margin-top:5px; margin-bottom: -10px; color:#fff;}
	.logo-shape{
	z-index: 200;

	top: 180px;
	position: absolute;
		}

	.padding-top-80-menu { padding-top:80px;}
		.padding-top-40-menu { padding-top:-20px;}


.push-header { margin-top:222px;}

.nav {
	font-size: 14px;
}

.navbar img{max-width:295px; }
.boxes h2 { font-size:33px; 
		  color:#F6CAD1; 
		  font-weight:300;
		   margin-bottom:20px;
		   letter-spacing:1px;

		 }



}





@media only screen 

and (min-width : 1200px) {

/* Desktops and laptops ----------- */
		.white-text50 { font-size:50px; margin-top:5px; margin-bottom: -10px; color:#fff;}
	.logo-shape{
	z-index: 200;

	top: 180px;
	position: absolute;
		}

	.padding-top-80-menu { padding-top:80px;}
		.padding-top-40-menu { padding-top:40px;}


.push-header { margin-top:222px;}

.nav {
	font-size: 14px;
}

.navbar img{max-width:160px; }
.boxes h2 { font-size:33px; 
		  color:#F6CAD1; 
		  font-weight:300;
		   margin-bottom:20px;
		   letter-spacing:1px;

		 }



}



@media only screen 

and (min-width : 1700px) {

/* Large screens ----------- */

.push-header { margin-top:222px;}
.nav {
	font-size: 14px;
}

.navbar img{max-width:95px; }
.boxes h2 { font-size:33px; 
		  color:#F6CAD1; 
		  font-weight:300;
		   margin-bottom:20px;
		   letter-spacing:1px;

		 }



}



@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

/* iPhone 4 ----------- */



}
