/*********************************/
/*														   */
/*															 */
/*   Cooney Orthodontics Style   */
/*														   */
/*														   */
/*********************************/

/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700');*/


@font-face {
  font-family: 'CalifornianFB-Reg';
  src: url('../fonts/CalifornianFB-Reg.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/CalifornianFB-Reg.woff') format('woff'), 
  url('../fonts/CalifornianFB-Reg.ttf')  format('truetype'), 
  url('../fonts/CalifornianFB-Reg.svg#CalifornianFB-Reg') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font-weight:normal;
  vertical-align:baseline;
  background:transparent;
	list-style:none;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#8199af;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#8199af;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#8199af;
}
:-moz-placeholder { /* Firefox 18- */
  color:#8199af;
}

html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width:100%;
	height:100%;
}

img {
	display:block;
	max-width:100%;
}

a{
	color:#054e7b;
	text-decoration:none;
}

body {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#054e7b;
	padding:0;
	margin:0;
	text-size-adjust: none ;
	-webkit-text-size-adjust:none;
}

/******************/
/*								*/
/*   Base Style   */
/*								*/
/******************/

.wrapper{
	width:1400px;
	margin:0 auto;
}

.container{
	width:1110px;
	margin:0 auto;
}

.section-top-bottom{
	padding:130px 0;
}

.section-top{
	padding:130px 0 0;
}

.section-bottom{
	padding:0 0 130px;
}

strong{
	font-weight:600;
}

h2, h3, h4, .team-pos{
	font-family: 'CalifornianFB-Reg';
}

h2{
	font-size:75px;
}

h3{
	font-size:65px;
}

h4{
	font-size:45px;
}

a.btn{
	color:#fff;
	font-size:13px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	background:#054e7b;
	border:2px solid #054e7b;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	padding:13px 30px;
	display:inline-block;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

a.btn:hover{
	background:#ffffff;
	border-color:#d3d7e2;
	color: #054e7b;
}

a.view-more,
a.view-less,
.view-more{
	display:inline-block;
	position:relative;
	/*font-size:13px;*/
	font-size: .9em;
	font-weight:600;
	font-style:italic;
	text-transform:uppercase;
	letter-spacing:0px;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	padding:10px 0;
	z-index:1;
	cursor:pointer;
}

a.view-more:after,
a.view-less:after,
.view-more:after{
	content:"";
	position:absolute;
	top:0px;
	left:10px;
	height:1px;
	width:calc(100% - 20px);
	background:#82a7bd;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	z-index:-1;
}

a.view-more:before,
a.view-less:before,
.view-more:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:10px;
	height:1px;
	width:calc(100% - 20px);
	background:#82a7bd;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	z-index:-1;
}

a.view-more:hover,
a.view-less:hover,
.view-more:hover{
	letter-spacing:1px;
}
	

a.view-more:hover:after,
a.view-more:hover:before,
a.view-less:hover:after,
a.view-less:hover:before,
.view-more:hover:after,
.view-more:hover:before{
	left:0;
	width:100%;
}

.left-line{
	position:relative;
	padding:0 0 0 60px;
}

.left-line:after{
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:40px;
	height:2px;
	background:#82a7bd;
}

.line{
	position:absolute;
	left:50%;
	top:0;
	width:1px;
	height:0%;
	background:rgba(181,188,207,.3);
	z-index:2;
	transition:height 4s ease;
	-webkit-transition:height 4s ease;
	-moz-transition:height 4s ease;
}

.line:after{
	content:"";
	position:absolute;
	left:calc(50% - 555px);
	top:0;
	width:1px;
	height:100%;
	background:rgba(181,188,207,.3);
}

.line:before{
	content:"";
	position:absolute;
	right:calc(50% - 555px);
	top:0;
	width:1px;
	height:100%;
	background:rgba(181,188,207,.3);
}

.lines-draw .line{
	height:100%;
}

.box{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*z-index:1;*/
}

.home-invisalign-block .box {
	z-index: 1;
}

.box .top,
.box .right,
.box .bottom,
.box .left{
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
}

.box .top{
	position:absolute;
	left:0;
	top:-6px;
	width:calc(100% + 6px);
	width:0;
	height:6px;
	background:#b5bccf;
}

.box .right{
	position:absolute;
	right:-6px;
	top:-6px;
	width:6px;
	height:calc(100% + 6px);
	height:0;
	background:#b5bccf;
}

.box .bottom{
	position:absolute;
	right:-6px;
	bottom:-6px;
	width:calc(100% + 6px);
	width:0;
	height:6px;
	background:#b5bccf;
}

.box .left{
	position:absolute;
	left:-6px;
	bottom:-6px;
	width:6px;
	height:calc(100% + 12px);
	height:0;
	background:#b5bccf;
}

.box.draw .top{
	width:calc(100% + 6px);
}

.box.draw .right{
	-moz-transition-delay: .3s;
	-webkit-transition-delay: .3s;
  transition-delay: .3s;
	height:calc(100% + 6px);
}
	
.box.draw .bottom{
	-moz-transition-delay: .6s;
	-webkit-transition-delay: .6s;
  transition-delay: .6s;
	width:calc(100% + 6px);
}

.box.draw .left{
	-moz-transition-delay: .9s;
	-webkit-transition-delay: .9s;
  transition-delay: .9s;
	height:calc(100% + 12px);
}

.box.draw.re-draw .top{
	transition:all 1.2s ease;
	-webkit-transition:all 1.2s ease;
	-moz-transition:all 1.2s ease;
	width:0;
}

.box.draw.re-draw .right{
	transition:all .9s ease;
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	height:0;
}

.box.draw.re-draw .bottom{
	transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	width:0;
}

.box.draw.re-draw .left{
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	height:0;
}

.mobile-nav-icon{
	position:absolute;
	top:22px;
	right:10px;
	width:25px;
	height:15px;
	display:none;
}

.mobile-nav-icon span{
	float:left;
	width:100%;
	height:3px;
	background:#054e7b;
	position:relative;
}

.mobile-nav-icon span:after{
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	background:#054e7b;
	top:5px;
	left:0;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.mobile-nav-icon span:before{
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	background:#054e7b;
	top:10px;
	left:0;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.mobile-nav-icon.active span{
	background:none;
}

.mobile-nav-icon.active span:after{
	transform:rotate(45deg);
	top:0;
}

.mobile-nav-icon.active span:before{
	transform:rotate(-45deg);
	top:0;
}
	
/********************/
/*								  */
/*   Header Style   */
/*								  */
/********************/

header{
	float:left;
	width:100%;
	padding:20px 0;
	position: relative;
}

header h1{
	float:left;
}

.header-right{
	float:right;
	margin:4px 0;
}

.header-contact{
	float:left;
	text-align:right;
	margin:0 50px 0 0;
}

.header-contact a{
	position:relative;
}

.header-contact a:after{
	content:"";
	left:0;
	bottom:0;
	position:absolute;
	height:1px;
	width:0px;
	background:#82a7bd;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.header-contact a:hover:after{
	width:100%;
}

.header-callaction{
	float:left;
}

/************************/
/*							    	  */
/*   Navigation Style   */
/*								      */
/************************/

nav{
	float:left;
	width: 100%;
	/*width:calc(100% - 100px);
	margin:0 50px;*/
	
	text-align:center;
	position:absolute;
	bottom:-63px;
	z-index:3;
}

nav ul {
	background:rgba(255,255,255,.8);
}

nav ul li{
	display:inline-block;
}

nav ul li a{
	display:inline-block;
	padding:24px 12px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:600;
	letter-spacing:1.5px;
	position:relative;
}

nav ul li a:after{
	content:"";
	position:absolute;
	left:50%;
	top:0px;
	width:1px;
	height:0px;
	background:#82a7bd;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

nav ul li.active a:after,
nav ul li a:hover:after{
	height:30px;
	top:50px;
}

nav ul li ul{
	/*display:none;*/
	position:absolute;
	background:rgba(255,255,255,.8);
	width:270px;
	margin:0 -8px;
}

nav ul li ul li{
	width:100%;
	text-align:left;
}

nav ul li ul li a{
	display:block;
	padding:12px 20px;
	font-weight: 400;
}

nav ul li ul li a:hover{
	background:#054e7b;
	color:#fff;
}

nav ul li ul li a:after{
	display:none;
}

nav ul li:hover ul{
	display:block;
}

/********************/
/*							    */
/*   Banner Style   */
/*								  */
/********************/

.banner{
	float:left;
	width: 100%;
	/*width:calc(100% - 100px);
	margin:0 50px;*/
	/*background:#f6f9fc;*/
	text-align:center;
	position:relative;
}

.banner .line,
.banner .line:after,
.banner .line:before{
	background:rgba(255,255,255,.4);
}

.banner ul li{
	position:relative;
}

.banner ul li img,
.banner ul li video{
	position: relative;
	width:100%;
	top: 0;
	left: 0;
	z-index: 2;
	min-height: 100%;
	object-fit: cover;
}

.videoplay{
	background-color: #054e7b;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 3;
	width: 100%;
	height: 40px;
	display:none;
}

@media screen and (min-width: 768px) {
	.videoplay {
		display: none;
	}

	div#wistia_19\.big_play_button_background,
	div#wistia_19\.big_play_button_graphic {
		z-index: 2!important;
	}
}

.videoplay::before {
	content: 'PLAY VIDEO';
  color: #fff;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
}

.videoplay img{
	display: none;
	max-width:auto;
	width:100%;
}

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.banner ul li .banner-content{
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 2;
	padding: 20px;
}

@media screen and (max-width:1400px) {
	.banner .wrapper {
		padding: 0;
		width: 100%;
	}
}

.banner ul li .banner-content .container{
	display:table;
	height:100%;
}

.banner ul li .banner-content .container .container-wrapper{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	width:100%;
	height:100%;
}

.banner ul li .banner-content .container .container-wrapper.inner-banner{
	vertical-align: top;
	padding:10% 0 0;
}

.banner ul li .banner-content h2{
	margin:50px 0 15px 0;
}

.banner ul li .banner-content .banner-block{
	float:left;
	font-size:18px;
	max-width:400px;
}

.banner ul li .banner-content a.view-more{
	float:left;
	margin:45px 0 0  0;
}

@media screen and (max-width: 569px) {
	.banner ul li video{
		position: absolute;
		width:100%;
		top: 0;
		left: 0;
		z-index: 2;
		min-height: 100%;
		object-fit: cover;
	}
	.banner ul li .banner-content{
		position:relative;
		width:100%;
		height:100%;
		z-index: 2;
		padding: 20px;
		padding-top: 40px;
	}
}

/**************************/
/*							    			*/
/*   Page Tagline Block   */
/*								  			*/
/**************************/

.page-static-block{
	float:left;
	width:100%;
	position:relative;
}

.page-static-block h2{
  margin: 0 0 30px;
}

.page-static-block .big{
	display: inline-block;
  font-size: 30px;
  margin: 0 0 30px;
  max-width: 850px;
}

.page-static-block p{
  margin: 0 0 20px;
}


/*****************************/
/*							        		 */
/*   Page Static Img Block   */
/*								  			   */
/*****************************/

.page-static-imgblock{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
}

.page-static-imgblock h3{
	margin:0 0 50px 0;
}

.page-static-imgblock img{
	float:right;
	width:calc(50% + 30px);
}

.page-static-imgblock-content{
	width:calc(50% - 42px);
	float:left;
	text-align:left;
}

.page-static-imgblock-content-wrapper{
	width:calc(100% + 30px);
	margin:0 0 0 6px;
	padding:60px 60px 60px 90px;
}

.page-static-imgblock-content-wrapper.left-line::after {
	left: 40px;
  top: 70px;
}

.page-static-imgblock-content h4{
	line-height:48px;
	margin:0 0 30px 0;
	width:80%;
}

.page-static-imgblock-content p {
	margin: 0 0 20px;
  position: relative;
  z-index: 2;
}

.bullet ul,
.faq .accordian-content ul{
	margin:0 0 20px 0;
}

.page-static-imgblock-content ul.bullet li,
ul.bullet li,
.bullet li,
.faq .accordian-content ul li{
	position:relative;
	padding:0 0 10px 20px !important;
	width:100% !important;
	float:none !important;
}

.page-static-imgblock-content ul.bullet li:after,
ul.bullet li:after,
.bullet li:after,
.faq .accordian-content ul li:after{
	content:"";
	position:absolute;
	left:0;
	top:9px;
	margin:0 0 0 0;
	width:10px;
	height:2px;
	background:#b5bccf;
}


/*************************************/
/*							    								 */
/*   Category & Sub Category Style   */
/*								  								 */
/*************************************/

.category{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
}


.category h3{
	display:inline-block;
	position:relative;
	top:0;
	margin:0 0 30px 0;
}

.category ul{
	float:left;
	width:100%;
}

.category ul li,
.category article {
	display:inline-block;
	width:33%;
	position:relative;
	text-align:left;
	vertical-align:top;
	z-index: 3;
}

.category ul li h3,
.category article h3 {
	position:absolute;
	top:50px;
	left:0;
}

.category ul li img,
.category article img {
	margin:0 20px;
	width:calc(100% - 40px);
}

.category ul li .category-block,
.category article .category-block {
	margin:-40px 40px 0;
	width:calc(100% - 80px);
	padding:60px 40px 60px 55px;
	border:6px solid transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.category ul li .left-line:after,
.category article .left-line:after {
	left: 10px;
	top: 70px;
	width: 35px;
}

.category ul li p,
.category article p {
	margin:0 0 20px 0;
	position:relative;
	z-index:2;
}

.category ul li p:last-child,
.category article p:last-child {
	margin:0;
}

.category ul li a.view-more,
.category article a.view-more {
	margin:25px 0 0  0;
	position:relative;
	z-index:2;
}

.category ul li .category-block.category-block-noimg,
.category article .category-block.category-block-noimg {
	margin-top:0px;
}

.category ul li .category-block.category-block-noimg h4,
.category article .category-block.category-block-noimg h4 {
	letter-spacing:-1px;
	margin:0 0 20px 0;
}

.facts {
	padding-top: 0 !important;
}


/***********************/
/*		 	    	   */
/*   	Blog  	 	   */
/*					   */
/***********************/
.alm-btn-wrap {
    display: inline-block !important;
    width: 100%;
}

.alm-reveal {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 50px;
}

.alm-reveal .blog-article {
	margin-bottom: 40px;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.alm-reveal .blog-article {
		width: 48%;
	}
}

.blog-article h1 {
	font-size: 1.875rem; /*30px*/
	margin-bottom: 10px;
}

/***********************/
/*							    	 */
/*   Home Invisalign   */
/*								  	 */
/***********************/

.home-invisalign{
	float:left;
	margin:0 50px;
	padding:130px 0 0 0;
	width:calc(100% - 100px);
	position:relative;
	background:url(../images/home-invisalign.jpg) center center no-repeat;
        z-index: 2;
}

@media screen and (min-width: 769px) {
	.home-invisalign {
		background-attachment: fixed;
	}
}

.home-invisalign-2cols{
	float:left;
	width:100%;
	position:relative;
        z-index: 4;
}

.home-invisalign-left{
	float:left;
	width:calc(50% - 50px);
	margin:0 0 0 50px;
	background:url(../images/home-invisalign2.jpg) top left no-repeat;
	background-attachment:fixed;
	background-size: auto 100%;
        z-index: 3;
}

.home-invisalign-right{
	float:right;
	width:calc(50% - 50px);
	margin:0 50px 0 0;
	background:url(../images/home-invisalign3.jpg) top right no-repeat;
	background-attachment:fixed;
	background-size: auto 100%;
        z-index: 4;
}

.home-invisalign:before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:138px;
	background:#fff;
	z-index:1;
}

.home-invisalign-left .container,
.home-invisalign-right .container{
	width:100%;
	max-width:505px;
}

.home-invisalign-left .container{
	float:right;
	margin-right:50px;
}

.home-invisalign-right .container{
	float:left;
	margin-left:50px;
}

.home-invisalign h3{
	margin:0 0 30px 0;
	color:#fff;
}

.home-invisalign .big{
	display:inline-block;
	font-size:30px;
	margin:0 0 50px 0;
	color:#fff;
	max-width:850px;
}

.home-invisalign-left .big,
.home-invisalign-right .big{
	font-size:26px;
}

.home-invisalign .home-invisalign-block{
	display:inline-block;
	width:50%;
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	border: 6px solid transparent;
	/*padding:60px;*/
	padding: 60px 60px 140px;
	color:#fff;
	position:relative;
}

.home-invisalign-left .home-invisalign-block,
.home-invisalign-right .home-invisalign-block{
	width:100%
}

.home-invisalign p{
	position:relative;
	z-index:2;
	margin:0 0 20px 0;
}

.home-invisalign a.view-more{
	/*margin:80px 0 0  0;*/
	/*position:relative;*/
	bottom: 50px;
	font-size: 1em;
	position: absolute;
	z-index:2;
}

.home-prac-fina{
	float:left;
	width:100%;
	position:relative;
}

.home-prac-fina ul li{
	float:left;
	width:50%;
	padding:100px 0;
}

.home-prac-fina ul li.home-fina{
	background:#f7f8fa;
}

.home-prac-fina ul li h3{
	margin:0 0 30px 0;
}

.home-prac-fina ul li .home-prac-block{
	margin:0 50px;
	width:calc(100% - 100px);
}

.home-prac-fina ul li p{
	margin:0 0 20px 0;
}

.home-prac-fina ul li a.view-more{
	margin:25px 0 0  0;
}


.page-static-block + .home-invisalign-2cols,
.page-static-block + .banner-2cols,
.cta-full + .home-testimonial,
.facts + .home-testimonial,
.facts + .cta-full {
	padding-top: 30px;
}

@media screen and (min-width: 569px) {
	.page-static-block + .home-invisalign-2cols,
	.page-static-block + .banner-2cols,
	.cta-full + .home-testimonial,
	.facts + .home-testimonial,
.facts + .cta-full {
		padding-top: 50px;
	}
}
@media screen and (min-width: 1111px) {
	.page-static-block + .home-invisalign-2cols,
	.page-static-block + .banner-2cols,
	.cta-full + .home-testimonial,
	.facts + .home-testimonial,
.facts + .cta-full {
		padding-top: 100px;
	}
}
@media screen and (min-width: 1401px) {
	.page-static-block + .home-invisalign-2cols,
	.page-static-block + .banner-2cols,
	.cta-full + .home-testimonial,
	.facts + .home-testimonial,
.facts + .cta-full {
		padding-top: 130px;
	}
}


.body-copy + .faq {
	 padding: 30px 0 0;
}
.body-copy-callout + .faq {
	 padding: 0 0 30px;
}
.home-invisalign + .banner-holder {
	padding-top: 30px;
}

@media screen and (min-width: 569px) {
	.body-copy + .faq {
		 padding: 50px 0 0;
	}
	.body-copy-callout + .faq {
		padding: 0 0 50px;
	}
	.home-invisalign + .banner-holder {
		padding-top: 50px;
	}
}
@media screen and (min-width: 1111px) {
	.body-copy + .faq {
		 padding: 100px 0 0;
	}
	.body-copy-callout + .faq {
		padding: 0 0 100px;
	}
	.home-invisalign + .banner-holder {
		padding-top: 100px;
	}
}
@media screen and (min-width: 1401px) {
	.body-copy + .faq {
		 padding: 130px 0 0;
	}
	.body-copy-callout + .faq {
		padding: 0 0 130px;
	}
	.home-invisalign + .banner-holder {
		padding-top: 130px;
	}
}

.body-copy p {
	max-width: 850px;
}

.cta-h a:link {
	z-index: 2;
}

.cta-h a:hover ~ span.view-more {
  letter-spacing: 1px;
}
.cta-h a:hover ~ span.view-more:after,
.cta-h a:hover ~ span.view-more:before {
	left: 0;
	width: 100%;
}

/***************************************/
/*							    	  							 */
/*   Banner Holder Single and Double   */
/*								  	  							 */
/***************************************/

.banner-holder{
	float:left;
	width:100%;
	position:relative;
	display:table;
}

.banner-holder .banner-block{
	display:inline-block;
	width:100%;
	padding:100px 200px;
	text-align:Center;
	color:#fff;
	vertical-align:middle;
	position:relative;
}

.banner-holder .banner-block h3{
	line-height:68px;
	margin:0 0 40px 0;
}

.banner-holder.banner-2cols .banner-block{
	display:table-cell;
	padding:100px 40px;
	width:50%;
}

.banner1-full{
	background:url(../images/banner-holder-full.jpg) center no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

.banner1{
	background:url(../images/banner-holder1.jpg) right center no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

.banner2{
	background:url(../images/banner-holder2.jpg) right center no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

.banner-holder .banner-block h4{
	margin:0 0 30px 0;
}

.banner-holder .banner-block a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	color:#fff;
}

.banner-holder .banner-block a.view-more::after,
.banner-holder .banner-block a.view-more::before,
.banner-holder .banner-block .view-more::after,
.banner-holder .banner-block .view-more::before{
	background:#fff;
}

/************************/
/*							    	  */
/*   Home Testimonial   */
/*								  	  */
/************************/

.home-testimonial{
	float:left;
	width:100%;
	position:relative;
}

.home-testimonial img{
	float:left;
	position: relative;
	width:calc(50% + 100px);
	margin:0 -50px 50px 0;
	z-index: 2;
}

.home-testimonial-reverse img{
	float:right;
	width:calc(50% + 50px);
	margin:0 0 0 0;
}

.home-testimonial-slider{
	float:right;
	width:50%;
	margin:0 0 0 -50px;
	padding:100px 0;
	position:relative;
	z-index: 3;
}

.home-testimonial-reverse .home-testimonial-slider{
	float:left;
	margin:0 -50px 0 0;
}

.home-testimonial-slider h3{
	margin:0 0 30px 0;
}

.home-testimonial-slider .home-testimonial-slider-wrapper{
	float:right;
	width:calc(100% - 50px);
	padding:60px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:6px solid transparent;
	position:relative;

	margin-top: 75px;
}

.home-testimonial-slider .bx-wrapper{
	position:relative;
	z-index:2;
}

.home-testimonial-slider ul li{
	text-align:center;
}

.home-testimonial-slider ul li img{
	float:none;
	display:inline-block;
	margin:0 0 30px 0;
	width:auto;
	border:1px solid #b5bccf;
}

.home-testimonial-slider ul li p{
	margin:0 0 20px 0;
}

.home-testimonial-slider ul li .testimonial-auto{
	font-size:18px;
	font-weight:600;
}

.bx-pager-item:first-of-type:last-of-type { 
    display: none
}

/*****************************/
/*							    	  		 */
/*   Bootom Links and Form   */
/*								  	  		 */
/*****************************/

.bottom-block{
	float:left;
	width:100%;
	background:#08507d;
	padding:100px 0;
	position:relative;
}

.bottom-block .bottom-block-left,
.bottom-block .bottom-block-right{
	float:left;
	width:50%;
	color:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.bottom-block .bottom-block-right{
	padding:0 50px;
}

.bottom-block .bottom-block-right .ajax-confirm,
.bottom-block .bottom-block-right .ajax-error {
	margin-bottom: 50px;
}

.bottom-block .bottom-block-left p,
.bottom-block .bottom-block-right p:first-child{
	font-size:24px;
	font-family: 'CalifornianFB-Reg';
	margin:0 0 30px 0;
}

.bottom-block .bottom-block-right p,
.bottom-block .bottom-block-right p:first-child{
	margin:0 0 15px 0;
}

.bottom-block .bottom-block-left ul{
	float:left;
	width:50%;
}

.bottom-block .bottom-block-left ul li span{
	display:block;
	font-size:18px;
	font-weight:600;
	margin:0 0 20px 0;
}

.bottom-block .bottom-block-left ul li span,
.bottom-block .bottom-block-left ul li a{
	color:#fff;
}

.bottom-block .bottom-block-right form{
	margin:0 0 40px 0;
}

.bottom-block .bottom-block-right input[type="email"],
.bottom-block .bottom-block-right input[type="phone"],
.bottom-block .bottom-block-right input[type="text"]{
	background:none;
	border:0px;
	border-bottom:1px solid #fff;
	width:70%;
	padding:15px 0;
	font-size:14px;
	color:#fff;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}

.bottom-block .bottom-block-right input[type="submit"]{
	background:none;
	border:0;
	color:#fff;
	font-weight:600;
	font-style:italic;
	text-transform:uppercase;
	font-size:14px;
	cursor:pointer;
}

.bottom-block .bottom-block-right a{
	display:inline-block;
	margin:0 9px 0 0;
}

.checkbox {
	font-size: 90%;
}

.checkbox input {
	float: left;
	position: relative;
	margin: 5px 5px 10px 0;
}

/*****************************/
/*							    	  		 */
/*   3 Column Image Blocks   */
/*								  	  		 */
/*****************************/

.image-blocks-3cols{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
}

.image-blocks-3cols ul{
	float:left;
	width:100%;
}

.image-blocks-3cols ul li{
	display:inline-block;
	text-align:center;
	margin:0 18px 40px 18px;
}

.image-blocks-3cols ul li img{
	float:left;
	display:inline-block;
	width:100%;
}


/*******************/
/*							   */
/*   Team Section  */
/*								 */
/*******************/

.team-cooney{
	float:left;
	width:100%;
	position:relative;
	display:table;
	z-index: 3;
}

.team-cooney h3{
	position:absolute;
	top:50px;
	left:0;
	text-align:left;
	line-height:55px;
}

.team-cooney .team-cooney-col{
	display:table-cell;
	width:50%;
	/*vertical-align:middle;*/
	vertical-align: top;
}

.team-cooney img{
	float:left;
	width:100%;
	margin:0 0 0 30px;
}

.team-cooney .team-block{
	display:inline-block;
	width:calc(100% - 12px);
	padding:60px 60px 60px 90px;
	text-align:left;
	margin:-6px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.team-cooney .left-line:after{
	left: 40px;
	top: 70px;
}

.team-cooney p{
	margin:0 0 20px 0;
	position:relative;
	z-index:2;
}

.team-cooney a.view-more{
	margin:25px 0 0  0;
	position:relative;
	z-index:2;
}

.team-block .bio {
  /*height: 150px;*/
  /*margin-bottom: 25px;*/
  overflow: hidden;
}

.team{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
}

.team ul li{
	display:inline-block;
	width:49%;
	position:relative;
	text-align:left;
	padding:0 50px;
	margin:0 0 50px 0;
	vertical-align: top;
	z-index: 3;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.team .bullet ul li{
	width:100%;
	margin:0;
	padding:0 0 0 20px;
}

.team ul li h3{
	position:absolute;
	top:50px;
	left:0;
	font-size:50px;
}

.team ul li .team-pos{
	left: 0;
  position: absolute;
	top:110px;
	font-size:20px;
	width:38%;
	/*left: 0;
  position: absolute;
	top:110px;
	font-size:24px;
	width:55%;*/
}

.team ul li img{
	margin:0 20px;
	width:calc(100% - 40px);
}

.team ul li .team-block{
	margin:-40px 40px 0;
	width:calc(100% - 80px);
	padding:60px 40px 60px 55px;
	border:6px solid transparent;
}

.team ul li .left-line:after{
	left: 20px;
	top: 70px;
	width: 25px;
}

.team ul li p{
	margin:0 0 20px 0;
	position:relative;
	z-index:2;
}

.team ul li a.view-more{
	margin:25px 0 0  0;
	position:relative;
	z-index:2;
}

.more-content{
	position:absolute;
	background:rgba(255,255,255,1);
	z-index:3;
	width:100%;
	left:0;
	padding: 0px 60px 60px 90px;
	display:none;
}

.more-content:after{
	content:"";
	position:absolute;
	top:0px;
	left:-6px;
	width:calc(100% + 0px);
	height:100%;
	border:6px solid #b5bccf;
	border-top:0px;
}

.more-content *{
	position:relative;
	z-index:2;
}

/**************/
/*						*/
/*     FAQ    */
/*						*/
/**************/

.faq{
	float:left;
	width:100%;
	position:relative;
	text-align:center;
}

.faq h3{
	margin:0 0 30px 0;
}

.faq-left,
.faq-right{
	float:left;
	width:50%;
	text-align:left;
	padding:0 30px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.faq .big{
	display:inline-block;
  font-size: 30px;
  margin:0 0 30px 0;
  min-height:130px;
}

.faq p{
	display:inline-block;
	font-size: 18px;
	margin:0 0 30px 0;
	min-height:130px;
}

.faq .my-list{
	float:left;
	width:50%;
}

.faq ul li{
	float:left;
	width:100%;
	margin:0 0 40px;
	padding:0 30px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:left;
}

.faq ul li h5{
	font-size:17px;
}

.faq ul li h5 a{
	position:relative;
	padding:0 0 0 60px;
	display:inline-block;	
}

.faq ul li h5 a:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:43px;
	height:43px;
	background:url(../images/plus.png) left top no-repeat;
}

.faq ul li.active h5 a:after{
	background:url(../images/minus.png) left top no-repeat;
}

.faq ul li .accordian-content{
	display:none;
	margin:20px 0 0 0;
}

.faq ul li p,
.faq ul ul {
	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 0 60px;
	min-height:inherit;
}

.faq .accordian-content ul {
	margin: 20px 0 30px;
}

.faq ul ul li {
	margin-bottom: 0;
}

/********************/
/*						      */
/*   Consultation   */
/*						      */
/********************/

.consultation-form{
	float:left;
	width:100%;
	position:relative;
}

.consultation-form-content,
.consultation-form-block{
	float:left;
	position: relative;
	width:50%;
	z-index: 2;
}

.consultation-form-content{
	padding:0 50px 50px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.consultation-form h3{
	margin:0 0 30px 0;
}

.consultation-form .big {
  display: inline-block;
  font-size: 30px;
	margin: 0 0 30px;
}

.consultation-form p{
  margin: 0 0 20px;
}

.consultation-form-block{
	background:#f7f8fa;
	padding:60px;
	margin-top:-230px;
}

.consultation-form-block h4{
	margin:0 0 30px 0;
	line-height:48px;
}

.consultation-form-block h4.left-line::after{
	top:22px;
}

.consultation-form-block ul{
	padding:0 0 0 60px;
}

.consultation-form-block ul li{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.consultation-form-block ul li input[type="email"],
.consultation-form-block ul li input[type="phone"],
.consultation-form-block ul li input[type="text"],
.consultation-form-block ul li textarea{
	background:none;
	border:0;
	border-bottom:2px solid #d3d7e2;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	width:100%;
	padding:10px 0;
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	resize:none;
	color:#054e7b;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}

.consultation-form-block ul li textarea{
	min-height:100px;
}

.consultation-form-block ul li button{
	display:inline-block;
	position:relative;
	/*font-size:13px;*/
	font-size: 1em;
	font-weight:600;
	font-style:italic;
	text-transform:uppercase;
	letter-spacing:0px;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	background:none;
	border:0px;
	font-style:none;
	color:#054e7b;
	margin:20px 0 0 0;
	cursor:pointer;
	padding:10px 0;
}

.consultation-form-block ul li button:after{
	content:"";
	position:absolute;
	top:0px;
	left:10px;
	height:1px;
	width:calc(100% - 20px);
	background:#82a7bd;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.consultation-form-block ul li button:before{
	content:"";
	position:absolute;
	bottom:0px;
	left:10px;
	height:1px;
	width:calc(100% - 20px);
	background:#82a7bd;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.consultation-form-block ul li button:hover{
	letter-spacing:1px;
}
	

.consultation-form-block ul li button:hover:after,
.consultation-form-block ul li button:hover:before{
	left:0;
	width:100%;
}

/**************/
/*						*/
/*   Footer   */
/*						*/
/**************/

footer{
	float:left;
	width:100%;
	padding:50px 0;
}

.copyright{
	float:left;
	color:#787976;
	font-size:14px;
}

.social{
	float:right;
}

.social a{
	display:inline-block;
	width:32px;
	height:32px;
	margin:0 0 0 2px;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	opacity:.6;
}

.social a:hover{
	opacity:1;
}

a.fb-icon{
	background:url(../images/fb-icon.png) center no-repeat;
}

a.instagram-icon{
	background:url(../images/instagram-icon.png) center no-repeat;
}

a.youtube-icon{
	background:url(../images/youtube-icon.png) center no-repeat;
}

/***********************************/
/* Form Ajax submit/error handling */
/***********************************/
.ajax-confirm,
.ajax-error {
  display: none;
}

input[type=email].error,
input[type=password].error,
input[type=tel].error,
input[type=text].error,
textarea.error {
    border: 1px solid #ee212e;
}

label.error {
    color: #ee212e;
}

/************************/
/* Body Copy - Headings */
/************************/

.body-copy h1 {
	font-family: 'CalifornianFB-Reg';
	font-size: 75px;
	margin: 0 0 30px;
}

.body-copy h3 {
	font-family: 'CalifornianFB-Reg';
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 0 0 5px;
}

@media screen and (max-width: 1024px) {
	.body-copy h1 {
    font-size: 55px;
	}
}

@media screen and (max-width: 636px) {
	.body-copy h1 {
    font-size: 45px;
		margin: 0 0 25px;
	}
}

@media screen and (max-width: 436px) {
	.body-copy h1 {
    font-size: 32px;
		margin: 0 0 20px;
	}
}

.body-copy h2 {
	font-family: 'CalifornianFB-Reg';
	font-size: 36px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	.body-copy h2 {
    font-size: 30px;
	}
}

@media screen and (max-width: 636px) {
	.body-copy h2 {
    font-size: 26px;
    margin-bottom: 6px;
	}
}

@media screen and (max-width: 436px) {
	.body-copy h2 {
    font-size: 24px;
	}
}

.body-copy-callout h2 {
	font-family: 'CalifornianFB-Reg';
	line-height: 48px;
  margin: 0 0 30px 0;
  width: 80%;
}

@media screen and (max-width: 1024px) {
	.body-copy-callout h2 {
		line-height: inherit;
    font-size: 40px;
	  margin: 0 0 30px 0;
	}
}

@media screen and (max-width: 767px) {
	.body-copy-callout h2 {
		margin: 20px 0;
	}

	.resource-groups .page-static-imgblock-content {
		margin-bottom: 50px;
	}
}

@media screen and (min-width: 768px) {
	.resource-groups .page-static-imgblock-content {
		/*width: 70%;*/
		width: 47%;
	}

	.resource-groups .page-static-imgblock-content:nth-child(odd){
		margin-right: 6%;
	}

	.resource-groups .page-static-imgblock-content-wrapper {
	  width: calc(100% - 12px);
	}
}

.body-copy-callout + .body-copy-callout {
	padding-top: 0;
}

.home .banner-content,
.home .banner-content a.view-more {
	color: #fff;
}

.home .banner .videoplay {
	display: none;
}




/******************************/
/*														*/
/*														*/
/*   Responsive Media Query   */
/*														*/
/*														*/
/******************************/

@media screen and (max-width:1400px) {
	.wrapper{
		width:100%;
		padding:0 50px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.section-top-bottom{
		padding:100px 0;
	}
	.section-bottom{
		padding:0 0 100px 0;
	}
	.section-top{
		padding:100px 0 0 0;
	}
	.home-invisalign{
		padding:100px 0 0 0;
	}
	.image-blocks-3cols .wrapper{
		padding:0 30px;
	}
	.image-blocks-3cols ul li {
    width: calc(33.33% - 7px);
    margin:0 2px 5px;
	}
	
}

@media screen and (max-width:1280px) {
	.category ul li .category-block.category-block-noimg{
		margin:0 10px;
		width:calc(100% - 20px);
	}
	nav, .banner{
		margin:0;
		width: 100%;
	}
	.container {
    padding: 0 30px;
    width: 100%;
    max-width:1110px;
	}
	.home-invisalign{
		margin:0;
		width:100%;
	}
	.home-invisalign-left, .home-invisalign-right{
		width:50%;
		margin:0;
	}
	.home-invisalign-left .container, .home-invisalign-right .container{
		max-width: calc(100% - 85px);
    width: 100%;
    margin:0;
	}
}


@media screen and (max-width:1180px) {
	.container {
    padding: 0 20px;
    width: 100%;
	}
	.home-invisalign-left .container, .home-invisalign-right .container{
		max-width: calc(100% - 36px);
    width: 100%;
    margin:0;
	}
	.category ul li .category-block, .team ul li .team-block{
		margin: -40px 20px 0;
    padding: 60px 30px 60px 60px;
    width: calc(100% - 40px);
	}
	.page-static-imgblock-content-wrapper{
		padding: 60px 30px 60px 60px;
    width: calc(100% + 30px);
	}
	.category ul li .left-line::after, .page-static-imgblock-content-wrapper.left-line::after, .team ul li .left-line::after{
    left: 15px;
    top: 70px;
    width:30px;
	}
}

@media screen and (max-width:1110px) {
	.line::after{
		display:none;
	}
	.line::before{
		display:none;
	}
	.left-line{
		padding:0 0 0 40px;
	}
	.left-line::after{
		width:30px;
	}
	.wrapper{
		padding:0 20px;
	}
	.container{
		width:100%;
		padding:0 20px;
	}
	.wrapper .container{
		padding:0;
	}
	.section-top-bottom, .home-prac-fina ul li, .home-testimonial-slider, .bottom-block{
		padding:50px 0;
	}
	.section-bottom{
		padding:0 0 50px 0;
	}
	.section-top{
		padding:50px 0 0 0;
	}
	.home-invisalign{
		padding:50px 0 0 0;
	}
	.home-invisalign-left .container, .home-invisalign-right .container{
		max-width: calc(100% - 0px);
    width: 100%;
    margin:0;
	}
	nav, .banner{
		margin:0;
		width: 100%;
	}
	.category ul li .category-block,
	.team ul li .team-block,
	.page-static-imgblock-content-wrapper{
		margin:-20px 20px 0;
		width: calc(100% - 40px);
		padding:30px 30px 30px 40px
	}
	.team-cooney img{
		margin: 0 20px;
		width: calc(100% - 40px);
	}
	.team-cooney .team-block{
		width: calc(100% - 52px);
		padding:30px 30px 30px 40px;
	}
	.more-content{
		padding:0px 30px 30px 40px;
	}
	.team ul li .team-block,
	.team-cooney .team-block{
		margin:0 20px;
	}
	.team ul li h3{
		top:20px;
	}
	.team ul li .team-pos{
		/*top:80px;*/
		top:75px;
	}
	.page-static-imgblock-content-wrapper{
		width: calc(100% + 30px);
		margin:0 6px;
	}
	.category ul li .left-line::after,
	.team ul li .left-line::after,
	.page-static-imgblock-content-wrapper.left-line:after,
	.team-cooney .left-line::after{
		width:20px;
		left: 10px;
    top: 40px;
	}
	.home-invisalign::before{
		height: 98px;
	}
	.home-invisalign .home-invisalign-block{
		/*padding:30px;*/
		padding: 30px 30px 110px;
	}
	.home-invisalign a.view-more{
		/*margin:60px 0 0 0;*/
		bottom: 30px;
	}
	.home-prac-fina ul li .home-prac-block{
		margin: 0 30px;
    width: calc(100% - 60px);
	}
	.home-testimonial-slider .home-testimonial-slider-wrapper{
		padding:30px;
	}
	.bottom-block .bottom-block-left{
		padding:0 30px 0 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.bottom-block .bottom-block-right{
		padding: 0 30px 0 40px;
	}
	footer{
		padding:30px 0;
	}
	.consultation-form-block{
		padding:30px;
	}
	.consultation-form-block ul{
		padding:0 0 0 40px;
	}
	.banner-holder .banner-block{
		padding: 100px;
	}
	.image-blocks-3cols .wrapper{
		padding:0 17px;
	}
}

@media screen and (max-width:1080px) {
	.banner-holder .banner-block h3{
		line-height:inherit;
	}
}

@media screen and (max-width:1024px) {
	h2 {
    font-size: 55px;
	}
	h3, .team ul li h3{
		font-size:45px;
	}
	h4{
		font-size:40px;
	}
	.home-invisalign .big, .page-static-block .big, .faq .big, .consultation-form .big{
		font-size:24px;
	}
	.home-testimonial img{
		width: calc(50% + 50px);
	}
	.home-testimonial-slider .home-testimonial-slider-wrapper{
		width:100%;
	}

	.team-cooney h3{
		line-height:.9;
	}
	
	.team ul li{
		padding:0;
	}
	.team ul li .team-pos{
		/*width:80%;*/
		font-size: 16px;
		width:40%;
	}
	.page-static-imgblock-content h4,
	.consultation-form-block h4{
		line-height:inherit;
		width:100%;
	}
	.home-invisalign::after, .home-invisalign.home-invisalign-left::after, .home-invisalign.home-invisalign-right::after{
		background-attachment:inherit;
		background-size:cover;
		background-position:center;
	}
	/*.videoplay{
		display:inline-block;
	}*/
}

@media screen and (max-width: 975px) {
	header h1 img{
		width:250px;
	}
	.header-contact{
		margin:0 10px 0 0;
	}
	.header-callaction a.btn{
		font-size:12px;
		padding: 13px 15px;
		letter-spacing: 0px;
	}
}

@media screen and (max-width:936px) {
	nav{
		top:94px;
	}
	.category ul li{
		width:49%;
		margin-bottom:30px;
	}
	.category ul li .category-block.category-block-noimg{
		min-height:290px;
	}
	.category ul li:last-child{
		margin-bottom:0px;
	}
	.image-blocks-3cols .wrapper {
    padding: 0 13px;
	}
	.image-blocks-3cols ul li {
    width: calc(49% - 2px);
    margin:0 2px 5px;
	}
	
	.bottom-block .bottom-block-right input[type="email"],
	.bottom-block .bottom-block-right input[type="phone"],
	.bottom-block .bottom-block-right input[type="text"]{
		width:100%;	
	}
	.bottom-block .bottom-block-right input[type="submit"]{
		padding:0;
	}
}

@media screen and (max-width:768px) {

	.consultation-form-content, .consultation-form-block{
		width:100%;
		margin:0 0 50px 0;
		padding:30px;
	}
	.faq ul li{
		padding:0 30px 0 60px;
	}
}

@media screen and (min-width:768px) {
	nav ul li ul{ 
		display: none;
	}
}

@media screen and (max-width:875px) {

	.header-right{
		width:100%;
		margin:20px 0 0 0;
	}
	.header-contact{
		text-align:left;
	}
	.header-callaction{
		float:right;
	}
	.mobile-nav-icon{
		display:block;
	}
	nav{
		display:none;
		position:absolute;
		background:rgba(255, 255, 255, 0.9);
		top:149px;
		z-index:4;
	}
	nav ul li{
		display:block;
	}
	nav ul li a{
		padding:15px 0;
		display:block;
	}
	nav ul li.active a::after, nav ul li a:hover::after{
		top: 7px;
	}
	nav ul li:hover ul,
	nav ul li ul{
		/*display:none;*/
		position:relative;
		width:100%;
		background:rgba(0,88,149,.1);
		margin:0;
	}
	nav ul li ul.sub-nav-active{
		display:block;
	}
	nav ul li ul li a{
		text-align:center;
	}
}

@media screen and (max-width:767px) {
	.home-invisalign .home-invisalign-block{
		width:100%;
	}
	.home-invisalign .big{
		margin-bottom:30px;
	}
	.home-invisalign::before {
    height: 92px;
	}
	.home-prac-fina ul li{
		width:100%;
	}
	.home-testimonial img{
		float:left;
		width:100%;
	}
	.home-testimonial-reverse img{
		margin:0 0 50px 0;
	}
	.home-testimonial-slider{
		float:left;
		width:90%;
		margin:-170px 0 0 5%;
	}

	.location-details {
		margin:-90px 0 0 5%;
	}

	.bottom-block .bottom-block-left, .bottom-block .bottom-block-right{
		width:100%;
	}
	.bottom-block .bottom-block-left{
		margin-bottom:30px;
	}
	footer{
		padding:20px 0;
	}
	.faq-left,
	.faq-right{
		width:100%;
		padding:0 10px;
	}
	.faq .my-list{
		width:100%;
	}
	.faq ul li{
		width:100%;
		padding:0;
	}
	.faq ul li h5 a{
    padding:10px 0 0 60px;
	}
	.faq ul li h5 a::after{
		width:38px;
		height:38px;
		background-position:center;
	}
	.faq .big,
	.faq p{
		min-height:inherit;
	}
	.faq ul li, .faq ul li.active{
		padding:0;
		margin:0 0 30px 0;
	}
	.page-static-imgblock img, .page-static-imgblock-content{
		float:left;
		width:100%;
	}
	.page-static-imgblock img {
		display: none;
	}
	.page-static-imgblock-content-wrapper{
		width:calc(100% - 12px);
	}
	.page-static-imgblock h3{
		margin:0 0 30px 0;
	}
	.page-static-imgblock-content h4{
		margin:20px 0;
	}
	.bottom-block .bottom-block-left ul li{
		padding:0 0 8px 0;
	}
	.banner-holder.banner-2cols .banner-block{
		padding:100px 20px;
	}
}

@media screen and (max-width:719px) {
	.home-invisalign-left, .home-invisalign-right{
		width:100%;
	}
	.home-invisalign-left{
		margin:0 0 50px 0;
	}
	.home-invisalign-left .big, .home-invisalign-right .big{
		height:auto !important;
	}
}

@media screen and (max-width:636px) {
	body{
		font-size:14px;
	}
	h2 {
    font-size: 45px;
	}
	h3, .team ul li h3{
		font-size:35px;
	}
	h4{
		font-size:32px;
	}

	.home-invisalign,
	.home-invisalign-left,
	.home-invisalign-right {
			background-attachment: inherit;
	}

	.home-invisalign .big, .bottom-block .bottom-block-left p, .bottom-block .bottom-block-right p:first-child, .page-static-block .big, .faq .big, .consultation-form .big{
		font-size:22px;
	}
	.banner ul li .banner-content h2{
		margin:0;
	}
	.banner-holder{
		display:inline-block;
	}
	.banner-block, .banner-holder.banner-2cols .banner-block, .banner-holder .banner-block{
		display:inline-block;
		width:100%;
		padding:50px;
	}
	.banner-block{
		padding:20px;
		width:85%;
	}
	.image-blocks-3cols .wrapper {
    padding: 0 20px;
	}
	.image-blocks-3cols ul li {
    width: 100%;
    margin:0 0 10px 0;
	}
	.consultation-form-block ul{
		padding:0;
	}
	.category ul li,
	.team ul li{
		width:99%;
	}
	.team-cooney .team-cooney-col{
		display:inline-block;
		width:100%;
	}
	.category ul li .category-block,
	.category ul li .category-block.category-block-noimg{
		min-height:inherit;
		height:inherit !important;
	}
	.team ul li .team-pos{
		top:60px;
	}
	.team-block .more-content{
		position:relative;
		padding:0;
	}

	.team-block .more-content:after{
		display:none;
	}
	.team-block .more-content.content-show + .view-more{
		display:none;
	}
}

@media screen and (max-width:568px) {
	.wrapper{
		padding:0 10px;
	}
	.container{
		padding:0 20px;
	}
	.wrapper .container{
		padding:0;
	}
	.section-top-bottom, .home-prac-fina ul li, .home-testimonial-slider, .bottom-block{
		padding:30px 0;
	}
	.location-details {
		margin:-50px 0 0 5%;
	}
	.section-bottom{
		padding:0 0 30px 0;
	}
	.section-top{
		padding:30px 0 0 0;
	}
	.home-invisalign.home-invisalign-left, .consultation-form-content, .consultation-form-block{
		margin:0 0 30px 0;
	}
	nav{
		top:210px;
	}
	header h1{
		width:100%;
	}
	header h1 img{
		display:inline-block;
	}
	.header-right, .header-contact, .header-callaction{
		text-align:center;
	}
	.header-contact, .header-callaction{
		float:none;
		margin:10px 0 0 0;
	}
	.header-callaction a.btn{
		letter-spacing:0;
	}
	.home-prac-fina ul li .home-prac-block{
		margin:0;
		width:100%;
	}
	.copyright, .social{
		width:100%;
		text-align:center;
	}
	.social{
		margin:10px 0 0 0;
	}
	.home-testimonial-reverse img{
		margin:0 0 30px 0;
	}
}

@media screen and (max-width:436px) {
	header{
		padding:10px 0 20px;
	}
	header h1 img{
		width:220px;
	}
	nav{
		top:194px;
	}
	h2 {
    font-size:32px;
	}
	h3, .team ul li h3{
		font-size:32px;
	}
	h4{
		font-size:28px;
	}
	.home-invisalign .big, .bottom-block .bottom-block-left p, .bottom-block .bottom-block-right p:first-child, .page-static-block .big, .faq .big, .consultation-form .big{
		font-size:19px;
	}
	.banner ul li .banner-content .banner-block{
		font-size:14px;
	}
	.banner ul li .banner-content a.view-more{
		margin:25px 0 0 0;
	}
	.bottom-block .bottom-block-left ul li span{
		font-size:16px;
		margin:0 0 10px 0;
	}
	.bottom-block .bottom-block-left p, .bottom-block .bottom-block-right p:first-child{
		margin:0 0 20px 0;
	}
	.bottom-block .bottom-block-right input[type="email"],
	.bottom-block .bottom-block-right input[type="phone"],
	.bottom-block .bottom-block-right input[type="text"]{
		width:100%;
		margin:0 0 10px 0;
	}
	.bottom-block .bottom-block-right input[type="submit"]{
		width:100%;
		text-align:left;
		margin:0;
		padding:0;
	}
	.bottom-block .bottom-block-right a img{
		width:65px;
	}
	.copyright{
		font-size:12px;
	}
	.home-testimonial-slider .home-testimonial-slider-wrapper{
		padding: 20px;
	}
}


/*Remove Wista Branding*/
#wistia_chrome_12 #wistia_video_wrapper_42 .w-component--branding {
	display: none !important;
}
[data-handle="bigPlayButton"] .w-bpb-wrapper {
    z-index: 3;
}

.notice-drawer {
  background-color: rgba(8, 80, 125, 0.75);
  color: #fff;
  padding: 20px 50px 20px 20px;
  display: none; }
  .notice-drawer a {
  	color: #fff;
  	text-decoration: underline;
  }
  .notice-drawer p:first-of-type {
    margin-top: 0; }
  .notice-drawer p:last-of-type {
    margin-bottom: 0; }
  .notice-drawer p:only-of-type {
    margin: 0; }
  .notice-drawer p a:hover {
    color: #fff;
    text-decoration: underline; }
  .notice-drawer .close {
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: -20px;
    text-decoration: none;
    top: 0; }

  .notice-drawer .container {
  	position: relative;
  }


.wave-form-container {
	margin: 0 !important;
	max-width: 850px !important;
	padding: 0!important;
	text-align: left;
	width: 100%!important;
}

.hide-separator {
	display: inline;
}

@media screen and (max-width: 328px) {
	.hide-separator {
		display: none;
	}
}