/*
	*******************
	Template name:  DentZone
	Version:        1.0
	Author:         ThemeLooks
	Author url:     http://themelooks.com

	NOTE:
	-----
	Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
	We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

    ******** CSS INDEX ********
    01. Base
        1.1 Reset 
        1.2 Margin/Padding
        1.3 color
    02. Components
        2.1 Common Classes
        2.2 Animations
        2.3 Preloader
        2.4 Button
        2.5 Section Title
        2.6 Page Title
        2.7 Widgets
        2.8 Back to Top
    03. Layout
        3.1 Header 
        3.2 Banner
        3.3 Blog
        3.4 Footer
        3.5 404
        3.6 Coming Soon
    04. Sections
        4.1 Welcome
        4.2 Treatment
        4.3 Features
        4.4 Call to action
        4.5 Dentist
        4.6 Testimonial
        4.7 Doctor Details
        4.8 FAQ

    ********************/
/* ************************
   01.1: Reset
   ********************* */
* {
  outline: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="checkbox"] {
  margin-right: 5px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  -o-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

::-moz-selection {
  text-shadow: none;
  color: #ffffff;
}

::selection {
  text-shadow: none;
  color: #ffffff;
}

::-webkit-input-placeholder {
  color: #818181 !important;
  opacity: 1 !important;
}

::-moz-placeholder {
  color: #818181 !important;
  opacity: 1 !important;
}

:-ms-input-placeholder {
  color: #818181 !important;
  opacity: 1 !important;
}

::-ms-input-placeholder {
  color: #818181 !important;
  opacity: 1 !important;
}

::placeholder {
  color: #818181 !important;
  opacity: 1 !important;
}

iframe {
  max-width: 100%;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
}

button,
button[type="submit"],
input[type="submit"] {
  border: none;
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
}

select {
  width: 100%;
  max-width: 100%;
  color: #818181;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

textarea {
  resize: none;
}

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

a,
a:hover,
a:active,
a:focus,
input,
input:hover,
input:focus,
input:active,
select,
textarea {
  text-decoration: none;
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-weight: 700;
  line-height: 1;
  color: #222222;
  text-transform: capitalize;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #FC5185;
  font-size: 80%;
  opacity: .7;
}

p:last-child {
  margin: 0;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 34px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

table {
  width: 100%;
  max-width: 100%;
}

table th,
table td {
  border: 1px solid #818181;
}

p {
  margin-bottom: 20px;
}

pre {
  border: 1px solid;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 0.8em 1.6em;
}

code {
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  font-size: 85%;
  margin: 0;
  padding: .2em .4em;
}

html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

body {
  font-size: 16px;
  line-height: 1.7;
  color: #818181;
}

/* ************************
   01.2: Padding/Margin
   ********************* */
.pt-0 {
  padding-top: 0px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-150 {
  padding-top: 150px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-150 {
  padding-bottom: 150px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-150 {
  margin-top: 150px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-150 {
  margin-bottom: 150px;
}

.pt-250 {
  padding-top: 250px;
}

@media only screen and (max-width: 991px) {
  .pt-100 {
    padding-top: 70px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .pt-90 {
    padding-top: 60px;
  }
  .pb-90 {
    padding-bottom: 60px;
  }
  .pb-70 {
    padding-bottom: 40px;
  }
  .pt-70 {
    padding-top: 40px;
  }
}

/* ************************
   01.3: Color
   ********************* */
.c1, a, .page-title ul li:not(:last-child), .post-details .entry-header .entry-meta li a:hover, .post-details .entry-tags ul li a:hover,
.post-details .entry-categories ul li a:hover {
  color: #241194;
}

.c1-bg, ::-moz-selection, .owl-carousel button.owl-dot, .pagination li span.current,
.pagination li a.current,
.pagination li span:hover,
.pagination li a:hover, .video-play-button, .preloader, .widget.widget_social_icon .socials a, .banner, .single-blog-item:hover .s-blog-content, .contact-box:hover, .treatment-single .t-single-img, .Patient-single:hover, .cta {
  background-color: #241194;
}

.c1-bg, ::selection, .owl-carousel button.owl-dot, .pagination li span.current,
.pagination li a.current,
.pagination li span:hover,
.pagination li a:hover, .video-play-button, .preloader, .widget.widget_social_icon .socials a, .banner, .single-blog-item:hover .s-blog-content, .contact-box:hover, .treatment-single .t-single-img, .Patient-single:hover, .cta {
  background-color: #241194;
}

.c1-bo {
  border-color: #241194 !important;
}

.c2, a:hover, .video-active:hover .video-text, .s-btn, .widget.widget_recent_entries .post-summary .post-title a:hover, .widget.widget_tag_cloud .tagcloud a:hover, .footer a:hover, .doctor .doctor-meta h3 a:hover {
  color: #FC5185;
}

.c2-bg, .list-check li:before, .owl-carousel button.owl-dot.active, .theme-input-group button, .video-active:hover .video-play-button, .spinner-inner:after, .spinner-inner:before, .btn, .s-btn:before, .s-btn:after, .widget.widget_social_icon .socials a:hover, .widget.widget_social_icon.style--two .socials a:hover, .back-to-top, .header .header-main.style--one .main-menu .nav li.current-menu-parent > a:after, .header .header-main.style--one .main-menu .nav li.current-menu-item > a, .header .header-main.style--one .main-menu .nav li ul li:hover > a, .treatment-single:hover .t-single-content {
  background-color: #FC5185;
}

.c2-bo {
  border-color: #FC5185 !important;
}

.text-color, .theme-input-group input, .search-form .theme-input-group input, .widget.widget_search .theme-input-group input, .widget.widget_newsletter.style--two .theme-input-group input, .search-form .theme-input-group button, .widget.widget_search .theme-input-group button, .widget.widget_newsletter.style--two .theme-input-group button, .widget.widget_recent_entries .post-summary .posted-on a, .widget.widget_tag_cloud .tagcloud a, .header .header-main.style--one .main-menu .nav li ul li a, .post-details .entry-header .entry-meta li a, .post-details .entry-tags ul li a,
.post-details .entry-categories ul li a, .post-navigation .nav-link .posted-on {
  color: #818181;
}

.text-color-bg {
  background-color: #818181;
}

.text-color-bo {
  border-color: #818181 !important;
}

/* ************************
   02.1: Common Classes
   ********************* */
/* Transitions */
.trans2, .video-text, .widget.widget_service .service-list li, .header .header-main.style--one .main-menu .nav li ul li ul {
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

.trans3, a, .owl-carousel button.owl-dot, .theme-input-group button, .theme-input-style, .entry-content select,
.comment-content select,
.page--content select, .video-play-button, .btn, .btn span, .single-blog-item .s-blog-content, .post-navigation .nav-link .nav-title, .contact-box, .treatment-single .t-single-content, .Patient-single {
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

.trans4, .header .header-main .logo {
  -webkit-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
}

/* Font Family */
h1,
h2,
h3,
h4,
h5,
h6,
.josefin,
.pagination li a,
.pagination li span,
.post-details .entry-tags ul li:first-child,
.post-details .entry-categories ul li:first-child,
.post-navigation .nav-link .nav-title,
.accordion .card-header .btn-link {
  font-family: "Josefin Sans", sans-serif;
}

body,
.lora,
.btn {
  font-family: "Lora", serif;
}

/* Text White */
.text-white *,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
  color: #ffffff;
}

/* Border Radius */
.radius-5 {
  border-radius: 5px;
}

.radius-10 {
  border-radius: 10px;
}

.radius, .owl-carousel button.owl-dot, .doctor .doctor-img img, .testimonial-slider .single-testimonial-item .testimonial-top img {
  border-radius: 50% !important;
}

/* Box Shadow */
.box-shadow, .theme-input-style, .entry-content select,
.comment-content select,
.page--content select, .pagination li a,
.pagination li span, .video-play-button, .single-blog-item, .contact-box, .treatment-single, .feature-single, .Patient-single .patient-single-box, .accordion .card-header {
  -webkit-box-shadow: 10px 7px 45px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 7px 45px rgba(0, 0, 0, 0.2);
}

.no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* List Style */
.list-inline {
  margin-bottom: 0;
}

.list-inline li {
  display: inline-block;
}

.list-check li {
  font-size: 18px;
  padding-left: 20px;
  position: relative;
  font-weight: 700;
}

.list-check li:not(:last-child) {
  margin-bottom: 10px;
}

.list-check li:before {
  position: absolute;
  left: 0;
  top: 11px;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.social_icon_list {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}

.social_icon_list li {
  display: inline-block;
}

.social_icon_list li:not(:last-child) {
  margin-right: 25px;
}

.social_icon_list li a {
  font-size: 16px;
}

/* Owl Dots */
.owl-carousel .owl-dots {
  position: absolute;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.owl-carousel button.owl-dot {
  display: inline-block;
  height: 15px;
  width: 15px;
  background: #222222;
}

.owl-carousel button.owl-dot:not(:last-child) {
  margin-right: 10px;
}

/* Theme Input Group */
.theme-input-group {
  position: relative;
  width: 100%;
}

.theme-input-group input {
  width: 100%;
  height: 70px;
  border: none;
  padding-left: 15px;
  padding-right: 50px;
  background-color: #ffffff;
  margin: 0;
}

.theme-input-group button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 9px 40px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
}

/* Theme Input Style */
.theme-input-style, .entry-content select,
.comment-content select,
.page--content select {
  border: none;
  height: 70px;
  width: 100%;
  padding: 0 20px;
  background-color: #ffffff;
  font-size: 16px;
  margin-bottom: 30px;
}

textarea.theme-input-style {
  height: 220px;
  padding: 20px 20px;
  margin-bottom: 42px;
}

.select-wraper {
  position: relative;
}

.select-wraper select {
  -webkit-appearance: none;
  cursor: pointer;
}

.select-wraper:after {
  position: absolute;
  font-family: fontAwesome;
  content: "\f0d7";
  right: 15px;
  top: 20px;
  cursor: pointer;
}

/* Others */
.ov-hidden {
  overflow: hidden;
}

.ovx-hidden {
  overflow-x: hidden;
}

/* Pagination*/
.pagination li {
  margin: 0 10px;
}

.pagination li a,
.pagination li span {
  font-size: 16px;
  width: 46px;
  height: 46px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .pagination li a,
  .pagination li span {
    font-size: 14px;
    width: 35px;
    height: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .pagination li a,
  .pagination li span {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
}

.pagination li a i,
.pagination li span i {
  font-size: 24px;
}

.pagination li span.current,
.pagination li a.current,
.pagination li span:hover,
.pagination li a:hover {
  color: #ffffff;
}

/* Blockquote */
blockquote {
  padding-bottom: 10px;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  max-width: 635px;
}

blockquote cite {
  display: block;
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.4;
  font-style: normal;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
  margin-top: -10px;
}

blockquote cite:after {
  position: absolute;
  content: '-';
  left: 0;
  top: 50%;
  font-size: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Form Response */
.form-response {
  background-color: rgba(252, 81, 133, 0.2);
}

.form-response span {
  display: block;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 10px 15px;
}

/* Search Form */
.search-form .theme-input-group input, .widget.widget_search .theme-input-group input, .widget.widget_newsletter.style--two .theme-input-group input {
  height: 50px;
}

.search-form .theme-input-group input::-webkit-input-placeholder, .widget.widget_search .theme-input-group input::-webkit-input-placeholder, .widget.widget_newsletter.style--two .theme-input-group input::-webkit-input-placeholder {
  color: #C5C5C5 !important;
}

.search-form .theme-input-group input::-moz-placeholder, .widget.widget_search .theme-input-group input::-moz-placeholder, .widget.widget_newsletter.style--two .theme-input-group input::-moz-placeholder {
  color: #C5C5C5 !important;
}

.search-form .theme-input-group input:-ms-input-placeholder, .widget.widget_search .theme-input-group input:-ms-input-placeholder, .widget.widget_newsletter.style--two .theme-input-group input:-ms-input-placeholder {
  color: #C5C5C5 !important;
}

.search-form .theme-input-group input::-ms-input-placeholder, .widget.widget_search .theme-input-group input::-ms-input-placeholder, .widget.widget_newsletter.style--two .theme-input-group input::-ms-input-placeholder {
  color: #C5C5C5 !important;
}

.search-form .theme-input-group input::placeholder, .widget.widget_search .theme-input-group input::placeholder, .widget.widget_newsletter.style--two .theme-input-group input::placeholder {
  color: #C5C5C5 !important;
}

.search-form .theme-input-group input:focus, .widget.widget_search .theme-input-group input:focus, .widget.widget_newsletter.style--two .theme-input-group input:focus {
  border-bottom: 1px solid #FC5185;
}

.search-form .theme-input-group button, .widget.widget_search .theme-input-group button, .widget.widget_newsletter.style--two .theme-input-group button {
  background: none;
  padding: 0;
  right: 15px;
}

/* Rotate Background */
.rotate-bg-wrap {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.rotate-bg-wrap .svg {
  height: auto;
}

@media only screen and (max-width: 1199px) {
  .rotate-bg-wrap {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .rotate-bg-wrap {
    display: none;
  }
}

.rotate-bg {
  -webkit-animation: spinner-border 80s linear 0s infinite;
  animation: spinner-border 80s linear 0s infinite;
}

/* Wrapper */
.wrapper, #wrapper {
  position: relative;
  z-index: 5;
  background-color: #fff;
  width: 100%;
}

/* Circle Gradient Background */
.circle-bg {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -webkit-animation: zoom-fade-two 5s linear 0s infinite;
  animation: zoom-fade-two 5s linear 0s infinite;
  z-index: -1;
}

.circle-bg .svg {
  height: auto;
}

/* Background Images */
.bg-img {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Appointment Form */
.appointment-bg {
  position: absolute;
  left: 0px;
  opacity: .03;
  top: 0px;
  z-index: -1;
}

@media only screen and (max-width: 991px) {
  .a-form-left {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .a-form-right {
    margin-top: 60px;
  }
}

.login-text {
  color: #222222;
}

/* PopUp Video */
.video-play-button {
  border-radius: 50%;
  width: 65px;
  min-width: 65px;
  height: 65px;
  padding: 0;
  margin-right: 20px;
}

.video-play-button .svg {
  margin-left: 1.5px;
}

.video-active {
  margin-top: 5px;
}

/* Custom Checkbox */
.custom-checkbox {
  margin-top: -6px;
  margin-bottom: 35px;
}

.custom-checkbox input[type=checkbox] {
  position: relative;
  top: 1px;
}

/* Login Button Group */
.login-button-group span {
  margin-left: 20px;
}

/* ************************
   02.2: Animations
   ********************* */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes matrix {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  25% {
    -webkit-transform: matrix(1, 0, 0, 1, 15, 20);
    transform: matrix(1, 0, 0, 1, 15, 20);
  }
  50% {
    -webkit-transform: matrix(1, 0, 0, 1, -5, 25);
    transform: matrix(1, 0, 0, 1, -5, 25);
  }
  75% {
    -webkit-transform: matrix(1, 0, 0, 1, -15, 15);
    transform: matrix(1, 0, 0, 1, -15, 15);
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes matrix {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  25% {
    -webkit-transform: matrix(1, 0, 0, 1, 15, 20);
    transform: matrix(1, 0, 0, 1, 15, 20);
  }
  50% {
    -webkit-transform: matrix(1, 0, 0, 1, -5, 25);
    transform: matrix(1, 0, 0, 1, -5, 25);
  }
  75% {
    -webkit-transform: matrix(1, 0, 0, 1, -15, 15);
    transform: matrix(1, 0, 0, 1, -15, 15);
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes inner-circles-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes inner-circles-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes zoom-fade-two {
  0% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}

@keyframes zoom-fade-two {
  0% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    left: -100px;
  }
  to {
    opacity: 1;
    left: 25px;
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    left: -100px;
  }
  to {
    opacity: 1;
    left: 25px;
  }
}

@-webkit-keyframes slideTop {
  0% {
    opacity: 0;
    top: -100px;
  }
  to {
    opacity: 1;
    top: 25px;
  }
}

@keyframes slideTop {
  0% {
    opacity: 0;
    top: -100px;
  }
  to {
    opacity: 1;
    top: 25px;
  }
}

@keyframes slideTop {
  0% {
    opacity: 0;
    top: -100px;
  }
  to {
    opacity: 1;
    top: 25px;
  }
}

/* ************************
   02.3: Preloader
   ********************* */
.preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999999;
}

.spinner {
  width: 100px;
  height: 100px;
  position: relative;
}

.spinner:after {
  border: solid 3px #FC5185;
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  height: 100px;
  width: 100px;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-animation: spinner-border 2s linear 0s infinite forwards;
  animation: spinner-border 2s linear 0s infinite forwards;
}

/* .spinner-inner {
    border-right-color: transparent;
  } */
.spinner-inner:after, .spinner-inner:before {
  content: "";
  position: absolute;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.spinner-inner:after {
  width: 50px;
  height: 2px;
  left: 25px;
  top: 50px;
  -webkit-animation: slideLeft 1s linear 0s alternate;
  animation: slideLeft 1s linear 0s alternate;
}

.spinner-inner:before {
  height: 50px;
  width: 2px;
  left: 50px;
  top: 25px;
  -webkit-animation: slideTop 1s linear 0s alternate;
  animation: slideTop 1s linear 0s alternate;
}

/* ************************
   02.4: Buttons
   ********************* */
.btn {
  display: inline-block;
  padding: 20px 30px;
  border-radius: 0;
  line-height: 1;
  font-size: 16px;
  position: relative;
  cursor: cell;
  color: #ffffff;
  text-transform: capitalize;
  z-index: 2;
}

.btn span {
  position: absolute;
  background: #F98FAF;
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn .svg {
  margin-top: -2px;
  margin-right: 8px;
}

.btn:hover {
  color: #ffffff;
}

.btn:hover span {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  opacity: 0;
}

.btn:focus, .btn.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Secondary Button */
.s-btn {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.s-btn:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.s-btn:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.s-btn:hover:before {
  left: auto;
  right: 0;
  width: 0;
}

.s-btn:hover:after {
  width: 100%;
}

/* ************************
   02.5: Section Title
   ********************* */
.section-title {
  margin-bottom: 26px;
}

@media only screen and (max-width: 991px) {
  .section-title {
    margin-bottom: 20px;
  }
}

.section-title.style--two {
  margin-bottom: 46px;
}

@media only screen and (max-width: 991px) {
  .section-title.style--two {
    margin-bottom: 40px;
  }
}

.section-title h2 {
  font-size: 48px;
  line-height: 1.15;
  margin-top: -4px;
}

@media only screen and (max-width: 575px) {
  .section-title h2 {
    font-size: 36px;
  }
}

.section-title span {
  font-size: 24px;
  text-transform: capitalize;
}

.section-title.style--two h2 {
  font-size: 40px;
  line-height: 1.2;
}

@media only screen and (max-width: 575px) {
  .section-title.style--two h2 {
    font-size: 30px;
  }
}

/* ************************
   02.6: Page Title
   ********************* */
.page-title-wrap {
  height: 500px;
  padding-top: 110px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .page-title-wrap {
    height: 420px;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .page-title-wrap {
    height: auto;
    padding-bottom: 90px;
  }
}

.page-title {
  padding-top: 140px;
}

@media only screen and (max-width: 991px) {
  .page-title {
    padding-top: 81px;
  }
}

.page-title h2 {
  font-size: 48px;
  line-height: 1.375;
  text-transform: capitalize;
}

.page-title ul {
  margin-bottom: -8px;
  text-transform: capitalize;
}

.page-title ul li {
  font-size: 18px;
}

.page-title ul li:not(:last-child) {
  position: relative;
  padding-right: 15px;
  margin-right: 5px;
}

.page-title ul li:not(:last-child):after {
  right: 0;
  position: absolute;
  content: '/';
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 14px;
}

.page-title-img {
  position: relative;
  top: 15px;
  max-height: 320px;
}

@media only screen and (max-width: 991px) {
  .page-title-img {
    top: 0;
    max-height: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .page-title-img {
    display: none;
  }
}

.circle-bg.page-title-circle-bg .rotate-absolute {
  position: absolute;
  left: 0;
  top: 0;
}

/* ************************
   02.7: Widget
   ********************* */
.blog-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
  left: 0;
}

@media only screen and (max-width: 991px) {
  .blog-sidebar {
    margin-top: 60px;
  }
}

.widget:not(:last-child) {
  margin-bottom: 60px;
}

.widget .widget_title {
  margin-bottom: 30px;
}

.widget.widget_service .service-list li {
  line-height: 2;
  border-bottom: 1px solid rgba(225, 225, 225, 0.66);
}

.widget.widget_service .service-list li:first-child a {
  padding-top: 0;
}

.widget.widget_service .service-list li a {
  color: #222222;
  padding: 13px 0;
  display: block;
  text-transform: capitalize;
}

.widget.widget_service .service-list li:hover {
  border-bottom-color: #FC5185;
}

.widget.widget_service .service-list li:hover a {
  color: #FC5185;
}

.widget.widget_recent_entries ul li:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(225, 225, 225, 0.66);
}

.widget.widget_recent_entries ul li .posted-on span {
  line-height: 1;
}

.widget.widget_recent_entries .post-summary .post-title a {
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 1.3;
}

.widget.widget_recent_entries .post-summary .posted-on a {
  font-size: 12px;
}

.widget.widget_recent_entries .post-summary .post-excerpt {
  margin-top: 7px;
  font-size: 14px;
}

.widget.widget_recent_entries.has_thumb li .post_thumb {
  min-width: 80px;
  margin-right: 20px;
}

.widget.widget_tag_cloud .tagcloud {
  margin-top: -10px;
}

.widget.widget_tag_cloud .tagcloud a {
  display: inline-block;
  padding: 3px 1px;
  margin: 7px 5px;
  background-color: #ffffff;
  line-height: 1;
  border-bottom: 1px solid;
}

.widget.widget_social_icon .socials a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #ffffff;
  margin-right: 5px;
  margin-bottom: 10px;
}

.widget.widget_social_icon.style--two .socials a {
  background: #ffffff;
  width: 50px;
  height: 50px;
}

.widget.widget_social_icon.style--two .socials a:not(:last-child) {
  margin-right: 23px;
}

.widget.widget_social_icon.style--two .socials a i {
  color: #222222;
}

.widget.widget_social_icon.style--two .socials a:hover i {
  color: #ffffff;
}

.widget.widget_latest_post .single-latest-post:not(:last-child) {
  margin-bottom: 30px;
}

.widget.widget_latest_post .single-latest-post .sl-post-img {
  margin-right: 20px;
}

.widget.widget_latest_post .single-latest-post .sl-post-content h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.widget.widget_latest_post .single-latest-post .sl-post-content span {
  font-size: 14px;
  opacity: .8;
}

/* ************************
   02.8: Back to Top
   ********************* */
.back-to-top {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  width: 35px;
  height: 35px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  color: #ffffff !important;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  bottom: 10%;
  right: 4%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease-in;
  -o-transition: .3s ease-in;
  transition: .3s ease-in;
}

.back-to-top.show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.back-to-top:hover {
  opacity: .6;
}

/* ************************
   03.1: Header
   ********************* */
.header {
  min-height: 100px;
}

@media only screen and (max-width: 991px) {
  .header {
    min-height: 80px;
  }
}

.header:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #fff;
  opacity: .2;
}

.header .main-menu-wrap {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
  .header .header-main {
    padding: 21px 0;
  }
}

.header .header-main.style--one.sticky {
  background-color: #ffffff;
}

.header .header-main.style--one.sticky .logo .default-logo {
  display: none;
}

.header .header-main.style--one.sticky .logo .sticky-logo {
  display: block;
}

.header .header-main.style--one.sticky .main-menu .nav > li > a {
  color: #000;
}

.header .header-main .logo .sticky-logo {
  display: none;
}

.header .header-main.style--one .main-menu .nav li {
  position: relative;
}

.header .header-main.style--one .main-menu .nav li.current-menu-parent > a {
  position: relative;
}

.header .header-main.style--one .main-menu .nav li.current-menu-parent > a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  content: "";
}

.header .header-main.style--one .main-menu .nav li.current-menu-item > a {
  color: #ffffff;
}

.header .header-main.style--one .main-menu .nav li a {
  display: block;
  line-height: 1;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}

.header .header-main.style--one .main-menu .nav li ul {
  position: absolute;
  left: 0;
  top: -2000px;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  width: 210px;
  padding: 15px 0;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  z-index: 9;
}

.header .header-main.style--one .main-menu .nav li ul li {
  display: block;
  width: 100%;
  line-height: 1;
  font-size: 16px;
}

.header .header-main.style--one .main-menu .nav li ul li:hover > a {
  color: #ffffff;
}

.header .header-main.style--one .main-menu .nav li ul li a {
  padding: 10px 30px;
}

.header .header-main.style--one .main-menu .nav li ul li ul {
  top: 0;
  left: calc(100% + 20px);
}

.header .header-main.style--one .main-menu .nav li ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 0;
  left: 100%;
}

.header .header-main.style--one .main-menu .nav > li {
  display: inline-block;
  padding: 0 17px;
}

.header .header-main.style--one .main-menu .nav > li:last-child {
  padding-right: 34px;
}

.header .header-main.style--one .main-menu .nav > li > a {
  line-height: 100px;
  position: relative;
  color: #ffffff;
}

.header .header-main.style--one .main-menu .nav > li > a:hover {
  opacity: .7;
}

.header .header-main.style--one .main-menu .nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-btn .btn {
  padding: 14px 20px;
}

@media only screen and (max-width: 479px) {
  .header-btn {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .offcanvas-menu-wrap {
    background: #FC5185;
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 320px;
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    padding: 20px;
    overflow: hidden;
    -webkit-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    transition: 0.7s ease;
  }
  .offcanvas-menu-wrap.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu {
    padding-top: 30px;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav {
    padding: 0;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav > li {
    padding: 0;
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav > li > a {
    font-size: 24px;
    color: #ffffff;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav > li > a:after {
    display: none;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav > li.current-menu-parent > a {
    opacity: .8;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav > li.current-menu-parent > a:after {
    display: none;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav li.has-sub-menu .submenu-button {
    position: absolute;
    right: 10px;
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 40px;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav li.has-sub-menu .submenu-button:after {
    content: "\f107";
    font-family: fontAwesome;
    color: #ffffff;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav ul.sub-menu {
    width: 100%;
    padding-left: 20px;
    display: none;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav ul.sub-menu li a {
    color: #ffffff;
    font-size: 18px;
  }
  .offcanvas-menu-wrap .offcanvas-menu .main-menu ul.nav ul.sub-menu li.current-menu-item > a {
    opacity: .8;
  }
  .offcanvas-trigger {
    width: 30px;
    display: inline-block;
    cursor: pointer;
    z-index: 98;
    margin-right: 20px;
    margin-top: 13.5px;
  }
}

@media only screen and (max-width: 991px) and (max-width: 479px) {
  .offcanvas-trigger {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .offcanvas-trigger span {
    display: block;
    height: 3px;
    background-color: #FC5185;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  .offcanvas-trigger span:nth-child(2) {
    margin: 5px 0;
    margin-left: 5px;
  }
  .offcanvas-trigger span:nth-child(3) {
    margin-left: 10px;
  }
  .offcanvas-trigger:hover span {
    margin-left: 0 !important;
  }
  .offcanvas-cancel {
    position: absolute;
    right: 27px;
    top: 19px;
    font-size: 24px;
    cursor: pointer;
  }
  .offcanvas-cancel:hover .svg {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .offcanvas-overlay {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background: #222222;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  .offcanvas-overlay.show {
    z-index: 9998;
    opacity: .7;
    visibility: visible;
  }
}

/* ************************
   03.2: Banner
   ********************* */
.banner {
  padding-top: 150px;
  padding-bottom: 50px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .banner {
    position: relative;
    height: auto;
  }
}

.banner-content h1 {
  font-size: 60px;
  margin-bottom: 22px;
}

@media only screen and (max-width: 575px) {
  .banner-content h1 {
    font-size: 50px;
  }
}

.banner-content p {
  margin-bottom: 56px;
}

.banner-right {
  position: relative;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .banner-right {
    margin-top: 60px;
  }
}

.banner-right .banner2 {
  position: absolute;
  bottom: 0;
  left: -40px;
  -webkit-animation: matrix 8s 2s infinite alternate;
  animation: matrix 8s 2s infinite alternate;
}

@media only screen and (max-width: 991px) {
  .banner-right .banner2 {
    display: none;
  }
}

/* Icons Animation */
.plus-icon {
  -webkit-animation: zoomIn 2s infinite alternate;
  animation: zoomIn 2s infinite alternate;
  position: absolute;
}

.circle-icon {
  -webkit-animation: matrix 8s infinite alternate;
  animation: matrix 8s infinite alternate;
  position: absolute;
}

.plus-icon1 {
  left: 60%;
  top: 15%;
}

.plus-icon2 {
  right: 10%;
  top: 25%;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.plus-icon3 {
  right: 5%;
  top: 50%;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.plus-icon4 {
  right: 10%;
  top: 75%;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.plus-icon5 {
  left: 5%;
  top: 50%;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.plus-icon6 {
  left: 20%;
  top: 20%;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.circle-icon1 {
  left: 5%;
  top: 30%;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.circle-icon2 {
  left: 40%;
  bottom: 10%;
}

/* ************************
   03.3: Blog
   ********************* */
/* Single Blog */
.single-blog-item {
  margin-bottom: 30px;
}

.single-blog-item .s-blog-img img {
  width: 100%;
}

.single-blog-item .s-blog-content {
  padding: 40px;
  padding-top: 37px;
  background: #ffffff;
}

@media only screen and (max-width: 991px) {
  .single-blog-item .s-blog-content {
    padding: 30px;
  }
}

.single-blog-item .s-blog-content h3 {
  margin-bottom: 14px;
  line-height: 1.2;
}

.single-blog-item .s-blog-content h3 a {
  color: #222222;
}

.single-blog-item:hover .s-blog-content h3 a {
  color: #ffffff;
}

.single-blog-item:hover .s-blog-content .s-btn {
  color: #ffffff;
}

.single-blog-item:hover .s-blog-content .s-btn:after, .single-blog-item:hover .s-blog-content .s-btn:before {
  background: #ffffff;
}

/* Blog Details */
.post-details .entry-header .entry-thumbnail {
  margin-bottom: 55px;
}

.post-details .entry-header .entry-title {
  font-size: 40px;
  line-height: 1.28;
  margin-bottom: 5px;
  font-weight: 700;
}

.post-details .entry-header .entry-meta {
  margin-bottom: 20px;
}

.post-details .entry-header .entry-meta li:not(:last-child) {
  margin-right: 50px;
}

.post-details .entry-header .entry-meta li span {
  font-weight: 700;
  margin-right: 7px;
  font-size: 16px;
  color: #222222;
}

.post-details .entry-header .entry-meta li a {
  font-size: 14px;
}

.post-details .entry-tags,
.post-details .entry-categories {
  margin-bottom: 24px;
}

.post-details .entry-tags ul li:first-child,
.post-details .entry-categories ul li:first-child {
  color: #222222;
  font-size: 16px;
  font-weight: 700;
  margin-right: 5px;
}

.post-details .entry-tags ul li a,
.post-details .entry-categories ul li a {
  font-size: 14px;
  line-height: 1.57;
}

.post-details .entry-tags ul li a:not(:last-child):after,
.post-details .entry-categories ul li a:not(:last-child):after {
  content: ',';
}

/* Blog Details Content */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.page--content h1,
.page--content h2,
.page--content h3,
.page--content h4,
.page--content h5,
.page--content h6 {
  line-height: 1.5;
  margin-bottom: 23px;
}

.entry-content table,
.comment-content table,
.page--content table {
  margin-bottom: 30px;
}

.entry-content select,
.comment-content select,
.page--content select {
  margin-bottom: 30px;
}

.entry-content > *:last-child,
.comment-content > *:last-child,
.page--content > *:last-child {
  margin-bottom: 0;
}

.entry-content a,
.comment-content a,
.page--content a {
  color: #222222;
  font-size: 14px;
}

.entry-content a i,
.comment-content a i,
.page--content a i {
  margin-right: 5px;
}

.entry-content a:hover,
.comment-content a:hover,
.page--content a:hover {
  text-decoration: underline;
}

/* Post Author Info */
.post-author {
  padding: 50px 0;
}

@media only screen and (max-width: 575px) {
  .post-author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
}

.post-author .author-thumb {
  margin-right: 30px;
}

@media only screen and (max-width: 575px) {
  .post-author .author-thumb {
    margin-bottom: 30px;
  }
}

.post-author .author-info h4 {
  font-size: 18px;
  margin-bottom: 5px;
}

/* Post Navigation */
.post-navigation .nav-link {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.post-navigation .nav-link .nav-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  opacity: .5;
  margin-bottom: 17px;
}

.post-navigation .nav-link .nav-title i {
  margin-right: 10px;
}

.post-navigation .nav-link .nav-title.text-right i {
  margin-left: 10px;
}

.post-navigation .nav-link .posted-on {
  margin: 10px 0 2px;
  display: block;
  font-size: 14px;
}

.post-navigation .nav-link:hover .nav-title {
  opacity: 1;
}

/* Related Post */
.related-post h3 {
  margin-bottom: 30px;
}

.related-post .single-post {
  margin-bottom: 0;
}

/* Post Comments */
.comments-area .comments-title {
  margin-bottom: 30px;
}

.comments-area .comment .single-comment {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(225, 225, 255, 0.66);
}

@media only screen and (max-width: 575px) {
  .comments-area .comment .single-comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.comments-area .comment .single-comment .comment-author-image {
  min-width: 65px;
  margin-right: 30px;
  border-radius: 50%;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .comments-area .comment .single-comment .comment-author-image {
    margin-bottom: 30px;
  }
}

.comments-area .comment .single-comment:not(.trackback):not(.pingback) .comment-content {
  max-width: calc(100% - 95px);
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .comments-area .comment .single-comment:not(.trackback):not(.pingback) .comment-content {
    max-width: 100%;
  }
}

.comments-area .comment .single-comment .comment-content .author_name {
  margin-right: 10px;
  margin-bottom: 0px;
}

.comments-area .comment .single-comment .comment-content .commented-on {
  font-size: 12px;
}

.comments-area .comment .single-comment .comment-content p {
  margin: 10px 0px;
}

.comments-area .comment ul.children {
  margin-left: 95px;
}

@media only screen and (max-width: 575px) {
  .comments-area .comment ul.children {
    margin-left: 30px;
  }
}

/* Comments Form */
.comment-respond .comment-reply-title {
  padding-top: 30px;
  margin-bottom: 30px;
}

.comment-respond .comment-form .comment-notes {
  margin-bottom: 30px;
}

.comment-respond .comment-form .theme-input-style, .comment-respond .comment-form .entry-content select, .entry-content .comment-respond .comment-form select,
.comment-respond .comment-form .comment-content select, .comment-content .comment-respond .comment-form select,
.comment-respond .comment-form .page--content select, .page--content .comment-respond .comment-form select {
  margin-bottom: 35px;
}

.comment-respond .comment-form .custom-checkbox {
  margin-bottom: 25px;
}

.comment-respond p.custom-checkbox {
  display: block;
  white-space: normal;
}

.comment-respond p.custom-checkbox label input[type=checkbox] {
  margin-right: 6px;
  position: relative;
  top: 1px;
}

/* ************************
   03.4: Footer
   ********************* */
.footer {
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .footer {
    position: relative;
    max-height: inherit;
  }
}

.footer .footer-top {
  padding-top: 77px;
  padding-bottom: 18px;
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .footer .footer-top {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}

.footer .list-unstyled li:not(:last-child) {
  margin-bottom: 10px;
}

.footer p {
  line-height: 1.75;
}

.footer p,
.footer a,
.footer li {
  color: #ffffff;
}

.footer .widget {
  margin-bottom: 30px;
  padding: 0;
  background-color: transparent;
}

.footer .widget:last-child {
  margin-bottom: 60px;
}

.footer .widget .widget-title h3 {
  line-height: 1.2;
}

.footer .widget .widget-title {
  margin-bottom: 30px;
}

.footer .widget_nav_menu .menu li {
  margin-bottom: 10px;
}

.footer .widget_nav_menu .menu li a {
  text-transform: capitalize;
}

.footer .footer-bottom {
  position: relative;
  padding: 24px 0 23px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .footer .footer-bottom {
    font-size: 14px;
  }
}

.footer .footer-bottom:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #ffffff;
  opacity: .2;
}

.footer .footer-bottom .footer-bottom-left span, .footer .footer-bottom .footer-bottom-left a:not(:last-child) {
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-bottom .footer-bottom-left span, .footer .footer-bottom .footer-bottom-left a:not(:last-child) {
    margin-right: 20px;
    text-transform: capitalize;
  }
}

.footer .footer-bottom .footer-bottom-right a {
  font-weight: 500;
}

/* ************************
   03.5: 404
   ********************* */
.content404 h1 {
  font-size: 60px;
  line-height: 1.2;
  margin-bottom: 50px;
}

@media only screen and (max-width: 575px) {
  .content404 h1 {
    font-size: 40px;
  }
}

.img404 {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .img404 {
    margin-top: 60px;
  }
}

.img404 .rotate-absolute {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media only screen and (max-width: 575px) {
  .img404 .rotate-absolute {
    display: none;
  }
}

.circle-bg.bg-404 {
  top: -40px;
}

/* ************************
   03.6: Coming Soon
   ********************* */
.comming-soon-right {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .comming-soon-right {
    margin-top: 60px;
  }
}

.comming-soon-right .c-soon-circle-bg {
  top: 35px;
  right: 0;
  z-index: -1;
}

@media only screen and (max-width: 991px) {
  .comming-soon-right .c-soon-circle-bg {
    top: 5%;
    right: 5%;
    width: 90%;
  }
}

@media only screen and (max-width: 575px) {
  .comming-soon-right .c-soon-circle-bg {
    display: none;
  }
}

.comming-soon-right .c-soon-circle-bg .rotate-absolute {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}

#countdown li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 47.2%;
  flex: 0 0 47.2%;
  height: 250px;
  background: #ffffff;
  margin-bottom: 30px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 479px) {
  #countdown li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

#countdown li:nth-child(even) {
  position: relative;
  top: 70px;
}

@media only screen and (max-width: 479px) {
  #countdown li:nth-child(even) {
    position: static;
  }
}

#countdown li .single-countdown {
  text-align: center;
}

#countdown li .single-countdown h2 {
  font-size: 40px;
}

@media screen and (-ms-high-contrast: none) {
  #countdown li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
  }
}

/* ************************
   04.1: Welcome
   ********************* */
@media only screen and (max-width: 991px) {
  .welcome-contact-info {
    margin-bottom: 50px;
  }
}

.contact-box {
  padding: 50px 29px;
  background-color: #ffffff;
  margin-bottom: 30px;
}

.contact-box .svg {
  margin-bottom: 20px;
}

.contact-box h3 {
  margin-bottom: 20px;
}

.contact-box span, .contact-box span a {
  line-height: 1.5;
  display: block;
  color: #222222;
}

.contact-box:hover .svg path {
  fill: #ffffff;
}

.contact-box:hover h3 {
  color: #ffffff;
}

.contact-box:hover span, .contact-box:hover span a {
  color: #ffffff;
}

/* ************************
   04.2: Treatment
   ********************* */
.treatment-single {
  margin-bottom: 30px;
}

.treatment-single .t-single-img {
  text-align: center;
}

.treatment-single .t-single-content {
  background: #ffffff;
  padding: 30px 10px;
}

.treatment-single .t-single-content h3 {
  text-align: center;
}

.treatment-single .t-single-content h3 a {
  color: #222222;
}

.treatment-single:hover .t-single-content h3 a {
  color: #ffffff;
}

.treatment-bg {
  position: absolute;
  left: 0;
  top: -10%;
  height: 110%;
  width: 100%;
  max-width: 100%;
}

.service-details .service-details-image {
  margin-bottom: 40px;
}

.service-details .post-title h2 {
  margin-bottom: 20px;
}

.service-feature {
  padding-top: 12px;
}

.service-feature h3 {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .service-feature .service-feature-img {
    margin-bottom: 60px;
  }
}

/* ************************
   04.3: Features
   ********************* */
@media only screen and (max-width: 991px) {
  .feature-left, .patient-left {
    margin-bottom: 60px;
  }
}

.feature-single {
  margin-bottom: 30px;
  padding: 60px 40px 52px;
  background-color: #ffffff;
}

.feature-single .f-single-icon {
  margin-bottom: 38px;
}

.feature-single .f-single-content h3 {
  margin-bottom: 15px;
}

.single-mt {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  .single-mt {
    margin-top: 0px;
  }
}

/* About Patient */
.Patient-single {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}

.Patient-single.style--two .patient-single-box .p-box-content h3 {
  line-height: 1.4;
}

.Patient-single .patient-single-box {
  height: 280px;
  padding: 25px;
  margin-bottom: 30px;
}

.Patient-single:hover .p-box-content {
  color: #ffffff;
}

.Patient-single:hover .p-box-content h3, .Patient-single:hover .p-box-content h2 {
  color: #ffffff;
}

/* ************************
   04.4: Contact
   ********************* */
.cta {
  z-index: 1;
  padding-top: 90px;
  padding-bottom: 90px;
}

.cta-content h2 {
  font-size: 40px;
  margin-bottom: 44px;
  line-height: 1.25;
}

@media only screen and (max-width: 991px) {
  .cta-content h2 {
    font-size: 34px;
  }
}

.cta-img {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .cta-img {
    margin-top: 60px;
  }
}

/* ************************
   04.5: Dentist
   ********************* */
@media only screen and (max-width: 991px) {
  .c-content-box {
    margin-bottom: 60px;
  }
}

.doctor {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .doctor.doctor1 {
    margin-bottom: 50px;
  }
}

.doctor .doctor-img {
  margin-bottom: 40px;
}

.doctor .doctor-meta {
  text-align: center;
}

.doctor .doctor-meta h3 {
  margin-bottom: 5px;
  text-transform: capitalize;
}

.doctor .doctor-meta h3 a {
  color: #222222;
}

.doctor .doctor-meta span {
  text-transform: capitalize;
}

.all-doctors .doctor {
  margin-bottom: 52px;
}

@media only screen and (max-width: 991px) {
  .all-doctors .doctor {
    margin-bottom: 50px;
  }
}

.dental-bg {
  height: 210%;
  position: absolute;
  top: -110%;
  left: 0;
  z-index: -1;
}

.doctor-bg2 {
  top: -32%;
  left: 0;
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .doctor-bg2 {
    width: 90%;
  }
}

@media only screen and (max-width: 991px) {
  .doctor-bg2 {
    top: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .doctor-bg2 {
    display: none;
  }
}

/* ************************
   04.6: Testimonial
   ********************* */
.testimonial-slider {
  padding-bottom: 60px;
}

.testimonial-slider .single-testimonial-item {
  padding: 40px 60px;
  margin: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
}

@media only screen and (max-width: 479px) {
  .testimonial-slider .single-testimonial-item {
    padding: 20px 10px;
    margin: 5px;
  }
}

.testimonial-slider .single-testimonial-item .testimonial-top {
  margin-bottom: 32px;
}

.testimonial-slider .single-testimonial-item .testimonial-top img {
  margin-right: 25px;
  width: 95px;
  height: 95px;
}

.testimonial-slider .single-testimonial-item .testimonial-meta h3 {
  margin-bottom: 5px;
}

.testimonial-slider .single-testimonial-item .testimonial-meta span {
  text-transform: capitalize;
}

.testimonial-bg {
  width: 40%;
  top: -10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* ************************
   04.7: Doctor Details
   ********************* */
.d-details-img {
  text-align: center;
}

.rebecca-content .widget.widget_social_icon {
  padding-top: 3px;
}

@media only screen and (max-width: 991px) {
  .rebecca-content {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .d-details-content {
    margin-bottom: 60px;
  }
}

.dd-single-content:not(:last-child) {
  margin-bottom: 33px;
}

.dd-single-content .dd-s-title {
  margin-bottom: 7px;
}

.dd-single-content .dd-s-title h3 {
  margin-right: 5px;
}

.dd-single-content .university {
  margin-bottom: 12px;
  display: inline-block;
}

/* ************************
   04.8: FAQ
   ********************* */
.accordion {
  margin-bottom: 5px;
}

.accordion .card-header:first-child {
  border-radius: 0;
}

.accordion > .card {
  overflow: visible;
}

.accordion > .card .card-header {
  margin-bottom: -5px;
}

.accordion .card {
  border: none;
}

.accordion .card:not(:last-child) {
  margin-bottom: 30px;
}

.accordion .card-header {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

.accordion .card-header .btn-link {
  width: 100%;
  background: #ffffff;
  color: #222222;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  padding: 30px 25px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .accordion .card-header .btn-link {
    padding-right: 40px;
    font-size: 18px;
    padding-left: 15px;
  }
}

.accordion .card-header .btn-link:after {
  content: url(../img/icons/faq-minus.svg);
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 575px) {
  .accordion .card-header .btn-link:after {
    right: 15px;
  }
}

.accordion .card-header .btn-link.collapsed:after {
  content: url(../img/icons/faq-plus.svg);
}

.accordion .card-header .btn-link:hover {
  text-decoration: none;
}

/*# sourceMappingURL=style.css.map */