.topsecimg{
          background-image: url("../images/securitycyb.jpg");
          background-position: center;
          background-repeat: none;
          background-size: cover;
          /*height: 83%;*/
          min-height: 580px;
        }

@media (max-width: 768px) {
       .topsecimg {
          /*padding-left: 0;*/
            margin-top: -70px;
            padding-top: -300px;
            min-height: 400px;
  }
}


.topcloudimg{
          background-image: url("../images/cloud-computing.jpg");
          background-position: center;
          background-repeat: none;
          background-size: cover;
          /*height: 83%;*/
          min-height: 580px;
        }

@media (max-width: 768px) {
       .topcloudimg {
          /*padding-left: 0;*/
            margin-top: -70px;
            padding-top: -300px;
            min-height: 400px;
  }
}


  .topinternetimg{
          background-image: url("../images/techsec.jpg");
          background-position: center;
          background-repeat: none;
          background-size: cover;
          /*height: 83%;*/
          min-height: 580px;
        }  


@media (max-width: 768px) {
       .topinternetimg {
          /*padding-left: 0;*/
            margin-top: -70px;
            padding-top: -300px;
            min-height: 400px;
  }
}  

.topunifyimg{
          background-image: url("../images/handshake.jpg");
          background-position: center;
          background-repeat: none;
          background-size: cover;
          /*height: 83%;*/
          min-height: 580px;
        }       
 @media (max-width: 768px) {
       .topunifyimg {
          /*padding-left: 0;*/
            margin-top: -70px;
            padding-top: -300px;
            min-height: 400px;
  }
}

.topensimg{
          background-image: url("../images/siti-rahmanah.jpg");
          background-position: center;
          background-repeat: none;
          background-size: cover;
          /*height: 83%;*/
          min-height: 580px;
        }       
 @media (max-width: 768px) {
       .topensimg {
          /*padding-left: 0;*/
            margin-top: -70px;
            padding-top: -300px;
            min-height: 300px;
  }
}  

.toppowerimg{
          background-image: url("../images/renewable.jpg");
          background-position: center;
          background-repeat: none;
          background-size: cover;
          /*height: 83%;*/
          min-height: 580px;
        }       
 @media (max-width: 768px) {
       .toppowerimg {
          /*padding-left: 0;*/
            margin-top: -70px;
            padding-top: -300px;
            min-height: 400px;
  }
}  


.topprofimg{
          background-image: url("../images/canal.jpg");
          background-position: center;
          background-repeat: none;
          background-size: cover;
          /*height: 83%;*/
          min-height: 580px;
        }       
 @media (max-width: 768px) {
       .topprofimg {
          /*padding-left: 0;*/
            margin-top: -70px;
            padding-top: -300px;
            min-height: 400px;
  }
}  

 .topsecrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;            
        padding: 0 4px;
        color: black;
        margin-left: 7%;
        margin-right: 7%;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        /*z-index: 99;*/
         /*box-shadow: 5px 10px 8px 10px #888888;*/
  
}

@media (max-width: 768px){

       .topsecrow {
              font-size: 13px;
       }
}


.topseccolumn {
        -ms-flex: 50%;
        flex: 50%;
        padding: 0 2px;
        font-size: 30px;
        text-align: left;
        position: relative;
      
}  

.vendorcontainer{
       background-color: #ddd;
       text-align: center;
       height: auto;
}

.vendorcontainer h2{
   color: #318dde;
}      

.firstvendorrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;            
        padding: 0 4px;
        color: black;
        /*background-color: #ddd;*/
        margin-left: 7%;
        margin-right: 7%;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        /*z-index: 99;*/
        padding-top: 30px;
        height: auto;
        
  
}

.firstvendorcolumn {
        -ms-flex: 50%;
        flex: 50%;
        padding: 0 2px;
        font-size: 14px;
        text-align: left;
        /*position: relative;*/
      
}    

.firstvendorrow .firstvendorcolumn img {
       /*padding-top: 45px;*/
       /*padding-left: 45px;       */
       height: 80%;
       box-shadow: 5px 10px 8px #888888;
} 

.firstvendorrow .firstvendorcolumn p{
       padding-top: 100px;
       padding-right: 50px;
}

.vendorbtn {
       /*float: left;*/
       font-size: 16px;
       font-family: "Montserrat", sans-serif;
       text-decoration: none;
       position: relative;
       top: 5%;
       color: white;
       padding: 7px 23px;
       cursor: pointer;
       border-radius: 28px;
       background-color: #318dde;
       text-align: left;
       border: 1px solid white;
       /*bottom: 30px;*/
        
       }
.vendorbtn:hover{
       background-color: white;
       text-decoration: none;
       border: 1px solid #318dde;
       color: #318dde;
       }

.secondvendorrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;            
        padding: 0 4px;
        padding-top: 32px;
        color: black;
        background-color: white;
        margin-left: 7%;
        margin-right: 7%;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        height: 100%;
        /*z-index: 99;*/
         /*box-shadow: 5px 10px 8px 10px #888888;*/
  
}

.secondvendorcolumn {
        -ms-flex: 50%;
        flex: 50%;
        padding: 0 2px;
        font-size: 14px;
        text-align: left;
        position: relative;
        height: auto;
        /*min-height: 300px;*/
      
}    

.secondvendorrow .secondvendorcolumn img {
       padding-top: 45px;
       padding-left: 45px;       
       height: 80%;
       box-shadow: 5px 10px 8px #888888;
} 

.secondvendorrow .secondvendorcolumn p{
       padding-top: 50px;
       padding-left: 50px;
}

.secondvendorrow .secondvendorcolumn .vendorbtn {
       margin-left: 8%;
}       

@media (max-width: 768px){

       .vendorcontainer h2{
              font-size: 16px;
       }

       .firstvendorrow {
              display: flex;
              margin-left: 2%;
              margin-right: 2%;
              padding-top: 40px;
              /*max-height: 700px;*/
       }

       .firstvendorcolumn {
              -ms-flex: 100%;
                flex: 100%;
                width: 100%;
                font-size: 12px;
                /*max-height: 300px;*/
       }

       .firstvendorrow .firstvendorcolumn p {
              padding-top: 10px;
              font-size: 12px;
              padding-left: 10px;
       }

       /*.vendorbtn {
              top: 1%;
              padding: 4px 4px;
              font-size: 12px;
              margin-left: 2%;
              margin-bottom: 8%;
       }*/
}

@media (max-width: 768px){

       .vendorcontainer h2{
              font-size: 16px;
       }

       .secondvendorrow {
              display: flex;
              margin-left: 2%;
              margin-right: 2%;
              /*max-height: 700px;*/
       }

       .secondvendorcolumn {
              -ms-flex: 100%;
                flex: 100%;
                width: 100%;
                font-size: 12px;
                padding-top: 12px;
                /*max-height: 300px;*/
       }

       .secondvendorrow .secondvendorcolumn p {
              padding-top: 10px;
              font-size: 12px;
              padding-left: 10px;
       }

       /*.secondvendorcolumn .vendorbtn {
              top: 1%;
              padding: 4px 4px;
              font-size: 12px;
              margin-left: 1%;
              margin-bottom: 4%;
       }*/
}
/*----------------------WALLIX PAGE-------------------
------------------------------------------------------*/
#body{
       background-color: #ddd;
}
.wallixtopcontainer {
       background-color: #ddd;
       text-align: center;
       padding-top: 0;
}

.wallixtopcontainer h3 {

}
.wallixtoprow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;            
        padding: 0 4px;
        padding-top: 32px;
        color: black;
        background-color: white;
        margin-left: 7%;
        margin-right: 7%;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        height: 100%;
        /*z-index: 99;*/
         /*box-shadow: 5px 10px 8px 10px #888888;*/
  
}

.wallixtopcolumn {
        -ms-flex: 25%;
        flex: 25%;
        padding: 0 20px;
        font-size: 14px;
        text-align: left;
        position: relative;
        text-decoration: none;
        /*height: auto;*/
        /*min-height: 500px;*/
      
}   

@media (max-width: 768px){
            .wallixtoprow {
                display: flex;
            }
            .wallixtopcolumn{
                -ms-flex: 100%;
                flex: 100%;
                width: 100%;
                font-size: 13px;
}

.wallixtopcolumn h4:focus {
       text-decoration: none;
} 

.wallixtopcolumn:hover {
       text-decoration: none;
}

.wallixtopcolumn:hover, .wallixtopcolumn:hover{
        box-shadow: 5px 10px 8px #888888;
}

.wallixtopcolumn h5 {
       font-size: 16px;
}

.wallixtopcolumn h4 {
       font-size: 18px;
       font-weight: bold;
}

.wallixtopcolumn h6 {
       font-size: 14px;
}

  /*---------------SOLUTION TABS-----------------*/
.tabcontainer {
       margin-left: 7%;
       margin-right: 7%;
       /*padding-top: 40px;*/
}  

/*.tabcontainer h2 {
       margin-left: 7%;
}*/

.moreabtvendorcontainer {
       background-color: #318dde;
       text-align: center;
       min-height: 200px;
}

.moreabtvendorrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;            
        padding: 0 4px;
        padding-top: 32px;
        color: black;
        background-color: white;
        margin-left: 7%;
        margin-right: 7%;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        height: 100%;
        /*z-index: 99;*/
         /*box-shadow: 5px 10px 8px 10px #888888;*/
  
}


.moreabtvendorbtn {
       /*float: left;*/
       font-size: 16px;
       font-family: "Montserrat", sans-serif;
       text-decoration: none;
       position: relative;
       top: 5%;
       color: black;
       padding: 7px 23px;
       cursor: pointer;
       border-radius: 28px;
       background-color: white;
       text-align: left;
       border: 1px solid black;
       bottom: 30px;
        
       }
.moreabtvendorbtn:hover{
       background-color: white;
       text-decoration: none;
       border: 1px solid black;
       }






        .knowmorerow{
            display: -ms-flexbox;
            display: block;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0 4px;
            color: white;
            text-align: center;
            background-color: #318dde;
            min-height: 200px;
            font-family: "Montserrat", sans-serif;
        }

        .knowmorerowtxt {
            top: 60px;
            vertical-align: center;
            padding: 40px 20px;
            /*margin-top: 7%;*/
        }

         .knowmorebtn {
            font-size: 16px;
            font-family: "Montserrat", sans-serif;
            text-decoration: none;
            position:relative;
            color: black;
            padding: 7px 23px;
            /*border: 1px solid grey;*/
            cursor: pointer;
            border-radius: 28px;
            background-color: white;
            text-align: center;
        }

        .knowmorebtn:hover {
            background-color: #318dde;
            border: 2px solid white;
            text-decoration: none;
        }


         .moreidbtn {
            font-size: 16px;
            font-family: "Montserrat", sans-serif;
            text-decoration: none;
            position:relative;
            float: centre;
            color: #318dde;
            /*padding: 10px 22px;*/
            cursor: pointer;
            /*border-radius: 28px;*/
            text-align: center;
        }

        .moreidbtn:hover{
          /*background-color: grey;*/
          text-decoration: none;
          color: black;
        }