/* SVN FILE: $Id: _indexReferences.css 182 2016-05-23 11:45:54Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 182 $
 * @date                $Date: 2016-05-23 11:45:54 +0000 (lun. 23 mai 2016) $
 * @license             LICENSE.TXT
 * @filesource          $URL: file:///home/antoine/webapps/az_ikos_svn/trunk/protected/modules/media/assets/media/index/_indexReferences.css $
 */

#indexReferences {
    padding: 70px 0;
}
@media (min-width: 768px) {
    #indexReferences  {
        padding: 70px 0;
    }
}
@media (min-width: 992px) {
    #indexReferences  {
        padding: 80px 0;
    }
}
@media (min-width: 1200px) {
    #indexReferences  {
        padding: 90px 0;
    }
}
    #indexReferences h2 {
        color: #383837;
        text-align: center;
        font-size: 26px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 50px;
        margin: 0;
    }
    @media (min-width: 768px) {
        #indexReferences h2 {
            font-size: 34px;
            padding-bottom: 30px;
        }
    }
    @media (min-width: 992px) {
        #indexReferences h2 {
            font-size: 38px;
            padding-bottom: 40px;
        }
    }
    @media (min-width: 1200px) {
        #indexReferences h2 {
            font-size: 46px;
            padding-bottom: 50px;
        }
    }
    @media (min-width: 380px) {
        #indexReferences .col {
            float: left;
            width: 50%;
        }
    }
    @media (min-width: 550px) {
        #indexReferences .col {
            width: 31.33%;
            margin: 1%;
        }
    }
    @media (min-width: 992px) {
        #indexReferences .col {
            width: 24%;
            margin: 0.5%;
        }
    }
    #indexReferences .seeAllBtn {
        color: #6f6f6e !important;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        float: right;
        font-size: 12px;
        line-height: 12px;
        margin: 0;
        padding: 7px 0 5px 28px;
        opacity: 0;
        transform: translateX(-100px);
        transition: all .25s;
        transition-delay: 1s;
    }
    #indexReferences.scrollified .seeAllBtn {
        opacity: 1;
        transform: none;
    }
    #indexReferences .seeAllBtn::before {
        display: inline-block;
        content: '>';
        color: #ffed00;
        margin-top: -1px;
        margin-right: 8px;
        vertical-align: text-top;
        font-size: 10px;
    }
    #indexReferences .seeAllBtn:hover::before {
        color: #6f6f6e
    }
    @media (min-width: 768px) {
        #indexReferences .seeAllBtn
        {
            font-size: 13px;
            line-height: 13px;
            padding: 8px 0 6px 29px;
        }
    }
    @media (min-width: 992px) {
        #indexReferences .seeAllBtn {
            font-size: 14px;
            line-height: 14px;
            padding: 8px 0 4px 30px;
            margin: 12px 0 0 0;
        }
    }
    @media (min-width: 1200px) {
        #indexReferences .seeAllBtn {
            font-size: 15px;
            line-height: 15px;
            padding: 8px 0 4px 31px;
            margin: 15px 0 0 0;
        }
    }