@font-face {
    font-family: 'AvenirNextLTW01Bold';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-bold.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-bold.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-bold.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-bold.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-bold.svg#AvenirNextLTW01BoldRegular') format('svg');
}
@font-face {
    font-family: 'AvenirNextLTW01Italic';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-italic.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-italic.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-italic.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-italic.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-italic.svg#AvenirNextLTW01ItalicRegular') format('svg');
}
@font-face {
    font-family: 'AvenirNextLTW01Regular';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-regular.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-regular.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-regular.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-regular.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-regular.svg#AvenirNextLTW01RegularRegular') format('svg');
}
@font-face {
    font-family: 'AvenirNextW01Thin';
    font-display: auto;
    src: url('/public/fonts/AvenirNextLTW/avenir-next-thin.eot');
    src: url('/public/fonts/AvenirNextLTW/avenir-next-thin.eot') format('embedded-opentype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-thin.woff') format('woff'),
         url('/public/fonts/AvenirNextLTW/avenir-next-thin.ttf') format('truetype'),
         url('/public/fonts/AvenirNextLTW/avenir-next-thin.svg#AvenirNextW01ThinRegular') format('svg');
}


  /* latin-ext */
  @font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjMDr0fIA9c.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjMDrMfIA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /* latin-ext */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /* latin-ext */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /* latin-ext */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /* latin-ext */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

.bold {
	font-family: 'Raleway', sans-serif;
}
.italic {
	font-family: 'Raleway', sans-serif;
}
.regular {
	font-family: 'Raleway', sans-serif;
}
.thin {
	font-family: 'Raleway', sans-serif;
}
body {
    font-family: 'Raleway', sans-serif;
    background-color: #fff;
    color: #282828;
    font-weight: 400;
    font-size: 16px;
    overflow-x: hidden;
    font-display: swap;
    text-align: justify;
}
p, ul, ol {
    font-family: 'Raleway', sans-serif;
    color: #0e4371;
    font-size: 16px;
    font-display: swap;
    text-align: justify;
    
}
b, strong {
    font-weight: 600;
}
a {
	color: #0e76bc;
}
a:hover {
	color: #0e4371;
}
h1, .h1 {
    font-size: 28px;
    font-weight: 400;
	line-height: 55px;
    color: #0e76bc;
    font-family: 'Raleway', sans-serif;
}
h2, .h2 {
    font-size: 30px;
    font-weight: 400;
    color: #0e76bc;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 20px;
	line-height: 35px;
}
h3, .h3 {
    font-size: 25px;
    color: #0e76bc;
    font-family: 'Raleway', sans-serif;
    line-height: 55px;
}
h4, .h4 {
    font-size: 16px;
    color: #0e76bc;
    font-family: 'Raleway', sans-serif;
    line-height:30px;
}
.white {
	color: #fff;
}
.height {
    height: inherit;
}
.clear {
    clear: both;
}

/* ---------------------------------------------------- snippet-navbar ---------------------------------------------------- */

.pre-navbar {
    background: #0e4371;
    z-index: 1021;
    position: relative;
    text-align: right;
}
.logo {
    background: #fff;
    padding: 20px;
    top: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#call {
    color: #fff;
    font-size: 25px;
    letter-spacing: 3px;
}
#phone {
    color: #fff;
    font-size: 35px;
    margin-top: -5px;
}
.navbar {
    background-color: #0e4371;
    padding: 0;
}
.relative, .relative2 {
  position: relative;
}
.navbar-expand-md .navbar-collapse {
    z-index:1;
}
.navbar-nav .nav-link {
  /*  text-transform: uppercase;  */
    color: #fff;
    padding: 1rem;
    letter-spacing: 1.8px;
    font-size: 16px;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
    background-color: #0e76bc;
    color: #fff;
}
.dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border-top: none;
    background-color: #0e76bc;
    color: #fff;
}
.dropdown-item {
  color: #fff;
}
.dropdown-toggle::after {
  vertical-align: 3px;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #fff;
    color: #0e4371;
}

/* ---------------------------------------------------- snippet-banner ---------------------------------------------------- */

.header {
    position: relative;
}


.header-inside .banner-txt {
    top: 17%;
}
.banner-txt {
    position: absolute;
    top: 7%;
}
.title {
    font-size: 45px;
    color: #0e76bc;
    font-weight: 400;
}
a.book {
    background-image: linear-gradient(to right, #0e4371 , #0e76bc);  
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 10px 20px;
    border: 1px solid #0e4371;
    /*display: block;*/
}

a.book:hover {
    text-decoration: none;
    background-image: linear-gradient(to right, #0e76bc , #0e4371);  
    color: #fff;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .header a {
        margin-top: 5px;
    }
}

@media screen and (max-width: 991px) {
    .banner-txt {
        top: -5%;
    }
    .banner-inside .banner-txt {
        top: 17%;
    }
}

.banner-img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.foot {
    display: inline-block;
    position: relative;
}
.foot::after {
    content: "";
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #0e76bc;
    transition: all 0.5s ease-out;
}
.foot:hover::after {
    width: 100%;
}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
    border: 0px solid #efb90a;
    background: #0e76bc;
    padding: 16px 25px;
    border-radius: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	font-size: 15px;
	letter-spacing: 1px;
}
a.animated-button.thar-two:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #0e76bc !important;
	background: #fff;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.icon{
    background: #fff;
    padding: 10px 20px;
    font-size: 20px;
}
/* ---------------------------------------------------- snippet-rows ---------------------------------------------------- */

.row2 {
    position: relative;
    z-index: 101;
}
.row3{
    background: #0e4371;
}
.row3 .request {
    color: #cee07c;
    font-size: 26px;
    line-height: 35px;
    text-transform: uppercase;
}
.row3 .find {
    color: #a7a7a7;
    font-size: 18px;
    margin-top: 30px;
}
.text-muted{color:#dad5d2;}

.card-row2 {
    display: block;
    line-height: 1.42857143;
    background-color: #f3f8fc;
    border-radius: 0px;
    color:#0e76bc;
    border: 1px solid #f5f5f5;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.02), 0 2px 5px 0 rgba(0,0,0,0.1);
    transition: box-shadow .25s;
}
.card-row2:hover {
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.05),0 4px 10px 0 rgba(0,0,0,0.4);
   color: #ffffff;
   background: #0e76bc;
}
.card-blue {
    display: block;
    line-height: 1.42857143;
    background-color: #0e76bc;
    color:#fff;
    border-radius: 0px;
    border: 1px solid #f5f5f5;
    box-shadow: 0 3px 14px 0 rgba(0,0,0,0.04), 0 3px 14px 0 rgba(0,0,0,0.04);
    transition: box-shadow .25s;
}
.card-content {
  padding:20px;
}
.card-title {
	margin-top:0px;
	font-weight: 700;
	font-size: 16px;
}
.img-card{
    font-size: 60px;
}
/* ---------------------------------------------------- Dental Services ---------------------------------------------------- */

/* ---------------------------------------------------- snippet-footer ---------------------------------------------------- */
.footer {
    background: #0e4371;
}
.footer a, .copyright a .links a {
    color: #fff;

}
.footer a:hover, .copyright a:hover {
    color: #0e76bc;
    text-decoration: none;
}
.footer-title {
    font-size: 35px;
}
.footer-keyword {
    font-size: 25px;
    line-height: 32px;
}
.footer-phone {
    color: #0e76bc;
    font-size: 26px;
    margin-top: 20px;
}
.footer-address {
    font-size: 14px;
    color: #ccc;
}
.social i {
    font-size: 1.5em;
}
.links {
    color:#dad5d2;
    font-size: 14px;
}
.copyright {
    color: #fff;
    font-size: 14px;
}

/* ---------------------------------------------------- others ---------------------------------------------------- */

svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
.size2 {
    font-size: 2.5em;
}
.size4 {
    font-size: 4em;
}
.fa-stack {
    width: 2em;
}
.fa-5x {
    width: 5em;
}
.breadcrumb {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fafafa;
}
.btn-info {
    background-color: #0e76bc;
    border: none;
}
.btn-info:hover {
    background-color: #E9ECEF;
    color: #555555;
}
.btn-primary {
    background-color: #0e76bc !important;
    border-radius: 0px;
    border: 1px solid #0e76bc;
    padding: 7px 15px;
    color: #fff;
}

.btn-primary:hover {
    background-color: #fff !important;
    color: #0e76bc;
    border: 1px solid #0e76bc;
}



section {
    position: relative;
    background:#ffff00;
 }
section:before {
    position: absolute;
    content:'';
}

section.diagonal-row1 {
    background:#0e76bc;
}
.diagonal-row1 {
    z-index: 1;
    padding: 0em;
}
.diagonal-row1:before {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
    top: 0;
    left: -4%;
    z-index: -1;
    width: 105%;
    height: 75%;
    background: inherit;
}


/* ---------------------------------------------------- start slider after & before pictures - delete if there are none ---------------------------------------------------- */
.ba-slider {
  position: relative;
  overflow: hidden;
}
.ba-slider img {
  width: 100%;
  display: block;
}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.handle {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background: rgba(0, 0, 0, 0.5);
  cursor: ew-resize;
}
.handle:after {
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  content: '\21d4';
  color: white;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  line-height: 64px;
  background: #ffb800;
  border: 1px solid #e6a600;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #ffd466;)*/
}
.draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}


/* ---------------------------------------------------- media-queries & animations ---------------------------------------------------- */

.animate5out {
    transition: all 0.5s ease-out;
}
.animate8out {
    transition: all 0.8s ease-out;
}
.animate11out {
    transition: all 1.1s ease-out;
}
.animate14out {
    transition: all 1.4s ease-out;
}
.animate20out {
    transition: all 2s ease-out;
}
.animate40out {
    transition: all 4s ease-out;
}
@media screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
        position: relative;
    }
    .callUs {
        display: none !important;
    }
    img {
        margin-left: auto;
        margin-right: auto;
    }
    .pre-navbar {
        height: auto;
        padding: 15px 0;
        text-align: center;
    }
    .header {
        background: #0e4371;
    }
    .banner-txt {
        position: relative;
        top: 0;
    }
    /*navbar*/
    .navbar {
        padding: 1rem;
    }
    .navbar-toggler {
      color: #fff;
      padding: 2% 3%;

      min-width: 32px;
      border: 1px solid #fff;
      border-radius: 0.25rem;
    }
    .navbar-toggler:hover {
        color: #fff;
        border-color: #0e76bc;
    }
    .navbar-nav {
      margin-top: 15px;
    }
    .navbar-nav .nav-link {
      font-size: 16px;
      width: 75%;
      line-height: 6px;
      font-weight: 600;
    }
    .nav-link.dropdown-toggle::after {
      visibility: hidden;
    }
    .arrow-down {
      position: absolute;
      top: 0;
      right: 22%;
      color: #fff;
      background: #0e4371;
      padding: 0 7px;
      font-size: 25px;
    }
    .nav-item:hover .arrow-down {
      color: #0e76bc;
      background: #fff;
    }
    .nav-item:hover .nav-link {
      background: #0e76bc;
      color: #fff;
    }
    .dropdown-second, .dropdown-third {
      line-height: 16px;
      margin-left: 15px;
    }
    /*navbar end*/
    #width {
        text-align: center;
    }
    .logo{
        align-items: center;
    }

    a.book {
        font-size:16px;
    }
    .svg-top {
        margin-top: -5px;
    }
    .title {
        font-size: 27px;
        color: #0e76bc;
        font-weight: 400;
        text-align:center;
    }
    .footer-subt {
        text-align:center;
    }
    h1, .h1 {
        font-size: 25px;
        text-align: none;
    }
}
@media screen and (min-width: 768px) {
    /*navbar*/
    .navbar {
    position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    
    .dropdown-menu {
        display: block;
        z-index: -1;
        border: none;
        visibility: hidden;
        opacity: 0;
        top: 120%;
    }
    .dropdown:hover > .dropdown-menu {
      visibility: visible;
      opacity: 1;
      top: 100%;
    }
    .toggle-right::after {
      content: "";
      display: inline-block;
      height: 0;
      width: 0;
      border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid #000;
      vertical-align: 0;
      margin-left: 0.5em;
    }
    .dropdown-item:hover::after, .dropdown-item:focus::after {
        border-left: .3em solid #fff;
    }
    .dropdown-second, .dropdown-third {
      position: absolute;
      left: 120%;
      top: 0;
      background: #cee07c;
      opacity: 0;
      visibility: hidden;
      border-left: 1px solid #fff;
    }
    .dropdown-second::before, .dropdown-third::before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      background: transparent;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 14px solid #997C5C;
      position: absolute;
      left: -14px;
      top: 9px;
    }
    .relative:hover .dropdown-second, .relative2:hover .dropdown-third {
      opacity: 1;
      visibility: visible;
      left: 100%;
    }
    .dropdown-second:hover::before, .dropdown-third:hover::before {
      border-right: 14px solid #997C5C;
    }
    /* menu animation for IE */
    _:-ms-fullscreen, .dropdown-menu.show {
        z-index: 1020;
    }
    /*navbar end*/
    #requestWidth {
        width: 75%;
    }
    .row2 .animation-element {
        position: relative;
        left: -200px;
    }
    .row2 .animation-element.in-view {
        left: 0;
    }
}
@media screen and (max-width: 991px) {
    .footer, .copyright {
        text-align: center;
    }
    .social {
        text-align: center;
    }
    .links {
        margin-top: 10px;
    }
}
@media screen and (min-width: 992px) {
    .footer-phone, .footer-address {
        text-align: right;
    }
    .right {
        text-align: right;
    }
    .links {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .social {
        text-align: left;
    }
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav .nav-link {
        letter-spacing: 1px;
        font-size: 13.4px;
        text-transform: none;
    }
    a.animated-button.thar-two {
        padding: 16px 5px;
    }
    .title {
        font-size: 30px;
        padding-top:50px;
    }

}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav .nav-link {
        letter-spacing: 1px;
    }
    a.animated-button.thar-two {
        padding: 16px 1px;
    }
}