/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.0.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/*=================================================================*/
/*======================== body elements ==========================*/
/*=================================================================*/

body {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #666666;
    font-weight: normal;
}

.pattern-10 {
    /*background-image: url("../Images/background.jpg");*/
    background-image: url("../Images/New/BGtile@2x.png");
    background-size: 25%;
    background-repeat: repeat;
    background-position-x: center;
    background-position-y: bottom;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Raleway-ExtraLight;
}

h1 {
    font-size: 55px;
    text-transform: none;
    font-weight: normal;
}

h2 {
    font-size: 45px;
    text-transform: none;
}

h3 {
    font-size: 26px;
    text-transform: none;
}

h4 {
    font-size: 22px;
    text-transform: none;
}

h5 {
    font-size: 15px;
    text-transform: none;
}

.title-style1 {
    font-family: Raleway-Bold;
}

.title-style2 {
    font-family: Raleway-Medium;
}

.white-text {
    color: white;
}

.dark-gray-text {
    color: #444444;
}

.highlined {
    font-family: Raleway-SemiBold;
    font-size: 17px;
}

    .highlined.style1 {
        color: #334599;
    }

a, a:hover, a:focus {
    font-family: Raleway-Bold;
    color: black;
}

.header {
    background: none;
    border: none;
    margin-top: 20px;
}

.footer {
    border-top: 1px solid #595959;
    background: #343434;
    padding: 40px 0;
}

    .footer .list-unstyled li, .footer .list li {
        font-size: 11px;
    }

        .footer .list-unstyled li.text-indent {
            text-indent: 10px;
        }

.btn-dark-gray {
    color: #ffffff;
    background-color: #666666;
    font-family: Raleway-Medium;
}

    .btn-dark-gray:hover,
    .btn-dark-gray:focus,
    .btn-dark-gray.focus,
    .btn-dark-gray:active,
    .btn-dark-gray.active {
        color: #ffffff;
        background-color: #444444;
        font-family: Raleway-Medium;
    }

.btn-personal {
    padding: 7px 22px 7px 30px;
    font-size: 13px;
    line-height: 1.46666667;
    margin: 10px 0;
    border: 1px solid #ffffff;
    background-color: transparent;
    font-family: Raleway-Regular;
    letter-spacing: 13px;
    text-transform: uppercase;
    font-weight: normal;
    min-width: 160px;
    color: white;
}

    .btn-personal:hover, .btn-personal:focus {
        background-color: rgba(255,255,255,1);
        color: black;
        /*font-weight: 800;*/ /* TOLTO PER BROWSER SAFARI */
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.btn-personal-inverted {
    padding: 7px 22px 7px 30px;
    font-size: 13px;
    line-height: 1.46666667;
    margin: 10px 0;
    border: 1px solid #000000;
    background-color: transparent;
    font-family: Raleway-Regular;
    letter-spacing: 8px;
    text-transform: uppercase;
    font-weight: normal;
    min-width: 160px;
    color: black;
}

    .btn-personal-inverted:hover, .btn-personal-inverted:focus {
        background-color: rgba(0,0,0,1);
        color: white;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.boxed .page-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-wrapper {
    background: none;
}

.relative {
    position: relative;
}

.content, .content-call-to-action, .content-esp-referenze {
    padding: 50px 0px;
}

.call-to-action h1, .call-to-action h2, .call-to-action h3, .call-to-action h4 {
    margin: 20px 0 10px 0;
}

.call-to-action p.size1 {
    font-size: 17px;
}

.call-to-action p.size2 {
    font-size: 20px;
}

.call-to-action p.size3 {
    font-size: 23px;
}

.call-to-action.big {
    padding: 30px 0;
}

    .call-to-action.big span.icon i {
        font-size: 45px;
    }

.text-large {
    line-height: 200%;
}

.feature-box, .feature-box-2 {
    margin-bottom: 40px;
}

.field-validation-error {
    color: red;
    font-family: Raleway-Medium;
}

.blue-bg {
    background: #091e3f;
}

    .blue-bg h1,
    .blue-bg h2,
    .blue-bg h3,
    .blue-bg h4,
    .blue-bg button,
    .blue-bg p,
    .blue-bg i,
    .blue-bg .form-control {
        color: #cbcfd6 !important;
    }

    .blue-bg .form-control {
        border-color: #091e3f;
        background-color: rgba(255, 255, 255, 0.15);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
    }

        .blue-bg .form-control:focus {
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
            background-color: rgba(255, 255, 255, 0.25);
        }

    .blue-bg button:hover {
        border-color: #ffffff;
        color: #091e3f !important;
        background-color: rgba(255, 255, 255, 0.8);
        font-weight: 800;
    }

        .blue-bg button:hover i {
            color: #091e3f !important;
        }

    .blue-bg .separator {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0.0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.0)), color-stop(35%,rgba(255, 255, 255, 0.5)), color-stop(70%,rgba(255, 255, 255, 0.5)), color-stop(100%,rgba(255, 255, 255, 0.0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.5) 35%,rgba(255, 255, 255, 0.5) 70%,rgba(255, 255, 255, 0.0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.5) 35%,rgba(255, 255, 255, 0.5) 70%,rgba(255, 255, 255, 0.0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.5) 35%,rgba(255, 255, 255, 0.5) 70%,rgba(255, 255, 255, 0.0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.5) 35%,rgba(255, 255, 255, 0.5) 70%,rgba(255, 255, 255, 0.0) 100%);
    }

input[type="file"] {
    display: none;
}

.file-name {
    margin-left: 10px;
}

/*=================================================================*/
/*====================== Header elements ==========================*/
/*=================================================================*/
/* Top header */

.header-top {
    background: black !important;
    border-bottom: 1px solid #323232 !important;
}

.languages {
    background: white !important;
    min-width: 50px !important;
    padding: 0px !important;
}

.languages {
    background: white !important;
    min-width: 50px !important;
    padding: 0px !important;
}


/* Main menù */

.nav.navbar-nav > li > a {
    font-family: Raleway-Bold;
    font-size: 12px;
}

.dropdown-menu > li {
    font-family: Raleway-Bold;
    font-size: 15px !important;
}

    .dropdown-menu > li a {
        font-family: Raleway-Regular;
        font-size: 13px !important;
    }

.navbar-default .navbar-nav > li > a {
    color: #b3b3b3;
}

.navbar-default .navbar-nav > .active > a {
    color: white;
}

.navbar-nav > li.active > a img {
    display: initial;
}

.navbar-nav > li.active {
    text-shadow: 0px 0px 10px #ffffff;
}

.main-navigation .navbar-nav > .open > a, .main-navigation .navbar-nav > .open > a:hover, .main-navigation .navbar-nav > .open > a:focus, .main-navigation .navbar-nav > .dropdown > a:focus {
    color: #666666;
}

.navbar.navbar-default {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
}

.mega-menu .vertical-divider {
    /*border-left: 1px solid #d6d6d6;*/
    text-align: center;
}

    .mega-menu .vertical-divider.first {
        border-left: none;
    }

.mega-menu .menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mega-menu .menu {
    margin-left: -15px;
    margin-right: -15px;
}

    .mega-menu .menu > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }

.mega-menu .dropdown-menu {
    padding: 20px 15px;
}

.dropdown-menu > li > a:hover, .mega-menu .menu > li > a:hover, .mega-menu .menu > li > a:focus {
    background-color: rgba(150, 150, 150, 0.1) !important;
    color: black;
    font-family: Raleway-Bold;
}

.ico-container {
    font-family: Raleway-Bold;
    padding-top: 10px;
}

    .ico-container p {
        margin-bottom: 7px;
    }

.ico-menu {
    display: inline;
    width: 60px;
}

.animated.main-navigation .navbar-nav .open .dropdown-menu, #offcanvas.animated .open .dropdown-menu, #offcanvas.animated .dropdown-menu .open .dropdown-menu {
    -webkit-animation-name: none;
    animation-name: none;
}



/*======================= End Header elements =====================*/


/*=================================================================*/
/*====================== Start Footer elements ====================*/
/*=================================================================*/

.footer-heading {
    color: #dedede;
    font-family: Raleway-Bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #1e1e1e;
}

.footer a {
    color: #727272;
    font-family: Raleway-SemiBold;
    text-shadow: 1px 1px 1px #1e1e1e;
}

.footer-map {
    padding: 0 40px;
}

    .footer-map ul li {
        color: #bebebe;
    }

/*=================== End Footer elements =========================*/


/*=================================================================*/
/*=================== Page Content elements =======================*/
/*=================================================================*/

.main-content {
    background: white;
    padding-top: 60px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

.divider-shadow {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* Top Banner Style*/
.top-banner, .top-banner-big {
    position: relative;
    color: white;
}

.top-banner-content {
    left: 0;
    position: absolute;
    top: 40%;
    width: 100%
}

.top-banner img {
    width: 100%;
}

.top-banner-heading {
    font-size: 60px;
    margin-bottom: -5px;
}

.top-banner-text {
    font-size: 22px;
}

    .top-banner-text .style1 {
        font-family: Raleway-Bold;
    }

.top-banner-button {
    margin-top: 40px !important;
}

/* Breadcrumb style */
.breadcrumb {
    font-family: Raleway-Bold;
    font-size: 13px;
    text-transform: uppercase;
    height: 60px;
    line-height: 65px;
    padding: 0px 20px;
    color: #000000;
}

.share-this {
    height: 60px;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: bold;
}

    .share-this div {
        float: right;
        padding-top: 10px;
    }

        .share-this div.button {
            margin-left: 5px;
        }

/* Tabs style */
.tabs {
    margin-bottom: 50px !important;
}

.nav-tabs {
    border: none;
}

    .nav-tabs.personal > li > a {
        color: #777777;
        margin-right: 0;
        line-height: 1;
        border: 1px solid #dfdfdf;
        background-color: white;
        padding: 15px 50px 15px 50px;
        text-transform: uppercase;
        border-radius: 0px;
        font-family: Raleway-SemiBold;
    }

        .nav-tabs.personal > li.active > a, .nav-tabs.personal > li > a:hover, .nav-tabs.personal > li > a:focus {
            color: #000000;
            cursor: default;
            border-color: #eeeeee;
            background-color: #eeeeee !important;
            cursor: pointer;
            border: 1px solid #dfdfdf;
        }

.banner img {
    margin: auto;
}


/* Home blocks style */

#home_block_PFlow {
    /*background-image: url("../Images/bg_home_1.jpg");*/
    background-image: url("../Images/New/BG_Pflow@2x.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*margin-top: 10px;*/
}

#home_block_reshark {
    /*background-image: url("../Images/bg_home_1.jpg");*/
    background-image: url("../Images/New/BG_reshark_home@2x.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*margin-top: 10px;*/
}

#home_block_NetCom {
    /*background-image: url("../Images/bg_home_1.jpg");*/
    background-image: url("../Images/New/SCNetcommforum.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

    #home_block_NetCom img {
        display: none;
    }

    #home_block_NetCom .home-block-content {
        width: 60%;
        padding: 0 50px;
        margin-top: 70px;
    }

.home-block-text-NetCom.text-heading {
    font-size: 50px;
}

.home-block-text-NetCom.text {
    font-size: 20px;
    text-align: justify;
}

.home-block-text-NetCom.text-footer {
    font-size: 30px;
}

#home_block_1 {
    /*background-image: url("../Images/bg_home_1.jpg");*/
    background-image: url("../Images/New/BG_Docu.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#home_block_2 {
    /*background-image: url("../Images/bg_home_2.jpg");*/
    background-image: url("../Images/New/BG_Datacenter.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#home_block_3 {
    /*background-image: url("../Images/bg_home_3.jpg");*/
    background-image: url("../Images/New/BG_Mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#home_block_4 {
    /*background-image: url("../Images/bg_home_4.jpg");*/
    background-image: url("../Images/New/BG_casemanagement.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.home-block {
    color: white;
    width: 100%;
    position: relative;
    /*height: 600px;*/
    height: 545px;
    margin-bottom: 23px;
}

    .home-block.inverted {
        color: #444444;
    }

#manifest_1 {
    width: 207px;
    position: absolute;
    z-index: 2;
}

#manifest_2 {
    width: 243px;
    position: absolute;
}

.home-block-content {
    position: absolute;
    left: 0;
    width: 100%
}

    .home-block-content [class^=col-] {
        padding: 0 60px;
    }

/*#home_block_1 .home-block-heading {
    font-size: 65px;
    margin-bottom: 30px;
}*/

.home-block-heading {
    font-size: 60px;
    margin-bottom: 30px;
}

.home-block-heading-2 {
    font-size: 60px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.home-block-text {
    font-size: 22px;
    margin-bottom: 40px;
    padding: 0 200px;
}

.home-block-text-PFlow {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0px;
    line-height: 23px;
}

.home-block-text-reshark {
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0px;
    line-height: 30px;
}

.home-block-text-mpm {
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0px;
    line-height: 30px;
}

.home-block-text.small {
    font-size: 16px;
    margin-bottom: 40px;
    margin-top: 20px;
    font-family: Raleway-SemiBold;
}

.home-block-button {
    margin-top: 60px;
}

.home-block-button-Pflow {
    margin-top: 20px;
}

.home-block-content img {
    margin: auto;
}

.home-block h1 a, .home-block h2 a, .home-block h3 a, .home-block h4 a {
    color: white;
    font-family: Raleway-Bold;
}

.xamarin-logo-container {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 2% 0;
    width: 21%;
}

    .xamarin-logo-container img {
        width: 80%;
        margin: auto;
    }

.home-block-content .xamarin-logo {
    height: 70px;
    margin-top: 30px;
}

.bpm-logo {
    width: 60%;
    display: inline;
}

.bpm-logo-container {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 30px 10px;
    width: 21%;
}

.reshark-logo-container {
    right: 0;
    bottom: 0;
    margin: 30px 10px;
}

.xamarin-bpm-logo-label {
    opacity: 0.78;
    font-family: Raleway-Light;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0px;
}

.row-home {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -8px;
}

/* Small blocks style */

.blocks {
    margin-top: -20px;
    margin-bottom: 15px;
}

.small-block {
    height: 300px;
    width: 100%;
    padding: 15px 0;
}

.small-block-container {
    height: 100%;
    padding: 40px;
    color: black;
}

.small-block-container-background-1 {
    background: #ECF4F3;
}

.small-block-container-background-2 {
    background: #E8EAEF;
}

.small-block-container-background-3 {
    background: #ECF4F3;
}

.small-block-container-background-4 {
    background: #FFFFFF;
}

.small-block-container .body {
    margin-left: 110px;
}

.small-block-container p.small-block-heading {
    font-family: Raleway-Bold;
    font-size: 25px;
    letter-spacing: 0px;
    line-height: 23px;
}

.small-block-container p.small-block-text {
    font-family: Raleway-Light;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 23px;
}

.small-block-container p.small-block-text-misto {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 23px;
}

.small-block-container p.small-block-heading-1 {
    color: #078681;
}

.small-block-container p.small-block-text-1 {
    color: #4A4A4A;
}

.small-block-container p.small-block-text-misto {
    color: #4A4A4A;
}


.small-block-container p.small-block-heading-2 {
    color: #0073BA;
}

.small-block-container p.small-block-text-2 {
    color: #4A4A4A;
}

.small-block-container p.small-block-heading-3 {
    color: #078681;
}

.small-block-container p.small-block-text-3 {
    color: #4A4A4A;
}

.small-block-container p.small-block-heading-4 {
    color: #0073BA;
}

.small-block-container p.small-block-text-4 {
    color: #4A4A4A;
}

.small-block-container img {
    width: 70px;
    float: right;
}

.small-block-button {
    height: 40px;
    width: 200px;
    cursor: pointer;
}

.btn-linkedin {
    background-image: url("../Images/ico-linkedin.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

    .btn-linkedin:hover {
        background-image: url("../Images/ico-linkedin-hover.png");
    }

.btn-send-cv {
    font-family: Raleway-Semibold;
    letter-spacing: 5px;
    height: 40px;
    width: 150px;
    background-color: #0073BA;
    color: #FFFFFF;
    border-radius: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 30px;
    border: none;
}

    .btn-send-cv:hover {
        opacity: 0.8;
    }

/* Big block twitter container */
.big-block {
    height: 600px;
    width: 100%;
    padding: 15px 0;
}

.big-block-container {
    height: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

.owl-carousel {
    padding: 50px 0;
}

.numbers {
    font-size: 35px;
    font-family: Raleway-Bold;
}

section h1, section h2, section h3, section h4, section h5 {
    color: #444444;
}

section .top-banner {
    background-image: url("../Images/bg_company.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 170px;
}

/*================== End Page Content elements ====================*/


/*=================================================================*/
/*============= Pflow page Content elements =======================*/
/*=================================================================*/
@-moz-keyframes blink {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0.7;
    }
}
/* Firefox */
@-webkit-keyframes blink {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0.7;
    }
}
/* Webkit */
@-ms-keyframes blink {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0.7;
    }
}
/* IE */
@keyframes blink {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0.7;
    }
}
/* Opera and prob css3 final iteration */



section.pflow .top-banner-big {
    background-image: url("../Images/bg_pflow.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

section.pflow .blink {
    width: 100%;
    height: 100%;
    background-image: url("../Images/bg_pflow_blink.png");
    background-size: cover;
    background-repeat: no-repeat;
    -moz-transition: all 6s ease-in-out;
    -webkit-transition: all 6s ease-in-out;
    -o-transition: all 6s ease-in-out;
    transition: all 6s ease-in-out;
    /* order: name, direction, duration, iteration-count, timing-function */
    -moz-animation: blink normal 6s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 6s infinite ease-in-out; /* Webkit */
    animation: blink normal 6s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

section.pflow .top-banner-content {
    bottom: 23%;
    top: auto;
    padding: 0 200px;
}

section.pflow .tab-content {
    font-family: Raleway-Regular;
    font-size: 15px;
}

section.pflow .banner.content {
    padding-bottom: 0;
}

section.pflow .needs {
    padding: 50px 50px 0 50px;
}

    section.pflow .needs img {
        margin: auto;
    }

section.pflow .keyFeatures i {
    color: #3398a1;
}

section.pflow .values i {
    color: #b64d9a;
}

section.pflow .modelloAsService {
    background-image: url("../Images/bg_viola.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

section.pflow .whyPflow {
    background-image: url("../Images/bg_blu.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

section.pflow .interfaces {
    background-color: #fafafa;
    padding: 50px 0px;
}

    section.pflow .interfaces .testimonial-image {
        width: 160px;
    }

section.pflow .demo-form img {
    margin: auto;
}

#PflowModules .icon.default-bg {
    /*color:#334599;*/
    /*background-color:rgba(51,69,153,0.5);*/
    /*background: none;
    border: 3px solid #334599;*/
    color: white;
    background-color: #334599;
}

#PflowCoreModules .icon.default-bg {
    /*color:#6CA31E;*/
    /*background-color:rgba(103,163,30,0.5);*/
    /*background:none;
    border: 3px solid #6CA31E;*/
    color: white;
    background-color: #6CA31E;
}

#PflowCoreModules .highlined.style1 {
    color: #6CA31E;
}

.screenShotItem {
    margin-bottom: 20px;
}

    .screenShotItem div {
        box-shadow: 3px 3px 15px #888888;
        /*border: 1px solid #BBBBBB;*/
    }

.keyFeatures {
    padding-top: 100px;
    padding-bottom: 20px;
}

.iconCircleKeyFeatures {
    border-radius: 100%;
    border: 3px solid #334599;
    padding: 4px;
}

.PflowModulesMargin {
    margin-left: 90px !important;
}

.space-bottom-big {
    background: none;
    padding-bottom: 100px;
}

/*============= End Pflow page Content elements ===================*/


/*=================================================================*/
/*============= Company Profile page Content elements =============*/
/*=================================================================*/

section.company-profile .content {
    padding-bottom: 0;
}

section.company-profile .tab-content ul li {
    font-size: 13px;
    margin: 0px 5px 5px 0px;
}

section.company-profile .team-component {
    padding: 30px;
}

section.company-profile .referenzeItem {
    padding: 10px;
    /*box-shadow: 3px 3px 15px #888888;
    margin: 10px;*/
    font-size: 12px;
    box-shadow: 1px 1px 5px #888888;
    margin: 18px;
}

.team-component li a {
    border-radius: 100%;
}
/*============= Company Profile Content elements ================*/



/*=================================================================*/
/*============= Certifications page Content elements ==============*/
/*=================================================================*/

section.certifications .tab-content img {
    margin: auto;
    /*width: 90%;*/
    width: 100%;
}

/*============= End Certifications page Content elements ==========*/



/*=================================================================*/
/*============= Send Request page Content elements ================*/
/*=================================================================*/

section.send-request .top-banner-big {
    background-image: url("../Images/bg_support.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

    section.send-request .top-banner-big img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        margin: auto;
    }

/*============= End Send Request  Content elements ================*/



/*=================================================================*/
/*============= Contact page Content elements ================*/
/*=================================================================*/

section.contact .top-banner {
    background-image: url("../Images/bg_contact.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 170px;
}

/*============= End Contact Content elements ================*/

/*=================================================================*/
/*============= Mobile Process manager page Content elements ================*/
/*=================================================================*/

.xamarin-logo-container-MPm-banner {
    position: absolute;
    margin: 5% 5%;
}

.img-resize-50 {
    max-width: 50%;
    max-height: 50%;
}

.img-resize-75 {
    max-width: 75%;
    max-height: 75%
}

.img-resize-40 {
    max-width: 40%;
}

.grid-space-0-MPm {
    margin-bottom: 0;
}

.xamarin-logo-container-MPm-content {
    position: absolute;
    bottom: 110px;
    right: 30px;
    display: inline;
}

    .xamarin-logo-container-MPm-content img {
        display: inline;
    }

.title-style2-MPm {
    font-family: Raleway-SemiBold;
    font-size: 40px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.row-MPm {
    font-family: Raleway-Medium;
    font-size: 15px;
    color: #9C9C9C;
    letter-spacing: 0px;
    line-height: 25px;
}

.text-muted-MPm {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #666666;
    letter-spacing: 0px;
    font-weight: normal;
}

.row-MPm-tab-client {
    font-family: Raleway-Medium;
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 27px;
}

.content-MPm {
    padding: 50px 170px;
    /*padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 170px;
    padding-left: 170px;*/
}

.content-MPm-overview {
    /*padding: 50px 170px;*/
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 170px;
    padding-left: 170px;
}

.content-MPm-client {
    padding: 50px 190px;
}


.padding-title-middle {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 70px;
}

.padding-title-middle-100 {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 100px;
}

.padding-title-first {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}


.row-MPm-last {
    font-family: Raleway-Medium;
    font-size: 15px;
    color: #9C9C9C;
    letter-spacing: 0px;
    line-height: 25px;
    padding-bottom: 75px;
}

.row-MPm-first {
    font-family: Raleway-Medium;
    font-size: 15px;
    color: #9C9C9C;
    letter-spacing: 0px;
    line-height: 25px;
    padding-top: 50px;
}

.dex-xamarin-label {
    font-family: Raleway-Bold;
    font-size: 15px;
    margin-bottom: 0px;
    color: #4A4A4A;
}

.top-banner-content-MPm {
    left: 0;
    position: absolute;
    top: 38%;
    width: 100%
}

.content-MPm .list-icons {
    list-style: none;
}

.list-icons-Mpm {
    list-style: none;
}

    .list-icons-Mpm li {
        padding: 5px 0;
    }

        .list-icons-Mpm li i {
            min-width: 25px;
            text-align: center;
        }

/*============= End Mobile Process manager Content elements ================*/

/*=================================================================*/
/*============= Home Content elements ================*/
/*=================================================================*/

.logo-home {
    width: 118px;
    margin: 0px auto 30px auto !important;
    -webkit-transition: all 0.1s ease; /* Safari and Chrome */
    -moz-transition: all 0.1s ease; /* Firefox */
    -ms-transition: all 0.1s ease; /* IE 9 */
    -o-transition: all 0.1s ease; /* Opera */
    transition: all 0.1s ease;
}

    .logo-home:hover, .logo-home-bc:hover {
        /*width: 130px;
    margin: 0px auto -12px auto !important;*/
        /*transform: scale(1.1);*/
        -webkit-transform: scale(1.1); /* Safari and Chrome */
        -moz-transform: scale(1.1); /* Firefox */
        -ms-transform: scale(1.1); /* IE 9 */
        -o-transform: scale(1.1); /* Opera */
        transform: scale(1.1);
    }

.logo-home-bc {
    width: 74px;
    -webkit-transition: all 0.1s ease; /* Safari and Chrome */
    -moz-transition: all 0.1s ease; /* Firefox */
    -ms-transition: all 0.1s ease; /* IE 9 */
    -o-transition: all 0.1s ease; /* Opera */
    transition: all 0.1s ease;
}

.logo-home-bc-label {
    font-family: Raleway-SemiBold;
    font-size: 10px;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin-top: 25px;
    text-transform: uppercase;
}

.mpm-home-section-logos {
    width: 100px;
}

.acm-home-section-logo-lui {
    width: 200px;
}

.col-home-twitter {
    padding-right: 3px;
}

.col-home-central {
    padding-right: 3px;
    padding-left: 3px;
}

.col-home-right {
    padding-left: 3px;
}

.small-block-up {
    padding-bottom: 3px;
}

.small-block-down {
    padding-top: 3px;
}

.ict-icon-title {
    font-family: Raleway-ExtraBold;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 3px;
    margin-top: 30px;
}

.ict-icon-text {
    font-family: Raleway-Medium;
    font-size: 13px;
    color: #FFFFFF;
}

.home-link:hover {
    color: #FFFFFF !important;
    text-shadow: 0 0 10px #FFFFFF;
}

.annuncio-linkedin {
    margin-bottom: -10px;
}

/*============= End Home Content elements ================*/

/*=================================================================*/
/*============= BPO Services Content elements ================*/
/*=================================================================*/

.top-banner-content-BPO {
    left: 0;
    position: absolute;
    top: 25%;
    width: 100%
}

.text-muted-BPO {
    font-family: Raleway-Medium;
    font-size: 13px;
    color: #9B9B9B;
    letter-spacing: 0px;
    line-height: 24px;
    margin-right: 30px;
}

.title-style2-BPO {
    font-family: Raleway-Medium;
    font-size: 22px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.loghi-fornitori {
    margin-top: 30px;
    margin-bottom: 30px;
}

.content-background-BPO {
    background-color: #F6F6F6;
}

.title-style2-ico-monitor-BPO {
    font-family: Raleway-Medium;
    font-size: 19px;
    color: #4A4A4A;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.feature-capture {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*============= End BPO Services Content elements ================*/

/*=================================================================*/
/*============= SW Services Content elements ================*/
/*=================================================================*/

.text-muted-agile-icon-SW {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 23px;
}

.text-muted-agile-SW {
    font-family: Raleway-Regular;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.text-style-logo-bpm-sw {
    font-family: Raleway-SemiBold;
    text-align: right;
    font-size: 12px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.title-style2-agile-SW {
    font-family: Raleway-Medium;
    font-size: 23px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.title-style1-agile-SW {
    font-family: Raleway-Medium;
    font-size: 24px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 23px;
}

.content-WebBasedSW {
    padding: 10px 170px;
    /*padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 170px;
    padding-left: 170px;*/
}

/*============= End SW Services Content elements ================*/

/*=================================================================*/
/*============= Agile Case Manager Content elements ================*/
/*=================================================================*/

.top-banner-content-acm {
    left: 0;
    position: absolute;
    top: 30%;
    width: 100%;
}

/*============= End Agile Case Manager Content elements ================*/

/*=================================================================*/
/*============= Small Business Website Content elements ================*/
/*=================================================================*/

.sbw-boxGaranzia-title {
    font-family: Raleway-Medium;
    font-size: 50px;
    color: #1F7791;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.sbw-boxGaranzia-text {
    font-family: Raleway-Medium;
    font-size: 16px;
    color: #1F7791;
    letter-spacing: 0px;
    line-height: 25px;
    padding-bottom: 30px;
}

.sbw-cambiaPelle-title {
    font-family: Raleway-Medium;
    font-size: 35px;
    color: #CB6502;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.sbw-cambiaPelle-text {
    font-family: Raleway-Medium;
    font-size: 20px;
    color: #CB6502;
    letter-spacing: 0px;
}

.title-style2-sbw {
    font-family: Raleway-Bold;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 23px;
}

.text-muted-sbw {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 23px;
}

.sbw-idea-esempi-text {
    font-family: Raleway-Regular;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.sbw-consegnaContenuti-text {
    font-family: Raleway-SemiBold;
    font-size: 27px;
    color: #1F7791;
    letter-spacing: 0px;
    line-height: 25px;
    margin-bottom: 0px;
}

.sbw-faq-domanda {
    font-family: Raleway-SemiBold;
    font-size: 20px;
    color: #1F7791;
    letter-spacing: 0px;
    line-height: 23px;
    margin-bottom: 0;
}

.sbw-faq-risposta {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 23px;
}

.sbw-faq {
    margin-bottom: 50px;
}

.sbw-addon {
    margin-bottom: 25px;
}

.sbw-addon-item-title {
    font-family: Raleway-Bold;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 23px;
    margin-bottom: 0px;
}

.sbw-addon-item-text {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 23px;
}

.sbw-costo-text {
    position: absolute;
    right: 30px;
    top: 60px;
    font-family: Raleway-Medium;
    color: #CB6502;
    letter-spacing: 0px;
    line-height: 23px;
}

.sbw-costo-text-first {
    position: absolute;
    right: 30px;
    top: 35px;
    font-family: Raleway-Medium;
    color: #CB6502;
    letter-spacing: 0px;
    line-height: 23px;
}

/*============= End Small Business Website Content elements ================*/

.feature-box-2-background {
    background-image: linear-gradient(-180deg, rgba(251,251,251,0.00) 0%, #FFFFFF 100%);
}

.main-menu-title {
    font-family: Raleway-Bold;
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 2px;
}

.top-banner-logo {
    width: 116px;
    height: 116px;
    margin: auto;
}

.needs-row {
    padding: 50px 155px 50px 155px;
}

.text-style-body {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #9C9C9C;
    letter-spacing: 0px;
    line-height: 23px;
}

.bottom-go-to-Pflow-text {
    font-family: Raleway-Regular;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 0px;
    line-height: 27px;
}

.bottom-go-to-Pflow-button-text {
    font-family: Raleway-Bold;
    font-size: 20px;
    color: #0F2D60;
    letter-spacing: 0px;
}

.bottom-go-to-Pflow-button {
    opacity: 0.7;
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 100px;
    height: 70px;
    width: 175px;
}

    .bottom-go-to-Pflow-button:hover {
        opacity: 1;
    }

.no-margin {
    margin: 0;
}

.top-banner-heading-title {
    font-size: 65px;
    color: #FFFFFF;
    letter-spacing: 0px;
}

.background-gradient-AFP {
    background-color: #F6F6F6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F6F6F6, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F6F6F6, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F6F6F6, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F6F6F6, #FFFFFF); /* Standard syntax */
}

.title-style2-doc {
    font-family: Raleway-SemiBold;
    font-size: 30px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.border-img-virtualization {
    border-color: #CBC8E5;
    border-style: solid;
    border-radius: 20px;
    border-width: 5px;
}

.text-img-virtualization {
    text-align: center;
    font-family: Raleway-SemiBold;
    color: #4A4A4A;
    margin: 5px 0;
    line-height: 20px;
}

.bottom-go-to-Pflow-box {
    background-image: url('../../Content/Images/New/bg_blu@2x.png');
    background-size: cover;
    padding-top: 105px;
    padding-bottom: 95px;
}

.modal-background {
    background-color: #F6F6F6;
}

.modal-title-custom {
    font-family: Raleway-SemiBold;
    font-size: 40px;
    color: #4a4a4a !important;
    letter-spacing: 0;
}

.modal-header-custom {
    /*background-color: #FFFFFF;*/
    padding: 15px;
}

/*=================================================================*/
/*============= <a> and <i> elements in tab ================*/
/*=================================================================*/
#tab1BPO a {
    color: #B42025;
    text-decoration: underline;
}

#tab1BPO i {
    color: #B42025;
}

#tab1doc a {
    color: #0E757F;
    text-decoration: underline;
}

#tab1doc i {
    color: #0E757F;
}

#tab1ICT a, #tab1PC a {
    color: #8B02A4;
    text-decoration: underline;
}

#tab1ICT i {
    color: #8B02A4;
    /*color: #b64d9a*/
}

#tab1PC i {
    color: #523aa5;
}

#tab1SW a, #tab1Mpm a {
    color: #2064BF;
    text-decoration: underline;
}

#tab1SW i, #tab1Mpm i {
    color: #2064BF;
}

#tab1ACM a {
    /*color: #C84D24;*/
    color: #F15E52;
    text-decoration: underline;
}

#tab1ACM i {
    /*color: #C84D24;*/
    color: #F15E52;
}

#overviewSbw a {
    color: #2D94AE;
    text-decoration: underline;
}

#overviewSbw i {
    color: #2D94AE;
}

#certifications a, #partnerships a, #iso9001 a {
    color: #2B5A8A;
}

#overviewCCM i {
    color: #0E757F;
}

#overviewCCM a {
    color: #0E757F;
    text-decoration: underline;
}

/*============= End a elements in tab ================*/

.text-muted-BPO strong {
    color: #656565;
}

.text-style-body strong, .row-MPm strong, .row-MPm-last strong, .row-MPm-first strong {
    font-weight: 900;
    color: #4A4A4A;
}

.ml-10 {
    margin-left: 10px;
}

.ml-10m {
    margin-left: -10px;
}

.plat-100 {
    padding: 0 100px;
}

.highlined-title {
    font-family: Raleway-Bold;
    font-size: 20px;
}

.loghi-certifications {
    float: right;
}

.td-padding-right {
    padding-right: 20px;
}

.td-padding-vertical {
    padding-bottom: 30px;
    padding-top: 30px;
}

/*============= Zend Desk Plugin ================*/
#launcher {
    bottom: 5px !important;
    left: 5px !important;
}



/* Custom CSS Lorenzo*/
.titletoolong {
    font-size: 55px;
}

.titleCCMConsulting {
    padding-top: 15px;
    font-family: Raleway-SemiBold;
    text-transform: uppercase;
    color: #277D7C;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}

.titleCCMServices {
    padding-top: 15px;
    font-family: Raleway-SemiBold;
    text-transform: uppercase;
    color: #6173AD;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}

.titleCCMConsulting strong {
    font-family: Raleway-Bold;
}
.titleCCMServices strong {
    font-family: Raleway-Bold;
}

.btn-readMore{
    color:#ffffff !important;
}

.boxText {
    text-align: center;
    color: #4A4A4A;
}

.text-CCM {
    font-family: Raleway-Medium;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 24px;
    margin-right: 30px;
}

.bgCCM {
    padding-bottom: 50px !important;
}

.title-box-ccm {
    color: #000000;
    font-family: Raleway-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.title-box-ccm-bold {
    color: #000000;
    font-family: Raleway-Bold;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.text-box-ccm {
    color: #4A4A4A;
    font-family: Raleway-Medium;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.box-settori-space{
    padding-top: 40px;
    padding-bottom: 40px;
}

.text-settori {
    color: #4A4A4A;
    font-family: Raleway-Medium;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
}

.text-specialisti {
    color: #00B3B3;
    font-family: Raleway-Medium;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
}

.title-casoStudio {
    color: #000000;
    font-family: Raleway-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.servicesBand {
    background-color: #6173AD;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0px;
    margin-left: 0px;
    height: 275px;
}

.servicesBandText {
    color: #FFFFFF;
    font-family: Raleway-Light;
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    padding-top: 30px;
    margin:auto;
}

.servicesBandCallToActionTitle {
    color: #000000;
    font-family: Raleway-Bold;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.servicesBandCallToActionContent {
    color: #4A4A4A;
    font-family: Raleway-Medium;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}


.servicesBandCCM {
    background-color: #6DC7B2;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0px;
    margin-left: 0px;
    height: 275px;
}

.servicesBandCCMText {
    color: #FFFFFF;
    font-family: Raleway-Light;
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    padding-top: 30px;
    margin: auto;
}

.img-resize-25 {
    max-width: 25%;
    max-height: 25%;
}

.img-resize-5 {
    max-height: 5%;
    max-width: 5%;
}

/* E-COMMERCE SERVICE PROVIDER */
.titleECConsulting {
    color: #9D7071;
    font-family: Raleway-SemiBold;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
}

.titleECMarketing {
    color: #FE4802;
    font-family: Raleway-SemiBold;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
}

.titleECManagement {
    color: #6173AD;
    font-family: Raleway-SemiBold;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
}

.boxTextESP {
    color: #4A4A4A;
    font-family: Raleway-Medium;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    text-align: center;
}

.title-style-ECS-portal {
    color: #4A4A4A;
    font-family: Raleway-Light;
    font-size: 40px;
    line-height: 35px;
    text-align: center;
}

.subtitle-style-ECS-portal {
    color: #9C9C9C;
    font-family: Raleway-Light;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.ecs-slogan {
    background-color: #4B6498;
}

.style-text-slogan {
    font-family: Raleway-Light;
    font-size: 25px !important;
    line-height: 30px;
}

.style-slogan {
    color: #FFFFFF;
    font-family: Raleway-Medium;
    font-size: 45px;
    font-weight: 500;
    line-height: 54px;
    text-align: center;
}

.img-pos-right {
    float: right;
}

.title-style-ECS-motore {
    color: #283D6D;
    font-family: Raleway-Light;
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
    text-align: center;
}

.text-style-ECS-motore {
    color: #4A4A4A;
    font-family: Raleway-Medium;
    font-size: 15px;
    line-height: 25px;
}

.title-style-ECS-referenze {
    color: #4A4A4A;
    font-family: Raleway-SemiBold;
    font-size: 30px;
    line-height: 36px;
}

.img-logo-ECS-referenze {
    margin: auto;
    max-width: 75%;
}

.esc-reshark-portal {
    background-image: linear-gradient(359.89deg, #CCCCCC 0%, #EBEAE8 67.65%, #FFFFFF 100%);
}

.text-muted-ESC {
    color: #9B9B9B;
    font-family: Raleway-Medium;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.img-logo-ECS-referenze-LG {
    margin: auto;
    max-width: 40%;
}

.rectangle-ECS-reference {
    background-color: #FFFFFF;
    border: 1px solid #F1F1F1;
    width: 259px;
    height: 145px;
    box-shadow: 0 5px 7px #999;
    margin: auto;
}

.padding-logo-cellular {
    padding-top: 46px;
    /*padding-bottom: 47px;*/
}

.padding-logo-interphone {
    padding-top: 52px;
    /*padding-bottom: 51px;*/
}

.padding-logo-lg {
    padding-top: 45px;
    /*padding-bottom: 51px;*/
}

.padding-logo-wecharteryacht {
    padding-top: 53px;
    /*padding-bottom: 62px;*/
}

.padding-logo-spedirecomodo {
    padding-top: 43px;
    /*padding-bottom: 51px;*/
}

.pt-40 {
    padding-top: 40px;
}

.mt-100-minus {
    margin-top: -100px;
}

.icon-ECS {
    float: left;
}

.pt-5 {
    padding-top: 5px;
}

.pt-3 {
    padding-top: 3px;
}

.img-resize-4 {
    max-height: 4%;
    max-width: 4%;
}

.img-resize-7 {
    max-height: 7%;
    max-width: 7%;
} 

.pt-20 {
    padding-top: 20px;
}

.padding-logo-papyrus-ccm {
    padding-top: 17%;
}

.padding-logo-quadient-ccm {
    padding-top: 17%;
}

.padding-logo-opentext-ccm {
    padding-top: 11%;
}

.padding-logo-compart-ccm {
    padding-top: 6%;
}