/************************************************
$ Content Service Category
************************************************/
.section-service {
}

.section-service .row > div {
    padding: 0;
}

.service-item {
    display: block;
    padding: 45px;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

.section-service a.item-0 {
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.section-service a.item-1 {
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.section-service a.item-2 {
	border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.section-service a.item-3 {
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.section-service a.item-4 {
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.section-service a.item-5 {
    border-bottom: 1px solid #ececec;
}

.service-item h1 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 90px 90px;
    display: block;
    height: 90px;
    margin: 0 auto 30px;
    padding-top: 120px;
    text-align: center;

    -webkit-transition: color 0.3s ease-out, background 0.3s ease-out;
    -moz-transition: color 0.3s ease-out, background 0.3s ease-out;
    -o-transition: color 0.3s ease-out, background 0.3s ease-out;
    transition: color 0.3s ease-out, background 0.3s ease-out;
}

.service-item .ss-icon {
    display: none;
}

.post-833 h1 {
    background-image: url('../images/icon/Cloud-Storage-Blue.png');
}

.post-830 h1 {
    background-image: url('../images/icon/Managed-Firewall-Services-Blue.png');
}

.post-794 h1 {
    background-image: url('../images/icon/Sales-Force-Blue.png');
}

.post-120 h1 {
    background-image: url('../images/icon/DAAS-Blue.png');
}

.post-118 h1 {
    background-image: url('../images/icon/Cloud-Servers-Blue.png');
}

.post-116 h1 {
    background-image: url('../images/icon/Cloud-Exchange-Blue.png');
}

.post-114 h1 {
    background-image: url('../images/icon/Managed-IT-Services-Blue.png');
}

.post-112 h1 {
    background-image: url('../images/icon/MPLS-Service-Blue.png');
}

.post-110 h1 {
    background-image: url('../images/icon/Dedicated-Internet-Access-Blue.png');
}

.post-108 h1 {
    background-image: url('../images/icon/Dark-Fiber-Blue.png');
}

/* UCaaS */
.post-104 h1 {
    background-image: url('../images/icon/UCaaS-Blue.png');
}

/* Business Internet Phones */
.post-102 h1 {
    background-image: url('../images/icon/Business-Internet-Phones-Blue.png');
}

/* Virtual Call Center Services */
.post-100 h1 {
    background-image: url('../images/icon/Virtual-Call-Center-Services-Blue.png');
}

/* SIP Trunking Service */
.post-98 h1 {
    background-image: url('../images/icon/SIP-Trunking-Service-Blue.png');
}

/* Hosted IVR System */
.post-96 h1 {
    background-image: url('../images/icon/Hosted-IVR-System-Blue.png');
}

/* Cloud PBX */
.post-3626 h1 {
    background-image: url('../images/icon/Cloud-PBX-Systems-Blue.png');
}

.service-item p {
    color: #777777;
    line-height: 24px;
    margin-bottom: 30px;
    padding-top: 10px;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.service-item .button {
    margin-top: 30px;

    -webkit-transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
    transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
}

/* HOVER STATES */

.service-item:hover,
.service-item:active,
.service-item:focus {
    background-color: #ed612a;
}

.service-item:hover .post-833 h1,
.service-item:active .post-833 h1,
.service-item:focus .post-833 h1 {
    background-image: url('../images/icon/Cloud-Storage-White.png');
}

.service-item:hover .post-830 h1,
.service-item:active .post-830 h1,
.service-item:focus .post-830 h1 {
    background-image: url('../images/icon/Managed-Firewall-Services-White.png');
}

.service-item:hover .post-794 h1,
.service-item:active .post-794 h1,
.service-item:focus .post-794 h1 {
    background-image: url('../images/icon/Sales-Force-White.png');
}

.service-item:hover .post-120 h1,
.service-item:active .post-120 h1,
.service-item:focus .post-120 h1 {
    background-image: url('../images/icon/DAAS.png');
}

.service-item:hover .post-118 h1,
.service-item:active .post-118 h1,
.service-item:focus .post-118 h1 {
    background-image: url('../images/icon/Cloud-Servers-White.png');
}

.service-item:hover .post-116 h1,
.service-item:active .post-116 h1,
.service-item:focus .post-116 h1 {
    background-image: url('../images/icon/Cloud-Exchange.png');
}

.service-item:hover .post-114 h1,
.service-item:active .post-114 h1,
.service-item:focus .post-114 h1 {
    background-image: url('../images/icon/Managed-IT-Services.png');
}

.service-item:hover .post-112 h1,
.service-item:active .post-112 h1,
.service-item:focus .post-112 h1 {
    background-image: url('../images/icon/MPLS-Service.png');
}

.service-item:hover .post-110 h1,
.service-item:active .post-110 h1,
.service-item:focus .post-110 h1 {
    background-image: url('../images/icon/Dedicated-Internet-Access.png');
}

.service-item:hover .post-108 h1,
.service-item:active .post-108 h1,
.service-item:focus .post-108 h1 {
    background-image: url('../images/icon/Dark-Fiber.png');
}

.service-item:hover .post-104 h1,
.service-item:active .post-104 h1,
.service-item:focus .post-104 h1 {
    background-image: url('../images/icon/UCaaS.png');
}

.service-item:hover .post-102 h1,
.service-item:active .post-102 h1,
.service-item:focus .post-102 h1 {
    background-image: url('../images/icon/Business-Internet-Phones.png');
}

.service-item:hover .post-100 h1,
.service-item:active .post-100 h1,
.service-item:focus .post-100 h1 {
    background-image: url('../images/icon/Virtual-Call-Center-Services.png');
}

.service-item:hover .post-98 h1,
.service-item:active .post-98 h1,
.service-item:focus .post-98 h1 {
    background-image: url('../images/icon/SIP-Trunking-Service.png');
}

.service-item:hover .post-96 h1,
.service-item:active .post-96 h1,
.service-item:focus .post-96 h1 {
    background-image: url('../images/icon/Hosted-IVR-System.png');
}

.service-item:hover .post-94 h1,
.service-item:active .post-94 h1,
.service-item:focus .post-94 h1 {
    background-image: url('../images/icon/Cloud-PBX-Systems.png');
}

.service-item:hover h1,
.service-item:active h1,
.service-item:focus h1,
.service-item:hover p,
.service-item:active p,
.service-item:focus p {
    color: #fff;
}

.service-item:hover .button,
.service-item:active .button,
.service-item:focus .button {
    background-color: #ed612a;
    border-color: #fff;
    color: #fff;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .service-item {
        padding: 15px;
    }

    .service-item:hover,
    .service-item:active,
    .service-item:focus {
        background-color: transparent;
    }

    .service-item h1 {
        background-position: center left;
        -webkit-background-size: 50px 50px;
        background-size: 50px 50px;
        height: 50px;
        margin-bottom: 0;
        padding-top: 10px;
        padding-left: 60px;
        text-align: left;
    }

    .service-item:hover h1,
    .service-item:active h1,
    .service-item:focus h1 {
        color: #2980b9;
    }

	.service-item:hover .post-833 h1,
    .service-item:active .post-833 h1,
    .service-item:focus .post-833 h1 {
        background-image: url('../images/icon/Cloud-Storage-Blue.png');
    }

	.service-item:hover .post-830 h1,
    .service-item:active .post-830 h1,
    .service-item:focus .post-830 h1 {
        background-image: url('../images/icon/Managed-Firewall-Services-Blue.png');
    }

	.service-item:hover .post-794 h1,
    .service-item:active .post-794 h1,
    .service-item:focus .post-794 h1 {
        background-image: url('../images/icon/Sales-Force-Blue.png');
    }

    .service-item:hover .post-120 h1,
    .service-item:active .post-120 h1,
    .service-item:focus .post-120 h1 {
        background-image: url('../images/icon/DAAS-Blue.png');
    }

    .service-item:hover .post-118 h1,
    .service-item:active .post-118 h1,
    .service-item:focus .post-118 h1 {
        background-image: url('../images/icon/Cloud-Servers-Blue.png');
    }

    .service-item:hover .post-116 h1,
    .service-item:active .post-116 h1,
    .service-item:focus .post-116 h1 {
        background-image: url('../images/icon/Cloud-Exchange-Blue.png');
    }

    .service-item:hover .post-114 h1,
    .service-item:active .post-114 h1,
    .service-item:focus .post-114 h1 {
        background-image: url('../images/icon/Managed-IT-Services-Blue.png');
    }

    .service-item:hover .post-112 h1,
    .service-item:active .post-112 h1,
    .service-item:focus .post-112 h1 {
        background-image: url('../images/icon/MPLS-Service-Blue.png');
    }

    .service-item:hover .post-110 h1,
    .service-item:active .post-110 h1,
    .service-item:focus .post-110 h1 {
        background-image: url('../images/icon/Dedicated-Internet-Access-Blue.png');
    }

    .service-item:hover .post-108 h1,
    .service-item:active .post-108 h1,
    .service-item:focus .post-108 h1 {
        background-image: url('../images/icon/Dark-Fiber-Blue.png');
    }

    .service-item:hover .UCaaS h1,
    .service-item:active .UCaaS h1,
    .service-item:focus .UCaaS h1 {
        background-image: url('../images/icon/UCaaS-Blue.png');
    }

    .service-item:hover .post-102 h1,
    .service-item:active .post-102 h1,
    .service-item:focus .post-102 h1 {
        background-image: url('../images/icon/Business-Internet-Phones-Blue.png');
    }

    .service-item:hover .post-100 h1,
    .service-item:active .post-100 h1,
    .service-item:focus .post-100 h1 {
        background-image: url('../images/icon/Virtual-Call-Center-Services-Blue.png');
    }

    .service-item:hover .post-98 h1,
    .service-item:active .post-98 h1,
    .service-item:focus .post-98 h1 {
        background-image: url('../images/icon/SIP-Trunking-Service-Blue.png');
    }

    .service-item:hover .post-96 h1,
    .service-item:active .post-96 h1,
    .service-item:focus .post-96 h1 {
        background-image: url('../images/icon/Hosted-IVR-System-Blue.png');
    }

    .service-item:hover .post-94 h1,
    .service-item:active .post-94 h1,
    .service-item:focus .post-94 h1 {
        background-image: url('../images/icon/Cloud-PBX-Systems-Blue.png');
    }

    .service-item .ss-icon {
        display: block;

        -webkit-transition: -webkit-transform .3s;
        -moz-transition: transform .3s;
        -ms-transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
    }

    .service-item.expanded .ss-icon {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .service-item .entry-summary {
        opacity: 0;
        overflow: hidden;
        padding-left: 60px;
        max-height: 0;

        -webkit-transition: max-height .3s, opacity .3s;
        -moz-transition: max-height .3s, opacity .3s;
        -ms-transition: max-height .3s, opacity .3s;
        -o-transition: max-height .3s, opacity .3s;
        transition: max-height .3s, opacity .3s;
    }

    .service-item.expanded .entry-summary {
        opacity: 1;
        max-height: 350px;
    }

    .service-item .button {
        width: auto;
    }

    .service-item:hover .button,
    .service-item:active .button,
    .service-item:focus .button {
        background-color: #fff;
        border-color: #ed612a;
        color: #ed612a;
    }

    .service-item:hover p,
    .service-item:active p,
    .service-item:focus p {
        color: #777;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {
}

/**************************************************
	$ RETINA DISPLAY IMAGES
**************************************************/

/* Retina Display Images */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    .post-833 h1 {
        background-image: url('../images/icon/Cloud-Storage-Blue-2x.png');
    }

	.post-830 h1 {
        background-image: url('../images/icon/Managed-Firewall-Services-Blue-2x.png');
    }

	.post-794 h1 {
        background-image: url('../images/icon/Sales-Force-Blue-2x.png');
    }

	.post-120 h1 {
        background-image: url('../images/icon/DAAS-Blue-2x.png');
    }

    .post-118 h1 {
        background-image: url('../images/icon/Cloud-Servers-Blue-2x.png');
    }

    .post-116 h1 {
        background-image: url('../images/icon/Cloud-Exchange-Blue-2x.png');
    }

    .post-114 h1 {
        background-image: url('../images/icon/Managed-IT-Services-Blue-2x.png');
    }

    .post-112 h1 {
        background-image: url('../images/icon/MPLS-Service-Blue-2x.png');
    }

    .post-110 h1 {
        background-image: url('../images/icon/Dedicated-Internet-Access-Blue-2x.png');
    }

    .post-108 h1 {
        background-image: url('../images/icon/Dark-Fiber-Blue-2x.png');
    }

    .UCaaS h1 {
        background-image: url('../images/icon/UCaaS-Blue-2x.png');
    }

    .post-102 h1 {
        background-image: url('../images/icon/Business-Internet-Phones-Blue-2x.png');
    }

    .post-100 h1 {
        background-image: url('../images/icon/Virtual-Call-Center-Services-Blue-2x.png');
    }

    .post-98 h1 {
        background-image: url('../images/icon/SIP-Trunking-Service-Blue-2x.png');
    }

    .post-96 h1 {
        background-image: url('../images/icon/Hosted-IVR-System-Blue-2x.png');
    }

    .post-94 h1 {
        background-image: url('../images/icon/Cloud-PBX-Systems-Blue-2x.png');
    }

	.service-item:hover .post-833 h1,
    .service-item:active .post-833 h1,
    .service-item:focus .post-833 h1 {
        background-image: url('../images/icon/Cloud-Storage-White-2x.png');
    }

	.service-item:hover .post-830 h1,
    .service-item:active .post-830 h1,
    .service-item:focus .post-830 h1 {
        background-image: url('../images/icon/Managed-Firewall-Services-White-2x.png');
    }

	.service-item:hover .post-794 h1,
    .service-item:active .post-794 h1,
    .service-item:focus .post-794 h1 {
        background-image: url('../images/icon/Sales-Force-White-2x.png');
    }

    .service-item:hover .post-120 h1,
    .service-item:active .post-120 h1,
    .service-item:focus .post-120 h1 {
        background-image: url('../images/icon/DAAS-2x.png');
    }

    .service-item:hover .post-118 h1,
    .service-item:active .post-118 h1,
    .service-item:focus .post-118 h1 {
        background-image: url('../images/icon/Cloud-Servers-White-2x.png');
    }

    .service-item:hover .post-116 h1,
    .service-item:active .post-116 h1,
    .service-item:focus .post-116 h1 {
        background-image: url('../images/icon/Cloud-Exchange-2x.png');
    }

    .service-item:hover .post-114 h1,
    .service-item:active .post-114 h1,
    .service-item:focus .post-114 h1 {
        background-image: url('../images/icon/Managed-IT-Services-2x.png');
    }

    .service-item:hover .post-112 h1,
    .service-item:active .post-112 h1,
    .service-item:focus .post-112 h1 {
        background-image: url('../images/icon/MPLS-Service-2x.png');
    }

    .service-item:hover .post-110 h1,
    .service-item:active .post-110 h1,
    .service-item:focus .post-110 h1 {
        background-image: url('../images/icon/Dedicated-Internet-Access-2x.png');
    }

    .service-item:hover .post-108 h1,
    .service-item:active .post-108 h1,
    .service-item:focus .post-108 h1 {
        background-image: url('../images/icon/Dark-Fiber-Blue-2x.png');
    }

    .service-item:hover .UCaaS h1,
    .service-item:active .UCaaS h1,
    .service-item:focus .post-104 h1 {
        background-image: url('../images/icon/UCaaS-2x.png');
    }

    .service-item:hover .post-102 h1,
    .service-item:active .post-102 h1,
    .service-item:focus .post-102 h1 {
        background-image: url('../images/icon/Business-Internet-Phones-2x.png');
    }

    .service-item:hover .post-100 h1,
    .service-item:active .post-100 h1,
    .service-item:focus .post-100 h1 {
        background-image: url('../images/icon/Virtual-Call-Center-Services-2x.png');
    }

    .service-item:hover .post-98 h1,
    .service-item:active .post-98 h1,
    .service-item:focus .post-98 h1 {
        background-image: url('../images/icon/SIP-Trunking-Service-2x.png');
    }

    .service-item:hover .post-96 h1,
    .service-item:active .post-96 h1,
    .service-item:focus .post-96 h1 {
        background-image: url('../images/icon/Hosted-IVR-System-2x.png');
    }

    .service-item:hover .post-94 h1,
    .service-item:active .post-94 h1,
    .service-item:focus .post-94 h1 {
        background-image: url('../images/icon/Cloud-PBX-Systems-2x.png');
    }

}

/* Retina Display Images - Mobile */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) {

    .post-833 h1 {
        background-image: url('../images/icon/Cloud-Storage-Blue-2x.png');
    }

	.post-830 h1 {
        background-image: url('../images/icon/Managed-Firewall-Services-Blue-2x.png');
    }

	.post-794 h1 {
        background-image: url('../images/icon/Sales-Force-Blue-2x.png');
    }

	.post-120 h1 {
        background-image: url('../images/icon/DAAS-Blue-2x.png');
    }

    .post-118 h1 {
        background-image: url('../images/icon/Cloud-Servers-Blue-2x.png');
    }

    .post-116 h1 {
        background-image: url('../images/icon/Cloud-Exchange-Blue-2x.png');
    }

    .post-114 h1 {
        background-image: url('../images/icon/Managed-IT-Services-Blue-2x.png');
    }

    .post-112 h1 {
        background-image: url('../images/icon/MPLS-Service-Blue-2x.png');
    }

    .post-110 h1 {
        background-image: url('../images/icon/Dedicated-Internet-Access-Blue-2x.png');
    }

    .post-108 h1 {
        background-image: url('../images/icon/Dark-Fiber-Blue-2x.png');
    }

    .post-104 h1 {
        background-image: url('../images/icon/UCaaS-Blue-2x.png');
    }

    .post-102 h1 {
        background-image: url('../images/icon/Business-Internet-Phones-Blue-2x.png');
    }

    .post-100 h1 {
        background-image: url('../images/icon/Virtual-Call-Center-Services-Blue-2x.png');
    }

    .post-98 h1 {
        background-image: url('../images/icon/SIP-Trunking-Service-Blue-2x.png');
    }

    .post-96 h1 {
        background-image: url('../images/icon/Hosted-IVR-System-Blue-2x.png');
    }

    .post-94 h1 {
        background-image: url('../images/icon/Cloud-PBX-Systems-Blue-2x.png');
    }

	.service-item:hover .post-833 h1,
    .service-item:active .post-833 h1,
    .service-item:focus .post-833 h1 {
        background-image: url('../images/icon/Cloud-Storage-Blue-2x.png');
    }

	.service-item:hover .post-830 h1,
    .service-item:active .post-830 h1,
    .service-item:focus .post-830 h1 {
        background-image: url('../images/icon/Managed-Firewall-Services-Blue-2x.png');
    }

	.service-item:hover .post-794 h1,
    .service-item:active .post-794 h1,
    .service-item:focus .post-794 h1 {
        background-image: url('../images/icon/Sales-Force-Blue-2x.png');
    }

    .service-item:hover .post-120 h1,
    .service-item:active .post-120 h1,
    .service-item:focus .post-120 h1 {
        background-image: url('../images/icon/DAAS-Blue-2x.png');
    }

    .service-item:hover .post-118 h1,
    .service-item:active .post-118 h1,
    .service-item:focus .post-118 h1 {
        background-image: url('../images/icon/Cloud-Servers-Blue-2x.png');
    }

    .service-item:hover .post-116 h1,
    .service-item:active .post-116 h1,
    .service-item:focus .post-116 h1 {
        background-image: url('../images/icon/Cloud-Exchange-Blue-2x.png');
    }

    .service-item:hover .post-114 h1,
    .service-item:active .post-114 h1,
    .service-item:focus .post-114 h1 {
        background-image: url('../images/icon/Managed-IT-Services-Blue-2x.png');
    }

    .service-item:hover .post-112 h1,
    .service-item:active .post-112 h1,
    .service-item:focus .post-112 h1 {
        background-image: url('../images/icon/MPLS-Service-Blue-2x.png');
    }

    .service-item:hover .post-110 h1,
    .service-item:active .post-110 h1,
    .service-item:focus .post-110 h1 {
        background-image: url('../images/icon/Dedicated-Internet-Access-Blue-2x.png');
    }

    .service-item:hover .post-108 h1,
    .service-item:active .post-108 h1,
    .service-item:focus .post-108 h1 {
        background-image: url('../images/icon/Dark-Fiber-Blue-2x.png');
    }

    .service-item:hover .post-104 h1,
    .service-item:active .post-104 h1,
    .service-item:focus .post-104 h1 {
        background-image: url('../images/icon/UCaaS-Blue-2x.png');
    }

    .service-item:hover .post-102 h1,
    .service-item:active .post-102 h1,
    .service-item:focus .post-102 h1 {
        background-image: url('../images/icon/Business-Internet-Phones-Blue-2x.png');
    }

    .service-item:hover .post-100 h1,
    .service-item:active .post-100 h1,
    .service-item:focus .post-100 h1 {
        background-image: url('../images/icon/Virtual-Call-Center-Services-Blue-2x.png');
    }

    .service-item:hover .post-98 h1,
    .service-item:active .post-98 h1,
    .service-item:focus .post-98 h1 {
        background-image: url('../images/icon/SIP-Trunking-Service-Blue-2x.png');
    }

    .service-item:hover .post-96 h1,
    .service-item:active .post-96 h1,
    .service-item:focus .post-96 h1 {
        background-image: url('../images/icon/Hosted-IVR-System-Blue-2x.png');
    }

    .service-item:hover .post-94 h1,
    .service-item:active .post-94 h1,
    .service-item:focus .post-94 h1 {
        background-image: url('../images/icon/Cloud-PBX-Systems-Blue-2x.png');
    }

}