section#main-features {
    padding-top: 10px;
}
.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.action-button {
    position: relative;
    padding: 10px;
    margin: 0px;
    float: right;
    border-radius: 10px;
    font-family: 'Pacifico', cursive;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}
a.action-button.sticky.shadow.animate.blue.btn-compare.is-sticky{
    margin:1em;
}
.red
{
	background-color: #E74C3C;
	border-bottom: 5px solid #BD3E31;
	text-shadow: 0px -2px #BD3E31;
}

.green
{
	background-color: #82BF56;
	border-bottom: 5px solid #669644;
	text-shadow: 0px -2px #669644;
}

.brown{
        background-color: #cc7a0e;
    border-bottom: 5px solid #c46500;
    text-shadow: 0px -2px #b96c07;
}


.blue{
    background-color: #00195c;
    border-bottom: 5px solid #00195c73;
    text-shadow: 0px -2px #00195c;  
}

.dark-pink{
        background-color: #c2519f;
    border-bottom: 5px solid #803569fa;
    text-shadow: 0px -2px #c2519fab;
}

.action-button:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}

/*Compare button*/

.more > a.same-action {
    background-color: #eef0f100;
    border-radius: 3px;
    color: #e90d0d;
    font-size: 20px;
    height: 35px;
    line-height: 31px;
    text-align: center;
}


.action--compare-add {

    color: red;
   /* position: absolute;*/
    top: 0px;
    right: -15px;
    /*font-size: x-large;*/
    /*border: 1px solid #01bace;*/
}



.action--compare-add:hover .action__text--invisible, .action--download:hover .action__text--invisible {

    opacity: 1;
    top: 40px;
    left: 0;
    color: #ddd;
    font-size: 52%;
    letter-spacing: 0;
    background: #2F3035;
    border-radius: 2px;
    padding: 1px 6px;

}

.action--download:hover {

    color: #009688;

}

.action--compare-add:hover {

    color: #F44336;
}

.action--compare-add .fa-check,
.action--compare-add input[type=checkbox]:checked ~ .fa-plus {

    display: none;
}

.action--compare-add input[type=checkbox]:checked ~ .fa-check {

    background-color: #eef0f100;
    color: #5cdc79;
    display: block;

   /* border-radius: 3px;
    font-size: 20px;
    height: 35px;
    line-height: 31px;
    text-align: center;*/

    top: 0px;
    right: -15px;
    /*font-size: x-large;*/
    
 
}

.check-hidden {

    position: absolute;
    opacity: 0;
}

.action {

    display: inline-block;
       /* font-size: 1.2em;
        white-space: nowrap;
        padding: 0.85em 2.2em;*/
    cursor: pointer;
    border: none;
    background: transparent;
    text-align: center;
}

.action:focus {

    outline: none;
}

.action__text {

    font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: .813em;
    vertical-align: middle;
    display: inline-block;
}

.action__text--invisible {

    position: absolute;
    top: 100%;
    opacity: 0;
    z-index:100;
    pointer-events: none;
}

.compare-section {

    position: fixed;
    top: 60px;
    right: 20px;
}   

.name_cl{
    font-weight: 900;
    margin-bottom: 25px;
    font-size: 25px;
    color: #f0782c;
}