@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&display=swap');

/*

seafoam: #1bb4ac
grey: #5c5d61
light grey: #eae9e7

*/

body {font-family: 'Raleway', sans-serif;color:#5c5d61}

 
.curve-lower {position:absolute;bottom:0px;width:100%;}
.curve-lower svg {display:block;}

.btn-medina {background:transparent;border:2px solid #1bb4ac;border-radius:0;font-weight:bold;padding:16px 14px;}
.btn-medina:hover {background-color: #1bb4ac;color:#fff;}

.sect-title {color:#1bb4ac;font-size: 40px;font-weight: 700;}
.sub-title {color:#1bb4ac;font-weight:700;}

.baa-sep {padding:15px 0px;text-align:center;}

.cyl-image-item {margin-bottom:15px;}
.look-title {font-size:20px;color:#1bb4ac;font-weight: 700;}

.row-tritem {margin-bottom:30px;}

.gi-item {margin-bottom:40px;}

.row-team-item {margin-bottom:40px;}

.ot-item, .tour-nav, .gi-item, .ga-nav {margin-bottom:20px;}


/* ================================================== MENU ================================================== */
#menu-cont {position: fixed;width: 100%;z-index: 3000;background:rgba(255,255,255,0.9);}

.menu-top {width: 100%;padding:4px 0px;background-color: #000;text-align:right;padding-right: 52px;}
.mt-item {display:inline-block;color:#fff;font-size:12px;margin-left:20px;font-weight: 700;}
.mt-item a {color:#fff;text-decoration: none;;}
.mt-item .mt-item-icon {display:inline-block;margin-right:8px;}
.mt-item .mt-item-label {display:inline-block;}

.menu-bottom {width:100%;}

.logo-cont {display:inline-block;vertical-align:top;width:auto;padding:8px 0px;margin:0px 50px 0px 0px;}
#menu-cont .menu-bottom .logo-cont img {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
#menu {display:inline-block;margin:16px 0px 0px 0px;}
.nav-cont {display:inline-block;margin-top:12px;padding-left: 105px;}

.menu-link {display: none;}
.mobile-btn {width: 40px;height: 32px;background:transparent;padding: 8px 8px 4px 8px;border:2px solid #1bb4ac;}
.mobile-btn .icon-bar {height: 2px;background: #000;margin-bottom: 4px;}

.menu {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.main-list {margin:0px;}
.menu ul {padding: 0px;list-style: none;position: relative;display: table;/*margin:0 auto;*/}
.menu ul li {padding: 0px;}
.menu > ul > li {display: inline-block;}
.menu ul li a {display: block;text-decoration: none;color: #fff;font-size:14px;}
.menu ul li:hover > a {/*background: #18B898;*/font-weight: 700;}
.menu ul li > a {color: #013a65;padding: 10px 12px;}
/*#menu-cont.scrolled .menu > ul > li > a {color: #000;}*/
.menu-arrow {margin-right:10px;}
.menu ul ul {display: none;z-index:1000;position: absolute;top: 100%;min-width: 200px;;border: 0px solid #0b175c;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.menu ul li:hover > ul {display: block;}
.menu ul ul > li {position: relative;}
.menu ul ul > li a {color:#fff;padding: 10px 15px 10px 10px;height: auto;background:rgba(0,0,0,0.7);}
.menu ul ul > li a:hover {font-weight: 700;}
.menu ul ul ul {position: absolute;left: 100%;top: 0;}
@media all and (max-width: 1270px) {
    .menu-top {padding-right: 0px;}
    .menu-top .container {max-width:100% !important;}
    .mt-item {margin-left: 0px;}
    .mt-item .mt-item-label {display:none;}

    #menu-cont {display:block;}
    #menu {position:absolute;top:58px;right:-38px;height:70vh;overflow-y: auto;z-index:1000;margin:16px 50px 0px 0px;}
    a.menu-link {display: block;color: #b9c8e0;position:absolute;top:42px;right:12px;text-decoration: none;}
    .menu {clear: both;min-width: inherit;float: none;}
    .menu,.menu > ul ul {overflow: hidden;max-height: 0;}
    .menu > li > ul.sub-menu {padding: 0px;border: none;}
    .menu.active,.menu > ul ul.active {max-height: 55em;}
    .menu ul {display: inline;}
    .menu li,.menu > ul > li {display: block;}
	.menu li a {color: #fff;display: block;padding: 0.8em;position: relative;}
    .menu ul li > a {color: #fff;padding: 10px 25px;}
    .menu ul li a:hover {color: #fff;}
    #menu-cont.scrolled .menu ul li > a {color: #fff;}
    .menu-arrow {display:none;}
    .menu li.has-submenu > a:after {content: '+';position: absolute;top: 0;right: 0;display: block;font-size: 1.2em;padding: 0.55em 0.5em;}
    .menu li.has-submenu > a.active:after {content: "-";}
    .menu ul ul {width:100%;}
    .menu ul li > a {text-align:right;background:rgba(0,0,0,0.7);}
    .menu ul ul > li a {background:rgba(0,0,0,0.7);color:#fff;padding: 10px 30px 10px 10px;}
    .menu ul ul,.menu ul ul ul {display: inherit;position: relative;left: auto;top: auto;border: none;}
}


/* ================================================== BANNER ================================================== */
#banner-cont {position: relative;}
.banner-home {height:800px;color:#fff;background-image: url(../images/banners/headerevise.png);background-position:50%;background-repeat: no-repeat;background-size: cover;}
.banner-text {position:relative;padding-top:560px;text-align:center;z-index:2000;}
.banner-text h1 {font-size:40px;font-weight: 700;}
.banner-text .bh-sub-text {font-size:20px;font-weight:700;}
.banner-text .bh-text {margin-bottom:12px;}

.banner-other {height:500px;background-position:50%;background-repeat: no-repeat;background-size: cover;}


/* ================================================== OUR MISISON ================================================== */
#our-mission {padding:40px 0px;}
#our-mission .sub-title {font-size:22px;}


/* ================================================== MEET YOUR DOCTOR ================================================== */
#meet-your-dr {background-color: #eae9e7;}
#meet-your-dr .col-text {padding:40px 0px;}
#meet-your-dr .sect-title {margin-bottom:20px;}
#meet-your-dr .sect-text {margin-bottom:20px;font-weight: 700;}
#meet-your-dr .dr-quote {margin-bottom:20px;font-size: 20px;}
.dr-btns > div {display:inline-block;vertical-align: top;margin-right:12px;cursor:pointer;}
.btn-vid-icon {color:#777;text-align:center;font-size:20px;}
.btn-vid-label {color:#000;font-weight:700;}


/* ================================================== TESTIMONIALS ================================================== */
#testimonials {text-align:center;background-color:#1bb4ac;padding:60px 0px;}
#testimonials .testimonial-icon {margin-bottom:30px;}
#testimonials .testimonial-item {color:#fff;margin-bottom:20px;}
#testimonials .testimonial-text {font-style: italic;max-width: 800px;margin: 0 auto 30px;font-size: 18px;}
#testimonials .testimonial-name {font-weight: 700;}
#testimonials .testimonial-btn {margin-bottom:20px;}
#testimonials .btn-medina {border:2px solid #1bd4ac;}
#testimonials .testimonial-btn {margin-bottom:15px;}
#testimonials .btn-medina:hover {background-color:#fff;color:#1bb4ac;}
.testimonial-play a, .testimonial-play a:hover {text-decoration: none;}
.testimonial-play-icon {color:#fff;text-align:center;font-size:20px;}
#testimonials .testimonial-play-label {color:#000;font-weight:700;}


/* ================================================== INVISALIGN ================================================== */
#invisalign {height:400px;background-image:url(../images/banners/invisalign.png);background-position: 50%;background-repeat: no-repeat;background-size:cover;position:relative;}
#invisalign .invis-circle {position:absolute;top:20px;left: 520px;}
#invisalign .invis-text-cont {position: absolute;top:60px;right:400px;width:100%;max-width:400px;}
#invisalign .sect-title, #invisalign .invis-text, #invisalign .invis-icons {margin-bottom:20px;}
#invisalign .invis-icons-item {display:inline-block;margin-right:12px;}


/* ================================================== CIRCLE GALLERY ================================================== */
#circ_gallery {padding:40px 0px;}
#circ_gallery .circ-gallery-cont {text-align:center;}
#circ_gallery .circ-gal-item {display:inline-block;margin:0px 20px;}


/* ================================================== UNIQUE ================================================== */
#unique {padding:40px;background-image:url(../images/banners/background2.png);background-position:0% 50%;background-repeat: no-repeat;background-size:cover;position:relative;}
#unique .sect-title {color:#fff;text-align:center;margin-bottom:30px;}
#unique .unique-item {background:rgba(0,0,0,0.4);padding:10px;color:#fff;margin-bottom:20px;}
#unique .unique-text {color:#000;margin-bottom:20px}
#unique .katy-area {text-align:right;}


/* ================================================== FOLLOW US ================================================== */
#follow-us {padding: 40px 0px;text-align:center;}
#follow-us .row-sect-title {margin-bottom:15px;}
#follow-us .social-btn-item {display:inline-block;margin:0px 20px;cursor:pointer;}
#follow-us .social-btn-item a, #follow-us .social-btn-item a:hover {color:#fff;font-size:32px;}
#follow-us .social-btn {background-color:#1bb4ac;height:60px;width:60px;border-radius:60px;line-height:60px;}
#follow-us .follow-icons {text-align:center;width:100%;margin-top:50px;}
#follow-us .fi-item {display: inline-block;margin:0px 10px 20px;}


/* ================================================== MAP ================================================== */
#footer-map {background-color: #000;}
.map-address {display:inline-block;background-color:#1bb4ac;width:25%;padding:38px 50px;color:#000;}
.ma-logo img {margin-bottom:15px;}
.ma-title {color:#000;font-weight:700;}
.ma-text {font-size:18px;font-weight: 700;;}
.ma-dir {font-style:italic;margin-bottom:20px;font-size: 14px;}
.ma-text a, .ma-text a:hover {color:#000;text-decoration:none;}
.ma-text-b {font-weight:700;}
#footer-map .map-cont {display:inline-block;width:75%;vertical-align:top;}


/* ================================================== FOOTER ================================================== */
#footer{color:#fff;padding:40px;text-align:center;background-color:#000;}
.footer-btn .btn-medina {color:#fff;margin-bottom:20px;}
.footer-copy {font-size:11px;}
.footer-copy a, footer-copy a:hover {text-decoration: none;color:#fff;;}


/* ================================================== PAGE ================================================== */
.main-cont {padding-bottom:50px;background-color:#f5f6f4;}
.page-title {padding:40px 0px;text-align:center;}
.page-title h1 {font-size: 40px;font-weight:700;color:#000;}
.page-title h1 .seafoam-title {color:#1bb4ac;}
.main-cont .col-text {padding:40px 25px 0px;}


/* ================================================== SCHED CONSUL ================================================== */
#sched-consul {padding:40px 0px;background-color: #1bb4ac;color:#fff;}
#sched-consul .sc-title {font-size:40px;text-align:right;font-weight:700;line-height:48px;}
#sched-consul .sc-btn {padding-top:20px;}
#sched-consul .btn-medina {border:2px solid #1bd4ac;}
#sched-consul .btn-medina:hover {background-color:#fff;color:#1bb4ac;}

/* ================================================== MEDIA QUERIES ================================================== */
@media all and (max-width: 1540px) {
    #invisalign .invis-circle {left: 470px;}
}

@media all and (max-width: 1490px) {
    #invisalign .invis-circle {left: 430px;}
}

@media all and (max-width: 1470px) {
    .map-address {padding:38px 15px;}
}

@media all and (max-width: 1438px) {
    #invisalign .invis-circle {left: 380px;}
}

@media all and (max-width: 1376px) {
    #invisalign {background-image: none;height:auto;padding:40px 0px;}
    #invisalign .invis-circle {position:relative;display:inline-block;width:49%;text-align:right;top:auto;left:auto;padding-right:30px;}
    #invisalign .invis-text-cont {position:relative;display:inline-block;top:auto;right:auto;}
}

@media all and (max-width: 992px) {
    #invisalign .invis-circle {width:100%;max-width:400px;text-align:left;margin:0 auto 20px;padding:0px 15px;}
    #invisalign .invis-text-cont {margin:0 auto;padding:0px 15px;}

    #circ_gallery .circ-gal-item {display:block;margin:0px 0px 20px;}

    #unique {padding:40px;background-image:none;background-color: #d0cba8;}
    #unique .katy-area {text-align:left;}

    #sched-consul .sc-title, #sched-consul .sc-btn {text-align:center;}

    .map-address {display: block;width: 100%;}
    .map-cont {display: block;width: 100%;}
}

@media all and (max-width: 550px) {
    .banner-home {background-position:24% 50%;}
    .banner-text h1 {font-size:30px;}
}

@media all and (max-width: 500px) {
    #follow-us .social-btn-item {margin: 0px 6px;}
    #follow-us .social-btn-item a, #follow-us .social-btn-item a:hover {font-size: 28px;}
    #follow-us .social-btn {height: 50px;width: 50px;border-radius: 50px;line-height: 58px;}
}