/*MAIN*/

.showZone {
    background-color: rgba(255,102,0,0.2);
}

div.header {
    height: 425px;
    background: #1e1e20 url('../images/index/bg-header.jpg') no-repeat 50% 0%;
    border-bottom: 1px solid #9dc51c;
}
div.headerVeeam {
    height: 300px;
    background: #1e1e20 url('../images/index/bg-header.jpg') no-repeat 50% 0%;
    border-bottom: 1px solid #9dc51c;
}
div.homeVeeam {
    height: 290px;
    background: #1e1e20 url('../images/index/veeam-banner.jpg') no-repeat 0% 0%;
}

div.body {
    background-color: #222;
}

div.pattern {
    background: url('../images/index/Patern-SYS.jpg') repeat;
}
div.trame {
    background: url('../images/index/Trame.png') repeat;
}
div.tooltipTrame {
    background: url('../images/index/Trame.png') repeat !important;
    box-shadow: 0px 0px 0px 0px transparent  !important;
    max-width: 300px !important;
    padding: 15px !important;
    position: absolute !important;
    z-index: 999 !important;
}
div.bgMap {
    background: url('../images/index/Background_map.jpg') repeat-x;
    height: 502px;
}

div.liseret {
    height: 1px;
    background: url('../images/index/Liseret.jpg') no-repeat 50% 50%;
}

div.liseret2 {
    height: 1px;
    background: url('../images/index/Liseret2.jpg') no-repeat 50% 50%;
}

.hFull {
    height: 100%;
}

div.line {
    border-top: solid 1px white;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    position: relative;
}

div.you-have-a-project {
    background: transparent url('../images/support-full.jpg') no-repeat 0 50%;
    background-size: cover;
    height: 210px;
}

div.you-have-a-project .section2-3Left {
    background-color: rgba(109, 109, 109, 0.8);
    height: 100%;
}

.playPlus {
    background: url('../images/index/Plus.png') 100% 0% no-repeat;
}


.inlineBlock {
    display: inline-block;
 }

nav.breadcrumb * {
    color: #666;
    font-size: 13px;
    font-weight: 300;
    line-height: 32px;
    text-decoration: none;
    text-transform: uppercase;
}

div.breadcrumb {
    height: 32px;
    position: absolute; 
    top: 109px;
    width: 100%;
    z-index: 998;
}

div.line p {
    position: inherit;
    top: -20px;
    left: 0;
    right: 0;
    background-color: #161616;
    padding: 0px 30px;
    display: inline-block;

}

div.padContainer.short {
    height: 210px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

div.padContainer.medium {
    height: 300px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}


div.padContainer.tall {
    height: 446px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}


div.twoThird div.pad div.padContainer {
    height: 150px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

div.twoThird div.pad {
    width: 48.5%;
    float: left;
}

div.oneThird div.pad div.padContainer {
    height: 326px;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}


div.twoThird div.pad:nth-of-type(even) {
    float: right;
}

div.offerPad {
    height: 300px;
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

div.offerPad:nth-of-type(3n),
div.offerPad:last-child {
    margin-right: 0;
}

div.offerPad:nth-of-type(3n+4) {
    clear: left;
}

div.communityPad {
    width: 49%;
    float: left;
    margin-right: 2%;
    height: 150px;
    position: relative;
    overflow: hidden;
    cursor: pointer;

}
div.communityPad:nth-of-type(even) {
    margin-right: 0%;
}
div.communityPad:nth-of-type(2n+3) {
    clear: left; 
}

div.relative {
    position: relative;
}

div.showBigscreens {
    display: none;
}


div.padContainer.medium div.Hover {
    -webkit-transform: translateY(77%);
    -ms-transform: translateY(77%);
    transform: translateY(77%);
    position: absolute;
    background-color: rgba(0,0,0, 0.6);
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-out;

}

div.padContainer.short div.Hover {
    -webkit-transform: translateY(77%);
    -ms-transform: translateY(77%);
    transform: translateY(77%);
    position: absolute;
    background-color: rgba(0,0,0, 0.6);
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-out;

}

div.section2-3Left div.padContainer div.Hover,
div.communityPad div.communityHover {
    -webkit-transform: translateY(70%);
    -ms-transform: translateY(70%);
    transform: translateY(70%);
    position: absolute;
    background-color: rgba(0,0,0, 0.6);
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-out;

}

div.padContainer.tall div.Hover {
    position: absolute;
    background-color: rgba(0,0,0, 0.6);
    -webkit-transform: translateY(89%);
    -ms-transform: translateY(89%);
    transform: translateY(89%);
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-out;

}


div.oneThird div.padContainer div.Hover {
    position: absolute;
    background-color: rgba(0,0,0, 0.6);
    -webkit-transform: translateY(86%);
    -ms-transform: translateY(86%);
    transform: translateY(86%);
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-out;

}


div.offerPad div.offerHover {
    position: absolute;
    background-color: rgba(0,0,0, 0.6);
    -webkit-transform: translateY(85%);
    -ms-transform: translateY(85%);
    transform: translateY(85%);
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-out;

}


div.padContainer.tall.selected div.Hover,   
div.padContainer.medium.selected div.Hover,   
div.padContainer.short.selected div.Hover {
    cursor: default;
}

div.padContainer.tall.selected div.Hover,
div.padContainer.short.selected div.Hover,
div.padContainer.medium.selected div.Hover,
div.padContainer.tall:hover div.Hover,
div.padContainer.short:hover div.Hover,
div.padContainer.medium:hover div.Hover,
div.oneThird div.padContainer:hover div.Hover,
div.section2-3Left div.padContainer:hover div.Hover,
div.communityPad:hover div.communityHover,
div.offerPad:hover div.offerHover {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    transition-duration: 0.5s;
    background-color: rgba(0,0,0, 0.8);

}
/*
div.padContainer a {
    background-color: rgba(0,0,0, 0);
}
div.padContainer a:hover {
    background-color: rgba(157,255,0, 0.4);
    transition-delay: 0.5s;
    transition-property: background-color;
    -moz-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-timing-function: ease-in;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}
*/
.vCenter {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}

.vBottom {
/*    position: absolute;
    bottom: 10px;*/
    margin: 5px 4px 0px 0px;
}
.vCenter.center {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    display: inline-block;

}
div.padContainer:hover .rightToLeft1 {
    animation: rightToLeft 4s linear 0s 1 normal forwards;
}
div.padContainer:hover .rightToLeft2 {
    animation: rightToLeftTwo 4s linear 0s 1 normal;
}
div.padContainer:hover .rightToLeft3 {
    animation: rightToLeftThree 4s linear 0s 1 normal forwards;
}
.switch:hover .opacify {
    animation: opacify 3s linear 0s infinite normal;
    -webkit-animation: opacify 3s linear 0s infinite normal;
}

.switch:hover .opacify1 {
    animation: opacifyOne 3s linear 0s infinite normal;
    -webkit-animation: opacifyOne 3s linear 0s infinite normal;
}

.switch:hover .opacify2 {
    animation: opacifyTwo 3s linear 0s infinite normal;
    -webkit-animation: opacifyTwo 3s linear 0s infinite normal;
}

@-webkit-keyframes opacify {
    0% {
        opacity: 1;
    }
    4% {
       opacity: 1;
    }
    5% {
       opacity: 0;
    }
    70% {
       opacity: 0;
    }
    71% {
       opacity: 1;
    }
    100% {
       opacity: 1;
    }
}

@-webkit-keyframes opacifyOne {
    0% {
        opacity: 0;
    }
    4% {
       opacity: 0;
    }
    5% {
       opacity: 1;
    }
    38% {
       opacity: 1;
    }
    39% {
       opacity: 0;
    }
    100% {
       opacity: 0;
    }
}
@-webkit-keyframes opacifyTwo {
    0% {
        opacity: 0;
    }
    38% {
       opacity: 0;
    }
    39% {
      opacity: 1;
    }
    70% {
       opacity: 1;
    }
    71% {
       opacity: 0;
    }
    100% {
       opacity: 0;
    }
}

@keyframes opacify {
    0% {
        opacity: 1;
    }
    4% {
       opacity: 1;
    }
    5% {
       opacity: 0;
    }
    70% {
       opacity: 0;
    }
    71% {
       opacity: 1;
    }
    100% {
       opacity: 1;
    }
}

@keyframes opacifyOne {
    0% {
        opacity: 0;
    }
    4% {
       opacity: 0;
    }
    5% {
       opacity: 1;
    }
    38% {
       opacity: 1;
    }
    39% {
       opacity: 0;
    }
    100% {
       opacity: 0;
    }
}
@keyframes opacifyTwo {
    0% {
        opacity: 0;
    }
    38% {
       opacity: 0;
    }
    39% {
      opacity: 1;
    }
    70% {
       opacity: 1;
    }
    71% {
       opacity: 0;
    }
    100% {
       opacity: 0;
    }
}


@keyframes rightToLeft {
    0% {
        left: 0%;
    }
    25% {
        left: -50%;
    }
    50% {
        left: -100%;
    }
    100%{
        left: -100%;
    }
}
@keyframes rightToLeftTwo {
    0% {
        left: 100%;
    }
    25% {
        left: 50%;
    }
    50% {
        left: 0%;
    }
    75%{
        left: -50%;
    }
    100%{
        left: -100%;
    }
}
@keyframes rightToLeftThree {
    0% {
        left: 100%;
    }
    25% {
        left: 100%;
    }
    50% {
        left: 100%;
    }
    75% {
        left: 50%;
    }
    100%{
        left: 0%;
    }

}




.absolute {
    position: absolute;
}

.lightBlue {
    color: #39b5e3;
}

div.bgInnovation {
    background-color: #39b5e3;
    height: 60px;
}

div.bgInnovation a.playGrey {
    text-decoration: none;
    line-height: 60px !important;
    background: url("../images/icn-play-grey.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    height: 60px;
}

a.black {
    color: #222;
}

div.testimonialBg {
    background: url('../images/index/bg-itw.jpg') white no-repeat 100% 50%;
    min-height: 641px;
}

.innovationBlue {
    color: #39b5e3;
}   
.innovationBlueBg {
    background-color: #39b5e3;
}   

div.innovationPage {
    background: url('../images/zone/bg-innovation.jpg') #39b5e3 no-repeat 50% 50%;
    min-height: 318px;

}
div.innovationZone {
    border-top: 3px solid #39b5e3;
    border-bottom: 3px solid #39b5e3;
    background: url('../images/index/bg-innovation.jpg') black no-repeat 50% 50%;
}
div.testimonialZone {
    background-color: black;
    height: 300px;
}

.rightArrow:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 30px;
    margin-top: -30px;
    z-index: 10;
}

.h290 {
    height: 290px;
}
.h580 {
    height: 580px;
}

.innovationBlueBg.rightArrow:after {
    border-left-color: #39b5e3;
}
.leftArrow:after {
    right: 100%;
    top: 50%;
    border: solid     transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #39b5e3;
    border-width: 30px;
    margin-top: -30px;
}


p.innovationZone {
    line-height: 27px;
}

div.sysKnowMoreLeft  {
    border-right: 40px solid transparent;
    border-top: 146px solid #9dc51c;
}
div.sysKnowMoreLeft  p {
    position: absolute;
    top: -142px;
    right: 20px;
    padding:10px;

}

div.sysKnowMoreRight  {
    border-left: 40px solid transparent;
    border-top: 146px solid #9dc51c;
}
div.sysKnowMoreRight  p {
    position: absolute;
    top: -142px;
    left: 20px;
    padding:10px;

}
div.sysKnowMoreRight  .playWhite, div.sysKnowMoreLeft  .playWhite {
    margin-top: 10px;
}

div.padContainer.bestValue {
    background-image: url('../images/index/bg-best-value.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.SD {
    background-image: url('../images/index/Pad_SD.jpg');
    background-position: 50% 50%;
    background-size: cover;
}
div.padContainer.data {
    background-image: url('../images/index/Pad_Data.jpg');
    background-position: 50% 50%;
    background-size: cover;
}
div.padContainer.inno {
    background-image: url('../images/index/Pad_Inno.jpg');
    background-position: 50% 50%;
    background-size: cover;
}
div.padContainer.services {
    background-image: url('../images/index/Pad_Option.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.ramFirst {
    background-image: url('../images/index/bg-ram-first.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.openStack {
    background-image: url('../images/index/bg-openstack.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.hadoop {
    background-image: url('../images/index/bg-hadoop.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.veeam {
    background-image: url('../images/index/bg-veeam.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.diskFirst {
    background-image: url('../images/index/bg-disk-first.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.cpuFirst {
    background-image: url('../images/index/bg-cpu-first.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.hyperV {
    background-image: url('../images/index/bg-hyperv.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.backup {
    background-image: url('../images/index/bg-backup.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.archive {
    background-image: url('../images/index/bg-archive.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.newsletter {
    background-image: url('../images/index/bg-newsletter.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.support {
    background-image: url('../images/index/bg-support.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

div.padContainer.userResponses {
    background-image: url('../images/index/bg-user.jpg');
    background-position: 50% 50%;
    background-size: cover;
}


div.OWT-MunichBanner {
    background: #1E264A url('../images/owt-munich.png') no-repeat 50% 50%;
    min-height: 300px;
}

div.hadoopBanner {
    background: url('../images/index/bg-hadoop-banner.jpg') no-repeat 50% 50% black;
    min-height: 303px;
    border-bottom: 2px solid #39b5e3;
}

div.sysDDOSBanner {
    background: url('../images/index/Banner_SYS_AntiDDoSNew.jpg') no-repeat 50% 50% #9BC73C;
    min-height: 401px;
    border-bottom: 2px solid #39b5e3;
}
div.vpsNextGen{
    background: url('../images/vps/Banner_VPS.png') no-repeat 50% 50% black;
    min-height: 315px;
}
div.freeFeeBanner {
    background: url('../images/index/sys-free-fee.png') no-repeat 50% 50% black;
    height: 260px;
    border-bottom: 2px solid #39b5e3;
}
div.sysCaEuBanner {
    background: url('../images/index/bg-syscaeu-banner.jpg') no-repeat 50% 50% black;
    min-height: 401px;
    border-bottom: 2px solid #39b5e3;
}

div.zertoBanner {
    background: url('../images/zerto/zerto-banner.jpg') no-repeat 50% 50% #151515;
    min-height: 401px;
}
div.worldMap {
    background: url('../images/index/worldmap.jpg') no-repeat  50% 0% transparent;
    height: 501px;
    width: 1200px;
    margin:0 auto;

}
div.adnBanner {
    background: url('../images/adn/adn-banner.jpg') no-repeat 50% 50% black;
    min-height: 315px;
}

div.whiteDot {
    height: 8px;
    width: 8px;
    background-color: white;
    border-radius: 50em;
    position: absolute;
    cursor: pointer;

}
div.whiteDot.selected,
div.whiteDot:hover {
    background-color: #9dc51c;
}

div.whiteDot div.tooltip {
    left: -73px;
    top: -135px;
}

div#bhs3 {
    top: 121px;
    left: 310px;
}

div#gra1 {
    top: 117px;
    left: 572px;
}
div#par3 {
    top: 127px;
    left: 573px;
}
div#rbx6 {
   top: 123px;
    left: 564px;
}
div#sbg4 {
    top: 121px;
    left: 580px;
}


div.medium div.padText,
div.short div.padText {
    height: 23%;
}
div.tall div.padText {
    height: 15%;
}

div.questionBg {
    background: url('../images/index/question.png') no-repeat 50% 50% transparent;
}


div.question {
    height: 204px;
}

img.innovationCorner {
    position: absolute; 
    top:0;
    right: 0;
    z-index: 10;
}

div.header h1.fs36 {
    font-size: 36px;
    margin-top: 80px;
}

div.headerOpenstack {
    background: url('../images/openstack/openstack_banner.jpg') no-repeat 50% 50% black;
    min-height: 315px;
}
div.headerVpsGame {
    background: url('../images/zone/header-vps-game.jpg') no-repeat 50% 50% black;
    min-height: 290px;
}
div.headerHyperv {
    background: url('../images/hyperv/hyperv_banner.jpg') no-repeat 50% 50% black;
    min-height: 425px;
}
div.headerInstall {
    background: url('../images/index/Banner_Server_fre.jpg') no-repeat 50% 50% black;
    height: 401px;
}

div.headerInstall p.fx300 {
    position: absolute;
    left: 0px; 
    bottom: 5px;
}
div.headerInstall p.sysGreen {
    font-size: 120px; 
    line-height: 130px;
}

div.headerSd {
    min-height: 300px;
    background-color: black;
    background-image: url('../images/index/sd-banner.jpg');
    background-position: 50% 50%;
}

div.headerSd.GAME {
    background-image: url('../images/game/banner-game.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

div.headerSd.STORAGE {
    background: #87b12b url('../images/storage-servers/Radial.png');
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

div.headerSd div.section1 {
    padding-top: 40px;
    padding-left: 40px;
}

div.icnServices {
    height: 80px;
    width: 111px;
    margin: 0 auto
}

div.icn-ip {
    background: url('../images/services/icn-16-ip.jpg') no-repeat 0% 100% transparent;
}
div#includedIp:hover div.icn-ip {
    background: url('../images/services/icn-16-ip.jpg') no-repeat 0% 0% transparent;
}
div.icn-ddos {
    background: url('../images/services/icn-ddos.jpg') no-repeat 0% 100% transparent;
}
div#includedDDoS:hover div.icn-ddos {
    background: url('../images/services/icn-ddos.jpg') no-repeat 0% 0% transparent;
}
div.icn-bp {
    background: url('../images/services/icn-bp.jpg') no-repeat 0% 100% transparent;
}
div#includedBandwidth:hover div.icn-bp {
    background: url('../images/services/icn-bp.jpg') no-repeat 0% 0% transparent;
}
div.icn-backup {
    background: url('../images/services/icn-backup.jpg') no-repeat 0% 100% transparent;
}
div#includedBackup:hover div.icn-backup {
    background: url('../images/services/icn-backup.jpg') no-repeat 0% 0% transparent;
}
div.icn-distribs {
    background: url('../images/services/icn-distribs.jpg') no-repeat 0% 100% transparent;
}
div#includedDistros:hover div.icn-distribs {
    background: url('../images/services/icn-distribs.jpg') no-repeat 0% 0% transparent;
}


div.icn-ipfo {
    background: url('../images/services/icn-ipfo.jpg') no-repeat 0% 0% transparent;
}
div#optionIp:hover div.icn-ipfo {
    background: url('../images/services/icn-ipfo.jpg') no-repeat 0% 100% transparent;
}
div.icn-kvm {
    background: url('../images/services/icn-kvm.jpg') no-repeat 0% 100% transparent;
}
div#optionKVM:hover div.icn-kvm {
    background: url('../images/services/icn-kvm.jpg') no-repeat 0% 0% transparent;
}
div.icn-fw {
    background: url('../images/services/icn-fw.jpg') no-repeat 0% 100% transparent;
}
div#optionFw:hover div.icn-fw {
    background: url('../images/services/icn-fw.jpg') no-repeat 0% 0% transparent;
}
div.icn-backupPlus {
    background: url('../images/services/icn-backupPlus.jpg') no-repeat 0% 100% transparent;
}
div#optionBackupPlus:hover div.icn-backupPlus {
    background: url('../images/services/icn-backupPlus.jpg') no-repeat 0% 0% transparent;
}
div.icn-usb {
    background: url('../images/services/icn-usb.jpg') no-repeat 0% 100% transparent;
}
div#optionKey:hover div.icn-usb {
    background: url('../images/services/icn-usb.jpg') no-repeat 0% 0% transparent;
}

div.icn-encrypt {
    background: url('../images/hadoop/icn-encrypt.jpg') no-repeat 0% 100% transparent;
}
div#encryption:hover div.icn-encrypt {
    background: url('../images/hadoop/icn-encrypt.jpg') no-repeat 0% 0% transparent;
}
div.icn-access {
    background: url('../images/hadoop/icn-access.jpg') no-repeat 0% 100% transparent;
}
div#access:hover div.icn-access {
    background: url('../images/hadoop/icn-access.jpg') no-repeat 0% 0% transparent;
}
div.icn-evo {
    background: url('../images/hadoop/icn-evo.jpg') no-repeat 0% 100% transparent;
}
div#evo:hover div.icn-evo {
    background: url('../images/hadoop/icn-evo.jpg') no-repeat 0% 0% transparent;
}
div.icn-licences {
    background: url('../images/services/icn-licences.jpg') no-repeat 0% 100% transparent;
}
div#licences:hover div.icn-licences {
    background: url('../images/services/icn-licences.jpg') no-repeat 0% 0% transparent;
}
div.icn-assistance {
    background: url('../images/services/icn-assistance.jpg') no-repeat 0% 100% transparent;
}
div#assistance:hover div.icn-assistance {
    background: url('../images/services/icn-assistance.jpg') no-repeat 0% 0% transparent;
}

div.tooltip p {
    color: white !important;
}

div.zone:nth-of-type(even) {
    height: 303px;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #000000 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#000000), color-stop(51%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #000000 0%,#000000 50%,#ffffff 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #000000 0%,#000000 50%,#ffffff 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #000000 0%,#000000 50%,#ffffff 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right, #000000 0%,#000000 50%,#ffffff 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

div.zone:nth-of-type(odd) {
    height: 303px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 51%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%,#ffffff 50%,#000000 51%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 50%,#000000 51%,#000000 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#000000 51%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}



div.zone {
    border-top: 2px solid #4f4f4f;
}

div.zone div.openstack {
    background-image:  url('../images/zone/openstack.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
div.zone div.windows {
    background:  url('../images/zone/windows.jpg') no-repeat 50% 50%;
}
div.zone div.gameServers {
    background:  url('../images/zone/game.jpg') no-repeat 50% 50%;
}
div.zone div.hadoop {
    background:  url('../images/zone/hadoop.jpg') no-repeat 50% 50%;
}
div.zone div.veeam {
    background:  url('../images/zone/veeam.jpg') no-repeat 50% 50%;
}

div.underWorld {
   margin-top: -210px;
}

a.veeamLink {
    position: absolute;
    bottom: 80px;
    right: 180px;

}

.small {
    font-size: 10px !important;
}


@media screen and (min-width: 1440px) {
    div.showBigscreens {
        display: block !important;
    }
    div.wrapper {
        width: 1400px !important;
    }
    div.offerPad {
        width: 23.5%;
    }
    div.offerPad:nth-of-type(4n),
    div.offerPad:last-child {
        margin-right: 0;
    }
    div.offerPad:nth-of-type(3n) {
        margin-right: 2%;
    }

    div.offerPad:nth-of-type(3n+4) {
        clear: none;
    }

    div.communityPad {
        width: 32%;

    }
    div.communityPad:nth-of-type(2n),
    div.communityPad:nth-of-type(even) {
        margin-right: 2%;
    }
    div.communityPad:nth-of-type(2n+3) {
        clear: none;
    }
    div.communityPad:last-child,
    div.communityPad:nth-of-type(3n) {
        margin-right: 0;
    }
    div.communityPad:nth-of-type(3n+4) {
        clear: left; 
    }




}
@media screen and (max-width: 971px) {

}

@media screen and (max-width: 750px) {

    div.underWorld {
       margin-top: 0px;
    }

    div.sysKnowMoreLeft  {
        border-right: 0px solid transparent;
        border-top: 0px solid transparent;
    }
    div.sysKnowMoreLeft  p {
        position: relative;
        top: 0px;
        right: 0px;
        background-color: #9dc51c;
        padding: 10px;

    }

    div.sysKnowMoreRight  {
        border-left: 00px solid transparent;
        border-top: 6px solid transparent;
    }
    div.sysKnowMoreRight  p {
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #9dc51c;
        padding: 10px;
    }

    div.header h1.fs36 {
        margin: 10px;
    }
    div.header p.textMargin {
        margin: 10px;
    }

    header {
        display: none;
    }

    .topMainMenu {
        top: 0px !important;
    }
div.header h1.fs36 {
    font-size: 36px;
    margin-top: 0px;
}
div.innovationZone {
    background: black;
}

div.testimonialBg {
    background: url('../images/index/bg-itw.jpg') white no-repeat 50% 50% ;
    min-height: 100px;
    background-size: contain;
}
div.question {
    height: auto;
}

div.you-have-a-project,
div.innovationPage,
div.header,
div.headerVeeam,
div.hadoopBanner,
div.vpsNextGen,
div.sysDDOSBanner,
div.freeFeeBanner,
div.sysCaEuBanner,
div.zertoBanner,
div.headerHyperv,
div.headerInstall,
div.headerOpenstack,
div.OWT-MunichBanner,
div.adnBanner,
div.headerSd {
    min-height: 200px;
    text-align: center;
    height: auto;
}

div.testimonialBg p.fs30,
div.adnBanner p,
div.adnBanner h1,
div.zone p, 
div.innovationPage p,
div.innovationPage h1,
div.headerVpsGame h1,
div.headerVpsGame p,
div.headerInstall h1,
div.headerInstall p,
div.header h1,
div.header p,
div.headerVeeam h1,
div.headerVeeam p,
div.zertoBanner h1,
div.zertoBanner p,
div.vpsNextGen h1,
div.vpsNextGen p,
div.hadoopBanner h1,
div.hadoopBanner p,
div.freeFeeBanner h1,
div.freeFeeBanner p,
div.sysCaEuBanner h1,
div.sysCaEuBanner p,
div.headerHyperv h1,
div.headerHyperv p,
div.headerOpenstack h1,
div.headerOpenstack p,
div.headerSd h1,
div.headerSd p{
    background-color: rgba(0,0,0,0.8);
    padding: 10px;
}

div.sysDDOSBanner p {
    background-color:rgba(0,0,0,0.8);
    padding:10px;
    color:white;
}

div.headerInstall p.sysGreen {
    font-size: 60px;
}
div.headerInstall p.fx300 {
    position: static;
}

div.headerSd div.section1 {
    padding-top: 2%;
    padding-left: 2%;
}

div.testimonialBg p.fs30 {
    color: white;
}

.rightArrow:after,
.leftArrow:after {
    display: none;
}
div.zone p {
    color: white;
    text-align: center;
}
div.zone div.openstack {
    background-position: 100% 50%;
}
div.zone div.windows {
    background:  url('../images/zone/windows.jpg') no-repeat 0% 50%;
}
div.zone div.gameServers {
    background:  url('../images/zone/game.jpg') no-repeat 100% 50%;
}
div.zone div.hadoop {
    background:  url('../images/zone/hadoop.jpg') no-repeat 100% 50%;
}
div.zone div.veeam {
    background:  url('../images/zone/veeam.jpg') no-repeat 0% 50%;
}
div.zone {
    border-top: 2px solid #39b5e3;
}




}


@media screen and (max-width: 681px) {
    div.communityPad,
    div.offerPad {
        width: 100%;
        float: none;
        clear: both;            
        margin: 0px 0px 2% 0px;
    }






}