/*  */

/* service item */

/*  */

.service-item h1, .service-item h2, .service-item h3, .service-item h4, .service-item h5, .service-item h6 {

    font-size: 20px;

    line-height: 1.3;

    margin: 0 0 10px 0;

    overflow: hidden;

}



.service-item p {

    font-size: 14px;

}



.service-item.icon-center {

    text-align: center;

}



.service-item.icon-center .cws-icon {

    margin-bottom: 20px;

}



.service-item.icon-right p {

    overflow: hidden;

}



.service-item.icon-right .cws-icon {

    float: left;

    margin: 0px 20px 0 0;

}



.service-item.icon-left > * {

    text-align: right;

}



.service-item.icon-left p {

    overflow: hidden;

}



.service-item.icon-left .cws-icon {

    float: right;

    margin: 0px 0 0 20px;

}



/*  */

/* service bg icon */

/*  */

.service-bg-icon,

.service-center-icon {

    padding: 65px 70px 80px 95px;

    overflow: hidden;

    position: relative;

    z-index: 1;

}



.service-bg-icon > *,

  .service-center-icon > * {

    position: relative;

    z-index: 2;

}



.service-bg-icon .title-section,

  .service-center-icon .title-section {

    font-size: 36px;

    font-weight: 400;

}



.service-bg-icon:before,

  .service-center-icon:before {

    content: "";

    display: inline-block;

    position: absolute;

    z-index: 0;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #28a6ec;

}



.service-bg-icon.color-2:before,

  .service-center-icon.color-2:before {

    background: #f9b91e;

}



.service-bg-icon.color-3:before,

  .service-center-icon.color-3:before {

    background: #F56363;

}



.service-bg-icon.color-4:before,

  .service-center-icon.color-4:before {

    background: #43C5B8;

}



.service-bg-icon.color-5:before,

  .service-center-icon.color-5:before {

    background: #2EB851;

}



.service-bg-icon.color-6:before,

  .service-center-icon.color-6:before {

    background: #C744FD;

}



.service-bg-icon.white:before,

  .service-center-icon.white:before {

    background: #ffffff;

}



.service-bg-icon.gray:before,

  .service-center-icon.gray:before {

    background: #f2f2f2;

}



.service-bg-icon .icon-bg-serv,

  .service-center-icon .icon-bg-serv {

    position: absolute;

    z-index: 1;

    font-size: 330px;

    opacity: 0.05;

    color: #000000;

    bottom: -50px;

    line-height: 1;

    right: -130px;

}



@media (max-width: 1200px) {

    .service-bg-icon {

        padding: 65px 40px 80px 40px;

    }

}



.service-center-icon {

    padding: 40px 30px 35px 40px;

}



.service-center-icon .cws-icon {

    width: auto;

    height: auto;

    color: #28a6ec;

}



.service-center-icon .cws-icon:before {

    line-height: 1;

    font-size: 40px;

}



.service-center-icon .cws-icon.text-white {

    color: #ffffff;

}



.service-center-icon .cws-icon.text-black {

    color: #71d0ee;

}



.mt-minus {

    margin-top: -135px;

}



.services-with-bg {

    position: relative;	

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15);

    overflow: hidden;

    background-image: url(http://html.creaws.com/t8/pic/1920x1280-benefits.jpg);

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-position: 0% 50%;

    background-repeat: no-repeat;

}



.services-with-bg .service-center-icon:before {

    opacity: 0.95;

}



.services-with-bg .service-center-icon.white,

.services-with-bg .service-center-icon.color-4 + .service-center-icon {

    overflow: visible;

}



.services-with-bg .service-center-icon.white:before {

    left: -2px;

}



.services-with-bg .service-center-icon.color-4 + .service-center-icon:before {

    right: -2px;

}



/* Rev Overlay */



.tp-dottedoverlay.custom {

    background: #000;

    opacity: 0.5;

}



.tp-dottedoverlay {

    background-repeat: repeat;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 3;

}



.tp-caption

{

	z-index: 4;

}



/*  */

/* Half Width services */

/*  */

.half-width-service {

    overflow: hidden;

    position: relative;

    padding-left: 40px;

    z-index: 1;

}



.half-width-service > * {

    position: relative;

    z-index: 2;

}



.icon-bg-rc {

    position: absolute !important;

    z-index: 1 !important;

    font-size: 490px;

    color: #ffffff;

    top: 50%;

    line-height: 1;

    left: 100%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}





.m-b-60

{

	margin-bottom: 60px;

}





/*  */

/* button style */

/*  */

.cws-button {

    display: inline-block;

    text-align: center;

    font-size: 16px;

    line-height: 20px;

    min-width: 160px;

    padding: 8px 20px;

    color: #28a6ec;

    background: transparent;

    border: 2px solid #28a6ec;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}



.cws-button:hover {

    background: #28a6ec;

    color: #fff;

    text-decoration: none;

}



.cws-button.small {

    line-height: 19px;

    min-width: 120px;

    padding: 6px 20px;

}



.cws-button.mini {

    font-size: 14px;

    line-height: 16px;

    min-width: 100px;

    padding: 5px 15px;

}



.cws-button.large {

    font-size: 18px;

    line-height: 23px;

    min-width: 180px;

    padding: 9px 15px;

}



.cws-button.gray {

    border-color: #7e888c;

    color: #7e888c;

}



.cws-button.gray:hover {

    color: #ffffff;

    background: #7e888c;

}



.cws-button.color-2 {

    border-color: #f9b91e;

    color: #f9b91e;

}



.cws-button.color-2:hover {

    background: #f9b91e;

    color: #ffffff;

}



.cws-button.color-3 {

    border-color: #F56363;

    color: #F56363;

}



.cws-button.color-3:hover {

    background: #F56363;

    color: #ffffff;

}



.cws-button.color-4 {

    border-color: #43C5B8;

    color: #43C5B8;

}



.cws-button.color-4:hover {

    background: #43C5B8;

    color: #ffffff;

}



.cws-button.alt {

    background: #28a6ec;

    color: #ffffff;

}



.cws-button.alt:hover {

    color: #28a6ec;

    background: transparent;

}



.cws-button.color-2.alt {

    background: #f9b91e;

    color: #ffffff;

}



.cws-button.color-2.alt:hover {

    color: #f9b91e;

    background: transparent;

}



.cws-button.color-3.alt {

    background: #F56363;

    color: #ffffff;

}



.cws-button.color-3.alt:hover {

    color: #F56363;

    background: transparent;

}



.cws-button.color-4.alt {

    background: #43C5B8;

    color: #ffffff;

}



.cws-button.color-4.alt:hover {

    color: #43C5B8;

    background: transparent;

}



.cws-button.white {

    border-color: #ffffff;

    color: #ffffff;

}



.cws-button.white.color-4:hover {

    color: #43C5B8;

}



.cws-button.white:hover {

    color: #28a6ec;

    background: #ffffff;

}



.cws-button.full-width {

    min-width: 100%;

}



.cws-button.with-icon {

    position: relative;

    z-index: 1;

    padding: 8px 70px 8px 40px;

}



.cws-button.with-icon i {

    position: absolute;

    z-index: 1;

    border-left: 2px solid;

    width: 40px;

    right: -2px;

    text-align: center;

    line-height: 40px;

    top: -1px;

    bottom: -2px;

}



.cws-button.with-icon i:before {

    margin: 0 !important;

}



.cws-button + .cws-button {

    margin-left: 10px;

}



.tx-color-2 {

    color: #f9b91e !important;

}



.tx-color-3 {

    color: #F56363 !important;

}



.tx-color-4 {

    color: #43C5B8 !important;

}



@media (max-width: 768px) {

    .button-grid .text-right,

  .button-grid .text-center {

        text-align: left;

    }

}



@media (max-width: 380px) {

    .cws-button {

        margin: 5px !important;

    }

}



#section-14 h1 {

    font-size: 150px;

    line-height: 60px;

    font-weight: 700;

    font-style: italic;



}



#section-14

{

margin-bottom: 0px;

}



/***********************************************************************************

 *  + FOOTER

 ***********************************************************************************/

/***********************************************************************************

 *  - FOOTER CONTAINER

 ***********************************************************************************/

 

    #footer-container {

        background-color: #000000;

        color: #fff;

    }



    #footer-bottom {

        background-color: #000000;

    }





    .footer-style-2 #footer .widget-social:last-child {

        margin-bottom: 50px;

        }



    .social-media.rounded a {

        border-radius: 0%;

    }        



#scroll-up {

    background-color: transparent;

    color: black;

    border: solid 2px black;

    border-radius: 0px;

}    





    .tp-leftarrow.custom,

    .tp-leftarrow.custom:hover {

        background-image: url(../../assets/images/prev-white.png);

    }



    .tp-rightarrow.custom,

    .tp-rightarrow.custom:hover {

        background-image: url(../../assets/images/next-white.png);

    }



    /* ARROWS */

    .tp-leftarrow.custom,

    .tp-rightarrow.custom {

        border-color: #ffffff;

        background-color: transparent;

    }    

    #mobile-menu-button {
    background-color: #ffffff;
    color: #000;
    border: 2px solid #000;
}

.portfolio-software:after {
    background-color: #a24a57;
}

.portfolio-website:after {
    background-color: #007533;
}