#projects { padding-left:0px !important; }
    .project-content {
    padding-left:50px;
    padding-top:20px;
}
#sidebar .widget ul li,#sidebar .widget .recent-posts li {
    font-size:14px;
    text-transform:uppercase;
    padding-bottom:8px;
    line-height:20px;
}
#sidebar .widget .recent-posts li {
    text-transform:capitalize;
}
#sidebar .widget .recent-posts li span {
    display:block;
    color:#72757A;
}
#sidebar .widget ul li a {
    color:#111;
}
#sidebar .widget ul li a:hover {
    color: rgb(255,20,147);
}
/*member*/
.member {
    position:relative;
    text-align:center;
}
.grid .member {
    text-align:inherit;
}
.member-overlay {
    position:relative;
}
.member-icons {
    position:absolute;
    width:280px;
    height:280px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto auto;
    padding:12%;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    opacity:0;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
    -o-transition-duration:0.3s;
}
.member:hover .member-icons {
        opacity:1;
        -webkit-transition-duration:0.3s;
        -moz-transition-duration:0.3s;
        -ms-transition-duration:0.3s;
        -o-transition-duration:0.3s;
}
.member-overlay .member-icons i {
    width:50px;
    height:50px;
    font-size:24px;
    padding-top:12px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
    border:1px solid #737677;
    color:#FFFFFF;
}
.member-icons i:hover {
        -webkit-transition-duration:.2s;
        -moz-transition-duration:.2s;
        -o-transition-duration:.2s;
        -ms-transition-duration:.2s;
    color:rgb(255,20,147);
    border:1px solid #4E5253;
}
.member-img {
    width:280px;
    height:280px;
    margin:0 auto;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    overflow:hidden;
}
.member-img img {
    display:block;
}
.member-name span {
    color:#4b4e52;
}
.person-info {
    padding-top:25px;
    text-align:center;
}
.member h2.member-name {
    font-size:1.275rem;
    font-weight:600;
    padding-bottom:2px;
    color:rgb(255,20,147);
}
.member .member-name span {
    font-size:14px;
    font-weight:700;
}
.person-info p {
    margin-top:10px;
}
.member-name span {
    display:block;
    font-weight:lighter;
}
.member:hover .member-overlay .member-icons i {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.member-overlay .member-icons {
    background: rgba(43,43,43,0.8);
}
/* team grid */
.grid.team li.member {
    float:left;
    overflow:hidden;
    padding-bottom:0px;
    z-index:10;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

.grid.team li.member.active{
overflow:visible;
}

.grid .member-img {
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    width:100%;
    height:auto;
}
.grid .overlay-color {
    background-color:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    position:absolute;
    opacity:0;
    top:0;
    left:0;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    -ms-transition-duration:.2s;
}
.grid.team li:hover .overlay-color {
    opacity:1;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
}
.grid .person-info-icon {
    text-align:center;
    position:absolute;
    width:100%;
    top:160px;
    opacity:0;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
}
.grid .person-info-icon i {
    font-size:38px;
    color:#fff;
}
.grid.team li:hover .person-info-icon {
    opacity:1;
    top:130px;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
}
.grid .person-info {
    position:absolute;
    bottom:20px;
    width:100%;
}
.grid .member h2.member-name {
    color:#fff;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
}
.grid.team li:hover h2.member-name {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
}
.grid .member-name span {
    color:#BDC3CC;
}
.grid .member {
    position:relative;
}
.member .member-more-info {
    position:absolute;
    top:80%;
    width:100%;
    opacity:0;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
    -ms-transition-duration:.5s;
    z-index:-1;
    background:#fff;
    min-height:100%;
    box-shadow:1px 1px 2px rgba(0,0,0,0.2),-1px -1px 2px rgba(0,0,0,0.2);
}
.member .member-more-info.active {
    top:100%;
    opacity:1;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
    -ms-transition-duration:.5s;
    z-index:6;
}
.member-more-info .content-block {
    padding:20px 35px;
    position:relative;
}
.member-more-info .block-heading {
    padding-bottom:0px;
    color:rgb(255,20,147);
}
    .member-more-info .block-heading:before {
    content:"";
    width:0px;
    height:0px;
    border:0.8em solid transparent;
    position:absolute;
    top:-33px;
    border-bottom:20px solid #fff;
}
.member-more-info h6 {
    font-weight:700;
    color:#4b4e52;
    padding-bottom:14px;
}
.member-more-info .content-block p {
    margin-bottom:20px;
}
.member-more-info .social-icon-list li i {
    background:#E9EDEE;
    color:#4b4e52;
}
.member-more-info .social-icon-list i:hover {
    color:#fff;
}
.member-more-info a.close {
    position:absolute;
    right:35px;
    bottom:38px;
    font-size:24px;
    color:rgb(255,20,147);
}
.grid.team li:hover {
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    -ms-transition-duration:.2s;
}
.grid.team .member>a {
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
    -ms-transition-duration:.5s;
}
.grid.team .member a.active .overlay-color,.grid.team li:hover .member a.active .overlay-color,.grid.team .member a.active .person-info,.grid.team .member a.active .person-info-icon {
    opacity:0;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
    -ms-transition-duration: .5s;
}
/*Content InActive Animation*/
.perspective {
    -webkit-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
}
.perspective.active {
    -webkit-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    -webkit-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    transform:matrix3d(1,0,0.05,-0.0001,0,1,0,0,-0.05,0,1,-0.002,350,0,0,1);
        -webkit-transform:matrix3d(1,0,0.05,-0.0001,0,1,0,0,-0.05,0,1,-0.002,350,0,0,1);
        -moz-transform:matrix3d(1,0,0.05,-0.0001,0,1,0,0,-0.05,0,1,-0.002,350,0,0,1);
        -ms-transform:matrix3d(1,0,0.05,-0.0001,0,1,0,0,-0.05,0,1,-0.002,350,0,0,1);
        -o-transform:matrix3d(1,0,0.05,-0.0001,0,1,0,0,-0.05,0,1,-0.002,350,0,0,1);
        -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
}
.step-back {
    -webkit-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
}
.step-back.active {
    -webkit-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    -webkit-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    -moz-transform:scale(0.9) rotate(0deg) translate(150px,0px);
    -webkit-transform:scale(0.9) rotate(0deg) translate(150px,0px);
    -o-transform:scale(0.9) rotate(0deg) translate(150px,0px);
    -ms-transform:scale(0.9) rotate(0deg) translate(150px,0px);
    transform:scale(0.9) rotate(0deg) translate(150px,0px);
}
.skew {
    -webkit-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
}
.skew.active {
    -webkit-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    -webkit-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    -moz-transform:scale(1) rotate(0deg) translate(150px,0px) skew(0deg,6deg);
    -webkit-transform:scale(1) rotate(0deg) translate(150px,0px) skew(0deg,6deg);
    -o-transform:scale(1) rotate(0deg) translate(150px,0px) skew(0deg,6deg);
    -ms-transform:scale(1) rotate(0deg) translate(150px,0px) skew(0deg,6deg);
    transform:scale(1) rotate(0deg) translate(150px,0px) skew(0deg,6deg);
}
.step-right {
    -webkit-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:all 550ms cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    /* easeInOutCubic */
}
.step-right.active {
    -webkit-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    -webkit-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    /* easeOutQuad */
    -moz-transform:scale(1) rotate(0deg) translate(250px,0px) skew(0deg,0deg);
    -webkit-transform:scale(1) rotate(0deg) translate(250px,0px) skew(0deg,0deg);
    -o-transform:scale(1) rotate(0deg) translate(250px,0px) skew(0deg,0deg);
    -ms-transform:scale(1) rotate(0deg) translate(250px,0px) skew(0deg,0deg);
    transform:scale(1) rotate(0deg) translate(250px,0px) skew(0deg,0deg);
}
.blocker {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
    z-index:-1;
}
.blocker.active {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
    z-index: 1600;
}
/* ========== PORTFOLIO ============ */
/*' Stripe Portfolio*/
.content.full-screen {
    height:100vh;
    height:100%;
    position:relative;
    overflow:hidden;
}
#portfolioscroll .item {
    float:left;
    width:250px;
    height:55vh;
    position:relative;
    -webkit-transition-duration:.6s;
    -moz-transition-duration:.6s;
    -o-transition-duration:.6s;
    -ms-transition-duration:.6s;
    overflow:hidden;
}
#portfolioscroll.item:hover {
    width:250px;
    -webkit-transition-duration:.6s;
    -moz-transition-duration:.6s;
    -o-transition-duration:.6s;
    -ms-transition-duration:.6s;
}
.stripe-info {
    position:absolute;
    width:100%;
    background:#fff;
    bottom:0%;
    padding:25px 10px 25px;
}
.item:hover .stripe-info {
    background:#E9EDEE;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}

.item img{
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}

.item:hover img{
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.005);
    -ms-transform:scale(1.005);
    -o-transform:scale(1.005);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}

h1.stripe-title {
    font-size:1.275rem;
    font-weight:600;
    padding-bottom:2px;
    position:relative;
}
h1.stripe-title span {
    width:40px;
    height:40px;
    padding-top:10px;
    margin-top:-10px;
    text-align:center;
    color:#4b4e52;
    background:#E6EAEE;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    float:right;
    font-size:12px;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.item:hover h1 {
    color:rgb(255,20,147);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.item:hover h1 span {
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.stripe-cat,.project-cat,.blog-cat {
    font-weight:400;
    color:#4b4e52;
}
.dark .project-cat {
    color:#fff;
}
h1.stripe-title:before {
    content:"";
    width:0px;
    height:0px;
    border:0.8em solid transparent;
    position:absolute;
    top:-50px;
    border-bottom:20px solid #fff;
}
.item:hover h1.stripe-title:before {
    border-bottom:20px solid #E9EDEE;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.stripe-view-link {
    margin-top:12px;
    display:inline-block;
    font-size:12px;
    color:#4b4e52;
    text-transform:uppercase;
    font-weight:600;
}
.stripe-view-link i {
    opacity:0;
    margin-left:-5px;
    color:#4b4e52;
}
.item:hover .stripe-view-link i {
    opacity:1;
    margin-left:8px;
    color:rgb(255,20,147);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.item:hover .stripe-view-link {
    color:rgb(255,20,147);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration: .4s;
}
/*portfolio filters*/
#options {
    display:inline-block;
}
.option-set i {
    font-size:16px;
    color:#4b4e52;
}
ul#filters li {
    display:inline-block;
    margin-right:25px;
    cursor:pointer;
}
ul#filters li:last-child {
    margin-right:0px;
}
ul#filters li:after {
    content:'\f111';
    font-family:fontAwesome;
    font-size:6px;
    position:relative;
    vertical-align:middle;
    right:-14px;
    top:-1px;
    color:#A8A8A8;
}
ul#filters li:last-child:after {
    content:none;
}
ul#filters li a {
    color:#000;
    font-size:14px;
    font-weight:400;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    -ms-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}
.dark ul#filters li a {
    color:#fff;
}
ul#filters li a:hover,ul#filters li a:hover i,.icon-nav li a:hover i {
    color:rgb(255,20,147);
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    -ms-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}
.dark ul#filters li a {
    color:#fff;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    -ms-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}
#options ul#filters li a.selected {
    font-weight:700;
    color: rgb(255,20,147);
}
/*' grid portfolio*/
.grid.basic li:hover .project-info {
    background:#E9EDEE;
}
.grid.basic li:hover h1.grid-title:before,.grid li.grid-item:hover:nth-child(odd) h1.grid-title:before {
    border-bottom:20px solid #E9EDEE;
}
.grid.basic li:hover h1.grid-title {
    color:rgb(255,20,147);
}
.item:hover h1 span {
    background:rgb(255,20,147);
    color:#fff;
}
.grid.basic li:hover .project-info .project-index {
    background:rgb(255,20,147);
}
.grid.basic.times-three li:hover .project-info .project-index i {
    color:#fff;
}
ul.grid {
    margin-bottom:0px;
}
.grid li.grid-item {
    float:left;
    display:block;
    padding-bottom:0px;
    overflow:hidden;
}
.grid li .grid-project {
    position: relative;
}

@media screen and (min-width: 600px) {
    .grid.alt .grid-project .project-info h1 { font-size:   xx-large;    }

.grid li .grid-project .img-box {
     height:320px;
    position:relative;
} }
.grid.basic li .grid-project .img-box {
    overflow:hidden;
    position:relative;
}
.grid.basic .icon-box,.grid.alt .grid-project .project-info {
    background:rgba(43,43,43,0.8);
}
.grid li img {
    height: 100%;
    display:block;
    width:100%;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    -ms-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}
.grid li:hover img.zoom-on-hover{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        -webkit-transition-duration:0.5s;
        -moz-transition-duration:0.5s;
        -ms-transition-duration:0.5s;
        -o-transition-duration:0.5s;
}
.project-info {
    padding:15px 35px 20px;
}
.grid.basic li:hover .project-info,.grid.basic li:hover h1.grid-title:before {
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.grid.basic .icon-box,.grid.alt .grid-project .project-info {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    text-align:center;
}
.grid.basic .icon-box i,.grid.alt .grid-project .project-info span.grid-icon {
    border:1px solid #737677;
    color:#FFFFFF;
}

.grid.alt .grid-project .project-info {
    padding-top:28%;
}

.times-three.grid.alt .project-info h1{
font-size: 1.475rem;
}

.grid.basic .icon-box {
/*  padding-top:120px; */
    padding-top:24%;
}
/*
.row .grid.basic .icon-box {
    padding-top:110px;
}*/
.grid.basic li:hover .icon-box,.grid.alt li:hover .project-info {
        opacity:1;
}
.times-three .project-info h1,.times-four .project-info h1 {
    font-size:1.275rem;
    font-weight:600;
    padding-bottom:2px;
    position:relative;
}
.times-three .project-info div.project-index {
    position:absolute;
    top:18px;
    right:35px;
    width:46px;
    height:46px;
    padding-top:10px;
    text-align:center;
    color:#4b4e52;
    background:#E6EAEE;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    float:right;
    font-size:14px;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
h1.grid-title:before {
    content:"";
    width:0px;
    height:0px;
    border:0.8em solid transparent;
    position:absolute;
    top:-42px;
    border-bottom:20px solid #fff;
}
.grid li.grid-item:nth-child(odd) {
    background:#f7f7f7;
}
.row li.grid-item:nth-child(odd) {
    background:#fff;
}
.grid li.grid-item:nth-child(even) {
    background:#fff;
}
.grid li.grid-item:nth-child(odd) h1.grid-title:before {
    border-bottom:20px solid #f7f7f7;
}
.row .grid li.grid-item:nth-child(odd) h1.grid-title:before {
    border-bottom:20px solid #fff;
}
.row .grid li.grid-item:hover h1.grid-title:before {
    border-bottom:20px solid #E9EDEE;
}
.grid.times-three.alt h1.grid-title,.grid.times-four.alt h1.grid-title {
    padding-top:20px;
    display:block;
    -webkit-transition-duration:.3s;
        -moz-transition-duration:.3s;
        -o-transition-duration:.3s;
        -ms-transition-duration:.3s;
}
.grid.times-three.alt li.grid-item:hover h1.grid-title,.grid.times-four.alt li.grid-item:hover h1.grid-title {
        padding-top:0px;
        -webkit-transition-duration:.3s;
        -moz-transition-duration:.3s;
        -o-transition-duration:.3s;
        -ms-transition-duration:.3s;
}
.grid.alt h1.grid-title:before {
    content:none;
}
.project-info h6.project-cat,.post-info h6.blog-cat {
    text-transform:uppercase;
}
.row .grid.times-three {
    margin-left:-2%;
}
.grid.times-three>li {
    width:33.3%;
    margin-left:0%;
}
.row .grid.times-three>li {
    width:31.3%;
    box-sizing:border-box;
    margin-left:2%;
    margin-bottom:2%;
}
.row .grid.times-four {
    margin-left:-2%;
}
.grid.times-four>li {
    width:25%;
    margin-left:0%;
    float:left;
}
.row .grid.times-four>li {
    width:23%;
    box-sizing:border-box;
    margin-left:2%;
    margin-bottom:2%;
}
.grid.times-two>li {
    width:50%;
    margin-left:0px;
}
.grid:after {
    clear:both;
    content:'';
    display:block;
}
.grid.basic .icon-box i,.grid.alt .grid-project .project-info span.grid-icon {
    width:60px;
    height:60px;
    margin:10px auto 20px;
    display:block;
    padding-top:16px;
    font-size:26px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.grid-icon.gallery-icon {
    border:0px !important;
    margin-bottom:0px !important;
}
.grid.basic .icon-box i {
    width:70px;
    height:70px;
    padding-top:22px;
    display:inline-block;
}
.grid.basic li:hover .icon-box i,.grid.alt li:hover .project-info span.grid-icon {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.project-info {
    position:relative;
}
.grid.basic .project-info div.project-index {
    overflow:hidden;
}
.project-info div.project-index span.number {
    width:100%;
    display:block;
    font-weight:600;
}
.grid.basic.times-three .project-info .number,.grid.basic li:hover h1.grid-title {
    -webkit-transition-duration:.1s;
    -moz-transition-duration:.1s;
    -o-transition-duration:.1s;
    -ms-transition-duration:.1s;
}
.grid.basic.times-three li:hover .project-info .number {
    opacity:0;
    margin-top:-20px;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
.grid.basic.times-three .project-info .project-index i {
    margin-top:12px;
    font-size:24px;
    -webkit-transition-duration:.1s;
    -moz-transition-duration:.1s;
    -o-transition-duration:.1s;
    -ms-transition-duration:.1s;
    opacity:0;
}
.grid.basic.times-three li:hover .project-info .project-index i {
    opacity:1;
    margin-top:-4px;
    display:block;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;
}
.grid li ul.check-list,.grid li ul.caret-list {
    margin:0px 0px 25px 0px;
}
.grid.alt .grid-project .project-info h1 {
    color:#fff;
    font-weight:700;
}
.project-info p {
    padding-top:10px;
    color:#111;
}
.grid.alt .grid-project .project-info .project-cat {
    color: #BDC3CC;
}
/*' Project Single*/
#sidebar .project-detail {
    padding-bottom:50px;
}
#sidebar .project-detail .stripe-heading:after {
    content:'';
    width:50px;
    height:3px;
    background:#060606;
    display:block;
    top:20px;
    position:relative;
}
.dark #sidebar .project-detail .stripe-heading:after {
    background:#fff;
}
ul.project-meta {
    margin-top:24px;
}
ul.project-meta li {
    font-size:13px;
    font-weight:700;
}
ul.project-meta li i {
    margin-right:14px;
    color:#979CA3;
    font-size:16px;
    vertical-align:middle;
}
ul.project-meta li.link {
    font-size:13px;
    font-family: 'Philosopher', sans-serif !important;
    font-style:italic;
    color:rgb(255,20,147) !important;
    font-weight:bolder;
}
ul.project-meta li.link i {
    color:#979CA3;
}
.icon-nav {
    display:inline-block;
}
.icon-nav li {
    display:inline-block;
    margin-left:25px;
}

.icon-nav li:first-child{
margin-left:0px;
}

.icon-nav li a i {
    font-size:18px;
    color:#4b4e52;
}
.dark .icon-nav li a i {
    color:#fff;
}
#single-project.alt .project-detail {
    width:98%;
    max-width:840px;
    margin:0 auto;
    background:#fff;
    padding:100px 100px 100px;
}
#single-project .project-detail h2,#single-project .project-detail h3,#single-project .project-detail h4,#single-project .project-detail h5,#single-project .project-detail h6 {
    font-weight:600;
}
#single-project.alt .slider-box,#single-project.alt .content-img {
    position:relative;
    margin:50px -100px;
}
.content-img {
    position:relative;
    margin:50px -80px;
}
.content-img a {
    position:absolute;
    right:16px;
    top:16px;
    color:#fff;
    font-size:24px;
}
.content-img.oversize {
    margin:50px -175px !important;
}
.content-img img {
    display:block;
    width:100%;
}
i.quote {
    font-size:36px;
    color:rgb(255,20,147);
    width:70px;
    height:70px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    background:rgb(233,233,233);
    padding-top:20px;
}
.project-detail .quote-box h3 {
    color:#979CA3;
    font-style:italic;
}
.project-detail .quote-box h6.credit {
    color:rgb(255,20,147);
    padding-top:10px;
    font-weight:600 !important;
}
#single-project .project-detail a.fill-button {
    margin-top:20px;
    margin-bottom: 20px;
}
/*Ajax portfolio single*/
.ajax-box {
    position:relative;
    height:inherit;
}
#portfolio-detail {
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
    bottom:0;
    visibility:hidden;
    height:100%;
    /*left:100%;*/
    overflow-x:hidden;
    overflow-y:hidden;
    padding:0;
    position:fixed;
    width:100%;
    z-index:6500;
    padding-left:80px;
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
}
#portfolio-detail.active {
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
    left:0;
    transform:translateX(0%);
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    visibility:visible;
}


.ajax-section {
    min-height:100%;
    background:#fff;
    position:relative;
}
.ajax-nav {
    padding-top:8px;
    padding-bottom:8px;
    width:100%;
    position:absolute;
    z-index:50;
    text-align:right;
}
.clear {
    clear:both;
}
.project-nav li {
    display:inline-block;
}
.project-nav li.closeProject {
}
.project-nav li.closeProject a i {
    color:#2d2d2d;
}
li.nextProject a i {
}
li.prevProject a i {
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
li.prevProject:hover a i,li.nextProject:hover a i {
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}

.loading-screen {
    position:fixed;
    width:100%;
    height:100%;
    display:block;
    z-index:1000;
    background:#222;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
    margin-left:-40px;
}

.loading-screen.inactive {
    z-index:-10;
    display:none;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.loading-screen .logo {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:inline-block;
    margin:auto;
}
#portfolio-detail #crumbs .text-right {
    display:none;
}
.ajax-nav li {
    padding-top:8px;
    margin-left:10px;
}
.ajax-nav .icon-nav li i {
    width:40px;
    height:40px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    background:rgba(0,0,0,0.1);
    text-align:center;
    padding-top:10px;
}
.full-screen-project {
    position:relative;
    height:100%;
}
.full-screen-project .slider-base {
    bottom:30px;
    z-index:900;
    padding-bottom:0px;
}
.slider-base .icon-nav li {
    margin-left:10px;
}
.icon-nav .more-info a i,.icon-nav .launch a i {
    margin-left:8px;
    width:25px;
    height:25px;
    display:inline-block;
    color:#747474;
    background:rgb(255,255,255);
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    text-align:center;
    padding-top:4px;
}
li.more-info a,li.launch a {
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
}
.project-detail-slide {
    position:absolute;
    height:100%;
    width:30%;
    top:0;
    right:0;
    background:#fff;
    z-index:920;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    -webkit-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
}
.project-detail-slide.active {
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    -webkit-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -webkit-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
}

#project-detail-scrollarea{
    height:100%;
}

.close-details i {
    position:fixed;
    right:38px;
    font-size:28px;
    color:#111;
    top:20px;
    z-index:11;
    cursor:pointer;
}
#slides {
    -webkit-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:all 600ms cubic-bezier(0.645,0.045,0.355,1.000);
    -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    -o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
    transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);
}
#slides.inactive {
    -webkit-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition:all 450ms cubic-bezier(0.250,0.460,0.450,0.940);
    -webkit-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);
    transform:translate(-30%);
    -webkit-transform:translate(-30%);
    -moz-transform:translate(-30%);
    -ms-transform:translate(-30%);
    -o-transform:translate(-30%);
}
.project-detail-slide div#sidebar {
    padding-top:60px;
}
.full-screen-project .slides-navigation a i {
    background:rgba(255,255,255,0.7);
    color:rgba(0,0,0,0.8);
}
.full-screen-project .slides-navigation a:hover i {
    color:#000;
    background:#fff;
}
.slider-base .slide-title {
    font-weight:700;
}
.slider-base .slide-caption-p {
    font-size:16px;
    font-style: italic;
}
/* ========== NOTES ============ */
.grid .post-info {
    height:280px;
    padding:15px 35px 20px;
}
.row .grid .post-info {
    height:auto;
    min-height:125px;
}
.grid li .grid-post {
    position:relative;
}
.grid-post p {
    padding-top:12px;
}
.grid li .grid-post .img-box {
    overflow:hidden;
    position:relative;
/*  height:320px; */
}

.row .grid li .grid-post .img-box {
/* height: 300px; */
}

.grid.basic li:hover .post-info {
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    -o-transition-duration:.4s;
    -ms-transition-duration:.4s;
}
#single-post .post-content h2,#single-post .post-content h3,#single-post .post-content h4,#single-post .post-content h5,#single-post .post-content h6 {
    font-weight:600;
}
.grid .post-info h1 {
    font-size:1.275rem;
    font-weight:600;
    padding-bottom:2px;
    position:relative;
}
.grid .post-info a.icon-button {
    position:absolute;
    bottom:35px;
    font-weight:600;
    color:#4b4e52;
}
.grid .post-info a.icon-button:hover {
    color:rgb(255,20,147);
}
.row .grid .post-info a.icon-button {
    bottom:15px;
}
.grid li:hover .post-info a.icon-button:before,.grid li:hover .post-info a.icon-button:after {
    opacity:1;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    -ms-transition-duration:0.4s;
    -o-transition-duration:0.4s;
}
.grid li:hover .post-info a.icon-button:before {
        right:-2px;
}
.grid li:hover .post-info a.icon-button:after {
        right:-9px;
}
.grid.alt-posts {
    width:98%;
    max-width:840px;
    margin:0 auto;
}
.two-third .grid.alt-posts {
    width:100%;
    max-width:100%;
}
.grid.alt-posts li.post {
    float:none;
    width:100%;
    padding-bottom:50px;
    background:#fff;
    position:relative;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    -ms-transition-duration:0.4s;
    -o-transition-duration:0.4s;
    border-bottom:1px solid #e9edee;
}
.grid.alt-posts .post-info {
    height:auto;
    padding:25px 100px 50px;
}
.grid.alt-posts .post-info .content-img {
    position:relative;
    margin:50px -100px;
}
.grid.alt-posts .post-info h1 {
    font-size:1.875rem;
    font-weight:600;
}
.grid.alt-posts li:hover h1 {
    -webkit-transition-duration:.1s;
    -moz-transition-duration:.1s;
    -o-transition-duration:.1s;
    -ms-transition-duration:.1s;
}
.grid.alt-posts .post-info h1.grid-title:before {
    content:none;
}
.grid.alt-posts .post-info p {
    padding-top:12px;
}
.grid.alt-posts .post-info a.icon-button {
    bottom:60px;
    font-weight:700;
}
.grid.basic li:hover .post-info {
    background:#E9EDEE;
}
.grid.alt-posts li h1.grid-title:hover,.post-meta span span {
    color:rgb(255,20,147);
}
.post-meta {
    margin-top:6px;
}
.post-meta span {
    margin-right:15px;
    margin-left:0px;
    text-transform:uppercase;
    font-size:12px;
    color:#72757A;
}
.post-meta span span {
    margin-right:0px;
}
#single-post .post-info h1,.two-third .grid.alt-posts .post-info h1 {
    font-size:2.575rem;
    font-weight:300;
}
.post-content {
    margin-top:22px;
}
.two-third .post-info .post-content p,#single-post .post-info .post-content p {
    width:100%;
    max-width:100%;
    font-size:16px;
    padding-top:0px;
    padding-bottom:16px;
}
.two-third #single-post li.post:hover {
    background:#fff;
}
#single-post li.post:hover h1.grid-title {
    color:#111;
}
.post-content blockquote {
    line-height:inherit;
    margin-bottom:30px;
}
.post-content ol,.post-content ul {
    margin-bottom:.65em;
}
.post-img {
    overflow:hidden;
    max-height:450px;
}
.post-img img {
    display:block;
}
.grid li:hover .post-img img {
    -webkit-transform:none;
    -moz-transform:none;
    -o-transform:none;
    -ms-transform:none;
}

}