@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothic.woff') format('woff'),
       url('fonts/CenturyGothic.ttf') format('truetype'),
	   url('fonts/CenturyGothic-Bold.eot') format('eot'),
       url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothicBold.eot');
  src: url('fonts/CenturyGothic-Bold.woff') format('woff'),
       url('fonts/CenturyGothic-Bold.ttf') format('truetype'),
       url('fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg'),
	   url('fonts/CenturyGothicBold.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
  font-style: normal;
}
.FooterTop #EDG_0_Shadow .EDGmain .EDGimage a img, .FooterTop #EDG_0_Shadow .EDGmain .EDGimage a:hover img  {
    border: 0px solid #cccccc!important;
    padding: 0px!important;
    margin-top: -5px;
    margin-left: -5px;
    background-color: transparent!important;
    margin-right: 0;
}
.FooterTop  #EDG_0_Shadow .EDGmain {
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
    padding-bottom: 0px;

}
.cbp-l-grid-team .cbp-caption {
height: 100%!important;}
.cbp-item-wrapper {

    height: 86%!important;
 
}
div#logo{
    display: flex;
    flex-direction: column;
}
a.T4-group:Link, a.T4-group:hover, a.T4-group:visited {
    font-size: 1rem;
    text-align: right;
    color: #fff;
    vertical-align: middle;
    align-content: center;
    justify-content: end;
    display: flex;
    
    margin-right: 12%;
	order:2;
}
p.T4-group {
    font-size: 1rem;
    text-align: right;
    color: #fff;
    vertical-align: middle;
    align-content: center;
    justify-content: end;
    padding-top: 8px;
    margin-right: 3.7%;
    display: flex;
    align-items: center;
    margin-bottom: 0px!important;
}
p.T4-group a {    vertical-align: middle;
    align-content: center;
    display: flex;
    flex-direction: row;    font-size: 1rem;
    align-items: center;}
.T4-group img {
    
    height: auto;
    margin-left: 5px;
}
/*Newsletter style */
table.newsletter {
    padding: 0rem 0px 2rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    border-radius: 5px;
}
table.newsletter label {
    display: block;
    margin-bottom: 9px;

    color: #252356;
    font-size: 1.5rem;
    font-family: lato;
}
table.newsletter input {
    margin: 0;
    padding: 8px;
    border: 1px solid #ccc;
	border-left:2px solid #252356;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: none;
    font-size: 13px;
    color: #666;
	width:100%;
	display:block;
	    margin-bottom: 30px;
}
.newsletter tbody {
    width: 100%;
    display: block;
}

.newsletter tbody td, .newsletter tbody tr{
    width: 100%;
    display: block;
}
.Innerpage table.newsletter h3 {
font-size: 1.8rem;color:#252356;}

table.newsletter input#mc-embedded-subscribe {
    background: #252356;
    text-transform: uppercase;
    font-family: lato;
    font-weight: 600;
    font-size: 1rem;
    display: inline-block;
    width: auto;
    padding: 0.6rem 2rem;
    height: auto;
    border: 2px solid #252356;
    cursor: pointer;
    margin-bottom: 0px;
	    transition: all 0.7s ease 0s;
		color:#fff;

}
table.newsletter input#mc-embedded-subscribe:hover {
	color:#252356;
	 background: #fff;
	     transition: all 0.7s ease 0s;
}

/*End Newsletter*/

.Notifcation {padding:0px!important;margin:0px!important;}
.clamp-0{-webkit-line-clamp:unset}.clamp-1{-webkit-line-clamp:1}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.clamp-4{-webkit-line-clamp:4}.clamp-5{-webkit-line-clamp:5}.clamp-6{-webkit-line-clamp:6}.clamp-7{-webkit-line-clamp:7}.clamp-8{-webkit-line-clamp:8}.clamp-9{-webkit-line-clamp:9}
img {max-width:100%}
#dnn_dnnLOGO_imgLogo {max-height:250px}
#SkinHeader {
    background: transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9;
}
a:Link, a:visited {
    color: #7581bf;
    transition: all 0.7s ease 0s;
}
a:hover {
    color: #08001a;
    text-decoration: none;
    transition: all 0.7s ease 0s;
}
.ContentWhite {min-height:300px;background:#fff} 
.Copyright {
    background: #252356;
}
.FooterTop a:link, .FooterTop a:visited, .Copyright a:Link, .Copyright a:visited {color:#fff;transition: all 0.7s ease 0s;}
a.facebookicon {
    color: #7581bf!important;
}
a.facebookicon:hover {
    color: #fff!important;
}
.FooterTop p a:hover {
 color: #7581bf;
    text-decoration: none;
    transition: all 0.7s ease 0s;
}

.Copyright a:hover {color:#fff;text-decoration:none;transition: all 0.7s ease 0s;}
.FooterTop {
    background: #08001a;
}
.Footer {color:#fff}
button.navbar-toggle {
    border: 1px solid #fff;
    padding: 0.7rem;
    background: transparent;
border-radius: 4px;}
 span.icon-bar {
    background: #fff;
    width: 30px;
    height: 3px;
    display: block;
    margin: 5px 0px;
 }
.navbar-collapse {display:none}
.show {display:block}
.nav-pills .nav-link {
    display: block;
    padding: 3.4rem 2rem 0px;
    font-family: 'Century Gothic', sans-serif;
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
}
.p-10 {
    padding: 10rem 10rem;
}
div#main_eds_Gallery_Wrapper1035 {
    margin-bottom: -60px;
    margin-top: -60px;
}


/* Container CSS */
.textcolumn {
    column-count: 2;
    column-gap: 80px;
}

help div#dnn_ContentPane {
    align-content: center;
    align-items: center;
    align-self: center;
}
.DnnModule:nth-of-type(1) .Boxpadding {
    padding-top: 15rem;
}
.DnnModule:nth-of-type(3) .Boxpadding {padding-bottom:15rem;}

.Boxpadding {

    padding: 10rem 0;
    margin: 5px 0px;
}
.sys-green {
    background: darkgreen;
}
.sys-yellow {
    background: #f49124;
}
.sys-red {
    background: #e60000;
}
.Boxpadding p {
    margin-bottom: 0px;
	color:#fff;
}

.help div#dnn_MidPane_1b_4 {
    padding: 0px!important;
    margin-top: -180px;
}
.help div#dnn_ContentPane {
    align-items: center;
    align-self: center;
}
body .cbp-popup-singlePage .cbp-popup-navigation-wrap {
    background-color: rgb(37 35 86);
}

body .cbp-l-inline-subtitle {
    font-size: 1.3rem;
    margin-bottom: 15px;
    font-weight: 300;
    line-height: 1.3em;
    font-family: 'Lato', sans-serif;
    color: rgb(37 35 86);
    font-style: normal;
    font-weight: 600;
}
body  .cbp-popup-singlePage .cbp-l-project-desc-title {
    margin-right: 20px;
}
body .cbp-popup-singlePage .cbp-l-project-desc-title {
    margin-right: 20px;
    margin-bottom: 8px;
}
body  .cbp-popup-singlePage .cbp-l-project-desc-text p {
    font-size: 1.3rem;
    margin-bottom: 25px;
    font-weight: 300;
    line-height: 1.3em;
    font-family: 'Lato', sans-serif;
    color: #0a0c14;
}


.innerskew .cbp-l-grid-team-name:link, .innerskew .cbp-l-grid-team-name:active, .innerskew .cbp-l-grid-team-name:visited {
	    font-family: 'CenturyGothic';
	    font-size: 1.2rem;
	    color: rgb(37 35 86)!important;
}
.innerskew .cbp-l-grid-team-position {
    font-family: 'Lato';
    color: #08001a;
    text-align: center;
    font-size: 1.1rem;
}

i.fab.fa-facebook {
    font-size: 2rem;
    color: #fff;transition: all 0.7s ease 0s;
}
i.fab.fa-facebook:hover {
    color: #000;transition: all 0.7s ease 0s;
}
.cbp-popup-singlePage {}
body .cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
    display: inline-block;
    margin: 0 0px;
    vertical-align: top;
    max-width: 50%;
    min-width: 50%;
}
body .cbp-popup-singlePage .cbp-l-project-container {
    overflow: hidden;
    margin: 25px 0;
    width: 49%;
    display: inline-block;
    padding-left: 1rem;
}

section#MainBanner .nivo-caption {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: transparent;
    color: #fff;
    width: 60%;
    z-index: 8;
    padding: 20rem 0rem 0px 10rem;
    opacity: 1;
    overflow: hidden;
    -moz-opacity: 1;
}
#toTop {
    padding: 0px 13px 10px;
    background: #000;
    color: #fff;
    position: fixed;
    bottom: 0;
    font-size: 2.3rem;
    right: 6%;
    display: none;
    bottom: 20px;
    opacity: .4;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.7s ease 0s;
    z-index: 999;
}
#toTop:hover {opacity: 1;transition: all 0.7s ease 0s;}
ul li, p, ul li p {
    font-size: 1.5rem;
    margin-bottom: 25px;
    font-weight: 300;
    line-height: 1.3em;
    font-family: 'Lato', sans-serif;
    color: #0a0c14;
}
ul li p {
    display: inline-block;
}
ul {list-style:disc;}
ul li{
    margin-bottom: 0px;
}
h1 {
    font-size: 3.3rem;
    font-family: 'Century Gothic', sans-serif;
    line-height: 1.5em;
    font-weight: 600;
    color: #0a0c14;
    text-transform: uppercase;
}
h2 {
    font-size: 2.8rem;
    font-family: 'Century Gothic', sans-serif;
    line-height: 1.5em;
    font-weight: 600;
    color: #0a0c14;
}
section#MainBanner .nivo-caption h2 {
    font-size: 3rem;
    font-family: 'Century Gothic', sans-serif;
    line-height: 1em;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
section#MainBanner .nivo-caption h2 span {
    font-size: 1.8rem;
}


h3 {
    font-size: 1.6rem;
    font-family: 'Lato';
    font-weight: 600;
	color:#0a0c14;
}
h4 {
    font-family: 'Century Gothic', sans-serif;
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #eee;
}

 section#MainBanner .nivo-caption a.btn:link, section#MainBanner .nivo-caption a.btn:visited, section#MainBanner .nivo-caption a.btn{
    padding: 8px 20px;
    border: 1px solid #fff;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Lato';
	border-radius:0px;
	color:#fff!important;
}
 a.btn:link, a.btn:visited{
    padding: 8px 20px;
    border: 1px solid #0a0c14;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Lato';
	border-radius:0px;
	color:#0a0c14;
}

section.ContentWhite p a:Link, section.ContentWhite p a:visited {
    color: #7581bf;
    transition: all 0.7s ease 0s;
}
section.ContentWhite p a:hover {
    color: #ee2a2d;
    transition: all 0.7s ease 0s;
}
div#main_eds_Gallery_Wrapper1141:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 999;
}
 section#MainBanner .nivo-caption a.btn:hover {    background: #fff;    color: #08001a;}
.whitetext a.btn:hover, .whitetext a.btn:visited:hover {
    background: #fff;
    color: #08001a!important;
}

a.btn:link, a.btn:visited, section#MainBanner .nivo-caption p {
    font-size: 1.3rem;
    margin-bottom: 20px;
    font-weight: 300;
    line-height: 1.1em;
  font-family: 'Lato', sans-serif;
}
a.btn:link, a.btn:visited {color:#08001a!important}
a.btn:hover {
    background: #08001a;
    color: #fff!important;
}
div#dnnMenu ul li.nav-item a.nav-link span{}
div#dnnMenu ul li.nav-item:hover a.nav-link span{}

.nav .dropdown-menu {
    position: absolute;
    top: 100%!Important;
    left: 0px!Important;
    z-index: 1000;
    display: none;
    float: none;
    min-width: 330px;
    padding: 0;
    margin: 0 0;
    margin-top: 5px;
    padding-top: 10px;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px solid #000;
    border-radius: 0px;
    border-top: 0px solid #fff;
}
.nav .dropdown-menu li.nav-item a {
    width: 100%;
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid #fff;
    text-align: left;
    transition: all 0.7s ease 0s;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Century Gothic', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.1em;
}

#dnnMenu .dropdown-menu li.nav-item.ui-menu-item {
    background-color: #7581bfa6;
    padding: 0px 15px;
    font-size: inherit;
    margin-bottom: 0px;
}

a#ui-id-7 + .dropdown-menu {

	
}

li.nav-item {position:relative;}

div#dnnMenu .dropdown-menu.subLevel li.nav-item:hover a {color:#000;text-decoration:none;transition: all 0.7s ease 0s;}
.nav .dropdown-menu li.nav-item:last-of-type a {   
transition: all 0.7s ease 0s;
}
div#dnn_MidPane_6b_6 {
    position: relative;
    top: -60px;
}
.whitetext p, .whitetext h3, .whitetext h2, .whitetext a.btn:link {color:#fff;}
.whitetext a.btn:link {
    border-color: #fff;
    color: #fff!important;
}

.symbol, .symbol2 {
    position: relative;
}
.symbol:before {
    content: "";
    background: url(images/background-side.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 1000px;
    width: 38%;
    position: absolute;
    right: 0px;
    top: 23%;
    display: block;
    pointer-events: none;
    z-index: 99;
}
.symbol2:after {
    content: "";
    background: url(images/background-side.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 1000px;
    width: 38%;
    position: absolute;
    right: 0px;
    top: 32%;
    display: block;
    pointer-events: none;
    z-index: 99;
}
.Graphicbuttons {
    min-height: 300px;
    background: linear-gradient( 
21deg
 , #08001a 53%, #7581bf 120%);
    position: relative;
    transform: skewY( -10.5deg );
    z-index: 8;
}
.normalskew {
    transform: skewY( 10.5deg);
}
.Services {
    min-height: 300px;
    background: transparent;
    position: relative;
    transform: skewY( -10.5deg );
    z-index: 8;
    overflow: hidden;
}
.Services:before {
    content: "";
    background: url(images/skewbg.jpg);
    transform: skewY( 
10.5deg
 );
    z-index: -1;
    display: block;
    position: absolute;
    top: -182px;
    width: 108%;
    height: 190%;
    background-size: 100%;
}
.p-skew {
    padding: 20rem 10rem;
}
.p-skew2 {
   padding: 20rem 10rem 8rem;
}
.gb {
    border-left: 2px solid #7581bf52;
    padding-right: 9.6rem;
    padding-left: 2rem;
    position: relative;
}
.overlay {position:absolute;top:0px;bottom:0px;left:0px;right:0px;}
.gb img {
    width: 55%;
}
.gb h3 {
    font-size: 1.6rem;
    font-family: 'Lato';
    font-weight: 600;
    color: #fff;
}
.gb p {
    font-size: 1.1rem;
    color: #fff;
    line-height: 1.5rem;
    font-weight: 300;
}
.gb p a {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding-left: 0px;
    transition: all 0.7s ease 0s;
    margin-top: 5px;
    display: inline-block;
}
.col-md.mappane {
    transform: skewy( 
10.5deg
 );
    padding: 0px!Important;
    margin: 0px 0px -10% 0px!Important;
}
.gb:hover p a {padding-left:10px;transition: all 0.7s ease 0s;}

.mapoverflow {
    overflow: hidden;
    position: relative;
}

.mapoverflow iframe{
margin-top:-55px;
}
section.WhiteSkew {
    position: relative;
    z-index: 7;
    background-color: #fff;
}
.symbol2 {
    background: #dfdee4;
}
section.WhiteSkew:after {
    content: "";
    background: url(images/migrationbg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 170%;
    width: 63%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    pointer-events: none;
    z-index: -1;
}
.symbolicon:after {
    content: "";
    background: url(images/background-side.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -230px;
    right: 0px;
    width: 33%;
    height: 900px;
    z-index: 9999;
    background-size: 100%;
    pointer-events: none;
}
.symbolicon {
    z-index: 1000;
    position: relative;
}
.eds_CarouselGallery_Testimonials .swiper-container::before {display:none!important;}

.eds_CarouselGallery_Testimonials .edsCG_itemDescription, .eds_CarouselGallery_Testimonials .edsCG_itemDescription p {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.3em;
    font-family: 'Lato', sans-serif!important;
    color: #08001a!important;
}
.eds_CarouselGallery_Testimonials h2 {
    color: #08001a!important;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.eds_CarouselGallery_Testimonials .swiper-slide {
    padding: 1rem 4rem!important;
    margin: 0rem 0rem!important;
}
.lastskew {
    background-color: #dfdee4;
    position: relative;

}
section.lastskew:after {
    content: "";
    background: url(images/finalskew.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 260%;
    width: 64%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    pointer-events: none;
    z-index: 0;
}

footer#Footerbg .eds_CarouselGallery_Cards .edsCG_image {
    margin: 0 auto;
    max-width: 70%;
}

footer#Footerbg {
    position: relative;
}
.p-6 {padding:6rem 10rem}
.FooterTop p {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 0px;
}
div#dnn_FooterPane_2a_12 p {
    font-size: 0.9rem;
    position: relative;
    margin-top: 15px;
}
.footerelement {
    background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #08001a 50%, #08001a 100%);
    width: 100%;
    height: 353px;
    position: relative;
    top: -100%;
    z-index: 999;
    margin-top: -10%;
}
.FooterTop a.facebookicon:hover {
    color: #ffffff;
}
div#SkinWrapper {
    overflow: hidden;
}
.p-6 {
    padding: 6rem 15rem;
}
.FooterTop .row {    align-content: center;
    align-items: center;
    align-self: center;
    vertical-align: middle;
	
	}
ul.tick {
    list-style: none;
    margin-left: 0px;
}
a.facebookicon {
    position: absolute;
    padding-left: 0px;
    right: 0%;
    z-index: 99;
    top: -200px;
}
.FooterTop .p-6 {
    padding: 6rem 15rem 1rem 15rem;
}
.FooterTop .eds_CarouselGallery_Cards .swiper-slide::before {

    background-color: transparent;
}
.FooterTop .eds_CarouselGallery_Cards .swiper-slide {
    padding: 1rem;
    margin: 0rem 0;
}
.FooterTop hr {
	border-top: 2px solid #7581bf52;
    margin-top: 2rem;
}

ul.tick li:before { content:"\2714\0020"; } 	
	
.FooterTop .swiper-wrapper {
    align-items: stretch;
    justify-content: center;
}
section.lastskew .eds_CarouselGallery_Testimonials .swiper-button-next, section.lastskew  .eds_CarouselGallery_Testimonials .swiper-container-rtl .swiper-button-prev	 {
       background-image: url(images/arrowR.png);
}	
	
section.lastskew .eds_CarouselGallery_Testimonials .swiper-button-prev, section.lastskew  .eds_CarouselGallery_Testimonials .swiper-container-rtl .swiper-button-next {
 background-image: url(images/arrowL.png);
}	
section.lastskew .eds_CarouselGallery_Testimonials .swiper-button-next, section.lastskew .eds_CarouselGallery_Testimonials .swiper-button-prev {
    margin: 0;
    width: 45px;
    height: 185px;
    transform: translateY(-50% );
    background-size: auto;
    background-color: transparent;
    border-radius: 0%;
    transition: all 300ms;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 0%);
    background-size: 100%;
}
.whitetext a.btn:link, .whitetext a.btn:visited {
    border-color: #fff;
    color: #fff!important;
}



.swiper-button-next {
    right: 0px;
    left: auto;
}
.swiper-button-prev {
    left: 0px;
    right: auto;
}

.innerskew {
    transform: skewY( 
-10.5deg
 );
    margin-top: -10%;
    overflow: hidden;
}
.padding-left-10 {
    padding: 20rem 20rem 10rem 10rem;
}
.padding-10 {
    padding: 10rem 10rem 10rem 10rem;
}
.ThumbUp {
overflow:hidden;
}
.ThumbUp:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/thumbsup.jpg), linear-gradient(
0deg
, #d3daf0 0%, #d3daf0 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Thumb {
overflow:hidden;
}
.Thumb:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/sideimage1.jpg), linear-gradient(
0deg
, #d3daf0 0%, #d3daf0 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Newsletter {
overflow:hidden;
}
.Newsletter:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/Newsletterimg.jpg), linear-gradient( 
0deg , #d3daf0 0%, #d3daf0 100%);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg );
}


.co-location {
overflow:hidden;
}
.co-location:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/co-locaton.jpg), linear-gradient(
0deg
, #d3daf0 0%, #d3daf0 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.helpdesk {
overflow:hidden;
}
.helpdesk:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -190px;
    background-image: url(images/itsupport.jpg), linear-gradient( 
0deg
 , #090c11 0%, #090c11 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.procurement {
overflow:hidden;
}
.procurement:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/procurement.jpg), linear-gradient(
0deg
, #d3daf0 0%, #d3daf0 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Consultancy {
overflow:hidden;
}
.Consultancy:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/Consultancy.jpg), linear-gradient(
0deg
, #d3daf0 0%, #d3daf0 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Virtual {
overflow:hidden;
}
.Virtual:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -5%;
    bottom: -10%;
    background-image: url(images/virutal.jpg), linear-gradient( 
0deg
 , #010206 0%, #010206 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 132%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}

.fourofour {
overflow:hidden;
}
.fourofour:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -18%;
    bottom: -10%;
    background-image: url(images/404.jpg), linear-gradient( 
0deg
 , #010206 0%, #010206 100%);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 132%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Office365  {
overflow:hidden;
}
.Office365:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -20%;
    bottom: -10%;
    background-image: url(images/365.jpg), linear-gradient( 
0deg
 , #fe3b01 0%, #fe3b01 100%);
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Office365-backup  {
overflow:hidden;
}
.Office365-backup:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -10%;
    bottom: -10%;
    background-image: url(images/365backup.jpg), linear-gradient( 
0deg
 , #ffffff 0%, #ffffff 100%);
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Exchange {
overflow:hidden;
}
.Exchange:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/exchangeblue.jpg), linear-gradient(
0deg
, #0073c6 0%, #0073c6 100%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 70%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Company {
overflow:hidden;
}
.Company:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/company.jpg), linear-gradient( 0deg , #060f0e 0%, #0a120c 100%);
    background-position: 60% 0%;
    background-repeat: no-repeat;
    background-size: 127%, 100%;
    width: 50%;
    transform: skewY( 10.5deg );
}


.multi .paddingtop {
padding: 20rem 5rem 10rem;
}
.multi .padding {
padding:15rem 5rem 15rem;
}
.Contactpage .container-fluid.normalskew {
    padding-right: 0px;
}
.Contactpage div#dnn_Pane1C {
    margin-top: -180px;
}


.Backup-and-Recovery .image1 {
    background: url(images/backup2.jpg);
    background-size: cover;
    margin-top: -10%;
    background-position: 50%;
}
.Backup-and-Recovery .image2 {
    background: url(images/backup1.jpg);
    background-size: 100%;
}
.Backup-and-Recovery .image3 {
    background: url(images/backup4.jpg);
    background-size: 110%;
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.internetsecurity .image1 {
    background: url(images/mines.jpg);
    margin-top: -10%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.internetsecurity .image2 {
    background: url(images/Firewall2.jpg);
    background-size: cover;
    background-position: 50% 0%;
}
.internetsecurity .image3 {
    background: url(images/emailsecurity.jpg);

}
.internetsecurity .image4 {
    background: url(images/Firewall.jpg);
    background-size: cover;
    background-position: 0%;
    margin-bottom: -10%;
}
.Shadow-protect .image1 {
    background: url(images/shadow1.jpg);
    background-size: cover;
    background-position: 50%;
    margin-top: -10%;
}
.Shadow-protect .image2 {
    background: url(images/shadow2.jpg);
    background-size: cover;
    background-position: 40%;
    margin-bottom: -10%;
}
.Data-centre .image1 {
    background: url(images/NZwide.jpg), #000;
    background-size: 100%;
    margin-top: -9.5%;
    background-position: 50% 140%;
}
.Data-centre .image2 {
    background: url(images/connectiviy.jpg);
    background-size: 100%;
	    background-position: 0%;
}
.Data-centre .image3 {
    background: url(images/power.jpg);
    background-size: 100%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
}
.Data-centre .image4 {
    background: url(images/cooling.jpg);
    background-size: 71%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-color: #000;
}
.Data-centre .image5 {
    background: url(images/security.jpg);
    background-size: 100%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-color: #000;
}
.Data-centre .image6 {
    background: url(images/fire.jpg);
    background-size: 100%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-color: #000;
}
.Data-centre .image7 {
    background: url(images/enviromental.jpg);
    background-size: cover;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-color: #000;
}
.Data-centre .image8 {
    background: url(images/migration.jpg);
    background-size: 100%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-color: #000;
}
.migration:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/migration2.jpg), linear-gradient( 0deg , #f7f7f9 0%, #f7f7f9 100%);
    background-position: 90% 90%;
    background-repeat: no-repeat;
    background-size: 112%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}

svg.facebook-square {
    position: absolute;
    right: 0px;
    top: 0px;
}
.footer_left.col-lg-6 {
    color: #fff;
}
div#dnn_FooterPane_2e_12 {
    display: flex;
    flex-direction: column;
}

.DnnModule-1141 {order:2;}
.DnnModule-1143{order:1;}
ul li, p, ul li p {
    vertical-align: top;
}


.internetsecurity div#dnn_MidPane_2b_4{
    padding: 15rem 0px;
}
.contactpadding {
    padding: 15rem 5rem 2rem;
}
.internetsecurity div#dnn_MidPane_2b_4 {

    padding: 15rem 0px;
}
.Antivirus {overflow:hidden;}
.Antivirus:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/managed-antivirus.jpg);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 142%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.nopadding {
    padding: 0px!Important;
    margin: 0px!important;
}
.dropdown-menu li.nav-item.active:after {display:none;}
.dropdown-menu li.nav-item.active a {color:#000;}
.innerskew .eds_GravityGallery_Graviton p {
    font-size: 1.5rem;
    margin-bottom: 25px;
    font-weight: 300;
    line-height: 1.3em;
    font-family: 'Lato', sans-serif;
    color: #0a0c14;
}
.Testimonial_module {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.edsgg__itemContainer:nth-of-type(odd) .Testimonial_module .testimonial_image {
    order: 2;
	flex:1 0 50%
}
.edsgg__itemContainer:nth-of-type(even) .Testimonial_module .testimonial_image {
    order: 1;
		flex:1 0 50%
}
.edsgg__itemContainer:nth-of-type(odd) .Testimonial_module .testimonial_text {
    order: 1;
    flex: 0 1 50%;
    max-width: 50%;
    padding: 5rem;
}
.edsgg__itemContainer:nth-of-type(even) .Testimonial_module .testimonial_text {
    order: 2;
    flex: 0 1 50%;
    max-width: 50%;
    padding: 5rem;
		
}
.edsgg__itemContainer:first-of-type .testimonial_text {
    margin-top: 15%;
}




.container-fluid.normalskew .eds_GravityGallery_Graviton .edsgg__itemsListContainer {
    margin: -10% auto 0px;
    padding: 0;
    list-style-type: none;
    z-index: 0;
    max-width: 100%;
}
section.ContentWhite p a.Supportbtn:link, section.ContentWhite p a.Supportbtn:visited {
    background: #7581bf;
    padding: 22px 50px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 8px;
    border: 1px solid #7581bf;
    display: inline-block;
}
section.ContentWhite p a.Supportbtn:hover {
    background:#fff;
    color:  #7581bf;
    border: 1px solid #7581bf;
}
.Innerpage h1 {
    font-family: 'Lato';
    line-height: 1.2em;
    font-size: 2.5rem;
    font-weight: 600;
    color: #0a0c14;
	  text-transform:none;
}

.Innerpage h2 {
    font-family: 'Lato';
    line-height: 1.2em;
    font-size: 2.5rem;
}

.Innerpage h3 {
    font-size: 2rem;
    font-family: 'Lato';
    color: #0a0c14;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 20px;
}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 10rem;
    top: 20rem;
    color: #fff;
    font-size: 4rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 30%;
    line-height: 1em;
    text-align: left;
}

#dnnMenu .dropdown-menu li.nav-item.ui-menu-item:last-of-type {
    padding-bottom: 20px;
}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item:first-of-type {
    padding-top: 10px;
}

li.nav-item.ui-menu-item:after {
    content: "";
    width: 100%;
    height: 3px;
    background: transparent;
    display: block;
    margin-top: 0px;
    position: absolute;
    bottom: -8px;transition: all 0.7s ease 0s;
}
li.nav-item.ui-menu-item:hover:after  {
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    display: block;
    margin-top: 0px;
    position: absolute;
    bottom: -8px;transition: all 0.7s ease 0s;
}
li.nav-item.active:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    display: block;
    margin-top: 0px;
    position: absolute;
    bottom: -8px;
}
.nav-link:after {
    content: "";
    width: 100%;
    left: 0px;
    height: 3px;
    background:transparent;
    display: block;
    margin-top: 0px;
    position: absolute;
    bottom: -8px;
    transition: all 0.7s ease 0s;
	pointer-events:none;
}
.nav-link.ui-state-active:after {
    content: "";
    width: 100%;
    left: 0px;
    height: 3px;
    background: #fff;
    display: block;
    margin-top: 0px;
    position: absolute;
    bottom: -8px;
    transition: all 0.7s ease 0s;
}
ul.dropdown-menu li.nav-item.ui-menu-item:after {display:none!important}

ul li > p {
    margin-bottom: 0px!important;
}

@media screen and (max-width: 1681px) { 
.nav-pills .nav-link {
    padding: 3.4rem 1.4rem 0px;
}

.p-skew {
    padding: 18rem 10rem;
}
.gb {
   padding-right: 5rem;
    padding-left: 2rem;
    position: relative;
}

.p-skew2 {
    padding: 19rem 10rem 5rem;
}
section.WhiteSkew:after {
    width: 68%;
}
.eds_CarouselGallery_Testimonials .edsCG_itemDescription, .eds_CarouselGallery_Testimonials .edsCG_itemDescription p {
font-size: 1.4rem!important;}
h2 {
font-size: 2.5rem;}
section.lastskew:after {
    height: 140%;
    width: 72%;
    left: -160px;
    top: -40px;
}
.padding-left-10 {
    padding: 16rem 20rem 10rem 8rem;
}
.eds_CarouselGallery_Testimonials .swiper-slide {
    padding: 1rem 4rem 0px!important;
    margin: 0rem 0rem!important;
}
section.lastskew:after {
    height: 140%;
    width: 74%;
    left: -160px;
    top: -40px;
}
.footerelement {
    width: 100%;
    height: 309px;
    position: relative;
    top: -100%;
    z-index: 999;
    margin-top: -10%;
}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 8rem;
    top: 20rem;
    color: #fff;
    font-size: 3rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 30%;
    line-height: 1em;
    text-align: left;
}
.Innerpage h2, .Innerpage h1 {
    font-family: 'Lato';
    line-height: 1.2em;
    font-size: 2.1rem;
}
ul li, p, ul li p, .innerskew .eds_GravityGallery_Graviton p {
    font-size: 1.4rem;
    margin-bottom: 15px;
}
.multi .padding {
    padding: 10rem 5rem 10rem;
}
.internetsecurity .image3 {
    background-size: cover;
}
.Antivirus:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -90px;
    bottom: -100px;
    background-size: 152%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Data-centre .image4 {

    background-size: contain;
}
.Data-centre .image6 {
    background-size: 100%;
    background-position: 100% 30%;
}
.migration:after {

    background-position: 50% 90%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;

}

}

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

a.T4-group:Link, a.T4-group:hover, a.T4-group:visited {
    font-size: 0.9rem;
}
.T4-group img {
    width: 5.5rem;
    height: auto;
    margin-left: 5px;
}
p.T4-group {
margin-right: 0px;}

#dnn_dnnLOGO_imgLogo {
    max-height: 110px;
}
.nav-pills .nav-link {
    padding: 2.4rem 1.1rem 0px;
}
.nav .dropdown-menu li.nav-item a {
    padding: 11px 10px;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.1em;
}
.p-10 {
    padding: 8rem 8rem;
}
.p-skew2 {
    padding: 17rem 10rem 5rem;
}

.footerelement {
    width: 100%;
    height: 295px;

}
.eds_CarouselGallery_Testimonials .edsCG_itemDescription, .eds_CarouselGallery_Testimonials .edsCG_itemDescription p {
    font-size: 1.3rem!important;
}
h3 {
font-size: 1.4rem;}

.p-6 {
    padding: 6rem 10rem;
}
.FooterTop .p-6 {    padding: 6rem 10rem 2rem 10rem;}
section#MainBanner .nivo-caption {
    padding: 18rem 0rem 0px 8rem;
}
.Virtual:after {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 140%, 100%;
	}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 6rem;
    top: 17rem;
    color: #fff;
    font-size: 3rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 30%;
    line-height: 1em;
    text-align: left;
}

.padding-left-10 {
    padding: 14rem 20rem 8rem 5rem;
}


}

@media screen and (max-width: 1440px) { 
.p-5 {
    padding: 2rem!important;
}
div#dnnMenu ul {
    margin-left: 0px;
}
.nav-pills .nav-link {
    padding: 2.4rem 1.3rem 0px;
    font-size: 1rem;
}
.T4-group img {
width: 4.9rem;}
a.T4-group:Link, a.T4-group:hover, a.T4-group:visited, p.T4-group a {
    font-size: 0.8rem;
}
#dnn_dnnLOGO_imgLogo {
    max-height: 100px;
}
section#MainBanner .nivo-caption {
    padding: 15rem 0rem 0px 8rem;
}
ul li, p, ul li p, .innerskew .eds_GravityGallery_Graviton p {
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.textcolumn {
    column-count: 2;
    column-gap: 50px;
}
h1 {
font-size: 3rem;}
.p-skew {
    padding: 15rem 8rem;
}
.gb {
    padding-right: 3rem;
    padding-left: 2rem;
    position: relative;
}
.gb p {
    font-size: 1rem;
}
.gb h3 {
    font-size: 1.4rem;
}
.p-skew2 {
    padding: 13rem 8rem 4rem;
}

h2 {
    font-size: 2.2rem;
}
.eds_CarouselGallery_Testimonials h2 {
    color: #08001a!important;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.eds_CarouselGallery_Testimonials .edsCG_itemDescription, .eds_CarouselGallery_Testimonials .edsCG_itemDescription p {
    font-size: 1.2rem!important;
}

.footerelement {
    width: 100%;
    height: 264px;
}
h3 {
    font-size: 1.2rem;
}
section#MainBanner .nivo-caption h2 {
    font-size: 2.7rem;

}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item:first-of-type {
    padding-top: 5px;
}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item {
    padding: 0px 10px;
}
.nav .dropdown-menu li.nav-item a {
    padding: 11px 10px;
    letter-spacing: 1px;
    font-size: 0.9rem;
    line-height: 1.1em;
}
.Virtual:after {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 150%, 100%;
}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 5rem;
    top: 15rem;
    color: #fff;
    font-size: 2.8rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 30%;
    line-height: 1em;
    text-align: left;
}

.multi .paddingtop {
    padding: 14rem 5rem 8rem;
}
.multi .padding {
    padding: 7rem 5rem 9rem;
}
.Antivirus:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -70px;
    bottom: -100px;
    background-size: 157%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}

.Company:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-position: 80% 0%;
    background-size: 139%, 100%;
}

.Innerpage h3 {
font-size: 1.8rem;}
.Innerpage h2, .Innerpage h1 {
    font-family: 'Lato';
    line-height: 1.2em;
    font-size: 1.9rem;
}
}

@media screen and (max-width: 1367px) { 
a.T4-group:Link, a.T4-group:hover, a.T4-group:visited {
    margin-right: 13%;
}
a.facebookicon svg {
    width: 35px;
}
svg.facebook-square {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
}
#toTop {
    right: 9%;
}
a.facebookicon {
    position: relative;
    padding-left: 0px;
    right: 0%;
    z-index: 9999;
    top: 0px;
}
.FooterTop .eds_CarouselGallery_Cards .swiper-slide {
    padding: 1rem;
    margin: 1rem 0 0px;
}
#dnn_dnnLOGO_imgLogo {
    max-height: 90px;
}


.nav-pills .nav-link {
    padding: 2rem 1.1rem 0px;
    font-size: 1rem;
}

section#MainBanner .nivo-caption {
    padding: 12rem 0rem 0px 6rem;
}
section#MainBanner .nivo-caption h2 {
    font-size: 2.4rem;
}
a.btn:link, a.btn:visited, section#MainBanner .nivo-caption p {
    font-size: 1.1rem;
    margin-bottom: 20px;
}
section#MainBanner .nivo-caption a.btn:link, section#MainBanner .nivo-caption a.btn:visited, section#MainBanner .nivo-caption a.btn {

    font-size: 1rem;
}

ul li, p, ul li p, .innerskew .eds_GravityGallery_Graviton p {
    font-size: 1.2rem;
    margin-bottom: 15px;
}
h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 2rem;
}
.p-skew {
    padding: 12rem 6rem;
}
.p-10 {
    padding: 6rem 6rem;
}
.eds_CarouselGallery_Testimonials .edsCG_itemDescription, .eds_CarouselGallery_Testimonials .edsCG_itemDescription p {
    font-size: 1rem!important;
}
.footerelement {
    width: 100%;
    height: 250px;
}
.p-6 {
    padding: 6rem 6rem;
}
.FooterTop .p-6 {    padding: 6rem 6rem 2rem 6rem;}
.FooterTop p {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0px;
}
div#dnn_FooterPane_2a_12 p {
    font-size: 0.9rem;
}
.Footer {
    color: #fff;
    font-size: 0.8rem;
}
img.gfm {
    max-height: 25px;
}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 5rem;
    top: 15rem;
    color: #fff;
    font-size: 2.3rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 30%;
    line-height: 1em;
    text-align: left;
}
.padding-left-10 {
    padding: 12rem 15rem 5rem 5rem;
}
.Virtual:after {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 134%, 100%;
}
.multi .paddingtop {
    padding: 12rem 5rem 6rem;
}
.multi .padding {
    padding: 7rem 5rem 7rem;
}

}
section#MainBanner .nivo-caption a.btn:hover {
    background: #fff;
    color: #08001a!important;
}
@media screen and (max-width: 1281px) { 

section.navMenu.col-xl-7.col-md-8 {
    padding: 0px!Important;
}
header#SkinHeader .p-5 {
    padding-right: 0px!Important;
}
.nav-pills .nav-item:last-of-type .nav-link {
    padding-right: 0px;
}
.symbol:before {
    top: 50%;
    display: block;
    pointer-events: none;
    z-index: 99;
}
.Services:before {
    top: -112px;
    width: 108%;
    height: 190%;
    background-size: 100%;
}
.footerelement {
    width: 100%;
    height: 235px;
}
.Virtual:after {
    background-size: 150%, 100%;
}
.multi .padding {
    padding: 6rem 5rem 6rem;
}
.symbolicon:after {
    top: -110px;
    right: 0px;
    width: 33%;
    height: 850px;
    z-index: 9999;
    background-size: 100%;
    pointer-events: none;
}
.internetsecurity div#dnn_MidPane_3b_4 {
    padding: 6rem 5rem 14rem;
}
.FooterTop .eds_CarouselGallery_Cards .swiper-slide {
    padding: 1rem 0px;
    margin: 1rem 0 0px;
}
.LiveForm.ADC ul.page-break-section .Field {
    position: relative;
    padding: 10px 15px;
    margin-bottom: 0px;
}
a.T4-group:Link, a.T4-group:hover, a.T4-group:visited {
    margin-right: 12%;
}
}
@media screen and (max-width: 1025px) { 


.nav-pills .nav-link {
    padding: 2rem 1rem 0px;
    font-size: 0.9rem;
}
.nav-pills .nav-item:first-of-type .nav-link {
    padding-left: 0px;
}
#dnn_dnnLOGO_imgLogo {
    max-height: 80px;
}
nav#navbar {
    margin-left: -20px;
    padding-left: 0px;
    justify-content: flex-start!important;
}
span.d-flex.justify-content-center {
    justify-content: flex-start!important;
}
.Homepage section.ContentWhite.symbol div#dnn_MidPane_1a_8 {
    flex: 0 0 68.333333%;
    max-width: 68.333333%;
}
ul li, p, ul li p, .innerskew .eds_GravityGallery_Graviton p {
    font-size: 1.1rem;
    margin-bottom: 15px;
}
.p-skew {
    padding: 12rem 5rem;
}

.gb {
    padding-right: 2rem;
    padding-left: 1rem;
    position: relative;
}
.p-skew {
    padding: 9rem 5rem;
}
.symbol:before {
    top: 60%;
    display: block;
    pointer-events: none;
    z-index: 99;
    height: 660px;
}
.Services:before {
    top: -82px;
    width: 118%;
    height: 150%;
    background-size: 100%;
}
.p-skew2 {
    padding: 9rem 8rem 4rem;
}
section.lastskew:after {
    height: 140%;
    width: 75%;
    left: -160px;
    top: -40px;
}
.p-6 {
    padding: 6rem 5rem;
}
.FooterTop .p-6 {    padding: 6rem 5rem 2rem 5rem;}
.FooterTop p {
    color: #fff;
    font-size: 0.9rem;
    margin-bottom: 0px;
}
.dropdown-menu li.nav-item.active a {
    color: #fff;
    background: #000;
}

li.nav-item.ui-menu-item:after, .nav-link.ui-state-active:after {display:none!important;}
.FooterTop .col-md-8 .col-md-3 {
    padding: 0px 0px;
}
.footerelement {
    width: 100%;
    height: 190px;
}
.Footer {
    color: #fff;
    font-size: 0.7rem;
}
div#dnn_FooterPane_2a_4 {
    padding-left: 15px;
}
.padding-left-10 {
    padding: 9rem 11rem 2rem 5rem;
}
.Innerpage h3 {
    font-size: 1.3rem;
}
.Innerpage h2, .Innerpage h1 {
    font-family: 'Lato';
    line-height: 1.2em;
    font-size: 1.5rem;
}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 5rem;
    top: 11rem;
    color: #fff;
    font-size: 2rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 30%;
    line-height: 1em;
    text-align: left;
}

.procurement:after {
    content: "";
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 113%, 100%;
    width: 50%;
}

.Virtual:after {
    background-size: 167%, 100%;
}

.multi .padding {
    padding: 3rem 3rem 3rem;
}
.multi .paddingtop {
    padding: 8rem 3rem 3rem;
}
.internetsecurity div#dnn_MidPane_3b_4 {
    padding: 4rem 3rem 10rem;
}
.Antivirus:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -50px;
    bottom: -100px;
    background-size: 167%;
    width: 50%;
}
.Company:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-position: 80% 0%;
    background-size: 159%, 100%;
}
.Data-centre .image2 {
    background: url(images/connectiviy.jpg);
    background-size: 100%;
    background-position: 0% 90%;
}

h4 {
    font-family: 'Century Gothic', sans-serif;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
}
.padding-10 {
    padding: 8rem 5rem 5rem 5rem;
}
.eds_CarouselGallery_Testimonials .swiper-slide {
    padding: 1rem 1rem 0px!important;
    margin: 0rem 0rem!important;
}
.eds_CarouselGallery_Cards .swiper-slide .edsCG_image {
    width: 250px;
}

}

@media handheld, only screen and (max-width: 769px) {
	a.T4-group:Link, a.T4-group:hover, a.T4-group:visited {
    margin-right: 2%;
}
div#dnn_FooterPane_1a_4 {
    text-align: center;
}
p.T4-group {
    margin-right: 19%;
}
	.DnnModule:nth-of-type(3) .Boxpadding {
    padding-bottom: 10rem;
}
.p-5 {
    padding: 1rem!important;
}
.p-5 {
    padding: 1rem!important;
}
section#MainBanner .nivo-caption {
    padding: 6rem 0rem 0px 2rem;
}
section#MainBanner .nivo-caption h2 {
    font-size: 1.8rem;
}
.nivo-caption p {
    padding: 5px 0px!important;
    margin: 0;
    color: #fff;
}

	nav#navbar {
    margin-left: 0px;
    padding-left: 0px;
    justify-content: flex-start!important;
}
span.d-flex.justify-content-center {
    justify-content: flex-start!important;
}
.nav {
    top: 50px;
}
.nav-pills .nav-item:first-of-type .nav-link {
    padding-left: 1rem;
}
.nav-pills .nav-item:last-of-type .nav-link {
    padding-right: 1rem;
}

.nav-pills .nav-link {
    display: block;
    padding: 0rem 2rem 0px;
    font-family: 'Century Gothic', sans-serif;
    color: #fff;
    font-size: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    font-weight: 900;
    line-height: 5rem;
}
ul.nav.nav-pills.flex-column.flex-sm-row {
    flex-direction: column!important;
}
.nav {
    margin-left: 0px;
    align-content: start;
    align-self: self-start;
    height: auto;
    position: absolute;
    z-index: 999;
    background: #fff;
    width: 100%;
}
span.caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    top: 35px;
    position: absolute;
}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item {
    padding: 0px 0px;
}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item:first-of-type {
    padding-top: 0px;
}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item:last-of-type {
    padding-bottom: 0px;
}

.nav {
    z-index: 9999;
    background: #7581bfde;
    width: 100%;
}

li.nav-item {
    width: 100%;
    border-bottom: 1px solid #fff;
    text-align: center;
    margin-bottom: 0px!Important;
}

.nav .dropdown-menu li.nav-item {
    width: 100%;
    border-bottom: 1px solid #fff;
    text-align: center;
}

li.nav-item .nav-link:hover, li.nav-item.active .nav-link {
    color: #fff;
    background: #7581bf;
}
.nav .dropdown-menu {
    position: relative;
    top: 0px!important;
    left: 0px!Important;
    z-index: 1000;
    display: none;
    float: none;
    min-width: 330px;
    padding: 0;
    margin: 0 0;
    margin-top: 0px;
    padding-top: 0px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px solid #fff;
    border-radius: 0px;
    border-top: 0px solid #fff;
}
.eds_CarouselGallery_Cards .swiper-slide .edsCG_image {
    width: 230px;
}
#toTop {
    right: 12%;
}
.nav .dropdown-menu li.nav-item a {
    padding: 11px 10px;
    letter-spacing: 1px;
    font-size: 1.3rem;
    line-height: 1.5em;
    text-align: center;
}
.navbar-header.d-flex.justify-content-end.d-lg-none {
    padding-right: 20px;
}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item {
    background-color: #fff;
    border-bottom: 1px solid #000;
    margin: 0px!important;
}
li.nav-item .nav-link:hover, li.nav-item.active .nav-link, li.nav-item.active.ui-menu-item {
    color: #fff;
    background: #090c13!important;
}
div#dnnMenu .dropdown-menu.subLevel li.nav-item:hover a {
    color: #fff;
	background:#000;
    text-decoration: none;
    transition: all 0.7s ease 0s;
}
.edsCG_itemDescription h3 {
    font-size: 0.9rem;
}
#dnnMenu .dropdown-menu li.nav-item.ui-menu-item {
    background-color: #7581bfde;
    border-bottom: 0px solid #fff;
}
.eds_CarouselGallery_Testimonials p {
    margin-bottom: 0px;
}
.Homepage section.ContentWhite.symbol div#dnn_MidPane_1a_8 {
    flex: 0 0 100%;
    max-width: 100%;
}
div#dnn_MidPane_6b_6 {
    position: relative;
    top: -20px;
}
.p-10 {
    padding: 5rem 2rem 7rem;
}
.p-skew {
    padding: 7rem 2rem;
}
.gb {
    padding-right: 1rem;
    padding-left: 0.5rem;
    position: relative;
}
section.WhiteSkew:after {
    width: 85%;
    left: -50px;
}
.p-skew2 {
    padding: 9rem 2rem 0rem;
}
section.Services.whitetext div#dnn_MidPane_4a_6 {
    flex: 0 0 51.666667%;
    max-width: 51.666667%;
}
.Services:before {
    top: -82px;
    width: 142%;
    height: 150%;
    background-size: 126%;
    background-position: 70% 50%;
}

.eds_CarouselGallery_Testimonials .edsCG_itemDescription, .eds_CarouselGallery_Testimonials .edsCG_linkButton {
    display: block!important;
}
h2 {
    font-size: 1.6rem;
}
.footerelement {
    width: 100%;
    height: 142px;
}
section.lastskew:after {
    height: 140%;
    width: 81%;
    left: -160px;
    top: -40px;
}
h3 {
    font-size: 1.1rem;
}
.Copyright {
    background: #252356;
    text-align: center;
}
div#GFM {
    justify-content: center!important;
    margin-top: 10px;
}
.padding-left-10 {
    padding: 9rem 5rem 2rem 2rem;
}
.helpdesk:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -40px;
    bottom: -190px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 130%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.p-6, .FooterTop .p-6 {
    padding: 3rem 2rem;
}
.FooterTop .col-md-8, div#dnn_FooterPane_1a_4 {
    flex: 0 0 100%;
    max-width: 100%;
}
div#dnn_FooterPane_1a_4 {
    margin-bottom: 30px;
}

.FooterTop p {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 0px;
}

.Innerpage h2 {
    font-family: 'Lato';
    line-height: 1.2em;
    font-size: 1.2rem;
}
.Innerpage h3 {
    font-size: 1rem;
}
.Thumb:after {
    content: "";
    position: absolute;
    right: 0px;
    top: -100px;
    bottom: -100px;
    background-image: url(images/sideimage1.jpg), linear-gradient( 
0deg
 , #d4dbf0 0%, #ced1e4 100%);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    width: 50%;
    transform: skewY( 
10.5deg
 );
}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 2rem;
    top: 9rem;
    color: #fff;
    font-size: 1.6rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 30%;
    line-height: 1em;
    text-align: left;
}
.procurement:after {
    content: "";
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 143%, 100%;
    width: 50%;
}
.Virtual:after {
    background-size: 237%, 100%;
    background-position: 50% 100%;
}

.Footer {
    color: #fff;
    font-size: 0.8rem;
}
.Consultancy:after {
    background-size: 133%, 100%;
}
.Backup-and-Recovery .image3 {
    background-size: cover;
    background-position: 90% 0%;
    background-repeat: no-repeat;
}
.Backup-and-Recovery .image2 {
    background-size: cover;
}
.Shadow-protect .image2 {
    background-position: 60%;
    margin-bottom: -10%;
}
.multi .padding {
    padding: 2rem;
}
.multi .paddingtop {
    padding: 6rem 2rem 2rem;
}
.internetsecurity div#dnn_MidPane_3b_4 {
    padding: 2rem 2rem 4rem;
}
.internetsecurity .image3 {
    background-position: 50%;
}
.Antivirus:after {
    background-size: 237%;
}
.co-location:after {
    background-position: 30% 0%;

    background-size: 140%, 100%;
}
.Company:after {
    content: "";
    background-position: 80% 0%;
    background-size: 169%, 100%;
}
.Data-centre .image3 {
    background-size: cover;
    background-position: 100% 0%;
}

.migration:after {
    background-position: 10% 90%;
    background-repeat: no-repeat;
    background-size: 190%, 100%;
}
.edsgg__itemContainer:nth-of-type(odd) .Testimonial_module .testimonial_text, .edsgg__itemContainer:nth-of-type(even) .Testimonial_module .testimonial_text {
    padding: 2rem;
}
h4 {
    font-family: 'Century Gothic', sans-serif;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
}
.edsgg__itemContainer:first-of-type .testimonial_text {
    margin-top: 18%;
}

.padding-10 {
    padding: 8rem 2rem 2rem 2rem;
}
.ui-state-active span.caret {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0px solid #fff;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    top: 22px;
    position: absolute;
    border-bottom: 8px solid #fff;
}
nav#navbar {
    z-index: 9999999999;
}
}
.cbp-l-inline-title {
    font: 400 28px/28px "Lato", sans-serif!important;
    color: #000!important;
}

@media screen and (min-width: 740px) and (max-width: 769px) { 

}
@media screen and (min-width: 641px) and (max-width: 739px) { 


}
@media screen and (min-width: 481px) and (max-width: 640px) { 


}
@media handheld, only screen and (max-width: 480px){
	.eds_CarouselGallery_Cards .swiper-slide .edsCG_image {
    width: 300px;
}

.FooterTop .swiper-wrapper {
    align-items: stretch;
    justify-content: left;
}
#toTop {
    left: 20px;
    right: auto;
    bottom: 120px;
}
.nivo-directionNav {display:none;}
div#logo {
    padding: 0px!Important;
    z-index: 999;
    width: 60%;
	position:relative;
}
section#MainBanner .nivo-caption {
    padding: 3rem 0rem 0px 1rem;
}
section#MainBanner .nivo-caption h2 {
    font-size: 1rem;
}

#dnn_dnnLOGO_imgLogo {
    max-height: 50px;
}
section.navMenu.col-xl-7.col-md-8 {
    position: absolute;
    right: 0rem;
}

.nav-pills .nav-link {
    display: block;
    padding: 0rem 2rem 0px;
    font-family: 'Century Gothic', sans-serif;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    font-weight: 900;
    line-height: 3.2rem;
}
span.caret {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    top: 22px;
    position: absolute;
}
a.btn:link, a.btn:visited, section#MainBanner .nivo-caption p {
    font-size: 0.7rem;
    margin-bottom: 5px;
}

section#MainBanner .nivo-caption h2 {
    font-size: 1rem;
    margin-bottom: 0px;
}
section#MainBanner .nivo-caption a.btn:link, section#MainBanner .nivo-caption a.btn:visited, section#MainBanner .nivo-caption a.btn {
    font-size: 0.5rem;
    padding: 5px;

}
a.T4-group:Link, a.T4-group:hover, a.T4-group:visited {
    line-height: 2em;
}
a.T4-group img {
    vertical-align: middle;    line-height: 1em;
    height: 1.7em;

}
section#MainBanner .nivo-caption {
    padding: 4.8rem 0rem 0px 1rem;
}
button.navbar-toggle {
    border: 1px solid #fff;
    padding: 0.5rem;
    background: transparent;
    border-radius: 4px;
}

h1 {
    font-size: 2rem;
}

.textcolumn {
    column-count: 1;
    column-gap: 0px;
}
.symbol:before {
    top: 76%;
    display: block;
    pointer-events: none;
    z-index: 99;
    height: 390px;
    width: 78%;
}
.gb {
    padding-right: 2rem;
    padding-left: 1rem;
    position: relative;
}

section.WhiteSkew:after {display:none;}


.p-skew2 {
    padding: 5rem 2rem 2rem;
}
.Services:before {
    top: -72px;
    width: 292%;
    height: 150%;
    background-size: 126%;
    background-position: 70% 50%;
}
section.Services.whitetext div#dnn_MidPane_4a_6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.Services {
    margin-top: -40px;
}
section.lastskew:after {display:none;}
.p-skew {
    padding: 7rem 2rem;
}
.footerelement {
    width: 100%;
    height: 70px;
}
div#dnn_MidPane_6b_6 {
    position: relative;
    top: 0px;
}
.nav {
    top: 38px;
}
section.lastskew .eds_CarouselGallery_Testimonials .swiper-button-next, section.lastskew .eds_CarouselGallery_Testimonials .swiper-button-prev {

transform: translateY(0% );}

footer#Footerbg {
    position: relative;
    margin-top: -70px;
}
div#dnn_FooterPane_2a_4 {
    padding-left: 0px;
}
div#dnn_FooterPane_2a_12 {
    padding: 0px;
}
.FooterTop {
    background: #08001a;
    text-align: center;
}
.FooterTop p {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 15px;
}
p.T4-group {
    margin-right: 0%;
}
a.T4-group {
    position: relative;
    right: 22%;
    top: -5px;
}
p.T4-group {
    margin-right: 0%;
    padding-top: 0px;
    margin-top: -8px;
}
a.T4-group:Link, a.T4-group:hover, a.T4-group:visited {
    
}
a.T4-group img {
    
}
.Innerpage .ContentWhite:after {
    content: "";
    position: relative!important;
    right: 0px!important;
    top: 0px!important;
    bottom: 0px!important;
    background-position: 0% 0%!important;
    background-repeat: no-repeat;
    background-size: 100%, 100%!important;
    width: 100%!important;
    height: 500px!important;
    transform: skewY( 
10.5deg
 );
    display: block;
}
section#MainBanner .nivo-caption a.btn:link, section#MainBanner .nivo-caption a.btn:visited, section#MainBanner .nivo-caption a.btn {display:none!important;}
.padding-left-10 {
    padding: 4rem 2rem 2rem 2rem;
}
.Pagename, .Innerpage h1.Pagename {
    position: absolute;
    left: 2rem;
    top: 5rem;
    color: #fff;
    font-size: 1rem;
    font-family: 'Century Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    width: 37%;
    line-height: 1em;
    text-align: left;
}
.Virtual:after {
height: 580px!important;}
.nav .dropdown-menu li.nav-item a {
    padding: 11px 10px;
    letter-spacing: 0px;
    font-size: 1.2rem;
    line-height: 1.5em;
    text-align: center;
}
.Innerpage .ContentWhite.multi:after {display:none;}
.image1, .image2, .image3, .image4, .image5 {
    height: 380px;
    margin-top: 0%!important;
    width: 100%!important;
}
.Innerpage h3 {
    font-size: 1.4rem;
}
.Innerpage h2, .Innerpage h1 {
    font-size: 1.6rem;
}


.image2 {
    order: 2;
}
.multi .paddingtop {
    padding: 5rem 2rem 2rem;
}
.p-5 {
    padding: 0.6rem!important;
}
.internetsecurity .image4 {
    order: 2;
}
.edsgg__itemContainer:nth-of-type(odd) .Testimonial_module .testimonial_image, 
.edsgg__itemContainer:nth-of-type(odd) .Testimonial_module .testimonial_text,
.edsgg__itemContainer:nth-of-type(even) .Testimonial_module .testimonial_text,
.edsgg__itemContainer:nth-of-type(even) .Testimonial_module .testimonial_image {
    flex: 0 1 100%;
    max-width: 100%;
}
.Testimonial_module {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.edsgg__itemContainer .Testimonial_module .testimonial_text {order:1!important;}
.edsgg__itemContainer .Testimonial_module .testimonial_image {order:2!important;}
.Innerpage .ContentWhite.testimonials:after {display:none!important;}
div#main_eds_Gallery_Wrapper1035 {
    margin-bottom: 0px;
    margin-top: 0px;
}
.eds_CarouselGallery_Testimonials .swiper-slide {
    padding: 1rem 0rem 0px!important;
    margin: 0rem 0rem!important;
}
section.navMenu.col-xl-7.col-md-8 {
    position: absolute;
    right: 0.5rem;
}
.DnnModule:nth-of-type(1) .Boxpadding {
    padding-top: 10rem;
}
.help div#dnn_MidPane_1b_4 {
    padding: 0px!important;
    margin-top: 0px;
}
footer#Footerbg .eds_CarouselGallery_Cards .edsCG_image {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
a.facebookicon {
    position: relative;
    padding-left: 0px;
    right: 0%;
    z-index: 9999;
}
body .cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
    max-width:  100%;
    min-width:  100%;
}
body .cbp-popup-singlePage .cbp-l-project-container {

    width: 100%;
    display: inline-block;
    padding-left: 0rem;
}
div#main_eds_Gallery_Wrapper1141:before {
display:none;
}
.mobileremovespace:after {
    display: none!important;
}

div#main_eds_Gallery_Wrapper1141 .swiper-wrapper {
    display: block;

    transform: translate3d(0px, 0px, 0px)!important;
}
svg.facebook-square {
    position: absolute;
    right:10%;
    top: -10px;
    width: 35px;
}
.Contactpage div#dnn_Pane1C {
    margin-top: 0px;
    padding: 0px!Important;
}
section.ContentWhite.innerskew.Contactpage:after {display:none;}

#portfoliopro-lightbox-gallery1070 .cbp-l-grid-team .cbp-item {
    width: 100%!important;
    height: 480px!important;
}
.cbp-popup-singlePage .cbp-l-project-desc-title span, .cbp-popup-singlePage .cbp-l-project-details-title span {
    font-size: 2rem!important;
    color: #252356;
}
.Data-centre .image1, .Data-centre .image2, .Data-centre .image5 {
    background-size: cover;
    background-position: 50%;
}
.Copyright {
    padding-bottom: 5rem;
}
.Innerpage .Exchange:after {
    background-position: 50% 40%!important;
    background-size: 80%, 100%!important;
}
/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {



}


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

a.T4-group {
    position: relative;
right: 22%;}
}
@media screen and (min-width: 380px) and (max-width: 414px) { 



}
@media screen and (min-width: 332px) and (max-width: 380px) { 



}