*{
    padding: 0;
    margin: 0;
    font-family:Montserrat;
    text-decoration:none;
    font-style:normal;
}
*:focus {
    outline: none;
}
#IndexPageNavlogo{
    max-width:90px !important;
    height: auto;
}
#IndexPageFooterLogo{
    max-width: 153px !important;
    height: auto;
}

#IndexPageBody{
    background: url(img/bg.png);
    background-size: auto;
    font-size: 14px !important;
    text-decoration: none !important;

}

#IndexPage .f-18 {
    font-size: 18px;
    font-weight: 700;
}
#IndexPage .nav-item {
 margin-right: 20px;
}
#IndexPage a {
    text-decoration: none;
}
#IndexPage .navbar li a{
    color:#000000;
    font-weight: 600;
}
#IndexPage .navbar li a:hover{
    border-bottom: 3px solid #FE5C36
    ;
}
#IndexPage .nav-link-active{
    border-bottom: 3px solid #FE5C36;

}
#IndexPage .nav-link{
    color: #000000;
}
#IndexPage .form{
    align-items: center;
    text-align: center;
    background: #fff;
    color:#434343;
    justify-items: center;
    padding: 30px;
    box-shadow: 0px 0px 40px 0px #00000026;
    margin-top: 5vw;
    padding-bottom: 5px;

}
#IndexPage .signup{
    height: auto;
}
#IndexPage .form-head{
    display: inline-flex;
    justify-content: space-between;
    width: 60%;
    margin:0px 30px 0px;
    color:#FE5C36;
    font-weight: Bold;
    Font-size: 18px;
    Line-height: 22px;
    Opacity: 80%; 
    
}
#IndexPage .form-head p{
    padding-bottom: 6px;
}
#IndexPage .button{
    Opacity: 10%;
    background:#434343
}
#IndexPage .enter{
    font-weight: Bold;
    Font-size: 18px;
    Line-height: 22px;
    margin: 30px 0px;

}
#IndexPage .form-foot,.form-foot1{
    display: inline-flex;
    justify-content: space-between;
    width: 80%;
}
#IndexPage .sign:hover{
    cursor: pointer;
    border-bottom: 3px solid #FE5C36;
}
#IndexPage .f-18-active{
    cursor: pointer;
    border-bottom: 3px solid #FE5C36;
}
#IndexPage .form input{
    background: transparent;
    border: none;
    justify-self: center;
    width: 70%;
    align-self: center;
    justify-content: center;
}

#IndexPage .login{
    margin: 30px 0;
    color: #66434343;
}
#IndexPage .text-muted1{
    background: #ccc;
}
#IndexPage .form-foot p{
    Font-size: 15px;
Line-height: 18px;
Opacity: 20%;
color:#434343;
font-size: x-small
}
#IndexPage .form-foot1 p{
    Font-size: 13px;
Line-height: 18px;
Opacity: 20%;
color:#434343;
}
#IndexPage .send{
    color:#434343;
    border-radius: 20px;
    Font-size: 16px;
    Line-height: 20px;
    Opacity: 40%;
    background-color:#ccc;
    padding: 10px 25px;
    border: none;
}
#IndexPage .drop{
    top:23px;
    position: absolute;
    right:23px;
}

#IndexPage footer input{
    background: transparent;
}
#IndexPage footer{
    height: 100%;
}
#IndexPage .footer-heading{
    Font-size: 13px;
    Line-height: 16px;
    color:#fff;

}
#IndexPage footer li a{
        color:#fff;

}
#IndexPage .free form{
    width:150px;
} 
#IndexPage .new{
    background:#54AFBC;
    ;
}
#IndexPage .nav-links li{
    list-style-type:none;
}
#IndexPage .nav-links li a{
    text-decoration: none;
    
}
#IndexPage .d-flex1{
    justify-content: space-between;
    width: 100%;
    
}
#IndexPage .text-reset{
    text-decoration: none !important;
}
#IndexPage input.transparent-input{
    background-color:rgba(0,0,0,0) !important;
    border:none !important;
}
#IndexPage .footer-input{
    background: transparent !important;
    color:white;
}
#IndexPage footer{
    color: white;
    line-height: 1;
}
#IndexPage footer select{
    color:white;
    max-width: 100%;
   
}
#IndexPage footer a{
    color:white
}
#IndexPage .copy li a{
    text-decoration: none;
    
}
#IndexPage .copy{
    display: inline-flex;
    width: 100%;
}
#IndexPage .input-lenght{
    width: 30px;
}
#IndexPage .red{
    background:#FE5C36;
}
/* start dashboardPage style */
*{
    padding: 0;
    margin: 0;
    font-family:Montserrat;
    text-decoration:none;
}
#DashboardPage body{
    font-family: 'Montserrat';
    background:#FBFAFA;
}
#DashboardPage .text-small{
    font-size: 1.3vh;
    margin-bottom: 0;
    padding-bottom: 0;
}


 @media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}
#DashboardPage .bg--i{
    background-color:#D9D9D9;
}
#DashboardPage main{
    background: #FBFAFA
}
#DashboardPage nav{
   background: #FFFFFF;

}
#DashboardPage .john{
    max-width: 60px;
    border-radius: 20px;
    position: relative;
}
#DashboardPage .five{
    max-width: 50px;
}
#DashboardPage .first{
    max-height:200px ;
    border-radius: 20px;
    line-height: 1.2;
}
#DashboardPage .first1{
    border-radius: 20px;
    line-height: 1.2;
}
#DashboardPage .name{
    margin-left: 10px;
}
#DashboardPage .avatar{
    width:35px;
}
#DashboardPage .avatar1{
    max-width:52px;
}
#DashboardPage .box3{
    line-height: 1.2;
}
#DashboardPage .curve{
    border-radius: 20px;
}
#DashboardPage .bodb{
    border-bottom: #444;
}
#DashboardPage .starbucks{
   height: 130px;
    width: 100%;
    border-radius: 20px 20px 0 0 ;
    background:url('/img/starbucks.jpeg');
    background-size: cover;
    font-weight: bolder;
opacity: 0.7;}

#DashboardPage .starbucks p{
    text-shadow: 2px 2px 4px #000000;
}

#DashboardPage .mass{
    top:-16vh;
    position: relative;
    left: 32vh;
}
#DashboardPage #floatingTextarea2{
    max-height: 200px;
    min-height: 150px;
}
#DashboardPage .emojo li.emoji img{
    max-height: 39px;
    margin-left: 10px;
    opacity: 50%;
    min-height: 30px;
}
#DashboardPage .emoji1{
    margin-left: 10px;
}
#DashboardPage .phone img{
    max-height: 20px;
    margin-top: -20px;
}
#DashboardPage .phone{
    box-shadow: 0px 0px 13px 0px #00000040;
    border-radius: 10px;
}
#DashboardPage .over{
    max-height: 430px;
}
#DashboardPage .meet{
    max-height: 360px;
}
#DashboardPage .midft{
    color:#ccc;
}
#DashboardPage footer{
    background: #fff;
    font-weight: bolder;
}
#DashboardPage .btn.dropdown-toggle::after {
    content: none;
}
#DashboardPage nav.dropdown button:focus{
    border: none;
}
#DashboardPage .tar textarea {
	resize: none;
    border: #FBFAFA 2px solid;
}
#DashboardPage .button1{
max-height: 55px;
width: 154px;
border-radius: 30px;
background-color: #FFB449;
font-weight: 900;
}
#DashboardPage .sccr::-webkit-scrollbar {
    display: none;
  }
#DashboardPage .post-btn{
    height: 39px;
    width: 100px;
    border-radius: 30px;
    background-color: #FFB449;
    font-weight: bold;
}
#DashboardPage .avatar-icon{
    color: #858585;
    background-color: #D9D9D9; 
    border:1px solid #fff; 
    
}
#DashboardPage .box3mt{
    margin-top: -60px;
}
#DashboardPage .box1{
    margin-bottom: 40px;
}
#DashboardPage .box2{
    margin-bottom: 70px;
}
.green{
    color:green;
}
#DashboardPage .foot{
    color: #ccc;
    font-weight: normal;
}
#DashboardPage .fa-image{
    position: absolute;
    right: 1em;
    top: .65em;
}
#DashboardPage .avatar-div{
    width: 60px;
    border-radius: 20px;
   background-size: cover;
   height: 60px;
   background: url('/img/johndoe.png');
}
#DashboardPage .badge-custom{
    padding:3px 4px;
}
#DashboardPage .jeff{
    opacity: 40%;
}
#DashboardPage .place{
    color:#434343;
}
#DashboardPage .col-half-offset{
    margin-left:4.166666667%
}
#DashboardPage .jackson-pot{
    height: 16px;
    width: 82px;
    font-style:bolder;
    Font-size: 13px;
    Line-height: 16px;
    color: #434343;
}
#DashboardPage label{
    width: 100%;
}
#DashboardPage .sdd{
    margin-left: 10px;
}
#DashboardPage div.mtp--30{
    margin-top: -30px;
}
@media screen and (max-width: 770px) {
    #DashboardPage .first {margin-bottom:20px;}
    #DashboardPage .search{ display: none;}
    #DashboardPage .footer{
        color:#434343;
    }
    
    }
    
@media screen and (max-width: 400px) {
    #DashboardPage.txt-sm{
        font-size: 2.5vw;
    }
    #DashboardPage.box3 i{
        font-size: 2;
    }
    #DashboardPage p{
        font-size: 2vw;
    }
    #DashboardPage .over{
        max-height: 420px;
    }
    #DashboardPage .meet{
        max-height: 330px;
    }
    #DashboardPage footer>div{
        display: block;
    }
    #DashboardPage .box1{
        margin-top: 0;
    }
    #DashboardPage .meet{
        max-height: 330px;
    }
    #DashboardPage .button1{
        margin-top: -8px;
    }
    #DashboardPage .post-btn{
        margin-top: -8px;
    }
}
@media screen and (max-width:1000) {
    #DashboardPage .col-half-offset{
        margin-left: 0;
    }    
}
/* end dashboardPage style */

/* start placePage style */

#PlacePage {
    font-family: 'Montserrat';
    background:#FBFAFA;
    box-sizing: border-box;
    text-decoration:none;
}
/* *:focus {
    outline: none;
} */
#PlacePage .foot{
    color:#ccc;
}
#PlacePage main{
    background: #Fff;
}
#PlacePage nav{
   background: #FFFFFF;
    border-bottom: 1px solid #FBFAFA;
}
#PlacePage .btn.dropdown-toggle::after {
    content: none;
}
#PlacePage .jeff{
    height: 24px;
}
#PlacePage .feature{
    color: #434343;
    font-size: Bold;
    Font-size: 20px;
    Line-height: 24px
}
#PlacePage .pub-div{
height: 222px;
max-width: 100%;

color:#FFFFFF;

}
#PlacePage .bodr{
    border-radius: 30px;
}
#PlacePage .small-desc{
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    Fill: Solid#FFFFFF;

}
#PlacePage .pub1{
    background-image: url('/img/coffee.jpeg');
    background-size: cover;
    height: 100%;
    opacity: 70%;
}
#PlacePage .pub2{
    background-image: url('/img/beer.jpeg');
    height: 100%;
    background-size: cover;
}
#PlacePage .pub3{
    background-image: url('/img/lemon.jpeg');
    height: 100%;
    background-size: cover;
    opacity: 90%;

}
#PlacePage .text-xsmall{
    font-size: 9px;
}
#PlacePage .activity{
    overflow-x: auto;
    width: 100%;
}
#PlacePage .activity-list{
    background:#F0F0F0;
    display: inline-flex;
    margin-top: 10px;
}
#PlacePage .activity-list-active{
    background: #FE5C36;
    color:white;
    Font-size: 16px;
    display: inline-flex;
}
#PlacePage .bar{
    display: none;
}
#PlacePage .ash{
    background-color: #f0f0f0;
}

#PlacePage .red, #PlacePage .text-red{
    color:#FE5C36;
}
#PlacePage .bg-red{
    background-color: #FE5C36;
}
#PlacePage .activity2{
    display: none;
}
#PlacePage .activity3{
    display: none;
}
#PlacePage .starbucks{
    margin-top: 32px;
    padding:10px 15px;

}
#PlacePage .starbucks button{
    background-color: #f0f0f0;
}
#PlacePage .pub-menu{
    background-size: cover;
    height: 65px;
    min-width: 150px;
    border-radius: 5px 5px 0 0;
}
#PlacePage .pub1-image{
    background-image:url('/img/soup.jpeg') ;

}
#PlacePage .pub2-image{
    background-image:url('/img/beer.jpeg') ;

}
#PlacePage .pub3-image{
    background-image:url('/img/pizza.jpeg') ;

}
#PlacePage .pub4-image{
    background-image:url('/img/meat.jpeg') ;

}
#PlacePage .pub5-image{
    background-image:url('/img/burger.jpeg') ;

}
#PlacePage .pub6-image{
    background-image:url('/img/hotdog.jpeg') ;

}
#PlacePage .pub7-image{
    background-image:url('/img/noodles.jpeg') ;

}
#PlacePage .sl i {
    border-radius: 8px;
}
#PlacePage .pub-bg{
    background: #Fff;
    height: 75px;
    min-width: 150px;
    border-radius: 0 0 5px 5px;
}
#PlacePage .pub-list-btn{
    height: 20px;
    width: 53px;
    border-radius: 5px;
    font-size: 12px;
}
#PlacePage .underline{
    border-bottom: 1px solid #FE5C36;
}
#PlacePage .down{
    margin-top: 110px;
    margin-right: 20px;
    color:#ccc;
}
#PlacePage .filter{
    background: #FBFAFA;
    Font-style: Medium;
    Font-size: 16px;
}
#PlacePage .active11{
    color:#FE5C36;
}
#PlacePage .bookmark{
    border-radius: 7px;
    border: 2px solid #FFFFFF ;
}
#PlacePage .mySlides button{
    border: 1px solid #ccc;
}
#PlacePage .text-small{
    font-size: 12px;
}
#PlacePage .text-small1{
    font-size: 10px;
}
#PlacePage .head-word{
    font-weight: 900;
    height: 23px;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 0em;
}
#PlacePage .phone,#PlacePage .bookmark,#PlacePage .message{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#PlacePage .mar-t{
    margin-top: 5px;
}
#PlacePage .filter-head{
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 13px;
}

#PlacePage .rotate,#PlacePage .rotate1 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
#PlacePage .rotate.down,#PlacePage .rotate1.down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
#PlacePage .working-hours-head{
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 10px;
}
#PlacePage input.form-check-input{
    background-color: #ccc;
    
}
#PlacePage input.form-check-input:focus{
     background-color: #ccc;
}
#PlacePage input[type=checkbox]:checked:after {
    content: "";
    height: 10px;
    background-color: #ccc;
    color:#FE5C36 ;
}
#PlacePage .main{
    padding-left:60px;

}
#PlacePage div.scrollmenu,#PlacePage div.scrollmenu1 {
    overflow: auto;
    white-space: nowrap;
}
#PlacePage .mySlides{
    border-bottom: 1px solid #FBFAFA;
    border-top: 1px solid #FBFAFA;
    padding: 10px 0px;;
}
  
  #PlacePage div.scrollmenu a, #PlacePage div.slider-links a{
    display: inline-block;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    margin-left:13px;
    border: none;
    color: rgb(99, 90, 90);
    padding: 3px 20px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #FFB449;
    border-radius: 20px;
    Font-size: 13px;
  }
  #PlacePage div.scrollmenu1 a{
    display: inline-block;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    margin-left:13px;
    border: none;
    color: rgb(99, 90, 90);
    padding: 3px 20px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
    Font-size: 13px;
  }


  #PlacePage div.scrollmenu a.active, #PlacePage div.slider-links a.active{
      background-color:#FE5C36;
      color: white;
      font-weight: 900;
  }
  #PlacePage div.slider-links a.next{
      color: #FE5C36;
      background: transparent;
      padding: 7px;
  }
  
  #PlacePage div.scrollmenu a:hover {
    background-color: #777;
  }
@media screen and (max-width: 770px) {
}
    
@media screen and (max-width: 550px) {#PlacePage 
    .bar{
        display: inline-flex;
    }
    .filter{
        display: none;
    }
    .scrollbar-pub{
        display: none;
    }
}

/* Slideshow container */
#PlacePage .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
  }
  #PlacePage .text1 {
    color: #000;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  #PlacePage .numbertext1 {
    color: #000;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  #PlacePage span.arr i{
    margin-top: 130px;
  }
  /* The dots/bullets/indicators */
  #PlacePage .dot1 {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  #PlacePage .active1, #PlacePage .dot:hover {
    background-color: #717171;
  }
  #PlacePage .shade{
    box-shadow: 0px 0px 13px 0px #00000040;
  }
  #PlacePage .shade1{
    box-shadow: 0px 0px 9px 0px #00000040;
  }
  #PlacePage .navbarlink1{
      margin-left: 1.5%;
  }
  #PlacePage .avatar{
    width:35px;
}
  /* Fading animation */
  #PlacePage .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  #PlacePage .filter-section{
      background: #FBFAFA;
      width: 100%;
  }
  #PlacePage .text-med{
      font-size: 14px;
  }
  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {#PlacePage 
    .prev, .next,.text {font-size: 11px}
  }
  #PlacePage.active{
      color:#FE5C36;
  }
  #PlacePage .hotmug{
      background:#C4C4C4;
      border-radius: 10px;
      color: #FFFFFF;
  }
  #PlacePage .col-half-offset{
      margin-left: 2.6%;
  }
  #PlacePage .navbar-scroll{
      border-bottom: 3px solid #ccc;
      }
  #PlacePage .navbarlink1:hover{
      border-bottom: 3px solid #FE5C36;
  }
  #PlacePage .zeromt{
      margin-top: -20px;
  }
  @media screen and (max-width: 770px) {
    #PlacePage .col-half-offset{
        margin-left: 0;
    }  
  }
    
@media screen and (max-width: 700px) {#PlacePage 
    #PlacePage .col-half-offset{
        margin-left: 0px;
    }
    #PlacePage .price-sec{
        display: none;
    }
    #PlacePage .smallsc{
       text-align: center;
       border: #444;
    }
    #PlacePage .smallsc .sl{
        margin-top: 10px;
    }
}
@media screen and (max-width:1200) {#PlacePage 
    #PlacePage  .col-half-offset{
        margin-left: 0;
    }    
    #PlacePage .filter{
        display: none;
    }
    #PlacePage .price-sec{
        display: none;
    }
    
}
#PlacePage .ma{
    background: #C4C4C4;
}
#PlacePage .bg-light1{
    background: #FBFAFA;
}
/* end placePage style */


/* start PlacesPage style */

#PlacesPage {
    font-family: 'Montserrat';
    background:#FBFAFA;
}

#PlacesPage{
    background: #Fff;
}
#PlacesPage nav{
   background: #FFFFFF;
    border-bottom: 1px solid #FBFAFA;
}
#PlacesPage .btn.dropdown-toggle::after {
    content: none;
}
#PlacesPage .jeff{
    height: 24px;
}
#PlacesPage .feature{
    color: #434343;
    font-size: Bold;
    Font-size: 20px;
    Line-height: 24px
}
.bold{
    font-weight: bolder;
}
#PlacesPage .pub-div{
height: 180px;
max-width: 100%;
border-radius: 30px;
color:#FFFFFF;

}
#PlacesPage .foot{
    color:#ccc;
}
#PlacesPage .bodr{
    border-radius: 30px;
}
#PlacesPage .small-desc{
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    Fill: Solid#FFFFFF;

}
#PlacesPage .pub1{
    background-image: url('/img/pub1.jpg');
    background-size: cover;
    height: 100%;

}
#PlacesPage .pub2{
    background-image: url('/img/pub2.jpeg');
    height: 100%;
    background-size: cover;
}
#PlacesPage .pub3{
    background-image: url('/img/pub2.jpg');
    height: 100%;
    background-size: cover;

}

#PlacesPage .activity{
    overflow-x: auto;
    width: 100%;
}
#PlacesPage .activity-list{
    background:#F0F0F0;
    display: inline-flex;
    margin-top: 10px;
}
#PlacesPage .activity-list-active{
    background: #FE5C36;
    color:white;
    Font-size: 16px;
    display: inline-flex;
}
#PlacesPage .bar{
    display: none;
}
#PlacesPage .ash{
    background-color: #f0f0f0;
}

#PlacesPage .red{
    color:#FE5C36;
}
#PlacesPage .bg-red{
    background-color: #FE5C36;
}
#PlacesPage .activity2{
    display: none;
}
#PlacesPage .activity3{
    display: none;
}
#PlacesPage .starbucks{
    margin-top: 30px;
    padding:3px;
    margin-left: 10px;

}
#PlacesPage .starbucks button{
    background-color: #f0f0f0;
}
#PlacesPage .pub-menu{
    background-size: cover;
    height: 80px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

  
#PlacesPage .pub1-image{
    background-image:url('/img/coffee.jpeg') ;

}
#PlacesPage .pub2-image{
    background-image:url('/img/beer.jpeg') ;

}
#PlacesPage .pub3-image{
    background-image:url('/img/pizza.jpeg') ;

}
#PlacesPage .pub4-image{
    background-image:url('/img/meat.jpeg') ;

}
#PlacesPage .pub5-image{
    background-image:url('/img/burger.jpeg') ;

}
#PlacesPage .pub6-image{
    background-image:url('/img/hotdog.jpeg') ;

}
#PlacesPage .pub7-image{
    background-image:url('/img/noodles.jpeg') ;

}
#PlacesPage .pub-bg{
    background: #F0F0F0;
}
#PlacesPage .pub-list-btn{
    height: 20px;
    width: 53px;
    border-radius: 5px;
    font-size: 12px;
}
#PlacesPage .underline{
    border-bottom: 1px solid #FE5C36;
}
#PlacesPage .down{
    margin-top: 120px;
    margin-left: 20px;
}
#PlacesPage .filter{
    background: #FBFAFA;
    Font-style: Medium;
    Font-size: 16px;
}
#PlacesPage .bookmark{
   
    border-radius: 7px;
    border: 2px solid #FFFFFF ;
}
#PlacesPage .mySlides button{
    border: 1px solid #ccc;
}
#PlacesPage .text-small{
    font-size: 12px;
}
#PlacesPage .text-small1{
    font-size: 10px;
}
#PlacesPage .head-word{
    font-weight: 900;
    height: 23px;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 0em;
}
#PlacesPage .mar-t{
    margin-top: 5px;
}
#PlacesPage .filter-head{
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 13px;
}
#PlacesPage .price-sec{
    margin-bottom: 30px;
}
#PlacesPage .rotate,.rotate1 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
#PlacesPage .rotate.down,.rotate1.down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
#PlacesPage .working-hours-head{
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 10px;
}
input.form-check-input{
    background-color: #ccc;
}
input.form-check-input:focus{
     background-color: none;
}
input.form-check-input:checked{
    background-color: #ccc;
    color:#FE5C36 !important;
}
input[type=checkbox]:checked:after {
    content: "";
    height: 10px;
    background-color: #ccc;
    color:#FE5C36 !important;
    border: none;
}
.form-check-input{
    border: none !important;
}
#PlacesPage .main{
    padding-left:60px;

}
#PlacesPage div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    

}
#PlacesPage .mySlides{
    border-bottom: 1px solid #FBFAFA;
    border-top: 1px solid #FBFAFA;
    padding: 10px 0px;;
}
  
  #PlacesPage div.scrollmenu a, div.slider-links a{
    display: inline-block;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    margin-left:13px;
    border: none;
    color: rgb(99, 90, 90);
    padding: 3px 15px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #e7e7e7;
    border-radius: 20px;
  }
  #PlacesPage div.scrollmenu a.active, div.slider-links a.active{
      background-color:#FE5C36;
      color: white;
      font-weight: 900;
  }
  #PlacesPage div.slider-links a.next{
      color: #FE5C36;
      background: transparent;
      padding: 7px;
  }
  
  #PlacesPage div.scrollmenu a:hover {
    background-color: #777;
  }
@media screen and (max-width: 770px) {
}
    
@media screen and (max-width: 550px) {
    #PlacesPage .bar{
        display: inline-flex;
    }
    #PlacesPage .filter{
        display: none;
    }
    #PlacesPage  .scrollbar-pub{
        display: none;
    }
}

/* Slideshow container */
#PlacesPage .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
  }
  #PlacesPage .text1 {
    color: #000;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  #PlacesPage .numbertext1 {
    color: #000;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  /* The dots/bullets/indicators */
  #PlacesPage .dot1 {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  #PlacesPage .active1, #PlacesPage .dot:hover {
    background-color: #717171;
  }
  
  /* Fading animation */
  #PlacesPage .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  #PlacesPage .filter-section{
      background: #FBFAFA;
      width: 100%;
  }
  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    #PlacesPage .prev,#PlacesPage .next,#PlacesPage .text {font-size: 11px}
  }
/* end PlacesPage style */
#calendarbg{
    background-color: #FFFfFf;
}

#messagepage .avatar{
    width:50px;
    height:50px;

}
#messagepage .friendlist:hover{
    background: #F4F4F4;
}
#messagepage .friendlist.active{
    background: #F4F4F4;
}
#messagepage .bgg{
    background: #F4F4F4;
}

#messagepage .boldr{
    font-weight:900;
    font-size: 13px;
    color: #000;
}
.bbm{
    border-bottom:2px solid #FFB449; 
}
#messagepage .fa .fa-circle{
    height: 3px;
}

#messagepage .nav-item a {
    color: #000 !important;;
} 

#messagepage .nav-item .active {
    border-bottom:2px solid #FFB449; ;
    color: #ffb449 !important;;
} 
 #messagepage main{
    background: #FBFAFA !important;
    font-family: 'Montserrat';
    background:#FBFAFA;
    box-sizing: border-box;
    text-decoration:none;

}
#messagepage .online{
    color: #92F996;
}
#messagepage .offline{
    color: #CACACA;
}
#messagepage .text-small{
    font-size: 12px;
}
#PlacesPage .text-small1{
    font-size: 10px;
}

#messagepage .chat-app .people-list {
    width: 280px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    z-index: 7
}

#messagepage .chat-app .chat {
    margin-left: 280px;
    border-left: 1px solid #eaeaea
}

#messagepage .people-list {
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

#messagepage .people-list .chat-list li {
    padding: 10px 15px;
    list-style: none;
    border-radius: 3px
}

#messagepage .people-list .chat-list li:hover {
    background: #efefef;
    cursor: pointer
}

#messagepage .people-list .chat-list li.active {
    background: #efefef
}

#messagepage .people-list .chat-list li .name {
    font-size: 15px
}

#messagepage .people-list .chat-list img {
    width: 45px;
    border-radius: 50%
}

#messagepage .people-list img {
    float: left;
    border-radius: 50%
}

#messagepage .people-list .about {
    float: left;
    padding-left: 8px
}

#messagepage .people-list .status {
    color: #999;
    font-size: 13px
}

#messagepage .chat .chat-header {
    padding: 15px 20px;
    border-bottom: 2px solid #f4f7f6
}

#messagepage .chat .chat-header img {
    float: left;
    border-radius: 40px;
    width: 40px
}

#messagepage .chat .chat-header .chat-about {
    float: left;
    padding-left: 10px
}

#messagepage .chat .chat-history {
    padding: 20px;
    border-bottom: 2px solid #fff
}

#messagepage .chat .chat-history ul {
    padding: 0
}

#messagepage .chat .chat-history ul li {
    list-style: none;
    margin-bottom: 30px
}

#messagepage .chat .chat-history ul li:last-child {
    margin-bottom: 0px
}

#messagepage .chat .chat-history .message-data {
    margin-bottom: 15px
}

#messagepage .chat .chat-history .message-data img {
    border-radius: 40px;
    width: 40px
}

#messagepage .chat .chat-history .message-data-time {
    color: #434651;
    padding-left: 6px
}

#messagepage .chat .chat-history .message {
    color: #444;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    display: inline-block;
    position: relative
}

#messagepage .chat .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

#messagepage .chat .chat-history .my-message {
    background: #efefef
}

#messagepage .chat .chat-history .my-message:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #efefef;
    border-width: 10px;
    margin-left: -10px
}

#messagepage .chat .chat-history .other-message {
    background: #e8f1f3;
    text-align: right
}

#messagepage .chat .chat-history .other-message:after {
    border-bottom-color: #e8f1f3;
    left: 93%
}

#messagepage .chat .chat-message {
    padding: 20px
}

#messagepage .online,
#messagepage .offline,
#messagepage .me {
    margin-right: 2px;
    font-size: 8px;
    vertical-align: middle
}



 #messagepage .me {
    color: #1d8ecd
}

#messagepage .float-right {
    float: right
}

#messagepage .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

@media only screen and (max-width: 767px) {
    #messagepage .chat-app .people-list {
        height: 465px;
        width: 100%;
        overflow-x: auto;
        background: #fff;
        left: -400px;
        display: none
    }
    #messagepage .chat-app .people-list.open {
        left: 0
    }
    #messagepage .chat-app .chat {
        margin: 0
    }
    #messagepage .chat-app .chat .chat-header {
        border-radius: 0.55rem 0.55rem 0 0
    }
    #messagepage .chat-app .chat-history {
        height: 300px;
        overflow-x: auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #messagepage .chat-app .chat-list {
        height: 650px;
        overflow-x: auto
    }
    #messagepage .chat-app .chat-history {
        height: 600px;
        overflow-x: auto
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #messagepage .chat-app .chat-list {
        height: 480px;
        overflow-x: auto
    }
    #messagepage .chat-app .chat-history {
        height: calc(100vh - 350px);
        overflow-x: auto
    }
}
#messagepage .fa-paper-plane{
    right: 2em;
    position: relative;
}
#messagepage .move{
position: static;
top:85vh;
}
#messagepage .chattbody{
    height: 70vh;
}