@charset "utf-8";

#page{}

#page .competencies_list{margin-top:100px;}
#page .competencies_list > ul{margin:0;padding:0;list-style:none;}
#page .competencies_list > ul:after{content:"";display:block;clear:both;}
#page .competencies_list > ul > li{float:left;width:calc(25% - 26.25px);margin-right:35px;box-sizing:border-box;}
#page .competencies_list > ul > li:nth-child(4n){margin-right:0;}
#page .competencies_list > ul > li:nth-child(n+5){margin-top:95px;}
#page .competencies_list > ul > li .thumbnail{border:1px solid #909090;position:relative;overflow:hidden;}
#page .competencies_list > ul > li .thumbnail:before{content:"";display:block;padding-bottom:155.636%;}
#page .competencies_list > ul > li .thumbnail img{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#page .competencies_list > ul > li .title{margin-top:25px;font-size:19px;font-weight:500;color:#222222;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page .competencies_list .nolist{padding:100px 0;font-size:14px;font-weight:400;color:#111111;text-align:center;}

@media screen and (max-width:1200px){
	#page .competencies_list > ul > li{float:left;width:calc(25% - 18.75px);margin-right:25px;}
	#page .competencies_list > ul > li:nth-child(n+5){margin-top:80px;}
	#page .competencies_list > ul > li .title{font-size:17px;margin-top:22px;}
}

@media screen and (max-width:900px){
	#page .competencies_list{margin-top:80px;}
	#page .competencies_list > ul > li{float:left;width:calc(25% - 15px);margin-right:20px;}
	#page .competencies_list > ul > li:nth-child(n+5){margin-top:70px;}
	#page .competencies_list > ul > li .title{font-size:15px;margin-top:18px;}
}

@media screen and (max-width:700px){
	#page .competencies_list{margin-top:50px;}
	#page .competencies_list > ul > li{float:left;width:calc(33.333% - 13.333px);margin-right:20px;}
	#page .competencies_list > ul > li:nth-child(4n){margin-right:20px;}
	#page .competencies_list > ul > li:nth-child(3n){margin-right:0;}
	#page .competencies_list > ul > li:nth-child(n+4){margin-top:50px;}
	#page .competencies_list > ul > li .title{font-size:14px;margin-top:14px;}
}

@media screen and (max-width:500px){
	#page .competencies_list{margin-top:30px;}
	#page .competencies_list > ul > li{float:left;width:calc(50% - 7.5px);margin-right:15px;}
	#page .competencies_list > ul > li:nth-child(3n){margin-right:15px;}
	#page .competencies_list > ul > li:nth-child(2n){margin-right:0;}
	#page .competencies_list > ul > li:nth-child(n+3){margin-top:30px;}
	#page .competencies_list > ul > li .title{font-size:13px;margin-top:10px;}
	
}

@media screen and (max-width:350px){
	#page .competencies_list{margin-top:25px;}
	#page .competencies_list > ul > li .title{font-size:12px;margin-top:8px;}
}