@charset "UTF-8";
/*! css file */

#menu-list {
    position: relative;
   
    font-weight: bold;

}


#menu-logo {
    position: relative;
    margin-left: 6%;
}


img#navbar-logo {
    margin-top: 1.15%;
   
}

  
ul.menu-container li a {
     padding: 0px;
   
 }


nav.drawer-nav {
    background-color: #323232;
}

.pure-menu-list {
    margin-left: 5%;
    line-height: 150%;
}

span.drawer-hamburger-icon,
span.drawer-hamburger-icon::after, 
span.drawer-hamburger-icon::before {
    background-color: #FFFFFF;
}



.drop-menu-margin {
   position: relative;
   background-color: #323232; /*#595959; */
}


/*a.pure-menu-link:link { color: #f2f2f2; background: #323232; font-weight: bolder; }*/
a.pure-menu-link:link {color: #7777; }
a.pure-menu-link:active {color: #ffffff; background: #323232; }
/*a.pure-menu-link:active {color: #0070ff; background: #ffffff; font-weight: bolder;} */
a.pure-menu-link:hover {color: #ffffff; background: #595959; font-weight: bolder;}
/*a.pure-menu-link:hover  {color: #0070ff; background: #323232 ; font-weight: bolder; } */
a.pure-menu-link:visited { color: #7777; background: #323232; }


header {
    background-color: #323232;
    height: 3.5em;
    width: 100%;
}

.off-menu {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.m320-no-padding {
    padding-left: 0.30em;
    padding-right: 0.30em;
    
}

.menu-container {
    width: 100%;
    margin-top: 1em;
    
}


.header-middle-frontpage {
    margin: 0px;
    padding: 0px;
    background-color: #338bff; 
}

#middle-frontpage {
    position: relative; 
    margin-top: 12%;
    opacity:  0.8;
    height: 60%;
}

#middle-centre {
    position: relative;
/*    background-image: url("../media/cloud_15.png"); */
    background-repeat: no-repeat; 
    background-position: 40% 30%;
/*    height: 38em;  */
    opacity:  1.0;
    text-align: center;
    font-weight: bolder;
    color: #ffffff;
    z-index: 9999;
}

.build-image {
    padding-top: 0px; 
    padding-bottom: 0px;
    
}

.combine p {
    font-family: 'Oleo Script', cursive;
    font-size:  2.4em;
    margin-top: 0%; /*20*/
    margin-bottom: 0px;
    font-weight: bolder;
}

.combinations ul li {
    display: block;
    list-style-type: none;
}



.combinations {
    margin-top: 0em;
    padding-left: 0px;
    padding-right: 0px;
    font-size:  1.2em;

}


.combinations ul {
    padding-left: 0em;
    text-align: left;

}



.to {
    font-family: 'Oleo Script', cursive;
    color: #000000; 
    font-size:  1.8em;

}

.solutions {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size:  1.5em;
    color: #000000; 



}

#some-clients {
   background-color: #ebeff0;
   text-align: center;
}


.some-of {
    margin-top: 2em;
    font-family: 'Ubuntu', sans-serif;
}


.flexlogo {
    display: flex;
    flex-wrap: wrap;
}


.clients-logo {
    margin-top: 2em;
    width: 100%;
     display: block; 
}

.contact {
    margin-top: 10em;
}

.pure-form fieldset {
    margin-left: 3em;
}



textarea.pure-input-1-2 {
        height: 10em;

}

.pure-button {
    width: 8em;
    letter-spacing: 0.3em;
}

.pure-form button[type=submit] {
     margin-left: 3em;
     
}

.address {
    margin-top: 5em;
    margin-bottom: 4em;
    color: #696969;
}

.pure-group {
    width: 100%;

}

.address ul {
    width: 12em;
    list-style: none;
    
}

.about-message {      
     font-family: 'Ubuntu', sans-serif;
     line-height: 1.5em;
 }



.fthird {
    margin-top: 6em;
    height: 100%;
    min-height: 28em;
    color: #696969; 
}

.other-page-background {
    background-color: #ebeff0;
  }
  

 
 .service-image {
     text-align: center;
 }
 
 .service-image img  {
     width: 60%;
     height: 30%;
 }

.consult-image {
     text-align: center;
 }
 
.consult-image img  {
     width: 30%;
     height: 15%;
 } 
 
 .software-image {
     text-align: center;
 }
 
 .software-image img  {
     width: 30%;
     height: 15%;
 }
 
.services-list li {
  list-style-type: none;
}
 
 .zerowidth {
    width: 0px;
}



#footer {
   background-color: #323232; /*#595959; */
   padding: 0px;
}

.reserved {
    color: #ffffff;
    font-size: 0.8em;
    margin-left: 3em;
}