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

.skill_list
{
	margin-left: -15px;
    margin-right: -15px;
	list-style-type: none;
	-webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
	display: inline-block;
}

.skill_list>li
{
	padding-left: 0;
    padding-right: 5px;
}

.skill_list h6
{
	color: #fff;
	margin: 0;
	margin-bottom: 10px;
	font-size: 23px;
    font-weight: 100;
}

.skill_list p
{
	color: #dbdbdb;
	font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
}

.skill_list>li a
{

	color: inherit;
    display: block;
    padding: 15px;
    margin-bottom: 5px;
    height: 105px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.05s all ease-in-out;
    -moz-transition: 0.05s all ease-in-out;
    -ms-transition: 0.05s all ease-in-out;
    -o-transition: 0.05s all ease-in-out;
    transition: 0.05s all ease-in-out;
}

.skill_list>li a:before
{
	position: absolute;
    right: -35px;
    bottom: -30px;
    opacity: 0.1;
}


.skill_list>li a:after {
    position: absolute;
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="arrow-right" class="svg-inline--fa fa-arrow-right fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>');
	width: 40px;
	right: 100px;
    top: 16px;
    opacity: 0;
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    -o-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
    font-weight: 600;
}

.skill_list>li a:hover:after {
    right: 24px;
    opacity: 1;
}

.skill_list>li a[data-skill="read"]
{
	background: #A9334F;
}

.skill_list>li a[data-skill="read"]:hover
{
	background: #dd476a;
}

.skill_list>li a[data-skill="read"]:before
{
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="108" height="108" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z" fill="%23fff"/></svg>');
}

.skill_list>li a[data-skill="listen"]
{
	background: #b15757;
}
.skill_list>li a[data-skill="listen"]:hover
{
	background: #d76d6d;
}
.skill_list>li a[data-skill="listen"]:before
{
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="108" height="108" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z" fill="%23fff"/></svg>');
}

.skill_list>li a[data-skill="type"]
{
	background: rgb(19, 102, 168);
	
}
.skill_list>li a[data-skill="type"]:hover
{
	background: rgb(29, 136, 221);
}
.skill_list>li a[data-skill="type"]:before
{
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="108" height="108" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 14h-2v-4H9V7h2v4h2V7h2v10z" fill="%23fff"/></svg>'); 
}

.skill_list>li a[data-skill="take"]
{
	background: #b26736;
}
.skill_list>li a[data-skill="take"]:hover
{
	background: #db8045;
}
.skill_list>li a[data-skill="take"]:before
{
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="108" height="108" viewBox="0 0 24 24"><path d="M.01 0h24v24h-24z" fill="none"/><path d="M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4c1.1 0 2 .89 2 2v1.5z" fill="%23fff"/></svg>');  
}

.skill_list>li a[data-skill="speak"]
{
	background: #713e91;
}
.skill_list>li a[data-skill="speak"]:hover
{
	background: #9f5dc9;
}
.skill_list>li a[data-skill="speak"]:before
{
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="108" height="108" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2c1.1 0 2 .89 2 2v2c0 1.11-.9 2-2 2H9v-2h4v-2H9V7h6v2z" fill="%23fff"/></svg>');
}

.skill_list>li a[data-skill="record"]
{
	background: rgb(16, 141, 81);	
}
.skill_list>li a[data-skill="record"]:hover
{
	background: rgb(15, 188, 105);	
}
.skill_list>li a[data-skill="record"]:before
{
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="108" height="108" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M11 15h2v-2h-2v2zm8-12H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2c1.1 0 2 .89 2 2v2c0 1.11-.9 2-2 2h-2c-1.1 0-2-.89-2-2V9c0-1.11.9-2 2-2h4v2z" fill="%23fff"/></svg>');
}


.feature_list
{
	display: inline-block;
}

.feature_list h6
{
	margin-top: 7px;
    font-size: 23px;
    margin-bottom: 23px;
    font-weight: 100;
    line-height: 1.5;
}

.feature_list .icon
{
	color: #2196f3;
	width: 35px;
	height: 35px;
}

.feature_list .icon .fill
{
	fill: #2196f3;
}
.feature_list a.more
{
	text-align: left;
}

.feature_column
{
	padding-left: 0;
    padding-right: 0;
}

.al-feature
{
	margin-bottom: 50px;
}


.feature_desc h6
{
	font-weight: 100;
    font-size: 26px;
    margin-bottom: 25px;
    position: relative;
    line-height: 1.2;
	margin-top: 60px;
}


.feature_desc ul
{
	list-style: none;    
	padding-bottom: 20px;
    margin-top: -10px;
}
.feature_desc ul li
{
	position: relative;
	color: #55555a;
}

.feature_desc ul li:before
{
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path fill="%23b1e974" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
    position: absolute;
    top: 1px;
    left: -30px;
    font-size: 20px;
    color: #b1e974;
    font-weight: 600;
}

.comments
{    
	width: 90%;
    margin: auto;
    display: block;
	padding-bottom: 20px;
}

.comment
{
	width: 100%;
}

@media screen and (min-width: 992px)
{
	
}

@media screen and (min-width: 768px)
{
	
	.col-md-3
	{
		width: 33.33333333%;
	}
	.col-md-4 {
    	width: 25%;
	}
	.col-md-2 {
		
	    width: 50%;
	}
	
	.col-md-4, .col-md-3, .col-md-2
	{
		float: left;
	}
	
	.feature_column
	{
		margin-left: 8.33333333%;
		width: 33.33333333%;
		float: left;
	}
	.feature_column.offset
	{
		margin-left: 16.66666667%;
	}
}

@media screen and (max-width: 1200px) 
{
	.skill_list>li a
	{
		height: 150px;
	}
}

@media screen and (max-width: 768px)
{
	.skill_list {
    	margin-right: 0;
    	padding-left: 20px;
	}
	.feature_list
	{
		padding: 25px;
	}

}