@charset "utf-8";
/* CSS Document */

a.scroll{
    position: absolute;
    bottom: 50px;
    left: 50%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    transform: translateX(-50%);
	}
a.scroll i{
	padding-bottom: 10px;
	width: 30px;
	height: 52px;
	display: block;
	margin:0 auto;
	background: url(../img/scroll.png) no-repeat;
	position: relative;}
a.scroll i:after{
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 10px;
	height: 9px;
	width: 2px;
	background: #fff;
	animation:  scroll 0.8s infinite alternate;}
@keyframes scroll{
	from{top:10px;}
	to{top:15px;}
}
@-webkit-keyframes scroll{
	from{top:10px;}
	to{top:15px;}
}
@-moz-keyframes scroll{
	from{top:10px;}
	to{top:15px;}
}

.logo {
    width: 65px;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #00a488;
    padding: 10px 0;
    border-radius: 50%;
    color: #fff;
    border: 5px solid #fff;
    font-size: 140%;
}

p.testimo {
    margin: 0;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    min-height: 75px;
    margin: 0px 0;
	 
}

a.filter {
    cursor: pointer;
	display: inline-block;
	margin:0 15px;
}

a.filter:hover {
    color:#00a488!important;
}

.contenthide{ background:#fff;}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 
.order-12 {  -ms-flex-order: 12; order: 12;}

p.testimo {  -webkit-line-clamp: 7; -webkit-box-orient: vertical; min-height: 75px; margin: 0px 0; font-size:80%; }

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) { 
.order-12 {  -ms-flex-order: 1; order: 1;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) { 
.order-12 {  -ms-flex-order: 1; order: 1;}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) { 
.order-12 {  -ms-flex-order: 1; order: 1;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.order-12 {  -ms-flex-order: 1; order: 1;}

}