/**************************************** general */
html {
    font-family: Open Sans,Lucida Sans Unicode,Calibri,Arial;
}

body {
    background-color: #FFFFFF;
    margin: 0px;
    font-family: Open Sans,Lucida Sans Unicode,Calibri,Arial;
    font-size: 14px;
    color: #333333;
}

.body-white /* send mail bg */ {
    background: #FFFFFF url("common/bg-sendmail.gif") no-repeat;
}

img {
    border: none;
}

input[type="text"], select, textarea {
    font-family: Open Sans,Lucida Sans Unicode,Calibri,Arial;
    font-size: 14px;
    padding: 5px 8px;
    border: solid 1px #bec2c4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

input[type="submit"] {
    font-family: Open Sans,Lucida Sans Unicode,Calibri,Arial;
    font-size: 14px;
    padding: 6px 9px;
}

H1 {
    font-weight: normal;
    font-size: 16px;
}

H2 {
    font-weight: normal;
    font-size: 15px;
}

b {
    font-weight: 700;
}

strong {
    font-weight: 600;
}

.clear {
    clear: both;
}

.right {
    float:right;
}

.left {
    float:left;
}

.nofloat {
    float:none !important;
}

.center {
    margin: 0 auto;
    float: none;
    display: table;
}

.divcenter {
    margin:0 auto 0 auto;
}

.img-right
{
    float:right;
    margin-left:8px;
    margin-top:4px;
    max-width :350px;
}

#assessment {
    display: block;
    top: 45px;
    left: 170px;
    width: 106px;
    position: fixed;
    padding: 2px;
    z-index: 100;
}

* html #assessment {
    position: absolute;
}

/**************************************** breadcrumbs */
.breadcrumbs {
    margin: 15px 0 0 0;
    display: table;
}

    .breadcrumbs div {
        float: left;
        margin-left:-2px;
    }

    .breadcrumbs a {
        color: #db291d;
        text-decoration: none;
    }

    .breadcrumbs .current a {
        color: #333333;
        text-decoration: none;
    }

/**************************************** general - links */
a.news:link, a.news:visited, a.news:active {
    text-decoration: none;
    color: #d42b28;
}

a.news:hover {
    text-decoration: none;
    color: #d14f4b;
}

a.main:link, a.main:visited, a.main:active {
    text-decoration: none;
    color: #333333;
}

a.main:hover {
    text-decoration: none;
    color: #d14f4b;
}

a.mail:link, a.mail:visited, a.mail:active {
    text-decoration: none;
    color: #333;
}

a.mail:hover {
    text-decoration: none;
    color: #df2728;
}

a.mail-red:link, a.mail-red:visited, a.mail-red:active {
    text-decoration: none;
    color: #d42b28;
}

a.mail-red:hover {
    text-decoration: underline;
    color: #d14f4b;
}

a.footer:link, a.footer:visited, a.footer:active {
    text-decoration: none;
    color: #FFFFFF;
}

a.footer:hover {
    text-decoration: none;
    color: #540302;
}

a.header:link, a.header:visited, a.header:active {
    text-decoration: none;
    color: #FFFFFF;
}

a.header:hover {
    text-decoration: none;
    color: #FFFFFF;
}

a.link-red:link, a.link-red:visited, a.link-red:active {
    text-decoration: underline;
    color: #5c4f4e;
}

a.link-red:hover {
    text-decoration: none;
    color: #df2728;
}

a.sub-section:link, a.sub-section:visited, a.sub-section:active {
    text-decoration: none;
    color: #db291d;
}

a.sub-section:hover {
    text-decoration: none;
    color: #4b4b4b;
}

a.more:link, a.more:visited, a.more:active {
    text-decoration: none;
    color: #d42b28;
}

a.more:hover {
    text-decoration: none;
    color: #d14f4b;
}

a.lang:link, a.lang:visited, a.lang:active {
    text-decoration: none;
    color: #FFFFFF;
}

a.lang:hover {
    text-decoration: none;
    color: #540302;
}

a.lang.ar {
    font-family: Tahoma;
}

a.anchor-link {
    font-size:15px; 
    border-bottom:solid 2px #db291d; 
    margin-right:20px;
    text-decoration:none;
    color:#444;
    padding:3px 6px 3px 0;
}

a.anchor-link:hover {
    color:#db291d;
}

/**************************************** header */
.header {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #DB291D;
}

.top-table {
    width: 985px;
    margin: 0 auto 0 auto;
    border: none;
}

.top-table, .top-table td {
    padding:0;
}

.top-bg {
    width: 100%;
    height: 34px;
    background: #db291d;
    display: table;
}

.top-container {
    width: 985px;
    margin: 0 auto 0 auto;
}

.top-mobile-container {
    width: 100%;
    display: none;
}

.top-separator {
    width: 1px;
    height: 9px;
    margin: 3px 11px 0 11px;
    background-color: #fff;
}

/* hide mobile menu */
#nav-mobile {
    display: none;
}

/**************************************** footer */
.footer {
    font-size: 13px;
    color: #FFFFFF;
    background-color: #DB291D;
}

.footer-container {
    width: 100%;
    background-color: #DB291D;
    padding: 0 0 8px 0;
    display: table;
}

.footer .logo-footer {
    width: 68px;
    height: 11px;
    background: url('common/sprite.png') 0 -108px;
    margin: 0 3px 0 3px;
    cursor: pointer;
}

.footer .hotline-box {
    padding: 0 0 10px 0;
    margin: 0 0 0 25px;
    display: table;
    float: left;
}

.footer .hotline {
    width: 165px;
    padding: 0 10px 10px 0;
    color: #fdf4f3;
}

    .footer .hotline b, .footer .hotline strong {
        color: #540302;
    }

    .footer .hotline .city {
        color: #540302;
    }

    .footer .hotline a {
        color: #540302;
        text-decoration: none;
    }

        .footer .hotline a:hover {
            color: #000;
            text-decoration: none;
        }

.footer-block {
    width: 985px;
    margin: 22px auto 0 auto;
    display: table;
}

.footer-block-left {
    float: left;
}

.footer-block-right {
    float: right;
}

.hotline-container {
    width: 985px;
    margin: 28px auto 0 auto;
    display: table;
}

.hotline-block {
    width: 985px;
    margin: 0 auto 0 auto;
}

.copyright {
    font-size: 13px;
    color: #101010;
    text-align: right;
}

/**************************************** share */
.icon-gplus {
    background: url('common/sprite.png') -102px -156px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.icon-youtube {
    background: url('common/sprite.png') -68px -156px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.icon-twitter {
    background: url('common/sprite.png') -34px -156px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.icon-facebook {
    background: url('common/sprite.png') 0px -156px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.icon-email {
    background: url('common/sprite.png') -136px -156px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.icon-print {
    background: url('common/sprite.png') -170px -156px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.icon-video {
    position: absolute;
    margin: 192px 0 0 2px;
    z-index: 2;
}

.share-block {
    margin-top: 8px;
    margin-right: -1px;
    height: 20px;
}

    .share-block td {
        padding: 0 5px 0 0;
    }

.share-follow {
    padding: 0 5px 0 0;
}

.share-email {
}

.share-print {
}

/**************************************** testimonials */
.testimonial-bubble {
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 10px 0 10px 0;
    border: dotted 2px #eeece1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bubble {
    background: #fff;
    padding-top: 2px;
    padding-left: 22px;
    padding-right: 10px;
    font-size: 14px;
    color: #333333;
    border-left: solid 1px #d6d6d6;
    border-right: solid 1px #d6d6d6;
}

.bubble-alt {
    padding-top: 2px;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 14px;
    color: #807f7f;
}

/**************************************** inner styles */
.leftmenu {
    width: 290px;
    float:left; 
    box-sizing: border-box;
}

.main-text {
    width: 100%;
    font-size: 14px;
    color: #444444;
    float:left; 
    box-sizing: border-box;
}

    .main-text p {
        line-height: 22px;
    }

.inner-content {
    width:100%;
    display:table;
}
h1.inner-title {
    font-size: 20px;
    color: #db291d;
    margin-top: 20px;
    margin-bottom: 20px;
}

h2.inner-title {
    font-size: 18px;
    color: #db291d;
    margin-top: 25px;
    margin-bottom: 15px;
}

h3.inner-title {
    font-size: 16px;
    color: #db291d;
    font-weight: normal;
    margin-top:15px;
    margin-bottom: 15px;
}

h3.inner-title.black {
    color: #000;
}

font.inner-title {
    font-size: 15px;
    color: #db291d;
    font-weight: normal;
    margin: 0;
}

.inner-block-bottom {
    background: url("common/inner-block-bottom.gif") repeat;
}

.inner-main {
    width: 985px;
    background-color: #fff;
    padding:0;
}

    .inner-main .inner-message {
        width: 985px;
        margin: 15px auto 0 auto;
    }

        .inner-main .inner-message div {
            float: left;
        }

    .inner-main .inner-message-text {
        width: 723px;
        height: 173px;
        background: #db291d;
        padding: 5px 10px 5px 10px;
        margin: 0 0 0 1px;
        position: relative;
    }

        .inner-main .inner-message-text table {
            width: 100%;
            height: 173px;
            text-align: center;
        }

    .inner-main .inner-message-tile {
        width: 721px;
        background-color: #f9f9f9;
        text-align: center;
        padding: 3px 10px 3px 10px;
        margin: 0 0 0 1px;
        border: solid 1px #e2e2e0;
    }

        .inner-main .inner-message-tile table {
            width: 100%;
            height: 173px;
            text-align: center;
        }

    .inner-main .inner-message h2 {
        font-size: 17px;
        font-weight: normal;
        color: #FFFFFF;
    }

        .inner-main .inner-message h2.small {
            font-size: 14px;
        }

        .inner-main .inner-message h2.large {
            font-size: 19px;
        }

    .inner-main .inner-message-separator {
        display: none;
    }

    .inner-main .red-table {
        border-spacing: 0px;
        border-collapse: separate;
        margin: 0px 0 0 0;
    }

        .inner-main .red-table td {
            vertical-align: top;
            padding: 0;
        }

            .inner-main .red-table td.red-header {
                color: #fff;
                background: #db291d;
                padding: 3px;
                text-align: center;
            }

.inner-block-tile1 {
    background-image: url("common/inner-block-tile1.gif");
    background-color: #f9f9f9;
}

/* bulleted lists */

ol.red {
 
      line-height: 22px;
       padding-left: 15px;
    
}

   ol.red li.inner-title {
        font-size: 16px;
    color: #db291d;
   
    } 


ul.red {
    margin-left: 3px;
    padding-left: 0px;
    list-style: none;
    line-height: 22px;
}

    ul.red li {
        background: url('common/bullet_square_red.gif') no-repeat 0px 7px;
        padding-left: 15px;
    } 

        ul.red li ul li {
            background-image: none;
            padding: 7px 0px 7px 0px;
        }

            ul.red li ul li ul li {
                background-image: none;
                padding: 2px 0px 1px 0px;
            }

        ul.red li ul.bullet-round-red {
            list-style-image: url('common/bullet_round_red.gif');
        }

        ul.red li ul.bullet-round-black {
            list-style-image: url('common/bullet_round_black.gif');
        }

            ul.red li ul.bullet-round-black li {
                padding: 5px 0 5px 0;
            }

        ul.red li ol {
            padding: 10px 0px 10px 20px;
        }

            ul.red li ol li {
                background-image: none;
                padding-left: 0px;
            }

ul.red1 {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    line-height: 22px;
}

    ul.red1 li {
        background: url('common/bullet_square_red.gif') no-repeat 0px 7px;
        padding-left: 10px;
    }

ul.red li ul.red-sub {
    margin-left: 0px;
    padding: 3px 0 3px 0;
    list-style: none;
}

    ul.red li ul.red-sub li {
        background: url('common/bullet_square_red.gif') no-repeat 0px 7px;
        padding: 0 0 0 15px;
    }

/* services slider */
.services-slideshow-container {
    width: 240px;
    margin: 0;
}

.services-slider-block {
    width: 100%;
    height: 183px;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.services-slider {
    position: absolute;
    display: none;
}

/* login page */
ul.tab-list {
    list-style: none;
    clear: both;
    margin: 0;
    padding: 0;
}

    ul.tab-list li {
        float: left;
        padding-right: 10px;
    }

        ul.tab-list li .tab-item, .tab-item-active {
            padding: 10px;
            font-size: 12px;
            background-color: #f3f3f3;
            cursor: pointer;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

        ul.tab-list li .tab-item-active {
            color: #db291d;
        }

.tab-block-hidden {
    display: none;
}

/* inquiry form small instructions */
.small-text {
    font-size: 11px;
    color: #333333;
}

.gartner-small-text {
    font-size: 11px;
    color: #333333;
}
/* ... */
.btn-news-back {
    border: solid 1px #d0d0d0;
    background: #f2f1f1;
    display: table;
    padding: 4px 8px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .btn-news-back:hover {
        border: solid 1px red;
    }

span.menu:hover {
    text-decoration: none;
    color: #d4231a;
}

.solutions-group {
    width: 30%;
    float: left;
}

.video-container {
    /*width: 100%;*/
    text-align: center;
}

.video-container.right {
    float:right;
    margin:0 0 0 20px;
}

.video-container.left {
    float:left;
    margin:0 20px 0 0;
}

    .video-container iframe {
        width: 420px; /*560px;*/
        height: 236px; /*315px;*/
    }

.contact-country-list {
    float: left;
    margin: 0 60px 0 0;
}

.anchor-box {
    float:right; margin:-44px 3px 0 0;
}

/* solution */
.solution-blocks {
    display:table;
    margin:0 auto;
}
.solution-block {
    float:left;
    width:225px;
    padding:0 15px 10px;
    margin-bottom:10px;
    text-align:center ;

}
.solution-block.col4 {
    width:200px;
}
.solution-block.col3 {
    width:280px;
}
.solution-block.col1 {
    width:100%;
}
.solution-icon {
    display:table;
    margin:0 auto;
    padding:5px 0 10px;

}
.solution-icon img {
    width:50px;
}
/*ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
}

/* Output the numbers using the counter() function, but use a custom color, and position the numbers how we want */
/*ol li:before {
  color: #e75204;
  content: counter(list) ".";
  left: -32px;
  position: absolute;
  text-align: right;
  width: 26px;
}*/



/* side buttons */
.side-action { 
    text-align:left;
    min-width:250px;
    background:#fff;
    color:#000; 
    font-size:17px; 
    padding:19px 20px;
    border:solid 1px #d1d1d1;
    border-bottom:none;
    line-height:32px;
    cursor:pointer;
    text-decoration:none;
    display:table;

    -moz-border-radius: 1px; 
    -webkit-border-radius: 1px; 
    border-radius: 1px;
}

.side-action.last {
    border-bottom:solid 1px #dedede;
}

.side-action:hover {
    background:#f7f7f7; /*#db291d;*/
    color:#db291d;
}

.side-action .icon-download {
    float:left;
    width:35px; height:35px;
    margin-right:13px;
    background:url('/common/sprite.png') -10px -193px no-repeat;
}

.side-action .icon-bi {
    float:left;
    width:35px; height:35px;
    margin-right:13px;
    background:url('/common/sprite.png') -54px -193px no-repeat;
}

.side-action .icon-quote {
    float:left;
    width:35px; height:35px;
    margin-right:13px;
    background:url('/common/sprite.png') -92px -192px no-repeat;
}

/* mid buttons */
.mid-actions {

}

.mid-actions:after {
    content: "";
    display: table;
    clear: both;
}

.mid-action {
    float: left;
}

.action-quote {
    width: 225px;
    height: 150px;
    background: url('common/button-download-brochure-bg.svg') 0 0 no-repeat;
    margin-right: 5px;
}

.action-brochure {
    width: 225px;
    height: 150px;
    background: url('common/button-request-quote-bg.svg') 0 0 no-repeat;
    margin-right: 5px;
}

.action-gartner {
    width: 515px;
    height: 150px;
    background: url('common/banner-gartners-bg.svg') 0 0 no-repeat;
    margin-left: 6px;
}

.action-gartner:lang(fr) {
    width: 515px;
    height: 150px;
    background: url('common/banner-gartners-bg-fr.svg') 0 0 no-repeat;
    margin-left: 6px;
}

.action-gartner-mobile {
    display: none;
}

.mid-btn {
    display: table;
    cursor: pointer;
    padding: 5px 5px;
    text-align: center;
    font-size: 15px;
    /*font-weight: 600;*/
    text-decoration: none;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

}

.mid-btn-grey {
    /*background: #c7c7c7;*/
    color: #DB291D;
    margin: 91px auto 0;
    border:solid 1px #DB291D;
}

.mid-btn-grey:hover {
    color: #EFEFEF;
    background: #DB291D;
}

.mid-btn-gartner {
    background: none;
    border: solid 1px #fff;
    color: #FFFFFF;
    padding: 5px 15px;
    margin: 91px 0 0 265px;
}

.mid-btn-gartner:hover {
    background: #FFFFFF;
    color: #da291c;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) {
    .mid-action {
        float: none;
        margin: 0 auto 3px;
        display: table;
    }
    .action-gartner {
        display: none;
        background-size: 100%;
        width: 100%;
        position: relative;
    }
    .action-gartner-mobile {
        display: block;
    }
}

/**************************************** contact form */
.contact-block {
    width: 100%;
}

    .contact-block .contact-info {
        max-width: 350px;
    }

    .contact-block .contact-form {
    }

.contact-form .form-container {
    margin: 0 auto 0 auto;
}

.contact-form .form-left {
    float: left;
}

.contact-form .form-right {
    float: right;
}

.contact-form input[type="text"], 
.contact-form select, .contact-form textarea {
    width: 303px;
}
.contact-form input[type="submit"] {
    margin: 0 auto 0 auto;
    display: table;
}
.contact-form .form-field {
    margin: 0 0 10px 0;
}

.contact-form input[type="text"].half {
    width: 149px;
}

.contact-form select.half {
    width: 150px;
}

.contact-form-button {
    padding: 6px 15px;
    margin: 0 auto 10px auto;
    background-color: #db291d;
    text-align: center;
    display: table;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* bootstrap-multiselect */
.multiselect-container>li.multiselect-group label {
    padding: 3px 20px 3px 15px;
}
.multiselect-container>li>a>label {
    padding: 3px 20px 3px 35px;
}
.multiselect.btn {
    text-align: left;
    padding-left: 10px;
    width: 100%;
    background: none;
    color: #444;
    border: solid 1px #bec2c4;
}
@media only screen and (max-device-width: 667px) and (min-device-width: 320px) {
    .multiselect.btn {
        width: 270px;
    }
}
.btn-group, .btn-group  {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/****************************A B test for dubai1 contact form */
.contact-form-button-green {
    background: #db291d;
    color: #fff;
    font-size: 14px !important;
    margin: 0 auto 5px auto;
    border-radius: 4px;
    padding: 20px 20px;
    border: 0px solid #bdc4c9;
    width: 210px;
    height: 45px;
    /*font-weight: 600;*/
    line-height: normal;
    box-sizing: border-box;
    -webkit-appearance: none;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}



.contact-form-button-green:hover {
    background: #FFFFFF;
    border: solid 2px #db291d;
    color: #db291d;
}


.contact-form-button-red {
    background: #db291d;
    color: #fff;
    font-size: 22px !important;
    margin: 0 auto 5px auto;
    border-radius: 4px;
    padding: 20px 10px;
    border: 0px solid #bdc4c9;
    width: 210px;
    font-weight: 600;
    line-height: normal;
    box-sizing: border-box;
    -webkit-appearance: none;
    cursor: pointer;
    text-align: center;
}

.contact-form.alt input[type="text"],
.contact-form.alt select, .contact-form.alt textarea {
    width: 100%;
}
.contact-form.inline { width:700px; margin:20px auto 20px auto; display:table; }
.contact-form.inline input[type="text"], .contact-form.inline textarea { width:100%; }

/******************************************** Gartner */
.gartner-header-text {
    float:left; width:60%;
}

.gartner-header-image {
    float:right; width:40%;
}

.gartner-form-top {
    width:250px;
    background:#5b9bd5;
    color:#fff;
    font-size:15px;
    padding:12px 10px;
    text-align:center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    z-index:2;
}

.gartner-form .gartner-form-right {
    background: #fff;
    width: 244px;
    color: #09C;
    text-decoration: none;
    border-radius: 2px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    padding: 12px;
    border: 1px solid #bfbfbf;
    border-top:none;
    z-index:1;
}

.gartner-bg-text {
    width:100%; height:85px;
    color:#fff; 
    position:absolute; 
    font-size:20px; 
    font-weight:300; 
    text-align:center; 
    padding:19px 0; 
    background-color:rgba(0,0,0, 0.5);
}

.gartner-block {
    /*width: 100%;*/
    float:right;
    margin-top:-45px;
}

.gartner-form .form-container {
    width:270px;
    position:relative;
    margin: 0 auto 0 auto;
    margin:0 0 15px 20px;
    
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

.gartner-form input[type="text"] {
    width: 99%;
}

.gartner-form input[type="submit"] {
    margin: 0 auto 0 auto;
    display: table;
}

.gartner-form select {
    width: 285px;
}

.gartner-form textarea {
    width: 285px;
}

.gartner-form .form-field {
    margin: 0 0 10px 0;
    width: 100%;
}

.gartner-form input[type="text"].half {
    width: 140px;
}

.gartner-form select.half {
    width: 142px;
}

.gartner-form-button {
    width:100%;
    text-decoration: none;
    padding: 10px 10px !important;
    margin: 0 auto 10px auto;
    background-color: #0066A4;
    text-align: center;
    display: table;
    color: #fff;
    cursor: pointer;
    border:none;
}

input.gartner-form-button {
    background:#0066A4 url('/common/icon-download.png') 0 0 no-repeat;
}

/* popup */
.gartner-fade {
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
    z-index: 110;
}

.gartner-popup {
    z-index: 100;
    position: fixed;
    background: #f2f2f2;
    width: 550px;
    left: 0;
    right: 0;
    margin: 10px auto;
    padding: 0;
    font-size: 20px;
    z-index: 115;
    display:none;
	
	-webkit-transform: translate(0, -15%);
    -ms-transform: translate(0, -15%);
    -o-transform: translate(0, -15%);
    transform: translate(0, -15%);
    transition: transform 0.3s ease-out;
}

.gartner-popup.in {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.gartner-popup-top {
    background:#5a9bd5;
    padding:15px 10px;
    text-align:center;
    color:#fff;
    font-size:21px;
    font-weight:400;
}

.gartner-popup-bottom {
    background:#5a9bd5;
    padding:5px 15px;
    text-align:right;
    color:#fff;
    font-size:12px;
}

.gartner-popup-close {
    position: absolute;
    width:26px; height:26px;
    background:url('/common/sprite.png') -151px 0 no-repeat;
    top: 16px;
    right: 17px;
    cursor:pointer;
}

.gartner-popup-bg {
    position:relative;
    height:150px;
    overflow:hidden;
}

.gartner-popup-bg img {
    top:0; left:0;
    position:absolute;
    width:125%;
    margin:-70px 0 0 -135px;
}

.gartner-popup-text {
    width:100%; height:120px;
    color:#fff; 
    position:absolute; 
    font-size:32px; 
    font-weight:300; 
    text-align:center; 
    padding:20px 0; 
    background-color:rgba(0,0,0, 0.5);
    z-index:1;
}

.gartner-popup .subtext {
    margin-right:105px;
    margin-top:8px;
    text-align:right;
    font-size:18px;
}

.gartner-popup-form {
    float:left;
}

.gartner-popup-icon {
    float:left;
    margin-right:20px;
}

.gartner-popup-download {
    float:right;
}

.gartner-popup-download input[type="submit"] {
    width:235px;
    background:#10bad1;
    color:#fff;
    font-size:20px;
    white-space: normal;
    text-align:center;
    padding:15px 15px;
    border:none;
    cursor:pointer;
	margin-top:25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.gartner-popup-download .download-icon {
    width:46px; height:46px;
    background:url('/common/sprite.png') -171px -68px no-repeat;
    margin:0 auto 12px;
}

.gartner-popup input[type="text"] {
    width:250px;
}

.gartner-popup .captcha-container {
    width:160px;
    height:57px;
}

.gartner-popup #CaptchaContainer {
    transform: scale(0.78);
    -webkit-transform: scale(0.78);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.gartner-popup #btnGartner {
    background:#10bad1 url('/common/icon-download-popup.png') 0 0 no-repeat;
    background-position:right 25px bottom 16px;
}

/**************************************** franchising form */
.franchsing-form-button {
    padding: 6px 15px;
    margin: 0 auto 10px auto;
    background-color: #db291d;
    text-align: center;
    display: table;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#franchsing-form {
    display: none;
    padding: 20px 0 25px 0;
}

    #franchsing-form .form-container {
        margin: 0 auto 0 auto;
        display: table;
    }

    #franchsing-form input[type="text"] {
        width: 300px;
    }

    #franchsing-form input[type="submit"] {
        margin: 0 auto 0 auto;
        display: table;
    }

    #franchsing-form textarea {
        width: 300px;
        height: 150px;
    }

    #franchsing-form .form-field {
        margin: 0 0 10px 0;
    }

.captcha-container {
    clear: left;
}

.horizontal-seperator {
    height: 1px;
    width: 100%;
    background-color: #e1e1e1;
}

/**************************************** training form */
.training-form-button {
    padding: 6px 15px;
    margin: 40px auto 10px auto;
    background-color: #db291d;
    text-align: center;
    display: table;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#training-form {
    display: none;
    padding: 20px 0 25px 0;
}

    #training-form .form-container {
        margin: 0 auto 0 auto;
        display: table;
    }

    #training-form input[type="text"] {
        width: 300px;
    }

    #training-form input[type="submit"] {
        margin: 0 auto 0 auto;
        display: table;
    }

    #training-form textarea {
        width: 300px;
        height: 150px;
    }

    #training-form .form-field {
        margin: 0 0 10px 0;
    }

.captcha-container {
    clear: left;
}

.horizontal-seperator {
    height: 1px;
    width: 100%;
    background-color: #e1e1e1;
}

/**************************************** 2thepoint */
.ttp-body {
    background: #ffffff;
    font-family: Calibri,Arial;
    font-size: 15px;
    color: #538135;
}

    .ttp-body ol li {
        margin-bottom: 15px;
    }

.ttp-container {
    width: 650px;
    margin: 0 auto 0 auto;
}

.ttp-table {
    width: 650px;
    margin: 35px 0 0 0;
}

    .ttp-table td {
        vertical-align: top;
    }

.ttp-col2 {
    color: #385623;
}

    .ttp-col2 p {
        margin-bottom: 20px;
    }

.ttp-title {
    font-size: 19px;
    color: #538135;
}

.ttp-separator {
    width: 2px;
    height: 600px;
    background: #ed7d31;
    margin: 0 25px 0 25px;
}

/**************************************** multilevel menu */
/*
#nav {
    font: 14px Open Sans,Calibri,Arial;
    position:relative;
    margin: 28px 20px 0 0;
    padding: 0;
    float:right;
    z-index: 101;
}

    #nav li {
        list-style: none;
        display: block;
        float: left;
        position: relative;
        text-align: left;
        line-height: 30px;
    }

        #nav li.nav-level1 {
            text-align: center;
            border-left: 1px solid #f8f8f8;
            border-right: 1px solid #d9d9d9;
            margin: 0;
            padding:0 18px;
            background: #e3e2e2;
        }

            #nav li.nav-level1 span:hover, #nav li.nav-level1 a:hover {
                color: #db291d;
            }

        #nav li a {
            margin: 0px 0;
            line-height: 30px;
            text-decoration: none;
            color: #333333;
            display: block;
        }

    #nav ul {
        background: #f2f5f6;
        padding: 0px;
        width: 170px;
        margin: 0;
        left: 0;
    }

        #nav ul li:hover {
            background: #666666;
            color: #fff;
        }

        #nav ul li {
            border-bottom: 1px solid #DDDDDD;
            width: 170px;
            background: #f1eff0;
            font: 14px Calibri,Arial;
            display: block;
            visibility: visible;
        }

            #nav ul li:last-child {
                border-bottom: none;
            }

                #nav ul li:last-child a {
                    border-bottom: none;
                }

    #nav li:hover > ul {
        display: block;
        visibility: visible;
    }

    #nav ul li div {
        line-height: 18px;
        padding: 5px 10px 5px 10px;
        cursor: default;
    }

    #nav ul li a {
        line-height: 18px;
        padding: 5px 10px 5px 10px;
        color: #333333;
    }

    #nav ul ul li a {
        line-height: 18px;
        padding: 5px 10px 5px 10px;
    }

    #nav #nav-about {
        cursor: default;
    }

        #nav #nav-about ul, #nav #nav-about li {
            width: 140px;
        }

    #nav #nav-services ul, #nav #nav-services li {
        width: 220px;
    }

        #nav #nav-services li ul li, #nav #nav-services li ul {
            width: 180px;
        }

    #nav #nav-solutions ul, #nav #nav-solutions li {
        width: 180px;
    }

        #nav #nav-about li a:hover, #nav #nav-services li a:hover, #nav #nav-solutions li a:hover {
            color: #fff;
        }

    #nav ul {
        display: none;
        visibility: hidden;
        position: absolute;
        top: 30px;
        border: 1px solid #DDDDDD;
        border-top: 1px solid #fff;
    }
        #nav ul ul {
            top: 0px;
            left: 170px;
            display: none;
            visibility: hidden;
            border: 1px solid #DDDDDD;
        }

    #nav #nav-services ul ul {
        left: 220px;
    }
    
    #nav ul ul ul {
        top: 0px;
        left: 170px;
        display: none;
        visibility: hidden;
        border: 1px solid #DDDDDD;
    }
*/

/**************************************** drop down menu (new) */
#menu {
    list-style:none;
    margin:15px 0 0 0;
    padding:0px;
    z-index:101;
    position:relative;
    background: #eeeeee;
    float:right;
}
 
#menu li {
    float:left;
    display:block;
    font-size:15px;
    text-align:center;
    position:relative;
    padding: 16px 20px;
    margin-top:0;
    border:none;
}
 
#menu li:hover {
    border:none;
    padding: 16px 20px;
    background: #dcdcdc;
}
 
#menu li a {
    color: #333333;
    display:block;
    outline:0;
    text-decoration:none;
}
 
#menu li:hover a {
    color:#161616;
}

/* Drop Down */
 
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns {
    margin:16px auto;
    float:left;
    position:absolute;
    left:-999em;
    text-align:left;
    border:none;
    background:#dcdcdc;
}

.dropdown_1column {width: 180px;}
.dropdown_2columns {width: 360px;}
.dropdown_3columns {width: 540px;}
.dropdown_4columns {width: 720px;}

.dropdown_1column.fr {
    width:185px;
}
.dropdown_4columns.fr {
    width:740px;
}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns {
    left:0px;
    top:auto;
}
 
/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4 {
    display:inline;
    float: left;
    position: relative;
}
.col_1 {width:180px;}
.col_2 {width:270px;}
.col_3 {width:470px;}
.col_4 {width:670px;}

.dropdown_4columns.fr .col_1 {
    width:185px;
}

/* Right alignment */

#menu li:hover .align_right {
    left:auto;
    right:0; right:-263px;
    top:auto;
}

#menu.fr li:hover .align_right {
    right:0; right:-279px;
}

/* Drop Down Content Stylings */
 
#menu p, #menu h3, #menu ul li {
    line-height:20px;
    font-size:14px;
    text-align:left;
}
#menu h3 {
    color:#111;
    background:#dcdcdc;
    font-size:14px;
    font-weight:600;
    margin:0 0 0 0;
    padding:15px 10px;
}
#menu p {
    line-height:20px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
    font-size:14px;
    color:#333333;
}
#menu li:hover div a:hover {
    color:#db291d;
}
#menu li ul {
    list-style:none;
    padding:0;
}
#menu li ul li {
    font-size:14px;
    line-height:20px;
    position:relative;
    padding:10px 0 10px 20px;
    margin:0;
    float:none;
    text-align:left;
    width:160px;
    cursor:pointer;
}
#menu.fr li ul li {
    width: 165px;
}
#menu .dropdown_4columns .col_1 ul li,
#menu .dropdown_3columns .col_1 ul li,
#menu .dropdown_2columns .col_1 ul li {
    padding:10px 10px 10px 10px;
}
#menu .dropdown_4columns .col_1.edge,
#menu .dropdown_3columns .col_1.edge,
#menu .dropdown_2columns .col_1.edge {

    margin-right:0;
}
#menu li ul li:hover {
    background:#fafafa;
    border:none;
    padding:10px 0 10px 20px;
    margin:0;
    color:#DB291D;
}
#menu li ul li.last {
    border-bottom:none;
}

/**************************************** quote */
.fade {
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
    z-index: 110;
}

.quote-button {
    float: right;
    margin: 0 0 10px 15px;
    text-align:center;
    position:relative;
}

.side-button {
    width:282px;
    float: left;
    margin: 0 0 0 0;
    text-align:center;
    position:relative;
}

.call-to-action { 
    min-width:170px;
    background:#4CBB17; 
    color:#fff; 
    font-size:20px; 
    padding:15px 15px;
    border-bottom:solid 1px #fff;
    cursor:pointer;
    text-decoration:none;
    display:inline-block;

    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
}

.call-to-action.red {
    background:#db291d;
}

.call-to-action:hover { background:#42a115; }

.quote-button-grey {
    float:left;
    margin-right:4px;
    
}

/**************************************** home (new) */
.body-home #menu {
    margin:15px 0 0 0;
}

.slideshow-container {
    width: 985px;
    margin: 20px auto 0 auto;
}

.slider-block {
    width: 100%;
    height: 360px;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.slider {
    position: absolute;
    display: none;
}

.slider-content {
    width: 985px;
    margin: 0 auto 0 auto;
    color: #333333;
    font-size: 22px;
    line-height: 45px;
}

.slider-content.wide {
    width:1040px;
}

    .slider-content .slider-text-black {
        background: url('/common/tile-black-trans.png');
        padding: 0 8px 0 8px;
        color: #fff;
        margin: 0 0 4px 0;
        display: none;
    }

    .slider-content .slider-text-red {
        background: url('/common/tile-red-trans.png');
        padding: 0 8px 0 8px;
        color: #fff;
        margin: 0 0 4px 0;
        display: none;
    }

.assessment-button {
    background: #db291d;
    color: #fff;
    font-size: 18px;
    position: absolute;
    line-height: normal;
    padding: 14px;
    margin: 150px 0 0 732px;
    cursor: pointer;
    -moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.10);
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.10);
    box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.10);
    z-index: 15;
}

.vr-button {
    position:absolute;
    right:20px;
    bottom:20px;
}

.vr-button img {
    width:200px;
}

.vr-btn {
    position:absolute;
    background: url('common/icon-vr.png') 0 0 no-repeat;
    background-position: right;
    border: solid 2px #FFFFFF;
    padding: 5px 45px 5px 10px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 45px;
    right:20px;
    bottom:20px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
        border-radius: 6px
}

.vr-btn:hover {
    background: rgba(255, 255, 255, 0.95) url('common/icon-vr-on.png') 0 0 no-repeat;
    background-position: right;
    color: #0f2237;
}

.social-container {
    width: 985px;
    margin: 15px auto 0 auto;
}

.social-video, .social-video-mobile {
    width: 154px;
    height: 31px;
    background: url('/common/watch-video.gif');
    float: left;
    cursor: pointer;
}

.social-video-mobile {
    display: none;
    width: 40px;
}

.social-buttons {
    float: right;
}

.social-twitter {
    width: 34px;
    height: 34px;
    background: url('/common/sprite-mobile.svg') 0 0 no-repeat;
    float: left;
    cursor: pointer;
    margin-right: 7px;
}

.social-youtube {
    width: 34px;
    height: 34px;
    background: url('/common/sprite-mobile.svg') -41px 0 no-repeat;
    float: left;
    cursor: pointer;
    margin-right: 7px;
}

.social-facebook {
    width: 34px;
    height: 34px;
    background: url('/common/sprite-mobile.svg') -82px 0 no-repeat;
    float: left;
    cursor: pointer;
    margin-right: 7px;
}

.social-gplus {
    width: 34px;
    height: 34px;
    background: url('/common/sprite-mobile.svg') -123px 0 no-repeat;
    float: left;
    cursor: pointer;
}

.social-contact-mobile {
    display: none;
}

.callback-button {
    height: 34px;
    background: #000000;
    border: solid 2px transparent;
    float: left;
    cursor: pointer;
    margin-right: 7px;
    padding: 0 15px 0 12px;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.callback-button:hover {
    background: #FFFFFF;
    border: solid 2px #000000;
    color: #000000;
}



.contactus-button {
    height: 34px;
        background: #db291d;
    border: solid 2px transparent;
    float: left;
    cursor: pointer;
    margin-right: 0;
    padding: 0 15px 0 12px;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.contactus-button:hover {
    background: #FFFFFF;
    border: solid 2px #db291d;
    color: #db291d;
}

.callback-button .icon {
    width: 10px;
    height: 16px;
    background: url('/common/sprite.png') -54px -129px no-repeat;
    float: left;
    margin: 9px 8px 0 0;
}

.callback-button:hover .icon {
    background: url('/common/sprite.png') -100px -129px no-repeat;
}

.inner-message-text .callback-button:hover .icon {
    background: url('/common/sprite.png') -146px -129px no-repeat;
}

.contactus-button .icon {
    width: 16px;
    height: 12px;
    background: url('/common/sprite.png') -28px -129px no-repeat;
    float: left;
    margin: 11px 8px 0 0;
}

.contactus-button:hover .icon {
    background: url('/common/sprite.png') -120px -129px no-repeat;
}

.inner-message-text .callback-button {
    height: 32px;
    line-height: 31px;
    right: 0;
    bottom: 5px;
    margin-right: 191px;
    margin-bottom: 5px;
    position: absolute;
    border: solid 1px #fff;
    background: #db291d;
}

.inner-message-text .callback-button:hover {
    background: #FFFFFF;
    color: #db291d;
}

.inner-message-text .callback-button.fr {
    margin-right: 208px;
}

.inner-message-text .contactus-button {
    height: 32px;
    line-height: 31px;
    right: 0;
    bottom: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    position: absolute;
    border: solid 1px #fff;
}

.services-bg {
    width: 100%;
    /*height: 550px;*/
    margin: 20px auto 0 auto;
    padding:0 0 20px 0;
    background: #eaeaea;
    display: table;
}

    .services-bg h1 {
        font-size: 18px;
        font-family: Open Sans, Arial;
        margin: 0;
    }

.services-container {
    width: 985px;
    margin: 20px auto 0 auto;
}

.service-separator {
    width: 20px;
    float: left;
}

.service {
    float: left;
}

    .service .service-category {
        width: 315px;
        height: 66px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        position:relative;
    }

        .service .service-category h2 {
            font-size: 18px;
            font-family: Open Sans, Arial;
            margin: 0;
        }

    .service .red {
        background: #db291d;
        padding: 20px 15px 0 15px;
        width: 285px;
        height: 46px;
    }

    .service .black {
        background: #000;
        padding: 20px 15px 0 15px;
        width: 285px;
        height: 46px;
    }

    .service .grey, .service .grey_ {
        background: #4c4c4c;
        padding: 10px 15px 0 15px;
        width: 285px;
        height: 56px;
    }

    .service .grey_ {
        padding: 20px 15px 0 15px;
        height: 46px;
    }

    .service .service-expand {
        
    }

    .service .service-options {
        width: 315px;
        background: #fff;
        -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
        box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
    }

.service-options .service-split {
    width: 315px;
    height: 1px;
    border-bottom: dotted 1px #404040;
    margin-bottom: 1px;
}

.service-option {
    background:none !important;
    width: 315px;
    height: 99px;
    background:#fff;
    cursor:pointer;
}

.service-option .service-option-title {
    width:185px;
    float:left;
    color:#000;
    padding:37px 0;
    font-size:16px;
}

.service-option .service-option-title.line2 {
    padding:27px 0;
}

.service-option .service-option-title.line3 {
    padding:17px 0;
}

.service-option .service-option-title.line4 {
    font-size:14px;
    padding:12px 0;
}

.service-option:hover .service-option-title {
    color:#db291d;
}

.service-option .service-option-icon {
    width: 110px;
    height: 99px;
    float:left;
}

#service-option1 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 0 no-repeat;
}

    #service-option1:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px 0 no-repeat;
    }

#service-option2 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -109px no-repeat;
}

    #service-option2:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -109px no-repeat;
    }

#service-option3 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -218px no-repeat;
}

    #service-option3:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -218px no-repeat;
    }

#service-option4 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -327px no-repeat;
}

    #service-option4:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -327px no-repeat;
    }

#service-option5 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -436px no-repeat;
}

    #service-option5:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -436px no-repeat;
    }

#service-option6 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -545px no-repeat;
}

    #service-option6:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -545px no-repeat;
    }

#service-option7 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -654px no-repeat;
}

    #service-option7:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -654px no-repeat;
    }

#service-option8 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -763px no-repeat;
}

    #service-option8:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -763px no-repeat;
    }

#service-option9 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -872px no-repeat;
}

    #service-option9:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -872px no-repeat;
    }

#service-option10 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -981px no-repeat;
}

    #service-option10:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -981px no-repeat;
    }

#service-option11 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -1090px no-repeat;
}

    #service-option11:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -1090px no-repeat;
    }

#service-option12 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -1200px no-repeat;
}

    #service-option12:hover .service-option-icon {
        background: url('/common/service-tabs-alt.png') -125px -1200px no-repeat;
    }

.about-bg {
    width: 100%;
    background: #fff;
    margin-top: 30px;
    padding: 20px 0 20px 0;
    display: table;
}

.about-container {
    width: 985px;
    margin: 0 auto 0 auto;
    font-size: 14px;
    display: table;
    background: #fff;
}

.testimonials-bg {
    width: 100%;
    background: #EAEAEA;
    margin-top: 30px;
    padding: 20px 0 20px 0;
    display: table;
}

.banner-container {
    width: 985px;
    margin: 20px auto 0 auto;
}

    .banner-container .banner-startup-container {
        float: left;
        margin: 0 20px 0 0;
    }

    .banner-container #banner-startup {
        width: 315px;
        height: 105px;
        background: #d9281e;
        color: #fff;
        font-family: Open Sans, Arial;
        display: table;
        cursor: pointer;
    }

#banner-startup .banner-startup-title {
    font-size: 18px;
    text-align: center;
    display: table;
    margin: 17px auto 0 auto;
}

#banner-startup .banner-startup-mobile-title {
    font-size: 18px;
    text-align: center;
    display: table;
    margin: 17px auto 0 auto;
}

#banner-startup .banner-startup-mobile-title {
    display: none;
}

#banner-startup .banner-startup-subtitle {
    font-size: 14px;
    text-align: center;
    display: table;
    margin: 8px auto 0 auto;
}

.banner-container .banner-gartner-container {
    float: right;
    margin: 0 0 0 0;
}

.banner-container #banner-gartner {
    width: 315px;
    height: 90px;
    background: #0067A6;
    color: #fff;
    padding: 0 0 15px 0;
    font-family: Open Sans, Arial;
    display: table;
    cursor: pointer;
}

#banner-gartner .banner-gartner-title {
    font-size: 18px;
    text-align: center;
    display: table;
    margin: 17px auto 0 auto;
}

#banner-gartner .banner-gartner-subtitle {
    font-size: 14px;
    text-align: center;
    display: table;
    margin: 8px auto 0 auto;
}

.banner-container #banner-gartner-mobile {
    width: 315px;
    height: 90px;
    background: #0067A6;
    color: #fff;
    padding: 0 0 15px 0;
    font-family: Open Sans, Arial;
    display: table;
    cursor: pointer;
}

.banner-container #banner-gartner-mobile {
    display: none;
}

#banner-gartner-mobile .banner-gartner-title {
    font-size: 18px;
    text-align: center;
    display: table;
    margin: 17px auto 0 auto;
}

#banner-gartner-mobile .banner-gartner-subtitle {
    font-size: 14px;
    text-align: center;
    display: table;
    margin: 8px auto 0 auto;
}

.banner-container .banner-greenbox-container {
    float: left;
    margin: 0 20px 0 0px;
}

.banner-container #banner-greenbox {
    width: 315px;
    height: 105px;
    background: #009345 url('/common/banner-greenbox-blank2.gif') no-repeat;
    color: #fff;
    font-family: Open Sans, Arial;
    display: table;
    cursor: pointer;
}

.banner-container .banner-greenbox-content {
    margin: 0 0 0 80px;
}

#banner-greenbox .banner-greenbox-title {
    font-size: 18px;
    text-align: center;
    display: table;
    margin: 29px auto 0 auto;
}

#banner-greenbox.fr .banner-greenbox-title {
    line-height:19px;
    margin: 14px auto 0 auto;
}

#banner-greenbox .banner-greenbox-mobile-title {
    font-size: 18px;
    text-align: center;
    display: table;
    margin: 19px auto 0 auto;
}

#banner-greenbox .banner-greenbox-mobile-title {
    display: none;
}

#banner-greenbox .banner-greenbox-subtitle {
    font-size: 18px;
    text-align: center;
    color: #ece815;
    display: table;
    margin: 6px auto 0 auto;
}

#banner-greenbox.fr .banner-greenbox-subtitle {
    line-height:19px;
}

.lower-container {
    width: 985px;
    margin: 10px auto 10px auto;
    display: table;
}

.testimonials-block {
    width: 350px;
    float: left;
    margin-right: 142px;
    background: #EAEAEA;
}

    .testimonials-block .title {
        font-size: 18px;
        color: #333333;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .testimonials-block #testimonials {
        width: 325px;
        color: #555555;
        font-size: 15px;
        font-style: italic;
        margin: 0 0 0 20px;
        line-height: 22px;
    }

    .testimonials-block .testimonial-start {
        width: 17px;
        height: 13px;
        background: url('/common/sprite-mobile.svg') 0 -44px no-repeat;
        margin: 0 0 8px 0;
    }

    .testimonials-block .testimonial-end {
        width: 17px;
        height: 13px;
        background: url('/common/sprite-mobile.svg') -27px -44px no-repeat;
        margin: 10px 0 0 0;
        float: right;
    }

    .testimonials-block .more {
        color: #db291d;
        font-size: 14px;
        font-style: normal;
        margin: 20px 0 0 20px;
    }

        .testimonials-block .more a {
            color: #db291d;
            text-decoration: none;
        }

    .testimonials-block .author {
        margin: -5px 0 0 20px;
    }

.news-block {
    width: 490px;
    float: left;
}

    .news-block .title {
        font-size: 18px;
        color: #333333;
        font-weight: 600;
    }

    .news-block .news {
        width: 410px;
        color: #555555;
        font-size: 14px;
        margin: 35px 0 0 0;
    }

        .news-block .news a {
            color: #555555;
            text-decoration: none;
        }

            .news-block .news a:hover {
                color: #d14f4b;
            }

        .news-block .news .news-separator {
            height: 1px;
            width: 395px;
            border-bottom: dotted 1px #d9d9d9;
            margin: 12px 0 12px 0;
        }

        .news-block .news .more {
            color: #db291d;
            font-size: 14px;
            text-align: right;
            margin: 10px 0 0 0;
        }

            .news-block .news .more a {
                color: #db291d;
                font-size: 14px;
                text-decoration: none;
            }

.partner-bg {
    width: 100%;
    background: #f6f6f6;
    margin-top: 30px;
    padding: 20px 0 20px 0;
    display: table;
}

.partner-container {
    width: 985px;
    margin: 0px auto 0 auto;
}

    .partner-container .logo {
        margin: 0px 29px 0 29px;
        cursor: pointer;
    }

    .partner-container .logo-right {
        float: right;
        margin: 0px 0 0 29px;
        cursor: pointer;
    }

#mobile {
    display: none;
}

/**************************************** gitex */
.gitex { 
    width:1005px; margin:0 auto 0 auto; font-family:Open Sans, Arial; 
}
.gitex-banner {
    position:relative;
}
.gitex-banner-bg {
    z-index:1;
}
.gitex-banner-title {
    position:absolute;
    z-index:2;
    top:31px; right:0;
}
.gitex-banner-location {
    position:absolute;
    z-index:2;
    top:182px; right:0;
}
.gitex-banner-infofort {
    position:absolute;
    z-index:2;
    top:31px; left:35px;
}
.gitex-btn { 
    width:335px; height:130px; float:left; cursor:pointer; 
}
.gitex-btn.red1 { 
    background:#ba2319; border-right:solid 1px #b12118; 
}
.gitex-btn.red2 { 
    background:#c6251a; border-right:solid 1px #c02419; 
}
.gitex-btn.red3 { 
    background:#d0271c; width:333px; overflow:hidden; 
}
.gitex-btn.red1:hover, .gitex-btn.red2:hover, .gitex-btn.red3:hover { 
    background:#a71f16; 
}
#gitex-brochure-btn { 
    background:url('common/gitex/gitex-sprite-2017.png') 0 0; 
    width:215px; height:70px; margin:30px auto 0 auto; 
}
#gitex-virtual-btn { 
    background:url('common/gitex/gitex-sprite-2017.png') 0 -80px; 
    width:186px; height:70px; margin:30px auto 0 auto; 
}
#gitex-contact-btn { 
    background:url('common/gitex/gitex-sprite-2017.png') 0 -160px; 
    width:189px; height:62px; margin:40px auto 0 auto; 
}
.gitex-intro {
    width:750px;
    padding:45px;
    margin:0 auto;
    font-size:20px;
}
.gitex-invite {
    width:400px;
    font-size:22px;
    text-align:center;
    margin:0 auto;
    padding-top:25px;
}
span.red {
    color:#da291c;
}
.gitex-services { 
    background:#f8f8f8; 
    padding:20px; 
}
.gitex-services-title { 
    font-size:26px; 
    font-weight:400; 
    margin:5px auto 0 auto; 
    display:table; 
}
.gitex-services-list { 
    margin:15px auto 0;
    display:table;
}
.gitex-services-item {
    background:#ffffff;
    width:280px; height:160px; 
    float:left; 
    padding:15px 0 15px 0;
    margin:15px 15px 15px 15px;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    border:solid 2px #e8e8e8;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.gitex-services-item:hover {
    border:solid 2px #dc5d55;
}
.gitex-footer { 
    background:#db291d; padding:10px; font-size:11px; color:#ffffff; 
}
.gitex-footer .logo-footer { 
    width:68px; height:11px;
    background:url('common/sprite.png') 0 -108px;margin:0 3px 0 3px; cursor:pointer; 
}
.gitex-footer .hotline-box { 
    padding:0 0 10px 0; margin:0 0 0 25px; display:table; float:left; 
}
.gitex-footer .hotline { 
    width:165px; padding:0 10px 10px 0; color:#fdf4f3; 
}
.gitex-footer .hotline b { 
    color:#ffffff; 
}
.gitex-footer .hotline .city { 
    color:#540302; 
}
.gitex-footer .hotline a { 
    color:#540302; text-decoration:none; 
}
.gitex-footer .hotline a:hover { 
    color:#000; text-decoration:none; 
}
.footer-block { 
    width: 985px; margin:10px auto 0 auto; display:table; 
}
.gitex-footer-left { 
    float:left; 
}
.gitex-footer-right { 
    float:right; 
}
.hotline-container { 
    width: 985px; margin: 28px auto 0 auto; display:table; 
}
.hotline-block { 
    width:985px; margin:0 auto 0 auto; 
}

/**************************************** vat */
.vat-main {
	width:100%; height:100%;
	background:url(/common/vat/vat-bg.png) 0 0 no-repeat;
	background-position: center;
	display:table;
}
.vat-infofort {
	margin:35px auto 0;
	display:table;
}
.vat-title {
	margin:55px auto 0;
	display:table;
}
.vat-solutions {
	width:726px;
	margin:40px auto 0;
	display:table;
	position:relative;
}
.vat-circle {
	position:absolute;
	top:162px; left:214px;
}
.vat-separator {
    height:10px;
}

/**************************************** feedback */
.feedback {
    display:table;
    margin:0 auto 0 auto;
}
.feedback-alert {
    color:red;
    text-align:center;
}
.feedback-title {
    font:600 16px Open Sans;
    display:table;
    color:#DB291D;
    margin:20px auto 25px;
}
.feedback-question {
    font:600 15px Open Sans;
    margin:10px 0 15px 0;
}
.feedback-nps {
    display:table;
    list-style:none; 
    margin:5px 0 10px; 
    padding:0;
    font:600 16px Open Sans;
    color:#777;
}
.feedback-nps li {
    width:30px;
    float:left;
    text-align:center;
    padding:13px 9px;
    margin:0 5px 5px 0;
    border:solid 1px #bbb;
    cursor:pointer;
    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
}
.feedback-nps li.on {
    background:#DB291D;
    color:#fff;
}
.feedback-nps-min {
    float:left;
}
.feedback-nps-max {
    float:left;
    margin-left:375px;
}
.feedback-smile {
    float:left;
    width:50px;
    height:50px;
    background:url('/common/feedback.png') 0 0 no-repeat;
    margin-right:25px;
    cursor:pointer;
}
.feedback-frown {
    float:left;
    width:50px;
    height:50px;
    background:url('/common/feedback.png') -60px 0 no-repeat;
    cursor:pointer;
}
.feedback-smile.on {
    background:url('/common/feedback.png') 0 -60px no-repeat;
}
.feedback-frown.on {
    background:url('/common/feedback.png') -60px -60px no-repeat;
}
.feedback-contact-field {
    margin:10px 0 0;
}
.feedback-contact input[type=text] {
    width:275px;
}
.feedback-button {
    background: #db291d;
    color: #fff;
    font-size: 16px !important;
    font-weight:600;
    margin: 20px auto 5px auto;
    border-radius: 4px;
    padding: 20px 10px;
    border: 0px solid #bdc4c9;
    width: 200px;
    line-height: normal;
    box-sizing: border-box;
    -webkit-appearance: none;
    cursor: pointer;
    text-align: center;
    display:table;
}
.feedback-message {
    padding:20px 0;
    font:normal 15px Open Sans;
    text-align:center;
}

/**************************************** mobile */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) {
    img {
        max-width: 100%;
    }

    #mobile {
        display: block;
    }

    /* inner pages */
    #assessment {
        display: none;
    }

    .breadcrumbs {
        display: none;
    }

    .leftmenu {
        display: none;
    }

    .inner-main {
        width: 100%;
        padding:0 15px;
    }

        .inner-main .inner-message {
            width: 100%;
        }

            .inner-main .inner-message img {
                width: 95%;
            }

            .inner-main .inner-message td {
                font-family: Open Sans;
                color: #a6a6a6;
                font-style: italic;
                text-align: left;
                padding: 0 15px 0 15px;
            }

        .inner-main .inner-message-text {
            float: none;
            height: auto;
            padding: 0;
            margin: 0;
            background: #fff;
        }

            .inner-main .inner-message-text table {
                height: auto;
            }

        .inner-main .inner-message-tile {
            display: none;
        }

        .inner-main .inner-message h2 {
            color: #a6a6a6;
            font-weight: normal;
            line-height: 22px;
        }

        .inner-main .inner-message-image {
            float: none;
            text-align: center;
            width: 100%;
        }

        .inner-main .inner-message-text {
            float: none;
            text-align: center;
            width: 100%;
        }

        .inner-main .inner-message-separator {
            float: none;
            width: 100%;
            height: 1px;
            background: #efefef;
            display: table;
        }

    .services-slideshow-container, .services-slider-block, .services-slider {
        float: none;
        text-align: center;
        width: 100%;
    }

    .main-text {
        width: 100%;
        padding: 0 10px 0 10px;
    }

    .share-block {
        margin-top: 10px;
    }

    .share-follow {
        display: none;
    }

    .share-email {
        display: none;
    }

    .share-print {
        display: none;
    }

    .solutions-group {
        width: 100%;
    }

        .solutions-group div {
            margin-bottom: 5px;
        }

    .video-container.right, .video-container.left {
        float:none;
        margin:0;
    }
    .video-container iframe {
        width: 100%;
        height: auto;
    }

    .contact-country-list {
        float: none;
        margin: 0 50px 0 0;
    }

    .anchor-box {
        float:none; margin:0 0 25px 0;
    }

    /* solution */
    .solution-block {
        float:none;
        width:225px;
        padding:0 15px 10px;
        margin-bottom:10px;
    }

    img#our-network {
        width: 100%;
    }

    .contact-block {
        width: 100%;
    }

        .contact-block .contact-info {
            max-width: 270px;
        }

        .contact-block .contact-form {
        }

    .contact-form .form-container {
        display: table;
    }

    .contact-form .form-left {
        float: none;
    }

    .contact-form .form-right {
        float: none;
    }

    .contact-form input[type="text"] {
        width: 275px;
    }

    .contact-form select {
        width: 275px;
    }

    .contact-form textarea {
        width: 275px;
    }

    .contact-form input[type="text"].half {
        width: 130px;
    }

    .contact-form select.half {
        width: 143px;
    }

    .contact-form.alt input[type="text"],
    .contact-form.alt select, .contact-form.alt textarea {
        width: 270px;
    }

    .contact-form.inline { 
        width:100%; 
        margin:20px auto 20px auto; 
        display:table; 
    }
    .contact-form.inline input[type="text"], .contact-form.inline textarea { 
        width:100%;
    }

	/* gartner form */
    .gartner-header-text {
        float:none; width:100%;
    }

    .gartner-header-image {
        float:none; display:none;
    }

    .gartner-block {
        float:none;
        margin-top:0;
    }

    .gartner-form .form-container {
        margin:0 auto;
    }
	/* popup */
    .gartner-popup {
        width:90%;
        margin:0 auto;
    }
    .gartner-popup-top {
        padding:15px 40px;
    }
    .gartner-popup-bg img {
        top:0; left:0;
        position:absolute;
        min-width:100%;
        height:150px;
        margin:0;
    }
    .gartner-popup-text {
        padding:15px 0;
        font-size:26px;
    }
    .gartner-popup .subtext {
        margin-right:auto;
        margin-top:3px;
        text-align:center;
        font-size:16px;
    }
    .gartner-popup-icon {
        display:none;
    }
    .gartner-popup-form {
        float:none;
        margin:0 auto;
        display:table;
    }
    .gartner-popup-download {
        display:table;
        float:none;
        margin:10px auto 0;
    }
    .gartner-popup-download input[type="submit"] {
        max-width:300px;
        padding:15px 25px;
        margin:0 auto;
        display:table;
    }
    .gartner-popup-download .download-icon {
        display:none;
    }
    .gartner-popup .captcha-container {
        width:250px;
        height:75px;
    }
    .gartner-popup #CaptchaContainer {
        transform: scale(0.82);
        -webkit-transform: scale(0.82);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

	/* franchising form */
    #franchsing-form .form-container {
        margin: 0 auto 0 auto;
        display: table;
    }

    #franchsing-form input[type="text"] {
        width: 270px;
    }

    #franchsing-form textarea {
        width: 270px;
    }

    .captcha-container {
        width: 270px;
        margin: 0 auto 0 auto;
    }

    #CaptchaContainer {
        transform: scale(0.90);
        -webkit-transform: scale(0.90);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }


    /* home */
    .top-table {
        display: none;
    }

    .top-bg {
        z-index: 21;
        position: absolute;
    }

    .top-container {
        display: none;
    }

    .top-mobile-container {
        height: 50px;
        display: table;
    }

    #logo-mobile {
        background: url('/common/sprite-mobile.svg') 0 -67px no-repeat;
        width: 96px;
        height: 23px;
        float: left;
        margin: 13px 0 0 12px;
    }

    #menu-mobile {
        background: url('/common/sprite-mobile.svg') -54px -44px no-repeat;
        width: 16px;
        height: 14px;
        float: right;
        margin: 18px 18px 0 0;
    }

    #nav-mobile {
        background-color: #1d212d;
        width: 100%;
        min-height: 400px;
        color: #fff;
        padding: 15px 0 15px 0;
        top: 50px;
        bottom: 0;
        position: absolute;
        z-index: 20;
    }

    #mainContent {
        width: 100%;
        overflow: hidden;
        position: absolute;
        top: 50px;
    }

    #nav-mobile a {
        text-decoration: none;
        color: #fff;
    }

    #nav-mobile ul {
        list-style: none;
        margin: 10px 20px 0 20px;
        padding: 0;
    }

        #nav-mobile ul li {
            font-size: 15px;
            padding: 12px 0 12px 15px;
            border-top: solid 1px #343641;
        }

            #nav-mobile ul li .nav-mobile-category {
                background: #343842;
                padding: 5px 0 5px 10px;
                margin: -5px 0 -5px -10px;
            }

            #nav-mobile ul li.nav-mobile-level2 {
                margin: 0;
            }

        #nav-mobile ul ul.nav-mobile-level2 {
            margin: 12px 0 -12px 0;
            padding: 0;
            display: none;
        }

    #nav-mobile .nav-mobile-facebook {
        width: 34px;
        height: 34px;
        background: url('/common/sprite-mobile.svg') 0 -99px no-repeat;
        float: left;
        margin: 0 10px 0 -10px;
    }

    #nav-mobile .nav-mobile-twitter {
        width: 34px;
        height: 34px;
        background: url('/common/sprite-mobile.svg') -43px -99px no-repeat;
        float: left;
        margin: 0 10px 0 0;
    }

    #nav-mobile .nav-mobile-youtube {
        width: 34px;
        height: 34px;
        background: url('/common/sprite-mobile.svg') -86px -99px no-repeat;
        float: left;
        margin: 0 10px 0 0;
    }

    #nav-mobile .nav-mobile-gplus {
        width: 34px;
        height: 34px;
        background: url('/common/sprite-mobile.svg') -129px -99px no-repeat;
        float: left;
    }

    .slideshow-container {
        width: 100%;
        margin: 0 auto 0 auto;
    }

    .slider-block {
        height: 120px;
    }

    .slider-content {
        display: none;
    }

        .slider-content .slider-text-black {
            padding: 5px 8px 6px 8px;
        }

        .slider-content .slider-text-red {
            padding: 5px 8px 6px 8px;
        }

    .assessment-button {
        display: none;
    }

    .social-container {
        width: 100%;
    }

    .social-video {
        display: none;
    }

    .social-video-mobile {
        margin-left: 7px;
        display: block;
    }

    .social-twitter {
        margin-right: 7px;
    }

    .social-youtube {
        margin-right: 7px;
    }

    .social-facebook {
        margin-right: 7px;
    }

    .social-gplus {
        margin-right: 7px;
    }

    .social-contact-mobile {
        margin: 10px auto -10px auto;
        display: table;
        float: none !important;
    }

    .social-buttons .callback-button, .social-buttons .contactus-button {
        display: none;
    }

    .callback-button, .callback-button-mobile {
        height: 34px;
        background: #000000;
        border: solid 2px #FFFFFF;
        float: left;
        cursor: pointer;
        margin-right: 7px;
        padding: 0 10px 0 10px;
        color: #fff;
        font-size: 15px;
        line-height: 32px;
        border-radius: 4px;
    }

    .callback-button:lang(fr) {
        padding: 0 8px 0 8px;
    }

    .callback-button-mobile:hover {
        background: #FFFFFF;
        color: #000000;
        border: solid 2px #000000;
    }

    .contactus-button, .contactus-button-mobile {
        height: 34px;
        background: #db291d;
        border: solid 2px #FFFFFF;
        float: left;
        cursor: pointer;
        margin-right: 0px;
        padding: 0 10px 0 10px;
        color: #fff;
        font-size: 15px;
        line-height: 32px;
        border-radius: 4px;
    }

    .contactus-button:lang(fr) {
        padding: 0 8px 0 8px;
    }

    .contactus-button-mobile:hover {
        background: #FFFFFF;
        color: #db291d;
        border: solid 2px #db291d;
    }

    .callback-button .icon, .callback-button-mobile .icon {
        width: 10px;
        height: 16px;
        background: url('/common/sprite.png') -54px -129px no-repeat;
        float: left;
        margin: 9px 8px 0 0;
    }

    .callback-button-mobile:hover .icon {
        background: url('/common/sprite.png') -100px -129px no-repeat;
    }

    .contactus-button .icon, .contactus-button-mobile .icon {
        width: 16px;
        height: 12px;
        background: url('/common/sprite.png') -28px -129px no-repeat;
        float: left;
        margin: 11px 8px 0 0;
    }

    .contactus-button-mobile:hover .icon {
        background: url('/common/sprite.png') -120px -129px no-repeat;
    }

    .inner-message-text .callback-button {
        height: 34px;
        line-height: 32px;
        border: solid 2px #FFFFFF;
        right: 0;
        bottom: 0;
        margin-right: 7px;
        margin-bottom: 0;
        position: relative;
        background: #db291d;
    }

    .inner-message-text .callback-button:hover {
        border: solid 2px #db291d;
    }

    .inner-message-text .callback-button.fr {
        margin-right: 0;
    }

    .inner-message-text .contactus-button {
        height: 34px;
        line-height: 32px;
        border: solid 2px #FFFFFF;
        right: 0;
        bottom: 0;
        margin-right: 0;
        margin-bottom: 0;
        position: relative;
    }

    .inner-message-text .contactus-button:hover {
        border: solid 2px #db291d;
    }

    .inner-message-text .inner-message-contact {
        margin: 5px auto 0 auto;
        display: table;
        float: none !important;
    }

    .services-bg {
        height: auto;
        padding: 0 0 20px 0;
    }

    .services-container {
        width: 100%;
    }

        .services-container h1 {
            text-align: center;
        }

    .service {
        width: 95%;
        max-width: 350px;
        margin: 0 auto 0 auto;
        float: none;
    }

    .service-separator {
        display: none;
    }

    .service .service-category {
    }

    .service .service-options {
        width: 100%;
        max-width: 350px;
        display: none;
    }

    .service-options #service-tab1 {
        width: 100%;
        height: 99px;
        background-position: 0 -25px;
    }

    .service-options #service-tab2 {
        width: 100%;
        height: 99px;
        background-position: 0 -184px;
    }

    .service-options #service-tab3 {
        width: 100%;
        height: 99px;
        background-position: 0 -343px;
    }

    .service-options #service-tab4 {
        width: 100%;
        height: 99px;
        background-position: 0 -502px;
    }

    .service-options #service-tab5, .service-options #service-tab6, .service-options #service-tab7 {
        width: 100%;
    }

    .service-options .service-split {
        width: 100%;
    }

    .service .red {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .service .black {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .service .grey, .service .grey_ {
        width: 100%;
        padding: 10px 0 0 0;
        height: 60px;
    }

    .service .grey_ {
        padding: 20px 0 0 0;
        height: 46px;
    }

    .service .service-expand {
        width:18px;
        height:10px;
        background: url('/common/arrow-down.png') 0 0 no-repeat;
        position:absolute;
        right:20px; top:28px;
    }

    .about-container {
        display: none;
    }

    .banner-container {
        width: 100%;
        margin: 30px auto 0 auto;
        display: table;
    }

        .banner-container .banner-startup-container {
            float: none;
            margin: 0 auto 0 auto;
        }

        .banner-container #banner-startup {
            width: 95%;
            max-width: 350px;
            display: table;
            margin: 0 auto 15px auto;
        }

    #banner-startup .banner-startup-title {
        display: none;
    }

    #banner-startup .banner-startup-mobile-title {
        display: block;
    }

    .banner-container .banner-gartner-container {
        float: none;
        margin: 0 auto 0 auto;
    }

    .banner-container #banner-gartner-mobile {
        width: 95%;
        max-width: 350px;
        display: table;
        margin: 0 auto 15px auto;
    }

    .banner-container #banner-gartner {
        display: none;
    }

    .banner-container .banner-greenbox-container {
        float: none;
        margin: 0 auto 0 auto;
    }

    .banner-container #banner-greenbox {
        width: 95%;
        max-width: 350px;
        display: table;
        margin: 0 auto 15px auto;
    }

    .banner-container .banner-greenbox-content {
    }

    #banner-greenbox .banner-greenbox-title {
        display: none;
    }

    #banner-greenbox .banner-greenbox-mobile-title {
        display: block;
        margin: 20px auto 0 auto;
    }

    .lower-container {
        width: 100%;
        margin: 35px auto 0 auto;
    }

    .testimonials-block {
        width: 92%;
        margin: 0 auto 20px auto;
        float: none;
    }

        .testimonials-block #testimonials {
            width: 85%;
        }

        .testimonials-block .testimonial-end {
        }

        .testimonials-block .more {
            text-align: right;
        }

    .news-block {
        width: 92%;
        margin: 0 auto 0 auto;
        float: none;
    }

        .news-block .news {
            margin: 25px 0 0 0;
            width: 100%;
        }

            .news-block .news .news-separator {
                width: 90%;
            }

    .partner-bg {
        padding: 13px 0 13px 0;
    }

    .partner-container {
        width: auto;
        margin: 0px auto 0 auto;
    }

        .partner-container .logo {
            margin: 0 5px 0 5px;
            cursor: pointer;
            display: table;
        }

        .partner-container .logo-right {
            display: none;
        }

        .partner-container .logo img {
            height: 60px;
            max-height: 43px;
        }

    .partner-mobile {
        margin: 0px auto 0 auto;
        display: table;
    }

    /* footer */
    .footer-block {
        width: 100%;
        margin: 20px auto 0 auto;
    }

    .footer-block-left {
        float: none;
        margin: 0 auto 0 auto;
        display: table;
        text-align: center;
        line-height: 22px; 
        width: 90%;
    }

    .footer-block-right {
        float: none;
        margin: 25px auto 15px auto;
        display: table;
    }

    .hotline-container {
        display: none;
    }

    .copyright {
        text-align: center;
    }

    /* gitex */
    .gitex {
        width:100%;
    }
    .gitex-banner {
        width:100%;
    }
    .gitex-banner-bg img {
        width:100%;
    }
    .gitex-banner-title {
        top:0;
        position:relative;
    }
    .gitex-banner-location {
        top:0;
        position:relative;
        margin:0 auto;
        display:table;
    }
    .gitex-banner-infofort {
        top:25px; left:25px;
    }
    .gitex-banner-infofort img {
        height:50px;
    }
    .gitex-intro {
        width:100%;
        padding:20px;

        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
    }
    .gitex-invite {
        width:100%;
    }
    .gitex-buttons {
        width:100%;
    }
    .gitex-btn {
        float:none;
        display:table;
        width:100%;
    }
    .gitex-btn.red1 {
        border:none;
    }
    .gitex-btn.red2 {
        border:none;
    }
    .gitex-btn.red3 {
        width:100%;
    }
    .gitex-services {
        padding:0 15px 10px;
    }
    .gitex-services-title {
        font-size:26px;
        text-align:center;
    }
    .gitex-services-list {
        width:100%;
    }
    .gitex-services-item {
        margin:15px auto 15px auto;
        float:none;
        font-size:16px;
    }
    .gitex-footer-left {
        float:none;
        margin:0 auto 0 auto;
        display: table;
    }
    .gitex-footer-right {
        float: none;
        margin: 25px auto 15px auto;
        display: table;
    }
    /* vat */
    .vat-infofort img {
		max-width:200px;
	}
	.vat-title {
		margin:35px auto 0;
	}
	.vat-title img {
		max-width:275px;
	}
	.vat-solutions {
		width:300px;
		padding:5px;
		box-sizing: border-box;
	}
	.vat-solution img {
		max-width:140px;
	}
	.vat-circle {
		top:69px;
		left:88px;
	}
    .vat-separator {
        height:6px;
    }
	.vat-circle img {
		max-width:124px;
	}

    /* feedback */
    .feedback {
        width:90%;
        padding:0 0;
        display:table;
    }
    .feedback-nps-max {
        float:right;
        margin-left:0;
    }

    /* quote */
    .side-button {
        float:none;
    }
    .quote-button-grey {
        float:none;
        margin:0 auto 3px;
        background:#efefef;
        width:100%;
    }
    .quote-button-grey img {
        margin:0 auto;
        display:table;
    }   
}

@media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (orientation : landscape) {
    .slider-block {
        height: 170px;
    }

    .service .red {
        width: 100%;
    }

    .service .black {
        width: 100%;
        padding: 20px 0 0 0;
        height: 46px;
    }

    .service .grey, .service .grey_ {
        width: 100%;
        padding: 10px 0 0 0;
        height: 60px;
    }

    .service .grey_ {
        padding: 20px 0 0 0;
        height: 46px;
    }

    /* gitex */
    .gitex-banner-title {
        top:15px;
        position:absolute;
    }
    .gitex-banner-title img {
        width:225px;
    }
    .gitex-banner-location {
        top:117px;
        position:absolute;
    }
    .gitex-banner-location img {
        width:225px;
    }
    .gitex-banner-infofort {
        top:20px; left:20px;
    }
    .gitex-banner-infofort img {
        height:45px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    /* gitex */
    .gitex-banner-title {
        top:10px;
        position:absolute;
    }
    .gitex-banner-title img {
        width:200px;
    }
    .gitex-banner-location {
        top:98px;
        position:absolute;
    }
    .gitex-banner-location img {
        width:200px;
    }
    .gitex-banner-infofort {
        top:20px; left:20px;
    }
    .gitex-banner-infofort img {
        height:45px;
    }
}

@viewport {
    width: device-width;
    zoom: 1;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: normal;
    padding: 10px 20px;
    font-size: 14px;
    /*line-height: 1.42857;*/
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn {
    background-color:#DB291D;
    color:#FFFFFF;
    border: 2px solid transparent;
    letter-spacing: 1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: 0.3s background-color;
        
}
/*.btn:hover {
    background: none;
    color: #fff;
    border: 2px solid #DB291D;
}*/
.btn-reverse {
    background: none;
    border: solid 2px #DB291D;
    color: #DB291D;
}
.btn-reverse:hover {
    background: #DB291D;
    color: #fff;
    border: none;
    border: 2px solid transparent;
}

.btn-clicked {
  background: #DB291D;
    color: #fff;
    border: none;
    border: 2px solid transparent;
}