body {
    font-family: Lato;
    color: #222;
    margin-top: 48px;
    background: #ebebeb;
}

.clearFix {
    clear: both;
}

.head {
    width: 100%;
    height: 48px;
    background-color: #50b4e6;
    background-image: linear-gradient(bottom, rgb(71,160,204) 23%, rgb(80,180,230) 62%);
    background-image: -o-linear-gradient(bottom, rgb(71,160,204) 23%, rgb(80,180,230) 62%);
    background-image: -moz-linear-gradient(bottom, rgb(71,160,204) 23%, rgb(80,180,230) 62%);
    background-image: -webkit-linear-gradient(bottom, rgb(71,160,204) 23%, rgb(80,180,230) 62%);
    background-image: -ms-linear-gradient(bottom, rgb(71,160,204) 23%, rgb(80,180,230) 62%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.23, rgb(71,160,204)), color-stop(0.62, rgb(80,180,230)) );
    -webkit-box-shadow: inset 0px -2px 3px 2px rgba(0, 0, 0, .1), 0px 3px 4px 3px rgba(0, 0, 0, .15);
    box-shadow: inset 0px -2px 3px 2px rgba(0, 0, 0, .1), 0px 3px 4px 3px rgba(0, 0, 0, .15);
    position: fixed;
    top: 0px;
    z-index: 150;
}
.logo {
    width: 250px;
    height: 34px;
    background: url(/img/logo.png) no-repeat;
    margin-left: -125px;
    position: absolute;
    top: 7px;
    left: 50%;
}
    .head .social {
        position: absolute;
        left: 0px;
        height: 48px;
    }
        .social .fbBtn {
            padding-top: 14px;
        }
    .head .options {
        position: absolute;
        right: 0px;
        height: 48px;
    }
        .head .options > div {
            border-right: 1px solid rgba(0,0,0,.06);
            box-shadow: inset -1px 0 rgba(255,255,255,.125);
            float: right;
            cursor: pointer;
            transition: all ease-out .25s;
            position: relative;
        }
            .head .options > div:hover {
                background-color: rgba(255,255,255,.1);
            }
        .options .auth {
            line-height: 48px;
            vertical-align: middle;
            color: #fff;
            font-size: 22px;
            font-weight: 700;
            border-right: 0px none !important;
            box-shadow: none !important;
            padding: 0px 4px 0px 6px;
        }
            .auth > div {
                float: right;
                display: none;
            }
            .auth .login {
                display: none;
            }
            .auth .account {

            }
            .auth .account > div {
                float: right;
            }
            .auth .account .name {
                font-size: 18px;
                font-weight: 400;
            }
            .auth .account .profile {
                width: 32px;
                height: 32px;
                background: rgba(255,255,255,.2);
                background-size: cover;
                background-repeat: no-repeat;
                position: relative;
                top: 8px;
                margin-left: 8px;
                box-shadow: 0 0 0 2px rgba(255,255,255,.2);
                border-radius: 2px;
            }


            .authMenu {
                width: 26px;
                height: 48px;
            }
                .authMenu .menuArrow {
                    position:relative;
                    left: 4px;
                    top: 20px;
                    width: 0px;
                    height: 0px;
                    border-style: solid;
                    border-width: 8px 8px 0 8px;
                    border-color: #ffffff transparent transparent transparent;
                }
        .options .optMenu {
            width: 56px;
            height: 48px;
            background: url(/img/dots.png) no-repeat;
            background-position: 11px 7px;
        }


        .ddMenu {
            width: 160px;
            position: absolute;
            right: 0px;
            visibility:hidden;
            opacity: 0;
            top: 48px;
            transition: all ease-out .1s;
        }
            .ddMenu.active  {
                opacity:1;
                visibility:visible;
            }
            .ddMenu .ddOptions {
                position: relative;
                border: solid 1px #ccc;
                border-top: none;
                list-style: none;
                box-shadow: 0px 1px 5px #ddd;
                margin: 0px;
                padding: 0px;
                background: #fff;
                overflow: auto;
            }
                .ddOptions li:hover {
                    background: rgba(80,180,230, .25);
                }
                .ddOptions li {
                    color: #999;
                    display: list-item;
                    transition: all ease-in-out .25s;
                }
                .ddOptions .ddOpt {
                    padding: 10px;
                    display: block;
                    border-bottom: solid 1px #ddd;
                    overflow: hidden;
                    text-decoration: none;
                    cursor: pointer;
                }


.nav {
    width: 100%;
    height: 70px;
    background: #fefefe;
    position: relative;
    text-align: center;
    -webkit-box-shadow: inset 0px 2px 0px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 2px 0px 1px rgba(0, 0, 0, .1);
    z-index: 140;
}

    .nav .navItem {
        font-size: 22px;
        display: inline-block;
        min-width: 120px;
        padding: 0px 15px;
        height: 70px;
        line-height: 70px;
        vertical-align: middle;
        text-transform: uppercase;
        color: #999;
        font-weight: 300;
        position: relative;
    }
        .nav .navItem.active {
            font-weight: 400;
            color: #777;
        }
        .nav .navItem a {
            text-decoration: none;
            color: #999;
            font-weight: 300;
        }


        .nav .navItem.active:after {
            content: "";
            width: 20px;
            height: 20px;
            position: absolute;
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            bottom: -12px;
            left: 50%;
            margin-left: -12px;
            background-color: #f2f2f2;
            -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .1);
            box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .1);
        }

@media screen and (min-width: 1280px) {
    .content {
        width: 1240px !important;
    }
}

.content {
    width: 980px;
    margin: 0px auto;
    position: relative;
}


/*#region ###################### Context ###################### */
@media screen and (min-width: 1280px) {
    .context .preview {
        width: 1240px !important;
        height: 460px !important;
    }
        .options .optItem {
            width: 135px !important;
            height: 80px !important;
        }
}


.context {
    width: 100%;
    background: #e0e0e0;
    border-top: 1px solid #ebebeb;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, .1);
    background-color: #f2f2f2;
    background-image: linear-gradient(bottom, #e0e0e0 23%, #f2f2f2 62%);
    background-image: -o-linear-gradient(bottom, #e0e0e0 23%, #f2f2f2 62%);
    background-image: -moz-linear-gradient(bottom, #e0e0e0 23%, #f2f2f2 62%);
    background-image: -webkit-linear-gradient(bottom, #e0e0e0 23%, #f2f2f2 62%);
    background-image: -ms-linear-gradient(bottom, #e0e0e0 23%, #f2f2f2 62%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.23, #e0e0e0), color-stop(0.62, #f2f2f2));
}
    .context .wrap {
        padding: 30px 0px;
    }
    .context .preview {
        width: 980px;
        height: 363px;
        background: #ebebeb;
        float:left;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 0 0 0 10px rgba(255,255,255,.75);
        position: relative;
    }
    .context .previewImg { /*SEO IMAGE*/
        position:absolute;
        left:0px;
    }
    .context .previewCap { /*SEO IMAGE*/
        position:absolute;
        left:0px;
    }

    .context .optWrap {
        text-align: center;
        position: relative;
    }
        .optWrap .options {
            height: 90px;
            background-color: rgba(255,255,255,1);
            display: inline-block;
            margin-top: -30px;
        }
            .options .optItem {
                float: left;
                width: 115px;
                height: 80px;
                margin: 10px 5px 0px;
                background: #ebebeb;
                background-position: 50% 50%;
                background-size: cover;
                background-repeat: no-repeat;
                opacity: .60;
                cursor: pointer;
            }
                .options .optItem.active {
                    opacity: 1;
                }
                .options .optItem:nth-child(1) {
                    margin-left: 10px;
                }

                .optItem.fb {
                    margin-left: 14px;
                    margin-right: 14px;
                    width: 48px !important;
                    background: #fff;
                    opacity: 1;
                    cursor: default;
                }
                    .optItem.fb > div {
                        position: relative;
                        top: 8px;
                    }

                .optItem.customize {
                    margin-right: 10px;
                    width: 242px !important;
                    background: #50b4e6;
                    line-height: 80px;
                    vertical-align: middle;
                    font-size: 32px;
                    color: #fff;
                    font-weight: 700;
                    opacity: 1;
                }
                    .optItem.customize:after {
                        content: "";
                        width: 50px;
                        height: 50px;
                        background-image: url(/img/navi.png);
                        background-position-x: -50px;
                        background-repeat: no-repeat;
                        display: inline-block;
                        position: relative;
                        top: 13px;
                        margin-left: 12px;
                    }

    .context .options .btn {
        height: 50px;
        background: #3cf;
        line-height: 50px;
        vertical-align: middle;
        font-size: 32px;
    }




    /*#region ###################### Photo Cover Context ###################### */

    .context .detailsBar {
        position: absolute;
        top: 0px;
        left: 0px;
        color: #fff;
        font-weight: 300;
        vertical-align: middle;
    }
        .context .detailsBar .proIcon {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 10px;
            background-size:cover;
            background-repeat: no-repeat;
        }
        .context .detailsBar .title {
            background: rgba(0,0,0,.4);
            font-size: 32px;
            padding: 0px 20px 4px 50px;
            text-transform: capitalize;
        }
            .context .detailsBar a {
                color: #fff;
                text-decoration: none;
            }

        .context .detailsBar .copyright {
            display: inline-block;
            background: rgba(0,0,0,.25);
            padding: 0px 10px 4px 50px;
            margin-top: -4px;
            text-transform: capitalize;
        }

    .context .optItem.social {
        width: 80px !important;
        background-image: url(/img/socialite.png);
    }
        .optItem.social.twit { 
            background-position: 0px;
        }
        .optItem.social.pin { background-position: -80px; }
        .optItem.social.share { background-position: -160px; }

    .context.photo .optItem.customize {
        width: 282px !important;
    }
    .context.photo .optItem {
        opacity: 1;
    }



    /*#endregion */

/*#endregion */


/*#region ###################### PAGE WRAP ###################### */

@media screen and (min-width: 1280px) {
    .coverItem {
        width: 404px !important;
        height: 155px !important;
        margin: 7px 0px !important;
        margin-left: 14px !important;
    }
    .tagItem {
        width: 382px !important;
        height: 287px !important;
    }
    .layoutItem {
        width: 600px !important;
        height: 222px !important;
        margin: 9px !important;
    }
    .coverItem:nth-child(3n+1) {
        margin-left: 0px !important;
    }
}

.pageWrap {
    background: #f2f2f2;
    min-height: 600px;
    -webkit-box-shadow: inset 0px 2px 3px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 2px 3px 2px rgba(0, 0, 0, .1);
    padding: 20px 0px 50px;
}

    .pageWrap .subNav {
        margin-bottom: 20px;
    }
        .subNav .navItem {
            display: inline-block;
            padding-right: 24px;
            text-transform: lowercase;
            font-weight: 700;
            color: #aaa;
            font-size: 17px;
            line-height: 20px;
            vertical-align: middle;
        }
            .subNav .navItem.active {
                color: #777;
            }

    .coverItem {
        width: 480px;
        height: 178px;
        background: #fefefe;
        display: inline-block;
        margin: 6px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        background-position-x: 50%;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
    }
    .coverItem:nth-child(even) {
        margin-left: 20px;
    }

    .photoItem {
        float: left;
        margin: 5px;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .tagItem {
        float: left;
        margin: 8px;
        width: 296px;
        height: 222px;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        cursor: pointer;
        box-shadow: 1px 2px 4px rgba(17,17,17,.5);
        border: 10px solid #fefefe;
        opacity: .95;
        transition: opacity ease-out .25s;
    }
        .tagItem:hover {
            opacity: 1;
        }
        a:nth-child(3n+1) .tagItem {
            margin-left: 0px !important;
        }
        a:nth-child(3n+3) .tagItem {
            margin-right: 0px !important;
        }


        .photoItem.default {
            width: 300px;
            height: 240px;
        }


    .layoutItem {
        width: 474px;
        height: 176px;
        background: #fefefe;
        display: inline-block;
        margin: 7px;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        background-position-x: 50%;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        opacity: 0;
        display: none;
    }

    .filters {
        float: right;
        margin-top: -44px;
    }
        .filters .label {
            line-height: 27px;
            vertical-align: middle;
            float: left;
            text-transform: uppercase;
            color: #aaa;
            font-size: 14px Lato;
            margin:0px 7px 0px 14px;
        }
        .filters .photoFilt {
            margin: 0px;
            padding: 0px;
            overflow: auto;
            list-style-type: none;
            border-radius: 4px;
            box-shadow: 0 1px 0 rgba(0,0,0,0.05),
                -1px 0 0 0 #d2d2d2,
                -1px 0 0 0 #e6e6e6,
                1px 0 0 0 #d2d2d2,
                2px 0 0 0 #e6e6e6,
                0 -1px 0 0 #e8e8e8,
                0 2px 0 0 rgba(241,241,241,0.3),
                0 1px 0 0 #b1b1b1;
            float: left;
        }
            .photoFilt li {
                margin-right: 0px;
                border-right: 1px solid #e7e7e7;
                padding: 5px 14px;
                color: #aaa;
                text-transform: uppercase;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                transition: all 0.5s ease;
                cursor: pointer;
                background: #fff;
                display: inline-block;
                font-size: 14px;
            }
                .photoFilt li:hover {
                    color: #ddd;
                }
                .photoFilt li:last-child {
                    border-right: none;
                }
                .photoFilt li.active {
                    font-weight: bold;
                    color: #fff;  
                    background-color: #50b4e6;              
                }
/*#endregion*/

/* ###################### BOX WRAP ###################### */



.prevWrap {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.85);
    position: fixed;
    cursor: pointer;
    transition: opacity ease-out .95s;
    /*opacity: 0;*/
    z-index: 200;
    top: 0px;
    display: none;
}
    .prevWrap.active {
        opacity: 1;
    }

    .prevWrap.off .close {
        display: none;
    }

    .prevWrap .close {
        width: 50px;
        height: 50px;
        background: url(/img/navi.png) no-repeat;
        background-position-x: -150px;
        position: fixed;
        top: 20px;
        right: 20px;
        opacity: .3;
        cursor: pointer;
        transition: all ease-out .3s;
    }
        .prevWrap .close:hover {
            opacity: .75;
        }

@media screen and (min-width: 1280px) {
    .prevBox {
        width: 1000px !important;
        margin-top: -225px !important;
        margin-left: -500px !important;
    }
    .prevBox .preview {
        width: 1000px !important;
        height: 371px !important;
    }
    .browser .optItem {
        width: 100px !important;
    }
}


.prevBox {
    z-index: 201;
    width: 850px;
    height: 390px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -425px;
    background: #f2f2f2;
    box-shadow: 0 0 80px 10px rgba(0,0,0,1);
    cursor: default;
}

.prevBox .preview {
    background-size:cover;
    background-repeat: no-repeat;
    width: 850px;
    height: 315px;
    box-shadow: inset 0 -5px 20px 5px rgba(0,0,0,.5);
}

.prevBox .prevOpts {
    height: 76px;
    background-color: #2e2f33;
    position: relative;
    box-shadow: 0 -4px rgba(0,0,0,.3);
}

    .prevOpts .browser {
        display: inline-block;
    }
        .browser .optItem {
            width: 90px;
            height: 60px;
            margin: 8px 4px;
            background-position: 50% 50%;
            background-size: cover;
            background-repeat: no-repeat;
            opacity: .20;
            display: inline-block;
            cursor: pointer;
        }
            .browser .optItem.active {
                opacity: 1;
            }

    .prevOpts .optsWrap {
        display: inline-block;
        position: absolute;
        right: 0px;
    }

        .optsWrap .prevOpt {
            border-left: 1px solid rgba(0,0,0,.15);
            box-shadow: -1px 0 rgba(255,255,255,.075);
            color: #fff;
            line-height: 76px;
            vertical-align: middle;
            float: right;
            padding: 0px 16px;
        }
            .prevOpt.customize {
                font-size: 32px;
                text-transform: capitalize;
                font-weight: 700;
                background: #50b4e6;
                cursor: pointer;
            }
                .prevOpt.customize:after {
                    content: "";
                    width: 50px;
                    height: 50px;
                    background-image: url(/img/navi.png);
                    background-position-x: -50px;
                    background-repeat: no-repeat;
                    display: inline-block;
                    position: relative;
                    top: 13px;
                    margin-left: 12px;
                }

            .prevOpt.like {
                width: 48px;
                height: 61px;
                padding-top: 8px;
                padding-bottom: 7px;
            }





/* ###################### Search Bar ###################### */
@media screen and (min-width: 1280px) {
    .tags a {
        width: 178px !important;
        padding: 8px 12px !important;
    }
    .tags .trending {
        width: 404px !important;
    }
    .tags .popular {
        width: 808px !important;
    }
}
.searchBar {
    position: relative;
    overflow: hidden;
    cursor: text;
    margin: 6px 0px;
    box-shadow: 1px 2px 4px rgba(17,17,17,.15);
}

.searchBar .searchInput {
    position: absolute;
}

.searchBar .faux {
    padding: 6px;
    background: #fefefe;
    height: 64px;
    position: relative;
}
    .faux .value {
        font-size: 54px;
        float: left;
        padding: 0px 10px;
        text-transform: uppercase;
        font-weight: 900;
        color: #999;
        white-space: nowrap;
    }
        .faux .value h1 {
            font-size: 54px;
            margin: 0px;
        }
        .faux .value.def {
            color: #999 !important;
            text-transform:lowercase;
        }
            .faux .value.def:after {
                content:"type your search..."
            }

    .faux .default {
        float: left;
        line-height: 64px;
        vertical-align: middle;
        font-size: 36px;
        color: #999;
        display: none;
    }


.searchBar .searchBtn {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 4px;
    background: url(/img/navi.png) no-repeat;
    background-size: auto 40px;
    -moz-background-clip: content-box;
    -webkit-background-clip: inherit;
    background-clip: content-box;
    background-position: -148px 12px;
    padding: 12px;
    cursor: pointer;
}

.searchBar .tagBtn {
    width: 64px;
    height: 76px;
    cursor: pointer;
    border-left: 2px solid #f2f2f2;
    position: absolute;
    right: 0px;
    top: 0px;
}
    .searchBar .tagBtn:after {
        content: "";
        width: 40px;
        height: 40px;
        float: right;
        background: url(/img/navi.png) no-repeat;
        background-size: auto 40px;
        -moz-background-clip: content-box;
        -webkit-background-clip: inherit;
        background-clip: content-box;
        background-position: -188px 18px;
        padding: 18px 12px;
        cursor: pointer;
    }

.searchBar .tags {
    background: #222;
    display: none;
    padding: 14px;
    border-top: 5px solid #444;
}
    .tags a {
        width: 138px;
        float: left;
        color: #fff;
        padding: 8px 10px;
        text-transform: lowercase;
        font-weight: 300;
        text-decoration: none;
    }
        .tags a.heading {
            text-transform: capitalize;
            color: #50b4e6;
            font-weight: 400;
        }
    .tags .trending {
        float: left;
        width: 316px;
        box-shadow: inset -10px 0 #222, inset -11px 0 rgba(255,255,255,.05);
    }
    .tags .popular {
        float: left;
        width: 632px;
    }

/*Search Bar Focused*/
.searchBar.focus .faux .value {
    border-right: 2px solid #50b4e6;
    color: #444;
}
.searchBar.blur .faux .default {
    display: block;
}
.searchBar.focus .faux .tagBtn {
    background: #444;
}

.searchBar.focus .tags {
    display: block;
}


/* ###################### Photo Preview ###################### */

.phPrev {
    width: 1117px;
    height: 741px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -558px;
    margin-top: -370px;
    box-shadow: 0 0 80px 10px rgba(0,0,0,1);
    cursor: default;
}

.phPrev .photo {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
    .phPrev .photo .cropBox {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.75);
        position: relative;
        z-index: 100;
    }
        .cropBox .region {
            position: absolute;
            background-color: rgba(0,0,0,.75);
            background-size: cover;
            background-repeat: no-repeat;
            cursor: move;
            box-shadow: inset 0 0 1px rgba(255,255,255,.5),
                0 0 30px 1px rgba(0,0,0,.25);
        }
            .cropBox .region.init:after {
                content: "";
                width: 100%;
                height: 100%;
                background: url(/img/crop.png) no-repeat;
                background-position: 50% 50%;
                background-size: contain;
                opacity: .75;
                display: block;
            }

    .phPrev .photo.cropping .useBtn {
        opacity: 0;
    }

    .phPrev .useBtn.back {
        left: -6px;
        border-left: 12px solid #50b4e6;
        border-right: 0px none !important;
        padding: 0px 20px 0px 10px !important;
        right: auto !important;
        display: none !important;
        box-shadow: -10px 0 10px 3px rgba(0,0,0,.25) !important;
    }
        .phPrev.review .useBtn.back {
            display: none !important; /*inline-block*/
        }
        .phPrev .useBtn.back:before {
            content: "";
            width: 50px;
            height: 50px;
            background-image: url(/img/navi.png);
            background-position-x: 0px;
            background-repeat: no-repeat;
            display: inline-block;
            position: relative;
            top: 13px;
            margin-right: 12px;
        }
        .phPrev .useBtn.back:after {
            content: none !important;
        }

    .phPrev .photo .useBtn {
        background: rgba(0,0,0,.6);
        line-height: 80px;
        vertical-align: middle;
        font-size: 32px;
        color: #fff;
        font-weight: 700;
        opacity: 1;
        display: inline-block;
        padding: 0px 10px 0px 20px;
        position: absolute;
        right: -6px;
        bottom: 20px;
        border-right: 12px solid #50b4e6;
        box-shadow: 10px 0 10px 3px rgba(0,0,0,.25),
            0 0 1px 1px rgba(255,255,255,.15);
        cursor: pointer;
        z-index: 110;
        opacity: 1;
        transition: opacity ease-in .25s;
    }
        .phPrev .photo .useBtn:hover {
            background: #50b4e6;
        }
        .phPrev .photo .useBtn:after {
            content: "";
            width: 50px;
            height: 50px;
            background-image: url(/img/navi.png);
            background-position-x: -50px;
            background-repeat: no-repeat;
            display: inline-block;
            position: relative;
            top: 13px;
            margin-left: 12px;
        }
        .phPrev .photo .useBtn.proc:after {
            background-image: url(/img/loader.gif) !important;
            background-size: contain !important;
            background-position-x: 0px !important;
        }

.phPrev .applyClicker {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0,0,0,.7);
    text-align: center;
    font-size: 24px;
    color: #eee;
    text-shadow: 0 0 7px rgba(0,0,0,.75);
}
    .phPrev .applyClicker:before {
        content: "Your cover photo has been posted to Facebook.";
        font-size: 36px;
        display: block;
        padding-top:20px;
    }
    .phPrev .applyClicker:after {
        content: "To set it as your current cover click the blue 'Save Changes' button on Facebook.";
        display: block;
    }

    /*#region FLickr Owner Details*/
    .phPrev .detailsBar {
        position: absolute;
        top: 0px;
        left: 0px;
        color: #fff;
        font-weight: 300;
        vertical-align: middle;
    }
        .detailsBar .proIcon {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 10px;
            background-size:cover;
            background-repeat: no-repeat;
        }
        .detailsBar .title {
            background: rgba(0,0,0,.4);
            font-size: 28px;
            padding: 0px 20px 4px 50px;
            text-transform: capitalize;
        }
            .detailsBar .title a {
                color: #fff;
                text-decoration: none;
            }

        .detailsBar .copyright {
            display: inline-block;
            background: rgba(0,0,0,.25);
            padding: 0px 10px 4px 50px;
            margin-top: -4px;
            text-transform: capitalize;
        }
    /*#endregion FLickr Owner Details*/



/*#region ###################### Ad Spots ###################### */

.adSpotWide {
    text-align: center;
    background: #222;
    margin-top: 10px;
    height: 90px;
}

.adSpotContext {
    text-align: center;
    margin-top: 10px;
    height: 90px;
}

/*#endregion ################### Ad Spots ###################### */