* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Merriweather";
  }
  html, body {
    margin: 0;
    background-color: #F2F2F7;
    }
.advisor-container{
    height:100vh;
}
  a{
    color:black;
    text-decoration: none;
  }
 profile-btn:hover{
    font-weight: 400 !important;
  }
  .main-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inner-row {
    content: "";
    display: table;
    clear: both;
  }
.filterDiv {
    margin-top:30px;
    width: 25%;
    padding: 20px;
    background-color: white;
    border-radius: 6px;
    margin-left: 100px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .inner-column {
    float: left;
    margin-top:-25px;
  }
  .image
  {
    width: 20%;
  }
 .text
  {
    padding-left: 50px;
    width:80%;
    line-height: 20px;
  }
  .name
  {
    padding-top:10px;
    font-size: 20px;
    overflow: scroll;
  }
  .name::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.name {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
  .experience
  {
    padding-top:5px;
    font-size:13px;
  }
  .fees
  {
    font-size: 15px;
  }
  .start
  {
    font-size:13px;
  }
  .pro_img
  {
    height:96px;
    border-radius: 50%;
    width:96px;
  }
.btn-column {
  float: left;
  width: 50%;
  padding-left:5px;
  margin-left: 24%;
}
.btn-row:after {
  content: "";
  display: table;
  clear: both;
}
  .profile-btn
  {
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    background-color: #EE6300;
    border-color: #02010100;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-top:16px;
    text-align: center;
  }
  .line-head
  {
    font-weight: bold;
  }
  .more-info
  {
    margin-left: -60px;
    font-size:12px;
  }
.filter-list{
  background-color: white;
  border-radius: 4px;
  margin:auto;
  margin-top: 130px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}
  .pre{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    overflow: scroll;
}
.pre::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.pre {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}
.list{
    list-style: none;
    background-color: white;
    padding: 8px 20px;
    margin:5px;
    letter-spacing: 1;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    text-align:center;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
li.active{
    background-color: #EE6300;
    color:white;
}
.list:hover{
  background-color: #EE6300;
  color:white;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.label-container{
	position:fixed;
	bottom:28px;
	right:10px;
	display:table;
  z-index:2;
}

.label-text{
	color:#FFF;
	background:#EE6300;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}
.content{
  padding-top:10px;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:15px;
	right:10px;
	background-color:#EE6300;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	-webkit-box-shadow: 2px 2px 3px #999;
	        box-shadow: 2px 2px 3px #999;
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  z-index:1;
}
.float:hover{
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.my-float{
	font-size:24px;
	margin-top:18px;
}
.cl{
  float:right;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.cl:hover{
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.filter-btn{
    outline:none;
    border:0px;
    background-color:#ee6300;
    color:white;
    height:50px;
    margin-top:120px;
    margin-left:100px;
    padding:10px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius:4px;
    cursor:pointer;
    font-size:16px;
}
.btn{
    padding:20px;
    background-color:white;
    color:black;
    outline:none;
    border:0px;
}
/*  For ipad devicess */
@media screen and (max-width: 1300px) {
    .filterDiv{
        width:33%;
        margin-left:140px;
    }
}
/*  For mobile devicess */
@media screen and (max-width: 858px) {
  .main-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .filterDiv {
    width: 90%;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top:20px;
  }
  .filter-list{
      margin-left:20px;
      margin-right:10px;
      width:90%;
  }
  .pro_img
  {
    margin-top:10%;
  }
  .image{
      width:20% !important;
  }
  header img 
  {
    margin-left:1px;
  }
  .log
  {
    margin-right:1px;
  }
  .more-info
  {
    margin-left: 40px;
  }
  .modal-content
  {
    width:90%;
  }
  .modal-dialog
  {
    margin-top:65%;
    margin-left:25px;
  }
  .float{
      right:3px;
      bottom:3px;
  }
}