/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06-Sep-2017, 16:59:14
    Author     : itischarles
*/

#portfolio .pad{
    padding: 4em 5em 2em
}

#portfolio p{
    /*margin: 2em 0;*/
    /*color: #e8e8e8;*/
    font: 21px/1.4em proxima-n-w01-reg,sans-serif
}

#portfolio .btn{
    background: none repeat scroll 0 0 #e8e8e8;
    color: #2d2d2d;
    font: 15px/1.4em proxima-n-w01-reg,sans-serif;
    margin-top: calc(-1 * 0px);
    position: relative;
    transition: color 0.4s ease 0s;
    white-space: nowrap;
}

.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    background-color: #FFF;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.checkbox label input[type="checkbox"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr {
    opacity: .5;
}