/*

Theme Name: Findoctor

Theme URI: http://www.ansonika.com/findoctor/

Author: Ansonika

Author URI: http://themeforest.net/user/Ansonika/



[Table of contents] 



1. SITE STRUCTURE and TYPOGRAPHY

- 1.1 Typography

- 1.2 Buttons

- 1.3 Structure



2. CONTENT

- 2.1 Home

- 2.2 Listing

- 2.3 Map listing

- 2.4 Detail page

- 2.5 Login/register

- 2.6 404 page

- 2.7 Contact page

- 2.8 Booking page/confirm

- 2.9 Pricing page

- 2.10 Submit review 

- 2.11 Home with map

- 2.12 About



3. COMMON

- 3.1 Misc

- 3.2 List

- 3.3 Spacing

- 3.4 Scroll top button

- 3.5 Community badges

- 3.6 Pagination

- 3.7 Cookie bar

- 3.8 Date dropper/time dropper

- 3.9 Faq section





/*============================================================================================*/

/* 1.  SITE STRUCTURE and TYPOGRAPHY */

/*============================================================================================*/

@font-face {

  font-family: 'SF Pro Display';

  src: url('/public/users/fonts/SFProDisplay-Medium.woff2') format('woff2'),

  url('/public/users/fonts/SFProDisplay-Medium.woff') format('woff'),

  url('/public/users/fonts/SFProDisplay-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}



@font-face {

  font-family: 'SF Pro Display';

  src: url('/public/users/fonts/SFProDisplay-Bold.woff2') format('woff2'),

  url('/public/users/fonts/SFProDisplay-Bold.woff') format('woff'),

  url('/public/users/fonts/SFProDisplay-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'SF Pro Display';

  src: url('/public/users/fonts/SFProDisplay-Light.woff2') format('woff2'),

  url('/public/users/fonts/SFProDisplay-Light.woff') format('woff'),

  url('/public/users/fonts/SFProDisplay-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'SF Pro Display';

  src: url('/public/users/fonts/SFProDisplay-Regular.woff2') format('woff2'),

  url('/public/users/fonts/SFProDisplay-Regular.woff') format('woff'),

  url('/public/users/fonts/SFProDisplay-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

/*-------- Preloader --------*/

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  bottom: 0;

  background-color: #fff;

  z-index: 999999;

}



[data-loader="circle-side"] {

  position: absolute;

  width: 50px;

  height: 50px;

  top: 50%;

  left: 50%;

  margin-left: -25px;

  margin-top: -25px;

  -webkit-animation: circle infinite .95s linear;

  -moz-animation: circle infinite .95s linear;

  -o-animation: circle infinite .95s linear;

  animation: circle infinite .95s linear;

  border: 2px solid #3f4079;

  border-top-color: rgba(0, 0, 0, 0.2);

  border-right-color: rgba(0, 0, 0, 0.2);

  border-bottom-color: rgba(0, 0, 0, 0.2);

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}



@-webkit-keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-o-keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes circle {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.body_freeze {

  overflow: hidden !important;

}



/*-------- 1.1 Typography --------*/

/* rem reference

10px = 0.625rem

12px = 0.75rem

14px = 0.875rem

16px = 1rem (base)

18px = 1.125rem

20px = 1.25rem

24px = 1.5rem

30px = 1.875rem

32px = 2rem

36px= 2.571428571rem

42px= 3rem

48px= 3.428571429rem

64px= 4.57142857rem

72px= 5.142857143rem

*/

html * {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



body {

  background: #fff;

  margin:0;

  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;

  font-size:1rem;

  font-weight:400;

  line-height:1.5;

  color:#212529;

  text-align:left;

}

body{

  font-family: 'SF Pro Display';

}

main {

  background: #f5f8fa;

  position: relative;

  z-index: 1;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #333;

}



p {

  margin-bottom: 30px;

}



hr {

  margin: 15px 0 30px 0;

  border-color: #ededed;

}



hr.double {

  margin: 15px 0 30px 0;

  border-color: #ededed;

  border-width: 2px;

}



ul,

ol {

  list-style: none;

  margin: 0 0 25px 0;

  padding: 0;

}



p {

  margin-bottom: 25px;

}



p.lead {

  font-weight: 300;

  font-size: 20px;

  font-size: 1.25rem;

}



strong {

  font-weight: 600;

}



.main_title {

  text-align: center;

  margin-bottom: 45px;

}

@media (min-width: 768px) {

  .features2 {

    display: none;

  }

  .onmobile {

    display: none;

  }

}

@media (max-width: 767px) {

  .main_title {

    /* For less than 767px */

    margin-bottom: 15px;

  }

  .nzok {

    float: none !important;

    display: inline-block;

    margin-bottom: 3px;

  }

  .kids {

    float: none !important;

    display: inline-block;

    margin-bottom: 3px;

    padding: 7px 7px 7px 5px;

  }

  .prices {

    float: none !important;

    display: inline-block;

    margin-bottom: 3px;

  }

  .features2 {

    margin-top:5px;

  }

}

.main_title h2 {

  font-weight: 300;

  letter-spacing: -1px;

  font-size: 36px;

  margin: 0;

  text-transform: uppercase;

}

@media (max-width: 767px) {

  .main_title h2 {

    /* For less than 767px */

    font-size: 32px;

    font-size: 2rem;

  }

}

@media (max-width: 575px) {

  .main_title h2 {

    /* For less than 575px */

    font-size: 24px;

    font-size: 1.5rem;

  }

  #custom-search-input2 {

    display: block !important;

    width: 100% !important;

    padding: 0 15px;

    margin:10px 0 0 ;

  }

  #custom-search-input2 input  {

    width: 100% !important;

  }

  .submit-btn-search {

    width: 100%;

    padding: 0 15px;

    margin-right: 5px;

  }

  .submit-btn-search .btn-search {

    width: 100%;

  }

  #custom-search-input2 .search-query {

    margin-bottom: 10px;

  }

  .filter-wrapping {

    overflow-y: scroll;

  }

  .flex {

    display: inline !important;

  }

  .flex .fixed-mb {

    float: right;

    left: -0px;

    top: 5px;

  }

  ul#top_access {

    right: 15px !important;

    top: 2px;

  }

  .add-time , .all-time{

    font-size: 12px;

    padding: 5px 14px;

  }

  .booking .one_first {

    flex-wrap: wrap;

  }

  .book_appointment.aligncenter {

    display: block !important;

    width: 100%;

    flex: auto !important;

  }

}

@media (max-width: 767px) {

  .main_title h1 {

    /* For less than 767px */

    font-size: 32px;

    font-size: 2rem;

  }

}

.main_title p {

  font-weight: 300;

  font-size: 20px;

  color: #777;

  padding: 0 10%;

}

@media (max-width: 767px) {

  .main_title p {

    /* For less than 767px */

    font-size: 18px;

    font-size: 1.125rem;

    padding: 0;

  }

}

@media (max-width: 575px) {

  .main_title p {

    /* For less than 575px */

    font-size: 16px;

    font-size: 1rem;

  }

}



.main_title_2 {

  text-align: center;

  margin-bottom: 30px;

}

.main_title_2 h3 {

  font-weight: 300;

  font-size: 28px;

  font-size: 1.75rem;

  margin: 0;

  text-transform: uppercase;

}

.main_title_2 p {

  font-weight: 300;

  font-size: 20px;

  font-size: 1.25rem;

  color: #777;

}



.main_title_3 {

  background-color: #3f4079;

  background-color: #3f4079;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  text-align: center;

  padding: 10px;

  position: relative;

  margin-bottom: 60px;

}

@media (max-width: 991px) {

  .main_title_3 {

    /* For less than 991px */

    margin-bottom: 30px;

  }

  .search-filters .search-filters-holder {

    white-space: nowrap;

    overflow-x: scroll;

    -ms-overflow-style: none;

  }

  .fixed-mb {

    left: -50px;

    top: 10px;

  }

}

.main_title_3 h3 {

  font-size: 16px;

  font-size: 1rem;

  text-transform: uppercase;

  margin: 5px 0 0 0;

  position: relative;

  color: #fff;

}

.main_title_3 h3 strong {

  background-color: #e74e84;

  color: #fff;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  line-height: 24px;

  display: inline-block;

  width: 24px;

  height: 24px;

  font-size: 14px;

  font-size: 0.875rem;

  margin-right: 10px;

  position: relative;

  top: -2px;

}

.main_title_3 h3:before, .main_title_3 h3:after {

  content: "";

  position: absolute;

  width: 20px;

  height: 54px;

  bottom: -42px;

  display: block;

  z-index: 9;

}

@media (max-width: 991px) {

  .main_title_3 h3:before, .main_title_3 h3:after {

    /* For less than 991px */

    display: none;

  }

}

.main_title_3 h3:before {

  left: 25%;

  background: url(../img/arrow_left.png) no-repeat 0 0;

}

.main_title_3 h3:after {

  right: 25%;

  background: url(../img/arrow_right.png) no-repeat 0 0;

}



.main_title_4 {

  background-color: #3f4079;

  background-color: #3f4079;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  padding: 10px;

  box-sizing: border-box;

  position: relative;

  margin-bottom: 30px;

}

@media (max-width: 991px) {

  .main_title_4 {

    /* For less than 991px */

    margin-bottom: 30px;

  }

}

.main_title_4 h3 {

  font-size: 16px;

  font-size: 1rem;

  text-transform: uppercase;

  margin: 0;

  color: #fff;

}

.main_title_4 h3 i {

  position: relative;

  top: 1px;

  margin-right: 5px;

}



/*-------- 1.2 Buttons --------*/

/*General links color*/

a {

  color: #e74e84;

  text-decoration: none;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  outline: none;

}

a:hover, a:focus {

  color: #333;

  text-decoration: none;

  outline: none;

}



a.btn_1,

.btn_1 {

  border: none;

  color: #fff;

  background: #e74e84;

  cursor: pointer;

  padding: 7px 20px;

  display: inline-block;

  outline: none;

  font-size: 14px;

  font-size: 0.875rem;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  -ms-border-radius: 25px;

  border-radius: 25px;

  font-weight: 500;

}

a.btn_1.medium,

.btn_1.medium {

  padding: 12px 45px;

  font-size: 16px;

  font-size: 1rem;

}

a.btn_1.full-width,

.btn_1.full-width {

  display: block;

  text-align: center;

  padding: 12px 45px;

  font-size: 16px;

  font-size: 1rem;

  width: 100%;

}

a.btn_1:hover,

.btn_1:hover {

  background: #74d1c6;

  color: #fff;

}

a.btn_1.outline,

.btn_1.outline {

  background: transparent;

  border: 2px solid #e74e84;

  color: #e74e84;

}

a.btn_1.outline:hover,

.btn_1.outline:hover {

  background: #e74e84;

  color: #fff;

}



/*-------- 1.3 Structure --------*/

/* Header */

header {

  background-color: #fff;

  min-height: 55px;

  padding: 10px 0;

  border-bottom: 1px solid transparent;

}

header.header_sticky {

  width: 100%;

  z-index: 999;

  position: relative;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

header.header_sticky.sticky {

  border-bottom: 1px solid #ededed;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 999;

}

header.header_map {

  width: 100%;

  border-bottom: 1px solid #ededed;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 999;

}

header.static {

  position: static;

  border-bottom: 1px solid #ededed;

  z-index: 999;

  position: relative;

}



ul#top_access {

  float: right;

  position: relative;

  margin: -8px 0 0 0;

}

@media (max-width: 991px) {

  ul#top_access {

    /* For less than 991px */

    right: 45px;

    top: 2px;

  }

}

ul#top_access li {

  display: inline-block;

  position: relative;

  padding: 0;

  margin-left: 0px;

}

ul#top_access li i {

  font-size: 34px;

  font-size: 2.125rem;

}

ul#top_access li a {

  color: #3f4079;

}

ul#top_access li a:hover {

  color: #333;

}

ul#top_access li#user {

  position: relative;

  padding: 10px 0 0 60px;

  font-weight: 500;

}

ul#top_access li#user figure {

  position: absolute;

  left: 15px;

  top: 0;

  width: 35px;

  height: 35px;

  overflow: hidden;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

ul#top_access li#user figure img {

  width: auto;

  height: 35px;

}

@media (max-width: 991px) {

  ul#top_access li#user figure {

    /* For less than 991px */

    text-indent: 0;

  }

}

@media (max-width: 991px) {

  ul#top_access li#user {

    /* For less than 991px */

    text-indent: -9999px;

    padding: 0;

    margin: 2px 10px 0 0;

  }

}



/* logo home with h1 */

#logo_home h1 {

  margin: 0;

  padding: 0;

  line-height: 1;

}

#logo_home h1 a {

  width: auto;

  height: 100px;

  display: block;

  background: url(/public/users/images/logo-left.png) no-repeat 0 0;

  background-size: 100px 100px;

  text-indent: -9999px;

}



@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

  #logo_home h1 a {

    background-image: url(/public/users/images/logo-left.png);

    background-size: 46px 46px;

  }

  #logo_home h1 a {

    height: 45px;

  }

}

/* Footer */

footer {

  background-color: #fff;

  color: #555;

  border-top: 1px solid #e4e4e4;

}

footer h5 {

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: 600;

  text-transform: uppercase;

  color: #999;

  margin-bottom: 20px;

}

@media (max-width: 767px) {

  footer h5 {

    /* For less than 767px */

    margin-bottom: 10px;

  }

}

@media (max-width: 767px) {

  footer ul {

    /* For less than 767px */

    margin-bottom: 35px;

  }

}

footer ul li {

  margin-bottom: 10px;

}

footer ul li a {

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: inline-block;

  position: relative;

  color: #555;

}

footer ul li a:hover {

  color: #e74e84;

}

footer ul li a i {

  margin-right: 10px;

  color: #fff;

}

footer ul.links li a:hover {

  -webkit-transform: translate(5px, 0);

  -moz-transform: translate(5px, 0);

  -ms-transform: translate(5px, 0);

  -o-transform: translate(5px, 0);

  transform: translate(5px, 0);

}

footer ul.links li a:hover:after {

  opacity: 1;

}

footer ul.links li a:after {

  font-family: 'ElegantIcons';

  content: "\24";

  position: absolute;

  margin-left: 5px;

  top: 1px;

  opacity: 0;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

footer ul.contacts li a i {

  margin-right: 10px;

  color: #e74e84;

}

footer #copy {

  text-align: right;

  font-size: 13px;

  font-size: 0.8125rem;

  color: #999;

}

@media (max-width: 767px) {

  footer #copy {

    /* For less than 767px */

    text-align: left;

    margin-bottom: 25px;

  }

}



.follow_us ul {

  margin: 0;

}

.follow_us ul li {

  display: inline-block;

  margin-right: 10px;

  font-size: 16px;

  font-size: 1rem;

}

.follow_us ul li a i {

  color: #555;

}

.follow_us ul li a i:hover {

  color: #e74e84;

}



/* Addtional links / Footer */

ul#additional_links {

  margin: 0;

  font-size: 13px;

  font-size: 0.8125rem;

  color: #999;

}

ul#additional_links li {

  display: inline-block;

  margin-right: 15px;

}

ul#additional_links li:first-child {

  margin-right: 20px;

}

ul#additional_links li:last-child:after {

  content: "";

}

ul#additional_links li a {

  opacity: 0.5;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

ul#additional_links li a:hover {

  opacity: 1;

}

ul#additional_links li:after {

  content: "|";

  font-weight: 300;

  position: relative;

  left: 10px;

}



/* Wow on scroll event */

.wow {

  visibility: hidden;

}



/*============================================================================================*/

/* 2.  CONTENT */

/*============================================================================================*/

/*-------- 2.1 Home--------*/

.hero_home {

  height: 500px;

  width: 100%;

  display: table;

}

@media (max-width: 767px) {

  .hero_home {

    /* For less than 767px */

    height: 450px;

  }

}

.hero_home.version_1 {

  background: #2A3144 url(../images/home-bg.jpg)  0 0 no-repeat;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

@media (max-width: 767px) {

  .hero_home.version_1 {

    /* For less than 767px */

    height: 450px;

  }

}

.hero_home.version_1 .content {

  background-color: #363768;

  background-color: rgba(63, 64, 121, 0);

}

.hero_home.version_2 {

  background: none;

  position: relative;

  overflow: hidden;

  height: 500px;

  display: block;

}

.hero_home.version_2:before {

  background: #3f4079 url(http://via.placeholder.com/1600x1067.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  animation: pop-in 3s 0.3s cubic-bezier(0, 0.5, 0, 1) forwards;

  content: "";

  opacity: 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: -1;

}

@media (max-width: 767px) {

  .hero_home.version_2 {

    /* For less than 767px */

    height: 450px;

  }

}

.hero_home.version_2 .content {

  background-color: #3e3f77;

  background-color: rgba(63, 64, 121, 0.9);

  padding: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

@media (max-width: 991px) {

  .hero_home.version_2 .content {

    /* For less than 991px */

    padding: 0 10%;

  }

}

@media (max-width: 767px) {

  .hero_home.version_2 .content {

    /* For less than 767px */

    padding: 0 15px;

  }

}

.hero_home.version_3 {

  background: #3f4079 url(../img/hero_home_bg_1.svg) no-repeat center bottom;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

@media (max-width: 767px) {

  .hero_home.version_3 {

    /* For less than 767px */

    height: 450px;

  }

}

.hero_home.version_3 .content {

  background-color: #363768;

  background-color: rgba(63, 64, 121, 0);

  padding: 0 25%;

}

@media (max-width: 991px) {

  .hero_home.version_3 .content {

    /* For less than 991px */

    padding: 0 10%;

  }

}

@media (max-width: 767px) {

  .hero_home.version_3 .content {

    /* For less than 767px */

    padding: 0 15px;

  }

}

.hero_home.version_3 .content p {

  margin: 0 0 45px 0;

}

.hero_home .content {

  display: table-cell;

  padding: 0;

  vertical-align: middle;

  text-align: center;

  font-size: 21px;

  font-size: 1.3125rem;

  color: #fff;

  background-color: #3e3f77;

  background-color: rgba(63, 64, 121, 0.9);

}

@media (max-width: 991px) {

  .hero_home .content {

    /* For less than 991px */

    padding: 0 30px;

  }

}

@media (max-width: 767px) {

  .hero_home .content {

    /* For less than 767px */

    font-size: 16px;

    font-size: 1rem;

    padding: 0 15px;

  }

}

.hero_home .content h3 {

  margin: 0 0 0 0;

  font-size: 60px;

  font-size: 3.75rem;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

}

@media (max-width: 767px) {

  .hero_home .content h3 {

    /* For less than 767px */

    font-size: 42px;

    font-size: 2.625rem;

  }

}

@media (max-width: 575px) {

  .hero_home .content h3 {

    /* For less than 575px */

    font-size: 32px;

    font-size: 2rem;

  }

}



/* Animations hero */

@keyframes pop-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

  }

}

/* Delay */

.hero_home .content h3.animated, #hero_video .content h3.animated {

  animation-delay: 1s;

  -webkit-animation-delay: 1s;

  -moz-animation-delay: 1s;

  animation-duration: 0.4s;

  -webkit-animation-duration: 0.4s;

  -moz-animation-duration: 0.4s;

}

.hero_home .content p.animated, #hero_video .content p.animated {

  animation-delay: 1.3s;

  -webkit-animation-delay: 1.3s;

  -moz-animation-delay: 1.3s;

  animation-duration: 0.4s;

  -webkit-animation-duration: 0.4s;

  -moz-animation-duration: 0.4s;

}

.hero_home .content form.animated, #hero_video .content form.animated {

  animation-delay: 1.5s;

  -webkit-animation-delay: 1.5s;

  -moz-animation-delay: 1.5s;

  animation-duration: 0.3s;

  -webkit-animation-duration: 0.3s;

  -moz-animation-duration: 0.3s;

}

.hero_home .content .btn_1.animated, #hero_video .content .btn_1.animated {

  animation-delay: 2s;

  -webkit-animation-delay: 2s;

  -moz-animation-delay: 2s;

  animation-duration: 1s;

  -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

}



#custom-search-input {

  margin: 0;

  top: 0;

  padding: 0;



  margin: auto;

  position: relative;

}



@media (max-width: 991px) {

  #custom-search-input {

    /* For less than 991px */

    width: auto;

  }

}

#custom-search-input .search-query {

  width: 100%;

  height: 50px;

  padding-left: 20px;

  border: 0;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  font-weight: 500;

  font-size: 18px;

  color: #333;

}

#custom-search-input .search-query:focus {

  outline: none;

}

@media (max-width: 575px) {

  #custom-search-input .search-query {

    /* For less than 575px */

    padding-left: 15px;

  }

}

#custom-search-input ul {

  text-align: center;

  margin-top: 25px;

}

#custom-search-input ul li {

  display: inline-block;

  margin-right: 5px;

  font-size: 13px;

  font-size: 0.8125rem;

  font-weight: 600;

}

#custom-search-input ul li input[type="radio"] {

  display: none;

}

#custom-search-input ul li input[type="radio"]:checked + label, #custom-search-input ul li input[type="radio"]:checked + label:hover {

  background-color: #74d1c6;

  color: #fff;

}

#custom-search-input ul li input[type="radio"]:hover + label {

  background-color: #e74e84;

  color: #fff;

}

#custom-search-input ul li label {

  display: inline-block;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  background-color: black;

  background-color: rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  padding: 8px 10px 6px 10px;

  line-height: 1;

  text-shadow: none;

  min-width: 80px;

  text-align: center;

  cursor: pointer;

}

#custom-search-input ul li:last-child {

  margin-right: 0;

}

#custom-search-input input[type='submit'] {

  position: absolute;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  right: 0;

  color: #fff;

  font-weight: 600;

  font-size: 16px;

  font-size: 1rem;

  top: 0;

  border: 0;

  padding: 0 25px;

  height: 50px;

  cursor: pointer;

  outline: none;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  -ms-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

  background-color: #74d1c6;

}

#custom-search-input input[type='submit']:hover {

  background-color: #e74e84;

}

@media (max-width: 575px) {

  #custom-search-input input[type='submit'] {

    /* For less than 575px */

    text-indent: -999px;

    background: #74d1c6 url(../img/search.svg) no-repeat center center;

  }

}



.box_feat {

  background-color: #fff;

  padding: 165px 10px 20px 10px;

  text-align: center;

  position: relative;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  margin-bottom: 25px;

}

.box_feat h3 {

  text-transform: uppercase;

  font-size: 21px;

  font-size: 1.3125rem;

  margin-top: 25px;

  color: #e74e84;

}

.box_feat#icon_1 {

  background: #fff url(../images/icon-home-1.svg) no-repeat center 45px;

}

.box_feat#icon_2 {

  background: #fff url(../images/icon-home-2.svg) no-repeat center 45px;

}

.box_feat#icon_3 {

  background: #fff url(../images/icon-home-3.svg) no-repeat center 45px;

}

.box_feat span {

  position: absolute;

  top: 50%;

  right: -48px;

  margin: -42px 0 0 0;

  width: 70px;

  height: 70px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: 2px solid #ededed;

  background: #fff url(../images/arrow-gray-1.svg) no-repeat center center;

  display: block;

  z-index: 9;

}

@media (max-width: 991px) {

  .box_feat span {

    /* For less than 991px */

    top: 100%;

    left: 50%;

    margin: -20px 0 0 -35px;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

  }

}



.list_title {

  background-color: #3f4079;

  color: #fff;

  margin-bottom: 5px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  padding: 30px 0;

  text-align: center;

}

.list_title i {

  font-size: 42px;

  font-size: 2.625rem;

  margin-bottom: 15px;

  display: inline-block;

}

@media (max-width: 575px) {

  .list_title i {

    /* For less than 575px */

    display: none;

  }

}

.list_title h3 {

  font-size: 18px;

  font-size: 1.125rem;

  margin: 0;

  color: #74d1c6;

  text-transform: uppercase;

}

@media (max-width: 575px) {

  .list_title {

    /* For less than 575px */

    text-align: left;

    padding: 15px;

  }

}



.list_home ul {

  text-align: left;

}

.list_home ul li a {

  background-color: #fff;

  padding: 10px;

  display: block;

  margin-bottom: 5px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  position: relative;

  font-weight: 500;

  color: #555;

}

.list_home ul li a strong {

  background-color: #f8f8f8;

  color: #999;

  font-size: 14px;

  font-size: 0.875rem;

  line-height: 1;

  padding: 6px;

  display: inline-block;

  margin-right: 10px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

}

.list_home ul li a:after {

  font-family: 'ElegantIcons';

  content: "\24";

  right: 15px;

  top: 15px;

  position: absolute;

  color: #e74e84;

}

.list_home ul li a:hover {

  background-color: #e74e84;

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

  color: #fff;

}

.list_home ul li a:hover:after {

  color: #fff;

}



/*Carousel home page*/

#reccomended, #staff {

  margin-top: 40px;

}

@media (max-width: 767px) {

  #reccomended, #staff {

    /* For less than 767px */

    margin: 0 0 15px 0;

  }

}

#reccomended .item .title, #staff .item .title {

  position: absolute;

  bottom: 0;

  left: 0;

  text-align: center;

  width: 100%;

  z-index: 9;

}

#reccomended .item .title h4, #staff .item .title h4 {

  background-color: #3f4079;

  background-color: #3f4079;

  display: inline-block;

  -webkit-border-radius: 3px 3px 0 0;

  -moz-border-radius: 3px 3px 0 0;

  -ms-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

  color: #fff;

  padding: 10px 15px;

  margin: 0;

  font-size: 16px;

  font-size: 1rem;

  opacity: 0;

}

#reccomended .item .title h4 em, #staff .item .title h4 em {

  display: block;

  font-size: 13px;

  font-size: 13px;

  font-size: 0.8125rem;

  font-weight: 300;

  margin-top: 3px;

}

#reccomended .item a, #staff .item a {

  position: relative;

  display: block;

}

#reccomended .item a .views, #staff .item a .views {

  position: absolute;

  right: 15px;

  top: 15px;

  background-color: #3f4079;

  background-color: #3f4079;

  color: #fff;

  box-sizing: border-box;

  padding: 3px 6px 4px 5px;

  line-height: 1;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  font-weight: 600;

  font-size: 12px;

  font-size: 0.75rem;

  opacity: 0;

}

#reccomended .item a .views i, #staff .item a .views i {

  font-size: 16px;

  font-size: 1rem;

  font-weight: normal;

  margin-right: 3px;

  position: relative;

  top: 1px;

}



#reccomended .owl-item, #staff .owl-item {

  opacity: 0.5;

  transform: scale(0.85);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -o-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(0) scale(0.85, 0.85);

  transition: all 0.3s ease-in-out 0s;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  overflow: hidden;

}



#reccomended .owl-item.active.center, #staff .owl-item.active.center {

  opacity: 1;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -o-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(0) scale(1, 1);

  transform: scale(1);

}



#reccomended .owl-item.active.center .item .title h4, #staff .owl-item.active.center .item .title h4,

#reccomended .owl-item.active.center .item .views, #staff .owl-item.active.center .item .views {

  opacity: 1;

}



.owl-theme .owl-dots {

  margin-top: 25px !important;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: #e74e84 !important;

}



a.box_cat_home {

  background-color: #fff;

  display: block;

  padding: 25px 15px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  text-align: center;

  margin-bottom: 25px;

  position: relative;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

  color: #999;

}

a.box_cat_home i {

  position: absolute;

  right: 10px;

  top: 10px;

  font-size: 18px;

  font-size: 1.125rem;

  color: #e74e84;

  opacity: 0;

  -moz-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  -webkit-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}

a.box_cat_home h3 {

  font-size: 18px;

  font-size: 1.125rem;

  margin-top: 10px;

}

a.box_cat_home:hover {

  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

  -webkit-transform: translateY(-5px);

  -moz-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  -o-transform: translateY(-5px);

  transform: translateY(-5px);

}

a.box_cat_home:hover i {

  opacity: 1;

}

a.box_cat_home ul {

  margin: 20px -15px -25px -15px;

  padding: 10px;

  border-top: 1px solid #ededed;

}

a.box_cat_home ul li {

  display: inline-block;

}

a.box_cat_home ul li:first-child {

  float: left;

}

a.box_cat_home ul li:last-child {

  float: right;

}

a.box_cat_home ul li strong {

  margin-right: 5px;

  font-weight: 600;

}



#app_section {

  background: #3f4079 url(../img/hero_bg_1.svg) repeat fixed;

  padding: 90px 0 60px 0;

  color: #fff;

}

@media (max-width: 991px) {

  #app_section {

    /* For less than 991px */

    padding: 60px 0 35px 0;

  }

}

#app_section .app_buttons {

  position: relative;

}

#app_section .app_buttons svg {

  width: 70px;

  height: 70px;

  position: absolute;

  left: -65px;

  top: -55px;

}

@media (max-width: 767px) {

  #app_section .app_buttons svg {

    /* For less than 767px */

    display: none;

  }

}

#app_section .app_buttons svg .draw-arrow {

  stroke-width: 4;

  stroke: #fff02a;

  fill: none;

  animation-fill-mode: forwards;

  -webkit-animation-fill-mode: forwards;

  -moz-animation-fill-mode: forwards;

  animation-iteration-count: once;

  -webkit-animation-iteration-count: once;

  -moz-animation-iteration-count: once;

  animation-timing-function: linear;

  -webkit-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  stroke-dasharray: 400;

  stroke-dashoffset: 400;

  animation-duration: 2s;

  -webkit-animation-duration: 2s;

  -moz-animation-duration: 2s;

}

#app_section .app_buttons svg .draw-arrow.tail-1 {

  animation-delay: 0.5s;

  -webkit-animation-delay: 0.5s;

  -moz-animation-delay: 0.5s;

}

#app_section .app_buttons svg .draw-arrow.tail-2 {

  animation-delay: 0.5s;

  -webkit-animation-delay: 0.5s;

  -moz-animation-delay: 0.5s;

}

#app_section small {

  text-transform: uppercase;

  font-weight: 600;

  font-size: 13px;

  font-size: 0.8125rem;

  opacity: 0.6;

}

#app_section h3 {

  color: #fff;

  font-size: 32px;

  font-size: 2rem;

}

#app_section h3 strong {

  color: #fff02a;

}

#app_section p {

  margin-bottom: 60px;

}

@media (max-width: 575px) {

  #app_section p {

    /* For less than 575px */

    font-size: 18px;

    font-size: 1.125rem;

    margin-bottom: 30px;

  }

}



.animated .draw-arrow {

  animation-name: draw;

  -webkit-animation-name: draw;

  -moz-animation-name: draw;

}



@-webkit-keyframes draw {

  to {

    stroke-dashoffset: 0;

  }

}

@-moz-keyframes draw {

  to {

    stroke-dashoffset: 0;

  }

}

@keyframes draw {

  to {

    stroke-dashoffset: 0;

  }

}

/* Home video background*/

.header-video {

  position: relative;

  overflow: hidden;

  background: #000;

}

@media (max-width: 991px) {

  .header-video {

    /* For less than 991px */

    height: 450px !important;

  }

}



#hero_video {

  position: relative;

  background-size: cover;

  color: #fff;

  width: 100%;

  display: table;

  height: 100%;

  z-index: 99;

}

#hero_video .content {

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  padding: 0 10%;

}

@media (max-width: 767px) {

  #hero_video .content {

    /* For less than 767px */

    padding: 0 15px;

  }

}

#hero_video .content h3 {

  color: #fff;

  font-size: 3.8rem;

  margin: 0;

  text-transform: uppercase;

  font-weight: 800;

}

@media (max-width: 767px) {

  #hero_video .content h3 {

    /* For less than 767px */

    font-size: 1.4rem;

  }

}

@media (max-width: 575px) {

  #hero_video .content h3 {

    /* For less than 575px */

    font-size: 1.8rem;

  }

}

#hero_video .content p {

  font-weight: 300;

  font-size: 1.5rem;

}

#hero_video .content p strong {

  font-weight: 600;

}

@media (max-width: 767px) {

  #hero_video .content p {

    /* For less than 767px */

    padding: 0;

    font-size: 1rem;

  }

}

@media (max-width: 575px) {

  #hero_video .content p {

    /* For less than 575px */

    font-size: 1.2rem;

  }

}



video {

  position: absolute;

  width: 100%;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0.4;

}



iframe {

  height: 100%;

  width: 100%;

}



.teaser-video {

  width: 100%;

  height: auto;

}



.header-video--media {

  width: 100%;

  height: auto;

}



@media (max-width: 1024px) {

  #hero_video {

    background: #3f4079 url(../img/hero_bg_1.svg) repeat fixed;

  }



  .header-video {

    background: none;

  }

}

/*-------- 2.2 Listing --------*/

#results {

  padding: 20px 0;

  color: #fff;

  background: #3f4079;

}

@media (max-width: 767px) {

  #results {

    /* For less than 767px */

    padding: 10px 0;

  }

}

#results.is_stuck {

  z-index: 99;

}

#results h4 {

  color: #fff;

  margin: 10px 0 0 0;

  font-size: 18px;

  font-size: 1.125rem;

}

@media (max-width: 767px) {

  #results h4 {

    /* For less than 767px */

    display: none;

  }

}



.search_bar_wrapper {

  background-color: #3f4079;

  padding: 15px;

  margin: 0 -15px 0 -15px;

}



.search_bar_list {

  position: relative;

}

.search_bar_list input[type='text'] {

  border: 0;

  height: 40px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  padding-left: 15px;

}

.search_bar_list input[type='submit'] {

  position: absolute;

  right: -1px;

  color: #fff;

  font-weight: 600;

  top: 0;

  border: 0;

  padding: 0 15px;

  height: 40px;

  cursor: pointer;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  -ms-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

  background-color: #74d1c6;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.search_bar_list input[type='submit']:hover {

  background-color: #e74e84;

}



.box_list {

  background-color: #fff;

  display: block;

  position: relative;

  margin-bottom: 30px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

}

@media (max-width: 991px) {

  .box_list {

    /* For less than 991px */

    min-height: inherit;

  }

}

.box_list figure {

  margin-bottom: 0;

  overflow: hidden;

  position: relative;

  -webkit-border-radius: 5px 5px 0 0;

  -moz-border-radius: 5px 5px 0 0;

  -ms-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -o-backface-visibility: hidden;

  backface-visibility: hidden;

  height: 260px;

}

@media (max-width: 767px) {

  .box_list figure {

    /* For less than 767px */

    height: 280px;

  }

}

.box_list figure .preview {

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -12px;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transform: translateY(10px);

  text-align: center;

  opacity: 0;

  visibility: hidden;

  width: 100%;

  -webkit-transition: all 0.6s;

  transition: all 0.6s;

  z-index: 2;

}

.box_list figure .preview span {

  background-color: #fcfcfc;

  background-color: rgba(255, 255, 255, 0.8);

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  display: inline-block;

  color: #222;

  font-size: 0.75rem;

  padding: 5px 15px;

}

.box_list figure:hover .preview {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

.box_list figure a img {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.box_list figure a:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.box_list .wrapper {

  padding: 25px;

}

.box_list .wrapper h3 {

  font-size: 1.25rem;

  margin-top: 0;

}

@media (max-width: 767px) {

  .box_list .wrapper p {

    /* For less than 767px */

    font-size: 13px;

    font-size: 0.8125rem;

  }

}

.box_list small {

  text-transform: uppercase;

  color: #999;

  font-weight: 600;

}

.box_list ul {

  width: 100%;

  padding: 20px 15px;

  border-top: 1px solid #ededed;

}

@media (max-width: 991px) {

  .box_list ul {

    /* For less than 991px */

    position: static;

  }

}

.box_list ul li {

  display: inline-block;

  color: #999;

  font-weight: 500;

}

.box_list ul li i {

  margin-right: 5px;

  font-weight: 500;

}

@media (max-width: 767px) {

  .box_list ul li:first-child {

    /* For less than 767px */

    display: none;

  }

}

.box_list ul li:nth-child(2) {

  display: none;

}

@media (max-width: 767px) {

  .box_list ul li:nth-child(2) {

    /* For less than 767px */

    display: inline-block;

  }

}

.box_list ul li a {

  color: #999;

  font-weight: 500;

}

.box_list ul li a:hover {

  color: #e74e84;

}

.box_list ul li:last-child {

  margin-right: 0;

  float: right;

}

.box_list ul li:last-child a {

  background: #fff;

  border: 2px solid #e74e84;

  color: #e74e84;

  padding: 5px 20px;

  font-weight: 500;

  line-height: 1;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

}

.box_list ul li:last-child a:hover {

  background: #e74e84;

  color: #fff;

}

.box_list.home ul li:first-child, .box_list.home ul li:nth-child(2), .box_list.home ul li:last-child {

  display: inline-block;

}



a.wish_bt {

  position: absolute;

  right: 15px;

  top: 15px;

  z-index: 2;

  background-color: black;

  background-color: rgba(0, 0, 0, 0.6);

  padding: 9px 10px;

  display: inline-block;

  color: #fff;

  line-height: 1;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

a.wish_bt:after {

  font-family: 'ElegantIcons';

  content: "\e030";

}

a.wish_bt:hover:after {

  content: "\e089";

  color: #e74e84;

}



.strip_list {

  margin-bottom: 25px;

  background-color: #fff;

  padding: 20px 15px 15px 155px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  position: relative;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

}

.strip_list a.wish_bt {

  background-color: black;

  background-color: rgba(0, 0, 0, 0.05);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  color: #555;

}

.strip_list a.wish_bt:hover:after {

  color: #e74e84;

}

@media (max-width: 767px) {

  .strip_list {

    /* For less than 767px */

    padding: 20px 15px 15px 90px;

  }

}

.strip_list figure {

  width: 120px;

  height: 120px;

  position: absolute;

  overflow: hidden;

  -webkit-border-radius: 10%;

  -moz-border-radius: 10%;

  -ms-border-radius: 10%;

  border-radius: 10%;

  left: 15px;

  top: 15px;

}

.strip_list figure img {

  width: auto;

  max-width: 120px;

  max-height: 120px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) scale(1);

  -moz-transform: translate(-50%, -50%) scale(1);

  -ms-transform: translate(-50%, -50%) scale(1);

  -o-transform: translate(-50%, -50%) scale(1);

  transform: translate(-50%, -50%) scale(1);

}

@media (max-width: 767px) {

  .strip_list figure img {

    /* For less than 767px */

    height: 80px;

  }

}

@media (max-width: 767px) {

  .strip_list figure {

    /* For less than 767px */

    width: 80px;

    height: 80px;

    left: 6px;

    top: 25px;

  }

}

.strip_list h3 {

  font-size: 22px;

  font-size: 1.375rem;

  margin-top: 0;

  display: inline-block;

  margin-right: 10px;

}

.strip_list p {

  margin-bottom: 15px;

}

@media (max-width: 767px) {

  .strip_list p {

    /* For less than 767px */

    font-size: 13px;

    font-size: 0.8125rem;

  }

}

.strip_list small {

  color: #999;

  display: block;

  font-weight: 600;

  text-transform: uppercase;

}

.strip_list ul {

  border-top: 1px solid #ededed;

  margin: 45px -15px -15px -155px;

  padding: 20px 15px;

}

@media (max-width: 767px) {

  .strip_list ul {

    /* For less than 767px */

    margin: 15px -15px -15px -90px;

  }

}

.strip_list ul li {

  display: inline-block;

  margin-right: 5px;

  font-weight: 500;

}

.strip_list ul li a {

  color: #999;

  cursor: pointer;

  display: block;

  font-size: 14px;

}

.strip_list ul li a:hover {

  color: #e74e84;

}

.graphics {

  border: 2px solid #797AD1;

  background-color: #797AD1;

  color: #fff !important;

  cursor: pointer;

  padding: 4px 5px;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 5px;

}

.graphics:hover {

  background-color: #6365C8;

  border-color: #6365C8;

  color: #fff !important;

}

.reserveTime {

  border: 2px solid #88D179;

  background-color: #88D179;

  color: #fff !important;

  cursor: pointer;

  padding: 4px 5px;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 5px;

}

.reserveTime:hover {

  background-color: #72C161;

  border-color: #72C161;

  color: #fff !important;

}

.cabin-btns li a i {

  font-size: 16px;

}

.strip_list ul li:first-child:after {

  content: '|';

  font-weight: 400;

  margin-left: 8px;

  color: #ccc;

}

ul li:first-child::after {

  content: none !important;

}

#estab ul {

  text-align: right;

}

#estab ul li:last-child {

  float: none !important;

}

#estab:hover {

  box-shadow: 0 0 15px

  rgba(0,0,0,.1);

  border-color: #eee;

}

.estab-title {

  color: #333 !important;

}

.estab-info {

  color: #333 !important;

  margin-bottom: 10px;

}

.strip_list ul li:last-child {

  float: right;

  margin-right: 0;
  position: relative;
  top: -6px;

}

.strip_list ul li:last-child a {

  border: 2px solid #e74e84;

  color: #e74e84;

  cursor: pointer;

  padding: 5px 20px;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

}

.strip_list ul li:last-child a:hover {

  background-color: #e74e84;

  color: #fff !important;

}

@media (max-width: 767px) {

  .strip_list ul .nzok , .strip_list ul .kids , .strip_list ul .prices  {

    /* For less than 991px */

    display: none;

  }

}



.rating i {

  color: #ddd;

  font-size: 13px;

  font-size: 0.8125rem;

}

.rating i.voted {

  color: #FFC107;

}

.rating small {

  margin-bottom: 0;

  display: inline-block;

  font-size: 12px;

  font-size: 0.75rem;

}

.rating small a {

  color: #999;

  text-decoration: underline;

}



/*-------- 2.3 Map listing --------*/

.infoBox {

  padding-right: 50px !important;

}

.infoBox > img {

  position: absolute !important;

  right: 60px !important;

  top: 10px !important;

  z-index: 9999999;

}



.marker_info {

  width: 200px;

  padding: 20px 15px 15px 15px;

  height: 250px;

  text-align: center;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  background-color: #fefefe;

  background-color: rgba(255, 255, 255, 0.9);

  position: relative;

  z-index: 99999;

  font-family: "SF Pro Display", Helvetica, sans-serif;

}

.marker_info figure {

  width: 60px;

  height: 60px;

  overflow: hidden;

  margin: auto;

  margin-bottom: 10px;

  position: relative;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  border-radius: 50px;

}

.marker_info figure img {

  width: auto;

  height: 80px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.marker_info h3 {

  font-size: 16px;

  font-size: 1rem;

  margin: 0 0 10px 0;

}

.marker_info h3 a {

  color: #e74e84;

}

.marker_info h3 a:hover {

  color: #333;

}

.marker_info small {

  font-size: 10px;

  font-size: 0.625rem;

  text-transform: uppercase;

  color: #999;

  font-weight: 600;

}

.marker_info span {

  display: block;

  padding: 0;

  font-size: 12px;

  font-size: 0.75rem;

  margin-bottom: 10px;

}

.marker_info:after {

  right: 100%;

  top: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: transparent;

  border-right-color: rgba(255, 255, 255, 0.9);

  border-width: 10px;

  margin-top: -10px;

}



.btn_infobox_get_directions:before,

.btn_infobox_phone:before {

  font-family: 'ElegantIcons';

  font-size: 14px;

  font-size: 0.875rem;

  cursor: pointer;

  position: relative;

  left: 0;

  top: 2px;

  color: #e74e84;

  margin-right: 8px;

}



.btn_infobox_get_directions {

  border: none;

  display: block;

  font-weight: 500;

  color: #555;

  background: none;

  cursor: pointer;

  outline: none;

  font-size: 12px;

  font-size: 0.75rem;

}

.btn_infobox_get_directions:before {

  content: "\e081";

}



.btn_infobox_phone {

  border: none;

  display: block;

  font-weight: 500;

  color: #555;

  background: none;

  cursor: pointer;

  font-size: 12px;

  font-size: 0.75rem;

  outline: none;

}

.btn_infobox_phone:before {

  content: "\e090";

}



.full-height {

  height: 100%;

}

@media (max-width: 991px) {

  .full-height {

    /* For less than 991px */

    height: auto;

  }

}



.row-height {

  height: 100%;

  min-height: 100%;

}

@media (max-width: 991px) {

  .row-height {

    /* For less than 991px */

    height: auto;

  }

}



.map-right {

  height: 100%;

  min-height: 100%;

  padding: 0px;

}

@media (max-width: 991px) {

  .map-right {

    /* For less than 991px */

    height: 400px;

  }

}



#map_listing {

  height: 100%;

  width: 100%;

}

#map_listing.normal_list {

  height: 495px;

  width: auto;

  border: 3px solid #fff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  margin-bottom: 25px;

}



.content-left {

  height: 100%;

  min-height: 100%;

  overflow-y: scroll;

  padding-top: 55px;

  background-color: #f5f8fa;

}



.search_bar {

  margin-bottom: 15px;

  position: relative;

}

.search_bar input[type='submit'] {

  position: absolute;

  right: 8px;

  top: 2px;

  text-indent: -9999px;

  border: 0;

  width: 35px;

  height: 35px;

  background: url(../img/search.svg) no-repeat center right;

  cursor: pointer;

}



.searchbar {

  border-bottom: 1px solid #e1e8ed;

  padding: 15px 0;

  background-color: #79D1C0;

}

.filters_listing.map_listing {

  border-bottom: none;

}

.filters_listing ul {

  margin: 0;

}

.filters_listing ul li {

  margin-right: 10px;

}

.filters_listing ul li h6 {

  font-size: 14px;

  color: #fff;

  margin-bottom: 5px;

}

@media (max-width: 767px) {

  .filters_listing ul li h6 {

    /* For less than 767px */

    display: none;

  }

}

.filters_listing ul li:first-child {

  float: left;

}

.filters_listing ul li:nth-child(2) {

  float: right;

  margin-right: 0;

}

@media (max-width: 767px) {

  .filters_listing ul li:nth-child(2) {

    /* For less than 767px */

    float: left;

  }

}

.filters_listing ul li:nth-child(3) {

  float: right;

}

@media (max-width: 767px) {

  .filters_listing ul li:nth-child(3) {

    /* For less than 767px */

    float: left;

    clear: both;

  }

}



.layout_view {

  background-color: #fff;

  border: 1px solid #e1e8ed;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  padding: 6px 8px 5px 8px;

  margin-bottom: 5px;

}

.layout_view a {

  color: #3f4079;

}

.layout_view a.active {

  color: #ccc;

  cursor: default;

}

.layout_view a:hover {

  color: #e74e84;

}



.switch-field {

  overflow: hidden;

}

.switch-field input {

  position: absolute !important;

  clip: rect(0, 0, 0, 0);

  height: 1px;

  width: 1px;

  border: 0;

  overflow: hidden;

}

.switch-field input:checked + label {

  background-color: #3f4079;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  color: #fff;

}

.switch-field label {

  float: left;

  display: inline-block;

  min-width: 70px;

  background-color: #fff;

  color: #3f4079;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 12px;

  font-size: 0.75rem;

  text-align: center;

  text-shadow: none;

  padding: 10px 15px 8px 15px;

  line-height: 1;

  border: 1px solid #e1e8ed;

  border-right: 0;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.switch-field label:first-of-type {

  border-radius: 3px 0 0 3px;

}

.switch-field label:last-of-type {

  border-radius: 0 3px 3px 0;

  border: 1px solid #e1e8ed;

}

.switch-field label:hover {

  cursor: pointer;

  color: #e74e84;

}



.sbHolder {

  background-color: #fff;

  border: 1px solid #e1e8ed;

  height: 36px;

  position: relative;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  min-width: 160px;

}



.sbSelector {

  display: block;

  height: 36px;

  left: 0;

  line-height: 36px;

  outline: none;

  overflow: hidden;

  position: absolute;

  text-indent: 10px;

  top: 0;

  width: 100%;

}



.sbSelector:link,

.sbSelector:visited,

.sbSelector:hover {

  color: #555;

  outline: none;

  text-decoration: none;

  color: #3f4079;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 12px;

  font-size: 0.75rem;

}



.sbToggle {

  position: absolute;

  display: block;

  height: 32px;

  outline: none;

  right: 0;

  top: 0;

  width: 35px;

  text-align: center;

  line-height: 32px;

}

.sbToggle:after {

  font-family: 'ElegantIcons';

  font-size: 14px;

  content: "\43";

  color: #3f4079;

  text-align: center;

}



.sbHolderDisabled {

  background-color: #ededed;

  border: solid 1px #ededed;

}



.sbOptions {

  background-color: #fff;

  border: solid 1px #ededed;

  list-style: none;

  left: -1px;

  right: -1px;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 40px;

  z-index: 10;

  font-size: 12px;

  font-size: 0.75rem;

  overflow-y: scroll;

  max-height: 400px !important;

}



.sbOptions li {

  padding: 0 7px;

  float: none !important;

  border-bottom: solid 1px #ededed;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  width: 100%;

}



.sbOptions li:last-child {

  border-bottom: none;

  float: none !important;

  margin: 0;

  padding-left: 10px;

}



.sbOptions li:hover {

  color: #e74e84;

}



.sbOptions a {

  display: block;

  outline: none;

  padding: 7px 0 7px 3px;

  text-transform: capitalize;

}



.sbOptions a:link,

.sbOptions a:visited {

  color: #555;

  text-decoration: none;

}



.sbOptions a:hover,

.sbOptions a:focus,

.sbOptions a.sbFocus {

  color: #e74e84;

}



.sbOptions li.last a {

  border-bottom: none;

}



.sbOptions .sbDisabled {

  border-bottom: dotted 1px #fff;

  color: #999;

  display: block;

  padding: 7px 0 7px 3px;

}



.sbOptions .sbGroup {

  border-bottom: dotted 1px #fff;

  color: #555;

  display: block;

  font-weight: bold;

  padding: 7px 0 7px 3px;

}



.sbOptions .sbSub {

  padding-left: 17px;

}



/* Cluster styles */

.cluster img {

  display: none !important;

}



.cluster-visible {

  text-align: center;

  font-size: 15px !important;

  color: #fff !important;

  font-weight: 500;

  border-radius: 50%;

  width: 36px !important;

  height: 36px !important;

  line-height: 36px !important;

  background-color: #3f4079 !important;

  background-image: none !important;

}



.cluster-visible:before {

  border: 7px solid #3f4079;

  opacity: 0.2;

  box-shadow: inset 0 0 0 4px #3f4079;

  content: '';

  position: absolute;

  border-radius: 50%;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  animation: cluster-animation 2.5s infinite;

}



@keyframes cluster-animation {

  0%,100% {

    transform: scale(1.3) rotate(0deg);

  }

  50% {

    transform: scale(1.5) rotate(90deg);

  }

}

/*-------- 2.4 Detail page  --------*/

#breadcrumb {

  background-color: #3f4079;

  padding: 25px 0;

  line-height: 1;

  color: #fff;

}

@media (max-width: 767px) {

  #breadcrumb {

    /* For less than 767px */

    padding: 15px 0;

  }

}

#breadcrumb ul {

  margin: 0;

  font-size: 13px;

  font-size: 0.8125rem;

}

#breadcrumb ul li {

  display: inline-block;

  padding-right: 8px;

  margin-right: 3px;

  position: relative;

}

#breadcrumb ul li a {

  color: #fff;

}

#breadcrumb ul li a:hover {

  color: #74d1c6;

}

#breadcrumb ul li:after {

  content: "\e9ee";

  font-family: "fontello";

  position: absolute;

  right: 0;

  top: 0;

}

#breadcrumb ul li:last-child {

  opacity: 0.7;

}

#breadcrumb ul li:last-child:after {

  content: '';

  margin-right: 0;

}



.tabs_styled_2 .nav-tabs .nav-item.show .nav-link,

.tabs_styled_2 .nav-tabs .nav-link.active {

  color: #333;

  background-color: #fff;

  border-color: #e1e8ed;

  border-bottom: 1px solid transparent;

}

@media (max-width: 767px) {

  .tabs_styled_2 .nav-tabs .nav-item.show .nav-link,

  .tabs_styled_2 .nav-tabs .nav-link.active {

    /* For less than 767px */

    border: 1px solid transparent;

  }

}

.tabs_styled_2 .nav-tabs .nav-link:focus,

.tabs_styled_2 .nav-tabs .nav-link.active:hover {

  border-color: #e1e8ed;

  border-bottom: 1px solid transparent;

}

@media (max-width: 767px) {

  .tabs_styled_2 .nav-tabs .nav-link:focus,

  .tabs_styled_2 .nav-tabs .nav-link.active:hover {

    /* For less than 767px */

    border: 1px solid transparent;

  }

}

.tabs_styled_2 .nav-tabs .nav-link:hover {

  border-color: transparent;

}

@media (max-width: 767px) {

  .tabs_styled_2 .nav-item {

    /* For less than 767px */

    display: block;

    width: 100%;

    margin-bottom: 5px;

    border: 1px solid #e1e8ed;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

  }

}

.tabs_styled_2 .nav-tabs .nav-link {

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  font-size: 16px;

  font-size: 1rem;

  padding: 0.75rem 1.5rem;

  margin-right: 5px;

}

@media (max-width: 767px) {

  .tabs_styled_2 .nav-tabs .nav-link {

    /* For less than 767px */

    margin-right: 0;

    padding: 0.5rem;

  }

}

.tabs_styled_2 .nav-tabs {

  border-bottom: 1px solid #e1e8ed;

}

.tabs_styled_2 .tab-pane {

  background-color: #fff;

  padding: 30px 30px 20px 30px;

  border: 1px solid #e1e8ed;

  border-top: none;

}

.tabs_styled_2 .tab-pane hr {

  margin: 30px -30px 30px -30px;

  border-color: #ededed;

}



.indent_title_in {

  position: relative;

  padding-left: 60px;

  margin-bottom: 20px;

}

@media (max-width: 767px) {

  .indent_title_in {

    /* For less than 767px */

    padding-left: 0;

  }

}

.indent_title_in i {

  font-size: 40px;

  position: absolute;

  left: 0;

  color: #3f4079;

  top: 0;

}

@media (max-width: 767px) {

  .indent_title_in i {

    /* For less than 767px */

    position: static;

  }

}

.indent_title_in h3 {

  margin-bottom: 0;

  margin-top: 0;

  font-size: 21px;

}

.indent_title_in p {

  color: #999;

  margin: 0;

  padding: 0;

  font-size: 14px;

  font-size: 0.875rem;

}



.wrapper_indent {

  padding-left: 60px;

}

@media (max-width: 767px) {

  .wrapper_indent {

    /* For less than 767px */

    padding-left: 0;

  }

}



ul.list_edu {

  margin-bottom: 0;

  line-height: 1.8;

}

ul.list_edu li:before {

  font-family: fontello;

  content: "\ea3e";

  margin-right: 8px;

  color: #ccc;

}

ul.list_edu li strong {

  font-weight: 500;

}



#review_summary {

  text-align: center;

  background-color: #3f4079;

  color: #fff;

  padding: 20px 10px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

@media (max-width: 991px) {

  #review_summary {

    /* For less than 991px */

    margin-bottom: 15px;

  }

}

#review_summary strong {

  font-size: 3rem;

  line-height: 1;

}



.reviews-container .progress {

  margin-bottom: 10px;

}

.reviews-container .progress-bar {

  background-color: #74d1c6;

}

.reviews-container .review-box {

  position: relative;

  margin-bottom: 25px;

  padding-left: 100px;

  min-height: 100px;

}

@media (max-width: 767px) {

  .reviews-container .review-box {

    /* For less than 767px */

    padding-left: 0;

  }

}

.reviews-container .rev-thumb {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 80px;

  height: 80px;

  background: #ffffff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  overflow: hidden;

}

.reviews-container .rev-thumb img {

  width: 80px;

  height: auto;

}

@media (max-width: 767px) {

  .reviews-container .rev-thumb {

    /* For less than 767px */

    position: static;

    margin-bottom: 10px;

  }

}

.reviews-container .rev-content {

  position: relative;

  padding: 25px 25px 0 25px;

  border: 1px solid #ededed;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

.reviews-container .rev-info {

  font-size: 0.75rem;

  font-style: italic;

  color: #777;

  margin-bottom: 10px;

}



#calendar {

  padding: 0;

  margin-bottom: 30px;

}

#calendar .datepicker.datepicker-inline,

#calendar .datepicker.datepicker-inline table {

  width: 100%;

}



.datepicker thead tr th.prev:hover,

.datepicker thead tr th.next:hover {

  color: #e74e84;

}



.datepicker .disabled.disabled-date.day,

.datepicker .disabled.disabled-date.day:hover {

  background-color: #eb525b !important;

  color: #fff !important;

}



.datepicker .day:hover {

  background: #8ec549 !important;

  color: #fff;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.datepicker .active.day:hover {

  background: #333 !important;

  color: #fff;

}



ul.legend li {

  display: inline-block;

  position: relative;

  margin-right: 15px;

  padding-left: 30px;

}

ul.legend li strong {

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  left: 0;

  top: -2px;

}

ul.legend li:first-child strong {

  background-color: #8ec549;

}

ul.legend li:last-child strong {

  background-color: #eb525b;

}



ul.time_select.version_2 li {

  float: left;

  width: 50%;

}

ul.time_select li input[type="radio"] {

  display: none;

  cursor: pointer;

}

ul.time_select li input[type="radio"]:checked + label {

  background-color: #333;

  color: #fff;

}

ul.time_select li label {

  display: inline-block;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  background-color: #f8f8f8;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  padding: 8px 10px 6px 10px;

  line-height: 1;

  min-width: 100px;

  margin: 5px;

  text-align: center;

  cursor: pointer;

}

ul.time_select li label:hover {

  background-color: #e74e84;

  color: #fff;

}



ul.treatments {

  margin-bottom: 45px;

}

ul.treatments li {

  border-bottom: 1px dotted #ddd;

  width: 45%;

  float: left;

  margin: 15px;

}

@media (max-width: 991px) {

  ul.treatments li {

    /* For less than 991px */

    width: auto;

    float: none;

  }

}



input[type=checkbox].css-checkbox {

  position: absolute;

  z-index: -1000;

  left: -1000px;

  overflow: hidden;

  clip: rect(0 0 0 0);

  height: 1px;

  width: 1px;

  margin: -1px;

  padding: 0;

  border: 0;

}



input[type=checkbox].css-checkbox + label.css-label {

  padding-left: 35px;

  height: 25px;

  display: inline-block;

  background-repeat: no-repeat;

  background-position: 0 0;

  vertical-align: middle;

  cursor: pointer;

  padding-top: 3px;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



input[type=checkbox].css-checkbox:hover + label.css-label {

  background-position: 0 -28px;

}



input[type=checkbox].css-checkbox:checked + label.css-label {

  background-position: 0 -56px;

}



label.css-label {

  background-image: url(../img/checkbox.png);

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  width: 100%;

  display: block;

}

label.css-label strong {

  float: right;

}



#sidebar_detail {

  position: relative;

  top: -240px;

}

#sidebar_detail #map {

  width: 100%;

  height: 350px;

  text-align: center;

  background-color: #fff;

  border: 5px solid #fff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);

  margin-bottom: 25px;

}

#sidebar_detail h4 {

  text-transform: uppercase;

  color: #6d7b84;

  font-size: 18px;

  font-size: 1.125rem;

}



.box_profile {

  background-color: #fff;

  text-align: center;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #e1e8ed;

  padding: 0 25px 25px 25px;

  margin-bottom: 35px;

}

.box_profile figure {

  margin: -1px -26px 25px -26px;

  -webkit-border-radius: 5px 5px 0 0;

  -moz-border-radius: 5px 5px 0 0;

  -ms-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

  overflow: hidden;

}

@media (max-width: 991px) {

  .box_profile figure {

    /* For less than 991px */

    width: 100px;

    height: 100px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    margin: 25px auto;

  }

}

.box_profile .rating {

  margin-bottom: 20px;

  display: inline-block;

}

.box_profile small {

  text-transform: uppercase;

  color: #999;

  font-weight: 600;

}

.box_profile h1 {

  font-size: 21px;

  font-size: 1.3125rem;

}

.box_profile p {

  color: #999;

}

.box_profile ul.statistic {

  padding-bottom: 5px;

}

.box_profile ul.statistic li {

  display: inline-block;

  background-color: #74d1c6;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  line-height: normal;

  color: #fff;

  padding: 3px 10px;

  font-weight: 600;

  font-size: 12px;

  font-size: 0.75rem;

  min-width: 95px;

}

.box_profile ul.contacts {

  text-align: left;

  border-top: 1px solid #ededed;

  border-bottom: 1px solid #ededed;

  padding: 25px;

  margin: 0 -25px 25px -25px;

}

@media (max-width: 991px) {

  .box_profile ul.contacts {

    /* For less than 991px */

    text-align: center;

  }

}

.box_profile ul.contacts li {

  margin-bottom: 15px;

}

.box_profile ul.contacts li h6 {

  font-size: 14px;

  font-size: 0.875rem;

  margin-bottom: 3px;

}

.box_profile ul.contacts li:last-child {

  margin-bottom: 0;

}



/*Version 3*/

.profile {

  padding-top: 20px;

}

@media (max-width: 767px) {

  .profile {

    /* For less than 767px */

    padding-top: 0;

  }

}

.profile .rating {

  margin-bottom: 15px;

  display: inline-block;

}

.profile small {

  text-transform: uppercase;

  color: #999;

  font-weight: 600;

}

.profile h1 {

  font-size: 24px;

  font-size: 1.5rem;

}

.profile p {

  color: #999;

}

.profile ul.statistic {

  padding-bottom: 5px;

  margin-bottom: 15px;

}

.profile ul.statistic li {

  display: inline-block;

  background-color: #74d1c6;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  line-height: 1;

  color: #fff;

  padding: 8px 10px 5px 10px;

  font-weight: 600;

  font-size: 12px;

  font-size: 0.75rem;

  min-width: 95px;

  text-align: center;

}

.profile ul.contacts {

  margin: 25px 0 0 0;

}

.profile ul.contacts li {

  margin-bottom: 15px;

}

.profile ul.contacts li h6 {

  font-size: 14px;

  font-size: 0.875rem;

  margin-bottom: 3px;

}

.profile ul.contacts li:last-child {

  margin-bottom: 0;

}



.booking .title {

  background-color: #3f4079;

  color: #fff;

  margin: -30px -15px 30px -15px;

  padding: 20px 20px;

  -webkit-border-radius: 5px 5px 0 0;

  -moz-border-radius: 5px 5px 0 0;

  -ms-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

}

.booking .title h3 {

  font-size: 28px;

  font-size: 1.75rem;

  margin: 0;

  color: #79D1C0;

}

.doc-title h5 {

  color: #79D1C0;

}

#map {

  margin-bottom: 20px;

  width: 100% !important;

  border-radius: 5px;

}

.doc-title small {

  margin-bottom: 15px;

  display: block;

}

.doc-title #features {

  margin: 0 0 43px 0 !important;

}

.booking .title small {

  font-size: 13px;

  font-size: 0.8125rem;

}

.booking hr {

  margin-top: 15px !important;

}

.booking ul.treatments {

  margin: 15px 0 0 0;

}

.booking ul.treatments li {

  border-top: 1px dotted #ddd;

  border-bottom: none;

  width: 100%;

  margin: 0;

  padding: 12px 0 5px 0;

}

@media (max-width: 991px) {

  .booking ul.treatments li {

    /* For less than 991px */

    width: auto;

    float: none;

  }

}



#secondary_nav {

  background-color: #373869;

  background-color: rgba(63, 64, 121, 0.05);

  background-color: #3f4079;

  position: relative;

  bottom: -3px;

  border-bottom: none;

  -webkit-border-radius: 5px 5px 0 0;

  -moz-border-radius: 5px 5px 0 0;

  -ms-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

  padding: 15px;

}

#secondary_nav.is_stuck {

  z-index: 99999999 !important;

  width: 100% !important;

  bottom: inherit;

  left: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}

#secondary_nav ul {

  margin: 0;

}

#secondary_nav ul li {

  display: inline-block;

  font-weight: 500;

  font-size: 16px;

  font-size: 1rem;

  margin-right: 25px;

}

@media (max-width: 767px) {

  #secondary_nav ul li {

    /* For less than 767px */

    margin-right: 15px;

  }

}

#secondary_nav ul li:last-child {

  display: none;

  margin-right: 0;

}

@media (max-width: 991px) {

  #secondary_nav ul li:last-child {

    /* For less than 991px */

    display: inline-block;

  }

}

#secondary_nav ul li a {

  color: #74d1c6;

}

#secondary_nav ul li a:hover {

  color: #fff;

}

#secondary_nav ul li a.active {

  color: #fff;

}



#section_1, #section_2, #section_3 {

  padding-bottom: 30px;

}



/*-------- 2.5 Login/register --------*/

#login {

  width: 400px;

  margin: 60px auto;

  color: #fff;

}

@media (max-width: 767px) {

  #login {

    /* For less than 767px */

    width: 100%;

    margin: 30px 0;

  }

}

#login h1 {

  font-size: 28px;

  font-size: 1.75rem;

  text-align: center;

  margin: 0 0 30px 0;

  color: #fff;

}

@media (max-width: 767px) {

  #login h1 {

    /* For less than 767px */

    font-size: 21px;

    font-size: 1.3125rem;

  }

}



.divider {

  text-align: center;

  height: 1px;

  margin: 30px 0;

  background-color: #e1e8ed;

}

.divider span {

  position: relative;

  top: -20px;

  background-color: #fff;

  display: inline-block;

  padding: 10px;

  font-style: italic;

}



.link_bright a {

  color: #e74e84;

}

.link_bright a:hover {

  color: #fff02a;

}



#login-2 {

  width: 400px;

  margin: 60px auto;

  color: #fff;

}

#login-2 .box_form {

  padding: 30px 0 0 0;

}

@media (max-width: 767px) {

  #login-2 .box_form {

    /* For less than 767px */

    padding: 20px 20px 0 20px;

  }

}

#login-2 .forgot {

  display: inline-block;

  margin-top: 5px;

}

@media (max-width: 767px) {

  #login-2 {

    /* For less than 767px */

    width: 100%;

    margin: 0;

  }

}

#login-2 h1 {

  font-size: 28px;

  font-size: 1.75rem;

  text-align: center;

  margin: 0 0 30px 0;

  color: #fff;

}



.box_login {

  width: 100%;

  float: left;

  border-right: 1px solid #e1e8ed;

  padding: 15px 25px;

}

@media (max-width: 767px) {

  .box_login {

    /* For less than 767px */

    width: 100%;

    border-right: 0;

    padding: 0;

  }

}

.box_login.last {

  border-right: 0;

}



a.social_bt {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  text-align: center;

  color: #fff;

  min-width: 200px;

  margin-bottom: 15px;

  display: block;

  padding: 12px;

  line-height: 1;

  position: relative;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  cursor: pointer;

}

a.social_bt:hover {

  -webkit-filter: brightness(115%);

  filter: brightness(115%);

}

a.social_bt.facebook:before, a.social_bt.google:before, a.social_bt.linkedin:before {

  font-family: 'ElegantIcons';

  position: absolute;

  left: 12px;

  top: 10px;

  font-size: 1rem;

  color: #fff;

}

a.social_bt.facebook {

  background-color: #3B5998;

}

a.social_bt.facebook:before {

  content: "\e093";

}

a.social_bt.google {

  background-color: #DC4E41;

}

a.social_bt.google:before {

  content: "\e096";

  top: 12px;

}

a.social_bt.linkedin {

  background-color: #0077B5;

}

a.social_bt.linkedin:before {

  content: "\e09d";

}



#register {

  margin: 60px auto;

  color: #fff;

}

#register h1 {

  font-size: 28px;

  font-size: 1.75rem;

  text-align: center;

  margin: 0 0 30px 0;

  color: #fff;

}



.checkbox_2 {

  position: relative;

  display: block;

}

.checkbox_2:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 20px;

  height: 20px;

  cursor: pointer;

  border: 2px solid #e1e8ed;

  background: transparent;

}

.checkbox_2 input[type=checkbox]:focus + label:before {

  background-color: #e53c78;

  background-color: rgba(231, 78, 132, 0.2);

}

.checkbox_2 label:after {

  content: '';

  position: absolute;

  top: 6px;

  left: 6px;

  width: 8px;

  height: 8px;

  opacity: 0;

  background: #e74e84;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.checkbox_2 input[type=checkbox] {

  opacity: 0;

  position: absolute;

  width: 0;

  height: 0;

}

.checkbox_2 input[type=checkbox]:checked + label:after {

  opacity: 1;

}



.checkbox-holder span {

  position: relative;

  display: inline-block;

  margin: 2px 0 0 30px;

}



/*Password strength */

#pass-info {

  width: 100%;

  margin-bottom: 15px;

  color: #555;

  text-align: center;

  font-size: 12px;

  font-size: 0.75rem;

  padding: 5px 0 3px 0;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

}

#pass-info.weakpass {

  border: 1px solid #FF9191;

  background: #FFC7C7;

  color: #94546E;

}

#pass-info.stillweakpass {

  border: 1px solid #FBB;

  background: #FDD;

  color: #945870;

}

#pass-info.goodpass {

  border: 1px solid #C4EEC8;

  background: #E4FFE4;

  color: #51926E;

}

#pass-info.strongpass {

  border: 1px solid #6ED66E;

  background: #79F079;

  color: #348F34;

}

#pass-info.vrystrongpass {

  border: 1px solid #379137;

  background: #48B448;

  color: #CDFFCD;

}



#hero_register {

  background: #3f4079 url(../img/hero_bg_1.svg) repeat fixed;

  color: #fff;

}

#hero_register h1 {

  color: #fff;

}

@media (max-width: 767px) {

  #hero_register h1 {

    /* For less than 767px */

    font-size: 32px;

    font-size: 2rem;

  }

}



.box_feat_2 {

  position: relative;

  padding-left: 60px;

}

.box_feat_2 h3 {

  font-size: 18px;

  font-size: 1.125rem;

  color: #fff02a;

}

.box_feat_2 i {

  font-size: 46px;

  font-size: 2.875rem;

  margin-bottom: 10px;

  color: #74d1c6;

  position: absolute;

  left: 0;

  top: 0;

}



/*-------- 2.6 404 page --------*/

#error_page {

  width: 100%;

  height: 550px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  background: #3f4079 url(../img/hero_bg_1.svg) repeat fixed;

  color: #fff;

}

#error_page h2 {

  font-size: 140px;

  font-size: 8.75rem;

  color: #fff;

  text-transform: uppercase;

  font-weight: bold;

  line-height: 1;

}

#error_page h2 i {

  color: #fff02a;

}

@media (max-width: 767px) {

  #error_page h2 {

    /* For less than 767px */

    font-size: 72px;

    font-size: 4.5rem;

  }

}

#error_page p {

  font-size: 21px;

  font-size: 1.3125rem;

}

@media (max-width: 767px) {

  #error_page {

    /* For less than 767px */

    padding: 0;

    height: 450px;

  }

}



.search_bar_error {

  position: relative;

  margin-bottom: 60px;

}

.search_bar_error input[type='text'] {

  border: 0;

  height: 50px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  padding-left: 15px;

  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.35);

  -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.35);

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.35);

}

.search_bar_error input[type='submit'] {

  position: absolute;

  right: 0;

  color: #fff;

  font-weight: 600;

  top: 0;

  border: 0;

  padding: 0 25px;

  height: 50px;

  cursor: pointer;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  -ms-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

  background-color: #74d1c6;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.search_bar_error input[type='submit']:hover {

  background-color: #e74e84;

}



/*-------- 2.7 Contact page --------*/

#contact_info {

  margin: 35px 0 0 0;

}

@media (max-width: 767px) {

  #contact_info {

    /* For less than 767px */

    margin: 0 0 35px 0;

  }

}

#contact_info h3 {

  font-size: 18px;

  font-size: 1.125rem;

}

#contact_info h4 {

  font-size: 14px;

  font-size: 0.875rem;

}

#contact_info ul li {

  margin-bottom: 15px;

}

#contact_info ul li strong {

  display: block;

  font-weight: 500;

}



#map_contact {

  width: 100%;

  height: 500px;

}

@media (max-width: 767px) {

  #map_contact {

    /* For less than 767px */

    height: 350px;

  }

}



.error_message {

  font-weight: 500;

  color: #f26c4f;

  display: inline-block;

  margin-bottom: 10px;

}



/*-------- 2.8 Booking page/confirm --------*/

.form_title {

  position: relative;

  padding-left: 55px;

  margin-bottom: 10px;

}

.form_title h3 {

  margin: 0;

  padding: 0;

  font-size: 21px;

  font-size: 1.3125rem;

}

.form_title h3 strong {

  background-color: #79D1C0;

  text-align: center;

  width: 40px;

  height: 40px;

  display: inline-block;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  color: #fff;

  font-size: 18px;

  font-size: 1.125rem;

  line-height: 42px;

  text-align: center;

  position: absolute;

  left: 0;

  top: -5px;

}

.form_title p {

  color: #999;

  margin: 0;

  padding: 0;

  font-size: 12px;

  line-height: 14px;

}



.cards {

  margin-top: 28px;

}

@media (max-width: 991px) {

  .cards {

    /* For less than 991px */

    display: none;

  }

}



.step {

  padding: 20px 0 0 55px;

  margin: 0 0 0 0;

}

@media (max-width: 991px) {

  .step {

    /* For less than 991px */

    padding-left: 0;

  }

}



.box_general_3.cart label {

  font-weight: 500;

}



.message {

  background-color: #f8f8f8;

  padding: 15px;

  margin-bottom: 30px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

}

.message p {

  margin: 0;

}



.summary ul {

  margin: 0 0 15px 0;

  padding: 0;

}

.summary ul li {

  margin-bottom: 10px;

}

.summary ul li strong {

  font-weight: 500;

}



ul.treatments.checkout {

  margin: 0;

  padding: 0;

}

ul.treatments.checkout li {

  margin-bottom: 8px;

}

ul.treatments.checkout li strong {

  font-weight: 500;

}

ul.treatments.checkout li.total {

  text-transform: uppercase;

  color: #3f4079;

  font-weight: 500;

  font-size: 18px;

  font-size: 1.125rem;

}



#confirm {

  text-align: center;

}



@-webkit-keyframes checkmark {

  0% {

    stroke-dashoffset: 50px;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@-ms-keyframes checkmark {

  0% {

    stroke-dashoffset: 50px;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@keyframes checkmark {

  0% {

    stroke-dashoffset: 50px;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes checkmark-circle {

  0% {

    stroke-dashoffset: 240px;

  }

  100% {

    stroke-dashoffset: 480px;

  }

}

@-ms-keyframes checkmark-circle {

  0% {

    stroke-dashoffset: 240px;

  }

  100% {

    stroke-dashoffset: 480px;

  }

}

@keyframes checkmark-circle {

  0% {

    stroke-dashoffset: 240px;

  }

  100% {

    stroke-dashoffset: 480px;

  }

}

.inlinesvg .svg svg {

  display: inline;

}



.icon--order-success svg path {

  -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;

  animation: checkmark 0.25s ease-in-out 0.7s backwards;

}



.icon--order-success svg circle {

  -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;

  animation: checkmark-circle 0.6s ease-in-out backwards;

}



/*-------- 2.9 Pricing page --------*/

.pricing_head {

  padding: 100px 0 120px 0;

  text-align: center;

  color: #fff;

}

@media (max-width: 767px) {

  .pricing_head {

    /* For less than 767px */

    padding: 80px 0;

  }

}

.pricing_head h1 {

  color: #fff;

  font-weight: 500;

  font-size: 38px;

  font-size: 2.375rem;

}

.pricing_head p {

  font-weight: 300;

  font-size: 21px;

  font-size: 1.3125rem;

}



.margin_tabs {

  margin-top: -97px;

}

@media (max-width: 991px) {

  .margin_tabs {

    /* For less than 991px */

    margin-top: -70px;

  }

}

@media (max-width: 767px) {

  .margin_tabs {

    /* For less than 767px */

    margin-top: -50px;

  }

}



.tabs {

  position: relative;

  width: 100%;

  overflow: visible;

  padding-bottom: 35px;

}

.tabs nav {

  text-align: center;

  overflow: hidden;

}

.tabs nav ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: inline-block;

  width: 100%;

  text-align: center;

}

.tabs nav ul li {

  margin: 0 -4px 0 0;

  display: block;

  display: inline-block;

  background-color: #f5f8fa;

  width: 33%;

  text-align: left;

  line-height: 1.3;

}

@media (max-width: 991px) {

  .tabs nav ul li {

    /* For less than 991px */

    text-align: center;

  }

}

.tabs nav ul li a {

  padding: 25px 35px 25px 90px;

  color: #555;

  display: block;

  font-size: 21px;

  font-size: 1.3125rem;

  white-space: nowrap;

  position: relative;

  font-weight: 500;

}

@media (max-width: 991px) {

  .tabs nav ul li a {

    /* For less than 991px */

    padding: 15px;

    font-size: 16px;

    font-size: 1rem;

  }

}

.tabs nav ul li a i {

  position: absolute;

  left: 35px;

  top: 25px;

  font-size: 38px;

  font-size: 2.375rem;

}

@media (max-width: 991px) {

  .tabs nav ul li a i {

    /* For less than 991px */

    display: none;

  }

}

.tabs nav ul li a em {

  display: block;

  font-size: 16px;

  font-size: 1rem;

  font-style: normal;

  font-weight: normal;

}

@media (max-width: 767px) {

  .tabs nav ul li a em {

    /* For less than 767px */

    display: none;

  }

}

.tabs nav ul li:first-child {

  -webkit-border-radius: 3px 0 0 0;

  -moz-border-radius: 3px 0 0 0;

  -ms-border-radius: 3px 0 0 0;

  border-radius: 3px 0 0 0;

  border-right: 2px solid #ddd;

}

.tabs nav ul li:last-child {

  -webkit-border-radius: 0 3px 0 0;

  -moz-border-radius: 0 3px 0 0;

  -ms-border-radius: 0 3px 0 0;

  border-radius: 0 3px 0 0;

  border-left: 2px solid #ddd;

}

.tabs nav ul li.tab-current {

  background-color: #fff;

  z-index: 100;

}

.tabs nav ul li.tab-current:after {

  right: auto;

  left: 100%;

  width: 4000px;

}

.tabs nav ul li.tab-current a {

  color: #222;

}

.tabs nav ul li.tab-current a i {

  color: #3f4079;

}



/* Content */

.content section {

  padding: 60px 0 0 0;

  display: none;

  max-width: 1230px;

  margin: 0 auto;

}

.content section:before, .content section:after {

  content: '';

  display: table;

}

.content section.content-current {

  display: block;

}



.content section:after {

  clear: both;

}



.no-js .content section {

  display: block;

  padding-bottom: 2em;

  border-bottom: 1px solid #e2e2e2;

}



.box_pricing {

  padding: 30px;

  margin-bottom: 30px;

  border: 1px solid #ededed;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  position: relative;

}

@media (max-width: 767px) {

  .box_pricing {

    /* For less than 767px */

    padding: 15px;

  }

}

.box_pricing hr {

  margin: 25px -30px;

  border-color: #ededed;

}

@media (max-width: 767px) {

  .box_pricing hr {

    /* For less than 767px */

    margin: 25px -15px;

  }

}

.box_pricing ul {

  list-style: disc;

  padding: 0 0 0 20px;

  margin: 0 0 30px 0;

}

.box_pricing a {

  background-color: #3f4079;

  display: block;

  color: #fff;

  padding: 10px;

  font-weight: 500;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  text-align: center;

}

.box_pricing a:hover {

  background-color: #e74e84;

  color: #fff;

}

.box_pricing .price {

  text-align: center;

  font-weight: 500;

  font-size: 36px;

  font-size: 2.25rem;

  margin-bottom: 20px;

  color: #3f4079;

}

.box_pricing .price sup {

  font-size: 16px;

  font-size: 1rem;

}

.box_pricing .price em {

  font-size: 16px;

  font-size: 1rem;

  color: #555;

  font-weight: 400;

}



.ribbon {

  position: absolute;

  right: -5px;

  top: -5px;

  z-index: 1;

  overflow: hidden;

  width: 75px;

  height: 75px;

  text-align: right;

}

.ribbon span {

  font-size: 10px;

  font-weight: bold;

  color: #222;

  text-transform: uppercase;

  text-align: center;

  line-height: 20px;

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  width: 100px;

  display: block;

  position: absolute;

  top: 19px;

  right: -21px;

}

.ribbon span.top_selling {

  background: #00dfaa;

}

.ribbon span.top_selling::before {

  content: "";

  position: absolute;

  left: 0px;

  top: 100%;

  z-index: -1;

  border-left: 3px solid #008a69;

  border-right: 3px solid transparent;

  border-bottom: 3px solid transparent;

  border-top: 3px solid #008a69;

}

.ribbon span.top_selling::after {

  content: "";

  position: absolute;

  right: 0px;

  top: 100%;

  z-index: -1;

  border-left: 3px solid transparent;

  border-right: 3px solid #008a69;

  border-bottom: 3px solid transparent;

  border-top: 3px solid #008a69;

}



/*-------- 2.10 Submit review --------*/

.box_general_3.write_review h1 {

  font-weight: 500;

  font-size: 28px;

  font-size: 1.75rem;

  margin-bottom: 20px;

}

.box_general_3.write_review label {

  font-weight: 500;

}



.rating {

  display: inline-block;

  position: relative;

}



.rating-input {

  display: none;

}



.rating:hover .rating-star:hover,

.rating:hover .rating-star:hover ~ .rating-star,

.rating-input:checked ~ .rating-star {

  background-position: 0 0;

}



.rating-star,

.rating:hover .rating-star {

  cursor: pointer;

  float: right;

  display: block;

  margin-right: 3px;

  width: 37px;

  height: 37px;

  background: url(../img/stars.svg) 0 -38px;

}



.fileupload {

  position: relative;

  width: 320px;

}



input[type=file] {

  background-color: #fff;

  border: 1px solid #e1e8ed;

  padding: 5px;

  height: auto;

  color: #999;

  border-radius: 3px;

}



input[type=file]::-webkit-file-upload-button, input[type=file].invalid::-webkit-file-upload-button, input[type=file].valid::-webkit-file-upload-button {

  color: #fff;

  font-size: 13px;

  border: 0;

  border-radius: 3px;

  padding: 8px 10px 8px 38px;

  background: #3f4079 url(../img/camera.svg) 8px center no-repeat;

  outline: none;

}



/*-------- 2.11 Home with map --------*/

.hero_map {

  width: 100%;

  height: 600px;

  position: relative;

}

@media (max-width: 767px) {

  .hero_map {

    /* For less than 767px */

    height: 550px;

  }

}

.hero_map .search_wp {

  width: 100%;

  position: absolute;

  bottom: 15px;

}

@media (max-width: 991px) {

  .hero_map .search_wp {

    /* For less than 991px */

    padding: 0 10px;

  }

}

@media (max-width: 767px) {

  .hero_map .search_wp {

    /* For less than 767px */

    position: relative;

    bottom: 140px;

  }

}

.hero_map .search_wp #custom-search-input ul li label {

  background-color: #3f4079;

  color: #fff;

}



.cta_subscribe h3 {

  color: #fff;

  font-size: 26px;

  font-size: 1.625rem;

  font-weight: 400;

  letter-spacing: -1px;

  text-transform: uppercase;

}

.cta_subscribe p {

  font-size: 16px;

  font-size: 1rem;

}

.cta_subscribe .block_1 {

  padding: 60px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-align: center;

  background-color: #3f4079;

  color: #fff;

}

@media (max-width: 767px) {

  .cta_subscribe .block_1 {

    /* For less than 767px */

    padding: 60px 15px;

  }

}

.cta_subscribe .block_2 {

  padding: 60px;

  background-color: #4a4b8e;

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-align: center;

  color: #fff;

}

@media (max-width: 767px) {

  .cta_subscribe .block_2 {

    /* For less than 767px */

    padding: 60px 15px;

  }

}

.cta_subscribe a.btn_1,

.cta_subscribe .btn_1 {

  border: none;

  color: #fff;

  width: 180px;

  background: #74d1c6;

  outline: none;

  cursor: pointer;

  display: inline-block;

  margin: 15px auto 0;

  text-decoration: none;

  padding: 15px 30px;

  color: #fff;

  font-weight: 600;

  text-align: center;

  line-height: 1;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  font-size: 14px;

  font-size: 0.875rem;

}

.cta_subscribe a.btn_1:hover,

.cta_subscribe .btn_1:hover {

  background-color: #fff;

  color: #e74e84;

}



/*-------- 2.12 About --------*/

a.box_feat_about {

  text-align: center;

  background: #fff;

  padding: 40px 30px 30px 30px;

  display: block;

  -moz-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  -webkit-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

  -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4;

  -moz-box-shadow: 0px 3px 0px 0px #f0f2f4;

  box-shadow: 0px 3px 0px 0px #f0f2f4;

  color: #555;

  margin-bottom: 30px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  overflow: hidden;

}

@media (max-width: 767px) {

  a.box_feat_about {

    /* For less than 767px */

    padding: 20px 20px 0 20px;

  }

}

a.box_feat_about:hover {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  -o-transform: translateY(-10px);

  transform: translateY(-10px);

  -webkit-box-shadow: 0px 3px 0px 0px #ebedef;

  -moz-box-shadow: 0px 3px 0px 0px #ebedef;

  box-shadow: 0px 3px 0px 0px #ebedef;

}

a.box_feat_about i {

  font-size: 70px;

  font-size: 4.375rem;

  color: #3f4079;

  margin-bottom: 10px;

}

a.box_feat_about h3 {

  font-size: 18px;

  font-size: 1.125rem;

}



.about-review {

  margin-bottom: 30px;

  border: 1px solid #e1e8ed;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  padding: 25px;

  min-height: 260px;

}

@media (max-width: 767px) {

  .about-review {

    /* For less than 767px */

    min-height: inherit;

  }

}

.about-review .user_review {

  padding-left: 60px;

  position: relative;

  padding-top: 10px;

}

.about-review .user_review figure {

  position: absolute;

  left: 0;

  top: 0;

  width: 45px;

  height: 45px;

  overflow: hidden;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.about-review .user_review figure img {

  width: auto;

  height: 50px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.about-review .user_review h4 {

  font-size: 14px;

  font-size: 0.875rem;

  margin-bottom: 0;

  color: #777;

}

.about-review .user_review span {

  display: block;

  font-size: 12px;

  font-size: 0.75rem;

  color: #999;

  font-weight: normal;

}

.about-review .rating {

  color: #222;

  margin-bottom: 10px;

}

.about-review .rating i {

  color: #999;

}

.about-review .rating .voted {

  color: #FFC107;

}



/*============================================================================================*/

/* 3.  COMMON */

/*============================================================================================*/

/*-------- 3.1 Misc --------*/

.bg_color_1 {

  background-color: #fff;

}



.bg_color_2 {

  background: #3f4079 url(../img/hero_bg_1.svg) repeat fixed;

}



.form-control {

  font-size: 18px;

  min-height: 40px;

  border-color: #e1e8ed;

}



#booking .loader {

  position: absolute;

  right: 15px;

  top: 13px;

  color: #fff;

}



.box_form {

  background-color: #fff;

  padding: 30px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

  margin-bottom: 25px;

  color: #555;

}

.box_form label {

  font-weight: 500;

  font-size: 13px;

  font-size: 0.8125rem;

  margin-bottom: 3px;

}

.box_form .form-group {

  margin-bottom: 25px;

}



.box_general {

  background-color: #fff;

  padding: 30px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  margin-bottom: 15px;

  color: #555;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

}

.box_general hr {

  margin-left: -30px;

  margin-right: -30px;

}



.box_general_2 {

  background-color: #fff;

  padding: 30px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  margin-bottom: 25px;

  border: 1px solid #e1e8ed;

}

.box_general_2 hr {

  margin-left: -30px;

  margin-right: -30px;

}



.box_general_3 {

  background-color: #fff;

  padding: 30px 15px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  margin-bottom: 15px;

  border: 1px solid #e1e8ed;

}

.box_general_3 hr {

  margin: 30px -30px 30px -30px;

}



/* Checkbox style */

.container_check {

  display: block;

  position: relative;

  font-size: 14px;

  font-size: 0.875rem;

  padding-left: 30px;

  line-height: 1.4;

  margin-bottom: 10px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.container_check input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}

.container_check input:checked ~ .checkmark {

  background-color: #3f4079;

  border: 1px solid transparent;

}

.container_check .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 20px;

  width: 20px;

  border: 1px solid #e1e8ed;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.container_check .checkmark:after {

  content: "";

  position: absolute;

  display: none;

  left: 7px;

  top: 3px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



.container_check input:checked ~ .checkmark:after {

  display: block;

}



/*Show/hide password*/

.my-toggle {

  background: transparent;

  border: 0;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  color: #888;

  cursor: pointer;

  font-size: 10px;

  font-size: 10px;

  font-size: 0.625rem;

  font-weight: bold;

  margin-right: 5px;

  height: 30px;

  line-height: 30px;

  padding: 0 10px;

  text-transform: uppercase;

  -moz-appearance: none;

  -webkit-appearance: none;

  background-color: #fff;

}

.my-toggle:hover, .my-toggle:focus {

  background-color: #eee;

  color: #555;

  outline: transparent;

}



.hideShowPassword-wrapper {

  width: 100% !important;

}



/*-------- 3.2 List --------*/

ul.bullets {

  line-height: 1.8;

  margin-bottom: 0;

}

ul.bullets li {

  position: relative;

  padding-left: 20px;

}

ul.bullets li:before {

  font-style: normal;

  font-weight: normal;

  font-family: 'ElegantIcons';

  font-size: 14px;

  content: "\5c";

  color: #ccc;

  position: absolute;

  left: 0;

  top: 0;

}



.box_faq {

  position: relative;

  padding-left: 50px;

}

.box_faq h4 {

  font-size: 18px;

  font-size: 1.125rem;

}

.box_faq i {

  font-size: 36px;

  font-size: 2.25rem;

  position: absolute;

  left: 0;

  top: 0;

  color: #999;

}



/*-------- 3.3 Spacing --------*/

.add_bottom_15 {

  margin-bottom: 15px;

}



.add_bottom_30 {

  margin-bottom: 30px;

}



.add_bottom_45 {

  margin-bottom: 45px;

}

@media (max-width: 767px) {

  .add_bottom_45 {

    /* For less than 767px */

    margin-bottom: 30px;

  }

}



.add_bottom_60 {

  margin-bottom: 60px;

}



.add_bottom_75 {

  margin-bottom: 75px;

}



.add_top_20 {

  margin-top: 20px;

}



.add_top_30 {

  margin-top: 30px;

}



.add_top_60 {

  margin-top: 60px;

}



.more_padding_left {

  padding-left: 40px;

}



.nomargin_top {

  margin-top: 0;

}



.nopadding {

  margin: 0 !important;

  padding: 0 !important;

}



.nomargin {

  margin: 0 !important;

}



.margin_60 {

  padding-top: 60px;

  padding-bottom: 60px;

}

@media (max-width: 767px) {

  .margin_60 {

    /* For less than 767px */

    padding-top: 30px;

    padding-bottom: 30px;

  }

}



.margin_60_35 {

  padding-top: 60px;

  padding-bottom: 35px;

}

@media (max-width: 767px) {

  .margin_60_35 {

    /* For less than 767px */

    padding-top: 30px;

    padding-bottom: 5px;

  }

}



.margin_120 {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media (max-width: 991px) {

  .margin_120 {

    /* For less than 991px */

    padding-top: 60px;

    padding-bottom: 35px;

  }

}



.margin_120_95 {

  padding-top: 120px;

  padding-bottom: 95px;

}

@media (max-width: 991px) {

  .margin_120_95 {

    /* For less than 991px */

    padding-top: 60px;

    padding-bottom: 35px;

  }

}

@media (max-width: 767px) {

  .margin_120_95 {

    /* For less than 767px */

    padding-top: 30px;

    padding-bottom: 5px;

  }

}



/*-------- 3.4 Scroll top button --------*/

#toTop {

  width: 40px;

  height: 40px;

  background-color: black;

  background-color: rgba(0, 0, 0, 0.6);

  text-align: center;

  padding: 10px;

  line-height: 20px;

  position: fixed;

  bottom: 15px;

  right: 15px;

  cursor: pointer;

  display: none;

  color: #fff;

  font-size: 20px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  z-index: 99;

}

#toTop:before {

  font-family: "fontello";

  content: "\e899";

}



/*-------- 3.5 Community badges --------*/

.box_badges {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  background-color: #fff;

  text-align: center;

  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

  padding: 30px 25px 5px 25px;

  position: relative;

  margin-bottom: 30px;

}

.box_badges h3 {

  font-size: 21px;

  font-size: 1.3125rem;

}

.box_badges ul li {

  display: inline-block;

  background-color: #74d1c6;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  line-height: normal;

  color: #fff;

  padding: 3px 10px;

  font-weight: 600;

  font-size: 13px;

  font-size: 0.8125rem;

  min-width: 120px;

  margin-bottom: 5px;

}



#badge_level_1,

#badge_level_2,

#badge_level_3,

#badge_level_4,

#badge_level_5,

#badge_level_6 {

  width: 100px;

  height: 100px;

  margin: 0 auto 25px;

  position: relative;

}



.disabled_badge {

  opacity: 0.8;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -webkit-transition: 0.15s ease-in-out;

  transition: 0.15s ease-in-out;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform;

}

.disabled_badge:hover {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

  filter: grayscale(0);

  -webkit-filter: grayscale(0);

  opacity: 1;

}

.disabled_badge i {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -20px;

  margin-top: -45px;

  z-index: 9;

  width: 40px;

  height: 40px;

  color: rgba(0, 0, 0, 0.6);

  text-indent: 0;

  font-size: 40px;

  font-size: 2.5rem;

}

.disabled_badge i:before {

  margin: 0;

}

.disabled_badge:hover i {

  opacity: 0;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  -o-transform: translateY(20px);

  transform: translateY(20px);

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.badge_list_1 {

  position: relative;

  top: -2px;

  margin-left: 10px;

}



/*-------- 3.6 Pagination --------*/

.page-item.active .page-link {

  background-color: #3f4079;

  border-color: #3f4079;

}



.page-item.disabled .page-link {

  color: #999;

  border-color: #e1e8ed;

}



.page-link {

  color: #e74e84;

  border: 1px solid #e1e8ed;

}

.page-link:focus, .page-link:hover {

  color: #fff;

  text-decoration: none;

  background-color: #e74e84;

  border-color: #e74e84;

}



/*-------- 3.7 Cookie bar --------*/

#cookie-bar {

  background: rgba(0, 0, 0, 0.8);

  height: auto;

  line-height: 24px;

  color: #eeeeee;

  text-align: center;

  padding: 15px 0;

  font-weight: 400;

  font-size: 13px;

  font-size: 0.8125rem;

  font-weight: 500;

}

#cookie-bar p {

  margin: 0;

  padding: 0;

}

#cookie-bar a {

  color: #fff;

  display: inline-block;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  text-decoration: none;

  padding: 2px 10px;

  margin-left: 8px;

}

@media (max-width: 767px) {

  #cookie-bar a {

    /* For less than 767px */

    display: block;

    max-width: 150px;

    margin: auto;

    margin-bottom: 5px;

  }

}

#cookie-bar .cb-enable {

  background: #74d1c6;

}

#cookie-bar .cb-enable:hover {

  background: #fff;

  color: #74d1c6;

}

#cookie-bar .cb-disable {

  background: #990000;

}

#cookie-bar .cb-disable:hover {

  background: #bb0000;

}

#cookie-bar .cb-policy {

  background: #e74e84;

}

#cookie-bar .cb-policy:hover {

  background: #fff;

  color: #e74e84;

}

#cookie-bar.fixed {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999999;

}

#cookie-bar.fixed.bottom {

  bottom: 0;

  top: auto;

}

@media (max-width: 767px) {

  #cookie-bar {

    /* For less than 767px */

    padding: 5px 0;

  }

}



/*-------- 3.8 Date dropper/time dropper --------*/

.form-control:disabled#booking_date,

.form-control[readonly]#booking_date,

.form-control:disabled#booking_time,

.form-control[readonly]#booking_time {

  background-color: #fff;

  opacity: 1;

}



div.datedropper, .td-wrap {

  font-family: "SF Pro Display", Helvetica, sans-serif !important;

}



div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-v:hover {

  text-decoration: none !important;

}



div.datedropper.primary:before,

div.datedropper.primary .pick-submit,

div.datedropper.primary .pick-lg-b .pick-sl:before,

div.datedropper.primary .pick-m,

div.datedropper.primary .pick-lg-h {

  background-color: #e74e84 !important;

}



div.datedropper.primary .pick-y.pick-jump,

div.datedropper.primary .pick li span,

div.datedropper.primary .pick-lg-b .pick-wke,

div.datedropper.primary .pick-btn {

  color: #fd4741;

}



/*-------- 3.9 Faq --------*/

.box_style_cat {

  background: #fff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #e1e8ed;

  margin-bottom: 25px;

}



ul#cat_nav {

  list-style: none;

  margin: 0;

  padding: 0;

}

ul#cat_nav li {

  border-bottom: 1px solid #e1e8ed;

}

ul#cat_nav li i {

  font-size: 16px;

  font-size: 1rem;

  margin: 1px 10px 0 0;

  float: left;

}

ul#cat_nav li:last-child {

  border-bottom: 0;

  padding-bottom: 0;

}

ul#cat_nav li a {

  position: relative;

  color: #555;

  display: block;

  padding: 15px 10px;

}

ul#cat_nav li a:after {

  font-family: "fontello";

  content: "\e89b";

  position: absolute;

  right: 15px;

  top: 15px;

}

ul#cat_nav li a span {

  font-size: 11px;

  font-size: 0.6875rem;

  color: #999;

}

ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active {

  color: #e74e84;

}

ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a#active, ul#cat_nav li:first-child a.active {

  -webkit-border-radius: 3px 3px 0 0;

  -moz-border-radius: 3px 3px 0 0;

  -ms-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

}

ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a#active, ul#cat_nav li:last-child a.active {

  -webkit-border-radius: 0 0 3px 3px;

  -moz-border-radius: 0 0 3px 3px;

  -ms-border-radius: 0 0 3px 3px;

  border-radius: 0 0 3px 3px;

}



.card {

  border: 0;

  margin-bottom: 5px;

}

.card .card-header {

  background-color: #fff;

  border-bottom: 1px solid #e1e8ed;

}



.card-body {

  padding-bottom: 0;

}

.card-header {

  padding: 0;

}

.card-header h5 {

  font-size: 16px;

  font-size: 1rem;

}

.card-header h5 a {

  border: 0;

  display: block;

  color: #333;

  padding: 20px;

}

.card-header h5 a i.indicator {

  font-size: 18px;

  font-size: 1.125rem;

  font-weight: normal;

  float: right;

  color: #e74e84;

}

.request {

  display: flex;

  align-content: center;

  justify-content: center;

}

.home-req-btn {

  max-width: 400px;

  padding: 17px 15px;

  background-color: #79D1C0;

  width: 100%;

  text-align: center;

  border-radius: 5px;

  color: #fff;

  font-size: 20px;

  box-shadow: 0px 0px 4px 0px

  rgba(0, 0, 0, 0.3);

  margin-bottom: 20px;

}

.home-req-btn:hover {

  color: #fff;

}

#clinic-detail .cl-options {

  border-bottom: 1px solid #e1e8ed;

  border-left: 1px solid #e1e8ed;

  border-right: 1px solid #e1e8ed;

}

#clinic-detail .card .card-header {

  border: 1px solid #e1e8ed;

}

#features li:after {

  content: none !important;

}

.nzok {

  padding: 6px 7px 6px 5px;

  background-color: #79D1C0;

  color: white;

  border-radius: 5px;

  font-size: 11px;

  position: relative;

  top: -4px;

}

.kids {

  padding: 6px 7px 6px 5px;

  background-color: #A3D572;

  color: white;

  border-radius: 5px;

  font-size: 11px;

  position: relative;

  top: -4px;

}

.prices {

  padding: 6px 7px 6px 5px;

  background-color: #E4C138;

  color: white;

  border-radius: 5px;

  font-size: 11px;

  position: relative;

  top: -4px;

}

.savehour {

  padding: 10px 12px;

  border-radius: 3px;

  background-color: #79D1C0;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

}

.savehour:hover , .savehour:active , .savehour:visited {

  color: #fff;

  background-color: #56C9B2;

}

[class^="icon-"]::before {

  margin-left: 0px !important;

  margin-right: 0px !important;

}

.top-search div{

  min-width: 320px;

}

.doc-search .sbHolder {

  width: 27%;

  margin-right: 5px;

}

.btn-search {

  border: none;

  padding: 6px 30px;

  border-radius: 5px;

  color: white;

  background-color: #E74E84;

  cursor: pointer;

  box-shadow: 0 5px 15px rgba(0,0,0,.1);

}

.btn-search:hover {

  box-shadow: none;

}



#sorting {

  border-bottom: 1px solid #e1e8ed;

  padding: 15px 0;

}

.custom-btn-filter {

  background-color: white;

  color: #3f4079;

  border-color: #e1e8ed;

  padding: 4px 8px;

  font-size: 15px;

}

.custom-btn-filter:hover {

  border-color: #9e9fa0;

}

.filter-wrapping {

  padding: 10px 0;

  background-color: #fff;

}

.filter-select .sbSelector {

  height: 30px !important;

  line-height: 31px !important;

  font-weight: 400;

  font-size: 15px;

  text-transform: none;

  padding-right: 40px;

  position: inherit;

}

.filter-select .sbToggle {

  height: 30px !important;

  line-height: 34px !important;

}

.filter-select .sbHolder {

  height: 33px !important;

  border-radius: .25rem;

}

.filter-select .sbHolder:hover {

  border-color: #9e9fa0;

  color: #212529;

  background-color: #f8f9fa;

}

.contact ul li a {

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: inline-block;

  position: relative;

  color:

          #555;

}

.contact ul.contacts li a i {

  margin-right: 10px;

  color: #e74e84;

}

.contact ul li {

  margin-bottom: 10px;

}

.contact h5 {

  text-transform: uppercase;

  margin-bottom: 20px;

}

#doctorSearch #doctorType , #doctorSearch #doctorArea, #doctorSearch #category_id {

  margin-bottom: 10px;

  padding-right: 30px !important;

  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcuNjAyIDExLjMyNUwyLjE2NSA1LjgwNGEuNTY0LjU2NCAwIDAxMC0uNzk3bC4zMzMtLjMzMmEuNTYyLjU2MiAwIDAxLjc5NyAwTDggOS40NjlsNC43MDUtNC43OWEuNTY0LjU2NCAwIDAxLjc5NyAwbC4zMzMuMzMzYy4yMi4yMi4yMi41NzYgMCAuNzk3TDguMzk4IDExLjMzYS41NjcuNTY3IDAgMDEtLjc5Ni0uMDA1eiIvPjwvc3ZnPg==");

  background-size: 14px 14px;

  background-position: right 8px center;

  background-repeat: no-repeat;

  moz-appiarence: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.doctor-reviews {

  margin-top: 30px;

  padding-top: 40px;

  border-top: 1px solid

  #eee;

}

.doctor-reviews h3 {

  margin-bottom: 40px;

}

.review-summary {

  margin-bottom: 20px;

}

.review-summary .review-summary-list {

  margin: 0;

  padding: 0;

  list-style: none;

}

.list-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

}

.review-summary .review-summary-list li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: space-between;

}

.list-group-item2 {

  position: relative;

  display: block;

  padding: .75rem 1.25rem;

  background-color: #fff;

  border: 1px solid

  rgba(73,80,87,.125);

}

.review-summary .review-summary-list .rating {

  display: inline-block;

}

.rating {

  white-space: nowrap;

}

.rating .fas {

  color:

          #fc0;

}

.list-group-item2 + .list-group-item2 {

  border-top-width: 0;

}

.list-group-item2:last-child {

  border-bottom-right-radius: .25rem;

  border-bottom-left-radius: .25rem;

}

.list-group-item2:first-child {

  border-top-left-radius: .25rem;

  border-top-right-radius: .25rem;

}

.review-number {

  text-align: center;

}

.d-sm-block {

  display: block !important;

}

.text-muted {

  color: #6c757d !important;

}

.review {

  margin-bottom: 20px;

  padding: 20px;

  border: 1px solid

  #eee;

  border-radius: 7px;

}

.review .review-name {

  font-weight: 500;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.review .review-name span {

  font-size: 16px;

}

.review .review-name span.text-muted {

  font-size: 15px;

  font-weight: 400;

}

.text-muted {

  color:

          #6c757d !important;

}

.review .review-score {

  font-size: 15px;

  margin: 15px 0;

}

.review .review-score .rating-name {

  margin-bottom: 5px;

}

.review .content {

  font-size: 16px;

}

#more-reviews a {

  font-size: 18px;

  color: #79D1C0;

  font-weight:bold;

}

#doctor-reviews-wrap .review{

  background-color: #fff;

}

.review-number {

  text-align: center;

}

#custom-search-input2 {

  width: 27%;

  margin-right: 5px;

}

#custom-search-input2 .search-query {

  width: 100%;

  margin-right: 5px;

}

.gm-style-iw-c {

  font-size: 16px !important;

  width: 300px;

  max-height: 350px !important;

  padding: 20px !important;

  overflow-x: hidden !important;

  overflow-y: scroll !important;

  border-radius: 10px !important;

  border: 1px solid #ced4da !important;

}

#iw-container {

  font-family: "SF Pro Display", Helvetica, sans-serif; !important;

}

.iw-title {

  color: #79D1C0;

  transition: .2s;

  font-size: 20px;

  font-weight: 500;

}

.gm-style-iw-c .gm-ui-hover-effect {

  width: 40px !important;

  height: 40px !important;

}

.gm-style-iw-c .gm-ui-hover-effect img {

  width: 20px !important;

  height: 20px !important;

}

.map-btn:focus {

  border: 1px solid #79D1C0 !important;

  color: white !important;

  box-shadow: none;

}

.map-btn:hover {

  box-shadow: 0 5px 15px rgba(0,0,0,.1);

}

.iw-subtitle {

  margin: 0;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  color: #6c757d !important;

  font-size: 14px;

  font-weight: 500;

}

.iw-address {

  color: #212529;

  font-weight: 500;

  font-size: 14px;

}

.gm-style-iw-d {

  margin-top: 10px;

}

.showmoretxt {

  font-size: 16px;

  margin-top: 8px;

  margin-right: 10px;

  margin-bottom: 10px;

}

.search-column {

  width: 100%;

  max-width: none;

  flex: auto;

}

.search-filters {

  margin-bottom: 20px;

  display: block;

  position: relative;

  overflow: hidden;

  margin-top: 20px;

 }

.search-filters-holder {

  padding: 10px 0 0;

}

.doc-btn {

  width: auto;

  margin-bottom: 10px;

  display: inline-block;

  border-width: 1px;

  cursor: pointer;

  vertical-align: middle;

}

.search-filter {

  min-height: 33px !important;

  height: calc(1.8rem + 2px) !important;

  padding: 5px 5px !important;

}

.flex-column {

  flex-direction: column !important;

}

.nav-pf {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}

.nav-pf a.active {

  color: #868e96;

}

.nav-link {

  display: block;

  padding: .5rem 1rem;

  font-weight: 500;

  font-size: 15px;

}

.doctor-card {

  margin: 0 auto 30px;

  padding: 20px;

  border-radius: 5px;

  border: 1px solid #ced4da;

  box-shadow: 0 0 15px rgba(0,0,0,.1);

}

.doctor-card .doctor-card-header {

  margin: -20px -20px 20px;

  padding: 20px;

  color: #fff;

  border: none;

  border-radius: 5px 5px 0 0;

  background: #79D1C0;

}

.doctor-card .doctor-card-header .next-appointment {

  margin: 0;

  align-items: flex-start;

}

.doctor-card .d-flex {

  align-items: flex-start;

}

.next-appointment {

  line-height: 120%;

  margin: 20px 0 10px;

}

.d-flex {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

}

.doctor-card .doctor-card-header .next-appointment i {

  font-size: 55px;

  color: #fff;

  opacity: .5;

}

.next-appointment i {

  font-size: 48px;

  margin-right: 15px;

  color: #01bfa5;

}

.next-appointment h2 {

  font-weight: 500;

  margin: 0;

}

.doctor-card hr {

  margin: 20px -20px;

}

.doctor-card small {

  display: block;

}

.js-modal {

  cursor: pointer;

}

.js-modal {

  cursor: pointer;

}

.text-danger {

  color:

          #ff3b30 !important;

}

.float-right {

  float: right !important;

}

.doctor-card img {

  max-width: 80px;

  margin-right: 15px;

  border-radius: 5px;

}

.img-fluid, .img-thumbnail {

  max-width: 100%;

  height: auto;

}

.change-app {

  color: #79D1C0;

}

.change-app:hover {

  color: #49AA97;

}

.boxed {

  margin-bottom: 20px;

  border-radius: 5px;

  border: 1px solid #ced4da;

  background: #fff;

  padding: 25px;

}

.icon-circled.gray {

  color: #868e96;

  background: #79D1C0;

}

.icon-circled {

  font-size: 72px;

  width: 150px;

  height: 150px;

  line-height: 150px;

  margin: 0 auto 30px;

  text-align: center;

  color: #fff;

  border-radius: 50%;

  background: #79D1C0;

}

.icon-circled i {

  position: relative;

  font-weight: 900;

  color: #fff;

  opacity: 0.5;

}

.icon-circled .icon-calendar-8::before {

  margin: 0;

}

.inner-box {

  margin-bottom: 20px;

  padding: 16px;

  border-radius: 5px;

  border: 1px solid #ced4da;

}

.icon-circle-search {

  margin: 0 auto 30px;

  text-align: center;

  color: #fff;

  border-radius: 50%;

  background: #79D1C0;

  font-size: 48px;

  width: 100px;

  height: 100px;

  line-height: 100px;

}

.center {

  text-align: center;

}

.btn.btn-outline-light:not(:disabled):not(.disabled).active, .btn.btn-outline-light:not(:disabled):not(.disabled).active:active {

  color: #fff;

  border-color: #79D1C0;

  background: #79D1C0;

}

.btn.btn-outline-light:not(:disabled):not(.disabled).active:active:hover, .btn.btn-outline-light:not(:disabled):not(.disabled).active:hover {

  background-color: #66DBC4;

  border-color: #79D1C0;

}

.message-count {

  font-size: 9px;

  top: -5px;

  left: 16px;

  background-color: #fd1d1d;

  padding: 4px 3px 4px 2px;

  width: 19px;

  height: 19px;

  display: block;

  border: 1px solid #fd1d1d;

  line-height: 9px;

  position: absolute;

  color: #fff;

  border-radius: 100%;

  text-align: center;

}

.flex {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

#prev_page , #next_page {

  position: absolute;

}

.booking .one_first {

  margin: 10px 0 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.book_appointment.aligncenter {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-direction: column;

  margin: 0 6px;

  margin-left: 6px;

  margin-left: 6px;

  flex: 1;

}

.book_appointment .header , .book_appointment .header h6{

  text-align: center;

  font-size: 15px;

  color: white;

}

.book_appointment .header , .book_appointment .header {

  border: 1px solid #79D1C0;

  margin: 2px;

  padding: 5px 0 0;

  border-radius: 5px;

  background-color: #79D1C0;

  color: white;

}

.book_appointment .header:hover {

  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

  transition: .2s;

}

#prev_page {

  left: 30px;

  font-size: 40px;

}

#next_page {

  right: 30px;

  font-size: 40px;

}

.header-search-nav {

  text-align: center;

  min-height: 45px;

}

.book_appointment .content_book_appointments {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  align-content: flex-start;

  flex: 0 1 auto;

}

.time.aligncenter {

  font-size: 14px;

  font-weight: 500;

  min-width: calc(50% - 4px);

  height: 36px;

  line-height: 32px;

  margin: 2px;

  text-align: center;

  border-radius: 5px;

  border: 2px solid #79D1C0;

}

.time.aligncenter:hover {

  background-color: #79D1C0;

  transition: .2s;

  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

}

.book_appointment .content_book_appointments .time a{

  height: 100%;

  display: block;

  color: #3F4079;

}

.book_appointment .content_book_appointments .time a:hover {

  color: #fff;

  transition: .2s;

}

 .content_book_appointments .reserved , .content_book_appointments .not-active {

  color: #939393;

  border-color: #f0f0f0;

  background-color: #f9f3f3 !important;

}

.content_book_appointments .reserved:hover , .content_book_appointments .not-active:hover {

  box-shadow: none !important;

}

.book_appointment .empty {

  flex: 1 1 auto;

  margin: 2px;

  border-radius: 5px;

  border: 2px solid #f5f5f5;

  background: -o-repeating-linear-gradient(135deg,transparent,transparent 5px,#f5f5f5 5px,#f5f5f5 10px);

  background: repeating-linear-gradient(-45deg,

  transparent,transparent 5px,#9ACEC43B 0,#9ACEC43B 10px);

  display: flex !important;

  align-content: center;

  justify-content: center;

}

.icon-circle-search .icon-calendar:before {

  margin:0;

}

.book_appointment .empty .icon-circle-search {

  background: #A8DFD59E;

}

@media screen and (max-width: 768px) {

  .time.aligncenter {

    min-width: calc(50% - 2px);

    margin: 1px;

  }

  .book_appointment.aligncenter {

    margin: 0 1px;

  }

  .book_appointment .empty .icon-circle-search {

    font-size: 28px;

    width: 60px;

    height: 60px;

    line-height: 60px;

  }

}





/* The Modal (background) */

.modal {

  display: none;

  position: fixed;

  z-index: 1;

  padding-top: 100px;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: black;

  justify-content: center;

  align-items: center;

  transform: translateZ(0);

}



/* Modal Content */

.modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  width: auto;

  max-width: 1200px;

}



/* The Close Button */

.close {

  color: white;

  position: absolute;

  top: 10px;

  right: 25px;

  font-size: 35px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: #999;

  text-decoration: none;

  cursor: pointer;

}



/* Hide the slides by default */

.mySlides {

  display: none;

}



/* Next & previous buttons */

.prev,

.next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  padding: 16px;

  margin-top: -50px;

  color: white;

  font-weight: bold;

  font-size: 20px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

  user-select: none;

  -webkit-user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover,

.next:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* Caption text */

.caption-container {

  text-align: center;

  background-color: black;

  padding: 2px 16px;

  color: white;

}



img.demo {

  opacity: 0.6;

}



.active,

.demo:hover {

  opacity: 1;

}



img.hover-shadow {

  transition: 0.3s;

}



.hover-shadow:hover {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

#confirm_nav {

  background-color: #373869;

  background-color: rgba(63, 64, 121, 0.05);

  background-color: #3f4079;

  position: relative;

  bottom: -3px;

  border-bottom: none;

  -webkit-border-radius: 5px 5px 0 0;

  -moz-border-radius: 5px 5px 0 0;

  -ms-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

  padding: 15px;

}

.alert-custom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}

.i-circle {

  width: 45px;

  height: 45px;

  line-height: 45px;

  margin: 0 20px 0 0;

  flex-shrink: 0;

  background: #79D1C0;

  text-align: center;

  padding: 6px;

  border-radius: 5px;

}

.i-circle i {

  font-size: 32px;

  color: #fff;

}

.text-a {

  font-size: 15px;

  font-weight: 500;

  color: #59D1B9;

}

.patient-name-change , .patient-phone-change {

  margin-bottom: 15px;

}

.user-nav {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  padding: 12px 16px;

  z-index: 1;

}

#user:hover .user-nav {

  display: block !important;

}

.navbar-expand-lg .navbar-collapse {

  display: flex !important;

  flex-basis: auto;

}

.navbar-collapse {

  flex-basis: 100%;

  flex-grow: 1;

  align-items: center;

}

.ml-auto, .mx-auto {

  margin-left: auto !important;

}

.navbar-nav {

  display: flex;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}

.navbar .photo {

  display: inline-block;

  height: 30px;

  width: 30px;

  border-radius: 50%;

  vertical-align: middle;

  overflow: hidden;

}

.navbar .caret {

  position: absolute;

  left: 80%;

  top: 55%;

  margin-left: 0;

}

.caret {

  width: 0;

  height: 0;

  vertical-align: middle;

  border-top: 4px dashed;

  border-right: 4px solid

  transparent;

  border-left: 4px solid

  transparent;

  margin-top: -5px;

  position: absolute;

  top: 30px;

  margin-left: 5px;

}

.navbar .photo img {

  width: 100%;

  max-width: 100%;

  border-radius: .2857rem;

}

.navbar .photo {

  display: inline-block;

  height: 35px;

  width: 35px;

  border-radius: 50%;

  vertical-align: middle;

  overflow: hidden;

}

.navbar-expand-lg .navbar-nav .nav-link {

  padding-right: .5rem;

  padding-left: .5rem;

}

.navbar-nav li {

  padding: 0 10px;

}

.navbar-nav .dropdown-menu {

  position: absolute;

}

.add-time {

  border: 2px solid #79D1C0;

  background-color: #79D1C0;

  color: #fff !important;

  cursor: pointer;

  padding: 4px 5px;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 5px;

}

.add-time:hover {

  background-color: #4DCAB2;

  border-color: #4DCAB2;

  color: #fff !important;

}

.all-time {

  background-color: #e74e84;

  color: #fff !important;

  padding: 4px 5px !important;

  border-radius: 5px !important;

}

.all-time:hover {

  background-color: #df2767 !important;

  border-color: #df2767 !important;

}

.margin-0 p {

  margin: 0 !important;

}

.table-hour-main {

  padding:0 !important;

  margin: 0 !important;

  border: none !important;

  text-align: left !important;

}

.table-hour-info {

  padding:0 !important;

  margin: 0 !important;

  border: none !important;

  text-align: left !important;

}

.table-hour-info li , .table-hour-main li {

  display: block !important;

}

.hours-btns {

  margin: 15px -15px -13px -20px !important;

  text-align: center !important;

}

#graphicsm .content_book_appointments {

  display: block;

}

.edit-time {

  position: absolute;

  left: 10px;

  width: 25px;

}

.calendar-btns {

  margin-bottom: 5px;

}

.calendar-btns a{

  padding: 6px 7px;

  border: 1px solid #79D1C0;

  border-radius: 3px;

  display: inline-block;

  margin-right: 5px;

}

.calendar-btns a:hover {

  border-color: #79D1C0

}

.no-hours {

  text-align: center;

  min-height: 400px;

  padding: 55px 0;

  border: 1px solid lightgray;

  border-radius: 7px;

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);;

}

.no-hours h2 {

  margin-bottom: 50px

}

.no-hours i {

  margin-bottom: 50px;

  color: #79D1C078;

}

.message-box {

  background-color: #fff;

  border-radius: 5px;

  padding: 10px;

  margin: 10px 0 20px;

  box-shadow: 0px 0px 15px 0px

  rgba(0, 0, 0, 0.05);

}



/* Darker chat container */

.darker {

  border-color: #eee;

  background-color: #79D1C0B3;

  color: #333;

}



/* Clear floats */

.message-box::after {

  content: "";

  clear: both;

  display: table;

}



/* Style images */

.message-box img {

  float: left;

  max-width: 60px;

  width: 100%;

  margin-right: 20px;

  border-radius: 50%;

}



/* Style the right image */

.message-box img.right {

  float: right;

  margin-left: 20px;

  margin-right:0;

}



/* Style time text */

.time-right {

  float: right;

  color: #aaa;

}



/* Style time text */

.time-left {

  float: left;

  color: #333;

}

#profile-nav {

  background-color: #373869;

  background-color: rgba(63, 64, 121, 0.05);

  background-color:

          #3f4079;

  position: relative;

  bottom: -3px;

  border-bottom: none;

  -webkit-border-radius: 5px 5px 0 0;

  -moz-border-radius: 5px 5px 0 0;

  -ms-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

  padding: 15px;

}

#profile-nav ul {

  margin: 0;

}

#profile-nav ul li {

  display: inline-block;

  font-weight: 500;

  font-size: 16px;

  font-size: 1rem;

  margin-right: 25px;

}

#profile-nav ul li a.active {

  color: #fff;

}

#profile-nav ul li a {

  color: #74d1c6;

}

#profile-nav ul li:last-child {

  display: none;

  margin-right: 0;

}

.cabin-btns li a {

  text-align: center;

  width: 35px;

}

.reserved-wrap .cabin-btns li {

  display: inline-block;

}

.reserved-wrap .cabin-btns .graphics {

  padding: 5px 7px !important;

  background-color: #F07F48;

  border-color: #F07F48;

}

.reserved-wrap .cabin-btns .reserveTime {

  padding: 5px 7px !important;

}

.reserved-wrap .cabin-btns .add-time {

  padding: 5px 7px !important;

  background-color: #F04848;

  border-color: #F04848;

}

.delete-btn {

  color: #fff;

  border: 1px solid #db3a3a;

  padding: 2px 5px;

  border-radius: 5px;

  position: absolute;

  top: 10px;

  right: 15px;

  background-color: #db3a3a;

  font-size: 18px;

}

.delete-btn:hover {

  color: #db3a3a;

  border-color: #db3a3a;

  background-color: #fff;

}

.alert-danger {

  width: 100%

}

.help-block .close {

  top: 4px;

}

.no-graphic {

  padding: 20px;

  background: repeating-linear-gradient(-45deg, transparent,transparent 5px,#9ACEC43B 0,#9ACEC43B 10px);

  border-radius: 5px;

}

.no-graphic h3 {

  text-align: center;

  color: #79D1C0;

}

.no-graphic .icon-circle-search {

  margin: 0 auto 30px;

  text-align: center;

  color: #79D1C0BD;

  border-radius: 50%;

  background: #ffffffbf;

  font-size: 48px;

  width: 100px;

  height: 100px;

  line-height: 100px;

}

.confirmed {

  font-size: 14px;

  padding: 4px 10px;

  border: 1px solid #6365C4;

  margin-left: 10px;

  background-color: #6365C4;

  border-radius: 5px;

  position: relative;

}

.canceled {

  font-size: 14px;

  padding: 4px 10px;

  border: 1px solid #C46C63;

  margin-left: 10px;

  background-color: #C46C63;

  border-radius: 5px;

  position: relative;

}

.hour-time {

  display: flex;

  justify-content: center;

  align-items: center;

}

.doc-reg i {

  color: #fff;

  font-size: 1.875rem;

}

.doc-reg h1, .doc-reg h2, .doc-reg h3, .doc-reg p {

  font-weight: 600;

  color: #fff;

}

.gr-bg {

  background: -webkit-gradient(linear,left top,right top,from(#79D1C0),to(#64a1f0));

  background: -o-linear-gradient(left,#79D1C0,#64a1f0);

  background: linear-gradient(90deg,#79D1C0,#64a1f0);

}

#doctorName:focus {

  color: #495057;

  background-color: #fff;

  border-color: #80bdff;

  outline: 0;

  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);

}

#doctorMain , #clinicMain {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.hometabs-btn {

  background: none;

  border: none;

  color: white;

  cursor: pointer;

}

.hometabs-wrapper {

  margin-bottom: 25px;

}

#doctorMain {

  width: 100%;

}

#searchbtnhome {

  position: initial !important;

  text-indent: initial !important;

  margin: 10px 0;

}

.form-control {

  height: 50px;

}

.button:focus {

  outline: none !important;

}
.about_wrap {
  padding: 20px;
  min-height: 238px;
}
.blurred-bg-container {
  border-radius: 8px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.5);
}

.datepicker-days .prev, .datepicker-days .next , .datepicker-months .prev, .datepicker-months .next {
    color: #333;
    top: initial;
    margin-top: initial;    
}

#mainEditDoctor .indent_title_in ul {
    list-style: inside;
}
#mainEditDoctor .indent_title_in ol {
    list-style: inside number;
}