body .site-wrapper a, body .site-wrapper a:hover, .site-wrapper .navigation.pagination a:hover, .single .site-wrapper .entry-info .cat-links a:hover, .site-wrapper .tags-holder a, .single .site-wrapper .wp-link-pages, .site-wrapper .comment-form-holder a:hover, .site-wrapper .replay-at-author, body .site-wrapper .footer a:hover, .site-wrapper .blog-item-holder .cat-links ul a, .site-wrapper blockquote:not(.cocobasic-block-pullquote):before {
    color:#3f2374;
}
.site-wrapper blockquote:not(.cocobasic-block-pullquote), .single .site-wrapper .entry-info .cat-links a, .site-wrapper .tags-holder a, .site-wrapper .owl-theme .owl-dots .owl-dot.active span, .site-wrapper .owl-theme .owl-dots .owl-dot:hover span {
    border-color:#dd42b9;
}
.site-wrapper a.button {
    background-color:#dd42b9;
}
.site-wrapper .footer {
    background-color:#FFF;
    background-image: url(footer.png);
    margin-bottom: 50px;
}
.site-wrapper .footer-content{
    padding-top:140px;
    padding-bottom:90px;
    width: 900px;
}

.section.post-166{background-position:left top; background-repeat:no-repeat; background-size:auto; } .section.post-294{background-image: url("bg_elements.png"); background-color:#FFF; background-position:center center; background-repeat:no-repeat; background-size:auto; } .section.post-9{background-position:left top; background-repeat:no-repeat; background-size:auto; } .section.post-132{background-position:left top; background-repeat:no-repeat; background-size:auto; margin-bottom: 0; } .section.post-166 .section-title-holder {} .section.post-294 .section-title-holder {} .section.post-9 .section-title-holder {color:#FFF; } .section.post-132 .section-title-holder {color:#FFF; }

/* ===================================
    Global CSS
====================================== */

.section-title-holder {
    width: 300px;
    position: relative;
    color: #000;
}

@media screen and (min-width: 1025px) {
    
    .section-title-holder {
        background-color: transparent !important;
    }
    
}

.section-content-holder {
    width: 800px;
    margin-top: 200px;
}

span.current-section-num {
    font-weight: 700;
}

span.total-section-num {
    font-weight: 300;
    font-size: 48px;
    color: rgba(255, 255, 255, 0.21);
    vertical-align: 60px;
}

.section-num {
    font-family: 'Poppins', sans-serif;
    font-size: 140px;
    line-height: 100%;
    letter-spacing: -3px;
}

.section.page-split .section-title-holder .page-desc {    
    text-align: left;
}

.section.full-screen {
    min-height: calc(100vh - 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.section.full-screen .section-wrapper {
    margin: auto;
    padding: 0;
    transform: translateY(-50px);
}

.bg-holder {
    float: none !important;
}

.bg-holder.float-left img {
    position: absolute;
    top: -70px;
    transform: translateX(-104%);
    left: 420px;
    z-index: 0;
    max-width: none !important;
    max-height: none !important;
}

.bg-holder.float-right img {
    position: absolute;
    top: -70px;
    transform: translateX(100%);
    right: 420px;
    z-index: 0;
    max-width: none !important;
    max-height: none !important;
}

/* ===================================
    Columns CSS
====================================== */

.one, 
.one_half, 
.one_third, 
.two_third, 
.three_fourth, 
.one_fourth {
    margin-right: 8%;
    float: left;
    position: relative;
    margin-bottom: 25px;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

.one {
    float: none;
    display: block;
    clear: both;
    margin-right: 0;
}

.one_half {
    width: 46%;
}

.one_third {
    width: 28%;
}

.two_third {
    width: 64%;
}

.one_fourth {
    width: 19%;
}

.three_fourth {
    width: 73%;
}

/* ===================================
    Service CSS
====================================== */


.service-item {
    text-align: center;
    margin: 0 auto;
}

.service-item .service-title {
    transition: all .5s ease;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
}

.service-item:after {
    content: "";
    display: block;
    position: absolute;
    top: -15%;
    left: -25%;
    width: 150%;
    height: 130%;
    border-radius: 10px;
    opacity: 0;
    transition: opacity .5s ease;
    background-color: #F7F7F7;
    z-index: -1;
}

.site-wrapper .service-item:hover img.service-icon {
    transform: scale(1.1);
}

.site-wrapper img.service-icon {    
    transition: transform .3s ease;
    width: 45px;
    height: 45px;
}

.service-item:hover:after {
    opacity: 1;    
}

.service-content {
    opacity: 0;
    transition: opacity .5s ease;
    color: #a7a7a7;
    font-size: 14px;
}

.service-item:hover .service-content {
    opacity: 1;
}

/* ===================================
    Button CSS
====================================== */

a.button {
    display: inline-block;
    color: #fff !important;
    background-color: #f1576b;
    text-align: left;    
    padding-bottom: 17px;
    padding-top: 17px;
    padding-left: 60px;
    padding-right: 60px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    transition: all .2s linear;
    margin-bottom: 17px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
}

a.button:hover {
    background-color: #3f2374;   
}

/* ===================================
    6. Big Text/Medium Text
====================================== */

.big-text {
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    line-height: 70px;
    color: #000;  
    font-weight: 700;
}

.medium-text {
    font-family: 'Poppins', sans-serif;
    font-size: 44px;
    line-height: 52px;
    font-weight: 700;
}

/* ===================================
    Responsive CSS
====================================== */

@media screen and (max-width: 1024px) {

    .bg-holder {
        display: none;
    }

    .section-title-holder {
        float: none !important;
        width: 110%;
        left: -5%;
        padding-left: 5%;
        padding-bottom: 15px;
    }

    .section-title-holder:after {
        content: "";
        clear: both;
        display: block;
    }

    .section-num {
        font-size: 100px;
        margin-right: 30px;
        float: left;
    }

    span.total-section-num {
        font-size: 35px;
    }

    .section.page-split h2.entry-title {
        padding-top: 55px;
        padding-bottom: 0;
        padding-left: 0 !important;
        max-width: 62%;
    }

    .section.page-split .section-title-holder .page-desc {
        max-width: 62%;
        display: table;
        padding-left: 0;
    }

    .section-content-holder {   
        width: 100%;
        margin-top: 75px;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }       
}

@media screen and (min-width: 1020px) {    
    
    .v-skill-fill {
        width: 100% !important;
    }
    
}

@media screen and (max-width: 1020px) {    
    
    .big-text {
        text-align: center;
        font-size: 55px;
        line-height: 60px;
    }

    .big-text br {
        display: none;
    }

    .v-skill {
        width: 100%;
        height: 5px;
        margin-right: 0;
        margin-bottom: 55px;
        margin-top: 30px;
    }

    .v-skills-holder .v-skill:last-of-type {
        margin-bottom: 0;
    }

    .v-skill-text {
        right: auto;
        left: 0;
        transform: none;
        bottom: 10px !important;
    }

    .v-skill-fill {
        height: 100% !important;
        border-radius: 0;
    }

    .v-skill-text span {
        font-size: 35px;
    }
    
}

@media screen and (max-width: 767px) {  

    .section-content-holder {
        margin-top: 35px;
    }

    .section-num {
        display: none;
    }

    .section.page-split h2.entry-title {
        padding-top: 30px;
        max-width: 90%;
        text-align: center !important;
    }

    .section.page-split .section-title-holder .page-desc {
        max-width: 90%;
        line-height: 20px;
        font-size: 15px;
        text-align: center;
        display: block;
    }

    .medium-text {
        font-size: 27px;
        line-height: 35px;
        text-align: center;
    }    

    .medium-text br {
        display: none;
    }

    .blog-item-holder-scode {
        width: 100%;
        margin-right: auto;
        text-align: center;
        float: none;
        padding-bottom: 0;
    }


    .blog-holder-scode .more-posts-link {
        max-width: 175px;
        margin: 0 auto;
        float: none;
        display: block;
    }  

    .section.full-screen .section-wrapper {
        transform: none;
    }

    .big-text {
        font-size: 30px;
        line-height: 35px;
    }

    a.button {
        padding-left: 35px;
        padding-right: 35px;
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .grid-item, 
    .grid-sizer {
        width: 100% !important;
    }   

    .info-text {
        font-size: 20px;
        line-height: 30px;
    }

    .service-item {
        margin-bottom: 60px;
    }

    .service-item:after {
        width: 100%;
        left: 0;
        opacity: 1;
        border-radius: 0;
    }

    .service-content {
        max-width: 90%;
        margin: 0 auto;
        opacity: 1;
    }

}