@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url(https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.3/css/mdb.min.css);

/* Floating Icons */


.icon-text{font-size:.7em;}

.float-icon .icon-bar {
	position: fixed;
	top: 85%;
	right: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Style the icon bar links */
.float-icon .icon-bar a {
	display: block;
	text-align: center;
	padding: 15px 15px 15px 15px;
	transition: all 0.3s ease;
	color: white;
	font-size: 20px;
   
}

/* Sticky Social Bar */
.float-icon .icon-bar a:hover {
	background-color: #000;
}

.float-icon .chat {
  background: #62b192;
  line-height: 25px;
  border-radius:50%;
  margin-bottom:14px;
  color: white;
}

.float-icon .feedback {
  background: #5091fa;
  line-height: 25px;
  border-radius:50%;
  margin-bottom:2px;
  color: white;
}

/* End Floating Icons */

.title-container {
    background-color:#FFF;
    padding:10px 10px 10px 10px;
    border-radius: 5px 5px 5px 5px;
}

h3 {
  font-size: 1.2em !important; 
  color: #000060; 
}

hr.dashed {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}


/* Modal Design  */

.modal-backdrop {
   background-color: #FFF;
}

.modal-backdrop {
    opacity:0.7 !important;
}


.profile-card-3 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  text-align: center;
  height:768px;
  border:none;
}
.profile-card-3 .background-block {
    float: left;
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.profile-card-3 .background-block .background {
  width:100%;
  vertical-align: top;
  opacity: 0.9;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
   -webkit-transform: scale(1.8);
  transform: scale(2.8);
}
.profile-card-3 .card-content {
  width: 100%;
  color:#232323;
  float:left;
  background:#e8effd;
  height:175%;
  position: relative;
  z-index: 9999;
}
.profile-card-3 .card-content::before {
    content: '';
    background: #e8effd;
    width: 120%;
    height: 100%;
    left: 11px;
    bottom: 51px;
    position: absolute;
    z-index: -1;
    transform: rotate(-13deg);
}
.profile-card-3 .profile {
  border-radius: 50%;
  position: absolute;
  bottom: 68%;
  left: 50%;
  max-width: 100px;
  opacity: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index:99999;
}
.profile-card-3 h2 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size:25px;
}
.profile-card-3 h2 small {
  display: block;
  font-size: 15px;
  margin-top:10px;
}



.lighten-4 { background-color:#ececed !important; color:#79797a !important;}

.lighten-5 { background-color:#74a688 !important; color:#FFFFFF !important;}


.header-custom {
    background-color: transparent;
    margin:50px 12px 15px 12px;
    width: 100%;
}

.btn { color:#333333 !important;}

/* Search Styles */


p {color:#929293; margin:10px; font-size:1.2em;}
#custom-search-input {
    margin: 0px 0px 10px 0px;
    margin-top: 0px;
    padding: 0;
}
 
#custom-search-input .search-query {
    width:100%;
    padding-right: 3px;
    padding-left: 15px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
}
 
#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 0px 5px;
    margin-top: -35px;
    position: absolute;
    right:0;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#D9230F;
    cursor: unset;
    z-index: 2;
}
 
.search-query:focus{
    z-index: 0;   
}