
/** Generated by FG **/
@font-face {
    font-family: 'Montserrat-Regular';
    src: local('☺'), url('https://macNeillfamilydental.blob.core.windows.net/content/fonts/Montserrat-Regular.woff') format('woff'), url('https://macNeillfamilydental.blob.core.windows.net/content/fonts/Montserrat-Regular.woff2') format('woff'),
    font-weight: normal;
    font-display: swap;

    font-style: normal;
}
.topinfo li:hover img {
    display: none;
}

.topinfo li:hover img + img {
    display: inline;
}

.topinfo img + img {
    display: none;
}

header .container{max-width:90%;width:100%;}
section.patientoverview .row > div {
    padding: 0px 36px;
}



.logonew img{display:block;margin:0 auto}

section.refer .col-md-2 img {
    max-width: 80%;
}

body.not-home header ~ div:first-of-type+ div {
    padding-top: 60px !important;
}

section.refer .col-md-2:hover img {
    display: none;
}

section.refer .col-md-2:hover img+ img {
    display: block;
}

section.refer .col-md-2 img:hover + img {
    display: block;
}

section.refer img + img {
    display: none;
}

section.refer img {
    display: block;
    margin: 0 auto;
}




.not-home header{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #f1f1f1;
}

header .row {
    display: flex;
    align-items: center;
}

li.dropdown.open a {
    background: #2b344d !important;
}





ul.dropdown-menu {
    position:static;
    background: #2b344d;
    box-shadow:none;
    border:none;

}

a:hover{text-decoration:none !important;}

ul.dropdown-menu a {
    color: #fff !important;
        font-family: 'Montserrat-Regular';
        font-size:12px;
        padding:5px 15px !important;
}

.dropdown-menu>li>a{color:#fff !important;text-transform:uppercase;}




body {
    background: #fff none repeat scroll 0 0;
    color: #58595b;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    line-height: 28px;
}
body, section {
    overflow-x: hidden;
}

h1,h2,h3,h4,h5{
font-family: 'Montserrat-Regular';
}

.grecaptcha-badge {
    z-index: 1;
}

.companies img {
    width: 80%;
}

.layout-internal {
    padding-bottom: 50px;
}

.social-icon{margin-left:10px;margin-right:5px;}

.phone-icon{position: relative; bottom: 2px;}

.form-control {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid silver;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #003055;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-bottom: 10px;
}


.form-group {
    margin-bottom: 0px;
    margin-top: 0px;
}

.appointment-request-form textarea {
    margin-bottom: 20px;
    margin-top: 0px;
}

textarea.form-control {
    height: auto;
}

.field-validation-error {
    font-size: 12px;
}

.home-border-right {
    border-right: 1px solid #323434;
}

.main-body-content{
    background-color: #fff;
    min-height: 500px;
    padding: 0 0 0px 0;
}

.white-background {
    background: #fff;
    padding: 0;
}

.mi-boxed-layout {
    padding: 0px;
    background-color: #fff;
}

.mi-boxed-container {
    background-color: #fff;
    padding: 20px;
    min-height: 700px;
    padding-bottom: 50px;
}

nav a {
    color: #000;
}

a {
    color:#5c6a51;
}

.blog .sidebar .wdgt-title{background-color: #003249 !important}
.blog input.btn.btn-sm.btn-default{    border-color: #2b344d;
    background: #2b344d;
color:#fff !important;
    font-family: 'Montserrat-Regular';}


    .blog input.btn.btn-sm.btn-default:hover{    border-color: #2b344d;
    background:transparent;
color:#2b344d !important;
    font-family: 'Montserrat-Regular';}



    a:hover {
        text-decoration: underline;
    }

h2.post-title {
    font-weight: 800;
}
input.btn.btn-sm.btn-default {
    border-color: #ffb84d;
}
input.btn.btn-sm.btn-default:hover {
    border-color: #107575;
}


h1, h2, h3, h4 {
    color: #000;
}

h1 {
  font-size: 44px;
  margin-top: 10px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

.orange-text {
 color: #f1592b;
 font-weight: bold;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 9px 18px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius:0px;
    color:#13455e;
}
.sidebar .wdgt-title{    background-color: #107575 !important;}

.btn-primary {
  color: #fff;
  background-color: #002a62;
  border-color: #002a62;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color:#2b344d;
  border-color:#2b344d;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #6d6f71;
  border-color: #c37417;
}


/* OVERRIDE BOOTSTRAP
-------------------------------------------------- */

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-top: 8px;
}


/* CUSTOMIZE THE HEADER ABOVE NAV
-------------------------------------------------- */
.header-upper {
    background-color: #002a62;
    color: #fff;
    padding: 20px;
}

.header-phone {
    float: right;
    font-size: 22px;
    font-weight: 500;
    text-align: right;
    padding-top: 5px;
    line-height: 32px;
}

.header-phone a {
    color: #fff;
}

.header-phone a:hover {
    color: #fff;
    text-decoration: underline;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.header-nav-bg {
    background-color: #00a0df;
    color: #fff;
}

.logo {
    float: left;
}

.navbar {
    background: none;
    border-radius: 0px;
    margin-bottom: 0px;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
}

.navbar-header {
    padding-top: 0px;
    margin-bottom: 0px;
}

.fa-2x {
    position: relative;
    bottom: 8px;
}

.navbar-nav li:hover {
    background: none;
    color: #1a1b20;
}

.navbar-nav > li > a {
    border-bottom:1px solid #fff;
    color: #fff !important;
    font-size: 15px;
    font-weight:400;
    text-transform: uppercase;
}

.navbar-nav > li a:hover {
    text-decoration: underline;
    background: none;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover
{
    background: none;
}

.login {
    color: #777;
}

.login:hover {
    color: #333;
    text-decoration: none;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 15px;
    padding: 9px 10px;
    position: relative;
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    background-color: #fff;
}

/* HOME HERO
-------------------------------------------------- */
.home-hero {

}

.home-hero h1 {

}


/* FOOTER ********************************/

footer {
  background-color: #002a62;
  color: #fff;
  text-align: center;
  padding-bottom: 100px;
  padding-top: 30px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

footer li {
    line-height: 20px;
}

.footer-left {
    text-align: left;
    font-size: 14px;
}

.footer-right {
    text-align: right;
    font-size: 11px;
}

.opentime {
    margin-bottom: 10px;
}

.iconize {
    color: #00a0df;
}

.fa-2x {
    font-size: 28px;
}


/* REVIEWS -------------- */
.fa-star { background-image: url(https://droi.azureedge.net/content/shared/images/icons/18x18/star.png); width: 18px; height: 18px; margin-right: 5px;}

.fa-star-half {
    background-image: url(https://droi.azureedge.net/content/shared/images/icons/18x18/star-half.png);
    width: 18px;
    height: 18px;
    margin-right: 5px;
    position: relative;
    right: 5px;
    bottom: 1px;
}

.mediummap,.ipadmap,.mobilemap,.map1200,.mapxlsec,.mapxxlsec{display:none;}
.mapxxxlsec img{width:100%}

section.innovation > picture img {
    width: 100%;
}
.patient-reviews .panel > .panel-heading{    background-color: #003249 !important;}

@media (max-width:1900px){
.mapxxxlsec{display:block;}

}

@media (max-width:1700px){
.mapxxlsec{display:block;}
.mapxxlsec img{width:100%}
.mapxxxlsec{display:none;}
}

@media (max-width:1400px){
.mapxlsec{display:block;}
.mapxlsec img{width:100%;}
.mapxxlsec{display:none;}
}
@media (max-width:1200px){
.desktopmap{
display:none;
}
.mapxlsec{display:none;}
.map1200{display:block;}
.map1200 img{width:100%}
}

@media (max-width:991px){
    header .btn {
    font-size: 10px;
    background: #fff !important;
    color: #003249 !important;
}
    body.not-home header ~ div:first-of-type+ div{padding-top:10px !important;}
    section.location .col-md-3 img{min-height:inherit !important;margin: 0 auto}
    .headerleft {
    position: fixed;
    display: flex;
    align-items: center;z-index: 99999;}
    .not-home header  ~ div:first-of-type {padding-top: 81px !important;}

.map1200{
display:none;
}
.contact .container-fluid.main-body-content{    padding-top: 81px !important;}
.ipadmapsec{height: 300px; overflow: auto; scroll-snap-align: end; }
.ipadmapsec img{width:auto !important;max-width:initial;}
.ipadmap{display:block;}
}


@media (max-width:580px){
.ipadmap{
display:none;
}
.mobilemap{display:block;}
.mobilemapsec{height: 300px; overflow: auto; scroll-snap-align: end; }
.mobilemapsec img{width:auto !important;max-width:initial;}
}

.rate-us-div {
    margin: 40px 0 20px 0; border: 1px solid silver; padding: 25px; border-radius: 10px; background-color: #fff;
}
.rate-us-div input, .rate-us-div textarea  {
    margin-top: 20px;
}

.patient-reviews > .row {
    column-width: 18em;
    -moz-column-width: 18em;
    -webkit-column-width: 18em;
    column-gap: 1em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
}

.patient-reviews .item {
    display: inline-block;
    padding:  .25rem;
    width:  100%; 
    margin-left: 15px;
}

.patient-reviews .well {
    position:relative;
    display: block;
    padding: 10px;
    margin-bottom:10px;
    min-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.patient-reviews .panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.patient-reviews .panel > .panel-heading {
    background-image: none;
    background-color: #221700;
    color: white;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.patient-reviews .panel-body {
    padding: 15px;
}

.patient-reviews .panel-default {
    border-color: #ddd;
}

.reviews-head {
  font-size: 36px;
  padding: 25px 0;
}

.review-stars {
  font-size: 18px;
  line-height: 1em;
}

.review-stars span {
  color: gold;
  padding: 0 2px;
  float: left;
}

.review-reviewer {
    font-size: 14px;
    font-weight: 600;
    margin-left: 115px;
    position: relative;
    top: 1px;
}

.review-body {
  font-size: 1em;
}

/* SIDEBAR -------------------- */
.sidebar {
  padding-left: 5px;
  margin: 20px 0 40px;
}

.sidebar-consultation {
  /*margin-top:15px;*/
  padding: 0px 7px;
}

.sidebar-consultation .form-control {
    margin-bottom: 0px;
}

.sidebar-consultation-head {
  padding: 5px 10px;
  font-size: 11pt;
  font-family: 'Montserrat-Regular';
  background-color: #0d374d;
  color: #fff;
}

.sidebar-form-consultation {
  margin-top: 5px;
}

.sidebar-form-submit {
  padding: 25px 0;
  text-align: center;
  border-radius: 0;
  color: #fff;
  background-color: #0d374d;
  border-top: 5px solid #fff;
}

.sidebar-form-button {
    font-size: 12px;
font-family: 'Montserrat-Regular';
    background-color: #0d374d;
    border: 1px solid rgba(254, 254, 254, 0.9);
    border-radius: 3px;
    padding: 8px 24px;
    color: #fff;
}

.sidebar-form-button:hover, .sidebar-form-button:active {
    color: #000 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff;
}
.sidebar-form-button a:hover, .sidebar-form-button a:active {
    text-decoration: none;
    color: #000;
}

.sidebar-form-text {
  padding: 15px 20px 0px 20px;
  font-size: 10pt;
  line-height: 1.5;
}

.row.smiletestsec > div {
    margin-bottom: 30px;
}

.row.smiletestsec {
    display: flex;
    flex-wrap: wrap;
}

.row.smiletestsec > div .cont {
    height: 100%;
    padding:20px;
    background: #003249 !important;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}



.row.smiletestsec > div .cont p{color:#fff;}
body.blog header,body.contact header {
    background: #0d374d;
}
.blog .container-fluid.main-body-content,.contact .container-fluid.main-body-content {
    padding-top: 133px;
}


.breadcrumb li a {
    font-weight: 500;
    color: #2b344d;
}

.breadcrumb li a{}

body.blog header 

.row.smiletestsec > div .cont {
    background: #0d374d;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    padding: 20px;
    color: #fff;
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 50%);
}



.sidebar-list {
    padding: 40px 0px 0px 0px;
}

.sidebar-list h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 45px;
}

.sidebar-list li {
    margin-left: 20px;
}

.sub-page-main-section {
    padding-bottom: 50px;
}

.sub-page-main-section:first-child img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sub-page-main-section h1 {
    font-size: 36px;
    font-weight:800;
    color:#000;
}

.sub-page-main-section h2 {
  font-size: 30px;
  font-weight:800;
  color:#000;
  clear: both;
}

section.sub-page-main-section .col-md-8 img {
    max-width: 350px;
    float: right;
    margin: 0px 20px 20px;
}

.sub-page-main-section h3 {
    margin-top: 0px;
}

.inline-img {
    float: right;
    margin: 10px;
    margin-top: 10px !important;
}

.ms-dropdown {
    width: 100%;
    padding: 10px;
    border: 1px solid silver;
}
.ms-dropdown option {
    padding: 10px;
}


/*website-css*/
header{background:none;position:relative;top: 0;z-index:99999;width:100%;padding:20px 0px;}
.headlef {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}
.logonew{position: absolute;left: 0;right: 0;margin: auto;top:-38px;}
.banner .container div {
    width: 100%;
}
.headerleft{display:flex;align-items:center;}
.headerleft img{margin-right:20px;max-height:30px;cursor:pointer;}
header .phn a{color:#fff;font-size:16px;    font-family: 'Montserrat-Regular' !important;}
.topinfo{display:flex;justify-content: flex-end;}
ul.nav.navbar-nav {float: left;display: flex;align-items:start;flex-direction:column;    margin-top: 50px;width:100%;padding:0px 15px;}
ul.nav.navbar-nav li{width:100%;}
.topinfo ul{padding:0px;margin:0 -15px;list-style:none;display: flex;align-items:center;}
.topinfo ul li{padding:0px 1px;}
.navbar-inverse .navbar-nav>li>a{font-size:16px;padding: 7px 15px;font-family: 'Montserrat-Regular';}
.navbar-inverse .navbar-nav>li>a.btn{color:#fff !important;padding: 9px 16px !important;    line-height: 1.42857;}
.navbar-inverse .navbar-nav>li>a.btn:hover{color:#5c6a51 !important;}
.affix.navbar-inverse .navbar-nav>li>a.btn{display:none !important;}
ul.social {
    margin-right:25px;
}
li.phn {
    margin-left: 25px;
    font-family: 'Montserrat-Regular';
}
nav.navbar.navbar-inverse {padding-top: 20px;}
div#myNavbar {    width:300px;position: fixed;left: 0;padding: 0px;    background: #2b344d;left:-300px;transition:.5s all;height:100%;top:0;bottom:0;z-index:99999;}
.cross span{width:30px;height:2px;background:#fff;display:inline-block;color:#fff !important;}
.cross span:first-child{transform:rotate(-133deg);}
.cross span:last-child{    transform: rotate(310deg);position: relative;left: -34px;}
.cross {
    position: absolute;
    right: -10px;
    top: 10px;
    cursor:pointer;
}
div#myNavbar.active{left:0;transition:.5s all;}
.navbar-inverse .navbar-nav>li:last-child>a{padding-right:0px;}
.topinfo ul.social li{margin:0px 0px;}
.topinfo ul.social li a{background:url(https://macNeillfamilydental.blob.core.windows.net/content/images/social-icons-sprites-footer.png) no-repeat;height:47px;width:50px;display:block;}
.topinfo ul.social li:nth-child(2) a{background-position:-50px 0px;}
.topinfo ul.social li:nth-child(3) a{background-position:-148px 0px;}
.topinfo ul.social li:nth-child(4) a{background-position:-150px 0px;}

.topinfo ul.social li:nth-child(1):hover a{background-position:0px -47px;}
.topinfo ul.social li:nth-child(2):hover a{background-position:-50px -47px;}
.topinfo ul.social li:nth-child(3):hover a{background-position:-148px -47px;}
.topinfo ul.social li:nth-child(4):hover a{background-position:-150px -47px;}

.navbar-nav > li > a.myaccount{margin-left: 15px;color:#091c34 !important;padding:10px 20px !important ;border-color:#091c34;}

section.refer .container{text-align: center;padding:50px 0px;max-width:1300px;width:100%;}
section.refer .container .row > div{padding:0px 5px;}
section.refer img{margin:0 auto;}
section.refer .cont p{display:none;}
section.refer .servin:hover p {display:block;}
section.refer .cont {
    background:rgb(255 255 255 / 40%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding:15px 15px;
    text-align: left;
}
.servin:hover .cont {
    background: rgb(19 149 179 / 70%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding:15px 15px;
    text-align: left;
}
.servin:hover .cont p{text-align:left;font-size:12px;color:#fff;}
.servin:hover .img a{color:#fff;}
.servin {
    position: relative;
}
.servin .img a {
    font-weight:800;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.ceo-msg{background:#ede9e6;padding:50px 0px;}
.ceo-msg .col-md-12{position:relative;padding-right:250px;}
.ceo-msg .col-md-12 img{position:absolute;bottom:-50px;right:0;max-width:250px;}


section.servicesmain .row {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
section.servicesmain .row > div {
    flex: 0 0 25%;
    max-width: 25%;
}
section.refer .img img{width:100%;margin-bottom:10px} 
.smiletestdrive img{max-width:400px;margin:0 auto 40px !important;display:block;}
.headng{font-size:28px;font-weight:700;color:#13455e;position:relative;padding-bottom:60px;}
.headng:after{content:'';position:absolute;width:300px;height:3px;left:0;right:0;margin:auto;background:#13455e;bottom:30px;}
.refer .txt{padding:50px 0px;}
.refer .txt p{}
.btn:hover{background:#fff !important;color:#2b344d !important;border-color:#2b344d;}
.btn-primary{border-color: #2b344d;background:#2b344d;font-family: 'Montserrat-Regular';}

.banner{position:relative; background:#041014;}
.pros{text-align:center;padding:50px 0px;}
.faq {text-align:center;padding:50px 0px;}
.testimani{text-align:center;padding:50px 0px;background:#13455e;}
.testimani h2{color:#fff !important}
.testimani h2:after{background:#fff !important}
.testimani ol{bottom:-30px;}
.testimani p{color:#fff;margin-top:0px;}
.testimani .btn{margin-top:40px;}
.location{text-align:center;position:relative;background:#ede9e6;}
section.location .col-md-3 a {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 261px;
}
section.location .col-md-3 a:hover{background:#fff !important;}
section.location h2{margin-top:30px;}
section.location .col-md-3 img {
    min-height:500px;
    object-fit: cover;
}
.locat-info-main {
    display: flex;
    justify-content:space-between;
    margin-top:50px;
}
.locat-info-main > div a {
    display: inline-block;
    padding-left: 47px;
    position: relative;
    color:#5c6a51;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.locat-info h4 {
    color:#5c6a51;
    margin-bottom: 40px;
}

section.location .row > div:nth-child(2) {
    width: 34%;
}

section.location .row > div:last-child {
    width: 33%;
}

section.location .row > div:first-child {
    width: 33%;
}


.locat-info-main > div a img {
    position: absolute;
    left: 0;
}
.locat-info-main > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    text-align: left;
}

.location .container a.cntcg {
    display: flex;
    align-items: center;
    justify-content: left;
    max-width: 404px;
    margin: 0 auto;
    text-align:left;
    font-family:'Montserrat-Regular';
    font-size:18px;
    color:#474747;
    margin-top:30px;
}
.location .container a.cntcg img {
    width: 50px;
    margin-right:15px;
    line-height:25px;
    height: 50px;
    max-width: initial;
    min-height: inherit;
}


.faq a{display: block;margin-bottom:30px;font-size:14px;}
.banner .container{position:absolute;top:0;width:100%;height:100%;bottom:0;display: flex;align-items:center;text-align:left;z-index: 9999;left: 0;right: 0;max-width: 1200px;justify-content: left;}
.banner .container h1{color:#5c6a51;font-size:29px;margin-top:50px;text-transform:uppercase;}
.banner .container p{color:#5c6a51;font-size:20px;margin-top:15px;font-family: 'Montserrat-Regular';text-transform:uppercase;}
.welcomesec{background:#ede9e6;}
.welcomesec .container{margin:40px auto;}
.welcomesec h2{font-size:24px;color:#5c6a51}
.banner .container a{margin-top:10px}
.banner .container .row>div{max-width:100%;}
.sticky_compliance{padding:100px 0px}
.sticky_compliance .row{display: flex;align-items:center;}
.hedng{font-size:28px;color:#000;font-weight:800 !important;display:inline-block;position:relative;margin-bottom:20px}
.hedng:before{content:'';position:absolute;height:5px;background:#ffb84d;width:150px;left:0px;top:-15px}
p{font-size:15px;color:#2b344d;margin:15px 0px;line-height:25px;}
.service_inner > .serhover {display: none;}
.service_inner:hover > .serhover {display:block;}
.service_inner:hover > .ser {display: none;}
.service_inner{margin-bottom:30px;position:relative;}
.patientoverview .col-sm-4 {
    padding: 0px 35px;
}
.hdng{font-family:'Montserrat-Regular';font-size:24px;color:#5c6a51;margin-bottom:0px;text-transform:uppercase;}
section.servicesmain h3 {margin-bottom: 50px;}
.patientoverview .cont{padding:20px;border-radius:5px;background:#ede9e6;box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 28%);position:relative;}
.patientoverview .cont:after{content:'';position:absolute;    top: -35px;
    left: -50px;
background:url(https://macNeillfamilydental.blob.core.windows.net/content/images/quote.png) no-repeat;width:117px;height:108px;}
.patientoverview{margin:50px 0px;}
.patientoverview .hdng h3{margin-bottom:100px;text-align:center;}
.patientoverview p{font-size:16px;color:#000000;font-family:'Montserrat-Regular';min-height:450px;}
.patientoverview h4{font-size:20px;color:#000000;font-family:'Montserrat-Regular'}
.hdng h3{font-family:'Montserrat-Regular';font-size:32px;color:#5c6a51;margin-top:10px;}
.patientoverview .btn{margin:40px 0px 0px;}
.service_inner a {
    border: 1px solid #5c6a51;
    display: inline-flex;
    text-align: center;
    background:#fff;
    padding: 0;
        width: 100%;
    height: 210px;
    flex-direction: column;
    justify-content: center;
}
.service_inner a:hover {
    background: #2b344d;
    box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 28%);}
.service_inner a img {
    margin: 0 auto;
    max-height: 52px;
}
.service_inner a:hover span{color:#fff;}
.service_inner a span{color: #5c6a51;display: inline-block;margin-top:15px;    font-size: 20  px;line-height: 21px;}
.service_inner a span.smalltxt {
    font-size: 16px !important;
    text-transform:capitalize;
}
section.meet_dr_Sasik {
    padding: 50px 0px;
    background: #9dd9d2;
}

section.innovation {
    position: relative;
  }
section.innovation .container ul{display: flex;align-items:center;padding:0px;}
section.innovation .container {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    top:30%;
}
section.innovation .container h3{font-size:25px;font-family:'Montserrat-Bold';color:#fff;margin-bottom:40px;}
section.innovation .container ul img {
    max-height: 50px;
    margin: 0 auto;
}
section.innovation .container ul span{color:#fff;margin-top:20px;font-family: 'Rokkitt-Thin';font-size:14px;display:block;margin-top:20px;}
section.innovation .container ul li:last-child span{margin-top:35px;}
section.innovation .container ul li a{padding:35px 15px;display:block;}
section.innovation .container ul li:hover a{background: #2b344d;
    box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 28%);}
section.innovation .container ul li {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
}

.servicesmain{background:#f1f1f1;padding:50px 0px;}
.sticky_compliance a{margin-top:20px}
.btn.btn-secondary{background:#138e90 !important;color:#fff !important;color:#138e90;border-color:#138e90}
.btn.btn-secondary:hover{background:#ffb84d !important;color:#fff !important;border-color:#ffb84d !important;}
.technical{background: #091c34;}
.technical h2{color:#fff;}
.technical p{color:#fff;}
.comp_wrk{padding:70px 0px;}
.comp_wrk h3{text-align:center;font-weight:800;color:#000}
.companies {display: flex;width: 100%;flex-wrap: wrap;}
.companies div{padding:15px;flex:0 0 25%;max-width:25%}
.mb-50{margin-bottom:30px}
.affordable {background:#e1e1e1}
.navbar,.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none !important;background:none !important}
.blogmain .row{padding:100px 50px}
.blogmain .row h4 a{margin-bottom:8px;color:#000;font-weight:800;}
.blogdesc >p:first-child {margin-bottom: 0px;}
.blog-comments .form-control {margin-top: 10px;}
.blogmain .row span{color:#000;font-size:18px}
.blghead{min-height:80px}
.blogmain p{margin:15px 0px 30px}
footer{color:#fff}
.footer .locat-info {
    display: flex;
    flex-direction: column;
    justify-content: left;
    text-align: left;
    align-items:center;
}
.footer .locat-info a {
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: left;
}
.footer .locat-info a span{text-align:left;}
.footer ul.social{justify-content:center;}
.footer ul.social li a{background:url(https://macNeillfamilydental.blob.core.windows.net/content/images/social-icons-sprites-footer.webp) no-repeat;height:47px;width:50px;display:block;}
.footer ul.social li a{background:url(https://macNeillfamilydental.blob.core.windows.net/content/images/social-icons-sprites-footer.png) no-repeat;height:47px;width:50px;display:block;}
.footer ul.social li a:after{content:none;}
.footer ul.social li:nth-child(2) a{background-position:-50px 0px;}
.footer ul.social li:nth-child(3) a{background-position:-148px 0px;}
.footer ul.social li:nth-child(4) a{background-position:-150px 0px;}

.footer ul.social li:nth-child(1):hover a{background-position:0px -47px;}
.footer ul.social li:nth-child(2):hover a{background-position:-50px -47px;}
.footer ul.social li:nth-child(3):hover a{background-position:-148px -47px;}
.footer ul.social li:nth-child(4):hover a{background-position:-150px -47px;}



.footersec a {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 19px
}
.footersec p{font-family:'Montserrat-Regular';font-size:14px;margin:0px;}
.footersec img{display:block;margin:0 auto;    max-width: 300px;}
.footersec ul{display:flex;margin-top:10px !important;}
.nav .phn{display:none;}
.nav .shedule{display:none;}
.affix .nav .phn{display:flex;position:absolute;right:20px;top:0px}
.affix .nav .shedule{display:block !important;    position: absolute;right: 200px;}
.affix.navbar-inverse .navbar-nav>li.shedule>a.btn{display:block !important;}
.navbar .container-fluid {
    padding-right: 0px;
}
.affix {
    padding:15px 0px !important;
    min-height:inherit;
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    left: 0;
    position: fixed;
    background: #003249 !important;
}
.affix.navbar-inverse .navbar-nav>li>a{
    color:#fff !important;
}
.affix ul.nav.navbar-nav{float:none;}
.footersec ul li a{position:relative;padding:0px 12px;font-family:'Montserrat-Regular';font-size:13px !important;}
.footersec ul li a:after {
    content: '/';
    position: absolute;
    top:-5px;
    left:0px;
}
.footersec ul li:first-child a:after {content:none;}
.footer *{color:#5c6a51 !important;text-align:center;}
.ftrmenu{display: flex;justify-content: center;flex-wrap: wrap;}

.footerlt span{color:#fff;font-size:14px;}
.footersec h4 {
    margin-bottom:15px;
    font-size: 19px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize
}
.footerlt a{color:#5c6a51 !important;font-size:14px;}

section.logos .col-md-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.logos{padding:20px 0px;}
.banner img{width:100%;min-height:550px;object-fit:cover;}
section.logos img {
    max-width: 170px;
}

.footersec ul {
    padding: 0;
    margin: 0
}

.footersec ul li {
    list-style: none;
    font-size: 14px;
    color: #2c2f2e;
    font-weight: 600;
    line-height: 30px
}

.footersec ul li a {
    text-transform: capitalize;
    font-size: 15px;
    color: #fff;
    line-height: 30px
}

.footer {
    float: left;
    width: 100%;
    padding:30px 0 30px;
    background: #ffffff;
    border-top:2px solid #076288;
}

.footerlogo {
    background: #f0f1f2;
    padding: 50px 0
}

.footer .socialicon {
    margin: 0;
    padding: 0;
    text-align: left
}

.footer .socialicon li {
    list-style: none;
    display: inline-block;
    width: auto;
    float: none;
}

li.fa a {
    background-position: -8px 0px !important;
}
.footer .socialicon li:nth-child(2) a {
    background-position: -35px 0
}

.footer .socialicon li:nth-child(3) a {
    background-position: -63px 0
}

.footer .socialicon li:nth-child(4) a {
    background-position: -130px 0
}

.footer .socialicon li:nth-child(5) a {
    background-position: -173px 0
}

.footerlt {
    font-size: 16px;
    color: #4c4d4f;
    padding: 50px 0 0
}
.footerlt{display: flex;justify-content: space-between;max-width:1200px;margin:0 auto !important;float:none;}

.testimonial{text-align:center;background:#091c34;padding:70px 0px}
.testimonial h3{font-weight:800;font-size:24px;color:#fff;max-width:800px;margin:0 auto}
.testimonial h4{font-weight:600;font-size:18px;margin:30px 0px;color:#fff}
.testimonial a {margin-top:30px}
.pricing{padding:70px 0px;text-align:center;}
.pricing h2{text-align:left;float:left;}
.pricing h3{text-align:center;font-weight:800;font-size:24px;margin:10px auto 20px;width:100%;color:#000;}
.pricing p{text-align:left;width:100%;float:left;}
.pricing ul{text-align:left;margin:0px;padding:0px;float:left;}
.pricing ul li{list-style:none;position:relative;display:block;margin-bottom:15px;padding-left:25px;}
.pricing ul li:before{content: '';position: absolute;left:0px;height: 5px;top:11px;width:5px;border-radius:50%;background:#000;}
.pricing ul li span{font-size:18px;text-transform: capitalize;display:block;color:#000;}
.pricingsec{float: left;width: 100%;text-align:center;}
.pricingsecinner{max-width:900px;margin:0 auto}
.navbar-nav > li > a.myaccount:hover {color: #fff !important;}
.bannerlogo img {
    position: static;
    max-width: 100%;
    width: auto;
    object-fit: inherit !important;
    height: auto !important;
    min-height: inherit !important;
    margin: 50px auto;
}

.btngrp {
    margin: 0px -10px;
}

.btngrp p a {
    display: inline-block;
    margin: 10px 10px;
}

.btngrp p {
    margin: 0px;
}

/*.banner video {
    background:#041014 url(https://metropolitanpros.blob.core.windows.net/content/images/loading-icon.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}*/
/* RESPONSIVE CSS
-------------------------------------------------- */


section.banner.subpagebanner h1 {
    padding-top: 160px;
}


@media(max-width:1200px)
{
    .navbar-inverse .navbar-nav>li>a,.topinfo ul li a{font-size:12px;}
    
    section.innovation .container {top:2%;}
    .footersec ul{flex-wrap: wrap;
    justify-content: center;}
    .footersec ul li a:after {content:none;}
    header .btn{font-size:13px;}
    .logonew{left:-50px;}

}




@media (max-width:991px)
{
    .mapsecmain {margin-top: -15px;}
    body.not-home header ~ div:first-of-type {padding-top:0px !important;}
    .patient-reviews .item{margin-left:0px;padding: 0px 15px;}
    section.sub-page-main-section .col-md-8 img {
    max-width:100%;
    float:none;
    margin: 0px;}
    nav.navbar.navbar-inverse {margin-top: -55px;}
    .collapse{display:block !important;}
    .banner {top:0px;}
    header + div{    max-width:245px;margin: 0 auto;margin-top: 81px;}
    .headerleft img{    filter: brightness(10.5);}

    .phn.visible-sm.visible-xs {
    position: fixed;
    right:15px;
    top:15px;
}
    ul.nav.navbar-nav{flex-wrap:wrap;flex-direction:column;    align-items: baseline;}
    
    .navbar-inverse .navbar-nav>li>a, .topinfo ul li a{color:#fff !important}
    section.location .row > div{width:100% !important;}
    .patientoverview p{min-height: inherit;}
    .patientoverview .cont{margin-bottom:50px;}
    
    .banner img{display:block;    min-height: 600px;
    object-fit: cover;}
    section.servicesmain .row img{margin:0 auto;}
    section.servicesmain .row {
    justify-content:center;
    flex-wrap: wrap;
    text-align:center;
}
section.servicesmain .row > div{flex:33.33%;max-width:33.33%;}
    .topinfo ul:last-child{display:none;}
    .topinfo ul:first-child li a {
    padding: 0px 15px;
    position: relative;
}

.topinfo{padding-right:62px;}
div#myNavbar{    background:#2b344d !important;}


.navbar-inverse .navbar-toggle {
    border-color: #333;
    position: absolute;
    top: -53px;
    right: 0;
}

    .topinfo ul:first-child{display:none;}
    .topinfo{justify-content:center;position:relative;top:10px;}
    div#myNavbar li {
    text-align: left;
}
header {
    padding: 15px 0px !important;
    top: 0;
    width: 100%;
    z-index:999999 !important;
    left: 0;
    position: fixed;
    background: #003249 !important;
    height:70px;
}
.logonew{display:none;}
.affix .nav .phn,.affix .nav .shedule{display:none;}
.phn.visible-sm.visible-xs,.mobile-shedule{display:inline-block;float: left;margin-left:15px;}

.phn a {
    font-size: 0 !important;
}

.navbar-inverse .navbar-toggle {
    position: absolute !important;
    top:20px;
    left:inherit;
    right: 3px;
display:none;
}



.testimani .btn{margin-bottom:20px;}
.meet_dr_Sasik img{margin-top:20px;}
section.logos .col-md-12{justify-content:center;}
section.logos .col-md-12 img{margin:20px;}
}

@media (min-width: 440px) and (max-width: 767px) {

}


@media (max-width: 767px) {
  .btngrp p:last-child > a:first-child {
    padding: 10px 5px;
    font-size: 11px;
}
    section.refer .col-md-2 img{max-width:150px;margin-bottom:30px;}
    .ceo-msg .col-md-12 img{bottom:-65px;}
    .service_inner a {
    height:220px;
    padding: 20px;
}
section.patientoverview .row > div {
    padding: 0px 15px;
}
.locat-info-main{padding:0px 15px;text-align:center;}
.locat-info-main > div a{    font-size: 13px;line-height: 20px;}
.ceo-msg .col-md-12{padding:0px 15px;}
.ceo-msg .col-md-12 img {position:static;}
.ceo-msg{padding-bottom:0px;}


section.banner.subpagebanner {
    padding-top: 80px;
}

section.banner.subpagebanner h1 {
    padding-top: 100px;
}


section.banner.subpagebanner img{
    height: inherit;
    min-height: 200px;
    object-position: 89% 0%;
}

section.innovation .container ul img{max-height: inherit;}
    .patientoverview .cont p{min-height:inherit;}
    .footersec ul {
    flex-wrap: wrap;
    justify-content: center;
}
section.servicesmain .row > div {
    flex:50%;
    max-width:50%;
}
    .patientoverview .cont:after{content:none;}
    .patientoverview .cont{margin-bottom:20px;}
    .location .container{position:static;max-width:100%;width: 100%;margin-bottom:50px;}
    .location .container a.cntcg{width:225px;}
    .footersec h4,.footersec,.footersec p {
    text-align: center;}
    
    .footer .locat-info {margin-bottom:40px;align-items:center;}

    .footer ul.social {
    justify-content:center;}
    .location img {
    max-width: 100%;
    object-fit: cover;
    min-height: inherit !important;
}
    section.innovation .container {top:5%;}
    section.innovation .container ul{flex-wrap:wrap;}
    .patientoverview .hdng h3{margin-bottom:40px;}
    section.innovation .container ul li{    flex: 0 0 50%;max-width:50%;}
    section.innovation >picture img {
    min-height:600px;
    object-fit: cover;
        object-position: 89% 0%;
}

.navbar-inverse .navbar-toggle {
    position: relative !important;
    top:50px;
    left:inherit;
    right: 3px;
}

section.welcomesec img {
    margin: 0 auto;
}
section.refer img {
    max-width: 100%;
}


.text-left{padding:15px;    }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background-color: #ff8811;}
    header > .container > .row{align-items:center;}


    .btn-primary {
        font-size: 14px;
    }

    section.blogmain .row > div:nth-child(2) {
    margin-bottom: 50px;
}
    .companies{justify-content:center;}
    .companies div{    flex: 0 0 33.33%;max-width:33.33%;}
    .banner img{display:block;    min-height:inherit;
    object-fit: cover;}
    .banner .container a {
    margin-top: 50px;
}
    .banner .container h1 br{display:none;}
    .banner .container h1{font-size:30px;}
    .banner video{max-height:430px;display:none;    min-height: 400px;object-fit: cover;}
    .dropdown-menu>li>a{    color: #fff !important;}
    .blogmain .row{padding:50px 0px}

.navbar-nav {
    float: left;
    width: 100%;
    margin: 20px 0px;
}
.sticky_compliance .row{flex-wrap: wrap;}
.sticky_compliance {
    padding: 50px 0px;
}
.mob-b{margin-bottom:30px}
.mob-t{margin-top:30px}
    body {
        padding-top: 0px;
    }

    .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-right li, .navbar-left li {
        text-align: center;
    }

    .navbar-nav  {
        text-align: center;
    }

    .navbar-nav .open .dropdown-menu {

       text-align:center;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px;
        color: #fff;
    }

    h1 {
      font-size: 2em;
      margin-top: 10px;
    }

    h2 {
      font-size: 1.8em;
    }

    h3 {
      font-size: 1.4em;
    }

    h4 {
      font-size: 1.1em;
    }

    .home-hero {
        height: 500px;
    }

    .home-hero h1 {
        font-size: 32px;
        margin-top: 180px;
        margin-bottom: 30px;
    }

    .rate-left {
        margin-bottom: 20px;
    }

    .rate-right {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-left {
        text-align: center;
    }

    footer .logo {
        float: none;
        margin-top: 10px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-right {
        text-align: center;
    }

    footer ul {
        margin-bottom: 30px;
    }

    .inline-img {
        float: none;
        margin: 0px;
    }
}


@media (max-width: 479px) {
    .companies div{    flex: 0 0 50%;max-width:50%;}
    section.innovation >picture img {
    min-height:600px;
    object-fit: cover;}
    section.innovation .container ul img {
    max-height: 35px;
    margin: 0 auto;}
    .btn-primary {
    font-size: 12px;}
    header .btn {
    font-size: 10px;
    background: #fff !important;
    color: #003249 !important;
}
    .phn.visible-sm.visible-xs img {max-width: 30px;}
    nav.navbar.navbar-inverse {margin-top: -41px;}
}

/* Collapse bootstrap earlier
---------------------------------*/

@media (min-width: 991px) and (max-width:1200px) {
    
.affix .nav .phn{top:14px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .header-container-padding-fix {
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-nav  {
        border: none;
        text-align: center;
    }

    .navbar > .container {
        width: 100%;
    }

    .navbar-header {
        float: none;
    }

    .navbar-right li {
        line-height: 3em;
    }

    .navbar-right li, .navbar-left li {
        text-align: center;
    }

    
    .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
       text-align:center;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }


    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px;
        color: #fff;
    }

    .navbar-toggle {
        display: block;
        margin-top: 10px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }

    .navbar-nav li a {
        font-size: .9em;
    }

    .navbar-nav > li {
        float: none;
        text-align: center;
    }
    .navbar-nav > li >a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .navbar-fixed-top {
       max-height: 400px;
       overflow-y: auto;
       overflow-x: hidden;
    }

    .dropdown-menu > li {
        background: none;
        color: #323434;
    }

    .dropdown-menu > li a {
        color: #323434;
    }

    .dropdown-menu > li a:hover {
        text-decoration: underline;
        background-color: transparent;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav {
        margin-top: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-nav li a {
        font-size: 14px;
    }

    .navbar-nav > li > a {
        font-size: 14px;
        font-weight: 500;
        padding-right: 10px;
        padding-left: 5px;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 5px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 1600px) {

}
