/*----------------------------------------- [MASTER STYLE SHEET] * Project: Directory Pro - Local Listing & Directory Template * Version: v1.1.1 * Copyright 2017-2020 rn53themes * Last Changes: 05/06/2017 * Author: RN53 Themes * Email: rn53themes@gmail.com * Website: http://www.rn53themes.net -----------------------------------------------*/
/*------------------------------------------------- = Table of Css 1.ALL PAGES COMMON CSS STYLES 2.HOME PAGE BANNER AND SEARCH BOX 3.TOP FIXED MENU 4.LISTING 5.RESPONSIVE SIDE MENU POPUP 6.HOME PAGE: SEARCH BOX 7.RIBBEN 8.MOBILE APP 9.FOOTER 10.PRE LOADING ANIMATION 11.SPECIAL TITLE STYLES 12.INNER PAGE LISTING 13.LISTING SOCIAL SHARE 14.POPUP 15.PREMIUM LISTING 16.STAR RATINGS 17.PRICING TABLE 18.ADD LISTING 19.HOME PAGE: PROJECT COUNT 20.HOME PAGE: POPULAR LISTINGS 21.HOME PAGE: DISCOUNT 22.HOME PAGE: CREATE A ACCOUNT 23.SOCIAL MEDIA LOGIN 24.LISTING LEAD FORM 25.ISTING DETAILS PAGE 26.HOW IT WORK 27.ABOUT US 28.CONTACT US 29.BLOG 30.CUSTOMER REVIEWS 31.ELEMENTS -------------------------------------------------*/
/*-------------------------------------------------*/
/* = All Pages Common CSS Styles
/*-------------------------------------------------*/
body {
  color: #73848e;
  font-family: 'Poppins', sans-serif;
  margin: 0px;
  padding: 0px;
  padding-right: 0px !important;
  overflow-x: hidden;
  background-color: #f7f7f7 !important;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/micon.woff2') format('woff2');
}

@import url('https://fonts.googleapis.com/css?family=Passion+One:900&display=swap&subset=latin-ext');

html, body {
  height: 100%;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
  color: #57666D;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
}

p, a, li, span, label, tr, td, th, input {
  color: #636363;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

small, .small {
  font-size: 13px;
}

a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
}

a:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

h3 {
  font-size: 26px;
}

.input-field.has-error input,
.input-field.has-error textarea {
  border: 1px solid #a94442 !important;
}

.help-block {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  color: #a94442 !important;
  line-height: 1;
  font-size: 12px;
  text-shadow: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  /* IE10+ styles */
  #preloader {
    display: none;
  }

  .bottomMenu {
    display: block;
  }

  .input-group.date {
    align-items: stretch !important;
  }

  .form-group input {
    box-sizing: content-box;
    padding: 6px 12px !important;
  }

  #form_change_pass .input-field label {
    left: 30px;
  }


  .hom-cre-acc-left .row .input-field label {
    text-align: left;
  }

  .land-com-form form ul li .input-field label {
    text-align: left;
  }

  .tz-2-main-2 {
    align-items: flex-start !important;
  }

  #count {
    height: 66px;
    line-height: 1.5;
  }


}

.payment, .oculus_keys, .abon_wrap {
  background-image: url(../images/geometry_pattern.png) !important;
  background-position: center !important;
}

.payment .row {
  margin: 20em 0;
}

.payment img {
  width: 90px;
  margin-bottom: 20px;
}

/*Step by step install*/
.progress_step {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  margin-top: 45px;
}

.progress_step .step {
  width: 12px;
  height: 12px;
  background-color: #ccc;
  display: block;
  border-radius: 10px;
  margin: 0 10px;
}

.progress_step .step.active {
  background-color: #46c882;
}

.has_headset.passed {
  width: 50px !important;
}

.c2care.passed {
  width: 80px !important;
}

.getkeys.passed {
  width: 100px !important;
}

.linking.passed {
  width: 120px !important;
}

.fin.active {
  width: 140px;
}

.installation_steps .btn.btn_back {
  background: none;
  font-weight: 600;
  box-shadow: none;
  color: #a0a0a0;
  height: auto;
}

.installation_steps .btn.btn_back i {
  margin-right: 10px;
}

.installation_steps .btns .btn.btn_white i {
  margin-left: 10px;
}

.installation_steps .btn.btn_back:hover {
  color: #5a5a5a !important;
}

.installation_steps .line.btns {
  justify-content: center;
  margin-top: 30px;
}

.installation_steps .btns .btn_white {
  line-height: 0.5;
  margin-top: 0px;
}

.installation_steps h4.question {
  background: none;
  color: #46C882;
  text-align: center;
  margin: auto;
}

.installation_steps {
  margin: 50px 0;
}

.installation_steps h3 {
  margin: 30px 0;
}

hr.title_border {
  border: 1px solid #EDEDED;
  width: 15%;
  margin: 10px auto;
}

.step {
  list-style: none;
  width: 70%;
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  margin: auto;
}

span.point {
  background-color: #46c882;
  border-radius: 50%;
  font-size: 14px !important;
  margin-right: 10px;
  padding: 4px 10px;
  color: #fff !important;
}

.c2care img {
  width: 190px;
  border: none;
  margin: auto;
  padding-bottom: 20px;
}

.oculus_keys {
  margin: 30px 0;
}

.installation_steps .fin img {
  margin: auto;
  width: 250px;
}

.installation_steps button.btn_white {
  margin-top: 20px;
}

.oculus_keys .line {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.oculus_keys .line img {
  margin-right: 30px;
  width: 100px;
}

.oculus_keys .line ul, .oculus_keys .line p, .oculus_keys .line p a {
  text-align: left;
  font-size: 13px;
}

.oculus_keys .line ul li {
  display: flex;
  align-items: baseline;
}

/*Animation*/

.slide-right {
  -webkit-animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}

@keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
}

@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
}

/*--=================== dir1 =======================--*/
.com-padd {
  /* padding-top: 80px;
     */
  /* padding-bottom: 80px;
     */
  padding: 2rem;
}

.com-padd-redu-top {
  padding-top: 0px;
}

.com-padd-redu-bot {
  padding-bottom: 0px;
}

.com-padd-redu-bot1 {
  padding-bottom: 70px;
}

.com-padd-incre-top {
  padding-top: 100px;
}

.com-padd-incre-bot {
  padding-bottom: 100px;
}

.com-mar-bot-70 {
  margin-bottom: 70px;
}

.com-mar-bot-30 {
  margin-bottom: 30px !important;
}

.com-mar-top-30 {
  margin-top: 30px !important;
}

.com-mar-rig-20 {
  margin-right: 20px !important;
}

.com-padd-side-40 {
  padding: 0px 40px !important;
}

.com-padd-30 {
  padding: 30px 0px !important;
}

.dir1-home-head {
  position: relative;
  /* overflow: hidden;
     */
  /* z-index: 99;
     */
}

.legal_notice h4, .legal_notice h2, .cgu h4, .cgu h2 {
  margin-bottom: 20px;
}

.cgu li {
  color: #636363;
  font-size: 15px;
  list-style-type: disc !important;
  margin-left: 18px;
}

#howto {
  padding: 45px;
  z-index: 99;
  position: fixed;
  left: 20%;
  right: 0;
  top: 30px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  box-shadow: 1px 4px 3px rgba(135, 135, 135, 0.39);
}

#howto {
  background-color: #fff;
}

#howto .x_content {
  background-image: url(/../images/arrow.png);
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: top;
  float: none;
  border: none;
}

.hide_howto {
  cursor: pointer;
  position: absolute;
  bottom: -73px;
  background-color: #253d52;
  padding: 25px 15px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  left: 0;
}

.hide_howto i {
  color: #a5c0d8;
}

#howto .number {
  float: left;
  position: relative;
  right: -60px;
  font-weight: 600;
  color: #f1003e;
  font-size: 40px;
  top: 30px;
}

#howto .x_content {
  padding-top: 20px;
}

#accordion-style-1 h4 {
  background: none;
  color: #253d52;
  padding: 0;
  padding-bottom: 10px;
}

#accordion-style-1 .btn-link {
  text-align: left;
  margin-left: 30px;
  font-weight: 400;
  color: #777;
  background-color: transparent;
  text-decoration: none !important;
  font-size: 16px;
}

#accordion-style-1 .card-header button:hover, #accordion-style-1 .card-header button:focus {
  background: none;
  color: #646464 !important;
  box-shadow: none;
  outline: none;
}

#accordion-style-1 .card {
  box-shadow: none;
  margin: 20px;
}

#accordion-style-1 .card-body {
  border-top: 2px solid #39c478;
  padding: 20px;
}

#accordion-style-1 .card-body p, #accordion-style-1 .card-body ul li {
  line-height: 1.5;
  font-size: 14px;
  color: #767676;
}

#accordion-style-1 .card-header {
  background-color: #f2f1f1;
  border: 1px solid #e6e6e6;
  padding: 8px;
}

#accordion-style-1 .card-header .btn i {
  background: #39c478;
  padding: 13px 11px;
  color: #ffffff;
  width: 35px;
  height: 41px;
  position: absolute;
  left: -1px;
  top: 6px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  display: block;
}

/*-------------------------------------------------*/
/* = HOME PAGE BANNER AND SEARCH BOX
/*-------------------------------------------------*/
#background {
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* z-index: 99;
     */
  background: url('../images/banner4.jpg') no-repeat;
  background-size: cover;
}

#background1 {
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* z-index: 99;
     */
  background: url('../images/banner2.jpg') no-repeat;
  background-size: cover;
}

.dir-ho-tl ul {
  padding: 0px;
  margin-bottom: 0px;
}

.dir-ho-tl ul li {
  display: inline-block;
}

.dir-ho-tl ul li a {
  color: #fff;
  font-size: 16px;
}

.dir-ho-tl ul li a:before {
  content: 'my.';
  position: absolute;
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  left: -19px;
  margin-top: 14px;
}

.dir-ho-tl ul li a img {
  padding: 5px;
  /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
     */
  margin-top: 0px;
  /* background: #000;
     */
  margin-top: 5px;
}

.dir-ho-tr ul {
  padding: 0px;
  float: right;
  margin-bottom: 0px;
  margin-top: 19px;
}

.dir-ho-tr ul li {
  float: left;
  list-style-type: none;
  margin-left: 5px;
  /* padding: 10px;
     */
}

.dir-ho-tr ul li:nth-child(3) a {
  /* text-shadow: 0px 1px 0 rgba(23, 23, 23, 0.44);
     */
  /* border-radius: 2px;
     */
  color: #fff;
  background-color: #01a0d8;
  border: 1px solid #039ad0;
  font-weight: 400;
  border-radius: 30px;
  padding: 6px 10px;
}

.dir-ho-tr ul li:nth-child(3) a i {
  padding-right: 2px;
}

.dir-ho-tr ul li a {
  color: #fff;
  font-size: 15px;
  /* background: rgba(0, 0, 0, 0.45);
     */
  padding: 2px 8px;
  /* display: inline-block;
     */
  border-radius: 40px;
  /* text-shadow: 0px 1px 0 rgba(23, 23, 23, 0.44);
     */
  cursor: pointer;
  /* text-transform: uppercase;
     */
  font-weight: 400;
}

.bottomMenu {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  border-top: 1px solid #3a4043;
  /*background: #151f31;*/
  z-index: 99;
  transition: all 1s;
  -webkit-box-shadow: 0 1px 3px #960;
  -moz-box-shadow: 0 1px 3px #960;
  box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.47);
  border-bottom: 1px solid #3a4043;
  background: #57666d;
  /* fallback for old browsers
     background: -webkit-linear-gradient(to right, #243B55, #141E30);*/
  /* Chrome 10-25, Safari 5.1-6
     background: linear-gradient(to right, #243B55, #141E30);*/
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.c2-hide {
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.c2-show {
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*-------------------------------------------------*/
/* = TOP FIXED MENU
/*-------------------------------------------------*/
.ts-menu {
  position: relative;
}

.ts-menu-1 {
  float: left;
  width: 8%;
}

.ts-menu-1 a:before {
  content: 'my.';
  position: absolute;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  left: -15px;
  margin-top: 0px;
}

.foot-logo:before {
  content: 'my.';
  position: absolute;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #57666d;
  left: 15px;
  margin-top: 0px;
}

.ts-menu-1 a img {
  width: 67px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.23);
  margin-top: 0px;
}

.ts-menu-2 {
  float: left;
  width: 12%;
  padding: 17px 12px 15px 12px;
  border-left: 1px solid #273244;
  /* border-left-style: groove;
     */
  border-right: 1px solid #273244;
  /* border-right-style: groove;
     */
}

.ts-menu-2 a {
  vertical-align: middle;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  /* text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
     */
  /* padding: 21px 0px 15px 15px;
     */
  display: -webkit-box;
}

.ts-menu-2 a i {
  color: #fff;
  padding: 5px;
}

.ts-menu-3 {
  float: left;
  width: 60%;
  padding: 0px 0px 0px 30px;
}

.ts-menu-4 {
  float: left;
  width: auto;
  padding: 10px 0px 0px 1px;
  position: absolute;
  right: 0;
}

.top-search form ul {
  padding: 0px;
}

.top-search form ul li {
  width: 50%;
  float: left;
  display: inline-block;
}

.top-search form ul li:nth-child(1) {
  width: 90%;
}

.top-search form ul li:nth-child(1) input {
  padding: 5px 10px;
  line-height: 28px;
  background: #fff;
}

.top-search form ul li:nth-child(2) {
  width: 10%;
}

.top-search form ul li input {
  width: 100%;
  padding: 5px;
  border: 0px;
}

.top-search form ul li input[type="submit"] {
  background: url(../images/search_bg1.png) no-repeat center center #01a0d8;
  color: #eac610;
  font-weight: 600;
  padding: 7px;
  background-size: 24px;
}

.top-menu-ani {
  transition: all 0.5s ease;
}

/*-- HEADER --*/
.land-pack .com-title {
  margin-top: 14%;
}

.com-title {
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  /*  margin-top: 50px;*/
}

.com-title h2 {
  margin-bottom: 0px;
  padding-bottom: 15px;
  margin-top: 0px;
  font-weight: 600;
  font-size: 42px;
}

.com-title h2 span {
  font-weight: 600;
  font-size: 42px;
  color: #2a2b33;
}

.com-title p {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0;
  color: #3d5469;
}

.dz-menu {
  position: relative;
  overflow: hidden;
}

.dz-menu h4 {
  padding-top: 15px;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid #d6d6d6;
}

.dz-menu-inn {
  position: relative;
  overflow: hidden;
  float: left;
  width: 16.5%;
}

.dz-menu-inn ul {
  border-right: 1px solid #d6d6d6;
  padding: 15px;
}

/*-------------------------------------------------------*/
/* LISTING
/*-------------------------------------------------------*/
.to-ho-hotel-con-23 {
  position: relative;
  overflow: hidden;
  padding: 20px;
  background: #fff;
}

.to-ho-hotel-con-2 h4 {
  margin-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.to-ho-hotel-con-3 ul {
  padding: 0px;
  margin-bottom: 0px;
}

.to-ho-hotel-con-3 ul li {
  list-style-type: none;
  float: left;
}

.to-ho-hotel-con-3 ul li {
  padding-top: 10px;
}

.to-ho-hotel-con-3 ul li span {
  background: #253d52;
  padding: 2px 8px 3px 8px;
  color: #fff;
  border-radius: 1px;
  margin-right: 5px;
}

.ho-hot-rat-star {
  padding-bottom: 0px !important;
}

.ho-hot-rat-star i {
  font-size: 14px !important;
  padding-left: 3px;
}

.ho-hot-rat-star-list i {
  color: #04abc0;
}

.hot-list-left-part-rat {
  width: 25px;
  height: 25px;
  background-color: #04abc0;
  padding: 4px;
  border-radius: 2px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: 12px;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
  margin-right: 10px;
}

.ho-hot-pri {
  font-size: 38px;
  font-weight: 600;
  color: #00bcd4;
  float: right;
}

.ho-hot-pri-dis {
  font-weight: 400;
  color: #888;
  float: right;
  padding: 0px 5px;
  display: none;
}

.hot-page2-hli-3 {
  width: 35px;
  height: 35px;
  position: absolute;
  background-color: rgba(255, 197, 37, 0.79);
  /* bottom: 8px;
     */
  padding: 4px;
  margin: 9px 5px;
  right: 5px;
  border-radius: 5px;
}

.to-ho-hotel-con-4 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 14px;
}

.to-ho-hotel-con-4 a {
  float: left;
  width: 47%;
  text-align: center;
}

.hom-list-share {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 12px;
}

.hom-list-share ul {
  margin-bottom: 0px;
  padding: 0px;
}

.hom-list-share ul li {
  float: left;
  list-style-type: none;
  display: inline-block;
  width: 25%;
}

.hom-list-share ul li a {
  display: block;
  border: 1px solid #e6ebec;
  margin: 2px;
  padding: 0px 5px;
  font-size: 12px;
  color: #8a8a8a;
  text-align: center;
}

.hom-list-share ul li a i {
  padding-right: 5px;
}

.hom-hot-book-btn {
  margin-right: 3%;
}

.hom-hot-view-btn {
  margin-left: 3%;
}

.hom-hot-av-tic {
  position: absolute;
  background-color: rgba(0, 188, 212, 0.82);
  bottom: 15px;
  padding: 3px 8px;
  margin: 0px 0px;
  right: 15px;
  font-weight: 500;
  color: #fff;
  border-radius: 0px;
}

.hom-hot-av-tic-list {
  left: 10px;
  right: inherit;
  bottom: 10px;
  border-radius: 2px;
  background: #ffc107;
  color: #000;
  font-weight: 600;
  padding: 3px 8px;
  font-size: 13px;
}

.top-search-main .btn_lang {
  top: 4px;
  position: absolute;
  right: 10px;
  margin-left: 20px;
}

.btn.fr {
  background: url(/images/fr_ico.png) !important;
}

.btn.eng {
  background: url(/images/en_ico.png) !important;
}

.btn.en {
  background: url(/images/en_ico.png) !important;
}

.btn.de {
  background: url(/images/de_ico.png) !important;
}

.btn.se {
  background: url(/images/se_ico.png) !important;
}

.btn.es {
  background: url(/images/es_ico.png) !important;
}

.btn_lang {
  margin-top: 5px;
  height: 100%;
}

.btn_lang .btn {
  background-repeat: no-repeat;
  background-size: contain !important;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 0 3px;
}

.btn_lang .card {
  border-radius: 2px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35);
}

.btn_lang .card .btn {
  margin: 3px;
}

.btn_lang .collapse {
  position: absolute;
}

.btn.fr:hover, .btn.en:hover, .btn.fr:active, .btn.en:active {
  opacity: 0.9;
  border: 2px solid #f4f4f4;
}

#ico_sa.offline {
  background-color: #14addb;
}

#ico_sa {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 9px;
  padding: 8px;
  margin-right: -20px;
  z-index: 998;
  box-shadow: 0 0 4px 0px black;
}

#ico_sa img {
  margin: 4px;
}

.short_btn {
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  /*  margin-left: 9px;*/
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer;
  color: #fff;
  background: #14addb;
  border: none;
  border-radius: 2px;
  text-transform: uppercase;
}

.short_btn span {
  color: #fff;
}

.start_btn:focus {
  outline: none;
  background-color: #dfdfdf;
}

.start_btn:hover {
  background-color: #2695b7;
}

.notif i {
  font-size: 25px;
  color: #bfc6ce;
}

#connected_device :has(.no_suivi) {
  cursor: auto;
}

#connected_device img.no_devices {
  width: 40px;
  margin-right: 10px;
}

#connected_device {
  cursor: pointer;
  background-color: #46c882;
  display: flex;
  align-items: center;
  /*margin-right: 20px;*/
  border-radius: 5px;
  height: 40px;
  /*padding: 0 5px;*/
}

#connected_device i {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #27754b;
  margin: 8px;
}

#connected_device .connected_info {
  display: flex;
  align-items: center;
  margin: 0 8px;
}

#connected_device .connected_info.no_devices h3 {
  font-family: Poppins;
  color: #9d9d9d;
  text-transform: initial;
  max-width: 100px;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
}

#connected_device .connected_info h3 {
  font-family: Poppins;
  color: #27754b;
  text-transform: initial;
  max-width: 100px;
  font-size: 14px;
  font-weight: 100;
}

#connected_device .connected_info span {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}

#connected_device .connected_info i {
  margin: 0px 0px 0px 5px;
  padding: 0;
  color: #6B6B6B;
  font-size: 15px;
}

#connected_device.not_connected {
  background: none;
}

.connect_ble {
  border-left: solid 1px #ededed;
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-left: 10px;
  text-align: left;
}

.connect_ble h3 {
  font-family: Poppins;
  color: #fff;
  text-transform: initial;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
}

#connect_ble_device .connected_info_ble h3 {
  font-family: Poppins;
  color: #2c7d51;
  text-transform: initial;
  font-size: 14px;
  font-weight: 100;
}

#connect_ble_device .connected_info_ble span {
  font-weight: 700;
  font-size: 14px;
  color: #46c882;
  text-transform: uppercase;
  white-space: nowrap;
}

.connect_ble:hover {
  cursor: pointer;
}

.heart_rate_icon {
  color: #46c882 !important;
  margin-right: 10px;
}

#add_suivi_patient {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 100%;
}

#add_suivi_patient .fa-user-plus {
  margin-right: 10px;
  font-size: 18px;
  color: #46c882;
}

#add_suivi_patient p {
  margin: 0px;
  color: #848484;
}

#patient_connected {
  cursor: pointer;
  display: flex;
  align-items: center;
}

#patient_connected h3 {
  font-family: Poppins;
  color: #46c882;
  text-transform: initial;
  font-size: 14px;
  font-weight: 100;
}

#patient_connected span {
  font-weight: bold;
  font-size: 14px;
  color: #a3a3a3;
  text-transform: uppercase;
}

#patient_connected i, #add_suivi_patient .fa-chevron-right {
  font-size: 18px;
  margin: 0 15px;
  color: #848484;
}

.notif {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.suivi_btn {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.device_nav {
  padding-right: 50px !important;
  margin-top: 8px;
}

.device_wrapper {
  margin-right: 1.5rem;
}

.start_btn {
  line-height: 50px;
  width: 100% !important;
  white-space: nowrap;
  /*height: 37px;
    line-height: 40px;
    margin-top: 13px;
    box-shadow: none;*/
}

.btn_help {
  background-color: #46c882 !important;
  margin-left: 50px !important;
}

.btn_help span {
  color: #fff;
}

.btn_help i {
  color: #fff;
  margin: 6px;
}

#btnvisio_li_start img:hover {
  opacity: 1 !important;
}

#btnvisio_start_wrapper.online button, #btnvisio_start_wrapper.occupe button, #btnvisio_start_wrapper.absent button {
  background: none !important;
}

.start_btn_open {
  background-color: #57666d !important;
  color: #FFF !important;
  /*height: 37px;
  margin-top: 13px;
  width: auto !important;*/
  line-height: 50px;
  width: 100% !important;
}

.start_btn_open img, .start_btn img {
  margin-right: 10px
}

#ico_sa.grey {
  background-color: #989898;
}

.start_btn_open:hover {
  background-color: #c9c9c9 !important;
  background: none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f00d";
  padding: 2px 3px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.bootstrap-tagsinput input {
  border: none !important;
  outline: none;
  padding: 0 6px !important;
  margin: 0;
  width: auto !important;
  max-width: inherit;
  height: auto !important;
}

.label-info {
  background-color: #46c882 !important;
}

.label {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.tt-suggestion.tt-selectable {
  cursor: pointer;
  padding: 2px;
}

.tt-suggestion.tt-selectable:hover {
  font-weight: 600;
}

.tt-menu {
  background-color: rgb(255, 255, 255);
  width: auto;
  padding: 10px;
  box-shadow: rgba(149, 149, 149, 0.26) 0px 1px 1px 0px;
  border: 1px solid rgb(230, 230, 230);
}

.link-btn {
  background: #1ebef0;
  color: #000;
  font-weight: 600;
  border-radius: 2px;
  padding: 2px 8px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  /* font-family: Arial;
     */
  font-size: 14px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.37);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.to-ho-hotel-con-4 a {
  float: left;
  width: 47%;
  text-align: center;
}

.hom-hot-book-btn {
  margin-right: 3%;
}

/*-------------------------------------------------*/
/* = RESPONSIVE SIDE MENU POPUP
/*-------------------------------------------------*/

.dir-home-nav-bot {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 15px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
}

.dir-home-nav-bot ul {
  margin-bottom: 0px;
}

.dir-home-nav-bot ul li span {
  display: block;
  font-size: 32px;
  color: #694e45;
  padding-top: 10px;
}

.dir-home-nav-bot ul li {
  border-right: 0px solid #dedede;
  background: none;
}

.dir-home-nav-bot ul li:nth-child(1) {
  width: 60%;
}

.dir-home-nav-bot ul li:nth-child(2) {
  width: 20%;
}

.dir-home-nav-bot ul li:nth-child(3) {
  width: 20%;
}

.dir-home-nav-bot ul li a {
  padding-left: 2px;
  font-size: 15px;
  font-weight: 600;
  margin-right: 10px;
  height: inherit;
  padding: 10px;
  color: #fff;
  background: #01a0d8;
  background: linear-gradient(to bottom, #01a0d8, #0485b3);
}

.dir-home-nav-bot ul li a i {
  color: #fff;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
}

.dir-ani-btn {
  position: relative;
  background-color: #15b0f6;
  border: none;
  font-size: 28px;
  color: #FFFFFF;
  padding: 2px;
  width: 200px;
  text-align: center;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(14, 14, 13, 0.42);
  border-bottom: 1px solid #0793d2;
  color: #fff;
  background-color: #1ebef0;
  border: 1px solid #1ebef0;
  font-weight: 600;
  border-radius: 2px;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
}

.dir-ani-btn:after {
  content: "";
  background: #90EE90;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px !important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.dir-ani-btn:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}

/*-------------------------------------------------------*/
/* HOME PAGE: SEARCH BOX
/*-------------------------------------------------------*/
.dir-ho-t2l {}

.dir-ho-t2l form {}

.dir-ho-t2l form ul {
  padding: 10px;
  margin-bottom: 0px;
  position: relative;
  /* overflow: hidden;
     */
  border-radius: 0px;
}

.dir-ho-t2l form ul li {
  width: 50%;
  float: left;
  display: inline-block;
}

.dir-ho-t2l form ul li:nth-child(1) {
  width: 60%;
}

.dir-ho-t2l form ul li:nth-child(1) input {
  padding: 15px 10px 15px 20px;
  line-height: 28px;
  background-size: 10px;
  border-right: 1px solid #eaeaea;
  background-position: 98% 50%;
  background: #fff;
}

.dir-ho-t2l form ul li:nth-child(2) {
  width: 20%;
}

.dir-ho-t2l form ul li:nth-child(2) input {
  padding: 15px 35px;
  line-height: 28px;
  background: url(../images/hsicon.png) no-repeat center left #fff;
  background-size: 16px;
  border-right: 1px solid #eaeaea;
  background-position: 8% 52%;
}

.dir-ho-t2l form ul li:nth-child(3) {
  width: 20%;
}

.dir-ho-t2l form ul li input {
  width: 100%;
  padding: 5px;
  border: 0px;
  outline: none;
}

.dir-ho-t2l form ul li input[type="submit"] {
  color: #ffffff;
  font-weight: 600;
  padding: 17px;
  background-size: 30px;
  font-size: 18px;
  background: #01a0d8;
  background: linear-gradient(to bottom, #01a0d8, #0485b3);
  text-transform: uppercase;
}

.dir-v2-ho-t2l form ul li input[type="submit"] {
  color: #ffffff;
  font-weight: 600;
  padding: 15px;
  background-size: 30px;
  font-size: 18px;
  background: #01a0d8;
  background: linear-gradient(to bottom, #01a0d8, #0485b3);
  text-transform: uppercase;
}

.dir-v2-ho-t2l form ul li:nth-child(1) {
  width: 80%;
}

.dir-v2-ho-t2l form ul li:nth-child(2) {
  width: 20%;
}

.dir-v2-ho-t2l form ul li:nth-child(2) input {
  border-right: 0px solid #eaeaea;
}

.dir-ho-t-sp {
  padding: 40px 0px 60px 0px;
}

.dir1-home-head:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.76) 14%, rgba(0, 0, 0, 0.35) 66%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.dir-ho-t-tit {}

.dir-ho-t-tit h1 {
  color: #262e3e;
  padding-bottom: 35px;
  text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.9);
  padding-top: 3%;
  font-size: 55px;
}

.dir-ho-t-tit-2 {}

.dir-ho-t-tit-2 h1 {
  padding-top: 10%;
}

.dir-ho-t-tit p {
  color: #262e3e;
  padding-bottom: 35px;
  font-size: 20px;
}

.dir-ho-t-tit p i {
  font-size: 15px;
  color: #5b8187;
}

.home-tab-search {}

.home-tab-search ul li a {
  font-size: 16px;
}

.home-tab-search ul li a i {
  margin-right: 8px;
}

/*-------------------------------------------------*/
/* = RIBBEN
/*-------------------------------------------------*/
.dir-ho-t2r {
  padding: 45px 40px;
  position: relative;
  z-index: 999;
  background: rgba(0, 0, 0, 0.32);
}

.dir-ho-com-head {
  text-align: center;
  padding: 0px 0px 60px 0px;
}

.dir-ho-com-head h2 {
  font-size: 36px;
}

.dir-ho-com-head p {
  font-size: 16px;
  margin-bottom: 0px;
  padding-top: 15px;
  color: #989898;
}

.dir-ho-best-list {
  border: 1px solid #dfdfdf;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.09);
  margin-bottom: 10px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dir-ho-best-list:hover {
  background: #ffffff;
  box-shadow: 0px 6px 34px rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dir-ho-best-list-p1 {
  position: relative;
}

.dir-ho-best-list-p1:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 14%, rgba(0, 0, 0, 0.08) 35%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.dir-ho-best-list-p1 img {
  width: 100%;
  height: 225px;
}

.dir-ho-best-list-p2 {
  padding: 25px;
}

.dir-ho-best-list-p2 h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #343c42;
  padding-bottom: 10px;
}

.dir-ho-best-list-p2 p {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dir-ho-cat {
  /* font-style: italic;
     */
  font-size: 14px;
  color: #7a7a7a;
  text-transform: capitalize;
}

.dir-ho-best-list a {}

.dir-ho-best-list a:hover {
  text-decoration: none;
}

.dir-ho-best-list-btn {
  border: 1px solid #0793d2;
  /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
     */
  -moz-box-shadow: #B7B8B8 0px 1px 0px inset;
  /* box-shadow: #B7B8B8 0px 1px 0px inset;
     */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  padding: 5px 10px;
  text-decoration: none;
  text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3);
  font-weight: bold;
  color: #000000;
  background-color: #ffd65e;
  background-image: -webkit-linear-gradient(to bottom, #1bb8ff, #0ba4e9);
  background-image: -webkit-linear-gradient(to bottom, #1bb8ff, #0ba4e9);
  background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
  background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
  background-image: -o-linear-gradient(top, #ffd65e, #febf04);
  background-image: linear-gradient(to bottom, #1bb8ff, #0ba4e9);
}

.rating-mark {
  position: absolute;
  background: #fdb714;
  padding: 8px;
  font-weight: 600;
  color: #fff;
  right: 10px;
  top: 10px;
  font-size: 16px;
  border-radius: 2px;
}

.best-mark {
  position: absolute;
  background: #8BC34A;
  padding: 3px 8px;
  font-weight: 600;
  color: #000;
  right: 0px;
  /* top: 10px;
     */
  font-size: 14px;
  border-radius: 0px;
  bottom: 0px;
}

.dir-ho-dis {
  font-family: 'Montserrat', sans-serif;
  font-size: 52px;
  color: #1cafdb;
  display: inline-block;
  margin-top: 18px;
}

/*-------------------------------------------------*/
/* = MOBILE APP
/*-------------------------------------------------*/
.web-app {
  background: url(../images/city.png) bottom center;
  /* background-position: 0px 0px;
     */
  background-size: 100%;
  position: relative;
  overflow: hidden;
  /* padding: 50px 0px 40px 0px;
     */
  background-repeat-y: no-repeat;
}

.web-app:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.8) 100%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.web-app-img {}

.web-app-img img {
  width: 85%;
}

.web-app-con {}

.web-app-con h2 {
  font-weight: 100;
  font-size: 34px;
}

.web-app-con h2 span {
  font-family: 'Lato', sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 42px;
  /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
     */
  color: #333333;
}

.web-app-con p {
  padding-top: 20px;
  font-size: 18px;
  padding-bottom: 10px;
}

.web-app-con span {
  color: #333;
  font-size: 16px;
  padding-bottom: 15px;
  display: inline-block;
}

.web-app-con ul {
  padding: 10px 0px;
}

.web-app-con ul li {
  list-style-type: none;
  font-size: 18px;
  line-height: 34px;
}

.web-app-con ul li i {
  color: #01a0d8;
  margin-right: 5px;
}

.web-app-con form {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 8px;
}

.web-app-con form ul {
  padding: 0px;
  margin: 0px;
}

.web-app-con form ul li {
  list-style-type: none;
  display: inline-block;
  float: left;
}

.web-app-con form ul li input {
  width: 100%;
  background: #FFF;
  border: 1px solid #f1f3f5;
  padding: 8px;
  font-size: 15px;
}

.web-app-con form ul li input[type="submit"] {
  color: #fff;
  border: -1px solid #1ebef0;
  font-weight: 600;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #01a0d8;
  background: linear-gradient(to bottom, #01a0d8, #0485b3);
}

.web-app-con form ul li:nth-child(1) {
  width: 10%;
}

.web-app-con form ul li:nth-child(2) {
  width: 60%;
}

.web-app-con form ul li:nth-child(3) {
  width: 30%;
}

.web-app-con a img {
  width: 150px;
}

/*-------------------------------------------------*/
/* = FOOTER
/*-------------------------------------------------*/
footer {
  background: #eaedef;
}

footer {
  color: #9a9a9a;
  font-weight: 300;
  padding: 90px 0 50px;
}

footer h4, footer .strong {
  color: #636363;
  font-weight: 400;
  font-size: 21px;
}

footer h4 {
  margin-bottom: 15px;
}

footer .highlighted {
  color: #a0a0a0;
  font-size: 21px;
  /* font-weight: 600;
     */
  vertical-align: -1px;
}

footer ul.two-columns li {
  width: 50%;
  float: left;
}

footer ul.two-columns::after {
  content: "";
  display: table;
  clear: both;
}

footer ul {
  padding: 0px;
}

footer ul li, #howto ul li {
  list-style-type: none;
  background: url('../images/arr.png') no-repeat center left;
  padding-left: 24px;
  background-size: 9px;
}

footer .social_network li {
  background: none;
  padding-left: 0px;
}

footer ul li a {
  color: #636363;
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer ul li a:hover {
  color: #a0a0a0;
  padding-left: 4px;
}

.foot-sec2 {}

.foot-sec2 p {
  font-size: 15px;
}

.foot-logo {}

.foot-logo img {
  width: auto;
  padding-bottom: 10px;
  padding-left: 30px;
}

.foot-sec2 {
  padding-top: 50px;
}

.foot-social {}

.foot-social ul {
  padding: 0px;
}

.foot-social ul li {
  list-style-type: none;
  float: left;
  padding-right: 10px;
  background: none;
  padding-left: 0px;
}

.foot-social ul li i {
  font-size: 16px;
  width: 32px;
  height: 32px;
  border: 0px solid #828284;
  border-radius: 50px;
  padding: 7px;
  text-align: center;
  color: #fff;
}

.foot-social ul li:nth-child(1) i {
  background: #3b5998;
}

.foot-social ul li:nth-child(2) i {
  background: #dd4b39;
}

.foot-social ul li:nth-child(3) i {
  background: #1da1f2;
}

.foot-social ul li:nth-child(4) i {
  background: #0077b5;
}

.foot-social ul li:nth-child(5) i {
  background: #bb0000;
}

.foot-social ul li:nth-child(6) i {
  background: #34af23;
}

.foot-social ul li a:hover {
  padding-left: 0px;
}

.copy {
  background: #57666d;
}

.copy p {
  margin-bottom: 0px;
  text-align: center;
  padding: 8px;
  color: #fff;
}

.copy p a {
  color: #636363;
}

.dir-foot {}

.dir-foot h3 {
  text-transform: uppercase;
  color: #D0D0D0;
  font-weight: 600;
  font-size: 15px;
  border-bottom: 1px #676767;
  border-bottom-style: dashed;
  padding-bottom: 14px;
}

.dir-foot ul {
  padding: 0px;
}

.dir-foot ul li {
  list-style-type: none;
  background: url(../images/f_p.png) no-repeat left center;
  padding-left: 15px;
  background-size: 6px;
}

.dir-foot ul li a {
  text-decoration: none;
  color: #929292;
  font-weight: 600;
  line-height: 32px;
}

.dir-foot-foll-soc {
  padding: 0px;
  float: right;
}

.dir-foot-foll-soc li {
  float: left;
  list-style-type: none;
  padding-right: 5px;
}

.dir-foot-foll-soc li h5 {
  color: #f2be33;
  font-size: 16px;
  font-weight: 500 !important;
  padding-right: 15px;
}

.dir-foot-foll-soc li h5 span {
  padding-left: 30px;
  color: #7d7d7d;
  font-size: 18px;
  font-weight: 700;
}

.dir-foot-foll-soc li a {}

.dir-foot-foll-soc li a i {
  font-size: 16px;
  width: 32px;
  height: 32px;
  background: #ffc732;
  color: #343c42;
  padding: 8px;
  text-align: center;
  border-radius: 1px;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
}

.dir-foo2 {
  position: relative;
  overflow: hidden;
}

.dir-foo-cen {}

.dir-foo-cen img {
  float: left;
  padding-right: 15px;
}

.dir-foo-cen h5 {
  font-size: 24px;
  color: #7d7d7d;
  /* padding-left: 10px;
     */
  /* position: relative;
     */
  margin-top: 14px;
}

/*-------------------------------------------------*/
/* = PRE LOADING ANIMATION
/*-------------------------------------------------*/
#preloader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  position: fixed;
  background-color: #fff;
}

#loading-animation {
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  margin: -100px 0 0 -100px;
  background: url('../images/loading.gif') center center no-repeat;
}

/*-------------------------------------------------*/
/* = SPECIAL TITLE STYLES
/*-------------------------------------------------*/
.dir-sp-tit {}

.dir-sp-tit h3 {
  padding-bottom: 20px;
}

.dir-sp-tit h3:before {
  content: "";
  position: absolute;
  left: 38%;
  height: 3px;
  width: 12%;
  border-top: 1px dotted #FF9800;
  border-bottom: 1px dotted #FF9800;
  margin-top: 45px;
}

.dir-sp-tit h3:after {
  content: "";
  position: absolute;
  left: 51%;
  height: 3px;
  width: 12%;
  border-top: 1px dotted #6f6e6b;
  border-bottom: 1px dotted #6f6e6b;
  margin-top: 45px;
}

.dir-sp-tit-2 {}

.dir-sp-tit-2 h2 {
  padding-bottom: 20px;
}

.dir-sp-tit-2 h2:before {
  content: "";
  position: absolute;
  left: 38%;
  height: 5px;
  width: 12%;
  border-top: 2px dotted #FF9800;
  border-bottom: 2px dotted #FF9800;
  margin-top: 55px;
}

.dir-sp-tit-2 h2:after {
  content: "";
  position: absolute;
  left: 51%;
  height: 5px;
  width: 12%;
  border-top: 2px dotted #6f6e6b;
  border-bottom: 2px dotted #6f6e6b;
  margin-top: 55px;
}

/*--============== alter =====================--*/
.dir-hr1 {
  text-align: center;
  width: 70%;
  margin: 0 auto;
  position: relative;
}

.dir-hli {
  position: relative;
  overflow: hidden;
}

.dir-hli a {
  text-decoration: none;
}

.dir-hli ul {
  padding: 0px;
}

.dir-hli ul li {
  list-style-type: none;
}

.dir-hli-1 {
  position: relative;
  overflow: hidden;
}

.dir-hli-1:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(21, 31, 49, 0.63) 0%, rgba(0, 0, 0, 0.08) 35%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.dir-hli-1 img {
  width: 100%;
  height: 150px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.dir-hli-1:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.dir-hli-3 {
  width: 35px;
  height: 35px;
  position: absolute;
  background-color: rgba(255, 197, 37, 0.79);
  /* bottom: 8px;
     */
  display: none;
  padding: 4px;
  margin: 9px 5px;
  right: 5px;
  border-radius: 5px;
}

.dir-hli-3 img {}

.dir-hli-4 {}

.dir-hli-5 {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  background: #000000;
}

.dir-hli-2 {
  padding: 15px;
  background: #ffffff;
}

.dir-hli-2 h4 {
  color: #273440;
  font-size: 16px;
}

.dir-hli-2 h4 span {
  float: right;
  font-size: 12px;
  line-height: 20px;
}

/*-------------------------------------------------*/
/* = INNER PAGE LISTING
/*-------------------------------------------------*/
.dir-il-top-fix {
  opacity: 1 !important;
  display: block;
}

.dir-pa-sp-top {
  margin-top: 60px;
}

.dir-pa-sp-top-bg {
  background: #fff;
}

.dir-alp {
  background: url(../images/list-p-bg.jpeg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
}

.dir-alp-1 {
  background: #fbf7eb;
  margin-top: 0px;
}

.dir-alp-tit {}

.dir-alp-tit h1 {
  color: #fff;
  padding-top: 35px;
}

.dir-alp-tit ol {
  background: none;
}

.dir-alp-tit ol li {}

.dir-alp-tit ol li a {
  color: #ffffff;
}

.breadcrumb>.active {
  color: #20344c !important;
}

.breadcrumb>li+li:before {
  color: #8a8a8a;
}

.dir-alp-con {
  position: relative;
  overflow: hidden;
  background: #eaeaea;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.36);
}

.dir-alp-con-1 {
  background: #ffffff;
}

.dir-alp-con-left {
  padding-left: 0px !important;
}

.dir-alp-con-right {
  padding-bottom: 70px;
}

.dir-alp-con-left-1 {
  background: #20344c;
  color: #fff;
  padding: 25px;
}

.dir-alp-con-left-1:after, .dir-alp-con-left-1:before {
  top: 72px;
  left: 48%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.dir-alp-con-left-1:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #20344c;
  border-width: 9px;
  margin-left: -9px;
}

.dir-alp-con-left-1 h3 {
  font-size: 20px;
}

.dir-hom-pre ul li:hover .dir-hom-pre-2 h5 {
  padding-left: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.list-left-near {}

.list-left-near img {
  width: 24px;
  height: 24px;
  border-radius: 28px;
  border: 1px solid #fff;
}

.list-left-near h5 {
  color: #20344c;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}

.list-left-near span {
  color: #949fa9;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  display: block;
}

.lln1 {
  width: 10%;
}

.lln2 {
  width: 80%;
  padding: 0px 15px;
}

.lln3 {
  width: 10%;
}

.lln3 span {
  width: 24px;
  height: 24px;
  background: #7dc34a;
  padding: 2px 3px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  font-weight: 800;
  font-size: 12px;
}

.dir-hom-pre {}

.dir-hom-pre div {
  float: left;
}

.dir-alp-left-ner-notb {
  border-top: 0px;
}

.dir-alp-l3 {}

.dir-alp-l3 ul {
  padding: 0px;
}

.dir-alp-l3 ul li {
  list-style-type: none;
  border-bottom: 1px solid #eaeaea;
  padding-top: 8px;
}

.dir-alp-l3 ul li:nth-child(5) {}

.dir-alp-l3 ul li:last-child {
  border-bottom: 0px solid #d4d4d4;
}

.dir-alp-l3 ul li label {
  display: block;
  font-size: 14.5px !important;
  color: #20344c;
}

.dir-alp-l-com {}

.dir-alp-l-com h4 {
  background: #20344c;
  color: #ffffff;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 16px;
}

.dir-alp-l-com1 form {
  padding-bottom: 8px;
}

.dir-alp-l-com1 {
  padding: 15px;
  background: #ffffff;
  padding-bottom: 30px;
}

.dir-alp-l-com1 a {
  margin-top: 5px;
  background: #20344c;
  color: #fff;
  font-weight: 600;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
  border: 1px solid #1d2b3c;
}

.dir-alp-l-com1 a:hover {
  color: #fff;
  background: #14addb;
  border: 1px solid #0885ab;
}

.dir-alp-l-com1 a i {
  font-size: 10px;
}

.dir-hom-pre {
  background: #ffffff;
}

.dir-hom-pre ul {
  margin: 0px;
  padding: 15px;
}

.dir-hom-pre ul li {
  list-style-type: none;
  position: relative;
  overflow: hidden;
  padding: 10px 0px;
  border-bottom: 1px solid #e4e4e4;
}

.dir-alp-p3 {}

.dir-alp-p3 ul {}

.dir-alp-p3 ul li:nth-child(1n+6) {
  display: none;
}

.dir-alp-p3-btn-h {
  display: none;
}

.dir-alp-p4-btn-h {
  display: none;
}

.dir-alp-p4 ul li:nth-child(1n+6) {
  display: none;
}

.dir-alp-p5-btn-h {
  display: none;
}

.dir-alp-p5 ul li:nth-child(1n+6) {
  display: none;
}

/*--=============== list ========================--*/
.dir-lp-rat {
  padding: 6px 6px 15px 8px;
}

.dir-alp-ri-p2 {
  padding: 15px 0px;
  /* padding-bottom: 25px;
     */
}

.dir-alp-ri-p2 h3 {
  color: #343c42;
  font-size: 22px;
}

.dir-alp-ri-p2 ul {
  padding: 0px;
  position: relative;
  overflow: hidden;
  padding-top: 15px;
}

.dir-alp-ri-p2 ul li {
  list-style-type: none;
  float: left;
  margin-bottom: 8px;
  font-size: 14px;
  padding-left: 30px;
}

.dir-alp-ri-p2 ul li:nth-child(1) {
  color: #343c42;
  background: url(../images/list-i1.png) no-repeat center left;
  background-size: 18px;
  font-size: 15px;
  font-weight: 600;
}

.dir-alp-ri-p2 ul li:nth-child(2) {
  color: #979797;
  width: 50%;
  background: url(../images/list-i2.png) no-repeat center left;
  background-size: 18px;
}

.dir-alp-ri-p2 ul li:nth-child(3) {
  color: #979797;
  width: 50%;
  background: url(../images/list-i3.png) no-repeat center left;
  background-size: 18px;
}

.dir-alp-ri-p2 p {
  color: #979797;
  padding-bottom: 12px;
}

.dir-alp-ri-p2 p b {
  padding-right: 5px;
  color: #343c42;
}

.dir-alp-ri-p2 a {}

.dir-alp-quot-btn {
  background: #ffb600;
  color: #000;
  font-weight: 600;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 5px;
}

.dir-alp-quot-free-btn {
  background: #234767;
  color: #fff;
  font-weight: 600;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 5px;
}

.dir-alp-r-list-re-sp {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.dir-alp-r-list {
  border: 1px solid #dedede;
  position: relative;
  overflow: hidden;
  /* margin: 5px;
     */
  margin-bottom: 15px;
  background: #ffffff;
  margin-right: 15px;
}

.dir-alp-r-list:hover {
  background: #ffffff;
  box-shadow: 0px 2px 12px rgba(121, 121, 121, 0.33);
}

.dir-alp-r-cbb-rat {
  background: #44637d;
  position: absolute;
  padding: 4px 8px;
  right: -1px;
  border-radius: 1px;
  color: #fff;
  top: 0px;
  font-weight: 600;
  font-size: 12px;
}

/*-------------------------------------------------*/
/* = LISTING SOCIAL SHARE
/*-------------------------------------------------*/
.sa-list-pre-soci {
  right: 5px;
  position: absolute;
  bottom: 0px;
}

.sa-list-pre-soci ul {
  /* padding: 4px;
     */
  /* margin-bottom: 8px;
     */
  padding-top: 8px;
  margin-bottom: 0px;
}

.sa-list-pre-soci ul li {
  float: left;
  margin-right: 5px;
}

.sa-list-pre-soci ul li a {}

.sa-list-pre-soci ul li i {
  width: 24px;
  height: 24px;
  background: #e6e6e6;
  color: #414f5a;
  border-radius: 50%;
  text-align: center;
  padding: 5px;
}

.sa-sh-icon {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sa-hi-icon {
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sa-list-pre-soci ul li i:hover {
  background: #1f4363;
  color: #fff;
}

.sa-li-desc-left-sp {
  padding-left: 30px !important;
}

.sa-list-pre-soci ul li {
  background: none !important;
  width: initial !important;
  padding-left: 0px;
}

.sa-list-pre-soci ul li:last-child i {
  background: #FFC107;
  color: #000;
}

/*-------------------------------------------------*/
/* = POPUP
/*-------------------------------------------------*/
.sa-pop-full {
  background-color: #1f4363 !important;
  text-align: center;
  color: #fff;
}

.sa-pop-full span {
  display: block;
}

.sa-pop-le {
  float: left;
  width: 30%;
  padding: 50px 10px;
}

.sa-pop-ri {
  float: left;
  width: 70%;
  background: #fff;
}

.sa-pop-l0 {}

.sa-pop-l0 i {
  font-size: 58px;
  color: #ffffff;
}

.sa-pop-l1 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 600;
}

.sa-pop-l2 {
  font-size: 50px;
  line-height: 54px;
  padding: 18px 0px;
  border-top: 2px #ffffff;
  border-top-style: dashed;
  border-bottom: 2px #ffffff;
  border-bottom-style: dashed;
  margin: 15px;
  color: #fff;
}

.sa-pop-l3 {
  font-size: 18px;
  color: #fdc600;
  font-weight: 600;
}

.h_signin form p label {
  color: #2b3239;
  text-align: left;
  float: left;
  font-family: sans-serif;
  font-size: 14px;
}

.h_signin {
  overflow: hidden;
  padding: 20px 40px !important;
}

.h_signin form p input {
  float: right;
  padding: 5px 34px;
  border-radius: 2px;
  border: 1px solid #D4D4D4;
  width: 100%;
  margin: 4px 0px 14px 0px;
}

.h_signin form p textarea {
  padding: 5px 34px;
  border-radius: 2px;
  border: 1px solid #D4D4D4;
  width: 100%;
}

.h_signin form p input[type="submit"] {
  border: 1px solid #dcad04;
  /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
     */
  -moz-box-shadow: #B7B8B8 0px 1px 0px inset;
  /* box-shadow: #B7B8B8 0px 1px 0px inset;
     */
  /* -webkit-border-radius: 3px;
     */
  -moz-border-radius: 3px;
  /* border-radius: 3px;
     */
  font-size: 16px;
  font-family: arial, helvetica, sans-serif;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
  display: inline-block;
  /* text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3);
     */
  font-weight: 700;
  color: #000000;
  background-color: #fdc600;
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
     */
  /* background-image: -webkit-linear-gradient(top, #ef9f41, #f79623);
     */
  background-image: -moz-linear-gradient(top, #ef9f41, #f79623);
  background-image: -ms-linear-gradient(top, #ef9f41, #f79623);
  background-image: -o-linear-gradient(top, #ef9f41, #f79623);
  /* background-image: linear-gradient(to bottom, #ef9f41, #f79623);
     */
  filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffd65e, endColorstr=#febf04);
  text-transform: uppercase;
}

/*-------------------------------------------------*/
/* = PREMIUM LISTING
/*-------------------------------------------------*/
.dir-pr-p1 {
  background: url(../images/list-p-bg.jpg) no-repeat center center;
  position: relative;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 25px;
  background-size: cover;
}

.dir-pr-p1 ul {
  padding: 0px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0px
}

.dir-pr-p1 ul li {
  float: left;
  list-style-type: none;
  width: 100%;
}

.dir-pr-p1 ul li:nth-child(2) {
  padding-bottom: 15px;
}

.dir-pr-p1 ul li:nth-child(3) {
  width: 50%;
  color: #fff;
  font-size: 16px;
  background: url(../images/list-pre-i1.png) no-repeat left center;
  background-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.dir-pr-p1 ul li:nth-child(4) {
  width: 50%;
}

.dir-pr-p1 ul li h1 {
  color: #fff;
  padding-bottom: 20px;
}

.dir-pr-p1-rat {
  position: relative;
  padding: 0px 6px 15px 0px;
}

.dir-pr-p1-rev {
  float: right;
  position: relative;
  margin-top: 25px;
}

.dir-pr-p2o {
  background: #1f4363;
}

.dir-pr-p2 {}

.dir-pr-p2 ul {
  margin-bottom: 0px;
  padding: 0px;
}

.dir-pr-p2 ul li {
  float: left;
  padding: 15px 10px 15px 35px;
  list-style-type: none;
}

.dir-pr-p2 ul li:nth-child(1) {
  color: #fff;
  font-size: 16px;
  background: url(../images/list-pre-i1.png) no-repeat left center;
  background-size: 25px;
}

.dir-pr-p2 ul li:nth-child(2) {
  color: #fff;
  font-size: 16px;
  background: url(../images/list-pre-i2.png) no-repeat left center;
  background-size: 25px;
}

.dir-pr-p2-soc {
  position: relative;
  overflow: hidden;
  float: right;
}

.dir-pr-p2-soc ul {
  padding: 13px 15px 15px 15px;
  position: relative;
}

.dir-pr-p2-soc ul li {
  float: left;
  list-style-type: none;
  margin-right: 5px;
}

.dir-pr-p2-soc ul li h5 {
  color: #fff;
  padding-right: 10px;
  padding-top: 6px;
  text-transform: uppercase;
  font-size: 14px;
}

.dir-pr-p2-soc ul li i {
  width: 28px;
  height: 28px;
  background: #afc3d6;
  color: #000;
  padding: 8px 6px;
  text-align: center;
  border-radius: 30px;
}

.dir-p-p1-rev-btn {
  font-size: 14px;
  padding: 8px;
}

/*-- SOCIAL MEDIA COLORES --*/
.fb1 {
  background: #3b5998;
}

.gp1 {
  background: #dd4b39;
}

.tw1 {
  background: #1da1f2;
}

.li1 {
  background: #0077b5;
}

.yt1 {
  background: #cd201f;
}

.wa1 {
  background: #34af23;
}

/*--PREMIUM LISTING--*/
.dir-pr-p3 {
  position: relative;
  overflow: hidden;
  background: #f3f3f3;
}

.db-user-left {
  background: #161512;
  border: 1px solid #161512;
  box-shadow: 0px 2px 12px rgba(150, 150, 150, 0.18);
}

.db-user-img {}

.db-user-img img {
  width: 100%;
}

.db-user-left-menu {
  padding: 15px;
}

.db-user-left-menu ul {
  padding: 0px;
  margin-bottom: 0px;
}

.db-user-left-menu ul li {
  display: block;
  /* vertical-align: middle;
     */
  padding: 4px 0px;
}

.db-user-left-menu ul li a {
  color: #c3c3c3;
  display: block;
  border-bottom: 1px solid #33322d;
  /* line-height: 38px;
     */
  padding: 7px;
  font-size: 15px;
  /* font-weight: 600;
     */
  text-transform: capitalize;
}

.db-user-left-menu ul li a:hover {
  /* padding-left:10px;
     */
  background: #335c82;
  color: #fff;
  /* border-radius: 59px;
     */
  /* border: 1px solid #4c6275;
     */
  transform: scale(1.1);
}

.db-user-left-menu ul li:last-child a {
  border-bottom: 0px solid #ebebeb;
}

.db-left-icon {
  display: inline-block;
  padding-right: 7px;
  vertical-align: sub;
}

.db-left-icon img {
  width: 20px;
}

#upload-photo {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.db-left-pro-pos {
  position: absolute;
  margin-top: -42px;
  right: 45%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.db-left-pro-pos i {
  width: 50px !important;
  height: 50px;
  text-align: center;
  background: #0d70b5;
  color: #fff;
  font-size: 34px;
  padding: 6px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.62);
}

.db-left-pro-edit {
  width: 32px !important;
}

.db-user-img:hover .db-left-pro-pos {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*--PREMIM LISTING RIGHT--*/
.dir-pr-p3-right {
  background: #fff;
  border: 1px solid #dedede;
  box-shadow: 0px 2px 12px rgba(150, 150, 150, 0.18);
  padding: 20px;
}

.dir-pr-tit-first {
  padding-top: 0px !important;
}

.dir-pr-tit-first h2 {}

.dir-pr-tit {
  padding-top: 25px;
  padding-bottom: 25px;
}

.dir-pr-tit h2 {
  color: #343c42;
  font-size: 24px;
}

.dir-pr-tit h2 span {
  font-family: 'Lato', sans-serif;
  color: #9c9d9e;
  font-size: 24px;
}

.dir-pr-p3-rp1 {}

.dir-pr-p3-right p, li {
  font-size: 13px;
  color: #343c42;
  line-height: 24px;
  font-weight: 400;
}

.dir-pr-p3-rp-com {
  border-bottom: 1px solid #dedede;
  padding-bottom: 30px;
}

.dir-pr-p3-rp2 {}

.dir-pr-p3-rp2 img {
  width: 100%;
}

.dir-pr-p3-rp3 {
  position: relative;
  overflow: hidden;
}

.dir-pr-p3-rp3 ul {
  padding: 0px;
  margin-bottom: 0px;
}

.dir-pr-p3-rp3 ul li {
  background: url(../images/pre-ser-i.png) no-repeat center left;
  background-size: 16px;
  padding-left: 40px;
  float: left;
  list-style-type: none;
  /* margin-bottom: 15px;
     */
  /* width: 25%;
     */
  display: inline-block;
  padding: 10px 10px 10px 30px;
  border: 1px solid #ececec;
  margin: 5px;
  background-position: 5px;
}

/**/
.cbb3-pr-pr-sli-left-btn {
  position: absolute;
  left: 37px;
  /* top: 50px;
     */
  z-index: 9;
  margin-top: 10%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.41);
  border-color: #9e9e9e;
  padding: 25px 10px;
  border-radius: 2px;
}

.cbb3-pr-pr-sli-right-btn {
  position: absolute;
  right: 37px;
  /* top: 50px;
     */
  z-index: 9;
  margin-top: 10%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.41);
  border-color: #9e9e9e;
  padding: 25px 10px;
  border-radius: 2px;
}

.dir-pr-ri-pro {
  border: 1px solid #dcdcdc;
}

.dir-pr-ri-pro-con {
  padding: 15px 10px 20px 10px;
}

.dir-pr-ri-pro-con h5 {
  font-size: 16px;
  padding-bottom: 12px;
}

.dir-pr-ri-pro-con p {
  font-size: 13px;
  padding-bottom: 10px;
}

.dir-pr-ri-p4-pro-enq {}

/*--PRODUCT POPUP--*/
.dir-ri-pr-pro-main {
  width: 75%;
  margin: 0 auto;
  margin-top: 5%;
}

.dir-ri-pr-pro-dec {
  position: relative;
  overflow: hidden;
}

.dir-ri-pr-pro-dec-left {
  width: 30%;
  float: left;
}

.dir-ri-pr-pro-dec-left img {
  width: 100%;
}

.dir-ri-pr-pro-dec-right {
  width: 70%;
  float: left;
  padding: 0px 25px;
}

.dir-ri-pr-pro-dec-right h3 {
  padding-bottom: 20px;
}

.dir-ri-pr-pro-dec-right h3 span {
  font-size: 22px;
  color: #333;
  padding-left: 5px;
}

.dir-ri-pr-pro-dec-right p {}

.dir-pr-pro-pop-clo-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  background: #FFC107 !important;
  border-radius: 40px;
  width: 24px;
  height: 24px;
  opacity: 1 !important;
  z-index: 9;
}

.dir-pr-pro-pop-clo-btn i {
  font-size: 14px;
  text-align: center;
  margin-top: -7px;
  position: absolute;
  margin-left: -5px;
}

.dir-pr-p3-rp5 {}

.dir-pr-p3-rp5 iframe {
  width: 100%;
  height: 300px;
  border: 0px;
}

.dir-pr-p3-rp6 {
  position: relative;
  overflow: hidden;
}

.dir-pr-p3-rp6 ul {
  padding: 0px;
}

.dir-pr-p3-rp6 ul li {
  list-style-type: none;
}

/*-------------------------------------------------*/
/* = STAR RATINGS
/*-------------------------------------------------*/
.stars {
  background: url("../images/stars.png") repeat-x 0 0;
  width: 150px;
  position: relative;
  overflow: hidden;
}

.stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

.stars input[type="radio"].star-5:checked~span {
  width: 100%;
}

.stars input[type="radio"].star-4:checked~span {
  width: 80%;
}

.stars input[type="radio"].star-3:checked~span {
  width: 60%;
}

.stars input[type="radio"].star-2:checked~span {
  width: 40%;
}

.stars input[type="radio"].star-1:checked~span {
  width: 20%;
}

.stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent !important;
  cursor: pointer;
}

.stars label:hover~span {
  background-position: 0 -30px;
}

.stars label.star-5:hover~span {
  width: 100% !important;
}

.stars label.star-4:hover~span {
  width: 80% !important;
}

.stars label.star-3:hover~span {
  width: 60% !important;
}

.stars label.star-2:hover~span {
  width: 40% !important;
}

.stars label.star-1:hover~span {
  width: 20% !important;
}

.stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("../images/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}

.sa-list-left-filter-1 {}

.sa-list-left-filter-1 ul {
  margin-bottom: 0px !important;
}

.sa-list-left-filter-1 ul li {
  border-bottom: 0px !important;
  padding: 8px 0px 6px 0px !important;
}

.stars_1 {}

.stars_1 input[type="radio"] {}

.stars_1 label {}

.l-info-5 {}

.l-info-5 li {
  float: left;
  padding: 10px;
  color: #8f8f8f;
}

.l-info-5 li:nth-child(1) {
  width: 50%;
}

.l-info-5 li:nth-child(2) {
  width: 50%;
}

.l-info-5 li:nth-child(3) {
  width: 100%;
}

.l-info-5 li:nth-child(4) {
  padding: 0px 10px;
}

.l-info-5 li input {
  width: 100%;
  padding: 5px;
  border: 1px solid #c2c2c2;
  /* padding-left: 14px;
     */
}

.l-info-5 li textarea {
  resize: none;
  width: 100%;
  padding: 5px;
  border: 1px solid #c2c2c2;
}

.l-info-5 li input[type="submit"]:hover {
  transition: all 0.5s ease;
  background: #ffc314;
}

/*--== REVIEW ==--*/
.dir-pr-p3-rp7 {}

.dir-pr-p3-rp7-left {}

.dir-pr-p3-rp7-left img {
  margin: 0 auto;
  display: table;
  padding-bottom: 10px;
}

.dir-pr-p3-rp7-right {}

.dir-pr-p3-rp7-right h4 {
  padding-bottom: 15px;
}

.dir-pr-p3-rp7-right span {
  color: #75797b;
  font-size: 14px;
  font-weight: 600;
}

.dir-pr-p3-rp7-right p {
  line-height: 22px;
  color: #75797b;
  font-size: 14px;
}

.dir-pr-p3-rp7-1 {
  padding-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.dir-pr-p7-rat {
  position: relative;
}

.dir-pr-p3-rp8 {
  background: #1f4363;
  padding-top: 15px;
  padding-bottom: 40px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

.dir-pr-p3-rp8-img {}

.dir-pr-p3-rp8-img img {
  height: inherit;
}

.dir-pr-p8-rel-list {
  background: #fff;
  border: 0px solid #fff;
}

.dir-p8-list-tit {}

.dir-p8-list-tit h2 {
  color: #fff;
  padding-left: 15px;
}

.dir-p8-list-tit h2 span {
  color: #afc2d2;
}

/*--=============== OTHER INFO ==================--*/
.dir-pr-p3-left-2 {
  background: #fff;
  margin-top: 25px;
  border: 1px solid #d6d6d6;
  box-shadow: 0px 2px 12px rgba(150, 150, 150, 0.18);
}

.dir-pr-p3-left-2 h3 {
  background: #1f4363;
  color: #fff;
  font-size: 20px;
  padding: 15px;
}

.dir-pr-p3-left-21 {
  padding: 15px;
}

.dir-pr-p3-left-21 ul {
  padding: 0px;
  margin-bottom: 0px;
}

.dir-pr-p3-left-21 ul li {
  list-style-type: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px;
}

.dir-pr-p3-left-21 ul li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px solid #e2e2e2;
}

.dir-pr-p3-left-21 ul li span {
  float: right;
  background: #ffc51d;
  color: #000;
  font-weight: 600;
  padding: 0px 8px;
  font-size: 14px;
  display: inline-block;
  border-radius: 2px;
}

.dir-pr-p8-rp8 {}

.dir-pr-p8-rp8 ul {}

.dir-pr-p8-rp8 ul li {
  background: url(../images/pre-pro-i.png) no-repeat center left;
  background-position: 5px;
  background-size: 16px;
}

/*-------------------------------------------------*/
/* PRICING TABLE
/*-------------------------------------------------*/
.pricing1 {}

.list-featu ul {
  padding: 0px;
}

.list-featu ul li {
  list-style-type: none;
  /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.82);
     */
}

.pricing {
  border: 1px solid #e3e3e3;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.11);
  transition: all 0.5s ease;
  margin-bottom: 20px;
}

.pricing:hover {
  transform: scale(1.05);
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.3);
}

.pricing li:nth-child(1) {
  background: #19d3e8;
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 800;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.82);
}

.pricing li:nth-child(2) {
  background: #05c6db;
  color: #000;
  font-size: 24px;
  padding: 25px 0px;
  font-weight: 600;
  background: -webkit-linear-gradient(to bottom, #03c4da, #19d3e8);
  background: linear-gradient(to bottom, #03c4da, #19d3e8);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
}

.pricing li:nth-child(2) span {
  font-size: 50px;
  padding-right: 5px;
  padding-top: 14px;
  display: inline-block;
  font-weight: 800;
  color: #000;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
}

.pricing li+li {}

.pricing li {
  padding: 12px;
  text-align: center;
  font-size: 15px;
  color: #444;
}

.pricing li i {
  font-size: 20px;
}

.pricing li .fa-times {
  color: #FF5722;
}

.pricing li .fa-check {
  color: #8BC34A;
}

.pricing li:last-child a {}

.price-start {}

.price-start a {
  /* background: #009688;
     */
  padding: 2px;
}

.list-featu {
  position: relative;
  overflow: hidden;
}

.pricing-detail {}

.pricing-detail li:nth-child(1) {
  font-size: 24px;
  line-height: 128px;
}

.pricing-detail li {
  padding: 12px;
  font-size: 16px;
  color: #343c42;
  font-weight: 600;
}

.pricing-detail img {
  width: 100%;
}

.p-one {
  background: #e5e5e5;
}

.p-two {}

.p-pro {}

.p-pro li:nth-child(1) {
  background: #e3e819;
}

.p-pro li:nth-child(2) {
  background: #d6da07;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #f9f609, #d3d807);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #d9de06, #e3e819);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.p-ppro li:nth-child(1) {
  background: #aae819;
}

.p-ppro li:nth-child(2) {
  background: #9cdd03;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #9adc00, #aae819);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #9adc00, #aae819);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*-------------------------------------------------*/
/* = ADD LISTING
/*-------------------------------------------------*/
.p-listing {
  padding: 35px 0px;
  position: relative;
  overflow: hidden;
}

.ak-field {
  overflow: hidden;
}

.p-listing form {
  padding: 25px;
  border: 1px solid #ccc;
}

.p-listing form input, select, textarea {
  width: 100%;
  padding: 7px;
  border-radius: 0px;
  border: 1px solid #ccc;
  font-size: 14px !important;
  font-weight: 400;
  color: #333;
}

.p-listing form textarea {
  resize: none;
  height: 100px;
}

.p-listing h2 {
  padding-bottom: 20px;
}

.p-listing h2 span {
  color: #FF9800;
  font-size: 30px;
}

.p-listing form input[type="submit"] {
  border-radius: 3px;
  border: 1px solid #d7a307;
  font-weight: 600;
}

/*--================================ REGISTER POPUP ======================================== --*/
.dir-pop-width {
  margin: 0 auto;
  width: 70% !important;
}

.dir-pop-head {
  background: url('../images/pop_bg.jpg') no-repeat center center;
  background-size: cover;
  padding: 25px 25px 50px 25px !important;
  border-bottom: 0px !important;
}

.dir-pop-head h4 {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  font-size: 20px;
}

.dir-pop-body {
  padding: 35px 50px 20px 50px !important;
  border-bottom: 10px solid #263b57;
}

.dir-pop-body form {
  background: #fff;
  margin-top: -65px;
  padding: 30px 50px 25px 50px;
  border-radius: 5px;
  box-shadow: 0px 2px 34px rgba(80, 80, 80, 0.3);
  position: relative;
  overflow: hidden;
}

.dir-pop-tem-row {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}

.dir-pop-tem-row textarea {
  margin-top: 0px !important;
}

.dir-pop-com {}

.dir-pop-com label {
  color: #000;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
}

.dir-pop-com input, textarea, select {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
}

.dir-pop-foot {
  text-align: center;
  margin-bottom: 0px;
  padding-top: 20px;
}

.dir-pop-foot a {}

.pop-btn {
  outline: none;
  background: #14addb;
  border: 1px solid #14addb;
  color: #fff !important;
  padding: 5px 15px;
  border-radius: 2px;
  font-weight: 700;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pop-btn:hover {
  background: #14addb;
  border: 1px solid #14addb;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*-------------------------------------------------------*/
/* HOME PAGE: PROJECT COUNT
/*-------------------------------------------------------*/
.proj {
  margin-top: -50px;
  position: relative;
  /* z-index: 99;
     */
}

.hom-pro {
  background: #fff;
  text-align: center;
  padding: 25px 20px 27px 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}

.hom-pro:hover {
  background: #f3f2ee;
}

.hom-pro img {
  padding-bottom: 20px;
}

.hom-pro h4 {
  padding-bottom: 15px;
}

.hom-pro p {
  margin-bottom: 0px;
  padding-bottom: 18px;
}

.hom-pro a {
  /* border: 1px solid #e5e9ec;
     */
  padding: 4px 7px;
  border-radius: 30px;
  color: #253d52;
  font-size: 13px;
  border: 1px dashed #fff;
  box-shadow: 0 0 0 3px #151f31;
  background-color: #3f4550;
  color: #fff;
}

/*-------------------------------------------------------*/
/* HOME PAGE: POPULAR LISTINGS
/*-------------------------------------------------------*/
.sec-bg-white {
  background: #fff;
}

.list-spac {
  margin: 15px;
  padding: 15px 0px;
  margin-bottom: 15px !important;
}

.list-spac-1 {
  border: 1px solid #e2e2e2;
}

.home-list-pop {
  position: relative;
  overflow: hidden;
  background: #fdfeff;
  padding: 15px 0px;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
  border: 1px solid #f1f2f3;
}

.home-list-pop:hover {
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.home-list-pop img {
  width: 100%;
  height: 116px;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.list-ser-img img {
  width: 100%;
  height: 165px;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.home-list-pop.list-spac img {}

.home-list-pop-desc {}

.home-list-pop-desc span {
  text-transform: uppercase;
  font-size: 12px;
}

.home-list-pop-desc h3 {
  font-size: 20px;
  padding-bottom: 8px;
  color: #000000;
  padding-top: 5px;
}

.home-list-pop-desc h4 {
  font-size: 14px;
  padding-bottom: 8px;
}

.home-list-pop-desc p {
  margin-bottom: 0px;
  font-size: 13px;
}

.home-list-pop-rat {
  position: absolute;
  background: #96c113;
  padding: 4px;
  font-weight: 600;
  color: #fff;
  right: 15px;
  top: 0px;
  font-size: 14px;
  border-radius: 2px;
}

.home-list-pop-rat span {}

.home-list-pop-rat i {}

.list-inn-rat {}

.list-inn-rev {}

.list-inn-links {}

.list-number {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
}

.list-number ul {
  padding: 0px;
}

.list-number ul li {
  display: inline-block;
  float: left;
  width: 50%;
  color: #000000;
  font-size: 12px;
}

.list-number ul li img {
  width: 18px;
  height: 18px;
  margin-right: 7px;
}

.list-number ul li:nth-child(1) {}

.list-number ul li:nth-child(2) {}

.inn-list-pop-desc {}

.inn-list-pop-desc h3 {
  font-size: 24px;
}

.inn-list-pop-desc p {
  font-size: 14px;
}

.inn-list-pop-desc p b {
  color: #333;
}

.list-enqu-btn {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* border-top: 1px solid #e6e6e6;
     */
  /* margin-top: 10px;
     */
  padding-top: 10px;
}

.list-enqu-btn ul {
  padding: 0px;
}

.list-enqu-btn ul li {
  display: inline-block;
  float: left;
  width: 25%;
  margin: 0px;
}

.list-enqu-btn ul li a {
  border: 1px solid #eaeaea;
  text-align: center;
  display: block;
  padding: 5px;
  color: #3e4c56;
  box-sizing: border-box;
  margin: 4px;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
}

.list-enqu-btn ul li a:hover {
  color: #fff;
  background-color: #172437;
  border: 1px solid #172233;
}

.list-enqu-btn ul li a:hover i {
  margin-right: 10px;
}

.list-enqu-btn ul li a i {
  margin-right: 5px;
}

.list-enqu-btn ul li:last-child a {
  background: #F44336;
  border: 1px solid #dc2e21;
  color: #fff;
}

/*-------------------------------------------------------*/
/* HOME PAGE: DISCOUNT
/*-------------------------------------------------------*/
.home-dis {
  position: relative;
  overflow: hidden;
  background: #253d52;
  padding: 70px 0px;
}

.home-dis h2 {
  color: #fff;
  font-size: 46px;
  vertical-align: middle;
  text-align: center;
}

.home-dis h2 span {
  color: #fdb714;
  font-size: 46px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
}

.home-dis h2 a {
  padding: 4px 7px;
  border-radius: 30px;
  color: #253d52;
  font-size: 24px;
  border: 1px dashed #fff;
  box-shadow: 0 0 0 3px #ceae0c;
  background-color: #eac610;
  color: #fff;
  vertical-align: middle;
}

.home-dis:before {
  content: '';
  position: absolute;
  background: url(../images/services/s2.jpeg) no-repeat;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 50%;
  opacity: 0.2;
}

/*-------------------------------------------------------*/
/* HOME PAGE: CREATE A ACCOUNT
/*-------------------------------------------------------*/
.hom-cre-acc-left {}

.hom-cre-acc-left h3 {
  font-weight: 100;
  font-size: 34px;
}

.hom-cre-acc-left h3 span {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 42px;
  /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
     */
  color: #333333;
}

.hom-cre-acc-left h5 {
  font-weight: 700;
  font-size: 20px;
}

.hom-cre-acc-left p {
  /* padding-top: 8px;*/
  font-size: 13px;
}

.hom-cre-acc-left ul {
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 50px;
}

.hom-cre-acc-left ul li {
  /* padding-top: 25px;
     */
  padding-bottom: 30px;
  list-style-type: none;
}

.hom-cre-acc-left ul li img {
  text-align: center;
  float: left;
  width: 50px;
}

.hom-cre-acc-left ul li div {
  display: block;
  /* margin-left: 80px;*/
  /* float: left;
     */
  /* margin-top: 0px;
     */
  margin-top: -10px;
}

.hom-cre-acc-right {}

.hom-cre-acc-right form {
  border: 1px solid #ededed;
  background-color: #f9f9f9;
  padding: 30px;
  box-sizing: border-box;
  padding: 35px 50px 35px 50px;
  background: #eaedef;
}

.hom-cre-acc-right.box form {
  background: #ffffff;
  border: none;
  margin-top: -50px;
}

.hom-cre-acc-right.box h4 i {
  border: none;
  background: #fff;
  color: #46c882;
  font-size: 18px;
}

.hom-cre-acc-right.box h4 {
  background: #fff;
}

.animate-lab {
  /* position: absolute;
     */
  color: #9e9e9e;
  z-index: 9;
  /* padding: 18px 24px;
     */
  font-size: 15px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  /* margin-top: -61px;
     */
  position: absolute;
  pointer-events: none;
  margin-top: -35px;
  margin-left: 24px;
}

.hom-cre-acc-right form input:focus~label {}

.cbox-res {
  width: auto !important;
}

.hom-cre-acc-right form input:focus {
  outline: none;
}

.hom-cre-acc-right form input {
  height: 45px;
  position: relative;
  padding: 5px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 14px;
  background: #fff;
}

.hom-cre-acc-right form select {
  height: 55px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 15px;
  background: #fff;
}

.hom-cre-acc-right form textarea {
  height: 120px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 25px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 15px;
  background: #fff;
}

.hom-cre-acc-right form input[type="submit"] {
  font-size: 15px;
  border: none;
  width: 100%;
  padding: 18px;
  /**background: #31c6f5;*/
  /* color: #fff;
     */
  /* text-transform: uppercase;
     */
}

.hom-cre-acc-right form input[type="submit"]:hover {
  /* background: #14addb;*/
}

.blue-btn {
  color: #fff;
  background-color: #1ebef0;
  border: 1px solid #1ebef0;
  font-weight: 600;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blue-btn:hover {
  background: #14addb;
  border: 1px solid #14addb;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hom-cre-acc-right form input[type="submit"] {}

.hom-cre-acc-right .checkbox {
  padding: 10px 0px;
}

.hom-cre-acc-right .checkbox label {}

/*--========================================================--*/



/*-------------------------------------------------------*/
/* SOCIAL MEDIA LOGIN
/*-------------------------------------------------------*/
.soc-login {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #dcdcdc;
  margin-top: 15px;
  padding-top: 15px;
}

.soc-login h4 {
  text-align: center;
  padding-bottom: 15px;
}

.soc-login ul {
  padding: 0px;
  margin: 0px;
}

.soc-login ul li {
  list-style-type: none;
  float: left;
  width: 33.333%;
  padding: 5px;
}

.soc-login ul li a {
  display: block;
  color: #fff;
  padding: 7px 18px;
  text-align: center;
  border-radius: 2px;
}

.soc-login ul li:nth-child(1) a {
  background: #3b5998;
}

.soc-login ul li:nth-child(2) a {
  background: #00aced;
}

.soc-login ul li:nth-child(3) a {
  background: #d34836;
}

.soc-login ul li a i {
  padding-right: 5px;
}

.get-quo {}

.get-quo textarea {
  margin-top: 0px !important;
}

.list-rat-ch {}

.list-rat-ch span {
  width: 25px;
  height: 25px;
  background-color: #ffe500;
  /* bottom: 8px;
     */
  padding: 4px;
  border-radius: 2px;
  color: #000;
  font-weight: 600;
  text-align: center;
  font-size: 12px;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
  margin-right: 10px;
}

.list-rat-ch i {
  color: #000000;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.6);
  border: 1px solid #000;
  padding: 3px 2px 2px 2px;
  text-align: center;
  border-radius: 3px;
  background: #ffe500;
  font-size: 11px;
}

.btn_red {
  background-color: #f1003e !important;
  color: #fff !important;
}

.btn_grey {
  background-color: #e1e1e1 !important;
  color: #969696;
}

.btn_grey input:disabled {
  background: none !important;
}

.btn_grey:hover {
  background: #ccc;
}

.btn_green {
  background-color: #46c882 !important;
}

.btn_green a {
  color: #fff !important;
}

.btn_green:hover {
  background: none;
  background-color: #349963 !important;
}

.btn_orange {
  background-color: #fb8c00 !important;
}

.btn_orange a {
  color: #fff !important;
}

.btn_orange:hover {
  background: none;
  background-color: #349963 !important;
}

.btn_white {
  border: 3px solid #46c882 !important;
  color: #46c882;
  border-radius: 50px;
  background: none !important;
}

.btn_white:hover {
  background-color: #46c882 !important;
  border-color: #46c882;
}

.btn_white a {
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}

.btn-md {
  height: 35px;
  color: #fff;
  font-weight: 600;
  line-height: normal;
  border-radius: 5px;
}

.btn-back {
  margin-top: -20px;
  margin-bottom: 10px;
  background: none !important;
  box-shadow: none;
  color: #46c882;
  font-weight: 800 !important;
  padding: 0;
}

.btn-back:hover {
  color: #1f9957;
  background: none !important;
  box-shadow: none !important;
}

button.btn-large {
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

.btn_dark {
  background: #262e3e !important;
  color: #fff !important;
}

.btn_dark:hover {
  background-color: #01a0d8 !important;
  color: #fff !important;
}

.btn_red a {
  color: #fff !important;
}

.btn_red a i {
  margin-left: 5px;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.btn_red a:hover .fa-angle-right {
  margin-left: 10px;
}

.btn_red:hover {
  background: #b0002d !important
}

.full-btn {
  width: 100%;
  font-size: 16px;
}

.hom-cr-acc-check {
  padding: 0px 8px !important;
}

.hom-cr-acc-check input {}

.hom-cr-acc-check label {
  font-size: 15px;
  font-weight: 500;
  color: #454f54;
  text-shadow: none;
}

/*-------------------------------------------------------*/
/* LISTING LEAD FORM
/*-------------------------------------------------------*/
.list-pg-lt {
  width: 70%;
  float: left;
}

.list-pg-rt {
  width: 30%;
  float: left;
  padding: 0px 0px 0px 20px;
}

.list-page-enq {
  margin-top: 60px;
  background: url('../images/banner2.jpg') no-repeat;
  background-size: cover;
  position: relative;
}

.list-page-enq:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(32, 52, 76, 0.64) 14%, rgba(0, 0, 0, 0.55) 66%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.lpe-com-main {
  position: relative;
  overflow: hidden;
  width: 75%;
  margin: 0 auto;
  padding: 50px 35px;
}

.lpe-com {
  width: 50%;
  float: left;
}

.lpe-left {
  padding: 14% 0%;
  color: #fff;
}

.lpe-left h4 {
  text-transform: uppercase;
}

.lpe-left h5 {
  font-size: 20px;
}

.lpe-left h2 {
  font-size: 60px;
}

.lpe-right {
  text-align: center;
}

.lpe-right h3 {
  color: #000000;
  font-size: 28px;
}

.lpe-right p {
  font-size: 14px;
  text-align: center;
  padding-top: 7px;
  margin-bottom: 5px;
}

.lpe-right form {
  background: #fff;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
  border-bottom: 5px solid #d6c492;
}

.lpe-right input, textarea {
  /*   height: 45px;*/
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 14px;
  background: #fff;
}

.lpe-right label {
  top: 14px;
}

.lpe-right textarea {
  height: 75px;
}

.lpe-right input[type="submit"] {}

.list-red-btn {
  background: #F44336;
  background: linear-gradient(to top, #ec3123, #f44336);
  /* border: 1px solid #f14033;
     */
  color: #fff;
  height: 45px;
  line-height: 45px;
}

.list-pagenat {
  margin-bottom: 0px;
  margin-top: 15px;
  margin: 0 auto;
  display: table;
}

/*-------------------------------------------------------*/
/* LISTING DETAILS PAGE
/*-------------------------------------------------------*/
.pg-list-1 {
  margin-top: 60px;
  background: url(../images/list-deta/bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
  padding: 250px 0px 70px 0px;
  width: 100%;
  box-sizing: content-box;
}

.pg-list-prop {
  background: url(../images/list-deta/prop-bg.jpg) no-repeat;
  background-size: cover;
  box-sizing: content-box;
}

.pg-list-shop {
  background: url(../images/list-deta/shop-bg.jpg) no-repeat;
  background-size: cover;
  box-sizing: content-box;
}

.pg-list-auto {
  background: url(../images/list-deta/auto-bg.jpg) no-repeat;
  background-size: cover;
  box-sizing: content-box;
}

.pg-list-1:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgb(21, 31, 50) 14%, rgba(0, 0, 0, 0.14) 66%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.pg-list-1-left {
  float: left;
  width: 50%;
  position: relative;
  overflow: hidden;
}

.pg-list-1-left a {}

.pg-list-1-left h3 {
  font-size: 36px;
  color: #fff;
  padding-bottom: 15px;
}

.pg-list-1-left p {
  color: #b7b7b7;
  font-size: 18px;
}

.pg-list-1-left h4 {
  color: #b7b7b7;
  padding: 15px 00px;
  font-size: 16px;
}

.pag-p1-phone {}

.pag-p1-phone ul {}

.pag-p1-phone ul li {
  color: #dcdcdc;
  font-size: 14px;
  width: 33.33%;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}

.pag-p1-phone ul li i {
  width: 24px;
  height: 24px;
  /* color: #fff;
     */
  font-size: 18px;
}

.pg-list-1-right {
  float: left;
  width: 50%;
  padding: 0px 15px;
}

.pg-list-1-right-p1 {
  padding-top: 165px;
}

.pg-list-1-right-p1 ul {}

.pg-list-1-right-p1 ul li {}

.pg-list-1-right-p1 ul li a {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #162336;
  padding: 12px 12px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  font-size: 14px;
}

.pglist-p1 {}

.pglist-p2 {}

.pglist-p3 {}

.pglist-p4 {}

.pglist-p5 {}

.pglist-p-com {
  margin-bottom: 20px;
}

.pglist-p-com-ti {
  border-bottom: 1px solid #e2e2e2;
}

.pglist-p-com-ti h3 {
  padding: 15px 20px;
  background: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.pglist-p-com-ti h3 span {
  color: #8a8d92;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Quicksand', sans-serif;
}

.list-360 {}

.list-360 iframe {
  width: 100%;
  height: 300px;
  border: 0px;
}

.list-tit-mar-0 {
  padding-top: 0px !important;
}

.pglist-p-com-ti h3 i {}

.list-slider {}

.list-slider-nav {
  margin-top: 175%;
  position: absolute;
  background: #ffe500;
  width: 32px;
  height: 32px;
  padding: 5px;
  text-align: center;
  border-radius: 2px;
  color: #000;
}

.list-slider-nav-rp {
  margin-right: 40px;
  position: initial;
}

.list-page-com-p {}

.list-page-com-p p {
  font-size: 13px;
  color: #2d323c;
  line-height: 24px;
}

/*--==== LISTING SHARE =====--*/
.share-btn {
  padding-bottom: 10px;
}

.share-btn ul {
  margin-bottom: 0px;
}

.share-btn ul li:nth-child(1) a {
  background: #3b5998;
}

.share-btn ul li:nth-child(2) a {
  background: #00aced;
}

.share-btn ul li:nth-child(3) a {
  background: #d34836;
}

.share-btn ul li a {
  padding: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  border-radius: 3px;
  text-shadow: none;
}

.share-btn ul li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 1px;
}

.share-btn ul li i {
  padding-right: 3.75pt;
}

/*--==== LISTING SERVICES =====--*/
.pg-list-ser {}

.pg-list-ser ul {}

.pg-list-ser ul li {
  padding: 8px;
}

.pg-list-ser-p1:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.71) 14%, rgba(0, 0, 0, 0.32) 66%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.pg-list-ser ul li h4 {}

.pg-list-ser-p1 {
  position: relative;
  overflow: hidden;
}

.pg-list-ser-p1:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.pg-list-ser-p1 img {
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pg-list-ser-p2 {
  position: absolute;
  /* text-align: center;
     */
  width: 89.5%;
  margin-top: -35px;
}

.pg-list-ser-p2 h4 {
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.list-pg-bg {
  background: #f7f8fa;
}

.pglist-bg {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.list-pg-inn-sp {
  padding: 20px;
}

.list-rom-pric {
  font-size: 26px !important;
  background: #fff;
}

.list-room-type {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
}

.list-room-type ul {
  padding: 0px;
}

.list-room-type ul li {
  display: inline-block;
  float: left;
  color: #636363;
  font-size: 14px;
}

.list-room-type ul li img {
  width: 18px;
  /* margin-right: 7px;
     */
  /* border: 1px solid #333;
     */
  /* padding: 3px;
     */
  border-radius: 40px;
}

.list-room-type ul li:nth-child(1) {}

.list-room-type ul li:nth-child(2) {}

.list-room-deta {}

.list-room-deta h3 {
  font-size: 20px;
  color: #141f31;
  font-weight: 700;
  font-size: 18px;
}

.list-room-rati {
  padding: 10px 0px 5px 0px;
}

.list-rom-ami {}

.list-rom-ami ul li {
  /* padding-right: 10px;
     */
  padding-bottom: 6px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-right: 5px;
  padding: 4px 8px;
  margin-bottom: 5px;
}

.list-rom-ami ul li img {
  vertical-align: sub;
  width: 15px;
  height: 15px;
  /* display: none;
     */
}

.list-room-mar-o {}

.lp-ur-all {
  position: relative;
  overflow: hidden;
}

.lp-ur-all-rat {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e2e2e2;
  margin-top: 20px;
  padding-top: 20px;
}

.lp-ur-all-left {
  float: left;
  width: 40%;
  border-right: 4px solid #6b7f8a;
  padding-right: 20px;
}

.lp-ur-all-left-1 {
  float: left;
  width: 100%;
}

.lp-ur-all-left-2 {
  /* float: left;
     */
  /* width: 50%;
     */
}

.lp-ur-all-left-11 {
  float: left;
  width: 50%;
  font-size: 13px;
  padding-right: 14px;
  color: #4d5158;
}

.lp-ur-all-left-12 {
  float: left;
  width: 50%;
  height: 6px;
  background: #dadada;
  margin-top: 7px;
  border-radius: 0px;
}

.lp-ur-all-left-13 {
  width: 100%;
  background: #43a047;
  height: 6px;
  border-radius: 0px;
}

.lp-ur-all-left-Good {
  width: 50%;
  background: #73ca14;
}

.lp-ur-all-left-satis {
  width: 18%;
  background: #3dbbd0;
}

.lp-ur-all-left-below {
  width: 20%;
  background: #ca7224;
}

.lp-ur-all-left-poor {
  width: 5%;
  background: #de382c;
}

.lp-ur-all-right {
  float: left;
  width: 60%;
  padding: 2px 20px;
}

.lp-ur-all-right h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 20px;
}

.lp-ur-all-right p {}

.lp-ur-all-right p span {
  background: #55bf15;
  font-size: 34px;
  color: #fff;
  font-weight: 600;
  padding: 8px;
  border-radius: 5px;
  vertical-align: sub;
  margin-right: 15px;
}

.lp-ur-all-right p span i {
  font-size: 20px;
  vertical-align: text-top;
}

.lp-ur-all-rat {}

.lp-ur-all-rat h5 {
  padding: 15px 0px 5px 0px;
  background: #fff;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

.lp-ur-all-rat ul {
  margin-bottom: 0px;
}

.lp-ur-all-rat ul li {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e2e2e2;
  padding-top: 15px;
  padding-bottom: 5px;
}

.lr-user-wr-img {
  float: left;
  /* width: 10%;
     */
  display: inline-block;
}

.lr-user-wr-img img {
  width: 42px;
}

.lr-user-wr-con {
  float: left;
  width: 90%;
  display: inline-block;
  padding: 0px 20px;
}

.lr-user-wr-con h6 {
  line-height: 36px;
  font-size: 18px;
}

.lr-user-wr-con p {
  font-size: 13px;
  color: #21344c;
}

.lr-revi-date {
  font-size: 13px;
  color: #828282;
}

.lr-user-wr-con h6 span {
  background: #55bf15;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  padding: 4px 4px;
  border-radius: 4px;
  vertical-align: top;
  margin-left: 6px;
}

.lr-user-wr-con h6 span i {
  font-size: 10px;
  vertical-align: text-top;
}

.lr-user-wr-con ul {
  padding: 0px;
  position: relative;
  overflow: hidden;
}

.lr-user-wr-con ul li {
  list-style-type: none;
  display: inline-block;
  padding-right: 15px;
  padding-top: 0px;
  border: 0px;
}

.lr-user-wr-con ul li a {
  color: #333;
  font-size: 14px;
}

.lr-user-wr-con ul li a span {
  padding-right: 7px;
  color: #888;
  font-size: 12px;
}

.lr-user-wr-con ul li a i {}

.list-pg-write-rev {
  position: relative;
  overflow: hidden;
}

.list-pg-write-rev form input {
  height: 45px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 14px;
  background: #fff;
}

.list-pg-write-rev form label {
  top: 14px;
}

.list-pg-write-rev form textarea {
  height: 100px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 14px;
  background: #fff;
}

/*Suivi patient*/
#timeline {
  display: flex;
  align-items: stretch;
  height: 100%;
}

.timeline {
  padding: 20px;
  background-color: #fbfbfb;
}

.timeline .begin, .timeline .end, .timeline .action, .timeline .lvl_patient, .timeline .comment {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.timeline .action {
  align-items: baseline;
}

.timeline .date_time {
  width: 30%;
}

.timeline .label_point {
  width: 8%;
}

.timeline .info_block {
  width: 62%;
}

.timeline .date_time, .timeline .date_time p {
  font-size: 12px;
  margin: 0;
  color: #6f6f6f;
}

.timeline .begin span.point_timeline, .timeline .end span.point_timeline {
  width: 15px;
  height: 15px;
  background-color: #ececec;
}

.list-pg-guar ul {
  margin-bottom: 0px;
}

.list-pg-guar ul li {
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 0px 5px 0px;
}

.timeline .action.param span.point_timeline {
  width: 20px;
  height: 20px;
  background-color: #19ABEA;
  position: relative;
}

.timeline .lvl_patient.param span.point_timeline {
  width: 15px;
  height: 15px;
  background-color: #eb3c3c;
  position: relative;
}

.timeline .comment.param span.point_timeline {
  width: 20px;
  height: 20px;
  background-color: #FED247;
  position: relative;
}

.timeline .end span.point_timeline {
  position: relative;
}

.timeline .begin span.point_timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  margin-top: 14px;
  border: 1px dashed #ececec;
  margin-left: 6px;
}

.timeline .begin p.title, .timeline .end p.title {
  font-weight: 600;
  font-size: 15px;
  flex-grow: 2;
  color: #46C882;
}

.timeline .action .info_block p.title, .timeline .lvl_patient .info_block p.title, .timeline .comment .info_block p.title {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 13px;
  color: #BFBFBF;
}

.timeline .lvl_patient .info_block p.title b {
  font-size: 14px;
  color: #636363;
}

.timeline .action .info_block .info, .timeline .comment .info_block .info {
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.03);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 10px;
  margin-right: 30px;
}

.timeline .action .info_block .info {
  border-left: 2px solid #2CBEEC;
}

.timeline .comment .info_block .info {
  border-left: 2px solid #FED247;
}

.timeline .action .info_block .info p {
  margin: 0;
}

.timeline .action .info_block .info p b {
  font-size: 14px;
}

.info_suivi .nom_patient {
  color: #46C882;
  background: none;
}

/*devices*/
/* .connect_device {
  padding: 0rem 5rem !important;
  border-right: 1px solid #eee;
} */

/* .list_devices {
  padding: 0rem 5rem;
} */

/* .connect_device .step_1_2 {
  background-image: url('/images/arrow_connect.png');
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 30px;
} */

.connect_device span.step_number, .rift_install span.step_number, .oculus_keys span.step_number {
  float: left;
  padding: 10px;
  line-height: 0.5;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  background: #dcdcdc;
  font-weight: 900;
  color: #fff;
}

.connect_device .bg_arrow {
  background-image: url('/images/arrow_connect_2.png');
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 60px;
  margin-top: -30px;
}

.connect_device .step_2_device {
  margin-top: 10%;
}

.list_devices .subtitle {
  line-height: 17px;
  text-align: center;
  color: #7B7B7B;
  padding: 15px;
  margin: auto;
}

.bg_arrow .fa-play {
  margin: 0 10px;
  color: #46c882;
}

.device_line {
  margin: 15px;
  padding: 5px;
  display: flex;
  flex-direction: inherit!important;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.device_line p.name, .name_pers {
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #6B6B6B;
  margin: 0;
}

.device_line i.date {
  font-weight: 300;
  font-size: 11px;
  line-height: normal;
}

.list-pg-guar ul li:nth-child(1) {
  padding: 5px 0px 5px 0px;
}

.list-pg-guar ul li:nth-child(3) {
  border-bottom: 0px solid #e2e2e2;
  padding-bottom: 5px;
}

.list-pg-guar ul li h4 {
  font-size: 16px;
  padding-bottom: 5px;
}

.list-pg-guar ul li p {
  line-height: 18px;
  font-size: 13px;
}

.list-pg-guar-img {
  display: inline-block;
  float: left;
  height: 100%;
  margin-right: 15px;
  margin-bottom: 8px;
}

.list-pg-guar-img img {}

.list-pg-btn {
  width: 100%;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
}

.pglist-p-com-ti-right {}

.pglist-p-com-ti-right h3 {
  background: #20334c;
  color: #fff;
  font-size: 15px;
}

.pglist-p-com-ti-right h3 span {
  color: #c7c7c7;
  font-size: 15px;
}

.pg-list-user-pro {
  background: url('../images/profile-bg.jpg') no-repeat;
  height: 100px;
  background-size: cover;
}

.pg-list-user-pro img {
  /* display: table;
     */
  /* margin: 0 auto;
     */
  position: relative;
  /* left: 40%;
     */
  margin-top: 72px;
  margin-left: 41%;
}

.list-pg-upro {
  text-align: center;
  padding-top: 30px;
}

.list-pg-upro h5 {
  font-size: 16px;
}

.list-pg-upro p {
  padding-bottom: 5px;
  font-size: 15px;
}

.list-pg-upro a {
  background: #f44336;
}

.list-pg-map {}

.list-pg-map iframe {
  height: 180px;
  width: 100%;
  border: 0px;
}

.list-pg-oth-info {}

.list-pg-oth-info ul {}

.list-pg-oth-info ul li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px;
}

.list-pg-oth-info ul li:last-child {
  border-bottom: 0px solid #e2e2e2;
  padding-bottom: 0px;
}

.list-pg-oth-info ul li span {
  float: right;
  text-align: right;
  background: #f7f8fa;
  /* color: #fff;
     */
  border-radius: 5px;
  padding: 0px 5px;
  border: 1px solid #e2e2e2;
  font-size: 12px;
}

.green-bg {
  background: #55bf15 !important;
  color: #fff;
}

.list-mig-like {}

.list-mig-like-com {
  position: relative;
  border-radius: 10px;
  margin-bottom: 20px;
  background: #14addb;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.list-mig-lc-img {}

.list-mig-like-com:hover img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0.5;
}

.list-mig-lc-img img {
  width: 100%;
  border-radius: 5px;
}

.list-mig-like-com:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 5px;
}

.list-mig-lc-con {
  position: absolute;
  width: 100%;
  margin-top: -125px;
  padding: 20px 20px 0px 20px;
  display: block;
}

.list-mig-lc-con2 {
  margin-top: -90px;
}

.list-mig-lc-con h5 {
  font-size: 18px;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.list-mig-lc-con h6 {
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: -20px;
  /* right: 0px;
     */
  border: 1px solid #fff;
  padding: 8px 10px 3px 10px;
  border-radius: 18px;
  margin-bottom: 5px;
  padding-bottom: 10px;
}

.list-mig-lc-con p {
  color: #c1c1c1;
  font-size: 13px;
}

.list-mi-pr {
  top: 15px;
}

.list-ri-spec-tit {}

.list-ri-spec-tit h3 {
  padding: 5px 20px 18px 20px;
  /* background: #fff;
     */
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

.list-ri-spec-tit h3 span {
  font-weight: 700;
  font-size: 16px;
}

/*-------------------------------------------------------*/
/* HOW IT WORK
/*-------------------------------------------------------*/
.inn-pag-ban {
  position: relative;
  overflow: hidden;
  width: 75%;
  margin: 0 auto;
  padding: 75px 35px;
  color: #fff;
  text-align: center;
}

.inn-pag-ban h4 {
  font-size: 20px;
}

.inn-pag-ban h2 {
  font-size: 50px;
}

.inn-pag-ban h5 {
  font-size: 14px;
}

.how-com {
  padding-top: 20px;
}

.how-com ul {
  margin-bottom: 0px;
}

.how-com ul li {
  position: relative;
  overflow: hidden;
  padding-left: 95px;
  padding-bottom: 30px;
}

.how-com ul li:last-child {
  padding-bottom: 0px;
}

.how-com ul li img {
  text-align: center;
  margin-left: -95px;
  position: absolute;
  color: #fff;
}

.how-com ul li h4 {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 4px;
}

.how-com ul li p {
  margin-bottom: 0px;
  font-size: 15px;
}

.inn-page-bg {
  margin-top: 60px;
  background: url(../images/inn-bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}

.inn-page-bg:before {
  content: '';
  position: absolute;
  background: linear-gradient(to top, rgba(32, 52, 76, 0.64) 14%, rgba(0, 0, 0, 0.55) 66%);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.how-border {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  padding: 25px 25px 28px 25px;
}

/*-------------------------------------------------------*/
/* ABOUT US
/*-------------------------------------------------------*/
.p-about {
  background: #fff;
}

.page-about {}

.page-about img {
  width: 100%;
}

.page-about h3 {}

.page-about span {
  display: inline-block;
  padding: 20px 0px;
  font-size: 20px;
  font-style: italic;
  font-weight: 200;
  color: #a2a2a2;
}

.page-about p {
  font-size: 16px;
}

.page-about a {
  margin-top: 10px;
  width: 200px;
}

.p-about-count {
  background: #253d52;
  padding: 0px;
  padding: 40px 0px;
}

.page-about-count {
  text-align: center;
  color: #fff;
  border-right: 1px solid #30485d;
}

.page-about-count-no-bor {
  border: 0px;
}

.page-about-count span {
  font-size: 45px;
  color: #FFEB3B;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.62);
}

.page-about-count h4 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 100;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.62);
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 20px;
}

.page-about-count p {
  color: #aba9a9;
  /* font-weight: 600;
     */
}

/*-------------------------------------------------------*/
/* CONTACT US
/*-------------------------------------------------------*/
.con-page {
  background: url(../images/con-bg.jpg) no-repeat left center;
  background-attachment: fixed;
  background-size: 40%;
  position: relative;
  overflow: hidden;
}

.con-page-ri {
  width: 60%;
  float: right;
  padding: 100px;
  padding-top: 150px;
  background: #f3f3f3;
}

.con-com {
  border: 1px solid #e0e0e0;
  padding: 25px;
  margin-bottom: 25px;
  background: #fff;
}

.con-com h4 {
  font-size: 24px;
  padding-bottom: 10px;
  margin-top: 25px;
}

.con-com p {
  font-size: 16px;
}

.con-com span img {
  width: 20px;
  margin-right: 15px;
}

.con-com span {
  font-size: 16px;
  display: block;
  padding-top: 5px;
}

.foot-soc {}

.foot-soc ul {
  padding: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
}

.foot-soc ul li {
  list-style-type: none;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.foot-soc ul li i {
  width: 32px;
  height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 8px;
}

.sh1 {
  background: #4c4c4c;
}

.con-tit-top-o {
  margin-top: 0px !important;
}

.cpn-pag-form {
  /* margin-top: 20px;
     */
}

.cpn-pag-form form {
  /* background: #fff;
     */
  /* padding: 25px;
     */
  /* border-radius: 4px;
     */
  /* box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
     */
  /* border-bottom: 5px solid #d6c492;
     */
}

.cpn-pag-form form h3 {
  /* color: #FF5722;
     */
  /* font-size: 28px;
     */
  /* text-align:center;
     */
}

.cpn-pag-form form p {
  /* text-align: center;
     */
  padding-top: 7px;
  margin-bottom: 20px;
}

.cpn-pag-form form input, textarea {
  /* height: 45px;*/
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 14px;
  background: #fff;
}

/*.cpn-pag-form form textarea {
     height: 75px;
}*/
.con-pag-map iframe {
  width: 100%;
  border: 0px;
  margin-top: 15px;
}

.con-com-mar-bot-o {
  margin-bottom: 0px !important;
}

.cpn-pag-form label {
  top: 14px;
}

/*-------------------------------------------------------*/
/* BLOG
/*-------------------------------------------------------*/
.blog-single {
  border: 1px solid #e4e4e4;
  padding: 15px 0px;
  margin-bottom: 20px;
}

.blog-img {}

.blog-img img {
  width: 100%;
}

.page-blog {}

.page-blog h3 {
  font-size: 28px;
}

.page-blog span {
  font-size: 16px;
  padding: 12px 0px;
  display: inline-block;
  color: #888;
}

.page-blog p {
  padding-bottom: 10px;
}

.page-blog a {
  width: 200px;
}

.share-pad-bot {
  padding-bottom: 10px;
}

.blog-comment {}

.blog-comment h3 {
  color: #333;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase
}

.pg-re-rat {
  padding: 1px 0px 0px 61px;
}

.pg-revi-re {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 5px;
}

.pg-revi-re img {
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 15px;
}

.pg-revi-re p {
  color: #333;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
}

.pg-revi-re p span {
  color: #a0a0a0;
  /* text-transform: capitalize;
     */
  padding-left: 5px;
}

.span-none {}

.span-none span {
  display: none;
}

.list-grid-rig-pad {
  padding-right: 30px !important;
  padding-top: 30px;
}

/*-------------------------------------------------------*/
/* CUSTOMER REVIEWS
/*-------------------------------------------------------*/
.cus-rev {
  border: 1px solid #dcdcdc;
  padding: 20px;
  margin-bottom: 30px;
}

.cus-rev p:nth-child(2) {}

.cus-re-com {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #dcdcdc;
  padding-top: 20px;
  margin-top: 20px;
}

.cus-re-com img {
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 15px;
}

.cus-re-com h4 {}

.cus-re-com span {}

/*-------------------------------------------------*/
/* PRE LOADING
/*-------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99999;
  /* makes sure it stays on top */
}

#s {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/preloader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

#status {
  width: 70px;
  height: 70px;
  border: 5px solid rgba(70,200,130,.5);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 45%;
  border-top-color: #46c882;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

.loading_logo {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 5vw;
  right: 5vw;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

/****** Style Star Rating Widget *****/
.rating {
  border: none;
  float: left;
  height: 48px;
  overflow: hidden;
}

.rating>input {
  display: none;
}

.rating>label:before {
  margin: 5px;
  font-size: 22px;
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  content: "\f005";
  border: 0px !important;
}

.rating>label:after {
  background: none !important;
  border: 0px !important;
}

.rating>.half:before {
  content: "\f089";
  position: absolute;
  border: 0px;
}

.rating>label {
  color: #ddd;
  float: right;
}

.half {
  display: none !important;
}

/*-------------------------------------------------*/
/* ELEMENTS
/*-------------------------------------------------*/
/*Alerts*/
.errors {
  display: flex;
  position: fixed;
  top: 70px;
  right: 30px;
  flex-direction: column-reverse;
  width: auto;
  z-index: 999;
}

#error_password_red_alert.alert_rouge, #error_password2_red_alert.alert_rouge, #error_email_red_alert.alert_rouge {
  width: 100%;
  margin-left: 0;
  position: relative;
  top: 0;
  right: 0;
}

.alert_rouge, .alert_vert, .alert_orange {
  word-break: break-word;
  z-index: 99;
  font-size: 13px;
  color: #fff;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
}

.alert_rouge {
  background: #f1003e;
}

.alert_vert {
  background: #8bc24a;
}

.alert_rouge .closebtn_alert, .alert_vert .closebtn_alert, .alert_orange .closebtn_alert {
  color: #fff;
  margin: 8px;
  cursor: pointer;
}

#error_maj_app {
  text-align: left;
  position: fixed;
  top: 70px;
  width: 25em;
  right: 20px;
}

.alert_orange {
  background: #fb8c00;
}

.pg-elem {
  border: 1px solid #e4e4e4;
  padding: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  background: #fff;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0px 16px 25px -22px rgb(0, 0, 0);
  border-bottom: 2px solid #d6c492;
}

.pg-elem h3 {
  padding-bottom: 10px;
}

.pg-elem span {}

.pg-elem-inn {
  margin-top: 20px;
}

.ele-btn {}

.ele-btn a {
  margin-right: 5px;
  margin-bottom: 5px;
}

.icon-container .icon-preview {
  height: 120px;
  text-align: center;
}

.icon-container i {
  font-size: 3em;
  margin-bottom: 10px;
}

.icon-container span {
  display: block;
}

.pg-ele-tab {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

/*-------------------------------------------------*/
/* = DASHBOARD
/*-------------------------------------------------*/
.news_block {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

/*-------------------------------------------------------*/
/* DASHBOARD
/*-------------------------------------------------------*/
.tz {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #eaedef;
  /* margin-top: 100px;
     */
  padding: 100px 50px;
}

.tz-l {
  float: left;
  width: 20%;
}

.tz-2 {
  float: left;
  width: 58%;
  position: relative;
  overflow: hidden;
  background: #fff;
  /* border: 1px solid #dadada;*/
  /* margin-bottom: 25px;
     */
  box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
  border-radius: 4px;
  margin-left: 12px;
  margin-right: 12px;
}

.tz-3 {
  float: left;
  width: 20%;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-right: 1px solid #e7e7e7;
  /* margin-bottom: 25px;
     */
  /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
     border-radius: 4px;*/
}

.tz-l-1 {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dadada;
  /* margin-bottom: 25px;
     */
  box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
  border-radius: 4px;
}

.tz-l-1 ul {
  padding: 0px;
}

.tz-l-1 ul li {
  color: #60676b;
  list-style-type: none;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.tz-l-1 ul li span {
  display: block;
  font-size: 32px;
  font-weight: 500;
  line-height: 30px;
  color: #21252b;
}

.tz-l-1 ul li:nth-child(1) {
  width: 100%;
  float: left;
}

.tz-l-1 ul li:nth-child(1) img {
  width: 100%;
}

.tz-l-1 ul li:nth-child(2) {
  width: 50%;
  float: left;
  padding: 20px 10px;
  /* text-align: center;
     */
}

.tz-l-1 ul li:nth-child(3) {
  width: 50%;
  float: left;
  padding: 20px 10px;
}

.tz-l-2 {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dadada;
  padding: 20px;
  margin-top: 12px;
  box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
  border-radius: 4px;
}

.tz-l-2 ul {
  padding: 0px;
}

.tz-l-2 ul li {
  border-bottom: 1px solid #eaedef;
  list-style-type: none;
}

.tz-l-2 ul li:last-child {
  border-bottom: 0px solid #dcdcdc;
  padding: 12px 0px 0px 0px;
}

.tz-l-2 ul li a {
  color: #333;
  padding: 12px 0px;
  display: block;
}

.tz-l-2 ul li a:hover {
  color: #333;
  padding-left: 8px;
  background: #eaedef;
  padding-left: 12px;
}

.tz-lma {
  color: #333;
  background: #eaedef;
  padding-left: 12px !important;
}

.tz-l-2 ul li a img {
  width: 20px;
  margin-right: 8px;
}

.tz-3 h4 {
  margin: 0px;
  background: #253d52;
  padding: 15px;
  color: #fff;
}

.tz-3 ul {
  /*margin-bottom: 0px;
     padding: 20px;
     padding-left: 20px !important;*/
}

.tz-3 ul li {
  border-bottom: 1px solid #dcdcdc;
  padding: 17px;
}

.tz-3 ul li a {}

.tz-3 ul li a img {
  float: left;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  margin-right: 10px;
}

.tz-3 ul li a h5 {
  color: #333;
  font-size: 15px;
  margin-top: 0px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.tz-3 ul li a p {
  padding-left: 40px;
  margin-bottom: 0px;
  color: #969595;
  font-size: 12px;
  line-height: 18px;
}

.tz-3 ul li:last-child {
  border-bottom: 0px solid #dcdcdc;
  padding: 12px 0px 0px 0px;
}

.tz-2-main-2.card {
  min-height: 200px !important;
  padding: 20px !important;
}

.tz-2-com h4 {
  margin: 0px;
  /*background: #57666d;*/
  width: fit-content;
  padding: 15px;
  color: #6e6e6e;
}

.tz-2-com>h4 {
  border-left: solid 4px #46c882;
  border-top: solid 4px #46c882;
}

.applications ul {
  display: flex;
  flex-direction: row;
}

.applications li {
  border: none !important;
  padding: 0px !important;
  margin: 10px;
  background: none !important;
}

.applications li a {
  padding-left: 0px !important;
}

.applications li a:hover {
  padding-left: 0px !important;
}

.applications li a img {
  margin: 0;
  padding: 0;
}

.tz-2-main {}

.tz-2-main-com {
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.tz-2-main-com img {
  display: block;
  /* width: 80px;
     */
  margin: 0 auto;
  /* padding-bottom: 20px;
     */
  border: 1px solid #eaedef;
  /*padding: 12px;*/
  border-radius: 5px;
  margin-bottom: 20px;
}

.tz-2-main-com span {
  font-size: 23px;
  font-weight: 600;
  color: #253d52;
  font-family: 'Poppins', sans-serif;
}

.tz-2-main-com h2 {
  font-family: 'Poppins', sans-serif;
  color: #3fc67d;
  font-size: 46px;
}

.tz-2-main-com ul {
  margin-bottom: 10px;
  /* border-top: 1px solid #eaedef;
     */
  margin-top: 10px;
  padding: 0px;
}

.tz-2-main-com ul li {
  text-align: left;
  border-bottom: 1px solid #eaedef;
  padding: 10px 0px;
  list-style-type: none;
  background: url('../images/icon/tz-arrow.png') no-repeat center left;
  background-size: 10px;
  text-overflow: ellipsis;
  white-space: inherit;
  overflow: hidden;
  padding-left: 20px;
}

.tz-2-main-com ul li a {
  /* text-align: left;
     */
  display: block;
  color: #333;
  font-size: 13.5px;
  padding-left: 14px;
}

.tz-2-main-com ul li a:hover {
  padding-left: 10px;
}

.tz-done {
  font-size: 12px !important;
  background: #3e8e41;
  color: #fff;
  padding: 2px 4px;
  border-radius: 3px;
  text-transform: lowercase;
  margin-left: 5px;
}

.tz-done:hover {
  color: #fff;
}

.tz-not-done {
  font-size: 12px !important;
  background: #f4a321;
  color: #fff;
  padding: 2px 4px;
  border-radius: 3px;
  text-transform: lowercase;
  margin-left: 5px;
}

.tz-2-main-1 {
  position: relative;
  /* overflow: hidden;*/
  float: left;
  width: 33.3%;
  /*text-align: center;*/
}

.tz-2-main-1 i {
  font-size: 14px;
  /*margin-right: 20px;*/
  color: #636363;
}

.tz-2-main-1 i a, .support_wrap i a {
  color: #46c882;
  font-size: 14px;
  font-weight: 900;
}

.tz-2-main-2 {
  border: 1px solid #eaedef;
  padding: 20px;
  min-height: 200px;
  margin: 1%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}

.tz-2-main-com-table {}

.tz-2-main-com-table th {
  font-weight: 600;
  padding: 10px 4px;
}

.tz-2-main-com-table tr {
  border-bottom: 1px solid #eaedef;
  line-height: 37px;
  padding: 10px;
}

.tz-2-main-com-table tr td {
  padding: 16px 4px 13px 4px;
}

.tz2-form-com {}

.tz2-form-com form {
  padding: 35px 50px 35px 50px;
  background: #eaedef;
  margin-top: 15px;
}

.tz2-form-com form input {
  border: 1px solid #e4e4e4;
  line-height: 44px;
  padding: 0px 25px;
  background: #fff;
  font-size: 14px;
}

.tz2-form-com form input[type="submit"] {
  padding: 0px;
}

.tz2-form-com form label {
  font-size: 14px;
  color: #646464;
}

.tz2-form-pay {}

.full-btn {
  height: 45px;
  line-height: 45px;
  background: #f74d40;
  /* background: linear-gradient(to top, #F44336, #fb5a4e);*/
  outline: none;
  font-size: 16px;
  display: block !important;
  color: #fff;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.tz-pay-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #eaedef;
  padding: 1px 10px;
}

.tz-pay-card h5 {
  display: inline-block;
  padding: 10px 5px;
}

.tz-pay-card img {
  width: 175px;
  border: 0px;
  display: inline-block;
  margin-bottom: 0px;
  float: right;
  padding: 0px;
}

.tz2-form-pay ul li {
  background: none;
  padding: 5px 0px 12px 0px;
}

.tz-pay-amount {
  float: right;
  color: #FFC107;
  font-size: 22px;
}

.tz-down-pdf {
  border: 1px solid #c7c8c9;
  border-radius: 3px;
  padding: 4px 8px;
  color: #333;
}

.tz-make-pay {
  border: 1px solid #c7c8c9;
  border-radius: 3px;
  padding: 4px 8px;
  color: #333;
}

.tz-make-pay:hover {
  background: #3e8e41;
  color: #fff;
  border: 1px solid #317d34;
}

.tz-mak-pay-bot {
  margin-top: 25px;
}

.tz-mak-pay-bot p {
  color: #969595;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.tz-mak-pay-bot a {
  font-size: 16px;
  text-transform: capitalize;
}

.tz-mak-pay-bot a:hover {
  color: #fff;
}

.tz-com-p {}

.tz-com-p h5 {
  font-size: 20px;
}

.tz-com-p p {
  color: #969595;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.ds-boar-title {}

.ds-boar-title h2 {
  font-size: 32px;
  color: #14addb;
  padding-bottom: 10px;
}

.ds-boar-title p {}

.tz-db-table {}

.tz-db-table table {}

.tz-db-table table tr {
  color: #969595;
}

.tz-db-table table tr td {
  font-size: 15px;
  color: #333;
  padding: 14px 14px 14px 0px;
}

.tz-db-table table tr th {
  font-size: 16px;
  color: #333;
  padding: 14px 14px 14px 0px;
}

.tz-db-table-bor {}

.tz-db-table-bor table tr {}

.db-list-com {
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.db-list-rat {
  background: #e3e8ea;
  padding: 4px;
  font-weight: 600;
  color: #253d52;
  right: 15px;
  top: 0px;
  font-size: 14px;
  border-radius: 2px;
}

.db-list-ststus {
  background: #76cce6;
  padding: 4px;
  font-weight: 600;
  color: #000;
  right: 15px;
  top: 0px;
  font-size: 14px;
  border-radius: 2px;
}

.db-list-ststus-na {
  background: #e8e8e8;
  padding: 4px;
  font-weight: 600;
  color: #000;
  right: 15px;
  top: 0px;
  font-size: 14px;
  border-radius: 2px;
}

.db-list-edit {
  background: #e8e8e8;
  padding: 4px;
  font-weight: 600;
  color: #000;
  right: 15px;
  top: 0px;
  font-size: 14px;
  border-radius: 2px;
}

.db-list-edit:hover {
  background: #76cce6;
}

.db-mak-pay-bot {
  margin-top: 25px;
}

.db-mak-pay-bot p {
  color: #969595;
}

.tz-file-upload {
  /* margin-top: 20px;
     padding: 0 0.75rem;*/
}

.file-field {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tz-up-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  float: left;
  height: 3rem;
  line-height: 2rem;
  height: 40px;
  padding: 8px 25px 10px 25px;
  background: #46c882;
  color: #fff;
}

.tz-up-btn span {
  color: #fff;
}

.db-mak-pay-bot a {
  font-size: 14px;
}

.tz-mess {}

.tz-mess ul {
  margin-bottom: 0px;
}

.tz-mess ul li {
  border-bottom: 1px solid #dcdcdc;
  padding: 30px 0px 10px 0px;
}

.tz-mess ul li img {}

.tz-mess ul li h5 {
  color: #333;
  font-size: 18px;
  vertical-align: top;
}

.tz-mess ul li h5 img {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin-right: 10px;
  margin-right: 22px;
}

.tz-mess ul li h5 span {
  font-size: 12px;
  color: #fff;
  padding: 0px 5px 2px 5px;
  border-radius: 35px;
  margin-top: 3px;
  position: absolute;
  margin-left: 5px;
}

.tz-mess ul li p {
  padding-left: 72px;
  padding-top: 15px;
  color: #969595;
}

.tz-msg-read {
  background: #607D8B;
}

.tz-msg-un-read {
  background: #4CAF50;
}

.hid-msg {
  position: relative;
  overflow: hidden;
  margin-left: 72px;
  display: none;
}

.hid-msg a {}

.hid-msg a i {
  border: 1px solid #eaedef;
  padding: 3px 3px;
  border-radius: 5px;
  color: #333;
  margin-right: 12px;
}

.view-msg {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.view-msg:hover .hid-msg {
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hide-box {
  display: none;
}

.hide-box label {
  left: 18px;
  top: 12px;
}

.tz-revi-star {}

.tz-revi-star i {
  font-size: 12px;
  color: #64addb;
  margin-right: 2px;
}

.switch label {
  cursor: pointer;
  color: #636363;
  font-weight: 500;
}

.tz-2-main-1 p, .tz-2-admin p {
  /*color: #969595;
     font-size: 16px;*/
}

.tz-2-admin b {
  font-weight: bold;
  font-size: 16px;
}

.tarif_row {
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 10px !important;
}

.tarif_row:nth-child(3) {
  border: none !important
}

.count {
  background-color: #f2f2f2;
  margin: 15px 60px;
}

.field_tarif, .num {
  padding: 33px 0 !important;
  width: 17rem !important;
  font-size: 46px !important;
  font-weight: 600 !important;
  text-align: center;
  color: #46c882 !important;
  font-family: 'Poppins', sans-serif;
}

.num {
  width: auto !important;
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
}

.tarif_mid {
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  align-items: center;
  justify-content: center;
}

.tarif_mid span {
  padding: 0 10px;
}

.toggle_wrap .row {
  padding: 10px;
}

/*-------------------------------------------------------*/
/* REGISTER AND LOGIN
/*-------------------------------------------------------*/
.tz-register {
  background: url(../images/bg_mycc.jpg) #e6e6e6;
  position: relative;
  background-repeat: no-repeat;
  overflow: hidden;
  padding-top: 50px;
  background-size: cover;
}

.tz-register::before {
  content: '';
  position: absolute;
  background: rgba(33, 48, 59, 0.52);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 5px;
}

.tz-login {
  background: url(../images/banner5.jpg) #3F51B5;
  position: relative;
  overflow: hidden;
  padding-top: 50px;
  width: 100%;
  padding-bottom: 50px;
  background-size: cover;
  background-attachment: fixed;
}

.tz-login::before {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.21);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 5px;
}

.tz-regi-form {
  margin: 0 auto;
  width: 45%;
  background: #fff;
  padding: 60px 50px 70px 50px;
  margin-top: 70px;
  margin-bottom: 70px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.8);
}

.tz-regi-form input {
  padding: 10px;
  border: 1px solid #c9c9c9;
  height: 45px;
  font-size: 16px;
}

.tz-regi-form textarea {
  padding: 10px;
  border: 1px solid #c9c9c9;
  /*   height: 100px;*/
}

.tz-regi-form input[type="submit"] {
  padding: 0px;
  font-size: 18px !important;
}

.tz-regi-form label {}

.tz-regi-form h4 {
  margin-top: 0px;
  font-size: 42px;
  margin-bottom: 8px;
}

.tz-regi-form h4 span {
  color: #ff6f6f;
  font-size: 42px;
  font-weight: 600;
}

.tz-regi-form form {
  position: relative;
  overflow: hidden;
  padding: 20px;
}

.tz-regi-form p {
  font-size: 18px;
  margin-bottom: 0px;
}

.tz-regi-form p a {
  color: #2c649e;
  font-size: 18px;
}

.full-btn {
  width: 100%;
  display: block;
}

.soc-login {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #dcdcdc;
  margin-top: 15px;
  padding-top: 15px;
}

.soc-login h4 {
  text-align: center;
  padding-bottom: 15px;
}

.soc-login ul {
  padding: 0px;
  margin: 0px;
}

.soc-login ul li {
  list-style-type: none;
  float: left;
  width: 33.333%;
  padding: 5px;
}

.soc-login ul li a {
  display: block;
  color: #fff;
  padding: 7px 18px;
  text-align: center;
  border-radius: 2px;
}

.soc-login ul li:nth-child(1) a {
  background: #3b5998;
}

.soc-login ul li:nth-child(2) a {
  background: #00aced;
}

.soc-login ul li:nth-child(3) a {
  background: #d34836;
}

.soc-login ul li a i {
  padding-right: 5px;
}

/*-------------------------------------------------*/
/* = ADMIN PAGES
/*-------------------------------------------------*/
/*PROFILE*/
input:disabled {
  color: rgb(158, 158, 158) !important;
  border: none !important;
  background-color: #f8f8f8 !important;
}

#mdp .input-field label {
  left: 37px;
}

.avatar-view {
  max-width: 16vw !important;
  height: 16vw !important;
  object-fit: cover;
  margin: auto;
  border: 4px solid #ffffff;
  box-shadow: 0 0 5px 2px rgba(166, 166, 166, 0.08);
}

.photo_upload h4 {
  background: none;
  color: #46c882;
  text-align: center;
}

.photo_upload.hom-cre-acc-right form {
  background: none;
  border: none;
  padding: 10px;
}

.hom-cre-acc-right .btn {
  height: auto !important;
  width: auto !important;
  border: none !important;
  padding: 6px 12px !important;
  color: #fff !important;
}

.btn:hover {
  color: #fff !important;
}

.desc_profile.hom-cre-acc-right {
  margin: 20px;
}

.desc_profile.hom-cre-acc-right form {
  background: none;
  padding: 0;
  border: none;
}

.hom-cre-acc-right form textarea::placeholder {
  color: #999999 !important;
}

.contry ul, .prof ul {
  overflow-y: scroll;
  max-height: 300px;
  margin-top: 45px !important;
}

.contry .select-wrapper, .prof .select-wrapper {
  margin-top: 0px !important;
}

.info_profile ul {
  margin-top: 30px;
}

.info_profile .row {
  margin-left: 10px;
}

.info_profile .disabled_fields li {
  padding-bottom: 13px;
}

.info_profile b {
  color: #253d52;
}

.info_profile {
  background-color: #fff;
}

.info_profile form {
  background: none !important;
  border: none;
}

.info_profile .alert {
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
}

.note {
  display: flex !important;
  align-items: center;
  margin-bottom: 20px;
}

.note i {
  font-size: 16px;
  color: #f7b44f;
  margin: 8px;
}

.note p {
  border-left: 4px solid #f7b44f;
  padding-left: 8px;
  font-size: 14px;
  color: #7e7e7e;
  line-height: 1.5;
  margin: 0;
}

.phone_public {
  /* display: flex !important;
  align-items: center;
  flex-wrap: wrap;*/
}

.phone_public .note {
  margin-bottom: 0px;
}

.phone_public .note i {
  color: #bfc6ce;
}

.phone_public .note p {
  border-left: 4px solid #bfc6ce;
}

.info.note i {
  color: #bfc6ce;
}

.info.note p {
  border-left: 4px solid #bfc6ce;
}

.info_read_only {
  margin-top: 30px;
}

.info_block ul {
  margin-top: 0;
}

.info_block li {
  padding-bottom: 0 !important;
}

.box {
  border: 2px solid #bfc6ce;
  margin: 14px !important;
  padding: 11px;
}

.box h4 {
  background: #f9f9f9;
  color: #46c882;
  text-align: center;
  width: 10%;
  margin: auto;
  position: relative;
  top: -37px;
}

.visio_config.box h4 {
  background: #fff;
}

.visio_config.box h4.subtitle {
  color: #57666d;
  top: -45px;
  width: 100%;
}

.visio_config.box form {
  margin-top: -20px;
}

.visio_config.box .row {
  margin-bottom: 10px;
}

.visio_config.box b {
  font-size: 13px;
}

.tarif_config {
  margin-top: 40px !important
}

.tarif_config.box h4 {
  background: #fff;
}

.tarif_config.box h4.subtitle {
  color: #57666d;
  top: -45px;
  width: 100%;
}

.tarif_config.box form {
  margin-top: -20px;
}

.tarif_config.box b {
  font-size: 13px;
}

.info_block b {
  font-size: 16px;
  font-weight: bold;
}

.info_block p {
  font-size: 14px;
}

.psylive_form form {
  padding: 0;
}

.billing_info p {
  padding: 9px;
  font-size: 14px;
  text-align: center;
  margin-top: -40px;
}

.facturation_form form {
  border: none;
  background: none;
  padding: 10px;
  margin-top: -20px;
}

.facturation_form #tva b span {
  font-size: 12px;
  color: #b1b1b1;
  font-style: italic;
}

.info_block ul li p {
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  justify-content: space-between;
}

.wrap_info {
  border-bottom: 1px solid #e8e8e8;
  margin-left: auto;
}

#form_change_pass {
  background: none;
}

.tz-abon {
  width: 100%;
  overflow: visible
}

ul.list_keys {
  padding-left: 20px !important;
}

.list_keys li {
  list-style-type: disc !important;
}

.oculus_go img, .oculus_rift img {
  padding: 30px;
}

.oculus_go h4, .oculus_rift h4 {
  color: #2a2b33 !important;
  background: none;
  padding: 0px;
  margin-bottom: 10px;
  text-align: left;
}

.oculus_go .row, .oculus_rift .row {
  margin: 30px 0;
}

.type_abon_wrap h4 span {
  font-size: 30px;
  color: #a5a9ac;
  text-transform: capitalize;
  font-weight: 800;
}

.promocode .wrap_input {
  width: 230px;
  height: 55px;
  text-align: center;
}

#promoerror {
  font-size: 12px;
  color: red;
}

#promosuccess {
  margin: auto;
  text-align: center;
}

#promosuccess span {
  font-size: 12px;
  color: #4caf50;
}

.formule ul, .logiciel ul {
  margin-top: 40px;
}

.promocode {
  height: 72px;
}

.promocode .form-group {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 0px;
}

.promocode .form-group p {
  margin-right: 20px;
  text-align: right;
  margin-bottom: 0;
  color: #333333;
}

.promocode .form-group input {
  background: #fff;
  border: 1px solid #909090;
  padding: 5px 24px;
  line-height: 12px;
  height: 45px;
  position: relative;
  box-sizing: border-box;
  text-indent: 0;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  width: 100%;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}

.abonnement_plan_wrap {
  padding: 50px;
  margin-top: -25px;
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  justify-content: center;
}

.plan_wrap {
  padding: 0 1% !important;
  height: 485px;
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  max-width: 33%;
  flex-direction: column;
}

.plan_wrap form button {
  position: absolute;
  bottom: 0px;
  margin-bottom: 20px;
  align-self: center;
}

.abon_wrap .card .card-title {
  display: flex;
  flex-wrap: wrap;
  font-size: 32px;
  align-items: baseline;
  color: #46c882;
  font-family: 'Montserrat', sans-serif;
}

.abon_wrap .card .subtitle {
  color: #9b9b9b;
  line-height: 15px;
  font-size: 13px;
}

.abon_wrap .card-title.price p {
  font-size: 45px;
  margin-top: 24px;
  font-weight: 900;
  color: #46c882;
  font-family: 'Montserrat', sans-serif;
}

.abon_wrap_form {
  top: 0 !important;
}

.abon_wrap_form .modal-dialog {
  width: 45%;
  transform: translateY(50%);
}

.abon_wrap_form .modal-body {
  display: flex;
}

.abon_wrap_form .hom-cre-acc-left {
  width: 30%;
  height: auto;
  position: absolute;
  top: -20px;
}

.abon_wrap_form .card-title.price {
  display: flex;
}

.abon_wrap_form .hom-cre-acc-right {
  float: left;
  padding: 35px;
  margin-left: 30%;
}

.abon_wrap_form .card {
  background-color: #46c882;
  color: #fff;
  height: auto;
}

.abon_wrap_form .card-title.price p {
  font-size: 55px;
  margin-top: 24px;
  font-weight: 900;
  color: #f6f6f6;
  font-family: 'Montserrat', sans-serif;
}

.abon_wrap_form .card .card-title, .abon_wrap_form .card .subtitle {
  color: #fff;
}

.facturation_form .subtitle {
  color: #b0b0b0;
  font-size: 13px;
  margin-bottom: 20px;
}

.abon_wrap_form .card ul {
  margin-top: 20px;
  padding-top: 20px;
}

.abon_wrap_form .card ul li {
  padding-bottom: 0px;
  color: #fff;
}

.abon_wrap_form .hom-cre-acc-right .input-field b {
  color: #b0b0b0;
  text-transform: uppercase;
}

.abon_wrap_form .hom-cre-acc-right form ul input {
  height: 45px;
  position: relative;
  padding: 5px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: none;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none; */
  width: 100%;
  font-size: 14px;
  background: #efefef;
}

.plan_wrap .price {
  margin: 0 5%;
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
}

.plan_wrap form span.contact_serv {
  color: #333;
  border-top: 1px solid #46c882;
  margin-top: 10px;
  padding-top: 10px;
}

.currency_price p {
  font-size: 30px;
  font-weight: 900;
  font-family: 'Passion One', 'Montserrat', sans-serif;
  color: #333 !important;
}

.currency-selector {
  margin-left: 15px;
  max-width: 80px;
}

.currency-selector .select-wrapper {
  border: none;
  padding: 0px;
  box-shadow: none;
}

.currency-selector .select-wrapper .select-dropdown {
  background-color: #eee;
  padding: 5px;
  border: none;
}

.list_check {
  list-style: url(/images/tick.png);
  padding-left: 20px !important;
  border-top: 2px dashed #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

.currency_price {
  display: flex;
  align-items: baseline;
}

.currency_price span {
  font-size: 19px !important;
  font-weight: 300 !important;
  color: #333333 !important;
  margin-left: 5px;
}

.abon_wrap .card-action {
  background-color: #46c882;
  cursor: pointer;
  color: #fff;
}

.abon_wrap .card-action a {
  font-weight: 800;
  color: #fff !important;
}

.premium {
  background-color: #46c882;
  width: 100%;
  color: #fff;
  margin-top: -31px;
  padding: 4px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 15px;
  font-weight: 600;
}

.card.per_year {
  border: 4px solid #46c882;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.abon_wrap .card-content img {
  opacity: 0.2;
  max-width: 11em;
  margin-top: 10px;
}

.abon_wrap .wrap_pricing {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 993px) {
  #year_wrap {
    width: 38%;
  }
  #etab_wrap {
    width: 28%;
  }
  #etab_wrap .card-title {
    margin-top: 0;
  }
  #etab-btn {
    margin-top: 5px!important;
  }
}

.abon_wrap .card {
  margin: 0 !important;
}

.plan_wrap h3 {
  margin-bottom: 20px;
  color: #46c882;
}

.plan_wrap h2 {
  font-size: 64px;
  font-weight: 900;
  float: left;
  line-height: 1;
  color: #57666d;
}

.plan_wrap .euro_price {
  padding: 10px;
  text-align: left;
  color: #46C882;
}

.plan_wrap .euro_price i {
  font-size: 24px;
}

.plan_wrap .euro_price span {
  color: #46C882;
  font-size: 18px;
  font-weight: 200;
}

.abonnement_plan_wrap form {
  margin-top: 20px;
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  flex-direction: column;
}

.abonnement_plan_wrap form input {
  width: 100%;
  display: block;
  border: 0;
  border: 1px solid #d4d4d4;
  line-height: 24px;
  font-size: 14px;
  outline: none;
  height: 40px;
  background: #ffffff;
  padding-left: 45px;
  box-sizing: border-box;
  border-radius: 3px;
  color: #1a2a38;
}

.invitation button i {
  color: #fff;
  border: none;
  margin-right: 10px;
  font-size: 16px;
  line-height: 3;
}

.invitation {
  display: flex;
  justify-content: space-around;
}

.tz-2-admin {
  width: 66%;
  margin-right: 9px !important;
  margin: 0px;
  margin-bottom: 20px;
}

.tz-2-patient {
  margin-right: 9px !important;
  margin: 0px;
  margin-bottom: 20px;
}

.tz-2-mdp {
  width: 33%;
  margin: 0;
}

.tz-2-main-admin {
  width: 25%;
}

.sb1 {
  background: #ffffff;
  position: fixed;
  width: 100%;
  top: 0px;
  height: 50px;
  z-index: 200;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.22);
}

.sb1 h3 {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.sb1-2 {
  float: right;
}

.sb1-2 button {
  background: #2d3a40;
  border: 0px;
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  padding: 20px;
  border-radius: 0px;
}

.sb2 {
  height: auto;
  min-height: 100%;
  width: 100%;
  position: relative;
}

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

.sb2-13 ul li.active {
  transition: all 0.5s ease-in-out;
}

.minimized .sb2-1 {
  width: 5%;
}

.minimized .sb2-2 {
  width: 95%;
  margin-left: 5%;
}

.minimized li#photo {
  width: 100%;
  float: none;
  text-align: center;
}

.minimized li#name, .minimized a#btn_change_premium, .minimized .collapsible-body.left-sub-menu, .minimized .sb2-13 ul li a.collapsible-header:after, .minimized .start_btn span, .minimized .start_btn i {
  display: none !important;
}

.collapsible-body.left-sub-menu, .start_btn span {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  font-size: 12px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.minimized .sb2-13 ul li a {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  line-height: initial;
  height: auto;
}

.minimized .sb2-13 ul li a i {
  margin: auto;
  width: auto;
}

.minimized .sb2-13 ul li.active {
  border-right: 5px solid #46c882;
  border-left: none;
}

.minimized .start_btn_open img, .minimized .start_btn img {
  margin-right: 0px
}

.sb2-1 {
  float: left;
  width: 15%;
  background: #212121;
  color: #808080;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sb2-1 a {
  color: #8c8c8c;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sb2-1 a:hover {
  color: #fff;
  padding-left: 30px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
}

.sb2-12 {
  position: relative;
  overflow: hidden;
  padding: 15px;
  padding-bottom: 6px;
  margin-top: 50px;
  background: #232323;
}

.sb2-12 ul {
  padding: 10px 0;
  margin: 0px;
  /* margin-top: 25px;*/
  overflow: hidden;
  text-align: center;
}

.sb2-12 ul li {
  display: flex;
  align-items: center;
}

.sb2-12 ul li:nth-child(1) {
  width: auto;
}

.sb2-12 ul .info_user {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
  margin-left: 10px;
}

.sb2-12 ul .info_user span {
  text-align: left;
  color: #727272;
}

.sb2-12 ul li:nth-child(2) {
  width: 70%;
  padding: 0px 7px;
  padding-top: 10px;
}

.sb2-12 ul li:nth-child(3) {
  width: 10%;
}

.sb2-12 ul li img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  box-shadow: 2px 2px 7px #020202;
}

.sb2-12 ul li h5 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  word-break: break-word;
  color: #fff;
}

.sb2-12 ul li h5 span {
  display: block;
  font-size: 12px;
  color: #989fa2;
  padding-top: 3px;
  text-transform: capitalize;
}

.sb2-13 {
  background: #212121;
}

.sb2-13 ul {
  /* padding: 20px;
     */
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);
  margin-top: 0px;
}

.sb2-13 ul li {
  list-style-type: none;
  /* border-bottom: 1px solid #303b40;
     */
  /* padding: 3px 20px;
     */
}

.sb2-13 ul li.active {
  border-left: 5px solid #46c882;
}

.sb2-13 ul li .bf {
  background-image: url('/images/bf.gif') !important;
  background-size: cover !important;
  color: #fff !important;
}

.sb2-13 ul li .bf:hover {
  color: #fff !important;
  opacity: 0.8;
}

.cptmessages {
  padding-right: 20px;
}

.mess_ico {
  position: relative;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 8px;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(.25);
  transform: scale(.25);
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-counter, .fa-layers-text {
  background: Tomato;
  font-size: 33px;
  display: inline-block;
  position: absolute;
  text-align: center;
  right: 15px;
  top: -7px;
}

.menu-active {
  background: #191919 !important;
  padding-left: 30px !important;
  color: #fff !important;
}

/*.menu-active:hover{background: #dbdbdb!important;}*/
.left-sub-menu .menu-active {
  padding-left: 30px !important;
}

a#btn_change_premium {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  background: none !important;
  padding: 0px !important;
  margin-top: 10px;
}

#btn_change_premium button {
  background: none;
  font-size: 12px;
  font-weight: 800;
  border: 3px solid #46c882;
  color: #45c882;
  border-radius: 50px;
  box-shadow: none;
}

#btn_change_premium button:hover {
  background-color: #46c882;
}

.sb2-1 a.collapsible-header {
  background-color: #212121;
}

.sb2-13 ul li a {
  display: block;
  font-size: 13px;
  font-weight: 600;
  /*border-bottom: 1px solid #e3e8ea;*/
  border-bottom: none;
  padding: 10px 20px;
  height: 50px;
  line-height: 30px;
}

.sb2-13 ul li a.collapsible-header:after {
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  font-size: 16px;
  font-weight: 600;
  display: block;
  position: absolute;
  margin-top: -25px;
  right: 20px;
  font-size: 12px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -o-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
}

.sb2-13 ul li a.collapsible-header:hover:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sb2-13 ul li a.collapsible-header:focus:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*.sb2-13 ul li a:hover {
   background: #f2f1f1;
   color: #494b4b;
}*/
.sb2-13 ul li a:focus {
  /*  background: #f2f1f1;*/
  color: #c9c9c9;
}

.menu-act {
  background: #57666d;
}

/*Table*/
.patients_table .btn:focus {
  color: #fff;
  outline: none;
}

.patients_table .table_icons i {
  width: auto;
  height: auto;
  border: none;
  font-size: 23px;
  color: #fff;
}

.patients_table .table_icons button {
  display: flex;
  line-height: 0.8;
  align-items: center;
}

.patients_table tbody>tr {
  cursor: pointer;
}

.patients_table tr .name {
  color: #46c882
}

.patients_table table.v-table tbody td {
  font-size: 15px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(249, 249, 249, 0.50) !important;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-top: 1px solid #f1f1f1 !important;
}

.table>thead>tr>th {
  border: none;
}

.patients_table tbody tr:hover {
  z-index: 1;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}

.tag_stat {
  padding: 5px 10px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  left: -15px;
  /* padding-left: 14px; */
  color: #fff;
  font-weight: 600;
}

.tag_stat_inv {
  padding: 5px 10px;
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
  background: #c7c7c7;
  color: #fff;
  font-weight: 600;
}

.tag_stat_inv.refuse {
  background: #f1003e;
}

.tag_stat_inv.accepte {
  background: #8bc24a;
}

td.list-date {
  font-size: 13px;
  font-style: italic;
}

td.list-date span {
  font-size: 13px;
  color: #d00e0e;
}

.accept {
  background: #46C882;
}

.refuse {
  background: #DE1717;
}

.retry {
  background: #14ACDB;
  border: none;
}

#no_req {
  text-align: center;
  border-radius: 4px;
  background-color: #dfe6eb;
  padding: 20px;
  margin-bottom: 15px;
  box-shadow: inset 0 0 5px 0px rgba(166, 181, 192, 0.54);
}

#no_req p {
  margin: 0;
  color: #8293a2;
}

/*demande de connexion*/
.demande_connexion_wrap {
  margin-bottom: 15px;
  padding: 20px;
  padding-bottom: 10px;
  text-align: center;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
}

.demande_connexion_wrap h4 {
  background: none;
  color: #6B6B6B;
  padding-bottom: 20px !important;
  padding: 0;
  font-size: 16px;
}

.demande_connexion_wrap .praticien {
  display: flex;
  justify-content: center;
  align-items: center;
}

.demande_connexion_wrap .praticien .info {
  text-align: left;
  margin-left: 15px;
}

.demande_connexion_wrap .praticien .info b {
  font-weight: 600;
  font-size: 15px;
  color: #3C3C3C;
}

.demande_connexion_wrap .praticien .info .proff {
  font-size: 14px;
  color: #6F6F6F;
}

.demande_connexion_wrap .response {
  display: flex;
  padding-top: 10px;
}

.demande_connexion_wrap .response .btn {
  margin: 10px;
  width: 100%;
  font-weight: 600;
}

.demande_connexion_wrap .response .btn:hover {
  color: #fff;
}

.delete_modal.modal-footer {
  display: flex;
  align-items: flex-end;
}

.delete_modal.modal-footer button {
  margin: 0 20px !important;
}

#modal_invite .modal-header {
  border-bottom: none;
  margin: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
}

#modal_invite .modal-title {
  margin-bottom: 20px;
}

span#status_mail {
  top: 10px;
  position: relative;
}

#email_patient input {
  text-align: center;
  height: 45px;
  position: relative;
  padding: 5px 24px;
  box-sizing: border-box;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  width: 100%;
  font-size: 14px;
  background: #fff;
}

.table_icons {
  text-align: center;
  width: 10%;
}

.table_icons .fa-envelope.grey {
  border: none;
  background: none !important;
  color: #9e9e9e !important;
  font-size: 23px;
}

.table_icons .fa-envelope {
  border: none !important;
  background: none !important;
  font-size: 23px !important;
  color: #46c882 !important;
}

.table_icons .fa-layers-counter {
  right: 4px;
  top: 5px;
}

.dataTables_paginate {
  padding: 0 20px;
}

.dataTables_paginate a {
  margin: 4px;
  border-radius: 4px;
  background-color: #E6E6E6;
  cursor: pointer;
  border: 1px solid #ababab;
  display: inline-block;
  vertical-align: middle;
  color: #7D7D7D;
  text-align: center;
  font-size: 16px;
  width: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dataTables_paginate a {
  padding: 6px 9px !important;
  background: #ddd;
  border-color: #ddd !important;
}

.dataTables_info {
  width: 60%;
  float: left;
  font-size: 13px;
  margin-left: 14px;
}

.dataTables_length {
  margin-bottom: 10px;
  width: 40%;
  float: left;
  margin-left: 20px;
}

.dataTables_length label {
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  align-items: baseline;
}

.dataTables_length .select-wrapper {
  margin: 10px;
}

.dataTables_length input {
  padding: 7px;
  border: 1px solid #ccc;
}

.dataTables_filter {
  float: right;
  text-align: right;
  margin-right: 20px;
}

.dataTables_length select {
  padding: 8px;
  margin: 0 10px;
  height: 40px;
}

.dataTables_filter input {
  padding: 8px;
  border: 1px solid #dcdcdc;
}

table.dataTable thead {
  border: none !important;
  box-shadow: 0px 4px 4px 1px #e2e2e2;
}

.table.dataTable>thead>tr>th {
  border: none !important;
}

.terv_tag {
  background: #14addb;
}

.visio_tag {
  background: #8bc24a;
}

.visio_tag .icon_stat i {
  background-color: #9fd361;
}

.tag_demande.visio_tag.refused {
  background-color: #618d2d;
}

.visio_tag.refused .icon_stat i {
  background-color: #72a13a;
}

.virement_tag {
  background: #14addb;
}

.virement_tag .icon_stat i {
  background: #25bdeb;
}

.virement_tag.refused {
  background: #1387aa;
}

.virement_tag.refused .icon_stat i {
  background: #1e96ba;
}

.tag_demande {
  display: block;
  color: #F1F6F7 !important;
  padding: 10px 10px 10px 30px;
  margin: 10px 10px 10px 0;
  text-decoration: none;
  font-weight: 500;
  text-align: left;
  width: 60%;
  float: left;
  border-radius: 3px;
}

table .table_icons {
  /* width: 6rem; */
  text-align: center;
  margin-left: -30px;
}

.icon_stat {
  /*  background-color: #e6e6e6;
    border-radius: 50%;
    padding: 9px;
    font-size: 10px;
    border: 1px solid #d9dee4;*/
}

.icon_stat i {
  border: none !important;
  font-size: 19px !important;
  padding: 2px !important;
  color: #ffffff !important;
  position: relative;
  top: 20px;
  left: -15px;
}

b.param_wrap i {
  color: #46C882;
  margin-right: 10px;
}

.param_wrap {
  font-family: Quicksand;
  font-weight: bold;
  font-size: 16px;
  color: #6B6B6B;
}

.block_suivi .loading, #question .loading {
  display: flex;
  justify-content: center;
  position: relative;
  height: 100%;
  align-items: center;
  margin-top: -20px;
}

.tabs_suivi {
  padding: 0 !important;
  box-shadow: inset -7px 0px 7px 0px rgb(197 197 197 / 15%);
  display: flex;
  flex-direction: column;
}

.tabs_suivi button {
  color: #46c882;
}

.tabs_suivi button:focus {
  background: none;
  color: #29734b !important;
}

.tabs_suivi button i {
  margin-right: 5px;
}

.tabs_suivi .theme--light.v-tabs__bar {
  background: none;
}

.tabs_suivi .v-tabs__item--active {
  background-color: #ebebeb;
}

#suivi .v-dialog__content--active {
  background-color: rgb(0 0 0 / 28%);
}

.tabs_suivi a.v-tabs__item:hover {
  background-color: #ebebeb;
  cursor: pointer;
}

.vertical-tabs {
  overflow: hidden;
  height: 450px;
}

.vertical-tabs--horizontal-text .v-tabs {
  transform: rotate(90deg);
  transform-origin: 70px 70px;
  height: 140px;
  width: 450px;
}

.vertical-tabs--horizontal-text .v-tabs .v-tabs__container {
  height: 140px;
}

.vertical-tabs--horizontal-text .v-tabs .v-tabs__div {
  width: 40px;
  height: 140px;
  display: inline-block;
}

.vertical-tabs--horizontal-text .v-tabs .v-tabs__item {
  transform: rotate(-90deg);
  transform-origin: 70px 70px;
  width: 150px;
  height: 40px;
  display: block;
  text-align: left;
  line-height: 40px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vertical-tabs--vertical-text {
  width: 48px;
}

.vertical-tabs--vertical-text .v-tabs {
  transform: rotate(90deg);
  transform-origin: 24px 24px;
}

.vertical-tabs--vertical-text .v-tabs .v-tabs__item {
  transform: rotate(180deg);
}

.vertical-tabs--vertical-text .v-tabs .v-tabs__slider-wrapper {
  top: 0;
  bottom: auto;
}

/*patients profile*/
#form_edit_patient .status_info {
  padding: 16px;
  position: relative;
  float: left;
}

#form_edit_patient .status_info .status {
  padding: 2px 5px;
  border-radius: 5px;
  color: #fff;
}

.tz-2 .actions {
  float: right;
  margin: 15px 7px;
}

.actions span {
  color: #ffffff;
  cursor: pointer;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  margin: 5px;
  padding: 3px 7px;
}

.actions span i {
  margin-right: 5px;
}

.actions .edit, .actions .print {
  background-color: #46c882;
}

.actions .delete {
  background-color: #abb1b8;
}

.report_title {
  float: left;
}

.actions .edit i, .actions .delete i {
  margin: 0 5px;
}

.actions .edit:hover {
  background-color: #3cb071;
}

.actions .delete:hover {
  background-color: #d70036;
}

.tz-2-com h4.nom {
  float: left;
}

.tz-2-com h4.nom span {
  font-size: 18px;
  font-weight: 800;
  color: #46C882;
  background: none;
}

.inputSwitch {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.inputSwitch.nom input {
  font-size: 18px !important;
}

.inputSwitch input {
  padding: 5px;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  font-size: 15px;
  border-radius: 4px;
  width: auto;
  margin-right: 7px;
  margin-top: 7px;
}

.inputSwitch input.err {
  border-color: #fe001a;
}

.block_suivi {
  display: flex;
  align-items: stretch;
}

.info_suivi .app_label span {
  display: initial;
  border-radius: 10px;
  padding: 0px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 10px;
}

.info_suivi .app_label b {
  padding: 0px 10px;
  color: #6F6F6F;
  font-size: 14px;
}

.info_suivi .data_suivi {
  margin: 20px;
}

.info_suivi .data_suivi div span {
  font-size: 14px;
  line-height: 25px;
  color: #6F6F6F;
}

.info_suivi .data_suivi div b {
  margin-right: 10px;
  font-size: 14px;
  line-height: 25px;
  color: #6F6F6F;
}

.info_suivi .data_suivi textarea {
  height: auto;
}

textarea {
  height: auto !important;
}

.patients_table .v-table tbody td:first-child {
  padding: 8px;
}

.patients_table table.v-table tbody td {
  height: 44px;
}

.psy_live_stat img {
  margin: 0 20px;
  height: 40px;
}

.status {
  color: #fff !important;
  margin-left: 20px;
  font-size: 15px !important;
  padding: 2px 8px;
  font-weight: 200 !important;
  border-radius: 5px;
}

.call {
  align-items: baseline;
  display: flex;
}

.call p {
  margin: 0px;
  padding: 0 10px;
}

.patients_table .status_col {
  text-align: center;
}

.offline_call .btn, .online_call .btn {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin-left: 10px;
}

.call .btn.status {
  background: none;
  color: #fff !important;
  line-height: 0.8;
  padding: 0px !important;
}

.call .btn.status.online {
  background-color: #8bc24a;
}

.call .btn.status.offline {
  background-color: #14addb;
}

.call .btn.status span {
  padding: 0 10px;
  color: #fff;
}

.call .btn.status span .fa-phone {
  color: #fff;
  border: none;
  margin: 0 5px;
  font-size: 17px;
}

.result_suivi {
  margin-top: 5px;
}

.result_suivi div {
  background-color: #f0f0f0;
  padding: 8px;
  border-radius: 5px;
}

.result_suivi span {
  margin-top: 11px;
}

.result_suivi div p {
  color: #585858;
}

.loading_resp {
  margin: 50px auto;
}

#question {
  width: 33%;
}

#question .loading {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  text-align: center;
}

#question .application--wrap {
  min-height: auto !important;
}

#question .list_sent_typeform {
  overflow: scroll;
  max-height: 270px;
}

#question .list_sent_typeform .label {
  padding: .3em .6em;
}

#question .list_sent_typeform .label.in_progress {
  background-color: #b4b4b4;
}

#question .list_sent_typeform .label.complete {
  background-color: #46c882;
}

#question .list_sent_typeform .v-list__tile__title {
  font-size: 14px !important;
}

#question .list_sent_typeform .v-list__tile__sub-title {
  color: #c5c5c5 !important;
  font-size: 12px;
}

#question .list_sent_typeform .v-list__tile__action {
  height: auto;
}

#question .list_sent_typeform .v-list__tile {
  height: 48px !important;
}

#question ul.list_form_resp {
  margin-left: 25px;
  list-style: none;
  counter-reset: steps;
}

#question li .question_form_resp {
  margin: 6px;
  color: #565656;
  font-weight: 200;
}

#question ul.list_form_resp li {
  display: flex;
  counter-increment: steps;
  margin-bottom: 10px;
  align-items: baseline;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 10px;
}

#question ul.list_form_resp li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #46c882;
  color: white;
  font-weight: 600;
  width: 2.2em;
  height: 1.5em;
  border-radius: 5px;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}

#question li .answer_form_resp {
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 600;
  color: #46c882;
  background-color: #eafdf3;
}

#question .form_to_choose.active {
  background-color: #e3f4eb;
}

#question .score {
  margin-left: 20px;
  background-color: #f3f3f3;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #e5e5e5;
}

#question .resp_list .v-card__text {
  padding: 0px;
}

#question .resp_list .headline h4 {
  margin: auto;
  color: #6e6e6e;
}

#question .resp_list .v-card__text {
  padding-top: 10px;
}

#question .resp_list .info_resp {
  display: flex;
  justify-content: space-between;
}

span.submit_label, span.score_label {
  margin: 10px 25px;
  font-size: 14px;
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 5px;
}

span.submit_label b, span.submit_label span, span.score_label b, span.score_label span {
  font-weight: 600;
  color: #a0a0a0;
  font-size: 14px;
}

#question .resp_list ul li div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 10px 20px;
}

.slide-fade-hor-enter-active {
  transition: all .4s ease;
}

.slide-fade-hor-leave-active {
  transition: all .4s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-hor-enter, .slide-fade-hor-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.timeline div.line {
  align-items: baseline;
  display: flex;
  margin: 0 3rem;
  justify-content: space-between;
}

.timeline div.line .app_label {
  width: 30%;
  text-align: right;
}

.timeline div.line .time {
  width: 20%;
  text-align: right;
}

.timeline div.line .time span, .result_suivi span {
  font-size: 12px;
  color: #7d7d7d;
}

.timeline div.line .name_env {
  text-align: left;
  width: 50%;
}

.app_label span {
  padding: 3px 5px;
  margin-right: 20px;
  color: white;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 27px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
}

.app_label span.C2Phobia {
  background-color: #46c882;
}

.app_label span.C2Addict {
  background-color: #e74c3c;
}

.app_label span.C2Nutri {
  background-color: #ff6a11;
}

.app_label span.C2Relax {
  background-color: #ae83ba;
}

.app_label span.C2Hypno {
  background-color: #ae83ba;
}

.app_label span.C2Custom {
  background-color: #818181;
}

.app_label span.C2Drive {
  background-color: #fed247;
}

.app_label span.C2Neuro {
  background-color: #5f7ebe;
}

.app_label span.C2Brain {
  background-color: #bcc414;
}

.app_label span.C2Memory {
  background-color: #bcc414;
}

.app_label span.C2Physio {
  background-color: #3ca2be;
}

.app_label span.C2Companion {
  background-color: #ea2853;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 0px !important;
}

.datepicker th.picker-switch {
  color: #46c882 !important;
  font-weight: 800;
}

.bootstrap-datetimepicker-widget table th.dow, .bootstrap-datetimepicker-widget table tbody tr td.day {
  padding: 8px !important;
}

.bootstrap-datetimepicker-widget table tbody tr td.day.old, .bootstrap-datetimepicker-widget table tbody tr td.day.new {
  color: #d3d3d3 !important;
}

/*Suivi patient*/
#timeline {
  display: flex;
  align-items: stretch;
  height: 100%;
}

.timeline {
  padding: 20px;
  background-color: #fbfbfb;
}

.timeline .begin, .timeline .end, .timeline .action, .timeline .lvl_patient, .timeline .comment {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.timeline .action {
  align-items: baseline;
}

.timeline .date_time {
  width: 30%;
}

.timeline .label_point {
  width: 8%;
}

.timeline .info_block {
  width: 62%;
}

.timeline .date_time, .timeline .date_time p {
  font-size: 12px;
  margin: 0;
  color: #6f6f6f;
}

.timeline .begin span.point_timeline, .timeline .end span.point_timeline {
  width: 15px;
  height: 15px;
  background-color: #ccc;
}

.timeline span.point_timeline {
  display: block;
  margin: auto;
  border-radius: 50%;
}

.timeline .action.param span.point_timeline {
  width: 20px;
  height: 20px;
  background-color: #19ABEA;
  position: relative;
}

.timeline .lvl_patient.param span.point_timeline {
  width: 15px;
  height: 15px;
  background-color: #eb3c3c;
  position: relative;
}

.timeline .comment.param span.point_timeline {
  width: 20px;
  height: 20px;
  background-color: #FED247;
  position: relative;
}

.timeline .end span.point_timeline {
  position: relative;
}

.timeline .begin span.point_timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  margin-top: 14px;
  border: 1px dashed #ececec;
  margin-left: 6px;
}

.timeline .begin p.title, .timeline .end p.title {
  font-weight: 600;
  font-size: 15px;
  flex-grow: 2;
  color: #46C882;
}

.timeline .action .info_block p.title, .timeline .lvl_patient .info_block p.title, .timeline .comment .info_block p.title {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 13px;
  color: #BFBFBF;
}

.timeline .lvl_patient .info_block p.title b {
  font-size: 14px;
  color: #636363;
}

.timeline .action .info_block .info, .timeline .comment .info_block .info {
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.03);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px;
  margin-right: 30px;
}

.timeline .action .info_block .info {
  border-left: 2px solid #2CBEEC;
}

.timeline .comment .info_block .info {
  border-left: 2px solid #FED247;
}

.timeline .action .info_block .info p {
  margin: 0;
}

.timeline .action .info_block .info p b {
  font-size: 14px;
}

.info_suivi .nom_patient {
  color: #46C882;
  background: none;
}

/*devices*/
.connect_device .step_1_2 {
  background-image: url('/images/arrow_connect.png');
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}

.connect_device span.step_number, .rift_install span.step_number, .oculus_keys span.step_number {
  float: left;
  padding: 10px;
  line-height: 0.5;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  background: #dcdcdc;
  font-weight: 900;
  color: #fff;
}

.connect_device .bg_arrow {
  background-image: url('/images/arrow_connect_2.png');
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 60px;
  margin-top: -30px;
}

.connect_device .step_2_device {
  margin-top: 10%;
}

.list_devices .subtitle {
  line-height: 17px;
  text-align: center;
  color: #7B7B7B;
  padding: 15px;
  margin: auto;
}

.bg_arrow .fa-play {
  margin: 0 10px;
  color: #46c882;
}

.device_line {
  margin: 15px;
  padding: 5px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.device_line_active {
  margin: 15px;
  padding: 5px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #46C882;
  box-shadow: 0px 0px 8px #46c882;
}



.device_line p.name, .name_pers {
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #6B6B6B;
  margin: 0;
}

.device_line i.date {
  font-weight: 300;
  font-size: 11px;
  line-height: normal;
}

.device_line .device_type p {
  font-size: 11px;
  color: #ababab;
  margin: 0;
}

.device_line .info {
  flex-grow: 2;
  margin-left: 10px;
}

.device_line .device_type i {
  color: #46C882;
  margin: 15px 15px 0 15px;
}

.device_line .device_actions {
  flex-grow: 0;
  display: flex;
  align-items: center;
}

.device_line .device_actions div {
  text-align: center;
  margin: 0 5px;
  cursor: pointer;
}

.device_line .device_actions p {
  font-style: italic;
  font-size: 10px;
  line-height: normal;
  text-align: center;
  color: #BDBDBD;
  margin: 0;
}

.device_actions i {
  font-size: 20px;
  padding: 10px;
  color: #ABABAB;
}

@keyframes blink {
  0% {
    box-shadow: 0 0 7px rgba(39, 189, 223, 0.52);
  }

  50% {
    box-shadow: none;
  }

  100% {
    box-shadow: 0 0 7px rgba(39, 189, 223, 0.52);
  }
}

@-webkit-keyframes blink {
  0% {
    box-shadow: 0 0 7px rgba(39, 189, 223, 0.52);
  }

  50% {
    box-shadow: 0 0 0;
  }

  100% {
    box-shadow: 0 0 7px rgba(39, 189, 223, 0.52);
  }
}

.device_line.new {
  -webkit-animation: blink 3.0s linear infinite;
  -moz-animation: blink 3.0s linear infinite;
  -ms-animation: blink 3.0s linear infinite;
  -o-animation: blink 3.0s linear infinite;
  animation: blink 3.0s linear infinite;
}

.change_name i, .change_name p {
  color: #147fdb !important;
}

.name_pers {
  border: none;
  border-bottom: 1px solid #ccc;
  width: auto;
  font-size: 15px;
  background-color: #f1f1f1 !important;
  padding-left: 9px;
}

#deviceConnectedModal .buttons {
  display: flex;
}

#deviceConnectedModal .buttons button {
  margin: 10px;
  position: relative;
}

#deviceConnectedModal h3 {
  font-size: 18px;
  margin: 20px;
}

.sb2-13 ul li a i {
  margin-right: 20px;
  width: 16px;
  font-size: 18px;
  line-height: 32px;
  color: #46c882;
}

.sb2-2 {
  float: left;
  width: 85%;
  padding: 40px;
  margin-left: 15%;
  background: #f7f7f7;
  /* position: absolute;*/
  margin-top: 50px;
  top: 50px;
  min-height: 100%;
}

.sb2-2.psylive {
  background-color: #e3e8ea;
  background: url(../images/pattern_bg.png);
  background-size: 30%;
  background-attachment: fixed;
}

.psylive_reg .phone {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.psylive_reg .phone i, .psylive_reg .pin i {
  color: #46c882;
  font-size: 20px;
  margin-right: 10px;
}

.psylive_reg .phone input {
  color: #46c882;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.7px;
  border: none;
  background-color: #f9f9f9;
  width: 25%;
  padding: 10px;
  font-size: 15px;
}

.psylive_reg form {
  background: none;
  border: none;
  padding: 0;
}

.psylive_reg .info_profile {
  background: #fff;
  margin-right: 13px !important;
}

.psylive_reg .info_profile .row {
  margin-left: 0px !important;
}

.psylive_reg .info_profile b {
  font-size: 14px;
  color: #2b2b2b;
}

.psylive_reg .info_profile textarea {
  background: #f9f9f9;
  padding: 10px;
  margin: 10px 0;
  border: none;
  max-height: 100px;
}

.psylive_reg .pglist-p-com-ti {
  position: relative;
}

.psylive_reg .home-list-pop-rat {
  position: absolute;
  background: #96c113;
  padding: 4px;
  font-weight: 600;
  color: #fff;
  right: 15px;
  top: 9px;
  font-size: 14px;
  border-radius: 2px;
}

.psylive_reg .hom-cre-acc-right input {
  border: none;
  background: #f9f9f9;
}

.psylive_reg .profession {
  margin: 15px 0;
  color: #8a8d92;
  font-weight: 700;
}

.psylive_reg .pg-list-user-pro img {
  margin: auto;
  width: 100%;
  padding: 15px;
}
.fa-star-of-life-custom{
  margin-left: 5px;
  top: -5px;
  color: #f7b44f;
  position: absolute;
  font-size: 10px;
}

.psylive_reg .pg-list-user-pro {
  background: none;
  height: auto;
}

.sb2-2-1 {
  background: #fff;
  padding: 25px;
}

.sb2-2-1 h2 {
  margin-top: 0px;
}

.sb2-2-1 p {}

.sb2-2-1 table {
  width: 100%;
}

.sb2-2-1 table tr {}

.sb2-2-1 table tr th {}

.sb2-2-1 table tr td {}

.sb2-2-1 table tr td a {}

.sb2-2-1-edit {}

.sb2-2-1-edit i {
  color: #FF5722;
}

.sb2-2-add-blog textarea {
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 200px;
}

/*-------------------------------------------------------*/
/* 2.LEFT MENU
/*-------------------------------------------------------*/
.profile_status_banner div {
  position: relative;
  overflow: hidden;
  padding: 15px 10px 10px 10px;
}

.offline {
  background: #c7c7c7;
}

.online {
  background: #8bc24a;
}

.occupe {
  background: #ff3407;
}

.absent {
  background: #fd920d;
}

.profile_status_banner div p {
  color: #fff;
}

.left-sub-menu {}

.left-sub-menu ul {
  background-color: #191919;
  /* padding: 0px 0px 10px 40px;
     */
}

.left-sub-menu ul li {
  list-style-type: none;
}

.left-sub-menu ul li:last-child {
  border-bottom: 0px solid #303b40;
}

.left-sub-menu ul li a {
  display: block;
  font-size: 13.5px;
  padding: 10px 30px;
}

.left-sub-menu ul li a:hover {
  color: #efefef !important;
}

.left-sub-menu ul li a:focus {
  background: none;
}

.left-sub-menu ul li a:after {
  display: none;
}

.sb2-2-2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.sb2-2-2 ul {
  padding: 0px;
  margin-bottom: 0px;
}

.sb2-2-2 ul li {
  list-style-type: none;
  float: left;
  padding-right: 5px;
}

.sb2-2-2 ul li a {
  color: #495d65;
  vertical-align: middle;
}

.sb2-2-2 ul li a i {
  padding-right: 2px;
}

.active-bre:before {
  content: "/";
  padding: 0 5px;
  color: #333;
}

.my-acc {}

.my-acc:hover {
  background: #4b5a61 !important;
}

.my-acc:focus {
  background: #4b5a61 !important;
}

/*-------------------------------------------------------*/
/* 8. TAB AND SEARCH
/*-------------------------------------------------------*/
.tab-inn {
  padding: 25px;
}

.tab-posi {
  position: relative;
  overflow: hidden;
}

.top-menu-sty {
  width: 250px !important;
}

.my-btn {
  color: #ffffff;
  background: #57666d;
  padding: 21px;
  line-height: 18px;
  font-weight: 700;
}

.app-search {
  position: relative;
  margin: 12px 15px 8px 5px;
  font-size: 13px;
  color: #626773;
  padding-left: 20px;
  padding-right: 40px;
  background: transparent;
  border: 1px solid rgba(122, 125, 132, 0.15);
  box-shadow: none;
  border-radius: 30px;
  height: 36px;
  font-weight: 600;
  width: 100%;
}

.app-search input {
  border: 0px !important;
  /* line-height: 7px !important;
     */
  height: 35px !important;
  color: #cecece;
}

.app-search a {
  position: absolute;
  top: 6px;
  right: 16px;
  color: #7a7d84;
}

.box-second-inn {
  margin-top: 30px;
}

.mar-bot-20 {
  margin-bottom: 20px;
}

.icon-container .icon-preview {
  height: 90px;
  text-align: center;
}

.icon-container span {
  display: block;
}

.icon-container i {
  font-size: 3em;
  margin-bottom: 10px;
}

.tab-pad {
  padding-top: 20px !important;
}

.tab-col {
  padding: 20px !important;
  color: #000;
}

.top-not-cen {
  margin: 0 auto;
  display: table;
  padding-top: 5px;
}

.btn-noti {
  width: 35px;
  height: 23px;
  top: 18px;
  display: initial !important;
  color: #000;
  font-size: 20px;
  margin-right: 20px;
}

.btn-noti span {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -8px;
  height: 14px;
  border-radius: 10px;
  min-width: 15px;
  background: #4CAF50;
  color: #fff;
  line-height: 14px;
  padding: 0px 2px;
  font-size: 11px;
  white-space: nowrap;
  -webkit-transform-origin: -10% center;
  -ms-transform-origin: -10% center;
  transform-origin: -10% center;
  font-family: tahoma;
  box-shadow: 0 0 0 1px #3d793f;
  text-align: center;
}

.top-user-pro {
  padding: 18px 20px;
  color: #494b4b;
  float: right;
}

.top-user-pro img {
  width: 25px;
  margin-right: 10px;
  border-radius: 35px;
  border: 2px solid #a1adb3;
}

.top-user-pro i {
  margin-left: 5px;
}

.page-back {
  float: right !important;
}

.page-back a {
  background: #13addb;
  color: #fff !important;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 25px;
  font-weight: 600;
}

/*-------------------------------------------------------*/
/* 5. INNER PAGE TITLE
/*-------------------------------------------------------*/
.inn-title {
  padding: 20px 15px 10px 15px;
  background: #253d52;
}

.inn-title h4 {
  font-weight: 700;
  padding-bottom: 10px;
  color: #fff;
  background: none;
  padding-left: 0px;
  padding-top: 0px;
}

.txt-danger {
  color: #ea6c41;
}

.inn-title p {
  /* padding-bottom: 10px;
     */
  color: #929292;
  margin-bottom: 0px;
  display: none;
}

/*Messagerie*/
.back_ico {
  display: none;
  position: absolute;
  top: 58px;
  left: 11px;
  font-size: 20px;
  color: #fff;
  background-color: #01a0d8;
  padding: 8px 15px;
  border-radius: 50%;
  z-index: 95;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54);
}

p.short_desc {
  font-size: 14px !important;
  color: #5b5b5b !important;
}

span.time_wrap {
  color: #969595;
  font-size: 12px;
}

.list_dialogs i.fa.fa-envelope-open {
  position: absolute;
  right: 30px;
  color: #eaedef;
}

.list_dialogs.active i.fa.fa-envelope-open {
  color: #fff;
}

.list_dialogs i.fa.fa-envelope {
  position: absolute;
  right: 30px;
  color: #1ebef0;
}

.session_bilan .headline b i {
  margin-left: 5px;
}

.session_bilan textarea {
  background-color: #f2f2f2;
  padding: 10px !important;
}

#send_mess_wrapper {
  margin-top: 10px;
}

#block_send_mess {
  display: none;
  background: #f8f8f8;
  padding: 37px;
  z-index: 85;
  margin-top: 20px;
  text-align: center;
}

.tz-3 ul li a .fa-user {
  font-size: 34px;
  margin-right: 16px;
  float: left;
  background-color: #eaedef;
  padding: 10px 12px;
  border-radius: 50%;
}

.tz-3 ul {
  padding: 0px !important;
}

.tz-3 ul li {
  padding: 17px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.tz-3 ul li.active {
  background-color: #f6f6f6;
}

.tz-3 ul li:hover {
  background-color: #eaedef;
}

.tz-3 ul li.active p.short_desc {
  font-weight: 600;
}

.tz-3 ul li.active a .fa-user-md {
  background-color: #fff;
}

.tz-3 ul li:last-child {
  padding: 17px !important;
}

.tz-3 ul li a .fa-user-md {
  font-size: 34px;
  margin-right: 16px;
  float: left;
  background-color: #eaedef;
  padding: 10px 12px;
  border-radius: 50%;
}

/*buttons*/
.wpcf7-submit {
  float: none;
  margin-bottom: 10px;
}

.wpcf7-submit.delete_message {
  float: right !important;
  top: -30px;
}

#refresh {
  margin: auto;
  position: relative;
  left: 50%;
  margin-left: -25px;
  background-color: #f5f5f5;
  border: none;
  padding: 5px 10px;
  color: #888;
  border-radius: 10px;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  font-size: 12px;
}

#refresh .fa-redo {
  color: #888;
}

#refresh:hover {
  background-color: #fff;
  color: #888;
}

.no_data_block {
  text-align: center;
  padding: 40px;
}

.no_data_block span {
  font-size: 25px;
  color: #d0d0d0;
}

/*textarea*/
.wpcf7-text, .wpcf7-textarea {
  padding: 20px !important;
  background-color: #f5f5f5 !important;
  height: 92px;
  border: none;
}

.wpcf7-textarea::placeholder {
  color: #5b5b5b;
}

.info_main_cl {
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.info_main_cl .form-group.has-feedback {
  width: 100%;
  margin: 0px !important;
}

.btn_send_mess {
  height: 92px;
  margin: -6px 0 0 0 !important;
}

.btn_send_mess .wpcf7-submit {
  background-color: #f5f5f5;
  border: none;
  height: 100%;
  margin: 0;
  padding: 20px;
  font-weight: 600;
  color: #54bef0;
  font-size: 17px;
  outline: none;
  font-size: 16px;
  display: block !important;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  text-align: center;
}

/* scrollbar*/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  /*background: #f1f1f1;*/
}

::-webkit-scrollbar-thumb {
  background: #c3c3c3;
}

::-webkit-scrollbar-thumb:hover {
  background: #9e9e9e;
}

/*overlay*/
.overlay {
  bottom: 0;
  background-color: rgba(255, 255, 255);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
}

/*-------------------------------------------------------*/
/* 7.DROPDOWN
/*-------------------------------------------------------*/
.drop-down-meta {
  position: absolute;
  right: 30px;
  padding: 3px;
  color: black;
  z-index: 999;
  top: 15px;
  background: #e3e8ea;
  width: 30px;
  height: 30px;
  border-radius: 25px;
}

.drop-down-meta:hover {
  background: #29a0da;
  color: #fff;
}

.box-inn-sp {
  background: #fff;
  /* padding: 25px;
     */
  /* border: 1px solid #e3e8ea;*/
  margin-bottom: 40px;
}

.tab-inn {}

.tab-inn th {
  /* font-size: 13px;
     text-transform: uppercase;*/
}

.tab-inn td {
  font-size: 14px;
  padding: 15px 8px 12px 8px !important;
}

.tab-inn table {
  margin-bottom: 0px;
}

.tab-inn table thead {
  background: #fff;
  /* fallback for old browsers */
  /*   background: -webkit-linear-gradient(to bottom, #e3e6e3, #afbcaf);*/
  /* Chrome 10-25, Safari 5.1-6 */
  /*   background: linear-gradient(to bottom, #e3e6e3, #afbcaf);*/
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.split-row {
  width: 100%;
  position: relative;
  /* overflow: hidden;
     */
  display: block;
}

.table-desi i {
  background: #8BC34A;
  color: #ffffff;
  padding: 5px 6px;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
}

.txt-success i {
  color: #ffffff;
  margin-right: 10px;
}

.txt-danger {
  color: #ea6c41;
}

.table-desi tbody tr td {
  color: #929292;
  padding: 15px 8px 12px 8px !important;
}

.list-enq-name {
  display: block;
  font-weight: bold;
  color: #46C882;
}

.bot-sp-20 {
  margin-bottom: 20px;
}

.ad-inn-page {
  /*   margin: 30px 15px;*/
}

.fa-layers.fa-2x.fa-fw {
  position: relative;
}

.ad-mar-to-min {
  margin-top: 40px;
}

.ad-mar-to-min form {
  margin-top: 0px;
}

.ad-inn-page thead {}

.ad-inn-page th {
  padding: 12px !important;
  border-radius: 0px;
  color: #A4A4A4 !important;
  font-weight: 300;
  font-size: 14px;
}

.ad-inn-page td {
  padding: 15px !important;
}

.ad-inn-page tr {}

.ad-tab-inn {
  padding: 0px;
}

.ad-inn-page i {
  color: #253d52;
  width: 20px;
  height: 20px;
  border: 1px solid #e3e8ea;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  padding: 3px;
}

.drop-down-meta-inn {
  top: 9px;
  right: 15px;
}

.admin-pag-na {
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
}

.admin-pag-na i {
  border: 0px;
  padding: 0px;
  width: inherit;
  height: inherit;
}

.ad-noto-text {}

.ad-noto-text textarea {
  height: 120px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 15px;
  background: #fff;
}

.atab-menu {
  display: inline-block;
  margin-left: 15px;
}

.logo {
  position: absolute;
  padding: 0;
  margin: 7px;
  /*box-shadow: 1px 2px 6px #e2e0e0;*/
  left: 6.5rem;
}

.logo img {
  width: auto;
  height: 60px;
}

.tab-menu {
  display: none;
}

.btn-close-menu {
  display: none;
  background: #31a165;
  color: #fff;
  padding: 5px 8px;
  border-radius: 2px;
  position: absolute;
  right:5px;
  top: 5px;
}

.db-mak-sett-save {
  margin-top: 25px;
  padding: 0px 25px 25px 25px;
}

.list-img img {
  width: 28px;
  height: 28px;
  border-radius: 50px;
}

/*-------------------------------------------------------*/
/* DASHBOARD: INVOICE
/*-------------------------------------------------------*/
.invoice {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid #eaedef;
}

.invoice:hover {
  box-shadow: 0px 0px 50px 7px rgba(150, 150, 150, 0.8);
}

.invoice-1 {
  padding: 50px;
}

.invoice-1-logo {
  margin-bottom: 60px;
}

.invoice-1-logo img {}

.invoice-1-logo span {
  float: right;
  text-transform: uppercase;
  font-size: 50px;
  font-family: 'Quicksand', sans-serif;
  color: #2a2b33;
  font-weight: 700;
  line-height: 35px;
}

.invoice-1-add {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}

.invoice-1-add-left {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.invoice-1-add-left h3 {}

.invoice-1-add-left p {}

.invoice-1-add-left h5 {}

.invoice-1-add-right {
  float: left;
  padding: 20px;
  background: #fdfae9;
  border-radius: 4px;
  /* display: inline-block;
     */
  width: 100%;
}

.invoice-1-add-right ul {
  margin-bottom: 0px;
}

.invoice-1-add-right ul li {}

.invoice-1-add-right ul li span {
  float: left;
  width: 50%;
  color: #343c42;
}

.invoice-1-tab {}

.invoice-1-tab table {}

.invoice-1-tab table th {
  text-transform: uppercase;
}

.invoice-1-tab table td {}

.invo-sub {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 24px !important;
}

.invoice-2 {
  background: #fdfae9;
  padding: 50px;
}

.invoice-price {}

.invoice-price th {
  text-transform: uppercase;
}

#invo-date {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 28px;
}

#invo-tot {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #F44336;
}

.invoice-print {
  padding: 50px;
}

.invoice-print a {
  margin-right: 10px;
  font-size: 14px;
  background: #20344c;
}

.tz-invo-full {
  padding: 0px;
}

.tz-invo-full1 {
  width: 100%;
  margin: 0px;
}

.db-v2-list-form-inn-tit {}

.db-v2-list-form-inn-tit h5 {
  font-weight: 600;
  font-size: 20px;
  padding: 0px 8px;
  margin-top: 40px;
}

.db-v2-pg-inp {}

.db-v2-pg-inp input {
  height: 45px !important;
}

.v2-db-form-note {
  font-size: 13px;
}

.v2-mar-top-40 {
  margin-top: 30px;
}

.cat-v2-hom-list {}

.cat-v2-hom-list ul {
  margin-bottom: 0px;
}

.cat-v2-hom-list ul li {
  float: left;
  width: 20%;
  text-align: center;
}

.cat-v2-hom-list ul li a {
  background: #eef6f9;
  display: block;
  margin: 10px;
  text-align: center;
  padding: 28px 20px 20px 20px;
  border-radius: 2px;
  color: #273440;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
  border: 1px solid #e8e8e8;
}

.cat-v2-hom-list ul li a:hover {
  background: #01a0d8;
  color: #fff;
}

.cat-v2-hom-list ul li a img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

/*-------------------------------------------------*/
/* = DROPDOWN MENU
/*-------------------------------------------------*/
.v3-top-menu {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  border-top: 1px solid #ececec;
  background: #ffffff;
  z-index: 99;
  transition: all 1s;
  -webkit-box-shadow: 0 1px 3px #960;
  -moz-box-shadow: 0 1px 3px #960;
  box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.47);
  border-bottom: 1px solid #ececec;
}

.v3-menu {
  padding: 10px 0px;
  position: relative;
}

.v3-m-1 {
  float: left;
  width: 20%;
}

.v3-m-1 img {
  width: 85%;
}

.v3-m-2 {
  float: left;
  width: 60%;
  padding: 5px 20px;
}

.v3-m-2 ul {
  margin-bottom: 0px;
}

.v3-m-2 ul li {
  float: left;
}

.v3-m-2 ul li a {
  color: #333;
  padding: 10px 20px;
}

.v3-m-3 {
  float: left;
  width: 20%;
}

/* .dropdown-content {
  overflow: auto;
} */

#dropdown2 {
  left: 162px !important;
}

#dropdown3 {
  left: 184px !important;
}

.ed-sub-menu:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  padding: 5px 5px;
  position: relative;
  top: 0px;
  font-size: 14px;
  font-weight: 900;
}

.ed-sub-drop-menu:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  padding: 5px 5px;
  position: relative;
  top: -5px;
  font-size: 14px;
  font-weight: 900;
  float: right;
}

.v3-top-ri {
  padding: 8px 0px;
}

.v3-top-ri ul {
  margin-bottom: 0px;
  float: right;
}

.v3-top-ri ul li {
  float: left;
}

.v3-top-ri ul li a {
  font-size: 15px;
  color: #fff;
  background: none;
  border: 2px solid #fff;
  font-weight: 400;
  border-radius: 50px;
  padding: 6px 10px;
  margin-left: 7px;
}

.v3-top-ri ul li a:hover {
  background-color: #46c882;
  border-color: #46c882;
}

.v3-top-ri ul li a i {
  margin-right: 5px;
}

.v3-add-bus {}

/*.v3-menu-sign {
     background-color: #46c882;
     padding: 7px 16px !important;
   /*border-radius: 7px !important;}*/
.dir-ho-tr .fa {
  margin-right: 10px;
}

.v3-mob-top-menu {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  border-top: 1px solid #ececec;
  background: #ffffff;
  z-index: 9;
  transition: all 1s;
  -webkit-box-shadow: 0 1px 3px #960;
  -moz-box-shadow: 0 1px 3px #960;
  box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.47);
  border-bottom: 1px solid #ececec;
}

.v3-mob-menu {}

.v3-mob-m-1 {
  float: left;
}

.v3-mob-m-1 img {}

.v3-mob-m-2 {
  float: right;
  padding: 8px 15px;
}

.v3-mob-m-2 ul {}

.v3-mob-m-2 ul li {}

.v3-mob-m-2 ul li a {}

#v3-mob-menu-btn {
  width: auto;
  float: initial;
}

.v3-list-ql {
  position: fixed;
  top: 60px;
  width: 100%;
  height: 50px;
  background: #151f31;
  z-index: 9;
  transition: all 1s;
  -webkit-box-shadow: 0 1px 3px #960;
  -moz-box-shadow: 0 1px 3px #960;
  box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.47);
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.v3-list-ql-inn {}

.v3-list-ql-inn ul {
  margin-bottom: 0px;
}

.v3-list-ql-inn ul li {
  float: left;
}

.v3-list-ql-inn ul li a {
  color: #151f31;
  border-right: 1px solid #e0e0e0;
  line-height: 50px;
  display: block;
  padding: 0px 15px;
  font-size: 14px;
  font-weight: 600;
}

.v3-list-ql-inn ul li a i {
  margin-right: 5px;
}

.v3-list-ql-inn ul li a:hover {
  background: #01a0d8;
  color: #fff;
}

.v3-list-ql-inn .active-list a {
  background: #01a0d8;
  color: #fff;
}

/*-------------------------------------------------*/
/* = CHECK OUT
/*-------------------------------------------------*/
.list-check-out {}

.list-check-out-inn {
  border: 1px solid #dcdcdc;
  margin: 0px;
}

.list-check-out-inn ul li b {
  color: #000000;
}

.chec-out-pay {
  border: 1px solid #dcdcdc;
  padding: 20px;
}

.chec-out-pay h5 {
  font-size: 20px;
}

.chec-out-pay label {
  margin-right: 15px;
}

.chec-out-pay [type="radio"]+label:before, [type="radio"]+label:after {
  top: 12px;
}

.chec-out-pay label img {}

/*-------------------------------------------------*/
/* = PRICE LISTR V4
/*-------------------------------------------------*/
.v4-pri-bg {
  background: url(../images/banner5.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}

.v4-price-list {}

.v4-pril-inn {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.v4-pril-inn-top {
  background: #222222;
  color: #eee;
  padding: 40px;
  color: #ECF0F1;
  text-align: center;
}

.v4-pril-inn-top h2 {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: normal;
}

.v4-pril-inn-top p {
  margin: 0px;
}

.v4-pril-price {
  margin: 0px;
}

.v4-pril-price b {
  font-size: 70px;
  line-height: 70px;
  color: #fff;
}

.v4-pril-curr {
  font-size: 24px;
  line-height: 40px;
  vertical-align: top;
  display: inline-block;
  color: #57666d;
  padding: 0 !important;
  font-weight: 600;
}

.v4-pril-mon {
  color: #ccc;
}

.v4-pril-inn-bot {
  border-top: 0px;
  /* padding-bottom: 5px;
     */
  background: #222222;
  text-align: center;
}

.v4-pril-inn-bot ul {
  list-style: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
  margin-bottom: 35px;
}

.v4-pril-inn-bot ul li {
  color: #fff;
  line-height: 45px;
  padding: 0px 25px;
}

.v4-pril-inn-bot ul li i {
  margin-right: 15px;
}

.v4-pril-inn-bot ul li .fa-check {
  color: #ef9d07;
}

.v4-pril-inn-bot ul li .fa-times {
  color: #7b7b7b;
}

.v4-pril-inn-bot ul li:nth-child(odd) {
  background: #282828;
}

.v4-pril-inn-bot ul li:nth-child(even) {
  background: #2d2d2d;
}

.v4-pri-best {
  width: 200px;
  position: absolute;
  top: 20px;
  left: -55px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #222;
  font-weight: bold;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  background-color: #FBA507;
  font-size: 15px;
}

/*-------------------------------------------------*/
/* HOME PAGE SEARCH BOX
/*-------------------------------------------------*/
/*carousel*/
.carousel-inner {
  height: 400px !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background: none !important;
}

.carousel .nav>li>a>img {
  max-width: 85px;
}

.carousel-caption {
  position: initial !important;
  text-align: left !important;
  color: #505050 !important;
  text-shadow: none !important;
  margin-top: 5%;
  margin-bottom: 5%;
}

.carousel-caption h3, .carousel-caption p {
  padding-bottom: 20px;
}

.carousel .nav>li>a {
  padding: 0px 0px !important;
  margin: 5px;
}

a.shadow {
  box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1);
  border-radius: 7px !important;
  height: 70px;
  width: 70px;
  padding: 0;
  border: none;
  display: flex;
  justify-content: center;
}

img.C2Addict {
  box-shadow: 2px 2px 1px #c33425 !important;
}

img.C2Nutri {
  box-shadow: 2px 2px 1px #d85b10 !important;
}

img.C2Phobia {
  box-shadow: 2px 2px 1px #23b366 !important;
}

img.C2Custom {
  box-shadow: 2px 2px 1px #767373 !important;
}

img.C2Hypno {
  box-shadow: 2px 2px 1px #a56bb4 !important;
}

img.C2Physio {
  box-shadow: 2px 2px 1px #3ca2be !important;
}

img.C2Drive {
  box-shadow: 2px 2px 1px #d1a828 !important;
}

img.C2Neuro {
  box-shadow: 2px 2px 1px #415d97 !important;
}

img.C2Brain {
  box-shadow: 2px 2px 1px #a4ab0e !important;
}

img.C2Comp {
  box-shadow: 2px 2px 1px #c11c41 !important;
}

.carousel .nav>li>a>img {
  max-width: 95px;
  width: 85px;
  opacity: 0.8;
  border-radius: 10px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.31);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.carousel-indicators {
  position: inherit !important;
  width: auto !important;
  margin-left: 0 !important;
  left: auto !important;
  bottom: auto !important;
  height: 150px;
}

.carousel-indicators li {
  float: none !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  text-indent: 0 !important;
  background: none;
  border: none !important;
}

.carousel-indicators li.active img, .carousel-indicators li img:hover {
  width: 95px !important;
  opacity: 1 !important;
}

.carousel-indicators .active {
  width: auto !important;
  background: none !important;
  height: auto !important;
}

#select-city {
  background: #fff;
  border: 0px;
  height: 55px;
  border-radius: 2px;
  /* padding: 5px 10px;
     */
  box-sizing: border-box;
  font-size: 14px;
  padding-left: 30px;
}

#select-search {
  background: url(../images/icon/search.png) no-repeat left center #fff;
  border: 0px;
  height: 55px;
  border-radius: 2px;
  padding: 0px 10px 0px 35px;
  box-sizing: border-box;
  font-size: 14px;
  background-size: 17px;
  background-position-x: 10px;
}

#top-select-city {
  background: #fff;
  border: 0px;
  height: 38px;
  border-radius: 2px;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 14px;
}

#top-select-search {
  background: url(../images/icon/search.png) no-repeat left center #fff;
  border: 0px;
  height: 38px;
  border-radius: 2px;
  padding: 0px 10px 0px 35px;
  box-sizing: border-box;
  font-size: 14px;
  background-size: 17px;
  background-position-x: 10px;
}


.search-hotel-type {
  padding-left: 18px;
}

.autocomplete-content ul li a {
  border-bottom: 1px solid #e0e0e0;
}

.profile-btn {
  border: none;
  height: 30px;
  line-height: 26px;
  color: #fff;
  padding: 2px 10px;
  border-radius: 2px;
  background: #1aa5d8;
  background: linear-gradient(to bottom, #1aa5d8, #1386b1);
  font-family: 'Quicksand', sans-serif;
}

.profile-btn:hover {
  color: #fff;
}

.autocomplete-content li img {
  float: left;
  width: 26px !important;
  height: 26px !important;
  left: 0px;
  top: 15px;
}


/*-------------------------------------------------------*/
/* EMAIL TEMPLATE
/*-------------------------------------------------------*/
.email-tem {
  background: #efefef;
  position: relative;
  overflow: hidden;
}

.email-tem-inn {
  width: 50%;
  margin: 0 auto;
  padding: 50px;
  background: #ffffff;
  /* margin-top: 50px;
     */
  /* margin-bottom: 50px;
     */
}

.email-tem-main {
  background: #fdfdfd;
  box-shadow: 0px 10px 24px -10px rgba(0, 0, 0, 0.8);
  margin-bottom: 50px;
  border-radius: 10px;
}

.email-tem-head {
  width: 100%;
  background: #006df0 url('../images/mail/bg.png') repeat;
  padding: 50px;
  box-sizing: border-box;
  border-radius: 5px 5px 0px 0px;
}

.email-tem-head h2 {
  color: #fff;
  font-size: 32px;
  text-transform: capitalize;
}

.email-tem-head h2 img {
  float: left;
  padding-right: 25px;
  width: 100px;
}

.email-tem-body {
  padding: 50px;
}

.email-tem-body h3 {
  margin-bottom: 25px;
}

.email-tem-body p {}

.email-tem-body a {
  background: #006df0;
  color: #fff;
  padding: 12px;
  border-radius: 2px;
  margin-top: 15px;
  position: relative;
  display: inline-block;
}

.email-tem-foot {
  text-align: center;
}

.email-tem-foot h4 {}

.email-tem-foot ul {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display: table;
  margin-bottom: 18px;
  margin-top: 25px;
}

.email-tem-foot ul li {
  float: left;
  display: inline-block;
  padding: 0px 10px;
}

.email-tem-foot ul li a {}

.email-tem-foot ul li a img {}

.email-tem-foot p {
  margin-bottom: 0px;
  padding-top: 5px;
  font-size: 13px;
}

.email-point {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  /* margin-bottom: 25px;
     */
  padding-bottom: 15px;
  padding-top: 20px;
}

.email-point-left {
  float: left;
  width: 20%;
}

.email-point-left img {
  width: 100%;
  padding: 0px 20px 0px 0px;
}

.email-point-righ {
  float: left;
  width: 80%;
}

.email-point-righ h4 {
  padding-bottom: 10px;
}

.email-point-righ p {
  font-size: 13px;
  margin-bottom: 15px;
}

.email-list {}

.email-list ul {
  margin-bottom: 0px;
}

.email-list ul li {
  display: block;
  font-size: 14px;
}

/*-------------------------------------------------*/
/* = REGISTER LOGIN POPUPS
/*-------------------------------------------------*/
.log-in-pop {
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 60%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
  display: flex;
  align-items: stretch;
}

.verif-pop {
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 60%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}

.verif-pop {
  width: 40% !important;
}

.verif-right form {
  margin-top: 10px;
}

.verif-right img {
  margin-bottom: 20px;
}

.verif-right {
  text-align: center;
  margin: auto;
  width: 80%;
  padding: 50px;
}

.log-in-pop-left {
  text-align: center;
  width: 40%;
  background: url(../images/pattern_bg.png);
  background-color: #57666d;
  padding: 6%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.log-in-pop-left::before {}

.log-in-pop-left h1 {
  color: #fff;
  font-size: 32px;
}

.log-in-pop-left h1 span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding: 10px 0px;
}

.log-in-pop-left p {
  color: #fff;
}

.log-in-pop-left h4 {
  color: #fff;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: 1px solid #525f6d;
  padding-top: 15px;
}

.log-in-pop-left ul {
  margin-bottom: 0px;
}

.log-in-pop-left ul li {
  margin-bottom: 5px;
}

.log-in-pop-left ul li a {
  display: block;
  background: #3F51B5;
  color: #fff;
  padding: 12px;
  border-radius: 2px;
  font-family: 'Quicksand', sans-serif;
}

.log-in-pop-left ul li:nth-child(1) a {
  background: #39579A;
}

.log-in-pop-left ul li:nth-child(2) a {
  background: #F24033;
}

.log-in-pop-left ul li:nth-child(3) a {
  background: #24A9E6;
}

.log-in-pop-left ul li a i {
  padding-right: 7px;
}

.log-in-pop-right {
  width: 60%;
  padding: 50px;
}

.log-in-pop-right h4 {
  font-size: 24px;
  margin-bottom: 20px;
}

.log-in-pop-right p {}

.log-in-pop-right a {
  color: #333;
}

.log-in-pop-right form {}

.log-in-pop-right form label {
  font-size: 14px !important;
  font-weight: 200;
  left: 15px;
  top: 14px;
}

.log-in-pop-right form input {
  border: 1px solid #dfdfdf;
  padding: 8px;
  box-sizing: border-box;
  height: 45px;
  border-radius: 2px;
  font-size: 15px;
  color: #636363;
}

.log-in-pop-right form textarea {
  border: 1px solid #dfdfdf;
  padding: 8px;
  box-sizing: border-box;
  height: 70px;
  border-radius: 2px;
  font-size: 15px;
  color: #636363;
}

.log-in-pop-right form input[type="submit"] {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.padd-top {
  margin-top: 15px;
}

.log-in-btn {
  background: #f4364f;
  color: #fff;
  padding: 2px 10px;
  font-weight: 600;
}

.pop-close {
  color: #333;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 15px;
}

.pop-close:hover {
  transform: rotate(180deg);
}

.pop-close img {
  width: 24px;
}

.modal-open {
  overflow: inherit !important;
}

.modal_session_open {
  background-color: rgba(0, 0, 0, 0.51);
  display: flex !important;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  align-items: center;
}

.dir-ho-tr ul {
  margin-right: 25px;
}

#ModalSession .modal-dialog {
  width: 20%;
}

#modal_add_patient {
  top: 10%;
  overflow: auto;
}

.modal .modal-close {
  background: none;
  border: none;
  position: absolute;
  right: 3px;
  top: 0;
}

.modal .modal-close span {
  font-size: 24px;
  font-weight: 600;
  color: #aaa;
}

.nav>li>a {
  padding: 10px 5px !important;
}

.carousel .nav>li>a>img {
  max-width: 70px;
}

.del-mess-pop h4 {
  margin-top: 10px;
  font-size: 24px;
  margin-bottom: 20px;
}

.del-mess-pop h4 span {
  font-size: 24px;
  font-weight: 600;
  color: #949494;
}

.modal-dialog-centered {
  top: 20%;
}

.log-ch-bx {}

.log-ch-bx p {}

.log-ch-bx p label {
  left: 1px;
  top: 10px;
  color: #727070;
}

.log-ch-bx p input {}

/*-------------------------------------------------------*/
/* INDEX 3 STYLES
/*-------------------------------------------------------*/
.dir-cat-search {
  width: 85%;
}

.cate-search-form {}

.cate-search-form div {
  float: left;
  padding: 0px 5px;
}

.cate-search-form div:nth-child(1) {
  width: 40%;
}

.cate-search-form div:nth-child(1) input {
  background: #fff !important;
}

.cate-search-form div:before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  position: absolute;
  font-size: 14px;
  color: #6a6f73;
  margin: 18px 5px 5px 11px;
  font-weight: 300;
}

.cate-search-form div:nth-child(2):before {
  content: "\f041";
  font-size: 18px;
  margin-top: 17px;
}

.cate-search-form div:nth-child(3):before {
  content: "\f0ca";
}

.cate-search-form div input {
  padding-left: 35px;
}

.cate-search-form div:nth-child(2) {
  width: 20%;
}

.cate-search-form div:nth-child(3) {
  width: 20%;
}

.cate-search-form div:nth-child(4) {
  width: 15%;
}

.cate-search-form .auto-category {
  background: #fff;
  border: 0px;
  height: 55px;
  border-radius: 2px;
  /* padding: 5px 10px;
     */
  box-sizing: border-box;
  font-size: 14px;
}

.cate-search-form div.input-field label {
  top: 18px;
  left: 38px;
}

.box-inn-sp div.input-field label {
  top: 11px;
  left: 38px;
}

.dir3-home-head {
  width: 100%;
  /*height: 100%;*/
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* z-index: 99;
     */
  background: url(../images/header_bg_pro.jpg) no-repeat, #2196f3;
  background-size: cover;
  position: relative;
  background-position: center;
}

.dir3-home-head:before {
  content: '';
  position: absolute;
  /*   background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 14%, rgba(0, 0, 0, 0.14) 66%);*/
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.hom3-top-menu {
  display: block;
  top: -70px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.top-menu-down {
  top: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.cate-search-form div input[type="submit"] {
  padding-left: 0px;
}

.land-packages {
  /*background: #e9f8fd;*/
  margin-top: -5px;
  margin-bottom: -5px;
  /*  border-bottom: 1px solid #cfe5ec;
    border-top: 1px solid #cfe5ec;*/
  padding-top: 50px;
}

.land-pack {
  position: relative;
  display: table;
  width: 85%;
  margin: 0 auto;
  margin-top: -100px;
}

.land-pack .fa-arrow-circle-right {
  color: #46c882;
  margin-left: 10px;
}

.land-pack ul {}

.land-pack ul li {
  /*float: left;
     width: 25%;*/
  font-size: 15px;
  color: #8e8e8e;
  background: url(../images/arr.png) no-repeat center left;
  padding-left: 24px;
  background-size: 9px;
}

.land-pack-grid {
  display: inline-block;
  width: 95%;
  position: relative;
  overflow: hidden;
  height: auto;
  box-sizing: border-box;
  background: #141e30;
}

.land-pack-grid:hover .land-pack-grid-text {
  margin-top: -42px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.land-pack-grid:hover .land-pack-grid-btn {
  height: 40px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.land-pack-grid-img img {
  width: 100%;
  height: 180px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.8;
}

.land-pack-grid:hover .land-pack-grid-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05)
}

.land-pack-grid-text {
  position: relative;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  margin-top: -5px;
}

.land-pack-grid-text h4 {
  margin: 0;
  background: #fff;
  padding: 15px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}

.land-pack-grid-btn {
  background: #17b599;
  color: #fff !important;
  text-align: center;
  display: block;
  height: 2.5px;
  line-height: 42px;
  box-sizing: border-box;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.land-pack-grid-btn-red {
  background: #df431f
}

.land-pack-grid-btn-yel {
  background: #f3c438
}

.land-pack-grid-btn-blu {
  background: #01a0d8
}

.c2servlogo.card {
  box-shadow: none !important;
  border: none;
}

.info_assistance {
  margin: 0px !important;
  width: auto !important;
}

.info_assistance .card {
  margin-bottom: 20px !important;
}

.contact_us .support_wrap {
  margin: 15rem auto 0 auto;
  width: 80%;
}

.contact_us .support_wrap .card {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact_us .support_wrap .card .icon {
  position: absolute;
  top: -60px;
  padding: 10px;
  border-radius: 50%;
  margin: auto;
  left: 0;
  right: 0;
}

.contact_us .support_wrap .card .icon i {
  font-size: 30px;
  padding: 15px;
  border-radius: 50%;
  margin: 15px;
  color: #ccc;
  background-color: #fff;
  box-shadow: 0px 4px 4px #0000001f;
}

.support_wrap.card-body {
  margin: 0 !important;
}

.support_wrap .card a {
  max-width: 100%;
  max-height: 300px;
}

.support_wrap .card .overlay, .tuto_wrap .card .overlay {
  display: none;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.50);
}

.support_wrap .card .overlay i {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 0;
  right: 0;
  font-size: 50px;
  color: rgb(70, 200, 130);
}

.device_info .support_wrap ul li, .device_info .support_wrap ul li a, .links_download a {
  color: #636363;
  font-size: 14px;
  margin: 0 30px;
}

.device_info .support_wrap ul li a, .links_download a {
  text-decoration: underline;
}

.device_info .link {
  color: #8b8b8b;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}

.download_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4%;
}

.tuto_wrap .card .overlay i {
  margin-top: 20%;
  font-size: 50px;
  color: rgb(70, 200, 130);
}

.support_wrap .card small {
  color: #57666d;
}

.type_abon_wrap {
  margin: 15px;
}

.list_app img {
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-top: 5px;
}

.ico_wrap .card, .support_wrap .card {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
  transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
  padding: 30px 90px 30px 35px;
  min-height: 160px;
  color: #6c6c6c;
}

.ico_wrap .card:hover, .support_wrap .card:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

.ico_wrap .card h3 {
  font-weight: 600;
}

.support_wrap .card h3 {
  font-weight: 600;
  color: #46c882;
  font-size: 20px;
}

.support_wrap .card img {
  border: none;
}

.ico_wrap .card img {
  position: absolute;
  top: 20px;
  right: 15px;
  max-height: 120px;
}

.ico_wrap .card-1, .ico_wrap .card-2, .ico_wrap .card-3, .ico_wrap .card-4, .ico_wrap .card-5, .ico_wrap .card-6 {
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.ico_wrap .card-1 {
  background-image: url('../images/ionic-native-card.png');
}

.ico_wrap .card-2 {
  background-image: url('../images/components-card.png');
}

.ico_wrap .card-3 {
  background-image: url('../images/theming-card.png');
}

.ico_wrap .card-4 {
  background-image: url('../images/ionic-native-card4.png');
}

.ico_wrap .card-5 {
  background-image: url('../images/ionic-native-card5.png');
}

.ico_wrap .card-6 {
  background-image: url('../images/ionic-native-card.png');
}

.forgot_pass a {
  color: #fff;
}

.card.connection, .card.lost_pass {
  padding: 20px;
  text-align: center;
  color: #fff;
  border-top: 4px solid #3a4043;
}

.card.lost_pass p {
  color: #c3c3c3;
}

.card.connection .form-group, .card.lost_pass .form-group, .log-in-pop-right .form-group {
  display: flex;
  margin: 15px 0;
}

.card.connection .fa, .card.lost_pass .fa, .log-in-pop-right .fa {
  font-size: 20px;
  margin: 8px;
  color: #9da6b8;
}

.card.connection .form-group input, .card.lost_pass .form-group input {
  background-color: #fff;
  border: none;
  border-radius: 4px;
}

.tuto_wrap {
  margin-top: 20px;
}

.tuto_wrap .card h3 {
  color: #46c882;
  margin-bottom: 10px;
  font-size: 18px;
}

.tuto_wrap .card a {
display: block;
width: 100%;
}

.tuto_wrap .card img {
  margin: auto;
  display: block;
  width: 90%;
  height: 25vh;
  object-fit: cover;
}

.tuto_wrap .card p {
  background-color: #f2f1f1;
  margin: -20px;
  padding: 13px;
  margin-top: 0px;
}

.tuto ul {
  margin-top: 30px;
}

.tuto ul li {
  list-style-type: disc;
  margin: 8px;
  font-size: 15px;
}

.drivers_wheel span.red {
  background: none !important;
  color: #ff2323;
}

.drivers_wheel h3, .multipatient h3 {
  margin-bottom: 20px;
}

.drivers_wheel .tuto_wrap {
  margin-top: 0px;
}

.drivers_wheel img {
  margin: auto;
}


.multipatient .tuto_wrap h4 {
  text-align: left;
}

.multipatient .list {
  font-weight: 600;
  text-align: left;
}

.multipatient ul {
  margin-top: 0;
  margin-bottom: 30px;
}

.controllers_manual ul li {
  list-style-type: decimal;
}

.land-com-form {
  background: #57666d;
  padding: 30px;
  border-radius: 4px;
  box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.76);
}

.land-com-form h2 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 18px;
  color: #262e3e;
}

.land-com-form form ul li {
  margin-bottom: 15px;
  position: relative;
  list-style-type: none;
}

.land-com-form form ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /* content: "\f002";*/
  position: absolute;
  font-size: 18px;
  margin-top: 19px;
  margin-left: 10px;
  color: #424a5a;
  z-index: 1;
}

.land-com-form form ul li .autocomplete-content li {
  margin-bottom: 0px;
}

.land-com-form form ul li .autocomplete-content li:before {
  display: none;
}

.land-com-form form ul li .input-field .far {
  cursor: pointer;
  font-weight: 900;
  font-size: 18px;
  color: #424a5a;
  position: absolute;
  right: 28px;
  top: 11px;
}

.land-com-form form ul li#name:before, .land-com-form form ul li#lstname:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.land-com-form form ul li#mail:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0e0";
}

.land-com-form form ul li#pass:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f09c";
}

.land-com-form form ul li#info:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a";
}

.land-com-form form ul li#adress:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f276";
}

.land-com-form form ul li#phone:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f095";
}

#adress .dropdown-content.select-dropdown {
  overflow-x: auto;
}

.input-field textarea {
  height: 100%;
  border-radius: 3px;
  border: 1px solid #d4d4d4;
}

.input-field textarea::placeholder {
  color: #262e3e;
  font-weight: 400;
}

.land-com-form form ul li .input-field label {
  top: 9px;
  left: 55px;
}

.land-com-form form ul li input {
  width: 100%;
  display: block;
  border: 0;
  border: 1px solid #d4d4d4;
  line-height: 24px;
  font-size: 14px;
  outline: none;
  height: 40px;
  background: #ffffff;
  padding-left: 40px;
  box-sizing: border-box;
  border-radius: 3px;
  color: #1a2a38;
}

.land-com-form form ul li select {
  width: 100%;
  display: block;
  border: 0;
  border: 1px solid #d4d4d4;
  line-height: 24px;
  font-size: 14px;
  outline: none;
  height: 40px;
  background: #ffffff;
  padding-left: 45px;
  box-sizing: border-box;
  border-radius: 3px;
  color: #1a2a38;
}

select.initialized {
  display: none !important;
}

.land-com-form form ul li input[type="submit"] {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  border: 0px;
  padding: 0;
  padding-bottom: 14px;
}

.land-com-form form ul li p {
  margin-bottom: 0px;
  color: #a1aab3;
  font-size: 13px;
  text-align: center;
}

.land-com-form form ul li p a {
  color: #d4d5d8;
  font-size: 12px;
}

.land-com-form form ul li:last-child {
  margin-bottom: 0px;
}

.land-3-dwn-full {
  display: inline-block;
  padding: 60px 0px;
}

.quic-book-ser-full {
  display: inline-block;
  width: 100%;
}


.quic-book-ser-inn {
  display: table;
  width: 25%;
  margin: 0 auto;
  max-width: 1020px;
}


.quic-book-ser-right {
  float: left;
  width: 60%;
  padding-left: 70px;
}

.quic-book-text1 h3 {
  font-weight: 100;
  font-size: 34px;
}

.quic-book-text1 h3 span {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 42px;
  color: #333333;
  margin-top: 10px;
  display: inline-block;
  margin-bottom: 30px;
}