/*
	NOTE:
	-----
	Пожалуйста, не редактируйте этот CSS, вы можете использовать файл "custom.css" или вкладку CSS макета в HostCMS для добавления своего пользовательскего CSS.
  Наверняка мы будем выпускать обновления, и так как это приведет к перезаписи этого файла - лучше и безопаснее использовать 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
   ********************* */

.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;
}


h1,
h2,
h3,
h4,
h5,
h6,
.Open,
.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: "Open Sans", sans-serif;
}

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


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


.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, .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.04);
  box-shadow: 10px 7px 45px rgba(0, 0, 0, 0.04);
}

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


.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-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 {
  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, .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;
}


.ov-hidden {
  overflow: hidden;
}

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


.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 {
  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 {
  background-color: rgba(252, 81, 133, 0.2);
}

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


.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-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 {
  position: relative;
  z-index: 5;
  background-color: #fff;
  width: 100%;
}


.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;
}


.bg-img {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}


.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;
}


.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 {
  margin-top: -6px;
  margin-bottom: 35px;
}

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


.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;
}


.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;
  }
}


.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-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;
}


.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: ',';
}


.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 {
  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 .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 h3 {
  margin-bottom: 30px;
}

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


.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;
  }
}


.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;
  }
}


.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("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("faq-plus.svg");
}

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