﻿.serviceHolder figure {
    margin: 0 auto;
}

.serviceHolder figcaption {
    text-align: center;
    width: 136px;
    margin: 0 auto;
}

.services figcaption, .serviceHolder figcaption {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}
/* SERVICES START */
.webdesign {
    border-color: #f29400;
    background: url(/images/icons/webdesign.webp) no-repeat;
}

.webdesign_white {
    background: url(/images/icons/webdesign_white.webp) no-repeat #f29400;
}

.corporate {
    border-color: #7c9d4e;
    background: url(/images/icons/corporate.webp) no-repeat;
}

.corporate_white {
    border-color: #7c9d4e;
    background: url(/images/icons/corporate_white.webp) no-repeat #7c9d4e;
}

.advertisingMaterial {
    border-color: #715050;
    background: url(/images/icons/advertisingmaterial.webp) no-repeat;
}

.advertisingMaterial_white {
    background: url(/images/icons/advertisingmaterial_white.webp) no-repeat #715050;
}

.CMS {
    border-color: #2d6466;
    background: url(/images/icons/cms.webp) no-repeat;
}

.CMS_white {
    background: url(/images/icons/cms_white.webp) no-repeat #006666;
}

.ecommerce {
    border-color: #FF0040;
    background: url(/images/icons/ecommerce.webp) no-repeat;
}

.ecommerce_white {
    background: url(/images/icons/ecommerce_white.webp) no-repeat #FF0040;
}

.house {
    border-color: #FF0040;
    background: url(/images/image1.webp) no-repeat;
}

.house_white {
    background: url(/images/image1_white.webp) no-repeat #786854;
}

.webdevelopment {
    border-color: #662684;
    background: url(/images/icons/webdevelopment.webp) no-repeat;
}

.webdevelopment_white {
    background: url(/images/icons/webdevelopment_white.webp) no-repeat #662684;
}

.social {
    border-color: #ff6600;
    background: url(/images/icons/sm.webp) no-repeat;
}

.social_white {
    background: url(/images/icons/sm_white.webp) no-repeat #ff6600;
}

.cpc {
    border-color: #cccc33;
    background: url(/images/icons/cpc.webp) no-repeat;
}

.cpc_white {
    background: url(/images/icons/cpc_white.webp) no-repeat #cccc33;
}

.emailmarketing {
    border-color: #006699;
    background: url(/images/icons/emailmarketing.webp) no-repeat;
}

.emailmarketing_white {
    background: url(/images/icons/emailmarketing_white.webp) no-repeat #006699;
}
/*TODO*/
.termCommitment {
    border-color: #009036;
    background: url(/images/icons/termcommitment.webp) no-repeat;
}

.termCommitment_white {
    background: url(/images/icons/termcommitment_white.webp) no-repeat #009036;
}

.webhosting {
    border-color: #bbb8d9;
    background: url(/images/icons/webhosting.webp) no-repeat;
}

.webhosting_white {
    background: url(/images/icons/webhosting_white.webp) no-repeat #bbb8d9;
}
/* SERVICES END */
.circleicon {
    height: 137px;
    width: 137px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    background-position: center center;
    margin: 0 auto 26px;
    transition: border 0.2s;
    -moz-transition: border 0.2s;
    -webkit-transition: border 0.2s;
}

    .circleicon:hover {
        border-width: 5px;
    }

.latestthemesouter {
    background: #434a59;
    color:#FFF !important;
}

.serviceHolder h1, .serviceHolder h2, .serviceHolder h3, .serviceHolder h4, .serviceHolder h5 {
    font-size: 20px;
    text-align: center;
    font-family: nexa_boldregular;
}

.smallcircle {
    height: 46px;
    width: 46px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;
    margin-right: 6px;
    transition: all 0.2s;
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
