/* 
    Created on : 08.02.2018, 12:22:02
*/


/* GLOBAL*/

.vh1111{
	padding: 10vh 9vw 9vh 9vw !important;
} 
a{
	color: #000;
}
a:hover{
	color: #000;
	text-decoration: none;
}


/* CUSTOM */
/* ----this css affect on reputation page------ */

.text-block{
	margin: 80px 0;
}

.group{
	margin-top: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: fit-content;
}
.popUp{
	padding: 35px 50px;
	height: 65vh;
}
.popUp .group__element-name{
	margin-top: 2rem;
	font-size: 2rem;
	margin-bottom: 1rem;
	line-height: 1;
}
.group__element-img{
	width: 380px;
	height: 380px;	
    background-position: center!important;
    background-size: cover!important;
    transition: 0.5s;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}
.group__element-img:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.5);	
}
.group__element-description{	
    /* height: 80%; */
    overflow-y: auto;
    padding-right: 10px;
}
.group__element-description p {
	font-size: 16px;
}


@media (min-width: 1100px) {
	.arrow-r{
		display: none;
	}
}
@media (max-width: 1666px) {
	.group__element-img{
    	height: 35vh;
    	width: 19vw;
	}
	.group__element.active .to-open{
		top: 32vh;
	}
	
}
@media (max-width: 1024px) {
	.group__element-img{
	    width: 18vw;
	    height: 29vh;
	}
	.arrow-r{
		display: none;
	}
	.group__element.active .to-open{
		top: 26vh;
	}
	.group__element-description p {
		font-size: 14px;
	}
}
@media (max-width: 450px) {
	.bottom-pannel{
		position: fixed!important;
	}
	.page__manage .text-block{
		margin: 0;
	}
	.group-wrap{
    	overflow: scroll;
    	position: relative;
	}
	.group-wrap::-webkit-scrollbar{
    	width: 0;
    	height: 0;
	}
	.group{
		position: relative;
	}
	.group__element{
		margin-right: 20px;
	}
	.group__element-img{			
	    width: 75vw;
	    height: 27vh;
	}
	.group__element-name{
		width: 75vw;
    	font-size: 0.8rem;
	}
	.group__element-name{
		font-size: 1rem;
	}
	.arrow-r{
		display: flex;
	}
	.popUp .group__element-name{
		font-size: 1.2rem;
	}
	.group__element-description{	
	    overflow-y: auto;
	}
	.group__element-description p {
		font-size: 12px;
	}
	.group__element.active .to-open{
		top: 24vh;
	}
}
@media (max-width: 360px) {
	.group{
		margin-top: 5px;
	}
	.bottom-pannel{
		position: absolute!important;
	}	
	.group__element-description{
		height: 60%;
	}
}

.hd {
    display: none;
}

/* CUSTOM SCREEN */
@media (width: 1366px) {
	.text-block{
		margin-bottom: 0;
	}
	.group{
		margin-top: 0;
	}
}
@media (width: 1024px){
	.text-block{
		margin: 80px 0 40px 0;
	}
}