@CHARSET "ISO-8859-1";

@font-face {
    font-family: MavenPro;
    src: url(../fonts/MavenPro-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: MavenPro;
    src: url(../fonts/MavenPro-Bold.ttf);
    font-weight: bold;
}

body {
    font-family: MavenPro;
}

.cd-logo-large {
    background-image: url(../../../img/logos/cd_logo_large_gloss.png);
    height: 200px;
    overflow: hidden;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom:10px; }

.replay-logo-large {
    background-image: url(../../../img/logos/replaycc_logo.png);
    height: 200px;
    overflow: hidden;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom:10px; }

/* 9e1301
 09154d */


.row-about { padding-top: 40px; padding-bottom:40px; background-color: #09154d; color: #fff; }
.row-team { padding-top: 40px; padding-bottom:40px; }
.row-contact { padding-top: 40px; padding-bottom:40px; background-color: #9e1301; color: #fff; }
.row-products { padding-top: 40px; padding-bottom:40px; }

.cdx-right-body { margin-top: 20px; font-size: 1.2em; }
.cdx-h1 { font-size: 3.4em; }

div.linked-in { text-align: center; }
div.name { font-size: 1.2em; }
div.bio { font-size: .9em;  }
li.member img { margin-right: 10px; }


.portfolio-link >i {
    font-size: 500%;
    position: absolute;
    left: 50%; top: 38.9%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #a53622;
}

.portfolio-link:hover >i {
    color: #cc3318;
}

.video-height {
    max-height:80%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.portfolio-link>span>.fa-stack-1x:hover:before{
    content: "\f067";
}
.portfolio-link>h4{
    color:#333333;
}
.portfolio-link>p{
    color:#777777;
}
.portfolio-link:hover, .portfolio-link:active, .portfolio-link:visited, .portfolio-link:focus{
    text-decoration: none;
}

.img-responsive {
    margin: 10px auto;
}

@media only screen and (min-width: 992px) {
    .img-hover-wrap {
        cursor:hand;
        cursor:pointer;
    }
    .img-hover-wrap>img:hover {
        -webkit-box-shadow: 0px 0px 10px #478dc7;
        -moz-box-shadow: 0px 0px 10px #478dc7;
        box-shadow: 0px 0px 10px #478dc7;
    }

    .img-hover-wrap > div {
        background-color: white;
        background: -webkit-linear-gradient( white,white,white,white, rgba(255, 255, 255, 0.5));
        background: -o-linear-gradient( white,white,white,white, rgba(255, 255, 255, 0.5));
        background: -moz-linear-gradient( white,white,white,white, rgba(255, 255, 255, 0.50));
        background: linear-gradient( white,white,white,white, rgba(255, 255, 255, 0.5));
        -webkit-box-shadow: 0px 0px 20px #ffffff;
        -moz-box-shadow: 0px 0px 20px #ffffff;
        box-shadow: 0px 0px 20px #ffffff;
        cursor: pointer;
        opacity: 0;
        visibility:hidden;
        position: absolute;
        display: block;
    }

    .img-hover-wrap>img:hover + div {
        visibility:visible;
        opacity: 1;
    }
    .img-hover-wrap>img:hover + div > p {
        font-size:16px;
        font-weight:normal;
    }
}
.bg-white {
    background-color: white;
}

.bg-lightest-gray {
    background-color: #f5f5f5;
}

.row {
    padding:10px 5px;
}