/****** KLORTHO - NEW HOMEPAGE 2018 *******/

#getstartedWrap {
    background-color: #fff;
    padding: 66px 0 30px;
    color: #313190;
    text-align: center;
    position: relative;
    min-height: 300px;
}


p, ul li {
    font-size: 18px;
    line-height: 1.5;
    font-family: "proxima-nova","proxima nova",sans-serif;
}

.page-id-4207 {
    font-size: 16px;
}

.page-id-4207 #footer {
	font-size: 10px;
}

.btn {
    background: #22a8c3 !important;
    color: #fff !important;
    padding: 0.7em 1em !important;
    border-radius: 4px !important;
    display: inline-block;
    font-size: 18px;
}


.person {
    float: right;
}


#mid-orthodontics-everyone .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_left.et_pb_text_3 .et_pb_text_inner {
    min-height: 950px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


	#mid-orthodontics-everyone ul li {
	    color: #112b71;
	    line-height: 1.5;
	}
	
	
	#mid-orthodontics-everyone h5 {
	    font-size: 21px;
	    line-height: 1.5;
	    word-wrap: normal;
	}
	
	
	#inset-video-link {
	    display: flex;
	    flex-direction: row;
	    background: #112B71 url(/wp-content/uploads/2019/01/tulsa-braces-giving-smiles-birthdays-bg-2.png) center -150px/cover !important;
	    position: absolute;
	    border: 1px red solid;
	    z-index: 9999;
	    bottom: 0;
	    left: 0;
	    right: 0;
	}
		#inset-video-link:before {
		    content: "";
		    display: block;
		    position: absolute;
		    top: 0;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    background: rgba(0,0,0,0.2);
		}
		#inset-video-link .et_pb_text_inner {
		    display: flex;
		    flex-direction: row;
		    justify-content: center;
		    align-items: center;
		    padding: 20px 20px 30px 20px;
		}
		
			#mid-ortho-video #inset-video-link .et_pb_text_inner h3 {
			    font-size: 24px !important;
			    text-align: right !important;
			    font-weight: 700;
			    text-shadow: 0 2px 2px rgba(0,0,0,.2);
			    text-transform: uppercase !important;
			    position: relative;
			    bottom: 3px;
			    font-family: "proxima-nova","proxima nova",sans-serif !important;
			    left: 0;
			}
			
			#inset-video-link .et_pb_text_inner img.alignnone.size-full.wp-image-4209 {
			    max-width: 50px !important;
			    position: relative;
			    bottom: 7px;
			}
	

#calltoactionsectionWrap .calltoactionsectionWrap .personimage .person .et_divi_builder #et_builder_outer_content .et_pb_image .et_pb_image_wrap {
    display: inline-block;
    position: relative;
    max-width: 100%;
    text-align: right;
    float: right !important;
}

.personimage {
    position: relative !important;
    min-height: 650px !important;
}

	
.et_divi_builder #et_builder_outer_content .et_pb_section_video_bg {
    top: -15px;
}

#calltoactionsectionWrap {
/*     background-color: #ccc !important; */
}

/* TESTIMONIALS SECTION */

.et_divi_builder #et_builder_outer_content .et_pb_section_6.et_pb_section {
    background-color: #21a8c3!important;
    padding: 0;
}


/****** HERO ******/
#home-hero, #home-hero .mejs-inner {
    position: relative;
/*     height: 550px; */
}


#home-hero h1 {
    font-size: 46px;
    padding-top: 0;
    margin-left: auto;
    color: #fff;
    border: 6px #22a8c3 solid;
    display: inline-block;
    padding: 45px !important;
    position: relative;
}


	#home-hero .header-content-container.center {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}
	
	#home-hero:before {
	    content: "";
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
/* 	    background: rgba(0,0,0,0.4); */
	    z-index: 1;
	}
	#home-hero .et_divi_builder #et_builder_outer_content .et_pb_section_video_bg .mejs-video {
	    left: 50%;
	    top: 50%;
	    transform: translate(0,-40%);
	    position: absolute;
	    max-width: none;
	    background-color: #fff !important;
	}
	
#home-hero h1 {
    font-size: 46px;
    padding-top: 100px;
    margin-left: auto;
    visibility: hidden;
}
#home-hero img {
    position: absolute;
    top: 50%;
    left: -30%;
}

#home-hero:before {
    top: 0px !important;
    bottom: 15px;
/*     background: #fff !important; */
}

#home-hero .et_divi_builder #et_builder_outer_content .et_pb_row_1.et_pb_row {
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 1080px !important;
}

#calltoactionsectionWrap .calltoactionsectionWrap {
    max-width: 780px !important;
}

#home-hero .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
    background-color: #fff;
}

#home-hero .et_divi_builder #et_builder_outer_content .et_pb_section_video_bg {
    background-color: #fff;
}

.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
    margin-right: 0 !important;
}

#header-playbuttonWrap {
    width: 100%;
    position: absolute !important;
    left: 50%;
    transform: translate(-50%);
    max-width: 450px;
    text-align: center !important;
}
	#header-playbuttonWrap .messaging-video img {
	    display: inline-block !important;
	    float: none;
	    left: auto;
	    position: relative;
	}
#header-playbuttonWrap {
    top: 60%;
}

.hero-reviews {
    max-width: 400px;
    margin: 10px auto !important;
    text-align: center !important;
    color: #fff !important;
}
	.hero-reviews img {
	    position: relative !important;
	    display: block !important;
	    margin: 0 auto 10px !important;
	    float: none !important;
	    left: auto !important;
	    max-width: 200px !important;
	}



/****** THE DIFFERENCE / FORM *******/
#difference-title h2 {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 700;
    font-family: "proxima-nova","proxima nova",sans-serif;
    color: #22a8c3;
    padding-bottom: 0;
}

#home-consult-form {
    max-width: 450px;
    font-size: 14px;
    border-radius: 10px !important;
    background-color: #21a8c3;
    padding-top: 30px!important;
    padding-right: 30px!important;
    padding-bottom: 30px!important;
    padding-left: 30px!important;
}


	#home-consult-form h2 {
	    font-size: 34px;
	    text-align: center !important;
	    font-weight: 700;
	    font-family: "proxima-nova","proxima nova",sans-serif;
	    text-transform: uppercase;
	}
		#home-consult-form label {
		    margin-top: 5px;
		}
		#home-consult-form input:not([type=submit]), #home-consult-form textarea {
		    width: 100% !important;
		    background: #fff !important;
		    border: none;
		    font-size: 16px;
		    padding: 5px 10px !important;
		    color: #777;
		    border-radius: 3px;
		}
		#home-consult-form input[type=submit] {
		    border: 1px solid #fff;
		    padding: .3em 1em !important;
		    height: auto !important;
		    font-weight: 600 !important;
		    font-size: 16px !important;
		}

#mid-blocks {
    font-size: 14px;
    color: #112B72 !important;
}		
	#mid-blocks .et_pb_main_blurb_image {
		width: 84px !important;
	}
	#mid-blocks h4 {
	    font-size: 22px !important;
	    text-transform: uppercase;
	    color: #112b71;
	    font-weight: 700;
	    font-family: "proxima-nova","proxima nova",sans-serif;
	}
		#mid-blocks h4:after {
		    content: "";
		    display: block;
		    border-bottom: 3px solid #999;
		    width: 60%;
		    margin-top: 5px;
		}
		
#mid-orthodontics-everyone {
	color: #22a8c3  !important;
	font-size: 16px;
}

	#mid-orthodontics-everyone h2, #mid-beautiful-smile h2 {
	    font-size: 48px;
	    text-transform: uppercase;
	    font-weight: 700;
	    color: #22a8c3;
	    font-family: "proxima-nova","proxima nova",sans-serif !important;
	    max-width: 75%;
	    word-wrap: normal;
	}	
	
#mid-orthodontics-everyone li {
    list-style: none !important;
    padding-left: 40px !important;
    position: relative;
    margin: 25px auto;
    text-indent: 0 !important;
    padding-right: 50px;
    font-family: "proxima-nova","proxima nova",sans-serif;
}
	#mid-orthodontics-everyone li img {
	    position: absolute;
	    left: -20px;
	}		
		
	#mid-ortho-video {
	    padding-top: calc(40% - 280px) !important;
	    padding-right: 40px !important;
	    padding-left: 190px !important;
	    position: relative;
	}
		#mid-ortho-video:before {
		    content: "";
		    display: block;
		    border-left: 190px solid #fff;
		    border-top: 1200px solid transparent;
		    left: 0;
		    top: 0;
		    position: absolute;
		}
		#mid-ortho-video h3 {
		    font-size: 33px;
		    text-align: right !important;
		    font-weight: 700;
		    text-shadow: 0 2px 2px rgba(0,0,0,.2);
		}
		
#mid-beautiful-smile {
    z-index: 10 !important;
    position: relative !important;
}
	#mid-beautiful-smile h2 {
	    font-size: 36px;
	    text-transform: uppercase;
	    color: #22a8c3;
	}	
		#mid-beautiful-smile h2 strong {
		    display: block;
		}
		
textarea.small {
    border: 1px solid #aaa !important;
}

@media screen and (max-width: 1650px) {
	
#mid-ortho-video:before {
	display: none;
}

#inset-video-link .et_pb_text_inner {
    display: block;
    text-align: center !important;
}

#mid-ortho-video #inset-video-link .et_pb_text_inner h3 {
    text-align: center !important;
    position: relative;
    left: 0;
}

#mid-orthodontics-everyone h2, #mid-beautiful-smile h2 {
    font-size: 31px;
    max-width: 100%;
    word-wrap: normal;
    text-align: center !important;
}

#mid-orthodontics-everyone ul {
    padding-bottom: 100px !important;
}

.person {
    max-width: 478px;
    left: -20px;
    position: relative;
}

}	


@media screen and (max-width: 980px) {
	#inset-video-link {
	    padding-top: 30px !important;
	    display: block;
	    background: #112B71 url(/wp-content/uploads/2019/01/tulsa-braces-giving-smiles-birthdays-bg-2.png) center top/cover !important;
	}
		#inset-video-link:before {
			background: rgba(0,0,0,.2);
		}
	#mid-ortho-video {
	    padding-top: 90px !important
	}
}
	
@media screen and (max-width: 640px) {
	
	#top {
	    z-index: 10;
	}
	
	.btn {
		display: block;
	    width: 100% !important;
	    text-align: center !important;
	    margin-bottom: 40px !important;
	}

	

#home-hero {
    background-position: -370px center !important;
    width: 100vw;
    overflow: hidden;
}
	#home-hero img {
	    position: relative;
	    top: 0;
	    left: auto;
	    float: none !important;
	    margin: 0 auto 40px !important;
	    display: block !important;
	}
	#home-hero h1 {
	    text-align: center !important;
	}
	#header-playbuttonWrap {
	    position: relative !important;
	    top: auto;
	    margin: 0 auto !important;
	    padding: 80px 2.5% 50px !important;
	}
		#header-playbuttonWrap h1 {
		    margin-bottom: 50px !important;
		    position: relative;
		    display: block;
		    padding: 30px !important;
		    font-size: 24px;
		}




	#home-consult-form {
	    max-width: 90%;
	    margin: -40px auto 40px !important;
	    text-align: center !important;
	}
		#home-consult-form label {
		    margin-top: 15px;
		}
		
	#difference-title h2 {
		font-size: 30px;
	}
	
	#mid-blocks {
	    padding-top: 0 !important;
	}
		#mid-blocks.et_pb_row .et_pb_blurb {
		    max-width: 90% !important;
		    margin: 0 auto !important;
		}
		
	#mid-orthodontics-everyone .et_pb_column:first-child {
	    padding-left: 5% !important;
	}
	
/*
	#mid-ortho-video {
		padding-left: 30px !important;
		padding-right: 30px !important;
		padding-top: 20px !important;
		text-align: center !important;
	}
*/
		#mid-ortho-video:before {
		    content: "";
		    display: none !important;
		    position: absolute;
		    border: none;
		    top: 0;
		    bottom: 0;
		    left: 0;
		    right: 0;
		}
		
		#mid-ortho-video h3 {
			text-align: center !important;
			padding-top: 40px !important;
		}
	.hero-reviews {
		padding: 0 5% !important;
	}
	
}	



/*** 2020 Homepage Styles ***/
#home-hero-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60vh;
    background-position: right center !important;
}
	#home-hero-2 h1 {
		color: #fff !important;
		text-align: center !important;
		display: block !important;
	}