/*
Theme Name: Kirkpatrick & Lai Orthodontics
Theme URI: http://www.klortho.com
Version: 1.0
Author: 425 Design
Author URI: http://www.425design.com

#mid-beautiful-smile .btn {
    border: 2px #fff solid;
}

*/
#content img{
max-width: 100%;
height: auto;
}

/* #header_contact.admin, .logged-in #header-contact a img, .logged-in #header-content:not(.admin) {display:none;} */
#header_contact.admin {display:block;}

#header_contact a {
    font-size: 13px;
    font-family: "proxima-nova","proxima nova",sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    color: #0D2773;
    display: inline-block;
    width: 25%;
    margin: 5px 10px;
    float: left;
}

.formWrap .btn {
    border: 2px #fff solid !important;
    position: relative;
    max-width: 308px;
    width: 100%;
    text-align: center !important;
}
.et-db #et-boc textarea {
	color: #000;
}
/*
.logged-in #header_contact a img {
    display: none;
}
*/

ul#menu-primary-menu {
    float: right;
}

#kl-mobform {display:none; }

#top .auxiliary .right {
    width: 420px;
}
#top .auxiliary .left {
    width: 530px;
}


.desktopWrap {
    display: block;
}


.mobWrap {
    display: none;
}


.page-id-4698 #sidebar {
    display: none;
}

.page-id-4698 #content {
    max-width: 1080px;
}

#header_contact a span {
    display: block;
    font-size: 12px;
    color: #0FA8C5;
}

h1, h2, h3 {
    font-weight: normal;
    font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    color: #43b5cd;
}


#nav a {
	padding: 0 10px !important;
}

#nav {
    right: -30px;
    top: 60px !important;
    bottom: auto;
}

.calIcon
{
	display: none;
	position: absolute; 
	width: 100%; 
	background: url(/wp-content/uploads/2016/02/CalendarIcon-1.png); 
	height: 32px; 
	background-repeat: no-repeat; 
	background-position: top center; 
	background-size: auto 70%; 
	top: 8px;
}

.containCenter{
	margin: 0 auto;
	position: relative;
	width: 980px;
}


#hero-video {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0px;
	overflow: hidden;
	z-index: 0;
}
	#hero-video:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: rgba(23, 23, 23, 0.3);
	}
	#hero-video-player {
	    position: absolute;
	    top: -210px;
	    left: 50%;
	    right: 0;
	    bottom: 0px;
	    min-width: 100%;
	    min-height: 150%;
	    transform: translateX(-50%);
	}


.heroTitle {
    position: absolute;
    left: 0px;
    top: 73px;
}

.heroTitle a {
    color: #fff;
    text-decoration: none;
}

#video-container {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 3 !important;
    overflow: hidden;
}
	#video-container video {
		position: absolute;
		top: 0;
		left: 50% !important;
		width: 100vw;
		transform: translate(-50%);
		height: 100vh;
		z-index: 11;
		object-fit: cover;
	}


.boxWrap{

}


.titleWrap{
	background-color: rgba(255,255,255,.8);
	padding: 7px 35px; 
	width: 100%;
	width: 435px;
	box-sizing: border-box;
}


	.titleWrap h1{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 3.5em;
	text-align: right;
	color: #0f2a71;
        position: relative;
	line-height: 39px;
	}


.buttonWrap{
	background-color: #45b7cf;
	padding: 5px 30px; 
	width: 100%;
	width: 400px;
	box-sizing: border-box;
        position: relative;
}

	.buttonWrap h2{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color: #fff;
	text-transform: uppercase;
	font-size: 3em;
	text-align: right;
        position: relative;
        text-shadow: 2px 2px #000000;
	}



.buttonWrap h2:before {

    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFF;
    position: absolute !important;
    top: 14px;
    z-index: 9999;
    content: "";
    left: 108px;

}


/********* LESS EDITS  *********/


#top #brand{
    width: 324px;
    height: 112px;
    display: block;
    text-indent: -9000em;
    overflow: hidden;
    position: absolute;
    left: -24px;
    top: 24px;
	background-image:url("/wp-content/uploads/2016/01/klortho-logo.png");
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: center center;
	background-size: 90% auto;
}

.home #mid {
    text-align: center;
    width: 100%;
  	display: none;
}


.home .hero {
    background: url(/wp-content/uploads/2016/01/HeroImage.jpg) no-repeat right top !important;
    height: 400px !important;
    background-size: cover !important;
/*    background-position: top right;
    background-repeat: no-repeat;*/
    position: relative;
    clear: both;
}

body:not(.home) .hero{
display: none;
}

.buttonsWrap{
    background-color: #42b5ce !important;
    text-align: center; 
    padding: 30px 0 10px;
    width: 100%;
}

.squarebtn {
    display: block;
    padding: 10px;
    background: #fff none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    font: 25px/25px "proxima-nova","Helvetica Neue","Arial Narrow",sans-serif;
    text-decoration: none;
    text-align: center;
    border-radius: 0 !important;
    margin: 0 auto !important;
    color: #42b5ce;
    box-shadow: none;
}

.home .squarebtn{
    display: block;
    padding: 10px;
    background: #fff none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    font: 24px/25px "open-sans","open sans","Helvetica Neue","Arial Narrow",sans-serif;
    text-decoration: none;
    text-align: center;
    border-radius: 5px !important;
    margin: 0 auto !important;
    color: #42b5ce;
    box-shadow: 0px 2px rgba(0,0,0,.5);
}

	.home .squarebtn:hover{
		background: #1987c3;
	}


#sidebar .squarebtn.light {
    color: #fff;
    text-transform: uppercase !important;
    background: #BFDEEE url("../img/icon_chevron_right.png") no-repeat scroll 96% center;
    font-size: 21px;
    font-weight: 700;
    background-color: #21a7c2;
    background: -moz-linear-gradient(left, #21A7C2 0%, #102B72 100%);
    background: -webkit-linear-gradient(left, #21a7c2 0%,#102b72 100%);
    background: linear-gradient(to right, #21A7C2 0%,#102B72 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21a7c2', endColorstr='#102b72',GradientType=1 );
    border-radius: 0px !important;
    text-align: left;
    padding-left: 25px;
    position: relative;
}


#sidebar .squarebtn.light:after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute !important;
    right: 11px;
    top: 12px;
    z-index: 9999;
    content: "";
}



h3 span{
    font-weight: bold;
    color: #42b5ce !important;

}



#mid ul.buttons {
    padding: 0px;
    float: none;
    list-style-type: none;
    width: 100%;
    max-width: 980px;
    margin: 0px auto;
}

#mid ul.buttons:after {
    content: "";
    display: block;
    clear: both;
}

#mid ul.buttons li {
    width: 32% !important;
    height: 90px;
    margin: 0 auto;
    padding: 0;
    float: left;
    display: inline-block;
    margin-left: 1%;
}

#mid ul.buttons .squarebtn {
    height: 100%;
    line-height: 22px;
    padding-top: 30px;
    box-sizing: border-box;
}

#mid ul.buttons .squarebtn:nth-child(2) {
    padding-top: 20px;
}


#mid ul.buttons li a:hover, .buttons li a:hover, .squarebtn:hover {
    color: #fff;
}


/********** **********/

#header_contact {
	left: 570px !important;
	width: 540px;
	position: absolute !important;
	text-align: right;
	padding: 10px 0 0 0;
}

/*
#header_contact img {
	float: left;
	padding: 0 0 0 15px;
}

.logged-in #header-contact a img {display:none;}
*/

#header_contact a {
    font-size: 13px;
    font-family: "proxima-nova","proxima nova",sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    color: #0D2773;
    display: inline-block;
    width: auto;
    margin: 5px 9px;
    float: left;
}

#header_contact a span {
    display: block;
    font-size: 12px;
    color: #0FA8C5;
}

.home #mid{
	text-align: center;
}


#content {
	max-width: 630px;
	float: left;
}

.ginput_complex #et-boc input, .ginput_complex #et-boc label, .ginput_complex #et-boc li, .ginput_complex #et-boc span, .ginput_complex #et-boc textarea, .ginput_complex #et-boc ul {
	margin: auto;
}

#footer .wrapper .left {
  width: 500px;
  float: left;
}
#footer .wrapper .right {
  width: 480px;
  float: right;
  text-align: right;
}


/**** LANDING *****/
.page-template-page-landing #mid {
    min-height: 350px;
    position: relative;
    width: 980px;
}





/****** MESSAGING PAGE *******/

#twilio-message-box {
    max-width: 400px;
    margin: 0 auto;
    background: #eee;
    padding: 30px 40px 40px;
    box-sizing: border-box;
    border-radius: 4px;
}
	
	#twilio-message-box label {
	    margin: 20px auto 0;
	    display: block;
	    font-weight: 600;
	}
	
		#twilio-message-box label:first-of-type {
		    margin-top: 0;
		}
	
		#twilio-message-box label span {
		    font-style: italic;
		    display: block;
		    font-size: 13px;
		    font-weight: 400;
		}

	#twilio-message-box textarea {
	    margin-top: -10px;
	    min-height: 80px;
	    width: 100%;
	    border-radius: 3px;
	    border: 1px solid #ccc;
	    padding: 10px;
	    box-sizing: border-box;
	}

	#twilio-message-box input[type=submit] {
	    display: block;
	    margin-top: 20px;
	    font-size: 18px;
	    font-weight: 400;
	    text-transform: uppercase;
	    padding: 0.6em 3em;
	    height: auto;
	}






.handle{
	display: none;
}
#mid .buttons .show-mobile, .show-mobile {
	display: none;
}

/*
.show-desktop {
	display: block;
}
*/



/*** BEAUTIFUL SMILES LANDING ***/
  
  
#top .auxiliary {
    height: 28px;
    background: #00a4c4 !important;
    color: #fff;
    font: normal 12px/28px Verdana, sans-serif;
}


#beautifulsmiles .fullwidth{
	max-width: 100%;
	width: 100%;
	position: relative;
}

#beautifulsmiles .max1200{
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}


	#beautifulsmiles #headerWrap {
	    background-image: url(/wp-content/themes/kirkpatrickandlai/img/bs-headerimage.jpg);
	    background-repeat: no-repeat;
	    background-size: auto 100%;
	    background-position: center;
	    background-color: #ccc;
	    display: flex;
	    align-items: center;
	    text-align: right;
	    padding: 100px 0;
	}
	
	
		#beautifulsmiles #headerWrap #header{
		
		}


#deal {
    position: absolute;
    right: -85px;
    top: -150px;
}


#beautifulsmiles #headerWrap .btn {
    background-color: #0ea8c5;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0;
    padding: 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}


#beautifulsmiles #headerWrap .messaging {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


	#beautifulsmiles #headerWrap .messaging h1 {
	    font-size: 59px;
	    font-weight: 700;
	    text-transform: uppercase;
	    margin-bottom: 0;
	    margin-top: 25px;
	    font-family: "proxima-nova","proxima nova",sans-serif;
	    word-wrap: normal;
/* 	    color: #fff; */
	    text-shadow: 0 2px 4px rgba(0,0,0,.5);
	}
	
	
	#beautifulsmiles #header .messaging h2 {
	    font-size: 26px;
	    letter-spacing: 1px;
	    max-width: 50%;
	    position: relative;
	    text-align: right;
	    font-family: "proxima-nova","proxima nova",sans-serif;
	    word-wrap: normal;
	    color: #fff;
	    text-shadow: 0 2px 4px rgba(0,0,0,.5);
	}


		#beautifilsmiles .btn{
			background: #00a4c4 !important;
		}
		
		
		#beautifulsmiles h2{
			color: #275485;
		}



#midWrap {
    display: flex;
    flex-direction: row;
}


	#midbarWrap {
	    /* background-color: #00a4c4; */
	    padding: 0 0 20px 0;
	    box-sizing: border-box;
	}
	
	
		#midbarWrap h2 {
		    font-size: 28px;
		    text-align: center;
		    font-family: "proxima-nova","proxima nova",sans-serif;
		}
		
		
		#midWrap #formWrap h2, #midWrap #formWrap h4, #midbarWrap h2, #sidebar #formWrap h2  {
		    color: #fff !important;
		    font-family: "proxima-nova","proxima nova",sans-serif;
		}
		
		
		#midWrap #formWrap {
		    background-color: #0ea8c5;
		    max-width: 30%;
		    width: 100%;
		    text-align: center;
		    padding-bottom: 50px;
		    color: #fff;
		}
		
		
		#midWrap #formWrap .gform_wrapper, #sidebar #formWrap .gform_wrapper {
		    overflow: inherit;
		    margin: 1em 0;
		    max-width: 84% !important;
		    margin: 0 auto !important;
		}
		
		
		#midWrap #formWrap .gform_wrapper .gform_footer {
		    text-align: center !important;
		}
		
		
		.gform_wrapper .button {
			background: none repeat scroll 0 0 #fff;
			color: #000;
			margin: 0 auto !important;
		}
		
		
		#midWrap #formWrap h4, #sidebar #formWrap h4 {
		    font-size: 16px;
		}
		
		
		#midWrap #formWrap h2, #sidebar #formWrap h2 {
		    font-size: 24px;
		    margin-top: -15px;
		}


#sidebar .gform_wrapper .gform_footer {
    text-align: center;
}


#sidebar ul {
    padding-left: 0;
    text-align: center;
    padding: 0;
}


#sidebar #formWrap {
    background-color: #00a4c4;
    text-align: center;
    color: #fff !important;
    padding: 5px 0;
}
	

#contentWrap {
    display: flex;
    max-width: 70%;
    width: 100%;
    flex-direction: row;
    padding: 30px 30px 0 0;
    font-family: "proxima-nova","proxima nova",sans-serif;
}


.boxWrap ul {
    list-style: none;
}


.boxWrap ul li:first-child {
    background-color: #00a4c4;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
}


.boxWrap ul li:nth-child(2) {
    background-color: #0ea8c5;
    padding: 5px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}


.boxWrap ul li:nth-child(3) {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    color: #0ea8c5;
}


#testimonialWrap{
	background-image: url(/wp-content/themes/kirkpatrickandlai/img/TealBG.jpg);
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #ccc;
    padding: 30px 0;
    font-family: "proxima-nova","proxima nova",sans-serif;
}


#testimonial ul {
    display: flex;
    list-style: none;
    flex-direction: row;
}


#testimonial ul li {
    color: #fff;
    font-size: 19px;
    font-weight: 300 !important;
    padding: 39px;
    line-height: 1.5;
}


#testimonial h2 {
    color: #fff;
    text-align: center;
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 5px;
}


.accent{
	color: #00a4c4 !important;
}


#testimonial ul li span.accent {
    display: block;
    margin-top: 20px;
}


#bracesWrap.fullwidth{
	padding: 30px 0;
	position: relative;
} 


#bracesWrap .max1200 ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
}


#bracesWrap.fullwidth h2 {
    font-size: 36px;
}



.slidertext {
    color: #fff;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
}


.sp-button {
    width: 18px;
    height: 18px;
    border: 2px solid #00a4c4;
}


.sp-selected-button {
    background-color: #fff;
}


h3 span {
    font-weight: bold;
    color: #42b5ce !important;
    font-size: 18px;
}


#beautifulsmiles #container p, #beautifulsmiles #container ul li, #bracesWrap.fullwidth p  {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 300 !important;
}


#beautifulsmiles #container iframe {
    float: right;
    margin: 0 25px 25px;
    border: 6px #0ea8c5 solid;
}


#beautifulsmiles #container h2 {
    color: #0ea8c5;
    font-size: 33px;
    max-width: 60%;
    font-weight: 300 !important;
    text-transform: uppercase;
}


#sidebar #formWrap {
    background-color: #00a4c4;
    text-align: center;
    color: #fff !important;
}



#sidebar form input[type="text"], #sidebar form textarea {
    width: 245px !important;
    height: 36px !important;
    position: relative;
    top: 7px !important;
}


/********* SECTION 11 - TESTIMONIALS **********/

#home-success {
    position: relative;
    background: #17365f;
    overflow: hidden;
    margin-bottom: 0;
}
	#home-success:after {content:"";display:block;clear:both;}
	#home-success-media {
		width: calc(50% + 80px);
		float:right;
		position:relative;
		min-height: 380px;
	}
		#home-success-media:after {
			content:"";display:block;padding-top:56.25%;
		}
		.home-success-media {
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			width:100%;
			height:100%;
			background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
			opacity:1;
			-webkit-transition:-webkit-transform 0.2s ease-out,opacity 0.08s ease-out;
			-moz-transition:-webkit-transform 0.2s ease-out,opacity 0.08s ease-out;
			transition:-webkit-transform 0.2s ease-out,opacity 0.08s ease-out;
		}
			.home-success-media.fade {
				opacity:0;
			}
			.home-success-media:not(.active) {
				-webkit-transform:translateX(100%);
				-moz-transform:translateX(100%);
				transform:translateX(100%);
				opacity:0;
			}
			
					
			#home-success .home-success-media.video {
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: 0;
			    right: 0;
			}	
				#home-success .home-success-media.video iframe {
				    height: 100%;
				    width: 100%;
				}		

	
	#home-success-content {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	#home-success .thrive-content {
		color:white;
		display:table;
		height:100%;
	}
		#home-success-cell {
			display:table-cell;
			vertical-align:middle;
			width:100%;
			height:100%;
		}
			#home-success-cell:after {content:"";display:block;clear:both;}
			#home-success-text {
				width: calc(50% - 80px);
				float:left;
				box-sizing:border-box;
				padding-right:30px;
			}
				#home-success-text h5 {
					font-size:42px;
					font-weight:100;
					margin-bottom:20px;
					-webkit-font-smoothing:antialiased;
				}
					#home-success-text h5 a {
						color:white;
					}
						#home-success-text h5 a:hover {
							color:white;
						}
					#home-success-slider {
						height:180px;
						position:relative;
					}
						.home-success-slider-story {
							position:absolute;
							top:0;
							left:0;
							right:0;
							bottom:0px;
							opacity:1;
							-webkit-transition:-webkit-transform 0.2s ease-out,opacity 0.08s ease-out;
							-moz-transition:-webkit-transform 0.2s ease-out,opacity 0.08s ease-out;
							transition:-webkit-transform 0.2s ease-out,opacity 0.08s ease-out;
						}
							.home-success-slider-story.fade {
								opacity:0;
							}
							.home-success-slider-story:not(.active) {
								-webkit-transform:translateX(-100%);
								-moz-transform:translateX(-100%);
								transform:translateX(-100%);
								opacity:0;
							}
							.home-success-slider-story-table {
								display:table;
								height:100%;
								width:100%;
							}
								.home-success-slider-story-cell {
									display:table-cell;
									height:100%;
									vertical-align:middle;
								}
									.home-success-slider-story-cell p {
										margin-top:0px;
										font-size:16px;
										line-height:18px;
										-webkit-font-smoothing:antialiased;
										margin-bottom:6px;
									}
							
									.home-success-slider-story-cell span {
										font-size:14px;
										font-weight:600;
										-webkit-font-smoothing:antialiased;
									}
			
			#home-success-dots {
			
			}
				#home-success-dots:after {content:"";display:block;clear:both}
				.home-success-dot {
					width: 14px;
					height: 14px;
					box-sizing: border-box;
					border: 2px solid white;
					border-radius: 50%;
					float: left;
					margin: 6px 8px 6px 0px;
					margin-right: 8px;
					cursor: pointer;
				}
					.home-success-dot.active {
						background:white;
					}
					.home-success-dot:hover {
						background:#aaa;
					}
					
				.home-success-arrow {
					float:left;
					font-size:0px;
					cursor:pointer;
					padding:6px;
					border-radius:50%;
				}
					.home-success-arrow:hover {
						background:#0b9bd7;
					}
					.home-success-arrow svg {
						height:14px;
						width:14px;
					}
						.home-success-arrow svg path {
							fill:white;
						}
						
textarea.small {
    border: 1px solid #aaa !important;
}
.page-id-3562 #content ul li {
    font-size: 20px;
}

#gform_submit_button_25, #gform_submit_button_27, #gform_submit_button_28, #gform_submit_button_29 {
    background: #0089c0;
    color: #fff;
}
						
@media screen and (max-width:1023px) {

.desktopWrap {
    display: none;
}

.mobWrap {
    display: block;
}

.mobWrap ul {
    flex-direction: column !important;
}

.mobWrap iframe {
    display: block;
    position: relative;
    left: 0 !important;
    max-width: 100%;
    height: 100% !important;
}


#beautifulsmiles #container iframe {
    float: none;
    min-height: 400px !important;
}


#beautifulsmiles .max1200 {
    max-width: 80%;
    text-align: center;
}


#beautifulsmiles #container h2 {
    max-width: 100%;
    text-align: center;
}


#bracesWrap .max1200 ul {
    flex-direction: column-reverse;
}


#contentWrap {
    flex-direction: column;
    padding: 0 30px 0 0;
}


.boxWrap ul {
    list-style: none;
    padding: 0;
    margin: 0px 0 37px;
}


#midWrap #formWrap {
    max-width: 50%;
    padding: 15px;
}


#beautifulsmiles #headerWrap .messaging {
    align-items: center;
}


	#beautifulsmiles #header .messaging h2 {
	    max-width: 100%;
	    text-align: center;
	    margin: 0 auto;
	}


#midWrap {
    display: flex;
    flex-direction: row;
    padding-top: 30px;
}


	#midbarWrap {
	    display: none;
	}

}			
		@media screen and (max-width:980px) {
			#home-success-text h5 {
				font-size:34px;
			}
			#home-success-media {
				width:50%;
			}
			#home-success-text {
				width:50%;
			}
				
		}
			
			
	@media screen and (max-width:767px) {
		#home-success-content {
			position:static;
		}
		#home-success-content .thrive-content {
			display:block;
			padding:50px 0px;
		}
			#home-success-cell {
				display:block;
			}
				#home-success-text {
					width:100%;
					float:none;
					padding:0;
				}
		#home-success-media {
			width:100%;
			float:none;
			min-height:0px;
		}
		
		.home-success-dot {
			width: 24px;
			height: 24px;
		}
		.home-success-arrow svg {
			height: 24px;
			width: 24px;
		}
		
		#video-container {
		    width: calc(100vh + 100vw);
		    height: 103vh;
		}
			#video-container video {
			    top: 0 !important;
			    left: 0 !important;
			    bottom: 0;
			    right: 0;
			    width: 100%;
			    height: auto;
			    transform: translate(-30%);
			    min-width: 1120px;
			}
	}
	
	
/****** HANDS ON *****/
#conference-benefits .btn.thrive-btn {
	background: #17365f;
}

#footer a, #footer p {
	font-size: 14px;
}

/* -------------------------------------------------------------------- */
/* ------------------------- TESTIMONIALS SECTION --------------------- */
/* -------------------------------------------------------------------- */

#home-testimonials {
	text-align:center;
	color:#fff;
	background:#0b9bd7;
	padding:30px 0px;
}
	#home-testimonials h6 {
		font-size:14px;
		font-weight:600;
		text-transform: uppercase;
	}
	#home-testimonials-slider {
		position:relative;
		margin-top:18px;
	}
		.home-testimonial {
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
		}
			.home-testimonial-table {
				display:table;
				width:100%;
				height:100%;
			}
				.home-testimonial-cell {
					display:table-cell;
					vertical-align:middle;
					height:100%;
				}
				.home-testimonial-cell p {
					margin-top:0px;
					font-size: 22px;
					font-weight:500;
					font-style:italic;
					margin-bottom:14px;
					-webkit-font-smoothing:antialiased;
				}
				.home-testimonial-cell .thrive-content {
					padding: 0px 80px;
					box-sizing: border-box;
					
				}
				.home-testimonial-cell .thrive-content > div {
					display:inline-block;
				}
				.home-testimonial-cell .thrive-content > div:after { content:"";display:block;clear:both; }
				.home-testimonial-cell .thrive-content > div img {
					width:42px;
					border-radius:50%;
					float:left;
					margin-right:14px;
				}
				.home-testimonial-cell .thrive-content > div span {
					display:block;
					line-height:42px;
					float:left;
					font-size:18px;
					font-weight:600;
				}
				
		#home-testimonials-slider-arrows {
			position: relative;
			height: 320px;
		}
		@media screen and (min-width:980px) {
			#home-testimonials-slider-arrows {
				width: 85%;
			}
			.home-testimonial-cell .thrive-content {
				width: 85%;
				padding: 0px 140px;
			}
		}
				
				
	#home-testimonials-left,#home-testimonials-right {
		position:absolute;
		top:50%;
		margin-top:-20px;
		height:40px;
		width:20px;
		background-position:center;
		background-size:cover;
		cursor:pointer;
		opacity:0.7;
	}
		#home-testimonials-left:hover,#home-testimonials-right:hover {
			opacity:0.9;
		}
		#home-testimonials-left {
			background-image:url(/images/icons/paddle-left.png);
			left:28px;
		}
		#home-testimonials-right {
			background-image:url(/images/icons/paddle-right.png);
			right:28px;
		}





/***********************************/
/* responsive */
/*****************************/

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


#kl-mobform {
	display: block; 
}

.show-desktop, .heroTitle { display:none;}

.show-mobile{ display: block;}
	
#mid .buttons .show-mobile {
    display: table;
}
#mid .buttons .show-desktop {
    display: none;
}


.pull-right, .alignright, .pull-left, .alignleft {
    float: none;
}


#menu-primary-menu {
	display: none;
}


.heroTitle {
    position: relative;
    left: 0px;
    margin-top: 40px;
}

	.heroTitle .title {
	    color: #007abd;
	    position: relative;
	    margin-top: -80px;
	    max-width: 35%;
	    text-align: left;
	    padding-left: 5%;
	    font-size: 20px;
	    font-weight: 700;
	    font-family: "open sans","open-sans",sans-serif;
	    z-index: 10;
	}


.titleWrap {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 7px 35px;
    width: 100%;
    box-sizing: border-box;
}


.titleWrap h1 {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 3.5em;
    text-align: center;
    color: #0F2A71;
    position: relative;
    line-height: 39px;
}

.home .buttonsWrap.show-mobile:after {
    content: "";
    display: block;
    clear: both;
}


.show-mobile{
  display: none;
}

.buttonsWrap.show-mobile {
    background-color: #0ea8c5 !important;
    text-align: center;
    padding: 30px 0px;
    width: 100%;
    display: none;
    clear: both;
    height: auto;
}
	.buttonsWrap ul{
		padding-left: 0;
	}

	.buttonsWrap.show-mobile li {
	    margin: 5px auto;
	    width: 94%;
	    list-style: none;
	    padding: .4em 1em;
	    display: inline-block;
	}
	
		.home .buttonsWrap .squarebtn {
		    padding: 1.1em 0.2em;
		    height: 20px;
		}
		
		.home .buttonsWrap .squarebtn:nth-child(2) {
		    padding-bottom: 2em;
		}
		
		.buttonWrap h2 {
		    font-family: "Oswald",sans-serif;
		    font-weight: 400;
		    color: #FFF;
		    text-transform: uppercase;
		    font-size: 3em;
		    text-align: center;
		    position: relative;
		    text-shadow: 2px 2px #000;
		}
	
	
		.buttonWrap h2::before {
		    width: 0px;
		    height: 0px;
		    border-top: 10px solid transparent;
		    border-bottom: 10px solid transparent;
		    border-left: 10px solid #000;
		    position: absolute !important;
		    top: 14px;
		    z-index: 9999;
		    content: "";
		    left: 13px;
		}
		
		.heroTitle a {
		    color: #000;
		    text-decoration: none;
		    text-shadow: none;
		}
    		
    		#mid ul.buttons .squarebtn {
	    		padding: 30px;
    		}


.home .hero {
    background: transparent url("/wp-content/uploads/2016/01/HeroImage.jpg") no-repeat scroll right top / auto 39% !important;
    position: relative;
    clear: both;
    height: 400px !important;
}




.handle {
	float: right;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    font: 700 15px 'open sans',Arial,sans-serif;
    color: #222;
    cursor: pointer;
    display: none;
    top: 40px;
    position: relative;
    background: #fff;
    z-index: 100;
}

#top {
    width: 100% !important;
    height: 100%;
    background: #fff;
}

	#top .auxiliary {
	    width: 100%;
	    background: #fff !important;
	    height: auto;
	}
	
		#top .auxiliary .left, #top .auxiliary .right {
		    width: 100%;
		    float: none;
		    text-align: left;
		    display: none;
		}

		#top #top_container {
			width: 100%;
		}
		
			#top #brand {
			    width: 89%;
			    max-width: 340px;
			    height: 112px;
			    display: block;
			    text-indent: -9000em;
			    overflow: hidden;
			    padding-bottom: 0;
			    position: relative;
			    left: 0;
			    right: 0;
			    top: 0;
			    background-image: url("/wp-content/uploads/2016/01/klortho-logo.png");
			    background-repeat: no-repeat;
			    background-attachment: scroll;
			    background-position: 15% center;
			    background-size: 75% auto;
			    background-color: #fff;
			}
			
			#top .auxiliary .left, #top .auxiliary .right {
			    width: 100%;
			    float: none;
			    text-align: left;
			}
			
			#top .auxiliary .right {
				text-align: center;
			}


#top .seenon {
	display: none;
}

#top .contact {
	display: none;
}

/*
#header_contact {
    width: 100%;
    top: auto;
    left: 0 !important;
    position: relative !important;
    padding: 20px 4%;
    box-sizing: border-box;
    margin: 0 auto;
}
*/
#hero-video {
    background: url(/wp-content/uploads/2017/06/HeroImage-mob.jpg) no-repeat -470px/cover;
}
	#hero-video video {
		display: none;
	}
	
#pp_full_res iframe {
    position: fixed !important;
    width: auto !important;
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
    z-index: 9999999999 !important;
    padding-bottom: 60px !important;
    min-height: 170px !important;
}

#header_contact, #header_contact-mobile {
    width: 100%;
    top: auto;
    left: auto !important;
    position: relative !important;
    padding: 20px 4%;
    box-sizing: border-box;
    margin: -230px auto 0;
    float: none;
    text-align: center;
}

	#header_contact:after, #header_contact-mobile:after{
		content: "";
		display: block;
		clear: both;
	}

	#header_contact a, #header_contact-mobile a {
	    font-size: 16px;
	    font-family: "proxima-nova","proxima nova",sans-serif;
	    font-weight: 600;
	    text-decoration: none;
	    text-align: left;
	    color: #0D2773;
	    display: inline-block;
	    width: 48%;
	    margin: 5px 1%;
	    float: left;
	    border: 2px solid #0FA8C5;
	    border-radius: 4px;
	    padding: 0.4em 0.4em .4em 2.8em;
	    box-sizing: border-box;
	    position: relative;
	}
	
		#header_contact a:after, #header_contact-mobile a:after {
		    content: "";
		    display: block;
		    height: 36px;
		    width: 35px;
		    position: absolute;
		    background: url(/wp-content/themes/kirkpatrickandlai/img/icon-phone.png) no-repeat center;
		    background-size: contain;
		    top: .4em;
		    left: 0.4em;
		}
	
/*
		#header_contact a:last-child, #header_contact-mobile a:last-child {
		    margin-left: 25%;
		}
*/
		
		#header_contact a span, #header_contact-mobile a span {
		    display: block;
		    font-size: 16px;
		    color: #0FA8C5;
		}

#header_contact-mobile.show-mobile {
	display: block;
	opacity: 0;
	z-index: -1;
	transition: all .2s ease-out;
}
#header_contact-mobile.show-mobile.visible {
    display: block;
    opacity: 1;
    z-index: 10;
    background: #fffffd;
    top: 220px;
}

.page-id-52 #header_contact-mobile {
    opacity: 1;
    z-index: 1;
    position: relative;
    margin-top: 0;
}


/*
	#header_contact img {
	    width: auto;
	    height: 29px;
	    padding: 5px 0 0 5px !important;
	}
*/
#menu-mobile-menu {
    margin-top: 110px !important;
    position: relative;
}

#nav {
    right: 0px;
    top: -125px !important;
    bottom: auto;
    width: 100%;
    z-index: 100;
}


	.nav-expanded {
		z-index: 1000;
		display: block !important;
	}
	
		.nav-expanded li {
			background-color: #0ea8c5 !important;
			border-bottom: 1px solid #3395ca;
			width: 100%;
			display: block;
			float: none;
			text-align: center;
		}
		
			.nav-expanded li a {
				color: #fff !important;
			}

.social {
	display: none;
}



/**** MOBILE FORM *****/

#kl-mobform {
    max-width: 100%;
    margin: 0 auto;
    padding: 5%;
    background: #42b5ce;
}

	#kl-mobform h2 {
	    font-size: 34px;
	    color: #fff;
	    text-transform: uppercase;
	    font-family: "bebas neue","bebas-neue",sans-serif;
	    text-align: center;
	    margin: 5px auto;
	}
	
		#kl-mobform h2 span {
		    font-size: 30px;
		    font-family: "open sans","open-sans",sans-serif;
		    font-style: italic;
		    text-transform: none;
		    display: block;
		    font-weight: 100;
		}


	#kl-mobform label {
	    display: none;
	}
	
	#kl-mobform input {
		min-height: 35px;
		color: #777;
		padding: 4px;
		border: 1px solid #eee;
		font-size: 16px;
		border-radius: 4px;
		margin: 5px auto;
	}
	
	#kl-mobform input[type=submit] {
	    border: none;
	    display: block;
	    width: 100%;
	    padding: 0.4em;
	    min-height: 40px !important;
	    color: #fff;
	    font-weight: 600;
	    font-size: 20px !important;
	    font-family: "open-sans","open sans",sans-serif;
	    background: #0e2774;
	}




/*
#top .auxiliary .left {
	text-align: center;
	width: 100%;
}
*/

#container {
    width: 100%;
    position: relative;
    top: auto;
    padding: 0;
    box-sizing: border-box;
}

#menu-primary-menu {
    margin-top: 80px !important;
}

#top .sub-menu {
	display: none !important;
}

#content_home_lower {
	width: 100%;
}

#content_home_lower_left {
	width: 320px;
	padding-left: 25px;
}

#messaging_content img {
	max-width: 400px;
	height: auto;
}


.hero{
    background-image: url(/wp-content/uploads/2016/01/HeroImage.jpg);
    height: 400px;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    clear: both;
    display: none;
}


#mid {
	overflow: auto;
	width: 100%;
}

.page #mid {
	display: none;
}

.home #mid {
	position: relative;
    display:none !important;
}

	.home #mid:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 60%;
	    background: rgba(255,255,255,0.5);
	}

#mid video {
	display: none !important;
}

#mid h1 {
	text-indent: 26px;
}

#mid img {
	width: 100%;
	height: auto;
}

#messaging_content {
	max-width: 430px;
}

#sidebar {
	display: none !important;
}



#content {
    width: 100% !important;
    padding: 0 5%;
    box-sizing: border-box;
}

#content h1 {
	line-height: 28px;
}



#content iframe {
	width: 100%;
	height: 226px;
}

#main {
	width: 100%;
}

#mid ul.buttons {
	height: auto;
}

#mid ul.buttons li:nth-child(1) a {
    padding-top: 25px;
    padding-bottom: 26px;
}

#mid ul.buttons li {
    width: 32% !important;
    height: auto;
    margin: 0px auto 0px 1%;
    padding: 0px;
    float: none;
    display: table;
    margin: 0 auto;
    width: 90% !important;
    margin-top: 10px;
}


#footer {
	display: none !important;
}

img {
    max-width: 100%;
    height: auto;
}

.containCenter {
    margin: 0px auto;
    position: relative;
    width: 100%;
}

/*** LANDING PAGES ****/
#content{
    overflow: hidden;
}

#content-left, #content-right {
    width: 100% !important;
    float: none !important;
    padding: 10px !important;
    box-sizing: border-box;
    margin: 0 auto;
    border: none !important;
}

#landing_form .gform_wrapper {
    width: 100%;
    margin: 0 auto;
    left: 0;
    position: relative;
}

#content-left iframe {
    max-width: 95% !important;
    margin: 0 auto;
    min-height: 200px !important;
}


/*** BEAUTIFUL SMILE ***/


#beautifulsmiles #headerWrap .messaging {
    font-size: 25px;
}


#beautifulsmiles #headerWrap {
    background-size: cover;
    background-position: 71% 50%;
    text-align: center;
    padding: 30px 10px;
    box-sizing: border-box;
}




#beautifulsmiles #headerWrap .messaging a {
    display: block;
    margin-top: 50px;
}

#beautifulsmiles #headerWrap .messaging h1 {
    line-height: 120%;
}

#header_contact.show-mobile {
	display: block;
	opacity: 0;
	z-index: -1;
	transition: all .2s ease-out;
}
#header_contact.show-mobile.visible {
    display: block;
    opacity: 1;
    z-index: 10;
    background: #fffffd;
    top: 220px;
}

.call-now.show-mobile {
    display: block;
    font-size: 20px;
    border: 2px solid #0e2774;
    color: #0e2774;
    text-align: center;
    padding: 5px;
    max-width: 90%;
    margin: 10px auto 0;
    transition: all .2s ease-out;
}	
	.call-now.show-mobile:hover {
	    background: #0e2774;
	    color: #fff;
	    cursor: pointer;
	}

#midbarWrap {
    padding: 20px;
}

#midWrap {
    flex-direction: column;
}


#midWrap #formWrap {
    max-width: 100%;
    padding:  0 30px;
}


#midWrap #contentWrap {
    max-width: 78%;
    flex-direction: column;
    width: 100%;
}


.boxWrap ul {
    padding: 0;
}


#testimonial ul {
    flex-direction: column;
    text-align: center;
}


#testimonial ul {
    padding: 0;
}


#testimonial ul li {
    padding: 20px;
}


#bracesWrap .max1200 ul {
    flex-direction: column-reverse;
    position: relative;
}

#beautifulsmiles #headerWrap .messaging {
     align-items: center;
}


#beautifulsmiles #header .messaging h2 {
    max-width: 80%;
    text-align: center;
}


#deal {
    position: relative;
    right: 0;
    top: 0;
    margin-bottom: -65px;
}

#contentWrap {
    display: flex;
    max-width: 70%;
    width: 100%;
    flex-direction: column;
    padding: 30px 0 0 0;
    margin: 0 auto;
}


#midWrap #formWrap {
    max-width: 90%;
}


#testimonial h2 {
    max-width: 80%;
    word-wrap: normal;
}


#testimonial h2 {
    text-align: center;
    max-width: 80%;
    word-wrap: normal;
    margin: 0 auto;
}


#beautifulsmiles #formWrap {
    display: none;
}


.article {
    padding: 40px 0;
    margin: 0 auto;
}


.article iframe {
    max-width: 90%;
    margin: 0 auto;
    height: 163px;
}

#testimonialWrap {
    min-height: 0;
}


#beautifulsmiles #container h2 {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}


#beautifulsmiles #container iframe {
	width: 300px !important;
    height: 175px !important;
    margin: 20px auto 25px;
    min-height: 0 !important;
}


}


/****** MODALS *******/

.thrive-modal-trigger{cursor:pointer;}
body.modal-enabled{
	overflow:hidden;
	position:fixed;
	width:100%;
	height:100%;
}
#thrive-modal-background{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:4000;
	display:none;
	background-color:#000;
	opacity:0.65;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);
}
body.modal-enabled #thrive-modal-background{display:block;}
.thrive-modal-entire{
	position:fixed;overflow:auto;
	overflow-x:hidden;
	top:50%;
	right:0;
	bottom:0;
	left:0;
	visibility:hidden;
	z-index:-5000;
	opacity:0;
	-webkit-transform:translateZ(0);
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.thrive-modal-entire.modal-visible{
	visibility:visible;
	opacity:1;
	z-index:999999;
	background: rgba(0,0,0,0.8);
	height: 100vh;
	transform: translate(0, -46%);
	overflow: scroll;
}
.thrive-modal-container{
	position:relative;
	top:50%;
	left:50%;
	z-index:6000;
	padding-bottom:60px;
	max-width:1080px;
	transform:translate(-50%,-50%);
}
.thrive-modal{
	background-color:white;
	border-radius:6px;
	margin:0 auto;
	min-width:291px;
	max-width:calc(100% - 80px);
	padding:20px;
	box-sizing:border-box;
	position:relative;
	border-top-right-radius:0px;
}
.thrive-modal::after{
	content:"";
	display:block;
	clear:both;
}
.thrive-modal .thrive-modal-exit:not(.unstyled){
	position:absolute;
	z-index:100;
	top:-10px;
	right:-10px;
	background-color:#888;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 1);
	cursor:pointer;
	padding:17px;
	border-radius:50%;
	min-height:17px;
	min-width:17px;
	background-image:url("/wp-content/themes/kirkpatrickandlai/img/exit-white.png");
	background-position:center;
	background-repeat:no-repeat;
}
.thrive-modal .thrive-modal-exit:not(.unstyled):hover{background-color:#777;}
@media screen and (max-width:420px){
	.thrive-modal-container{top:50%;}
	.thrive-modal{
		max-width:100%;
		width:100% !important;
		border-radius:0px;
	}
	.thrive-modal .thrive-modal-exit:not(.unstyled){
		right:4px;
		top:-40px;
	}
}
#easter-egg .thrive-modal{width:90%;padding:10px;}
#easter-egg:not(.modal-visible) #jwEaster-wrapper{width:0%;}
#easter-egg.modal-visible #jwEaster-wrapper{width:100%;}
#easter-egg-gallery{display:none;text-align:center;padding:0px 40px;position:relative;}
#easter-egg-gallery img{}
#easter-egg-gallery-left,#easter-egg-gallery-right{background-color:transparent;border:0;height:57px;width:30px;cursor:pointer;position:absolute;top:50%;margin-top:-30px;}
#easter-egg-gallery-left{background-image:url("/wp-content/themes/kirkpatrickandlai/img/episode/related-arrow-left.png");left:0px;}
#easter-egg-gallery-left:hover{background-image:url("/wp-content/themes/kirkpatrickandlai/img/episode/related-arrow-left-hover.png");}
#easter-egg-gallery-right{background-image:url("/wp-content/themes/kirkpatrickandlai/img/episode/related-arrow-right.png");right:0px;}
#easter-egg-gallery-right:hover{background-image:url("/wp-content/themes/kirkpatrickandlai/img/episode/related-arrow-right-hover.png");}
iframe#youtubePlayer{max-width:100%;width:100%;height:420px;}
@media screen and (min-width:980px){}
.easter-egg-wrapper{width:980px;margin:0 auto;text-align:right;max-width:100%;}
.easter-egg-wrapper::before{content:"";display:block;clear:both;}
.easter-egg-trigger{color:#bcbcbc;font-weight:500;font-size:14px;cursor:pointer !important;display:inline-block;margin:6px 0px;padding:6px 12px;background:#eee;border-radius:3px;text-indent:22px;/* background-image:url("/wp-content/themes/myle/images/icons/gift_grey.png");background-size:18px 18px;background-repeat:no-repeat;background-position:8px center; */}
.easter-egg-trigger:hover{color:#0b9bd7 !important;/* background-image:url("/wp-content/themes/myle/images/icons/gift_blue.png"); */}
#thriveVimeo-aspect,#youtubePlayer{position:relative;height:0px;padding-top:56.4%;}
#thriveVimeo, #youtubePlayer iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
@media screen and (max-width:980px){.easter-egg-wrapper{width:768px;}
#easter-egg-mentors-wrapper{width:544px;}
}
@media screen and (max-width:767px){.easter-egg-wrapper,#easter-egg-resources{width:291px;text-align:center;}
#easter-egg-feedback{float:none;}
}