Products and Services

What we’ve got to offer

Products & Services

CIA 2000 provide a range of high quality products sourced from carefully selected suppliers to make sure the systems we deliver meet your business needs. We are forefront at the high end of new technology and ensure we are fully updated with ongoing product development.

We specialise in the following:

body {background-color: #eee;}

.circle-container {
position: relative;
width: 28em;
height: 28em;
padding: 2.8em; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
margin: 1.75em auto 0;
background-image: url(“/wp-content/uploads/background-btm-2.png”);
background-repeat: no-repeat;
background-size: 26em;
background-position: center center;
}
.circle-container a {
display: block;
overflow: visible;
position: absolute;
top: 50%; left: 50%;
width: 5em; height: 5em;
margin: -2em; /* 2em = 4em/2 */ /* half the width */
}
.circle-container img { display: block; width: 100%; }
.deg0 { transform: translate(11em); } /* 12em = half the width of the wrapper */
.deg175 { transform: rotate(175deg) translate(11em) rotate(-175deg); }
.deg200 { transform: rotate(200deg) translate(11em) rotate(-200deg); }
.deg225 { transform: rotate(225deg) translate(11em) rotate(-225deg); }
.deg250 { transform: rotate(255deg) translate(11em) rotate(-255deg); }
.deg282 { transform: rotate(282deg) translate(11em) rotate(-282deg); }
.deg310 { transform: rotate(310deg) translate(11em) rotate(-310deg); }
.deg338 { transform: rotate(338deg) translate(11em) rotate(-338deg); }
.deg348 { transform: rotate(368deg) translate(11em) rotate(-368deg); }

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.2); }
.top {
display: block;
overflow: visible;
position: absolute;
top: 50%; left: 50%;
width: 5em; height: 5em;
margin: auto;
transform: rotate(-97deg) translate(20em) rotate(97deg);
}
@media screen and (min-width: 1200px) {
.circle-container {
width: 42em;
height: 42em;
padding: 4.2em; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
margin: 2.625em auto 0;
background-size: 39em;
}
.circle-container a {
width: 7.5em; height: 7.5em;
margin: -3.6em; /* 2em = 4em/2 */ /* half the width */
}
.deg0 { transform: translate(16.5em); } /* 12em = half the width of the wrapper */
.deg175 { transform: rotate(175deg) translate(16.5em) rotate(-175deg); }
.deg200 { transform: rotate(200deg) translate(16.5em) rotate(-200deg); }
.deg225 { transform: rotate(225deg) translate(16.5em) rotate(-225deg); }
.deg250 { transform: rotate(255deg) translate(16.5em) rotate(-255deg); }
.deg282 { transform: rotate(282deg) translate(16.5em) rotate(-282deg); }
.deg310 { transform: rotate(310deg) translate(16.5em) rotate(-310deg); }
.deg338 { transform: rotate(338deg) translate(16.5em) rotate(-338deg); }
.deg348 { transform: rotate(368deg) translate(16.5em) rotate(-368deg); }
.top {
width: 7.5em; height: 7.5em;
transform: rotate(-97deg) translate(30em) rotate(97deg);
}
}