body {
	font-family: "Open Sans", Arial, sans-serif;
	background-color: #f5f5f5;
	background-image: url("tr.png");
}

.image-container {
    position: relative;
}


.image-container .heart {
	position: absolute;
	margin-left: -40px;
	margin-top: -40px;
    top: 50%;
    left: 50%;
    color: #FFF;
    display: block;
	opacity: 0.5;
}

.horizontal-scroll> .list-group {
  overflow-x: auto;
  white-space: nowrap;
}

.testimonial-group > .row > .list-group-item {
  display: inline-block;
  float: none;
}

#content .hidden{
    display: none;
}
#content #loader{
    display: none;
}

.round { 
    border-radius: 15px; 
}

.container {
	max-width: 960px !important;
}

footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media screen and (min-width: 768px) {
	.modal-dialog.modal-lg {
	  max-width: 550px; /* New width for default modal */
	}
}
		
footer p {
	margin-bottom: .25rem;
}

.text-orange, .text-orange:hover{
  color: #ffbb00;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.square {
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.square:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

 @media screen and (min-width: 600px)  {
	.mobile-break {
		display: none;
	}
}
    
.icon-wrapper{
    position:relative;
    float:left;
}

.notification-count{
    width: auto;
    height: auto;
    border-radius: 50%;
    position:absolute;
    top:-8px;
    right:22px;
    padding:3px 5px;
}

.fa-stack[data-count]:after{
  position:absolute;
  right:0;
  top:-20%;
  content: attr(data-count);
  font-size:65%;
  padding:.5em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width:2em;
  font-weight:bold;
}

.badge-purple {
	color:#fff !important;
	background-color:#8a56ac!important;
}

.text-purple {
	color: #8a56ac!important;
}

.badge-pink {
	color:#fff !important;
	background-color:#d47fa6!important;
}

.text-pink {
	color: #d47fa6!important;
}

.text-green {
	color: #4CB944;
}

.text-dark-purple {
	color: #352641 !important;
}
img.zoom {
    width: 100%;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.04); 
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.transparent {
    background-color: transparent !important;
    box-shadow: inset 0px 1px 0 rgba(0,0,0,.075);
 }
 
 .left-border-none {
    border-left:none !important;
    box-shadow: inset 0px 1px 0 rgba(0,0,0,.075);
 }

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.tagsinput,.tagsinput *{box-sizing:border-box}

.tagsinput{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.form-control:focus{
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-menu-item {
	cursor: pointer;
}

.ui-menu-item:hover {
	background-color: none;
}

.ui-menu-item > img {
	margin : 0;
	width: 40px;
	height: 40px;
	-moz-border-radius : 20px;
	-webkit-border-radius : 20px;
	border-radius : 20px;
}

.ui-menu-item > p {
	line-height : 110%;
	height: 40px ;
}

.ui-menu-item-wrapper {
	cursor: pointer;
	padding: 5px;
	margin: 0px;
}


.ui-menu-item-wrapper:hover {
	background-color: none;
	text-decoration: none;
}

.badge > .close{
		padding-left: 5px;
		font-size: inherit;
		color: inherit;
		text-shadow: none;
}


/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0px;
  max-width: 360px;
  z-index: 100; /* Behind the navbar */
  margin-top: 50px; /* Height of navbar */
}

.match-text {
  font-family: 'La Belle Aurore';
}

.not-authorized {
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  color: white;
  font-size: 15px;
  text-align: center;
}

.close-btn {
	position: absolute;
	top: -5px;
	right: 5px;
	text-align: center;
}

.fa-beat {
  animation:fa-beat 5s ease infinite;
}
@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}